@patternfly/patternfly 6.0.0-alpha.9 → 6.0.0-alpha.90

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 (341) hide show
  1. package/CODE_OF_CONDUCT.md +1 -2
  2. package/assets/images/PF-Backdrop.svg +1 -0
  3. package/assets/images/PF-HorizontalLogo-Color.svg +29 -0
  4. package/assets/images/PF-HorizontalLogo-Reverse.svg +28 -0
  5. package/assets/images/PF-IconLogo-Reverse.svg +14 -0
  6. package/assets/images/PF-IconLogo-color.svg +17 -0
  7. package/assets/images/PF-IconLogo.svg +17 -0
  8. package/assets/images/logo__pf--reverse-on-md.svg +1 -1
  9. package/assets/images/pf-background.svg +22 -0
  10. package/assets/images/pf-c-brand__logo-on-lg-white.svg +32 -0
  11. package/assets/images/pf-c-brand__logo-on-md-white.svg +42 -0
  12. package/assets/images/pf-c-brand__logo-on-sm-white.svg +17 -0
  13. package/assets/images/pf-c-brand__logo-on-sm.svg +1 -1
  14. package/assets/images/pf-c-brand__logo-on-xl-white.svg +39 -0
  15. package/assets/images/pf_logo_white.hbs +35 -0
  16. package/assets/images/pf_logo_white.svg +38 -0
  17. package/base/_common.scss +8 -4
  18. package/base/_globals.scss +4 -6
  19. package/base/_variables.scss +2 -7
  20. package/base/patternfly-common.css +8 -4
  21. package/base/patternfly-globals.css +4 -3
  22. package/base/patternfly-variables.css +1005 -856
  23. package/base/tokens/_tokens-charts.scss +159 -0
  24. package/base/tokens/_tokens-dark.scss +319 -290
  25. package/base/tokens/_tokens-default.scss +485 -329
  26. package/base/tokens/_tokens-font.scss +122 -58
  27. package/base/tokens/_tokens-palette.scss +71 -71
  28. package/base/tokens/_workspace-overrides.scss +7 -0
  29. package/components/AboutModalBox/about-modal-box.css +57 -94
  30. package/components/AboutModalBox/about-modal-box.scss +37 -62
  31. package/components/Accordion/accordion.css +85 -177
  32. package/components/Accordion/accordion.scss +96 -195
  33. package/components/ActionList/action-list.css +18 -17
  34. package/components/ActionList/action-list.scss +26 -16
  35. package/components/Alert/alert-group.css +20 -16
  36. package/components/Alert/alert-group.scss +20 -16
  37. package/components/Alert/alert.css +59 -84
  38. package/components/Alert/alert.scss +62 -78
  39. package/components/Avatar/avatar.css +10 -13
  40. package/components/Avatar/avatar.scss +10 -17
  41. package/components/BackToTop/back-to-top.css +17 -16
  42. package/components/BackToTop/back-to-top.scss +12 -12
  43. package/components/Backdrop/backdrop.css +6 -2
  44. package/components/Backdrop/backdrop.scss +5 -2
  45. package/components/BackgroundImage/background-image.css +5 -1
  46. package/components/BackgroundImage/background-image.scss +5 -1
  47. package/components/Badge/badge.css +23 -15
  48. package/components/Badge/badge.scss +25 -17
  49. package/components/Banner/banner.css +90 -64
  50. package/components/Banner/banner.scss +95 -32
  51. package/components/Breadcrumb/breadcrumb.css +27 -16
  52. package/components/Breadcrumb/breadcrumb.scss +27 -18
  53. package/components/Button/button.css +398 -354
  54. package/components/Button/button.scss +455 -477
  55. package/components/CalendarMonth/calendar-month.css +61 -92
  56. package/components/CalendarMonth/calendar-month.scss +68 -63
  57. package/components/Card/card.css +100 -194
  58. package/components/Card/card.scss +121 -237
  59. package/components/Check/check.css +24 -21
  60. package/components/Check/check.scss +25 -23
  61. package/components/ClipboardCopy/clipboard-copy.css +30 -33
  62. package/components/ClipboardCopy/clipboard-copy.scss +34 -26
  63. package/components/CodeBlock/code-block.css +22 -9
  64. package/components/CodeBlock/code-block.scss +22 -10
  65. package/components/CodeEditor/code-editor.css +94 -72
  66. package/components/CodeEditor/code-editor.scss +104 -82
  67. package/components/Content/content.css +7 -7
  68. package/components/Content/content.scss +7 -7
  69. package/components/DataList/data-list.css +101 -158
  70. package/components/DataList/data-list.scss +95 -154
  71. package/components/DatePicker/date-picker.css +13 -14
  72. package/components/DatePicker/date-picker.scss +12 -16
  73. package/components/DescriptionList/description-list.css +39 -34
  74. package/components/DescriptionList/description-list.scss +25 -25
  75. package/components/Divider/divider.css +91 -169
  76. package/components/Divider/divider.scss +60 -77
  77. package/components/DragDrop/drag-drop.css +18 -14
  78. package/components/DragDrop/drag-drop.scss +18 -17
  79. package/components/Drawer/drawer.css +112 -113
  80. package/components/Drawer/drawer.scss +134 -134
  81. package/components/Dropdown/dropdown.css +1 -3
  82. package/components/Dropdown/dropdown.scss +2 -6
  83. package/components/DualListSelector/dual-list-selector.css +54 -51
  84. package/components/DualListSelector/dual-list-selector.scss +55 -54
  85. package/components/EmptyState/empty-state.css +57 -34
  86. package/components/EmptyState/empty-state.scss +63 -34
  87. package/components/ExpandableSection/expandable-section.css +64 -62
  88. package/components/ExpandableSection/expandable-section.scss +73 -76
  89. package/components/FileUpload/file-upload.css +28 -34
  90. package/components/FileUpload/file-upload.scss +30 -42
  91. package/components/Form/form.css +66 -116
  92. package/components/Form/form.scss +63 -128
  93. package/components/FormControl/form-control.css +86 -111
  94. package/components/FormControl/form-control.scss +88 -92
  95. package/components/HelperText/helper-text.css +28 -34
  96. package/components/HelperText/helper-text.scss +30 -40
  97. package/components/Hint/hint.css +28 -21
  98. package/components/Hint/hint.scss +28 -24
  99. package/components/Icon/icon.css +154 -18
  100. package/components/Icon/icon.scss +187 -20
  101. package/components/InlineEdit/inline-edit.css +8 -7
  102. package/components/InlineEdit/inline-edit.scss +8 -7
  103. package/components/InputGroup/input-group.css +22 -38
  104. package/components/InputGroup/input-group.scss +21 -29
  105. package/components/JumpLinks/jump-links.css +34 -34
  106. package/components/JumpLinks/jump-links.scss +35 -36
  107. package/components/Label/label-group.css +39 -44
  108. package/components/Label/label-group.scss +39 -45
  109. package/components/Label/label.css +378 -355
  110. package/components/Label/label.scss +431 -348
  111. package/components/List/list.css +16 -16
  112. package/components/List/list.scss +17 -17
  113. package/components/Login/login.css +68 -112
  114. package/components/Login/login.scss +54 -82
  115. package/components/Masthead/masthead.css +261 -502
  116. package/components/Masthead/masthead.scss +123 -286
  117. package/components/Menu/menu.css +388 -417
  118. package/components/Menu/menu.scss +370 -525
  119. package/components/MenuToggle/menu-toggle.css +223 -276
  120. package/components/MenuToggle/menu-toggle.scss +322 -390
  121. package/components/ModalBox/modal-box.css +59 -52
  122. package/components/ModalBox/modal-box.scss +57 -53
  123. package/components/MultipleFileUpload/multiple-file-upload.css +77 -50
  124. package/components/MultipleFileUpload/multiple-file-upload.scss +82 -53
  125. package/components/Nav/nav.css +240 -918
  126. package/components/Nav/nav.scss +300 -1082
  127. package/components/NotificationBadge/notification-badge.css +4 -4
  128. package/components/NotificationBadge/notification-badge.scss +4 -4
  129. package/components/NotificationDrawer/notification-drawer.css +104 -115
  130. package/components/NotificationDrawer/notification-drawer.scss +106 -116
  131. package/components/NumberInput/number-input.css +8 -8
  132. package/components/NumberInput/number-input.scss +7 -12
  133. package/components/OverflowMenu/overflow-menu.css +17 -47
  134. package/components/OverflowMenu/overflow-menu.scss +27 -65
  135. package/components/Page/page.css +56 -164
  136. package/components/Page/page.scss +60 -154
  137. package/components/Pagination/pagination.css +57 -124
  138. package/components/Pagination/pagination.scss +40 -128
  139. package/components/Panel/panel.css +27 -23
  140. package/components/Panel/panel.scss +29 -26
  141. package/components/Popover/popover.css +42 -53
  142. package/components/Popover/popover.scss +46 -55
  143. package/components/Progress/progress.css +31 -45
  144. package/components/Progress/progress.scss +36 -55
  145. package/components/ProgressStepper/progress-stepper.css +72 -69
  146. package/components/ProgressStepper/progress-stepper.scss +65 -65
  147. package/components/Radio/radio.css +27 -20
  148. package/components/Radio/radio.scss +28 -22
  149. package/components/Sidebar/sidebar.css +20 -9
  150. package/components/Sidebar/sidebar.scss +23 -11
  151. package/components/SimpleList/simple-list.css +32 -52
  152. package/components/SimpleList/simple-list.scss +37 -51
  153. package/components/Skeleton/skeleton.css +18 -20
  154. package/components/Skeleton/skeleton.scss +17 -21
  155. package/components/SkipToContent/skip-to-content.css +6 -3
  156. package/components/SkipToContent/skip-to-content.scss +8 -6
  157. package/components/Slider/slider.css +34 -30
  158. package/components/Slider/slider.scss +46 -43
  159. package/components/Spinner/spinner.css +17 -34
  160. package/components/Spinner/spinner.scss +19 -47
  161. package/components/Switch/switch.css +42 -38
  162. package/components/Switch/switch.scss +48 -43
  163. package/components/TabContent/tab-content.css +17 -11
  164. package/components/TabContent/tab-content.scss +18 -14
  165. package/components/Table/table-grid.css +31 -47
  166. package/components/Table/table-grid.scss +42 -55
  167. package/components/Table/table-scrollable.css +6 -6
  168. package/components/Table/table-scrollable.scss +8 -8
  169. package/components/Table/table-tree-view.css +81 -74
  170. package/components/Table/table-tree-view.scss +53 -39
  171. package/components/Table/table.css +159 -264
  172. package/components/Table/table.scss +216 -351
  173. package/components/Tabs/tabs.css +142 -175
  174. package/components/Tabs/tabs.scss +158 -218
  175. package/components/TextInputGroup/text-input-group.css +0 -14
  176. package/components/TextInputGroup/text-input-group.scss +3 -16
  177. package/components/Tile/tile.css +40 -81
  178. package/components/Tile/tile.scss +38 -84
  179. package/components/Timestamp/timestamp.css +12 -9
  180. package/components/Timestamp/timestamp.scss +11 -10
  181. package/components/Title/title.css +70 -19
  182. package/components/Title/title.scss +90 -20
  183. package/components/ToggleGroup/toggle-group.css +54 -48
  184. package/components/ToggleGroup/toggle-group.scss +62 -50
  185. package/components/Toolbar/toolbar.css +2527 -1031
  186. package/components/Toolbar/toolbar.scss +233 -520
  187. package/components/Tooltip/tooltip.css +16 -18
  188. package/components/Tooltip/tooltip.scss +20 -24
  189. package/components/TreeView/tree-view.css +76 -97
  190. package/components/TreeView/tree-view.scss +82 -113
  191. package/components/Truncate/truncate.css +4 -0
  192. package/components/Truncate/truncate.scss +3 -0
  193. package/components/Wizard/wizard.css +122 -205
  194. package/components/Wizard/wizard.scss +121 -181
  195. package/docs/components/AboutModalBox/examples/AboutModalBox.md +2 -2
  196. package/docs/components/Accordion/examples/Accordion.md +614 -416
  197. package/docs/components/ActionList/examples/ActionList.md +73 -22
  198. package/docs/components/Alert/examples/Alert.md +3 -3
  199. package/docs/components/Avatar/examples/Avatar.md +5 -19
  200. package/docs/components/BackgroundImage/examples/BackgroundImage.md +1 -1
  201. package/docs/components/Badge/examples/Badge.md +21 -0
  202. package/docs/components/Banner/examples/Banner.md +48 -25
  203. package/docs/components/Brand/examples/Brand.css +12 -0
  204. package/docs/components/Brand/examples/Brand.md +51 -32
  205. package/docs/components/Breadcrumb/examples/Breadcrumb.md +1 -1
  206. package/docs/components/Button/examples/Button.css +4 -0
  207. package/docs/components/Button/examples/Button.md +1439 -113
  208. package/docs/components/CalendarMonth/examples/CalendarMonth.md +44 -220
  209. package/docs/components/Card/examples/Card.md +550 -133
  210. package/docs/components/Check/examples/Check.md +1 -0
  211. package/docs/components/CodeBlock/examples/CodeBlock.md +4 -4
  212. package/docs/components/CodeEditor/examples/CodeEditor.md +144 -132
  213. package/docs/components/Content/examples/Content.md +5 -5
  214. package/docs/components/DatePicker/examples/DatePicker.md +5 -2
  215. package/docs/components/Divider/examples/Divider.css +3 -1
  216. package/docs/components/Divider/examples/Divider.md +30 -5
  217. package/docs/components/DragDrop/examples/DragDrop.css +1 -1
  218. package/docs/components/Drawer/examples/Drawer.md +294 -256
  219. package/docs/components/DualListSelector/examples/DualListSelector.md +18 -18
  220. package/docs/components/EmptyState/examples/EmptyState.md +45 -1
  221. package/docs/components/ExpandableSection/examples/ExpandableSection.md +49 -28
  222. package/docs/components/FileUpload/examples/FileUpload.md +112 -53
  223. package/docs/components/Form/examples/Form.md +134 -89
  224. package/docs/components/Icon/examples/Icon.md +82 -11
  225. package/docs/components/InlineEdit/examples/InlineEdit.md +3 -1
  226. package/docs/components/JumpLinks/examples/JumpLinks.md +280 -168
  227. package/docs/components/Label/examples/Label.css +4 -0
  228. package/docs/components/Label/examples/Label.md +3090 -703
  229. package/docs/components/LogViewer/examples/LogViewer.md +100 -80
  230. package/docs/components/Login/examples/Login.md +160 -105
  231. package/docs/components/Masthead/examples/masthead.md +443 -65
  232. package/docs/components/Menu/examples/Menu.css +7 -11
  233. package/docs/components/Menu/examples/Menu.md +213 -486
  234. package/docs/components/MenuToggle/examples/MenuToggle.md +253 -224
  235. package/docs/components/MultipleFileUpload/examples/MultipleFileUpload.md +9 -9
  236. package/docs/components/Nav/examples/Navigation.css +1 -23
  237. package/docs/components/Nav/examples/Navigation.md +69 -243
  238. package/docs/components/Page/examples/Page.css +0 -8
  239. package/docs/components/Page/examples/Page.md +22 -21
  240. package/docs/components/Pagination/examples/Pagination.md +663 -637
  241. package/docs/components/Panel/examples/Panel.md +12 -0
  242. package/docs/components/Popover/examples/Popover.md +1 -1
  243. package/docs/components/ProgressStepper/examples/ProgressStepper.md +15 -14
  244. package/docs/components/Radio/examples/Radio.md +1 -1
  245. package/docs/components/Sidebar/examples/Sidebar.md +19 -0
  246. package/docs/components/SimpleList/examples/SimpleList.md +3 -3
  247. package/docs/components/TabContent/examples/TabContent.md +10 -10
  248. package/docs/components/Table/examples/Table.md +8 -8
  249. package/docs/components/Tabs/examples/Tabs.css +1 -1
  250. package/docs/components/Tabs/examples/Tabs.md +1025 -826
  251. package/docs/components/Tile/examples/Tile.md +264 -144
  252. package/docs/components/Title/examples/Title.md +18 -0
  253. package/docs/components/Toolbar/examples/Toolbar.css +20 -15
  254. package/docs/components/Toolbar/examples/Toolbar.md +985 -3341
  255. package/docs/components/TreeView/examples/TreeView.md +7 -57
  256. package/docs/components/Truncate/examples/Truncate.css +2 -2
  257. package/docs/components/Wizard/examples/Wizard.md +31 -7
  258. package/docs/demos/AboutModal/examples/AboutModal.md +116 -35
  259. package/docs/demos/Alert/examples/Alert.md +366 -99
  260. package/docs/demos/BackToTop/examples/BackToTop.md +114 -33
  261. package/docs/demos/Banner/examples/Banner.md +235 -68
  262. package/docs/demos/Button/examples/Button.md +1 -1
  263. package/docs/demos/Card/examples/Card.md +2 -2
  264. package/docs/demos/CardView/examples/CardView.md +256 -192
  265. package/docs/demos/ContextSelector/examples/ContextSelector.md +414 -107
  266. package/docs/demos/Dashboard/examples/Dashboard.md +114 -33
  267. package/docs/demos/DataList/examples/DataList.md +1049 -950
  268. package/docs/demos/DescriptionList/examples/DescriptionList.md +342 -99
  269. package/docs/demos/Drawer/examples/Drawer.md +700 -271
  270. package/docs/demos/Form/examples/BasicForms.md +138 -84
  271. package/docs/demos/JumpLinks/examples/JumpLinks.md +989 -409
  272. package/docs/demos/Masthead/examples/Masthead.md +833 -357
  273. package/docs/demos/Modal/examples/Modal.md +717 -222
  274. package/docs/demos/Nav/examples/Nav.md +763 -926
  275. package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +575 -165
  276. package/docs/demos/Page/examples/Page.md +1050 -309
  277. package/docs/demos/Page/examples/Penta.md +73 -31
  278. package/docs/demos/PasswordGenerator/examples/PasswordGenerator.md +20 -16
  279. package/docs/demos/PasswordStrength/examples/PasswordStrength.md +44 -32
  280. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +1276 -861
  281. package/docs/demos/Skeleton/examples/Skeleton.md +114 -33
  282. package/docs/demos/Table/examples/Table.md +4002 -3503
  283. package/docs/demos/Tabs/examples/Tabs.md +711 -219
  284. package/docs/demos/Toolbar/examples/Toolbar.css +10 -0
  285. package/docs/demos/Toolbar/examples/Toolbar.md +1350 -1480
  286. package/docs/demos/Wizard/examples/Wizard.md +1134 -315
  287. package/docs/layouts/Flex/examples/Flex.md +11 -11
  288. package/package.json +32 -32
  289. package/patternfly-base-no-globals-theme-dark-unversioned.css +1021 -868
  290. package/patternfly-base-no-globals.css +1021 -868
  291. package/patternfly-base-theme-dark-unversioned.css +1027 -873
  292. package/patternfly-base.css +1027 -873
  293. package/patternfly-no-globals.css +9048 -8979
  294. package/patternfly-theme-dark-unversioned.css +9051 -8981
  295. package/patternfly.css +9051 -8981
  296. package/patternfly.min.css +1 -1
  297. package/patternfly.min.css.map +1 -1
  298. package/sass-utilities/mixins.scss +18 -0
  299. package/base/themes/dark/_variables.scss +0 -102
  300. package/components/AboutModalBox/themes/dark/about-modal-box.scss +0 -7
  301. package/components/Accordion/themes/dark/accordion.scss +0 -9
  302. package/components/Alert/themes/dark/alert.scss +0 -17
  303. package/components/Badge/themes/dark/badge.scss +0 -9
  304. package/components/Banner/themes/dark/banner.scss +0 -14
  305. package/components/Button/themes/dark/button.scss +0 -51
  306. package/components/CalendarMonth/themes/dark/calendar-month.scss +0 -37
  307. package/components/Card/themes/dark/card.scss +0 -20
  308. package/components/ClipboardCopy/themes/dark/clipboard-copy.scss +0 -19
  309. package/components/CodeEditor/themes/dark/code-editor.scss +0 -14
  310. package/components/DataList/themes/dark/data-list.scss +0 -10
  311. package/components/DatePicker/themes/dark/date-picker.scss +0 -8
  312. package/components/DragDrop/themes/dark/drag-drop.scss +0 -7
  313. package/components/Drawer/themes/dark/drawer.scss +0 -13
  314. package/components/DualListSelector/themes/dark/dual-list-selector.scss +0 -9
  315. package/components/Form/themes/dark/form.scss +0 -7
  316. package/components/FormControl/themes/dark/form-control.scss +0 -24
  317. package/components/HelperText/themes/dark/helper-text.scss +0 -7
  318. package/components/Hint/themes/dark/hint.scss +0 -8
  319. package/components/InputGroup/themes/dark/input-group.scss +0 -22
  320. package/components/Label/themes/dark/label.scss +0 -53
  321. package/components/Login/themes/dark/login.scss +0 -12
  322. package/components/Masthead/themes/dark/masthead.scss +0 -14
  323. package/components/MenuToggle/themes/dark/menu-toggle.scss +0 -27
  324. package/components/ModalBox/themes/dark/modal-box.scss +0 -7
  325. package/components/NotificationDrawer/themes/dark/notification-drawer.scss +0 -14
  326. package/components/Page/themes/dark/page.scss +0 -69
  327. package/components/Pagination/themes/dark/pagination.scss +0 -7
  328. package/components/Panel/themes/dark/panel.scss +0 -7
  329. package/components/Popover/themes/dark/popover.scss +0 -11
  330. package/components/Progress/themes/dark/progress.scss +0 -9
  331. package/components/SimpleList/themes/dark/simple-list.scss +0 -14
  332. package/components/Skeleton/themes/dark/skeleton.scss +0 -10
  333. package/components/Switch/themes/dark/switch.scss +0 -11
  334. package/components/Tabs/themes/dark/tabs.scss +0 -10
  335. package/components/TextInputGroup/themes/dark/text-input-group.scss +0 -11
  336. package/components/Tile/themes/dark/tile.scss +0 -10
  337. package/components/ToggleGroup/themes/dark/toggle-group.scss +0 -12
  338. package/components/Tooltip/themes/dark/tooltip.scss +0 -8
  339. package/components/TreeView/themes/dark/tree-view.scss +0 -8
  340. package/components/Wizard/themes/dark/wizard.scss +0 -12
  341. package/docs/components/Avatar/examples/Avatar.css +0 -3
