@patternfly/patternfly 5.1.0-prerelease.4 → 6.0.0-alpha.1

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 (51) hide show
  1. package/CODE_OF_CONDUCT.md +2 -1
  2. package/components/DataList/data-list-grid.css +0 -28
  3. package/components/DataList/data-list.css +0 -28
  4. package/components/FormControl/form-control.css +3 -2
  5. package/components/FormControl/form-control.scss +3 -2
  6. package/components/NumberInput/number-input.css +1 -1
  7. package/components/Pagination/pagination.css +1 -1
  8. package/components/Table/table-grid.css +0 -24
  9. package/docs/components/AppLauncher/deprecated/application-launcher.md +155 -70
  10. package/docs/components/Breadcrumb/examples/Breadcrumb.md +11 -5
  11. package/docs/components/Card/examples/Card.md +152 -64
  12. package/docs/components/ContextSelector/deprecated/context-selector.md +198 -96
  13. package/docs/components/DataList/examples/DataList.md +391 -136
  14. package/docs/components/Dropdown/deprecated/Dropdown.md +881 -367
  15. package/docs/components/DualListSelector/examples/DualListSelector.md +368 -128
  16. package/docs/components/FormControl/examples/FormControl.md +2 -1
  17. package/docs/components/Hint/examples/Hint.md +57 -24
  18. package/docs/components/InlineEdit/examples/InlineEdit.md +46 -16
  19. package/docs/components/LogViewer/examples/LogViewer.md +40 -30
  20. package/docs/components/Menu/examples/Menu.md +41 -20
  21. package/docs/components/MenuToggle/examples/MenuToggle.md +1 -1
  22. package/docs/components/NotificationDrawer/examples/NotificationDrawer.md +619 -240
  23. package/docs/components/OptionsMenu/deprecated/options-menu.md +403 -160
  24. package/docs/components/OverflowMenu/examples/overflow-menu.md +45 -34
  25. package/docs/components/Pagination/examples/Pagination.md +195 -65
  26. package/docs/components/ProgressStepper/examples/ProgressStepper.md +50 -0
  27. package/docs/components/Select/deprecated/Select.css +3 -3
  28. package/docs/components/Select/deprecated/Select.md +40 -52
  29. package/docs/components/Table/examples/Table.md +4546 -1668
  30. package/docs/components/Tabs/examples/Tabs.md +1094 -438
  31. package/docs/components/Toolbar/examples/Toolbar.md +142 -68
  32. package/docs/components/TreeView/examples/TreeView.md +23 -8
  33. package/docs/demos/Card/examples/Card.md +46 -21
  34. package/docs/demos/CardView/examples/CardView.md +182 -74
  35. package/docs/demos/ContextSelector/examples/ContextSelector.md +95 -47
  36. package/docs/demos/Dashboard/examples/Dashboard.md +15 -6
  37. package/docs/demos/DataList/examples/DataList.md +163 -70
  38. package/docs/demos/DescriptionList/examples/DescriptionList.md +20 -9
  39. package/docs/demos/Drawer/examples/Drawer.md +20 -9
  40. package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +803 -338
  41. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +241 -101
  42. package/docs/demos/Table/examples/Table.md +1422 -607
  43. package/docs/demos/Tabs/examples/Tabs.md +113 -48
  44. package/docs/demos/Toolbar/examples/Toolbar.md +318 -123
  45. package/package.json +39 -38
  46. package/patternfly-no-globals.css +4 -55
  47. package/patternfly-theme-dark-unversioned.css +4 -55
  48. package/patternfly.css +4 -55
  49. package/patternfly.min.css +1 -1
  50. package/patternfly.min.css.map +1 -1
  51. package/sass-utilities/placeholders.scss +1 -1
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>
@@ -1951,22 +1987,25 @@ wrapperTag: div
1951
1987
  <i class="fas fa-caret-down" aria-hidden="true"></i>
1952
1988
  </button>
1953
1989
  </div>
