@patternfly/patternfly 6.0.0-alpha.4 → 6.0.0-alpha.41

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (346) 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 -9
  23. package/base/_variables.scss +8 -6
  24. package/base/patternfly-common.css +24 -6
  25. package/base/patternfly-globals.css +5 -5
  26. package/base/patternfly-icons.css +5 -1
  27. package/base/patternfly-pf-icons.css +5 -1
  28. package/base/patternfly-variables.css +889 -787
  29. package/base/tokens/_tokens-dark.scss +322 -265
  30. package/base/tokens/_tokens-default.scss +428 -306
  31. package/base/tokens/_tokens-font.scss +41 -46
  32. package/base/tokens/_tokens-palette.scss +69 -71
  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 +2 -2
  39. package/components/ActionList/action-list.scss +2 -2
  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 -15
  49. package/components/BackToTop/back-to-top.scss +14 -13
  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 +35 -23
  61. package/components/Button/button.scss +36 -26
  62. package/components/Button/themes/dark/button.scss +1 -1
  63. package/components/CalendarMonth/calendar-month.css +25 -15
  64. package/components/CalendarMonth/calendar-month.scss +23 -15
  65. package/components/Card/card.css +28 -17
  66. package/components/Card/card.scss +32 -17
  67. package/components/Check/check.css +12 -10
  68. package/components/Check/check.scss +17 -12
  69. package/components/Chip/chip-group.css +6 -6
  70. package/components/Chip/chip-group.scss +6 -6
  71. package/components/Chip/chip.css +16 -9
  72. package/components/Chip/chip.scss +17 -9
  73. package/components/ClipboardCopy/clipboard-copy.css +19 -10
  74. package/components/ClipboardCopy/clipboard-copy.scss +16 -8
  75. package/components/ClipboardCopy/themes/dark/clipboard-copy.scss +2 -2
  76. package/components/CodeBlock/code-block.css +6 -3
  77. package/components/CodeBlock/code-block.scss +6 -3
  78. package/components/CodeEditor/code-editor.css +31 -22
  79. package/components/CodeEditor/code-editor.scss +30 -21
  80. package/components/CodeEditor/themes/dark/code-editor.scss +1 -1
  81. package/components/Content/content.css +100 -97
  82. package/components/Content/content.scss +101 -98
  83. package/components/ContextSelector/context-selector.css +41 -26
  84. package/components/ContextSelector/context-selector.scss +40 -25
  85. package/components/ContextSelector/themes/dark/context-selector.scss +1 -1
  86. package/components/DataList/data-list-grid.css +21 -21
  87. package/components/DataList/data-list-grid.scss +3 -3
  88. package/components/DataList/data-list.css +69 -56
  89. package/components/DataList/data-list.scss +47 -35
  90. package/components/DatePicker/date-picker.css +8 -8
  91. package/components/DatePicker/date-picker.scss +8 -8
  92. package/components/DescriptionList/description-list.css +8 -5
  93. package/components/DescriptionList/description-list.scss +8 -5
  94. package/components/Divider/divider.css +97 -177
  95. package/components/Divider/divider.scss +60 -79
  96. package/components/DragDrop/drag-drop.css +8 -8
  97. package/components/DragDrop/drag-drop.scss +8 -8
  98. package/components/Drawer/drawer.css +120 -62
  99. package/components/Drawer/drawer.scss +94 -44
  100. package/components/Dropdown/dropdown.css +76 -69
  101. package/components/Dropdown/dropdown.scss +67 -62
  102. package/components/DualListSelector/dual-list-selector.css +29 -15
  103. package/components/DualListSelector/dual-list-selector.scss +30 -15
  104. package/components/EmptyState/empty-state.css +64 -38
  105. package/components/EmptyState/empty-state.scss +70 -38
  106. package/components/ExpandableSection/expandable-section.css +75 -66
  107. package/components/ExpandableSection/expandable-section.scss +82 -80
  108. package/components/FileUpload/file-upload.css +9 -15
  109. package/components/FileUpload/file-upload.scss +9 -15
  110. package/components/Form/form.css +59 -50
  111. package/components/Form/form.scss +50 -45
  112. package/components/FormControl/form-control.css +18 -9
  113. package/components/FormControl/form-control.scss +18 -9
  114. package/components/HelperText/helper-text.css +29 -35
  115. package/components/HelperText/helper-text.scss +31 -41
  116. package/components/Hint/hint.css +37 -27
  117. package/components/Hint/hint.scss +37 -30
  118. package/components/Icon/icon.css +1 -1
  119. package/components/Icon/icon.scss +1 -1
  120. package/components/InlineEdit/inline-edit.css +9 -9
  121. package/components/InlineEdit/inline-edit.scss +9 -9
  122. package/components/InputGroup/input-group.css +12 -6
  123. package/components/InputGroup/input-group.scss +11 -5
  124. package/components/InputGroup/themes/dark/input-group.scss +1 -1
  125. package/components/JumpLinks/jump-links.css +27 -24
  126. package/components/JumpLinks/jump-links.scss +26 -24
  127. package/components/Label/label-group.css +13 -10
  128. package/components/Label/label-group.scss +13 -10
  129. package/components/Label/label.css +9 -9
  130. package/components/Label/label.scss +9 -9
  131. package/components/List/list.css +25 -25
  132. package/components/List/list.scss +26 -26
  133. package/components/LogViewer/log-viewer.css +14 -14
  134. package/components/LogViewer/log-viewer.scss +14 -14
  135. package/components/Login/login.css +104 -122
  136. package/components/Login/login.scss +92 -91
  137. package/components/Masthead/masthead.css +273 -498
  138. package/components/Masthead/masthead.scss +137 -282
  139. package/components/Menu/menu.css +82 -65
  140. package/components/Menu/menu.scss +85 -69
  141. package/components/MenuToggle/menu-toggle.css +90 -100
  142. package/components/MenuToggle/menu-toggle.scss +93 -111
  143. package/components/ModalBox/modal-box.css +76 -69
  144. package/components/ModalBox/modal-box.scss +74 -70
  145. package/components/MultipleFileUpload/multiple-file-upload.css +11 -8
  146. package/components/MultipleFileUpload/multiple-file-upload.scss +11 -8
  147. package/components/Nav/nav.css +162 -133
  148. package/components/Nav/nav.scss +162 -135
  149. package/components/Nav/themes/dark/nav.scss +2 -2
  150. package/components/NotificationBadge/notification-badge.css +66 -85
  151. package/components/NotificationBadge/notification-badge.scss +72 -103
  152. package/components/NotificationDrawer/notification-drawer.css +32 -19
  153. package/components/NotificationDrawer/notification-drawer.scss +30 -19
  154. package/components/NumberInput/number-input.css +2 -2
  155. package/components/NumberInput/number-input.scss +2 -2
  156. package/components/OptionsMenu/options-menu.css +43 -31
  157. package/components/OptionsMenu/options-menu.scss +43 -31
  158. package/components/OverflowMenu/overflow-menu.css +2 -2
  159. package/components/OverflowMenu/overflow-menu.scss +2 -2
  160. package/components/Page/page.css +232 -271
  161. package/components/Page/page.scss +180 -231
  162. package/components/Pagination/pagination.css +71 -121
  163. package/components/Pagination/pagination.scss +56 -127
  164. package/components/Panel/panel.css +13 -7
  165. package/components/Panel/panel.scss +13 -7
  166. package/components/Popover/popover.css +108 -87
  167. package/components/Popover/popover.scss +120 -109
  168. package/components/Progress/progress.css +9 -7
  169. package/components/Progress/progress.scss +12 -7
  170. package/components/ProgressStepper/progress-stepper.css +26 -20
  171. package/components/ProgressStepper/progress-stepper.scss +25 -19
  172. package/components/Radio/radio.css +16 -13
  173. package/components/Radio/radio.scss +20 -14
  174. package/components/Select/select.css +56 -47
  175. package/components/Select/select.scss +56 -47
  176. package/components/Sidebar/sidebar.css +11 -5
  177. package/components/Sidebar/sidebar.scss +11 -5
  178. package/components/SimpleList/simple-list.css +45 -56
  179. package/components/SimpleList/simple-list.scss +51 -55
  180. package/components/Skeleton/skeleton.css +24 -25
  181. package/components/Skeleton/skeleton.scss +21 -26
  182. package/components/SkipToContent/skip-to-content.css +9 -6
  183. package/components/SkipToContent/skip-to-content.scss +8 -6
  184. package/components/Slider/slider.css +47 -26
  185. package/components/Slider/slider.scss +56 -28
  186. package/components/Switch/switch.css +10 -6
  187. package/components/Switch/switch.scss +11 -7
  188. package/components/TabContent/tab-content.css +4 -1
  189. package/components/TabContent/tab-content.scss +4 -1
  190. package/components/Table/table-grid.css +264 -203
  191. package/components/Table/table-grid.scss +61 -47
  192. package/components/Table/table-scrollable.css +4 -4
  193. package/components/Table/table-scrollable.scss +6 -4
  194. package/components/Table/table-tree-view.css +112 -105
  195. package/components/Table/table-tree-view.scss +38 -33
  196. package/components/Table/table.css +105 -89
  197. package/components/Table/table.scss +105 -89
  198. package/components/Tabs/tabs.css +76 -48
  199. package/components/Tabs/tabs.scss +74 -48
  200. package/components/TextInputGroup/text-input-group.css +15 -15
  201. package/components/TextInputGroup/text-input-group.scss +15 -15
  202. package/components/Tile/tile.css +10 -10
  203. package/components/Tile/tile.scss +10 -10
  204. package/components/Title/title.css +70 -19
  205. package/components/Title/title.scss +90 -20
  206. package/components/ToggleGroup/toggle-group.css +14 -11
  207. package/components/ToggleGroup/toggle-group.scss +14 -11
  208. package/components/Toolbar/toolbar.css +57 -43
  209. package/components/Toolbar/toolbar.scss +45 -25
  210. package/components/Tooltip/tooltip.css +74 -44
  211. package/components/Tooltip/tooltip.scss +93 -77
  212. package/components/TreeView/tree-view.css +48 -27
  213. package/components/TreeView/tree-view.scss +50 -28
  214. package/components/Truncate/truncate.css +13 -0
  215. package/components/Truncate/truncate.scss +19 -3
  216. package/components/Wizard/wizard.css +57 -36
  217. package/components/Wizard/wizard.scss +57 -36
  218. package/docs/components/AboutModalBox/examples/AboutModalBox.md +2 -2
  219. package/docs/components/Accordion/examples/Accordion.md +614 -416
  220. package/docs/components/Alert/examples/Alert.md +3 -3
  221. package/docs/components/Avatar/examples/Avatar.md +5 -19
  222. package/docs/components/BackgroundImage/examples/BackgroundImage.md +1 -1
  223. package/docs/components/Badge/examples/Badge.md +21 -0
  224. package/docs/components/Banner/examples/Banner.md +48 -25
  225. package/docs/components/Brand/examples/Brand.css +12 -0
  226. package/docs/components/Brand/examples/Brand.md +51 -32
  227. package/docs/components/Breadcrumb/examples/Breadcrumb.md +1 -1
  228. package/docs/components/Button/examples/Button.css +2 -2
  229. package/docs/components/Button/examples/Button.md +15 -3
  230. package/docs/components/Card/examples/Card.md +143 -37
  231. package/docs/components/Check/examples/Check.md +71 -58
  232. package/docs/components/Chip/examples/Chip.md +1 -1
  233. package/docs/components/ClipboardCopy/examples/ClipboardCopy.md +106 -0
  234. package/docs/components/CodeBlock/examples/CodeBlock.md +4 -4
  235. package/docs/components/CodeEditor/examples/CodeEditor.md +3 -3
  236. package/docs/components/Content/examples/Content.md +5 -5
  237. package/docs/components/Divider/examples/Divider.css +3 -1
  238. package/docs/components/Divider/examples/Divider.md +4 -5
  239. package/docs/components/DragDrop/examples/DragDrop.css +2 -2
  240. package/docs/components/Dropdown/deprecated/Dropdown.css +1 -1
  241. package/docs/components/DualListSelector/examples/DualListSelector.md +64 -16
  242. package/docs/components/EmptyState/examples/EmptyState.md +45 -1
  243. package/docs/components/ExpandableSection/examples/ExpandableSection.md +49 -28
  244. package/docs/components/InlineEdit/examples/InlineEdit.md +3 -1
  245. package/docs/components/Label/examples/Label.md +12 -12
  246. package/docs/components/LogViewer/examples/LogViewer.css +2 -2
  247. package/docs/components/LogViewer/examples/LogViewer.md +250 -160
  248. package/docs/components/Login/examples/Login.md +10 -5
  249. package/docs/components/Masthead/examples/masthead.md +443 -65
  250. package/docs/components/Menu/examples/Menu.css +8 -0
  251. package/docs/components/Menu/examples/Menu.md +594 -543
  252. package/docs/components/MenuToggle/examples/MenuToggle.md +151 -138
  253. package/docs/components/ModalBox/examples/ModalBox.css +3 -8
  254. package/docs/components/Nav/examples/Navigation.css +2 -8
  255. package/docs/components/Nav/examples/Navigation.md +240 -114
  256. package/docs/components/NotificationBadge/examples/NotificationBadge.md +5 -7
  257. package/docs/components/OptionsMenu/deprecated/options-menu.md +12 -3
  258. package/docs/components/Page/examples/Page.css +0 -8
  259. package/docs/components/Page/examples/Page.md +22 -21
  260. package/docs/components/Pagination/examples/Pagination.md +663 -637
  261. package/docs/components/Popover/examples/Popover.css +4 -9
  262. package/docs/components/Popover/examples/Popover.md +1 -1
  263. package/docs/components/Radio/examples/Radio.md +62 -54
  264. package/docs/components/Select/deprecated/Select.md +184 -177
  265. package/docs/components/SimpleList/examples/SimpleList.md +3 -3
  266. package/docs/components/Table/examples/Table.css +2 -2
  267. package/docs/components/Table/examples/Table.md +10 -10
  268. package/docs/components/TextInputGroup/examples/TextInputGroup.css +1 -1
  269. package/docs/components/TextInputGroup/examples/TextInputGroup.md +9 -9
  270. package/docs/components/Tile/examples/Tile.css +1 -1
  271. package/docs/components/Title/examples/Title.md +18 -0
  272. package/docs/components/Toolbar/examples/Toolbar.md +663 -2894
  273. package/docs/components/Tooltip/examples/Tooltip.css +4 -0
  274. package/docs/components/Tooltip/examples/Tooltip.md +3 -1
  275. package/docs/components/Truncate/examples/Truncate.css +2 -2
  276. package/docs/components/Truncate/examples/Truncate.md +2 -2
  277. package/docs/demos/AboutModal/examples/AboutModal.md +103 -30
  278. package/docs/demos/Alert/examples/Alert.md +303 -84
  279. package/docs/demos/BackToTop/examples/BackToTop.md +101 -28
  280. package/docs/demos/Banner/examples/Banner.md +209 -58
  281. package/docs/demos/Card/examples/Card.css +3 -3
  282. package/docs/demos/Card/examples/Card.md +28 -12
  283. package/docs/demos/CardView/examples/CardView.md +259 -197
  284. package/docs/demos/ContextSelector/examples/ContextSelector.md +374 -91
  285. package/docs/demos/Dashboard/examples/Dashboard.md +104 -31
  286. package/docs/demos/DataList/examples/DataList.md +974 -907
  287. package/docs/demos/DescriptionList/examples/DescriptionList.md +303 -84
  288. package/docs/demos/Drawer/examples/Drawer.md +505 -140
  289. package/docs/demos/JumpLinks/examples/JumpLinks.md +606 -168
  290. package/docs/demos/Masthead/examples/Masthead.md +745 -310
  291. package/docs/demos/Modal/examples/Modal.md +606 -168
  292. package/docs/demos/Nav/examples/Nav.md +808 -224
  293. package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +510 -140
  294. package/docs/demos/Page/examples/Page.md +909 -252
  295. package/docs/demos/Page/examples/Penta.md +570 -503
  296. package/docs/demos/PasswordGenerator/examples/PasswordGenerator.md +2 -1
  297. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +1293 -914
  298. package/docs/demos/Skeleton/examples/Skeleton.md +108 -63
  299. package/docs/demos/Table/examples/Table.md +3842 -3400
  300. package/docs/demos/Tabs/examples/Tabs.md +636 -191
  301. package/docs/demos/Toolbar/examples/Toolbar.css +15 -0
  302. package/docs/demos/Toolbar/examples/Toolbar.md +1305 -1467
  303. package/docs/demos/Wizard/examples/Wizard.md +909 -252
  304. package/docs/layouts/Flex/examples/Flex.md +16 -16
  305. package/docs/utilities/BoxShadow/examples/box-shadow.css +5 -5
  306. package/icons/pficons.mjs +1 -0
  307. package/layouts/Flex/flex.css +115 -43
  308. package/layouts/Flex/flex.scss +20 -8
  309. package/package.json +36 -32
  310. package/patternfly-addons.css +732 -972
  311. package/patternfly-base-no-globals-theme-dark-unversioned.css +923 -799
  312. package/patternfly-base-no-globals.css +923 -799
  313. package/patternfly-base-theme-dark-unversioned.css +928 -804
  314. package/patternfly-base.css +928 -804
  315. package/patternfly-no-globals.css +5253 -4984
  316. package/patternfly-theme-dark-unversioned.css +5258 -4989
  317. package/patternfly.css +5258 -4989
  318. package/patternfly.min.css +1 -1
  319. package/patternfly.min.css.map +1 -1
  320. package/sass-utilities/functions.scss +6 -0
  321. package/sass-utilities/mixins.scss +62 -2
  322. package/sass-utilities/scss-variables.scss +8 -8
  323. package/sass-utilities/themes/dark/mixins.scss +3 -1
  324. package/utilities/Accessibility/accessibility.css +12 -12
  325. package/utilities/Spacing/spacing.css +720 -960
  326. package/utilities/Spacing/spacing.scss +4 -8
  327. package/base/themes/dark/_variables.scss +0 -102
  328. package/components/AboutModalBox/themes/dark/about-modal-box.scss +0 -7
  329. package/components/Accordion/themes/dark/accordion.scss +0 -9
  330. package/components/Alert/themes/dark/alert.scss +0 -17
  331. package/components/Badge/themes/dark/badge.scss +0 -9
  332. package/components/Banner/themes/dark/banner.scss +0 -14
  333. package/components/HelperText/themes/dark/helper-text.scss +0 -7
  334. package/components/Hint/themes/dark/hint.scss +0 -8
  335. package/components/Login/themes/dark/login.scss +0 -12
  336. package/components/Masthead/themes/dark/masthead.scss +0 -14
  337. package/components/ModalBox/themes/dark/modal-box.scss +0 -7
  338. package/components/NotificationBadge/themes/dark/notification-badge.scss +0 -10
  339. package/components/Page/themes/dark/page.scss +0 -69
  340. package/components/Pagination/themes/dark/pagination.scss +0 -7
  341. package/components/Popover/themes/dark/popover.scss +0 -11
  342. package/components/SimpleList/themes/dark/simple-list.scss +0 -14
  343. package/components/Skeleton/themes/dark/skeleton.scss +0 -10
  344. package/components/Tooltip/themes/dark/tooltip.scss +0 -8
  345. package/docs/components/Avatar/examples/Avatar.css +0 -3
  346. package/docs/components/NotificationBadge/examples/NotificationBadge.css +0 -3
