@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 @@ cssPrefix: pf-d-description-list
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 @@ cssPrefix: pf-d-description-list
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 @@ cssPrefix: pf-d-description-list
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 @@ cssPrefix: pf-d-description-list
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>
@@ -525,7 +573,19 @@ cssPrefix: pf-d-description-list
525
573
  aria-label="Application launcher"
526
574
  >
527
575
  <span class="pf-v6-c-menu-toggle__icon">
528
- <i class="fas fa-th" aria-hidden="true"></i>
576
+ <svg
577
+ class="pf-v5-svg"
578
+ viewBox="0 0 192 512"
579
+ fill="currentColor"
580
+ aria-hidden="true"
581
+ role="img"
582
+ width="1em"
583
+ height="1em"
584
+ >
585
+ <path
586
+ 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"
587
+ />
588
+ </svg>
529
589
  </span>
530
590
  </button>
531
591
  </div>
@@ -537,7 +597,19 @@ cssPrefix: pf-d-description-list
537
597
  aria-label="Settings"
538
598
  >
539
599
  <span class="pf-v6-c-menu-toggle__icon">
540
- <i class="fas fa-cog" aria-hidden="true"></i>
600
+ <svg
601
+ class="pf-v5-svg"
602
+ viewBox="0 0 192 512"
603
+ fill="currentColor"
604
+ aria-hidden="true"
605
+ role="img"
606
+ width="1em"
607
+ height="1em"
608
+ >
609
+ <path
610
+ 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"
611
+ />
612
+ </svg>
541
613
  </span>
542
614
  </button>
543
615
  </div>
@@ -549,7 +621,19 @@ cssPrefix: pf-d-description-list
549
621
  aria-label="Help"
550
622
  >
551
623
  <span class="pf-v6-c-menu-toggle__icon">
552
- <i class="fas fa-question-circle" aria-hidden="true"></i>
624
+ <svg
625
+ class="pf-v5-svg"
626
+ viewBox="0 0 192 512"
627
+ fill="currentColor"
628
+ aria-hidden="true"
629
+ role="img"
630
+ width="1em"
631
+ height="1em"
632
+ >
633
+ <path
634
+ 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"
635
+ />
636
+ </svg>
553
637
  </span>
554
638
  </button>
555
639
  </div>
@@ -562,7 +646,19 @@ cssPrefix: pf-d-description-list
562
646
  aria-label="Actions"
563
647
  >
564
648
  <span class="pf-v6-c-menu-toggle__icon">
565
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
649
+ <svg
650
+ class="pf-v5-svg"
651
+ viewBox="0 0 192 512"
652
+ fill="currentColor"
653
+ aria-hidden="true"
654
+ role="img"
655
+ width="1em"
656
+ height="1em"
657
+ >
658
+ <path
659
+ 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"
660
+ />
661
+ </svg>
566
662
  </span>
567
663
  </button>
568
664
  </div>
@@ -1216,7 +1312,19 @@ cssPrefix: pf-d-description-list
1216
1312
  aria-label="Application launcher"
1217
1313
  >
1218
1314
  <span class="pf-v6-c-menu-toggle__icon">
1219
- <i class="fas fa-th" aria-hidden="true"></i>
1315
+ <svg
1316
+ class="pf-v5-svg"
1317
+ viewBox="0 0 192 512"
1318
+ fill="currentColor"
1319
+ aria-hidden="true"
1320
+ role="img"
1321
+ width="1em"
1322
+ height="1em"
1323
+ >
1324
+ <path
1325
+ 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"
1326
+ />
1327
+ </svg>
1220
1328
  </span>
1221
1329
  </button>
1222
1330
  </div>
@@ -1228,7 +1336,19 @@ cssPrefix: pf-d-description-list
1228
1336
  aria-label="Settings"
1229
1337
  >
1230
1338
  <span class="pf-v6-c-menu-toggle__icon">
1231
- <i class="fas fa-cog" aria-hidden="true"></i>
1339
+ <svg
1340
+ class="pf-v5-svg"
1341
+ viewBox="0 0 192 512"
1342
+ fill="currentColor"
1343
+ aria-hidden="true"
1344
+ role="img"
1345
+ width="1em"
1346
+ height="1em"
1347
+ >
1348
+ <path
1349
+ 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"
1350
+ />
1351
+ </svg>
1232
1352
  </span>
