@patternfly/patternfly 6.0.0-alpha.7 → 6.0.0-alpha.70

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 (382) hide show
  1. package/CODE_OF_CONDUCT.md +1 -2
  2. package/README.md +13 -3
  3. package/assets/icons/iconUnicodes.json +1 -0
  4. package/assets/images/PF-Backdrop.svg +1 -0
  5. package/assets/images/PF-HorizontalLogo-Color.svg +29 -0
  6. package/assets/images/PF-HorizontalLogo-Reverse.svg +28 -0
  7. package/assets/images/PF-IconLogo-Reverse.svg +14 -0
  8. package/assets/images/PF-IconLogo-color.svg +17 -0
  9. package/assets/images/PF-IconLogo.svg +17 -0
  10. package/assets/images/logo__pf--reverse-on-md.svg +1 -1
  11. package/assets/images/pf-background.svg +22 -0
  12. package/assets/images/pf-c-brand__logo-on-lg-white.svg +32 -0
  13. package/assets/images/pf-c-brand__logo-on-md-white.svg +42 -0
  14. package/assets/images/pf-c-brand__logo-on-sm-white.svg +17 -0
  15. package/assets/images/pf-c-brand__logo-on-sm.svg +1 -1
  16. package/assets/images/pf-c-brand__logo-on-xl-white.svg +39 -0
  17. package/assets/images/pf_logo_white.hbs +35 -0
  18. package/assets/images/pf_logo_white.svg +38 -0
  19. package/assets/pficon/pf-v5-pficon.woff2 +0 -0
  20. package/assets/pficon/pficon.scss +6 -129
  21. package/base/_common.scss +29 -4
  22. package/base/_globals.scss +5 -7
  23. package/base/_variables.scss +8 -6
  24. package/base/patternfly-common.css +24 -6
  25. package/base/patternfly-globals.css +5 -4
  26. package/base/patternfly-icons.css +5 -1
  27. package/base/patternfly-pf-icons.css +5 -1
  28. package/base/patternfly-variables.css +859 -833
  29. package/base/tokens/_tokens-dark.scss +306 -284
  30. package/base/tokens/_tokens-default.scss +415 -329
  31. package/base/tokens/_tokens-font.scss +41 -46
  32. package/base/tokens/_tokens-palette.scss +68 -68
  33. package/base/tokens/_workspace-overrides.scss +7 -0
  34. package/components/AboutModalBox/about-modal-box.css +78 -104
  35. package/components/AboutModalBox/about-modal-box.scss +62 -74
  36. package/components/Accordion/accordion.css +96 -175
  37. package/components/Accordion/accordion.scss +106 -193
  38. package/components/ActionList/action-list.css +18 -17
  39. package/components/ActionList/action-list.scss +26 -16
  40. package/components/Alert/alert-group.css +27 -20
  41. package/components/Alert/alert-group.scss +27 -20
  42. package/components/Alert/alert.css +74 -95
  43. package/components/Alert/alert.scss +76 -89
  44. package/components/AppLauncher/app-launcher.css +32 -23
  45. package/components/AppLauncher/app-launcher.scss +32 -23
  46. package/components/Avatar/avatar.css +10 -13
  47. package/components/Avatar/avatar.scss +10 -17
  48. package/components/BackToTop/back-to-top.css +17 -16
  49. package/components/BackToTop/back-to-top.scss +14 -14
  50. package/components/Backdrop/backdrop.css +8 -4
  51. package/components/Backdrop/backdrop.scss +7 -4
  52. package/components/BackgroundImage/background-image.css +11 -4
  53. package/components/BackgroundImage/background-image.scss +13 -4
  54. package/components/Badge/badge.css +25 -17
  55. package/components/Badge/badge.scss +27 -19
  56. package/components/Banner/banner.css +95 -69
  57. package/components/Banner/banner.scss +100 -34
  58. package/components/Breadcrumb/breadcrumb.css +28 -19
  59. package/components/Breadcrumb/breadcrumb.scss +26 -19
  60. package/components/Button/button.css +417 -359
  61. package/components/Button/button.scss +472 -484
  62. package/components/CalendarMonth/calendar-month.css +25 -15
  63. package/components/CalendarMonth/calendar-month.scss +23 -15
  64. package/components/Card/card.css +117 -203
  65. package/components/Card/card.scss +137 -246
  66. package/components/Check/check.css +25 -22
  67. package/components/Check/check.scss +26 -24
  68. package/components/Chip/chip-group.css +6 -6
  69. package/components/Chip/chip-group.scss +6 -6
  70. package/components/Chip/chip.css +16 -9
  71. package/components/Chip/chip.scss +17 -9
  72. package/components/ClipboardCopy/clipboard-copy.css +47 -41
  73. package/components/ClipboardCopy/clipboard-copy.scss +50 -34
  74. package/components/CodeBlock/code-block.css +24 -12
  75. package/components/CodeBlock/code-block.scss +24 -13
  76. package/components/CodeEditor/code-editor.css +31 -22
  77. package/components/CodeEditor/code-editor.scss +30 -21
  78. package/components/CodeEditor/themes/dark/code-editor.scss +1 -1
  79. package/components/Content/content.css +40 -37
  80. package/components/Content/content.scss +40 -37
  81. package/components/ContextSelector/context-selector.css +41 -26
  82. package/components/ContextSelector/context-selector.scss +40 -25
  83. package/components/ContextSelector/themes/dark/context-selector.scss +1 -1
  84. package/components/DataList/data-list-grid.css +21 -21
  85. package/components/DataList/data-list-grid.scss +3 -3
  86. package/components/DataList/data-list.css +165 -209
  87. package/components/DataList/data-list.scss +138 -185
  88. package/components/DatePicker/date-picker.css +8 -8
  89. package/components/DatePicker/date-picker.scss +8 -8
  90. package/components/DescriptionList/description-list.css +47 -39
  91. package/components/DescriptionList/description-list.scss +33 -30
  92. package/components/Divider/divider.css +97 -177
  93. package/components/Divider/divider.scss +60 -79
  94. package/components/DragDrop/drag-drop.css +26 -22
  95. package/components/DragDrop/drag-drop.scss +26 -25
  96. package/components/Drawer/drawer.css +216 -158
  97. package/components/Drawer/drawer.scss +199 -150
  98. package/components/Dropdown/dropdown.css +76 -69
  99. package/components/Dropdown/dropdown.scss +67 -62
  100. package/components/DualListSelector/dual-list-selector.css +29 -15
  101. package/components/DualListSelector/dual-list-selector.scss +30 -15
  102. package/components/EmptyState/empty-state.css +64 -38
  103. package/components/EmptyState/empty-state.scss +70 -38
  104. package/components/ExpandableSection/expandable-section.css +75 -66
  105. package/components/ExpandableSection/expandable-section.scss +82 -80
  106. package/components/FileUpload/file-upload.css +31 -43
  107. package/components/FileUpload/file-upload.scss +31 -49
  108. package/components/Form/form.css +111 -154
  109. package/components/Form/form.scss +101 -160
  110. package/components/FormControl/form-control.css +95 -111
  111. package/components/FormControl/form-control.scss +97 -92
  112. package/components/HelperText/helper-text.css +29 -35
  113. package/components/HelperText/helper-text.scss +31 -41
  114. package/components/Hint/hint.css +37 -27
  115. package/components/Hint/hint.scss +37 -30
  116. package/components/Icon/icon.css +155 -19
  117. package/components/Icon/icon.scss +188 -21
  118. package/components/InlineEdit/inline-edit.css +12 -11
  119. package/components/InlineEdit/inline-edit.scss +12 -11
  120. package/components/InputGroup/input-group.css +32 -42
  121. package/components/InputGroup/input-group.scss +31 -33
  122. package/components/JumpLinks/jump-links.css +61 -58
  123. package/components/JumpLinks/jump-links.scss +61 -60
  124. package/components/Label/label-group.css +48 -50
  125. package/components/Label/label-group.scss +48 -51
  126. package/components/Label/label.css +382 -363
  127. package/components/Label/label.scss +441 -356
  128. package/components/List/list.css +25 -25
  129. package/components/List/list.scss +26 -26
  130. package/components/LogViewer/log-viewer.css +14 -14
  131. package/components/LogViewer/log-viewer.scss +14 -14
  132. package/components/Login/login.css +104 -122
  133. package/components/Login/login.scss +92 -91
  134. package/components/Masthead/masthead.css +262 -506
  135. package/components/Masthead/masthead.scss +123 -289
  136. package/components/Menu/menu.css +82 -65
  137. package/components/Menu/menu.scss +85 -69
  138. package/components/MenuToggle/menu-toggle.css +37 -31
  139. package/components/MenuToggle/menu-toggle.scss +37 -33
  140. package/components/ModalBox/modal-box.css +76 -69
  141. package/components/ModalBox/modal-box.scss +74 -70
  142. package/components/MultipleFileUpload/multiple-file-upload.css +87 -57
  143. package/components/MultipleFileUpload/multiple-file-upload.scss +92 -60
  144. package/components/Nav/nav.css +248 -899
  145. package/components/Nav/nav.scss +304 -1059
  146. package/components/Nav/themes/dark/nav.scss +2 -2
  147. package/components/NotificationBadge/notification-badge.css +66 -85
  148. package/components/NotificationBadge/notification-badge.scss +72 -103
  149. package/components/NotificationDrawer/notification-drawer.css +130 -128
  150. package/components/NotificationDrawer/notification-drawer.scss +130 -129
  151. package/components/NumberInput/number-input.css +10 -10
  152. package/components/NumberInput/number-input.scss +9 -14
  153. package/components/OptionsMenu/options-menu.css +43 -31
  154. package/components/OptionsMenu/options-menu.scss +43 -31
  155. package/components/OverflowMenu/overflow-menu.css +17 -47
  156. package/components/OverflowMenu/overflow-menu.scss +27 -65
  157. package/components/Page/page.css +182 -232
  158. package/components/Page/page.scss +130 -195
  159. package/components/Pagination/pagination.css +74 -121
  160. package/components/Pagination/pagination.scss +55 -125
  161. package/components/Panel/panel.css +40 -30
  162. package/components/Panel/panel.scss +42 -33
  163. package/components/Popover/popover.css +108 -87
  164. package/components/Popover/popover.scss +120 -109
  165. package/components/Progress/progress.css +40 -52
  166. package/components/Progress/progress.scss +48 -62
  167. package/components/ProgressStepper/progress-stepper.css +98 -89
  168. package/components/ProgressStepper/progress-stepper.scss +90 -84
  169. package/components/Radio/radio.css +30 -23
  170. package/components/Radio/radio.scss +31 -25
  171. package/components/Select/select.css +56 -47
  172. package/components/Select/select.scss +56 -47
  173. package/components/Sidebar/sidebar.css +31 -14
  174. package/components/Sidebar/sidebar.scss +34 -16
  175. package/components/SimpleList/simple-list.css +45 -56
  176. package/components/SimpleList/simple-list.scss +51 -55
  177. package/components/Skeleton/skeleton.css +24 -25
  178. package/components/Skeleton/skeleton.scss +21 -26
  179. package/components/SkipToContent/skip-to-content.css +9 -6
  180. package/components/SkipToContent/skip-to-content.scss +8 -6
  181. package/components/Slider/slider.css +80 -55
  182. package/components/Slider/slider.scss +96 -65
  183. package/components/Spinner/spinner.css +17 -34
  184. package/components/Spinner/spinner.scss +19 -47
  185. package/components/Switch/switch.css +49 -41
  186. package/components/Switch/switch.scss +51 -42
  187. package/components/TabContent/tab-content.css +21 -12
  188. package/components/TabContent/tab-content.scss +22 -15
  189. package/components/Table/table-grid.css +256 -195
  190. package/components/Table/table-grid.scss +53 -39
  191. package/components/Table/table-scrollable.css +4 -4
  192. package/components/Table/table-scrollable.scss +6 -4
  193. package/components/Table/table-tree-view.css +112 -105
  194. package/components/Table/table-tree-view.scss +38 -33
  195. package/components/Table/table.css +105 -89
  196. package/components/Table/table.scss +105 -89
  197. package/components/Tabs/tabs.css +210 -214
  198. package/components/Tabs/tabs.scss +222 -254
  199. package/components/TextInputGroup/text-input-group.css +15 -15
  200. package/components/TextInputGroup/text-input-group.scss +15 -15
  201. package/components/Tile/tile.css +47 -88
  202. package/components/Tile/tile.scss +45 -91
  203. package/components/Timestamp/timestamp.css +12 -9
  204. package/components/Timestamp/timestamp.scss +11 -10
  205. package/components/Title/title.css +70 -19
  206. package/components/Title/title.scss +90 -20
  207. package/components/ToggleGroup/toggle-group.css +68 -59
  208. package/components/ToggleGroup/toggle-group.scss +72 -57
  209. package/components/Toolbar/toolbar.css +2553 -1054
  210. package/components/Toolbar/toolbar.scss +234 -516
  211. package/components/Tooltip/tooltip.css +74 -44
  212. package/components/Tooltip/tooltip.scss +93 -77
  213. package/components/TreeView/tree-view.css +48 -27
  214. package/components/TreeView/tree-view.scss +50 -28
  215. package/components/Truncate/truncate.css +13 -0
  216. package/components/Truncate/truncate.scss +19 -3
  217. package/components/Wizard/wizard.css +57 -36
  218. package/components/Wizard/wizard.scss +57 -36
  219. package/docs/components/AboutModalBox/examples/AboutModalBox.md +2 -2
  220. package/docs/components/Accordion/examples/Accordion.md +614 -416
  221. package/docs/components/ActionList/examples/ActionList.md +73 -22
  222. package/docs/components/Alert/examples/Alert.md +3 -3
  223. package/docs/components/Avatar/examples/Avatar.md +5 -19
  224. package/docs/components/BackgroundImage/examples/BackgroundImage.md +1 -1
  225. package/docs/components/Badge/examples/Badge.md +21 -0
  226. package/docs/components/Banner/examples/Banner.md +48 -25
  227. package/docs/components/Brand/examples/Brand.css +12 -0
  228. package/docs/components/Brand/examples/Brand.md +51 -32
  229. package/docs/components/Breadcrumb/examples/Breadcrumb.md +1 -1
  230. package/docs/components/Button/examples/Button.css +6 -2
  231. package/docs/components/Button/examples/Button.md +1425 -87
  232. package/docs/components/Card/examples/Card.md +565 -148
  233. package/docs/components/Check/examples/Check.md +71 -58
  234. package/docs/components/Chip/examples/Chip.md +1 -1
  235. package/docs/components/ClipboardCopy/examples/ClipboardCopy.md +106 -0
  236. package/docs/components/CodeBlock/examples/CodeBlock.md +4 -4
  237. package/docs/components/CodeEditor/examples/CodeEditor.md +3 -3
  238. package/docs/components/Content/examples/Content.md +5 -5
  239. package/docs/components/Divider/examples/Divider.css +3 -1
  240. package/docs/components/Divider/examples/Divider.md +4 -5
  241. package/docs/components/DragDrop/examples/DragDrop.css +3 -3
  242. package/docs/components/Drawer/examples/Drawer.md +294 -256
  243. package/docs/components/Dropdown/deprecated/Dropdown.css +1 -1
  244. package/docs/components/DualListSelector/examples/DualListSelector.md +64 -16
  245. package/docs/components/EmptyState/examples/EmptyState.md +45 -1
  246. package/docs/components/ExpandableSection/examples/ExpandableSection.md +49 -28
  247. package/docs/components/FileUpload/examples/FileUpload.md +112 -53
  248. package/docs/components/Form/examples/Form.md +134 -89
  249. package/docs/components/Icon/examples/Icon.md +82 -11
  250. package/docs/components/InlineEdit/examples/InlineEdit.md +3 -1
  251. package/docs/components/JumpLinks/examples/JumpLinks.md +280 -168
  252. package/docs/components/Label/examples/Label.css +4 -0
  253. package/docs/components/Label/examples/Label.md +3091 -704
  254. package/docs/components/LogViewer/examples/LogViewer.css +2 -2
  255. package/docs/components/LogViewer/examples/LogViewer.md +300 -210
  256. package/docs/components/Login/examples/Login.md +10 -5
  257. package/docs/components/Masthead/examples/masthead.md +443 -65
  258. package/docs/components/Menu/examples/Menu.css +8 -0
  259. package/docs/components/Menu/examples/Menu.md +594 -543
  260. package/docs/components/MenuToggle/examples/MenuToggle.md +109 -96
  261. package/docs/components/ModalBox/examples/ModalBox.css +3 -8
  262. package/docs/components/MultipleFileUpload/examples/MultipleFileUpload.md +9 -9
  263. package/docs/components/Nav/examples/Navigation.css +3 -42
  264. package/docs/components/Nav/examples/Navigation.md +305 -353
  265. package/docs/components/NotificationBadge/examples/NotificationBadge.md +5 -7
  266. package/docs/components/OptionsMenu/deprecated/options-menu.md +12 -3
  267. package/docs/components/Page/examples/Page.css +0 -8
  268. package/docs/components/Page/examples/Page.md +22 -21
  269. package/docs/components/Pagination/examples/Pagination.md +663 -637
  270. package/docs/components/Panel/examples/Panel.md +12 -0
  271. package/docs/components/Popover/examples/Popover.css +4 -9
  272. package/docs/components/Popover/examples/Popover.md +1 -1
  273. package/docs/components/ProgressStepper/examples/ProgressStepper.md +15 -14
  274. package/docs/components/Radio/examples/Radio.md +62 -54
  275. package/docs/components/Select/deprecated/Select.md +184 -177
  276. package/docs/components/Sidebar/examples/Sidebar.md +19 -0
  277. package/docs/components/SimpleList/examples/SimpleList.md +3 -3
  278. package/docs/components/TabContent/examples/TabContent.md +10 -10
  279. package/docs/components/Table/examples/Table.css +2 -2
  280. package/docs/components/Table/examples/Table.md +10 -10
  281. package/docs/components/Tabs/examples/Tabs.css +1 -1
  282. package/docs/components/Tabs/examples/Tabs.md +1025 -826
  283. package/docs/components/TextInputGroup/examples/TextInputGroup.css +1 -1
  284. package/docs/components/TextInputGroup/examples/TextInputGroup.md +9 -9
  285. package/docs/components/Tile/examples/Tile.css +1 -1
  286. package/docs/components/Tile/examples/Tile.md +264 -144
  287. package/docs/components/Title/examples/Title.md +18 -0
  288. package/docs/components/Toolbar/examples/Toolbar.css +20 -15
  289. package/docs/components/Toolbar/examples/Toolbar.md +1211 -3487
  290. package/docs/components/Tooltip/examples/Tooltip.css +4 -0
  291. package/docs/components/Tooltip/examples/Tooltip.md +3 -1
  292. package/docs/components/Truncate/examples/Truncate.css +2 -2
  293. package/docs/components/Truncate/examples/Truncate.md +2 -2
  294. package/docs/demos/AboutModal/examples/AboutModal.md +104 -31
  295. package/docs/demos/Alert/examples/Alert.md +330 -87
  296. package/docs/demos/BackToTop/examples/BackToTop.md +102 -29
  297. package/docs/demos/Banner/examples/Banner.md +211 -60
  298. package/docs/demos/Card/examples/Card.css +3 -3
  299. package/docs/demos/Card/examples/Card.md +28 -12
  300. package/docs/demos/CardView/examples/CardView.md +265 -207
  301. package/docs/demos/ContextSelector/examples/ContextSelector.md +377 -94
  302. package/docs/demos/Dashboard/examples/Dashboard.md +105 -32
  303. package/docs/demos/DataList/examples/DataList.md +1002 -935
  304. package/docs/demos/DescriptionList/examples/DescriptionList.md +306 -87
  305. package/docs/demos/Drawer/examples/Drawer.md +640 -251
  306. package/docs/demos/Form/examples/BasicForms.md +138 -84
  307. package/docs/demos/JumpLinks/examples/JumpLinks.md +917 -385
  308. package/docs/demos/Masthead/examples/Masthead.md +786 -342
  309. package/docs/demos/Modal/examples/Modal.md +645 -198
  310. package/docs/demos/Nav/examples/Nav.md +691 -902
  311. package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +515 -145
  312. package/docs/demos/Page/examples/Page.md +942 -273
  313. package/docs/demos/Page/examples/Penta.md +66 -26
  314. package/docs/demos/PasswordGenerator/examples/PasswordGenerator.md +13 -9
  315. package/docs/demos/PasswordStrength/examples/PasswordStrength.md +44 -32
  316. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +1333 -946
  317. package/docs/demos/Skeleton/examples/Skeleton.md +109 -64
  318. package/docs/demos/Table/examples/Table.md +3857 -3418
  319. package/docs/demos/Tabs/examples/Tabs.md +664 -215
  320. package/docs/demos/Toolbar/examples/Toolbar.css +15 -0
  321. package/docs/demos/Toolbar/examples/Toolbar.md +1313 -1475
  322. package/docs/demos/Wizard/examples/Wizard.md +918 -261
  323. package/docs/layouts/Flex/examples/Flex.md +16 -16
  324. package/docs/utilities/BoxShadow/examples/box-shadow.css +5 -5
  325. package/icons/pficons.mjs +1 -0
  326. package/layouts/Flex/flex.css +115 -43
  327. package/layouts/Flex/flex.scss +20 -8
  328. package/package.json +36 -32
  329. package/patternfly-addons.css +732 -972
  330. package/patternfly-base-no-globals-theme-dark-unversioned.css +895 -847
  331. package/patternfly-base-no-globals.css +895 -847
  332. package/patternfly-base-theme-dark-unversioned.css +899 -850
  333. package/patternfly-base.css +899 -850
  334. package/patternfly-no-globals.css +9935 -8997
  335. package/patternfly-theme-dark-unversioned.css +9940 -9001
  336. package/patternfly.css +9940 -9001
  337. package/patternfly.min.css +1 -1
  338. package/patternfly.min.css.map +1 -1
  339. package/sass-utilities/functions.scss +6 -0
  340. package/sass-utilities/mixins.scss +80 -2
  341. package/sass-utilities/scss-variables.scss +8 -8
  342. package/sass-utilities/themes/dark/mixins.scss +3 -1
  343. package/utilities/Accessibility/accessibility.css +12 -12
  344. package/utilities/Spacing/spacing.css +720 -960
  345. package/utilities/Spacing/spacing.scss +4 -8
  346. package/base/themes/dark/_variables.scss +0 -102
  347. package/components/AboutModalBox/themes/dark/about-modal-box.scss +0 -7
  348. package/components/Accordion/themes/dark/accordion.scss +0 -9
  349. package/components/Alert/themes/dark/alert.scss +0 -17
  350. package/components/Badge/themes/dark/badge.scss +0 -9
  351. package/components/Banner/themes/dark/banner.scss +0 -14
  352. package/components/Button/themes/dark/button.scss +0 -51
  353. package/components/Card/themes/dark/card.scss +0 -20
  354. package/components/ClipboardCopy/themes/dark/clipboard-copy.scss +0 -19
  355. package/components/DataList/themes/dark/data-list.scss +0 -10
  356. package/components/DragDrop/themes/dark/drag-drop.scss +0 -7
  357. package/components/Drawer/themes/dark/drawer.scss +0 -13
  358. package/components/Form/themes/dark/form.scss +0 -7
  359. package/components/FormControl/themes/dark/form-control.scss +0 -24
  360. package/components/HelperText/themes/dark/helper-text.scss +0 -7
  361. package/components/Hint/themes/dark/hint.scss +0 -8
  362. package/components/InputGroup/themes/dark/input-group.scss +0 -22
  363. package/components/Label/themes/dark/label.scss +0 -53
  364. package/components/Login/themes/dark/login.scss +0 -12
  365. package/components/Masthead/themes/dark/masthead.scss +0 -14
  366. package/components/ModalBox/themes/dark/modal-box.scss +0 -7
  367. package/components/NotificationBadge/themes/dark/notification-badge.scss +0 -10
  368. package/components/NotificationDrawer/themes/dark/notification-drawer.scss +0 -14
  369. package/components/Page/themes/dark/page.scss +0 -69
  370. package/components/Pagination/themes/dark/pagination.scss +0 -7
  371. package/components/Panel/themes/dark/panel.scss +0 -7
  372. package/components/Popover/themes/dark/popover.scss +0 -11
  373. package/components/Progress/themes/dark/progress.scss +0 -9
  374. package/components/SimpleList/themes/dark/simple-list.scss +0 -14
  375. package/components/Skeleton/themes/dark/skeleton.scss +0 -10
  376. package/components/Switch/themes/dark/switch.scss +0 -11
  377. package/components/Tabs/themes/dark/tabs.scss +0 -10
  378. package/components/Tile/themes/dark/tile.scss +0 -10
  379. package/components/ToggleGroup/themes/dark/toggle-group.scss +0 -12
  380. package/components/Tooltip/themes/dark/tooltip.scss +0 -8
  381. package/docs/components/Avatar/examples/Avatar.css +0 -3
  382. package/docs/components/NotificationBadge/examples/NotificationBadge.css +0 -3
package/docs/components/Menu/examples/Menu.md CHANGED
@@ -13,21 +13,21 @@ cssPrefix: pf-v5-c-menu
13
13
  <div class="pf-v5-c-menu">
14
14
  <div class="pf-v5-c-menu__content">
15
15
  <ul class="pf-v5-c-menu__list" role="menu">
16
- <li class="pf-v5-c-menu__list-item" role="none">
16
+ <li class="pf-v5-c-menu__list-item" role="group">
17
17
  <button class="pf-v5-c-menu__item" type="button" role="menuitem">
18
18
  <span class="pf-v5-c-menu__item-main">
19
19
  <span class="pf-v5-c-menu__item-text">Action</span>
20
20
  </span>
21
21
  </button>
22
22
  </li>
23
- <li class="pf-v5-c-menu__list-item" role="none">
23
+ <li class="pf-v5-c-menu__list-item" role="group">
24
24
  <a class="pf-v5-c-menu__item" href="#" role="menuitem">
25
25
  <span class="pf-v5-c-menu__item-main">
26
26
  <span class="pf-v5-c-menu__item-text">Link</span>
27
27
  </span>
28
28
  </a>
29
29
  </li>
30
- <li class="pf-v5-c-menu__list-item pf-m-disabled" role="none">
30
+ <li class="pf-v5-c-menu__list-item pf-m-disabled" role="group">
31
31
  <button
32
32
  class="pf-v5-c-menu__item"
33
33
  type="button"
@@ -39,7 +39,7 @@ cssPrefix: pf-v5-c-menu
39
39
  </span>
40
40
  </button>
41
41
  </li>
42
- <li class="pf-v5-c-menu__list-item pf-m-disabled" role="none">
42
+ <li class="pf-v5-c-menu__list-item pf-m-disabled" role="group">
43
43
  <a
44
44
  class="pf-v5-c-menu__item"
45
45
  href="#"
@@ -52,7 +52,7 @@ cssPrefix: pf-v5-c-menu
52
52
  </span>
53
53
  </a>
54
54
  </li>
55
- <li class="pf-v5-c-menu__list-item pf-m-aria-disabled" role="none">
55
+ <li class="pf-v5-c-menu__list-item pf-m-aria-disabled" role="group">
56
56
  <button
57
57
  class="pf-v5-c-menu__item"
58
58
  type="button"
@@ -64,7 +64,7 @@ cssPrefix: pf-v5-c-menu
64
64
  </span>
65
65
  </button>
66
66
  </li>
67
- <li class="pf-v5-c-menu__list-item pf-m-aria-disabled" role="none">
67
+ <li class="pf-v5-c-menu__list-item pf-m-aria-disabled" role="group">
68
68
  <a
69
69
  class="pf-v5-c-menu__item"
70
70
  href="#"
@@ -88,14 +88,14 @@ cssPrefix: pf-v5-c-menu
88
88
  <div class="pf-v5-c-menu">
89
89
  <div class="pf-v5-c-menu__content">
90
90
  <ul class="pf-v5-c-menu__list" role="menu">
91
- <li class="pf-v5-c-menu__list-item" role="none">
91
+ <li class="pf-v5-c-menu__list-item" role="group">
92
92
  <button class="pf-v5-c-menu__item" type="button" role="menuitem">
93
93
  <span class="pf-v5-c-menu__item-main">
94
94
  <span class="pf-v5-c-menu__item-text">Action 1</span>
95
95
  </span>
96
96
  </button>
97
97
  </li>
98
- <li class="pf-v5-c-menu__list-item" role="none">
98
+ <li class="pf-v5-c-menu__list-item" role="group">
99
99
  <button class="pf-v5-c-menu__item" type="button" role="menuitem">
100
100
  <span class="pf-v5-c-menu__item-main">
101
101
  <span class="pf-v5-c-menu__item-text">Action 2</span>
@@ -103,7 +103,7 @@ cssPrefix: pf-v5-c-menu
103
103
  </button>
104
104
  </li>
105
105
  <li class="pf-v5-c-divider" role="separator"></li>
106
- <li class="pf-v5-c-menu__list-item pf-m-danger" role="none">
106
+ <li class="pf-v5-c-menu__list-item pf-m-danger" role="group">
107
107
  <button class="pf-v5-c-menu__item" type="button" role="menuitem">
108
108
  <span class="pf-v5-c-menu__item-main">
109
109
  <span class="pf-v5-screen-reader">Danger Item:</span>
@@ -124,7 +124,7 @@ cssPrefix: pf-v5-c-menu
124
124
  <div class="pf-v5-c-menu">
125
125
  <div class="pf-v5-c-menu__content">
126
126
  <ul class="pf-v5-c-menu__list" role="menu">
127
- <li class="pf-v5-c-menu__list-item" role="none">
127
+ <li class="pf-v5-c-menu__list-item" role="group">
128
128
  <button class="pf-v5-c-menu__item" type="button" role="menuitem">
129
129
  <span class="pf-v5-c-menu__item-main">
130
130
  <span class="pf-v5-c-menu__item-icon">
@@ -134,7 +134,7 @@ cssPrefix: pf-v5-c-menu
134
134
  </span>
135
135
  </button>
136
136
  </li>
137
- <li class="pf-v5-c-menu__list-item" role="none">
137
+ <li class="pf-v5-c-menu__list-item" role="group">
138
138
  <button class="pf-v5-c-menu__item" type="button" role="menuitem">
139
139
  <span class="pf-v5-c-menu__item-main">
140
140
  <span class="pf-v5-c-menu__item-icon">
@@ -144,7 +144,7 @@ cssPrefix: pf-v5-c-menu
144
144
  </span>
145
145
  </button>
146
146
  </li>
147
- <li class="pf-v5-c-menu__list-item" role="none">
147
+ <li class="pf-v5-c-menu__list-item" role="group">
148
148
  <button class="pf-v5-c-menu__item" type="button" role="menuitem">
149
149
  <span class="pf-v5-c-menu__item-main">
150
150
  <span class="pf-v5-c-menu__item-icon">
@@ -170,14 +170,18 @@ cssPrefix: pf-v5-c-menu
170
170
  <label class="pf-v5-c-menu__item" for="with-checkbox-example-check-1">
