@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/DataList/examples/DataList.md CHANGED
@@ -229,22 +229,25 @@ wrapperTag: div
229
229
  <i class="fas fa-caret-down" aria-hidden="true"></i>
230
230
  </button>
231
231
  </div>
232
- <ul class="pf-v5-c-dropdown__menu" hidden>
233
- <li>
232
+ <ul class="pf-v5-c-dropdown__menu" hidden role="menu">
233
+ <li role="none">
234
234
  <button
235
235
  class="pf-v5-c-dropdown__menu-item"
236
+ role="menuitem"
236
237
  type="button"
237
238
  >Select all</button>
238
239
  </li>
239
- <li>
240
+ <li role="none">
240
241
  <button
241
242
  class="pf-v5-c-dropdown__menu-item"
243
+ role="menuitem"
242
244
  type="button"
243
245
  >Select none</button>
244
246
  </li>
245
- <li>
247
+ <li role="none">
246
248
  <button
247
249
  class="pf-v5-c-dropdown__menu-item"
250
+ role="menuitem"
248
251
  type="button"
249
252
  >Other action</button>
250
253
  </li>
@@ -287,7 +290,7 @@ wrapperTag: div
287
290
  </div>
288
291
  </div>
289
292
  </div>
290
- <ul class="pf-v5-c-context-selector__menu-list" role="list">
293
+ <ul class="pf-v5-c-context-selector__menu-list" role="menu">
291
294
  <li>My project</li>
292
295
  <li>OpenShift cluster</li>
293
296
  <li>Production Ansible</li>
@@ -329,11 +332,15 @@ wrapperTag: div
329
332
  </button>
330
333
  <ul
331
334
  class="pf-v5-c-dropdown__menu"
335
+ role="menu"
332
336
  aria-labelledby="-overflow-menu-dropdown-toggle"
333
337
  hidden
334
338
  >
335
- <li>
336
- <button class="pf-v5-c-dropdown__menu-item">Action 7</button>
339
+ <li role="none">
340
+ <button
341
+ role="menuitem"
342
+ class="pf-v5-c-dropdown__menu-item"
343
+ >Action 7</button>
337
344
  </li>
338
345
  </ul>
339
346
  </div>
@@ -360,19 +367,22 @@ wrapperTag: div
360
367
  </button>
361
368
  <ul
362
369
  class="pf-v5-c-options-menu__menu"
370
+ role="menu"
363
371
  aria-labelledby="-top-pagination-toggle"
364
372
  hidden
365
373
  >
366
- <li>
374
+ <li role="none">
367
375
  <button
368
376
  class="pf-v5-c-options-menu__menu-item"
369
377
  type="button"
378
+ role="menuitem"
370
379
  >5 per page</button>
371
380
  </li>
372
- <li>
381
+ <li role="none">
373
382
  <button
374
383
  class="pf-v5-c-options-menu__menu-item"
375
384
  type="button"
385
+ role="menuitem"
376
386
  >
377
387
  10 per page
378
388
  <div class="pf-v5-c-options-menu__menu-item-icon">
@@ -380,10 +390,11 @@ wrapperTag: div
380
390
  </div>
381
391
  </button>
382
392
  </li>
383
- <li>
393
+ <li role="none">
384
394
  <button
385
395
  class="pf-v5-c-options-menu__menu-item"
386
396
  type="button"
397
+ role="menuitem"
387
398
  >20 per page</button>
388
399
  </li>
389
400
  </ul>
@@ -772,27 +783,34 @@ wrapperTag: div
772
783
  </button>
773
784
  <ul
774
785
  class="pf-v5-c-options-menu__menu pf-m-top"
786
+ role="menu"
775
787
  aria-labelledby="{{page--id}}-pagination-options-menu-bottom-example-toggle"
776
788
  hidden
777
789
  >
778
- <li>
790
+ <li role="none">
779
791
  <button
780
792
  class="pf-v5-c-options-menu__menu-item"
781
793
  type="button"
794
+ role="menuitem"
782
795
  >5 per page</button>
783
796
  </li>
784
- <li>
785
- <button class="pf-v5-c-options-menu__menu-item" type="button">
797
+ <li role="none">
798
+ <button
799
+ class="pf-v5-c-options-menu__menu-item"
800
+ type="button"
801
+ role="menuitem"
802
+ >
786
803
  10 per page
787
804
  <div class="pf-v5-c-options-menu__menu-item-icon">
788
805
  <i class="fas fa-check" aria-hidden="true"></i>
