@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
@@ -149,7 +149,19 @@ wrapperTag: div
149
149
  aria-label="Application launcher"
150
150
  >
151
151
  <span class="pf-v6-c-menu-toggle__icon">
152
- <i class="fas fa-th" aria-hidden="true"></i>
152
+ <svg
153
+ class="pf-v5-svg"
154
+ viewBox="0 0 192 512"
155
+ fill="currentColor"
156
+ aria-hidden="true"
157
+ role="img"
158
+ width="1em"
159
+ height="1em"
160
+ >
161
+ <path
162
+ 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"
163
+ />
164
+ </svg>
153
165
  </span>
154
166
  </button>
155
167
  </div>
@@ -161,7 +173,19 @@ wrapperTag: div
161
173
  aria-label="Settings"
162
174
  >
163
175
  <span class="pf-v6-c-menu-toggle__icon">
164
- <i class="fas fa-cog" aria-hidden="true"></i>
176
+ <svg
177
+ class="pf-v5-svg"
178
+ viewBox="0 0 192 512"
179
+ fill="currentColor"
180
+ aria-hidden="true"
181
+ role="img"
182
+ width="1em"
183
+ height="1em"
184
+ >
185
+ <path
186
+ 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"
187
+ />
188
+ </svg>
165
189
  </span>
166
190
  </button>
167
191
  </div>
@@ -173,7 +197,19 @@ wrapperTag: div
173
197
  aria-label="Help"
174
198
  >
175
199
  <span class="pf-v6-c-menu-toggle__icon">
176
- <i class="fas fa-question-circle" aria-hidden="true"></i>
200
+ <svg
201
+ class="pf-v5-svg"
202
+ viewBox="0 0 192 512"
203
+ fill="currentColor"
204
+ aria-hidden="true"
205
+ role="img"
206
+ width="1em"
207
+ height="1em"
208
+ >
209
+ <path
210
+ 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"
211
+ />
212
+ </svg>
177
213
  </span>
178
214
  </button>
179
215
  </div>
@@ -186,7 +222,19 @@ wrapperTag: div
186
222
  aria-label="Actions"
187
223
  >
188
224
  <span class="pf-v6-c-menu-toggle__icon">
189
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
225
+ <svg
226
+ class="pf-v5-svg"
227
+ viewBox="0 0 192 512"
228
+ fill="currentColor"
229
+ aria-hidden="true"
230
+ role="img"
231
+ width="1em"
232
+ height="1em"
233
+ >
234
+ <path
235
+ 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"
236
+ />
237
+ </svg>
190
238
  </span>
191
239
  </button>
192
240
  </div>
@@ -465,7 +513,19 @@ wrapperTag: div
465
513
  aria-label="Application launcher"
466
514
  >
467
515
  <span class="pf-v6-c-menu-toggle__icon">
468
- <i class="fas fa-th" aria-hidden="true"></i>
516
+ <svg
517
+ class="pf-v5-svg"
518
+ viewBox="0 0 192 512"
519
+ fill="currentColor"
520
+ aria-hidden="true"
521
+ role="img"
522
+ width="1em"
523
+ height="1em"
524
+ >
525
+ <path
526
+ 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"
527
+ />
528
+ </svg>
469
529
  </span>
470
530
  </button>
471
531
  </div>
@@ -477,7 +537,19 @@ wrapperTag: div
477
537
  aria-label="Settings"
478
538
  >
479
539
  <span class="pf-v6-c-menu-toggle__icon">
480
- <i class="fas fa-cog" aria-hidden="true"></i>
540
+ <svg
541
+ class="pf-v5-svg"
542
+ viewBox="0 0 192 512"
543
+ fill="currentColor"
544
+ aria-hidden="true"
545
+ role="img"
546
+ width="1em"
547
+ height="1em"
548
+ >
549
+ <path
550
+ 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"
551
+ />
552
+ </svg>
481
553
  </span>
482
554
  </button>
483
555
  </div>
@@ -489,7 +561,19 @@ wrapperTag: div
489
561
  aria-label="Help"
490
562
  >
491
563
  <span class="pf-v6-c-menu-toggle__icon">