1954
- <ul class="pf-v5-c-dropdown__menu" hidden>
1955
- <li>
1990
+ <ul class="pf-v5-c-dropdown__menu" hidden role="menu">
1991
+ <li role="none">
1956
1992
  <button
1957
1993
  class="pf-v5-c-dropdown__menu-item"
1994
+ role="menuitem"
1958
1995
  type="button"
1959
1996
  >Select all</button>
1960
1997
  </li>
1961
- <li>
1998
+ <li role="none">
1962
1999
  <button
1963
2000
  class="pf-v5-c-dropdown__menu-item"
2001
+ role="menuitem"
1964
2002
  type="button"
1965
2003
  >Select none</button>
1966
2004
  </li>
1967
- <li>
2005
+ <li role="none">
1968
2006
  <button
1969
2007
  class="pf-v5-c-dropdown__menu-item"
2008
+ role="menuitem"
1970
2009
  type="button"
1971
2010
  >Other action</button>
1972
2011
  </li>
@@ -2096,11 +2135,15 @@ wrapperTag: div
2096
2135
  </button>
2097
2136
  <ul
2098
2137
  class="pf-v5-c-dropdown__menu"
2138
+ role="menu"
2099
2139
  aria-labelledby="-overflow-menu-dropdown-toggle"
2100
2140
  hidden
2101
2141
  >
2102
- <li>
2103
- <button class="pf-v5-c-dropdown__menu-item">Action 7</button>
2142
+ <li role="none">
2143
+ <button
2144
+ role="menuitem"
2145
+ class="pf-v5-c-dropdown__menu-item"
2146
+ >Action 7</button>
2104
2147
  </li>
2105
2148
  </ul>
2106
2149
  </div>
@@ -2127,19 +2170,22 @@ wrapperTag: div
2127
2170
  </button>
2128
2171
  <ul
2129
2172
  class="pf-v5-c-options-menu__menu"
2173
+ role="menu"
2130
2174
  aria-labelledby="-top-pagination-toggle"
2131
2175
  hidden
2132
2176
  >
2133
- <li>
2177
+ <li role="none">
2134
2178
  <button
2135
2179
  class="pf-v5-c-options-menu__menu-item"
2136
2180
  type="button"
2181
+ role="menuitem"
2137
2182
  >5 per page</button>
2138
2183
  </li>
2139
- <li>
2184
+ <li role="none">
2140
2185
  <button
2141
2186
  class="pf-v5-c-options-menu__menu-item"
2142
2187
  type="button"
2188
+ role="menuitem"
2143
2189
  >
2144
2190
  10 per page
2145
2191
  <div class="pf-v5-c-options-menu__menu-item-icon">
@@ -2147,10 +2193,11 @@ wrapperTag: div
2147
2193
  </div>
2148
2194
  </button>
2149
2195
  </li>
2150
- <li>
2196
+ <li role="none">
2151
2197
  <button
2152
2198
  class="pf-v5-c-options-menu__menu-item"
2153
2199
  type="button"
2200
+ role="menuitem"
2154
2201
  >20 per page</button>
2155
2202
  </li>
2156
2203
  </ul>
@@ -2422,38 +2469,44 @@ wrapperTag: div
2422
2469
  class="pf-v5-c-dropdown__menu pf-m-align-right"
2423
2470
  aria-labelledby="-dropdown-kebab-1-button"
2424
2471
  hidden
2472
+ role="menu"
2425
2473
  >
2426
- <li>
2474
+ <li role="none">
2427
2475
  <a
2428
2476
  class="pf-v5-c-dropdown__menu-item"
2477
+ role="menuitem"
2429
2478
  href="#"
2430
2479
  >Link</a>
2431
2480
  </li>
2432
- <li>
2481
+ <li role="none">
2433
2482
  <button
2434
2483
  class="pf-v5-c-dropdown__menu-item"
2484
+ role="menuitem"
2435
2485
  type="button"
2436
2486
  >Action</button>
2437
2487
  </li>