package/docs/components/Nav/examples/Navigation.md CHANGED
@@ -830,14 +830,14 @@ cssPrefix: pf-v5-c-nav
830
830
  <div class="pf-v5-c-menu pf-m-flyout pf-m-nav">
831
831
  <div class="pf-v5-c-menu__content">
832
832
  <ul class="pf-v5-c-menu__list" role="menu">
833
- <li class="pf-v5-c-menu__list-item" role="none">
833
+ <li class="pf-v5-c-menu__list-item" role="group">
834
834
  <a class="pf-v5-c-menu__item" href="#" role="menuitem">
835
835
  <span class="pf-v5-c-menu__item-main">
836
836
  <span class="pf-v5-c-menu__item-text">Container platform</span>
837
837
  </span>
838
838
  </a>
839
839
  </li>
840
- <li class="pf-v5-c-menu__list-item" role="none">
840
+ <li class="pf-v5-c-menu__list-item" role="group">
841
841
  <button
842
842
  class="pf-v5-c-menu__item"
843
843
  type="button"
@@ -854,21 +854,21 @@ cssPrefix: pf-v5-c-nav
854
854
  <div class="pf-v5-c-menu">
855
855
  <div class="pf-v5-c-menu__content">
856
856
  <ul class="pf-v5-c-menu__list" role="menu">