package/docs/components/Menu/examples/Menu.md CHANGED
@@ -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>
@@ -232,86 +244,62 @@ cssPrefix: pf-v5-c-menu
232
244
  <ul class="pf-v5-c-menu__list" role="menu">
233
245
  <li class="pf-v5-c-menu__list-item" role="none">
234
246
  <button class="pf-v5-c-menu__item" type="button" role="menuitem">
235
- <span class="pf-v5-c-menu__item-main">
236
- <span class="pf-v5-c-menu__item-text">Action 1</span>
237
- </span>
247
+ <span class="pf-v5-c-menu__item-text">Action 1</span>
238
248
  </button>
239
249
  </li>
240
250
  <li class="pf-v5-c-menu__list-item" role="none">
241
251
  <button class="pf-v5-c-menu__item" type="button" role="menuitem">
242
- <span class="pf-v5-c-menu__item-main">
243
- <span class="pf-v5-c-menu__item-text">Action 2</span>
244
- </span>
252
+ <span class="pf-v5-c-menu__item-text">Action 2</span>
245
253
  </button>
246
254
  </li>
247
255
  <li class="pf-v5-c-menu__list-item" role="none">
248
256
  <button class="pf-v5-c-menu__item" type="button" role="menuitem">
249
- <span class="pf-v5-c-menu__item-main">
250
- <span class="pf-v5-c-menu__item-text">Action 3</span>
251
- </span>
257
+ <span class="pf-v5-c-menu__item-text">Action 3</span>
252
258
  </button>
