@patternfly/patternfly 6.0.0-alpha.132 → 6.0.0-alpha.134

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/components/Breadcrumb/breadcrumb.css +10 -10
  2. package/components/Breadcrumb/breadcrumb.scss +10 -10
  3. package/components/Hint/hint.css +2 -2
  4. package/components/Hint/hint.scss +2 -3
  5. package/components/LogViewer/log-viewer.css +2 -2
  6. package/components/LogViewer/log-viewer.scss +2 -2
  7. package/components/Login/login.css +4 -2
  8. package/components/Login/login.scss +2 -1
  9. package/components/Menu/menu.css +4 -1
  10. package/components/Menu/menu.scss +5 -1
  11. package/components/_index.css +22 -17
  12. package/docs/components/ActionList/examples/ActionList.md +4 -4
  13. package/docs/components/Breadcrumb/examples/Breadcrumb.md +2 -1
  14. package/docs/components/Card/examples/Card.md +80 -416
  15. package/docs/components/DataList/examples/DataList.md +170 -952
  16. package/docs/components/DualListSelector/examples/DualListSelector.md +160 -896
  17. package/docs/components/Hint/examples/Hint.md +30 -156
  18. package/docs/components/InlineEdit/examples/InlineEdit.md +2 -2
  19. package/docs/components/LogViewer/examples/LogViewer.css +9 -2
  20. package/docs/components/LogViewer/examples/LogViewer.md +315 -3313
  21. package/docs/components/Menu/examples/Menu.md +6 -76
  22. package/docs/components/MenuToggle/examples/MenuToggle.md +4 -0
  23. package/docs/components/NotificationDrawer/examples/NotificationDrawer.md +370 -2064
  24. package/docs/components/OverflowMenu/examples/overflow-menu.css +3 -27
  25. package/docs/components/OverflowMenu/examples/overflow-menu.md +56 -143
  26. package/docs/components/Table/examples/Table.css +7 -0
  27. package/docs/components/Table/examples/Table.md +281 -405
  28. package/docs/components/Toolbar/examples/Toolbar.md +32 -239
  29. package/docs/demos/CardView/examples/CardView.md +110 -583
  30. package/docs/demos/Dashboard/examples/Dashboard.md +10 -56
  31. package/docs/demos/DataList/examples/DataList.md +44 -96
  32. package/docs/demos/DescriptionList/examples/DescriptionList.md +10 -56
  33. package/docs/demos/Drawer/examples/Drawer.md +10 -56
  34. package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +647 -3504
  35. package/docs/demos/Page/examples/Penta.md +5 -5
  36. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +150 -675
  37. package/docs/demos/Table/examples/Table.md +142 -220
  38. package/docs/demos/Tabs/examples/Tabs.md +15 -28
  39. package/docs/demos/Toolbar/examples/Toolbar.css +0 -16
  40. package/docs/demos/Toolbar/examples/Toolbar.md +88 -609
  41. package/docs/utilities/Display/examples/Display.css +1 -8
  42. package/docs/utilities/Display/examples/Display.md +16 -7
  43. package/package.json +2 -2
  44. package/patternfly-addons.css +38 -0
  45. package/patternfly-no-globals.css +22 -17
  46. package/patternfly.css +22 -17
  47. package/patternfly.min.css +1 -1
  48. package/patternfly.min.css.map +1 -1
  49. package/utilities/Display/display.css +38 -0
  50. package/utilities/Display/display.scss +3 -1
  51. package/utilities/_index.css +38 -0
package/docs/demos/Toolbar/examples/Toolbar.md CHANGED
@@ -96,30 +96,17 @@ section: components
96
96
  </div>
97
97
 
98
98
  <div class="pf-v6-c-overflow-menu__control">
99
- <div class="pf-v6-c-dropdown">
100
- <button
101
- class="pf-v6-c-button pf-v6-c-dropdown__toggle pf-m-plain"
102
- type="button"
103
- id="toolbar-attribute-value-search-filter-desktop-example-overflow-menu-dropdown-toggle"
104
- aria-label="Overflow menu"
105
- aria-expanded="false"
106
- >
99
+ <button
100
+ class="pf-v6-c-menu-toggle pf-m-plain"
101
+ type="button"
102
+ aria-expanded="false"
103
+ aria-label="Menu toggle"
104
+ id="toolbar-attribute-value-search-filter-desktop-example-overflow-menutoggle"
105
+ >
106
+ <span class="pf-v6-c-menu-toggle__icon">
107
107
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
108
- </button>
109
- <ul
110
- class="pf-v6-c-dropdown__menu"
111
- role="menu"
112
- aria-labelledby="toolbar-attribute-value-search-filter-desktop-example-overflow-menu-dropdown-toggle"
113
- hidden
114
- >
115
- <li role="none">
116
- <button
117
- role="menuitem"
118
- class="pf-v6-c-dropdown__menu-item"
119
- >Tertiary</button>
120
- </li>
121
- </ul>
122
- </div>
108
+ </span>
109
+ </button>
123
110
  </div>
124
111
  </div>
125
112
  </div>
@@ -800,7 +787,7 @@ section: components
800
787
  class="pf-v6-c-menu-toggle pf-m-plain"
801
788
  type="button"
802
789
  aria-expanded="false"
803
- aria-label="Table actions"
790
+ aria-label="Menu toggle"
804
791
  >
805
792
  <span class="pf-v6-c-menu-toggle__icon">
806
793
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -874,7 +861,7 @@ section: components
874
861
  class="pf-v6-c-menu-toggle pf-m-plain"
875
862
  type="button"
876
863
  aria-expanded="false"
877
- aria-label="Table actions"
864
+ aria-label="Menu toggle"
878
865
  >
