@patternfly/patternfly 5.1.0-prerelease.3 → 5.1.0-prerelease.31

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 (274) hide show
  1. package/README.md +13 -3
  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 +21 -0
  6. package/base/_globals.scss +1 -1
  7. package/base/_variables.scss +7 -0
  8. package/base/patternfly-common.css +16 -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 +23 -12
  14. package/components/AboutModalBox/about-modal-box.scss +25 -12
  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 +19 -13
  22. package/components/Alert/alert.scss +18 -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 +6 -3
  30. package/components/BackgroundImage/background-image.scss +8 -3
  31. package/components/Badge/badge.css +2 -2
  32. package/components/Badge/badge.scss +2 -2
  33. package/components/Banner/banner.css +5 -5
  34. package/components/Banner/banner.scss +5 -2
  35. package/components/Breadcrumb/breadcrumb.css +9 -3
  36. package/components/Breadcrumb/breadcrumb.scss +8 -3
  37. package/components/Button/button.css +26 -17
  38. package/components/Button/button.scss +26 -16
  39. package/components/Button/themes/dark/button.scss +1 -1
  40. package/components/CalendarMonth/calendar-month.css +25 -15
  41. package/components/CalendarMonth/calendar-month.scss +23 -15
  42. package/components/Card/card.css +25 -17
  43. package/components/Card/card.scss +24 -17
  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 +19 -10
  51. package/components/ClipboardCopy/clipboard-copy.scss +16 -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 +69 -84
  66. package/components/DataList/data-list.scss +47 -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 +120 -61
  74. package/components/Drawer/drawer.scss +92 -43
  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 +53 -50
  86. package/components/Form/form.scss +46 -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 +27 -24
  101. package/components/JumpLinks/jump-links.scss +26 -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 +80 -66
  115. package/components/Menu/menu.scss +81 -69
  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 +120 -93
  123. package/components/Nav/nav.scss +120 -93
  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 +32 -19
  128. package/components/NotificationDrawer/notification-drawer.scss +30 -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 +123 -65
  136. package/components/Page/page.scss +69 -40
  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 +82 -31
  143. package/components/Popover/popover.scss +104 -45
  144. package/components/Progress/progress.css +9 -7
  145. package/components/Progress/progress.scss +12 -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 +6 -5
  157. package/components/Skeleton/skeleton.scss +4 -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 +47 -26
  161. package/components/Slider/slider.scss +56 -28
  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 +4 -4
  169. package/components/Table/table-scrollable.scss +6 -4
  170. package/components/Table/table-tree-view.css +112 -105
  171. package/components/Table/table-tree-view.scss +38 -33
  172. package/components/Table/table.css +91 -69
  173. package/components/Table/table.scss +89 -69
  174. package/components/Tabs/tabs.css +76 -48
  175. package/components/Tabs/tabs.scss +74 -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 +26 -21
  184. package/components/Tooltip/tooltip.css +76 -25
  185. package/components/Tooltip/tooltip.scss +100 -41
  186. package/components/TreeView/tree-view.css +48 -27
  187. package/components/TreeView/tree-view.scss +50 -28
  188. package/components/Truncate/truncate.css +9 -0
  189. package/components/Truncate/truncate.scss +16 -3
  190. package/components/Wizard/wizard.css +57 -36
  191. package/components/Wizard/wizard.scss +57 -36
  192. package/docs/components/AppLauncher/deprecated/application-launcher.md +155 -70
  193. package/docs/components/Breadcrumb/examples/Breadcrumb.md +11 -5
  194. package/docs/components/Button/examples/Button.css +2 -2
  195. package/docs/components/Button/examples/Button.md +16 -3
  196. package/docs/components/Card/examples/Card.md +154 -66
  197. package/docs/components/Chip/examples/Chip.md +1 -1
  198. package/docs/components/ClipboardCopy/examples/ClipboardCopy.md +106 -0
  199. package/docs/components/CodeEditor/examples/CodeEditor.md +3 -3
  200. package/docs/components/ContextSelector/deprecated/context-selector.md +198 -96
  201. package/docs/components/DataList/examples/DataList.md +391 -136
  202. package/docs/components/DragDrop/examples/DragDrop.css +2 -2
  203. package/docs/components/Dropdown/deprecated/Dropdown.css +1 -1
  204. package/docs/components/Dropdown/deprecated/Dropdown.md +881 -367
  205. package/docs/components/DualListSelector/examples/DualListSelector.md +432 -144
  206. package/docs/components/FormControl/examples/FormControl.md +2 -1
  207. package/docs/components/Hint/examples/Hint.md +57 -24
  208. package/docs/components/InlineEdit/examples/InlineEdit.md +46 -16
  209. package/docs/components/Label/examples/Label.md +1 -1
  210. package/docs/components/LogViewer/examples/LogViewer.css +2 -2
  211. package/docs/components/LogViewer/examples/LogViewer.md +40 -30
  212. package/docs/components/Menu/examples/Menu.css +8 -0
  213. package/docs/components/Menu/examples/Menu.md +111 -73
  214. package/docs/components/MenuToggle/examples/MenuToggle.md +1 -1
  215. package/docs/components/ModalBox/examples/ModalBox.css +3 -8
  216. package/docs/components/Nav/examples/Navigation.css +3 -26
  217. package/docs/components/Nav/examples/Navigation.md +99 -0
  218. package/docs/components/NotificationDrawer/examples/NotificationDrawer.md +619 -240
  219. package/docs/components/OptionsMenu/deprecated/options-menu.md +415 -163
  220. package/docs/components/OverflowMenu/examples/overflow-menu.md +45 -34
  221. package/docs/components/Pagination/examples/Pagination.md +195 -65
  222. package/docs/components/Popover/examples/Popover.css +4 -9
  223. package/docs/components/Popover/examples/Popover.md +4 -4
  224. package/docs/components/ProgressStepper/examples/ProgressStepper.md +50 -0
  225. package/docs/components/Select/deprecated/Select.css +3 -3
  226. package/docs/components/Select/deprecated/Select.md +40 -52
  227. package/docs/components/Table/examples/Table.css +2 -2
  228. package/docs/components/Table/examples/Table.md +4548 -1670
  229. package/docs/components/Tabs/examples/Tabs.md +1094 -438
  230. package/docs/components/TextInputGroup/examples/TextInputGroup.css +1 -1
  231. package/docs/components/Tile/examples/Tile.css +1 -1
  232. package/docs/components/Toolbar/examples/Toolbar.md +218 -128
  233. package/docs/components/Tooltip/examples/Tooltip.css +4 -0
  234. package/docs/components/Tooltip/examples/Tooltip.md +8 -6
  235. package/docs/components/TreeView/examples/TreeView.md +23 -8
  236. package/docs/components/Truncate/examples/Truncate.md +2 -2
  237. package/docs/demos/Card/examples/Card.css +3 -3
  238. package/docs/demos/Card/examples/Card.md +72 -31
  239. package/docs/demos/CardView/examples/CardView.md +182 -74
  240. package/docs/demos/ContextSelector/examples/ContextSelector.md +95 -47
  241. package/docs/demos/Dashboard/examples/Dashboard.md +18 -9
  242. package/docs/demos/DataList/examples/DataList.md +171 -72
  243. package/docs/demos/DescriptionList/examples/DescriptionList.md +20 -9
  244. package/docs/demos/Drawer/examples/Drawer.md +20 -9
  245. package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +803 -338
  246. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +257 -105
  247. package/docs/demos/Skeleton/examples/Skeleton.md +7 -35
  248. package/docs/demos/Table/examples/Table.md +1470 -619
  249. package/docs/demos/Tabs/examples/Tabs.md +117 -49
  250. package/docs/demos/Toolbar/examples/Toolbar.md +318 -123
  251. package/docs/layouts/Flex/examples/Flex.md +5 -5
  252. package/docs/utilities/BoxShadow/examples/box-shadow.css +5 -5
  253. package/icons/pficons.mjs +1 -0
  254. package/layouts/Flex/flex.css +115 -43
  255. package/layouts/Flex/flex.scss +20 -8
  256. package/package.json +41 -37
  257. package/patternfly-addons.css +732 -972
  258. package/patternfly-base-no-globals-theme-dark-unversioned.css +26 -3
  259. package/patternfly-base-no-globals.css +26 -3
  260. package/patternfly-base-theme-dark-unversioned.css +27 -4
  261. package/patternfly-base.css +27 -4
  262. package/patternfly-no-globals.css +2695 -1897
  263. package/patternfly-theme-dark-unversioned.css +2696 -1898
  264. package/patternfly.css +2696 -1898
  265. package/patternfly.min.css +1 -1
  266. package/patternfly.min.css.map +1 -1
  267. package/sass-utilities/functions.scss +6 -0
  268. package/sass-utilities/mixins.scss +62 -2
  269. package/sass-utilities/placeholders.scss +1 -1
  270. package/sass-utilities/scss-variables.scss +8 -8
  271. package/sass-utilities/themes/dark/mixins.scss +3 -1
  272. package/utilities/Accessibility/accessibility.css +12 -12
  273. package/utilities/Spacing/spacing.css +720 -960
  274. package/utilities/Spacing/spacing.scss +4 -8