1233
1353
  </button>
1234
1354
  </div>
@@ -1240,7 +1360,19 @@ cssPrefix: pf-d-description-list
1240
1360
  aria-label="Help"
1241
1361
  >
1242
1362
  <span class="pf-v6-c-menu-toggle__icon">
1243
- <i class="fas fa-question-circle" aria-hidden="true"></i>
1363
+ <svg
1364
+ class="pf-v5-svg"
1365
+ viewBox="0 0 192 512"
1366
+ fill="currentColor"
1367
+ aria-hidden="true"
1368
+ role="img"
1369
+ width="1em"
1370
+ height="1em"
1371
+ >
1372
+ <path
1373
+ 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"
1374
+ />
1375
+ </svg>
1244
1376
  </span>
1245
1377
  </button>
1246
1378
  </div>
@@ -1253,7 +1385,19 @@ cssPrefix: pf-d-description-list
1253
1385
  aria-label="Actions"
1254
1386
  >
1255
1387
  <span class="pf-v6-c-menu-toggle__icon">
1256
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
1388
+ <svg
1389
+ class="pf-v5-svg"
1390
+ viewBox="0 0 192 512"
1391
+ fill="currentColor"
1392
+ aria-hidden="true"
1393
+ role="img"
1394
+ width="1em"
1395
+ height="1em"
1396
+ >
1397
+ <path
1398
+ 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"
1399
+ />
1400
+ </svg>
1257
1401
  </span>
1258
1402
  </button>
1259
1403
  </div>
@@ -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>
@@ -675,7 +723,19 @@ wrapperTag: div
675
723
  aria-label="Application launcher"
676
724
  >
677
725
  <span class="pf-v6-c-menu-toggle__icon">
678
- <i class="fas fa-th" aria-hidden="true"></i>
726
+ <svg
727
+ class="pf-v5-svg"
728
+ viewBox="0 0 192 512"
729
+ fill="currentColor"
730
+ aria-hidden="true"
731
+ role="img"
732
+ width="1em"
733
+ height="1em"
734
+ >
735
+ <path
736
+ 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"
737
+ />
738
+ </svg>
679
739
  </span>
680
740
  </button>
681
741
  </div>
@@ -687,7 +747,19 @@ wrapperTag: div
687
747
  aria-label="Settings"
688
748
  >
689
749
  <span class="pf-v6-c-menu-toggle__icon">
690
- <i class="fas fa-cog" aria-hidden="true"></i>
750
+ <svg
751
+ class="pf-v5-svg"
752
+ viewBox="0 0 192 512"
753
+ fill="currentColor"
754
+ aria-hidden="true"
755
+ role="img"
756
+ width="1em"
757
+ height="1em"
758
+ >
759
+ <path
760
+ 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"
761
+ />
762
+ </svg>
691
763
  </span>
692
764
  </button>
693
765
  </div>
@@ -699,7 +771,19 @@ wrapperTag: div
699
771
  aria-label="Help"
700
772
  >
701
773
  <span class="pf-v6-c-menu-toggle__icon">
702
- <i class="fas fa-question-circle" aria-hidden="true"></i>
774
+ <svg
775
+ class="pf-v5-svg"
776
+ viewBox="0 0 192 512"
777
+ fill="currentColor"
778
+ aria-hidden="true"
779
+ role="img"
780
+ width="1em"
781
+ height="1em"
782
+ >
783
+ <path
784
+ 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"
785
+ />
786
+ </svg>
703
787
  </span>
704
788
  </button>
705
789
  </div>
@@ -712,7 +796,19 @@ wrapperTag: div
712
796
  aria-label="Actions"
713
797
  >
714
798
  <span class="pf-v6-c-menu-toggle__icon">
715
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
799
+ <svg
800
+ class="pf-v5-svg"
801
+ viewBox="0 0 192 512"
802
+ fill="currentColor"
803
+ aria-hidden="true"
804
+ role="img"
805
+ width="1em"
806
+ height="1em"
807
+ >
808
+ <path
809
+ 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"
810
+ />
811
+ </svg>
716
812
  </span>
717
813
  </button>
718
814
  </div>
@@ -1012,7 +1108,19 @@ wrapperTag: div
1012
1108
  aria-label="Application launcher"