2438
- <li>
2488
+ <li role="none">
2439
2489
  <a
2440
2490
  class="pf-v5-c-dropdown__menu-item pf-m-disabled"
2491
+ role="menuitem"
2441
2492
  href="#"
2442
2493
  aria-disabled="true"
2443
2494
  tabindex="-1"
2444
2495
  >Disabled link</a>
2445
2496
  </li>
2446
- <li>
2497
+ <li role="none">
2447
2498
  <button
2448
2499
  class="pf-v5-c-dropdown__menu-item"
2500
+ role="menuitem"
2449
2501
  type="button"
2450
2502
  disabled
2451
2503
  >Disabled action</button>
2452
2504
  </li>
2453
2505
  <li class="pf-v5-c-divider" role="separator"></li>
2454
- <li>
2506
+ <li role="none">
2455
2507
  <a
2456
2508
  class="pf-v5-c-dropdown__menu-item"
2509
+ role="menuitem"
2457
2510
  href="#"
2458
2511
  >Separated link</a>
2459
2512
  </li>
@@ -2534,38 +2587,44 @@ wrapperTag: div
2534
2587
  class="pf-v5-c-dropdown__menu pf-m-align-right"
2535
2588
  aria-labelledby="-dropdown-kebab-2-button"
2536
2589
  hidden
2590
+ role="menu"
2537
2591
  >
2538
- <li>
2592
+ <li role="none">
2539
2593
  <a
2540
2594
  class="pf-v5-c-dropdown__menu-item"
2595
+ role="menuitem"
2541
2596
  href="#"
2542
2597
  >Link</a>
2543
2598
  </li>
2544
- <li>
2599
+ <li role="none">
2545
2600
  <button
2546
2601
  class="pf-v5-c-dropdown__menu-item"
2602
+ role="menuitem"
2547
2603
  type="button"
2548
2604
  >Action</button>
2549
2605
  </li>
2550
- <li>
2606
+ <li role="none">
2551
2607
  <a
2552
2608
  class="pf-v5-c-dropdown__menu-item pf-m-disabled"
2609
+ role="menuitem"
2553
2610
  href="#"
2554
2611
  aria-disabled="true"
2555
2612
  tabindex="-1"
2556
2613
  >Disabled link</a>
2557
2614
  </li>
2558
- <li>
2615
+ <li role="none">
2559
2616
  <button
2560
2617
  class="pf-v5-c-dropdown__menu-item"
2618
+ role="menuitem"
2561
2619
  type="button"
2562
2620
  disabled
2563
2621
  >Disabled action</button>
2564
2622
  </li>
2565
2623
  <li class="pf-v5-c-divider" role="separator"></li>
2566
- <li>
2624
+ <li role="none">
2567
2625
  <a
2568
2626
  class="pf-v5-c-dropdown__menu-item"
2627
+ role="menuitem"
2569
2628
  href="#"
2570
2629
  >Separated link</a>
2571
2630
  </li>
@@ -2648,38 +2707,44 @@ wrapperTag: div
2648
2707
  class="pf-v5-c-dropdown__menu pf-m-align-right"
2649
2708
  aria-labelledby="-dropdown-kebab-3-button"
2650
2709
  hidden
2710
+ role="menu"
2651
2711
  >
2652
- <li>
2712
+ <li role="none">
2653
2713
  <a
2654
2714
  class="pf-v5-c-dropdown__menu-item"
2715
+ role="menuitem"
2655
2716
  href="#"
2656
2717
  >Link</a>
2657
2718
  </li>
2658
- <li>
2719
+ <li role="none">
2659
2720
  <button
2660
2721
  class="pf-v5-c-dropdown__menu-item"
2722
+ role="menuitem"
2661
2723
  type="button"
2662
2724
  >Action</button>
2663
2725
  </li>
2664
- <li>
2726
+ <li role="none">
2665
2727
  <a
2666
2728
  class="pf-v5-c-dropdown__menu-item pf-m-disabled"
2729
+ role="menuitem"
2667
2730
  href="#"
