@patternfly/patternfly 4.179.2 → 4.179.3

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 (15) hide show
  1. package/components/Select/select.css +3 -2
  2. package/components/Select/select.scss +4 -2
  3. package/docs/components/LogViewer/examples/LogViewer.md +567 -198
  4. package/docs/components/Menu/examples/Menu.md +1848 -955
  5. package/docs/components/Nav/examples/Navigation.md +563 -231
  6. package/docs/demos/ContextSelector/examples/ContextSelector.md +351 -105
  7. package/docs/demos/Masthead/examples/Masthead.md +198 -70
  8. package/docs/demos/Page/examples/Page.md +693 -245
  9. package/docs/demos/PasswordGenerator/examples/PasswordGenerator.md +3 -3
  10. package/docs/demos/Table/examples/Table.md +1287 -455
  11. package/package.json +1 -1
  12. package/patternfly-no-reset.css +3 -2
  13. package/patternfly.css +3 -2
  14. package/patternfly.min.css +1 -1
  15. package/patternfly.min.css.map +1 -1
package/docs/demos/Masthead/examples/Masthead.md CHANGED
@@ -1603,12 +1603,16 @@ wrapperTag: div
1603
1603
  <div class="pf-c-menu pf-m-drilldown pf-m-align-right" hidden>
1604
1604
  <div class="pf-c-menu__content">
1605
1605
  <section class="pf-c-menu__group pf-m-hidden-on-sm">
1606
- <ul class="pf-c-menu__list">
1607
- <li class="pf-c-menu__list-item pf-m-disabled">
1606
+ <ul class="pf-c-menu__list" role="menu">
1607
+ <li
1608
+ class="pf-c-menu__list-item pf-m-disabled"
1609
+ role="none"
1610
+ >
1608
1611
  <button
1609
1612
  class="pf-c-menu__item"
1610
1613
  type="button"
1611
1614
  disabled
1615
+ role="menuitem"
1612
1616
  >
1613
1617
  <span class="pf-c-menu__item-description">
1614
1618
  <div class="pf-u-font-size-sm">Username:</div>
@@ -1618,11 +1622,15 @@ wrapperTag: div
1618
1622
  </span>
1619
1623
  </button>
1620
1624
  </li>
1621
- <li class="pf-c-menu__list-item pf-m-disabled">
1625
+ <li
1626
+ class="pf-c-menu__list-item pf-m-disabled"
1627
+ role="none"
1628
+ >
1622
1629
  <button
1623
1630
  class="pf-c-menu__item"
1624
1631
  type="button"
1625
1632
  disabled
1633
+ role="menuitem"
1626
1634
  >
1627
1635
  <span class="pf-c-menu__item-description">
1628
1636
  <div class="pf-u-font-size-sm">Account number:</div>
@@ -1631,15 +1639,23 @@ wrapperTag: div
1631
1639
  </button>
1632
1640
  </li>
1633
1641
  <li class="pf-c-divider" role="separator"></li>
1634
- <li class="pf-c-menu__list-item">
1635
- <button class="pf-c-menu__item" type="button">
1642
+ <li class="pf-c-menu__list-item" role="none">
1643
+ <button
1644
+ class="pf-c-menu__item"
1645
+ type="button"
1646
+ role="menuitem"
1647
+ >
1636
1648
  <span class="pf-c-menu__item-main">
1637
1649
  <span class="pf-c-menu__item-text">My profile</span>
1638
1650
  </span>
1639
1651
  </button>
1640
1652
  </li>
1641
- <li class="pf-c-menu__list-item">
1642
- <button class="pf-c-menu__item" type="button">
1653
+ <li class="pf-c-menu__list-item" role="none">
1654
+ <button
1655
+ class="pf-c-menu__item"
1656
+ type="button"
1657
+ role="menuitem"
1658
+ >
1643
1659
  <span class="pf-c-menu__item-main">
1644
1660
  <span
1645
1661
  class="pf-c-menu__item-text"
