@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>
@@ -730,7 +778,19 @@ wrapperTag: div
730
778
  aria-label="Application launcher"
731
779
  >
732
780
  <span class="pf-v6-c-menu-toggle__icon">
733
- <i class="fas fa-th" aria-hidden="true"></i>
781
+ <svg
782
+ class="pf-v5-svg"
783
+ viewBox="0 0 192 512"
784
+ fill="currentColor"
785
+ aria-hidden="true"
786
+ role="img"
787
+ width="1em"
788
+ height="1em"
789
+ >
790
+ <path
791
+ 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"
792
+ />
793
+ </svg>
734
794
  </span>
735
795
  </button>
736
796
  </div>
@@ -742,7 +802,19 @@ wrapperTag: div
742
802
  aria-label="Settings"
743
803
  >
744
804
  <span class="pf-v6-c-menu-toggle__icon">
745
- <i class="fas fa-cog" aria-hidden="true"></i>
805
+ <svg
806
+ class="pf-v5-svg"
807
+ viewBox="0 0 192 512"
808
+ fill="currentColor"
809
+ aria-hidden="true"
810
+ role="img"
811
+ width="1em"
812
+ height="1em"
813
+ >
814
+ <path
815
+ 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"
816
+ />
817
+ </svg>
746
818
  </span>
747
819
  </button>
748
820
  </div>
@@ -754,7 +826,19 @@ wrapperTag: div
754
826
  aria-label="Help"
755
827
  >
756
828
  <span class="pf-v6-c-menu-toggle__icon">
757
- <i class="fas fa-question-circle" aria-hidden="true"></i>
829
+ <svg
830
+ class="pf-v5-svg"
831
+ viewBox="0 0 192 512"
832
+ fill="currentColor"
833
+ aria-hidden="true"
834
+ role="img"
835
+ width="1em"
836
+ height="1em"
837
+ >
838
+ <path
839
+ 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"
840
+ />
841
+ </svg>
758
842
  </span>
759
843
  </button>
760
844
  </div>
@@ -767,7 +851,19 @@ wrapperTag: div
767
851
  aria-label="Actions"
768
852
  >
769
853
  <span class="pf-v6-c-menu-toggle__icon">
770
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
854
+ <svg
855
+ class="pf-v5-svg"
856
+ viewBox="0 0 192 512"
857
+ fill="currentColor"
858
+ aria-hidden="true"
859
+ role="img"
860
+ width="1em"
861
+ height="1em"
862
+ >
863
+ <path
864
+ 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"
865
+ />
866
+ </svg>
771
867
  </span>
772
868
  </button>
773
869
  </div>
@@ -1293,7 +1389,19 @@ wrapperTag: div
1293
1389
  aria-label="Application launcher"
1294
1390
  >
1295
1391
  <span class="pf-v6-c-menu-toggle__icon">
1296
- <i class="fas fa-th" aria-hidden="true"></i>
1392
+ <svg
1393
+ class="pf-v5-svg"
1394
+ viewBox="0 0 192 512"
1395
+ fill="currentColor"
1396
+ aria-hidden="true"
1397
+ role="img"
1398
+ width="1em"
1399
+ height="1em"
1400
+ >
1401
+ <path
1402
+ 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"
1403
+ />
1404
+ </svg>
1297
1405
  </span>
1298
1406
  </button>
1299
1407
  </div>
@@ -1305,7 +1413,19 @@ wrapperTag: div
1305
1413
  aria-label="Settings"
1306
1414
  >
1307
1415
  <span class="pf-v6-c-menu-toggle__icon">
1308
- <i class="fas fa-cog" aria-hidden="true"></i>
1416
+ <svg
1417
+ class="pf-v5-svg"
1418
+ viewBox="0 0 192 512"
1419
+ fill="currentColor"
1420
+ aria-hidden="true"
1421
+ role="img"
1422
+ width="1em"
1423
+ height="1em"
1424
+ >
1425
+ <path
1426
+ 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"
1427
+ />
1428
+ </svg>
1309
1429
  </span>
1310
1430
  </button>
1311
1431
  </div>
@@ -1317,7 +1437,19 @@ wrapperTag: div
1317
1437
  aria-label="Help"
1318
1438
  >
1319
1439
  <span class="pf-v6-c-menu-toggle__icon">
1320
- <i class="fas fa-question-circle" aria-hidden="true"></i>
1440
+ <svg
1441
+ class="pf-v5-svg"
1442
+ viewBox="0 0 192 512"
1443
+ fill="currentColor"
1444
+ aria-hidden="true"
1445
+ role="img"
1446
+ width="1em"
1447
+ height="1em"
1448
+ >
1449
+ <path
1450
+ 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"
1451
+ />
1452
+ </svg>
1321
1453
  </span>