789
806
  </div>
790
807
  </button>
791
808
  </li>
792
- <li>
809
+ <li role="none">
793
810
  <button
794
811
  class="pf-v5-c-options-menu__menu-item"
795
812
  type="button"
813
+ role="menuitem"
796
814
  >20 per page</button>
797
815
  </li>
798
816
  </ul>
@@ -1096,22 +1114,25 @@ wrapperTag: div
1096
1114
  <i class="fas fa-caret-down" aria-hidden="true"></i>
1097
1115
  </button>
1098
1116
  </div>
1099
- <ul class="pf-v5-c-dropdown__menu" hidden>
1100
- <li>
1117
+ <ul class="pf-v5-c-dropdown__menu" hidden role="menu">
1118
+ <li role="none">
1101
1119
  <button
1102
1120
  class="pf-v5-c-dropdown__menu-item"
1121
+ role="menuitem"
1103
1122
  type="button"
1104
1123
  >Select all</button>
1105
1124
  </li>
1106
- <li>
1125
+ <li role="none">
1107
1126
  <button
1108
1127
  class="pf-v5-c-dropdown__menu-item"
1128
+ role="menuitem"
1109
1129
  type="button"
1110
1130
  >Select none</button>
1111
1131
  </li>
1112
- <li>
1132
+ <li role="none">
1113
1133
  <button
1114
1134
  class="pf-v5-c-dropdown__menu-item"
1135
+ role="menuitem"
1115
1136
  type="button"
1116
1137
  >Other action</button>
1117
1138
  </li>
@@ -1156,7 +1177,7 @@ wrapperTag: div
1156
1177
  </div>
1157
1178
  <ul
1158
1179
  class="pf-v5-c-context-selector__menu-list"
1159
- role="list"
1180
+ role="menu"
1160
1181
  >
1161
1182
  <li>My project</li>
1162
1183
  <li>OpenShift cluster</li>
@@ -1207,11 +1228,15 @@ wrapperTag: div
1207
1228
  </button>
1208
1229
  <ul
1209
1230
  class="pf-v5-c-dropdown__menu"
1231
+ role="menu"
1210
1232
  aria-labelledby="-overflow-menu-dropdown-toggle"
1211
1233
  hidden
1212
1234
  >
1213
- <li>
1214
- <button class="pf-v5-c-dropdown__menu-item">Action 7</button>
1235
+ <li role="none">
1236
+ <button
1237
+ role="menuitem"
1238
+ class="pf-v5-c-dropdown__menu-item"
1239
+ >Action 7</button>
1215
1240
  </li>
1216
1241
  </ul>
1217
1242
  </div>
@@ -1238,19 +1263,22 @@ wrapperTag: div
1238
1263
  </button>
1239
1264
  <ul
1240
1265
  class="pf-v5-c-options-menu__menu"
1266
+ role="menu"
1241
1267
  aria-labelledby="-top-pagination-toggle"
1242
1268
  hidden
1243
1269
  >
1244
- <li>
1270
+ <li role="none">
1245
1271
  <button
1246
1272
  class="pf-v5-c-options-menu__menu-item"
1247
1273
  type="button"
1274
+ role="menuitem"
1248
1275
  >5 per page</button>
1249
1276
  </li>
1250
- <li>
1277
+ <li role="none">
1251
1278
  <button
1252
1279
  class="pf-v5-c-options-menu__menu-item"
1253
1280
  type="button"
1281
+ role="menuitem"
1254
1282
  >
1255
1283
  10 per page
1256
1284
  <div class="pf-v5-c-options-menu__menu-item-icon">
@@ -1258,10 +1286,11 @@ wrapperTag: div
1258
1286
  </div>
1259
1287
  </button>
1260
1288
  </li>
1261
- <li>
1289
+ <li role="none">
1262
1290
  <button
1263
1291
  class="pf-v5-c-options-menu__menu-item"
1264
1292
  type="button"
1293
+ role="menuitem"
1265
1294
  >20 per page</button>
1266
1295
  </li>
1267
1296
  </ul>
@@ -1615,27 +1644,34 @@ wrapperTag: div
1615
1644
  </button>
1616
1645
  <ul
1617
1646
  class="pf-v5-c-options-menu__menu pf-m-top"
1647
+ role="menu"
1618
1648
  aria-labelledby="{{page--id}}-pagination-options-menu-bottom-example-toggle"
1619
1649
  hidden
1620
1650
  >
1621
- <li>
1651
+ <li role="none">
1622
1652
  <button
