@patternfly/patternfly 6.0.0-alpha.186 → 6.0.0-alpha.188

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 (61) hide show
  1. package/base/patternfly-variables.css +2 -2
  2. package/base/tokens/tokens-charts-dark.scss +1 -1
  3. package/base/tokens/tokens-charts.scss +1 -1
  4. package/base/tokens/tokens-dark.scss +1 -1
  5. package/base/tokens/tokens-default.scss +3 -3
  6. package/base/tokens/tokens-palette.scss +1 -1
  7. package/components/Toolbar/toolbar.css +232 -531
  8. package/components/Toolbar/toolbar.scss +101 -89
  9. package/components/_index.css +224 -523
  10. package/docs/components/Card/examples/Card.md +8 -8
  11. package/docs/components/DataList/examples/DataList.md +17 -17
  12. package/docs/components/DualListSelector/examples/DualListSelector.md +16 -16
  13. package/docs/components/Hint/examples/Hint.md +3 -3
  14. package/docs/components/NotificationDrawer/examples/NotificationDrawer.md +37 -37
  15. package/docs/components/OverflowMenu/examples/overflow-menu.md +5 -5
  16. package/docs/components/Table/examples/Table.md +454 -454
  17. package/docs/components/Toolbar/examples/Toolbar.css +10 -4
  18. package/docs/components/Toolbar/examples/Toolbar.md +1050 -637
  19. package/docs/demos/AboutModal/examples/AboutModal.md +1 -0
  20. package/docs/demos/Alert/examples/Alert.md +3 -0
  21. package/docs/demos/BackToTop/examples/BackToTop.md +1 -0
  22. package/docs/demos/Banner/examples/Banner.md +2 -0
  23. package/docs/demos/CardView/examples/CardView.md +13 -12
  24. package/docs/demos/Dashboard/examples/Dashboard.md +2 -1
  25. package/docs/demos/DataList/examples/DataList.md +31 -27
  26. package/docs/demos/DescriptionList/examples/DescriptionList.md +4 -1
  27. package/docs/demos/Drawer/examples/Drawer.md +6 -1
  28. package/docs/demos/JumpLinks/examples/JumpLinks.md +6 -0
  29. package/docs/demos/Masthead/examples/Masthead.md +19 -9
  30. package/docs/demos/Modal/examples/Modal.md +6 -0
  31. package/docs/demos/Nav/examples/Nav.md +8 -0
  32. package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +71 -61
  33. package/docs/demos/Page/examples/Page.md +11 -0
  34. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +27 -19
  35. package/docs/demos/Skeleton/examples/Skeleton.md +1 -0
  36. package/docs/demos/Table/examples/Table.md +161 -146
  37. package/docs/demos/Tabs/examples/Tabs.md +32 -26
  38. package/docs/demos/Toolbar/examples/Toolbar.css +9 -1
  39. package/docs/demos/Toolbar/examples/Toolbar.md +1592 -1295
  40. package/docs/demos/Wizard/examples/Wizard.md +9 -0
  41. package/layouts/Flex/flex.css +1 -1
  42. package/layouts/Flex/flex.scss +1 -1
  43. package/layouts/Gallery/gallery.css +1 -1
  44. package/layouts/Gallery/gallery.scss +1 -1
  45. package/layouts/Grid/grid.css +1 -1
  46. package/layouts/Grid/grid.scss +1 -1
  47. package/layouts/Level/level.css +1 -1
  48. package/layouts/Level/level.scss +1 -1
  49. package/layouts/Split/split.css +1 -1
  50. package/layouts/Split/split.scss +1 -1
  51. package/layouts/Stack/stack.css +1 -1
  52. package/layouts/Stack/stack.scss +1 -1
  53. package/layouts/_index.css +6 -6
  54. package/package.json +6 -6
  55. package/patternfly-base-no-globals.css +2 -2
  56. package/patternfly-base.css +2 -2
  57. package/patternfly-no-globals.css +232 -531
  58. package/patternfly.css +232 -531
  59. package/patternfly.min.css +1 -1
  60. package/patternfly.min.css.map +1 -1
  61. package/docs/demos/Page/examples/Penta.md +0 -903
package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md CHANGED
@@ -118,6 +118,7 @@ section: components
118
118
  </span>
119
119
  </button>
120
120
  </div>
121
+
121
122
  <div