879
866
  <span class="pf-v6-c-menu-toggle__icon">
880
867
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -948,7 +935,7 @@ section: components
948
935
  class="pf-v6-c-menu-toggle pf-m-plain"
949
936
  type="button"
950
937
  aria-expanded="false"
951
- aria-label="Table actions"
938
+ aria-label="Menu toggle"
952
939
  >
953
940
  <span class="pf-v6-c-menu-toggle__icon">
954
941
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -1022,7 +1009,7 @@ section: components
1022
1009
  class="pf-v6-c-menu-toggle pf-m-plain"
1023
1010
  type="button"
1024
1011
  aria-expanded="false"
1025
- aria-label="Table actions"
1012
+ aria-label="Menu toggle"
1026
1013
  >
1027
1014
  <span class="pf-v6-c-menu-toggle__icon">
1028
1015
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -1094,7 +1081,7 @@ section: components
1094
1081
  class="pf-v6-c-menu-toggle pf-m-plain"
1095
1082
  type="button"
1096
1083
  aria-expanded="false"
1097
- aria-label="Table actions"
1084
+ aria-label="Menu toggle"
1098
1085
  >
1099
1086
  <span class="pf-v6-c-menu-toggle__icon">
1100
1087
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -1142,42 +1129,17 @@ section: components
1142
1129
  id="toolbar-attribute-value-search-filter-mobile-example-overflow-menu"
1143
1130
  >
1144
1131
  <div class="pf-v6-c-overflow-menu__control">
1145
- <div class="pf-v6-c-dropdown">
1146
- <button
1147
- class="pf-v6-c-button pf-v6-c-dropdown__toggle pf-m-plain"
1148
- type="button"
1149
- id="toolbar-attribute-value-search-filter-mobile-example-overflow-menu-dropdown-toggle"
1150
- aria-label="Overflow menu"
1151
- aria-expanded="false"
1152
- >
1132
+ <button
1133
+ class="pf-v6-c-menu-toggle pf-m-plain"
1134
+ type="button"
1135
+ aria-expanded="false"
1136
+ aria-label="Menu toggle"
1137
+ id="toolbar-attribute-value-search-filter-mobile-example-overflow-menutoggle"
1138
+ >
1139
+ <span class="pf-v6-c-menu-toggle__icon">
1153
1140
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
1154
- </button>
1155
- <ul
1156
- class="pf-v6-c-dropdown__menu"
1157
- role="menu"
1158
- aria-labelledby="toolbar-attribute-value-search-filter-mobile-example-overflow-menu-dropdown-toggle"
1159
- hidden
1160
- >
1161
- <li role="none">
1162
- <button
1163
- role="menuitem"
1164
- class="pf-v6-c-dropdown__menu-item"
1165
- >Primary</button>
1166
- </li>
1167
- <li role="none">
1168
- <button
1169
- role="menuitem"
1170
- class="pf-v6-c-dropdown__menu-item"
1171
- >Secondary</button>
1172
- </li>
1173
- <li role="none">
1174
- <button
1175
- role="menuitem"
1176
- class="pf-v6-c-dropdown__menu-item"
1177
- >Tertiary</button>
1178
- </li>
1179
- </ul>
1180
- </div>
1141
+ </span>
1142
+ </button>
1181
1143
  </div>
1182
1144
  </div>
1183
1145
  </div>
@@ -1363,9 +1325,9 @@ section: components
1363
1325
  </div>
1364
1326
  <div class="pf-v6-c-toolbar__item">
1365
1327
  <button
1366
- class="pf-v6-c-menu-toggle pf-m-expanded"
1328
+ class="pf-v6-c-menu-toggle"
1367
1329
  type="button"
1368
- aria-expanded="true"
1330
+ aria-expanded="false"
1369
1331
  id="toolbar-attribute-value-single-menu-toggle-filter-desktop-example-menu-toggle-stopped"
1370
1332
  >
1371
1333
  <span class="pf-v6-c-menu-toggle__text">Stopped</span>
@@ -1375,68 +1337,6 @@ section: components
1375
1337
  </span>
1376
1338
  </span>
1377
1339
  </button>
1378
- <div class="pf-v6-c-panel">
1379
- <div class="pf-v6-c-menu" width="175px">
1380
- <div class="pf-v6-c-menu__content">
1381
- <section class="pf-v6-c-menu__group">
1382
- <ul class="pf-v6-c-menu__list" role="menu">
1383
- <li class="pf-v6-c-menu__list-item" role="none">
1384
- <button
1385
- class="pf-v6-c-menu__item"
1386
- type="button"
1387
- role="menuitem"
1388
- >
1389
- <span class="pf-v6-c-menu__item-text">Running</span>
1390
- </button>
1391
- </li>
1392
- <li class="pf-v6-c-menu__list-item" role="none">
1393
- <button
1394
- class="pf-v6-c-menu__item pf-m-selected"
1395
- type="button"
1396
- role="menuitem"
1397
- >
1398
- <span class="pf-v6-c-menu__item-main">
1399
- <span class="pf-v6-c-menu__item-text">Stopped</span>
1400
- <span class="pf-v6-c-menu__item-select-icon">
1401
- <i class="fas fa-check" aria-hidden="true"></i>
1402
- </span>
1403
- </span>
1404
- </button>
1405
- </li>
1406
- <li class="pf-v6-c-menu__list-item" role="none">
1407
- <button
1408
- class="pf-v6-c-menu__item"
1409
- type="button"
1410
- role="menuitem"
1411
- >
1412
- <span class="pf-v6-c-menu__item-text">Down</span>
1413
- </button>
1414
- </li>
1415
- <li class="pf-v6-c-menu__list-item" role="none">
1416
- <button
1417
- class="pf-v6-c-menu__item"
1418
- type="button"
1419
- role="menuitem"
1420
- >
1421
- <span class="pf-v6-c-menu__item-text">Degraded</span>
1422
- </button>
1423
- </li>
1424
- <li class="pf-v6-c-menu__list-item" role="none">
1425
- <button
1426
- class="pf-v6-c-menu__item"
1427
- type="button"
1428
- role="menuitem"
1429
- >
1430
- <span
1431
- class="pf-v6-c-menu__item-text"
1432
- >Needs maintenance</span>
1433
- </button>
1434
- </li>
1435
- </ul>
1436
- </section>
1437
- </div>
1438
- </div>
1439
- </div>
1440
1340
  </div>