857
- <li class="pf-v5-c-menu__list-item" role="none">
857
+ <li class="pf-v5-c-menu__list-item" role="group">
858
858
  <a class="pf-v5-c-menu__item" href="#" role="menuitem">
859
859
  <span class="pf-v5-c-menu__item-main">
860
860
  <span class="pf-v5-c-menu__item-text">Dedicated (Annual)</span>
861
861
  </span>
862
862
  </a>
863
863
  </li>
864
- <li class="pf-v5-c-menu__list-item" role="none">
864
+ <li class="pf-v5-c-menu__list-item" role="group">
865
865
  <a class="pf-v5-c-menu__item" href="#" role="menuitem">
866
866
  <span class="pf-v5-c-menu__item-main">
867
867
  <span class="pf-v5-c-menu__item-text">Dedicated (On-Demand)</span>
868
868
  </span>
869
869
  </a>
870
870
  </li>
871
- <li class="pf-v5-c-menu__list-item" role="none">
871
+ <li class="pf-v5-c-menu__list-item" role="group">
872
872
  <a class="pf-v5-c-menu__item" href="#" role="menuitem">
873
873
  <span class="pf-v5-c-menu__item-main">
874
874
  <span
@@ -894,21 +894,21 @@ cssPrefix: pf-v5-c-nav
894
894
  <div class="pf-v5-c-menu pf-m-drilldown">
895
895
  <div class="pf-v5-c-menu__content">
896
896
  <ul class="pf-v5-c-menu__list" role="menu">
897
- <li class="pf-v5-c-menu__list-item" role="none">
897
+ <li class="pf-v5-c-menu__list-item" role="group">
898
898
  <button class="pf-v5-c-menu__item" type="button" role="menuitem">
899
899
  <span class="pf-v5-c-menu__item-main">
900
900
  <span class="pf-v5-c-menu__item-text">Start rollout</span>
901
901
  </span>
902
902
  </button>
903
903
  </li>
904
- <li class="pf-v5-c-menu__list-item" role="none">
904
+ <li class="pf-v5-c-menu__list-item" role="group">
905
905
  <button class="pf-v5-c-menu__item" type="button" role="menuitem">
906
906
  <span class="pf-v5-c-menu__item-main">
907
907
  <span class="pf-v5-c-menu__item-text">Pause rollout</span>
908
908
  </span>
909
909
  </button>
910
910
  </li>
911
- <li class="pf-v5-c-menu__list-item" role="none">
911
+ <li class="pf-v5-c-menu__list-item" role="group">
912
912
  <button
913
913
  class="pf-v5-c-menu__item pf-m-current"
914
914
  type="button"
@@ -919,14 +919,14 @@ cssPrefix: pf-v5-c-nav
919
919
  </span>
920
920
  </button>
921
921
  </li>
922
- <li class="pf-v5-c-menu__list-item" role="none">
922
+ <li class="pf-v5-c-menu__list-item" role="group">
923
923
  <button class="pf-v5-c-menu__item" type="button" role="menuitem">
924
924
  <span class="pf-v5-c-menu__item-main">
925
925
  <span class="pf-v5-c-menu__item-text">Add storage</span>
926
926
  </span>
927
927
  </button>
928
928
  </li>
929
- <li class="pf-v5-c-menu__list-item" role="none">
929
+ <li class="pf-v5-c-menu__list-item" role="group">
930
930
  <button
931
931
  class="pf-v5-c-menu__item"
932
932
  type="button"
@@ -943,7 +943,7 @@ cssPrefix: pf-v5-c-nav
943
943
  <div class="pf-v5-c-menu">
944
944
  <div class="pf-v5-c-menu__content">
945
945
  <ul class="pf-v5-c-menu__list" role="menu">
946
- <li class="pf-v5-c-menu__list-item pf-m-drill-up" role="none">
946
+ <li class="pf-v5-c-menu__list-item pf-m-drill-up" role="group">
947
947
  <button
948
948
  class="pf-v5-c-menu__item"
949
949
  type="button"
@@ -958,7 +958,7 @@ cssPrefix: pf-v5-c-nav
958
958
  </span>
959
959
  </button>
960
960
  </li>
961
- <li class="pf-v5-c-menu__list-item" role="none">
961
+ <li class="pf-v5-c-menu__list-item" role="group">
962
962
  <button
963
963
  class="pf-v5-c-menu__item"
964
964
  type="button"
@@ -977,7 +977,7 @@ cssPrefix: pf-v5-c-nav
977
977
  <ul class="pf-v5-c-menu__list" role="menu">
978
978
  <li
979
979
  class="pf-v5-c-menu__list-item pf-m-drill-up"
980
- role="none"
980
+ role="group"
981
981
  >
982
982
  <button
983
983
  class="pf-v5-c-menu__item"
@@ -993,7 +993,7 @@ cssPrefix: pf-v5-c-nav
993
993
  </span>
994
994
  </button>
995
995
  </li>
996
- <li class="pf-v5-c-menu__list-item" role="none">
996
+ <li class="pf-v5-c-menu__list-item" role="group">
997
997
  <button
998
998
  class="pf-v5-c-menu__item"
999
999
  type="button"
@@ -1004,7 +1004,7 @@ cssPrefix: pf-v5-c-nav
1004
1004
  </span>
1005
1005
  </button>
1006
1006
  </li>
1007
- <li class="pf-v5-c-menu__list-item" role="none">
1007
+ <li class="pf-v5-c-menu__list-item" role="group">
1008
1008
  <button
1009
1009
  class="pf-v5-c-menu__item"
1010
1010
  type="button"
@@ -1015,7 +1015,7 @@ cssPrefix: pf-v5-c-nav
1015
1015
  </span>
1016
1016
  </button>
1017
1017
  </li>
1018
- <li class="pf-v5-c-menu__list-item" role="none">
1018
+ <li class="pf-v5-c-menu__list-item" role="group">
1019
1019
  <button
1020
1020
  class="pf-v5-c-menu__item"
1021
1021
  type="button"
@@ -1026,7 +1026,7 @@ cssPrefix: pf-v5-c-nav
1026
1026
  </span>
1027
1027
  </button>
1028
1028
  </li>
1029
- <li class="pf-v5-c-menu__list-item" role="none">
1029
+ <li class="pf-v5-c-menu__list-item" role="group">
1030
1030
  <button
1031
1031
  class="pf-v5-c-menu__item"
1032
1032
  type="button"
@@ -1047,7 +1047,7 @@ cssPrefix: pf-v5-c-nav
1047
1047
  <ul class="pf-v5-c-menu__list" role="menu">
1048
1048
  <li
1049
1049
  class="pf-v5-c-menu__list-item pf-m-drill-up"
1050
- role="none"
1050
+ role="group"
1051
1051
  >
1052
1052
  <button
1053
1053
  class="pf-v5-c-menu__item"
@@ -1067,7 +1067,10 @@ cssPrefix: pf-v5-c-nav
1067
1067
  </span>
1068
1068
  </button>
1069
1069
  </li>
1070
- <li class="pf-v5-c-menu__list-item" role="none">
1070
+ <li
1071
+ class="pf-v5-c-menu__list-item"
1072
+ role="group"
1073
+ >
1071
1074
  <button
1072
1075
  class="pf-v5-c-menu__item"
1073
1076
  type="button"
