@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/CardView/examples/CardView.md CHANGED
@@ -326,22 +326,25 @@ section: patterns
326
326
  <i class="fas fa-caret-down" aria-hidden="true"></i>
327
327
  </button>
328
328
  </div>
329
- <ul class="pf-v5-c-dropdown__menu" hidden>
330
- <li>
329
+ <ul class="pf-v5-c-dropdown__menu" hidden role="menu">
330
+ <li role="none">
331
331
  <button
332
332
  class="pf-v5-c-dropdown__menu-item"
333
+ role="menuitem"
333
334
  type="button"
334
335
  >Select all</button>
335
336
  </li>
336
- <li>
337
+ <li role="none">
337
338
  <button
338
339
  class="pf-v5-c-dropdown__menu-item"
340
+ role="menuitem"
339
341
  type="button"
340
342
  >Select none</button>
341
343
  </li>
342
- <li>
344
+ <li role="none">
343
345
  <button
344
346
  class="pf-v5-c-dropdown__menu-item"
347
+ role="menuitem"
345
348
  type="button"
346
349
  >Other action</button>
347
350
  </li>
@@ -354,7 +357,7 @@ section: patterns
354
357
  <span
355
358
  id="card-view-basic-example-toolbar-select-checkbox-status-label"
356
359
  hidden
357
- >Choose one</span>
360
+ >Choose many</span>
358
361
 
359
362
  <button
360
363
  class="pf-v5-c-select__toggle"
@@ -483,11 +486,15 @@ section: patterns
483
486
  </button>
484
487
  <ul
485
488
  class="pf-v5-c-dropdown__menu"
489
+ role="menu"
486
490
  aria-labelledby="card-view-basic-example-toolbar-overflow-menu-dropdown-toggle"
487
491
  hidden
488
492
  >
489
- <li>
490
- <button class="pf-v5-c-dropdown__menu-item">Action 7</button>
493
+ <li role="none">
494
+ <button
495
+ role="menuitem"
496
+ class="pf-v5-c-dropdown__menu-item"
497
+ >Action 7</button>
491
498
  </li>
492
499
  </ul>
493
500
  </div>
@@ -514,19 +521,22 @@ section: patterns
514
521
  </button>
515
522
  <ul
516
523
  class="pf-v5-c-options-menu__menu"
524
+ role="menu"
517
525
  aria-labelledby="card-view-basic-example-toolbar-top-pagination-toggle"
518
526
  hidden
519
527
  >
520
- <li>
528
+ <li role="none">
521
529
  <button
522
530
  class="pf-v5-c-options-menu__menu-item"
523
531
  type="button"
532
+ role="menuitem"
524
533
  >5 per page</button>
525
534
  </li>
526
- <li>
535
+ <li role="none">
527
536
  <button
528
537
  class="pf-v5-c-options-menu__menu-item"
529
538
  type="button"
539
+ role="menuitem"
530
540
  >
531
541
  10 per page
532
542
  <div class="pf-v5-c-options-menu__menu-item-icon">
@@ -534,10 +544,11 @@ section: patterns
534
544
  </div>
535
545
  </button>
536
546
  </li>
537
- <li>
547
+ <li role="none">
538
548
  <button
539
549
  class="pf-v5-c-options-menu__menu-item"
540
550
  type="button"
551
+ role="menuitem"
541
552
  >20 per page</button>
542
553
  </li>
543
554
  </ul>
@@ -619,35 +630,44 @@ section: patterns
619
630
  class="pf-v5-c-dropdown__menu pf-m-align-right"
620
631
  aria-labelledby="card-view-basic-example-gallery-card-1-dropdown-kebab-button"
621
632
  hidden
633
+ role="menu"
622
634
  >
623
- <li>
624
- <a class="pf-v5-c-dropdown__menu-item" href="#">Link</a>
635
+ <li role="none">
636
+ <a
637
+ class="pf-v5-c-dropdown__menu-item"
638
+ role="menuitem"
639
+ href="#"
640
+ >Link</a>
625
641
  </li>