122
123
  class="pf-v6-c-toolbar__group pf-m-icon-button-group pf-m-hidden pf-m-visible-on-lg"
123
124
  >
@@ -158,6 +159,7 @@ section: components
158
159
  </button>
159
160
  </div>
160
161
  </div>
162
+
161
163
  <div class="pf-v6-c-toolbar__item pf-m-hidden-on-lg">
162
164
  <button
163
165
  class="pf-v6-c-menu-toggle pf-m-plain"
@@ -331,7 +333,7 @@ section: components
331
333
  type="button"
332
334
  aria-expanded="false"
333
335
  aria-label="Menu toggle"
334
- id="drawer-demo-notification-drawer-basicheader-action"
336
+ id="drawer-demo-notification-drawer-basic-header-action"
335
337
  >
336
338
  <span class="pf-v6-c-menu-toggle__icon">
337
339
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -364,7 +366,7 @@ section: components
364
366
  type="button"
365
367
  aria-expanded="false"
366
368
  aria-label="Menu toggle"
367
- id="drawer-demo-notification-drawer-basicmenu-toggle-1"
369
+ id="drawer-demo-notification-drawer-basic-menu-toggle-1"
368
370
  >
369
371
  <span class="pf-v6-c-menu-toggle__icon">
370
372
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -402,7 +404,7 @@ section: components
402
404
  type="button"
403
405
  aria-expanded="false"
404
406
  aria-label="Menu toggle"
405
- id="drawer-demo-notification-drawer-basicmenu-toggle-3"
407
+ id="drawer-demo-notification-drawer-basic-menu-toggle-3"
406
408
  >
407
409
  <span class="pf-v6-c-menu-toggle__icon">
408
410
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -440,7 +442,7 @@ section: components
440
442
  type="button"
441
443
  aria-expanded="false"
442
444
  aria-label="Menu toggle"
443
- id="drawer-demo-notification-drawer-basicmenu-toggle-4"
445
+ id="drawer-demo-notification-drawer-basic-menu-toggle-4"
444
446
  >
445
447
  <span class="pf-v6-c-menu-toggle__icon">
446
448
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -479,7 +481,7 @@ section: components
479
481
  type="button"
480
482
  aria-expanded="false"
481
483
  aria-label="Menu toggle"
482
- id="drawer-demo-notification-drawer-basicmenu-toggle-5"
484
+ id="drawer-demo-notification-drawer-basic-menu-toggle-5"
483
485
  >
484
486
  <span class="pf-v6-c-menu-toggle__icon">
485
487
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -515,7 +517,7 @@ section: components
515
517
  type="button"
516
518
  aria-expanded="false"
517
519
  aria-label="Menu toggle"
518
- id="drawer-demo-notification-drawer-basicmenu-toggle-6"
520
+ id="drawer-demo-notification-drawer-basic-menu-toggle-6"
519
521
  >
520
522
  <span class="pf-v6-c-menu-toggle__icon">
521
523
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -551,7 +553,7 @@ section: components
551
553
  type="button"
552
554
  aria-expanded="false"
553
555
  aria-label="Menu toggle"
554
- id="drawer-demo-notification-drawer-basicmenu-toggle-7"
556
+ id="drawer-demo-notification-drawer-basic-menu-toggle-7"
555
557
  >
556
558
  <span class="pf-v6-c-menu-toggle__icon">
557
559
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -588,7 +590,7 @@ section: components
588
590
  type="button"
589
591
  aria-expanded="false"
590
592
  aria-label="Menu toggle"
591
- id="drawer-demo-notification-drawer-basicmenu-toggle-8"
593
+ id="drawer-demo-notification-drawer-basic-menu-toggle-8"
592
594
  >
593
595
  <span class="pf-v6-c-menu-toggle__icon">
594
596
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -762,6 +764,7 @@ section: components
762
764
  </span>
763
765
  </button>
764
766
  </div>
767
+
765
768
  <div
766
769
  class="pf-v6-c-toolbar__group pf-m-icon-button-group pf-m-hidden pf-m-visible-on-lg"
767
770
  >
@@ -802,6 +805,7 @@ section: components
802
805
  </button>
803
806
  </div>
804
807
  </div>
808
+
805
809
  <div class="pf-v6-c-toolbar__item pf-m-hidden-on-lg">
806
810
  <button
807
811
  class="pf-v6-c-menu-toggle pf-m-plain"
@@ -975,7 +979,7 @@ section: components
975
979
  type="button"