171
171
  <span class="pf-v5-c-menu__item-main">
172
172
  <span class="pf-v5-c-menu__item-check">
173
- <span class="pf-v5-c-check pf-m-standalone">
173
+ <div
174
+ class="pf-v5-c-check pf-m-standalone"
175
+ id="with-checkbox-example-check-1"
176
+ >
174
177
  <input
175
178
  class="pf-v5-c-check__input"
176
179
  type="checkbox"
177
- id="with-checkbox-example-check-1"
178
- name="with-checkbox-example-check-1"
180
+ id="with-checkbox-example-check-1-input"
181
+ name="with-checkbox-example-check-1-input"
182
+ aria-label="Standalone check"
179
183
  />
180
- </span>
184
+ </div>
181
185
  </span>
182
186
  <span class="pf-v5-c-menu__item-text">Checkbox 1</span>
183
187
  </span>
@@ -187,14 +191,18 @@ cssPrefix: pf-v5-c-menu
187
191
  <label class="pf-v5-c-menu__item" for="with-checkbox-example-check-2">
188
192
  <span class="pf-v5-c-menu__item-main">
189
193
  <span class="pf-v5-c-menu__item-check">
190
- <span class="pf-v5-c-check pf-m-standalone">
194
+ <div
195
+ class="pf-v5-c-check pf-m-standalone"
196
+ id="with-checkbox-example-check-2"
197
+ >
191
198
  <input
192
199
  class="pf-v5-c-check__input"
193
200
  type="checkbox"
194
- id="with-checkbox-example-check-2"
195
- name="with-checkbox-example-check-2"
201
+ id="with-checkbox-example-check-2-input"
202
+ name="with-checkbox-example-check-2-input"
203
+ aria-label="Standalone check"
196
204
  />
197
- </span>
205
+ </div>
198
206
  </span>
199
207
  <span class="pf-v5-c-menu__item-text">Checkbox 2</span>
200
208
  </span>
@@ -204,15 +212,19 @@ cssPrefix: pf-v5-c-menu
204
212
  <label class="pf-v5-c-menu__item" for="with-checkbox-example-check-3">
205
213
  <span class="pf-v5-c-menu__item-main">
206
214
  <span class="pf-v5-c-menu__item-check">
207
- <span class="pf-v5-c-check pf-m-standalone">
215
+ <div
216
+ class="pf-v5-c-check pf-m-standalone"
217
+ id="with-checkbox-example-check-3"
218
+ >
208
219
  <input
209
220
  class="pf-v5-c-check__input"
210
221
  type="checkbox"
222
+ id="with-checkbox-example-check-3-input"
223
+ name="with-checkbox-example-check-3-input"
224
+ aria-label="Standalone check"
211
225
  disabled
212
- id="with-checkbox-example-check-3"
213
- name="with-checkbox-example-check-3"
214
226
  />
215
- </span>
227
+ </div>
216
228
  </span>
217
229
  <span class="pf-v5-c-menu__item-text">Checkbox 3</span>
218
230
  </span>
@@ -230,84 +242,84 @@ cssPrefix: pf-v5-c-menu
230
242
  <div class="pf-v5-c-menu pf-m-scrollable">
231
243
  <div class="pf-v5-c-menu__content">
232
244
  <ul class="pf-v5-c-menu__list" role="menu">
233
- <li class="pf-v5-c-menu__list-item" role="none">
245
+ <li class="pf-v5-c-menu__list-item" role="group">
234
246
  <button class="pf-v5-c-menu__item" type="button" role="menuitem">
235
247
  <span class="pf-v5-c-menu__item-main">
236
248
  <span class="pf-v5-c-menu__item-text">Action 1</span>
237
249
  </span>
238
250
  </button>
239
251
  </li>
240
- <li class="pf-v5-c-menu__list-item" role="none">
252
+ <li class="pf-v5-c-menu__list-item" role="group">
241
253
  <button class="pf-v5-c-menu__item" type="button" role="menuitem">
242
254
  <span class="pf-v5-c-menu__item-main">
243
255
  <span class="pf-v5-c-menu__item-text">Action 2</span>
244
256
  </span>
245
257
  </button>
246
258
  </li>
247
- <li class="pf-v5-c-menu__list-item" role="none">
259
+ <li class="pf-v5-c-menu__list-item" role="group">
248
260
  <button class="pf-v5-c-menu__item" type="button" role="menuitem">
249
261
  <span class="pf-v5-c-menu__item-main">
250
262
  <span class="pf-v5-c-menu__item-text">Action 3</span>
251
263
  </span>
252
264
  </button>
253
265
  </li>
254
- <li class="pf-v5-c-menu__list-item" role="none">
266
+ <li class="pf-v5-c-menu__list-item" role="group">
255
267
  <button class="pf-v5-c-menu__item" type="button" role="menuitem">
256
268
  <span class="pf-v5-c-menu__item-main">
257
269
  <span class="pf-v5-c-menu__item-text">Action 4</span>
258
270
  </span>
259
271
  </button>
260
272
  </li>
261
- <li class="pf-v5-c-menu__list-item" role="none">
273
+ <li class="pf-v5-c-menu__list-item" role="group">
262
274
  <button class="pf-v5-c-menu__item" type="button" role="menuitem">
263
275
  <span class="pf-v5-c-menu__item-main">
264
276
  <span class="pf-v5-c-menu__item-text">Action 5</span>
265
277
  </span>
266
278
  </button>
267
279
  </li>
268
- <li class="pf-v5-c-menu__list-item" role="none">
280
+ <li class="pf-v5-c-menu__list-item" role="group">
269
281
  <button class="pf-v5-c-menu__item" type="button" role="menuitem">
270
282
  <span class="pf-v5-c-menu__item-main">
271
283
  <span class="pf-v5-c-menu__item-text">Action 6</span>
272
284
  </span>
273
285
  </button>
274
286
  </li>
275
- <li class="pf-v5-c-menu__list-item" role="none">
287
+ <li class="pf-v5-c-menu__list-item" role="group">
276
288
  <button class="pf-v5-c-menu__item" type="button" role="menuitem">
277
289
  <span class="pf-v5-c-menu__item-main">
278
290
  <span class="pf-v5-c-menu__item-text">Action 7</span>
279
291
  </span>
280
292
  </button>
281
293
  </li>
282
- <li class="pf-v5-c-menu__list-item" role="none">
294
+ <li class="pf-v5-c-menu__list-item" role="group">
283
295
  <button class="pf-v5-c-menu__item" type="button" role="menuitem">
284
296
  <span class="pf-v5-c-menu__item-main">
285
297
  <span class="pf-v5-c-menu__item-text">Action 8</span>
286
298
  </span>
287
299
  </button>
288
300
  </li>
289
- <li class="pf-v5-c-menu__list-item" role="none">
301
+ <li class="pf-v5-c-menu__list-item" role="group">
290
302
  <button class="pf-v5-c-menu__item" type="button" role="menuitem">
291
303
  <span class="pf-v5-c-menu__item-main">
292
304
  <span class="pf-v5-c-menu__item-text">Action 9</span>
293
305
  </span>
294
306
  </button>
295
307
  </li>
296
- <li class="pf-v5-c-menu__list-item" role="none">
308
+ <li class="pf-v5-c-menu__list-item" role="group">
297
309
  <button class="pf-v5-c-menu__item" type="button" role="menuitem">
298
310
  <span class="pf-v5-c-menu__item-main">
299
311
  <span class="pf-v5-c-menu__item-text">Action 10</span>
300
312
  </span>
301
313
  </button>
302
314
  </li>
303
- <li class="pf-v5-c-menu__list-item" role="none">
315
+ <li class="pf-v5-c-menu__list-item" role="group">
304
316
  <button class="pf-v5-c-menu__item" type="button" role="menuitem">
305
317
  <span class="pf-v5-c-menu__item-main">
306
318
  <span class="pf-v5-c-menu__item-text">Action 11</span>
307
319
  </span>
308
320
  </button>
309
321
  </li>
310
- <li class="pf-v5-c-menu__list-item" role="none">
322
+ <li class="pf-v5-c-menu__list-item" role="group">
311
323
  <button class="pf-v5-c-menu__item" type="button" role="menuitem">
312
324
  <span class="pf-v5-c-menu__item-main">
313
325
  <span class="pf-v5-c-menu__item-text">Action 12</span>
@@ -329,84 +341,84 @@ cssPrefix: pf-v5-c-menu
329
341
  >
330
342
  <div class="pf-v5-c-menu__content">
331
343
  <ul class="pf-v5-c-menu__list" role="menu">
332
- <li class="pf-v5-c-menu__list-item" role="none">
344
+ <li class="pf-v5-c-menu__list-item" role="group">
333
345
  <button class="pf-v5-c-menu__item" type="button" role="menuitem">
334
346
  <span class="pf-v5-c-menu__item-main">
335
347
  <span class="pf-v5-c-menu__item-text">Action 1</span>
336
348
  </span>
337
349
  </button>
338
350
  </li>
339
- <li class="pf-v5-c-menu__list-item" role="none">
351
+ <li class="pf-v5-c-menu__list-item" role="group">
340
352
  <button class="pf-v5-c-menu__item" type="button" role="menuitem">
341
353
  <span class="pf-v5-c-menu__item-main">
342
354
  <span class="pf-v5-c-menu__item-text">Action 2</span>
343
355
  </span>
344
356
  </button>
345
357
  </li>
346
- <li class="pf-v5-c-menu__list-item" role="none">
358
+ <li class="pf-v5-c-menu__list-item" role="group">
347
359
  <button class="pf-v5-c-menu__item" type="button" role="menuitem">
348
360
  <span class="pf-v5-c-menu__item-main">
349
361
  <span class="pf-v5-c-menu__item-text">Action 3</span>
350
362
  </span>
351
363
  </button>
352
364
  </li>
353
- <li class="pf-v5-c-menu__list-item" role="none">
365
+ <li class="pf-v5-c-menu__list-item" role="group">
354
366
  <button class="pf-v5-c-menu__item" type="button" role="menuitem">
355
367
  <span class="pf-v5-c-menu__item-main">
356
368
  <span class="pf-v5-c-menu__item-text">Action 4</span>
357
369
  </span>
358
370
  </button>
359
371
  </li>
360
- <li class="pf-v5-c-menu__list-item" role="none">
372
+ <li class="pf-v5-c-menu__list-item" role="group">
361
373
  <button class="pf-v5-c-menu__item" type="button" role="menuitem">
362
374
  <span class="pf-v5-c-menu__item-main">
363
375
  <span class="pf-v5-c-menu__item-text">Action 5</span>
364
376
  </span>
365
377
  </button>
366
378
  </li>
367
- <li class="pf-v5-c-menu__list-item" role="none">
379
+ <li class="pf-v5-c-menu__list-item" role="group">
368
380
  <button class="pf-v5-c-menu__item" type="button" role="menuitem">
369
381
  <span class="pf-v5-c-menu__item-main">
370
382
  <span class="pf-v5-c-menu__item-text">Action 6</span>
371
383
  </span>
372
384
  </button>
373
385
  </li>
374
- <li class="pf-v5-c-menu__list-item" role="none">
386
+ <li class="pf-v5-c-menu__list-item" role="group">
375
387
  <button class="pf-v5-c-menu__item" type="button" role="menuitem">
376
388
  <span class="pf-v5-c-menu__item-main">
377
389
  <span class="pf-v5-c-menu__item-text">Action 7</span>
378
390
  </span>
379
391
  </button>
380
392
  </li>
381
- <li class="pf-v5-c-menu__list-item" role="none">
393
+ <li class="pf-v5-c-menu__list-item" role="group">
382
394
  <button class="pf-v5-c-menu__item" type="button" role="menuitem">
383
395
  <span class="pf-v5-c-menu__item-main">
384
396
  <span class="pf-v5-c-menu__item-text">Action 8</span>
385
397
  </span>
386
398
  </button>
387
399
  </li>
388
- <li class="pf-v5-c-menu__list-item" role="none">
400
+ <li class="pf-v5-c-menu__list-item" role="group">
389
401
  <button class="pf-v5-c-menu__item" type="button" role="menuitem">
390
402
  <span class="pf-v5-c-menu__item-main">
391
403
  <span class="pf-v5-c-menu__item-text">Action 9</span>
392
404
  </span>
393
405
  </button>
394
406
  </li>
395
- <li class="pf-v5-c-menu__list-item" role="none">
407
+ <li class="pf-v5-c-menu__list-item" role="group">
396
408
  <button class="pf-v5-c-menu__item" type="button" role="menuitem">
397
409
  <span class="pf-v5-c-menu__item-main">
398
410
  <span class="pf-v5-c-menu__item-text">Action 10</span>
399
411
  </span>
400
412
  </button>
401
413
  </li>
402
- <li class="pf-v5-c-menu__list-item" role="none">
414
+ <li class="pf-v5-c-menu__list-item" role="group">
403
415
  <button class="pf-v5-c-menu__item" type="button" role="menuitem">
404
416
  <span class="pf-v5-c-menu__item-main">
405
417
  <span class="pf-v5-c-menu__item-text">Action 11</span>
406
418
  </span>
407
419
  </button>
408
420
  </li>
409
- <li class="pf-v5-c-menu__list-item" role="none">
421
+ <li class="pf-v5-c-menu__list-item" role="group">
410
422
  <button class="pf-v5-c-menu__item" type="button" role="menuitem">
411
423
  <span class="pf-v5-c-menu__item-main">
412
424
  <span class="pf-v5-c-menu__item-text">Action 12</span>
@@ -425,21 +437,21 @@ cssPrefix: pf-v5-c-menu
425
437
  <div class="pf-v5-c-menu pf-m-flyout">
426
438
  <div class="pf-v5-c-menu__content">
427
439
  <ul class="pf-v5-c-menu__list" role="menu">
428
- <li class="pf-v5-c-menu__list-item" role="none">
440
+ <li class="pf-v5-c-menu__list-item" role="group">
429
441
  <button class="pf-v5-c-menu__item" type="button" role="menuitem">
430
442
  <span class="pf-v5-c-menu__item-main">
431
443
  <span class="pf-v5-c-menu__item-text">Start rollout</span>
432
444
  </span>
433
445
  </button>
434
446
  </li>
435
- <li class="pf-v5-c-menu__list-item" role="none">
447
+ <li class="pf-v5-c-menu__list-item" role="group">
436
448
  <button class="pf-v5-c-menu__item" type="button" role="menuitem">
437
449
  <span class="pf-v5-c-menu__item-main">
438
450
  <span class="pf-v5-c-menu__item-text">Pause rollouts</span>
439
451
  </span>
440
452
  </button>
441
453
  </li>
442
- <li class="pf-v5-c-menu__list-item" role="none">
454
+ <li class="pf-v5-c-menu__list-item" role="group">
443
455
  <button
444
456
  class="pf-v5-c-menu__item"
445
457
  type="button"
@@ -456,7 +468,7 @@ cssPrefix: pf-v5-c-menu
456
468
  <div class="pf-v5-c-menu" hidden>
457
469
  <div class="pf-v5-c-menu__content">
458
470
  <ul class="pf-v5-c-menu__list" role="menu">
459
- <li class="pf-v5-c-menu__list-item" role="none">
471
+ <li class="pf-v5-c-menu__list-item" role="group">
460
472
  <button
461
473
  class="pf-v5-c-menu__item"
462
474
  type="button"
@@ -467,7 +479,7 @@ cssPrefix: pf-v5-c-menu
467
479
  </span>
468
480
  </button>
469
481
  </li>
470
- <li class="pf-v5-c-menu__list-item" role="none">
482
+ <li class="pf-v5-c-menu__list-item" role="group">
471
483
  <button
472
484
  class="pf-v5-c-menu__item"
473
485
  type="button"
@@ -478,7 +490,7 @@ cssPrefix: pf-v5-c-menu
478
490
  </span>
479
491
  </button>
480
492
  </li>
481
- <li class="pf-v5-c-menu__list-item" role="none">
493
+ <li class="pf-v5-c-menu__list-item" role="group">
482
494
  <button
483
495
  class="pf-v5-c-menu__item"
484
496
  type="button"
@@ -489,7 +501,7 @@ cssPrefix: pf-v5-c-menu
489
501
  </span>
490
502
  </button>
491
503
  </li>
492
- <li class="pf-v5-c-menu__list-item" role="none">
504
+ <li class="pf-v5-c-menu__list-item" role="group">
493
505
  <button
494
506
  class="pf-v5-c-menu__item"
495
507
  type="button"
@@ -504,7 +516,7 @@ cssPrefix: pf-v5-c-menu
504
516
  </div>
505
517
  </div>
506
518
  </li>
507
- <li class="pf-v5-c-menu__list-item" role="none">
519
+ <li class="pf-v5-c-menu__list-item" role="group">
508
520
  <button
509
521
  class="pf-v5-c-menu__item"
510
522
  type="button"
@@ -522,7 +534,7 @@ cssPrefix: pf-v5-c-menu
522
534
  <div class="pf-v5-c-menu">
523
535
  <div class="pf-v5-c-menu__content">
524
536
  <ul class="pf-v5-c-menu__list" role="menu">
525
- <li class="pf-v5-c-menu__list-item" role="none">
537
+ <li class="pf-v5-c-menu__list-item" role="group">
526
538
  <button
527
539
  class="pf-v5-c-menu__item"
528
540
  type="button"
@@ -533,7 +545,7 @@ cssPrefix: pf-v5-c-menu
533
545
  </span>
534
546
  </button>
535
547
  </li>
536
- <li class="pf-v5-c-menu__list-item" role="none">
548
+ <li class="pf-v5-c-menu__list-item" role="group">
537
549
  <button
538
550
  class="pf-v5-c-menu__item"
539
551
  type="button"
@@ -544,7 +556,7 @@ cssPrefix: pf-v5-c-menu
544
556
  </span>
545
557
  </button>
546
558
  </li>
547
- <li class="pf-v5-c-menu__list-item" role="none">
559
+ <li class="pf-v5-c-menu__list-item" role="group">
548
560
  <button
549
561
  class="pf-v5-c-menu__item"
550
562
  type="button"
@@ -555,7 +567,7 @@ cssPrefix: pf-v5-c-menu
555
567
  </span>
556
568
  </button>
557
569
  </li>
558
- <li class="pf-v5-c-menu__list-item" role="none">
570
+ <li class="pf-v5-c-menu__list-item" role="group">
559
571
  <button
560
572
  class="pf-v5-c-menu__item"
561
573
  type="button"
@@ -570,7 +582,7 @@ cssPrefix: pf-v5-c-menu
570
582
  </div>
571
583
  </div>
572
584
  </li>
573
- <li class="pf-v5-c-menu__list-item" role="none">
585
+ <li class="pf-v5-c-menu__list-item" role="group">
574
586
  <button class="pf-v5-c-menu__item" type="button" role="menuitem">
575
587
  <span class="pf-v5-c-menu__item-main">
576
588
  <span class="pf-v5-c-menu__item-text">Delete deployment config</span>
@@ -589,21 +601,21 @@ cssPrefix: pf-v5-c-menu
589
601
  <div class="pf-v5-c-menu pf-m-flyout">
590
602
  <div class="pf-v5-c-menu__content">
591
603
  <ul class="pf-v5-c-menu__list" role="menu">
592
- <li class="pf-v5-c-menu__list-item" role="none">
604
+ <li class="pf-v5-c-menu__list-item" role="group">
593
605
  <button class="pf-v5-c-menu__item" type="button" role="menuitem">
594
606
  <span class="pf-v5-c-menu__item-main">
595
607
  <span class="pf-v5-c-menu__item-text">Start rollout</span>
596
608
  </span>
597
609
  </button>
598
610
  </li>
599
- <li class="pf-v5-c-menu__list-item" role="none">
611
+ <li class="pf-v5-c-menu__list-item" role="group">
600
612
  <button class="pf-v5-c-menu__item" type="button" role="menuitem">
601
613
  <span class="pf-v5-c-menu__item-main">
602
614
  <span class="pf-v5-c-menu__item-text">Pause rollouts</span>
603
615
  </span>
604
616
  </button>
605
617
  </li>
606
- <li class="pf-v5-c-menu__list-item" role="none">
618
+ <li class="pf-v5-c-menu__list-item" role="group">
607
619
  <button
608
620
  class="pf-v5-c-menu__item"
609
621
  type="button"
@@ -620,7 +632,7 @@ cssPrefix: pf-v5-c-menu
620
632
  <div class="pf-v5-c-menu" hidden>
621
633
  <div class="pf-v5-c-menu__content">
622
634
  <ul class="pf-v5-c-menu__list" role="menu">
623
- <li class="pf-v5-c-menu__list-item" role="none">
635
+ <li class="pf-v5-c-menu__list-item" role="group">
624
636
  <button
625
637
  class="pf-v5-c-menu__item"
626
638
  type="button"
@@ -631,7 +643,7 @@ cssPrefix: pf-v5-c-menu
631
643
  </span>
632
644
  </button>
633
645
  </li>
634
- <li class="pf-v5-c-menu__list-item" role="none">
646
+ <li class="pf-v5-c-menu__list-item" role="group">
635
647
  <button
636
648
  class="pf-v5-c-menu__item"
637
649
  type="button"
@@ -642,7 +654,7 @@ cssPrefix: pf-v5-c-menu
642
654
  </span>
643
655
  </button>
644
656
  </li>
645
- <li class="pf-v5-c-menu__list-item" role="none">
657
+ <li class="pf-v5-c-menu__list-item" role="group">
646
658
  <button
647
659
  class="pf-v5-c-menu__item"
648
660
  type="button"
@@ -653,7 +665,7 @@ cssPrefix: pf-v5-c-menu
653
665
  </span>
654
666
  </button>
655
667
  </li>
656
- <li class="pf-v5-c-menu__list-item" role="none">
668
+ <li class="pf-v5-c-menu__list-item" role="group">
657
669
  <button
658
670
  class="pf-v5-c-menu__item"
659
671
  type="button"
@@ -668,7 +680,7 @@ cssPrefix: pf-v5-c-menu
668
680
  </div>
669
681
  </div>
670
682
  </li>
671
- <li class="pf-v5-c-menu__list-item" role="none">
683
+ <li class="pf-v5-c-menu__list-item" role="group">
672
684
  <button
673
685
  class="pf-v5-c-menu__item"
674
686
  type="button"
@@ -686,7 +698,7 @@ cssPrefix: pf-v5-c-menu
686
698
  <div class="pf-v5-c-menu pf-m-top">
687
699
  <div class="pf-v5-c-menu__content">
688
700
  <ul class="pf-v5-c-menu__list" role="menu">
689
- <li class="pf-v5-c-menu__list-item" role="none">
701
+ <li class="pf-v5-c-menu__list-item" role="group">
690
702
  <button
691
703
  class="pf-v5-c-menu__item"
692
704
  type="button"
@@ -697,7 +709,7 @@ cssPrefix: pf-v5-c-menu
697
709
  </span>
698
710
  </button>
699
711
  </li>
700
- <li class="pf-v5-c-menu__list-item" role="none">
712
+ <li class="pf-v5-c-menu__list-item" role="group">
701
713
  <button
702
714
  class="pf-v5-c-menu__item"
703
715
  type="button"
@@ -708,7 +720,7 @@ cssPrefix: pf-v5-c-menu
708
720
  </span>
709
721
  </button>
710
722
  </li>
711
- <li class="pf-v5-c-menu__list-item" role="none">
723
+ <li class="pf-v5-c-menu__list-item" role="group">
712
724
  <button
713
725
  class="pf-v5-c-menu__item"
714
726
  type="button"
@@ -719,7 +731,7 @@ cssPrefix: pf-v5-c-menu
719
731
  </span>
720
732
  </button>
721
733
  </li>
722
- <li class="pf-v5-c-menu__list-item" role="none">
734
+ <li class="pf-v5-c-menu__list-item" role="group">
723
735
  <button
724
736
  class="pf-v5-c-menu__item"
725
737
  type="button"
@@ -734,7 +746,7 @@ cssPrefix: pf-v5-c-menu
734
746
  </div>
735
747
  </div>
736
748
  </li>
737
- <li class="pf-v5-c-menu__list-item" role="none">
749
+ <li class="pf-v5-c-menu__list-item" role="group">
738
750
  <button class="pf-v5-c-menu__item" type="button" role="menuitem">
739
751
  <span class="pf-v5-c-menu__item-main">
740
752
  <span class="pf-v5-c-menu__item-text">Delete deployment config</span>
@@ -753,21 +765,21 @@ cssPrefix: pf-v5-c-menu
753
765
  <div class="pf-v5-c-menu pf-m-flyout">
754
766
  <div class="pf-v5-c-menu__content">
755
767
  <ul class="pf-v5-c-menu__list" role="menu">
756
- <li class="pf-v5-c-menu__list-item" role="none">
768
+ <li class="pf-v5-c-menu__list-item" role="group">
757
769
  <button class="pf-v5-c-menu__item" type="button" role="menuitem">
758
770
  <span class="pf-v5-c-menu__item-main">
759
771
  <span class="pf-v5-c-menu__item-text">Start rollout</span>
760
772
  </span>
761
773
  </button>
762
774
  </li>
763
- <li class="pf-v5-c-menu__list-item" role="none">
775
+ <li class="pf-v5-c-menu__list-item" role="group">
764
776
  <button class="pf-v5-c-menu__item" type="button" role="menuitem">
765
777
  <span class="pf-v5-c-menu__item-main">
766
778
  <span class="pf-v5-c-menu__item-text">Pause rollouts</span>
767
779
  </span>
768
780
  </button>
769
781
  </li>
770
- <li class="pf-v5-c-menu__list-item" role="none">
782
+ <li class="pf-v5-c-menu__list-item" role="group">
771
783
  <button
772
784
  class="pf-v5-c-menu__item"
773
785
  type="button"
@@ -784,7 +796,7 @@ cssPrefix: pf-v5-c-menu
784
796
  <div class="pf-v5-c-menu" hidden>
785
797
  <div class="pf-v5-c-menu__content">
786
798
  <ul class="pf-v5-c-menu__list" role="menu">
787
- <li class="pf-v5-c-menu__list-item" role="none">
799
+ <li class="pf-v5-c-menu__list-item" role="group">
788
800
  <button
789
801
  class="pf-v5-c-menu__item"
790
802
  type="button"
@@ -795,7 +807,7 @@ cssPrefix: pf-v5-c-menu
795
807
  </span>
796
808
  </button>
797
809
  </li>
798
- <li class="pf-v5-c-menu__list-item" role="none">
810
+ <li class="pf-v5-c-menu__list-item" role="group">
799
811
  <button
800
812
  class="pf-v5-c-menu__item"
801
813
  type="button"
@@ -806,7 +818,7 @@ cssPrefix: pf-v5-c-menu
806
818
  </span>
807
819
  </button>
808
820
  </li>
809
- <li class="pf-v5-c-menu__list-item" role="none">
821
+ <li class="pf-v5-c-menu__list-item" role="group">
810
822
  <button
811
823
  class="pf-v5-c-menu__item"
812
824
  type="button"
@@ -817,7 +829,7 @@ cssPrefix: pf-v5-c-menu
817
829
  </span>
818
830
  </button>
819
831
  </li>
820
- <li class="pf-v5-c-menu__list-item" role="none">
832
+ <li class="pf-v5-c-menu__list-item" role="group">
821
833
  <button
822
834
  class="pf-v5-c-menu__item"
823
835
  type="button"
@@ -832,7 +844,7 @@ cssPrefix: pf-v5-c-menu
832
844
  </div>
833
845
  </div>
834
846
  </li>
835
- <li class="pf-v5-c-menu__list-item" role="none">
847
+ <li class="pf-v5-c-menu__list-item" role="group">
836
848
  <button
837
849
  class="pf-v5-c-menu__item"
838
850
  type="button"
@@ -850,7 +862,7 @@ cssPrefix: pf-v5-c-menu
850
862
  <div class="pf-v5-c-menu pf-m-left">
851
863
  <div class="pf-v5-c-menu__content">
852
864
  <ul class="pf-v5-c-menu__list" role="menu">
853
- <li class="pf-v5-c-menu__list-item" role="none">
865
+ <li class="pf-v5-c-menu__list-item" role="group">
854
866
  <button
855
867
  class="pf-v5-c-menu__item"
856
868
  type="button"
@@ -861,7 +873,7 @@ cssPrefix: pf-v5-c-menu
861
873
  </span>
862
874
  </button>
863
875
  </li>
864
- <li class="pf-v5-c-menu__list-item" role="none">
876
+ <li class="pf-v5-c-menu__list-item" role="group">
865
877
  <button
866
878
  class="pf-v5-c-menu__item"
867
879
  type="button"
@@ -872,7 +884,7 @@ cssPrefix: pf-v5-c-menu
872
884
  </span>
873
885
  </button>
874
886
  </li>
875
- <li class="pf-v5-c-menu__list-item" role="none">
887
+ <li class="pf-v5-c-menu__list-item" role="group">
876
888
  <button
877
889
  class="pf-v5-c-menu__item"
878
890
  type="button"
@@ -883,7 +895,7 @@ cssPrefix: pf-v5-c-menu
883
895
  </span>
884
896
  </button>
885
897
  </li>
886
- <li class="pf-v5-c-menu__list-item" role="none">
898
+ <li class="pf-v5-c-menu__list-item" role="group">
887
899
  <button
888
900
  class="pf-v5-c-menu__item"
889
901
  type="button"
@@ -898,7 +910,7 @@ cssPrefix: pf-v5-c-menu
898
910
  </div>
899
911
  </div>
900
912
  </li>
901
- <li class="pf-v5-c-menu__list-item" role="none">
913
+ <li class="pf-v5-c-menu__list-item" role="group">
902
914
  <button class="pf-v5-c-menu__item" type="button" role="menuitem">
903
915
  <span class="pf-v5-c-menu__item-main">
904
916
  <span class="pf-v5-c-menu__item-text">Delete deployment config</span>
@@ -917,21 +929,21 @@ cssPrefix: pf-v5-c-menu
917
929
  <div class="pf-v5-c-menu pf-m-flyout">
918
930
  <div class="pf-v5-c-menu__content">
919
931
  <ul class="pf-v5-c-menu__list" role="menu">
920
- <li class="pf-v5-c-menu__list-item" role="none">
932
+ <li class="pf-v5-c-menu__list-item" role="group">
921
933
  <button class="pf-v5-c-menu__item" type="button" role="menuitem">
922
934
  <span class="pf-v5-c-menu__item-main">
923
935
  <span class="pf-v5-c-menu__item-text">Start rollout</span>
924
936
  </span>
925
937
  </button>
926
938
  </li>
927
- <li class="pf-v5-c-menu__list-item" role="none">
939
+ <li class="pf-v5-c-menu__list-item" role="group">
928
940
  <button class="pf-v5-c-menu__item" type="button" role="menuitem">
929
941
  <span class="pf-v5-c-menu__item-main">
930
942
  <span class="pf-v5-c-menu__item-text">Pause rollouts</span>
931
943
  </span>
932
944
  </button>