626
- <li>
642
+ <li role="none">
627
643
  <button
628
644
  class="pf-v5-c-dropdown__menu-item"
645
+ role="menuitem"
629
646
  type="button"
630
647
  >Action</button>
631
648
  </li>
632
- <li>
649
+ <li role="none">
633
650
  <a
634
651
  class="pf-v5-c-dropdown__menu-item pf-m-disabled"
652
+ role="menuitem"
635
653
  href="#"
636
654
  aria-disabled="true"
637
655
  tabindex="-1"
638
656
  >Disabled link</a>
639
657
  </li>
640
- <li>
658
+ <li role="none">
641
659
  <button
642
660
  class="pf-v5-c-dropdown__menu-item"
661
+ role="menuitem"
643
662
  type="button"
644
663
  disabled
645
664
  >Disabled action</button>
646
665
  </li>
647
666
  <li class="pf-v5-c-divider" role="separator"></li>
648
- <li>
667
+ <li role="none">
649
668
  <a
650
669
  class="pf-v5-c-dropdown__menu-item"
670
+ role="menuitem"
651
671
  href="#"
652
672
  >Separated link</a>
653
673
  </li>
@@ -702,35 +722,44 @@ section: patterns
702
722
  class="pf-v5-c-dropdown__menu pf-m-align-right"
703
723
  aria-labelledby="card-view-basic-example-gallery-card-2-dropdown-kebab-button"
704
724
  hidden
725
+ role="menu"
705
726
  >
706
- <li>
707
- <a class="pf-v5-c-dropdown__menu-item" href="#">Link</a>
727
+ <li role="none">
728
+ <a
729
+ class="pf-v5-c-dropdown__menu-item"
730
+ role="menuitem"
731
+ href="#"
732
+ >Link</a>
708
733
  </li>
709
- <li>
734
+ <li role="none">
710
735
  <button
711
736
  class="pf-v5-c-dropdown__menu-item"
737
+ role="menuitem"
712
738
  type="button"
713
739
  >Action</button>
714
740
  </li>
715
- <li>
741
+ <li role="none">
716
742
  <a
717
743
  class="pf-v5-c-dropdown__menu-item pf-m-disabled"
744
+ role="menuitem"
718
745
  href="#"
719
746
  aria-disabled="true"
720
747
  tabindex="-1"
721
748
  >Disabled link</a>
722
749
  </li>
723
- <li>
750
+ <li role="none">
724
751
  <button
725
752
  class="pf-v5-c-dropdown__menu-item"
753
+ role="menuitem"
726
754
  type="button"
727
755
  disabled
728
756
  >Disabled action</button>
729
757
  </li>
730
758
  <li class="pf-v5-c-divider" role="separator"></li>
731
- <li>
759
+ <li role="none">
732
760
  <a
733
761
  class="pf-v5-c-dropdown__menu-item"
762
+ role="menuitem"
734
763
  href="#"
735
764
  >Separated link</a>
736
765
  </li>
@@ -785,35 +814,44 @@ section: patterns
785
814
  class="pf-v5-c-dropdown__menu pf-m-align-right"
786
815
  aria-labelledby="card-view-basic-example-gallery-card-3-dropdown-kebab-button"
787
816
  hidden
817
+ role="menu"
788
818
  >
789
- <li>
790
- <a class="pf-v5-c-dropdown__menu-item" href="#">Link</a>
819
+ <li role="none">
820
+ <a
821
+ class="pf-v5-c-dropdown__menu-item"
822
+ role="menuitem"
823
+ href="#"
824
+ >Link</a>
791
825
  </li>
792
- <li>
826
+ <li role="none">
793
827
  <button
794
828
  class="pf-v5-c-dropdown__menu-item"
829
+ role="menuitem"
795
830
  type="button"
796
831
  >Action</button>
797
832
  </li>
798
- <li>
833
+ <li role="none">
799
834
  <a
800
835
  class="pf-v5-c-dropdown__menu-item pf-m-disabled"
