@patternfly/patternfly 6.0.0-alpha.97 → 6.0.0-alpha.98

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 (34) hide show
  1. package/components/MenuToggle/menu-toggle.css +20 -6
  2. package/components/MenuToggle/menu-toggle.scss +32 -6
  3. package/docs/components/LogViewer/examples/LogViewer.md +130 -10
  4. package/docs/components/MenuToggle/examples/MenuToggle.md +162 -6
  5. package/docs/components/Toolbar/examples/Toolbar.md +143 -11
  6. package/docs/demos/AboutModal/examples/AboutModal.md +52 -4
  7. package/docs/demos/Alert/examples/Alert.md +156 -12
  8. package/docs/demos/BackToTop/examples/BackToTop.md +52 -4
  9. package/docs/demos/Banner/examples/Banner.md +104 -8
  10. package/docs/demos/CardView/examples/CardView.md +65 -5
  11. package/docs/demos/ContextSelector/examples/ContextSelector.md +156 -12
  12. package/docs/demos/Dashboard/examples/Dashboard.md +52 -4
  13. package/docs/demos/DataList/examples/DataList.md +273 -21
  14. package/docs/demos/DescriptionList/examples/DescriptionList.md +156 -12
  15. package/docs/demos/Drawer/examples/Drawer.md +260 -20
  16. package/docs/demos/JumpLinks/examples/JumpLinks.md +312 -24
  17. package/docs/demos/Masthead/examples/Masthead.md +247 -19
  18. package/docs/demos/Modal/examples/Modal.md +312 -24
  19. package/docs/demos/Nav/examples/Nav.md +312 -24
  20. package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +260 -20
  21. package/docs/demos/Page/examples/Page.md +468 -36
  22. package/docs/demos/Page/examples/Penta.md +13 -1
  23. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +455 -35
  24. package/docs/demos/Skeleton/examples/Skeleton.md +52 -4
  25. package/docs/demos/Table/examples/Table.md +1094 -86
  26. package/docs/demos/Tabs/examples/Tabs.md +325 -25
  27. package/docs/demos/Toolbar/examples/Toolbar.md +325 -25
  28. package/docs/demos/Wizard/examples/Wizard.md +468 -36
  29. package/package.json +1 -1
  30. package/patternfly-no-globals.css +20 -6
  31. package/patternfly-theme-dark-unversioned.css +20 -6
  32. package/patternfly.css +20 -6
  33. package/patternfly.min.css +1 -1
  34. package/patternfly.min.css.map +1 -1
@@ -24,7 +24,19 @@ section: components
24
24
  aria-controls="toolbar-attribute-value-search-filter-desktop-example-expandable-content"
25
25
  >
26
26
  <span class="pf-v6-c-menu-toggle__icon">
27
- <i class="fas fa-filter" aria-hidden="true"></i>
27
+ <svg
28
+ class="pf-v5-svg"
29
+ viewBox="0 0 192 512"
30
+ fill="currentColor"
31
+ aria-hidden="true"
32
+ role="img"
33
+ width="1em"
34
+ height="1em"
35
+ >
36
+ <path
37
+ d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
38
+ />
39
+ </svg>
28
40
  </span>
29
41
  </button>
30
42
  </div>
@@ -42,7 +54,19 @@ section: components
42
54
  id="toolbar-attribute-value-search-filter-desktop-example-search-filter-menu"
43
55
  >
44
56
  <span class="pf-v6-c-menu-toggle__icon">
45
- <i class="fas fa-filter" aria-hidden="true"></i>
57
+ <svg
58
+ class="pf-v5-svg"
59
+ viewBox="0 0 192 512"
60
+ fill="currentColor"
61
+ aria-hidden="true"
62
+ role="img"
63
+ width="1em"
64
+ height="1em"
65
+ >
66
+ <path
67
+ d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
68
+ />
69
+ </svg>
46
70
  </span>
47
71
  <span class="pf-v6-c-menu-toggle__text">Name</span>
48
72
  <span class="pf-v6-c-menu-toggle__controls">
@@ -365,7 +389,19 @@ section: components
365
389
  aria-label="Application launcher"
366
390
  >
367
391
  <span class="pf-v6-c-menu-toggle__icon">