2668
2731
  aria-disabled="true"
2669
2732
  tabindex="-1"
2670
2733
  >Disabled link</a>
2671
2734
  </li>
2672
- <li>
2735
+ <li role="none">
2673
2736
  <button
2674
2737
  class="pf-v5-c-dropdown__menu-item"
2738
+ role="menuitem"
2675
2739
  type="button"
2676
2740
  disabled
2677
2741
  >Disabled action</button>
2678
2742
  </li>
2679
2743
  <li class="pf-v5-c-divider" role="separator"></li>
2680
- <li>
2744
+ <li role="none">
2681
2745
  <a
2682
2746
  class="pf-v5-c-dropdown__menu-item"
2747
+ role="menuitem"
2683
2748
  href="#"
2684
2749
  >Separated link</a>
2685
2750
  </li>
@@ -2762,38 +2827,44 @@ wrapperTag: div
2762
2827
  class="pf-v5-c-dropdown__menu pf-m-align-right"
2763
2828
  aria-labelledby="-dropdown-kebab-4-button"
2764
2829
  hidden
2830
+ role="menu"
2765
2831
  >
2766
- <li>
2832
+ <li role="none">
2767
2833
  <a
2768
2834
  class="pf-v5-c-dropdown__menu-item"
2835
+ role="menuitem"
2769
2836
  href="#"
2770
2837
  >Link</a>
2771
2838
  </li>
2772
- <li>
2839
+ <li role="none">
2773
2840
  <button
2774
2841
  class="pf-v5-c-dropdown__menu-item"
2842
+ role="menuitem"
2775
2843
  type="button"
2776
2844
  >Action</button>
2777
2845
  </li>
2778
- <li>
2846
+ <li role="none">
2779
2847
  <a
2780
2848
  class="pf-v5-c-dropdown__menu-item pf-m-disabled"
2849
+ role="menuitem"
2781
2850
  href="#"
2782
2851
  aria-disabled="true"
2783
2852
  tabindex="-1"
2784
2853
  >Disabled link</a>
2785
2854
  </li>
2786
- <li>
2855
+ <li role="none">
2787
2856
  <button
2788
2857
  class="pf-v5-c-dropdown__menu-item"
2858
+ role="menuitem"
2789
2859
  type="button"
2790
2860
  disabled
2791
2861
  >Disabled action</button>
2792
2862
  </li>
2793
2863
  <li class="pf-v5-c-divider" role="separator"></li>
2794
- <li>
2864
+ <li role="none">
2795
2865
  <a
2796
2866
  class="pf-v5-c-dropdown__menu-item"
2867
+ role="menuitem"
2797
2868
  href="#"
2798
2869
  >Separated link</a>
2799
2870
  </li>
@@ -3230,27 +3301,34 @@ wrapperTag: div
3230
3301
  </button>
3231
3302
  <ul
3232
3303
  class="pf-v5-c-options-menu__menu pf-m-top"
3304
+ role="menu"
3233
3305
  aria-labelledby="{{page--id}}-pagination-options-menu-bottom-example-toggle"
3234
3306
  hidden
3235
3307
  >
3236
- <li>
3308
+ <li role="none">
3237
3309
  <button
3238
3310
  class="pf-v5-c-options-menu__menu-item"
3239
3311
  type="button"
3312
+ role="menuitem"
3240
3313
  >5 per page</button>
3241
3314
  </li>
3242
- <li>
3243
- <button class="pf-v5-c-options-menu__menu-item" type="button">
3315
+ <li role="none">
3316
+ <button
3317
+ class="pf-v5-c-options-menu__menu-item"
3318
+ type="button"
3319
+ role="menuitem"
3320
+ >
3244
3321
  10 per page
3245
3322
  <div class="pf-v5-c-options-menu__menu-item-icon">
3246
3323
  <i class="fas fa-check" aria-hidden="true"></i>
3247
3324
  </div>
3248
3325
  </button>
3249
3326
  </li>