1623
1653
  class="pf-v5-c-options-menu__menu-item"
1624
1654
  type="button"
1655
+ role="menuitem"
1625
1656
  >5 per page</button>
1626
1657
  </li>
1627
- <li>
1628
- <button class="pf-v5-c-options-menu__menu-item" type="button">
1658
+ <li role="none">
1659
+ <button
1660
+ class="pf-v5-c-options-menu__menu-item"
1661
+ type="button"
1662
+ role="menuitem"
1663
+ >
1629
1664
  10 per page
1630
1665
  <div class="pf-v5-c-options-menu__menu-item-icon">
1631
1666
  <i class="fas fa-check" aria-hidden="true"></i>
1632
1667
  </div>
1633
1668
  </button>
1634
1669
  </li>
1635
- <li>
1670
+ <li role="none">
1636
1671
  <button
1637
1672
  class="pf-v5-c-options-menu__menu-item"
1638
1673
  type="button"
1674
+ role="menuitem"
1639
1675
  >20 per page</button>
1640
1676
  </li>
1641
1677
  </ul>
@@ -1904,8 +1940,14 @@ wrapperTag: div
1904
1940
  type="button"
1905
1941
  aria-label="Expand all rows"
1906
1942
  >
1907
- <span class="pf-v5-c-toolbar__expand-all-icon">
1908
- <i class="fas fa-angle-right" aria-hidden="true"></i>
1943
+ <span class="pf-v5-c-icon">
1944
+ <span
1945
+ class="pf-v5-c-icon__content pf-v5-m-mirror-inline-rtl"
1946
+ >
1947
+ <span class="pf-v5-c-toolbar__expand-all-icon">
1948
+ <i class="fas fa-angle-right" aria-hidden="true"></i>
1949
+ </span>
1950
+ </span>
1909
1951
  </span>
1910
1952
  </button>
1911
1953
  </div>
@@ -1951,22 +1993,25 @@ wrapperTag: div
1951
1993
  <i class="fas fa-caret-down" aria-hidden="true"></i>
1952
1994
  </button>
1953
1995
  </div>
1954
- <ul class="pf-v5-c-dropdown__menu" hidden>
1955
- <li>
1996
+ <ul class="pf-v5-c-dropdown__menu" hidden role="menu">
1997
+ <li role="none">
1956
1998
  <button
1957
1999
  class="pf-v5-c-dropdown__menu-item"
2000
+ role="menuitem"
1958
2001
  type="button"
1959
2002
  >Select all</button>
1960
2003
  </li>
1961
- <li>
2004
+ <li role="none">
1962
2005
  <button
1963
2006
  class="pf-v5-c-dropdown__menu-item"
2007
+ role="menuitem"
1964
2008
  type="button"
1965
2009
  >Select none</button>
1966
2010
  </li>
1967
- <li>
2011
+ <li role="none">
1968
2012
  <button
1969
2013
  class="pf-v5-c-dropdown__menu-item"
2014
+ role="menuitem"
1970
2015
  type="button"
1971
2016
  >Other action</button>
1972
2017
  </li>
@@ -2096,11 +2141,15 @@ wrapperTag: div
2096
2141
  </button>
2097
2142
  <ul
2098
2143
  class="pf-v5-c-dropdown__menu"
2144
+ role="menu"
2099
2145
  aria-labelledby="-overflow-menu-dropdown-toggle"
2100
2146
  hidden
2101
2147
  >
2102
- <li>
2103
- <button class="pf-v5-c-dropdown__menu-item">Action 7</button>
2148
+ <li role="none">
2149
+ <button
2150
+ role="menuitem"
2151
+ class="pf-v5-c-dropdown__menu-item"
2152
+ >Action 7</button>
2104
2153
  </li>
2105
2154
  </ul>
2106
2155
  </div>
@@ -2127,19 +2176,22 @@ wrapperTag: div
2127
2176
  </button>
2128
2177
  <ul
2129
2178
  class="pf-v5-c-options-menu__menu"
2179
+ role="menu"
2130
2180
  aria-labelledby="-top-pagination-toggle"
2131
2181
  hidden
2132
2182
  >
2133
- <li>
2183
+ <li role="none">
2134
2184
  <button
2135
2185
  class="pf-v5-c-options-menu__menu-item"
2136
2186
  type="button"
2187
+ role="menuitem"
2137
2188
  >5 per page</button>
2138
2189
  </li>
2139
- <li>
2190
+ <li role="none">
2140
2191
  <button