253
259
  </li>
254
260
  <li class="pf-v5-c-menu__list-item" role="none">
255
261
  <button class="pf-v5-c-menu__item" type="button" role="menuitem">
256
- <span class="pf-v5-c-menu__item-main">
257
- <span class="pf-v5-c-menu__item-text">Action 4</span>
258
- </span>
262
+ <span class="pf-v5-c-menu__item-text">Action 4</span>
259
263
  </button>
260
264
  </li>
261
265
  <li class="pf-v5-c-menu__list-item" role="none">
262
266
  <button class="pf-v5-c-menu__item" type="button" role="menuitem">
263
- <span class="pf-v5-c-menu__item-main">
264
- <span class="pf-v5-c-menu__item-text">Action 5</span>
265
- </span>
267
+ <span class="pf-v5-c-menu__item-text">Action 5</span>
266
268
  </button>
267
269
  </li>
268
270
  <li class="pf-v5-c-menu__list-item" role="none">
269
271
  <button class="pf-v5-c-menu__item" type="button" role="menuitem">
270
- <span class="pf-v5-c-menu__item-main">
271
- <span class="pf-v5-c-menu__item-text">Action 6</span>
272
- </span>
272
+ <span class="pf-v5-c-menu__item-text">Action 6</span>
273
273
  </button>
274
274
  </li>
275
275
  <li class="pf-v5-c-menu__list-item" role="none">
276
276
  <button class="pf-v5-c-menu__item" type="button" role="menuitem">
277
- <span class="pf-v5-c-menu__item-main">
278
- <span class="pf-v5-c-menu__item-text">Action 7</span>
279
- </span>
277
+ <span class="pf-v5-c-menu__item-text">Action 7</span>
280
278
  </button>
281
279
  </li>
282
280
  <li class="pf-v5-c-menu__list-item" role="none">
283
281
  <button class="pf-v5-c-menu__item" type="button" role="menuitem">
284
- <span class="pf-v5-c-menu__item-main">
285
- <span class="pf-v5-c-menu__item-text">Action 8</span>
286
- </span>
282
+ <span class="pf-v5-c-menu__item-text">Action 8</span>
287
283
  </button>
288
284
  </li>
289
285
  <li class="pf-v5-c-menu__list-item" role="none">
290
286
  <button class="pf-v5-c-menu__item" type="button" role="menuitem">
291
- <span class="pf-v5-c-menu__item-main">
292
- <span class="pf-v5-c-menu__item-text">Action 9</span>
293
- </span>
287
+ <span class="pf-v5-c-menu__item-text">Action 9</span>
294
288
  </button>
295
289
  </li>
296
290
  <li class="pf-v5-c-menu__list-item" role="none">
297
291
  <button class="pf-v5-c-menu__item" type="button" role="menuitem">
298
- <span class="pf-v5-c-menu__item-main">
299
- <span class="pf-v5-c-menu__item-text">Action 10</span>
300
- </span>
292
+ <span class="pf-v5-c-menu__item-text">Action 10</span>
301
293
  </button>
302
294
  </li>
303
295
  <li class="pf-v5-c-menu__list-item" role="none">
304
296
  <button class="pf-v5-c-menu__item" type="button" role="menuitem">
305
- <span class="pf-v5-c-menu__item-main">
306
- <span class="pf-v5-c-menu__item-text">Action 11</span>
307
- </span>
297
+ <span class="pf-v5-c-menu__item-text">Action 11</span>
308
298
  </button>
309
299
  </li>
310
300
  <li class="pf-v5-c-menu__list-item" role="none">
311
301
  <button class="pf-v5-c-menu__item" type="button" role="menuitem">
312
- <span class="pf-v5-c-menu__item-main">
313
- <span class="pf-v5-c-menu__item-text">Action 12</span>
314
- </span>
302
+ <span class="pf-v5-c-menu__item-text">Action 12</span>
315
303
  </button>
316
304
  </li>
317
305
  </ul>
@@ -331,86 +319,62 @@ cssPrefix: pf-v5-c-menu
331
319
  <ul class="pf-v5-c-menu__list" role="menu">
332
320
  <li class="pf-v5-c-menu__list-item" role="none">
333
321
  <button class="pf-v5-c-menu__item" type="button" role="menuitem">
334
- <span class="pf-v5-c-menu__item-main">
335
- <span class="pf-v5-c-menu__item-text">Action 1</span>
336
- </span>
322
+ <span class="pf-v5-c-menu__item-text">Action 1</span>
337
323
  </button>
338
324
  </li>
339
325
  <li class="pf-v5-c-menu__list-item" role="none">
340
326
  <button class="pf-v5-c-menu__item" type="button" role="menuitem">
341
- <span class="pf-v5-c-menu__item-main">
342
- <span class="pf-v5-c-menu__item-text">Action 2</span>
343
- </span>
327
+ <span class="pf-v5-c-menu__item-text">Action 2</span>
344
328
  </button>
345
329
  </li>
346
330
  <li class="pf-v5-c-menu__list-item" role="none">
347
331
  <button class="pf-v5-c-menu__item" type="button" role="menuitem">
348
- <span class="pf-v5-c-menu__item-main">
349
- <span class="pf-v5-c-menu__item-text">Action 3</span>
350
- </span>
332
+ <span class="pf-v5-c-menu__item-text">Action 3</span>
351
333
  </button>
352
334
  </li>
353
335
  <li class="pf-v5-c-menu__list-item" role="none">
354
336
  <button class="pf-v5-c-menu__item" type="button" role="menuitem">
355
- <span class="pf-v5-c-menu__item-main">
356
- <span class="pf-v5-c-menu__item-text">Action 4</span>
357
- </span>
337
+ <span class="pf-v5-c-menu__item-text">Action 4</span>
358
338
  </button>
359
339
  </li>
360
340
  <li class="pf-v5-c-menu__list-item" role="none">
361
341
  <button class="pf-v5-c-menu__item" type="button" role="menuitem">
362
- <span class="pf-v5-c-menu__item-main">
363
- <span class="pf-v5-c-menu__item-text">Action 5</span>
364
- </span>
342
+ <span class="pf-v5-c-menu__item-text">Action 5</span>
365
343
  </button>
366
344
  </li>
367
345
  <li class="pf-v5-c-menu__list-item" role="none">
368
346
  <button class="pf-v5-c-menu__item" type="button" role="menuitem">
369
- <span class="pf-v5-c-menu__item-main">
370
- <span class="pf-v5-c-menu__item-text">Action 6</span>
371
- </span>
347
+ <span class="pf-v5-c-menu__item-text">Action 6</span>
372
348
  </button>