492
- <i class="fas fa-question-circle" aria-hidden="true"></i>
564
+ <svg
565
+ class="pf-v5-svg"
566
+ viewBox="0 0 192 512"
567
+ fill="currentColor"
568
+ aria-hidden="true"
569
+ role="img"
570
+ width="1em"
571
+ height="1em"
572
+ >
573
+ <path
574
+ 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"
575
+ />
576
+ </svg>
493
577
  </span>
494
578
  </button>
495
579
  </div>
@@ -502,7 +586,19 @@ wrapperTag: div
502
586
  aria-label="Actions"
503
587
  >
504
588
  <span class="pf-v6-c-menu-toggle__icon">
505
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
589
+ <svg
590
+ class="pf-v5-svg"
591
+ viewBox="0 0 192 512"
592
+ fill="currentColor"
593
+ aria-hidden="true"
594
+ role="img"
595
+ width="1em"
596
+ height="1em"
597
+ >
598
+ <path
599
+ 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"
600
+ />
601
+ </svg>
506
602
  </span>
507
603
  </button>
508
604
  </div>
@@ -796,7 +892,19 @@ wrapperTag: div
796
892
  aria-label="Application launcher"
797
893
  >
798
894
  <span class="pf-v6-c-menu-toggle__icon">
799
- <i class="fas fa-th" aria-hidden="true"></i>
895
+ <svg
896
+ class="pf-v5-svg"
897
+ viewBox="0 0 192 512"
898
+ fill="currentColor"
899
+ aria-hidden="true"
900
+ role="img"
901
+ width="1em"
902
+ height="1em"
903
+ >
904
+ <path
905
+ 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"
906
+ />
907
+ </svg>
800
908
  </span>
801
909
  </button>
802
910
  </div>
@@ -808,7 +916,19 @@ wrapperTag: div
808
916
  aria-label="Settings"
809
917
  >
810
918
  <span class="pf-v6-c-menu-toggle__icon">
811
- <i class="fas fa-cog" aria-hidden="true"></i>
919
+ <svg
920
+ class="pf-v5-svg"
921
+ viewBox="0 0 192 512"
922
+ fill="currentColor"
923
+ aria-hidden="true"
924
+ role="img"
925
+ width="1em"
926
+ height="1em"
927
+ >
928
+ <path
929
+ 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"
930
+ />
931
+ </svg>
812
932
  </span>
813
933
  </button>
814
934
  </div>
@@ -820,7 +940,19 @@ wrapperTag: div
820
940
  aria-label="Help"
821
941
  >
822
942
  <span class="pf-v6-c-menu-toggle__icon">
823
- <i class="fas fa-question-circle" aria-hidden="true"></i>
943
+ <svg
944
+ class="pf-v5-svg"
945
+ viewBox="0 0 192 512"
946
+ fill="currentColor"
947
+ aria-hidden="true"
948
+ role="img"
949
+ width="1em"
950
+ height="1em"
951
+ >
952
+ <path
953
+ 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"
954
+ />
955
+ </svg>
824
956
  </span>
825
957
  </button>
826
958
  </div>
@@ -833,7 +965,19 @@ wrapperTag: div
833
965
  aria-label="Actions"
834
966
  >
835
967
  <span class="pf-v6-c-menu-toggle__icon">
836
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
968
+ <svg
969
+ class="pf-v5-svg"
970
+ viewBox="0 0 192 512"
971
+ fill="currentColor"
972
+ aria-hidden="true"
973
+ role="img"
974
+ width="1em"
975
+ height="1em"
976
+ >
977
+ <path
978
+ 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"
979
+ />
980
+ </svg>
837
981
  </span>
838
982
  </button>
839
983
  </div>
@@ -1284,7 +1428,19 @@ wrapperTag: div
1284
1428
  aria-label="Application launcher"
1285
1429
  >
1286
1430
  <span class="pf-v6-c-menu-toggle__icon">
1287
- <i class="fas fa-th" aria-hidden="true"></i>
1431
+ <svg
1432
+ class="pf-v5-svg"
1433
+ viewBox="0 0 192 512"
1434
+ fill="currentColor"
1435
+ aria-hidden="true"
1436
+ role="img"
1437
+ width="1em"
1438
+ height="1em"
1439
+ >
1440
+ <path
1441
+ 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"
1442
+ />
1443
+ </svg>
1288
1444
  </span>