1322
1454
  </button>
1323
1455
  </div>
@@ -1330,7 +1462,19 @@ wrapperTag: div
1330
1462
  aria-label="Actions"
1331
1463
  >
1332
1464
  <span class="pf-v6-c-menu-toggle__icon">
1333
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
1465
+ <svg
1466
+ class="pf-v5-svg"
1467
+ viewBox="0 0 192 512"
1468
+ fill="currentColor"
1469
+ aria-hidden="true"
1470
+ role="img"
1471
+ width="1em"
1472
+ height="1em"
1473
+ >
1474
+ <path
1475
+ 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"
1476
+ />
1477
+ </svg>
1334
1478
  </span>
1335
1479
  </button>
1336
1480
  </div>
@@ -1940,7 +2084,19 @@ wrapperTag: div
1940
2084
  aria-label="Application launcher"
1941
2085
  >
1942
2086
  <span class="pf-v6-c-menu-toggle__icon">
1943
- <i class="fas fa-th" aria-hidden="true"></i>
2087
+ <svg
2088
+ class="pf-v5-svg"
2089
+ viewBox="0 0 192 512"
2090
+ fill="currentColor"
2091
+ aria-hidden="true"
2092
+ role="img"
2093
+ width="1em"
2094
+ height="1em"
2095
+ >
2096
+ <path
2097
+ 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"
2098
+ />
2099
+ </svg>
1944
2100
  </span>
1945
2101
  </button>
1946
2102
  </div>
@@ -1952,7 +2108,19 @@ wrapperTag: div
1952
2108
  aria-label="Settings"
1953
2109
  >
1954
2110
  <span class="pf-v6-c-menu-toggle__icon">
1955
- <i class="fas fa-cog" aria-hidden="true"></i>
2111
+ <svg
2112
+ class="pf-v5-svg"
2113
+ viewBox="0 0 192 512"
2114
+ fill="currentColor"
2115
+ aria-hidden="true"
2116
+ role="img"
2117
+ width="1em"
2118
+ height="1em"
2119
+ >
2120
+ <path
2121
+ 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"
2122
+ />
2123
+ </svg>
1956
2124
  </span>
1957
2125
  </button>
1958
2126
  </div>
@@ -1964,7 +2132,19 @@ wrapperTag: div
1964
2132
  aria-label="Help"
1965
2133
  >
1966
2134
  <span class="pf-v6-c-menu-toggle__icon">
1967
- <i class="fas fa-question-circle" aria-hidden="true"></i>
2135
+ <svg
2136
+ class="pf-v5-svg"
2137
+ viewBox="0 0 192 512"
2138
+ fill="currentColor"
2139
+ aria-hidden="true"
2140
+ role="img"
2141
+ width="1em"
2142
+ height="1em"
2143
+ >
2144
+ <path
2145
+ 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"
2146
+ />
2147
+ </svg>
1968
2148
  </span>
1969
2149
  </button>
1970
2150
  </div>
@@ -1977,7 +2157,19 @@ wrapperTag: div
1977
2157
  aria-label="Actions"
1978
2158
  >
1979
2159
  <span class="pf-v6-c-menu-toggle__icon">
1980
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
2160
+ <svg
2161
+ class="pf-v5-svg"
2162
+ viewBox="0 0 192 512"
2163
+ fill="currentColor"
2164
+ aria-hidden="true"
2165
+ role="img"
2166
+ width="1em"
2167
+ height="1em"
2168
+ >
2169
+ <path
2170
+ 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"
2171
+ />
2172
+ </svg>
1981
2173
  </span>
1982
2174
  </button>
1983
2175
  </div>
@@ -2586,7 +2778,19 @@ wrapperTag: div
2586
2778
  aria-label="Application launcher"
2587
2779
  >
2588
2780
  <span class="pf-v6-c-menu-toggle__icon">
2589
- <i class="fas fa-th" aria-hidden="true"></i>
2781
+ <svg
2782
+ class="pf-v5-svg"
2783
+ viewBox="0 0 192 512"
2784
+ fill="currentColor"
2785
+ aria-hidden="true"
2786
+ role="img"
2787
+ width="1em"
2788
+ height="1em"
2789
+ >
2790
+ <path
2791
+ 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"
2792
+ />
2793
+ </svg>
2590
2794
  </span>
2591
2795
  </button>
2592
2796
  </div>
