@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
@@ -152,7 +152,19 @@ wrapperTag: div
152
152
  aria-label="Application launcher"
153
153
  >
154
154
  <span class="pf-v6-c-menu-toggle__icon">
155
- <i class="fas fa-th" aria-hidden="true"></i>
155
+ <svg
156
+ class="pf-v5-svg"
157
+ viewBox="0 0 192 512"
158
+ fill="currentColor"
159
+ aria-hidden="true"
160
+ role="img"
161
+ width="1em"
162
+ height="1em"
163
+ >
164
+ <path
165
+ 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"
166
+ />
167
+ </svg>
156
168
  </span>
157
169
  </button>
158
170
  </div>
@@ -164,7 +176,19 @@ wrapperTag: div
164
176
  aria-label="Settings"
165
177
  >
166
178
  <span class="pf-v6-c-menu-toggle__icon">
167
- <i class="fas fa-cog" aria-hidden="true"></i>
179
+ <svg
180
+ class="pf-v5-svg"
181
+ viewBox="0 0 192 512"
182
+ fill="currentColor"
183
+ aria-hidden="true"
184
+ role="img"
185
+ width="1em"
186
+ height="1em"
187
+ >
188
+ <path
189
+ 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"
190
+ />
191
+ </svg>
168
192
  </span>
169
193
  </button>
170
194
  </div>
@@ -176,7 +200,19 @@ wrapperTag: div
176
200
  aria-label="Help"
177
201
  >
178
202
  <span class="pf-v6-c-menu-toggle__icon">
179
- <i class="fas fa-question-circle" aria-hidden="true"></i>
203
+ <svg
204
+ class="pf-v5-svg"
205
+ viewBox="0 0 192 512"
206
+ fill="currentColor"
207
+ aria-hidden="true"
208
+ role="img"
209
+ width="1em"
210
+ height="1em"
211
+ >
212
+ <path
213
+ 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"
214
+ />
215
+ </svg>
180
216
  </span>
181
217
  </button>
182
218
  </div>
@@ -189,7 +225,19 @@ wrapperTag: div
189
225
  aria-label="Actions"
190
226
  >
191
227
  <span class="pf-v6-c-menu-toggle__icon">
192
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
228
+ <svg
229
+ class="pf-v5-svg"
230
+ viewBox="0 0 192 512"
231
+ fill="currentColor"
232
+ aria-hidden="true"
233
+ role="img"
234
+ width="1em"
235
+ height="1em"
236
+ >
237
+ <path
238
+ 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"
239
+ />
240
+ </svg>
193
241
  </span>
194
242
  </button>
195
243
  </div>
@@ -305,7 +353,19 @@ wrapperTag: div
305
353
  aria-controls="primary-detail-expanded-example-drawer-toolbar-expandable-content"
306
354
  >
307
355
  <span class="pf-v6-c-menu-toggle__icon">
308
- <i class="fas fa-filter" aria-hidden="true"></i>
356
+ <svg
357
+ class="pf-v5-svg"
358
+ viewBox="0 0 192 512"
359
+ fill="currentColor"
360
+ aria-hidden="true"
361
+ role="img"
362
+ width="1em"
363
+ height="1em"
364
+ >
365
+ <path
366
+ 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"
367
+ />
368
+ </svg>
309
369
  </span>
310
370
  </button>
311
371
  </div>
@@ -324,7 +384,19 @@ wrapperTag: div
324
384
  id="primary-detail-expanded-example-drawer-toolbar-search-filter-menu"
325
385
  >
326
386
  <span class="pf-v6-c-menu-toggle__icon">
327
- <i class="fas fa-filter" aria-hidden="true"></i>
387
+ <svg
388
+ class="pf-v5-svg"
389
+ viewBox="0 0 192 512"
390
+ fill="currentColor"
391
+ aria-hidden="true"
392
+ role="img"
393
+ width="1em"
394
+ height="1em"
395
+ >
396
+ <path
397
+ 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"
398
+ />
399
+ </svg>
328
400
  </span>
329
401
  <span class="pf-v6-c-menu-toggle__text">Name</span>
330
402
  <span class="pf-v6-c-menu-toggle__controls">
@@ -1452,7 +1524,19 @@ wrapperTag: div
1452
1524
  aria-label="Application launcher"