836
+ role="menuitem"
801
837
  href="#"
802
838
  aria-disabled="true"
803
839
  tabindex="-1"
804
840
  >Disabled link</a>
805
841
  </li>
806
- <li>
842
+ <li role="none">
807
843
  <button
808
844
  class="pf-v5-c-dropdown__menu-item"
845
+ role="menuitem"
809
846
  type="button"
810
847
  disabled
811
848
  >Disabled action</button>
812
849
  </li>
813
850
  <li class="pf-v5-c-divider" role="separator"></li>
814
- <li>
851
+ <li role="none">
815
852
  <a
816
853
  class="pf-v5-c-dropdown__menu-item"
854
+ role="menuitem"
817
855
  href="#"
818
856
  >Separated link</a>
819
857
  </li>
@@ -868,35 +906,44 @@ section: patterns
868
906
  class="pf-v5-c-dropdown__menu pf-m-align-right"
869
907
  aria-labelledby="card-view-basic-example-gallery-card-4-dropdown-kebab-button"
870
908
  hidden
909
+ role="menu"
871
910
  >
872
- <li>
873
- <a class="pf-v5-c-dropdown__menu-item" href="#">Link</a>
911
+ <li role="none">
912
+ <a
913
+ class="pf-v5-c-dropdown__menu-item"
914
+ role="menuitem"
915
+ href="#"
916
+ >Link</a>
874
917
  </li>
875
- <li>
918
+ <li role="none">
876
919
  <button
877
920
  class="pf-v5-c-dropdown__menu-item"
921
+ role="menuitem"
878
922
  type="button"
879
923
  >Action</button>
880
924
  </li>
881
- <li>
925
+ <li role="none">
882
926
  <a
883
927
  class="pf-v5-c-dropdown__menu-item pf-m-disabled"
928
+ role="menuitem"
884
929
  href="#"
885
930
  aria-disabled="true"
886
931
  tabindex="-1"
887
932
  >Disabled link</a>
888
933
  </li>
889
- <li>
934
+ <li role="none">
890
935
  <button
891
936
  class="pf-v5-c-dropdown__menu-item"
937
+ role="menuitem"
892
938
  type="button"
893
939
  disabled
894
940
  >Disabled action</button>
895
941
  </li>
896
942
  <li class="pf-v5-c-divider" role="separator"></li>
897
- <li>
943
+ <li role="none">
898
944
  <a
899
945
  class="pf-v5-c-dropdown__menu-item"
946
+ role="menuitem"
900
947
  href="#"
901
948
  >Separated link</a>
902
949
  </li>
@@ -951,35 +998,44 @@ section: patterns
951
998
  class="pf-v5-c-dropdown__menu pf-m-align-right"
952
999
  aria-labelledby="card-view-basic-example-gallery-card-5-dropdown-kebab-button"
953
1000
  hidden
1001
+ role="menu"
954
1002
  >
955
- <li>
956
- <a class="pf-v5-c-dropdown__menu-item" href="#">Link</a>
1003
+ <li role="none">
1004
+ <a
1005
+ class="pf-v5-c-dropdown__menu-item"
1006
+ role="menuitem"
1007
+ href="#"
1008
+ >Link</a>
957
1009
  </li>
958
- <li>
1010
+ <li role="none">
959
1011
  <button
960
1012
  class="pf-v5-c-dropdown__menu-item"
1013
+ role="menuitem"
961
1014
  type="button"
962
1015
  >Action</button>
963
1016
  </li>
964
- <li>
1017
+ <li role="none">
965
1018
  <a
966
1019
  class="pf-v5-c-dropdown__menu-item pf-m-disabled"
1020
+ role="menuitem"
967
1021
  href="#"
968
1022
  aria-disabled="true"
969
1023
  tabindex="-1"
970
1024
  >Disabled link</a>
971
1025
  </li>
972
- <li>
1026
+ <li role="none">
973
1027
  <button
974
1028
  class="pf-v5-c-dropdown__menu-item"