@@ -1647,8 +1663,12 @@ wrapperTag: div
1647
1663
  </span>
1648
1664
  </button>
1649
1665
  </li>
1650
- <li class="pf-c-menu__list-item">
1651
- <button class="pf-c-menu__item" type="button">
1666
+ <li class="pf-c-menu__list-item" role="none">
1667
+ <button
1668
+ class="pf-c-menu__item"
1669
+ type="button"
1670
+ role="menuitem"
1671
+ >
1652
1672
  <span class="pf-c-menu__item-main">
1653
1673
  <span class="pf-c-menu__item-text">Logout</span>
1654
1674
  </span>
@@ -1658,11 +1678,12 @@ wrapperTag: div
1658
1678
  </section>
1659
1679
  <hr class="pf-c-divider pf-m-hidden-on-sm" />
1660
1680
  <section class="pf-c-menu__group">
1661
- <ul class="pf-c-menu__list">
1662
- <li class="pf-c-menu__list-item">
1681
+ <ul class="pf-c-menu__list" role="menu">
1682
+ <li class="pf-c-menu__list-item" role="none">
1663
1683
  <button
1664
1684
  class="pf-c-menu__item"
1665
1685
  type="button"
1686
+ role="menuitem"
1666
1687
  aria-expanded="false"
1667
1688
  >
1668
1689
  <span class="pf-c-menu__item-main">
@@ -1680,13 +1701,15 @@ wrapperTag: div
1680
1701
  </button>
1681
1702
  <div class="pf-c-menu" hidden>
1682
1703
  <div class="pf-c-menu__content">
1683
- <ul class="pf-c-menu__list">
1704
+ <ul class="pf-c-menu__list" role="menu">
1684
1705
  <li
1685
1706
  class="pf-c-menu__list-item pf-m-drill-up"
1707
+ role="none"
1686
1708
  >
1687
1709
  <button
1688
1710
  class="pf-c-menu__item"
1689
1711
  type="button"
1712
+ role="menuitem"
1690
1713
  >
1691
1714
  <span class="pf-c-menu__item-main">
1692
1715
  <span
@@ -1707,8 +1730,12 @@ wrapperTag: div
1707
1730
  </button>
1708
1731
  </li>
1709
1732
  <li class="pf-c-divider" role="separator"></li>
1710
- <li class="pf-c-menu__list-item">
1711
- <a class="pf-c-menu__item" href="#">
1733
+ <li class="pf-c-menu__list-item" role="none">
1734
+ <a
1735
+ class="pf-c-menu__item"
1736
+ href="#"
1737
+ role="menuitem"
1738
+ >
1712
1739
  <span class="pf-c-menu__item-main">
1713
1740
  <span
1714
1741
  class="pf-c-menu__item-text"
@@ -1716,8 +1743,12 @@ wrapperTag: div
1716
1743
  </span>
1717
1744
  </a>
1718
1745
  </li>
1719
- <li class="pf-c-menu__list-item">
1720
- <a class="pf-c-menu__item" href="#">
1746
+ <li class="pf-c-menu__list-item" role="none">
1747
+ <a
1748
+ class="pf-c-menu__item"
1749
+ href="#"
1750
+ role="menuitem"
1751
+ >
1721
1752
  <span class="pf-c-menu__item-main">
1722
1753
  <span class="pf-c-menu__item-text">About</span>
1723
1754
  </span>
@@ -1728,10 +1759,11 @@ wrapperTag: div
1728
1759
  </div>
1729
1760
  </li>
1730
1761
 
1731
- <li class="pf-c-menu__list-item">
1762
+ <li class="pf-c-menu__list-item" role="none">
1732
1763
  <button
1733
1764
  class="pf-c-menu__item"
1734
1765
  type="button"
1766
+ role="menuitem"
1735
1767
  aria-expanded="false"
1736
1768
  >
1737
1769
  <span class="pf-c-menu__item-main">
@@ -1749,13 +1781,15 @@ wrapperTag: div
1749
1781
  </button>