package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md CHANGED
@@ -341,7 +341,7 @@ wrapperTag: div
341
341
  <span
342
342
  id="primary-detail-expanded-example-drawer-toolbar-select-checkbox-status-label"
343
343
  hidden
344
- >Choose one</span>
344
+ >Choose many</span>
345
345
 
346
346
  <button
347
347
  class="pf-v5-c-select__toggle"
@@ -444,7 +444,7 @@ wrapperTag: div
444
444
  <span
445
445
  id="primary-detail-expanded-example-drawer-toolbar-select-checkbox-risk-label"
446
446
  hidden
447
- >Choose one</span>
447
+ >Choose many</span>
448
448
 
449
449
  <button
450
450
  class="pf-v5-c-select__toggle"
@@ -551,7 +551,10 @@ wrapperTag: div
551
551
  type="button"
552
552
  aria-label="Sort"
553
553
  >
554
- <i class="fas fa-sort-amount-down" aria-hidden="true"></i>
554
+ <i
555
+ class="fas fa-sort-amount-down pf-v5-m-mirror-inline-rtl"
556
+ aria-hidden="true"
557
+ ></i>
555
558
  </button>
556
559
  </div>
557
560
 
@@ -586,11 +589,13 @@ wrapperTag: div
586
589
  </button>
587
590
  <ul
588
591
  class="pf-v5-c-dropdown__menu"
592
+ role="menu"
589
593
  aria-labelledby="primary-detail-expanded-example-drawer-toolbar-overflow-menu-dropdown-toggle"
590
594
  hidden
591
595
  >
592
- <li>
596
+ <li role="none">
593
597
  <button
598
+ role="menuitem"
594
599
  class="pf-v5-c-dropdown__menu-item"
595
600
  >Action 7</button>
596
601
  </li>
@@ -619,19 +624,22 @@ wrapperTag: div
619
624
  </button>
620
625
  <ul
621
626
  class="pf-v5-c-options-menu__menu"
627
+ role="menu"
622
628
  aria-labelledby="primary-detail-expanded-example-drawer-toolbar-top-pagination-toggle"
623
629
  hidden
624
630
  >
625
- <li>
631
+ <li role="none">
626
632
  <button
627
633
  class="pf-v5-c-options-menu__menu-item"
628
634
  type="button"
635
+ role="menuitem"
629
636
  >5 per page</button>
630
637
  </li>
631
- <li>
638
+ <li role="none">
632
639
  <button
633
640
  class="pf-v5-c-options-menu__menu-item"
634
641
  type="button"
642
+ role="menuitem"
635
643
  >
636
644
  10 per page
637
645
  <div
@@ -641,10 +649,11 @@ wrapperTag: div
641
649
  </div>
642
650
  </button>
643
651
  </li>
644
- <li>
652
+ <li role="none">
645
653
  <button
646
654
  class="pf-v5-c-options-menu__menu-item"
647
655
  type="button"
656
+ role="menuitem"
648
657
  >20 per page</button>
649
658
  </li>
650
659
  </ul>
@@ -1110,6 +1119,7 @@ wrapperTag: div
1110
1119
  <div class="pf-v5-c-drawer__body pf-m-no-padding">
1111
1120
  <div
1112
1121
  class="pf-v5-c-tabs pf-m-box pf-m-fill"
1122
+ role="region"
1113
1123
  id="primary-detail-expanded-example-drawer-tabs"