1441
1341
  </div>
1442
1342
  </div>
@@ -1463,30 +1363,17 @@ section: components
1463
1363
  </div>
1464
1364
 
1465
1365
  <div class="pf-v6-c-overflow-menu__control">
1466
- <div class="pf-v6-c-dropdown">
1467
- <button
1468
- class="pf-v6-c-button pf-v6-c-dropdown__toggle pf-m-plain"
1469
- type="button"
1470
- id="toolbar-attribute-value-single-menu-toggle-filter-desktop-example-overflow-menu-dropdown-toggle"
1471
- aria-label="Overflow menu"
1472
- aria-expanded="false"
1473
- >
1366
+ <button
1367
+ class="pf-v6-c-menu-toggle pf-m-plain"
1368
+ type="button"
1369
+ aria-expanded="false"
1370
+ aria-label="Menu toggle"
1371
+ id="toolbar-attribute-value-single-menu-toggle-filter-desktop-example-overflow-menutoggle"
1372
+ >
1373
+ <span class="pf-v6-c-menu-toggle__icon">
1474
1374
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
1475
- </button>
1476
- <ul
1477
- class="pf-v6-c-dropdown__menu"
1478
- role="menu"
1479
- aria-labelledby="toolbar-attribute-value-single-menu-toggle-filter-desktop-example-overflow-menu-dropdown-toggle"
1480
- hidden
1481
- >
1482
- <li role="none">
1483
- <button
1484
- role="menuitem"
1485
- class="pf-v6-c-dropdown__menu-item"
1486
- >Tertiary</button>
1487
- </li>
1488
- </ul>
1489
- </div>
1375
+ </span>
1376
+ </button>
1490
1377
  </div>
1491
1378
  </div>
1492
1379
  </div>
@@ -1614,42 +1501,17 @@ section: components
1614
1501
  id="toolbar-attribute-value-single-menu-toggle-filter-mobile-example-overflow-menu"
1615
1502
  >
1616
1503
  <div class="pf-v6-c-overflow-menu__control">
1617
- <div class="pf-v6-c-dropdown">
1618
- <button
1619
- class="pf-v6-c-button pf-v6-c-dropdown__toggle pf-m-plain"
1620
- type="button"
1621
- id="toolbar-attribute-value-single-menu-toggle-filter-mobile-example-overflow-menu-dropdown-toggle"
1622
- aria-label="Overflow menu"
1623
- aria-expanded="false"
1624
- >
1504
+ <button
1505
+ class="pf-v6-c-menu-toggle pf-m-plain"
1506
+ type="button"
1507
+ aria-expanded="false"
1508
+ aria-label="Menu toggle"
1509
+ id="toolbar-attribute-value-single-menu-toggle-filter-mobile-example-overflow-menutoggle"
1510
+ >
1511
+ <span class="pf-v6-c-menu-toggle__icon">
1625
1512
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
1626
- </button>
1627
- <ul
1628
- class="pf-v6-c-dropdown__menu"
1629
- role="menu"
1630
- aria-labelledby="toolbar-attribute-value-single-menu-toggle-filter-mobile-example-overflow-menu-dropdown-toggle"
1631
- hidden
1632
- >
1633
- <li role="none">
1634
- <button
1635
- role="menuitem"
1636
- class="pf-v6-c-dropdown__menu-item"
1637
- >Primary</button>
1638
- </li>
1639
- <li role="none">
1640
- <button
1641
- role="menuitem"
1642
- class="pf-v6-c-dropdown__menu-item"
1643
- >Secondary</button>
1644
- </li>
1645
- <li role="none">
1646
- <button
1647
- role="menuitem"
1648
- class="pf-v6-c-dropdown__menu-item"
1649
- >Tertiary</button>
1650
- </li>
1651
- </ul>
1652
- </div>
1513
+ </span>
1514
+ </button>
1653
1515
  </div>
1654
1516
  </div>
1655
1517
  </div>
@@ -1762,9 +1624,9 @@ section: components
1762
1624
  </div>
1763
1625
  <div class="pf-v6-c-toolbar__item">
1764
1626
  <button
1765
- class="pf-v6-c-menu-toggle pf-m-expanded"
1627
+ class="pf-v6-c-menu-toggle"
1766
1628
  type="button"
1767
- aria-expanded="true"
1629
+ aria-expanded="false"
1768
1630
  id="toolbar-attribute-value-single-menu-toggle-filter-mobile-example-menu-toggle-stopped"
1769
1631
  >
1770
1632
  <span class="pf-v6-c-menu-toggle__text">Stopped</span>
@@ -1774,66 +1636,6 @@ section: components
1774
1636
  </span>
1775
1637
  </span>
1776
1638
  </button>