1289
1445
  </button>
1290
1446
  </div>
@@ -1296,7 +1452,19 @@ wrapperTag: div
1296
1452
  aria-label="Settings"
1297
1453
  >
1298
1454
  <span class="pf-v6-c-menu-toggle__icon">
1299
- <i class="fas fa-cog" aria-hidden="true"></i>
1455
+ <svg
1456
+ class="pf-v5-svg"
1457
+ viewBox="0 0 192 512"
1458
+ fill="currentColor"
1459
+ aria-hidden="true"
1460
+ role="img"
1461
+ width="1em"
1462
+ height="1em"
1463
+ >
1464
+ <path
1465
+ 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"
1466
+ />
1467
+ </svg>
1300
1468
  </span>
1301
1469
  </button>
1302
1470
  </div>
@@ -1308,7 +1476,19 @@ wrapperTag: div
1308
1476
  aria-label="Help"
1309
1477
  >
1310
1478
  <span class="pf-v6-c-menu-toggle__icon">
1311
- <i class="fas fa-question-circle" aria-hidden="true"></i>
1479
+ <svg
1480
+ class="pf-v5-svg"
1481
+ viewBox="0 0 192 512"
1482
+ fill="currentColor"
1483
+ aria-hidden="true"
1484
+ role="img"
1485
+ width="1em"
1486
+ height="1em"
1487
+ >
1488
+ <path
1489
+ 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"
1490
+ />
1491
+ </svg>
1312
1492
  </span>
1313
1493
  </button>
1314
1494
  </div>
@@ -1321,7 +1501,19 @@ wrapperTag: div
1321
1501
  aria-label="Actions"
1322
1502
  >
1323
1503
  <span class="pf-v6-c-menu-toggle__icon">
1324
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
1504
+ <svg
1505
+ class="pf-v5-svg"
1506
+ viewBox="0 0 192 512"
1507
+ fill="currentColor"
1508
+ aria-hidden="true"
1509
+ role="img"
1510
+ width="1em"
1511
+ height="1em"
1512
+ >
1513
+ <path
1514
+ 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"
1515
+ />
1516
+ </svg>
1325
1517
  </span>
1326
1518
  </button>
1327
1519
  </div>
@@ -1722,7 +1914,19 @@ wrapperTag: div
1722
1914
  aria-label="Application launcher"
1723
1915
  >
1724
1916
  <span class="pf-v6-c-menu-toggle__icon">
1725
- <i class="fas fa-th" aria-hidden="true"></i>
1917
+ <svg
1918
+ class="pf-v5-svg"
1919
+ viewBox="0 0 192 512"
1920
+ fill="currentColor"
1921
+ aria-hidden="true"
1922
+ role="img"
1923
+ width="1em"
1924
+ height="1em"
1925
+ >
1926
+ <path
1927
+ 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"
1928
+ />
1929
+ </svg>
1726
1930
  </span>
1727
1931
  </button>
1728
1932
  </div>
@@ -1734,7 +1938,19 @@ wrapperTag: div
1734
1938
  aria-label="Settings"
1735
1939
  >
1736
1940
  <span class="pf-v6-c-menu-toggle__icon">
1737
- <i class="fas fa-cog" aria-hidden="true"></i>
1941
+ <svg
1942
+ class="pf-v5-svg"
1943
+ viewBox="0 0 192 512"
1944
+ fill="currentColor"
1945
+ aria-hidden="true"
1946
+ role="img"
1947
+ width="1em"
1948
+ height="1em"
1949
+ >
1950
+ <path
1951
+ 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"
1952
+ />
1953
+ </svg>
1738
1954
  </span>
1739
1955
  </button>
1740
1956
  </div>
@@ -1746,7 +1962,19 @@ wrapperTag: div
1746
1962
  aria-label="Help"
1747
1963
  >
1748
1964
  <span class="pf-v6-c-menu-toggle__icon">