1750
1782
  <div class="pf-c-menu" hidden>
1751
1783
  <div class="pf-c-menu__content">
1752
- <ul class="pf-c-menu__list">
1784
+ <ul class="pf-c-menu__list" role="menu">
1753
1785
  <li
1754
1786
  class="pf-c-menu__list-item pf-m-drill-up"
1787
+ role="none"
1755
1788
  >
1756
1789
  <button
1757
1790
  class="pf-c-menu__item"
1758
1791
  type="button"
1792
+ role="menuitem"
1759
1793
  >
1760
1794
  <span class="pf-c-menu__item-main">
1761
1795
  <span
@@ -1774,8 +1808,12 @@ wrapperTag: div
1774
1808
  </button>
1775
1809
  </li>
1776
1810
  <li class="pf-c-divider" role="separator"></li>
1777
- <li class="pf-c-menu__list-item">
1778
- <a class="pf-c-menu__item" href="#">
1811
+ <li class="pf-c-menu__list-item" role="none">
1812
+ <a
1813
+ class="pf-c-menu__item"
1814
+ href="#"
1815
+ role="menuitem"
1816
+ >
1779
1817
  <span class="pf-c-menu__item-main">
1780
1818
  <span
1781
1819
  class="pf-c-menu__item-text"
@@ -1783,8 +1821,12 @@ wrapperTag: div
1783
1821
  </span>
1784
1822
  </a>
1785
1823
  </li>
1786
- <li class="pf-c-menu__list-item">
1787
- <a class="pf-c-menu__item" href="#">
1824
+ <li class="pf-c-menu__list-item" role="none">
1825
+ <a
1826
+ class="pf-c-menu__item"
1827
+ href="#"
1828
+ role="menuitem"
1829
+ >
1788
1830
  <span class="pf-c-menu__item-main">
1789
1831
  <span
1790
1832
  class="pf-c-menu__item-text"
@@ -1792,8 +1834,12 @@ wrapperTag: div
1792
1834
  </span>
1793
1835
  </a>
1794
1836
  </li>
1795
- <li class="pf-c-menu__list-item">
1796
- <a class="pf-c-menu__item" href="#">
1837
+ <li class="pf-c-menu__list-item" role="none">
1838
+ <a
1839
+ class="pf-c-menu__item"
1840
+ href="#"
1841
+ role="menuitem"
1842
+ >
1797
1843
  <span class="pf-c-menu__item-main">
1798
1844
  <span
1799
1845
  class="pf-c-menu__item-text"
@@ -1806,8 +1852,12 @@ wrapperTag: div
1806
1852
  </div>
1807
1853
  </li>
1808
1854
 
1809
- <li class="pf-c-menu__list-item">
1810
- <button class="pf-c-menu__item" type="button">
1855
+ <li class="pf-c-menu__list-item" role="none">
1856
+ <button
1857
+ class="pf-c-menu__item"
1858
+ type="button"
1859
+ role="menuitem"
1860
+ >
1811
1861
  <span class="pf-c-menu__item-main">
1812
1862
  <span class="pf-c-menu__item-icon">
1813
1863
  <i class="fas fa-fw fa-th" aria-hidden="true"></i>
@@ -1822,7 +1872,11 @@ wrapperTag: div
1822
1872
  </button>
1823
1873
  <div class="pf-c-menu" hidden>
1824
1874
  <div class="pf-c-menu__header">
1825
- <button class="pf-c-menu__item" type="button">
1875
+ <button
1876
+ class="pf-c-menu__item"
1877
+ type="button"
1878
+ role="menuitem"
1879
+ >
1826
1880
  <span class="pf-c-menu__item-main">
1827
1881
  <span class="pf-c-menu__item-toggle-icon">
1828
1882
  <i class="fas fa-angle-left"></i>
@@ -1853,9 +1907,13 @@ wrapperTag: div
1853
1907
  <hr class="pf-c-divider" />
1854
1908
  <section class="pf-c-menu__group">
