@patternfly/patternfly 5.1.0-prerelease.1 → 5.1.0-prerelease.11

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 (267) hide show
  1. package/README.md +10 -0
  2. package/assets/icons/iconUnicodes.json +1 -0
  3. package/assets/pficon/pf-v5-pficon.woff2 +0 -0
  4. package/assets/pficon/pficon.scss +6 -129
  5. package/base/_common.scss +22 -0
  6. package/base/_globals.scss +1 -1
  7. package/base/_variables.scss +7 -0
  8. package/base/patternfly-common.css +17 -2
  9. package/base/patternfly-globals.css +1 -1
  10. package/base/patternfly-icons.css +5 -1
  11. package/base/patternfly-pf-icons.css +5 -1
  12. package/base/patternfly-variables.css +5 -0
  13. package/components/AboutModalBox/about-modal-box.css +20 -13
  14. package/components/AboutModalBox/about-modal-box.scss +20 -13
  15. package/components/Accordion/accordion.css +33 -20
  16. package/components/Accordion/accordion.scss +32 -20
  17. package/components/ActionList/action-list.css +2 -2
  18. package/components/ActionList/action-list.scss +2 -2
  19. package/components/Alert/alert-group.css +7 -4
  20. package/components/Alert/alert-group.scss +7 -4
  21. package/components/Alert/alert.css +16 -13
  22. package/components/Alert/alert.scss +16 -13
  23. package/components/AppLauncher/app-launcher.css +32 -23
  24. package/components/AppLauncher/app-launcher.scss +32 -23
  25. package/components/BackToTop/back-to-top.css +2 -2
  26. package/components/BackToTop/back-to-top.scss +2 -2
  27. package/components/Backdrop/backdrop.css +2 -2
  28. package/components/Backdrop/backdrop.scss +2 -2
  29. package/components/BackgroundImage/background-image.css +2 -2
  30. package/components/BackgroundImage/background-image.scss +2 -2
  31. package/components/Badge/badge.css +2 -2
  32. package/components/Badge/badge.scss +2 -2
  33. package/components/Banner/banner.css +5 -2
  34. package/components/Banner/banner.scss +5 -2
  35. package/components/Breadcrumb/breadcrumb.css +6 -3
  36. package/components/Breadcrumb/breadcrumb.scss +6 -3
  37. package/components/Button/button.css +23 -17
  38. package/components/Button/button.scss +22 -16
  39. package/components/Button/themes/dark/button.scss +1 -1
  40. package/components/CalendarMonth/calendar-month.css +21 -15
  41. package/components/CalendarMonth/calendar-month.scss +21 -15
  42. package/components/Card/card.css +21 -16
  43. package/components/Card/card.scss +21 -16
  44. package/components/Check/check.css +2 -2
  45. package/components/Check/check.scss +2 -2
  46. package/components/Chip/chip-group.css +6 -6
  47. package/components/Chip/chip-group.scss +6 -6
  48. package/components/Chip/chip.css +16 -9
  49. package/components/Chip/chip.scss +17 -9
  50. package/components/ClipboardCopy/clipboard-copy.css +16 -10
  51. package/components/ClipboardCopy/clipboard-copy.scss +14 -8
  52. package/components/ClipboardCopy/themes/dark/clipboard-copy.scss +2 -2
  53. package/components/CodeBlock/code-block.css +6 -3
  54. package/components/CodeBlock/code-block.scss +6 -3
  55. package/components/CodeEditor/code-editor.css +31 -22
  56. package/components/CodeEditor/code-editor.scss +30 -21
  57. package/components/CodeEditor/themes/dark/code-editor.scss +1 -1
  58. package/components/Content/content.css +33 -30
  59. package/components/Content/content.scss +33 -30
  60. package/components/ContextSelector/context-selector.css +41 -26
  61. package/components/ContextSelector/context-selector.scss +40 -25
  62. package/components/ContextSelector/themes/dark/context-selector.scss +1 -1
  63. package/components/DataList/data-list-grid.css +21 -49
  64. package/components/DataList/data-list-grid.scss +3 -3
  65. package/components/DataList/data-list.css +66 -84
  66. package/components/DataList/data-list.scss +45 -35
  67. package/components/DatePicker/date-picker.css +8 -8
  68. package/components/DatePicker/date-picker.scss +8 -8
  69. package/components/DescriptionList/description-list.css +8 -5
  70. package/components/DescriptionList/description-list.scss +8 -5
  71. package/components/DragDrop/drag-drop.css +8 -8
  72. package/components/DragDrop/drag-drop.scss +8 -8
  73. package/components/Drawer/drawer.css +75 -60
  74. package/components/Drawer/drawer.scss +51 -36
  75. package/components/Dropdown/dropdown.css +75 -66
  76. package/components/Dropdown/dropdown.scss +65 -56
  77. package/components/DualListSelector/dual-list-selector.css +29 -15
  78. package/components/DualListSelector/dual-list-selector.scss +30 -15
  79. package/components/EmptyState/empty-state.css +7 -4
  80. package/components/EmptyState/empty-state.scss +7 -4
  81. package/components/ExpandableSection/expandable-section.css +17 -10
  82. package/components/ExpandableSection/expandable-section.scss +15 -10
  83. package/components/FileUpload/file-upload.css +9 -15
  84. package/components/FileUpload/file-upload.scss +9 -15
  85. package/components/Form/form.css +50 -50
  86. package/components/Form/form.scss +44 -44
  87. package/components/FormControl/form-control.css +21 -11
  88. package/components/FormControl/form-control.scss +21 -11
  89. package/components/HelperText/helper-text.css +1 -1
  90. package/components/HelperText/helper-text.scss +1 -1
  91. package/components/Hint/hint.css +9 -6
  92. package/components/Hint/hint.scss +9 -6
  93. package/components/Icon/icon.css +1 -1
  94. package/components/Icon/icon.scss +1 -1
  95. package/components/InlineEdit/inline-edit.css +4 -4
  96. package/components/InlineEdit/inline-edit.scss +4 -4
  97. package/components/InputGroup/input-group.css +12 -6
  98. package/components/InputGroup/input-group.scss +11 -5
  99. package/components/InputGroup/themes/dark/input-group.scss +1 -1
  100. package/components/JumpLinks/jump-links.css +24 -24
  101. package/components/JumpLinks/jump-links.scss +24 -24
  102. package/components/Label/label-group.css +13 -10
  103. package/components/Label/label-group.scss +13 -10
  104. package/components/Label/label.css +9 -9
  105. package/components/Label/label.scss +9 -9
  106. package/components/List/list.css +9 -9
  107. package/components/List/list.scss +9 -9
  108. package/components/LogViewer/log-viewer.css +14 -14
  109. package/components/LogViewer/log-viewer.scss +14 -14
  110. package/components/Login/login.css +36 -27
  111. package/components/Login/login.scss +36 -27
  112. package/components/Masthead/masthead.css +19 -22
  113. package/components/Masthead/masthead.scss +19 -22
  114. package/components/Menu/menu.css +69 -66
  115. package/components/Menu/menu.scss +69 -67
  116. package/components/MenuToggle/menu-toggle.css +41 -29
  117. package/components/MenuToggle/menu-toggle.scss +41 -29
  118. package/components/ModalBox/modal-box.css +19 -19
  119. package/components/ModalBox/modal-box.scss +20 -20
  120. package/components/MultipleFileUpload/multiple-file-upload.css +11 -8
  121. package/components/MultipleFileUpload/multiple-file-upload.scss +11 -8
  122. package/components/Nav/nav.css +100 -93
  123. package/components/Nav/nav.scss +98 -91
  124. package/components/Nav/themes/dark/nav.scss +2 -2
  125. package/components/NotificationBadge/notification-badge.css +13 -7
  126. package/components/NotificationBadge/notification-badge.scss +13 -7
  127. package/components/NotificationDrawer/notification-drawer.css +28 -19
  128. package/components/NotificationDrawer/notification-drawer.scss +28 -19
  129. package/components/NumberInput/number-input.css +3 -3
  130. package/components/NumberInput/number-input.scss +2 -2
  131. package/components/OptionsMenu/options-menu.css +43 -31
  132. package/components/OptionsMenu/options-menu.scss +43 -31
  133. package/components/OverflowMenu/overflow-menu.css +2 -2
  134. package/components/OverflowMenu/overflow-menu.scss +2 -2
  135. package/components/Page/page.css +119 -65
  136. package/components/Page/page.scss +63 -39
  137. package/components/Page/themes/dark/page.scss +1 -1
  138. package/components/Pagination/pagination.css +28 -18
  139. package/components/Pagination/pagination.scss +25 -17
  140. package/components/Panel/panel.css +13 -7
  141. package/components/Panel/panel.scss +13 -7
  142. package/components/Popover/popover.css +24 -21
  143. package/components/Popover/popover.scss +24 -21
  144. package/components/Progress/progress.css +7 -7
  145. package/components/Progress/progress.scss +7 -7
  146. package/components/ProgressStepper/progress-stepper.css +26 -20
  147. package/components/ProgressStepper/progress-stepper.scss +25 -19
  148. package/components/Radio/radio.css +4 -5
  149. package/components/Radio/radio.scss +4 -5
  150. package/components/Select/select.css +56 -47
  151. package/components/Select/select.scss +56 -47
  152. package/components/Sidebar/sidebar.css +11 -5
  153. package/components/Sidebar/sidebar.scss +11 -5
  154. package/components/SimpleList/simple-list.css +10 -4
  155. package/components/SimpleList/simple-list.scss +10 -4
  156. package/components/Skeleton/skeleton.css +2 -5
  157. package/components/Skeleton/skeleton.scss +2 -5
  158. package/components/SkipToContent/skip-to-content.css +3 -3
  159. package/components/SkipToContent/skip-to-content.scss +3 -3
  160. package/components/Slider/slider.css +46 -26
  161. package/components/Slider/slider.scss +54 -26
  162. package/components/Switch/switch.css +9 -5
  163. package/components/Switch/switch.scss +10 -6
  164. package/components/TabContent/tab-content.css +4 -1
  165. package/components/TabContent/tab-content.scss +4 -1
  166. package/components/Table/table-grid.css +256 -219
  167. package/components/Table/table-grid.scss +53 -39
  168. package/components/Table/table-scrollable.css +2 -2
  169. package/components/Table/table-scrollable.scss +2 -2
  170. package/components/Table/table-tree-view.css +107 -104
  171. package/components/Table/table-tree-view.scss +32 -32
  172. package/components/Table/table.css +87 -69
  173. package/components/Table/table.scss +87 -69
  174. package/components/Tabs/tabs.css +66 -48
  175. package/components/Tabs/tabs.scss +66 -48
  176. package/components/TextInputGroup/text-input-group.css +15 -15
  177. package/components/TextInputGroup/text-input-group.scss +15 -15
  178. package/components/Tile/tile.css +10 -10
  179. package/components/Tile/tile.scss +10 -10
  180. package/components/ToggleGroup/toggle-group.css +14 -11
  181. package/components/ToggleGroup/toggle-group.scss +14 -11
  182. package/components/Toolbar/toolbar.css +44 -41
  183. package/components/Toolbar/toolbar.scss +24 -21
  184. package/components/Tooltip/tooltip.css +19 -16
  185. package/components/Tooltip/tooltip.scss +19 -16
  186. package/components/TreeView/tree-view.css +42 -27
  187. package/components/TreeView/tree-view.scss +43 -28
  188. package/components/Wizard/wizard.css +57 -36
  189. package/components/Wizard/wizard.scss +57 -36
  190. package/docs/components/AppLauncher/deprecated/application-launcher.md +155 -70
  191. package/docs/components/Badge/examples/Badge.md +16 -4
  192. package/docs/components/Breadcrumb/examples/Breadcrumb.md +11 -5
  193. package/docs/components/Button/examples/Button.css +2 -2
  194. package/docs/components/Button/examples/Button.md +1 -0
  195. package/docs/components/Card/examples/Card.md +152 -64
  196. package/docs/components/Chip/examples/Chip.md +31 -11
  197. package/docs/components/ContextSelector/deprecated/context-selector.md +198 -96
  198. package/docs/components/DataList/examples/DataList.md +391 -136
  199. package/docs/components/DragDrop/examples/DragDrop.css +2 -2
  200. package/docs/components/Dropdown/deprecated/Dropdown.css +1 -1
  201. package/docs/components/Dropdown/deprecated/Dropdown.md +881 -367
  202. package/docs/components/DualListSelector/examples/DualListSelector.md +368 -128
  203. package/docs/components/FormControl/examples/FormControl.md +2 -1
  204. package/docs/components/Hint/examples/Hint.md +57 -24
  205. package/docs/components/InlineEdit/examples/InlineEdit.md +46 -16
  206. package/docs/components/Label/examples/Label.md +1 -1
  207. package/docs/components/LogViewer/examples/LogViewer.css +2 -2
  208. package/docs/components/LogViewer/examples/LogViewer.md +40 -30
  209. package/docs/components/Menu/examples/Menu.md +41 -20
  210. package/docs/components/MenuToggle/examples/MenuToggle.md +1 -1
  211. package/docs/components/ModalBox/examples/ModalBox.css +2 -2
  212. package/docs/components/Nav/examples/Navigation.css +3 -26
  213. package/docs/components/Nav/examples/Navigation.md +99 -0
  214. package/docs/components/NotificationDrawer/examples/NotificationDrawer.md +619 -240
  215. package/docs/components/OptionsMenu/deprecated/options-menu.md +403 -160
  216. package/docs/components/OverflowMenu/examples/overflow-menu.md +45 -34
  217. package/docs/components/Pagination/examples/Pagination.md +195 -65
  218. package/docs/components/Popover/examples/Popover.css +2 -2
  219. package/docs/components/ProgressStepper/examples/ProgressStepper.md +50 -0
  220. package/docs/components/Select/deprecated/Select.css +3 -3
  221. package/docs/components/Select/deprecated/Select.md +43 -55
  222. package/docs/components/Table/examples/Table.css +2 -2
  223. package/docs/components/Table/examples/Table.md +4546 -1668
  224. package/docs/components/Tabs/examples/Tabs.md +1094 -438
  225. package/docs/components/TextInputGroup/examples/TextInputGroup.css +1 -1
  226. package/docs/components/TextInputGroup/examples/TextInputGroup.md +2 -2
  227. package/docs/components/Tile/examples/Tile.css +1 -1
  228. package/docs/components/Toolbar/examples/Toolbar.md +148 -80
  229. package/docs/components/TreeView/examples/TreeView.md +23 -8
  230. package/docs/components/Wizard/examples/Wizard.md +75 -36
  231. package/docs/demos/Card/examples/Card.css +3 -3
  232. package/docs/demos/Card/examples/Card.md +49 -24
  233. package/docs/demos/CardView/examples/CardView.md +182 -74
  234. package/docs/demos/ContextSelector/examples/ContextSelector.md +95 -47
  235. package/docs/demos/Dashboard/examples/Dashboard.md +18 -9
  236. package/docs/demos/DataList/examples/DataList.md +163 -70
  237. package/docs/demos/DescriptionList/examples/DescriptionList.md +20 -9
  238. package/docs/demos/Drawer/examples/Drawer.md +20 -9
  239. package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +803 -338
  240. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +241 -101
  241. package/docs/demos/Table/examples/Table.md +1422 -607
  242. package/docs/demos/Tabs/examples/Tabs.md +113 -48
  243. package/docs/demos/Toolbar/examples/Toolbar.md +320 -127
  244. package/docs/demos/Wizard/examples/Wizard.md +191 -41
  245. package/docs/layouts/Flex/examples/Flex.md +5 -5
  246. package/docs/utilities/BoxShadow/examples/box-shadow.css +5 -5
  247. package/icons/pficons.mjs +1 -0
  248. package/layouts/Flex/flex.css +115 -43
  249. package/layouts/Flex/flex.scss +20 -8
  250. package/package.json +40 -37
  251. package/patternfly-addons.css +732 -972
  252. package/patternfly-base-no-globals-theme-dark-unversioned.css +27 -3
  253. package/patternfly-base-no-globals.css +27 -3
  254. package/patternfly-base-theme-dark-unversioned.css +28 -4
  255. package/patternfly-base.css +28 -4
  256. package/patternfly-no-globals.css +2420 -1872
  257. package/patternfly-theme-dark-unversioned.css +2421 -1873
  258. package/patternfly.css +2421 -1873
  259. package/patternfly.min.css +1 -1
  260. package/patternfly.min.css.map +1 -1
  261. package/sass-utilities/functions.scss +6 -0
  262. package/sass-utilities/mixins.scss +62 -2
  263. package/sass-utilities/placeholders.scss +1 -1
  264. package/sass-utilities/scss-variables.scss +8 -8
  265. package/utilities/Accessibility/accessibility.css +12 -12
  266. package/utilities/Spacing/spacing.css +720 -960
  267. package/utilities/Spacing/spacing.scss +4 -8