1777
- <div class="pf-v6-c-panel">
1778
- <div class="pf-v6-c-menu" width="175px">
1779
- <div class="pf-v6-c-menu__content">
1780
- <section class="pf-v6-c-menu__group">
1781
- <ul class="pf-v6-c-menu__list" role="menu">
1782
- <li class="pf-v6-c-menu__list-item" role="none">
1783
- <button
1784
- class="pf-v6-c-menu__item"
1785
- type="button"
1786
- role="menuitem"
1787
- >
1788
- <span class="pf-v6-c-menu__item-text">Running</span>
1789
- </button>
1790
- </li>
1791
- <li class="pf-v6-c-menu__list-item" role="none">
1792
- <button
1793
- class="pf-v6-c-menu__item pf-m-selected"
1794
- type="button"
1795
- role="menuitem"
1796
- >
1797
- <span class="pf-v6-c-menu__item-main">
1798
- <span class="pf-v6-c-menu__item-text">Stopped</span>
1799
- <span class="pf-v6-c-menu__item-select-icon">
1800
- <i class="fas fa-check" aria-hidden="true"></i>
1801
- </span>
1802
- </span>
1803
- </button>
1804
- </li>
1805
- <li class="pf-v6-c-menu__list-item" role="none">
1806
- <button
1807
- class="pf-v6-c-menu__item"
1808
- type="button"
1809
- role="menuitem"
1810
- >
1811
- <span class="pf-v6-c-menu__item-text">Down</span>
1812
- </button>
1813
- </li>
1814
- <li class="pf-v6-c-menu__list-item" role="none">
1815
- <button
1816
- class="pf-v6-c-menu__item"
1817
- type="button"
1818
- role="menuitem"
1819
- >
1820
- <span class="pf-v6-c-menu__item-text">Degraded</span>
1821
- </button>
1822
- </li>
1823
- <li class="pf-v6-c-menu__list-item" role="none">
1824
- <button
1825
- class="pf-v6-c-menu__item"
1826
- type="button"
1827
- role="menuitem"
1828
- >
1829
- <span class="pf-v6-c-menu__item-text">Needs maintenance</span>
1830
- </button>
1831
- </li>
1832
- </ul>
1833
- </section>
1834
- </div>
1835
- </div>
1836
- </div>
1837
1639
  </div>
1838
1640
  </div>
1839
1641
  </div>
@@ -1886,9 +1688,9 @@ section: components
1886
1688
  </div>
1887
1689
  <div class="pf-v6-c-toolbar__item">
1888
1690
  <button
1889
- class="pf-v6-c-menu-toggle pf-m-expanded"
1691
+ class="pf-v6-c-menu-toggle"
1890
1692
  type="button"
1891
- aria-expanded="true"
1693
+ aria-expanded="false"
1892
1694
  id="toolbar-attribute-value-checkbox-menu-toggle-filter-desktop-example-menu-toggle-filter-by-status"
1893
1695
  >
1894
1696
  <span class="pf-v6-c-menu-toggle__text">Filter by status</span>
@@ -1898,136 +1700,6 @@ section: components
1898
1700
  </span>
1899
1701
  </span>
1900
1702
  </button>