1855
1909
  <h1 class="pf-c-menu__group-title">Favorites</h1>
1856
- <ul class="pf-c-menu__list">
1857
- <li class="pf-c-menu__list-item">
1858
- <a class="pf-c-menu__item" href="#">
1910
+ <ul class="pf-c-menu__list" role="menu">
1911
+ <li class="pf-c-menu__list-item" role="none">
1912
+ <a
1913
+ class="pf-c-menu__item"
1914
+ href="#"
1915
+ role="menuitem"
1916
+ >
1859
1917
  <span class="pf-c-menu__item-main">
1860
1918
  <span
1861
1919
  class="pf-c-menu__item-text"
@@ -1875,10 +1933,11 @@ wrapperTag: div
1875
1933
  </span>
1876
1934
  </button>
1877
1935
  </li>
1878
- <li class="pf-c-menu__list-item">
1936
+ <li class="pf-c-menu__list-item" role="none">
1879
1937
  <a
1880
1938
  class="pf-c-menu__item"
1881
1939
  href="#"
1940
+ role="menuitem"
1882
1941
  target="_blank"
1883
1942
  >
1884
1943
  <span class="pf-c-menu__item-main">
@@ -1916,9 +1975,13 @@ wrapperTag: div
1916
1975
  <hr class="pf-c-divider" />
1917
1976
  <section class="pf-c-menu__group">
1918
1977
  <h1 class="pf-c-menu__group-title">Group 1</h1>
1919
- <ul class="pf-c-menu__list">
1920
- <li class="pf-c-menu__list-item">
1921
- <a class="pf-c-menu__item" href="#">
1978
+ <ul class="pf-c-menu__list" role="menu">
1979
+ <li class="pf-c-menu__list-item" role="none">
1980
+ <a
1981
+ class="pf-c-menu__item"
1982
+ href="#"
1983
+ role="menuitem"
1984
+ >
1922
1985
  <span class="pf-c-menu__item-main">
1923
1986
  <span
1924
1987
  class="pf-c-menu__item-text"
@@ -1938,10 +2001,11 @@ wrapperTag: div
1938
2001
  </span>
1939
2002
  </button>
1940
2003
  </li>
1941
- <li class="pf-c-menu__list-item">
2004
+ <li class="pf-c-menu__list-item" role="none">
1942
2005
  <a
1943
2006
  class="pf-c-menu__item"
1944
2007
  href="#"
2008
+ role="menuitem"
1945
2009
  target="_blank"
1946
2010
  >
1947
2011
  <span class="pf-c-menu__item-main">
@@ -2499,12 +2563,16 @@ wrapperTag: div
2499
2563
  <div class="pf-c-menu pf-m-drilldown pf-m-align-right" hidden>
2500
2564
  <div class="pf-c-menu__content">
2501
2565
  <section class="pf-c-menu__group pf-m-hidden-on-sm">
2502
- <ul class="pf-c-menu__list">
2503
- <li class="pf-c-menu__list-item pf-m-disabled">
2566
+ <ul class="pf-c-menu__list" role="menu">
2567
+ <li
2568
+ class="pf-c-menu__list-item pf-m-disabled"
2569
+ role="none"
2570
+ >
2504
2571
  <button
2505
2572
  class="pf-c-menu__item"
2506
2573
  type="button"
2507
2574
  disabled
2575
+ role="menuitem"
2508
2576
  >
2509
2577
  <span class="pf-c-menu__item-description">
2510
2578
  <div class="pf-u-font-size-sm">Username:</div>
@@ -2514,11 +2582,15 @@ wrapperTag: div
2514
2582
  </span>
2515
2583
  </button>
2516
2584
  </li>
2517
- <li class="pf-c-menu__list-item pf-m-disabled">
2585
+ <li
2586
+ class="pf-c-menu__list-item pf-m-disabled"
2587
+ role="none"
2588
+ >
2518
2589
  <button
2519
2590
  class="pf-c-menu__item"
2520
2591
  type="button"