1114
1124
  >
1115
1125
  <button
@@ -1119,21 +1129,26 @@ wrapperTag: div
1119
1129
  >
1120
1130
  <i class="fas fa-angle-left" aria-hidden="true"></i>
1121
1131
  </button>
1122
- <ul class="pf-v5-c-tabs__list">
1123
- <li class="pf-v5-c-tabs__item pf-m-current">
1132
+ <ul class="pf-v5-c-tabs__list" role="tablist">
1133
+ <li
1134
+ class="pf-v5-c-tabs__item pf-m-current"
1135
+ role="presentation"
1136
+ >
1124
1137
  <button
1125
1138
  type="button"
1126
1139
  class="pf-v5-c-tabs__link"
1140
+ role="tab"
1127
1141
  aria-controls="primary-detail-expanded-example-drawer-tabs-tab1-panel"
1128
1142
  id="primary-detail-expanded-example-drawer-tabs-tab1-link"
1129
1143
  >
1130
1144
  <span class="pf-v5-c-tabs__item-text">Overview</span>
1131
1145
  </button>
1132
1146
  </li>
1133
- <li class="pf-v5-c-tabs__item">
1147
+ <li class="pf-v5-c-tabs__item" role="presentation">
1134
1148
  <button
1135
1149
  type="button"
1136
1150
  class="pf-v5-c-tabs__link"
1151
+ role="tab"
1137
1152
  aria-controls="primary-detail-expanded-example-drawer-tabs-tab2-panel"
1138
1153
  id="primary-detail-expanded-example-drawer-tabs-tab2-link"
1139
1154
  >
@@ -1587,7 +1602,7 @@ wrapperTag: div
1587
1602
  <span
1588
1603
  id="primary-detail-collapsed-example-drawer-toolbar-select-checkbox-status-label"
1589
1604
  hidden
1590
- >Choose one</span>
1605
+ >Choose many</span>
1591
1606
 
1592
1607
  <button
1593
1608
  class="pf-v5-c-select__toggle"
@@ -1690,7 +1705,7 @@ wrapperTag: div
1690
1705
  <span
1691
1706
  id="primary-detail-collapsed-example-drawer-toolbar-select-checkbox-risk-label"
1692
1707
  hidden
1693
- >Choose one</span>
1708
+ >Choose many</span>
1694
1709
 
1695
1710
  <button
1696
1711
  class="pf-v5-c-select__toggle"
@@ -1797,7 +1812,10 @@ wrapperTag: div
1797
1812
  type="button"
1798
1813
  aria-label="Sort"
1799
1814
  >
1800
- <i class="fas fa-sort-amount-down" aria-hidden="true"></i>
1815
+ <i
1816
+ class="fas fa-sort-amount-down pf-v5-m-mirror-inline-rtl"
1817
+ aria-hidden="true"
1818
+ ></i>
1801
1819
  </button>
1802
1820
  </div>
1803
1821
 
@@ -1832,11 +1850,13 @@ wrapperTag: div
1832
1850
  </button>
1833
1851
  <ul
1834
1852
  class="pf-v5-c-dropdown__menu"
1853
+ role="menu"
1835
1854
  aria-labelledby="primary-detail-collapsed-example-drawer-toolbar-overflow-menu-dropdown-toggle"
1836
1855
  hidden
1837
1856
  >
1838
- <li>
1857
+ <li role="none">
1839
1858
  <button
1859
+ role="menuitem"
1840
1860
  class="pf-v5-c-dropdown__menu-item"
1841
1861
  >Action 7</button>
1842
1862
  </li>
@@ -1865,19 +1885,22 @@ wrapperTag: div
1865
1885
  </button>
1866
1886
  <ul
1867
1887
  class="pf-v5-c-options-menu__menu"
1888
+ role="menu"
1868
1889
  aria-labelledby="primary-detail-collapsed-example-drawer-toolbar-top-pagination-toggle"
1869
1890
  hidden
1870
1891
  >
1871
- <li>
1892
+ <li role="none">
1872
1893
  <button
1873
1894
  class="pf-v5-c-options-menu__menu-item"
1874
1895
  type="button"
1896
+ role="menuitem"
1875
1897
  >5 per page</button>
1876
1898
  </li>
1877
- <li>
1899
+ <li role="none">
1878
1900
  <button
1879
1901
  class="pf-v5-c-options-menu__menu-item"
1880
1902
  type="button"
1903
+ role="menuitem"
1881
1904
  >
1882
1905
  10 per page
1883
1906
  <div
@@ -1887,10 +1910,11 @@ wrapperTag: div
1887
1910
  </div>
1888
1911
  </button>
1889
1912
  </li>
1890
- <li>
1913
+ <li role="none">
1891
1914
  <button
1892
1915
  class="pf-v5-c-options-menu__menu-item"
1893
1916
  type="button"
1917
+ role="menuitem"
1894
1918
  >20 per page</button>
1895
1919
  </li>
1896
1920
  </ul>
@@ -2652,7 +2676,7 @@ wrapperTag: div
2652
2676
  <span
2653
2677
  id="primary-detail-content-body-padding-example-drawer-toolbar-select-checkbox-status-label"
2654
2678
  hidden
2655
- >Choose one</span>
2679
+ >Choose many</span>
2656
2680
 
2657
2681
  <button
2658
2682
  class="pf-v5-c-select__toggle"
@@ -2755,7 +2779,7 @@ wrapperTag: div
2755
2779
  <span
2756
2780
  id="primary-detail-content-body-padding-example-drawer-toolbar-select-checkbox-risk-label"
2757
2781
  hidden
2758
- >Choose one</span>
2782
+ >Choose many</span>
2759
2783
 
2760
2784
  <button
2761
2785
  class="pf-v5-c-select__toggle"
@@ -2862,7 +2886,10 @@ wrapperTag: div
2862
2886
  type="button"
2863
2887
  aria-label="Sort"
2864
2888
  >
2865
- <i class="fas fa-sort-amount-down" aria-hidden="true"></i>
2889
+ <i
2890
+ class="fas fa-sort-amount-down pf-v5-m-mirror-inline-rtl"
2891
+ aria-hidden="true"
2892
+ ></i>
2866
2893
  </button>
2867
2894
  </div>
2868
2895
 
@@ -2897,11 +2924,13 @@ wrapperTag: div
2897
2924
  </button>