373
349
  </li>
374
350
  <li class="pf-v5-c-menu__list-item" role="none">
375
351
  <button class="pf-v5-c-menu__item" type="button" role="menuitem">
376
- <span class="pf-v5-c-menu__item-main">
377
- <span class="pf-v5-c-menu__item-text">Action 7</span>
378
- </span>
352
+ <span class="pf-v5-c-menu__item-text">Action 7</span>
379
353
  </button>
380
354
  </li>
381
355
  <li class="pf-v5-c-menu__list-item" role="none">
382
356
  <button class="pf-v5-c-menu__item" type="button" role="menuitem">
383
- <span class="pf-v5-c-menu__item-main">
384
- <span class="pf-v5-c-menu__item-text">Action 8</span>
385
- </span>
357
+ <span class="pf-v5-c-menu__item-text">Action 8</span>
386
358
  </button>
387
359
  </li>
388
360
  <li class="pf-v5-c-menu__list-item" role="none">
389
361
  <button class="pf-v5-c-menu__item" type="button" role="menuitem">
390
- <span class="pf-v5-c-menu__item-main">
391
- <span class="pf-v5-c-menu__item-text">Action 9</span>
392
- </span>
362
+ <span class="pf-v5-c-menu__item-text">Action 9</span>
393
363
  </button>
394
364
  </li>
395
365
  <li class="pf-v5-c-menu__list-item" role="none">
396
366
  <button class="pf-v5-c-menu__item" type="button" role="menuitem">
397
- <span class="pf-v5-c-menu__item-main">
398
- <span class="pf-v5-c-menu__item-text">Action 10</span>
399
- </span>
367
+ <span class="pf-v5-c-menu__item-text">Action 10</span>
400
368
  </button>
401
369
  </li>
402
370
  <li class="pf-v5-c-menu__list-item" role="none">
403
371
  <button class="pf-v5-c-menu__item" type="button" role="menuitem">
404
- <span class="pf-v5-c-menu__item-main">
405
- <span class="pf-v5-c-menu__item-text">Action 11</span>
406
- </span>
372
+ <span class="pf-v5-c-menu__item-text">Action 11</span>
407
373
  </button>
408
374
  </li>
409
375
  <li class="pf-v5-c-menu__list-item" role="none">
410
376
  <button class="pf-v5-c-menu__item" type="button" role="menuitem">
411
- <span class="pf-v5-c-menu__item-main">
412
- <span class="pf-v5-c-menu__item-text">Action 12</span>
413
- </span>
377
+ <span class="pf-v5-c-menu__item-text">Action 12</span>
414
378
  </button>
415
379
  </li>
416
380
  </ul>
@@ -1075,170 +1039,6 @@ cssPrefix: pf-v5-c-menu
1075
1039
 
1076
1040
  ```
1077
1041
 
1078
- ### Standard menu, flyout child
1079
-
1080
- ```html
1081
- <div class="pf-v5-c-menu">
1082
- <div class="pf-v5-c-menu__content">
1083
- <ul class="pf-v5-c-menu__list" role="menu">
1084
- <li class="pf-v5-c-menu__list-item" role="none">
1085
- <button class="pf-v5-c-menu__item" type="button" role="menuitem">
1086
- <span class="pf-v5-c-menu__item-main">
1087
- <span class="pf-v5-c-menu__item-text">Start rollout</span>
1088
- </span>
1089
- </button>
1090
- </li>
1091
- <li class="pf-v5-c-menu__list-item" role="none">
1092
- <button class="pf-v5-c-menu__item" type="button" role="menuitem">
1093
- <span class="pf-v5-c-menu__item-main">
1094
- <span class="pf-v5-c-menu__item-text">Pause rollouts</span>
1095
- </span>
1096
- </button>
1097
- </li>
1098
- <li class="pf-v5-c-menu__list-item" role="none">
1099
- <button
1100
- class="pf-v5-c-menu__item"
1101
- type="button"
1102
- role="menuitem"
1103
- aria-expanded="false"
1104
- >
1105
- <span class="pf-v5-c-menu__item-main">
1106
- <span class="pf-v5-c-menu__item-text">Add storage</span>
1107
- <span class="pf-v5-c-menu__item-toggle-icon">
1108
- <i class="fas fa-angle-right"></i>
1109
- </span>
1110
- </span>
1111
- </button>
1112
- <div class="pf-v5-c-menu pf-m-flyout" hidden>
1113
- <div class="pf-v5-c-menu__content">
1114
- <ul class="pf-v5-c-menu__list" role="menu">
1115
- <li class="pf-v5-c-menu__list-item" role="none">
1116
- <button
1117
- class="pf-v5-c-menu__item"
1118
- type="button"
1119
- role="menuitem"
1120
- >
1121
- <span class="pf-v5-c-menu__item-main">
1122
- <span class="pf-v5-c-menu__item-text">Application grouping</span>
1123
- </span>
1124
- </button>
1125
- </li>
1126
- <li class="pf-v5-c-menu__list-item" role="none">
1127
- <button
1128
- class="pf-v5-c-menu__item"
1129
- type="button"
1130
- role="menuitem"
1131
- >
1132
- <span class="pf-v5-c-menu__item-main">
1133
- <span class="pf-v5-c-menu__item-text">Count</span>
1134
- </span>
1135
- </button>
1136
- </li>
1137
- <li class="pf-v5-c-menu__list-item" role="none">
1138
- <button
1139
- class="pf-v5-c-menu__item"
1140
- type="button"
1141
- role="menuitem"
1142
- >
1143
- <span class="pf-v5-c-menu__item-main">
1144
- <span class="pf-v5-c-menu__item-text">Labels</span>
1145
- </span>
1146
- </button>
1147
- </li>
1148
- <li class="pf-v5-c-menu__list-item" role="none">
1149
- <button
1150
- class="pf-v5-c-menu__item"
1151
- type="button"
1152
- role="menuitem"
1153
- >
1154
- <span class="pf-v5-c-menu__item-main">
1155
- <span class="pf-v5-c-menu__item-text">Annotations</span>
1156
- </span>
1157
- </button>
1158
- </li>
1159
- </ul>
1160
- </div>
1161
- </div>
1162
- </li>
1163
- <li class="pf-v5-c-menu__list-item" role="none">
1164
- <button
1165
- class="pf-v5-c-menu__item"
1166
- type="button"
1167
- role="menuitem"
1168
- aria-expanded="true"
1169
- >
1170
- <span class="pf-v5-c-menu__item-main">
1171
- <span class="pf-v5-c-menu__item-text">Edit</span>
1172
- <span class="pf-v5-c-menu__item-toggle-icon">
1173
- <i class="fas fa-angle-right"></i>
1174
- </span>
1175
- </span>
1176
- <span class="pf-v5-c-menu__item-description">Description</span>
1177
- </button>
1178
- <div class="pf-v5-c-menu pf-m-flyout">
1179
- <div class="pf-v5-c-menu__content">
1180
- <ul class="pf-v5-c-menu__list" role="menu">
1181
- <li class="pf-v5-c-menu__list-item" role="none">
1182
- <button
1183
- class="pf-v5-c-menu__item"
1184
- type="button"
1185
- role="menuitem"
1186
- >
1187
- <span class="pf-v5-c-menu__item-main">
1188
- <span class="pf-v5-c-menu__item-text">Application grouping</span>
1189
- </span>
1190
- </button>
1191
- </li>
1192
- <li class="pf-v5-c-menu__list-item" role="none">
1193
- <button
1194
- class="pf-v5-c-menu__item"
1195
- type="button"
1196
- role="menuitem"
1197
- >
1198
- <span class="pf-v5-c-menu__item-main">
1199
- <span class="pf-v5-c-menu__item-text">Count</span>
1200
- </span>
1201
- </button>
1202
- </li>
1203
- <li class="pf-v5-c-menu__list-item" role="none">
1204
- <button
1205
- class="pf-v5-c-menu__item"
1206
- type="button"
1207
- role="menuitem"
1208
- >
1209
- <span class="pf-v5-c-menu__item-main">
1210
- <span class="pf-v5-c-menu__item-text">Labels</span>
1211
- </span>
1212
- </button>
1213
- </li>
1214
- <li class="pf-v5-c-menu__list-item" role="none">
1215
- <button
1216
- class="pf-v5-c-menu__item"
1217
- type="button"
1218
- role="menuitem"
1219
- >
1220
- <span class="pf-v5-c-menu__item-main">
1221
- <span class="pf-v5-c-menu__item-text">Annotations</span>
1222
- </span>
1223
- </button>
1224
- </li>
1225
- </ul>
1226
- </div>
1227
- </div>
1228
- </li>
1229
- <li class="pf-v5-c-menu__list-item" role="none">
1230
- <button class="pf-v5-c-menu__item" type="button" role="menuitem">
1231
- <span class="pf-v5-c-menu__item-main">
1232
- <span class="pf-v5-c-menu__item-text">Delete deployment config</span>
1233
- </span>
1234
- </button>
1235
- </li>
1236
- </ul>
1237
- </div>
1238
- </div>
1239
-
1240
- ```
1241
-
1242
1042
  ### Drilldown
1243
1043
 
1244
1044
  ```html isBeta
@@ -1764,7 +1564,7 @@ cssPrefix: pf-v5-c-menu
1764
1564
  <div class="pf-v5-c-menu pf-m-drilldown pf-m-drilled-in">
1765
1565
  <div
1766
1566
  class="pf-v5-c-menu__content"
1767
- style="--pf-v5-c-menu__content--Height: 193px;"
1567
+ style="--pf-v5-c-menu__content--Height: 165px;"
1768
1568
  >
1769
1569
  <ul class="pf-v5-c-menu__list" role="menu">
1770
1570
  <li class="pf-v5-c-menu__list-item" role="none">
@@ -2286,7 +2086,7 @@ cssPrefix: pf-v5-c-menu
2286
2086
  <div class="pf-v5-c-menu pf-m-drilldown pf-m-drilled-in">
2287
2087
  <div
2288
2088
  class="pf-v5-c-menu__content"
2289
- style="--pf-v5-c-menu__content--Height: 233px;"
2089
+ style="--pf-v5-c-menu__content--Height: 202px;"
2290
2090
  >
2291
2091
  <ul class="pf-v5-c-menu__list" role="menu">