@@ -1080,7 +1083,10 @@ cssPrefix: pf-v5-c-nav
1080
1083
  </span>
1081
1084
  </button>
1082
1085
  </li>
1083
- <li class="pf-v5-c-menu__list-item" role="none">
1086
+ <li
1087
+ class="pf-v5-c-menu__list-item"
1088
+ role="group"
1089
+ >
1084
1090
  <button
1085
1091
  class="pf-v5-c-menu__item"
1086
1092
  type="button"
@@ -1093,7 +1099,10 @@ cssPrefix: pf-v5-c-nav
1093
1099
  </span>
1094
1100
  </button>
1095
1101
  </li>
1096
- <li class="pf-v5-c-menu__list-item" role="none">
1102
+ <li
1103
+ class="pf-v5-c-menu__list-item"
1104
+ role="group"
1105
+ >
1097
1106
  <button
1098
1107
  class="pf-v5-c-menu__item"
1099
1108
  type="button"
@@ -1114,7 +1123,7 @@ cssPrefix: pf-v5-c-nav
1114
1123
  </div>
1115
1124
  </div>
1116
1125
  </li>
1117
- <li class="pf-v5-c-menu__list-item" role="none">
1126
+ <li class="pf-v5-c-menu__list-item" role="group">
1118
1127
  <button
1119
1128
  class="pf-v5-c-menu__item"
1120
1129
  type="button"
@@ -1133,7 +1142,7 @@ cssPrefix: pf-v5-c-nav
1133
1142
  <ul class="pf-v5-c-menu__list" role="menu">
1134
1143
  <li
1135
1144
  class="pf-v5-c-menu__list-item pf-m-drill-up"
1136
- role="none"
1145
+ role="group"
1137
1146
  >
1138
1147
  <button
1139
1148
  class="pf-v5-c-menu__item"
@@ -1148,7 +1157,7 @@ cssPrefix: pf-v5-c-nav
1148
1157
  </span>
1149
1158
  </button>
1150
1159
  </li>
1151
- <li class="pf-v5-c-menu__list-item" role="none">
1160
+ <li class="pf-v5-c-menu__list-item" role="group">
1152
1161
  <button
1153
1162
  class="pf-v5-c-menu__item"
1154
1163
  type="button"
@@ -1159,7 +1168,7 @@ cssPrefix: pf-v5-c-nav
1159
1168
  </span>
1160
1169
  </button>
1161
1170
  </li>
1162
- <li class="pf-v5-c-menu__list-item" role="none">
1171
+ <li class="pf-v5-c-menu__list-item" role="group">
1163
1172
  <button
1164
1173
  class="pf-v5-c-menu__item"
1165
1174
  type="button"
@@ -1170,7 +1179,7 @@ cssPrefix: pf-v5-c-nav
1170
1179
  </span>
1171
1180
  </button>
1172
1181
  </li>
1173
- <li class="pf-v5-c-menu__list-item" role="none">
1182
+ <li class="pf-v5-c-menu__list-item" role="group">
1174
1183
  <button
1175
1184
  class="pf-v5-c-menu__item"
1176
1185
  type="button"
@@ -1185,7 +1194,7 @@ cssPrefix: pf-v5-c-nav
1185
1194
  </div>
1186
1195
  </div>
1187
1196
  </li>
1188
- <li class="pf-v5-c-menu__list-item" role="none">
1197
+ <li class="pf-v5-c-menu__list-item" role="group">
1189
1198
  <button
1190
1199
  class="pf-v5-c-menu__item"
1191
1200
  type="button"
@@ -1202,7 +1211,7 @@ cssPrefix: pf-v5-c-nav
1202
1211
  </div>
1203
1212
  </div>
1204
1213
  </li>
1205
- <li class="pf-v5-c-menu__list-item" role="none">
1214
+ <li class="pf-v5-c-menu__list-item" role="group">
1206
1215
  <button
1207
1216
  class="pf-v5-c-menu__item"
1208
1217
  type="button"
@@ -1219,7 +1228,7 @@ cssPrefix: pf-v5-c-nav
1219
1228
  <div class="pf-v5-c-menu">
1220
1229
  <div class="pf-v5-c-menu__content">
1221
1230
  <ul class="pf-v5-c-menu__list" role="menu">
1222
- <li class="pf-v5-c-menu__list-item pf-m-drill-up" role="none">
1231
+ <li class="pf-v5-c-menu__list-item pf-m-drill-up" role="group">
1223
1232
  <button
1224
1233
  class="pf-v5-c-menu__item"
1225
1234
  type="button"
@@ -1233,7 +1242,7 @@ cssPrefix: pf-v5-c-nav
1233
1242
  </span>
1234
1243
  </button>
1235
1244
  </li>
1236
- <li class="pf-v5-c-menu__list-item" role="none">
1245
+ <li class="pf-v5-c-menu__list-item" role="group">
1237
1246
  <button
1238
1247
  class="pf-v5-c-menu__item"
1239
1248
  type="button"
@@ -1252,7 +1261,7 @@ cssPrefix: pf-v5-c-nav
1252
1261
  <ul class="pf-v5-c-menu__list" role="menu">
1253
1262
  <li
1254
1263
  class="pf-v5-c-menu__list-item pf-m-drill-up"
1255
- role="none"
1264
+ role="group"
1256
1265
  >
1257
1266
  <button
1258
1267
  class="pf-v5-c-menu__item"
@@ -1267,7 +1276,7 @@ cssPrefix: pf-v5-c-nav
1267
1276
  </span>
1268
1277
  </button>
1269
1278
  </li>
1270
- <li class="pf-v5-c-menu__list-item" role="none">
1279
+ <li class="pf-v5-c-menu__list-item" role="group">
1271
1280
  <button
1272
1281
  class="pf-v5-c-menu__item"
1273
1282
  type="button"
@@ -1278,7 +1287,7 @@ cssPrefix: pf-v5-c-nav
1278
1287
  </span>
1279
1288
  </button>
1280
1289
  </li>
1281
- <li class="pf-v5-c-menu__list-item" role="none">
1290
+ <li class="pf-v5-c-menu__list-item" role="group">
1282
1291
  <button
1283
1292
  class="pf-v5-c-menu__item"
1284
1293
  type="button"
@@ -1289,7 +1298,7 @@ cssPrefix: pf-v5-c-nav
1289
1298
  </span>
1290
1299
  </button>
1291
1300
  </li>
1292
- <li class="pf-v5-c-menu__list-item" role="none">
1301
+ <li class="pf-v5-c-menu__list-item" role="group">
1293
1302
  <button
1294
1303
  class="pf-v5-c-menu__item"
1295
1304
  type="button"
@@ -1304,7 +1313,7 @@ cssPrefix: pf-v5-c-nav
1304
1313
  </div>
1305
1314
  </div>
1306
1315
  </li>
1307
- <li class="pf-v5-c-menu__list-item" role="none">
1316
+ <li class="pf-v5-c-menu__list-item" role="group">
1308
1317
  <button
1309
1318
  class="pf-v5-c-menu__item"
1310
1319
  type="button"
@@ -1315,7 +1324,7 @@ cssPrefix: pf-v5-c-nav
1315
1324
  </span>
1316
1325
  </button>
1317
1326
  </li>
1318
- <li class="pf-v5-c-menu__list-item" role="none">
1327
+ <li class="pf-v5-c-menu__list-item" role="group">
1319
1328
  <button
1320
1329
  class="pf-v5-c-menu__item"
1321
1330
  type="button"
@@ -1326,7 +1335,7 @@ cssPrefix: pf-v5-c-nav
1326
1335
  </span>
1327
1336
  </button>
1328
1337
  </li>
1329
- <li class="pf-v5-c-menu__list-item" role="none">
1338
+ <li class="pf-v5-c-menu__list-item" role="group">
1330
1339
  <button
1331
1340
  class="pf-v5-c-menu__item"
1332
1341
  type="button"
@@ -1339,7 +1348,7 @@ cssPrefix: pf-v5-c-nav
1339
1348
  </span>
1340
1349
  </button>
1341
1350
  </li>
1342
- <li class="pf-v5-c-menu__list-item" role="none">
1351
+ <li class="pf-v5-c-menu__list-item" role="group">
1343
1352
  <button
1344
1353
  class="pf-v5-c-menu__item"
1345
1354
  type="button"
@@ -1358,7 +1367,7 @@ cssPrefix: pf-v5-c-nav
1358
1367
  <ul class="pf-v5-c-menu__list" role="menu">
1359
1368
  <li
1360
1369
  class="pf-v5-c-menu__list-item pf-m-drill-up"
1361
- role="none"
1370
+ role="group"
1362
1371
  >
1363
1372
  <button
1364
1373
  class="pf-v5-c-menu__item"
@@ -1375,7 +1384,7 @@ cssPrefix: pf-v5-c-nav
1375
1384
  </span>
1376
1385
  </button>
1377
1386
  </li>
1378
- <li class="pf-v5-c-menu__list-item" role="none">
1387
+ <li class="pf-v5-c-menu__list-item" role="group">
1379
1388
  <button
1380
1389
  class="pf-v5-c-menu__item"
1381
1390
  type="button"
@@ -1388,7 +1397,7 @@ cssPrefix: pf-v5-c-nav
1388
1397
  </span>
1389
1398
  </button>
1390
1399
  </li>
1391
- <li class="pf-v5-c-menu__list-item" role="none">
1400
+ <li class="pf-v5-c-menu__list-item" role="group">
1392
1401
  <button