2898
2925
  <ul
2899
2926
  class="pf-v5-c-dropdown__menu"
2927
+ role="menu"
2900
2928
  aria-labelledby="primary-detail-content-body-padding-example-drawer-toolbar-overflow-menu-dropdown-toggle"
2901
2929
  hidden
2902
2930
  >
2903
- <li>
2931
+ <li role="none">
2904
2932
  <button
2933
+ role="menuitem"
2905
2934
  class="pf-v5-c-dropdown__menu-item"
2906
2935
  >Action 7</button>
2907
2936
  </li>
@@ -2930,19 +2959,22 @@ wrapperTag: div
2930
2959
  </button>
2931
2960
  <ul
2932
2961
  class="pf-v5-c-options-menu__menu"
2962
+ role="menu"
2933
2963
  aria-labelledby="primary-detail-content-body-padding-example-drawer-toolbar-top-pagination-toggle"
2934
2964
  hidden
2935
2965
  >
2936
- <li>
2966
+ <li role="none">
2937
2967
  <button
2938
2968
  class="pf-v5-c-options-menu__menu-item"
2939
2969
  type="button"
2970
+ role="menuitem"
2940
2971
  >5 per page</button>
2941
2972
  </li>
2942
- <li>
2973
+ <li role="none">
2943
2974
  <button
2944
2975
  class="pf-v5-c-options-menu__menu-item"
2945
2976
  type="button"
2977
+ role="menuitem"
2946
2978
  >
2947
2979
  10 per page
2948
2980
  <div
@@ -2952,10 +2984,11 @@ wrapperTag: div
2952
2984
  </div>
2953
2985
  </button>
2954
2986
  </li>
2955
- <li>
2987
+ <li role="none">
2956
2988
  <button
2957
2989
  class="pf-v5-c-options-menu__menu-item"
2958
2990
  type="button"
2991
+ role="menuitem"
2959
2992
  >20 per page</button>
2960
2993
  </li>
2961
2994
  </ul>
@@ -3733,22 +3766,25 @@ wrapperTag: div
3733
3766
  <i class="fas fa-caret-down" aria-hidden="true"></i>
3734
3767
  </button>
3735
3768
  </div>
3736
- <ul class="pf-v5-c-dropdown__menu" hidden>
3737
- <li>
3769
+ <ul class="pf-v5-c-dropdown__menu" hidden role="menu">
3770
+ <li role="none">
3738
3771
  <button
3739
3772
  class="pf-v5-c-dropdown__menu-item"
3773
+ role="menuitem"
3740
3774
  type="button"
3741
3775
  >Select all</button>
3742
3776
  </li>
3743
- <li>
3777
+ <li role="none">
3744
3778
  <button
3745
3779
  class="pf-v5-c-dropdown__menu-item"
3780
+ role="menuitem"
3746
3781
  type="button"
3747
3782
  >Select none</button>
3748
3783
  </li>
3749
- <li>
3784
+ <li role="none">
3750
3785
  <button
3751
3786
  class="pf-v5-c-dropdown__menu-item"
3787
+ role="menuitem"
3752
3788
  type="button"
3753
3789
  >Other action</button>
3754
3790
  </li>
@@ -3861,7 +3897,10 @@ wrapperTag: div
3861
3897
  type="button"
3862
3898
  aria-label="Sort"
3863
3899
  >
3864
- <i class="fas fa-sort-amount-down" aria-hidden="true"></i>
3900
+ <i
3901
+ class="fas fa-sort-amount-down pf-v5-m-mirror-inline-rtl"
3902
+ aria-hidden="true"
3903
+ ></i>
3865
3904
  </button>
3866
3905
  </div>
3867
3906
 
@@ -3901,11 +3940,15 @@ wrapperTag: div
3901
3940
  </button>
3902
3941
  <ul
3903
3942
  class="pf-v5-c-dropdown__menu"
3943
+ role="menu"
3904
3944
  aria-labelledby="primary-detail-card-view-expanded-example-drawer-toolbar-overflow-menu-dropdown-toggle"
3905
3945
  hidden
3906
3946
  >
3907
- <li>
3908
- <button class="pf-v5-c-dropdown__menu-item">Action 7</button>
3947
+ <li role="none">
3948
+ <button
3949
+ role="menuitem"
3950
+ class="pf-v5-c-dropdown__menu-item"
3951
+ >Action 7</button>
3909
3952
  </li>
3910
3953
  </ul>
3911
3954
  </div>
@@ -3955,19 +3998,22 @@ wrapperTag: div
3955
3998
  </button>
3956
3999
  <ul
3957
4000
  class="pf-v5-c-options-menu__menu"
4001
+ role="menu"
3958
4002
  aria-labelledby="primary-detail-card-view-expanded-example-drawer-toolbar-top-pagination-toggle"
3959
4003
  hidden
3960
4004
  >
3961
- <li>
4005
+ <li role="none">
3962
4006
  <button
3963
4007
  class="pf-v5-c-options-menu__menu-item"
3964
4008
  type="button"
4009
+ role="menuitem"
3965
4010
  >5 per page</button>
3966
4011
  </li>
3967
- <li>
4012
+ <li role="none">
3968
4013
  <button
3969
4014
  class="pf-v5-c-options-menu__menu-item"
3970
4015
  type="button"
4016
+ role="menuitem"
3971
4017
  >
3972
4018
  10 per page
3973
4019
  <div class="pf-v5-c-options-menu__menu-item-icon">
@@ -3975,10 +4021,11 @@ wrapperTag: div
3975
4021
  </div>
3976
4022
  </button>
3977
4023
  </li>
3978
- <li>
4024
+ <li role="none">
3979
4025
  <button
3980
4026
  class="pf-v5-c-options-menu__menu-item"
3981
4027
  type="button"
4028
+ role="menuitem"
3982
4029
  >20 per page</button>
3983
4030
  </li>
3984
4031
  </ul>
@@ -4050,35 +4097,44 @@ wrapperTag: div
4050
4097
  class="pf-v5-c-dropdown__menu pf-m-align-right"
4051
4098
  aria-labelledby="primary-detail-card-view-expanded-example-drawer-card-1-dropdown-kebab-button"
4052
4099
  hidden
4100
+ role="menu"
4053
4101
  >