1453
1525
  >
1454
1526
  <span class="pf-v6-c-menu-toggle__icon">
1455
- <i class="fas fa-th" aria-hidden="true"></i>
1527
+ <svg
1528
+ class="pf-v5-svg"
1529
+ viewBox="0 0 192 512"
1530
+ fill="currentColor"
1531
+ aria-hidden="true"
1532
+ role="img"
1533
+ width="1em"
1534
+ height="1em"
1535
+ >
1536
+ <path
1537
+ 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"
1538
+ />
1539
+ </svg>
1456
1540
  </span>
1457
1541
  </button>
1458
1542
  </div>
@@ -1464,7 +1548,19 @@ wrapperTag: div
1464
1548
  aria-label="Settings"
1465
1549
  >
1466
1550
  <span class="pf-v6-c-menu-toggle__icon">
1467
- <i class="fas fa-cog" aria-hidden="true"></i>
1551
+ <svg
1552
+ class="pf-v5-svg"
1553
+ viewBox="0 0 192 512"
1554
+ fill="currentColor"
1555
+ aria-hidden="true"
1556
+ role="img"
1557
+ width="1em"
1558
+ height="1em"
1559
+ >
1560
+ <path
1561
+ 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"
1562
+ />
1563
+ </svg>
1468
1564
  </span>
1469
1565
  </button>
1470
1566
  </div>
@@ -1476,7 +1572,19 @@ wrapperTag: div
1476
1572
  aria-label="Help"
1477
1573
  >
1478
1574
  <span class="pf-v6-c-menu-toggle__icon">
1479
- <i class="fas fa-question-circle" aria-hidden="true"></i>
1575
+ <svg
1576
+ class="pf-v5-svg"
1577
+ viewBox="0 0 192 512"
1578
+ fill="currentColor"
1579
+ aria-hidden="true"
1580
+ role="img"
1581
+ width="1em"
1582
+ height="1em"
1583
+ >
1584
+ <path
1585
+ 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"
1586
+ />
1587
+ </svg>
1480
1588
  </span>
1481
1589
  </button>
1482
1590
  </div>
@@ -1489,7 +1597,19 @@ wrapperTag: div
1489
1597
  aria-label="Actions"
1490
1598
  >
1491
1599
  <span class="pf-v6-c-menu-toggle__icon">
1492
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
1600
+ <svg
1601
+ class="pf-v5-svg"
1602
+ viewBox="0 0 192 512"
1603
+ fill="currentColor"
1604
+ aria-hidden="true"
1605
+ role="img"
1606
+ width="1em"
1607
+ height="1em"
1608
+ >
1609
+ <path
1610
+ 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"
1611
+ />
1612
+ </svg>
1493
1613
  </span>
1494
1614
  </button>
1495
1615
  </div>
@@ -1605,7 +1725,19 @@ wrapperTag: div
1605
1725
  aria-controls="primary-detail-collapsed-example-drawer-toolbar-expandable-content"
1606
1726
  >
1607
1727
  <span class="pf-v6-c-menu-toggle__icon">
1608
- <i class="fas fa-filter" aria-hidden="true"></i>
1728
+ <svg
1729
+ class="pf-v5-svg"
1730
+ viewBox="0 0 192 512"
1731
+ fill="currentColor"
1732
+ aria-hidden="true"
1733
+ role="img"
1734
+ width="1em"
1735
+ height="1em"
1736
+ >
1737
+ <path
1738
+ 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"
1739
+ />
1740
+ </svg>
1609
1741
  </span>
1610
1742
  </button>
1611
1743
  </div>
@@ -1624,7 +1756,19 @@ wrapperTag: div
1624
1756
  id="primary-detail-collapsed-example-drawer-toolbar-search-filter-menu"
1625
1757
  >
1626
1758
  <span class="pf-v6-c-menu-toggle__icon">
1627
- <i class="fas fa-filter" aria-hidden="true"></i>
1759
+ <svg
1760
+ class="pf-v5-svg"
1761
+ viewBox="0 0 192 512"
1762
+ fill="currentColor"
1763
+ aria-hidden="true"
1764
+ role="img"
1765
+ width="1em"
1766
+ height="1em"
1767
+ >
1768
+ <path
1769
+ 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"
1770
+ />
1771
+ </svg>
1628
1772
  </span>