976
980
  aria-expanded="false"
977
981
  aria-label="Menu toggle"
978
- id="drawer-demo-notification-drawer-basicheader-action"
982
+ id="drawer-demo-notification-drawer-basic-header-action"
979
983
  >
980
984
  <span class="pf-v6-c-menu-toggle__icon">
981
985
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -1008,7 +1012,7 @@ section: components
1008
1012
  type="button"
1009
1013
  aria-expanded="false"
1010
1014
  aria-label="Menu toggle"
1011
- id="drawer-demo-notification-drawer-basicmenu-toggle-1"
1015
+ id="drawer-demo-notification-drawer-basic-menu-toggle-1"
1012
1016
  >
1013
1017
  <span class="pf-v6-c-menu-toggle__icon">
1014
1018
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -1046,7 +1050,7 @@ section: components
1046
1050
  type="button"
1047
1051
  aria-expanded="false"
1048
1052
  aria-label="Menu toggle"
1049
- id="drawer-demo-notification-drawer-basicmenu-toggle-3"
1053
+ id="drawer-demo-notification-drawer-basic-menu-toggle-3"
1050
1054
  >
1051
1055
  <span class="pf-v6-c-menu-toggle__icon">
1052
1056
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -1084,7 +1088,7 @@ section: components
1084
1088
  type="button"
1085
1089
  aria-expanded="false"
1086
1090
  aria-label="Menu toggle"
1087
- id="drawer-demo-notification-drawer-basicmenu-toggle-4"
1091
+ id="drawer-demo-notification-drawer-basic-menu-toggle-4"
1088
1092
  >
1089
1093
  <span class="pf-v6-c-menu-toggle__icon">
1090
1094
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -1123,7 +1127,7 @@ section: components
1123
1127
  type="button"
1124
1128
  aria-expanded="false"
1125
1129
  aria-label="Menu toggle"
1126
- id="drawer-demo-notification-drawer-basicmenu-toggle-5"
1130
+ id="drawer-demo-notification-drawer-basic-menu-toggle-5"
1127
1131
  >
1128
1132
  <span class="pf-v6-c-menu-toggle__icon">
1129
1133
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -1159,7 +1163,7 @@ section: components
1159
1163
  type="button"
1160
1164
  aria-expanded="false"
1161
1165
  aria-label="Menu toggle"
1162
- id="drawer-demo-notification-drawer-basicmenu-toggle-6"
1166
+ id="drawer-demo-notification-drawer-basic-menu-toggle-6"
1163
1167
  >
1164
1168
  <span class="pf-v6-c-menu-toggle__icon">
1165
1169
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -1195,7 +1199,7 @@ section: components
1195
1199
  type="button"
1196
1200
  aria-expanded="false"
1197
1201
  aria-label="Menu toggle"
1198
- id="drawer-demo-notification-drawer-basicmenu-toggle-7"
1202
+ id="drawer-demo-notification-drawer-basic-menu-toggle-7"
1199
1203
  >
1200
1204
  <span class="pf-v6-c-menu-toggle__icon">
1201
1205
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -1232,7 +1236,7 @@ section: components
1232
1236
  type="button"
1233
1237
  aria-expanded="false"
1234
1238
  aria-label="Menu toggle"
1235
- id="drawer-demo-notification-drawer-basicmenu-toggle-8"
1239
+ id="drawer-demo-notification-drawer-basic-menu-toggle-8"
1236
1240
  >
1237
1241
  <span class="pf-v6-c-menu-toggle__icon">
1238
1242
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -1406,6 +1410,7 @@ section: components
1406
1410
  </span>
1407
1411
  </button>
1408
1412
  </div>
1413
+
1409
1414
  <div
1410
1415
  class="pf-v6-c-toolbar__group pf-m-icon-button-group pf-m-hidden pf-m-visible-on-lg"
1411
1416
  >
@@ -1446,6 +1451,7 @@ section: components
1446
1451
  </button>
1447
1452
  </div>
1448
1453
  </div>
1454
+
1449
1455
  <div class="pf-v6-c-toolbar__item pf-m-hidden-on-lg">
1450
1456
  <button
1451
1457
  class="pf-v6-c-menu-toggle pf-m-plain"
@@ -1619,7 +1625,7 @@ section: components
1619
1625
  type="button"
1620
1626
  aria-expanded="false"
1621
1627
  aria-label="Menu toggle"