2521
2592
  disabled
2593
+ role="menuitem"
2522
2594
  >
2523
2595
  <span class="pf-c-menu__item-description">
2524
2596
  <div class="pf-u-font-size-sm">Account number:</div>
@@ -2527,15 +2599,23 @@ wrapperTag: div
2527
2599
  </button>
2528
2600
  </li>
2529
2601
  <li class="pf-c-divider" role="separator"></li>
2530
- <li class="pf-c-menu__list-item">
2531
- <button class="pf-c-menu__item" type="button">
2602
+ <li class="pf-c-menu__list-item" role="none">
2603
+ <button
2604
+ class="pf-c-menu__item"
2605
+ type="button"
2606
+ role="menuitem"
2607
+ >
2532
2608
  <span class="pf-c-menu__item-main">
2533
2609
  <span class="pf-c-menu__item-text">My profile</span>
2534
2610
  </span>
2535
2611
  </button>
2536
2612
  </li>
2537
- <li class="pf-c-menu__list-item">
2538
- <button class="pf-c-menu__item" type="button">
2613
+ <li class="pf-c-menu__list-item" role="none">
2614
+ <button
2615
+ class="pf-c-menu__item"
2616
+ type="button"
2617
+ role="menuitem"
2618
+ >
2539
2619
  <span class="pf-c-menu__item-main">
2540
2620
  <span
2541
2621
  class="pf-c-menu__item-text"
@@ -2543,8 +2623,12 @@ wrapperTag: div
2543
2623
  </span>
2544
2624
  </button>
2545
2625
  </li>
2546
- <li class="pf-c-menu__list-item">
2547
- <button class="pf-c-menu__item" type="button">
2626
+ <li class="pf-c-menu__list-item" role="none">
2627
+ <button
2628
+ class="pf-c-menu__item"
2629
+ type="button"
2630
+ role="menuitem"
2631
+ >
2548
2632
  <span class="pf-c-menu__item-main">
2549
2633
  <span class="pf-c-menu__item-text">Logout</span>
2550
2634
  </span>
@@ -2554,11 +2638,12 @@ wrapperTag: div
2554
2638
  </section>
2555
2639
  <hr class="pf-c-divider pf-m-hidden-on-sm" />
2556
2640
  <section class="pf-c-menu__group">
2557
- <ul class="pf-c-menu__list">
2558
- <li class="pf-c-menu__list-item">
2641
+ <ul class="pf-c-menu__list" role="menu">
2642
+ <li class="pf-c-menu__list-item" role="none">
2559
2643
  <button
2560
2644
  class="pf-c-menu__item"
2561
2645
  type="button"
2646
+ role="menuitem"
2562
2647
  aria-expanded="false"
2563
2648
  >
2564
2649
  <span class="pf-c-menu__item-main">
@@ -2576,13 +2661,15 @@ wrapperTag: div
2576
2661
  </button>
2577
2662
  <div class="pf-c-menu" hidden>
2578
2663
  <div class="pf-c-menu__content">
2579
- <ul class="pf-c-menu__list">
2664
+ <ul class="pf-c-menu__list" role="menu">
2580
2665
  <li
2581
2666
  class="pf-c-menu__list-item pf-m-drill-up"
2667
+ role="none"
2582
2668
  >
2583
2669
  <button
2584
2670
  class="pf-c-menu__item"
2585
2671
  type="button"
2672
+ role="menuitem"
2586
2673
  >
2587
2674
  <span class="pf-c-menu__item-main">
2588
2675
  <span
@@ -2603,8 +2690,12 @@ wrapperTag: div
2603
2690
  </button>
2604
2691
  </li>
2605
2692
  <li class="pf-c-divider" role="separator"></li>
2606
- <li class="pf-c-menu__list-item">
2607
- <a class="pf-c-menu__item" href="#">
2693
+ <li class="pf-c-menu__list-item" role="none">
2694
+ <a
2695
+ class="pf-c-menu__item"
2696
+ href="#"
2697
+ role="menuitem"
2698
+ >
2608
2699
  <span class="pf-c-menu__item-main">