1629
1773
  <span class="pf-v6-c-menu-toggle__text">Name</span>
1630
1774
  <span class="pf-v6-c-menu-toggle__controls">
@@ -2669,7 +2813,19 @@ wrapperTag: div
2669
2813
  aria-label="Application launcher"
2670
2814
  >
2671
2815
  <span class="pf-v6-c-menu-toggle__icon">
2672
- <i class="fas fa-th" aria-hidden="true"></i>
2816
+ <svg
2817
+ class="pf-v5-svg"
2818
+ viewBox="0 0 192 512"
2819
+ fill="currentColor"
2820
+ aria-hidden="true"
2821
+ role="img"
2822
+ width="1em"
2823
+ height="1em"
2824
+ >
2825
+ <path
2826
+ 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"
2827
+ />
2828
+ </svg>
2673
2829
  </span>
2674
2830
  </button>
2675
2831
  </div>
@@ -2681,7 +2837,19 @@ wrapperTag: div
2681
2837
  aria-label="Settings"
2682
2838
  >
2683
2839
  <span class="pf-v6-c-menu-toggle__icon">
2684
- <i class="fas fa-cog" aria-hidden="true"></i>
2840
+ <svg
2841
+ class="pf-v5-svg"
2842
+ viewBox="0 0 192 512"
2843
+ fill="currentColor"
2844
+ aria-hidden="true"
2845
+ role="img"
2846
+ width="1em"
2847
+ height="1em"
2848
+ >
2849
+ <path
2850
+ 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"
2851
+ />
2852
+ </svg>
2685
2853
  </span>
2686
2854
  </button>
2687
2855
  </div>
@@ -2693,7 +2861,19 @@ wrapperTag: div
2693
2861
  aria-label="Help"
2694
2862
  >
2695
2863
  <span class="pf-v6-c-menu-toggle__icon">
2696
- <i class="fas fa-question-circle" aria-hidden="true"></i>
2864
+ <svg
2865
+ class="pf-v5-svg"
2866
+ viewBox="0 0 192 512"
2867
+ fill="currentColor"
2868
+ aria-hidden="true"
2869
+ role="img"
2870
+ width="1em"
2871
+ height="1em"
2872
+ >
2873
+ <path
2874
+ 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"
2875
+ />
2876
+ </svg>
2697
2877
  </span>
2698
2878
  </button>
2699
2879
  </div>
@@ -2706,7 +2886,19 @@ wrapperTag: div
2706
2886
  aria-label="Actions"
2707
2887
  >
2708
2888
  <span class="pf-v6-c-menu-toggle__icon">
2709
- <i class="fas fa-ellipsis-v" 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>
2710
2902
  </span>
2711
2903
  </button>
2712
2904
  </div>
@@ -2822,7 +3014,19 @@ wrapperTag: div
2822
3014
  aria-controls="primary-detail-content-body-padding-example-drawer-toolbar-expandable-content"
2823
3015
  >
2824
3016
  <span class="pf-v6-c-menu-toggle__icon">
2825
- <i class="fas fa-filter" aria-hidden="true"></i>
3017
+ <svg
3018
+ class="pf-v5-svg"
3019
+ viewBox="0 0 192 512"
3020
+ fill="currentColor"
3021
+ aria-hidden="true"
3022
+ role="img"
3023
+ width="1em"
3024
+ height="1em"
3025
+ >
3026
+ <path
3027
+ 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"
3028
+ />
3029
+ </svg>
2826
3030
  </span>
2827
3031
  </button>
2828
3032
  </div>
@@ -3836,7 +4040,19 @@ wrapperTag: div
3836
4040
  aria-label="Application launcher"
3837
4041
  >
3838
4042
  <span class="pf-v6-c-menu-toggle__icon">
3839
- <i class="fas fa-th" aria-hidden="true"></i>
4043
+ <svg
4044
+ class="pf-v5-svg"
4045
+ viewBox="0 0 192 512"
4046
+ fill="currentColor"
4047
+ aria-hidden="true"
4048
+ role="img"
4049
+ width="1em"
4050
+ height="1em"
4051
+ >
4052
+ <path
4053
+ 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"
4054
+ />
4055
+ </svg>
3840
4056
  </span>