1013
1109
  >
1014
1110
  <span class="pf-v6-c-menu-toggle__icon">
1015
- <i class="fas fa-th" aria-hidden="true"></i>
1111
+ <svg
1112
+ class="pf-v5-svg"
1113
+ viewBox="0 0 192 512"
1114
+ fill="currentColor"
1115
+ aria-hidden="true"
1116
+ role="img"
1117
+ width="1em"
1118
+ height="1em"
1119
+ >
1120
+ <path
1121
+ 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"
1122
+ />
1123
+ </svg>
1016
1124
  </span>
1017
1125
  </button>
1018
1126
  </div>
@@ -1024,7 +1132,19 @@ wrapperTag: div
1024
1132
  aria-label="Settings"
1025
1133
  >
1026
1134
  <span class="pf-v6-c-menu-toggle__icon">
1027
- <i class="fas fa-cog" aria-hidden="true"></i>
1135
+ <svg
1136
+ class="pf-v5-svg"
1137
+ viewBox="0 0 192 512"
1138
+ fill="currentColor"
1139
+ aria-hidden="true"
1140
+ role="img"
1141
+ width="1em"
1142
+ height="1em"
1143
+ >
1144
+ <path
1145
+ 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"
1146
+ />
1147
+ </svg>
1028
1148
  </span>
1029
1149
  </button>
1030
1150
  </div>
@@ -1036,7 +1156,19 @@ wrapperTag: div
1036
1156
  aria-label="Help"
1037
1157
  >
1038
1158
  <span class="pf-v6-c-menu-toggle__icon">
1039
- <i class="fas fa-question-circle" aria-hidden="true"></i>
1159
+ <svg
1160
+ class="pf-v5-svg"
1161
+ viewBox="0 0 192 512"
1162
+ fill="currentColor"
1163
+ aria-hidden="true"
1164
+ role="img"
1165
+ width="1em"
1166
+ height="1em"
1167
+ >
1168
+ <path
1169
+ 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"
1170
+ />
1171
+ </svg>
1040
1172
  </span>
1041
1173
  </button>
1042
1174
  </div>
@@ -1049,7 +1181,19 @@ wrapperTag: div
1049
1181
  aria-label="Actions"
1050
1182
  >
1051
1183
  <span class="pf-v6-c-menu-toggle__icon">
1052
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
1184
+ <svg
1185
+ class="pf-v5-svg"
1186
+ viewBox="0 0 192 512"
1187
+ fill="currentColor"
1188
+ aria-hidden="true"
1189
+ role="img"
1190
+ width="1em"
1191
+ height="1em"
1192
+ >
1193
+ <path
1194
+ 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"
1195
+ />
1196
+ </svg>
1053
1197
  </span>
1054
1198
  </button>
1055
1199
  </div>
@@ -1349,7 +1493,19 @@ wrapperTag: div
1349
1493
  aria-label="Application launcher"
1350
1494
  >
1351
1495
  <span class="pf-v6-c-menu-toggle__icon">
1352
- <i class="fas fa-th" aria-hidden="true"></i>
1496
+ <svg
1497
+ class="pf-v5-svg"
1498
+ viewBox="0 0 192 512"
1499
+ fill="currentColor"
1500
+ aria-hidden="true"
1501
+ role="img"
1502
+ width="1em"
1503
+ height="1em"
1504
+ >
1505
+ <path
1506
+ 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"
1507
+ />
1508
+ </svg>
1353
1509
  </span>
1354
1510
  </button>
1355
1511
  </div>
@@ -1361,7 +1517,19 @@ wrapperTag: div
1361
1517
  aria-label="Settings"
1362
1518
  >
1363
1519
  <span class="pf-v6-c-menu-toggle__icon">
1364
- <i class="fas fa-cog" aria-hidden="true"></i>
1520
+ <svg
1521
+ class="pf-v5-svg"
1522
+ viewBox="0 0 192 512"
1523
+ fill="currentColor"
1524
+ aria-hidden="true"
1525
+ role="img"
1526
+ width="1em"
1527
+ height="1em"
1528
+ >
1529
+ <path
1530
+ 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"
1531
+ />
1532
+ </svg>
1365
1533
  </span>
1366
1534
  </button>
1367
1535
  </div>