4054
- <li>
4055
- <a class="pf-v5-c-dropdown__menu-item" href="#">Link</a>
4102
+ <li role="none">
4103
+ <a
4104
+ class="pf-v5-c-dropdown__menu-item"
4105
+ role="menuitem"
4106
+ href="#"
4107
+ >Link</a>
4056
4108
  </li>
4057
- <li>
4109
+ <li role="none">
4058
4110
  <button
4059
4111
  class="pf-v5-c-dropdown__menu-item"
4112
+ role="menuitem"
4060
4113
  type="button"
4061
4114
  >Action</button>
4062
4115
  </li>
4063
- <li>
4116
+ <li role="none">
4064
4117
  <a
4065
4118
  class="pf-v5-c-dropdown__menu-item pf-m-disabled"
4119
+ role="menuitem"
4066
4120
  href="#"
4067
4121
  aria-disabled="true"
4068
4122
  tabindex="-1"
4069
4123
  >Disabled link</a>
4070
4124
  </li>
4071
- <li>
4125
+ <li role="none">
4072
4126
  <button
4073
4127
  class="pf-v5-c-dropdown__menu-item"
4128
+ role="menuitem"
4074
4129
  type="button"
4075
4130
  disabled
4076
4131
  >Disabled action</button>
4077
4132
  </li>
4078
4133
  <li class="pf-v5-c-divider" role="separator"></li>
4079
- <li>
4134
+ <li role="none">
4080
4135
  <a
4081
4136
  class="pf-v5-c-dropdown__menu-item"
4137
+ role="menuitem"
4082
4138
  href="#"
4083
4139
  >Separated link</a>
4084
4140
  </li>
@@ -4133,35 +4189,44 @@ wrapperTag: div
4133
4189
  class="pf-v5-c-dropdown__menu pf-m-align-right"
4134
4190
  aria-labelledby="primary-detail-card-view-expanded-example-drawer-card-2-dropdown-kebab-button"
4135
4191
  hidden
4192
+ role="menu"
4136
4193
  >
4137
- <li>
4138
- <a class="pf-v5-c-dropdown__menu-item" href="#">Link</a>
4194
+ <li role="none">
4195
+ <a
4196
+ class="pf-v5-c-dropdown__menu-item"
4197
+ role="menuitem"
4198
+ href="#"
4199
+ >Link</a>
4139
4200
  </li>
4140
- <li>
4201
+ <li role="none">
4141
4202
  <button
4142
4203
  class="pf-v5-c-dropdown__menu-item"
4204
+ role="menuitem"
4143
4205
  type="button"
4144
4206
  >Action</button>
4145
4207
  </li>
4146
- <li>
4208
+ <li role="none">
4147
4209
  <a
4148
4210
  class="pf-v5-c-dropdown__menu-item pf-m-disabled"
4211
+ role="menuitem"
4149
4212
  href="#"
4150
4213
  aria-disabled="true"
4151
4214
  tabindex="-1"
4152
4215
  >Disabled link</a>
4153
4216
  </li>
4154
- <li>
4217
+ <li role="none">
4155
4218
  <button
4156
4219
  class="pf-v5-c-dropdown__menu-item"
4220
+ role="menuitem"
4157
4221
  type="button"
4158
4222
  disabled
4159
4223
  >Disabled action</button>
4160
4224
  </li>
4161
4225
  <li class="pf-v5-c-divider" role="separator"></li>
4162
- <li>
4226
+ <li role="none">
4163
4227
  <a
4164
4228
  class="pf-v5-c-dropdown__menu-item"
4229
+ role="menuitem"
4165
4230
  href="#"
4166
4231
  >Separated link</a>
4167
4232
  </li>
@@ -4216,35 +4281,44 @@ wrapperTag: div
4216
4281
  class="pf-v5-c-dropdown__menu pf-m-align-right"
4217
4282
  aria-labelledby="primary-detail-card-view-expanded-example-drawer-card-3-dropdown-kebab-button"
4218
4283
  hidden
4284
+ role="menu"
4219
4285
  >
4220
- <li>
4221
- <a class="pf-v5-c-dropdown__menu-item" href="#">Link</a>
4286
+ <li role="none">
4287
+ <a
4288
+ class="pf-v5-c-dropdown__menu-item"
4289
+ role="menuitem"
4290
+ href="#"
4291
+ >Link</a>
4222
4292
  </li>
4223
- <li>
4293
+ <li role="none">
4224
4294
  <button
4225
4295
  class="pf-v5-c-dropdown__menu-item"
4296
+ role="menuitem"
4226
4297
  type="button"
4227
4298
  >Action</button>
4228
4299
  </li>
4229
- <li>
4300
+ <li role="none">
4230
4301
  <a
4231
4302
  class="pf-v5-c-dropdown__menu-item pf-m-disabled"
4303
+ role="menuitem"
4232
4304
  href="#"
4233
4305
  aria-disabled="true"
4234
4306
  tabindex="-1"
4235
4307
  >Disabled link</a>
4236
4308
  </li>
4237
- <li>
4309
+ <li role="none">
4238
4310
  <button
4239
4311
  class="pf-v5-c-dropdown__menu-item"
4312
+ role="menuitem"
4240
4313
  type="button"
4241
4314
  disabled
4242
4315
  >Disabled action</button>
4243
4316
  </li>
4244
4317
  <li class="pf-v5-c-divider" role="separator"></li>
4245
- <li>
4318
+ <li role="none">
4246
4319
  <a
4247
4320
  class="pf-v5-c-dropdown__menu-item"
4321
+ role="menuitem"
4248
4322
  href="#"
4249
4323
  >Separated link</a>
4250
4324
  </li>
@@ -4299,35 +4373,44 @@ wrapperTag: div
4299
4373
  class="pf-v5-c-dropdown__menu pf-m-align-right"
4300
4374
  aria-labelledby="primary-detail-card-view-expanded-example-drawer-card-4-dropdown-kebab-button"
4301
4375
  hidden
4376
+ role="menu"
4302
4377
  >
4303
- <li>
4304
- <a class="pf-v5-c-dropdown__menu-item" href="#">Link</a>
4378
+ <li role="none">
4379
+ <a
4380
+ class="pf-v5-c-dropdown__menu-item"
4381
+ role="menuitem"
4382
+ href="#"
4383
+ >Link</a>
4305
4384
  </li>