2292
2092
  <li class="pf-v5-c-menu__list-item" role="none">
@@ -2808,7 +2608,7 @@ cssPrefix: pf-v5-c-menu
2808
2608
  <div class="pf-v5-c-menu pf-m-drilldown pf-m-drilled-in">
2809
2609
  <div
2810
2610
  class="pf-v5-c-menu__content"
2811
- style="--pf-v5-c-menu__content--Height: 193px;"
2611
+ style="--pf-v5-c-menu__content--Height: 165px;"
2812
2612
  >
2813
2613
  <ul class="pf-v5-c-menu__list" role="menu">
2814
2614
  <li class="pf-v5-c-menu__list-item" role="none">
@@ -3332,7 +3132,7 @@ cssPrefix: pf-v5-c-menu
3332
3132
  ```html isBeta
3333
3133
  <div
3334
3134
  class="pf-v5-c-menu pf-m-drilldown pf-m-scrollable"
3335
- style="--pf-v5-c-menu__content--MaxHeight: 100px;"
3135
+ style="--pf-v5-c-menu__content--MaxHeight: 180px;"
3336
3136
  >
3337
3137
  <div class="pf-v5-c-menu__content">
3338
3138
  <ul class="pf-v5-c-menu__list" role="menu">
@@ -4553,7 +4353,7 @@ cssPrefix: pf-v5-c-menu
4553
4353
  ```html isBeta
4554
4354
  <div
4555
4355
  class="pf-v5-c-menu pf-m-drilldown pf-m-drilled-in"
4556
- style="--pf-v5-c-menu__content--Height: 96px;"
4356
+ style="--pf-v5-c-menu__content--Height: 74px;"
4557
4357
  >
4558
4358
  <div class="pf-v5-c-menu__breadcrumb">
4559
4359
  <nav class="pf-v5-c-breadcrumb" aria-label="breadcrumb">
@@ -4761,7 +4561,7 @@ cssPrefix: pf-v5-c-menu
4761
4561
  ```html isBeta
4762
4562
  <div
4763
4563
  class="pf-v5-c-menu pf-m-drilldown pf-m-drilled-in"
4764
- style="--pf-v5-c-menu__content--Height: 136px;"
4564
+ style="--pf-v5-c-menu__content--Height: 111px;"
4765
4565
  >
4766
4566
  <div class="pf-v5-c-menu__breadcrumb">
4767
4567
  <nav class="pf-v5-c-breadcrumb" aria-label="breadcrumb">
@@ -5014,7 +4814,7 @@ cssPrefix: pf-v5-c-menu
5014
4814
  ```html isBeta
5015
4815
  <div
5016
4816
  class="pf-v5-c-menu pf-m-drilldown pf-m-drilled-in"
5017
- style="--pf-v5-c-menu__content--Height: 216px;"
4817
+ style="--pf-v5-c-menu__content--Height: 185px;"
5018
4818
  >
5019
4819
  <div class="pf-v5-c-menu__breadcrumb">
5020
4820
  <nav class="pf-v5-c-breadcrumb" aria-label="breadcrumb">
@@ -5325,86 +5125,62 @@ cssPrefix: pf-v5-c-menu
5325
5125
  <ul class="pf-v5-c-menu__list" role="menu">
5326
5126
  <li class="pf-v5-c-menu__list-item" role="none">
5327
5127
  <button class="pf-v5-c-menu__item" type="button" role="menuitem">
5328
- <span class="pf-v5-c-menu__item-main">
5329
- <span class="pf-v5-c-menu__item-text">Action 1</span>
5330
- </span>
5128
+ <span class="pf-v5-c-menu__item-text">Action 1</span>
5331
5129
  </button>
5332
5130
  </li>
5333
5131
  <li class="pf-v5-c-menu__list-item" role="none">
5334
5132
  <button class="pf-v5-c-menu__item" type="button" role="menuitem">
5335
- <span class="pf-v5-c-menu__item-main">
5336
- <span class="pf-v5-c-menu__item-text">Action 2</span>
5337
- </span>
5133
+ <span class="pf-v5-c-menu__item-text">Action 2</span>
5338
5134
  </button>
5339
5135
  </li>
5340
5136
  <li class="pf-v5-c-menu__list-item" role="none">
5341
5137
  <button class="pf-v5-c-menu__item" type="button" role="menuitem">
5342
- <span class="pf-v5-c-menu__item-main">
5343
- <span class="pf-v5-c-menu__item-text">Action 3</span>
5344
- </span>
5138
+ <span class="pf-v5-c-menu__item-text">Action 3</span>
5345
5139
  </button>
5346
5140
  </li>
5347
5141
  <li class="pf-v5-c-menu__list-item" role="none">
5348
5142
  <button class="pf-v5-c-menu__item" type="button" role="menuitem">
5349
- <span class="pf-v5-c-menu__item-main">
5350
- <span class="pf-v5-c-menu__item-text">Action 4</span>
5351
- </span>
5143
+ <span class="pf-v5-c-menu__item-text">Action 4</span>
5352
5144
  </button>
5353
5145
  </li>
5354
5146
  <li class="pf-v5-c-menu__list-item" role="none">
5355
5147
  <button class="pf-v5-c-menu__item" type="button" role="menuitem">
5356
- <span class="pf-v5-c-menu__item-main">
5357
- <span class="pf-v5-c-menu__item-text">Action 5</span>
5358
- </span>
5148
+ <span class="pf-v5-c-menu__item-text">Action 5</span>
5359
5149
  </button>
5360
5150
  </li>
5361
5151
  <li class="pf-v5-c-menu__list-item" role="none">
5362
5152
  <button class="pf-v5-c-menu__item" type="button" role="menuitem">
5363
- <span class="pf-v5-c-menu__item-main">
5364
- <span class="pf-v5-c-menu__item-text">Action 6</span>
5365
- </span>
5153
+ <span class="pf-v5-c-menu__item-text">Action 6</span>
5366
5154
  </button>
5367
5155
  </li>
5368
5156
  <li class="pf-v5-c-menu__list-item" role="none">
5369
5157
  <button class="pf-v5-c-menu__item" type="button" role="menuitem">
5370
- <span class="pf-v5-c-menu__item-main">
5371
- <span class="pf-v5-c-menu__item-text">Action 7</span>
5372
- </span>
5158
+ <span class="pf-v5-c-menu__item-text">Action 7</span>
5373
5159
  </button>
5374
5160
  </li>
5375
5161
  <li class="pf-v5-c-menu__list-item" role="none">
5376
5162
  <button class="pf-v5-c-menu__item" type="button" role="menuitem">
5377
- <span class="pf-v5-c-menu__item-main">
5378
- <span class="pf-v5-c-menu__item-text">Action 8</span>
5379
- </span>
5163
+ <span class="pf-v5-c-menu__item-text">Action 8</span>
5380
5164
  </button>
5381
5165
  </li>
5382
5166
  <li class="pf-v5-c-menu__list-item" role="none">
5383
5167
  <button class="pf-v5-c-menu__item" type="button" role="menuitem">
5384
- <span class="pf-v5-c-menu__item-main">
5385
- <span class="pf-v5-c-menu__item-text">Action 9</span>
5386
- </span>
5168
+ <span class="pf-v5-c-menu__item-text">Action 9</span>
5387
5169
  </button>
5388
5170
  </li>
5389
5171
  <li class="pf-v5-c-menu__list-item" role="none">
5390
5172
  <button class="pf-v5-c-menu__item" type="button" role="menuitem">
5391
- <span class="pf-v5-c-menu__item-main">
5392
- <span class="pf-v5-c-menu__item-text">Action 10</span>
5393
- </span>
5173
+ <span class="pf-v5-c-menu__item-text">Action 10</span>
5394
5174
  </button>
5395
5175
  </li>
5396
5176
  <li class="pf-v5-c-menu__list-item" role="none">
5397
5177
  <button class="pf-v5-c-menu__item" type="button" role="menuitem">
5398
- <span class="pf-v5-c-menu__item-main">
5399
- <span class="pf-v5-c-menu__item-text">Action 11</span>
5400
- </span>
5178
+ <span class="pf-v5-c-menu__item-text">Action 11</span>
5401
5179
  </button>
5402
5180
  </li>
5403
5181
  <li class="pf-v5-c-menu__list-item" role="none">
5404
5182
  <button class="pf-v5-c-menu__item" type="button" role="menuitem">
5405
- <span class="pf-v5-c-menu__item-main">
5406
- <span class="pf-v5-c-menu__item-text">Action 12</span>
5407
- </span>
5183
+ <span class="pf-v5-c-menu__item-text">Action 12</span>
5408
5184
  </button>
5409
5185
  </li>
5410
5186
  </ul>
@@ -5445,86 +5221,62 @@ cssPrefix: pf-v5-c-menu
5445
5221
  <ul class="pf-v5-c-menu__list" role="menu">
5446
5222
  <li class="pf-v5-c-menu__list-item" role="none">
5447
5223
  <button class="pf-v5-c-menu__item" type="button" role="menuitem">
5448
- <span class="pf-v5-c-menu__item-main">
5449
- <span class="pf-v5-c-menu__item-text">Action 1</span>
5450
- </span>
5224
+ <span class="pf-v5-c-menu__item-text">Action 1</span>
5451
5225
  </button>
5452
5226
  </li>
5453
5227
  <li class="pf-v5-c-menu__list-item" role="none">
5454
5228
  <button class="pf-v5-c-menu__item" type="button" role="menuitem">
5455
- <span class="pf-v5-c-menu__item-main">
5456
- <span class="pf-v5-c-menu__item-text">Action 2</span>
5457
- </span>
5229
+ <span class="pf-v5-c-menu__item-text">Action 2</span>
5458
5230
  </button>
5459
5231
  </li>
5460
5232
  <li class="pf-v5-c-menu__list-item" role="none">
5461
5233
  <button class="pf-v5-c-menu__item" type="button" role="menuitem">
5462
- <span class="pf-v5-c-menu__item-main">
5463
- <span class="pf-v5-c-menu__item-text">Action 3</span>
5464
- </span>
5234
+ <span class="pf-v5-c-menu__item-text">Action 3</span>
5465
5235
  </button>
5466
5236
  </li>
5467
5237
  <li class="pf-v5-c-menu__list-item" role="none">