3841
4057
  </button>
3842
4058
  </div>
@@ -3848,7 +4064,19 @@ wrapperTag: div
3848
4064
  aria-label="Settings"
3849
4065
  >
3850
4066
  <span class="pf-v6-c-menu-toggle__icon">
3851
- <i class="fas fa-cog" aria-hidden="true"></i>
4067
+ <svg
4068
+ class="pf-v5-svg"
4069
+ viewBox="0 0 192 512"
4070
+ fill="currentColor"
4071
+ aria-hidden="true"
4072
+ role="img"
4073
+ width="1em"
4074
+ height="1em"
4075
+ >
4076
+ <path
4077
+ 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"
4078
+ />
4079
+ </svg>
3852
4080
  </span>
3853
4081
  </button>
3854
4082
  </div>
@@ -3860,7 +4088,19 @@ wrapperTag: div
3860
4088
  aria-label="Help"
3861
4089
  >
3862
4090
  <span class="pf-v6-c-menu-toggle__icon">
3863
- <i class="fas fa-question-circle" aria-hidden="true"></i>
4091
+ <svg
4092
+ class="pf-v5-svg"
4093
+ viewBox="0 0 192 512"
4094
+ fill="currentColor"
4095
+ aria-hidden="true"
4096
+ role="img"
4097
+ width="1em"
4098
+ height="1em"
4099
+ >
4100
+ <path
4101
+ 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"
4102
+ />
4103
+ </svg>
3864
4104
  </span>
3865
4105
  </button>
3866
4106
  </div>
@@ -3873,7 +4113,19 @@ wrapperTag: div
3873
4113
  aria-label="Actions"
3874
4114
  >
3875
4115
  <span class="pf-v6-c-menu-toggle__icon">
3876
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
4116
+ <svg
4117
+ class="pf-v5-svg"
4118
+ viewBox="0 0 192 512"
4119
+ fill="currentColor"
4120
+ aria-hidden="true"
4121
+ role="img"
4122
+ width="1em"
4123
+ height="1em"
4124
+ >
4125
+ <path
4126
+ 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"
4127
+ />
4128
+ </svg>
3877
4129
  </span>
3878
4130
  </button>
3879
4131
  </div>
@@ -3985,7 +4237,19 @@ wrapperTag: div
3985
4237
  aria-controls="primary-detail-card-view-expanded-example-drawer-toolbar-expandable-content"
3986
4238
  >
3987
4239
  <span class="pf-v6-c-menu-toggle__icon">
3988
- <i class="fas fa-filter" aria-hidden="true"></i>
4240
+ <svg
4241
+ class="pf-v5-svg"
4242
+ viewBox="0 0 192 512"
4243
+ fill="currentColor"
4244
+ aria-hidden="true"
4245
+ role="img"
4246
+ width="1em"
4247
+ height="1em"
4248
+ >
4249
+ <path
4250
+ 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"
4251
+ />
4252
+ </svg>
3989
4253
  </span>
3990
4254
  </button>
3991
4255
  </div>
@@ -4037,7 +4301,19 @@ wrapperTag: div
4037
4301
  id="primary-detail-card-view-expanded-example-drawer-toolbar-search-filter-menu"
4038
4302
  >
4039
4303
  <span class="pf-v6-c-menu-toggle__icon">
4040
- <i class="fas fa-filter" aria-hidden="true"></i>
4304
+ <svg
4305
+ class="pf-v5-svg"
4306
+ viewBox="0 0 192 512"
4307
+ fill="currentColor"
4308
+ aria-hidden="true"
4309
+ role="img"
4310
+ width="1em"
4311
+ height="1em"
4312
+ >
4313
+ <path
4314
+ 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"
4315
+ />
4316
+ </svg>
4041
4317
  </span>
4042
4318
  <span class="pf-v6-c-menu-toggle__text">Name</span>
4043
4319
  <span class="pf-v6-c-menu-toggle__controls">
@@ -5423,7 +5699,19 @@ wrapperTag: div
5423
5699
  aria-label="Application launcher"
5424
5700
  >
5425
5701
  <span class="pf-v6-c-menu-toggle__icon">