4306
- <li>
4385
+ <li role="none">
4307
4386
  <button
4308
4387
  class="pf-v5-c-dropdown__menu-item"
4388
+ role="menuitem"
4309
4389
  type="button"
4310
4390
  >Action</button>
4311
4391
  </li>
4312
- <li>
4392
+ <li role="none">
4313
4393
  <a
4314
4394
  class="pf-v5-c-dropdown__menu-item pf-m-disabled"
4395
+ role="menuitem"
4315
4396
  href="#"
4316
4397
  aria-disabled="true"
4317
4398
  tabindex="-1"
4318
4399
  >Disabled link</a>
4319
4400
  </li>
4320
- <li>
4401
+ <li role="none">
4321
4402
  <button
4322
4403
  class="pf-v5-c-dropdown__menu-item"
4404
+ role="menuitem"
4323
4405
  type="button"
4324
4406
  disabled
4325
4407
  >Disabled action</button>
4326
4408
  </li>
4327
4409
  <li class="pf-v5-c-divider" role="separator"></li>
4328
- <li>
4410
+ <li role="none">
4329
4411
  <a
4330
4412
  class="pf-v5-c-dropdown__menu-item"
4413
+ role="menuitem"
4331
4414
  href="#"
4332
4415
  >Separated link</a>
4333
4416
  </li>
@@ -4382,35 +4465,44 @@ wrapperTag: div
4382
4465
  class="pf-v5-c-dropdown__menu pf-m-align-right"
4383
4466
  aria-labelledby="primary-detail-card-view-expanded-example-drawer-card-5-dropdown-kebab-button"
4384
4467
  hidden
4468
+ role="menu"
4385
4469
  >
4386
- <li>
4387
- <a class="pf-v5-c-dropdown__menu-item" href="#">Link</a>
4470
+ <li role="none">
4471
+ <a
4472
+ class="pf-v5-c-dropdown__menu-item"
4473
+ role="menuitem"
4474
+ href="#"
4475
+ >Link</a>
4388
4476
  </li>
4389
- <li>
4477
+ <li role="none">
4390
4478
  <button
4391
4479
  class="pf-v5-c-dropdown__menu-item"
4480
+ role="menuitem"
4392
4481
  type="button"
4393
4482
  >Action</button>
4394
4483
  </li>
4395
- <li>
4484
+ <li role="none">
4396
4485
  <a
4397
4486
  class="pf-v5-c-dropdown__menu-item pf-m-disabled"
4487
+ role="menuitem"
4398
4488
  href="#"
4399
4489
  aria-disabled="true"
4400
4490
  tabindex="-1"
4401
4491
  >Disabled link</a>
4402
4492
  </li>
4403
- <li>
4493
+ <li role="none">
4404
4494
  <button
4405
4495
  class="pf-v5-c-dropdown__menu-item"
4496
+ role="menuitem"
4406
4497
  type="button"
4407
4498
  disabled
4408
4499
  >Disabled action</button>
4409
4500
  </li>
4410
4501
  <li class="pf-v5-c-divider" role="separator"></li>
4411
- <li>
4502
+ <li role="none">
4412
4503
  <a
4413
4504
  class="pf-v5-c-dropdown__menu-item"
4505
+ role="menuitem"
4414
4506
  href="#"
4415
4507
  >Separated link</a>
4416
4508
  </li>
@@ -4465,35 +4557,44 @@ wrapperTag: div
4465
4557
  class="pf-v5-c-dropdown__menu pf-m-align-right"
4466
4558
  aria-labelledby="primary-detail-card-view-expanded-example-drawer-card-6-dropdown-kebab-button"
4467
4559
  hidden
4560
+ role="menu"
4468
4561
  >
4469
- <li>
4470
- <a class="pf-v5-c-dropdown__menu-item" href="#">Link</a>
4562
+ <li role="none">
4563
+ <a
4564
+ class="pf-v5-c-dropdown__menu-item"
4565
+ role="menuitem"
4566
+ href="#"
4567
+ >Link</a>
4471
4568
  </li>
4472
- <li>
4569
+ <li role="none">
4473
4570
  <button
4474
4571
  class="pf-v5-c-dropdown__menu-item"
4572
+ role="menuitem"
4475
4573
  type="button"
4476
4574
  >Action</button>
4477
4575
  </li>
4478
- <li>
4576
+ <li role="none">
4479
4577
  <a
4480
4578
  class="pf-v5-c-dropdown__menu-item pf-m-disabled"
4579
+ role="menuitem"
4481
4580
  href="#"
4482
4581
  aria-disabled="true"
4483
4582
  tabindex="-1"
4484
4583
  >Disabled link</a>
4485
4584
  </li>
4486
- <li>
4585
+ <li role="none">
4487
4586
  <button
4488
4587
  class="pf-v5-c-dropdown__menu-item"
4588
+ role="menuitem"
4489
4589
  type="button"
4490
4590
  disabled
4491
4591
  >Disabled action</button>
4492
4592
  </li>
4493
4593
  <li class="pf-v5-c-divider" role="separator"></li>
4494
- <li>
4594
+ <li role="none">
4495
4595
  <a
4496
4596
  class="pf-v5-c-dropdown__menu-item"
4597
+ role="menuitem"
4497
4598
  href="#"
4498
4599
  >Separated link</a>
4499
4600
  </li>
@@ -4547,35 +4648,44 @@ wrapperTag: div
4547
4648
  class="pf-v5-c-dropdown__menu pf-m-align-right"
4548
4649
  aria-labelledby="primary-detail-card-view-expanded-example-drawer-card-7-dropdown-kebab-button"
4549
4650
  hidden
4651
+ role="menu"
4550
4652
  >
4551
- <li>
4552
- <a class="pf-v5-c-dropdown__menu-item" href="#">Link</a>
4653
+ <li role="none">
4654
+ <a
4655
+ class="pf-v5-c-dropdown__menu-item"
4656
+ role="menuitem"
4657
+ href="#"
4658
+ >Link</a>
4553
4659
  </li>
4554
- <li>
4660
+ <li role="none">
4555
4661
  <button
4556
4662
  class="pf-v5-c-dropdown__menu-item"
4663
+ role="menuitem"
4557
4664
  type="button"
4558
4665
  >Action</button>
4559
4666
  </li>