1393
1402
  class="pf-v5-c-menu__item"
1394
1403
  type="button"
@@ -1426,21 +1435,21 @@ cssPrefix: pf-v5-c-nav
1426
1435
  style="--pf-v5-c-menu__content--Height: 228px;"
1427
1436
  >
1428
1437
  <ul class="pf-v5-c-menu__list" role="menu">
1429
- <li class="pf-v5-c-menu__list-item" role="none">
1438
+ <li class="pf-v5-c-menu__list-item" role="group">
1430
1439
  <button class="pf-v5-c-menu__item" type="button" role="menuitem">
1431
1440
  <span class="pf-v5-c-menu__item-main">
1432
1441
  <span class="pf-v5-c-menu__item-text">Start rollout</span>
1433
1442
  </span>
1434
1443
  </button>
1435
1444
  </li>
1436
- <li class="pf-v5-c-menu__list-item" role="none">
1445
+ <li class="pf-v5-c-menu__list-item" role="group">
1437
1446
  <button class="pf-v5-c-menu__item" type="button" role="menuitem">
1438
1447
  <span class="pf-v5-c-menu__item-main">
1439
1448
  <span class="pf-v5-c-menu__item-text">Pause rollout</span>
1440
1449
  </span>
1441
1450
  </button>
1442
1451
  </li>
1443
- <li class="pf-v5-c-menu__list-item" role="none">
1452
+ <li class="pf-v5-c-menu__list-item" role="group">
1444
1453
  <button
1445
1454
  class="pf-v5-c-menu__item pf-m-current"
1446
1455
  type="button"
@@ -1451,14 +1460,14 @@ cssPrefix: pf-v5-c-nav
1451
1460
  </span>
1452
1461
  </button>
1453
1462
  </li>
1454
- <li class="pf-v5-c-menu__list-item" role="none">
1463
+ <li class="pf-v5-c-menu__list-item" role="group">
1455
1464
  <button class="pf-v5-c-menu__item" type="button" role="menuitem">
1456
1465
  <span class="pf-v5-c-menu__item-main">
1457
1466
  <span class="pf-v5-c-menu__item-text">Add storage</span>
1458
1467
  </span>
1459
1468
  </button>
1460
1469
  </li>
1461
- <li class="pf-v5-c-menu__list-item pf-m-current-path" role="none">
1470
+ <li class="pf-v5-c-menu__list-item pf-m-current-path" role="group">
1462
1471
  <button
1463
1472
  class="pf-v5-c-menu__item"
1464
1473
  type="button"
@@ -1475,7 +1484,7 @@ cssPrefix: pf-v5-c-nav
1475
1484
  <div class="pf-v5-c-menu">
1476
1485
  <div class="pf-v5-c-menu__content">
1477
1486
  <ul class="pf-v5-c-menu__list" role="menu">
1478
- <li class="pf-v5-c-menu__list-item pf-m-drill-up" role="none">
1487
+ <li class="pf-v5-c-menu__list-item pf-m-drill-up" role="group">
1479
1488
  <button
1480
1489
  class="pf-v5-c-menu__item"
1481
1490
  type="button"
@@ -1490,7 +1499,7 @@ cssPrefix: pf-v5-c-nav
1490
1499
  </span>
1491
1500
  </button>
1492
1501
  </li>
1493
- <li class="pf-v5-c-menu__list-item" role="none">
1502
+ <li class="pf-v5-c-menu__list-item" role="group">
1494
1503
  <button
1495
1504
  class="pf-v5-c-menu__item"
1496
1505
  type="button"
@@ -1509,7 +1518,7 @@ cssPrefix: pf-v5-c-nav
1509
1518
  <ul class="pf-v5-c-menu__list" role="menu">
1510
1519
  <li
1511
1520
  class="pf-v5-c-menu__list-item pf-m-drill-up"
1512
- role="none"
1521
+ role="group"
1513
1522
  >
1514
1523
  <button
1515
1524
  class="pf-v5-c-menu__item"
@@ -1525,7 +1534,7 @@ cssPrefix: pf-v5-c-nav
1525
1534
  </span>
1526
1535
  </button>
1527
1536
  </li>
1528
- <li class="pf-v5-c-menu__list-item" role="none">
1537
+ <li class="pf-v5-c-menu__list-item" role="group">
1529
1538
  <button
1530
1539
  class="pf-v5-c-menu__item"
1531
1540
  type="button"
@@ -1536,7 +1545,7 @@ cssPrefix: pf-v5-c-nav
1536
1545
  </span>
1537
1546
  </button>
1538
1547
  </li>
1539
- <li class="pf-v5-c-menu__list-item" role="none">
1548
+ <li class="pf-v5-c-menu__list-item" role="group">
1540
1549
  <button
1541
1550
  class="pf-v5-c-menu__item"
1542
1551
  type="button"
@@ -1547,7 +1556,7 @@ cssPrefix: pf-v5-c-nav
1547
1556
  </span>
1548
1557
  </button>
1549
1558
  </li>
1550
- <li class="pf-v5-c-menu__list-item" role="none">
1559
+ <li class="pf-v5-c-menu__list-item" role="group">
1551
1560
  <button
1552
1561
  class="pf-v5-c-menu__item"
1553
1562
  type="button"
@@ -1558,7 +1567,7 @@ cssPrefix: pf-v5-c-nav
1558
1567
  </span>
1559
1568
  </button>
1560
1569
  </li>
1561
- <li class="pf-v5-c-menu__list-item" role="none">
1570
+ <li class="pf-v5-c-menu__list-item" role="group">
1562
1571
  <button
1563
1572
  class="pf-v5-c-menu__item"
1564
1573
  type="button"
@@ -1579,7 +1588,7 @@ cssPrefix: pf-v5-c-nav
1579
1588
  <ul class="pf-v5-c-menu__list" role="menu">
1580
1589
  <li
1581
1590
  class="pf-v5-c-menu__list-item pf-m-drill-up"
1582
- role="none"
1591
+ role="group"
1583
1592
  >
1584
1593
  <button
1585
1594
  class="pf-v5-c-menu__item"
@@ -1599,7 +1608,10 @@ cssPrefix: pf-v5-c-nav
1599
1608
  </span>
1600
1609
  </button>
1601
1610
  </li>
1602
- <li class="pf-v5-c-menu__list-item" role="none">
1611
+ <li
1612
+ class="pf-v5-c-menu__list-item"
1613
+ role="group"
1614
+ >
1603
1615
  <button
1604
1616
  class="pf-v5-c-menu__item"
1605
1617
  type="button"
@@ -1612,7 +1624,10 @@ cssPrefix: pf-v5-c-nav
1612
1624
  </span>
1613
1625
  </button>
1614
1626
  </li>
1615
- <li class="pf-v5-c-menu__list-item" role="none">
1627
+ <li
1628
+ class="pf-v5-c-menu__list-item"
1629
+ role="group"
1630
+ >
1616
1631
  <button
1617
1632
  class="pf-v5-c-menu__item"
1618
1633
  type="button"
@@ -1625,7 +1640,10 @@ cssPrefix: pf-v5-c-nav
1625
1640
  </span>
1626
1641
  </button>
1627
1642
  </li>
1628
- <li class="pf-v5-c-menu__list-item" role="none">
1643
+ <li
1644
+ class="pf-v5-c-menu__list-item"
1645
+ role="group"
1646
+ >
1629
1647
  <button
1630
1648
  class="pf-v5-c-menu__item"
1631
1649
  type="button"
@@ -1646,7 +1664,7 @@ cssPrefix: pf-v5-c-nav
1646
1664
  </div>
1647
1665
  </div>
1648
1666
  </li>
1649
- <li class="pf-v5-c-menu__list-item" role="none">
1667
+ <li class="pf-v5-c-menu__list-item" role="group">
1650
1668
  <button
1651
1669
  class="pf-v5-c-menu__item"
1652
1670
  type="button"
@@ -1665,7 +1683,7 @@ cssPrefix: pf-v5-c-nav
1665
1683
  <ul class="pf-v5-c-menu__list" role="menu">
1666
1684
  <li
1667
1685
  class="pf-v5-c-menu__list-item pf-m-drill-up"
1668
- role="none"
1686
+ role="group"
1669
1687
  >
1670
1688
  <button
1671
1689
  class="pf-v5-c-menu__item"
@@ -1680,7 +1698,7 @@ cssPrefix: pf-v5-c-nav
1680
1698
  </span>
1681
1699
  </button>
1682
1700
  </li>
1683
- <li class="pf-v5-c-menu__list-item" role="none">
1701
+ <li class="pf-v5-c-menu__list-item" role="group">
1684
1702
  <button
1685
1703
  class="pf-v5-c-menu__item"
1686
1704
  type="button"
@@ -1691,7 +1709,7 @@ cssPrefix: pf-v5-c-nav
1691
1709
  </span>
1692
1710
  </button>
1693
1711
  </li>
1694
- <li class="pf-v5-c-menu__list-item" role="none">
1712
+ <li class="pf-v5-c-menu__list-item" role="group">
1695
1713
  <button
1696
1714
  class="pf-v5-c-menu__item"
1697
1715
  type="button"
@@ -1702,7 +1720,7 @@ cssPrefix: pf-v5-c-nav
1702
1720
  </span>
1703
1721
  </button>
1704
1722
  </li>
1705
- <li class="pf-v5-c-menu__list-item" role="none">
1723
+ <li class="pf-v5-c-menu__list-item" role="group">
1706
1724
  <button