package/docs/demos/Toolbar/examples/Toolbar.md CHANGED
@@ -156,11 +156,15 @@ section: components
156
156
  </button>
157
157
  <ul
158
158
  class="pf-v5-c-dropdown__menu"
159
+ role="menu"
159
160
  aria-labelledby="toolbar-attribute-value-search-filter-desktop-example-overflow-menu-dropdown-toggle"
160
161
  hidden
161
162
  >
162
- <li>
163
- <button class="pf-v5-c-dropdown__menu-item">Tertiary</button>
163
+ <li role="none">
164
+ <button
165
+ role="menuitem"
166
+ class="pf-v5-c-dropdown__menu-item"
167
+ >Tertiary</button>
164
168
  </li>
165
169
  </ul>
166
170
  </div>
@@ -192,27 +196,34 @@ section: components
192
196
  </button>
193
197
  <ul
194
198
  class="pf-v5-c-options-menu__menu"
199
+ role="menu"
195
200
  aria-labelledby="toolbar-attribute-value-search-filter-desktop-example-pagination-options-menu-toggle"
196
201
  hidden
197
202
  >
198
- <li>
203
+ <li role="none">
199
204
  <button
200
205
  class="pf-v5-c-options-menu__menu-item"
201
206
  type="button"
207
+ role="menuitem"
202
208
  >5 per page</button>