1622
- id="drawer-demo-notification-drawer-basicheader-action"
1628
+ id="drawer-demo-notification-drawer-basic-header-action"
1623
1629
  >
1624
1630
  <span class="pf-v6-c-menu-toggle__icon">
1625
1631
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -1653,7 +1659,7 @@ section: components
1653
1659
  type="button"
1654
1660
  aria-expanded="false"
1655
1661
  aria-label="Menu toggle"
1656
- id="drawer-demo-notification-drawer-basicmenu-toggle-1"
1662
+ id="drawer-demo-notification-drawer-basic-menu-toggle-1"
1657
1663
  >
1658
1664
  <span class="pf-v6-c-menu-toggle__icon">
1659
1665
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -1692,7 +1698,7 @@ section: components
1692
1698
  type="button"
1693
1699
  aria-expanded="false"
1694
1700
  aria-label="Menu toggle"
1695
- id="drawer-demo-notification-drawer-basicmenu-toggle-3"
1701
+ id="drawer-demo-notification-drawer-basic-menu-toggle-3"
1696
1702
  >
1697
1703
  <span class="pf-v6-c-menu-toggle__icon">
1698
1704
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -1731,7 +1737,7 @@ section: components
1731
1737
  type="button"
1732
1738
  aria-expanded="false"
1733
1739
  aria-label="Menu toggle"
1734
- id="drawer-demo-notification-drawer-basicmenu-toggle-4"
1740
+ id="drawer-demo-notification-drawer-basic-menu-toggle-4"
1735
1741
  >
1736
1742
  <span class="pf-v6-c-menu-toggle__icon">
1737
1743
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -1770,7 +1776,7 @@ section: components
1770
1776
  type="button"
1771
1777
  aria-expanded="false"
1772
1778
  aria-label="Menu toggle"
1773
- id="drawer-demo-notification-drawer-basicmenu-toggle-5"
1779
+ id="drawer-demo-notification-drawer-basic-menu-toggle-5"
1774
1780
  >
1775
1781
  <span class="pf-v6-c-menu-toggle__icon">
1776
1782
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -1806,7 +1812,7 @@ section: components
1806
1812
  type="button"
1807
1813
  aria-expanded="false"
1808
1814
  aria-label="Menu toggle"
1809
- id="drawer-demo-notification-drawer-basicmenu-toggle-6"
1815
+ id="drawer-demo-notification-drawer-basic-menu-toggle-6"
1810
1816
  >
1811
1817
  <span class="pf-v6-c-menu-toggle__icon">
1812
1818
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -1842,7 +1848,7 @@ section: components
1842
1848
  type="button"
1843
1849
  aria-expanded="false"
1844
1850
  aria-label="Menu toggle"
1845
- id="drawer-demo-notification-drawer-basicmenu-toggle-7"
1851
+ id="drawer-demo-notification-drawer-basic-menu-toggle-7"
1846
1852
  >
1847
1853
  <span class="pf-v6-c-menu-toggle__icon">
1848
1854
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -1879,7 +1885,7 @@ section: components
1879
1885
  type="button"
1880
1886
  aria-expanded="false"
1881
1887
  aria-label="Menu toggle"
1882
- id="drawer-demo-notification-drawer-basicmenu-toggle-8"
1888
+ id="drawer-demo-notification-drawer-basic-menu-toggle-8"
1883
1889
  >
1884
1890
  <span class="pf-v6-c-menu-toggle__icon">
1885
1891
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -2053,6 +2059,7 @@ section: components
2053
2059
  </span>
2054
2060
  </button>
2055
2061
  </div>
2062
+
2056
2063
  <div
2057
2064
  class="pf-v6-c-toolbar__group pf-m-icon-button-group pf-m-hidden pf-m-visible-on-lg"
2058
2065
  >
@@ -2093,6 +2100,7 @@ section: components
2093
2100
  </button>
2094
2101
  </div>
2095
2102
  </div>
2103
+
2096
2104
  <div class="pf-v6-c-toolbar__item pf-m-hidden-on-lg">
2097
2105
  <button
2098
2106
  class="pf-v6-c-menu-toggle pf-m-plain"
@@ -2266,7 +2274,7 @@ section: components
2266
2274
  type="button"
2267
2275
  aria-expanded="false"
2268
2276
  aria-label="Menu toggle"
2269
- id="drawer-demo-notification-drawer-basicheader-action"
2277
+ id="drawer-demo-notification-drawer-basic-header-action"
2270
2278
  >