933
945
  </li>
934
- <li class="pf-v5-c-menu__list-item" role="none">
946
+ <li class="pf-v5-c-menu__list-item" role="group">
935
947
  <button
936
948
  class="pf-v5-c-menu__item"
937
949
  type="button"
@@ -948,7 +960,7 @@ cssPrefix: pf-v5-c-menu
948
960
  <div class="pf-v5-c-menu" hidden>
949
961
  <div class="pf-v5-c-menu__content">
950
962
  <ul class="pf-v5-c-menu__list" role="menu">
951
- <li class="pf-v5-c-menu__list-item" role="none">
963
+ <li class="pf-v5-c-menu__list-item" role="group">
952
964
  <button
953
965
  class="pf-v5-c-menu__item"
954
966
  type="button"
@@ -959,7 +971,7 @@ cssPrefix: pf-v5-c-menu
959
971
  </span>
960
972
  </button>
961
973
  </li>
962
- <li class="pf-v5-c-menu__list-item" role="none">
974
+ <li class="pf-v5-c-menu__list-item" role="group">
963
975
  <button
964
976
  class="pf-v5-c-menu__item"
965
977
  type="button"
@@ -970,7 +982,7 @@ cssPrefix: pf-v5-c-menu
970
982
  </span>
971
983
  </button>
972
984
  </li>
973
- <li class="pf-v5-c-menu__list-item" role="none">
985
+ <li class="pf-v5-c-menu__list-item" role="group">
974
986
  <button
975
987
  class="pf-v5-c-menu__item"
976
988
  type="button"
@@ -981,7 +993,7 @@ cssPrefix: pf-v5-c-menu
981
993
  </span>
982
994
  </button>
983
995
  </li>
984
- <li class="pf-v5-c-menu__list-item" role="none">
996
+ <li class="pf-v5-c-menu__list-item" role="group">
985
997
  <button
986
998
  class="pf-v5-c-menu__item"
987
999
  type="button"
@@ -996,7 +1008,7 @@ cssPrefix: pf-v5-c-menu
996
1008
  </div>
997
1009
  </div>
998
1010
  </li>
999
- <li class="pf-v5-c-menu__list-item" role="none">
1011
+ <li class="pf-v5-c-menu__list-item" role="group">
1000
1012
  <button
1001
1013
  class="pf-v5-c-menu__item"
1002
1014
  type="button"
@@ -1014,7 +1026,7 @@ cssPrefix: pf-v5-c-menu
1014
1026
  <div class="pf-v5-c-menu pf-m-left pf-m-top">
1015
1027
  <div class="pf-v5-c-menu__content">
1016
1028
  <ul class="pf-v5-c-menu__list" role="menu">
1017
- <li class="pf-v5-c-menu__list-item" role="none">
1029
+ <li class="pf-v5-c-menu__list-item" role="group">
1018
1030
  <button
1019
1031
  class="pf-v5-c-menu__item"
1020
1032
  type="button"
@@ -1025,7 +1037,7 @@ cssPrefix: pf-v5-c-menu
1025
1037
  </span>
1026
1038
  </button>
1027
1039
  </li>
1028
- <li class="pf-v5-c-menu__list-item" role="none">
1040
+ <li class="pf-v5-c-menu__list-item" role="group">
1029
1041
  <button
1030
1042
  class="pf-v5-c-menu__item"
1031
1043
  type="button"
@@ -1036,7 +1048,7 @@ cssPrefix: pf-v5-c-menu
1036
1048
  </span>
1037
1049
  </button>
1038
1050
  </li>
1039
- <li class="pf-v5-c-menu__list-item" role="none">
1051
+ <li class="pf-v5-c-menu__list-item" role="group">
1040
1052
  <button
1041
1053
  class="pf-v5-c-menu__item"
1042
1054
  type="button"
@@ -1047,7 +1059,7 @@ cssPrefix: pf-v5-c-menu
1047
1059
  </span>
1048
1060
  </button>
1049
1061
  </li>
1050
- <li class="pf-v5-c-menu__list-item" role="none">
1062
+ <li class="pf-v5-c-menu__list-item" role="group">
1051
1063
  <button
1052
1064
  class="pf-v5-c-menu__item"
1053
1065
  type="button"
@@ -1062,7 +1074,7 @@ cssPrefix: pf-v5-c-menu
1062
1074
  </div>
1063
1075
  </div>
1064
1076
  </li>
1065
- <li class="pf-v5-c-menu__list-item" role="none">
1077
+ <li class="pf-v5-c-menu__list-item" role="group">
1066
1078
  <button class="pf-v5-c-menu__item" type="button" role="menuitem">
1067
1079
  <span class="pf-v5-c-menu__item-main">
1068
1080
  <span class="pf-v5-c-menu__item-text">Delete deployment config</span>
@@ -1081,21 +1093,21 @@ cssPrefix: pf-v5-c-menu
1081
1093
  <div class="pf-v5-c-menu">
1082
1094
  <div class="pf-v5-c-menu__content">
1083
1095
  <ul class="pf-v5-c-menu__list" role="menu">
1084
- <li class="pf-v5-c-menu__list-item" role="none">
1096
+ <li class="pf-v5-c-menu__list-item" role="group">
1085
1097
  <button class="pf-v5-c-menu__item" type="button" role="menuitem">
1086
1098
  <span class="pf-v5-c-menu__item-main">
1087
1099
  <span class="pf-v5-c-menu__item-text">Start rollout</span>
1088
1100
  </span>
1089
1101
  </button>
1090
1102
  </li>
1091
- <li class="pf-v5-c-menu__list-item" role="none">
1103
+ <li class="pf-v5-c-menu__list-item" role="group">
1092
1104
  <button class="pf-v5-c-menu__item" type="button" role="menuitem">
1093
1105
  <span class="pf-v5-c-menu__item-main">
1094
1106
  <span class="pf-v5-c-menu__item-text">Pause rollouts</span>
1095
1107
  </span>
1096
1108
  </button>
1097
1109
  </li>
1098
- <li class="pf-v5-c-menu__list-item" role="none">
1110
+ <li class="pf-v5-c-menu__list-item" role="group">
1099
1111
  <button
1100
1112
  class="pf-v5-c-menu__item"
1101
1113
  type="button"
@@ -1112,7 +1124,7 @@ cssPrefix: pf-v5-c-menu
1112
1124
  <div class="pf-v5-c-menu pf-m-flyout" hidden>
1113
1125
  <div class="pf-v5-c-menu__content">
1114
1126
  <ul class="pf-v5-c-menu__list" role="menu">
1115
- <li class="pf-v5-c-menu__list-item" role="none">
1127
+ <li class="pf-v5-c-menu__list-item" role="group">
1116
1128
  <button
1117
1129
  class="pf-v5-c-menu__item"
1118
1130
  type="button"
@@ -1123,7 +1135,7 @@ cssPrefix: pf-v5-c-menu
1123
1135
  </span>
1124
1136
  </button>
1125
1137
  </li>
1126
- <li class="pf-v5-c-menu__list-item" role="none">
1138
+ <li class="pf-v5-c-menu__list-item" role="group">
1127
1139
  <button
1128
1140
  class="pf-v5-c-menu__item"
1129
1141
  type="button"
@@ -1134,7 +1146,7 @@ cssPrefix: pf-v5-c-menu
1134
1146
  </span>
1135
1147
  </button>
1136
1148
  </li>
1137
- <li class="pf-v5-c-menu__list-item" role="none">
1149
+ <li class="pf-v5-c-menu__list-item" role="group">
1138
1150
  <button
1139
1151
  class="pf-v5-c-menu__item"
1140
1152
  type="button"
@@ -1145,7 +1157,7 @@ cssPrefix: pf-v5-c-menu
1145
1157
  </span>
1146
1158
  </button>
1147
1159
  </li>
1148
- <li class="pf-v5-c-menu__list-item" role="none">
1160
+ <li class="pf-v5-c-menu__list-item" role="group">
1149
1161
  <button
1150
1162
  class="pf-v5-c-menu__item"
1151
1163
  type="button"
@@ -1160,7 +1172,7 @@ cssPrefix: pf-v5-c-menu
1160
1172
  </div>
1161
1173
  </div>
1162
1174
  </li>
1163
- <li class="pf-v5-c-menu__list-item" role="none">
1175
+ <li class="pf-v5-c-menu__list-item" role="group">
1164
1176
  <button
1165
1177
  class="pf-v5-c-menu__item"
1166
1178
  type="button"
@@ -1178,7 +1190,7 @@ cssPrefix: pf-v5-c-menu
1178
1190
  <div class="pf-v5-c-menu pf-m-flyout">
1179
1191
  <div class="pf-v5-c-menu__content">
1180
1192
  <ul class="pf-v5-c-menu__list" role="menu">
1181
- <li class="pf-v5-c-menu__list-item" role="none">
1193
+ <li class="pf-v5-c-menu__list-item" role="group">
1182
1194
  <button
1183
1195
  class="pf-v5-c-menu__item"
1184
1196
  type="button"
@@ -1189,7 +1201,7 @@ cssPrefix: pf-v5-c-menu
1189
1201
  </span>
1190
1202
  </button>
1191
1203
  </li>
1192
- <li class="pf-v5-c-menu__list-item" role="none">
1204
+ <li class="pf-v5-c-menu__list-item" role="group">
1193
1205
  <button
1194
1206
  class="pf-v5-c-menu__item"
1195
1207
  type="button"
@@ -1200,7 +1212,7 @@ cssPrefix: pf-v5-c-menu
1200
1212
  </span>
1201
1213
  </button>
1202
1214
  </li>
1203
- <li class="pf-v5-c-menu__list-item" role="none">
1215
+ <li class="pf-v5-c-menu__list-item" role="group">
1204
1216
  <button
1205
1217
  class="pf-v5-c-menu__item"
1206
1218
  type="button"
@@ -1211,7 +1223,7 @@ cssPrefix: pf-v5-c-menu
1211
1223
  </span>
1212
1224
  </button>
1213
1225
  </li>
1214
- <li class="pf-v5-c-menu__list-item" role="none">
1226
+ <li class="pf-v5-c-menu__list-item" role="group">
1215
1227
  <button
1216
1228
  class="pf-v5-c-menu__item"
1217
1229
  type="button"
@@ -1226,7 +1238,7 @@ cssPrefix: pf-v5-c-menu
1226
1238
  </div>
1227
1239
  </div>
1228
1240
  </li>
1229
- <li class="pf-v5-c-menu__list-item" role="none">
1241
+ <li class="pf-v5-c-menu__list-item" role="group">
1230
1242
  <button class="pf-v5-c-menu__item" type="button" role="menuitem">
1231
1243
  <span class="pf-v5-c-menu__item-main">
1232
1244
  <span class="pf-v5-c-menu__item-text">Delete deployment config</span>
@@ -1245,28 +1257,28 @@ cssPrefix: pf-v5-c-menu
1245
1257
  <div class="pf-v5-c-menu pf-m-drilldown">
1246
1258
  <div class="pf-v5-c-menu__content">
1247
1259
  <ul class="pf-v5-c-menu__list" role="menu">
1248
- <li class="pf-v5-c-menu__list-item" role="none">
1260
+ <li class="pf-v5-c-menu__list-item" role="group">
1249
1261
  <button class="pf-v5-c-menu__item" type="button" role="menuitem">
1250
1262
  <span class="pf-v5-c-menu__item-main">
1251
1263
  <span class="pf-v5-c-menu__item-text">Start rollout</span>
1252
1264
  </span>
1253
1265
  </button>
1254
1266
  </li>
1255
- <li class="pf-v5-c-menu__list-item" role="none">
1267
+ <li class="pf-v5-c-menu__list-item" role="group">
1256
1268
  <button class="pf-v5-c-menu__item" type="button" role="menuitem">
1257
1269
  <span class="pf-v5-c-menu__item-main">
1258
1270
  <span class="pf-v5-c-menu__item-text">Pause rollout</span>
1259
1271
  </span>
1260
1272
  </button>
1261
1273
  </li>
1262
- <li class="pf-v5-c-menu__list-item" role="none">
1274
+ <li class="pf-v5-c-menu__list-item" role="group">
1263
1275
  <button class="pf-v5-c-menu__item" type="button" role="menuitem">
1264
1276
  <span class="pf-v5-c-menu__item-main">
1265
1277
  <span class="pf-v5-c-menu__item-text">Add storage</span>
1266
1278
  </span>
1267
1279
  </button>
1268
1280
  </li>
1269
- <li class="pf-v5-c-menu__list-item" role="none">
1281
+ <li class="pf-v5-c-menu__list-item" role="group">
1270
1282
  <button
1271
1283
  class="pf-v5-c-menu__item"
1272
1284
  type="button"
@@ -1283,7 +1295,7 @@ cssPrefix: pf-v5-c-menu
1283
1295
  <div class="pf-v5-c-menu">
1284
1296
  <div class="pf-v5-c-menu__content">
1285
1297
  <ul class="pf-v5-c-menu__list" role="menu">
1286
- <li class="pf-v5-c-menu__list-item pf-m-drill-up" role="none">
1298
+ <li class="pf-v5-c-menu__list-item pf-m-drill-up" role="group">
1287
1299
  <button
1288
1300
  class="pf-v5-c-menu__item"
1289
1301
  type="button"
@@ -1299,7 +1311,7 @@ cssPrefix: pf-v5-c-menu
1299
1311
  </button>
1300
1312
  </li>
1301
1313
  <li class="pf-v5-c-divider" role="separator"></li>
1302
- <li class="pf-v5-c-menu__list-item" role="none">
1314
+ <li class="pf-v5-c-menu__list-item" role="group">
1303
1315
  <button
1304
1316
  class="pf-v5-c-menu__item"
1305
1317
  type="button"
@@ -1318,7 +1330,7 @@ cssPrefix: pf-v5-c-menu
1318
1330
  <ul class="pf-v5-c-menu__list" role="menu">
1319
1331
  <li
1320
1332
  class="pf-v5-c-menu__list-item pf-m-drill-up"
1321
- role="none"
1333
+ role="group"
1322
1334
  >
1323
1335
  <button
1324
1336
  class="pf-v5-c-menu__item"
@@ -1335,7 +1347,7 @@ cssPrefix: pf-v5-c-menu
1335
1347
  </button>
1336
1348
  </li>
1337
1349
  <li class="pf-v5-c-divider" role="separator"></li>
1338
- <li class="pf-v5-c-menu__list-item" role="none">
1350
+ <li class="pf-v5-c-menu__list-item" role="group">
1339
1351
  <button
1340
1352
  class="pf-v5-c-menu__item"
1341
1353
  type="button"
@@ -1346,7 +1358,7 @@ cssPrefix: pf-v5-c-menu
1346
1358
  </span>
1347
1359
  </button>
1348
1360
  </li>
1349
- <li class="pf-v5-c-menu__list-item" role="none">
1361
+ <li class="pf-v5-c-menu__list-item" role="group">
1350
1362
  <button
1351
1363
  class="pf-v5-c-menu__item"
1352
1364
  type="button"
@@ -1357,7 +1369,7 @@ cssPrefix: pf-v5-c-menu
1357
1369
  </span>
1358
1370
  </button>
1359
1371
  </li>
1360
- <li class="pf-v5-c-menu__list-item" role="none">
1372
+ <li class="pf-v5-c-menu__list-item" role="group">
1361
1373
  <button
1362
1374
  class="pf-v5-c-menu__item"
1363
1375
  type="button"
@@ -1368,7 +1380,7 @@ cssPrefix: pf-v5-c-menu
1368
1380
  </span>
1369
1381
  </button>
1370
1382
  </li>
1371
- <li class="pf-v5-c-menu__list-item" role="none">
1383
+ <li class="pf-v5-c-menu__list-item" role="group">
1372
1384
  <button
1373
1385
  class="pf-v5-c-menu__item"
1374
1386
  type="button"
@@ -1389,7 +1401,7 @@ cssPrefix: pf-v5-c-menu
1389
1401
  <ul class="pf-v5-c-menu__list" role="menu">
1390
1402
  <li
1391
1403
  class="pf-v5-c-menu__list-item pf-m-drill-up"
1392
- role="none"
1404
+ role="group"
1393
1405
  >
1394
1406
  <button
1395
1407
  class="pf-v5-c-menu__item"
@@ -1410,7 +1422,7 @@ cssPrefix: pf-v5-c-menu
1410
1422
  </button>
1411
1423
  </li>
1412
1424
  <li class="pf-v5-c-divider" role="separator"></li>
1413
- <li class="pf-v5-c-menu__list-item" role="none">
1425
+ <li class="pf-v5-c-menu__list-item" role="group">
1414
1426
  <button
1415
1427
  class="pf-v5-c-menu__item"
1416
1428
  type="button"
@@ -1423,7 +1435,7 @@ cssPrefix: pf-v5-c-menu
1423
1435
  </span>
1424
1436
  </button>
1425
1437
  </li>
1426
- <li class="pf-v5-c-menu__list-item" role="none">
1438
+ <li class="pf-v5-c-menu__list-item" role="group">
1427
1439
  <button
1428
1440
  class="pf-v5-c-menu__item"
1429
1441
  type="button"
@@ -1436,7 +1448,7 @@ cssPrefix: pf-v5-c-menu
1436
1448
  </span>
1437
1449
  </button>
1438
1450
  </li>
1439
- <li class="pf-v5-c-menu__list-item" role="none">
1451
+ <li class="pf-v5-c-menu__list-item" role="group">
1440
1452
  <button
1441
1453
  class="pf-v5-c-menu__item"
1442
1454
  type="button"
@@ -1457,7 +1469,7 @@ cssPrefix: pf-v5-c-menu
1457
1469
  </div>
1458
1470
  </div>
1459
1471
  </li>
1460
- <li class="pf-v5-c-menu__list-item" role="none">
1472
+ <li class="pf-v5-c-menu__list-item" role="group">
1461
1473
  <button
1462
1474
  class="pf-v5-c-menu__item"
1463
1475
  type="button"
@@ -1476,7 +1488,7 @@ cssPrefix: pf-v5-c-menu
1476
1488
  <ul class="pf-v5-c-menu__list" role="menu">
1477
1489
  <li
1478
1490
  class="pf-v5-c-menu__list-item pf-m-drill-up"
1479
- role="none"
1491
+ role="group"
1480
1492
  >
1481
1493
  <button
1482
1494
  class="pf-v5-c-menu__item"
@@ -1492,7 +1504,7 @@ cssPrefix: pf-v5-c-menu
1492
1504
  </button>
1493
1505
  </li>
1494
1506
  <li class="pf-v5-c-divider" role="separator"></li>
1495
- <li class="pf-v5-c-menu__list-item" role="none">
1507
+ <li class="pf-v5-c-menu__list-item" role="group">
1496
1508
  <button
1497
1509
  class="pf-v5-c-menu__item"
1498
1510
  type="button"
@@ -1503,7 +1515,7 @@ cssPrefix: pf-v5-c-menu
1503
1515
  </span>
1504
1516
  </button>
1505
1517
  </li>
1506
- <li class="pf-v5-c-menu__list-item" role="none">
1518
+ <li class="pf-v5-c-menu__list-item" role="group">
1507
1519
  <button
1508
1520
  class="pf-v5-c-menu__item"
1509
1521
  type="button"
@@ -1514,7 +1526,7 @@ cssPrefix: pf-v5-c-menu
1514
1526
  </span>
1515
1527
  </button>
1516
1528
  </li>
1517
- <li class="pf-v5-c-menu__list-item" role="none">
1529
+ <li class="pf-v5-c-menu__list-item" role="group">
1518
1530
  <button
1519
1531
  class="pf-v5-c-menu__item"
1520
1532
  type="button"
@@ -1529,7 +1541,7 @@ cssPrefix: pf-v5-c-menu
1529
1541
  </div>
1530
1542
  </div>
1531
1543
  </li>
1532
- <li class="pf-v5-c-menu__list-item" role="none">
1544
+ <li class="pf-v5-c-menu__list-item" role="group">
1533
1545
  <button
1534
1546
  class="pf-v5-c-menu__item"
1535
1547
  type="button"
@@ -1546,7 +1558,7 @@ cssPrefix: pf-v5-c-menu
1546
1558
  </div>
1547
1559
  </div>
1548
1560
  </li>
1549
- <li class="pf-v5-c-menu__list-item" role="none">
1561
+ <li class="pf-v5-c-menu__list-item" role="group">
1550
1562
  <button
1551
1563
  class="pf-v5-c-menu__item"
1552
1564
  type="button"
@@ -1563,7 +1575,7 @@ cssPrefix: pf-v5-c-menu
1563
1575
  <div class="pf-v5-c-menu">
1564
1576
  <div class="pf-v5-c-menu__content">
1565
1577
  <ul class="pf-v5-c-menu__list" role="menu">
1566
- <li class="pf-v5-c-menu__list-item pf-m-drill-up" role="none">
1578
+ <li class="pf-v5-c-menu__list-item pf-m-drill-up" role="group">
1567
1579
  <button
1568
1580
  class="pf-v5-c-menu__item"
1569
1581
  type="button"
@@ -1578,7 +1590,7 @@ cssPrefix: pf-v5-c-menu
1578
1590
  </button>
1579
1591
  </li>
1580
1592
  <li class="pf-v5-c-divider" role="separator"></li>
1581
- <li class="pf-v5-c-menu__list-item" role="none">
1593
+ <li class="pf-v5-c-menu__list-item" role="group">
1582
1594
  <button
1583
1595
  class="pf-v5-c-menu__item"
1584
1596
  type="button"
@@ -1597,7 +1609,7 @@ cssPrefix: pf-v5-c-menu
1597
1609
  <ul class="pf-v5-c-menu__list" role="menu">
1598
1610
  <li
1599
1611
  class="pf-v5-c-menu__list-item pf-m-drill-up"
1600
- role="none"
1612
+ role="group"
1601
1613
  >
1602
1614
  <button
1603
1615
  class="pf-v5-c-menu__item"
@@ -1613,7 +1625,7 @@ cssPrefix: pf-v5-c-menu
1613
1625
  </button>
1614
1626
  </li>
1615
1627
  <li class="pf-v5-c-divider" role="separator"></li>
1616
- <li class="pf-v5-c-menu__list-item" role="none">
1628
+ <li class="pf-v5-c-menu__list-item" role="group">
1617
1629
  <button
1618
1630
  class="pf-v5-c-menu__item"
1619
1631
  type="button"
@@ -1624,7 +1636,7 @@ cssPrefix: pf-v5-c-menu
1624
1636
  </span>
1625
1637
  </button>
1626
1638
  </li>
1627
- <li class="pf-v5-c-menu__list-item" role="none">
1639
+ <li class="pf-v5-c-menu__list-item" role="group">
1628
1640
  <button
1629
1641
  class="pf-v5-c-menu__item"
1630
1642
  type="button"
@@ -1635,7 +1647,7 @@ cssPrefix: pf-v5-c-menu
1635
1647
  </span>
1636
1648
  </button>
1637
1649
  </li>
1638
- <li class="pf-v5-c-menu__list-item" role="none">
1650
+ <li class="pf-v5-c-menu__list-item" role="group">
1639
1651
  <button
1640
1652
  class="pf-v5-c-menu__item"
1641
1653
  type="button"
@@ -1650,7 +1662,7 @@ cssPrefix: pf-v5-c-menu
1650
1662
  </div>
1651
1663
  </div>
1652
1664
  </li>
1653
- <li class="pf-v5-c-menu__list-item" role="none">
1665
+ <li class="pf-v5-c-menu__list-item" role="group">
1654
1666
  <button
1655
1667
  class="pf-v5-c-menu__item"
1656
1668
  type="button"
@@ -1661,7 +1673,7 @@ cssPrefix: pf-v5-c-menu
1661
1673
  </span>
1662
1674
  </button>
1663
1675
  </li>
1664
- <li class="pf-v5-c-menu__list-item" role="none">
1676
+ <li class="pf-v5-c-menu__list-item" role="group">
1665
1677
  <button
1666
1678
  class="pf-v5-c-menu__item"
1667
1679
  type="button"
@@ -1672,7 +1684,7 @@ cssPrefix: pf-v5-c-menu
1672
1684
  </span>
1673
1685
  </button>
1674
1686
  </li>
1675
- <li class="pf-v5-c-menu__list-item" role="none">
1687
+ <li class="pf-v5-c-menu__list-item" role="group">
1676
1688
  <button
1677
1689
  class="pf-v5-c-menu__item"
1678
1690
  type="button"
@@ -1685,7 +1697,7 @@ cssPrefix: pf-v5-c-menu
1685
1697
  </span>
1686
1698
  </button>
1687
1699
  </li>
1688
- <li class="pf-v5-c-menu__list-item" role="none">
1700
+ <li class="pf-v5-c-menu__list-item" role="group">
1689
1701
  <button
1690
1702
  class="pf-v5-c-menu__item"
1691
1703
  type="button"
@@ -1704,7 +1716,7 @@ cssPrefix: pf-v5-c-menu
1704
1716
  <ul class="pf-v5-c-menu__list" role="menu">
1705
1717
  <li
1706
1718
  class="pf-v5-c-menu__list-item pf-m-drill-up"
1707
- role="none"
1719
+ role="group"
1708
1720
  >
1709
1721
  <button
1710
1722
  class="pf-v5-c-menu__item"
@@ -1722,7 +1734,7 @@ cssPrefix: pf-v5-c-menu
1722
1734
  </button>
1723
1735
  </li>
1724
1736
  <li class="pf-v5-c-divider" role="separator"></li>
1725
- <li class="pf-v5-c-menu__list-item" role="none">
1737
+ <li class="pf-v5-c-menu__list-item" role="group">
1726
1738
  <button
1727
1739
  class="pf-v5-c-menu__item"
1728
1740
  type="button"
@@ -1733,7 +1745,7 @@ cssPrefix: pf-v5-c-menu
1733
1745
  </span>
1734
1746
  </button>
1735
1747
  </li>
1736
- <li class="pf-v5-c-menu__list-item" role="none">
1748
+ <li class="pf-v5-c-menu__list-item" role="group">
1737
1749
  <button
1738
1750
  class="pf-v5-c-menu__item"
1739
1751
  type="button"
@@ -1767,28 +1779,28 @@ cssPrefix: pf-v5-c-menu
1767
1779
  style="--pf-v5-c-menu__content--Height: 193px;"
1768
1780
  >
1769
1781
  <ul class="pf-v5-c-menu__list" role="menu">
1770
- <li class="pf-v5-c-menu__list-item" role="none">
1782
+ <li class="pf-v5-c-menu__list-item" role="group">
1771
1783
  <button class="pf-v5-c-menu__item" type="button" role="menuitem">
1772
1784
  <span class="pf-v5-c-menu__item-main">
1773
1785
  <span class="pf-v5-c-menu__item-text">Start rollout</span>
1774
1786
  </span>
1775
1787
  </button>
1776
1788
  </li>
1777
- <li class="pf-v5-c-menu__list-item" role="none">
1789
+ <li class="pf-v5-c-menu__list-item" role="group">
1778
1790
  <button class="pf-v5-c-menu__item" type="button" role="menuitem">
1779
1791
  <span class="pf-v5-c-menu__item-main">
1780
1792
  <span class="pf-v5-c-menu__item-text">Pause rollout</span>
1781
1793
  </span>
1782
1794
  </button>
1783
1795
  </li>
1784
- <li class="pf-v5-c-menu__list-item" role="none">
1796
+ <li class="pf-v5-c-menu__list-item" role="group">
1785
1797
  <button class="pf-v5-c-menu__item" type="button" role="menuitem">
1786
1798
  <span class="pf-v5-c-menu__item-main">
1787
1799
  <span class="pf-v5-c-menu__item-text">Add storage</span>
1788
1800
  </span>
1789
1801
  </button>
1790
1802
  </li>
1791
- <li class="pf-v5-c-menu__list-item pf-m-current-path" role="none">
1803
+ <li class="pf-v5-c-menu__list-item pf-m-current-path" role="group">
1792
1804
  <button
1793
1805
  class="pf-v5-c-menu__item"
1794
1806
  type="button"
@@ -1805,7 +1817,7 @@ cssPrefix: pf-v5-c-menu
1805
1817
  <div class="pf-v5-c-menu">
1806
1818
  <div class="pf-v5-c-menu__content">
1807
1819
  <ul class="pf-v5-c-menu__list" role="menu">
1808
- <li class="pf-v5-c-menu__list-item pf-m-drill-up" role="none">
1820
+ <li class="pf-v5-c-menu__list-item pf-m-drill-up" role="group">
1809
1821
  <button
1810
1822
  class="pf-v5-c-menu__item"
1811
1823
  type="button"
@@ -1821,7 +1833,7 @@ cssPrefix: pf-v5-c-menu
1821
1833
  </button>
1822
1834
  </li>
1823
1835
  <li class="pf-v5-c-divider" role="separator"></li>
1824
- <li class="pf-v5-c-menu__list-item" role="none">
1836
+ <li class="pf-v5-c-menu__list-item" role="group">
1825
1837
  <button
1826
1838
  class="pf-v5-c-menu__item"
1827
1839
  type="button"
@@ -1840,7 +1852,7 @@ cssPrefix: pf-v5-c-menu
1840
1852
  <ul class="pf-v5-c-menu__list" role="menu">
1841
1853
  <li
1842
1854
  class="pf-v5-c-menu__list-item pf-m-drill-up"
1843
- role="none"
1855
+ role="group"
1844
1856
  >
1845
1857
  <button
1846
1858
  class="pf-v5-c-menu__item"
@@ -1857,7 +1869,7 @@ cssPrefix: pf-v5-c-menu
1857
1869
  </button>
1858
1870
  </li>
1859
1871
  <li class="pf-v5-c-divider" role="separator"></li>
1860
- <li class="pf-v5-c-menu__list-item" role="none">
1872
+ <li class="pf-v5-c-menu__list-item" role="group">
1861
1873
  <button
1862
1874
  class="pf-v5-c-menu__item"
1863
1875
  type="button"
@@ -1868,7 +1880,7 @@ cssPrefix: pf-v5-c-menu
1868
1880
  </span>
1869
1881
  </button>
1870
1882
  </li>
1871
- <li class="pf-v5-c-menu__list-item" role="none">
1883
+ <li class="pf-v5-c-menu__list-item" role="group">
1872
1884
  <button
1873
1885
  class="pf-v5-c-menu__item"
1874
1886
  type="button"
@@ -1879,7 +1891,7 @@ cssPrefix: pf-v5-c-menu
1879
1891
  </span>
1880
1892
  </button>
1881
1893
  </li>
1882
- <li class="pf-v5-c-menu__list-item" role="none">
1894
+ <li class="pf-v5-c-menu__list-item" role="group">
1883
1895
  <button
1884
1896
  class="pf-v5-c-menu__item"
1885
1897
  type="button"
@@ -1890,7 +1902,7 @@ cssPrefix: pf-v5-c-menu
1890
1902
  </span>
1891
1903
  </button>
1892
1904
  </li>