203
209
  </li>
204
- <li>
205
- <button class="pf-v5-c-options-menu__menu-item" type="button">
210
+ <li role="none">
211
+ <button
212
+ class="pf-v5-c-options-menu__menu-item"
213
+ type="button"
214
+ role="menuitem"
215
+ >
206
216
  10 per page
207
217
  <div class="pf-v5-c-options-menu__menu-item-icon">
208
218
  <i class="fas fa-check" aria-hidden="true"></i>
209
219
  </div>
210
220
  </button>
211
221
  </li>
212
- <li>
222
+ <li role="none">
213
223
  <button
214
224
  class="pf-v5-c-options-menu__menu-item"
215
225
  type="button"
226
+ role="menuitem"
216
227
  >20 per page</button>
217
228
  </li>
218
229
  </ul>
@@ -836,35 +847,44 @@ section: components
836
847
  class="pf-v5-c-dropdown__menu pf-m-align-right"
837
848
  aria-labelledby="-table-table-dropdown-kebab-1-button"
838
849
  hidden
850
+ role="menu"
839
851
  >
840
- <li>
841
- <a class="pf-v5-c-dropdown__menu-item" href="#">Link</a>
852
+ <li role="none">
853
+ <a
854
+ class="pf-v5-c-dropdown__menu-item"
855
+ role="menuitem"
856
+ href="#"
857
+ >Link</a>
842
858
  </li>
843
- <li>
859
+ <li role="none">
844
860
  <button
845
861
  class="pf-v5-c-dropdown__menu-item"
862
+ role="menuitem"
846
863
  type="button"
847
864
  >Action</button>
848
865
  </li>
849
- <li>
866
+ <li role="none">
850
867
  <a
851
868
  class="pf-v5-c-dropdown__menu-item pf-m-disabled"
869
+ role="menuitem"
852
870
  href="#"
853
871
  aria-disabled="true"
854
872
  tabindex="-1"
855
873
  >Disabled link</a>
856
874
  </li>
857
- <li>
875
+ <li role="none">
858
876
  <button
859
877
  class="pf-v5-c-dropdown__menu-item"
878
+ role="menuitem"
860
879
  type="button"
861
880
  disabled
862
881
  >Disabled action</button>
863
882
  </li>
864
883
  <li class="pf-v5-c-divider" role="separator"></li>
865
- <li>
884
+ <li role="none">
866
885
  <a
867
886
  class="pf-v5-c-dropdown__menu-item"
887
+ role="menuitem"
868
888
  href="#"
869
889
  >Separated link</a>
870
890
  </li>
@@ -936,35 +956,44 @@ section: components
936
956
  class="pf-v5-c-dropdown__menu pf-m-align-right"
937
957
  aria-labelledby="-table-table-dropdown-kebab-2-button"
938
958
  hidden
959
+ role="menu"
939
960
  >
940
- <li>
941
- <a class="pf-v5-c-dropdown__menu-item" href="#">Link</a>
961
+ <li role="none">
962
+ <a
963
+ class="pf-v5-c-dropdown__menu-item"
964
+ role="menuitem"
965
+ href="#"
966
+ >Link</a>
942
967
  </li>
943
- <li>
968
+ <li role="none">
944
969
  <button
945
970
  class="pf-v5-c-dropdown__menu-item"
971
+ role="menuitem"
946
972
  type="button"
947
973
  >Action</button>
948
974
  </li>
949
- <li>
975
+ <li role="none">
950
976
  <a