2271
2279
  <span class="pf-v6-c-menu-toggle__icon">
2272
2280
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -2300,7 +2308,7 @@ section: components
2300
2308
  type="button"
2301
2309
  aria-expanded="false"
2302
2310
  aria-label="Menu toggle"
2303
- id="drawer-demo-notification-drawer-basicmenu-toggle-1"
2311
+ id="drawer-demo-notification-drawer-basic-menu-toggle-1"
2304
2312
  >
2305
2313
  <span class="pf-v6-c-menu-toggle__icon">
2306
2314
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -2338,7 +2346,7 @@ section: components
2338
2346
  type="button"
2339
2347
  aria-expanded="false"
2340
2348
  aria-label="Menu toggle"
2341
- id="drawer-demo-notification-drawer-basicmenu-toggle-2"
2349
+ id="drawer-demo-notification-drawer-basic-menu-toggle-2"
2342
2350
  ></button>
2343
2351
  </div>
2344
2352
  <div
@@ -2373,7 +2381,7 @@ section: components
2373
2381
  type="button"
2374
2382
  aria-expanded="false"
2375
2383
  aria-label="Menu toggle"
2376
- id="drawer-demo-notification-drawer-basicmenu-toggle-4"
2384
+ id="drawer-demo-notification-drawer-basic-menu-toggle-4"
2377
2385
  >
2378
2386
  <span class="pf-v6-c-menu-toggle__icon">
2379
2387
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -2412,7 +2420,7 @@ section: components
2412
2420
  type="button"
2413
2421
  aria-expanded="false"
2414
2422
  aria-label="Menu toggle"
2415
- id="drawer-demo-notification-drawer-basicmenu-toggle-5"
2423
+ id="drawer-demo-notification-drawer-basic-menu-toggle-5"
2416
2424
  >
2417
2425
  <span class="pf-v6-c-menu-toggle__icon">
2418
2426
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -2448,7 +2456,7 @@ section: components
2448
2456
  type="button"
2449
2457
  aria-expanded="false"
2450
2458
  aria-label="Menu toggle"
2451
- id="drawer-demo-notification-drawer-basicmenu-toggle-6"
2459
+ id="drawer-demo-notification-drawer-basic-menu-toggle-6"
2452
2460
  >
2453
2461
  <span class="pf-v6-c-menu-toggle__icon">
2454
2462
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -2484,7 +2492,7 @@ section: components
2484
2492
  type="button"
2485
2493
  aria-expanded="false"
2486
2494
  aria-label="Menu toggle"
2487
- id="drawer-demo-notification-drawer-basicmenu-toggle-7"
2495
+ id="drawer-demo-notification-drawer-basic-menu-toggle-7"
2488
2496
  >
2489
2497
  <span class="pf-v6-c-menu-toggle__icon">
2490
2498
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -2521,7 +2529,7 @@ section: components
2521
2529
  type="button"
2522
2530
  aria-expanded="false"
2523
2531
  aria-label="Menu toggle"
2524
- id="drawer-demo-notification-drawer-basicmenu-toggle-8"
2532
+ id="drawer-demo-notification-drawer-basic-menu-toggle-8"
2525
2533
  >
2526
2534
  <span class="pf-v6-c-menu-toggle__icon">
2527
2535
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -2695,6 +2703,7 @@ section: components
2695
2703
  </span>
2696
2704
  </button>
2697
2705
  </div>
2706
+
2698
2707
  <div
2699
2708
  class="pf-v6-c-toolbar__group pf-m-icon-button-group pf-m-hidden pf-m-visible-on-lg"
2700
2709
  >
@@ -2735,6 +2744,7 @@ section: components
2735
2744
  </button>
2736
2745
  </div>
2737
2746
  </div>
2747
+
2738
2748
  <div class="pf-v6-c-toolbar__item pf-m-hidden-on-lg">
2739
2749
  <button
2740
2750
  class="pf-v6-c-menu-toggle pf-m-plain"
@@ -2908,7 +2918,7 @@ section: components
2908
2918
  type="button"
2909
2919
  aria-expanded="false"
2910
2920
  aria-label="Menu toggle"
2911
- id="drawer-demo-notification-drawer-groupsheader-action"
2921
+ id="drawer-demo-notification-drawer-groups-header-action"
2912
2922
  >