1893
- <li class="pf-v5-c-menu__list-item" role="none">
1905
+ <li class="pf-v5-c-menu__list-item" role="group">
1894
1906
  <button
1895
1907
  class="pf-v5-c-menu__item"
1896
1908
  type="button"
@@ -1911,7 +1923,7 @@ cssPrefix: pf-v5-c-menu
1911
1923
  <ul class="pf-v5-c-menu__list" role="menu">
1912
1924
  <li
1913
1925
  class="pf-v5-c-menu__list-item pf-m-drill-up"
1914
- role="none"
1926
+ role="group"
1915
1927
  >
1916
1928
  <button
1917
1929
  class="pf-v5-c-menu__item"
@@ -1932,7 +1944,7 @@ cssPrefix: pf-v5-c-menu
1932
1944
  </button>
1933
1945
  </li>
1934
1946
  <li class="pf-v5-c-divider" role="separator"></li>
1935
- <li class="pf-v5-c-menu__list-item" role="none">
1947
+ <li class="pf-v5-c-menu__list-item" role="group">
1936
1948
  <button
1937
1949
  class="pf-v5-c-menu__item"
1938
1950
  type="button"
@@ -1945,7 +1957,7 @@ cssPrefix: pf-v5-c-menu
1945
1957
  </span>
1946
1958
  </button>
1947
1959
  </li>
1948
- <li class="pf-v5-c-menu__list-item" role="none">
1960
+ <li class="pf-v5-c-menu__list-item" role="group">
1949
1961
  <button
1950
1962
  class="pf-v5-c-menu__item"
1951
1963
  type="button"
@@ -1958,7 +1970,7 @@ cssPrefix: pf-v5-c-menu
1958
1970
  </span>
1959
1971
  </button>
1960
1972
  </li>
1961
- <li class="pf-v5-c-menu__list-item" role="none">
1973
+ <li class="pf-v5-c-menu__list-item" role="group">
1962
1974
  <button
1963
1975
  class="pf-v5-c-menu__item"
1964
1976
  type="button"
@@ -1979,7 +1991,7 @@ cssPrefix: pf-v5-c-menu
1979
1991
  </div>
1980
1992
  </div>
1981
1993
  </li>
1982
- <li class="pf-v5-c-menu__list-item" role="none">
1994
+ <li class="pf-v5-c-menu__list-item" role="group">
1983
1995
  <button
1984
1996
  class="pf-v5-c-menu__item"
1985
1997
  type="button"
@@ -1998,7 +2010,7 @@ cssPrefix: pf-v5-c-menu
1998
2010
  <ul class="pf-v5-c-menu__list" role="menu">
1999
2011
  <li
2000
2012
  class="pf-v5-c-menu__list-item pf-m-drill-up"
2001
- role="none"
2013
+ role="group"
2002
2014
  >
2003
2015
  <button
2004
2016
  class="pf-v5-c-menu__item"
@@ -2014,7 +2026,7 @@ cssPrefix: pf-v5-c-menu
2014
2026
  </button>
2015
2027
  </li>
2016
2028
  <li class="pf-v5-c-divider" role="separator"></li>
2017
- <li class="pf-v5-c-menu__list-item" role="none">
2029
+ <li class="pf-v5-c-menu__list-item" role="group">
2018
2030
  <button
2019
2031
  class="pf-v5-c-menu__item"
2020
2032
  type="button"
@@ -2025,7 +2037,7 @@ cssPrefix: pf-v5-c-menu
2025
2037
  </span>
2026
2038
  </button>
2027
2039
  </li>
2028
- <li class="pf-v5-c-menu__list-item" role="none">
2040
+ <li class="pf-v5-c-menu__list-item" role="group">
2029
2041
  <button
2030
2042
  class="pf-v5-c-menu__item"
2031
2043
  type="button"
@@ -2036,7 +2048,7 @@ cssPrefix: pf-v5-c-menu
2036
2048
  </span>
2037
2049
  </button>
2038
2050
  </li>
2039
- <li class="pf-v5-c-menu__list-item" role="none">
2051
+ <li class="pf-v5-c-menu__list-item" role="group">
2040
2052
  <button
2041
2053
  class="pf-v5-c-menu__item"
2042
2054
  type="button"
@@ -2051,7 +2063,7 @@ cssPrefix: pf-v5-c-menu
2051
2063
  </div>
2052
2064
  </div>
2053
2065
  </li>
2054
- <li class="pf-v5-c-menu__list-item" role="none">
2066
+ <li class="pf-v5-c-menu__list-item" role="group">
2055
2067
  <button
2056
2068
  class="pf-v5-c-menu__item"
2057
2069
  type="button"
@@ -2068,7 +2080,7 @@ cssPrefix: pf-v5-c-menu
2068
2080
  </div>
2069
2081
  </div>
2070
2082
  </li>
2071
- <li class="pf-v5-c-menu__list-item" role="none">
2083
+ <li class="pf-v5-c-menu__list-item" role="group">
2072
2084
  <button
2073
2085
  class="pf-v5-c-menu__item"
2074
2086
  type="button"
@@ -2085,7 +2097,7 @@ cssPrefix: pf-v5-c-menu
2085
2097
  <div class="pf-v5-c-menu">
2086
2098
  <div class="pf-v5-c-menu__content">
2087
2099
  <ul class="pf-v5-c-menu__list" role="menu">
2088
- <li class="pf-v5-c-menu__list-item pf-m-drill-up" role="none">
2100
+ <li class="pf-v5-c-menu__list-item pf-m-drill-up" role="group">
2089
2101
  <button
2090
2102
  class="pf-v5-c-menu__item"
2091
2103
  type="button"
@@ -2100,7 +2112,7 @@ cssPrefix: pf-v5-c-menu
2100
2112
  </button>
2101
2113
  </li>
2102
2114
  <li class="pf-v5-c-divider" role="separator"></li>
2103
- <li class="pf-v5-c-menu__list-item" role="none">
2115
+ <li class="pf-v5-c-menu__list-item" role="group">
2104
2116
  <button
2105
2117
  class="pf-v5-c-menu__item"
2106
2118
  type="button"
@@ -2119,7 +2131,7 @@ cssPrefix: pf-v5-c-menu
2119
2131
  <ul class="pf-v5-c-menu__list" role="menu">
2120
2132
  <li
2121
2133
  class="pf-v5-c-menu__list-item pf-m-drill-up"
2122
- role="none"
2134
+ role="group"
2123
2135
  >
2124
2136
  <button
2125
2137
  class="pf-v5-c-menu__item"
@@ -2135,7 +2147,7 @@ cssPrefix: pf-v5-c-menu
2135
2147
  </button>
2136
2148
  </li>
2137
2149
  <li class="pf-v5-c-divider" role="separator"></li>
2138
- <li class="pf-v5-c-menu__list-item" role="none">
2150
+ <li class="pf-v5-c-menu__list-item" role="group">
2139
2151
  <button
2140
2152
  class="pf-v5-c-menu__item"
2141
2153
  type="button"
@@ -2146,7 +2158,7 @@ cssPrefix: pf-v5-c-menu
2146
2158
  </span>
2147
2159
  </button>
2148
2160
  </li>
2149
- <li class="pf-v5-c-menu__list-item" role="none">
2161
+ <li class="pf-v5-c-menu__list-item" role="group">
2150
2162
  <button
2151
2163
  class="pf-v5-c-menu__item"
2152
2164
  type="button"
@@ -2157,7 +2169,7 @@ cssPrefix: pf-v5-c-menu
2157
2169
  </span>
2158
2170
  </button>
2159
2171
  </li>
2160
- <li class="pf-v5-c-menu__list-item" role="none">
2172
+ <li class="pf-v5-c-menu__list-item" role="group">
2161
2173
  <button
2162
2174
  class="pf-v5-c-menu__item"
2163
2175
  type="button"
@@ -2172,7 +2184,7 @@ cssPrefix: pf-v5-c-menu
2172
2184
  </div>
2173
2185
  </div>
2174
2186
  </li>
2175
- <li class="pf-v5-c-menu__list-item" role="none">
2187
+ <li class="pf-v5-c-menu__list-item" role="group">
2176
2188
  <button
2177
2189
  class="pf-v5-c-menu__item"
2178
2190
  type="button"
@@ -2183,7 +2195,7 @@ cssPrefix: pf-v5-c-menu
2183
2195
  </span>
2184
2196
  </button>
2185
2197
  </li>
2186
- <li class="pf-v5-c-menu__list-item" role="none">
2198
+ <li class="pf-v5-c-menu__list-item" role="group">
2187
2199
  <button
2188
2200
  class="pf-v5-c-menu__item"
2189
2201
  type="button"
@@ -2194,7 +2206,7 @@ cssPrefix: pf-v5-c-menu
2194
2206
  </span>
2195
2207
  </button>
2196
2208
  </li>
2197
- <li class="pf-v5-c-menu__list-item" role="none">
2209
+ <li class="pf-v5-c-menu__list-item" role="group">
2198
2210
  <button
2199
2211
  class="pf-v5-c-menu__item"
2200
2212
  type="button"
@@ -2207,7 +2219,7 @@ cssPrefix: pf-v5-c-menu
2207
2219
  </span>
2208
2220
  </button>
2209
2221
  </li>
2210
- <li class="pf-v5-c-menu__list-item" role="none">
2222
+ <li class="pf-v5-c-menu__list-item" role="group">
2211
2223
  <button
2212
2224
  class="pf-v5-c-menu__item"
2213
2225
  type="button"
@@ -2226,7 +2238,7 @@ cssPrefix: pf-v5-c-menu
2226
2238
  <ul class="pf-v5-c-menu__list" role="menu">
2227
2239
  <li
2228
2240
  class="pf-v5-c-menu__list-item pf-m-drill-up"
2229
- role="none"
2241
+ role="group"
2230
2242
  >
2231
2243
  <button
2232
2244
  class="pf-v5-c-menu__item"
@@ -2244,7 +2256,7 @@ cssPrefix: pf-v5-c-menu
2244
2256
  </button>
2245
2257
  </li>
2246
2258
  <li class="pf-v5-c-divider" role="separator"></li>
2247
- <li class="pf-v5-c-menu__list-item" role="none">
2259
+ <li class="pf-v5-c-menu__list-item" role="group">
2248
2260
  <button
2249
2261
  class="pf-v5-c-menu__item"
2250
2262
  type="button"
@@ -2255,7 +2267,7 @@ cssPrefix: pf-v5-c-menu
2255
2267
  </span>
2256
2268
  </button>
2257
2269
  </li>
2258
- <li class="pf-v5-c-menu__list-item" role="none">
2270
+ <li class="pf-v5-c-menu__list-item" role="group">
2259
2271
  <button
2260
2272
  class="pf-v5-c-menu__item"
2261
2273
  type="button"
@@ -2289,28 +2301,28 @@ cssPrefix: pf-v5-c-menu
2289
2301
  style="--pf-v5-c-menu__content--Height: 233px;"
2290
2302
  >
2291
2303
  <ul class="pf-v5-c-menu__list" role="menu">
2292
- <li class="pf-v5-c-menu__list-item" role="none">
2304
+ <li class="pf-v5-c-menu__list-item" role="group">
2293
2305
  <button class="pf-v5-c-menu__item" type="button" role="menuitem">
2294
2306
  <span class="pf-v5-c-menu__item-main">
2295
2307
  <span class="pf-v5-c-menu__item-text">Start rollout</span>
2296
2308
  </span>
2297
2309
  </button>
2298
2310
  </li>
2299
- <li class="pf-v5-c-menu__list-item" role="none">
2311
+ <li class="pf-v5-c-menu__list-item" role="group">
2300
2312
  <button class="pf-v5-c-menu__item" type="button" role="menuitem">
2301
2313
  <span class="pf-v5-c-menu__item-main">
2302
2314
  <span class="pf-v5-c-menu__item-text">Pause rollout</span>
2303
2315
  </span>
2304
2316
  </button>
2305
2317
  </li>
2306
- <li class="pf-v5-c-menu__list-item" role="none">
2318
+ <li class="pf-v5-c-menu__list-item" role="group">
2307
2319
  <button class="pf-v5-c-menu__item" type="button" role="menuitem">
2308
2320
  <span class="pf-v5-c-menu__item-main">
2309
2321
  <span class="pf-v5-c-menu__item-text">Add storage</span>
2310
2322
  </span>
2311
2323
  </button>
2312
2324
  </li>
2313
- <li class="pf-v5-c-menu__list-item pf-m-current-path" role="none">
2325
+ <li class="pf-v5-c-menu__list-item pf-m-current-path" role="group">
2314
2326
  <button
2315
2327
  class="pf-v5-c-menu__item"
2316
2328
  type="button"
@@ -2327,7 +2339,7 @@ cssPrefix: pf-v5-c-menu
2327
2339
  <div class="pf-v5-c-menu pf-m-drilled-in">
2328
2340
  <div class="pf-v5-c-menu__content">
2329
2341
  <ul class="pf-v5-c-menu__list" role="menu">
2330
- <li class="pf-v5-c-menu__list-item pf-m-drill-up" role="none">
2342
+ <li class="pf-v5-c-menu__list-item pf-m-drill-up" role="group">
2331
2343
  <button
2332
2344
  class="pf-v5-c-menu__item"
2333
2345
  type="button"
@@ -2343,7 +2355,10 @@ cssPrefix: pf-v5-c-menu
2343
2355
  </button>
2344
2356
  </li>
2345
2357
  <li class="pf-v5-c-divider" role="separator"></li>
2346
- <li class="pf-v5-c-menu__list-item pf-m-current-path" role="none">
2358
+ <li
2359
+ class="pf-v5-c-menu__list-item pf-m-current-path"
2360
+ role="group"
2361
+ >
2347
2362
  <button
2348
2363
  class="pf-v5-c-menu__item"
2349
2364
  type="button"
@@ -2362,7 +2377,7 @@ cssPrefix: pf-v5-c-menu
2362
2377
  <ul class="pf-v5-c-menu__list" role="menu">
2363
2378
  <li
2364
2379
  class="pf-v5-c-menu__list-item pf-m-drill-up"
2365
- role="none"
2380
+ role="group"
2366
2381
  >
2367
2382
  <button
2368
2383
  class="pf-v5-c-menu__item"
@@ -2379,7 +2394,7 @@ cssPrefix: pf-v5-c-menu
2379
2394
  </button>
2380
2395
  </li>
2381
2396
  <li class="pf-v5-c-divider" role="separator"></li>
2382
- <li class="pf-v5-c-menu__list-item" role="none">
2397
+ <li class="pf-v5-c-menu__list-item" role="group">
2383
2398
  <button
2384
2399
  class="pf-v5-c-menu__item"
2385
2400
  type="button"
@@ -2390,7 +2405,7 @@ cssPrefix: pf-v5-c-menu
2390
2405
  </span>
2391
2406
  </button>
2392
2407
  </li>
2393
- <li class="pf-v5-c-menu__list-item" role="none">
2408
+ <li class="pf-v5-c-menu__list-item" role="group">
2394
2409
  <button
2395
2410
  class="pf-v5-c-menu__item"
2396
2411
  type="button"
@@ -2401,7 +2416,7 @@ cssPrefix: pf-v5-c-menu
2401
2416
  </span>
2402
2417
  </button>
2403
2418
  </li>
2404
- <li class="pf-v5-c-menu__list-item" role="none">
2419
+ <li class="pf-v5-c-menu__list-item" role="group">
2405
2420
  <button
2406
2421
  class="pf-v5-c-menu__item"
2407
2422
  type="button"
@@ -2412,7 +2427,7 @@ cssPrefix: pf-v5-c-menu
2412
2427
  </span>
2413
2428
  </button>
2414
2429
  </li>
2415
- <li class="pf-v5-c-menu__list-item" role="none">
2430
+ <li class="pf-v5-c-menu__list-item" role="group">
2416
2431
  <button
2417
2432
  class="pf-v5-c-menu__item"
2418
2433
  type="button"
@@ -2433,7 +2448,7 @@ cssPrefix: pf-v5-c-menu
2433
2448
  <ul class="pf-v5-c-menu__list" role="menu">
2434
2449
  <li
2435
2450
  class="pf-v5-c-menu__list-item pf-m-drill-up"
2436
- role="none"
2451
+ role="group"
2437
2452
  >
2438
2453
  <button
2439
2454
  class="pf-v5-c-menu__item"
@@ -2454,7 +2469,7 @@ cssPrefix: pf-v5-c-menu
2454
2469
  </button>
2455
2470
  </li>
2456
2471
  <li class="pf-v5-c-divider" role="separator"></li>
2457
- <li class="pf-v5-c-menu__list-item" role="none">
2472
+ <li class="pf-v5-c-menu__list-item" role="group">
2458
2473
  <button
2459
2474
  class="pf-v5-c-menu__item"
2460
2475
  type="button"
@@ -2467,7 +2482,7 @@ cssPrefix: pf-v5-c-menu
2467
2482
  </span>
2468
2483
  </button>
2469
2484
  </li>
2470
- <li class="pf-v5-c-menu__list-item" role="none">
2485
+ <li class="pf-v5-c-menu__list-item" role="group">
2471
2486
  <button
2472
2487
  class="pf-v5-c-menu__item"
2473
2488
  type="button"
@@ -2480,7 +2495,7 @@ cssPrefix: pf-v5-c-menu
2480
2495
  </span>
2481
2496
  </button>
2482
2497
  </li>
2483
- <li class="pf-v5-c-menu__list-item" role="none">
2498
+ <li class="pf-v5-c-menu__list-item" role="group">
2484
2499
  <button
2485
2500
  class="pf-v5-c-menu__item"
2486
2501
  type="button"
@@ -2501,7 +2516,7 @@ cssPrefix: pf-v5-c-menu
2501
2516
  </div>
2502
2517
  </div>
2503
2518
  </li>
2504
- <li class="pf-v5-c-menu__list-item" role="none">
2519
+ <li class="pf-v5-c-menu__list-item" role="group">
2505
2520
  <button
2506
2521
  class="pf-v5-c-menu__item"
2507
2522
  type="button"
@@ -2520,7 +2535,7 @@ cssPrefix: pf-v5-c-menu
2520
2535
  <ul class="pf-v5-c-menu__list" role="menu">
2521
2536
  <li
2522
2537
  class="pf-v5-c-menu__list-item pf-m-drill-up"
2523
- role="none"
2538
+ role="group"
2524
2539
  >
2525
2540
  <button
2526
2541
  class="pf-v5-c-menu__item"
@@ -2536,7 +2551,7 @@ cssPrefix: pf-v5-c-menu
2536
2551
  </button>
2537
2552
  </li>
2538
2553
  <li class="pf-v5-c-divider" role="separator"></li>
2539
- <li class="pf-v5-c-menu__list-item" role="none">
2554
+ <li class="pf-v5-c-menu__list-item" role="group">
2540
2555
  <button
2541
2556
  class="pf-v5-c-menu__item"
2542
2557
  type="button"
@@ -2547,7 +2562,7 @@ cssPrefix: pf-v5-c-menu
2547
2562
  </span>
2548
2563
  </button>
2549
2564
  </li>
2550
- <li class="pf-v5-c-menu__list-item" role="none">
2565
+ <li class="pf-v5-c-menu__list-item" role="group">
2551
2566
  <button
2552
2567
  class="pf-v5-c-menu__item"
2553
2568
  type="button"
@@ -2558,7 +2573,7 @@ cssPrefix: pf-v5-c-menu
2558
2573
  </span>
2559
2574
  </button>
2560
2575
  </li>
2561
- <li class="pf-v5-c-menu__list-item" role="none">
2576
+ <li class="pf-v5-c-menu__list-item" role="group">
2562
2577
  <button
2563
2578
  class="pf-v5-c-menu__item"
2564
2579
  type="button"
@@ -2573,7 +2588,7 @@ cssPrefix: pf-v5-c-menu
2573
2588
  </div>
2574
2589
  </div>
2575
2590
  </li>
2576
- <li class="pf-v5-c-menu__list-item" role="none">
2591
+ <li class="pf-v5-c-menu__list-item" role="group">
2577
2592
  <button
2578
2593
  class="pf-v5-c-menu__item"
2579
2594
  type="button"
@@ -2590,7 +2605,7 @@ cssPrefix: pf-v5-c-menu
2590
2605
  </div>
2591
2606
  </div>
2592
2607
  </li>
2593
- <li class="pf-v5-c-menu__list-item" role="none">
2608
+ <li class="pf-v5-c-menu__list-item" role="group">
2594
2609
  <button
2595
2610
  class="pf-v5-c-menu__item"
2596
2611
  type="button"
@@ -2607,7 +2622,7 @@ cssPrefix: pf-v5-c-menu
2607
2622
  <div class="pf-v5-c-menu">
2608
2623
  <div class="pf-v5-c-menu__content">
2609
2624
  <ul class="pf-v5-c-menu__list" role="menu">
2610
- <li class="pf-v5-c-menu__list-item pf-m-drill-up" role="none">
2625
+ <li class="pf-v5-c-menu__list-item pf-m-drill-up" role="group">
2611
2626
  <button
2612
2627
  class="pf-v5-c-menu__item"
2613
2628
  type="button"
@@ -2622,7 +2637,7 @@ cssPrefix: pf-v5-c-menu
2622
2637
  </button>
2623
2638
  </li>
2624
2639
  <li class="pf-v5-c-divider" role="separator"></li>
2625
- <li class="pf-v5-c-menu__list-item" role="none">
2640
+ <li class="pf-v5-c-menu__list-item" role="group">
2626
2641
  <button
2627
2642
  class="pf-v5-c-menu__item"
2628
2643
  type="button"
@@ -2641,7 +2656,7 @@ cssPrefix: pf-v5-c-menu
2641
2656
  <ul class="pf-v5-c-menu__list" role="menu">
2642
2657
  <li
2643
2658
  class="pf-v5-c-menu__list-item pf-m-drill-up"
2644
- role="none"
2659
+ role="group"
2645
2660
  >
2646
2661
  <button
2647
2662
  class="pf-v5-c-menu__item"
@@ -2657,7 +2672,7 @@ cssPrefix: pf-v5-c-menu
2657
2672
  </button>
2658
2673
  </li>
2659
2674
  <li class="pf-v5-c-divider" role="separator"></li>
2660
- <li class="pf-v5-c-menu__list-item" role="none">
2675
+ <li class="pf-v5-c-menu__list-item" role="group">
2661
2676
  <button
2662
2677
  class="pf-v5-c-menu__item"
2663
2678
  type="button"
@@ -2668,7 +2683,7 @@ cssPrefix: pf-v5-c-menu
2668
2683
  </span>
2669
2684
  </button>
2670
2685
  </li>
2671
- <li class="pf-v5-c-menu__list-item" role="none">
2686
+ <li class="pf-v5-c-menu__list-item" role="group">
2672
2687
  <button
2673
2688
  class="pf-v5-c-menu__item"
2674
2689
  type="button"
@@ -2679,7 +2694,7 @@ cssPrefix: pf-v5-c-menu
2679
2694
  </span>
2680
2695
  </button>
2681
2696
  </li>
2682
- <li class="pf-v5-c-menu__list-item" role="none">
2697
+ <li class="pf-v5-c-menu__list-item" role="group">
2683
2698
  <button
2684
2699
  class="pf-v5-c-menu__item"
2685
2700
  type="button"
@@ -2694,7 +2709,7 @@ cssPrefix: pf-v5-c-menu
2694
2709
  </div>
2695
2710
  </div>
2696
2711
  </li>
2697
- <li class="pf-v5-c-menu__list-item" role="none">
2712
+ <li class="pf-v5-c-menu__list-item" role="group">
2698
2713
  <button
2699
2714
  class="pf-v5-c-menu__item"
2700
2715
  type="button"
@@ -2705,7 +2720,7 @@ cssPrefix: pf-v5-c-menu
2705
2720
  </span>
2706
2721
  </button>
2707
2722
  </li>
2708
- <li class="pf-v5-c-menu__list-item" role="none">
2723
+ <li class="pf-v5-c-menu__list-item" role="group">
2709
2724
  <button
2710
2725
  class="pf-v5-c-menu__item"
2711
2726
  type="button"
@@ -2716,7 +2731,7 @@ cssPrefix: pf-v5-c-menu
2716
2731
  </span>
2717
2732
  </button>
2718
2733
  </li>
2719
- <li class="pf-v5-c-menu__list-item" role="none">
2734
+ <li class="pf-v5-c-menu__list-item" role="group">
2720
2735
  <button
2721
2736
  class="pf-v5-c-menu__item"
2722
2737
  type="button"
@@ -2729,7 +2744,7 @@ cssPrefix: pf-v5-c-menu
2729
2744
  </span>
2730
2745
  </button>
2731
2746
  </li>
2732
- <li class="pf-v5-c-menu__list-item" role="none">
2747
+ <li class="pf-v5-c-menu__list-item" role="group">
2733
2748
  <button
2734
2749
  class="pf-v5-c-menu__item"
2735
2750
  type="button"
@@ -2748,7 +2763,7 @@ cssPrefix: pf-v5-c-menu
2748
2763
  <ul class="pf-v5-c-menu__list" role="menu">
2749
2764
  <li
2750
2765
  class="pf-v5-c-menu__list-item pf-m-drill-up"
2751
- role="none"
2766
+ role="group"
2752
2767
  >
2753
2768
  <button
2754
2769
  class="pf-v5-c-menu__item"
@@ -2766,7 +2781,7 @@ cssPrefix: pf-v5-c-menu
2766
2781
  </button>
2767
2782
  </li>
2768
2783
  <li class="pf-v5-c-divider" role="separator"></li>
2769
- <li class="pf-v5-c-menu__list-item" role="none">
2784
+ <li class="pf-v5-c-menu__list-item" role="group">
2770
2785
  <button
2771
2786
  class="pf-v5-c-menu__item"
2772
2787
  type="button"
@@ -2777,7 +2792,7 @@ cssPrefix: pf-v5-c-menu
2777
2792
  </span>
2778
2793
  </button>
2779
2794
  </li>
2780
- <li class="pf-v5-c-menu__list-item" role="none">
2795
+ <li class="pf-v5-c-menu__list-item" role="group">
2781
2796
  <button
2782
2797
  class="pf-v5-c-menu__item"
2783
2798
  type="button"
@@ -2811,28 +2826,28 @@ cssPrefix: pf-v5-c-menu
2811
2826
  style="--pf-v5-c-menu__content--Height: 193px;"
2812
2827
  >
2813
2828
  <ul class="pf-v5-c-menu__list" role="menu">
2814
- <li class="pf-v5-c-menu__list-item" role="none">
2829
+ <li class="pf-v5-c-menu__list-item" role="group">
2815
2830
  <button class="pf-v5-c-menu__item" type="button" role="menuitem">
2816
2831
  <span class="pf-v5-c-menu__item-main">
2817
2832
  <span class="pf-v5-c-menu__item-text">Start rollout</span>
2818
2833
  </span>
2819
2834
  </button>
2820
2835
  </li>
2821
- <li class="pf-v5-c-menu__list-item" role="none">
2836
+ <li class="pf-v5-c-menu__list-item" role="group">
2822
2837
  <button class="pf-v5-c-menu__item" type="button" role="menuitem">
2823
2838
  <span class="pf-v5-c-menu__item-main">
2824
2839
  <span class="pf-v5-c-menu__item-text">Pause rollout</span>
2825
2840
  </span>
2826
2841
  </button>
2827
2842
  </li>
2828
- <li class="pf-v5-c-menu__list-item" role="none">
2843
+ <li class="pf-v5-c-menu__list-item" role="group">
2829
2844
  <button class="pf-v5-c-menu__item" type="button" role="menuitem">
2830
2845
  <span class="pf-v5-c-menu__item-main">
2831
2846
  <span class="pf-v5-c-menu__item-text">Add storage</span>
2832
2847
  </span>
2833
2848
  </button>
2834
2849
  </li>
2835
- <li class="pf-v5-c-menu__list-item pf-m-current-path" role="none">
2850
+ <li class="pf-v5-c-menu__list-item pf-m-current-path" role="group">
2836
2851
  <button
2837
2852
  class="pf-v5-c-menu__item"
2838
2853
  type="button"
@@ -2849,7 +2864,7 @@ cssPrefix: pf-v5-c-menu
2849
2864
  <div class="pf-v5-c-menu pf-m-drilled-in">
2850
2865
  <div class="pf-v5-c-menu__content">
2851
2866
  <ul class="pf-v5-c-menu__list" role="menu">
2852
- <li class="pf-v5-c-menu__list-item pf-m-drill-up" role="none">
2867
+ <li class="pf-v5-c-menu__list-item pf-m-drill-up" role="group">
2853
2868
  <button
2854
2869
  class="pf-v5-c-menu__item"
2855
2870
  type="button"
@@ -2865,7 +2880,10 @@ cssPrefix: pf-v5-c-menu
2865
2880
  </button>
2866
2881
  </li>
2867
2882
  <li class="pf-v5-c-divider" role="separator"></li>
2868
- <li class="pf-v5-c-menu__list-item pf-m-current-path" role="none">
2883
+ <li
2884
+ class="pf-v5-c-menu__list-item pf-m-current-path"
2885
+ role="group"
2886
+ >
2869
2887
  <button
2870
2888
  class="pf-v5-c-menu__item"
2871
2889
  type="button"
@@ -2884,7 +2902,7 @@ cssPrefix: pf-v5-c-menu
2884
2902
  <ul class="pf-v5-c-menu__list" role="menu">
2885
2903
  <li
2886
2904
  class="pf-v5-c-menu__list-item pf-m-drill-up"
2887
- role="none"
2905
+ role="group"
2888
2906
  >
2889
2907
  <button
2890
2908
  class="pf-v5-c-menu__item"
@@ -2901,7 +2919,7 @@ cssPrefix: pf-v5-c-menu
2901
2919
  </button>
2902
2920
  </li>
2903
2921
  <li class="pf-v5-c-divider" role="separator"></li>
2904
- <li class="pf-v5-c-menu__list-item" role="none">
2922
+ <li class="pf-v5-c-menu__list-item" role="group">
2905
2923
  <button
2906
2924
  class="pf-v5-c-menu__item"
2907
2925
  type="button"
@@ -2912,7 +2930,7 @@ cssPrefix: pf-v5-c-menu
2912
2930
  </span>
2913
2931
  </button>
2914
2932
  </li>
2915
- <li class="pf-v5-c-menu__list-item" role="none">
2933
+ <li class="pf-v5-c-menu__list-item" role="group">
2916
2934
  <button
2917
2935
  class="pf-v5-c-menu__item"
2918
2936
  type="button"
@@ -2923,7 +2941,7 @@ cssPrefix: pf-v5-c-menu
2923
2941
  </span>
2924
2942
  </button>
2925
2943
  </li>
2926
- <li class="pf-v5-c-menu__list-item" role="none">
2944
+ <li class="pf-v5-c-menu__list-item" role="group">
2927
2945
  <button
2928
2946
  class="pf-v5-c-menu__item"
2929
2947
  type="button"
@@ -2936,7 +2954,7 @@ cssPrefix: pf-v5-c-menu
2936
2954
  </li>
2937
2955
  <li