951
977
  class="pf-v5-c-dropdown__menu-item pf-m-disabled"
978
+ role="menuitem"
952
979
  href="#"
953
980
  aria-disabled="true"
954
981
  tabindex="-1"
955
982
  >Disabled link</a>
956
983
  </li>
957
- <li>
984
+ <li role="none">
958
985
  <button
959
986
  class="pf-v5-c-dropdown__menu-item"
987
+ role="menuitem"
960
988
  type="button"
961
989
  disabled
962
990
  >Disabled action</button>
963
991
  </li>
964
992
  <li class="pf-v5-c-divider" role="separator"></li>
965
- <li>
993
+ <li role="none">
966
994
  <a
967
995
  class="pf-v5-c-dropdown__menu-item"
996
+ role="menuitem"
968
997
  href="#"
969
998
  >Separated link</a>
970
999
  </li>
@@ -1036,35 +1065,44 @@ section: components
1036
1065
  class="pf-v5-c-dropdown__menu pf-m-align-right"
1037
1066
  aria-labelledby="-table-table-dropdown-kebab-3-button"
1038
1067
  hidden
1068
+ role="menu"
1039
1069
  >
1040
- <li>
1041
- <a class="pf-v5-c-dropdown__menu-item" href="#">Link</a>
1070
+ <li role="none">
1071
+ <a
1072
+ class="pf-v5-c-dropdown__menu-item"
1073
+ role="menuitem"
1074
+ href="#"
1075
+ >Link</a>
1042
1076
  </li>
1043
- <li>
1077
+ <li role="none">
1044
1078
  <button
1045
1079
  class="pf-v5-c-dropdown__menu-item"
1080
+ role="menuitem"
1046
1081
  type="button"
1047
1082
  >Action</button>
1048
1083
  </li>
1049
- <li>
1084
+ <li role="none">
1050
1085
  <a
1051
1086
  class="pf-v5-c-dropdown__menu-item pf-m-disabled"
1087
+ role="menuitem"
1052
1088
  href="#"
1053
1089
  aria-disabled="true"
1054
1090
  tabindex="-1"
1055
1091
  >Disabled link</a>
1056
1092
  </li>
1057
- <li>
1093
+ <li role="none">
1058
1094
  <button
1059
1095
  class="pf-v5-c-dropdown__menu-item"
1096
+ role="menuitem"
1060
1097
  type="button"
1061
1098
  disabled
1062
1099
  >Disabled action</button>
1063
1100
  </li>
1064
1101
  <li class="pf-v5-c-divider" role="separator"></li>
1065
- <li>
1102
+ <li role="none">
1066
1103
  <a
1067
1104
  class="pf-v5-c-dropdown__menu-item"
1105
+ role="menuitem"
1068
1106
  href="#"
1069
1107
  >Separated link</a>
1070
1108
  </li>
@@ -1136,35 +1174,44 @@ section: components
1136
1174
  class="pf-v5-c-dropdown__menu pf-m-align-right"
1137
1175
  aria-labelledby="-table-table-dropdown-kebab-4-button"
1138
1176
  hidden
1177
+ role="menu"
1139
1178
  >
1140
- <li>
1141
- <a class="pf-v5-c-dropdown__menu-item" href="#">Link</a>
1179
+ <li role="none">
1180
+ <a
1181
+ class="pf-v5-c-dropdown__menu-item"
1182
+ role="menuitem"
1183
+ href="#"
1184
+ >Link</a>
1142
1185
  </li>
1143
- <li>
1186
+ <li role="none">
1144
1187
  <button
1145
1188
  class="pf-v5-c-dropdown__menu-item"
1189
+ role="menuitem"
1146
1190
  type="button"
1147
1191
  >Action</button>
1148
1192
  </li>
1149
- <li>
1193
+ <li role="none">
1150
1194
  <a
1151
1195
  class="pf-v5-c-dropdown__menu-item pf-m-disabled"
1196
+ role="menuitem"
1152
1197
  href="#"
1153
1198
  aria-disabled="true"
1154
1199
  tabindex="-1"
1155
1200
  >Disabled link</a>
1156
1201
  </li>
1157
- <li>
1202
+ <li role="none">
1158
1203
  <button
1159
1204
  class="pf-v5-c-dropdown__menu-item"
1205
+ role="menuitem"
1160
1206
  type="button"
1161
1207
  disabled
1162
1208
  >Disabled action</button>
1163
1209
  </li>
1164
1210
  <li class="pf-v5-c-divider" role="separator"></li>
1165
- <li>
1211
+ <li role="none">
1166
1212
  <a
1167
1213
  class="pf-v5-c-dropdown__menu-item"
1214
+ role="menuitem"
1168
1215
  href="#"
1169
1216
  >Separated link</a>
1170
1217
  </li>
@@ -1236,35 +1283,44 @@ section: components
1236
1283
  class="pf-v5-c-dropdown__menu pf-m-align-right"
1237
1284
  aria-labelledby="-table-table-dropdown-kebab-5-button"
1238
1285
  hidden
1286
+ role="menu"
1239
1287
  >
1240
- <li>
1241
- <a class="pf-v5-c-dropdown__menu-item" href="#">Link</a>
1288
+ <li role="none">
1289
+ <a
1290
+ class="pf-v5-c-dropdown__menu-item"
1291
+ role="menuitem"
1292
+ href="#"
1293
+ >Link</a>
1242
1294
  </li>
1243
- <li>
1295
+ <li role="none">
1244
1296
  <button
1245
1297
  class="pf-v5-c-dropdown__menu-item"
1298
+ role="menuitem"
1246
1299
  type="button"
1247
1300
  >Action</button>
1248
1301
  </li>
1249
- <li>
1302
+ <li role="none">
1250
1303
  <a
1251
1304
  class="pf-v5-c-dropdown__menu-item pf-m-disabled"
1305
+ role="menuitem"
1252
1306
  href="#"
1253
1307
  aria-disabled="true"
1254
1308
  tabindex="-1"
1255
1309
  >Disabled link</a>
1256
1310
  </li>
1257
- <li>
1311
+ <li role="none">
1258
1312
  <button
1259
1313
  class="pf-v5-c-dropdown__menu-item"
1314
+ role="menuitem"
1260
1315
  type="button"
1261
1316
  disabled
1262
1317
  >Disabled action</button>
1263
1318
  </li>
1264
1319
  <li class="pf-v5-c-divider" role="separator"></li>
1265
- <li>
1320
+ <li role="none">
1266
1321
  <a
1267
1322
  class="pf-v5-c-dropdown__menu-item"
1323
+ role="menuitem"
1268
1324
  href="#"
1269
1325
  >Separated link</a>
1270
1326
  </li>
@@ -1321,17 +1377,27 @@ section: components
1321
1377
  </button>
1322
1378
  <ul
1323
1379
  class="pf-v5-c-dropdown__menu"
1380
+ role="menu"
1324
1381
  aria-labelledby="toolbar-attribute-value-search-filter-mobile-example-overflow-menu-dropdown-toggle"
1325
1382
  hidden
1326
1383
  >
1327
- <li>
1328
- <button class="pf-v5-c-dropdown__menu-item">Primary</button>
1384
+ <li role="none">
1385
+ <button
1386
+ role="menuitem"
1387
+ class="pf-v5-c-dropdown__menu-item"
1388
+ >Primary</button>
1329
1389
  </li>