2141
2192
  class="pf-v5-c-options-menu__menu-item"
2142
2193
  type="button"
2194
+ role="menuitem"
2143
2195
  >
2144
2196
  10 per page
2145
2197
  <div class="pf-v5-c-options-menu__menu-item-icon">
@@ -2147,10 +2199,11 @@ wrapperTag: div
2147
2199
  </div>
2148
2200
  </button>
2149
2201
  </li>
2150
- <li>
2202
+ <li role="none">
2151
2203
  <button
2152
2204
  class="pf-v5-c-options-menu__menu-item"
2153
2205
  type="button"
2206
+ role="menuitem"
2154
2207
  >20 per page</button>
2155
2208
  </li>
2156
2209
  </ul>
@@ -2422,38 +2475,44 @@ wrapperTag: div
2422
2475
  class="pf-v5-c-dropdown__menu pf-m-align-right"
2423
2476
  aria-labelledby="-dropdown-kebab-1-button"
2424
2477
  hidden
2478
+ role="menu"
2425
2479
  >
2426
- <li>
2480
+ <li role="none">
2427
2481
  <a
2428
2482
  class="pf-v5-c-dropdown__menu-item"
2483
+ role="menuitem"
2429
2484
  href="#"
2430
2485
  >Link</a>
2431
2486
  </li>
2432
- <li>
2487
+ <li role="none">
2433
2488
  <button
2434
2489
  class="pf-v5-c-dropdown__menu-item"
2490
+ role="menuitem"
2435
2491
  type="button"
2436
2492
  >Action</button>
2437
2493
  </li>
2438
- <li>
2494
+ <li role="none">
2439
2495
  <a
2440
2496
  class="pf-v5-c-dropdown__menu-item pf-m-disabled"
2497
+ role="menuitem"
2441
2498
  href="#"
2442
2499
  aria-disabled="true"
2443
2500
  tabindex="-1"
2444
2501
  >Disabled link</a>
2445
2502
  </li>
2446
- <li>
2503
+ <li role="none">
2447
2504
  <button
2448
2505
  class="pf-v5-c-dropdown__menu-item"
2506
+ role="menuitem"
2449
2507
  type="button"
2450
2508
  disabled
2451
2509
  >Disabled action</button>
2452
2510
  </li>
2453
2511
  <li class="pf-v5-c-divider" role="separator"></li>
2454
- <li>
2512
+ <li role="none">
2455
2513
  <a
2456
2514
  class="pf-v5-c-dropdown__menu-item"
2515
+ role="menuitem"
2457
2516
  href="#"
2458
2517
  >Separated link</a>
2459
2518
  </li>
@@ -2534,38 +2593,44 @@ wrapperTag: div
2534
2593
  class="pf-v5-c-dropdown__menu pf-m-align-right"
2535
2594
  aria-labelledby="-dropdown-kebab-2-button"
2536
2595
  hidden
2596
+ role="menu"
2537
2597
  >
2538
- <li>
2598
+ <li role="none">
2539
2599
  <a
2540
2600
  class="pf-v5-c-dropdown__menu-item"
2601
+ role="menuitem"
2541
2602
  href="#"
2542
2603
  >Link</a>
2543
2604
  </li>
2544
- <li>
2605
+ <li role="none">
2545
2606
  <button
2546
2607
  class="pf-v5-c-dropdown__menu-item"
2608
+ role="menuitem"
2547
2609
  type="button"
2548
2610
  >Action</button>
2549
2611
  </li>
2550
- <li>
2612
+ <li role="none">
2551
2613
  <a
2552
2614
  class="pf-v5-c-dropdown__menu-item pf-m-disabled"
2615
+ role="menuitem"
2553
2616
  href="#"
2554
2617
  aria-disabled="true"
2555
2618
  tabindex="-1"
2556
2619
  >Disabled link</a>
2557
2620
  </li>
2558
- <li>
2621
+ <li role="none">
2559
2622
  <button
2560
2623
  class="pf-v5-c-dropdown__menu-item"
2624
+ role="menuitem"
2561
2625
  type="button"
2562
2626
  disabled
2563
2627
  >Disabled action</button>
2564
2628
  </li>
2565
2629
  <li class="pf-v5-c-divider" role="separator"></li>
2566
- <li>
2630
+ <li role="none">
2567
2631
  <a
2568
2632
  class="pf-v5-c-dropdown__menu-item"
2633
+ role="menuitem"
2569
2634
  href="#"
2570
2635
  >Separated link</a>
2571
2636
  </li>