2938
2956
  class="pf-v5-c-menu__list-item pf-m-current-path"
2939
- role="none"
2957
+ role="group"
2940
2958
  >
2941
2959
  <button
2942
2960
  class="pf-v5-c-menu__item"
@@ -2958,7 +2976,7 @@ cssPrefix: pf-v5-c-menu
2958
2976
  <ul class="pf-v5-c-menu__list" role="menu">
2959
2977
  <li
2960
2978
  class="pf-v5-c-menu__list-item pf-m-drill-up"
2961
- role="none"
2979
+ role="group"
2962
2980
  >
2963
2981
  <button
2964
2982
  class="pf-v5-c-menu__item"
@@ -2979,7 +2997,7 @@ cssPrefix: pf-v5-c-menu
2979
2997
  </button>
2980
2998
  </li>
2981
2999
  <li class="pf-v5-c-divider" role="separator"></li>
2982
- <li class="pf-v5-c-menu__list-item" role="none">
3000
+ <li class="pf-v5-c-menu__list-item" role="group">
2983
3001
  <button
2984
3002
  class="pf-v5-c-menu__item"
2985
3003
  type="button"
@@ -2992,7 +3010,7 @@ cssPrefix: pf-v5-c-menu
2992
3010
  </span>
2993
3011
  </button>
2994
3012
  </li>
2995
- <li class="pf-v5-c-menu__list-item" role="none">
3013
+ <li class="pf-v5-c-menu__list-item" role="group">
2996
3014
  <button
2997
3015
  class="pf-v5-c-menu__item"
2998
3016
  type="button"
@@ -3005,7 +3023,7 @@ cssPrefix: pf-v5-c-menu
3005
3023
  </span>
3006
3024
  </button>
3007
3025
  </li>
3008
- <li class="pf-v5-c-menu__list-item" role="none">
3026
+ <li class="pf-v5-c-menu__list-item" role="group">
3009
3027
  <button
3010
3028
  class="pf-v5-c-menu__item"
3011
3029
  type="button"
@@ -3026,7 +3044,7 @@ cssPrefix: pf-v5-c-menu
3026
3044
  </div>
3027
3045
  </div>
3028
3046
  </li>
3029
- <li class="pf-v5-c-menu__list-item" role="none">
3047
+ <li class="pf-v5-c-menu__list-item" role="group">
3030
3048
  <button
3031
3049
  class="pf-v5-c-menu__item"
3032
3050
  type="button"
@@ -3045,7 +3063,7 @@ cssPrefix: pf-v5-c-menu
3045
3063
  <ul class="pf-v5-c-menu__list" role="menu">
3046
3064
  <li
3047
3065
  class="pf-v5-c-menu__list-item pf-m-drill-up"
3048
- role="none"
3066
+ role="group"
3049
3067
  >
3050
3068
  <button
3051
3069
  class="pf-v5-c-menu__item"
@@ -3061,7 +3079,7 @@ cssPrefix: pf-v5-c-menu
3061
3079
  </button>
3062
3080
  </li>
3063
3081
  <li class="pf-v5-c-divider" role="separator"></li>
3064
- <li class="pf-v5-c-menu__list-item" role="none">
3082
+ <li class="pf-v5-c-menu__list-item" role="group">
3065
3083
  <button
3066
3084
  class="pf-v5-c-menu__item"
3067
3085
  type="button"
@@ -3072,7 +3090,7 @@ cssPrefix: pf-v5-c-menu
3072
3090
  </span>
3073
3091
  </button>
3074
3092
  </li>
3075
- <li class="pf-v5-c-menu__list-item" role="none">
3093
+ <li class="pf-v5-c-menu__list-item" role="group">
3076
3094
  <button
3077
3095
  class="pf-v5-c-menu__item"
3078
3096
  type="button"
@@ -3083,7 +3101,7 @@ cssPrefix: pf-v5-c-menu
3083
3101
  </span>
3084
3102
  </button>
3085
3103
  </li>
3086
- <li class="pf-v5-c-menu__list-item" role="none">
3104
+ <li class="pf-v5-c-menu__list-item" role="group">
3087
3105
  <button
3088
3106
  class="pf-v5-c-menu__item"
3089
3107
  type="button"
@@ -3098,7 +3116,7 @@ cssPrefix: pf-v5-c-menu
3098
3116
  </div>
3099
3117
  </div>
3100
3118
  </li>
3101
- <li class="pf-v5-c-menu__list-item" role="none">
3119
+ <li class="pf-v5-c-menu__list-item" role="group">
3102
3120
  <button
3103
3121
  class="pf-v5-c-menu__item"
3104
3122
  type="button"
@@ -3115,7 +3133,7 @@ cssPrefix: pf-v5-c-menu
3115
3133
  </div>
3116
3134
  </div>
3117
3135
  </li>
3118
- <li class="pf-v5-c-menu__list-item" role="none">
3136
+ <li class="pf-v5-c-menu__list-item" role="group">
3119
3137
  <button
3120
3138
  class="pf-v5-c-menu__item"
3121
3139
  type="button"
@@ -3132,7 +3150,7 @@ cssPrefix: pf-v5-c-menu
3132
3150
  <div class="pf-v5-c-menu">
3133
3151
  <div class="pf-v5-c-menu__content">
3134
3152
  <ul class="pf-v5-c-menu__list" role="menu">
3135
- <li class="pf-v5-c-menu__list-item pf-m-drill-up" role="none">
3153
+ <li class="pf-v5-c-menu__list-item pf-m-drill-up" role="group">
3136
3154
  <button
3137
3155
  class="pf-v5-c-menu__item"
3138
3156
  type="button"
@@ -3147,7 +3165,7 @@ cssPrefix: pf-v5-c-menu
3147
3165
  </button>
3148
3166
  </li>
3149
3167
  <li class="pf-v5-c-divider" role="separator"></li>
3150
- <li class="pf-v5-c-menu__list-item" role="none">
3168
+ <li class="pf-v5-c-menu__list-item" role="group">
3151
3169
  <button
3152
3170
  class="pf-v5-c-menu__item"
3153
3171
  type="button"
@@ -3166,7 +3184,7 @@ cssPrefix: pf-v5-c-menu
3166
3184
  <ul class="pf-v5-c-menu__list" role="menu">
3167
3185
  <li
3168
3186
  class="pf-v5-c-menu__list-item pf-m-drill-up"
3169
- role="none"
3187
+ role="group"
3170
3188
  >
3171
3189
  <button
3172
3190
  class="pf-v5-c-menu__item"
@@ -3182,7 +3200,7 @@ cssPrefix: pf-v5-c-menu
3182
3200
  </button>
3183
3201
  </li>
3184
3202
  <li class="pf-v5-c-divider" role="separator"></li>
3185
- <li class="pf-v5-c-menu__list-item" role="none">
3203
+ <li class="pf-v5-c-menu__list-item" role="group">
3186
3204
  <button
3187
3205
  class="pf-v5-c-menu__item"
3188
3206
  type="button"
@@ -3193,7 +3211,7 @@ cssPrefix: pf-v5-c-menu
3193
3211
  </span>
3194
3212
  </button>
3195
3213
  </li>
3196
- <li class="pf-v5-c-menu__list-item" role="none">
3214
+ <li class="pf-v5-c-menu__list-item" role="group">
3197
3215
  <button
3198
3216
  class="pf-v5-c-menu__item"
3199
3217
  type="button"
@@ -3204,7 +3222,7 @@ cssPrefix: pf-v5-c-menu
3204
3222
  </span>
3205
3223
  </button>
3206
3224
  </li>
3207
- <li class="pf-v5-c-menu__list-item" role="none">
3225
+ <li class="pf-v5-c-menu__list-item" role="group">
3208
3226
  <button
3209
3227
  class="pf-v5-c-menu__item"
3210
3228
  type="button"
@@ -3219,7 +3237,7 @@ cssPrefix: pf-v5-c-menu
3219
3237
  </div>
3220
3238
  </div>
3221
3239
  </li>
3222
- <li class="pf-v5-c-menu__list-item" role="none">
3240
+ <li class="pf-v5-c-menu__list-item" role="group">
3223
3241
  <button
3224
3242
  class="pf-v5-c-menu__item"
3225
3243
  type="button"
@@ -3230,7 +3248,7 @@ cssPrefix: pf-v5-c-menu
3230
3248
  </span>
3231
3249
  </button>
3232
3250
  </li>
3233
- <li class="pf-v5-c-menu__list-item" role="none">
3251
+ <li class="pf-v5-c-menu__list-item" role="group">
3234
3252
  <button
3235
3253
  class="pf-v5-c-menu__item"
3236
3254
  type="button"
@@ -3241,7 +3259,7 @@ cssPrefix: pf-v5-c-menu
3241
3259
  </span>
3242
3260
  </button>
3243
3261
  </li>
3244
- <li class="pf-v5-c-menu__list-item" role="none">
3262
+ <li class="pf-v5-c-menu__list-item" role="group">
3245
3263
  <button
3246
3264
  class="pf-v5-c-menu__item"
3247
3265
  type="button"
@@ -3254,7 +3272,7 @@ cssPrefix: pf-v5-c-menu
3254
3272
  </span>
3255
3273
  </button>
3256
3274
  </li>
3257
- <li class="pf-v5-c-menu__list-item" role="none">
3275
+ <li class="pf-v5-c-menu__list-item" role="group">
3258
3276
  <button
3259
3277
  class="pf-v5-c-menu__item"
3260
3278
  type="button"
@@ -3273,7 +3291,7 @@ cssPrefix: pf-v5-c-menu
3273
3291
  <ul class="pf-v5-c-menu__list" role="menu">
3274
3292
  <li
3275
3293
  class="pf-v5-c-menu__list-item pf-m-drill-up"
3276
- role="none"
3294
+ role="group"
3277
3295
  >
3278
3296
  <button
3279
3297
  class="pf-v5-c-menu__item"
@@ -3291,7 +3309,7 @@ cssPrefix: pf-v5-c-menu
3291
3309
  </button>
3292
3310
  </li>
3293
3311
  <li class="pf-v5-c-divider" role="separator"></li>
3294
- <li class="pf-v5-c-menu__list-item" role="none">
3312
+ <li class="pf-v5-c-menu__list-item" role="group">
3295
3313
  <button
3296
3314
  class="pf-v5-c-menu__item"
3297
3315
  type="button"
@@ -3302,7 +3320,7 @@ cssPrefix: pf-v5-c-menu
3302
3320
  </span>
3303
3321
  </button>
3304
3322
  </li>
3305
- <li class="pf-v5-c-menu__list-item" role="none">
3323
+ <li class="pf-v5-c-menu__list-item" role="group">
3306
3324
  <button
3307
3325
  class="pf-v5-c-menu__item"
3308
3326
  type="button"
@@ -3336,28 +3354,28 @@ cssPrefix: pf-v5-c-menu
3336
3354
  >
3337
3355
  <div class="pf-v5-c-menu__content">
3338
3356
  <ul class="pf-v5-c-menu__list" role="menu">
3339
- <li class="pf-v5-c-menu__list-item" role="none">
3357
+ <li class="pf-v5-c-menu__list-item" role="group">
3340
3358
  <button class="pf-v5-c-menu__item" type="button" role="menuitem">
3341
3359
  <span class="pf-v5-c-menu__item-main">
3342
3360
  <span class="pf-v5-c-menu__item-text">Start rollout</span>
3343
3361
  </span>
3344
3362
  </button>
3345
3363
  </li>
3346
- <li class="pf-v5-c-menu__list-item" role="none">
3364
+ <li class="pf-v5-c-menu__list-item" role="group">
3347
3365
  <button class="pf-v5-c-menu__item" type="button" role="menuitem">
3348
3366
  <span class="pf-v5-c-menu__item-main">
3349
3367
  <span class="pf-v5-c-menu__item-text">Pause rollout</span>
3350
3368
  </span>
3351
3369
  </button>
3352
3370
  </li>
3353
- <li class="pf-v5-c-menu__list-item" role="none">
3371
+ <li class="pf-v5-c-menu__list-item" role="group">
3354
3372
  <button class="pf-v5-c-menu__item" type="button" role="menuitem">
3355
3373
  <span class="pf-v5-c-menu__item-main">
3356
3374
  <span class="pf-v5-c-menu__item-text">Add storage</span>
3357
3375
  </span>
3358
3376
  </button>
3359
3377
  </li>
3360
- <li class="pf-v5-c-menu__list-item" role="none">
3378
+ <li class="pf-v5-c-menu__list-item" role="group">
3361
3379
  <button
3362
3380
  class="pf-v5-c-menu__item"
3363
3381
  type="button"
@@ -3374,7 +3392,7 @@ cssPrefix: pf-v5-c-menu
3374
3392
  <div class="pf-v5-c-menu">
3375
3393
  <div class="pf-v5-c-menu__content">
3376
3394
  <ul class="pf-v5-c-menu__list" role="menu">
3377
- <li class="pf-v5-c-menu__list-item pf-m-drill-up" role="none">
3395
+ <li class="pf-v5-c-menu__list-item pf-m-drill-up" role="group">
3378
3396
  <button
3379
3397
  class="pf-v5-c-menu__item"
3380
3398
  type="button"
@@ -3390,7 +3408,7 @@ cssPrefix: pf-v5-c-menu
3390
3408
  </button>
3391
3409
  </li>
3392
3410
  <li class="pf-v5-c-divider" role="separator"></li>
3393
- <li class="pf-v5-c-menu__list-item" role="none">
3411
+ <li class="pf-v5-c-menu__list-item" role="group">
3394
3412
  <button
3395
3413
  class="pf-v5-c-menu__item"
3396
3414
  type="button"
@@ -3409,7 +3427,7 @@ cssPrefix: pf-v5-c-menu
3409
3427
  <ul class="pf-v5-c-menu__list" role="menu">
3410
3428
  <li
3411
3429
  class="pf-v5-c-menu__list-item pf-m-drill-up"
3412
- role="none"
3430
+ role="group"
3413
3431
  >
3414
3432
  <button
3415
3433
  class="pf-v5-c-menu__item"
@@ -3426,7 +3444,7 @@ cssPrefix: pf-v5-c-menu
3426
3444
  </button>
3427
3445
  </li>
3428
3446
  <li class="pf-v5-c-divider" role="separator"></li>
3429
- <li class="pf-v5-c-menu__list-item" role="none">
3447
+ <li class="pf-v5-c-menu__list-item" role="group">
3430
3448
  <button
3431
3449
  class="pf-v5-c-menu__item"
3432
3450
  type="button"
@@ -3437,7 +3455,7 @@ cssPrefix: pf-v5-c-menu
3437
3455
  </span>
3438
3456
  </button>
3439
3457
  </li>
3440
- <li class="pf-v5-c-menu__list-item" role="none">
3458
+ <li class="pf-v5-c-menu__list-item" role="group">
3441
3459
  <button
3442
3460
  class="pf-v5-c-menu__item"
3443
3461
  type="button"
@@ -3448,7 +3466,7 @@ cssPrefix: pf-v5-c-menu
3448
3466
  </span>
3449
3467
  </button>
3450
3468
  </li>
3451
- <li class="pf-v5-c-menu__list-item" role="none">
3469
+ <li class="pf-v5-c-menu__list-item" role="group">
3452
3470
  <button
3453
3471
  class="pf-v5-c-menu__item"
3454
3472
  type="button"
@@ -3459,7 +3477,7 @@ cssPrefix: pf-v5-c-menu
3459
3477
  </span>
3460
3478
  </button>
3461
3479
  </li>
3462
- <li class="pf-v5-c-menu__list-item" role="none">
3480
+ <li class="pf-v5-c-menu__list-item" role="group">
3463
3481
  <button
3464
3482
  class="pf-v5-c-menu__item"
3465
3483
  type="button"
@@ -3480,7 +3498,7 @@ cssPrefix: pf-v5-c-menu
3480
3498
  <ul class="pf-v5-c-menu__list" role="menu">
3481
3499
  <li
3482
3500
  class="pf-v5-c-menu__list-item pf-m-drill-up"
3483
- role="none"
3501
+ role="group"
3484
3502
  >
3485
3503
  <button
3486
3504
  class="pf-v5-c-menu__item"
@@ -3501,7 +3519,7 @@ cssPrefix: pf-v5-c-menu
3501
3519
  </button>
3502
3520
  </li>
3503
3521
  <li class="pf-v5-c-divider" role="separator"></li>
3504
- <li class="pf-v5-c-menu__list-item" role="none">
3522
+ <li class="pf-v5-c-menu__list-item" role="group">
3505
3523
  <button
3506
3524
  class="pf-v5-c-menu__item"
3507
3525
  type="button"
@@ -3514,7 +3532,7 @@ cssPrefix: pf-v5-c-menu
3514
3532
  </span>
3515
3533
  </button>
3516
3534
  </li>
3517
- <li class="pf-v5-c-menu__list-item" role="none">
3535
+ <li class="pf-v5-c-menu__list-item" role="group">
3518
3536
  <button
3519
3537
  class="pf-v5-c-menu__item"
3520
3538
  type="button"
@@ -3527,7 +3545,7 @@ cssPrefix: pf-v5-c-menu
3527
3545
  </span>
3528
3546
  </button>
3529
3547
  </li>
3530
- <li class="pf-v5-c-menu__list-item" role="none">
3548
+ <li class="pf-v5-c-menu__list-item" role="group">
3531
3549
  <button
3532
3550
  class="pf-v5-c-menu__item"
3533
3551
  type="button"
@@ -3548,7 +3566,7 @@ cssPrefix: pf-v5-c-menu
3548
3566
  </div>
3549
3567
  </div>
3550
3568
  </li>
3551
- <li class="pf-v5-c-menu__list-item" role="none">
3569
+ <li class="pf-v5-c-menu__list-item" role="group">
3552
3570
  <button
3553
3571
  class="pf-v5-c-menu__item"
3554
3572
  type="button"
@@ -3567,7 +3585,7 @@ cssPrefix: pf-v5-c-menu
3567
3585
  <ul class="pf-v5-c-menu__list" role="menu">
3568
3586
  <li
3569
3587
  class="pf-v5-c-menu__list-item pf-m-drill-up"
3570
- role="none"
3588
+ role="group"
3571
3589
  >
3572
3590
  <button
3573
3591
  class="pf-v5-c-menu__item"
@@ -3583,7 +3601,7 @@ cssPrefix: pf-v5-c-menu
3583
3601
  </button>
3584
3602
  </li>
3585
3603
  <li class="pf-v5-c-divider" role="separator"></li>
3586
- <li class="pf-v5-c-menu__list-item" role="none">
3604
+ <li class="pf-v5-c-menu__list-item" role="group">
3587
3605
  <button
3588
3606
  class="pf-v5-c-menu__item"
3589
3607
  type="button"
@@ -3594,7 +3612,7 @@ cssPrefix: pf-v5-c-menu
3594
3612
  </span>
3595
3613
  </button>
3596
3614
  </li>
3597
- <li class="pf-v5-c-menu__list-item" role="none">
3615
+ <li class="pf-v5-c-menu__list-item" role="group">
3598
3616
  <button
3599
3617
  class="pf-v5-c-menu__item"
3600
3618
  type="button"
@@ -3605,7 +3623,7 @@ cssPrefix: pf-v5-c-menu
3605
3623
  </span>
3606
3624
  </button>
3607
3625
  </li>
3608
- <li class="pf-v5-c-menu__list-item" role="none">
3626
+ <li class="pf-v5-c-menu__list-item" role="group">
3609
3627
  <button
3610
3628
  class="pf-v5-c-menu__item"
3611
3629
  type="button"
@@ -3620,7 +3638,7 @@ cssPrefix: pf-v5-c-menu
3620
3638
  </div>
3621
3639
  </div>
3622
3640
  </li>
3623
- <li class="pf-v5-c-menu__list-item" role="none">
3641
+ <li class="pf-v5-c-menu__list-item" role="group">
3624
3642
  <button
3625
3643
  class="pf-v5-c-menu__item"
3626
3644
  type="button"
@@ -3637,7 +3655,7 @@ cssPrefix: pf-v5-c-menu
3637
3655
  </div>
3638
3656
  </div>
3639
3657
  </li>
3640
- <li class="pf-v5-c-menu__list-item" role="none">
3658
+ <li class="pf-v5-c-menu__list-item" role="group">
3641
3659
  <button
3642
3660
  class="pf-v5-c-menu__item"
3643
3661
  type="button"
@@ -3654,7 +3672,7 @@ cssPrefix: pf-v5-c-menu
3654
3672
  <div class="pf-v5-c-menu">
3655
3673
  <div class="pf-v5-c-menu__content">
3656
3674
  <ul class="pf-v5-c-menu__list" role="menu">
3657
- <li class="pf-v5-c-menu__list-item pf-m-drill-up" role="none">
3675
+ <li class="pf-v5-c-menu__list-item pf-m-drill-up" role="group">
3658
3676
  <button
3659
3677
  class="pf-v5-c-menu__item"
3660
3678
  type="button"
@@ -3669,7 +3687,7 @@ cssPrefix: pf-v5-c-menu
3669
3687
  </button>
3670
3688
  </li>
3671
3689
  <li class="pf-v5-c-divider" role="separator"></li>
3672
- <li class="pf-v5-c-menu__list-item" role="none">
3690
+ <li class="pf-v5-c-menu__list-item" role="group">
3673
3691
  <button
3674
3692
  class="pf-v5-c-menu__item"
3675
3693
  type="button"
@@ -3688,7 +3706,7 @@ cssPrefix: pf-v5-c-menu
3688
3706
  <ul class="pf-v5-c-menu__list" role="menu">
3689
3707
  <li
3690
3708
  class="pf-v5-c-menu__list-item pf-m-drill-up"
3691
- role="none"
3709
+ role="group"
3692
3710
  >
3693
3711
  <button
3694
3712
  class="pf-v5-c-menu__item"
@@ -3704,7 +3722,7 @@ cssPrefix: pf-v5-c-menu
3704
3722
  </button>
3705
3723
  </li>
3706
3724
  <li class="pf-v5-c-divider" role="separator"></li>
3707
- <li class="pf-v5-c-menu__list-item" role="none">
3725
+ <li class="pf-v5-c-menu__list-item" role="group">
3708
3726
  <button
3709
3727
  class="pf-v5-c-menu__item"
3710
3728
  type="button"
@@ -3715,7 +3733,7 @@ cssPrefix: pf-v5-c-menu
3715
3733
  </span>
3716
3734
  </button>
3717
3735
  </li>
3718
- <li class="pf-v5-c-menu__list-item" role="none">
3736
+ <li class="pf-v5-c-menu__list-item" role="group">
3719
3737
  <button
3720
3738
  class="pf-v5-c-menu__item"
3721
3739
  type="button"
@@ -3726,7 +3744,7 @@ cssPrefix: pf-v5-c-menu
3726
3744
  </span>
3727
3745
  </button>
3728
3746
  </li>
3729
- <li class="pf-v5-c-menu__list-item" role="none">
3747
+ <li class="pf-v5-c-menu__list-item" role="group">
3730
3748
  <button
3731
3749
  class="pf-v5-c-menu__item"
3732
3750
  type="button"
@@ -3741,7 +3759,7 @@ cssPrefix: pf-v5-c-menu
3741
3759
  </div>
3742
3760
  </div>
3743
3761
  </li>
3744
- <li class="pf-v5-c-menu__list-item" role="none">
3762
+ <li class="pf-v5-c-menu__list-item" role="group">
3745
3763
  <button
3746
3764
  class="pf-v5-c-menu__item"
3747
3765
  type="button"
@@ -3752,7 +3770,7 @@ cssPrefix: pf-v5-c-menu
3752
3770
  </span>
3753
3771
  </button>
3754
3772
  </li>
3755
- <li class="pf-v5-c-menu__list-item" role="none">
3773
+ <li class="pf-v5-c-menu__list-item" role="group">
3756
3774
  <button
3757
3775
  class="pf-v5-c-menu__item"
3758
3776
  type="button"
@@ -3763,7 +3781,7 @@ cssPrefix: pf-v5-c-menu
3763
3781
  </span>
3764
3782
  </button>
3765
3783
  </li>
3766
- <li class="pf-v5-c-menu__list-item" role="none">
3784
+ <li class="pf-v5-c-menu__list-item" role="group">
3767
3785
  <button
3768
3786
  class="pf-v5-c-menu__item"
3769
3787
  type="button"
@@ -3776,7 +3794,7 @@ cssPrefix: pf-v5-c-menu
3776
3794
  </span>
3777
3795
  </button>
3778
3796
  </li>
3779
- <li class="pf-v5-c-menu__list-item" role="none">
3797
+ <li class="pf-v5-c-menu__list-item" role="group">
3780
3798
  <button
3781
3799
  class="pf-v5-c-menu__item"
3782
3800
  type="button"
@@ -3795,7 +3813,7 @@ cssPrefix: pf-v5-c-menu
3795
3813
  <ul class="pf-v5-c-menu__list" role="menu">
3796
3814
  <li
3797
3815
  class="pf-v5-c-menu__list-item pf-m-drill-up"
3798
- role="none"
3816
+ role="group"
3799
3817
  >
3800
3818
  <button
3801
3819
  class="pf-v5-c-menu__item"
@@ -3813,7 +3831,7 @@ cssPrefix: pf-v5-c-menu
3813
3831
  </button>
3814
3832
  </li>
3815
3833
  <li class="pf-v5-c-divider" role="separator"></li>
3816
- <li class="pf-v5-c-menu__list-item" role="none">
3834
+ <li class="pf-v5-c-menu__list-item" role="group">
3817
3835
  <button
3818
3836
  class="pf-v5-c-menu__item"
3819
3837
  type="button"
@@ -3824,7 +3842,7 @@ cssPrefix: pf-v5-c-menu
3824
3842
  </span>
3825
3843
  </button>
3826
3844
  </li>
3827
- <li class="pf-v5-c-menu__list-item" role="none">
3845
+ <li class="pf-v5-c-menu__list-item" role="group">
3828
3846
  <button
3829
3847
  class="pf-v5-c-menu__item"
3830
3848
  type="button"
@@ -3855,28 +3873,28 @@ cssPrefix: pf-v5-c-menu
3855
3873
  <div class="pf-v5-c-menu pf-m-drilldown" style="--pf-v5-c-menu--Width: 350px;">
3856
3874
  <div class="pf-v5-c-menu__content">
3857
3875
  <ul class="pf-v5-c-menu__list" role="menu">
3858
- <li class="pf-v5-c-menu__list-item" role="none">
3876
+ <li class="pf-v5-c-menu__list-item" role="group">
3859
3877
  <button class="pf-v5-c-menu__item" type="button" role="menuitem">
3860
3878
  <span class="pf-v5-c-menu__item-main">
3861
3879
  <span class="pf-v5-c-menu__item-text">Start rollout</span>
3862
3880
  </span>
3863
3881
  </button>
3864
3882
  </li>
3865
- <li class="pf-v5-c-menu__list-item" role="none">
3883
+ <li class="pf-v5-c-menu__list-item" role="group">
3866
3884
  <button class="pf-v5-c-menu__item" type="button" role="menuitem">
3867
3885
  <span class="pf-v5-c-menu__item-main">
3868
3886
  <span class="pf-v5-c-menu__item-text">Pause rollout</span>
3869
3887
  </span>
3870
3888
  </button>
3871
3889
  </li>
3872
- <li class="pf-v5-c-menu__list-item" role="none">
3890
+ <li class="pf-v5-c-menu__list-item" role="group">
3873
3891
  <button class="pf-v5-c-menu__item" type="button" role="menuitem">
3874
3892
  <span class="pf-v5-c-menu__item-main">
3875
3893
  <span class="pf-v5-c-menu__item-text">Add storage</span>
3876
3894
  </span>
3877
3895
  </button>
3878
3896
  </li>
3879
- <li class="pf-v5-c-menu__list-item" role="none">
3897
+ <li class="pf-v5-c-menu__list-item" role="group">
3880
3898
  <button
3881
3899
  class="pf-v5-c-menu__item"
3882
3900
  type="button"
@@ -3893,7 +3911,7 @@ cssPrefix: pf-v5-c-menu
3893
3911
  <div class="pf-v5-c-menu">
3894
3912
  <div class="pf-v5-c-menu__content">
3895
3913
  <ul class="pf-v5-c-menu__list" role="menu">
3896
- <li class="pf-v5-c-menu__list-item pf-m-drill-up" role="none">
3914
+ <li class="pf-v5-c-menu__list-item pf-m-drill-up" role="group">
3897
3915
  <button
3898
3916
  class="pf-v5-c-menu__item"
3899
3917
  type="button"
@@ -3909,7 +3927,7 @@ cssPrefix: pf-v5-c-menu
3909
3927
  </button>
3910
3928
  </li>
3911
3929
  <li class="pf-v5-c-divider" role="separator"></li>
3912
- <li class="pf-v5-c-menu__list-item" role="none">
3930
+ <li class="pf-v5-c-menu__list-item" role="group">
3913
3931
  <button
3914
3932
  class="pf-v5-c-menu__item"
3915
3933
  type="button"
@@ -3928,7 +3946,7 @@ cssPrefix: pf-v5-c-menu
3928
3946
  <ul class="pf-v5-c-menu__list" role="menu">
3929
3947
  <li
3930
3948
  class="pf-v5-c-menu__list-item pf-m-drill-up"
3931
- role="none"
3949
+ role="group"
3932
3950
  >
3933
3951
  <button
3934
3952
  class="pf-v5-c-menu__item"
@@ -3945,7 +3963,7 @@ cssPrefix: pf-v5-c-menu
3945
3963
  </button>
3946
3964
  </li>
3947
3965
  <li class="pf-v5-c-divider" role="separator"></li>
3948
- <li class="pf-v5-c-menu__list-item" role="none">
3966
+ <li class="pf-v5-c-menu__list-item" role="group">
3949
3967
  <button
3950
3968
  class="pf-v5-c-menu__item"
3951
3969
  type="button"
@@ -3956,7 +3974,7 @@ cssPrefix: pf-v5-c-menu
3956
3974
  </span>
3957
3975
  </button>
3958
3976
  </li>
3959
- <li class="pf-v5-c-menu__list-item" role="none">
3977
+ <li class="pf-v5-c-menu__list-item" role="group">
3960
3978
  <button
3961
3979
  class="pf-v5-c-menu__item"
3962
3980
  type="button"
@@ -3967,7 +3985,7 @@ cssPrefix: pf-v5-c-menu
3967
3985
  </span>
3968
3986
  </button>
3969
3987
  </li>
3970
- <li class="pf-v5-c-menu__list-item" role="none">
3988
+ <li class="pf-v5-c-menu__list-item" role="group">
3971
3989
  <button
3972
3990
  class="pf-v5-c-menu__item"
3973
3991
  type="button"
@@ -3978,7 +3996,7 @@ cssPrefix: pf-v5-c-menu
3978
3996
  </span>
3979
3997
  </button>
3980
3998
  </li>
3981
- <li class="pf-v5-c-menu__list-item" role="none">
3999
+ <li class="pf-v5-c-menu__list-item" role="group">
3982
4000
  <button