2913
2923
  <span class="pf-v6-c-menu-toggle__icon">
2914
2924
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -2972,7 +2982,7 @@ section: components
2972
2982
  type="button"
2973
2983
  aria-expanded="false"
2974
2984
  aria-label="Menu toggle"
2975
- id="drawer-demo-notification-drawer-groups-group1menu-toggle-1"
2985
+ id="drawer-demo-notification-drawer-groups-group1-menu-toggle-1"
2976
2986
  >
2977
2987
  <span class="pf-v6-c-menu-toggle__icon">
2978
2988
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -3020,7 +3030,7 @@ section: components
3020
3030
  type="button"
3021
3031
  aria-expanded="false"
3022
3032
  aria-label="Menu toggle"
3023
- id="drawer-demo-notification-drawer-groups-group1menu-toggle-3"
3033
+ id="drawer-demo-notification-drawer-groups-group1-menu-toggle-3"
3024
3034
  >
3025
3035
  <span class="pf-v6-c-menu-toggle__icon">
3026
3036
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -3068,7 +3078,7 @@ section: components
3068
3078
  type="button"
3069
3079
  aria-expanded="false"
3070
3080
  aria-label="Menu toggle"
3071
- id="drawer-demo-notification-drawer-groups-group1menu-toggle-4"
3081
+ id="drawer-demo-notification-drawer-groups-group1-menu-toggle-4"
3072
3082
  >
3073
3083
  <span class="pf-v6-c-menu-toggle__icon">
3074
3084
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -3113,7 +3123,7 @@ section: components
3113
3123
  type="button"
3114
3124
  aria-expanded="false"
3115
3125
  aria-label="Menu toggle"
3116
- id="drawer-demo-notification-drawer-groups-group1menu-toggle-5"
3126
+ id="drawer-demo-notification-drawer-groups-group1-menu-toggle-5"
3117
3127
  >
3118
3128
  <span class="pf-v6-c-menu-toggle__icon">
3119
3129
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -3155,7 +3165,7 @@ section: components
3155
3165
  type="button"
3156
3166
  aria-expanded="false"
3157
3167
  aria-label="Menu toggle"
3158
- id="drawer-demo-notification-drawer-groups-group1menu-toggle-6"
3168
+ id="drawer-demo-notification-drawer-groups-group1-menu-toggle-6"
3159
3169
  >
3160
3170
  <span class="pf-v6-c-menu-toggle__icon">
3161
3171
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -3197,7 +3207,7 @@ section: components
3197
3207
  type="button"
3198
3208
  aria-expanded="false"
3199
3209
  aria-label="Menu toggle"
3200
- id="drawer-demo-notification-drawer-groups-group1menu-toggle-7"
3210
+ id="drawer-demo-notification-drawer-groups-group1-menu-toggle-7"
3201
3211
  >
3202
3212
  <span class="pf-v6-c-menu-toggle__icon">
3203
3213
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -3240,7 +3250,7 @@ section: components
3240
3250
  type="button"
3241
3251
  aria-expanded="false"
3242
3252
  aria-label="Menu toggle"
3243
- id="drawer-demo-notification-drawer-groups-group1menu-toggle-8"
3253
+ id="drawer-demo-notification-drawer-groups-group1-menu-toggle-8"
3244
3254
  >
3245
3255
  <span class="pf-v6-c-menu-toggle__icon">
3246
3256
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -3345,7 +3355,7 @@ section: components
3345
3355
  type="button"
3346
3356
  aria-expanded="false"
3347
3357
  aria-label="Menu toggle"
3348
- id="drawer-demo-notification-drawer-groups-group2menu-toggle-1"
3358
+ id="drawer-demo-notification-drawer-groups-group2-menu-toggle-1"
3349
3359
  >
3350
3360
  <span class="pf-v6-c-menu-toggle__icon">
3351
3361
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -3393,7 +3403,7 @@ section: components
3393
3403
  type="button"
3394
3404
  aria-expanded="false"
3395
3405
  aria-label="Menu toggle"
3396
- id="drawer-demo-notification-drawer-groups-group2menu-toggle-3"
3406
+ id="drawer-demo-notification-drawer-groups-group2-menu-toggle-3"
3397
3407
  >
3398
3408
  <span class="pf-v6-c-menu-toggle__icon">
3399
3409
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -3441,7 +3451,7 @@ section: components
3441
3451
  type="button"
3442
3452
  aria-expanded="false"