5468
5238
  <button class="pf-v5-c-menu__item" type="button" role="menuitem">
5469
- <span class="pf-v5-c-menu__item-main">
5470
- <span class="pf-v5-c-menu__item-text">Action 4</span>
5471
- </span>
5239
+ <span class="pf-v5-c-menu__item-text">Action 4</span>
5472
5240
  </button>
5473
5241
  </li>
5474
5242
  <li class="pf-v5-c-menu__list-item" role="none">
5475
5243
  <button class="pf-v5-c-menu__item" type="button" role="menuitem">
5476
- <span class="pf-v5-c-menu__item-main">
5477
- <span class="pf-v5-c-menu__item-text">Action 5</span>
5478
- </span>
5244
+ <span class="pf-v5-c-menu__item-text">Action 5</span>
5479
5245
  </button>
5480
5246
  </li>
5481
5247
  <li class="pf-v5-c-menu__list-item" role="none">
5482
5248
  <button class="pf-v5-c-menu__item" type="button" role="menuitem">
5483
- <span class="pf-v5-c-menu__item-main">
5484
- <span class="pf-v5-c-menu__item-text">Action 6</span>
5485
- </span>
5249
+ <span class="pf-v5-c-menu__item-text">Action 6</span>
5486
5250
  </button>
5487
5251
  </li>
5488
5252
  <li class="pf-v5-c-menu__list-item" role="none">
5489
5253
  <button class="pf-v5-c-menu__item" type="button" role="menuitem">
5490
- <span class="pf-v5-c-menu__item-main">
5491
- <span class="pf-v5-c-menu__item-text">Action 7</span>
5492
- </span>
5254
+ <span class="pf-v5-c-menu__item-text">Action 7</span>
5493
5255
  </button>
5494
5256
  </li>
5495
5257
  <li class="pf-v5-c-menu__list-item" role="none">
5496
5258
  <button class="pf-v5-c-menu__item" type="button" role="menuitem">
5497
- <span class="pf-v5-c-menu__item-main">
5498
- <span class="pf-v5-c-menu__item-text">Action 8</span>
5499
- </span>
5259
+ <span class="pf-v5-c-menu__item-text">Action 8</span>
5500
5260
  </button>
5501
5261
  </li>
5502
5262
  <li class="pf-v5-c-menu__list-item" role="none">
5503
5263
  <button class="pf-v5-c-menu__item" type="button" role="menuitem">
5504
- <span class="pf-v5-c-menu__item-main">
5505
- <span class="pf-v5-c-menu__item-text">Action 9</span>
5506
- </span>
5264
+ <span class="pf-v5-c-menu__item-text">Action 9</span>
5507
5265
  </button>
5508
5266
  </li>
5509
5267
  <li class="pf-v5-c-menu__list-item" role="none">
5510
5268
  <button class="pf-v5-c-menu__item" type="button" role="menuitem">
5511
- <span class="pf-v5-c-menu__item-main">
5512
- <span class="pf-v5-c-menu__item-text">Action 10</span>
5513
- </span>
5269
+ <span class="pf-v5-c-menu__item-text">Action 10</span>
5514
5270
  </button>
5515
5271
  </li>
5516
5272
  <li class="pf-v5-c-menu__list-item" role="none">
5517
5273
  <button class="pf-v5-c-menu__item" type="button" role="menuitem">
5518
- <span class="pf-v5-c-menu__item-main">
5519
- <span class="pf-v5-c-menu__item-text">Action 11</span>
5520
- </span>
5274
+ <span class="pf-v5-c-menu__item-text">Action 11</span>
5521
5275
  </button>
5522
5276
  </li>
5523
5277
  <li class="pf-v5-c-menu__list-item" role="none">
5524
5278
  <button class="pf-v5-c-menu__item" type="button" role="menuitem">
5525
- <span class="pf-v5-c-menu__item-main">
5526
- <span class="pf-v5-c-menu__item-text">Action 12</span>
5527
- </span>
5279
+ <span class="pf-v5-c-menu__item-text">Action 12</span>
5528
5280
  </button>
5529
5281
  </li>
5530
5282
  </ul>
@@ -5800,15 +5552,16 @@ cssPrefix: pf-v5-c-menu
5800
5552
  </span>
5801
5553
  <span class="pf-v5-c-menu__item-description">This is a description</span>
5802
5554
  </button>
5803
- <button
5804
- class="pf-v5-c-menu__item-action"
5805
- type="button"
5806
- aria-label="Actions"
5807
- >
5808
- <span class="pf-v5-c-menu__item-action-icon">
5555
+ <div class="pf-v5-c-menu__item-action">
5556
+ <button
5557
+ class="pf-v5-c-button pf-m-plain"
5558
+ type="button"
5559
+ role="menuitem"
5560
+ aria-label="Actions"
5561
+ >
5809
5562
  <i class="fas fa-fw fa-ellipsis-v" aria-hidden="true"></i>
5810
- </span>
5811
- </button>
5563
+ </button>
5564
+ </div>
5812
5565
  </li>
5813
5566
  <li class="pf-v5-c-menu__list-item" role="none">
5814
5567
  <button
@@ -5818,17 +5571,21 @@ cssPrefix: pf-v5-c-menu
5818
5571
  >
5819
5572
  <span class="pf-v5-c-menu__item-main">
5820
5573
  <span class="pf-v5-c-menu__item-text">Item 2</span>
5574
+ <span class="pf-v5-c-menu__item-select-icon">
5575
+ <i class="fas fa-check" aria-hidden="true"></i>
5576
+ </span>
5821
5577
  </span>
5822
5578
  </button>
5823
- <button
5824
- class="pf-v5-c-menu__item-action"
5825
- type="button"
5826
- aria-label="Alert"
5827
- >
5828
- <span class="pf-v5-c-menu__item-action-icon">
5579
+ <div class="pf-v5-c-menu__item-action">
5580
+ <button
5581
+ class="pf-v5-c-button pf-m-plain"
5582
+ type="button"
5583
+ role="menuitem"
5584
+ aria-label="Alert"
5585
+ >
5829
5586
  <i class="fas fa-fw fa-bell" aria-hidden="true"></i>
5830
- </span>
5831
- </button>
5587
+ </button>
5588
+ </div>
5832
5589
  </li>
5833
5590
  <li class="pf-v5-c-menu__list-item pf-m-disabled" role="none">
5834
5591
  <button
@@ -5845,16 +5602,17 @@ cssPrefix: pf-v5-c-menu
5845
5602
  </span>
5846
5603
  <span class="pf-v5-c-menu__item-description">This is a description</span>
5847
5604
  </button>
5848
- <button
5849
- class="pf-v5-c-menu__item-action"
5850
- type="button"
5851
- disabled
5852
- aria-label="Copy"
5853
- >
5854
- <span class="pf-v5-c-menu__item-action-icon">
5605
+ <div class="pf-v5-c-menu__item-action">
5606
+ <button
5607
+ class="pf-v5-c-button pf-m-plain"
5608
+ type="button"
5609
+ role="menuitem"
5610
+ aria-label="Copy"
5611
+ disabled
5612
+ >
5855
5613
  <i class="fas fa-fw fa-clipboard" aria-hidden="true"></i>
5856
- </span>
5857
- </button>
5614
+ </button>
5615
+ </div>
5858
5616
  </li>
5859
5617
  <li class="pf-v5-c-menu__list-item" role="none">
5860
5618
  <button
@@ -5870,15 +5628,16 @@ cssPrefix: pf-v5-c-menu
5870
5628
  </span>
5871
5629
  <span class="pf-v5-c-menu__item-description">This is a description</span>
5872
5630
  </button>
5873
- <button
5874
- class="pf-v5-c-menu__item-action"
5875
- type="button"
5876
- aria-label="Expand"
5877
- >
5878
- <span class="pf-v5-c-menu__item-action-icon">
5631
+ <div class="pf-v5-c-menu__item-action">
5632
+ <button
5633
+ class="pf-v5-c-button pf-m-plain"
5634
+ type="button"
5635
+ role="menuitem"
5636
+ aria-label="Expand"
5637
+ >
5879
5638
  <i class="fas fa-fw fa-bars" aria-hidden="true"></i>
5880
- </span>
5881
- </button>
5639
+ </button>
5640
+ </div>
5882
5641
  </li>
5883
5642
  <li class="pf-v5-c-menu__list-item pf-m-aria-disabled" role="none">
5884
5643
  <button
@@ -5895,16 +5654,17 @@ cssPrefix: pf-v5-c-menu
5895
5654
  </span>
5896
5655
  <span class="pf-v5-c-menu__item-description">This is a description</span>
5897
5656
  </button>
5898
- <button
5899
- class="pf-v5-c-menu__item-action pf-m-aria-disabled"
5900
- type="button"
5901
- aria-disabled="true"
5902
- aria-label="Copy"
5903
- >
5904
- <span class="pf-v5-c-menu__item-action-icon">
5657
+ <div class="pf-v5-c-menu__item-action pf-m-aria-disabled">
5658
+ <button
5659
+ class="pf-v5-c-button pf-m-aria-disabled pf-m-plain"
5660
+ type="button"
5661
+ role="menuitem"
5662
+ aria-label="Copy"
5663
+ aria-disabled="true"
5664
+ >
5905
5665
  <i class="fas fa-fw fa-ellipsis-v" aria-hidden="true"></i>
5906
- </span>
5907
- </button>
5666
+ </button>
5667
+ </div>
5908
5668
  </li>
5909
5669
  </ul>
5910
5670
  </section>
@@ -5928,15 +5688,16 @@ cssPrefix: pf-v5-c-menu
5928
5688
  </span>
5929
5689
  <span class="pf-v5-c-menu__item-description">This is a description</span>
5930
5690
  </a>
5931
- <button
5932
- class="pf-v5-c-menu__item-action pf-m-favorite pf-m-favorited"
5933
- type="button"
5934
- aria-label="Starred"
5935
- >
5936
- <span class="pf-v5-c-menu__item-action-icon">
5691
+ <div class="pf-v5-c-menu__item-action pf-m-favorited pf-m-favorite">
5692
+ <button
5693
+ class="pf-v5-c-button pf-m-plain"
5694
+ type="button"
5695
+ role="menuitem"
5696
+ aria-label="Starred"
5697
+ >
5937
5698
  <i class="fas fa-star" aria-hidden="true"></i>