1901
- <div class="pf-v6-c-panel">
1902
- <div class="pf-v6-c-menu">
1903
- <div class="pf-v6-c-menu__content">
1904
- <ul class="pf-v6-c-menu__list" role="menu">
1905
- <li class="pf-v6-c-menu__list-item" role="menuitem">
1906
- <label
1907
- class="pf-v6-c-menu__item"
1908
- for="toolbar-attribute-value-checkbox-menu-toggle-filter-desktop-example-status-menu-check-toolbar-attribute-value-checkbox-menu-toggle-filter-desktop-example-status-menu-check1-input"
1909
- >
1910
- <span class="pf-v6-c-menu__item-main">
1911
- <span class="pf-v6-c-menu__item-check">
1912
- <div
1913
- class="pf-v6-c-check pf-m-standalone"
1914
- id="toolbar-attribute-value-checkbox-menu-toggle-filter-desktop-example-status-menu-check-toolbar-attribute-value-checkbox-menu-toggle-filter-desktop-example-status-menu-check1"
1915
- >
1916
- <input
1917
- class="pf-v6-c-check__input"
1918
- type="checkbox"
1919
- id="toolbar-attribute-value-checkbox-menu-toggle-filter-desktop-example-status-menu-check-toolbar-attribute-value-checkbox-menu-toggle-filter-desktop-example-status-menu-check1-input"
1920
- name="toolbar-attribute-value-checkbox-menu-toggle-filter-desktop-example-status-menu-check-toolbar-attribute-value-checkbox-menu-toggle-filter-desktop-example-status-menu-check1-input"
1921
- aria-label="Standalone check"
1922
- />
1923
- </div>
1924
- </span>
1925
- <span class="pf-v6-c-menu__item-text">Active</span>
1926
- </span>
1927
- </label>
1928
- </li>
1929
- <li class="pf-v6-c-menu__list-item" role="menuitem">
1930
- <label
1931
- class="pf-v6-c-menu__item"
1932
- for="toolbar-attribute-value-checkbox-menu-toggle-filter-desktop-example-status-menu-check-toolbar-attribute-value-checkbox-menu-toggle-filter-desktop-example-status-menu-check2-input"
1933
- >
1934
- <span class="pf-v6-c-menu__item-main">
1935
- <span class="pf-v6-c-menu__item-check">
1936
- <div
1937
- class="pf-v6-c-check pf-m-standalone"
1938
- id="toolbar-attribute-value-checkbox-menu-toggle-filter-desktop-example-status-menu-check-toolbar-attribute-value-checkbox-menu-toggle-filter-desktop-example-status-menu-check2"
1939
- >
1940
- <input
1941
- class="pf-v6-c-check__input"
1942
- type="checkbox"
1943
- id="toolbar-attribute-value-checkbox-menu-toggle-filter-desktop-example-status-menu-check-toolbar-attribute-value-checkbox-menu-toggle-filter-desktop-example-status-menu-check2-input"
1944
- name="toolbar-attribute-value-checkbox-menu-toggle-filter-desktop-example-status-menu-check-toolbar-attribute-value-checkbox-menu-toggle-filter-desktop-example-status-menu-check2-input"
1945
- aria-label="Standalone check"
1946
- checked
1947
- />
1948
- </div>
1949
- </span>
1950
- <span class="pf-v6-c-menu__item-text">Cancelled</span>
1951
- </span>
1952
- </label>
1953
- </li>
1954
- <li class="pf-v6-c-menu__list-item" role="menuitem">
1955
- <label
1956
- class="pf-v6-c-menu__item"
1957
- for="toolbar-attribute-value-checkbox-menu-toggle-filter-desktop-example-status-menu-check-toolbar-attribute-value-checkbox-menu-toggle-filter-desktop-example-status-menu-check3-input"
1958
- >
1959
- <span class="pf-v6-c-menu__item-main">
1960
- <span class="pf-v6-c-menu__item-check">
1961
- <div
1962
- class="pf-v6-c-check pf-m-standalone"
1963
- id="toolbar-attribute-value-checkbox-menu-toggle-filter-desktop-example-status-menu-check-toolbar-attribute-value-checkbox-menu-toggle-filter-desktop-example-status-menu-check3"
1964
- >
1965
- <input
1966
- class="pf-v6-c-check__input"
1967
- type="checkbox"
1968
- id="toolbar-attribute-value-checkbox-menu-toggle-filter-desktop-example-status-menu-check-toolbar-attribute-value-checkbox-menu-toggle-filter-desktop-example-status-menu-check3-input"
1969
- name="toolbar-attribute-value-checkbox-menu-toggle-filter-desktop-example-status-menu-check-toolbar-attribute-value-checkbox-menu-toggle-filter-desktop-example-status-menu-check3-input"
1970
- aria-label="Standalone check"
1971
- checked
1972
- />
1973
- </div>
1974
- </span>
1975
- <span class="pf-v6-c-menu__item-text">Paused</span>
1976
- </span>
1977
- </label>
1978
- </li>
1979
- <li class="pf-v6-c-menu__list-item" role="menuitem">
1980
- <label
1981
- class="pf-v6-c-menu__item"
1982
- for="toolbar-attribute-value-checkbox-menu-toggle-filter-desktop-example-status-menu-check-toolbar-attribute-value-checkbox-menu-toggle-filter-desktop-example-status-menu-check4-input"
1983
- >
1984
- <span class="pf-v6-c-menu__item-main">
1985
- <span class="pf-v6-c-menu__item-check">
1986
- <div
1987
- class="pf-v6-c-check pf-m-standalone"
1988
- id="toolbar-attribute-value-checkbox-menu-toggle-filter-desktop-example-status-menu-check-toolbar-attribute-value-checkbox-menu-toggle-filter-desktop-example-status-menu-check4"
1989
- >
1990
- <input
1991
- class="pf-v6-c-check__input"
1992
- type="checkbox"
1993
- id="toolbar-attribute-value-checkbox-menu-toggle-filter-desktop-example-status-menu-check-toolbar-attribute-value-checkbox-menu-toggle-filter-desktop-example-status-menu-check4-input"
1994
- name="toolbar-attribute-value-checkbox-menu-toggle-filter-desktop-example-status-menu-check-toolbar-attribute-value-checkbox-menu-toggle-filter-desktop-example-status-menu-check4-input"
1995
- aria-label="Standalone check"
1996
- />
1997
- </div>
1998
- </span>
1999
- <span class="pf-v6-c-menu__item-text">Warning</span>
2000
- </span>
2001
- </label>
2002
- </li>
2003
- <li class="pf-v6-c-menu__list-item" role="menuitem">
2004
- <label
2005
- class="pf-v6-c-menu__item"
2006
- for="toolbar-attribute-value-checkbox-menu-toggle-filter-desktop-example-status-menu-check-toolbar-attribute-value-checkbox-menu-toggle-filter-desktop-example-status-menu-check5-input"
2007
- >
2008
- <span class="pf-v6-c-menu__item-main">
2009
- <span class="pf-v6-c-menu__item-check">
2010
- <div
2011
- class="pf-v6-c-check pf-m-standalone"
2012
- id="toolbar-attribute-value-checkbox-menu-toggle-filter-desktop-example-status-menu-check-toolbar-attribute-value-checkbox-menu-toggle-filter-desktop-example-status-menu-check5"
2013
- >
2014
- <input
2015
- class="pf-v6-c-check__input"
2016
- type="checkbox"
2017
- id="toolbar-attribute-value-checkbox-menu-toggle-filter-desktop-example-status-menu-check-toolbar-attribute-value-checkbox-menu-toggle-filter-desktop-example-status-menu-check5-input"
2018
- name="toolbar-attribute-value-checkbox-menu-toggle-filter-desktop-example-status-menu-check-toolbar-attribute-value-checkbox-menu-toggle-filter-desktop-example-status-menu-check5-input"
2019
- aria-label="Standalone check"
2020
- />
2021
- </div>
2022
- </span>
2023
- <span class="pf-v6-c-menu__item-text">Restarted</span>
2024
- </span>
2025
- </label>
2026
- </li>
2027
- </ul>
2028
- </div>
2029
- </div>
2030
- </div>
2031
1703
  </div>
2032
1704
  </div>
2033
1705
  </div>
@@ -2054,30 +1726,17 @@ section: components
2054
1726
  </div>
2055
1727
 