1749
- <i class="fas fa-question-circle" aria-hidden="true"></i>
1965
+ <svg
1966
+ class="pf-v5-svg"
1967
+ viewBox="0 0 192 512"
1968
+ fill="currentColor"
1969
+ aria-hidden="true"
1970
+ role="img"
1971
+ width="1em"
1972
+ height="1em"
1973
+ >
1974
+ <path
1975
+ 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"
1976
+ />
1977
+ </svg>
1750
1978
  </span>
1751
1979
  </button>
1752
1980
  </div>
@@ -1759,7 +1987,19 @@ wrapperTag: div
1759
1987
  aria-label="Actions"
1760
1988
  >
1761
1989
  <span class="pf-v6-c-menu-toggle__icon">
1762
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
1990
+ <svg
1991
+ class="pf-v5-svg"
1992
+ viewBox="0 0 192 512"
1993
+ fill="currentColor"
1994
+ aria-hidden="true"
1995
+ role="img"
1996
+ width="1em"
1997
+ height="1em"
1998
+ >
1999
+ <path
2000
+ 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"
2001
+ />
2002
+ </svg>
1763
2003
  </span>
1764
2004
  </button>
1765
2005
  </div>
@@ -2160,7 +2400,19 @@ wrapperTag: div
2160
2400
  aria-label="Application launcher"
2161
2401
  >
2162
2402
  <span class="pf-v6-c-menu-toggle__icon">
2163
- <i class="fas fa-th" aria-hidden="true"></i>
2403
+ <svg
2404
+ class="pf-v5-svg"
2405
+ viewBox="0 0 192 512"
2406
+ fill="currentColor"
2407
+ aria-hidden="true"
2408
+ role="img"
2409
+ width="1em"
2410
+ height="1em"
2411
+ >
2412
+ <path
2413
+ 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"
2414
+ />
2415
+ </svg>
2164
2416
  </span>
2165
2417
  </button>
2166
2418
  </div>
@@ -2172,7 +2424,19 @@ wrapperTag: div
2172
2424
  aria-label="Settings"
2173
2425
  >
2174
2426
  <span class="pf-v6-c-menu-toggle__icon">
2175
- <i class="fas fa-cog" aria-hidden="true"></i>
2427
+ <svg
2428
+ class="pf-v5-svg"
2429
+ viewBox="0 0 192 512"
2430
+ fill="currentColor"
2431
+ aria-hidden="true"
2432
+ role="img"
2433
+ width="1em"
2434
+ height="1em"
2435
+ >
2436
+ <path
2437
+ 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"
2438
+ />
2439
+ </svg>
2176
2440
  </span>
2177
2441
  </button>
2178
2442
  </div>
@@ -2184,7 +2448,19 @@ wrapperTag: div
2184
2448
  aria-label="Help"
2185
2449
  >
2186
2450
  <span class="pf-v6-c-menu-toggle__icon">
2187
- <i class="fas fa-question-circle" aria-hidden="true"></i>
2451
+ <svg
2452
+ class="pf-v5-svg"
2453
+ viewBox="0 0 192 512"
2454
+ fill="currentColor"
2455
+ aria-hidden="true"
2456
+ role="img"
2457
+ width="1em"
2458
+ height="1em"
2459
+ >
2460
+ <path
2461
+ 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"
2462
+ />
2463
+ </svg>
2188
2464
  </span>
2189
2465
  </button>
2190
2466
  </div>
@@ -2197,7 +2473,19 @@ wrapperTag: div
2197
2473
  aria-label="Actions"
2198
2474
  >
2199
2475
  <span class="pf-v6-c-menu-toggle__icon">
2200
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
2476
+ <svg
2477
+ class="pf-v5-svg"
2478
+ viewBox="0 0 192 512"
2479
+ fill="currentColor"
2480
+ aria-hidden="true"
2481
+ role="img"
2482
+ width="1em"
2483
+ height="1em"
2484
+ >
2485
+ <path
2486
+ 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"
2487
+ />
2488
+ </svg>
2201
2489
  </span>
2202
2490
  </button>
2203
2491
  </div>
@@ -2598,7 +2886,19 @@ wrapperTag: div
2598
2886
  aria-label="Application launcher"
2599
2887
  >
2600
2888
  <span class="pf-v6-c-menu-toggle__icon">