3250
- <li>
3327
+ <li role="none">
3251
3328
  <button
3252
3329
  class="pf-v5-c-options-menu__menu-item"
3253
3330
  type="button"
3331
+ role="menuitem"
3254
3332
  >20 per page</button>
3255
3333
  </li>
3256
3334
  </ul>
@@ -3660,11 +3738,15 @@ wrapperTag: div
3660
3738
  </button>
3661
3739
  <ul
3662
3740
  class="pf-v5-c-dropdown__menu"
3741
+ role="menu"
3663
3742
  aria-labelledby="-overflow-menu-dropdown-toggle"
3664
3743
  hidden
3665
3744
  >
3666
- <li>
3667
- <button class="pf-v5-c-dropdown__menu-item">Action 7</button>
3745
+ <li role="none">
3746
+ <button
3747
+ role="menuitem"
3748
+ class="pf-v5-c-dropdown__menu-item"
3749
+ >Action 7</button>
3668
3750
  </li>
3669
3751
  </ul>
3670
3752
  </div>
@@ -3691,19 +3773,22 @@ wrapperTag: div
3691
3773
  </button>
3692
3774
  <ul
3693
3775
  class="pf-v5-c-options-menu__menu"
3776
+ role="menu"
3694
3777
  aria-labelledby="-top-pagination-toggle"
3695
3778
  hidden
3696
3779
  >
3697
- <li>
3780
+ <li role="none">
3698
3781
  <button
3699
3782
  class="pf-v5-c-options-menu__menu-item"
3700
3783
  type="button"
3784
+ role="menuitem"
3701
3785
  >5 per page</button>
3702
3786
  </li>
3703
- <li>
3787
+ <li role="none">
3704
3788
  <button
3705
3789
  class="pf-v5-c-options-menu__menu-item"
3706
3790
  type="button"
3791
+ role="menuitem"
3707
3792
  >
3708
3793
  10 per page
3709
3794
  <div class="pf-v5-c-options-menu__menu-item-icon">
@@ -3711,10 +3796,11 @@ wrapperTag: div
3711
3796
  </div>
3712
3797
  </button>
3713
3798
  </li>
3714
- <li>
3799
+ <li role="none">
3715
3800
  <button
3716
3801
  class="pf-v5-c-options-menu__menu-item"
3717
3802
  type="button"
3803
+ role="menuitem"
3718
3804
  >20 per page</button>
3719
3805
  </li>
3720
3806
  </ul>
@@ -4103,27 +4189,34 @@ wrapperTag: div
4103
4189
  </button>
4104
4190
  <ul
4105
4191
  class="pf-v5-c-options-menu__menu pf-m-top"
4192
+ role="menu"
4106
4193
  aria-labelledby="{{page--id}}pagination-options-menu-bottom-example-static-toggle"
4107
4194
  hidden
4108
4195
  >
4109
- <li>
4196
+ <li role="none">
4110
4197
  <button
4111
4198
  class="pf-v5-c-options-menu__menu-item"
4112
4199
  type="button"
4200
+ role="menuitem"
4113
4201
  >5 per page</button>
4114
4202
  </li>
4115
- <li>
4116
- <button class="pf-v5-c-options-menu__menu-item" type="button">
4203
+ <li role="none">
4204
+ <button
4205
+ class="pf-v5-c-options-menu__menu-item"
4206
+ type="button"
4207
+ role="menuitem"
4208
+ >
4117
4209
  10 per page
4118
4210
  <div class="pf-v5-c-options-menu__menu-item-icon">
4119
4211
  <i class="fas fa-check" aria-hidden="true"></i>
4120
4212
  </div>
4121
4213
  </button>
4122
4214
  </li>
4123
- <li>
4215
+ <li role="none">
4124
4216
  <button
4125
4217
  class="pf-v5-c-options-menu__menu-item"
4126
4218
  type="button"
4219
+ role="menuitem"
4127
4220
  >20 per page</button>
4128
4221
  </li>
4129
4222
  </ul>