@@ -2598,7 +2802,19 @@ wrapperTag: div
2598
2802
  aria-label="Settings"
2599
2803
  >
2600
2804
  <span class="pf-v6-c-menu-toggle__icon">
2601
- <i class="fas fa-cog" aria-hidden="true"></i>
2805
+ <svg
2806
+ class="pf-v5-svg"
2807
+ viewBox="0 0 192 512"
2808
+ fill="currentColor"
2809
+ aria-hidden="true"
2810
+ role="img"
2811
+ width="1em"
2812
+ height="1em"
2813
+ >
2814
+ <path
2815
+ 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"
2816
+ />
2817
+ </svg>
2602
2818
  </span>
2603
2819
  </button>
2604
2820
  </div>
@@ -2610,7 +2826,19 @@ wrapperTag: div
2610
2826
  aria-label="Help"
2611
2827
  >
2612
2828
  <span class="pf-v6-c-menu-toggle__icon">
2613
- <i class="fas fa-question-circle" aria-hidden="true"></i>
2829
+ <svg
2830
+ class="pf-v5-svg"
2831
+ viewBox="0 0 192 512"
2832
+ fill="currentColor"
2833
+ aria-hidden="true"
2834
+ role="img"
2835
+ width="1em"
2836
+ height="1em"
2837
+ >
2838
+ <path
2839
+ 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"
2840
+ />
2841
+ </svg>
2614
2842
  </span>
2615
2843
  </button>
2616
2844
  </div>
@@ -2623,7 +2851,19 @@ wrapperTag: div
2623
2851
  aria-label="Actions"
2624
2852
  >
2625
2853
  <span class="pf-v6-c-menu-toggle__icon">
2626
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
2854
+ <svg
2855
+ class="pf-v5-svg"
2856
+ viewBox="0 0 192 512"
2857
+ fill="currentColor"
2858
+ aria-hidden="true"
2859
+ role="img"
2860
+ width="1em"
2861
+ height="1em"
2862
+ >
2863
+ <path
2864
+ 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"
2865
+ />
2866
+ </svg>
2627
2867
  </span>
2628
2868
  </button>
2629
2869
  </div>
@@ -3100,7 +3340,19 @@ wrapperTag: div
3100
3340
  aria-label="Application launcher"
3101
3341
  >
3102
3342
  <span class="pf-v6-c-menu-toggle__icon">
3103
- <i class="fas fa-th" aria-hidden="true"></i>
3343
+ <svg
3344
+ class="pf-v5-svg"
3345
+ viewBox="0 0 192 512"
3346
+ fill="currentColor"
3347
+ aria-hidden="true"
3348
+ role="img"
3349
+ width="1em"
3350
+ height="1em"
3351
+ >
3352
+ <path
3353
+ 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"
3354
+ />
3355
+ </svg>
3104
3356
  </span>
3105
3357
  </button>
3106
3358
  </div>
@@ -3112,7 +3364,19 @@ wrapperTag: div
3112
3364
  aria-label="Settings"
3113
3365
  >
3114
3366
  <span class="pf-v6-c-menu-toggle__icon">
3115
- <i class="fas fa-cog" aria-hidden="true"></i>
3367
+ <svg
3368
+ class="pf-v5-svg"
3369
+ viewBox="0 0 192 512"
3370
+ fill="currentColor"
3371
+ aria-hidden="true"
3372
+ role="img"
3373
+ width="1em"
3374
+ height="1em"
3375
+ >
3376
+ <path
3377
+ 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"
3378
+ />
3379
+ </svg>
3116
3380
  </span>
3117
3381
  </button>
3118
3382
  </div>
@@ -3124,7 +3388,19 @@ wrapperTag: div
3124
3388
  aria-label="Help"
3125
3389
  >
3126
3390
  <span class="pf-v6-c-menu-toggle__icon">
3127
- <i class="fas fa-question-circle" aria-hidden="true"></i>
3391
+ <svg
3392
+ class="pf-v5-svg"
3393
+ viewBox="0 0 192 512"
3394
+ fill="currentColor"
3395
+ aria-hidden="true"
3396
+ role="img"
3397
+ width="1em"
3398
+ height="1em"
3399
+ >
3400
+ <path
3401
+ 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"
3402
+ />
3403
+ </svg>
3128
3404
  </span>
3129
3405
  </button>
3130
3406
  </div>
@@ -3137,7 +3413,19 @@ wrapperTag: div
3137
3413
  aria-label="Actions"
3138
3414
  >
3139
3415
  <span class="pf-v6-c-menu-toggle__icon">