2609
2700
  <span
2610
2701
  class="pf-c-menu__item-text"
@@ -2612,8 +2703,12 @@ wrapperTag: div
2612
2703
  </span>
2613
2704
  </a>
2614
2705
  </li>
2615
- <li class="pf-c-menu__list-item">
2616
- <a class="pf-c-menu__item" href="#">
2706
+ <li class="pf-c-menu__list-item" role="none">
2707
+ <a
2708
+ class="pf-c-menu__item"
2709
+ href="#"
2710
+ role="menuitem"
2711
+ >
2617
2712
  <span class="pf-c-menu__item-main">
2618
2713
  <span class="pf-c-menu__item-text">About</span>
2619
2714
  </span>
@@ -2624,10 +2719,11 @@ wrapperTag: div
2624
2719
  </div>
2625
2720
  </li>
2626
2721
 
2627
- <li class="pf-c-menu__list-item">
2722
+ <li class="pf-c-menu__list-item" role="none">
2628
2723
  <button
2629
2724
  class="pf-c-menu__item"
2630
2725
  type="button"
2726
+ role="menuitem"
2631
2727
  aria-expanded="false"
2632
2728
  >
2633
2729
  <span class="pf-c-menu__item-main">
@@ -2645,13 +2741,15 @@ wrapperTag: div
2645
2741
  </button>
2646
2742
  <div class="pf-c-menu" hidden>
2647
2743
  <div class="pf-c-menu__content">
2648
- <ul class="pf-c-menu__list">
2744
+ <ul class="pf-c-menu__list" role="menu">
2649
2745
  <li
2650
2746
  class="pf-c-menu__list-item pf-m-drill-up"
2747
+ role="none"
2651
2748
  >
2652
2749
  <button
2653
2750
  class="pf-c-menu__item"
2654
2751
  type="button"
2752
+ role="menuitem"
2655
2753
  >
2656
2754
  <span class="pf-c-menu__item-main">
2657
2755
  <span
@@ -2670,8 +2768,12 @@ wrapperTag: div
2670
2768
  </button>
2671
2769
  </li>
2672
2770
  <li class="pf-c-divider" role="separator"></li>
2673
- <li class="pf-c-menu__list-item">
2674
- <a class="pf-c-menu__item" href="#">
2771
+ <li class="pf-c-menu__list-item" role="none">
2772
+ <a
2773
+ class="pf-c-menu__item"
2774
+ href="#"
2775
+ role="menuitem"
2776
+ >
2675
2777
  <span class="pf-c-menu__item-main">
2676
2778
  <span
2677
2779
  class="pf-c-menu__item-text"
@@ -2679,8 +2781,12 @@ wrapperTag: div
2679
2781
  </span>
2680
2782
  </a>
2681
2783
  </li>
2682
- <li class="pf-c-menu__list-item">
2683
- <a class="pf-c-menu__item" href="#">
2784
+ <li class="pf-c-menu__list-item" role="none">
2785
+ <a
2786
+ class="pf-c-menu__item"
2787
+ href="#"
2788
+ role="menuitem"
2789
+ >
2684
2790
  <span class="pf-c-menu__item-main">
2685
2791
  <span
2686
2792
  class="pf-c-menu__item-text"
@@ -2688,8 +2794,12 @@ wrapperTag: div
2688
2794
  </span>
2689
2795
  </a>
2690
2796
  </li>
2691
- <li class="pf-c-menu__list-item">
2692
- <a class="pf-c-menu__item" href="#">
2797
+ <li class="pf-c-menu__list-item" role="none">
2798
+ <a
2799
+ class="pf-c-menu__item"
2800
+ href="#"
2801
+ role="menuitem"
2802
+ >
2693
2803
  <span class="pf-c-menu__item-main">
2694
2804
  <span
2695
2805
  class="pf-c-menu__item-text"