1330
- <li>
1331
- <button class="pf-v5-c-dropdown__menu-item">Secondary</button>
1390
+ <li role="none">
1391
+ <button
1392
+ role="menuitem"
1393
+ class="pf-v5-c-dropdown__menu-item"
1394
+ >Secondary</button>
1332
1395
  </li>
1333
- <li>
1334
- <button class="pf-v5-c-dropdown__menu-item">Tertiary</button>
1396
+ <li role="none">
1397
+ <button
1398
+ role="menuitem"
1399
+ class="pf-v5-c-dropdown__menu-item"
1400
+ >Tertiary</button>
1335
1401
  </li>
1336
1402
  </ul>
1337
1403
  </div>
@@ -1363,27 +1429,34 @@ section: components
1363
1429
  </button>
1364
1430
  <ul
1365
1431
  class="pf-v5-c-options-menu__menu"
1432
+ role="menu"
1366
1433
  aria-labelledby="toolbar-attribute-value-search-filter-mobile-example-pagination-options-menu-toggle"
1367
1434
  hidden
1368
1435
  >
1369
- <li>
1436
+ <li role="none">
1370
1437
  <button
1371
1438
  class="pf-v5-c-options-menu__menu-item"
1372
1439
  type="button"
1440
+ role="menuitem"
1373
1441
  >5 per page</button>
1374
1442
  </li>
1375
- <li>
1376
- <button class="pf-v5-c-options-menu__menu-item" type="button">
1443
+ <li role="none">
1444
+ <button
1445
+ class="pf-v5-c-options-menu__menu-item"
1446
+ type="button"
1447
+ role="menuitem"
1448
+ >
1377
1449
  10 per page
1378
1450
  <div class="pf-v5-c-options-menu__menu-item-icon">
1379
1451
  <i class="fas fa-check" aria-hidden="true"></i>
1380
1452
  </div>
1381
1453
  </button>
1382
1454
  </li>
1383
- <li>
1455
+ <li role="none">
1384
1456
  <button
1385
1457
  class="pf-v5-c-options-menu__menu-item"
1386
1458
  type="button"
1459
+ role="menuitem"
1387
1460
  >20 per page</button>
1388
1461
  </li>
1389
1462
  </ul>
@@ -1710,11 +1783,15 @@ section: components
1710
1783
  </button>
1711
1784
  <ul
1712
1785
  class="pf-v5-c-dropdown__menu"
1786
+ role="menu"
1713
1787
  aria-labelledby="toolbar-attribute-value-single-select-filter-desktop-example-overflow-menu-dropdown-toggle"
1714
1788
  hidden
1715
1789
  >
1716
- <li>
1717
- <button class="pf-v5-c-dropdown__menu-item">Tertiary</button>
1790
+ <li role="none">
1791
+ <button
1792
+ role="menuitem"
1793
+ class="pf-v5-c-dropdown__menu-item"
1794
+ >Tertiary</button>
1718
1795
  </li>
1719
1796
  </ul>
1720
1797
  </div>
@@ -1746,27 +1823,34 @@ section: components
1746
1823
  </button>
1747
1824
  <ul
1748
1825
  class="pf-v5-c-options-menu__menu"
1826
+ role="menu"
1749
1827
  aria-labelledby="toolbar-attribute-value-single-select-filter-desktop-example-pagination-options-menu-toggle"
1750
1828
  hidden
1751
1829
  >
1752
- <li>
1830
+ <li role="none">
1753
1831
  <button
1754
1832
  class="pf-v5-c-options-menu__menu-item"
1755
1833
  type="button"
1834
+ role="menuitem"
1756
1835
  >5 per page</button>
1757
1836
  </li>
1758
- <li>
1759
- <button class="pf-v5-c-options-menu__menu-item" type="button">
1837
+ <li role="none">
1838
+ <button
1839
+ class="pf-v5-c-options-menu__menu-item"
1840
+ type="button"
1841
+ role="menuitem"
1842
+ >
1760
1843
  10 per page
1761
1844
  <div class="pf-v5-c-options-menu__menu-item-icon">
1762
1845
  <i class="fas fa-check" aria-hidden="true"></i>
1763
1846
  </div>
1764
1847
  </button>
1765
1848
  </li>
1766
- <li>
1849
+ <li role="none">
1767
1850
  <button
1768
1851
  class="pf-v5-c-options-menu__menu-item"
1769
1852
  type="button"
1853
+ role="menuitem"
1770
1854
  >20 per page</button>
1771
1855
  </li>
1772
1856
  </ul>
@@ -1846,17 +1930,27 @@ section: components
1846
1930
  </button>
1847
1931
  <ul
1848
1932
  class="pf-v5-c-dropdown__menu"
1933
+ role="menu"
1849
1934
  aria-labelledby="toolbar-attribute-value-single-select-filter-mobile-example-overflow-menu-dropdown-toggle"
1850
1935
  hidden
1851
1936
  >
1852
- <li>
1853
- <button class="pf-v5-c-dropdown__menu-item">Primary</button>
1937
+ <li role="none">
1938
+ <button
1939
+ role="menuitem"
1940
+ class="pf-v5-c-dropdown__menu-item"
1941
+ >Primary</button>
1854
1942
  </li>
1855
- <li>
1856
- <button class="pf-v5-c-dropdown__menu-item">Secondary</button>
1943
+ <li role="none">
1944
+ <button
1945
+ role="menuitem"
1946
+ class="pf-v5-c-dropdown__menu-item"
1947
+ >Secondary</button>
1857
1948
  </li>
1858
- <li>
1859
- <button class="pf-v5-c-dropdown__menu-item">Tertiary</button>
1949
+ <li role="none">
1950
+ <button
1951
+ role="menuitem"
1952
+ class="pf-v5-c-dropdown__menu-item"
1953
+ >Tertiary</button>
1860
1954
  </li>
1861
1955
  </ul>
1862
1956
  </div>
@@ -1888,27 +1982,34 @@ section: components
1888
1982
  </button>
1889
1983
  <ul
1890
1984
  class="pf-v5-c-options-menu__menu"
1985
+ role="menu"
1891
1986
  aria-labelledby="toolbar-attribute-value-single-select-filter-mobile-example-pagination-options-menu-toggle"
1892
1987
  hidden
1893
1988
  >
1894
- <li>
1989
+ <li role="none">
1895
1990
  <button
1896
1991
  class="pf-v5-c-options-menu__menu-item"
1897
1992
  type="button"
1993
+ role="menuitem"
1898
1994
  >5 per page</button>
1899
1995
  </li>
1900
- <li>
1901
- <button class="pf-v5-c-options-menu__menu-item" type="button">
1996
+ <li role="none">
1997
+ <button
1998
+ class="pf-v5-c-options-menu__menu-item"
1999
+ type="button"
2000
+ role="menuitem"
2001
+ >
1902
2002
  10 per page
1903
2003
  <div class="pf-v5-c-options-menu__menu-item-icon">
1904
2004
  <i class="fas fa-check" aria-hidden="true"></i>
1905
2005
  </div>
1906
2006
  </button>
1907
2007
  </li>
1908
- <li>
2008
+ <li role="none">
1909
2009
  <button
1910
2010
  class="pf-v5-c-options-menu__menu-item"
1911
2011
  type="button"