5426
- <i class="fas fa-th" aria-hidden="true"></i>
5702
+ <svg
5703
+ class="pf-v5-svg"
5704
+ viewBox="0 0 192 512"
5705
+ fill="currentColor"
5706
+ aria-hidden="true"
5707
+ role="img"
5708
+ width="1em"
5709
+ height="1em"
5710
+ >
5711
+ <path
5712
+ 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"
5713
+ />
5714
+ </svg>
5427
5715
  </span>
5428
5716
  </button>
5429
5717
  </div>
@@ -5435,7 +5723,19 @@ wrapperTag: div
5435
5723
  aria-label="Settings"
5436
5724
  >
5437
5725
  <span class="pf-v6-c-menu-toggle__icon">
5438
- <i class="fas fa-cog" aria-hidden="true"></i>
5726
+ <svg
5727
+ class="pf-v5-svg"
5728
+ viewBox="0 0 192 512"
5729
+ fill="currentColor"
5730
+ aria-hidden="true"
5731
+ role="img"
5732
+ width="1em"
5733
+ height="1em"
5734
+ >
5735
+ <path
5736
+ 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"
5737
+ />
5738
+ </svg>
5439
5739
  </span>
5440
5740
  </button>
5441
5741
  </div>
@@ -5447,7 +5747,19 @@ wrapperTag: div
5447
5747
  aria-label="Help"
5448
5748
  >
5449
5749
  <span class="pf-v6-c-menu-toggle__icon">
5450
- <i class="fas fa-question-circle" aria-hidden="true"></i>
5750
+ <svg
5751
+ class="pf-v5-svg"
5752
+ viewBox="0 0 192 512"
5753
+ fill="currentColor"
5754
+ aria-hidden="true"
5755
+ role="img"
5756
+ width="1em"
5757
+ height="1em"
5758
+ >
5759
+ <path
5760
+ 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"
5761
+ />
5762
+ </svg>
5451
5763
  </span>
5452
5764
  </button>
5453
5765
  </div>
@@ -5460,7 +5772,19 @@ wrapperTag: div
5460
5772
  aria-label="Actions"
5461
5773
  >
5462
5774
  <span class="pf-v6-c-menu-toggle__icon">
5463
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
5775
+ <svg
5776
+ class="pf-v5-svg"
5777
+ viewBox="0 0 192 512"
5778
+ fill="currentColor"
5779
+ aria-hidden="true"
5780
+ role="img"
5781
+ width="1em"
5782
+ height="1em"
5783
+ >
5784
+ <path
5785
+ 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"
5786
+ />
5787
+ </svg>
5464
5788
  </span>
5465
5789
  </button>
5466
5790
  </div>
@@ -5884,7 +6208,19 @@ wrapperTag: div
5884
6208
  aria-label="Application launcher"
5885
6209
  >
5886
6210
  <span class="pf-v6-c-menu-toggle__icon">
5887
- <i class="fas fa-th" aria-hidden="true"></i>
6211
+ <svg
6212
+ class="pf-v5-svg"
6213
+ viewBox="0 0 192 512"
6214
+ fill="currentColor"
6215
+ aria-hidden="true"
6216
+ role="img"
6217
+ width="1em"
6218
+ height="1em"
6219
+ >
6220
+ <path
6221
+ 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"
6222
+ />
6223
+ </svg>
5888
6224
  </span>
5889
6225
  </button>
5890
6226
  </div>
@@ -5896,7 +6232,19 @@ wrapperTag: div
5896
6232
  aria-label="Settings"
5897
6233
  >
5898
6234
  <span class="pf-v6-c-menu-toggle__icon">
5899
- <i class="fas fa-cog" aria-hidden="true"></i>
6235
+ <svg
6236
+ class="pf-v5-svg"
6237
+ viewBox="0 0 192 512"
6238
+ fill="currentColor"
6239
+ aria-hidden="true"
6240
+ role="img"
6241
+ width="1em"
6242
+ height="1em"
6243
+ >
6244
+ <path
6245
+ 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"
6246
+ />
6247
+ </svg>
5900
6248
  </span>
5901
6249
  </button>
5902
6250
  </div>
@@ -5908,7 +6256,19 @@ wrapperTag: div
5908
6256
  aria-label="Help"