368
- <i class="fas fa-th" aria-hidden="true"></i>
392
+ <svg
393
+ class="pf-v5-svg"
394
+ viewBox="0 0 192 512"
395
+ fill="currentColor"
396
+ aria-hidden="true"
397
+ role="img"
398
+ width="1em"
399
+ height="1em"
400
+ >
401
+ <path
402
+ d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
403
+ />
404
+ </svg>
369
405
  </span>
370
406
  </button>
371
407
  </div>
@@ -377,7 +413,19 @@ section: components
377
413
  aria-label="Settings"
378
414
  >
379
415
  <span class="pf-v6-c-menu-toggle__icon">
380
- <i class="fas fa-cog" aria-hidden="true"></i>
416
+ <svg
417
+ class="pf-v5-svg"
418
+ viewBox="0 0 192 512"
419
+ fill="currentColor"
420
+ aria-hidden="true"
421
+ role="img"
422
+ width="1em"
423
+ height="1em"
424
+ >
425
+ <path
426
+ d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
427
+ />
428
+ </svg>
381
429
  </span>
382
430
  </button>
383
431
  </div>
@@ -389,7 +437,19 @@ section: components
389
437
  aria-label="Help"
390
438
  >
391
439
  <span class="pf-v6-c-menu-toggle__icon">
392
- <i class="fas fa-question-circle" aria-hidden="true"></i>
440
+ <svg
441
+ class="pf-v5-svg"
442
+ viewBox="0 0 192 512"
443
+ fill="currentColor"
444
+ aria-hidden="true"
445
+ role="img"
446
+ width="1em"
447
+ height="1em"
448
+ >
449
+ <path
450
+ d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
451
+ />
452
+ </svg>
393
453
  </span>
394
454
  </button>
395
455
  </div>
@@ -402,7 +462,19 @@ section: components
402
462
  aria-label="Actions"
403
463
  >
404
464
  <span class="pf-v6-c-menu-toggle__icon">
405
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
465
+ <svg
466
+ class="pf-v5-svg"
467
+ viewBox="0 0 192 512"
468
+ fill="currentColor"
469
+ aria-hidden="true"
470
+ role="img"
471
+ width="1em"
472
+ height="1em"
473
+ >
474
+ <path
475
+ d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
476
+ />
477
+ </svg>
406
478
  </span>
407
479
  </button>
408
480
  </div>
@@ -508,7 +580,19 @@ section: components
508
580
  aria-controls="toolbar-with-validation-example-expandable-content"
509
581
  >
510
582
  <span class="pf-v6-c-menu-toggle__icon">
511
- <i class="fas fa-filter" aria-hidden="true"></i>
583
+ <svg
584
+ class="pf-v5-svg"
585
+ viewBox="0 0 192 512"
586
+ fill="currentColor"
587
+ aria-hidden="true"
588
+ role="img"
589
+ width="1em"
590
+ height="1em"
591
+ >
592
+ <path
593
+ d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
594
+ />
595
+ </svg>
512
596
  </span>
513
597
  </button>
514
598
  </div>
@@ -527,7 +611,19 @@ section: components
527
611
  id="toolbar-with-validation-example-month"
528
612
  >
529
613
  <span class="pf-v6-c-menu-toggle__icon">
530
- <i class="fas fa-filter" aria-hidden="true"></i>
614
+ <svg
615
+ class="pf-v5-svg"
616
+ viewBox="0 0 192 512"
617
+ fill="currentColor"
618
+ aria-hidden="true"
619
+ role="img"
620
+ width="1em"
621
+ height="1em"
622
+ >
623
+ <path
624
+ d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
625
+ />
626
+ </svg>
531
627
  </span>
532
628
  <span class="pf-v6-c-menu-toggle__text">Last month</span>
533
629
  <span class="pf-v6-c-menu-toggle__controls">
@@ -640,7 +736,19 @@ section: components
640
736
  id="toolbar-with-validation-example-search-filter-menu"
641
737
  >
642
738
  <span class="pf-v6-c-menu-toggle__icon">
643
- <i class="fas fa-filter" aria-hidden="true"></i>
739
+ <svg
740
+ class="pf-v5-svg"
741
+ viewBox="0 0 192 512"
742
+ fill="currentColor"
743
+ aria-hidden="true"
744
+ role="img"
745
+ width="1em"
746
+ height="1em"
747
+ >
748
+ <path
749
+ d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
750
+ />
751
+ </svg>
644
752
  </span>
645
753
  <span class="pf-v6-c-menu-toggle__text">Description</span>