3443
3453
  aria-label="Menu toggle"
3444
- id="drawer-demo-notification-drawer-groups-group2menu-toggle-4"
3454
+ id="drawer-demo-notification-drawer-groups-group2-menu-toggle-4"
3445
3455
  >
3446
3456
  <span class="pf-v6-c-menu-toggle__icon">
3447
3457
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -3486,7 +3496,7 @@ section: components
3486
3496
  type="button"
3487
3497
  aria-expanded="false"
3488
3498
  aria-label="Menu toggle"
3489
- id="drawer-demo-notification-drawer-groups-group2menu-toggle-5"
3499
+ id="drawer-demo-notification-drawer-groups-group2-menu-toggle-5"
3490
3500
  >
3491
3501
  <span class="pf-v6-c-menu-toggle__icon">
3492
3502
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -3528,7 +3538,7 @@ section: components
3528
3538
  type="button"
3529
3539
  aria-expanded="false"
3530
3540
  aria-label="Menu toggle"
3531
- id="drawer-demo-notification-drawer-groups-group2menu-toggle-6"
3541
+ id="drawer-demo-notification-drawer-groups-group2-menu-toggle-6"
3532
3542
  >
3533
3543
  <span class="pf-v6-c-menu-toggle__icon">
3534
3544
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -3570,7 +3580,7 @@ section: components
3570
3580
  type="button"
3571
3581
  aria-expanded="false"
3572
3582
  aria-label="Menu toggle"
3573
- id="drawer-demo-notification-drawer-groups-group2menu-toggle-7"
3583
+ id="drawer-demo-notification-drawer-groups-group2-menu-toggle-7"
3574
3584
  >
3575
3585
  <span class="pf-v6-c-menu-toggle__icon">
3576
3586
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -3613,7 +3623,7 @@ section: components
3613
3623
  type="button"
3614
3624
  aria-expanded="false"
3615
3625
  aria-label="Menu toggle"
3616
- id="drawer-demo-notification-drawer-groups-group2menu-toggle-8"
3626
+ id="drawer-demo-notification-drawer-groups-group2-menu-toggle-8"
3617
3627
  >
3618
3628
  <span class="pf-v6-c-menu-toggle__icon">
3619
3629
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -3720,7 +3730,7 @@ section: components
3720
3730
  type="button"
3721
3731
  aria-expanded="false"
3722
3732
  aria-label="Menu toggle"
3723
- id="drawer-demo-notification-drawer-groups-group3menu-toggle-1"
3733
+ id="drawer-demo-notification-drawer-groups-group3-menu-toggle-1"
3724
3734
  >
3725
3735
  <span class="pf-v6-c-menu-toggle__icon">
3726
3736
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -3768,7 +3778,7 @@ section: components
3768
3778
  type="button"
3769
3779
  aria-expanded="false"
3770
3780
  aria-label="Menu toggle"
3771
- id="drawer-demo-notification-drawer-groups-group3menu-toggle-3"
3781
+ id="drawer-demo-notification-drawer-groups-group3-menu-toggle-3"
3772
3782
  >
3773
3783
  <span class="pf-v6-c-menu-toggle__icon">
3774
3784
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -3816,7 +3826,7 @@ section: components
3816
3826
  type="button"
3817
3827
  aria-expanded="false"
3818
3828
  aria-label="Menu toggle"
3819
- id="drawer-demo-notification-drawer-groups-group3menu-toggle-4"
3829
+ id="drawer-demo-notification-drawer-groups-group3-menu-toggle-4"
3820
3830
  >
3821
3831
  <span class="pf-v6-c-menu-toggle__icon">
3822
3832
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -3861,7 +3871,7 @@ section: components
3861
3871
  type="button"
3862
3872
  aria-expanded="false"
3863
3873
  aria-label="Menu toggle"
3864
- id="drawer-demo-notification-drawer-groups-group3menu-toggle-5"
3874
+ id="drawer-demo-notification-drawer-groups-group3-menu-toggle-5"
3865
3875
  >
3866
3876
  <span class="pf-v6-c-menu-toggle__icon">
3867
3877
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -3903,7 +3913,7 @@ section: components
3903
3913
  type="button"
3904
3914
  aria-expanded="false"
3905
3915
  aria-label="Menu toggle"
3906
- id="drawer-demo-notification-drawer-groups-group3menu-toggle-6"
3916
+ id="drawer-demo-notification-drawer-groups-group3-menu-toggle-6"
3907
3917
  >