2056
1728
  <div class="pf-v6-c-overflow-menu__control">
2057
- <div class="pf-v6-c-dropdown">
2058
- <button
2059
- class="pf-v6-c-button pf-v6-c-dropdown__toggle pf-m-plain"
2060
- type="button"
2061
- id="toolbar-attribute-value-checkbox-menu-toggle-filter-desktop-example-overflow-menu-dropdown-toggle"
2062
- aria-label="Overflow menu"
2063
- aria-expanded="false"
2064
- >
1729
+ <button
1730
+ class="pf-v6-c-menu-toggle pf-m-plain"
1731
+ type="button"
1732
+ aria-expanded="false"
1733
+ aria-label="Menu toggle"
1734
+ id="toolbar-attribute-value-checkbox-menu-toggle-filter-desktop-example-overflow-menutoggle"
1735
+ >
1736
+ <span class="pf-v6-c-menu-toggle__icon">
2065
1737
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
2066
- </button>
2067
- <ul
2068
- class="pf-v6-c-dropdown__menu"
2069
- role="menu"
2070
- aria-labelledby="toolbar-attribute-value-checkbox-menu-toggle-filter-desktop-example-overflow-menu-dropdown-toggle"
2071
- hidden
2072
- >
2073
- <li role="none">
2074
- <button
2075
- role="menuitem"
2076
- class="pf-v6-c-dropdown__menu-item"
2077
- >Tertiary</button>
2078
- </li>
2079
- </ul>
2080
- </div>
1738
+ </span>
1739
+ </button>
2081
1740
  </div>
2082
1741
  </div>
2083
1742
  </div>
@@ -2299,42 +1958,17 @@ section: components
2299
1958
  id="toolbar-attribute-value-checkbox-menu-toggle-filter-mobile-example-overflow-menu"
2300
1959
  >
2301
1960
  <div class="pf-v6-c-overflow-menu__control">
2302
- <div class="pf-v6-c-dropdown">
2303
- <button
2304
- class="pf-v6-c-button pf-v6-c-dropdown__toggle pf-m-plain"
2305
- type="button"
2306
- id="toolbar-attribute-value-checkbox-menu-toggle-filter-mobile-example-overflow-menu-dropdown-toggle"
2307
- aria-label="Overflow menu"
2308
- aria-expanded="false"
2309
- >
1961
+ <button
1962
+ class="pf-v6-c-menu-toggle pf-m-plain"
1963
+ type="button"
1964
+ aria-expanded="false"
1965
+ aria-label="Menu toggle"
1966
+ id="toolbar-attribute-value-checkbox-menu-toggle-filter-mobile-example-overflow-menutoggle"
1967
+ >
1968
+ <span class="pf-v6-c-menu-toggle__icon">
2310
1969
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
2311
- </button>
2312
- <ul
2313
- class="pf-v6-c-dropdown__menu"
2314
- role="menu"
2315
- aria-labelledby="toolbar-attribute-value-checkbox-menu-toggle-filter-mobile-example-overflow-menu-dropdown-toggle"
2316
- hidden
2317
- >
2318
- <li role="none">
2319
- <button
2320
- role="menuitem"
2321
- class="pf-v6-c-dropdown__menu-item"
2322
- >Primary</button>
2323
- </li>
2324
- <li role="none">
2325
- <button
2326
- role="menuitem"
2327
- class="pf-v6-c-dropdown__menu-item"
2328
- >Secondary</button>
2329
- </li>
2330
- <li role="none">
2331
- <button
2332
- role="menuitem"
2333
- class="pf-v6-c-dropdown__menu-item"
2334
- >Tertiary</button>
2335
- </li>
2336
- </ul>
2337
- </div>
1970
+ </span>
1971
+ </button>
2338
1972
  </div>
2339
1973
  </div>
2340
1974
  </div>
@@ -2447,9 +2081,9 @@ section: components
2447
2081
  </div>
2448
2082
  <div class="pf-v6-c-toolbar__item">
2449
2083
  <button
2450
- class="pf-v6-c-menu-toggle pf-m-expanded"
2084
+ class="pf-v6-c-menu-toggle"
2451
2085
  type="button"
2452
- aria-expanded="true"
2086
+ aria-expanded="false"
2453
2087
  id="toolbar-attribute-value-checkbox-menu-toggle-filter-mobile-example-menu-toggle-filter-by-status"
2454
2088
  >
2455
2089
  <span class="pf-v6-c-menu-toggle__text">Filter by status</span>
@@ -2459,136 +2093,6 @@ section: components
2459
2093
  </span>
2460
2094
  </span>
2461
2095
  </button>