2601
- <i class="fas fa-th" aria-hidden="true"></i>
2889
+ <svg
2890
+ class="pf-v5-svg"
2891
+ viewBox="0 0 192 512"
2892
+ fill="currentColor"
2893
+ aria-hidden="true"
2894
+ role="img"
2895
+ width="1em"
2896
+ height="1em"
2897
+ >
2898
+ <path
2899
+ 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"
2900
+ />
2901
+ </svg>
2602
2902
  </span>
2603
2903
  </button>
2604
2904
  </div>
@@ -2610,7 +2910,19 @@ wrapperTag: div
2610
2910
  aria-label="Settings"
2611
2911
  >
2612
2912
  <span class="pf-v6-c-menu-toggle__icon">
2613
- <i class="fas fa-cog" aria-hidden="true"></i>
2913
+ <svg
2914
+ class="pf-v5-svg"
2915
+ viewBox="0 0 192 512"
2916
+ fill="currentColor"
2917
+ aria-hidden="true"
2918
+ role="img"
2919
+ width="1em"
2920
+ height="1em"
2921
+ >
2922
+ <path
2923
+ 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"
2924
+ />
2925
+ </svg>
2614
2926
  </span>
2615
2927
  </button>
2616
2928
  </div>
@@ -2622,7 +2934,19 @@ wrapperTag: div
2622
2934
  aria-label="Help"
2623
2935
  >
2624
2936
  <span class="pf-v6-c-menu-toggle__icon">
2625
- <i class="fas fa-question-circle" aria-hidden="true"></i>
2937
+ <svg
2938
+ class="pf-v5-svg"
2939
+ viewBox="0 0 192 512"
2940
+ fill="currentColor"
2941
+ aria-hidden="true"
2942
+ role="img"
2943
+ width="1em"
2944
+ height="1em"
2945
+ >
2946
+ <path
2947
+ 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"
2948
+ />
2949
+ </svg>
2626
2950
  </span>
2627
2951
  </button>
2628
2952
  </div>
@@ -2635,7 +2959,19 @@ wrapperTag: div
2635
2959
  aria-label="Actions"
2636
2960
  >
2637
2961
  <span class="pf-v6-c-menu-toggle__icon">
2638
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
2962
+ <svg
2963
+ class="pf-v5-svg"
2964
+ viewBox="0 0 192 512"
2965
+ fill="currentColor"
2966
+ aria-hidden="true"
2967
+ role="img"
2968
+ width="1em"
2969
+ height="1em"
2970
+ >
2971
+ <path
2972
+ 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"
2973
+ />
2974
+ </svg>
2639
2975
  </span>
2640
2976
  </button>
2641
2977
  </div>
@@ -3038,7 +3374,19 @@ wrapperTag: div
3038
3374
  aria-label="Application launcher"
3039
3375
  >
3040
3376
  <span class="pf-v6-c-menu-toggle__icon">
3041
- <i class="fas fa-th" aria-hidden="true"></i>
3377
+ <svg
3378
+ class="pf-v5-svg"
3379
+ viewBox="0 0 192 512"
3380
+ fill="currentColor"
3381
+ aria-hidden="true"
3382
+ role="img"
3383
+ width="1em"
3384
+ height="1em"
3385
+ >
3386
+ <path
3387
+ 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"
3388
+ />
3389
+ </svg>
3042
3390
  </span>
3043
3391
  </button>
3044
3392
  </div>
@@ -3050,7 +3398,19 @@ wrapperTag: div
3050
3398
  aria-label="Settings"
3051
3399
  >
3052
3400
  <span class="pf-v6-c-menu-toggle__icon">
3053
- <i class="fas fa-cog" aria-hidden="true"></i>
3401
+ <svg
3402
+ class="pf-v5-svg"
3403
+ viewBox="0 0 192 512"
3404
+ fill="currentColor"
3405
+ aria-hidden="true"
3406
+ role="img"
3407
+ width="1em"
3408
+ height="1em"
3409
+ >
3410
+ <path
3411
+ 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"
3412
+ />
3413
+ </svg>
3054
3414
  </span>
3055
3415
  </button>
3056
3416
  </div>
@@ -3062,7 +3422,19 @@ wrapperTag: div
3062
3422
  aria-label="Help"