1707
1725
  class="pf-v5-c-menu__item"
1708
1726
  type="button"
@@ -1717,7 +1735,7 @@ cssPrefix: pf-v5-c-nav
1717
1735
  </div>
1718
1736
  </div>
1719
1737
  </li>
1720
- <li class="pf-v5-c-menu__list-item" role="none">
1738
+ <li class="pf-v5-c-menu__list-item" role="group">
1721
1739
  <button
1722
1740
  class="pf-v5-c-menu__item"
1723
1741
  type="button"
@@ -1734,7 +1752,7 @@ cssPrefix: pf-v5-c-nav
1734
1752
  </div>
1735
1753
  </div>
1736
1754
  </li>
1737
- <li class="pf-v5-c-menu__list-item" role="none">
1755
+ <li class="pf-v5-c-menu__list-item" role="group">
1738
1756
  <button
1739
1757
  class="pf-v5-c-menu__item"
1740
1758
  type="button"
@@ -1751,7 +1769,7 @@ cssPrefix: pf-v5-c-nav
1751
1769
  <div class="pf-v5-c-menu">
1752
1770
  <div class="pf-v5-c-menu__content">
1753
1771
  <ul class="pf-v5-c-menu__list" role="menu">
1754
- <li class="pf-v5-c-menu__list-item pf-m-drill-up" role="none">
1772
+ <li class="pf-v5-c-menu__list-item pf-m-drill-up" role="group">
1755
1773
  <button
1756
1774
  class="pf-v5-c-menu__item"
1757
1775
  type="button"
@@ -1765,7 +1783,7 @@ cssPrefix: pf-v5-c-nav
1765
1783
  </span>
1766
1784
  </button>
1767
1785
  </li>
1768
- <li class="pf-v5-c-menu__list-item" role="none">
1786
+ <li class="pf-v5-c-menu__list-item" role="group">
1769
1787
  <button
1770
1788
  class="pf-v5-c-menu__item"
1771
1789
  type="button"
@@ -1784,7 +1802,7 @@ cssPrefix: pf-v5-c-nav
1784
1802
  <ul class="pf-v5-c-menu__list" role="menu">
1785
1803
  <li
1786
1804
  class="pf-v5-c-menu__list-item pf-m-drill-up"
1787
- role="none"
1805
+ role="group"
1788
1806
  >
1789
1807
  <button
1790
1808
  class="pf-v5-c-menu__item"
@@ -1799,7 +1817,7 @@ cssPrefix: pf-v5-c-nav
1799
1817
  </span>
1800
1818
  </button>
1801
1819
  </li>
1802
- <li class="pf-v5-c-menu__list-item" role="none">
1820
+ <li class="pf-v5-c-menu__list-item" role="group">
1803
1821
  <button
1804
1822
  class="pf-v5-c-menu__item"
1805
1823
  type="button"
@@ -1810,7 +1828,7 @@ cssPrefix: pf-v5-c-nav
1810
1828
  </span>
1811
1829
  </button>
1812
1830
  </li>
1813
- <li class="pf-v5-c-menu__list-item" role="none">
1831
+ <li class="pf-v5-c-menu__list-item" role="group">
1814
1832
  <button
1815
1833
  class="pf-v5-c-menu__item"
1816
1834
  type="button"
@@ -1821,7 +1839,7 @@ cssPrefix: pf-v5-c-nav
1821
1839
  </span>
1822
1840
  </button>
1823
1841
  </li>
1824
- <li class="pf-v5-c-menu__list-item" role="none">
1842
+ <li class="pf-v5-c-menu__list-item" role="group">
1825
1843
  <button
1826
1844
  class="pf-v5-c-menu__item"
1827
1845
  type="button"
@@ -1836,7 +1854,7 @@ cssPrefix: pf-v5-c-nav
1836
1854
  </div>
1837
1855
  </div>
1838
1856
  </li>
1839
- <li class="pf-v5-c-menu__list-item" role="none">
1857
+ <li class="pf-v5-c-menu__list-item" role="group">
1840
1858
  <button
1841
1859
  class="pf-v5-c-menu__item"
1842
1860
  type="button"
@@ -1847,7 +1865,7 @@ cssPrefix: pf-v5-c-nav
1847
1865
  </span>
1848
1866
  </button>
1849
1867
  </li>
1850
- <li class="pf-v5-c-menu__list-item" role="none">
1868
+ <li class="pf-v5-c-menu__list-item" role="group">
1851
1869
  <button
1852
1870
  class="pf-v5-c-menu__item"
1853
1871
  type="button"
@@ -1858,7 +1876,7 @@ cssPrefix: pf-v5-c-nav
1858
1876
  </span>
1859
1877
  </button>
1860
1878
  </li>
1861
- <li class="pf-v5-c-menu__list-item" role="none">
1879
+ <li class="pf-v5-c-menu__list-item" role="group">
1862
1880
  <button
1863
1881
  class="pf-v5-c-menu__item"
1864
1882
  type="button"
@@ -1871,7 +1889,7 @@ cssPrefix: pf-v5-c-nav
1871
1889
  </span>
1872
1890
  </button>
1873
1891
  </li>
1874
- <li class="pf-v5-c-menu__list-item" role="none">
1892
+ <li class="pf-v5-c-menu__list-item" role="group">
1875
1893
  <button
1876
1894
  class="pf-v5-c-menu__item"
1877
1895
  type="button"
@@ -1890,7 +1908,7 @@ cssPrefix: pf-v5-c-nav
1890
1908
  <ul class="pf-v5-c-menu__list" role="menu">
1891
1909
  <li
1892
1910
  class="pf-v5-c-menu__list-item pf-m-drill-up"
1893
- role="none"
1911
+ role="group"
1894
1912
  >
1895
1913
  <button
1896
1914
  class="pf-v5-c-menu__item"
@@ -1907,7 +1925,7 @@ cssPrefix: pf-v5-c-nav
1907
1925
  </span>
1908
1926
  </button>
1909
1927
  </li>
1910
- <li class="pf-v5-c-menu__list-item" role="none">
1928
+ <li class="pf-v5-c-menu__list-item" role="group">
1911
1929
  <button
1912
1930
  class="pf-v5-c-menu__item"
1913
1931
  type="button"
@@ -1920,7 +1938,7 @@ cssPrefix: pf-v5-c-nav
1920
1938
  </span>
1921
1939
  </button>
1922
1940
  </li>
1923
- <li class="pf-v5-c-menu__list-item" role="none">
1941
+ <li class="pf-v5-c-menu__list-item" role="group">
1924
1942
  <button
1925
1943
  class="pf-v5-c-menu__item"
1926
1944
  type="button"
@@ -1958,21 +1976,21 @@ cssPrefix: pf-v5-c-nav
1958
1976
  style="--pf-v5-c-menu__content--Height: 284px;"
1959
1977
  >
1960
1978
  <ul class="pf-v5-c-menu__list" role="menu">
1961
- <li class="pf-v5-c-menu__list-item" role="none">
1979
+ <li class="pf-v5-c-menu__list-item" role="group">
1962
1980
  <button class="pf-v5-c-menu__item" type="button" role="menuitem">
1963
1981
  <span class="pf-v5-c-menu__item-main">
1964
1982
  <span class="pf-v5-c-menu__item-text">Start rollout</span>
1965
1983
  </span>
1966
1984
  </button>
1967
1985
  </li>
1968
- <li class="pf-v5-c-menu__list-item" role="none">
1986
+ <li class="pf-v5-c-menu__list-item" role="group">
1969
1987
  <button class="pf-v5-c-menu__item" type="button" role="menuitem">
1970
1988
  <span class="pf-v5-c-menu__item-main">
1971
1989
  <span class="pf-v5-c-menu__item-text">Pause rollout</span>
1972
1990
  </span>
1973
1991
  </button>
1974
1992
  </li>
1975
- <li class="pf-v5-c-menu__list-item" role="none">
1993
+ <li class="pf-v5-c-menu__list-item" role="group">
1976
1994
  <button
1977
1995
  class="pf-v5-c-menu__item pf-m-current"
1978
1996
  type="button"
@@ -1983,14 +2001,14 @@ cssPrefix: pf-v5-c-nav
1983
2001
  </span>
1984
2002
  </button>
1985
2003
  </li>
1986
- <li class="pf-v5-c-menu__list-item" role="none">
2004
+ <li class="pf-v5-c-menu__list-item" role="group">
1987
2005
  <button class="pf-v5-c-menu__item" type="button" role="menuitem">
1988
2006
  <span class="pf-v5-c-menu__item-main">
1989
2007
  <span class="pf-v5-c-menu__item-text">Add storage</span>
1990
2008
  </span>
1991
2009
  </button>
1992
2010
  </li>
1993
- <li class="pf-v5-c-menu__list-item pf-m-current-path" role="none">
2011
+ <li class="pf-v5-c-menu__list-item pf-m-current-path" role="group">
1994
2012
  <button
1995
2013
  class="pf-v5-c-menu__item"
1996
2014
  type="button"
@@ -2007,7 +2025,7 @@ cssPrefix: pf-v5-c-nav
2007
2025
  <div class="pf-v5-c-menu pf-m-drilled-in">
2008
2026
  <div class="pf-v5-c-menu__content">
2009
2027
  <ul class="pf-v5-c-menu__list" role="menu">