646
754
  <span class="pf-v6-c-menu-toggle__controls">
@@ -1293,7 +1401,19 @@ section: components
1293
1401
  aria-controls="toolbar-attribute-value-search-filter-mobile-example-expandable-content"
1294
1402
  >
1295
1403
  <span class="pf-v6-c-menu-toggle__icon">
1296
- <i class="fas fa-filter" aria-hidden="true"></i>
1404
+ <svg
1405
+ class="pf-v5-svg"
1406
+ viewBox="0 0 192 512"
1407
+ fill="currentColor"
1408
+ aria-hidden="true"
1409
+ role="img"
1410
+ width="1em"
1411
+ height="1em"
1412
+ >
1413
+ <path
1414
+ d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
1415
+ />
1416
+ </svg>
1297
1417
  </span>
1298
1418
  </button>
1299
1419
  </div>
@@ -1445,7 +1565,19 @@ section: components
1445
1565
  id="toolbar-attribute-value-search-filter-mobile-example-search-filter-menu"
1446
1566
  >
1447
1567
  <span class="pf-v6-c-menu-toggle__icon">
1448
- <i class="fas fa-filter" aria-hidden="true"></i>
1568
+ <svg
1569
+ class="pf-v5-svg"
1570
+ viewBox="0 0 192 512"
1571
+ fill="currentColor"
1572
+ aria-hidden="true"
1573
+ role="img"
1574
+ width="1em"
1575
+ height="1em"
1576
+ >
1577
+ <path
1578
+ d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
1579
+ />
1580
+ </svg>
1449
1581
  </span>
1450
1582
  <span class="pf-v6-c-menu-toggle__text">Name</span>
1451
1583
  <span class="pf-v6-c-menu-toggle__controls">
@@ -1500,7 +1632,19 @@ section: components
1500
1632
  aria-controls="toolbar-attribute-value-single-menu-toggle-filter-desktop-example-expandable-content"
1501
1633
  >
1502
1634
  <span class="pf-v6-c-menu-toggle__icon">
1503
- <i class="fas fa-filter" aria-hidden="true"></i>
1635
+ <svg
1636
+ class="pf-v5-svg"
1637
+ viewBox="0 0 192 512"
1638
+ fill="currentColor"
1639
+ aria-hidden="true"
1640
+ role="img"
1641
+ width="1em"
1642
+ height="1em"
1643
+ >
1644
+ <path
1645
+ d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
1646
+ />
1647
+ </svg>
1504
1648
  </span>
1505
1649
  </button>
1506
1650
  </div>
@@ -1513,7 +1657,19 @@ section: components
1513
1657
  id="toolbar-attribute-value-single-menu-toggle-filter-desktop-example-menu-toggle-status"
1514
1658
  >
1515
1659
  <span class="pf-v6-c-menu-toggle__icon">
1516
- <i class="fas fa-filter" aria-hidden="true"></i>
1660
+ <svg
1661
+ class="pf-v5-svg"
1662
+ viewBox="0 0 192 512"
1663
+ fill="currentColor"
1664
+ aria-hidden="true"
1665
+ role="img"
1666
+ width="1em"
1667
+ height="1em"
1668
+ >
1669
+ <path
1670
+ d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
1671
+ />
1672
+ </svg>
1517
1673
  </span>
1518
1674
  <span class="pf-v6-c-menu-toggle__text">Status</span>
1519
1675
  <span class="pf-v6-c-menu-toggle__controls">
@@ -1765,7 +1921,19 @@ section: components
1765
1921
  aria-controls="toolbar-attribute-value-single-menu-toggle-filter-mobile-example-expandable-content"
1766
1922
  >
1767
1923
  <span class="pf-v6-c-menu-toggle__icon">
1768
- <i class="fas fa-filter" aria-hidden="true"></i>
1924
+ <svg
1925
+ class="pf-v5-svg"
1926
+ viewBox="0 0 192 512"
1927
+ fill="currentColor"
1928
+ aria-hidden="true"
1929
+ role="img"
1930
+ width="1em"
1931
+ height="1em"
1932
+ >
1933
+ <path
1934
+ d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
1935
+ />
1936
+ </svg>
1769
1937
  </span>
1770
1938
  </button>
1771
1939
  </div>
@@ -1912,7 +2080,19 @@ section: components
1912
2080
  id="toolbar-attribute-value-single-menu-toggle-filter-mobile-example-menu-toggle-status"