1029
+ role="menuitem"
975
1030
  type="button"
976
1031
  disabled
977
1032
  >Disabled action</button>
978
1033
  </li>
979
1034
  <li class="pf-v5-c-divider" role="separator"></li>
980
- <li>
1035
+ <li role="none">
981
1036
  <a
982
1037
  class="pf-v5-c-dropdown__menu-item"
1038
+ role="menuitem"
983
1039
  href="#"
984
1040
  >Separated link</a>
985
1041
  </li>
@@ -1034,35 +1090,44 @@ section: patterns
1034
1090
  class="pf-v5-c-dropdown__menu pf-m-align-right"
1035
1091
  aria-labelledby="card-view-basic-example-gallery-card-6-dropdown-kebab-button"
1036
1092
  hidden
1093
+ role="menu"
1037
1094
  >
1038
- <li>
1039
- <a class="pf-v5-c-dropdown__menu-item" href="#">Link</a>
1095
+ <li role="none">
1096
+ <a
1097
+ class="pf-v5-c-dropdown__menu-item"
1098
+ role="menuitem"
1099
+ href="#"
1100
+ >Link</a>
1040
1101
  </li>
1041
- <li>
1102
+ <li role="none">
1042
1103
  <button
1043
1104
  class="pf-v5-c-dropdown__menu-item"
1105
+ role="menuitem"
1044
1106
  type="button"
1045
1107
  >Action</button>
1046
1108
  </li>
1047
- <li>
1109
+ <li role="none">
1048
1110
  <a
1049
1111
  class="pf-v5-c-dropdown__menu-item pf-m-disabled"
1112
+ role="menuitem"
1050
1113
  href="#"
1051
1114
  aria-disabled="true"
1052
1115
  tabindex="-1"
1053
1116
  >Disabled link</a>
1054
1117
  </li>
1055
- <li>
1118
+ <li role="none">
1056
1119
  <button
1057
1120
  class="pf-v5-c-dropdown__menu-item"
1121
+ role="menuitem"
1058
1122
  type="button"
1059
1123
  disabled
1060
1124
  >Disabled action</button>
1061
1125
  </li>
1062
1126
  <li class="pf-v5-c-divider" role="separator"></li>
1063
- <li>
1127
+ <li role="none">
1064
1128
  <a
1065
1129
  class="pf-v5-c-dropdown__menu-item"
1130
+ role="menuitem"
1066
1131
  href="#"
1067
1132
  >Separated link</a>
1068
1133
  </li>
@@ -1118,35 +1183,44 @@ section: patterns
1118
1183
  class="pf-v5-c-dropdown__menu pf-m-align-right"
1119
1184
  aria-labelledby="card-view-basic-example-gallery-card-7-dropdown-kebab-button"
1120
1185
  hidden
1186
+ role="menu"
1121
1187
  >
1122
- <li>
1123
- <a class="pf-v5-c-dropdown__menu-item" href="#">Link</a>
1188
+ <li role="none">
1189
+ <a
1190
+ class="pf-v5-c-dropdown__menu-item"
1191
+ role="menuitem"
1192
+ href="#"
1193
+ >Link</a>
1124
1194
  </li>
1125
- <li>
1195
+ <li role="none">
1126
1196
  <button
1127
1197
  class="pf-v5-c-dropdown__menu-item"
1198
+ role="menuitem"
1128
1199
  type="button"
1129
1200
  >Action</button>
1130
1201
  </li>
1131
- <li>
1202
+ <li role="none">
1132
1203
  <a
1133
1204
  class="pf-v5-c-dropdown__menu-item pf-m-disabled"
1205
+ role="menuitem"
1134
1206
  href="#"
1135
1207
  aria-disabled="true"
1136
1208
  tabindex="-1"
1137
1209
  >Disabled link</a>
1138
1210
  </li>
1139
- <li>
1211
+ <li role="none">
1140
1212
  <button
1141
1213
  class="pf-v5-c-dropdown__menu-item"