3983
4001
  class="pf-v5-c-menu__item"
3984
4002
  type="button"
@@ -3999,7 +4017,7 @@ cssPrefix: pf-v5-c-menu
3999
4017
  <ul class="pf-v5-c-menu__list" role="menu">
4000
4018
  <li
4001
4019
  class="pf-v5-c-menu__list-item pf-m-drill-up"
4002
- role="none"
4020
+ role="group"
4003
4021
  >
4004
4022
  <button
4005
4023
  class="pf-v5-c-menu__item"
@@ -4020,7 +4038,7 @@ cssPrefix: pf-v5-c-menu
4020
4038
  </button>
4021
4039
  </li>
4022
4040
  <li class="pf-v5-c-divider" role="separator"></li>
4023
- <li class="pf-v5-c-menu__list-item" role="none">
4041
+ <li class="pf-v5-c-menu__list-item" role="group">
4024
4042
  <button
4025
4043
  class="pf-v5-c-menu__item"
4026
4044
  type="button"
@@ -4033,7 +4051,7 @@ cssPrefix: pf-v5-c-menu
4033
4051
  </span>
4034
4052
  </button>
4035
4053
  </li>
4036
- <li class="pf-v5-c-menu__list-item" role="none">
4054
+ <li class="pf-v5-c-menu__list-item" role="group">
4037
4055
  <button
4038
4056
  class="pf-v5-c-menu__item"
4039
4057
  type="button"
@@ -4046,7 +4064,7 @@ cssPrefix: pf-v5-c-menu
4046
4064
  </span>
4047
4065
  </button>
4048
4066
  </li>
4049
- <li class="pf-v5-c-menu__list-item" role="none">
4067
+ <li class="pf-v5-c-menu__list-item" role="group">
4050
4068
  <button
4051
4069
  class="pf-v5-c-menu__item"
4052
4070
  type="button"
@@ -4067,7 +4085,7 @@ cssPrefix: pf-v5-c-menu
4067
4085
  </div>
4068
4086
  </div>
4069
4087
  </li>
4070
- <li class="pf-v5-c-menu__list-item" role="none">
4088
+ <li class="pf-v5-c-menu__list-item" role="group">
4071
4089
  <button
4072
4090
  class="pf-v5-c-menu__item"
4073
4091
  type="button"
@@ -4086,7 +4104,7 @@ cssPrefix: pf-v5-c-menu
4086
4104
  <ul class="pf-v5-c-menu__list" role="menu">
4087
4105
  <li
4088
4106
  class="pf-v5-c-menu__list-item pf-m-drill-up"
4089
- role="none"
4107
+ role="group"
4090
4108
  >
4091
4109
  <button
4092
4110
  class="pf-v5-c-menu__item"
@@ -4102,7 +4120,7 @@ cssPrefix: pf-v5-c-menu
4102
4120
  </button>
4103
4121
  </li>
4104
4122
  <li class="pf-v5-c-divider" role="separator"></li>
4105
- <li class="pf-v5-c-menu__list-item" role="none">
4123
+ <li class="pf-v5-c-menu__list-item" role="group">
4106
4124
  <button
4107
4125
  class="pf-v5-c-menu__item"
4108
4126
  type="button"
@@ -4113,7 +4131,7 @@ cssPrefix: pf-v5-c-menu
4113
4131
  </span>
4114
4132
  </button>
4115
4133
  </li>
4116
- <li class="pf-v5-c-menu__list-item" role="none">
4134
+ <li class="pf-v5-c-menu__list-item" role="group">
4117
4135
  <button
4118
4136
  class="pf-v5-c-menu__item"
4119
4137
  type="button"
@@ -4124,7 +4142,7 @@ cssPrefix: pf-v5-c-menu
4124
4142
  </span>
4125
4143
  </button>
4126
4144
  </li>
4127
- <li class="pf-v5-c-menu__list-item" role="none">
4145
+ <li class="pf-v5-c-menu__list-item" role="group">
4128
4146
  <button
4129
4147
  class="pf-v5-c-menu__item"
4130
4148
  type="button"
@@ -4139,7 +4157,7 @@ cssPrefix: pf-v5-c-menu
4139
4157
  </div>
4140
4158
  </div>
4141
4159
  </li>
4142
- <li class="pf-v5-c-menu__list-item" role="none">
4160
+ <li class="pf-v5-c-menu__list-item" role="group">
4143
4161
  <button
4144
4162
  class="pf-v5-c-menu__item"
4145
4163
  type="button"
@@ -4156,7 +4174,7 @@ cssPrefix: pf-v5-c-menu
4156
4174
  </div>
4157
4175
  </div>
4158
4176
  </li>
4159
- <li class="pf-v5-c-menu__list-item" role="none">
4177
+ <li class="pf-v5-c-menu__list-item" role="group">
4160
4178
  <button
4161
4179
  class="pf-v5-c-menu__item"
4162
4180
  type="button"
@@ -4173,7 +4191,7 @@ cssPrefix: pf-v5-c-menu
4173
4191
  <div class="pf-v5-c-menu">
4174
4192
  <div class="pf-v5-c-menu__content">
4175
4193
  <ul class="pf-v5-c-menu__list" role="menu">
4176
- <li class="pf-v5-c-menu__list-item pf-m-drill-up" role="none">
4194
+ <li class="pf-v5-c-menu__list-item pf-m-drill-up" role="group">
4177
4195
  <button
4178
4196
  class="pf-v5-c-menu__item"
4179
4197
  type="button"
@@ -4188,7 +4206,7 @@ cssPrefix: pf-v5-c-menu
4188
4206
  </button>
4189
4207
  </li>
4190
4208
  <li class="pf-v5-c-divider" role="separator"></li>
4191
- <li class="pf-v5-c-menu__list-item" role="none">
4209
+ <li class="pf-v5-c-menu__list-item" role="group">
4192
4210
  <button
4193
4211
  class="pf-v5-c-menu__item"
4194
4212
  type="button"
@@ -4207,7 +4225,7 @@ cssPrefix: pf-v5-c-menu
4207
4225
  <ul class="pf-v5-c-menu__list" role="menu">
4208
4226
  <li
4209
4227
  class="pf-v5-c-menu__list-item pf-m-drill-up"
4210
- role="none"
4228
+ role="group"
4211
4229
  >
4212
4230
  <button
4213
4231
  class="pf-v5-c-menu__item"
@@ -4223,7 +4241,7 @@ cssPrefix: pf-v5-c-menu
4223
4241
  </button>
4224
4242
  </li>
4225
4243
  <li class="pf-v5-c-divider" role="separator"></li>
4226
- <li class="pf-v5-c-menu__list-item" role="none">
4244
+ <li class="pf-v5-c-menu__list-item" role="group">
4227
4245
  <button
4228
4246
  class="pf-v5-c-menu__item"
4229
4247
  type="button"
@@ -4234,7 +4252,7 @@ cssPrefix: pf-v5-c-menu
4234
4252
  </span>
4235
4253
  </button>
4236
4254
  </li>
4237
- <li class="pf-v5-c-menu__list-item" role="none">
4255
+ <li class="pf-v5-c-menu__list-item" role="group">
4238
4256
  <button
4239
4257
  class="pf-v5-c-menu__item"
4240
4258
  type="button"
@@ -4245,7 +4263,7 @@ cssPrefix: pf-v5-c-menu
4245
4263
  </span>
4246
4264
  </button>
4247
4265
  </li>
4248
- <li class="pf-v5-c-menu__list-item" role="none">
4266
+ <li class="pf-v5-c-menu__list-item" role="group">
4249
4267
  <button
4250
4268
  class="pf-v5-c-menu__item"
4251
4269
  type="button"
@@ -4260,7 +4278,7 @@ cssPrefix: pf-v5-c-menu
4260
4278
  </div>
4261
4279
  </div>
4262
4280
  </li>
4263
- <li class="pf-v5-c-menu__list-item" role="none">
4281
+ <li class="pf-v5-c-menu__list-item" role="group">
4264
4282
  <button
4265
4283
  class="pf-v5-c-menu__item"
4266
4284
  type="button"
@@ -4271,7 +4289,7 @@ cssPrefix: pf-v5-c-menu
4271
4289
  </span>
4272
4290
  </button>
4273
4291
  </li>
4274
- <li class="pf-v5-c-menu__list-item" role="none">
4292
+ <li class="pf-v5-c-menu__list-item" role="group">
4275
4293
  <button
4276
4294
  class="pf-v5-c-menu__item"
4277
4295
  type="button"
@@ -4282,7 +4300,7 @@ cssPrefix: pf-v5-c-menu
4282
4300
  </span>
4283
4301
  </button>
4284
4302
  </li>
4285
- <li class="pf-v5-c-menu__list-item" role="none">
4303
+ <li class="pf-v5-c-menu__list-item" role="group">
4286
4304
  <button
4287
4305
  class="pf-v5-c-menu__item"
4288
4306
  type="button"
@@ -4295,7 +4313,7 @@ cssPrefix: pf-v5-c-menu
4295
4313
  </span>
4296
4314
  </button>
4297
4315
  </li>
4298
- <li class="pf-v5-c-menu__list-item" role="none">
4316
+ <li class="pf-v5-c-menu__list-item" role="group">
4299
4317
  <button
4300
4318
  class="pf-v5-c-menu__item"
4301
4319
  type="button"
@@ -4314,7 +4332,7 @@ cssPrefix: pf-v5-c-menu
4314
4332
  <ul class="pf-v5-c-menu__list" role="menu">
4315
4333
  <li
4316
4334
  class="pf-v5-c-menu__list-item pf-m-drill-up"
4317
- role="none"
4335
+ role="group"
4318
4336
  >
4319
4337
  <button
4320
4338
  class="pf-v5-c-menu__item"
@@ -4332,7 +4350,7 @@ cssPrefix: pf-v5-c-menu
4332
4350
  </button>
4333
4351
  </li>
4334
4352
  <li class="pf-v5-c-divider" role="separator"></li>
4335
- <li class="pf-v5-c-menu__list-item" role="none">
4353
+ <li class="pf-v5-c-menu__list-item" role="group">
4336
4354
  <button
4337
4355
  class="pf-v5-c-menu__item"
4338
4356
  type="button"
@@ -4343,7 +4361,7 @@ cssPrefix: pf-v5-c-menu
4343
4361
  </span>
4344
4362
  </button>
4345
4363
  </li>
4346
- <li class="pf-v5-c-menu__list-item" role="none">
4364
+ <li class="pf-v5-c-menu__list-item" role="group">
4347
4365
  <button
4348
4366
  class="pf-v5-c-menu__item"
4349
4367
  type="button"
@@ -4374,7 +4392,7 @@ cssPrefix: pf-v5-c-menu
4374
4392
  <div class="pf-v5-c-menu pf-m-drilldown">
4375
4393
  <div class="pf-v5-c-menu__content">
4376
4394
  <ul class="pf-v5-c-menu__list" role="menu">
4377
- <li class="pf-v5-c-menu__list-item" role="none">
4395
+ <li class="pf-v5-c-menu__list-item" role="group">
4378
4396
  <button
4379
4397
  class="pf-v5-c-menu__item"
4380
4398
  type="button"
@@ -4391,7 +4409,7 @@ cssPrefix: pf-v5-c-menu
4391
4409
  <div class="pf-v5-c-menu">
4392
4410
  <div class="pf-v5-c-menu__content">
4393
4411
  <ul class="pf-v5-c-menu__list" role="menu">
4394
- <li class="pf-v5-c-menu__list-item" role="none">
4412
+ <li class="pf-v5-c-menu__list-item" role="group">
4395
4413
  <button
4396
4414
  class="pf-v5-c-menu__item"
4397
4415
  type="button"
@@ -4408,7 +4426,7 @@ cssPrefix: pf-v5-c-menu
4408
4426
  <div class="pf-v5-c-menu">
4409
4427
  <div class="pf-v5-c-menu__content">
4410
4428
  <ul class="pf-v5-c-menu__list" role="menu">
4411
- <li class="pf-v5-c-menu__list-item" role="none">
4429
+ <li class="pf-v5-c-menu__list-item" role="group">
4412
4430
  <button
4413
4431
  class="pf-v5-c-menu__item"
4414
4432
  type="button"
@@ -4425,7 +4443,7 @@ cssPrefix: pf-v5-c-menu
4425
4443
  <div class="pf-v5-c-menu">
4426
4444
  <div class="pf-v5-c-menu__content">
4427
4445
  <ul class="pf-v5-c-menu__list" role="menu">
4428
- <li class="pf-v5-c-menu__list-item" role="none">
4446
+ <li class="pf-v5-c-menu__list-item" role="group">
4429
4447
  <button
4430
4448
  class="pf-v5-c-menu__item"
4431
4449
  type="button"
@@ -4438,7 +4456,7 @@ cssPrefix: pf-v5-c-menu
4438
4456
  </span>
4439
4457
  </button>
4440
4458
  </li>
4441
- <li class="pf-v5-c-menu__list-item" role="none">
4459
+ <li class="pf-v5-c-menu__list-item" role="group">
4442
4460
  <button
4443
4461
  class="pf-v5-c-menu__item"
4444
4462
  type="button"
@@ -4451,7 +4469,7 @@ cssPrefix: pf-v5-c-menu
4451
4469
  </span>
4452
4470
  </button>
4453
4471
  </li>
4454
- <li class="pf-v5-c-menu__list-item" role="none">
4472
+ <li class="pf-v5-c-menu__list-item" role="group">
4455
4473
  <button
4456
4474
  class="pf-v5-c-menu__item"
4457
4475
  type="button"
@@ -4464,7 +4482,7 @@ cssPrefix: pf-v5-c-menu
4464
4482
  </span>
4465
4483
  </button>
4466
4484
  </li>
4467
- <li class="pf-v5-c-menu__list-item" role="none">
4485
+ <li class="pf-v5-c-menu__list-item" role="group">
4468
4486
  <button
4469
4487
  class="pf-v5-c-menu__item"
4470
4488
  type="button"
@@ -4477,7 +4495,7 @@ cssPrefix: pf-v5-c-menu
4477
4495
  </span>
4478
4496
  </button>
4479
4497
  </li>
4480
- <li class="pf-v5-c-menu__list-item" role="none">
4498
+ <li class="pf-v5-c-menu__list-item" role="group">
4481
4499
  <button
4482
4500
  class="pf-v5-c-menu__item"
4483
4501
  type="button"
@@ -4494,7 +4512,7 @@ cssPrefix: pf-v5-c-menu
4494
4512
  </div>
4495
4513
  </div>
4496
4514
  </li>
4497
- <li class="pf-v5-c-menu__list-item" role="none">
4515
+ <li class="pf-v5-c-menu__list-item" role="group">
4498
4516
  <button
4499
4517
  class="pf-v5-c-menu__item"
4500
4518
  type="button"
@@ -4505,7 +4523,7 @@ cssPrefix: pf-v5-c-menu
4505
4523
  </span>
4506
4524
  </button>
4507
4525
  </li>
4508
- <li class="pf-v5-c-menu__list-item" role="none">
4526
+ <li class="pf-v5-c-menu__list-item" role="group">
4509
4527
  <button
4510
4528
  class="pf-v5-c-menu__item"
4511
4529
  type="button"
@@ -4520,7 +4538,7 @@ cssPrefix: pf-v5-c-menu
4520
4538
  </div>
4521
4539
  </div>
4522
4540
  </li>
4523
- <li class="pf-v5-c-menu__list-item" role="none">
4541
+ <li class="pf-v5-c-menu__list-item" role="group">
4524
4542
  <button
4525
4543
  class="pf-v5-c-menu__item"
4526
4544
  type="button"
@@ -4535,7 +4553,7 @@ cssPrefix: pf-v5-c-menu
4535
4553
  </div>
4536
4554
  </div>
4537
4555
  </li>
4538
- <li class="pf-v5-c-menu__list-item" role="none">
4556
+ <li class="pf-v5-c-menu__list-item" role="group">
4539
4557
  <button class="pf-v5-c-menu__item" type="button" role="menuitem">
4540
4558
  <span class="pf-v5-c-menu__item-main">
4541
4559
  <span class="pf-v5-c-menu__item-text">Start rollout</span>
@@ -4582,7 +4600,7 @@ cssPrefix: pf-v5-c-menu
4582
4600
  <hr class="pf-v5-c-divider" />
4583
4601
  <div class="pf-v5-c-menu__content">
4584
4602
  <ul class="pf-v5-c-menu__list" role="menu">
4585
- <li class="pf-v5-c-menu__list-item pf-m-current-path" role="none">
4603
+ <li class="pf-v5-c-menu__list-item pf-m-current-path" role="group">
4586
4604
  <button
4587
4605
  class="pf-v5-c-menu__item"
4588
4606
  type="button"
@@ -4599,7 +4617,7 @@ cssPrefix: pf-v5-c-menu
4599
4617
  <div class="pf-v5-c-menu">
4600
4618
  <div class="pf-v5-c-menu__content">
4601
4619
  <ul class="pf-v5-c-menu__list" role="menu">
4602
- <li class="pf-v5-c-menu__list-item" role="none">
4620
+ <li class="pf-v5-c-menu__list-item" role="group">
4603
4621
  <button
4604
4622
  class="pf-v5-c-menu__item"
4605
4623
  type="button"
@@ -4616,7 +4634,7 @@ cssPrefix: pf-v5-c-menu
4616
4634
  <div class="pf-v5-c-menu">
4617
4635
  <div class="pf-v5-c-menu__content">
4618
4636
  <ul class="pf-v5-c-menu__list" role="menu">
4619
- <li class="pf-v5-c-menu__list-item" role="none">
4637
+ <li class="pf-v5-c-menu__list-item" role="group">
4620
4638
  <button
4621
4639
  class="pf-v5-c-menu__item"
4622
4640
  type="button"
@@ -4633,7 +4651,7 @@ cssPrefix: pf-v5-c-menu
4633
4651
  <div class="pf-v5-c-menu">
4634
4652
  <div class="pf-v5-c-menu__content">
4635
4653
  <ul class="pf-v5-c-menu__list" role="menu">
4636
- <li class="pf-v5-c-menu__list-item" role="none">
4654
+ <li class="pf-v5-c-menu__list-item" role="group">
4637
4655
  <button
4638
4656
  class="pf-v5-c-menu__item"
4639
4657
  type="button"
@@ -4646,7 +4664,7 @@ cssPrefix: pf-v5-c-menu
4646
4664
  </span>
4647
4665
  </button>
4648
4666
  </li>
4649
- <li class="pf-v5-c-menu__list-item" role="none">
4667
+ <li class="pf-v5-c-menu__list-item" role="group">
4650
4668
  <button
4651
4669
  class="pf-v5-c-menu__item"
4652
4670
  type="button"
@@ -4659,7 +4677,7 @@ cssPrefix: pf-v5-c-menu
4659
4677
  </span>
4660
4678
  </button>
4661
4679
  </li>
4662
- <li class="pf-v5-c-menu__list-item" role="none">
4680
+ <li class="pf-v5-c-menu__list-item" role="group">
4663
4681
  <button
4664
4682
  class="pf-v5-c-menu__item"
4665
4683
  type="button"
@@ -4672,7 +4690,7 @@ cssPrefix: pf-v5-c-menu
4672
4690
  </span>
4673
4691
  </button>
4674
4692
  </li>
4675
- <li class="pf-v5-c-menu__list-item" role="none">
4693
+ <li class="pf-v5-c-menu__list-item" role="group">
4676
4694
  <button
4677
4695
  class="pf-v5-c-menu__item"
4678
4696
  type="button"
@@ -4685,7 +4703,7 @@ cssPrefix: pf-v5-c-menu
4685
4703
  </span>
4686
4704
  </button>
4687
4705
  </li>
4688
- <li class="pf-v5-c-menu__list-item" role="none">
4706
+ <li class="pf-v5-c-menu__list-item" role="group">
4689
4707
  <button
4690
4708
  class="pf-v5-c-menu__item"
4691
4709
  type="button"
@@ -4702,7 +4720,7 @@ cssPrefix: pf-v5-c-menu
4702
4720
  </div>
4703
4721
  </div>
4704
4722
  </li>
4705
- <li class="pf-v5-c-menu__list-item" role="none">
4723
+ <li class="pf-v5-c-menu__list-item" role="group">
4706
4724
  <button
4707
4725
  class="pf-v5-c-menu__item"
4708
4726
  type="button"
@@ -4713,7 +4731,7 @@ cssPrefix: pf-v5-c-menu
4713
4731
  </span>
4714
4732
  </button>
4715
4733
  </li>
4716
- <li class="pf-v5-c-menu__list-item" role="none">
4734
+ <li class="pf-v5-c-menu__list-item" role="group">
4717
4735
  <button
4718
4736
  class="pf-v5-c-menu__item"
4719
4737
  type="button"
@@ -4728,7 +4746,7 @@ cssPrefix: pf-v5-c-menu
4728
4746
  </div>
4729
4747
  </div>
4730
4748
  </li>
4731
- <li class="pf-v5-c-menu__list-item" role="none">
4749
+ <li class="pf-v5-c-menu__list-item" role="group">
4732
4750
  <button
4733
4751
  class="pf-v5-c-menu__item"
4734
4752
  type="button"
@@ -4743,7 +4761,7 @@ cssPrefix: pf-v5-c-menu
4743
4761
  </div>
4744
4762
  </div>
4745
4763
  </li>
4746
- <li class="pf-v5-c-menu__list-item" role="none">
4764
+ <li class="pf-v5-c-menu__list-item" role="group">
4747
4765
  <button class="pf-v5-c-menu__item" type="button" role="menuitem">
4748
4766
  <span class="pf-v5-c-menu__item-main">
4749
4767
  <span class="pf-v5-c-menu__item-text">Start rollout</span>
@@ -4778,37 +4796,41 @@ cssPrefix: pf-v5-c-menu
4778
4796
  <i class="fas fa-angle-right" aria-hidden="true"></i>
4779
4797
  </span>
4780
4798
  <span class="pf-v5-c-breadcrumb__dropdown">
4781
- <div class="pf-v5-c-dropdown pf-m-expanded">
4782
- <button
4783
- class="pf-v5-c-dropdown__toggle pf-m-plain"
4784
- id="drilldown-with-breadcrumbs-level-3-breadcrumb-breadcrumb-dropdown-button"
4785
- aria-expanded="true"
4786
- type="button"
4787
- >
4788
- <span class="pf-v5-c-badge pf-m-read">
4789
- 1
4790
- <span class="pf-v5-c-dropdown__toggle-icon">
4791
- <i class="fas fa-caret-down" aria-hidden="true"></i>
4792
- </span>
4793
- </span>
4794
- </button>
4795
- <ul
4796
- class="pf-v5-c-dropdown__menu"
4797
- aria-labelledby="drilldown-with-breadcrumbs-level-3-breadcrumb-breadcrumb-dropdown-button"
4798
- role="menu"
4799
- >
4800
- <li role="none">
4801
- <button
4802
- class="pf-v5-c-dropdown__menu-item"
4803
- role="menuitem"
4804
- type="button"
4805
- >
4806
- <span class="pf-v5-c-dropdown__menu-item-icon">
4807
- <i class="fas fa-angle-left" aria-hidden="true"></i>
4808
- </span>Edit
4809
- </button>
4810
- </li>
4811
- </ul>
4799
+ <button
4800
+ class="pf-v5-c-menu-toggle pf-m-plain pf-m-expanded"
4801
+ type="button"
4802
+ aria-expanded="true"
4803
+ >
4804
+ <span class="pf-v5-c-badge pf-m-read">
4805
+ 1
4806
+ <i class="fas fa-caret-down" aria-hidden="true"></i>
4807
+ </span>
4808
+ </button>
4809
+ <div class="pf-v5-c-menu">
4810
+ <div class="pf-v5-c-menu__content">
4811
+ <ul class="pf-v5-c-menu__list" role="menu">
4812
+ <li class="pf-v5-c-menu__list-item" role="group">
4813
+ <button
4814
+ class="pf-v5-c-menu__item"
4815
+ type="button"
4816
+ role="menuitem"
4817
+ >
4818
+ <span class="pf-v5-c-menu__item-main">
4819
+ <span class="pf-v5-c-menu__item-icon">
4820
+ <span class="pf-v5-c-icon">
4821
+ <span
4822
+ class="pf-v5-c-icon__content pf-v5-m-mirror-inline-rtl"
4823
+ >
4824
+ <i class="fas fa-angle-left" aria-hidden="true"></i>
4825
+ </span>
4826
+ </span>
4827
+ </span>
4828
+ <span class="pf-v5-c-menu__item-text">Edit</span>
4829
+ </span>
4830
+ </button>
4831
+ </li>
4832
+ </ul>
4833
+ </div>
4812
4834
  </div>
4813
4835
  </span>
4814
4836
  </li>
@@ -4831,7 +4853,7 @@ cssPrefix: pf-v5-c-menu
4831
4853
  <hr class="pf-v5-c-divider" />
4832
4854
  <div class="pf-v5-c-menu__content">
4833
4855
  <ul class="pf-v5-c-menu__list" role="menu">
4834
- <li class="pf-v5-c-menu__list-item pf-m-current-path" role="none">
4856
+ <li class="pf-v5-c-menu__list-item pf-m-current-path" role="group">
4835
4857
  <button
4836
4858
  class="pf-v5-c-menu__item"
4837
4859
  type="button"
@@ -4848,7 +4870,10 @@ cssPrefix: pf-v5-c-menu
4848
4870
  <div class="pf-v5-c-menu pf-m-drilled-in">
4849
4871
  <div class="pf-v5-c-menu__content">
4850
4872
  <ul class="pf-v5-c-menu__list" role="menu">
4851
- <li class="pf-v5-c-menu__list-item pf-m-current-path" role="none">
4873
+ <li
4874
+ class="pf-v5-c-menu__list-item pf-m-current-path"
4875
+ role="group"
4876
+ >
4852
4877
  <button
4853
4878
  class="pf-v5-c-menu__item"
4854
4879
  type="button"
@@ -4865,7 +4890,7 @@ cssPrefix: pf-v5-c-menu
4865
4890
  <div class="pf-v5-c-menu">
4866
4891
  <div class="pf-v5-c-menu__content">
4867
4892
  <ul class="pf-v5-c-menu__list" role="menu">
4868
- <li class="pf-v5-c-menu__list-item" role="none">
4893
+ <li class="pf-v5-c-menu__list-item" role="group">
4869
4894
  <button
4870
4895
  class="pf-v5-c-menu__item"
4871
4896
  type="button"
@@ -4882,7 +4907,7 @@ cssPrefix: pf-v5-c-menu
4882
4907
  <div class="pf-v5-c-menu">
4883
4908
  <div class="pf-v5-c-menu__content">
4884
4909
  <ul class="pf-v5-c-menu__list" role="menu">
4885
- <li class="pf-v5-c-menu__list-item" role="none">
4910
+ <li class="pf-v5-c-menu__list-item" role="group">
4886
4911
  <button
4887
4912
  class="pf-v5-c-menu__item"
4888
4913
  type="button"
@@ -4895,7 +4920,7 @@ cssPrefix: pf-v5-c-menu
4895
4920
  </span>
4896
4921
  </button>
4897
4922
  </li>
4898
- <li class="pf-v5-c-menu__list-item" role="none">
4923
+ <li class="pf-v5-c-menu__list-item" role="group">
4899
4924
  <button
4900
4925
  class="pf-v5-c-menu__item"
4901
4926
  type="button"
@@ -4908,7 +4933,7 @@ cssPrefix: pf-v5-c-menu
4908
4933
  </span>
4909
4934
  </button>
4910
4935
  </li>
4911
- <li class="pf-v5-c-menu__list-item" role="none">
4936
+ <li class="pf-v5-c-menu__list-item" role="group">
4912
4937
  <button
4913
4938
  class="pf-v5-c-menu__item"
4914
4939
  type="button"
@@ -4921,7 +4946,7 @@ cssPrefix: pf-v5-c-menu
4921
4946
  </span>
4922
4947
  </button>
4923
4948
  </li>
4924
- <li class="pf-v5-c-menu__list-item" role="none">
4949
+ <li class="pf-v5-c-menu__list-item" role="group">
4925
4950
  <button
4926
4951
  class="pf-v5-c-menu__item"
4927
4952
  type="button"
@@ -4934,7 +4959,7 @@ cssPrefix: pf-v5-c-menu
4934
4959
  </span>
4935
4960
  </button>
4936
4961
  </li>
4937
- <li class="pf-v5-c-menu__list-item" role="none">
4962
+ <li class="pf-v5-c-menu__list-item" role="group">
4938
4963
  <button
4939
4964
  class="pf-v5-c-menu__item"
4940
4965
  type="button"
@@ -4951,7 +4976,7 @@ cssPrefix: pf-v5-c-menu
4951
4976
  </div>
4952
4977
  </div>
4953
4978
  </li>
4954
- <li class="pf-v5-c-menu__list-item" role="none">
4979
+ <li class="pf-v5-c-menu__list-item" role="group">
4955
4980
  <button
4956
4981
  class="pf-v5-c-menu__item"
4957
4982
  type="button"
@@ -4962,7 +4987,7 @@ cssPrefix: pf-v5-c-menu
4962
4987
  </span>
4963
4988
  </button>
4964
4989
  </li>
4965
- <li class="pf-v5-c-menu__list-item" role="none">
4990
+ <li class="pf-v5-c-menu__list-item" role="group">
4966
4991
  <button
4967
4992
  class="pf-v5-c-menu__item"
4968
4993
  type="button"
@@ -4977,7 +5002,7 @@ cssPrefix: pf-v5-c-menu
4977
5002
  </div>
4978
5003
  </div>
4979
5004
  </li>
4980
- <li class="pf-v5-c-menu__list-item" role="none">
5005
+ <li class="pf-v5-c-menu__list-item" role="group">
4981
5006
  <button
4982
5007
  class="pf-v5-c-menu__item"
4983
5008
  type="button"
@@ -4992,7 +5017,7 @@ cssPrefix: pf-v5-c-menu
4992
5017
  </div>
4993
5018
  </div>
4994
5019
  </li>
4995
- <li class="pf-v5-c-menu__list-item" role="none">
5020
+ <li class="pf-v5-c-menu__list-item" role="group">
4996
5021
  <button class="pf-v5-c-menu__item" type="button" role="menuitem">
4997
5022
  <span class="pf-v5-c-menu__item-main">
4998
5023
  <span class="pf-v5-c-menu__item-text">Start rollout</span>
@@ -5027,48 +5052,61 @@ cssPrefix: pf-v5-c-menu
5027
5052
  <i class="fas fa-angle-right" aria-hidden="true"></i>
5028
5053
  </span>
5029
5054
  <span class="pf-v5-c-breadcrumb__dropdown">