2012
+ role="menuitem"
1912
2013
  >20 per page</button>
1913
2014
  </li>
1914
2015
  </ul>
@@ -2166,7 +2267,7 @@ section: components
2166
2267
  <span
2167
2268
  id="toolbar-attribute-value-checkbox-select-filter-desktop-example-select-filter-status-label"
2168
2269
  hidden
2169
- >Choose one</span>
2270
+ >Choose many</span>
2170
2271
 
2171
2272
  <button
2172
2273
  class="pf-v5-c-select__toggle"
@@ -2298,11 +2399,15 @@ section: components
2298
2399
  </button>
2299
2400
  <ul
2300
2401
  class="pf-v5-c-dropdown__menu"
2402
+ role="menu"
2301
2403
  aria-labelledby="toolbar-attribute-value-checkbox-select-filter-desktop-example-overflow-menu-dropdown-toggle"
2302
2404
  hidden
2303
2405
  >
2304
- <li>
2305
- <button class="pf-v5-c-dropdown__menu-item">Tertiary</button>
2406
+ <li role="none">
2407
+ <button
2408
+ role="menuitem"
2409
+ class="pf-v5-c-dropdown__menu-item"
2410
+ >Tertiary</button>
2306
2411
  </li>
2307
2412
  </ul>
2308
2413
  </div>
@@ -2334,27 +2439,34 @@ section: components
2334
2439
  </button>
2335
2440
  <ul
2336
2441
  class="pf-v5-c-options-menu__menu"
2442
+ role="menu"
2337
2443
  aria-labelledby="toolbar-attribute-value-checkbox-select-filter-desktop-example-pagination-options-menu-toggle"
2338
2444
  hidden
2339
2445
  >
2340
- <li>
2446
+ <li role="none">
2341
2447
  <button
2342
2448
  class="pf-v5-c-options-menu__menu-item"
2343
2449
  type="button"
2450
+ role="menuitem"
2344
2451
  >5 per page</button>
2345
2452
  </li>
2346
- <li>
2347
- <button class="pf-v5-c-options-menu__menu-item" type="button">
2453
+ <li role="none">
2454
+ <button
2455
+ class="pf-v5-c-options-menu__menu-item"
2456
+ type="button"
2457
+ role="menuitem"
2458
+ >
2348
2459
  10 per page
2349
2460
  <div class="pf-v5-c-options-menu__menu-item-icon">
2350
2461
  <i class="fas fa-check" aria-hidden="true"></i>
2351
2462
  </div>
2352
2463
  </button>
2353
2464
  </li>
2354
- <li>
2465
+ <li role="none">
2355
2466
  <button
2356
2467
  class="pf-v5-c-options-menu__menu-item"
2357
2468
  type="button"
2469
+ role="menuitem"
2358
2470
  >20 per page</button>
2359
2471
  </li>
2360
2472
  </ul>
@@ -2392,11 +2504,10 @@ section: components
2392
2504
  </div>
2393
2505
  <div class="pf-v5-c-toolbar__content pf-m-chip-container">
2394
2506
  <div class="pf-v5-c-toolbar__item pf-m-chip-group">
2395
- <div class="pf-v5-c-chip-group pf-m-category">
2507
+ <div class="pf-v5-c-chip-group pf-m-category" role="group">
2396
2508
  <div class="pf-v5-c-chip-group__main">
2397
2509
  <span
2398
2510
  class="pf-v5-c-chip-group__label"
2399
- aria-hidden="true"
2400
2511
  id="toolbar-attribute-value-checkbox-select-filter-desktop-example-chip-group-chip-group-label"
2401
2512
  >Status</span>
2402
2513
  <ul
@@ -2522,17 +2633,27 @@ section: components
2522
2633
  </button>
2523
2634
  <ul
2524
2635
  class="pf-v5-c-dropdown__menu"
2636
+ role="menu"
2525
2637
  aria-labelledby="toolbar-attribute-value-checkbox-select-filter-mobile-example-overflow-menu-dropdown-toggle"
2526
2638
  hidden
2527
2639
  >
2528
- <li>
2529
- <button class="pf-v5-c-dropdown__menu-item">Primary</button>
2640
+ <li role="none">
2641
+ <button
2642
+ role="menuitem"
2643
+ class="pf-v5-c-dropdown__menu-item"
2644
+ >Primary</button>
2530
2645
  </li>
2531
- <li>
2532
- <button class="pf-v5-c-dropdown__menu-item">Secondary</button>
2646
+ <li role="none">
2647
+ <button
2648
+ role="menuitem"
2649
+ class="pf-v5-c-dropdown__menu-item"
2650
+ >Secondary</button>
2533
2651
  </li>
2534
- <li>
2535
- <button class="pf-v5-c-dropdown__menu-item">Tertiary</button>
2652
+ <li role="none">
2653
+ <button
2654
+ role="menuitem"
2655
+ class="pf-v5-c-dropdown__menu-item"
2656
+ >Tertiary</button>
2536
2657
  </li>
2537
2658
  </ul>
2538
2659
  </div>
@@ -2564,27 +2685,34 @@ section: components
2564
2685
  </button>
2565
2686
  <ul
2566
2687
  class="pf-v5-c-options-menu__menu"
2688
+ role="menu"
2567
2689
  aria-labelledby="toolbar-attribute-value-checkbox-select-filter-mobile-example-pagination-options-menu-toggle"
2568
2690
  hidden
2569
2691
  >
2570
- <li>
2692
+ <li role="none">
2571
2693
  <button
2572
2694
  class="pf-v5-c-options-menu__menu-item"
2573
2695
  type="button"
2696
+ role="menuitem"
2574
2697
  >5 per page</button>
2575
2698
  </li>
2576
- <li>
2577
- <button class="pf-v5-c-options-menu__menu-item" type="button">
2699
+ <li role="none">
2700
+ <button
2701
+ class="pf-v5-c-options-menu__menu-item"
2702
+ type="button"
2703
+ role="menuitem"
2704
+ >
2578
2705
  10 per page
2579
2706
  <div class="pf-v5-c-options-menu__menu-item-icon">
2580
2707
  <i class="fas fa-check" aria-hidden="true"></i>
2581
2708
  </div>
2582
2709
  </button>
2583
2710
  </li>
2584
- <li>
2711
+ <li role="none">
2585
2712
  <button
2586
2713
  class="pf-v5-c-options-menu__menu-item"
2587
2714
  type="button"
2715
+ role="menuitem"
2588
2716
  >20 per page</button>
2589
2717
  </li>
2590
2718
  </ul>
@@ -2686,7 +2814,7 @@ section: components
2686
2814
  <span
2687
2815
  id="toolbar-attribute-value-checkbox-select-filter-mobile-example-select-filter-status-expanded-label"
2688
2816
  hidden
2689
- >Choose one</span>
2817
+ >Choose many</span>
2690
2818
 
2691
2819
  <button
2692
2820
  class="pf-v5-c-select__toggle"
@@ -2782,11 +2910,10 @@ section: components
2782
2910
  </div>
2783
2911
  </div>
2784
2912
  <div class="pf-v5-c-toolbar__item pf-m-chip-group">
2785
- <div class="pf-v5-c-chip-group pf-m-category">
2913
+ <div class="pf-v5-c-chip-group pf-m-category" role="group">
2786
2914
  <div class="pf-v5-c-chip-group__main">