2010
- <li class="pf-v5-c-menu__list-item pf-m-drill-up" role="none">
2028
+ <li class="pf-v5-c-menu__list-item pf-m-drill-up" role="group">
2011
2029
  <button
2012
2030
  class="pf-v5-c-menu__item"
2013
2031
  type="button"
@@ -2024,7 +2042,7 @@ cssPrefix: pf-v5-c-nav
2024
2042
  </li>
2025
2043
  <li
2026
2044
  class="pf-v5-c-menu__list-item pf-m-current-path"
2027
- role="none"
2045
+ role="group"
2028
2046
  >
2029
2047
  <button
2030
2048
  class="pf-v5-c-menu__item"
@@ -2044,7 +2062,7 @@ cssPrefix: pf-v5-c-nav
2044
2062
  <ul class="pf-v5-c-menu__list" role="menu">
2045
2063
  <li
2046
2064
  class="pf-v5-c-menu__list-item pf-m-drill-up"
2047
- role="none"
2065
+ role="group"
2048
2066
  >
2049
2067
  <button
2050
2068
  class="pf-v5-c-menu__item"
@@ -2060,7 +2078,7 @@ cssPrefix: pf-v5-c-nav
2060
2078
  </span>
2061
2079
  </button>
2062
2080
  </li>
2063
- <li class="pf-v5-c-menu__list-item" role="none">
2081
+ <li class="pf-v5-c-menu__list-item" role="group">
2064
2082
  <button
2065
2083
  class="pf-v5-c-menu__item"
2066
2084
  type="button"
@@ -2071,7 +2089,7 @@ cssPrefix: pf-v5-c-nav
2071
2089
  </span>
2072
2090
  </button>
2073
2091
  </li>
2074
- <li class="pf-v5-c-menu__list-item" role="none">
2092
+ <li class="pf-v5-c-menu__list-item" role="group">
2075
2093
  <button
2076
2094
  class="pf-v5-c-menu__item"
2077
2095
  type="button"
@@ -2082,7 +2100,7 @@ cssPrefix: pf-v5-c-nav
2082
2100
  </span>
2083
2101
  </button>
2084
2102
  </li>
2085
- <li class="pf-v5-c-menu__list-item" role="none">
2103
+ <li class="pf-v5-c-menu__list-item" role="group">
2086
2104
  <button
2087
2105
  class="pf-v5-c-menu__item"
2088
2106
  type="button"
@@ -2093,7 +2111,7 @@ cssPrefix: pf-v5-c-nav
2093
2111
  </span>
2094
2112
  </button>
2095
2113
  </li>
2096
- <li class="pf-v5-c-menu__list-item" role="none">
2114
+ <li class="pf-v5-c-menu__list-item" role="group">
2097
2115
  <button
2098
2116
  class="pf-v5-c-menu__item"
2099
2117
  type="button"
@@ -2114,7 +2132,7 @@ cssPrefix: pf-v5-c-nav
2114
2132
  <ul class="pf-v5-c-menu__list" role="menu">
2115
2133
  <li
2116
2134
  class="pf-v5-c-menu__list-item pf-m-drill-up"
2117
- role="none"
2135
+ role="group"
2118
2136
  >
2119
2137
  <button
2120
2138
  class="pf-v5-c-menu__item"
@@ -2134,7 +2152,10 @@ cssPrefix: pf-v5-c-nav
2134
2152
  </span>
2135
2153
  </button>
2136
2154
  </li>
2137
- <li class="pf-v5-c-menu__list-item" role="none">
2155
+ <li
2156
+ class="pf-v5-c-menu__list-item"
2157
+ role="group"
2158
+ >
2138
2159
  <button
2139
2160
  class="pf-v5-c-menu__item"
2140
2161
  type="button"
@@ -2147,7 +2168,10 @@ cssPrefix: pf-v5-c-nav
2147
2168
  </span>
2148
2169
  </button>
2149
2170
  </li>
2150
- <li class="pf-v5-c-menu__list-item" role="none">
2171
+ <li
2172
+ class="pf-v5-c-menu__list-item"
2173
+ role="group"
2174
+ >
2151
2175
  <button
2152
2176
  class="pf-v5-c-menu__item"
2153
2177
  type="button"
@@ -2160,7 +2184,10 @@ cssPrefix: pf-v5-c-nav
2160
2184
  </span>
2161
2185
  </button>
2162
2186
  </li>
2163
- <li class="pf-v5-c-menu__list-item" role="none">
2187
+ <li
2188
+ class="pf-v5-c-menu__list-item"
2189
+ role="group"
2190
+ >
2164
2191
  <button
2165
2192
  class="pf-v5-c-menu__item"
2166
2193
  type="button"
@@ -2181,7 +2208,7 @@ cssPrefix: pf-v5-c-nav
2181
2208
  </div>
2182
2209
  </div>
2183
2210
  </li>
2184
- <li class="pf-v5-c-menu__list-item" role="none">
2211
+ <li class="pf-v5-c-menu__list-item" role="group">
2185
2212
  <button
2186
2213
  class="pf-v5-c-menu__item"
2187
2214
  type="button"
@@ -2200,7 +2227,7 @@ cssPrefix: pf-v5-c-nav
2200
2227
  <ul class="pf-v5-c-menu__list" role="menu">
2201
2228
  <li
2202
2229
  class="pf-v5-c-menu__list-item pf-m-drill-up"
2203
- role="none"
2230
+ role="group"
2204
2231
  >
2205
2232
  <button
2206
2233
  class="pf-v5-c-menu__item"
@@ -2215,7 +2242,7 @@ cssPrefix: pf-v5-c-nav
2215
2242
  </span>
2216
2243
  </button>
2217
2244
  </li>
2218
- <li class="pf-v5-c-menu__list-item" role="none">
2245
+ <li class="pf-v5-c-menu__list-item" role="group">
2219
2246
  <button
2220
2247
  class="pf-v5-c-menu__item"
2221
2248
  type="button"
@@ -2226,7 +2253,7 @@ cssPrefix: pf-v5-c-nav
2226
2253
  </span>
2227
2254
  </button>
2228
2255
  </li>
2229
- <li class="pf-v5-c-menu__list-item" role="none">
2256
+ <li class="pf-v5-c-menu__list-item" role="group">
2230
2257
  <button
2231
2258
  class="pf-v5-c-menu__item"
2232
2259
  type="button"
@@ -2237,7 +2264,7 @@ cssPrefix: pf-v5-c-nav
2237
2264
  </span>
2238
2265
  </button>
2239
2266
  </li>
2240
- <li class="pf-v5-c-menu__list-item" role="none">
2267
+ <li class="pf-v5-c-menu__list-item" role="group">
2241
2268
  <button
2242
2269
  class="pf-v5-c-menu__item"
2243
2270
  type="button"
@@ -2252,7 +2279,7 @@ cssPrefix: pf-v5-c-nav
2252
2279
  </div>
2253
2280
  </div>
2254
2281
  </li>
2255
- <li class="pf-v5-c-menu__list-item" role="none">
2282
+ <li class="pf-v5-c-menu__list-item" role="group">
2256
2283
  <button
2257
2284
  class="pf-v5-c-menu__item"
2258
2285
  type="button"
@@ -2269,7 +2296,7 @@ cssPrefix: pf-v5-c-nav
2269
2296
  </div>
2270
2297
  </div>
2271
2298
  </li>
2272
- <li class="pf-v5-c-menu__list-item" role="none">
2299
+ <li class="pf-v5-c-menu__list-item" role="group">
2273
2300
  <button
2274
2301
  class="pf-v5-c-menu__item"
2275
2302
  type="button"
@@ -2286,7 +2313,7 @@ cssPrefix: pf-v5-c-nav
2286
2313
  <div class="pf-v5-c-menu">
2287
2314
  <div class="pf-v5-c-menu__content">
2288
2315
  <ul class="pf-v5-c-menu__list" role="menu">
2289
- <li class="pf-v5-c-menu__list-item pf-m-drill-up" role="none">
2316
+ <li class="pf-v5-c-menu__list-item pf-m-drill-up" role="group">
2290
2317
  <button
2291
2318
  class="pf-v5-c-menu__item"
2292
2319
  type="button"
@@ -2300,7 +2327,7 @@ cssPrefix: pf-v5-c-nav
2300
2327
  </span>
2301
2328
  </button>
2302
2329
  </li>
2303
- <li class="pf-v5-c-menu__list-item" role="none">
2330
+ <li class="pf-v5-c-menu__list-item" role="group">
2304
2331
  <button
2305
2332
  class="pf-v5-c-menu__item"
2306
2333
  type="button"
@@ -2319,7 +2346,7 @@ cssPrefix: pf-v5-c-nav
2319
2346
  <ul class="pf-v5-c-menu__list" role="menu">
2320
2347
  <li
2321
2348
  class="pf-v5-c-menu__list-item pf-m-drill-up"
2322
- role="none"
2349
+ role="group"
2323
2350
  >
2324
2351
  <button
2325
2352
  class="pf-v5-c-menu__item"
@@ -2334,7 +2361,7 @@ cssPrefix: pf-v5-c-nav
2334
2361
  </span>
2335
2362
  </button>
2336
2363
  </li>
2337
- <li class="pf-v5-c-menu__list-item" role="none">
2364
+ <li class="pf-v5-c-menu__list-item" role="group">
2338
2365
  <button
2339
2366
  class="pf-v5-c-menu__item"
2340
2367
  type="button"
@@ -2345,7 +2372,7 @@ cssPrefix: pf-v5-c-nav
2345
2372
  </span>