4560
- <li>
4667
+ <li role="none">
4561
4668
  <a
4562
4669
  class="pf-v5-c-dropdown__menu-item pf-m-disabled"
4670
+ role="menuitem"
4563
4671
  href="#"
4564
4672
  aria-disabled="true"
4565
4673
  tabindex="-1"
4566
4674
  >Disabled link</a>
4567
4675
  </li>
4568
- <li>
4676
+ <li role="none">
4569
4677
  <button
4570
4678
  class="pf-v5-c-dropdown__menu-item"
4679
+ role="menuitem"
4571
4680
  type="button"
4572
4681
  disabled
4573
4682
  >Disabled action</button>
4574
4683
  </li>
4575
4684
  <li class="pf-v5-c-divider" role="separator"></li>
4576
- <li>
4685
+ <li role="none">
4577
4686
  <a
4578
4687
  class="pf-v5-c-dropdown__menu-item"
4688
+ role="menuitem"
4579
4689
  href="#"
4580
4690
  >Separated link</a>
4581
4691
  </li>
@@ -4629,35 +4739,44 @@ wrapperTag: div
4629
4739
  class="pf-v5-c-dropdown__menu pf-m-align-right"
4630
4740
  aria-labelledby="primary-detail-card-view-expanded-example-drawer-card-8-dropdown-kebab-button"
4631
4741
  hidden
4742
+ role="menu"
4632
4743
  >
4633
- <li>
4634
- <a class="pf-v5-c-dropdown__menu-item" href="#">Link</a>
4744
+ <li role="none">
4745
+ <a
4746
+ class="pf-v5-c-dropdown__menu-item"
4747
+ role="menuitem"
4748
+ href="#"
4749
+ >Link</a>
4635
4750
  </li>
4636
- <li>
4751
+ <li role="none">
4637
4752
  <button
4638
4753
  class="pf-v5-c-dropdown__menu-item"
4754
+ role="menuitem"
4639
4755
  type="button"
4640
4756
  >Action</button>
4641
4757
  </li>
4642
- <li>
4758
+ <li role="none">
4643
4759
  <a
4644
4760
  class="pf-v5-c-dropdown__menu-item pf-m-disabled"
4761
+ role="menuitem"
4645
4762
  href="#"
4646
4763
  aria-disabled="true"
4647
4764
  tabindex="-1"
4648
4765
  >Disabled link</a>
4649
4766
  </li>
4650
- <li>
4767
+ <li role="none">
4651
4768
  <button
4652
4769
  class="pf-v5-c-dropdown__menu-item"
4770
+ role="menuitem"
4653
4771
  type="button"
4654
4772
  disabled
4655
4773
  >Disabled action</button>
4656
4774
  </li>
4657
4775
  <li class="pf-v5-c-divider" role="separator"></li>
4658
- <li>
4776
+ <li role="none">
4659
4777
  <a
4660
4778
  class="pf-v5-c-dropdown__menu-item"
4779
+ role="menuitem"
4661
4780
  href="#"
4662
4781
  >Separated link</a>
4663
4782
  </li>
@@ -4711,35 +4830,44 @@ wrapperTag: div
4711
4830
  class="pf-v5-c-dropdown__menu pf-m-align-right"
4712
4831
  aria-labelledby="primary-detail-card-view-expanded-example-drawer-card-9-dropdown-kebab-button"
4713
4832
  hidden
4833
+ role="menu"
4714
4834
  >
4715
- <li>
4716
- <a class="pf-v5-c-dropdown__menu-item" href="#">Link</a>
4835
+ <li role="none">
4836
+ <a
4837
+ class="pf-v5-c-dropdown__menu-item"
4838
+ role="menuitem"
4839
+ href="#"
4840
+ >Link</a>
4717
4841
  </li>
4718
- <li>
4842
+ <li role="none">
4719
4843
  <button
4720
4844
  class="pf-v5-c-dropdown__menu-item"
4845
+ role="menuitem"
4721
4846
  type="button"
4722
4847
  >Action</button>
4723
4848
  </li>
4724
- <li>
4849
+ <li role="none">
4725
4850
  <a
4726
4851
  class="pf-v5-c-dropdown__menu-item pf-m-disabled"
4852
+ role="menuitem"
4727
4853
  href="#"
4728
4854
  aria-disabled="true"
4729
4855
  tabindex="-1"
4730
4856
  >Disabled link</a>
4731
4857
  </li>
4732
- <li>
4858
+ <li role="none">
4733
4859
  <button
4734
4860
  class="pf-v5-c-dropdown__menu-item"
4861
+ role="menuitem"
4735
4862
  type="button"
4736
4863
  disabled
4737
4864
  >Disabled action</button>
4738
4865
  </li>
4739
4866
  <li class="pf-v5-c-divider" role="separator"></li>
4740
- <li>
4867
+ <li role="none">
4741
4868
  <a
4742
4869
  class="pf-v5-c-dropdown__menu-item"
4870
+ role="menuitem"
4743
4871
  href="#"
4744
4872
  >Separated link</a>
4745
4873
  </li>
@@ -4793,35 +4921,44 @@ wrapperTag: div
4793
4921
  class="pf-v5-c-dropdown__menu pf-m-align-right"
4794
4922
  aria-labelledby="primary-detail-card-view-expanded-example-drawer-card-10-dropdown-kebab-button"
4795
4923
  hidden
4924
+ role="menu"
4796
4925
  >
4797
- <li>
4798
- <a class="pf-v5-c-dropdown__menu-item" href="#">Link</a>
4926
+ <li role="none">
4927
+ <a
4928
+ class="pf-v5-c-dropdown__menu-item"
4929
+ role="menuitem"
4930
+ href="#"
4931
+ >Link</a>
4799
4932
  </li>
4800
- <li>
4933
+ <li role="none">
4801
4934
  <button
4802
4935
  class="pf-v5-c-dropdown__menu-item"
4936
+ role="menuitem"
4803
4937
  type="button"
4804
4938
  >Action</button>
4805
4939
  </li>
4806
- <li>
4940
+ <li role="none">
4807
4941
  <a
4808
4942
  class="pf-v5-c-dropdown__menu-item pf-m-disabled"
4943
+ role="menuitem"
4809
4944
  href="#"
4810
4945
  aria-disabled="true"
4811
4946
  tabindex="-1"