@@ -2648,38 +2713,44 @@ wrapperTag: div
2648
2713
  class="pf-v5-c-dropdown__menu pf-m-align-right"
2649
2714
  aria-labelledby="-dropdown-kebab-3-button"
2650
2715
  hidden
2716
+ role="menu"
2651
2717
  >
2652
- <li>
2718
+ <li role="none">
2653
2719
  <a
2654
2720
  class="pf-v5-c-dropdown__menu-item"
2721
+ role="menuitem"
2655
2722
  href="#"
2656
2723
  >Link</a>
2657
2724
  </li>
2658
- <li>
2725
+ <li role="none">
2659
2726
  <button
2660
2727
  class="pf-v5-c-dropdown__menu-item"
2728
+ role="menuitem"
2661
2729
  type="button"
2662
2730
  >Action</button>
2663
2731
  </li>
2664
- <li>
2732
+ <li role="none">
2665
2733
  <a
2666
2734
  class="pf-v5-c-dropdown__menu-item pf-m-disabled"
2735
+ role="menuitem"
2667
2736
  href="#"
2668
2737
  aria-disabled="true"
2669
2738
  tabindex="-1"
2670
2739
  >Disabled link</a>
2671
2740
  </li>
2672
- <li>
2741
+ <li role="none">
2673
2742
  <button
2674
2743
  class="pf-v5-c-dropdown__menu-item"
2744
+ role="menuitem"
2675
2745
  type="button"
2676
2746
  disabled
2677
2747
  >Disabled action</button>
2678
2748
  </li>
2679
2749
  <li class="pf-v5-c-divider" role="separator"></li>
2680
- <li>
2750
+ <li role="none">
2681
2751
  <a
2682
2752
  class="pf-v5-c-dropdown__menu-item"
2753
+ role="menuitem"
2683
2754
  href="#"
2684
2755
  >Separated link</a>
2685
2756
  </li>
@@ -2762,38 +2833,44 @@ wrapperTag: div
2762
2833
  class="pf-v5-c-dropdown__menu pf-m-align-right"
2763
2834
  aria-labelledby="-dropdown-kebab-4-button"
2764
2835
  hidden
2836
+ role="menu"
2765
2837
  >
2766
- <li>
2838
+ <li role="none">
2767
2839
  <a
2768
2840
  class="pf-v5-c-dropdown__menu-item"
2841
+ role="menuitem"
2769
2842
  href="#"
2770
2843
  >Link</a>
2771
2844
  </li>
2772
- <li>
2845
+ <li role="none">
2773
2846
  <button
2774
2847
  class="pf-v5-c-dropdown__menu-item"
2848
+ role="menuitem"
2775
2849
  type="button"
2776
2850
  >Action</button>
2777
2851
  </li>
2778
- <li>
2852
+ <li role="none">
2779
2853
  <a
2780
2854
  class="pf-v5-c-dropdown__menu-item pf-m-disabled"
2855
+ role="menuitem"
2781
2856
  href="#"
2782
2857
  aria-disabled="true"
2783
2858
  tabindex="-1"
2784
2859
  >Disabled link</a>
2785
2860
  </li>
2786
- <li>
2861
+ <li role="none">
2787
2862
  <button
2788
2863
  class="pf-v5-c-dropdown__menu-item"
2864
+ role="menuitem"
2789
2865
  type="button"
2790
2866
  disabled
2791
2867
  >Disabled action</button>
2792
2868
  </li>
2793
2869
  <li class="pf-v5-c-divider" role="separator"></li>
2794
- <li>
2870
+ <li role="none">
2795
2871
  <a
2796
2872
  class="pf-v5-c-dropdown__menu-item"
2873
+ role="menuitem"
2797
2874
  href="#"
2798
2875
  >Separated link</a>
2799
2876
  </li>
@@ -3230,27 +3307,34 @@ wrapperTag: div
3230
3307
  </button>
3231
3308
  <ul
3232
3309
  class="pf-v5-c-options-menu__menu pf-m-top"
3310
+ role="menu"
3233
3311
  aria-labelledby="{{page--id}}-pagination-options-menu-bottom-example-toggle"
3234
3312
  hidden
3235
3313
  >
3236
- <li>
3314
+ <li role="none">
3237
3315
  <button
3238
3316
  class="pf-v5-c-options-menu__menu-item"
3239
3317
  type="button"
3318
+ role="menuitem"
3240
3319
  >5 per page</button>
3241
3320
  </li>