1913
2081
  >
1914
2082
  <span class="pf-v6-c-menu-toggle__icon">
1915
- <i class="fas fa-filter" aria-hidden="true"></i>
2083
+ <svg
2084
+ class="pf-v5-svg"
2085
+ viewBox="0 0 192 512"
2086
+ fill="currentColor"
2087
+ aria-hidden="true"
2088
+ role="img"
2089
+ width="1em"
2090
+ height="1em"
2091
+ >
2092
+ <path
2093
+ d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
2094
+ />
2095
+ </svg>
1916
2096
  </span>
1917
2097
  <span class="pf-v6-c-menu-toggle__text">Status</span>
1918
2098
  <span class="pf-v6-c-menu-toggle__controls">
@@ -2023,7 +2203,19 @@ section: components
2023
2203
  aria-controls="toolbar-attribute-value-checkbox-menu-toggle-filter-desktop-example-expandable-content"
2024
2204
  >
2025
2205
  <span class="pf-v6-c-menu-toggle__icon">
2026
- <i class="fas fa-filter" aria-hidden="true"></i>
2206
+ <svg
2207
+ class="pf-v5-svg"
2208
+ viewBox="0 0 192 512"
2209
+ fill="currentColor"
2210
+ aria-hidden="true"
2211
+ role="img"
2212
+ width="1em"
2213
+ height="1em"
2214
+ >
2215
+ <path
2216
+ d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
2217
+ />
2218
+ </svg>
2027
2219
  </span>
2028
2220
  </button>
2029
2221
  </div>
@@ -2036,7 +2228,19 @@ section: components
2036
2228
  id="toolbar-attribute-value-checkbox-menu-toggle-filter-desktop-example-menu-toggle-status"
2037
2229
  >
2038
2230
  <span class="pf-v6-c-menu-toggle__icon">
2039
- <i class="fas fa-filter" aria-hidden="true"></i>
2231
+ <svg
2232
+ class="pf-v5-svg"
2233
+ viewBox="0 0 192 512"
2234
+ fill="currentColor"
2235
+ aria-hidden="true"
2236
+ role="img"
2237
+ width="1em"
2238
+ height="1em"
2239
+ >
2240
+ <path
2241
+ d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
2242
+ />
2243
+ </svg>
2040
2244
  </span>
2041
2245
  <span class="pf-v6-c-menu-toggle__text">Status</span>
2042
2246
  <span class="pf-v6-c-menu-toggle__controls">
@@ -2443,7 +2647,19 @@ section: components
2443
2647
  aria-controls="toolbar-attribute-value-checkbox-menu-toggle-filter-mobile-example-expandable-content"
2444
2648
  >
2445
2649
  <span class="pf-v6-c-menu-toggle__icon">
2446
- <i class="fas fa-filter" aria-hidden="true"></i>
2650
+ <svg
2651
+ class="pf-v5-svg"
2652
+ viewBox="0 0 192 512"
2653
+ fill="currentColor"
2654
+ aria-hidden="true"
2655
+ role="img"
2656
+ width="1em"
2657
+ height="1em"
2658
+ >
2659
+ <path
2660
+ d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
2661
+ />
2662
+ </svg>
2447
2663
  </span>
2448
2664
  </button>
2449
2665
  </div>
@@ -2590,7 +2806,19 @@ section: components
2590
2806
  id="toolbar-attribute-value-checkbox-menu-toggle-filter-mobile-example-menu-toggle-status"
2591
2807
  >
2592
2808
  <span class="pf-v6-c-menu-toggle__icon">
2593
- <i class="fas fa-filter" aria-hidden="true"></i>
2809
+ <svg
2810
+ class="pf-v5-svg"
2811
+ viewBox="0 0 192 512"
2812
+ fill="currentColor"
2813
+ aria-hidden="true"
2814
+ role="img"
2815
+ width="1em"
2816
+ height="1em"
2817
+ >
2818
+ <path
2819
+ d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
2820
+ />
2821
+ </svg>
2594
2822
  </span>
2595
2823
  <span class="pf-v6-c-menu-toggle__text">Status</span>
2596
2824
  <span class="pf-v6-c-menu-toggle__controls">
@@ -2985,7 +3213,19 @@ section: components
2985
3213
  aria-label="Application launcher"