4812
4947
  >Disabled link</a>
4813
4948
  </li>
4814
- <li>
4949
+ <li role="none">
4815
4950
  <button
4816
4951
  class="pf-v5-c-dropdown__menu-item"
4952
+ role="menuitem"
4817
4953
  type="button"
4818
4954
  disabled
4819
4955
  >Disabled action</button>
4820
4956
  </li>
4821
4957
  <li class="pf-v5-c-divider" role="separator"></li>
4822
- <li>
4958
+ <li role="none">
4823
4959
  <a
4824
4960
  class="pf-v5-c-dropdown__menu-item"
4961
+ role="menuitem"
4825
4962
  href="#"
4826
4963
  >Separated link</a>
4827
4964
  </li>
@@ -5640,19 +5777,22 @@ wrapperTag: div
5640
5777
  </button>
5641
5778
  <ul
5642
5779
  class="pf-v5-c-options-menu__menu"
5780
+ role="menu"
5643
5781
  aria-labelledby="primary-detail-card-data-list-example-drawer-toolbar-card-toolbar-pagination-options-menu-toggle"
5644
5782
  hidden
5645
5783
  >
5646
- <li>
5784
+ <li role="none">
5647
5785
  <button
5648
5786
  class="pf-v5-c-options-menu__menu-item"
5649
5787
  type="button"
5788
+ role="menuitem"
5650
5789
  >5 per page</button>
5651
5790
  </li>
5652
- <li>
5791
+ <li role="none">
5653
5792
  <button
5654
5793
  class="pf-v5-c-options-menu__menu-item"
5655
5794
  type="button"
5795
+ role="menuitem"
5656
5796
  >
5657
5797
  10 per page
5658
5798
  <div
@@ -5662,10 +5802,11 @@ wrapperTag: div
5662
5802
  </div>
5663
5803
  </button>
5664
5804
  </li>
5665
- <li>
5805
+ <li role="none">
5666
5806
  <button
5667
5807
  class="pf-v5-c-options-menu__menu-item"
5668
5808
  type="button"
5809
+ role="menuitem"
5669
5810
  >20 per page</button>
5670
5811
  </li>
5671
5812
  </ul>
@@ -6269,11 +6410,15 @@ wrapperTag: div
6269
6410
  </button>
6270
6411
  <ul
6271
6412
  class="pf-v5-c-dropdown__menu"
6413
+ role="menu"
6272
6414
  aria-labelledby="primary-detail-inline-modifier-example-drawer-toolbar-overflow-menu-dropdown-toggle"
6273
6415
  hidden
6274
6416
  >
6275
- <li>
6276
- <button class="pf-v5-c-dropdown__menu-item">Action 7</button>
6417
+ <li role="none">
6418
+ <button
6419
+ role="menuitem"
6420
+ class="pf-v5-c-dropdown__menu-item"
6421
+ >Action 7</button>
6277
6422
  </li>
6278
6423
  </ul>
6279
6424
  </div>
@@ -6300,19 +6445,22 @@ wrapperTag: div
6300
6445
  </button>
6301
6446
  <ul
6302
6447
  class="pf-v5-c-options-menu__menu"
6448
+ role="menu"
6303
6449
  aria-labelledby="primary-detail-inline-modifier-example-drawer-toolbar-top-pagination-toggle"
6304
6450
  hidden
6305
6451
  >
6306
- <li>
6452
+ <li role="none">
6307
6453
  <button
6308
6454
  class="pf-v5-c-options-menu__menu-item"
6309
6455
  type="button"
6456
+ role="menuitem"
6310
6457
  >5 per page</button>
6311
6458
  </li>
6312
- <li>
6459
+ <li role="none">
6313
6460
  <button
6314
6461
  class="pf-v5-c-options-menu__menu-item"
6315
6462
  type="button"
6463
+ role="menuitem"
6316
6464
  >
6317
6465
  10 per page
6318
6466
  <div class="pf-v5-c-options-menu__menu-item-icon">
@@ -6320,10 +6468,11 @@ wrapperTag: div
6320
6468
  </div>
6321
6469
  </button>
6322
6470
  </li>
6323
- <li>
6471
+ <li role="none">
6324
6472
  <button
6325
6473
  class="pf-v5-c-options-menu__menu-item"
6326
6474
  type="button"
6475
+ role="menuitem"
6327
6476
  >20 per page</button>
6328
6477
  </li>
6329
6478
  </ul>
@@ -6753,6 +6902,7 @@ wrapperTag: div
6753
6902
  <div class="pf-v5-c-drawer__body pf-m-no-padding">
6754
6903
  <div
6755
6904
  class="pf-v5-c-tabs pf-m-box pf-m-fill"
6905
+ role="region"
6756
6906
  id="primary-detail-inline-modifier-example-drawer-tabs"
6757
6907
  >
6758
6908
  <button
@@ -6762,21 +6912,23 @@ wrapperTag: div
6762
6912
  >
6763
6913
  <i class="fas fa-angle-left" aria-hidden="true"></i>
6764
6914
  </button>
6765
- <ul class="pf-v5-c-tabs__list">
6766
- <li class="pf-v5-c-tabs__item pf-m-current">
6915
+ <ul class="pf-v5-c-tabs__list" role="tablist">
6916
+ <li class="pf-v5-c-tabs__item pf-m-current" role="presentation">
6767
6917
  <button
6768
6918
  type="button"
6769
6919
  class="pf-v5-c-tabs__link"
6920
+ role="tab"
6770
6921
  aria-controls="primary-detail-inline-modifier-example-drawer-tabs-tab1-panel"
6771
6922
  id="primary-detail-inline-modifier-example-drawer-tabs-tab1-link"
6772
6923
  >
6773
6924
  <span class="pf-v5-c-tabs__item-text">Overview</span>
6774
6925
  </button>
6775
6926
  </li>
6776
- <li class="pf-v5-c-tabs__item">
6927
+ <li class="pf-v5-c-tabs__item" role="presentation">
6777
6928
  <button
6778
6929
  type="button"
6779
6930
  class="pf-v5-c-tabs__link"
6931
+ role="tab"
6780
6932
  aria-controls="primary-detail-inline-modifier-example-drawer-tabs-tab2-panel"
6781
6933
  id="primary-detail-inline-modifier-example-drawer-tabs-tab2-link"
6782
6934
  >