2787
2915
  <span
2788
2916
  class="pf-v5-c-chip-group__label"
2789
- aria-hidden="true"
2790
2917
  id="toolbar-attribute-value-checkbox-select-filter-mobile-example-chip-group-chip-group-label"
2791
2918
  >Status</span>
2792
2919
  <ul
@@ -3203,17 +3330,27 @@ section: components
3203
3330
  </button>
3204
3331
  <ul
3205
3332
  class="pf-v5-c-dropdown__menu"
3333
+ role="menu"
3206
3334
  aria-labelledby="toolbar-pagination-management-example-toolbar-overflow-menu-dropdown-toggle"
3207
3335
  hidden
3208
3336
  >
3209
- <li>
3210
- <button class="pf-v5-c-dropdown__menu-item">Primary</button>
3337
+ <li role="none">
3338
+ <button
3339
+ role="menuitem"
3340
+ class="pf-v5-c-dropdown__menu-item"
3341
+ >Primary</button>
3211
3342
  </li>
3212
- <li>
3213
- <button class="pf-v5-c-dropdown__menu-item">Secondary</button>
3343
+ <li role="none">
3344
+ <button
3345
+ role="menuitem"
3346
+ class="pf-v5-c-dropdown__menu-item"
3347
+ >Secondary</button>
3214
3348
  </li>
3215
- <li>
3216
- <button class="pf-v5-c-dropdown__menu-item">Tertiary</button>
3349
+ <li role="none">
3350
+ <button
3351
+ role="menuitem"
3352
+ class="pf-v5-c-dropdown__menu-item"
3353
+ >Tertiary</button>
3217
3354
  </li>
3218
3355
  </ul>
3219
3356
  </div>
@@ -3245,19 +3382,22 @@ section: components
3245
3382
  </button>
3246
3383
  <ul
3247
3384
  class="pf-v5-c-options-menu__menu"
3385
+ role="menu"
3248
3386
  aria-labelledby="toolbar-pagination-management-example-toolbar-pagination-options-menu-toggle"
3249
3387
  hidden
3250
3388
  >
3251
- <li>
3389
+ <li role="none">
3252
3390
  <button
3253
3391
  class="pf-v5-c-options-menu__menu-item"
3254
3392
  type="button"
3393
+ role="menuitem"
3255
3394
  >5 per page</button>
3256
3395
  </li>
3257
- <li>
3396
+ <li role="none">
3258
3397
  <button
3259
3398
  class="pf-v5-c-options-menu__menu-item"
3260
3399
  type="button"
3400
+ role="menuitem"
3261
3401
  >
3262
3402
  10 per page
3263
3403
  <div class="pf-v5-c-options-menu__menu-item-icon">
@@ -3265,10 +3405,11 @@ section: components
3265
3405
  </div>
3266
3406
  </button>
3267
3407
  </li>
3268
- <li>
3408
+ <li role="none">
3269
3409
  <button
3270
3410
  class="pf-v5-c-options-menu__menu-item"
3271
3411
  type="button"
3412
+ role="menuitem"
3272
3413
  >20 per page</button>
3273
3414
  </li>
3274
3415
  </ul>
@@ -3411,35 +3552,44 @@ section: components
3411
3552
  class="pf-v5-c-dropdown__menu pf-m-align-right"
3412
3553
  aria-labelledby="toolbar-and-table-static-search-overflow-menu-collapsed-table-dropdown-kebab-1-button"
3413
3554
  hidden
3555
+ role="menu"
3414
3556
  >
3415
- <li>
3416
- <a class="pf-v5-c-dropdown__menu-item" href="#">Link</a>
3557
+ <li role="none">
3558
+ <a
3559
+ class="pf-v5-c-dropdown__menu-item"
3560
+ role="menuitem"
3561
+ href="#"
3562
+ >Link</a>
3417
3563
  </li>
3418
- <li>
3564
+ <li role="none">
3419
3565
  <button
3420
3566
  class="pf-v5-c-dropdown__menu-item"
3567
+ role="menuitem"
3421
3568
  type="button"
3422
3569
  >Action</button>
3423
3570
  </li>
3424
- <li>
3571
+ <li role="none">
3425
3572
  <a
3426
3573
  class="pf-v5-c-dropdown__menu-item pf-m-disabled"
3574
+ role="menuitem"
3427
3575
  href="#"
3428
3576
  aria-disabled="true"
3429
3577
  tabindex="-1"
3430
3578
  >Disabled link</a>
3431
3579
  </li>
3432
- <li>
3580
+ <li role="none">
3433
3581
  <button
3434
3582
  class="pf-v5-c-dropdown__menu-item"
3583
+ role="menuitem"
3435
3584
  type="button"
3436
3585
  disabled
3437
3586
  >Disabled action</button>
3438
3587
  </li>
3439
3588
  <li class="pf-v5-c-divider" role="separator"></li>
3440
- <li>
3589
+ <li role="none">
3441
3590
  <a
3442
3591
  class="pf-v5-c-dropdown__menu-item"
3592
+ role="menuitem"
3443
3593
  href="#"
3444
3594
  >Separated link</a>
3445
3595
  </li>
@@ -3513,35 +3663,44 @@ section: components
3513
3663
  class="pf-v5-c-dropdown__menu pf-m-align-right"
3514
3664
  aria-labelledby="toolbar-and-table-static-search-overflow-menu-collapsed-table-dropdown-kebab-2-button"
3515
3665
  hidden
3666
+ role="menu"
3516
3667
  >
3517
- <li>
3518
- <a class="pf-v5-c-dropdown__menu-item" href="#">Link</a>
3668
+ <li role="none">
3669
+ <a
3670
+ class="pf-v5-c-dropdown__menu-item"
3671
+ role="menuitem"
3672
+ href="#"
3673
+ >Link</a>
3519
3674
  </li>
3520
- <li>
3675
+ <li role="none">
3521
3676
  <button
3522
3677
  class="pf-v5-c-dropdown__menu-item"
3678
+ role="menuitem"
3523
3679
  type="button"
3524
3680
  >Action</button>
3525
3681
  </li>
3526
- <li>
3682
+ <li role="none">
3527
3683
  <a
3528
3684
  class="pf-v5-c-dropdown__menu-item pf-m-disabled"
3685
+ role="menuitem"
3529
3686
  href="#"
3530
3687
  aria-disabled="true"
3531
3688
  tabindex="-1"
3532
3689
  >Disabled link</a>
3533
3690
  </li>
3534
- <li>
3691
+ <li role="none">
3535
3692
  <button
3536
3693
  class="pf-v5-c-dropdown__menu-item"
3694
+ role="menuitem"
3537
3695
  type="button"
3538
3696
  disabled
3539
3697
  >Disabled action</button>
3540
3698
  </li>
3541
3699
  <li class="pf-v5-c-divider" role="separator"></li>
3542
- <li>
3700
+ <li role="none">
3543
3701
  <a
3544
3702
  class="pf-v5-c-dropdown__menu-item"
3703
+ role="menuitem"
3545
3704
  href="#"
3546
3705
  >Separated link</a>
3547
3706
  </li>
@@ -3615,35 +3774,44 @@ section: components
3615
3774
  class="pf-v5-c-dropdown__menu pf-m-align-right"