5030
- <div class="pf-v5-c-dropdown pf-m-expanded">
5031
- <button
5032
- class="pf-v5-c-dropdown__toggle pf-m-plain"
5033
- id="drilldown-with-breadcrumbs-level-4-breadcrumb-breadcrumb-dropdown-button"
5034
- aria-expanded="true"
5035
- type="button"
5036
- >
5037
- <span class="pf-v5-c-badge pf-m-read">
5038
- 2
5039
- <span class="pf-v5-c-dropdown__toggle-icon">
5040
- <i class="fas fa-caret-down" aria-hidden="true"></i>
5041
- </span>
5042
- </span>
5043
- </button>
5044
- <ul
5045
- class="pf-v5-c-dropdown__menu"
5046
- aria-labelledby="drilldown-with-breadcrumbs-level-4-breadcrumb-breadcrumb-dropdown-button"
5047
- role="menu"
5048
- >
5049
- <li role="none">
5050
- <button
5051
- class="pf-v5-c-dropdown__menu-item"
5052
- role="menuitem"
5053
- type="button"
5054
- >
5055
- <span class="pf-v5-c-dropdown__menu-item-icon">
5056
- <i class="fas fa-angle-left" aria-hidden="true"></i>
5057
- </span>Edit
5058
- </button>
5059
- </li>
5060
- <li role="none">
5061
- <button
5062
- class="pf-v5-c-dropdown__menu-item"
5063
- role="menuitem"
5064
- type="button"
5065
- >
5066
- <span class="pf-v5-c-dropdown__menu-item-icon">
5067
- <i class="fas fa-angle-left" aria-hidden="true"></i>
5068
- </span>Deployment
5069
- </button>
5070
- </li>
5071
- </ul>
5055
+ <button
5056
+ class="pf-v5-c-menu-toggle pf-m-plain pf-m-expanded"
5057
+ type="button"
5058
+ aria-expanded="true"
5059
+ >
5060
+ <span class="pf-v5-c-badge pf-m-read">
5061
+ 2
5062
+ <i class="fas fa-caret-down" aria-hidden="true"></i>
5063
+ </span>
5064
+ </button>
5065
+ <div class="pf-v5-c-menu">
5066
+ <div class="pf-v5-c-menu__content">
5067
+ <ul class="pf-v5-c-menu__list" role="menu">
5068
+ <li class="pf-v5-c-menu__list-item" role="group">
5069
+ <button
5070
+ class="pf-v5-c-menu__item"
5071
+ type="button"
5072
+ role="menuitem"
5073
+ >
5074
+ <span class="pf-v5-c-menu__item-main">
5075
+ <span class="pf-v5-c-menu__item-icon">
5076
+ <span class="pf-v5-c-icon">
5077
+ <span
5078
+ class="pf-v5-c-icon__content pf-v5-m-mirror-inline-rtl"
5079
+ >
5080
+ <i class="fas fa-angle-left" aria-hidden="true"></i>
5081
+ </span>
5082
+ </span>
5083
+ </span>
5084
+ <span class="pf-v5-c-menu__item-text">Edit</span>
5085
+ </span>
5086
+ </button>
5087
+ </li>
5088
+ <li class="pf-v5-c-menu__list-item" role="group">
5089
+ <button
5090
+ class="pf-v5-c-menu__item"
5091
+ type="button"
5092
+ role="menuitem"
5093
+ >
5094
+ <span class="pf-v5-c-menu__item-main">
5095
+ <span class="pf-v5-c-menu__item-icon">
5096
+ <span class="pf-v5-c-icon">
5097
+ <span
5098
+ class="pf-v5-c-icon__content pf-v5-m-mirror-inline-rtl"
5099
+ >
5100
+ <i class="fas fa-angle-left" aria-hidden="true"></i>
5101
+ </span>
5102
+ </span>
5103
+ </span>
5104
+ <span class="pf-v5-c-menu__item-text">Deployment</span>
5105
+ </span>
5106
+ </button>
5107
+ </li>
5108
+ </ul>
5109
+ </div>
5072
5110
  </div>
5073
5111
  </span>
5074
5112
  </li>
@@ -5091,7 +5129,7 @@ cssPrefix: pf-v5-c-menu
5091
5129
  <hr class="pf-v5-c-divider" />
5092
5130
  <div class="pf-v5-c-menu__content">
5093
5131
  <ul class="pf-v5-c-menu__list" role="menu">
5094
- <li class="pf-v5-c-menu__list-item pf-m-current-path" role="none">
5132
+ <li class="pf-v5-c-menu__list-item pf-m-current-path" role="group">
5095
5133
  <button
5096
5134
  class="pf-v5-c-menu__item"
5097
5135
  type="button"
@@ -5108,7 +5146,10 @@ cssPrefix: pf-v5-c-menu
5108
5146
  <div class="pf-v5-c-menu pf-m-drilled-in">
5109
5147
  <div class="pf-v5-c-menu__content">
5110
5148
  <ul class="pf-v5-c-menu__list" role="menu">
5111
- <li class="pf-v5-c-menu__list-item pf-m-current-path" role="none">
5149
+ <li
5150
+ class="pf-v5-c-menu__list-item pf-m-current-path"
5151
+ role="group"
5152
+ >
5112
5153
  <button
5113
5154
  class="pf-v5-c-menu__item"
5114
5155
  type="button"
@@ -5127,7 +5168,7 @@ cssPrefix: pf-v5-c-menu
5127
5168
  <ul class="pf-v5-c-menu__list" role="menu">
5128
5169
  <li
5129
5170
  class="pf-v5-c-menu__list-item pf-m-current-path"
5130
- role="none"
5171
+ role="group"
5131
5172
  >
5132
5173
  <button
5133
5174
  class="pf-v5-c-menu__item"
@@ -5145,7 +5186,7 @@ cssPrefix: pf-v5-c-menu
5145
5186
  <div class="pf-v5-c-menu">
5146
5187
  <div class="pf-v5-c-menu__content">
5147
5188
  <ul class="pf-v5-c-menu__list" role="menu">
5148
- <li class="pf-v5-c-menu__list-item" role="none">
5189
+ <li class="pf-v5-c-menu__list-item" role="group">
5149
5190
  <button
5150
5191
  class="pf-v5-c-menu__item"
5151
5192
  type="button"
@@ -5158,7 +5199,7 @@ cssPrefix: pf-v5-c-menu
5158
5199
  </span>
5159
5200
  </button>
5160
5201
  </li>
5161
- <li class="pf-v5-c-menu__list-item" role="none">
5202
+ <li class="pf-v5-c-menu__list-item" role="group">
5162
5203
  <button
5163
5204
  class="pf-v5-c-menu__item"
5164
5205
  type="button"
@@ -5171,7 +5212,7 @@ cssPrefix: pf-v5-c-menu
5171
5212
  </span>
5172
5213
  </button>
5173
5214
  </li>
5174
- <li class="pf-v5-c-menu__list-item" role="none">
5215
+ <li class="pf-v5-c-menu__list-item" role="group">
5175
5216
  <button
5176
5217
  class="pf-v5-c-menu__item"
5177
5218
  type="button"
@@ -5184,7 +5225,7 @@ cssPrefix: pf-v5-c-menu
5184
5225
  </span>
5185
5226
  </button>
5186
5227
  </li>
5187
- <li class="pf-v5-c-menu__list-item" role="none">
5228
+ <li class="pf-v5-c-menu__list-item" role="group">
5188
5229
  <button
5189
5230
  class="pf-v5-c-menu__item"
5190
5231
  type="button"
@@ -5197,7 +5238,7 @@ cssPrefix: pf-v5-c-menu
5197
5238
  </span>
5198
5239
  </button>
5199
5240
  </li>
5200
- <li class="pf-v5-c-menu__list-item" role="none">
5241
+ <li class="pf-v5-c-menu__list-item" role="group">
5201
5242
  <button
5202
5243
  class="pf-v5-c-menu__item"
5203
5244
  type="button"
@@ -5214,7 +5255,7 @@ cssPrefix: pf-v5-c-menu
5214
5255
  </div>
5215
5256
  </div>
5216
5257
  </li>
5217
- <li class="pf-v5-c-menu__list-item" role="none">
5258
+ <li class="pf-v5-c-menu__list-item" role="group">
5218
5259
  <button
5219
5260
  class="pf-v5-c-menu__item"
5220
5261
  type="button"
@@ -5225,7 +5266,7 @@ cssPrefix: pf-v5-c-menu
5225
5266
  </span>
5226
5267
  </button>
5227
5268
  </li>
5228
- <li class="pf-v5-c-menu__list-item" role="none">
5269
+ <li class="pf-v5-c-menu__list-item" role="group">
5229
5270
  <button
5230
5271
  class="pf-v5-c-menu__item"
5231
5272
  type="button"
@@ -5240,7 +5281,7 @@ cssPrefix: pf-v5-c-menu
5240
5281
  </div>
5241
5282
  </div>
5242
5283
  </li>
5243
- <li class="pf-v5-c-menu__list-item" role="none">
5284
+ <li class="pf-v5-c-menu__list-item" role="group">
5244
5285
  <button
5245
5286
  class="pf-v5-c-menu__item"
5246
5287
  type="button"
@@ -5255,7 +5296,7 @@ cssPrefix: pf-v5-c-menu
5255
5296
  </div>
5256
5297
  </div>
5257
5298
  </li>
5258
- <li class="pf-v5-c-menu__list-item" role="none">
5299
+ <li class="pf-v5-c-menu__list-item" role="group">
5259
5300
  <button class="pf-v5-c-menu__item" type="button" role="menuitem">
5260
5301
  <span class="pf-v5-c-menu__item-main">
5261
5302
  <span class="pf-v5-c-menu__item-text">Start rollout</span>
@@ -5306,84 +5347,84 @@ cssPrefix: pf-v5-c-menu
5306
5347
  <hr class="pf-v5-c-divider" />
5307
5348
  <div class="pf-v5-c-menu__content">
5308
5349
  <ul class="pf-v5-c-menu__list" role="menu">
5309
- <li class="pf-v5-c-menu__list-item" role="none">
5350
+ <li class="pf-v5-c-menu__list-item" role="group">
5310
5351
  <button class="pf-v5-c-menu__item" type="button" role="menuitem">
5311
5352
  <span class="pf-v5-c-menu__item-main">
5312
5353
  <span class="pf-v5-c-menu__item-text">Action 1</span>
5313
5354
  </span>
5314
5355
  </button>
5315
5356
  </li>
5316
- <li class="pf-v5-c-menu__list-item" role="none">
5357
+ <li class="pf-v5-c-menu__list-item" role="group">
5317
5358
  <button class="pf-v5-c-menu__item" type="button" role="menuitem">
5318
5359
  <span class="pf-v5-c-menu__item-main">
5319
5360
  <span class="pf-v5-c-menu__item-text">Action 2</span>
5320
5361
  </span>
5321
5362
  </button>
5322
5363
  </li>
5323
- <li class="pf-v5-c-menu__list-item" role="none">
5364
+ <li class="pf-v5-c-menu__list-item" role="group">
5324
5365
  <button class="pf-v5-c-menu__item" type="button" role="menuitem">
5325
5366
  <span class="pf-v5-c-menu__item-main">
5326
5367
  <span class="pf-v5-c-menu__item-text">Action 3</span>
5327
5368
  </span>
5328
5369
  </button>
5329
5370
  </li>
5330
- <li class="pf-v5-c-menu__list-item" role="none">
5371
+ <li class="pf-v5-c-menu__list-item" role="group">
5331
5372
  <button class="pf-v5-c-menu__item" type="button" role="menuitem">
5332
5373
  <span class="pf-v5-c-menu__item-main">
5333
5374
  <span class="pf-v5-c-menu__item-text">Action 4</span>
5334
5375
  </span>
5335
5376
  </button>
5336
5377
  </li>
5337
- <li class="pf-v5-c-menu__list-item" role="none">
5378
+ <li class="pf-v5-c-menu__list-item" role="group">
5338
5379
  <button class="pf-v5-c-menu__item" type="button" role="menuitem">
5339
5380
  <span class="pf-v5-c-menu__item-main">
5340
5381
  <span class="pf-v5-c-menu__item-text">Action 5</span>
5341
5382
  </span>
5342
5383
  </button>
5343
5384
  </li>
5344
- <li class="pf-v5-c-menu__list-item" role="none">
5385
+ <li class="pf-v5-c-menu__list-item" role="group">
5345
5386
  <button class="pf-v5-c-menu__item" type="button" role="menuitem">
5346
5387
  <span class="pf-v5-c-menu__item-main">
5347
5388
  <span class="pf-v5-c-menu__item-text">Action 6</span>
5348
5389
  </span>
5349
5390
  </button>
5350
5391
  </li>
5351
- <li class="pf-v5-c-menu__list-item" role="none">
5392
+ <li class="pf-v5-c-menu__list-item" role="group">
5352
5393
  <button class="pf-v5-c-menu__item" type="button" role="menuitem">
5353
5394
  <span class="pf-v5-c-menu__item-main">
5354
5395
  <span class="pf-v5-c-menu__item-text">Action 7</span>
5355
5396
  </span>
5356
5397
  </button>
5357
5398
  </li>
5358
- <li class="pf-v5-c-menu__list-item" role="none">
5399
+ <li class="pf-v5-c-menu__list-item" role="group">
5359
5400
  <button class="pf-v5-c-menu__item" type="button" role="menuitem">
5360
5401
  <span class="pf-v5-c-menu__item-main">
5361
5402
  <span class="pf-v5-c-menu__item-text">Action 8</span>
5362
5403
  </span>
5363
5404
  </button>
5364
5405
  </li>
5365
- <li class="pf-v5-c-menu__list-item" role="none">
5406
+ <li class="pf-v5-c-menu__list-item" role="group">
5366
5407
  <button class="pf-v5-c-menu__item" type="button" role="menuitem">
5367
5408
  <span class="pf-v5-c-menu__item-main">
5368
5409
  <span class="pf-v5-c-menu__item-text">Action 9</span>
5369
5410
  </span>
5370
5411
  </button>
5371
5412
  </li>
5372
- <li class="pf-v5-c-menu__list-item" role="none">
5413
+ <li class="pf-v5-c-menu__list-item" role="group">
5373
5414
  <button class="pf-v5-c-menu__item" type="button" role="menuitem">
5374
5415
  <span class="pf-v5-c-menu__item-main">
5375
5416
  <span class="pf-v5-c-menu__item-text">Action 10</span>
5376
5417
  </span>
5377
5418
  </button>
5378
5419
  </li>
5379
- <li class="pf-v5-c-menu__list-item" role="none">
5420
+ <li class="pf-v5-c-menu__list-item" role="group">
5380
5421
  <button class="pf-v5-c-menu__item" type="button" role="menuitem">
5381
5422
  <span class="pf-v5-c-menu__item-main">
5382
5423
  <span class="pf-v5-c-menu__item-text">Action 11</span>
5383
5424
  </span>
5384
5425
  </button>
5385
5426
  </li>
5386
- <li class="pf-v5-c-menu__list-item" role="none">
5427
+ <li class="pf-v5-c-menu__list-item" role="group">
5387
5428
  <button class="pf-v5-c-menu__item" type="button" role="menuitem">
5388
5429
  <span class="pf-v5-c-menu__item-main">
5389
5430
  <span class="pf-v5-c-menu__item-text">Action 12</span>
@@ -5426,84 +5467,84 @@ cssPrefix: pf-v5-c-menu
5426
5467
  <hr class="pf-v5-c-divider" />
5427
5468
  <div class="pf-v5-c-menu__content">
5428
5469
  <ul class="pf-v5-c-menu__list" role="menu">
5429
- <li class="pf-v5-c-menu__list-item" role="none">
5470
+ <li class="pf-v5-c-menu__list-item" role="group">
5430
5471
  <button class="pf-v5-c-menu__item" type="button" role="menuitem">
5431
5472
  <span class="pf-v5-c-menu__item-main">
5432
5473
  <span class="pf-v5-c-menu__item-text">Action 1</span>
5433
5474
  </span>
5434
5475
  </button>
5435
5476
  </li>
5436
- <li class="pf-v5-c-menu__list-item" role="none">
5477
+ <li class="pf-v5-c-menu__list-item" role="group">
5437
5478
  <button class="pf-v5-c-menu__item" type="button" role="menuitem">
5438
5479
  <span class="pf-v5-c-menu__item-main">
5439
5480
  <span class="pf-v5-c-menu__item-text">Action 2</span>
5440
5481
  </span>
5441
5482
  </button>
5442
5483
  </li>
5443
- <li class="pf-v5-c-menu__list-item" role="none">
5484
+ <li class="pf-v5-c-menu__list-item" role="group">
5444
5485
  <button class="pf-v5-c-menu__item" type="button" role="menuitem">
5445
5486
  <span class="pf-v5-c-menu__item-main">
5446
5487
  <span class="pf-v5-c-menu__item-text">Action 3</span>
5447
5488
  </span>
5448
5489
  </button>
5449
5490
  </li>
5450
- <li class="pf-v5-c-menu__list-item" role="none">
5491
+ <li class="pf-v5-c-menu__list-item" role="group">
5451
5492
  <button class="pf-v5-c-menu__item" type="button" role="menuitem">
5452
5493
  <span class="pf-v5-c-menu__item-main">
5453
5494
  <span class="pf-v5-c-menu__item-text">Action 4</span>
5454
5495
  </span>
5455
5496
  </button>
5456
5497
  </li>
5457
- <li class="pf-v5-c-menu__list-item" role="none">
5498
+ <li class="pf-v5-c-menu__list-item" role="group">
5458
5499
  <button class="pf-v5-c-menu__item" type="button" role="menuitem">
5459
5500
  <span class="pf-v5-c-menu__item-main">
5460
5501
  <span class="pf-v5-c-menu__item-text">Action 5</span>
5461
5502
  </span>
5462
5503
  </button>
5463
5504
  </li>
5464
- <li class="pf-v5-c-menu__list-item" role="none">
5505
+ <li class="pf-v5-c-menu__list-item" role="group">
5465
5506
  <button class="pf-v5-c-menu__item" type="button" role="menuitem">
5466
5507
  <span class="pf-v5-c-menu__item-main">
5467
5508
  <span class="pf-v5-c-menu__item-text">Action 6</span>
5468
5509
  </span>
5469
5510
  </button>
5470
5511
  </li>
5471
- <li class="pf-v5-c-menu__list-item" role="none">
5512
+ <li class="pf-v5-c-menu__list-item" role="group">
5472
5513
  <button class="pf-v5-c-menu__item" type="button" role="menuitem">
5473
5514
  <span class="pf-v5-c-menu__item-main">
5474
5515
  <span class="pf-v5-c-menu__item-text">Action 7</span>
5475
5516
  </span>
5476
5517
  </button>
5477
5518
  </li>
5478
- <li class="pf-v5-c-menu__list-item" role="none">
5519
+ <li class="pf-v5-c-menu__list-item" role="group">
5479
5520
  <button class="pf-v5-c-menu__item" type="button" role="menuitem">
5480
5521
  <span class="pf-v5-c-menu__item-main">
5481
5522
  <span class="pf-v5-c-menu__item-text">Action 8</span>
5482
5523
  </span>
5483
5524
  </button>
5484
5525
  </li>
5485
- <li class="pf-v5-c-menu__list-item" role="none">
5526
+ <li class="pf-v5-c-menu__list-item" role="group">
5486
5527
  <button class="pf-v5-c-menu__item" type="button" role="menuitem">
5487
5528
  <span class="pf-v5-c-menu__item-main">
5488
5529
  <span class="pf-v5-c-menu__item-text">Action 9</span>
5489
5530
  </span>
5490
5531
  </button>
5491
5532
  </li>
5492
- <li class="pf-v5-c-menu__list-item" role="none">
5533
+ <li class="pf-v5-c-menu__list-item" role="group">
5493
5534
  <button class="pf-v5-c-menu__item" type="button" role="menuitem">
5494
5535
  <span class="pf-v5-c-menu__item-main">
5495
5536
  <span class="pf-v5-c-menu__item-text">Action 10</span>
5496
5537
  </span>
5497
5538
  </button>
5498
5539
  </li>
5499
- <li class="pf-v5-c-menu__list-item" role="none">
5540
+ <li class="pf-v5-c-menu__list-item" role="group">
5500
5541
  <button class="pf-v5-c-menu__item" type="button" role="menuitem">
5501
5542
  <span class="pf-v5-c-menu__item-main">
5502
5543
  <span class="pf-v5-c-menu__item-text">Action 11</span>
5503
5544
  </span>
5504
5545
  </button>
5505
5546
  </li>
5506
- <li class="pf-v5-c-menu__list-item" role="none">
5547
+ <li class="pf-v5-c-menu__list-item" role="group">
5507
5548
  <button class="pf-v5-c-menu__item" type="button" role="menuitem">
5508
5549
  <span class="pf-v5-c-menu__item-main">
5509
5550
  <span class="pf-v5-c-menu__item-text">Action 12</span>
@@ -5546,21 +5587,21 @@ cssPrefix: pf-v5-c-menu
5546
5587
  <hr class="pf-v5-c-divider" />
5547
5588
  <div class="pf-v5-c-menu__content">
5548
5589
  <ul class="pf-v5-c-menu__list" role="menu">
5549
- <li class="pf-v5-c-menu__list-item" role="none">
5590
+ <li class="pf-v5-c-menu__list-item" role="group">
5550
5591
  <button class="pf-v5-c-menu__item" type="button" role="menuitem">
5551
5592
  <span class="pf-v5-c-menu__item-main">
5552
5593
  <span class="pf-v5-c-menu__item-text">Action 1</span>
5553
5594
  </span>
5554
5595
  </button>
5555
5596
  </li>
5556
- <li class="pf-v5-c-menu__list-item" role="none">
5597
+ <li class="pf-v5-c-menu__list-item" role="group">
5557
5598
  <button class="pf-v5-c-menu__item" type="button" role="menuitem">
5558
5599
  <span class="pf-v5-c-menu__item-main">
5559
5600
  <span class="pf-v5-c-menu__item-text">Action 2</span>
5560
5601
  </span>
5561
5602
  </button>
5562
5603
  </li>
5563
- <li class="pf-v5-c-menu__list-item" role="none">
5604
+ <li class="pf-v5-c-menu__list-item" role="group">
5564
5605
  <button class="pf-v5-c-menu__item" type="button" role="menuitem">
5565
5606
  <span class="pf-v5-c-menu__item-main">
5566
5607
  <span class="pf-v5-c-menu__item-text">Action 3</span>
@@ -5579,7 +5620,7 @@ cssPrefix: pf-v5-c-menu
5579
5620
  <div class="pf-v5-c-menu">
5580
5621
  <div class="pf-v5-c-menu__content">
5581
5622
  <ul class="pf-v5-c-menu__list" role="menu">
5582
- <li class="pf-v5-c-menu__list-item" role="none">
5623
+ <li class="pf-v5-c-menu__list-item" role="group">
5583
5624
  <a class="pf-v5-c-menu__item" href="#" role="menuitem" target="_blank">
5584
5625
  <span class="pf-v5-c-menu__item-main">
5585
5626
  <span class="pf-v5-c-menu__item-text">Link 1</span>
@@ -5590,7 +5631,7 @@ cssPrefix: pf-v5-c-menu
5590
5631
  </span>
5591
5632
  </a>
5592
5633
  </li>
5593
- <li class="pf-v5-c-menu__list-item" role="none">
5634
+ <li class="pf-v5-c-menu__list-item" role="group">
5594
5635
  <a class="pf-v5-c-menu__item" href="#" role="menuitem" target="_blank">
5595
5636
  <span class="pf-v5-c-menu__item-main">
5596
5637
  <span class="pf-v5-c-menu__item-text">Link 2</span>
@@ -5601,7 +5642,7 @@ cssPrefix: pf-v5-c-menu
5601
5642
  </span>
5602
5643
  </a>
5603
5644
  </li>
5604
- <li class="pf-v5-c-menu__list-item" role="none">
5645
+ <li class="pf-v5-c-menu__list-item" role="group">
5605
5646
  <a class="pf-v5-c-menu__item" href="#" role="menuitem">
5606
5647
  <span class="pf-v5-c-menu__item-main">
5607
5648
  <span class="pf-v5-c-menu__item-text">Link 3</span>
@@ -5620,14 +5661,14 @@ cssPrefix: pf-v5-c-menu
5620
5661
  <div class="pf-v5-c-menu">
5621
5662
  <div class="pf-v5-c-menu__content">
5622
5663
  <ul class="pf-v5-c-menu__list" role="menu">
5623
- <li class="pf-v5-c-menu__list-item" role="none">
5664
+ <li class="pf-v5-c-menu__list-item" role="group">
5624
5665
  <button class="pf-v5-c-menu__item" type="button" role="menuitem">
5625
5666
  <span class="pf-v5-c-menu__item-main">
5626
5667
  <span class="pf-v5-c-menu__item-text">Action 1</span>
5627
5668
  </span>
5628
5669
  </button>
5629
5670
  </li>
5630
- <li class="pf-v5-c-menu__list-item" role="none">
5671
+ <li class="pf-v5-c-menu__list-item" role="group">
5631
5672
  <button class="pf-v5-c-menu__item" type="button" role="menuitem">
5632
5673
  <span class="pf-v5-c-menu__item-main">
5633
5674
  <span class="pf-v5-c-menu__item-text">Action 2</span>
@@ -5635,7 +5676,7 @@ cssPrefix: pf-v5-c-menu
5635
5676
  </button>
5636
5677
  </li>
5637
5678
  <li class="pf-v5-c-divider" role="separator"></li>
5638
- <li class="pf-v5-c-menu__list-item" role="none">
5679
+ <li class="pf-v5-c-menu__list-item" role="group">
5639
5680
  <button class="pf-v5-c-menu__item" type="button" role="menuitem">
5640
5681
  <span class="pf-v5-c-menu__item-main">
5641
5682
  <span class="pf-v5-c-menu__item-text">Action 3</span>
@@ -5655,7 +5696,7 @@ cssPrefix: pf-v5-c-menu
5655
5696
  <div class="pf-v5-c-menu__content">
5656
5697
  <section class="pf-v5-c-menu__group">
5657
5698
  <ul class="pf-v5-c-menu__list" role="menu">
5658
- <li class="pf-v5-c-menu__list-item" role="none">
5699
+ <li class="pf-v5-c-menu__list-item" role="group">
5659
5700
  <a class="pf-v5-c-menu__item" href="#" role="menuitem">
5660
5701
  <span class="pf-v5-c-menu__item-main">
5661
5702
  <span class="pf-v5-c-menu__item-text">Link not in group</span>
@@ -5668,14 +5709,14 @@ cssPrefix: pf-v5-c-menu
5668
5709
  <section class="pf-v5-c-menu__group">
5669
5710
  <h1 class="pf-v5-c-menu__group-title">Group 1</h1>
5670
5711
  <ul class="pf-v5-c-menu__list" role="menu">
5671
- <li class="pf-v5-c-menu__list-item" role="none">
5712
+ <li class="pf-v5-c-menu__list-item" role="group">
5672
5713
  <a class="pf-v5-c-menu__item" href="#" role="menuitem">
5673
5714
  <span class="pf-v5-c-menu__item-main">
5674
5715
  <span class="pf-v5-c-menu__item-text">Link 1</span>
5675
5716
  </span>
5676
5717
  </a>
5677
5718
  </li>
5678
- <li class="pf-v5-c-menu__list-item" role="none">
5719
+ <li class="pf-v5-c-menu__list-item" role="group">
5679
5720
  <a class="pf-v5-c-menu__item" href="#" role="menuitem">
5680
5721
  <span class="pf-v5-c-menu__item-main">
5681
5722
  <span class="pf-v5-c-menu__item-text">Link 2</span>
@@ -5688,14 +5729,14 @@ cssPrefix: pf-v5-c-menu
5688
5729
  <section class="pf-v5-c-menu__group">
5689
5730
  <h1 class="pf-v5-c-menu__group-title">Group 2</h1>
5690
5731
  <ul class="pf-v5-c-menu__list" role="menu">
5691
- <li class="pf-v5-c-menu__list-item" role="none">
5732
+ <li class="pf-v5-c-menu__list-item" role="group">
5692
5733
  <a class="pf-v5-c-menu__item" href="#" role="menuitem">
5693
5734
  <span class="pf-v5-c-menu__item-main">
5694
5735
  <span class="pf-v5-c-menu__item-text">Link 1</span>
5695
5736
  </span>
5696
5737
  </a>
5697
5738
  </li>
5698
- <li class="pf-v5-c-menu__list-item" role="none">
5739
+ <li class="pf-v5-c-menu__list-item" role="group">
5699
5740
  <a class="pf-v5-c-menu__item" href="#" role="menuitem">
5700
5741
  <span class="pf-v5-c-menu__item-main">
5701
5742
  <span class="pf-v5-c-menu__item-text">Link 2</span>
@@ -5715,7 +5756,7 @@ cssPrefix: pf-v5-c-menu
5715
5756
  <div class="pf-v5-c-menu">
5716
5757
  <div class="pf-v5-c-menu__content">
5717
5758
  <ul class="pf-v5-c-menu__list" role="menu">
5718
- <li class="pf-v5-c-menu__list-item" role="none">
5759
+ <li class="pf-v5-c-menu__list-item" role="group">
5719
5760
  <button class="pf-v5-c-menu__item" type="button" role="menuitem">
5720
5761
  <span class="pf-v5-c-menu__item-main">
5721
5762
  <span class="pf-v5-c-menu__item-icon">
@@ -5726,7 +5767,7 @@ cssPrefix: pf-v5-c-menu
5726
5767
  <span class="pf-v5-c-menu__item-description">Description</span>
5727
5768
  </button>
5728
5769
  </li>
5729
- <li class="pf-v5-c-menu__list-item pf-m-disabled" role="none">
5770
+ <li class="pf-v5-c-menu__list-item pf-m-disabled" role="group">
5730
5771
  <button
5731
5772
  class="pf-v5-c-menu__item"
5732
5773
  type="button"
@@ -5742,7 +5783,7 @@ cssPrefix: pf-v5-c-menu
5742
5783
  <span class="pf-v5-c-menu__item-description">Description</span>
5743
5784
  </button>
5744
5785
  </li>
5745
- <li class="pf-v5-c-menu__list-item" role="none">
5786
+ <li class="pf-v5-c-menu__list-item" role="group">
5746
5787
  <button class="pf-v5-c-menu__item" type="button" role="menuitem">
5747
5788
  <span class="pf-v5-c-menu__item-main">
5748
5789
  <span class="pf-v5-c-menu__item-icon">
@@ -5769,7 +5810,7 @@ cssPrefix: pf-v5-c-menu
5769
5810
  <section class="pf-v5-c-menu__group">
5770
5811
  <h1 class="pf-v5-c-menu__group-title">Actions</h1>
5771
5812
  <ul class="pf-v5-c-menu__list" role="menu">
5772
- <li class="pf-v5-c-menu__list-item" role="none">
5813
+ <li class="pf-v5-c-menu__list-item" role="group">
5773
5814
  <button
5774
5815
  class="pf-v5-c-menu__item pf-m-selected"
5775
5816
  type="button"
@@ -5786,6 +5827,7 @@ cssPrefix: pf-v5-c-menu
5786
5827
  <button