@@ -1373,7 +1541,19 @@ wrapperTag: div
1373
1541
  aria-label="Help"
1374
1542
  >
1375
1543
  <span class="pf-v6-c-menu-toggle__icon">
1376
- <i class="fas fa-question-circle" aria-hidden="true"></i>
1544
+ <svg
1545
+ class="pf-v5-svg"
1546
+ viewBox="0 0 192 512"
1547
+ fill="currentColor"
1548
+ aria-hidden="true"
1549
+ role="img"
1550
+ width="1em"
1551
+ height="1em"
1552
+ >
1553
+ <path
1554
+ 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"
1555
+ />
1556
+ </svg>
1377
1557
  </span>
1378
1558
  </button>
1379
1559
  </div>
@@ -1386,7 +1566,19 @@ wrapperTag: div
1386
1566
  aria-label="Actions"
1387
1567
  >
1388
1568
  <span class="pf-v6-c-menu-toggle__icon">
1389
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
1569
+ <svg
1570
+ class="pf-v5-svg"
1571
+ viewBox="0 0 192 512"
1572
+ fill="currentColor"
1573
+ aria-hidden="true"
1574
+ role="img"
1575
+ width="1em"
1576
+ height="1em"
1577
+ >
1578
+ <path
1579
+ 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"
1580
+ />
1581
+ </svg>
1390
1582
  </span>
1391
1583
  </button>
1392
1584
  </div>
@@ -1716,7 +1908,19 @@ wrapperTag: div
1716
1908
  aria-label="Application launcher"
1717
1909
  >
1718
1910
  <span class="pf-v6-c-menu-toggle__icon">
1719
- <i class="fas fa-th" aria-hidden="true"></i>
1911
+ <svg
1912
+ class="pf-v5-svg"
1913
+ viewBox="0 0 192 512"
1914
+ fill="currentColor"
1915
+ aria-hidden="true"
1916
+ role="img"
1917
+ width="1em"
1918
+ height="1em"
1919
+ >
1920
+ <path
1921
+ 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"
1922
+ />
1923
+ </svg>
1720
1924
  </span>
1721
1925
  </button>
1722
1926
  </div>
@@ -1728,7 +1932,19 @@ wrapperTag: div
1728
1932
  aria-label="Settings"
1729
1933
  >
1730
1934
  <span class="pf-v6-c-menu-toggle__icon">
1731
- <i class="fas fa-cog" aria-hidden="true"></i>
1935
+ <svg
1936
+ class="pf-v5-svg"
1937
+ viewBox="0 0 192 512"
1938
+ fill="currentColor"
1939
+ aria-hidden="true"
1940
+ role="img"
1941
+ width="1em"
1942
+ height="1em"
1943
+ >
1944
+ <path
1945
+ 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"
1946
+ />
1947
+ </svg>
1732
1948
  </span>
1733
1949
  </button>
1734
1950
  </div>
@@ -1740,7 +1956,19 @@ wrapperTag: div
1740
1956
  aria-label="Help"
1741
1957
  >
1742
1958
  <span class="pf-v6-c-menu-toggle__icon">
1743
- <i class="fas fa-question-circle" aria-hidden="true"></i>
1959
+ <svg
1960
+ class="pf-v5-svg"
1961
+ viewBox="0 0 192 512"
1962
+ fill="currentColor"
1963
+ aria-hidden="true"
1964
+ role="img"
1965
+ width="1em"
1966
+ height="1em"
1967
+ >
1968
+ <path
1969
+ 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"
1970
+ />
1971
+ </svg>
1744
1972
  </span>
1745
1973
  </button>
1746
1974
  </div>
@@ -1753,7 +1981,19 @@ wrapperTag: div
1753
1981
  aria-label="Actions"
1754
1982
  >
1755
1983
  <span class="pf-v6-c-menu-toggle__icon">
1756
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
1984
+ <svg
1985
+ class="pf-v5-svg"
1986
+ viewBox="0 0 192 512"
1987
+ fill="currentColor"
1988
+ aria-hidden="true"
1989
+ role="img"
1990
+ width="1em"
1991
+ height="1em"
1992
+ >
1993
+ <path
1994
+ 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"
1995
+ />
1996
+ </svg>
1757
1997
  </span>
1758
1998
  </button>
1759
1999
  </div>