3140
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
3416
+ <svg
3417
+ class="pf-v5-svg"
3418
+ viewBox="0 0 192 512"
3419
+ fill="currentColor"
3420
+ aria-hidden="true"
3421
+ role="img"
3422
+ width="1em"
3423
+ height="1em"
3424
+ >
3425
+ <path
3426
+ 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"
3427
+ />
3428
+ </svg>
3141
3429
  </span>
3142
3430
  </button>
3143
3431
  </div>
@@ -3619,7 +3907,19 @@ wrapperTag: div
3619
3907
  aria-label="Application launcher"
3620
3908
  >
3621
3909
  <span class="pf-v6-c-menu-toggle__icon">
3622
- <i class="fas fa-th" aria-hidden="true"></i>
3910
+ <svg
3911
+ class="pf-v5-svg"
3912
+ viewBox="0 0 192 512"
3913
+ fill="currentColor"
3914
+ aria-hidden="true"
3915
+ role="img"
3916
+ width="1em"
3917
+ height="1em"
3918
+ >
3919
+ <path
3920
+ 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"
3921
+ />
3922
+ </svg>
3623
3923
  </span>
3624
3924
  </button>
3625
3925
  </div>
@@ -3631,7 +3931,19 @@ wrapperTag: div
3631
3931
  aria-label="Settings"
3632
3932
  >
3633
3933
  <span class="pf-v6-c-menu-toggle__icon">
3634
- <i class="fas fa-cog" aria-hidden="true"></i>
3934
+ <svg
3935
+ class="pf-v5-svg"
3936
+ viewBox="0 0 192 512"
3937
+ fill="currentColor"
3938
+ aria-hidden="true"
3939
+ role="img"
3940
+ width="1em"
3941
+ height="1em"
3942
+ >
3943
+ <path
3944
+ 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"
3945
+ />
3946
+ </svg>
3635
3947
  </span>
3636
3948
  </button>
3637
3949
  </div>
@@ -3643,7 +3955,19 @@ wrapperTag: div
3643
3955
  aria-label="Help"
3644
3956
  >
3645
3957
  <span class="pf-v6-c-menu-toggle__icon">
3646
- <i class="fas fa-question-circle" aria-hidden="true"></i>
3958
+ <svg
3959
+ class="pf-v5-svg"
3960
+ viewBox="0 0 192 512"
3961
+ fill="currentColor"
3962
+ aria-hidden="true"
3963
+ role="img"
3964
+ width="1em"
3965
+ height="1em"
3966
+ >
3967
+ <path
3968
+ 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"
3969
+ />
3970
+ </svg>
3647
3971
  </span>
3648
3972
  </button>
3649
3973
  </div>
@@ -3656,7 +3980,19 @@ wrapperTag: div
3656
3980
  aria-label="Actions"
3657
3981
  >
3658
3982
  <span class="pf-v6-c-menu-toggle__icon">
3659
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
3983
+ <svg
3984
+ class="pf-v5-svg"
3985
+ viewBox="0 0 192 512"
3986
+ fill="currentColor"
3987
+ aria-hidden="true"
3988
+ role="img"
3989
+ width="1em"
3990
+ height="1em"
3991
+ >
3992
+ <path
3993
+ 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"
3994
+ />
3995
+ </svg>
3660
3996
  </span>
3661
3997
  </button>
3662
3998
  </div>
@@ -4120,7 +4456,19 @@ wrapperTag: div
4120
4456
  aria-label="Application launcher"
4121
4457
  >
4122
4458
  <span class="pf-v6-c-menu-toggle__icon">
4123
- <i class="fas fa-th" aria-hidden="true"></i>
4459
+ <svg
4460
+ class="pf-v5-svg"
4461
+ viewBox="0 0 192 512"
4462
+ fill="currentColor"
4463
+ aria-hidden="true"
4464
+ role="img"
4465
+ width="1em"
4466
+ height="1em"
4467
+ >
4468
+ <path
4469
+ 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"
4470
+ />
4471
+ </svg>
4124
4472
  </span>
4125
4473
  </button>
4126
4474
  </div>
@@ -4132,7 +4480,19 @@ wrapperTag: div
4132
4480
  aria-label="Settings"
4133
4481
  >
4134
4482
  <span class="pf-v6-c-menu-toggle__icon">
4135
- <i class="fas fa-cog" aria-hidden="true"></i>
4483
+ <svg
4484
+ class="pf-v5-svg"
4485
+ viewBox="0 0 192 512"
4486
+ fill="currentColor"
4487
+ aria-hidden="true"
4488
+ role="img"
4489
+ width="1em"
4490
+ height="1em"
4491
+ >
4492
+ <path
4493
+ 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"
4494
+ />
4495
+ </svg>
4136
4496
  </span>