2986
3214
  >
2987
3215
  <span class="pf-v6-c-menu-toggle__icon">
2988
- <i class="fas fa-th" aria-hidden="true"></i>
3216
+ <svg
3217
+ class="pf-v5-svg"
3218
+ viewBox="0 0 192 512"
3219
+ fill="currentColor"
3220
+ aria-hidden="true"
3221
+ role="img"
3222
+ width="1em"
3223
+ height="1em"
3224
+ >
3225
+ <path
3226
+ d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
3227
+ />
3228
+ </svg>
2989
3229
  </span>
2990
3230
  </button>
2991
3231
  </div>
@@ -2997,7 +3237,19 @@ section: components
2997
3237
  aria-label="Settings"
2998
3238
  >
2999
3239
  <span class="pf-v6-c-menu-toggle__icon">
3000
- <i class="fas fa-cog" aria-hidden="true"></i>
3240
+ <svg
3241
+ class="pf-v5-svg"
3242
+ viewBox="0 0 192 512"
3243
+ fill="currentColor"
3244
+ aria-hidden="true"
3245
+ role="img"
3246
+ width="1em"
3247
+ height="1em"
3248
+ >
3249
+ <path
3250
+ d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
3251
+ />
3252
+ </svg>
3001
3253
  </span>
3002
3254
  </button>
3003
3255
  </div>
@@ -3009,7 +3261,19 @@ section: components
3009
3261
  aria-label="Help"
3010
3262
  >
3011
3263
  <span class="pf-v6-c-menu-toggle__icon">
3012
- <i class="fas fa-question-circle" aria-hidden="true"></i>
3264
+ <svg
3265
+ class="pf-v5-svg"
3266
+ viewBox="0 0 192 512"
3267
+ fill="currentColor"
3268
+ aria-hidden="true"
3269
+ role="img"
3270
+ width="1em"
3271
+ height="1em"
3272
+ >
3273
+ <path
3274
+ d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
3275
+ />
3276
+ </svg>
3013
3277
  </span>
3014
3278
  </button>
3015
3279
  </div>
@@ -3022,7 +3286,19 @@ section: components
3022
3286
  aria-label="Actions"
3023
3287
  >
3024
3288
  <span class="pf-v6-c-menu-toggle__icon">
3025
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
3289
+ <svg
3290
+ class="pf-v5-svg"
3291
+ viewBox="0 0 192 512"
3292
+ fill="currentColor"
3293
+ aria-hidden="true"
3294
+ role="img"
3295
+ width="1em"
3296
+ height="1em"
3297
+ >
3298
+ <path
3299
+ d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
3300
+ />
3301
+ </svg>
3026
3302
  </span>
3027
3303
  </button>
3028
3304
  </div>
@@ -3129,7 +3405,19 @@ section: components
3129
3405
  aria-controls="toolbar-pagination-management-example-toolbar-expandable-content"
3130
3406
  >
3131
3407
  <span class="pf-v6-c-menu-toggle__icon">
3132
- <i class="fas fa-filter" aria-hidden="true"></i>
3408
+ <svg
3409
+ class="pf-v5-svg"
3410
+ viewBox="0 0 192 512"
3411
+ fill="currentColor"
3412
+ aria-hidden="true"
3413
+ role="img"
3414
+ width="1em"
3415
+ height="1em"
3416
+ >
3417
+ <path
3418
+ d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
3419
+ />
3420
+ </svg>
3133
3421
  </span>
3134
3422
  </button>
3135
3423
  </div>
@@ -3147,7 +3435,19 @@ section: components
3147
3435
  id="toolbar-pagination-management-example-toolbar-search-filter-menu"
3148
3436
  >
3149
3437
  <span class="pf-v6-c-menu-toggle__icon">
3150
- <i class="fas fa-filter" aria-hidden="true"></i>
3438
+ <svg
3439
+ class="pf-v5-svg"
3440
+ viewBox="0 0 192 512"
3441
+ fill="currentColor"
3442
+ aria-hidden="true"
3443
+ role="img"
3444
+ width="1em"
3445
+ height="1em"
3446
+ >
3447
+ <path
3448
+ d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"
3449
+ />
3450
+ </svg>
3151
3451
  </span>
3152
3452
  <span class="pf-v6-c-menu-toggle__text">Name</span>
3153
3453
  <span class="pf-v6-c-menu-toggle__controls">