2462
- <div class="pf-v6-c-panel">
2463
- <div class="pf-v6-c-menu">
2464
- <div class="pf-v6-c-menu__content">
2465
- <ul class="pf-v6-c-menu__list" role="menu">
2466
- <li class="pf-v6-c-menu__list-item" role="menuitem">
2467
- <label
2468
- class="pf-v6-c-menu__item"
2469
- for="toolbar-attribute-value-checkbox-menu-toggle-filter-mobile-example-status-menu-check-toolbar-attribute-value-checkbox-menu-toggle-filter-mobile-example-status-menu-check1-input"
2470
- >
2471
- <span class="pf-v6-c-menu__item-main">
2472
- <span class="pf-v6-c-menu__item-check">
2473
- <div
2474
- class="pf-v6-c-check pf-m-standalone"
2475
- id="toolbar-attribute-value-checkbox-menu-toggle-filter-mobile-example-status-menu-check-toolbar-attribute-value-checkbox-menu-toggle-filter-mobile-example-status-menu-check1"
2476
- >
2477
- <input
2478
- class="pf-v6-c-check__input"
2479
- type="checkbox"
2480
- id="toolbar-attribute-value-checkbox-menu-toggle-filter-mobile-example-status-menu-check-toolbar-attribute-value-checkbox-menu-toggle-filter-mobile-example-status-menu-check1-input"
2481
- name="toolbar-attribute-value-checkbox-menu-toggle-filter-mobile-example-status-menu-check-toolbar-attribute-value-checkbox-menu-toggle-filter-mobile-example-status-menu-check1-input"
2482
- aria-label="Standalone check"
2483
- />
2484
- </div>
2485
- </span>
2486
- <span class="pf-v6-c-menu__item-text">Active</span>
2487
- </span>
2488
- </label>
2489
- </li>
2490
- <li class="pf-v6-c-menu__list-item" role="menuitem">
2491
- <label
2492
- class="pf-v6-c-menu__item"
2493
- for="toolbar-attribute-value-checkbox-menu-toggle-filter-mobile-example-status-menu-check-toolbar-attribute-value-checkbox-menu-toggle-filter-mobile-example-status-menu-check2-input"
2494
- >
2495
- <span class="pf-v6-c-menu__item-main">
2496
- <span class="pf-v6-c-menu__item-check">
2497
- <div
2498
- class="pf-v6-c-check pf-m-standalone"
2499
- id="toolbar-attribute-value-checkbox-menu-toggle-filter-mobile-example-status-menu-check-toolbar-attribute-value-checkbox-menu-toggle-filter-mobile-example-status-menu-check2"
2500
- >
2501
- <input
2502
- class="pf-v6-c-check__input"
2503
- type="checkbox"
2504
- id="toolbar-attribute-value-checkbox-menu-toggle-filter-mobile-example-status-menu-check-toolbar-attribute-value-checkbox-menu-toggle-filter-mobile-example-status-menu-check2-input"
2505
- name="toolbar-attribute-value-checkbox-menu-toggle-filter-mobile-example-status-menu-check-toolbar-attribute-value-checkbox-menu-toggle-filter-mobile-example-status-menu-check2-input"
2506
- aria-label="Standalone check"
2507
- checked
2508
- />
2509
- </div>
2510
- </span>
2511
- <span class="pf-v6-c-menu__item-text">Cancelled</span>
2512
- </span>
2513
- </label>
2514
- </li>
2515
- <li class="pf-v6-c-menu__list-item" role="menuitem">
2516
- <label
2517
- class="pf-v6-c-menu__item"
2518
- for="toolbar-attribute-value-checkbox-menu-toggle-filter-mobile-example-status-menu-check-toolbar-attribute-value-checkbox-menu-toggle-filter-mobile-example-status-menu-check3-input"
2519
- >
2520
- <span class="pf-v6-c-menu__item-main">
2521
- <span class="pf-v6-c-menu__item-check">
2522
- <div
2523
- class="pf-v6-c-check pf-m-standalone"
2524
- id="toolbar-attribute-value-checkbox-menu-toggle-filter-mobile-example-status-menu-check-toolbar-attribute-value-checkbox-menu-toggle-filter-mobile-example-status-menu-check3"
2525
- >
2526
- <input
2527
- class="pf-v6-c-check__input"
2528
- type="checkbox"
2529
- id="toolbar-attribute-value-checkbox-menu-toggle-filter-mobile-example-status-menu-check-toolbar-attribute-value-checkbox-menu-toggle-filter-mobile-example-status-menu-check3-input"
2530
- name="toolbar-attribute-value-checkbox-menu-toggle-filter-mobile-example-status-menu-check-toolbar-attribute-value-checkbox-menu-toggle-filter-mobile-example-status-menu-check3-input"
2531
- aria-label="Standalone check"
2532
- checked
2533
- />
2534
- </div>
2535
- </span>
2536
- <span class="pf-v6-c-menu__item-text">Paused</span>
2537
- </span>
2538
- </label>
2539
- </li>
2540
- <li class="pf-v6-c-menu__list-item" role="menuitem">
2541
- <label
2542
- class="pf-v6-c-menu__item"
2543
- for="toolbar-attribute-value-checkbox-menu-toggle-filter-mobile-example-status-menu-check-toolbar-attribute-value-checkbox-menu-toggle-filter-mobile-example-status-menu-check4-input"
2544
- >
2545
- <span class="pf-v6-c-menu__item-main">
2546
- <span class="pf-v6-c-menu__item-check">
2547
- <div
2548
- class="pf-v6-c-check pf-m-standalone"
2549
- id="toolbar-attribute-value-checkbox-menu-toggle-filter-mobile-example-status-menu-check-toolbar-attribute-value-checkbox-menu-toggle-filter-mobile-example-status-menu-check4"
2550
- >
2551
- <input
2552
- class="pf-v6-c-check__input"
2553
- type="checkbox"
2554
- id="toolbar-attribute-value-checkbox-menu-toggle-filter-mobile-example-status-menu-check-toolbar-attribute-value-checkbox-menu-toggle-filter-mobile-example-status-menu-check4-input"
2555
- name="toolbar-attribute-value-checkbox-menu-toggle-filter-mobile-example-status-menu-check-toolbar-attribute-value-checkbox-menu-toggle-filter-mobile-example-status-menu-check4-input"
2556
- aria-label="Standalone check"
2557
- />
2558
- </div>
2559
- </span>
2560
- <span class="pf-v6-c-menu__item-text">Warning</span>
2561
- </span>
2562
- </label>
2563
- </li>
2564
- <li class="pf-v6-c-menu__list-item" role="menuitem">
2565
- <label
2566
- class="pf-v6-c-menu__item"
2567
- for="toolbar-attribute-value-checkbox-menu-toggle-filter-mobile-example-status-menu-check-toolbar-attribute-value-checkbox-menu-toggle-filter-mobile-example-status-menu-check5-input"
2568
- >
2569
- <span class="pf-v6-c-menu__item-main">
2570
- <span class="pf-v6-c-menu__item-check">
2571
- <div
2572
- class="pf-v6-c-check pf-m-standalone"
2573
- id="toolbar-attribute-value-checkbox-menu-toggle-filter-mobile-example-status-menu-check-toolbar-attribute-value-checkbox-menu-toggle-filter-mobile-example-status-menu-check5"
2574
- >
2575
- <input
2576
- class="pf-v6-c-check__input"
2577
- type="checkbox"
2578
- id="toolbar-attribute-value-checkbox-menu-toggle-filter-mobile-example-status-menu-check-toolbar-attribute-value-checkbox-menu-toggle-filter-mobile-example-status-menu-check5-input"
2579
- name="toolbar-attribute-value-checkbox-menu-toggle-filter-mobile-example-status-menu-check-toolbar-attribute-value-checkbox-menu-toggle-filter-mobile-example-status-menu-check5-input"
2580
- aria-label="Standalone check"
2581
- />
2582
- </div>
2583
- </span>
2584
- <span class="pf-v6-c-menu__item-text">Restarted</span>
2585
- </span>
2586
- </label>
2587
- </li>
2588
- </ul>
2589
- </div>
2590
- </div>
2591
- </div>
2592
2096
  </div>