5938
- </span>
5939
- </button>
5699
+ </button>
5700
+ </div>
5940
5701
  </li>
5941
5702
  <li class="pf-v5-c-menu__list-item" role="none">
5942
5703
  <a
@@ -5953,15 +5714,16 @@ cssPrefix: pf-v5-c-menu
5953
5714
  <span class="pf-v5-screen-reader">(opens new window)</span>
5954
5715
  </span>
5955
5716
  </a>
5956
- <button
5957
- class="pf-v5-c-menu__item-action pf-m-favorite"
5958
- type="button"
5959
- aria-label="Not starred"
5960
- >
5961
- <span class="pf-v5-c-menu__item-action-icon">
5717
+ <div class="pf-v5-c-menu__item-action pf-m-favorite">
5718
+ <button
5719
+ class="pf-v5-c-button pf-m-plain"
5720
+ type="button"
5721
+ role="menuitem"
5722
+ aria-label="Not starred"
5723
+ >
5962
5724
  <i class="fas fa-star" aria-hidden="true"></i>
5963
- </span>
5964
- </button>
5725
+ </button>
5726
+ </div>
5965
5727
  </li>
5966
5728
  </ul>
5967
5729
  </section>
@@ -5976,15 +5738,16 @@ cssPrefix: pf-v5-c-menu
5976
5738
  </span>
5977
5739
  <span class="pf-v5-c-menu__item-description">This is a description</span>
5978
5740
  </a>
5979
- <button
5980
- class="pf-v5-c-menu__item-action pf-m-favorite"
5981
- type="button"
5982
- aria-label="Not starred"
5983
- >
5984
- <span class="pf-v5-c-menu__item-action-icon">
5741
+ <div class="pf-v5-c-menu__item-action pf-m-favorite">
5742
+ <button
5743
+ class="pf-v5-c-button pf-m-plain"
5744
+ type="button"
5745
+ role="menuitem"
5746
+ aria-label="Not starred"
5747
+ >
5985
5748
  <i class="fas fa-star" aria-hidden="true"></i>
5986
- </span>
5987
- </button>
5749
+ </button>
5750
+ </div>
5988
5751
  </li>
5989
5752
  <li class="pf-v5-c-menu__list-item pf-m-disabled" role="none">
5990
5753
  <a
@@ -6004,16 +5767,17 @@ cssPrefix: pf-v5-c-menu
6004
5767
  </span>
6005
5768
  <span class="pf-v5-c-menu__item-description">This is a description</span>
6006
5769
  </a>
6007
- <button
6008
- class="pf-v5-c-menu__item-action pf-m-favorite"
6009
- type="button"
6010
- disabled
6011
- aria-label="Not starred"
6012
- >
6013
- <span class="pf-v5-c-menu__item-action-icon">
5770
+ <div class="pf-v5-c-menu__item-action pf-m-favorite">
5771
+ <button
5772
+ class="pf-v5-c-button pf-m-plain"
5773
+ type="button"
5774
+ role="menuitem"
5775
+ aria-label="Not starred"
5776
+ disabled
5777
+ >
6014
5778
  <i class="fas fa-star" aria-hidden="true"></i>
6015
- </span>
6016
- </button>
5779
+ </button>
5780
+ </div>
6017
5781
  </li>
6018
5782
  <li class="pf-v5-c-menu__list-item" role="none">
6019
5783
  <a
@@ -6030,15 +5794,16 @@ cssPrefix: pf-v5-c-menu
6030
5794
  <span class="pf-v5-screen-reader">(opens new window)</span>
6031
5795
  </span>
6032
5796
  </a>
6033
- <button
6034
- class="pf-v5-c-menu__item-action pf-m-favorite"
6035
- type="button"
6036
- aria-label="Not starred"
6037
- >
6038
- <span class="pf-v5-c-menu__item-action-icon">
5797
+ <div class="pf-v5-c-menu__item-action pf-m-favorite">
5798
+ <button
5799
+ class="pf-v5-c-button pf-m-plain"
5800
+ type="button"
5801
+ role="menuitem"
5802
+ aria-label="Not starred"
5803
+ >
6039
5804
  <i class="fas fa-star" aria-hidden="true"></i>
6040
- </span>
6041
- </button>
5805
+ </button>
5806
+ </div>
6042
5807
  </li>
6043
5808
  </ul>
6044
5809
  </section>
@@ -6057,6 +5822,9 @@ cssPrefix: pf-v5-c-menu
6057
5822
  <button class="pf-v5-c-menu__item" type="button" role="menuitem">
6058
5823
  <span class="pf-v5-c-menu__item-main">
6059
5824
  <span class="pf-v5-c-menu__item-text">Option 1</span>
5825
+ <span class="pf-v5-c-menu__item-select-icon">
5826
+ <i class="fas fa-check" aria-hidden="true"></i>
5827
+ </span>
6060
5828
  </span>
6061
5829
  </button>
6062
5830
  </li>
@@ -6064,6 +5832,9 @@ cssPrefix: pf-v5-c-menu
6064
5832
  <button class="pf-v5-c-menu__item" type="button" role="menuitem">
6065
5833
  <span class="pf-v5-c-menu__item-main">
6066
5834
  <span class="pf-v5-c-menu__item-text">Option 2</span>
5835
+ <span class="pf-v5-c-menu__item-select-icon">
5836
+ <i class="fas fa-check" aria-hidden="true"></i>
5837
+ </span>
6067
5838
  </span>
6068
5839
  </button>
6069
5840
  </li>
@@ -6194,6 +5965,7 @@ cssPrefix: pf-v5-c-menu
6194
5965
  </span>
6195
5966
  </a>
6196
5967
  </li>
5968
+ <li class="pf-v5-c-divider" role="separator"></li>
6197
5969
  <li class="pf-v5-c-menu__list-item pf-m-load" role="none">
6198
5970
  <button class="pf-v5-c-menu__item" type="button" role="menuitem">
6199
5971
  <span class="pf-v5-c-menu__item-main">
@@ -6252,8 +6024,9 @@ cssPrefix: pf-v5-c-menu
6252
6024
  </span>
6253
6025
  </a>
6254
6026
  </li>
6027
+ <li class="pf-v5-c-divider" role="separator"></li>
6255
6028
  <li class="pf-v5-c-menu__list-item pf-m-loading" role="none">
6256
- <button class="pf-v5-c-menu__item" type="button" role="menuitem">
6029
+ <div class="pf-v5-c-menu__item" type="button" role="menuitem">
6257
6030
  <span class="pf-v5-c-menu__item-main">
6258
6031
  <span class="pf-v5-c-menu__item-text">
6259
6032
  <svg
@@ -6272,7 +6045,7 @@ cssPrefix: pf-v5-c-menu
6272
6045
  </svg>
6273
6046
  </span>
6274
6047
  </span>
6275
- </button>
6048
+ </div>
6276
6049
  </li>
6277
6050
  </ul>
6278
6051
  </div>
@@ -6327,6 +6100,7 @@ cssPrefix: pf-v5-c-menu
6327
6100
  </li>
6328
6101
  </ul>
6329
6102
  </div>
6103
+ <hr class="pf-v5-c-divider" />
6330
6104
  <div class="pf-v5-c-menu__footer">
6331
6105
  <button class="pf-v5-c-button pf-m-link pf-m-inline" type="button">Action</button>
6332
6106
  </div>
@@ -6414,90 +6188,67 @@ cssPrefix: pf-v5-c-menu
6414
6188
  <ul class="pf-v5-c-menu__list" role="menu">
6415
6189
  <li class="pf-v5-c-menu__list-item" role="none">
6416
6190
  <button class="pf-v5-c-menu__item" type="button" role="menuitem">
6417
- <span class="pf-v5-c-menu__item-main">
6418
- <span class="pf-v5-c-menu__item-text">Action 1</span>
6419
- </span>
6191
+ <span class="pf-v5-c-menu__item-text">Action 1</span>
6420
6192
  </button>
6421
6193
  </li>
6422
6194
  <li class="pf-v5-c-menu__list-item" role="none">
6423
6195
  <button class="pf-v5-c-menu__item" type="button" role="menuitem">
6424
- <span class="pf-v5-c-menu__item-main">
6425
- <span class="pf-v5-c-menu__item-text">Action 2</span>
6426
- </span>
6196
+ <span class="pf-v5-c-menu__item-text">Action 2</span>
6427
6197
  </button>
6428
6198
  </li>
6429
6199
  <li class="pf-v5-c-menu__list-item" role="none">
6430
6200
  <button class="pf-v5-c-menu__item" type="button" role="menuitem">
6431
- <span class="pf-v5-c-menu__item-main">
6432
- <span class="pf-v5-c-menu__item-text">Action 3</span>
6433
- </span>
6201
+ <span class="pf-v5-c-menu__item-text">Action 3</span>
6434
6202
  </button>
6435
6203
  </li>
6436
6204
  <li class="pf-v5-c-menu__list-item" role="none">
6437
6205
  <button class="pf-v5-c-menu__item" type="button" role="menuitem">
6438
- <span class="pf-v5-c-menu__item-main">
6439
- <span class="pf-v5-c-menu__item-text">Action 4</span>
6440
- </span>
6206
+ <span class="pf-v5-c-menu__item-text">Action 4</span>
6441
6207
  </button>
6442
6208
  </li>
6443
6209
  <li class="pf-v5-c-menu__list-item" role="none">
6444
6210
  <button class="pf-v5-c-menu__item" type="button" role="menuitem">
6445
- <span class="pf-v5-c-menu__item-main">
6446
- <span class="pf-v5-c-menu__item-text">Action 5</span>
6447
- </span>
6211
+ <span class="pf-v5-c-menu__item-text">Action 5</span>
6448
6212
  </button>
6449
6213
  </li>
6450
6214
  <li class="pf-v5-c-menu__list-item" role="none">
6451
6215
  <button class="pf-v5-c-menu__item" type="button" role="menuitem">
6452
- <span class="pf-v5-c-menu__item-main">
6453
- <span class="pf-v5-c-menu__item-text">Action 6</span>
6454
- </span>
6216
+ <span class="pf-v5-c-menu__item-text">Action 6</span>
6455
6217
  </button>
6456
6218
  </li>