@@ -2702,8 +2812,12 @@ wrapperTag: div
2702
2812
  </div>
2703
2813
  </li>
2704
2814
 
2705
- <li class="pf-c-menu__list-item">
2706
- <button class="pf-c-menu__item" type="button">
2815
+ <li class="pf-c-menu__list-item" role="none">
2816
+ <button
2817
+ class="pf-c-menu__item"
2818
+ type="button"
2819
+ role="menuitem"
2820
+ >
2707
2821
  <span class="pf-c-menu__item-main">
2708
2822
  <span class="pf-c-menu__item-icon">
2709
2823
  <i class="fas fa-fw fa-th" aria-hidden="true"></i>
@@ -2718,7 +2832,11 @@ wrapperTag: div
2718
2832
  </button>
2719
2833
  <div class="pf-c-menu" hidden>
2720
2834
  <div class="pf-c-menu__header">
2721
- <button class="pf-c-menu__item" type="button">
2835
+ <button
2836
+ class="pf-c-menu__item"
2837
+ type="button"
2838
+ role="menuitem"
2839
+ >
2722
2840
  <span class="pf-c-menu__item-main">
2723
2841
  <span class="pf-c-menu__item-toggle-icon">
2724
2842
  <i class="fas fa-angle-left"></i>
@@ -2749,9 +2867,13 @@ wrapperTag: div
2749
2867
  <hr class="pf-c-divider" />
2750
2868
  <section class="pf-c-menu__group">
2751
2869
  <h1 class="pf-c-menu__group-title">Favorites</h1>
2752
- <ul class="pf-c-menu__list">
2753
- <li class="pf-c-menu__list-item">
2754
- <a class="pf-c-menu__item" href="#">
2870
+ <ul class="pf-c-menu__list" role="menu">
2871
+ <li class="pf-c-menu__list-item" role="none">
2872
+ <a
2873
+ class="pf-c-menu__item"
2874
+ href="#"
2875
+ role="menuitem"
2876
+ >
2755
2877
  <span class="pf-c-menu__item-main">
2756
2878
  <span
2757
2879
  class="pf-c-menu__item-text"
@@ -2771,10 +2893,11 @@ wrapperTag: div
2771
2893
  </span>
2772
2894
  </button>
2773
2895
  </li>
2774
- <li class="pf-c-menu__list-item">
2896
+ <li class="pf-c-menu__list-item" role="none">
2775
2897
  <a
2776
2898
  class="pf-c-menu__item"
2777
2899
  href="#"
2900
+ role="menuitem"
2778
2901
  target="_blank"
2779
2902
  >
2780
2903
  <span class="pf-c-menu__item-main">
@@ -2812,9 +2935,13 @@ wrapperTag: div
2812
2935
  <hr class="pf-c-divider" />
2813
2936
  <section class="pf-c-menu__group">
2814
2937
  <h1 class="pf-c-menu__group-title">Group 1</h1>
2815
- <ul class="pf-c-menu__list">
2816
- <li class="pf-c-menu__list-item">
2817
- <a class="pf-c-menu__item" href="#">
2938
+ <ul class="pf-c-menu__list" role="menu">
2939
+ <li class="pf-c-menu__list-item" role="none">
2940
+ <a
2941
+ class="pf-c-menu__item"
2942
+ href="#"
2943
+ role="menuitem"
2944
+ >
2818
2945
  <span class="pf-c-menu__item-main">
2819
2946
  <span
2820
2947
  class="pf-c-menu__item-text"
@@ -2834,10 +2961,11 @@ wrapperTag: div
2834
2961
  </span>
2835
2962
  </button>
2836
2963
  </li>
2837
- <li class="pf-c-menu__list-item">
2964
+ <li class="pf-c-menu__list-item" role="none">
2838
2965
  <a
2839
2966
  class="pf-c-menu__item"
2840
2967
  href="#"
2968
+ role="menuitem"
2841
2969
  target="_blank"
2842
2970
  >
2843
2971
  <span class="pf-c-menu__item-main">