2346
2373
  </button>
2347
2374
  </li>
2348
- <li class="pf-v5-c-menu__list-item" role="none">
2375
+ <li class="pf-v5-c-menu__list-item" role="group">
2349
2376
  <button
2350
2377
  class="pf-v5-c-menu__item"
2351
2378
  type="button"
@@ -2356,7 +2383,7 @@ cssPrefix: pf-v5-c-nav
2356
2383
  </span>
2357
2384
  </button>
2358
2385
  </li>
2359
- <li class="pf-v5-c-menu__list-item" role="none">
2386
+ <li class="pf-v5-c-menu__list-item" role="group">
2360
2387
  <button
2361
2388
  class="pf-v5-c-menu__item"
2362
2389
  type="button"
@@ -2371,7 +2398,7 @@ cssPrefix: pf-v5-c-nav
2371
2398
  </div>
2372
2399
  </div>
2373
2400
  </li>
2374
- <li class="pf-v5-c-menu__list-item" role="none">
2401
+ <li class="pf-v5-c-menu__list-item" role="group">
2375
2402
  <button
2376
2403
  class="pf-v5-c-menu__item"
2377
2404
  type="button"
@@ -2382,7 +2409,7 @@ cssPrefix: pf-v5-c-nav
2382
2409
  </span>
2383
2410
  </button>
2384
2411
  </li>
2385
- <li class="pf-v5-c-menu__list-item" role="none">
2412
+ <li class="pf-v5-c-menu__list-item" role="group">
2386
2413
  <button
2387
2414
  class="pf-v5-c-menu__item"
2388
2415
  type="button"
@@ -2393,7 +2420,7 @@ cssPrefix: pf-v5-c-nav
2393
2420
  </span>
2394
2421
  </button>
2395
2422
  </li>
2396
- <li class="pf-v5-c-menu__list-item" role="none">
2423
+ <li class="pf-v5-c-menu__list-item" role="group">
2397
2424
  <button
2398
2425
  class="pf-v5-c-menu__item"
2399
2426
  type="button"
@@ -2406,7 +2433,7 @@ cssPrefix: pf-v5-c-nav
2406
2433
  </span>
2407
2434
  </button>
2408
2435
  </li>
2409
- <li class="pf-v5-c-menu__list-item" role="none">
2436
+ <li class="pf-v5-c-menu__list-item" role="group">
2410
2437
  <button
2411
2438
  class="pf-v5-c-menu__item"
2412
2439
  type="button"
@@ -2425,7 +2452,7 @@ cssPrefix: pf-v5-c-nav
2425
2452
  <ul class="pf-v5-c-menu__list" role="menu">
2426
2453
  <li
2427
2454
  class="pf-v5-c-menu__list-item pf-m-drill-up"
2428
- role="none"
2455
+ role="group"
2429
2456
  >
2430
2457
  <button
2431
2458
  class="pf-v5-c-menu__item"
@@ -2442,7 +2469,7 @@ cssPrefix: pf-v5-c-nav
2442
2469
  </span>
2443
2470
  </button>
2444
2471
  </li>
2445
- <li class="pf-v5-c-menu__list-item" role="none">
2472
+ <li class="pf-v5-c-menu__list-item" role="group">
2446
2473
  <button
2447
2474
  class="pf-v5-c-menu__item"
2448
2475
  type="button"
@@ -2455,7 +2482,7 @@ cssPrefix: pf-v5-c-nav
2455
2482
  </span>
2456
2483
  </button>
2457
2484
  </li>
2458
- <li class="pf-v5-c-menu__list-item" role="none">
2485
+ <li class="pf-v5-c-menu__list-item" role="group">
2459
2486
  <button
2460
2487
  class="pf-v5-c-menu__item"
2461
2488
  type="button"
@@ -2483,13 +2510,111 @@ cssPrefix: pf-v5-c-nav
2483
2510
 
2484
2511
  ```
2485
2512
 
2513
+ ### Nav link text
2514
+
2515
+ When using anything other than a text node for the link text, wrap the link text in an element with `.pf-v5-c-nav__link-text`.
2516
+
2517
+ ```html isBeta
2518
+ <nav class="pf-v5-c-nav" aria-label="Global">
2519
+ <ul class="pf-v5-c-nav__list" role="list">
2520
+ <li class="pf-v5-c-nav__item">
2521
+ <a href="#" class="pf-v5-c-nav__link">
2522
+ <span class="pf-v5-c-nav__link-text">
2523
+ Link 1
2524
+ <i class="fas fa-arrow-right" aria-hidden="true"></i>
2525
+ </span>
2526
+ </a>
2527
+ </li>
2528
+ <li class="pf-v5-c-nav__item pf-m-expandable pf-m-expanded">
2529
+ <button
2530
+ class="pf-v5-c-nav__link"
2531
+ id="nav-link-text-link2"
2532
+ aria-expanded="true"
2533
+ >
2534
+ <span class="pf-v5-c-nav__link-text">
2535
+ Link 2
2536
+ <small>(small text)</small>
2537
+ </span>
2538
+ <span class="pf-v5-c-nav__toggle">
2539
+ <span class="pf-v5-c-nav__toggle-icon">
2540
+ <i class="fas fa-angle-right" aria-hidden="true"></i>
2541
+ </span>
2542
+ </span>
2543
+ </button>
2544
+ <section
2545
+ class="pf-v5-c-nav__subnav"
2546
+ aria-labelledby="nav-link-text-link2"
2547
+ >
2548
+ <ul class="pf-v5-c-nav__list" role="list">
2549
+ <li class="pf-v5-c-nav__item">
2550
+ <a href="#" class="pf-v5-c-nav__link">
2551
+ <span class="pf-v5-c-nav__link-text">
2552
+ <i class="fas fa-user" aria-hidden="true"></i>
2553
+ Subnav link 1
2554
+ </span>
2555
+ </a>
2556
+ </li>
2557
+ <li class="pf-v5-c-nav__item">
2558
+ <a href="#" class="pf-v5-c-nav__link">
2559
+ <span class="pf-v5-c-nav__link-text">
2560
+ <i class="fas fa-user" aria-hidden="true"></i>
2561
+ Subnav link 2
2562
+ </span>
2563
+ </a>
2564
+ </li>
2565
+ </ul>
2566
+ </section>
2567
+ </li>
2568
+ <li class="pf-v5-c-nav__item pf-m-expandable pf-m-current">
2569
+ <button
2570
+ class="pf-v5-c-nav__link"
2571
+ id="nav-link-text-link4"
2572
+ aria-expanded="false"
2573
+ >
2574
+ <span class="pf-v5-c-nav__link-text">
2575
+ Link 3
2576
+ <strong>(strong text)</strong>
2577
+ </span>
2578
+ <span class="pf-v5-c-nav__toggle">
2579
+ <span class="pf-v5-c-nav__toggle-icon">
2580
+ <i class="fas fa-angle-right" aria-hidden="true"></i>
2581
+ </span>
2582
+ </span>
2583
+ </button>
2584
+ <section
2585
+ class="pf-v5-c-nav__subnav"
2586
+ aria-labelledby="nav-link-text-link4"
2587
+ hidden
2588
+ >
2589
+ <ul class="pf-v5-c-nav__list" role="list">
2590
+ <li class="pf-v5-c-nav__item">
2591
+ <a href="#" class="pf-v5-c-nav__link">Subnav link 1</a>
2592
+ </li>
2593
+ <li class="pf-v5-c-nav__item">
2594
+ <a
2595
+ href="#"
2596
+ class="pf-v5-c-nav__link pf-m-current"
2597
+ aria-current="page"
2598
+ >Subnav link 2</a>
2599
+ </li>
2600
+ <li class="pf-v5-c-nav__item">
2601
+ <a href="#" class="pf-v5-c-nav__link">Subnav link 3</a>
2602
+ </li>
2603
+ </ul>
2604
+ </section>
2605
+ </li>
2606
+ </ul>
2607
+ </nav>
2608
+
2609
+ ```
2610
+
2486
2611
  ## Documentation
2487
2612
 
2488
2613
  ### Overview
2489
2614
 
2490
2615
  The navigation system relies on several different sub-components:
2491
2616
 
2492
- * `.pf-v5-c-nav__list` - default navigation list. It is the basis for both default and expandable, vertical navigation.
2617
+ * `.pf-v5-c-nav__list` - default navigation list. It is the basis for both default and expandable, vertical navigation.
2493
2618
 
2494
2619
  ### Accessibility
2495
2620
 
@@ -2514,6 +2639,7 @@ The navigation system relies on several different sub-components:
2514
2639
  | `.pf-v5-c-nav__list` | `<ul>` | Initiates nav list. |
2515
2640
  | `.pf-v5-c-nav__item` | `<li>` | Initiates nav list item. |
2516
2641
  | `.pf-v5-c-nav__link` | `<a>` | Initiates nav list link. |
2642
+ | `.pf-v5-c-nav__link-text` | `<span>` | Initiates nav list link text. |
2517
2643
  | `.pf-v5-c-nav__section` | `<section>` | Initiates a nav section element. |
2518
2644
  | `.pf-v5-c-nav__section-title` | `<h1>`, `<h2>`, `<h3>`, `<h4>`, `<h5>`, `<h6>` | Initiates a nav section title. |
2519
2645
  | `.pf-v5-c-nav__toggle` | `<span>` | Initiates the nav toggle wrapper. |