6457
6219
  <li class="pf-v5-c-menu__list-item" role="none">
6458
6220
  <button class="pf-v5-c-menu__item" type="button" role="menuitem">
6459
- <span class="pf-v5-c-menu__item-main">
6460
- <span class="pf-v5-c-menu__item-text">Action 7</span>
6461
- </span>
6221
+ <span class="pf-v5-c-menu__item-text">Action 7</span>
6462
6222
  </button>
6463
6223
  </li>
6464
6224
  <li class="pf-v5-c-menu__list-item" role="none">
6465
6225
  <button class="pf-v5-c-menu__item" type="button" role="menuitem">
6466
- <span class="pf-v5-c-menu__item-main">
6467
- <span class="pf-v5-c-menu__item-text">Action 8</span>
6468
- </span>
6226
+ <span class="pf-v5-c-menu__item-text">Action 8</span>
6469
6227
  </button>
6470
6228
  </li>
6471
6229
  <li class="pf-v5-c-menu__list-item" role="none">
6472
6230
  <button class="pf-v5-c-menu__item" type="button" role="menuitem">
6473
- <span class="pf-v5-c-menu__item-main">
6474
- <span class="pf-v5-c-menu__item-text">Action 9</span>
6475
- </span>
6231
+ <span class="pf-v5-c-menu__item-text">Action 9</span>
6476
6232
  </button>
6477
6233
  </li>
6478
6234
  <li class="pf-v5-c-menu__list-item" role="none">
6479
6235
  <button class="pf-v5-c-menu__item" type="button" role="menuitem">
6480
- <span class="pf-v5-c-menu__item-main">
6481
- <span class="pf-v5-c-menu__item-text">Action 10</span>
6482
- </span>
6236
+ <span class="pf-v5-c-menu__item-text">Action 10</span>
6483
6237
  </button>
6484
6238
  </li>
6485
6239
  <li class="pf-v5-c-menu__list-item" role="none">
6486
6240
  <button class="pf-v5-c-menu__item" type="button" role="menuitem">
6487
- <span class="pf-v5-c-menu__item-main">
6488
- <span class="pf-v5-c-menu__item-text">Action 11</span>
6489
- </span>
6241
+ <span class="pf-v5-c-menu__item-text">Action 11</span>
6490
6242
  </button>
6491
6243
  </li>
6492
6244
  <li class="pf-v5-c-menu__list-item" role="none">
6493
6245
  <button class="pf-v5-c-menu__item" type="button" role="menuitem">
6494
- <span class="pf-v5-c-menu__item-main">
6495
- <span class="pf-v5-c-menu__item-text">Action 12</span>
6496
- </span>
6246
+ <span class="pf-v5-c-menu__item-text">Action 12</span>
6497
6247
  </button>
6498
6248
  </li>
6499
6249
  </ul>
6500
6250
  </div>
6251
+ <hr class="pf-v5-c-divider" />
6501
6252
  <div class="pf-v5-c-menu__footer">
6502
6253
  <button class="pf-v5-c-button pf-m-link pf-m-inline" type="button">Footer</button>
6503
6254
  </div>
@@ -6534,86 +6285,62 @@ cssPrefix: pf-v5-c-menu
6534
6285
  <ul class="pf-v5-c-menu__list" role="menu">
6535
6286
  <li class="pf-v5-c-menu__list-item" role="none">
6536
6287
  <button class="pf-v5-c-menu__item" type="button" role="menuitem">
6537
- <span class="pf-v5-c-menu__item-main">
6538
- <span class="pf-v5-c-menu__item-text">Action 1</span>
6539
- </span>
6288
+ <span class="pf-v5-c-menu__item-text">Action 1</span>
6540
6289
  </button>
6541
6290
  </li>
6542
6291
  <li class="pf-v5-c-menu__list-item" role="none">
6543
6292
  <button class="pf-v5-c-menu__item" type="button" role="menuitem">
6544
- <span class="pf-v5-c-menu__item-main">
6545
- <span class="pf-v5-c-menu__item-text">Action 2</span>
6546
- </span>
6293
+ <span class="pf-v5-c-menu__item-text">Action 2</span>
6547
6294
  </button>
6548
6295
  </li>
6549
6296
  <li class="pf-v5-c-menu__list-item" role="none">
6550
6297
  <button class="pf-v5-c-menu__item" type="button" role="menuitem">
6551
- <span class="pf-v5-c-menu__item-main">
6552
- <span class="pf-v5-c-menu__item-text">Action 3</span>
6553
- </span>
6298
+ <span class="pf-v5-c-menu__item-text">Action 3</span>
6554
6299
  </button>
6555
6300
  </li>
6556
6301
  <li class="pf-v5-c-menu__list-item" role="none">
6557
6302
  <button class="pf-v5-c-menu__item" type="button" role="menuitem">
6558
- <span class="pf-v5-c-menu__item-main">
6559
- <span class="pf-v5-c-menu__item-text">Action 4</span>
6560
- </span>
6303
+ <span class="pf-v5-c-menu__item-text">Action 4</span>
6561
6304
  </button>
6562
6305
  </li>
6563
6306
  <li class="pf-v5-c-menu__list-item" role="none">
6564
6307
  <button class="pf-v5-c-menu__item" type="button" role="menuitem">
6565
- <span class="pf-v5-c-menu__item-main">
6566
- <span class="pf-v5-c-menu__item-text">Action 5</span>
6567
- </span>
6308
+ <span class="pf-v5-c-menu__item-text">Action 5</span>
6568
6309
  </button>
6569
6310
  </li>
6570
6311
  <li class="pf-v5-c-menu__list-item" role="none">
6571
6312
  <button class="pf-v5-c-menu__item" type="button" role="menuitem">
6572
- <span class="pf-v5-c-menu__item-main">
6573
- <span class="pf-v5-c-menu__item-text">Action 6</span>
6574
- </span>
6313
+ <span class="pf-v5-c-menu__item-text">Action 6</span>
6575
6314
  </button>
6576
6315
  </li>
6577
6316
  <li class="pf-v5-c-menu__list-item" role="none">
6578
6317
  <button class="pf-v5-c-menu__item" type="button" role="menuitem">
6579
- <span class="pf-v5-c-menu__item-main">
6580
- <span class="pf-v5-c-menu__item-text">Action 7</span>
6581
- </span>
6318
+ <span class="pf-v5-c-menu__item-text">Action 7</span>
6582
6319
  </button>
6583
6320
  </li>
6584
6321
  <li class="pf-v5-c-menu__list-item" role="none">
6585
6322
  <button class="pf-v5-c-menu__item" type="button" role="menuitem">
6586
- <span class="pf-v5-c-menu__item-main">
6587
- <span class="pf-v5-c-menu__item-text">Action 8</span>
6588
- </span>
6323
+ <span class="pf-v5-c-menu__item-text">Action 8</span>
6589
6324
  </button>
6590
6325
  </li>
6591
6326
  <li class="pf-v5-c-menu__list-item" role="none">
6592
6327
  <button class="pf-v5-c-menu__item" type="button" role="menuitem">
6593
- <span class="pf-v5-c-menu__item-main">
6594
- <span class="pf-v5-c-menu__item-text">Action 9</span>
6595
- </span>
6328
+ <span class="pf-v5-c-menu__item-text">Action 9</span>
6596
6329
  </button>
6597
6330
  </li>
6598
6331
  <li class="pf-v5-c-menu__list-item" role="none">
6599
6332
  <button class="pf-v5-c-menu__item" type="button" role="menuitem">
6600
- <span class="pf-v5-c-menu__item-main">
6601
- <span class="pf-v5-c-menu__item-text">Action 10</span>
6602
- </span>
6333
+ <span class="pf-v5-c-menu__item-text">Action 10</span>
6603
6334
  </button>
6604
6335
  </li>
6605
6336
  <li class="pf-v5-c-menu__list-item" role="none">
6606
6337
  <button class="pf-v5-c-menu__item" type="button" role="menuitem">
6607
- <span class="pf-v5-c-menu__item-main">
6608
- <span class="pf-v5-c-menu__item-text">Action 11</span>
6609
- </span>
6338
+ <span class="pf-v5-c-menu__item-text">Action 11</span>
6610
6339
  </button>
6611
6340
  </li>
6612
6341
  <li class="pf-v5-c-menu__list-item" role="none">
6613
6342
  <button class="pf-v5-c-menu__item" type="button" role="menuitem">
6614
- <span class="pf-v5-c-menu__item-main">
6615
- <span class="pf-v5-c-menu__item-text">Action 12</span>
6616
- </span>
6343
+ <span class="pf-v5-c-menu__item-text">Action 12</span>
6617
6344
  </button>
6618
6345
  </li>
6619
6346
  </ul>
@@ -6682,8 +6409,8 @@ cssPrefix: pf-v5-c-menu
6682
6409
  | `.pf-m-current` | `.pf-v5-c-menu__list-item` | Modifies a list item for current styles. |
6683
6410
  | `.pf-m-load` | `.pf-v5-c-menu__list-item` | Modifies a list item for "load more" styles. |
6684
6411
  | `.pf-m-loading` | `.pf-v5-c-menu__list-item` | Modifies a list item for loading styles. |
6685
- | `.pf-m-disabled` | `.pf-v5-c-menu__list-item` | Modifies a list item for disabled styling. |
6686
- | `.pf-m-aria-disabled` | `.pf-v5-c-menu__list-item` | Modifies a list item for aria-disabled styling. |
6412
+ | `.pf-m-disabled` | `.pf-v5-c-menu__item` | Modifies a list item for disabled styling. |
6413
+ | `.pf-m-aria-disabled` | `.pf-v5-c-menu__item` | Modifies a list item for aria-disabled styling. |
6687
6414
  | `.pf-m-drilldown` | `.pf-v5-c-menu` | Modifies the menu so that all nested `.pf-v5-c-menu` elements "drill down". |
6688
6415
  | `.pf-m-current-path` | `.pf-v5-c-menu.pf-m-drilldown .pf-v5-c-menu__list-item` | Modifies the menu list item for current path state. |
6689
6416
  | `.pf-m-drilled-in` | `.pf-v5-c-menu.pf-m-drilldown, .pf-v5-c-menu.pf-m-drilldown .pf-v5-c-menu` | Modifies the menu list for drilled in state. |