4137
4497
  </button>
4138
4498
  </div>
@@ -4144,7 +4504,19 @@ wrapperTag: div
4144
4504
  aria-label="Help"
4145
4505
  >
4146
4506
  <span class="pf-v6-c-menu-toggle__icon">
4147
- <i class="fas fa-question-circle" aria-hidden="true"></i>
4507
+ <svg
4508
+ class="pf-v5-svg"
4509
+ viewBox="0 0 192 512"
4510
+ fill="currentColor"
4511
+ aria-hidden="true"
4512
+ role="img"
4513
+ width="1em"
4514
+ height="1em"
4515
+ >
4516
+ <path
4517
+ 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"
4518
+ />
4519
+ </svg>
4148
4520
  </span>
4149
4521
  </button>
4150
4522
  </div>
@@ -4157,7 +4529,19 @@ wrapperTag: div
4157
4529
  aria-label="Actions"
4158
4530
  >
4159
4531
  <span class="pf-v6-c-menu-toggle__icon">
4160
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
4532
+ <svg
4533
+ class="pf-v5-svg"
4534
+ viewBox="0 0 192 512"
4535
+ fill="currentColor"
4536
+ aria-hidden="true"
4537
+ role="img"
4538
+ width="1em"
4539
+ height="1em"
4540
+ >
4541
+ <path
4542
+ 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"
4543
+ />
4544
+ </svg>
4161
4545
  </span>
4162
4546
  </button>
4163
4547
  </div>
@@ -4693,7 +5077,19 @@ wrapperTag: div
4693
5077
  aria-label="Application launcher"
4694
5078
  >
4695
5079
  <span class="pf-v6-c-menu-toggle__icon">
4696
- <i class="fas fa-th" aria-hidden="true"></i>
5080
+ <svg
5081
+ class="pf-v5-svg"
5082
+ viewBox="0 0 192 512"
5083
+ fill="currentColor"
5084
+ aria-hidden="true"
5085
+ role="img"
5086
+ width="1em"
5087
+ height="1em"
5088
+ >
5089
+ <path
5090
+ 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"
5091
+ />
5092
+ </svg>
4697
5093
  </span>
4698
5094
  </button>
4699
5095
  </div>
@@ -4705,7 +5101,19 @@ wrapperTag: div
4705
5101
  aria-label="Settings"
4706
5102
  >
4707
5103
  <span class="pf-v6-c-menu-toggle__icon">
4708
- <i class="fas fa-cog" aria-hidden="true"></i>
5104
+ <svg
5105
+ class="pf-v5-svg"
5106
+ viewBox="0 0 192 512"
5107
+ fill="currentColor"
5108
+ aria-hidden="true"
5109
+ role="img"
5110
+ width="1em"
5111
+ height="1em"
5112
+ >
5113
+ <path
5114
+ 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"
5115
+ />
5116
+ </svg>
4709
5117
  </span>
4710
5118
  </button>
4711
5119
  </div>
@@ -4717,7 +5125,19 @@ wrapperTag: div
4717
5125
  aria-label="Help"
4718
5126
  >
4719
5127
  <span class="pf-v6-c-menu-toggle__icon">
4720
- <i class="fas fa-question-circle" aria-hidden="true"></i>
5128
+ <svg
5129
+ class="pf-v5-svg"
5130
+ viewBox="0 0 192 512"
5131
+ fill="currentColor"
5132
+ aria-hidden="true"
5133
+ role="img"
5134
+ width="1em"
5135
+ height="1em"
5136
+ >
5137
+ <path
5138
+ 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"
5139
+ />
5140
+ </svg>
4721
5141
  </span>
4722
5142
  </button>
4723
5143
  </div>
@@ -4730,7 +5150,19 @@ wrapperTag: div
4730
5150
  aria-label="Actions"
4731
5151
  >
4732
5152
  <span class="pf-v6-c-menu-toggle__icon">
4733
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
5153
+ <svg
5154
+ class="pf-v5-svg"
5155
+ viewBox="0 0 192 512"
5156
+ fill="currentColor"
5157
+ aria-hidden="true"
5158
+ role="img"
5159
+ width="1em"
5160
+ height="1em"
5161
+ >
5162
+ <path
5163
+ 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"
5164
+ />
5165
+ </svg>
4734
5166
  </span>
4735
5167
  </button>
4736
5168
  </div>