3908
3918
  <span class="pf-v6-c-menu-toggle__icon">
3909
3919
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -3945,7 +3955,7 @@ section: components
3945
3955
  type="button"
3946
3956
  aria-expanded="false"
3947
3957
  aria-label="Menu toggle"
3948
- id="drawer-demo-notification-drawer-groups-group3menu-toggle-7"
3958
+ id="drawer-demo-notification-drawer-groups-group3-menu-toggle-7"
3949
3959
  >
3950
3960
  <span class="pf-v6-c-menu-toggle__icon">
3951
3961
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -3988,7 +3998,7 @@ section: components
3988
3998
  type="button"
3989
3999
  aria-expanded="false"
3990
4000
  aria-label="Menu toggle"
3991
- id="drawer-demo-notification-drawer-groups-group3menu-toggle-8"
4001
+ id="drawer-demo-notification-drawer-groups-group3-menu-toggle-8"
3992
4002
  >
3993
4003
  <span class="pf-v6-c-menu-toggle__icon">
3994
4004
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -4095,7 +4105,7 @@ section: components
4095
4105
  type="button"
4096
4106
  aria-expanded="false"
4097
4107
  aria-label="Menu toggle"
4098
- id="drawer-demo-notification-drawer-groups-group4menu-toggle-1"
4108
+ id="drawer-demo-notification-drawer-groups-group4-menu-toggle-1"
4099
4109
  >
4100
4110
  <span class="pf-v6-c-menu-toggle__icon">
4101
4111
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -4143,7 +4153,7 @@ section: components
4143
4153
  type="button"
4144
4154
  aria-expanded="false"
4145
4155
  aria-label="Menu toggle"
4146
- id="drawer-demo-notification-drawer-groups-group4menu-toggle-3"
4156
+ id="drawer-demo-notification-drawer-groups-group4-menu-toggle-3"
4147
4157
  >
4148
4158
  <span class="pf-v6-c-menu-toggle__icon">
4149
4159
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -4191,7 +4201,7 @@ section: components
4191
4201
  type="button"
4192
4202
  aria-expanded="false"
4193
4203
  aria-label="Menu toggle"
4194
- id="drawer-demo-notification-drawer-groups-group4menu-toggle-4"
4204
+ id="drawer-demo-notification-drawer-groups-group4-menu-toggle-4"
4195
4205
  >
4196
4206
  <span class="pf-v6-c-menu-toggle__icon">
4197
4207
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -4236,7 +4246,7 @@ section: components
4236
4246
  type="button"
4237
4247
  aria-expanded="false"
4238
4248
  aria-label="Menu toggle"
4239
- id="drawer-demo-notification-drawer-groups-group4menu-toggle-5"
4249
+ id="drawer-demo-notification-drawer-groups-group4-menu-toggle-5"
4240
4250
  >
4241
4251
  <span class="pf-v6-c-menu-toggle__icon">
4242
4252
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -4278,7 +4288,7 @@ section: components
4278
4288
  type="button"
4279
4289
  aria-expanded="false"
4280
4290
  aria-label="Menu toggle"
4281
- id="drawer-demo-notification-drawer-groups-group4menu-toggle-6"
4291
+ id="drawer-demo-notification-drawer-groups-group4-menu-toggle-6"
4282
4292
  >
4283
4293
  <span class="pf-v6-c-menu-toggle__icon">
4284
4294
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -4320,7 +4330,7 @@ section: components
4320
4330
  type="button"
4321
4331
  aria-expanded="false"
4322
4332
  aria-label="Menu toggle"
4323
- id="drawer-demo-notification-drawer-groups-group4menu-toggle-7"
4333
+ id="drawer-demo-notification-drawer-groups-group4-menu-toggle-7"
4324
4334
  >
4325
4335
  <span class="pf-v6-c-menu-toggle__icon">
4326
4336
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -4363,7 +4373,7 @@ section: components
4363
4373
  type="button"
4364
4374
  aria-expanded="false"
4365
4375
  aria-label="Menu toggle"
4366
- id="drawer-demo-notification-drawer-groups-group4menu-toggle-8"
4376
+ id="drawer-demo-notification-drawer-groups-group4-menu-toggle-8"
4367
4377
  >
4368
4378
  <span class="pf-v6-c-menu-toggle__icon">
4369
4379
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>