1214
+ role="menuitem"
1142
1215
  type="button"
1143
1216
  disabled
1144
1217
  >Disabled action</button>
1145
1218
  </li>
1146
1219
  <li class="pf-v5-c-divider" role="separator"></li>
1147
- <li>
1220
+ <li role="none">
1148
1221
  <a
1149
1222
  class="pf-v5-c-dropdown__menu-item"
1223
+ role="menuitem"
1150
1224
  href="#"
1151
1225
  >Separated link</a>
1152
1226
  </li>
@@ -1201,35 +1275,44 @@ section: patterns
1201
1275
  class="pf-v5-c-dropdown__menu pf-m-align-right"
1202
1276
  aria-labelledby="card-view-basic-example-gallery-card-8-dropdown-kebab-button"
1203
1277
  hidden
1278
+ role="menu"
1204
1279
  >
1205
- <li>
1206
- <a class="pf-v5-c-dropdown__menu-item" href="#">Link</a>
1280
+ <li role="none">
1281
+ <a
1282
+ class="pf-v5-c-dropdown__menu-item"
1283
+ role="menuitem"
1284
+ href="#"
1285
+ >Link</a>
1207
1286
  </li>
1208
- <li>
1287
+ <li role="none">
1209
1288
  <button
1210
1289
  class="pf-v5-c-dropdown__menu-item"
1290
+ role="menuitem"
1211
1291
  type="button"
1212
1292
  >Action</button>
1213
1293
  </li>
1214
- <li>
1294
+ <li role="none">
1215
1295
  <a
1216
1296
  class="pf-v5-c-dropdown__menu-item pf-m-disabled"
1297
+ role="menuitem"
1217
1298
  href="#"
1218
1299
  aria-disabled="true"
1219
1300
  tabindex="-1"
1220
1301
  >Disabled link</a>
1221
1302
  </li>
1222
- <li>
1303
+ <li role="none">
1223
1304
  <button
1224
1305
  class="pf-v5-c-dropdown__menu-item"
1306
+ role="menuitem"
1225
1307
  type="button"
1226
1308
  disabled
1227
1309
  >Disabled action</button>
1228
1310
  </li>
1229
1311
  <li class="pf-v5-c-divider" role="separator"></li>
1230
- <li>
1312
+ <li role="none">
1231
1313
  <a
1232
1314
  class="pf-v5-c-dropdown__menu-item"
1315
+ role="menuitem"
1233
1316
  href="#"
1234
1317
  >Separated link</a>
1235
1318
  </li>
@@ -1284,35 +1367,44 @@ section: patterns
1284
1367
  class="pf-v5-c-dropdown__menu pf-m-align-right"
1285
1368
  aria-labelledby="card-view-basic-example-gallery-card-9-dropdown-kebab-button"
1286
1369
  hidden
1370
+ role="menu"
1287
1371
  >
1288
- <li>
1289
- <a class="pf-v5-c-dropdown__menu-item" href="#">Link</a>
1372
+ <li role="none">
1373
+ <a
1374
+ class="pf-v5-c-dropdown__menu-item"
1375
+ role="menuitem"
1376
+ href="#"
1377
+ >Link</a>
1290
1378
  </li>
1291
- <li>
1379
+ <li role="none">
1292
1380
  <button
1293
1381
  class="pf-v5-c-dropdown__menu-item"
1382
+ role="menuitem"
1294
1383
  type="button"
1295
1384
  >Action</button>
1296
1385
  </li>
1297
- <li>
1386
+ <li role="none">
1298
1387
  <a
1299
1388
  class="pf-v5-c-dropdown__menu-item pf-m-disabled"
1389
+ role="menuitem"
1300
1390
  href="#"
1301
1391
  aria-disabled="true"
1302
1392
  tabindex="-1"
1303
1393
  >Disabled link</a>
1304
1394
  </li>
1305
- <li>
1395
+ <li role="none">
1306
1396
  <button
1307
1397
  class="pf-v5-c-dropdown__menu-item"