5909
6257
  >
5910
6258
  <span class="pf-v6-c-menu-toggle__icon">
5911
- <i class="fas fa-question-circle" aria-hidden="true"></i>
6259
+ <svg
6260
+ class="pf-v5-svg"
6261
+ viewBox="0 0 192 512"
6262
+ fill="currentColor"
6263
+ aria-hidden="true"
6264
+ role="img"
6265
+ width="1em"
6266
+ height="1em"
6267
+ >
6268
+ <path
6269
+ 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"
6270
+ />
6271
+ </svg>
5912
6272
  </span>
5913
6273
  </button>
5914
6274
  </div>
@@ -5921,7 +6281,19 @@ wrapperTag: div
5921
6281
  aria-label="Actions"
5922
6282
  >
5923
6283
  <span class="pf-v6-c-menu-toggle__icon">
5924
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
6284
+ <svg
6285
+ class="pf-v5-svg"
6286
+ viewBox="0 0 192 512"
6287
+ fill="currentColor"
6288
+ aria-hidden="true"
6289
+ role="img"
6290
+ width="1em"
6291
+ height="1em"
6292
+ >
6293
+ <path
6294
+ 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"
6295
+ />
6296
+ </svg>
5925
6297
  </span>
5926
6298
  </button>
5927
6299
  </div>
@@ -6591,7 +6963,19 @@ wrapperTag: div
6591
6963
  aria-label="Application launcher"
6592
6964
  >
6593
6965
  <span class="pf-v6-c-menu-toggle__icon">
6594
- <i class="fas fa-th" aria-hidden="true"></i>
6966
+ <svg
6967
+ class="pf-v5-svg"
6968
+ viewBox="0 0 192 512"
6969
+ fill="currentColor"
6970
+ aria-hidden="true"
6971
+ role="img"
6972
+ width="1em"
6973
+ height="1em"
6974
+ >
6975
+ <path
6976
+ 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"
6977
+ />
6978
+ </svg>
6595
6979
  </span>
6596
6980
  </button>
6597
6981
  </div>
@@ -6603,7 +6987,19 @@ wrapperTag: div
6603
6987
  aria-label="Settings"
6604
6988
  >
6605
6989
  <span class="pf-v6-c-menu-toggle__icon">
6606
- <i class="fas fa-cog" aria-hidden="true"></i>
6990
+ <svg
6991
+ class="pf-v5-svg"
6992
+ viewBox="0 0 192 512"
6993
+ fill="currentColor"
6994
+ aria-hidden="true"
6995
+ role="img"
6996
+ width="1em"
6997
+ height="1em"
6998
+ >
6999
+ <path
7000
+ 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"
7001
+ />
7002
+ </svg>
6607
7003
  </span>
6608
7004
  </button>
6609
7005
  </div>
@@ -6615,7 +7011,19 @@ wrapperTag: div
6615
7011
  aria-label="Help"
6616
7012
  >
6617
7013
  <span class="pf-v6-c-menu-toggle__icon">
6618
- <i class="fas fa-question-circle" aria-hidden="true"></i>
7014
+ <svg
7015
+ class="pf-v5-svg"
7016
+ viewBox="0 0 192 512"
7017
+ fill="currentColor"
7018
+ aria-hidden="true"
7019
+ role="img"
7020
+ width="1em"
7021
+ height="1em"
7022
+ >
7023
+ <path
7024
+ 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"
7025
+ />
7026
+ </svg>
6619
7027
  </span>
6620
7028
  </button>
6621
7029
  </div>
@@ -6628,7 +7036,19 @@ wrapperTag: div
6628
7036
  aria-label="Actions"
6629
7037
  >
6630
7038
  <span class="pf-v6-c-menu-toggle__icon">
6631
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
7039
+ <svg
7040
+ class="pf-v5-svg"
7041
+ viewBox="0 0 192 512"
7042
+ fill="currentColor"
7043
+ aria-hidden="true"
7044
+ role="img"
7045
+ width="1em"
7046
+ height="1em"
7047
+ >
7048
+ <path
7049
+ 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"
7050
+ />
7051
+ </svg>
6632
7052
  </span>
6633
7053
  </button>
6634
7054
  </div>