3616
3775
  aria-labelledby="toolbar-and-table-static-search-overflow-menu-collapsed-table-dropdown-kebab-3-button"
3617
3776
  hidden
3777
+ role="menu"
3618
3778
  >
3619
- <li>
3620
- <a class="pf-v5-c-dropdown__menu-item" href="#">Link</a>
3779
+ <li role="none">
3780
+ <a
3781
+ class="pf-v5-c-dropdown__menu-item"
3782
+ role="menuitem"
3783
+ href="#"
3784
+ >Link</a>
3621
3785
  </li>
3622
- <li>
3786
+ <li role="none">
3623
3787
  <button
3624
3788
  class="pf-v5-c-dropdown__menu-item"
3789
+ role="menuitem"
3625
3790
  type="button"
3626
3791
  >Action</button>
3627
3792
  </li>
3628
- <li>
3793
+ <li role="none">
3629
3794
  <a
3630
3795
  class="pf-v5-c-dropdown__menu-item pf-m-disabled"
3796
+ role="menuitem"
3631
3797
  href="#"
3632
3798
  aria-disabled="true"
3633
3799
  tabindex="-1"
3634
3800
  >Disabled link</a>
3635
3801
  </li>
3636
- <li>
3802
+ <li role="none">
3637
3803
  <button
3638
3804
  class="pf-v5-c-dropdown__menu-item"
3805
+ role="menuitem"
3639
3806
  type="button"
3640
3807
  disabled
3641
3808
  >Disabled action</button>
3642
3809
  </li>
3643
3810
  <li class="pf-v5-c-divider" role="separator"></li>
3644
- <li>
3811
+ <li role="none">
3645
3812
  <a
3646
3813
  class="pf-v5-c-dropdown__menu-item"
3814
+ role="menuitem"
3647
3815
  href="#"
3648
3816
  >Separated link</a>
3649
3817
  </li>
@@ -3717,35 +3885,44 @@ section: components
3717
3885
  class="pf-v5-c-dropdown__menu pf-m-align-right"
3718
3886
  aria-labelledby="toolbar-and-table-static-search-overflow-menu-collapsed-table-dropdown-kebab-4-button"
3719
3887
  hidden
3888
+ role="menu"
3720
3889
  >
3721
- <li>
3722
- <a class="pf-v5-c-dropdown__menu-item" href="#">Link</a>
3890
+ <li role="none">
3891
+ <a
3892
+ class="pf-v5-c-dropdown__menu-item"
3893
+ role="menuitem"
3894
+ href="#"
3895
+ >Link</a>
3723
3896
  </li>
3724
- <li>
3897
+ <li role="none">
3725
3898
  <button
3726
3899
  class="pf-v5-c-dropdown__menu-item"
3900
+ role="menuitem"
3727
3901
  type="button"
3728
3902
  >Action</button>
3729
3903
  </li>
3730
- <li>
3904
+ <li role="none">
3731
3905
  <a
3732
3906
  class="pf-v5-c-dropdown__menu-item pf-m-disabled"
3907
+ role="menuitem"
3733
3908
  href="#"
3734
3909
  aria-disabled="true"
3735
3910
  tabindex="-1"
3736
3911
  >Disabled link</a>
3737
3912
  </li>
3738
- <li>
3913
+ <li role="none">
3739
3914
  <button
3740
3915
  class="pf-v5-c-dropdown__menu-item"
3916
+ role="menuitem"
3741
3917
  type="button"
3742
3918
  disabled
3743
3919
  >Disabled action</button>
3744
3920
  </li>
3745
3921
  <li class="pf-v5-c-divider" role="separator"></li>
3746
- <li>
3922
+ <li role="none">
3747
3923
  <a
3748
3924
  class="pf-v5-c-dropdown__menu-item"
3925
+ role="menuitem"
3749
3926
  href="#"
3750
3927
  >Separated link</a>
3751
3928
  </li>
@@ -3819,35 +3996,44 @@ section: components
3819
3996
  class="pf-v5-c-dropdown__menu pf-m-align-right"
3820
3997
  aria-labelledby="toolbar-and-table-static-search-overflow-menu-collapsed-table-dropdown-kebab-5-button"
3821
3998
  hidden
3999
+ role="menu"
3822
4000
  >
3823
- <li>
3824
- <a class="pf-v5-c-dropdown__menu-item" href="#">Link</a>
4001
+ <li role="none">
4002
+ <a
4003
+ class="pf-v5-c-dropdown__menu-item"
4004
+ role="menuitem"
4005
+ href="#"
4006
+ >Link</a>
3825
4007
  </li>
3826
- <li>
4008
+ <li role="none">
3827
4009
  <button
3828
4010
  class="pf-v5-c-dropdown__menu-item"
4011
+ role="menuitem"
3829
4012
  type="button"
3830
4013
  >Action</button>
3831
4014
  </li>
3832
- <li>
4015
+ <li role="none">
3833
4016
  <a
3834
4017
  class="pf-v5-c-dropdown__menu-item pf-m-disabled"
4018
+ role="menuitem"
3835
4019
  href="#"
3836
4020
  aria-disabled="true"
3837
4021
  tabindex="-1"
3838
4022
  >Disabled link</a>
3839
4023
  </li>
3840
- <li>
4024
+ <li role="none">
3841
4025
  <button
3842
4026
  class="pf-v5-c-dropdown__menu-item"
4027
+ role="menuitem"
3843
4028
  type="button"
3844
4029
  disabled
3845
4030
  >Disabled action</button>
3846
4031
  </li>
3847
4032
  <li class="pf-v5-c-divider" role="separator"></li>
3848
- <li>
4033
+ <li role="none">
3849
4034
  <a
3850
4035
  class="pf-v5-c-dropdown__menu-item"
4036
+ role="menuitem"
3851
4037
  href="#"
3852
4038
  >Separated link</a>
3853
4039
  </li>
@@ -3876,27 +4062,34 @@ section: components
3876
4062
  </button>
3877
4063
  <ul
3878
4064
  class="pf-v5-c-options-menu__menu pf-m-top"
4065
+ role="menu"
3879
4066
  aria-labelledby="pagination-options-menu-bottom-collapsed-example-toggle"
3880
4067
  hidden
3881
4068
  >
3882
- <li>
4069
+ <li role="none">
3883
4070
  <button
3884
4071
  class="pf-v5-c-options-menu__menu-item"
3885
4072
  type="button"
4073
+ role="menuitem"
3886
4074
  >5 per page</button>
3887
4075
  </li>
3888
- <li>
3889
- <button class="pf-v5-c-options-menu__menu-item" type="button">
4076
+ <li role="none">
4077
+ <button
4078
+ class="pf-v5-c-options-menu__menu-item"
4079
+ type="button"
4080
+ role="menuitem"
4081
+ >
3890
4082
  10 per page
3891
4083
  <div class="pf-v5-c-options-menu__menu-item-icon">
3892
4084
  <i class="fas fa-check" aria-hidden="true"></i>
3893
4085
  </div>
3894
4086
  </button>
3895
4087
  </li>
3896
- <li>
4088
+ <li role="none">
3897
4089
  <button
3898
4090
  class="pf-v5-c-options-menu__menu-item"
3899
4091
  type="button"
4092
+ role="menuitem"
3900
4093
  >20 per page</button>
3901
4094
  </li>
3902
4095
  </ul>