1398
+ role="menuitem"
1308
1399
  type="button"
1309
1400
  disabled
1310
1401
  >Disabled action</button>
1311
1402
  </li>
1312
1403
  <li class="pf-v5-c-divider" role="separator"></li>
1313
- <li>
1404
+ <li role="none">
1314
1405
  <a
1315
1406
  class="pf-v5-c-dropdown__menu-item"
1407
+ role="menuitem"
1316
1408
  href="#"
1317
1409
  >Separated link</a>
1318
1410
  </li>
@@ -1368,35 +1460,44 @@ section: patterns
1368
1460
  class="pf-v5-c-dropdown__menu pf-m-align-right"
1369
1461
  aria-labelledby="card-view-basic-example-gallery-card-10-dropdown-kebab-button"
1370
1462
  hidden
1463
+ role="menu"
1371
1464
  >
1372
- <li>
1373
- <a class="pf-v5-c-dropdown__menu-item" href="#">Link</a>
1465
+ <li role="none">
1466
+ <a
1467
+ class="pf-v5-c-dropdown__menu-item"
1468
+ role="menuitem"
1469
+ href="#"
1470
+ >Link</a>
1374
1471
  </li>
1375
- <li>
1472
+ <li role="none">
1376
1473
  <button
1377
1474
  class="pf-v5-c-dropdown__menu-item"
1475
+ role="menuitem"
1378
1476
  type="button"
1379
1477
  >Action</button>
1380
1478
  </li>
1381
- <li>
1479
+ <li role="none">
1382
1480
  <a
1383
1481
  class="pf-v5-c-dropdown__menu-item pf-m-disabled"
1482
+ role="menuitem"
1384
1483
  href="#"
1385
1484
  aria-disabled="true"
1386
1485
  tabindex="-1"
1387
1486
  >Disabled link</a>
1388
1487
  </li>
1389
- <li>
1488
+ <li role="none">
1390
1489
  <button
1391
1490
  class="pf-v5-c-dropdown__menu-item"
1491
+ role="menuitem"
1392
1492
  type="button"
1393
1493
  disabled
1394
1494
  >Disabled action</button>
1395
1495
  </li>
1396
1496
  <li class="pf-v5-c-divider" role="separator"></li>
1397
- <li>
1497
+ <li role="none">
1398
1498
  <a
1399
1499
  class="pf-v5-c-dropdown__menu-item"
1500
+ role="menuitem"
1400
1501
  href="#"
1401
1502
  >Separated link</a>
1402
1503
  </li>
@@ -1450,27 +1551,34 @@ section: patterns
1450
1551
  </button>
1451
1552
  <ul
1452
1553
  class="pf-v5-c-options-menu__menu pf-m-top"
1554
+ role="menu"
1453
1555
  aria-labelledby="pagination-options-menu-bottom-example-toggle"
1454
1556
  hidden
1455
1557
  >
1456
- <li>
1558
+ <li role="none">
1457
1559
  <button
1458
1560
  class="pf-v5-c-options-menu__menu-item"
1459
1561
  type="button"
1562
+ role="menuitem"
1460
1563
  >5 per page</button>
1461
1564
  </li>
1462
- <li>
1463
- <button class="pf-v5-c-options-menu__menu-item" type="button">
1565
+ <li role="none">
1566
+ <button
1567
+ class="pf-v5-c-options-menu__menu-item"
1568
+ type="button"
1569
+ role="menuitem"
1570
+ >
1464
1571
  10 per page
1465
1572
  <div class="pf-v5-c-options-menu__menu-item-icon">
1466
1573
  <i class="fas fa-check" aria-hidden="true"></i>
1467
1574
  </div>
1468
1575
  </button>
1469
1576
  </li>
1470
- <li>
1577
+ <li role="none">
1471
1578
  <button
1472
1579
  class="pf-v5-c-options-menu__menu-item"
1473
1580
  type="button"
1581
+ role="menuitem"
1474
1582
  >20 per page</button>
1475
1583
  </li>
1476
1584
  </ul>