2593
2097
  <div class="pf-v6-c-toolbar__item pf-m-label-group">
2594
2098
  <div class="pf-v6-c-label-group pf-m-category">
@@ -3037,42 +2541,17 @@ section: components
3037
2541
  id="toolbar-pagination-management-example-toolbar-overflow-menu"
3038
2542
  >
3039
2543
  <div class="pf-v6-c-overflow-menu__control">
3040
- <div class="pf-v6-c-dropdown">
3041
- <button
3042
- class="pf-v6-c-button pf-v6-c-dropdown__toggle pf-m-plain"
3043
- type="button"
3044
- id="toolbar-pagination-management-example-toolbar-overflow-menu-dropdown-toggle"
3045
- aria-label="Overflow menu"
3046
- aria-expanded="false"
3047
- >
2544
+ <button
2545
+ class="pf-v6-c-menu-toggle pf-m-plain"
2546
+ type="button"
2547
+ aria-expanded="false"
2548
+ aria-label="Menu toggle"
2549
+ id="toolbar-pagination-management-example-toolbar-overflow-menutoggle"
2550
+ >
2551
+ <span class="pf-v6-c-menu-toggle__icon">
3048
2552
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
3049
- </button>
3050
- <ul
3051
- class="pf-v6-c-dropdown__menu"
3052
- role="menu"
3053
- aria-labelledby="toolbar-pagination-management-example-toolbar-overflow-menu-dropdown-toggle"
3054
- hidden
3055
- >
3056
- <li role="none">
3057
- <button
3058
- role="menuitem"
3059
- class="pf-v6-c-dropdown__menu-item"
3060
- >Primary</button>
3061
- </li>
3062
- <li role="none">
3063
- <button
3064
- role="menuitem"
3065
- class="pf-v6-c-dropdown__menu-item"
3066
- >Secondary</button>
3067
- </li>
3068
- <li role="none">
3069
- <button
3070
- role="menuitem"
3071
- class="pf-v6-c-dropdown__menu-item"
3072
- >Tertiary</button>
3073
- </li>
3074
- </ul>
3075
- </div>
2553
+ </span>
2554
+ </button>
3076
2555
  </div>
3077
2556
  </div>
3078
2557
  </div>
@@ -3285,7 +2764,7 @@ section: components
3285
2764
  class="pf-v6-c-menu-toggle pf-m-plain"
3286
2765
  type="button"
3287
2766
  aria-expanded="false"
3288
- aria-label="Table actions"
2767
+ aria-label="Menu toggle"
3289
2768
  >
3290
2769
  <span class="pf-v6-c-menu-toggle__icon">
3291
2770
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -3361,7 +2840,7 @@ section: components
3361
2840
  class="pf-v6-c-menu-toggle pf-m-plain"
3362
2841
  type="button"
3363
2842
  aria-expanded="false"
3364
- aria-label="Table actions"
2843
+ aria-label="Menu toggle"
3365
2844
  >
3366
2845
  <span class="pf-v6-c-menu-toggle__icon">
3367
2846
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -3437,7 +2916,7 @@ section: components
3437
2916
  class="pf-v6-c-menu-toggle pf-m-plain"
3438
2917
  type="button"
3439
2918
  aria-expanded="false"
3440
- aria-label="Table actions"
2919
+ aria-label="Menu toggle"
3441
2920
  >
3442
2921
  <span class="pf-v6-c-menu-toggle__icon">
3443
2922
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -3513,7 +2992,7 @@ section: components
3513
2992
  class="pf-v6-c-menu-toggle pf-m-plain"
3514
2993
  type="button"
3515
2994
  aria-expanded="false"
3516
- aria-label="Table actions"
2995
+ aria-label="Menu toggle"
3517
2996
  >
3518
2997
  <span class="pf-v6-c-menu-toggle__icon">
3519
2998
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -3587,7 +3066,7 @@ section: components
3587
3066
  class="pf-v6-c-menu-toggle pf-m-plain"
3588
3067
  type="button"
3589
3068
  aria-expanded="false"
3590
- aria-label="Table actions"
3069
+ aria-label="Menu toggle"
3591
3070
  >
3592
3071
  <span class="pf-v6-c-menu-toggle__icon">
3593
3072
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>