5787
5828
  class="pf-v5-c-menu__item-action"
5788
5829
  type="button"
5830
+ role="menuitem"
5789
5831
  aria-label="Actions"
5790
5832
  >
5791
5833
  <span class="pf-v5-c-menu__item-action-icon">
@@ -5793,7 +5835,7 @@ cssPrefix: pf-v5-c-menu
5793
5835
  </span>
5794
5836
  </button>
5795
5837
  </li>
5796
- <li class="pf-v5-c-menu__list-item" role="none">
5838
+ <li class="pf-v5-c-menu__list-item" role="group">
5797
5839
  <button
5798
5840
  class="pf-v5-c-menu__item pf-m-select"
5799
5841
  type="button"
@@ -5806,6 +5848,7 @@ cssPrefix: pf-v5-c-menu
5806
5848
  <button
5807
5849
  class="pf-v5-c-menu__item-action"
5808
5850
  type="button"
5851
+ role="menuitem"
5809
5852
  aria-label="Alert"
5810
5853
  >
5811
5854
  <span class="pf-v5-c-menu__item-action-icon">
@@ -5813,7 +5856,7 @@ cssPrefix: pf-v5-c-menu
5813
5856
  </span>
5814
5857
  </button>
5815
5858
  </li>
5816
- <li class="pf-v5-c-menu__list-item pf-m-disabled" role="none">
5859
+ <li class="pf-v5-c-menu__list-item pf-m-disabled" role="group">
5817
5860
  <button
5818
5861
  class="pf-v5-c-menu__item"
5819
5862
  type="button"
@@ -5831,6 +5874,7 @@ cssPrefix: pf-v5-c-menu
5831
5874
  <button
5832
5875
  class="pf-v5-c-menu__item-action"
5833
5876
  type="button"
5877
+ role="menuitem"
5834
5878
  disabled
5835
5879
  aria-label="Copy"
5836
5880
  >
@@ -5839,7 +5883,7 @@ cssPrefix: pf-v5-c-menu
5839
5883
  </span>
5840
5884
  </button>
5841
5885
  </li>
5842
- <li class="pf-v5-c-menu__list-item" role="none">
5886
+ <li class="pf-v5-c-menu__list-item" role="group">
5843
5887
  <button
5844
5888
  class="pf-v5-c-menu__item pf-m-selected"
5845
5889
  type="button"
@@ -5856,6 +5900,7 @@ cssPrefix: pf-v5-c-menu
5856
5900
  <button
5857
5901
  class="pf-v5-c-menu__item-action"
5858
5902
  type="button"
5903
+ role="menuitem"
5859
5904
  aria-label="Expand"
5860
5905
  >
5861
5906
  <span class="pf-v5-c-menu__item-action-icon">
@@ -5863,7 +5908,7 @@ cssPrefix: pf-v5-c-menu
5863
5908
  </span>
5864
5909
  </button>
5865
5910
  </li>
5866
- <li class="pf-v5-c-menu__list-item pf-m-aria-disabled" role="none">
5911
+ <li class="pf-v5-c-menu__list-item pf-m-aria-disabled" role="group">
5867
5912
  <button
5868
5913
  class="pf-v5-c-menu__item"
5869
5914
  type="button"
@@ -5881,6 +5926,7 @@ cssPrefix: pf-v5-c-menu
5881
5926
  <button
5882
5927
  class="pf-v5-c-menu__item-action pf-m-aria-disabled"
5883
5928
  type="button"
5929
+ role="menuitem"
5884
5930
  aria-disabled="true"
5885
5931
  aria-label="Copy"
5886
5932
  >
@@ -5904,7 +5950,7 @@ cssPrefix: pf-v5-c-menu
5904
5950
  <section class="pf-v5-c-menu__group">
5905
5951
  <h1 class="pf-v5-c-menu__group-title">Favorites</h1>
5906
5952
  <ul class="pf-v5-c-menu__list" role="menu">
5907
- <li class="pf-v5-c-menu__list-item" role="none">
5953
+ <li class="pf-v5-c-menu__list-item" role="group">
5908
5954
  <a class="pf-v5-c-menu__item" href="#" role="menuitem">
5909
5955
  <span class="pf-v5-c-menu__item-main">
5910
5956
  <span class="pf-v5-c-menu__item-text">Item 1</span>
@@ -5914,6 +5960,7 @@ cssPrefix: pf-v5-c-menu
5914
5960
  <button
5915
5961
  class="pf-v5-c-menu__item-action pf-m-favorite pf-m-favorited"
5916
5962
  type="button"
5963
+ role="menuitem"
5917
5964
  aria-label="Starred"
5918
5965
  >
5919
5966
  <span class="pf-v5-c-menu__item-action-icon">
@@ -5921,7 +5968,7 @@ cssPrefix: pf-v5-c-menu
5921
5968
  </span>
5922
5969
  </button>
5923
5970
  </li>
5924
- <li class="pf-v5-c-menu__list-item" role="none">
5971
+ <li class="pf-v5-c-menu__list-item" role="group">
5925
5972
  <a
5926
5973
  class="pf-v5-c-menu__item"
5927
5974
  href="#"
@@ -5939,6 +5986,7 @@ cssPrefix: pf-v5-c-menu
5939
5986
  <button
5940
5987
  class="pf-v5-c-menu__item-action pf-m-favorite"
5941
5988
  type="button"
5989
+ role="menuitem"
5942
5990
  aria-label="Not starred"
5943
5991
  >
5944
5992
  <span class="pf-v5-c-menu__item-action-icon">
@@ -5952,7 +6000,7 @@ cssPrefix: pf-v5-c-menu
5952
6000
  <section class="pf-v5-c-menu__group">
5953
6001
  <h1 class="pf-v5-c-menu__group-title">All actions</h1>
5954
6002
  <ul class="pf-v5-c-menu__list" role="menu">
5955
- <li class="pf-v5-c-menu__list-item" role="none">
6003
+ <li class="pf-v5-c-menu__list-item" role="group">
5956
6004
  <a class="pf-v5-c-menu__item" href="#" role="menuitem">
5957
6005
  <span class="pf-v5-c-menu__item-main">
5958
6006
  <span class="pf-v5-c-menu__item-text">Item 1</span>
@@ -5962,6 +6010,7 @@ cssPrefix: pf-v5-c-menu
5962
6010
  <button
5963
6011
  class="pf-v5-c-menu__item-action pf-m-favorite"
5964
6012
  type="button"
6013
+ role="menuitem"
5965
6014
  aria-label="Not starred"
5966
6015
  >
5967
6016
  <span class="pf-v5-c-menu__item-action-icon">
@@ -5969,7 +6018,7 @@ cssPrefix: pf-v5-c-menu
5969
6018
  </span>
5970
6019
  </button>
5971
6020
  </li>
5972
- <li class="pf-v5-c-menu__list-item pf-m-disabled" role="none">
6021
+ <li class="pf-v5-c-menu__list-item pf-m-disabled" role="group">
5973
6022
  <a
5974
6023
  class="pf-v5-c-menu__item"
5975
6024
  href="#"
@@ -5990,6 +6039,7 @@ cssPrefix: pf-v5-c-menu
5990
6039
  <button
5991
6040
  class="pf-v5-c-menu__item-action pf-m-favorite"
5992
6041
  type="button"
6042
+ role="menuitem"
5993
6043
  disabled
5994
6044
  aria-label="Not starred"
5995
6045
  >
@@ -5998,7 +6048,7 @@ cssPrefix: pf-v5-c-menu
5998
6048
  </span>
5999
6049
  </button>
6000
6050
  </li>
6001
- <li class="pf-v5-c-menu__list-item" role="none">
6051
+ <li class="pf-v5-c-menu__list-item" role="group">
6002
6052
  <a
6003
6053
  class="pf-v5-c-menu__item"
6004
6054
  href="#"
@@ -6016,6 +6066,7 @@ cssPrefix: pf-v5-c-menu
6016
6066
  <button
6017
6067
  class="pf-v5-c-menu__item-action pf-m-favorite"
6018
6068
  type="button"
6069
+ role="menuitem"
6019
6070
  aria-label="Not starred"
6020
6071
  >
6021
6072
  <span class="pf-v5-c-menu__item-action-icon">
@@ -6036,21 +6087,21 @@ cssPrefix: pf-v5-c-menu
6036
6087
  <div class="pf-v5-c-menu">
6037
6088
  <div class="pf-v5-c-menu__content">
6038
6089
  <ul class="pf-v5-c-menu__list" role="menu">
6039
- <li class="pf-v5-c-menu__list-item" role="none">
6090
+ <li class="pf-v5-c-menu__list-item" role="group">
6040
6091
  <button class="pf-v5-c-menu__item" type="button" role="menuitem">
6041
6092
  <span class="pf-v5-c-menu__item-main">
6042
6093
  <span class="pf-v5-c-menu__item-text">Option 1</span>
6043
6094
  </span>
6044
6095
  </button>
6045
6096
  </li>
6046
- <li class="pf-v5-c-menu__list-item" role="none">
6097
+ <li class="pf-v5-c-menu__list-item" role="group">
6047
6098
  <button class="pf-v5-c-menu__item" type="button" role="menuitem">
6048
6099
  <span class="pf-v5-c-menu__item-main">
6049
6100
  <span class="pf-v5-c-menu__item-text">Option 2</span>
6050
6101
  </span>
6051
6102
  </button>
6052
6103
  </li>
6053
- <li class="pf-v5-c-menu__list-item" role="none">
6104
+ <li class="pf-v5-c-menu__list-item" role="group">
6054
6105
  <button
6055
6106
  class="pf-v5-c-menu__item pf-m-selected"
6056
6107
  type="button"
@@ -6080,7 +6131,7 @@ cssPrefix: pf-v5-c-menu
6080
6131
  <div class="pf-v5-c-menu">
6081
6132
  <div class="pf-v5-c-menu__content">
6082
6133
  <ul class="pf-v5-c-menu__list" role="menu">
6083
- <li class="pf-v5-c-menu__list-item" role="none">
6134
+ <li class="pf-v5-c-menu__list-item" role="group">
6084
6135
  <button
6085
6136
  class="pf-v5-c-menu__item pf-m-selected"
6086
6137
  type="button"
@@ -6094,7 +6145,7 @@ cssPrefix: pf-v5-c-menu
6094
6145
  </span>
6095
6146
  </button>
6096
6147
  </li>
6097
- <li class="pf-v5-c-menu__list-item" role="none">
6148
+ <li class="pf-v5-c-menu__list-item" role="group">
6098
6149
  <button
6099
6150
  class="pf-v5-c-menu__item pf-m-selected"
6100
6151
  type="button"
@@ -6108,7 +6159,7 @@ cssPrefix: pf-v5-c-menu
6108
6159
  </span>
6109
6160
  </button>
6110
6161
  </li>
6111
- <li class="pf-v5-c-menu__list-item" role="none">
6162
+ <li class="pf-v5-c-menu__list-item" role="group">
6112
6163
  <button
6113
6164
  class="pf-v5-c-menu__item pf-m-selected"
6114
6165
  type="button"
@@ -6138,21 +6189,21 @@ cssPrefix: pf-v5-c-menu
6138
6189
  <div class="pf-v5-c-menu">
6139
6190
  <div class="pf-v5-c-menu__content">
6140
6191
  <ul class="pf-v5-c-menu__list" role="menu">
6141
- <li class="pf-v5-c-menu__list-item" role="none">
6192
+ <li class="pf-v5-c-menu__list-item" role="group">
6142
6193
  <button class="pf-v5-c-menu__item" type="button" role="menuitem">
6143
6194
  <span class="pf-v5-c-menu__item-main">
6144
6195
  <span class="pf-v5-c-menu__item-text">Action</span>
6145
6196
  </span>
6146
6197
  </button>
6147
6198
  </li>
6148
- <li class="pf-v5-c-menu__list-item" role="none">
6199
+ <li class="pf-v5-c-menu__list-item" role="group">
6149
6200
  <a class="pf-v5-c-menu__item" href="#" role="menuitem">
6150
6201
  <span class="pf-v5-c-menu__item-main">
6151
6202
  <span class="pf-v5-c-menu__item-text">Link</span>
6152
6203
  </span>
6153
6204
  </a>
6154
6205
  </li>
6155
- <li class="pf-v5-c-menu__list-item pf-m-disabled" role="none">
6206
+ <li class="pf-v5-c-menu__list-item pf-m-disabled" role="group">
6156
6207
  <button
6157
6208
  class="pf-v5-c-menu__item"
6158
6209
  type="button"
@@ -6164,7 +6215,7 @@ cssPrefix: pf-v5-c-menu
6164
6215
  </span>
6165
6216
  </button>
6166
6217
  </li>
6167
- <li class="pf-v5-c-menu__list-item pf-m-disabled" role="none">
6218
+ <li class="pf-v5-c-menu__list-item pf-m-disabled" role="group">
6168
6219
  <a
6169
6220
  class="pf-v5-c-menu__item"
6170
6221
  href="#"
@@ -6177,7 +6228,7 @@ cssPrefix: pf-v5-c-menu
6177
6228
  </span>
6178
6229
  </a>
6179
6230
  </li>
6180
- <li class="pf-v5-c-menu__list-item pf-m-load" role="none">
6231
+ <li class="pf-v5-c-menu__list-item pf-m-load" role="group">
6181
6232
  <button class="pf-v5-c-menu__item" type="button" role="menuitem">
6182
6233
  <span class="pf-v5-c-menu__item-main">
6183
6234
  <span class="pf-v5-c-menu__item-text">View more</span>
@@ -6196,21 +6247,21 @@ cssPrefix: pf-v5-c-menu
6196
6247
  <div class="pf-v5-c-menu">
6197
6248
  <div class="pf-v5-c-menu__content">
6198
6249
  <ul class="pf-v5-c-menu__list" role="menu">
6199
- <li class="pf-v5-c-menu__list-item" role="none">
6250
+ <li class="pf-v5-c-menu__list-item" role="group">
6200
6251
  <button class="pf-v5-c-menu__item" type="button" role="menuitem">
6201
6252
  <span class="pf-v5-c-menu__item-main">
6202
6253
  <span class="pf-v5-c-menu__item-text">Action</span>
6203
6254
  </span>
6204
6255
  </button>
6205
6256
  </li>
6206
- <li class="pf-v5-c-menu__list-item" role="none">
6257
+ <li class="pf-v5-c-menu__list-item" role="group">
6207
6258
  <a class="pf-v5-c-menu__item" href="#" role="menuitem">
6208
6259
  <span class="pf-v5-c-menu__item-main">
6209
6260
  <span class="pf-v5-c-menu__item-text">Link</span>
6210
6261
  </span>
6211
6262
  </a>
6212
6263
  </li>
6213
- <li class="pf-v5-c-menu__list-item pf-m-disabled" role="none">
6264
+ <li class="pf-v5-c-menu__list-item pf-m-disabled" role="group">
6214
6265
  <button
6215
6266
  class="pf-v5-c-menu__item"
6216
6267
  type="button"
@@ -6222,7 +6273,7 @@ cssPrefix: pf-v5-c-menu
6222
6273
  </span>
6223
6274
  </button>
6224
6275
  </li>
6225
- <li class="pf-v5-c-menu__list-item pf-m-disabled" role="none">
6276
+ <li class="pf-v5-c-menu__list-item pf-m-disabled" role="group">
6226
6277
  <a
6227
6278
  class="pf-v5-c-menu__item"
6228
6279
  href="#"
@@ -6235,7 +6286,7 @@ cssPrefix: pf-v5-c-menu
6235
6286
  </span>
6236
6287
  </a>
6237
6288
  </li>
6238
- <li class="pf-v5-c-menu__list-item pf-m-loading" role="none">
6289
+ <li class="pf-v5-c-menu__list-item pf-m-loading" role="group">
6239
6290
  <button class="pf-v5-c-menu__item" type="button" role="menuitem">
6240
6291
  <span class="pf-v5-c-menu__item-main">
6241
6292
  <span class="pf-v5-c-menu__item-text">
@@ -6269,21 +6320,21 @@ cssPrefix: pf-v5-c-menu
6269
6320
  <div class="pf-v5-c-menu">
6270
6321
  <div class="pf-v5-c-menu__content">
6271
6322
  <ul class="pf-v5-c-menu__list" role="menu">
6272
- <li class="pf-v5-c-menu__list-item" role="none">
6323
+ <li class="pf-v5-c-menu__list-item" role="group">
6273
6324
  <button class="pf-v5-c-menu__item" type="button" role="menuitem">
6274
6325
  <span class="pf-v5-c-menu__item-main">
6275
6326
  <span class="pf-v5-c-menu__item-text">Action</span>
6276
6327
  </span>
6277
6328
  </button>
6278
6329
  </li>
6279
- <li class="pf-v5-c-menu__list-item" role="none">
6330
+ <li class="pf-v5-c-menu__list-item" role="group">
6280
6331
  <a class="pf-v5-c-menu__item" href="#" role="menuitem">
6281
6332
  <span class="pf-v5-c-menu__item-main">
6282
6333
  <span class="pf-v5-c-menu__item-text">Link</span>
6283
6334
  </span>
6284
6335
  </a>
6285
6336
  </li>
6286
- <li class="pf-v5-c-menu__list-item pf-m-disabled" role="none">
6337
+ <li class="pf-v5-c-menu__list-item pf-m-disabled" role="group">
6287
6338
  <button
6288
6339
  class="pf-v5-c-menu__item"
6289
6340
  type="button"
@@ -6295,7 +6346,7 @@ cssPrefix: pf-v5-c-menu
6295
6346
  </span>
6296
6347
  </button>
6297
6348
  </li>
6298
- <li class="pf-v5-c-menu__list-item pf-m-disabled" role="none">
6349
+ <li class="pf-v5-c-menu__list-item pf-m-disabled" role="group">
6299
6350
  <a
6300
6351
  class="pf-v5-c-menu__item"
6301
6352
  href="#"
@@ -6323,21 +6374,21 @@ cssPrefix: pf-v5-c-menu
6323
6374
  <div class="pf-v5-c-menu pf-m-plain">
6324
6375
  <div class="pf-v5-c-menu__content">
6325
6376
  <ul class="pf-v5-c-menu__list" role="menu">
6326
- <li class="pf-v5-c-menu__list-item" role="none">
6377
+ <li class="pf-v5-c-menu__list-item" role="group">
6327
6378
  <button class="pf-v5-c-menu__item" type="button" role="menuitem">
6328
6379
  <span class="pf-v5-c-menu__item-main">
6329
6380
  <span class="pf-v5-c-menu__item-text">Action</span>
6330
6381
  </span>
6331
6382
  </button>
6332
6383
  </li>
6333
- <li class="pf-v5-c-menu__list-item" role="none">
6384
+ <li class="pf-v5-c-menu__list-item" role="group">
6334
6385
  <a class="pf-v5-c-menu__item" href="#" role="menuitem">
6335
6386
  <span class="pf-v5-c-menu__item-main">
6336
6387
  <span class="pf-v5-c-menu__item-text">Link</span>
6337
6388
  </span>
6338
6389
  </a>
6339
6390
  </li>
6340
- <li class="pf-v5-c-menu__list-item pf-m-disabled" role="none">
6391
+ <li class="pf-v5-c-menu__list-item pf-m-disabled" role="group">
6341
6392
  <button
6342
6393
  class="pf-v5-c-menu__item"
6343
6394
  type="button"
@@ -6349,7 +6400,7 @@ cssPrefix: pf-v5-c-menu
6349
6400
  </span>
6350
6401
  </button>
6351
6402
  </li>
6352
- <li class="pf-v5-c-menu__list-item pf-m-disabled" role="none">
6403
+ <li class="pf-v5-c-menu__list-item pf-m-disabled" role="group">
6353
6404
  <a
6354
6405
  class="pf-v5-c-menu__item"
6355
6406
  href="#"
@@ -6395,84 +6446,84 @@ cssPrefix: pf-v5-c-menu
6395
6446
  <hr class="pf-v5-c-divider" />
6396
6447
  <div class="pf-v5-c-menu__content">
6397
6448
  <ul class="pf-v5-c-menu__list" role="menu">
6398
- <li class="pf-v5-c-menu__list-item" role="none">
6449
+ <li class="pf-v5-c-menu__list-item" role="group">
6399
6450
  <button class="pf-v5-c-menu__item" type="button" role="menuitem">
6400
6451
  <span class="pf-v5-c-menu__item-main">
6401
6452
  <span class="pf-v5-c-menu__item-text">Action 1</span>
6402
6453
  </span>
6403
6454
  </button>
6404
6455
  </li>
6405
- <li class="pf-v5-c-menu__list-item" role="none">
6456
+ <li class="pf-v5-c-menu__list-item" role="group">
6406
6457
  <button class="pf-v5-c-menu__item" type="button" role="menuitem">
6407
6458
  <span class="pf-v5-c-menu__item-main">
6408
6459
  <span class="pf-v5-c-menu__item-text">Action 2</span>
6409
6460
  </span>
6410
6461
  </button>
6411
6462
  </li>
6412
- <li class="pf-v5-c-menu__list-item" role="none">
6463
+ <li class="pf-v5-c-menu__list-item" role="group">
6413
6464
  <button class="pf-v5-c-menu__item" type="button" role="menuitem">
6414
6465
  <span class="pf-v5-c-menu__item-main">
6415
6466
  <span class="pf-v5-c-menu__item-text">Action 3</span>
6416
6467
  </span>
6417
6468
  </button>
6418
6469
  </li>
6419
- <li class="pf-v5-c-menu__list-item" role="none">
6470
+ <li class="pf-v5-c-menu__list-item" role="group">
6420
6471
  <button class="pf-v5-c-menu__item" type="button" role="menuitem">
6421
6472
  <span class="pf-v5-c-menu__item-main">
6422
6473
  <span class="pf-v5-c-menu__item-text">Action 4</span>
6423
6474
  </span>
6424
6475
  </button>
6425
6476
  </li>
6426
- <li class="pf-v5-c-menu__list-item" role="none">
6477
+ <li class="pf-v5-c-menu__list-item" role="group">
6427
6478
  <button class="pf-v5-c-menu__item" type="button" role="menuitem">
6428
6479
  <span class="pf-v5-c-menu__item-main">
6429
6480
  <span class="pf-v5-c-menu__item-text">Action 5</span>
6430
6481
  </span>
6431
6482
  </button>
6432
6483
  </li>
6433
- <li class="pf-v5-c-menu__list-item" role="none">
6484
+ <li class="pf-v5-c-menu__list-item" role="group">
6434
6485
  <button class="pf-v5-c-menu__item" type="button" role="menuitem">
6435
6486
  <span class="pf-v5-c-menu__item-main">
6436
6487
  <span class="pf-v5-c-menu__item-text">Action 6</span>
6437
6488
  </span>
6438
6489
  </button>
6439
6490
  </li>
6440
- <li class="pf-v5-c-menu__list-item" role="none">
6491
+ <li class="pf-v5-c-menu__list-item" role="group">
6441
6492
  <button class="pf-v5-c-menu__item" type="button" role="menuitem">
6442
6493
  <span class="pf-v5-c-menu__item-main">
6443
6494
  <span class="pf-v5-c-menu__item-text">Action 7</span>
6444
6495
  </span>
6445
6496
  </button>
6446
6497
  </li>
6447
- <li class="pf-v5-c-menu__list-item" role="none">
6498
+ <li class="pf-v5-c-menu__list-item" role="group">
6448
6499
  <button class="pf-v5-c-menu__item" type="button" role="menuitem">
6449
6500
  <span class="pf-v5-c-menu__item-main">
6450
6501
  <span class="pf-v5-c-menu__item-text">Action 8</span>
6451
6502
  </span>
6452
6503
  </button>
6453
6504
  </li>
6454
- <li class="pf-v5-c-menu__list-item" role="none">
6505
+ <li class="pf-v5-c-menu__list-item" role="group">
6455
6506
  <button class="pf-v5-c-menu__item" type="button" role="menuitem">
6456
6507
  <span class="pf-v5-c-menu__item-main">
6457
6508
  <span class="pf-v5-c-menu__item-text">Action 9</span>
6458
6509
  </span>
6459
6510
  </button>
6460
6511
  </li>
6461
- <li class="pf-v5-c-menu__list-item" role="none">
6512
+ <li class="pf-v5-c-menu__list-item" role="group">
6462
6513
  <button class="pf-v5-c-menu__item" type="button" role="menuitem">
6463
6514
  <span class="pf-v5-c-menu__item-main">
6464
6515
  <span class="pf-v5-c-menu__item-text">Action 10</span>
6465
6516
  </span>
6466
6517
  </button>
6467
6518
  </li>
6468
- <li class="pf-v5-c-menu__list-item" role="none">
6519
+ <li class="pf-v5-c-menu__list-item" role="group">
6469
6520
  <button class="pf-v5-c-menu__item" type="button" role="menuitem">
6470
6521
  <span class="pf-v5-c-menu__item-main">
6471
6522
  <span class="pf-v5-c-menu__item-text">Action 11</span>
6472
6523
  </span>
6473
6524
  </button>
6474
6525
  </li>
6475
- <li class="pf-v5-c-menu__list-item" role="none">
6526
+ <li class="pf-v5-c-menu__list-item" role="group">
6476
6527
  <button class="pf-v5-c-menu__item" type="button" role="menuitem">
6477
6528
  <span class="pf-v5-c-menu__item-main">
6478
6529
  <span class="pf-v5-c-menu__item-text">Action 12</span>
@@ -6515,84 +6566,84 @@ cssPrefix: pf-v5-c-menu
6515
6566
  <hr class="pf-v5-c-divider" />
6516
6567
  <div class="pf-v5-c-menu__content">
6517
6568
  <ul class="pf-v5-c-menu__list" role="menu">
6518
- <li class="pf-v5-c-menu__list-item" role="none">
6569
+ <li class="pf-v5-c-menu__list-item" role="group">
6519
6570
  <button class="pf-v5-c-menu__item" type="button" role="menuitem">
6520
6571
  <span class="pf-v5-c-menu__item-main">
6521
6572
  <span class="pf-v5-c-menu__item-text">Action 1</span>
6522
6573
  </span>
6523
6574
  </button>
6524
6575
  </li>
6525
- <li class="pf-v5-c-menu__list-item" role="none">
6576
+ <li class="pf-v5-c-menu__list-item" role="group">
6526
6577
  <button class="pf-v5-c-menu__item" type="button" role="menuitem">
6527
6578
  <span class="pf-v5-c-menu__item-main">
6528
6579
  <span class="pf-v5-c-menu__item-text">Action 2</span>
6529
6580
  </span>
6530
6581
  </button>
6531
6582
  </li>
6532
- <li class="pf-v5-c-menu__list-item" role="none">
6583
+ <li class="pf-v5-c-menu__list-item" role="group">
6533
6584
  <button class="pf-v5-c-menu__item" type="button" role="menuitem">
6534
6585
  <span class="pf-v5-c-menu__item-main">
6535
6586
  <span class="pf-v5-c-menu__item-text">Action 3</span>
6536
6587
  </span>
6537
6588
  </button>
6538
6589
  </li>
6539
- <li class="pf-v5-c-menu__list-item" role="none">
6590
+ <li class="pf-v5-c-menu__list-item" role="group">
6540
6591
  <button class="pf-v5-c-menu__item" type="button" role="menuitem">
6541
6592
  <span class="pf-v5-c-menu__item-main">
6542
6593
  <span class="pf-v5-c-menu__item-text">Action 4</span>
6543
6594
  </span>
6544
6595
  </button>
6545
6596
  </li>
6546
- <li class="pf-v5-c-menu__list-item" role="none">
6597
+ <li class="pf-v5-c-menu__list-item" role="group">
6547
6598
  <button class="pf-v5-c-menu__item" type="button" role="menuitem">
6548
6599
  <span class="pf-v5-c-menu__item-main">
6549
6600
  <span class="pf-v5-c-menu__item-text">Action 5</span>
6550
6601
  </span>
6551
6602
  </button>
6552
6603
  </li>
6553
- <li class="pf-v5-c-menu__list-item" role="none">
6604
+ <li class="pf-v5-c-menu__list-item" role="group">
6554
6605
  <button class="pf-v5-c-menu__item" type="button" role="menuitem">
6555
6606
  <span class="pf-v5-c-menu__item-main">
6556
6607
  <span class="pf-v5-c-menu__item-text">Action 6</span>
6557
6608
  </span>
6558
6609
  </button>
6559
6610
  </li>
6560
- <li class="pf-v5-c-menu__list-item" role="none">
6611
+ <li class="pf-v5-c-menu__list-item" role="group">
6561
6612
  <button class="pf-v5-c-menu__item" type="button" role="menuitem">
6562
6613
  <span class="pf-v5-c-menu__item-main">
6563
6614
  <span class="pf-v5-c-menu__item-text">Action 7</span>
6564
6615
  </span>
6565
6616
  </button>
6566
6617
  </li>
6567
- <li class="pf-v5-c-menu__list-item" role="none">
6618
+ <li class="pf-v5-c-menu__list-item" role="group">
6568
6619
  <button class="pf-v5-c-menu__item" type="button" role="menuitem">
6569
6620
  <span class="pf-v5-c-menu__item-main">
6570
6621
  <span class="pf-v5-c-menu__item-text">Action 8</span>
6571
6622
  </span>
6572
6623
  </button>
6573
6624
  </li>
6574
- <li class="pf-v5-c-menu__list-item" role="none">
6625
+ <li class="pf-v5-c-menu__list-item" role="group">
6575
6626
  <button class="pf-v5-c-menu__item" type="button" role="menuitem">
6576
6627
  <span class="pf-v5-c-menu__item-main">
6577
6628
  <span class="pf-v5-c-menu__item-text">Action 9</span>
6578
6629
  </span>
6579
6630
  </button>
6580
6631
  </li>
6581
- <li class="pf-v5-c-menu__list-item" role="none">
6632
+ <li class="pf-v5-c-menu__list-item" role="group">
6582
6633
  <button class="pf-v5-c-menu__item" type="button" role="menuitem">
6583
6634
  <span class="pf-v5-c-menu__item-main">
6584
6635
  <span class="pf-v5-c-menu__item-text">Action 10</span>
6585
6636
  </span>
6586
6637
  </button>
6587
6638
  </li>
6588
- <li class="pf-v5-c-menu__list-item" role="none">
6639
+ <li class="pf-v5-c-menu__list-item" role="group">
6589
6640
  <button class="pf-v5-c-menu__item" type="button" role="menuitem">
6590
6641
  <span class="pf-v5-c-menu__item-main">
6591
6642
  <span class="pf-v5-c-menu__item-text">Action 11</span>
6592
6643
  </span>
6593
6644
  </button>
6594
6645
  </li>
6595
- <li class="pf-v5-c-menu__list-item" role="none">
6646
+ <li class="pf-v5-c-menu__list-item" role="group">
6596
6647
  <button class="pf-v5-c-menu__item" type="button" role="menuitem">
6597
6648
  <span class="pf-v5-c-menu__item-main">
6598
6649
  <span class="pf-v5-c-menu__item-text">Action 12</span>