3242
- <li>
3243
- <button class="pf-v5-c-options-menu__menu-item" type="button">
3321
+ <li role="none">
3322
+ <button
3323
+ class="pf-v5-c-options-menu__menu-item"
3324
+ type="button"
3325
+ role="menuitem"
3326
+ >
3244
3327
  10 per page
3245
3328
  <div class="pf-v5-c-options-menu__menu-item-icon">
3246
3329
  <i class="fas fa-check" aria-hidden="true"></i>
3247
3330
  </div>
3248
3331
  </button>
3249
3332
  </li>
3250
- <li>
3333
+ <li role="none">
3251
3334
  <button
3252
3335
  class="pf-v5-c-options-menu__menu-item"
3253
3336
  type="button"
3337
+ role="menuitem"
3254
3338
  >20 per page</button>
3255
3339
  </li>
3256
3340
  </ul>
@@ -3660,11 +3744,15 @@ wrapperTag: div
3660
3744
  </button>
3661
3745
  <ul
3662
3746
  class="pf-v5-c-dropdown__menu"
3747
+ role="menu"
3663
3748
  aria-labelledby="-overflow-menu-dropdown-toggle"
3664
3749
  hidden
3665
3750
  >
3666
- <li>
3667
- <button class="pf-v5-c-dropdown__menu-item">Action 7</button>
3751
+ <li role="none">
3752
+ <button
3753
+ role="menuitem"
3754
+ class="pf-v5-c-dropdown__menu-item"
3755
+ >Action 7</button>
3668
3756
  </li>
3669
3757
  </ul>
3670
3758
  </div>
@@ -3691,19 +3779,22 @@ wrapperTag: div
3691
3779
  </button>
3692
3780
  <ul
3693
3781
  class="pf-v5-c-options-menu__menu"
3782
+ role="menu"
3694
3783
  aria-labelledby="-top-pagination-toggle"
3695
3784
  hidden
3696
3785
  >
3697
- <li>
3786
+ <li role="none">
3698
3787
  <button
3699
3788
  class="pf-v5-c-options-menu__menu-item"
3700
3789
  type="button"
3790
+ role="menuitem"
3701
3791
  >5 per page</button>
3702
3792
  </li>
3703
- <li>
3793
+ <li role="none">
3704
3794
  <button
3705
3795
  class="pf-v5-c-options-menu__menu-item"
3706
3796
  type="button"
3797
+ role="menuitem"
3707
3798
  >
3708
3799
  10 per page
3709
3800
  <div class="pf-v5-c-options-menu__menu-item-icon">
@@ -3711,10 +3802,11 @@ wrapperTag: div
3711
3802
  </div>
3712
3803
  </button>
3713
3804
  </li>
3714
- <li>
3805
+ <li role="none">
3715
3806
  <button
3716
3807
  class="pf-v5-c-options-menu__menu-item"
3717
3808
  type="button"
3809
+ role="menuitem"
3718
3810
  >20 per page</button>
3719
3811
  </li>
3720
3812
  </ul>
@@ -4103,27 +4195,34 @@ wrapperTag: div
4103
4195
  </button>
4104
4196
  <ul
4105
4197
  class="pf-v5-c-options-menu__menu pf-m-top"
4198
+ role="menu"
4106
4199
  aria-labelledby="{{page--id}}pagination-options-menu-bottom-example-static-toggle"
4107
4200
  hidden
4108
4201
  >
4109
- <li>
4202
+ <li role="none">
4110
4203
  <button
4111
4204
  class="pf-v5-c-options-menu__menu-item"
4112
4205
  type="button"
4206
+ role="menuitem"
4113
4207
  >5 per page</button>
4114
4208
  </li>
4115
- <li>
4116
- <button class="pf-v5-c-options-menu__menu-item" type="button">
4209
+ <li role="none">
4210
+ <button
4211
+ class="pf-v5-c-options-menu__menu-item"
4212
+ type="button"
4213
+ role="menuitem"
4214
+ >
4117
4215
  10 per page
4118
4216
  <div class="pf-v5-c-options-menu__menu-item-icon">
4119
4217
  <i class="fas fa-check" aria-hidden="true"></i>
4120
4218
  </div>
4121
4219
  </button>
4122
4220
  </li>
4123
- <li>
4221
+ <li role="none">
4124
4222
  <button
4125
4223
  class="pf-v5-c-options-menu__menu-item"
4126
4224
  type="button"
4225
+ role="menuitem"
4127
4226
  >20 per page</button>
4128
4227
  </li>
4129
4228
  </ul>