3063
3423
  >
3064
3424
  <span class="pf-v6-c-menu-toggle__icon">
3065
- <i class="fas fa-question-circle" aria-hidden="true"></i>
3425
+ <svg
3426
+ class="pf-v5-svg"
3427
+ viewBox="0 0 192 512"
3428
+ fill="currentColor"
3429
+ aria-hidden="true"
3430
+ role="img"
3431
+ width="1em"
3432
+ height="1em"
3433
+ >
3434
+ <path
3435
+ 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"
3436
+ />
3437
+ </svg>
3066
3438
  </span>
3067
3439
  </button>
3068
3440
  </div>
@@ -3075,7 +3447,19 @@ wrapperTag: div
3075
3447
  aria-label="Actions"
3076
3448
  >
3077
3449
  <span class="pf-v6-c-menu-toggle__icon">
3078
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
3450
+ <svg
3451
+ class="pf-v5-svg"
3452
+ viewBox="0 0 192 512"
3453
+ fill="currentColor"
3454
+ aria-hidden="true"
3455
+ role="img"
3456
+ width="1em"
3457
+ height="1em"
3458
+ >
3459
+ <path
3460
+ 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"
3461
+ />
3462
+ </svg>
3079
3463
  </span>
3080
3464
  </button>
3081
3465
  </div>
@@ -3483,7 +3867,19 @@ wrapperTag: div
3483
3867
  aria-label="Application launcher"
3484
3868
  >
3485
3869
  <span class="pf-v6-c-menu-toggle__icon">
3486
- <i class="fas fa-th" aria-hidden="true"></i>
3870
+ <svg
3871
+ class="pf-v5-svg"
3872
+ viewBox="0 0 192 512"
3873
+ fill="currentColor"
3874
+ aria-hidden="true"
3875
+ role="img"
3876
+ width="1em"
3877
+ height="1em"
3878
+ >
3879
+ <path
3880
+ 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"
3881
+ />
3882
+ </svg>
3487
3883
  </span>
3488
3884
  </button>
3489
3885
  </div>
@@ -3495,7 +3891,19 @@ wrapperTag: div
3495
3891
  aria-label="Settings"
3496
3892
  >
3497
3893
  <span class="pf-v6-c-menu-toggle__icon">
3498
- <i class="fas fa-cog" aria-hidden="true"></i>
3894
+ <svg
3895
+ class="pf-v5-svg"
3896
+ viewBox="0 0 192 512"
3897
+ fill="currentColor"
3898
+ aria-hidden="true"
3899
+ role="img"
3900
+ width="1em"
3901
+ height="1em"
3902
+ >
3903
+ <path
3904
+ 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"
3905
+ />
3906
+ </svg>
3499
3907
  </span>
3500
3908
  </button>
3501
3909
  </div>
@@ -3507,7 +3915,19 @@ wrapperTag: div
3507
3915
  aria-label="Help"
3508
3916
  >
3509
3917
  <span class="pf-v6-c-menu-toggle__icon">
3510
- <i class="fas fa-question-circle" aria-hidden="true"></i>
3918
+ <svg
3919
+ class="pf-v5-svg"
3920
+ viewBox="0 0 192 512"
3921
+ fill="currentColor"
3922
+ aria-hidden="true"
3923
+ role="img"
3924
+ width="1em"
3925
+ height="1em"
3926
+ >
3927
+ <path
3928
+ 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"
3929
+ />
3930
+ </svg>
3511
3931
  </span>
3512
3932
  </button>
3513
3933
  </div>
@@ -3520,7 +3940,19 @@ wrapperTag: div
3520
3940
  aria-label="Actions"
3521
3941
  >
3522
3942
  <span class="pf-v6-c-menu-toggle__icon">
3523
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
3943
+ <svg
3944
+ class="pf-v5-svg"
3945
+ viewBox="0 0 192 512"
3946
+ fill="currentColor"
3947
+ aria-hidden="true"
3948
+ role="img"
3949
+ width="1em"
3950
+ height="1em"
3951
+ >
3952
+ <path
3953
+ 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"
3954
+ />
3955
+ </svg>
3524
3956
  </span>
3525
3957
  </button>
3526
3958
  </div>