@patternfly/patternfly 6.0.0-alpha.96 → 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
@@ -150,7 +150,19 @@ wrapperTag: div
150
150
  aria-label="Application launcher"
151
151
  >
152
152
  <span class="pf-v6-c-menu-toggle__icon">
153
- <i class="fas fa-th" aria-hidden="true"></i>
153
+ <svg
154
+ class="pf-v5-svg"
155
+ viewBox="0 0 192 512"
156
+ fill="currentColor"
157
+ aria-hidden="true"
158
+ role="img"
159
+ width="1em"
160
+ height="1em"
161
+ >
162
+ <path
163
+ 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"
164
+ />
165
+ </svg>
154
166
  </span>
155
167
  </button>
156
168
  </div>
@@ -162,7 +174,19 @@ wrapperTag: div
162
174
  aria-label="Settings"
163
175
  >
164
176
  <span class="pf-v6-c-menu-toggle__icon">
165
- <i class="fas fa-cog" aria-hidden="true"></i>
177
+ <svg
178
+ class="pf-v5-svg"
179
+ viewBox="0 0 192 512"
180
+ fill="currentColor"
181
+ aria-hidden="true"
182
+ role="img"
183
+ width="1em"
184
+ height="1em"
185
+ >
186
+ <path
187
+ 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"
188
+ />
189
+ </svg>
166
190
  </span>
167
191
  </button>
168
192
  </div>
@@ -174,7 +198,19 @@ wrapperTag: div
174
198
  aria-label="Help"
175
199
  >
176
200
  <span class="pf-v6-c-menu-toggle__icon">
177
- <i class="fas fa-question-circle" aria-hidden="true"></i>
201
+ <svg
202
+ class="pf-v5-svg"
203
+ viewBox="0 0 192 512"
204
+ fill="currentColor"
205
+ aria-hidden="true"
206
+ role="img"
207
+ width="1em"
208
+ height="1em"
209
+ >
210
+ <path
211
+ 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"
212
+ />
213
+ </svg>
178
214
  </span>
179
215
  </button>
180
216
  </div>
@@ -187,7 +223,19 @@ wrapperTag: div
187
223
  aria-label="Actions"
188
224
  >
189
225
  <span class="pf-v6-c-menu-toggle__icon">
190
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
226
+ <svg
227
+ class="pf-v5-svg"
228
+ viewBox="0 0 192 512"
229
+ fill="currentColor"
230
+ aria-hidden="true"
231
+ role="img"
232
+ width="1em"
233
+ height="1em"
234
+ >
235
+ <path
236
+ 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"
237
+ />
238
+ </svg>
191
239
  </span>
192
240
  </button>
193
241
  </div>
@@ -626,7 +674,19 @@ wrapperTag: div
626
674
  aria-label="Application launcher"
627
675
  >
628
676
  <span class="pf-v6-c-menu-toggle__icon">
629
- <i class="fas fa-th" aria-hidden="true"></i>
677
+ <svg
678
+ class="pf-v5-svg"
679
+ viewBox="0 0 192 512"
680
+ fill="currentColor"
681
+ aria-hidden="true"
682
+ role="img"
683
+ width="1em"
684
+ height="1em"
685
+ >
686
+ <path
687
+ 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"
688
+ />
689
+ </svg>
630
690
  </span>
631
691
  </button>
632
692
  </div>
@@ -638,7 +698,19 @@ wrapperTag: div
638
698
  aria-label="Settings"
639
699
  >
640
700
  <span class="pf-v6-c-menu-toggle__icon">
641
- <i class="fas fa-cog" aria-hidden="true"></i>
701
+ <svg
702
+ class="pf-v5-svg"
703
+ viewBox="0 0 192 512"
704
+ fill="currentColor"
705
+ aria-hidden="true"
706
+ role="img"
707
+ width="1em"
708
+ height="1em"
709
+ >
710
+ <path
711
+ 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"
712
+ />
713
+ </svg>
642
714
  </span>
643
715
  </button>
644
716
  </div>
@@ -650,7 +722,19 @@ wrapperTag: div
650
722
  aria-label="Help"
651
723
  >
652
724
  <span class="pf-v6-c-menu-toggle__icon">
653
- <i class="fas fa-question-circle" aria-hidden="true"></i>
725
+ <svg
726
+ class="pf-v5-svg"
727
+ viewBox="0 0 192 512"
728
+ fill="currentColor"
729
+ aria-hidden="true"
730
+ role="img"
731
+ width="1em"
732
+ height="1em"
733
+ >
734
+ <path
735
+ 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"
736
+ />
737
+ </svg>
654
738
  </span>
655
739
  </button>
656
740
  </div>
@@ -663,7 +747,19 @@ wrapperTag: div
663
747
  aria-label="Actions"
664
748
  >
665
749
  <span class="pf-v6-c-menu-toggle__icon">
666
- <i class="fas fa-ellipsis-v" 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>
667
763
  </span>
668
764
  </button>
669
765
  </div>
@@ -148,7 +148,19 @@ section: patterns
148
148
  aria-label="Application launcher"
149
149
  >
150
150
  <span class="pf-v6-c-menu-toggle__icon">
151
- <i class="fas fa-th" aria-hidden="true"></i>
151
+ <svg
152
+ class="pf-v5-svg"
153
+ viewBox="0 0 192 512"
154
+ fill="currentColor"
155
+ aria-hidden="true"
156
+ role="img"
157
+ width="1em"
158
+ height="1em"
159
+ >
160
+ <path
161
+ 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"
162
+ />
163
+ </svg>
152
164
  </span>
153
165
  </button>
154
166
  </div>
@@ -160,7 +172,19 @@ section: patterns
160
172
  aria-label="Settings"
161
173
  >
162
174
  <span class="pf-v6-c-menu-toggle__icon">
163
- <i class="fas fa-cog" aria-hidden="true"></i>
175
+ <svg
176
+ class="pf-v5-svg"
177
+ viewBox="0 0 192 512"
178
+ fill="currentColor"
179
+ aria-hidden="true"
180
+ role="img"
181
+ width="1em"
182
+ height="1em"
183
+ >
184
+ <path
185
+ 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"
186
+ />
187
+ </svg>
164
188
  </span>
165
189
  </button>
166
190
  </div>
@@ -172,7 +196,19 @@ section: patterns
172
196
  aria-label="Help"
173
197
  >
174
198
  <span class="pf-v6-c-menu-toggle__icon">
175
- <i class="fas fa-question-circle" aria-hidden="true"></i>
199
+ <svg
200
+ class="pf-v5-svg"
201
+ viewBox="0 0 192 512"
202
+ fill="currentColor"
203
+ aria-hidden="true"
204
+ role="img"
205
+ width="1em"
206
+ height="1em"
207
+ >
208
+ <path
209
+ 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"
210
+ />
211
+ </svg>
176
212
  </span>
177
213
  </button>
178
214
  </div>
@@ -185,7 +221,19 @@ section: patterns
185
221
  aria-label="Actions"
186
222
  >
187
223
  <span class="pf-v6-c-menu-toggle__icon">
188
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
224
+ <svg
225
+ class="pf-v5-svg"
226
+ viewBox="0 0 192 512"
227
+ fill="currentColor"
228
+ aria-hidden="true"
229
+ role="img"
230
+ width="1em"
231
+ height="1em"
232
+ >
233
+ <path
234
+ 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"
235
+ />
236
+ </svg>
189
237
  </span>
190
238
  </button>
191
239
  </div>
@@ -374,7 +422,19 @@ section: patterns
374
422
  aria-controls="card-view-basic-example-toolbar-expandable-content"
375
423
  >
376
424
  <span class="pf-v6-c-menu-toggle__icon">
377
- <i class="fas fa-filter" aria-hidden="true"></i>
425
+ <svg
426
+ class="pf-v5-svg"
427
+ viewBox="0 0 192 512"
428
+ fill="currentColor"
429
+ aria-hidden="true"
430
+ role="img"
431
+ width="1em"
432
+ height="1em"
433
+ >
434
+ <path
435
+ 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"
436
+ />
437
+ </svg>
378
438
  </span>
379
439
  </button>
380
440
  </div>
@@ -394,7 +394,19 @@ deprecated: true
394
394
  aria-label="Application launcher"
395
395
  >
396
396
  <span class="pf-v6-c-menu-toggle__icon">
397
- <i class="fas fa-th" aria-hidden="true"></i>
397
+ <svg
398
+ class="pf-v5-svg"
399
+ viewBox="0 0 192 512"
400
+ fill="currentColor"
401
+ aria-hidden="true"
402
+ role="img"
403
+ width="1em"
404
+ height="1em"
405
+ >
406
+ <path
407
+ 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"
408
+ />
409
+ </svg>
398
410
  </span>
399
411
  </button>
400
412
  </div>
@@ -406,7 +418,19 @@ deprecated: true
406
418
  aria-label="Settings"
407
419
  >
408
420
  <span class="pf-v6-c-menu-toggle__icon">
409
- <i class="fas fa-cog" aria-hidden="true"></i>
421
+ <svg
422
+ class="pf-v5-svg"
423
+ viewBox="0 0 192 512"
424
+ fill="currentColor"
425
+ aria-hidden="true"
426
+ role="img"
427
+ width="1em"
428
+ height="1em"
429
+ >
430
+ <path
431
+ 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"
432
+ />
433
+ </svg>
410
434
  </span>
411
435
  </button>
412
436
  </div>
@@ -418,7 +442,19 @@ deprecated: true
418
442
  aria-label="Help"
419
443
  >
420
444
  <span class="pf-v6-c-menu-toggle__icon">
421
- <i class="fas fa-question-circle" aria-hidden="true"></i>
445
+ <svg
446
+ class="pf-v5-svg"
447
+ viewBox="0 0 192 512"
448
+ fill="currentColor"
449
+ aria-hidden="true"
450
+ role="img"
451
+ width="1em"
452
+ height="1em"
453
+ >
454
+ <path
455
+ 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"
456
+ />
457
+ </svg>
422
458
  </span>
423
459
  </button>
424
460
  </div>
@@ -431,7 +467,19 @@ deprecated: true
431
467
  aria-label="Actions"
432
468
  >
433
469
  <span class="pf-v6-c-menu-toggle__icon">
434
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
470
+ <svg
471
+ class="pf-v5-svg"
472
+ viewBox="0 0 192 512"
473
+ fill="currentColor"
474
+ aria-hidden="true"
475
+ role="img"
476
+ width="1em"
477
+ height="1em"
478
+ >
479
+ <path
480
+ 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"
481
+ />
482
+ </svg>
435
483
  </span>
436
484
  </button>
437
485
  </div>
@@ -852,7 +900,19 @@ deprecated: true
852
900
  aria-label="Application launcher"
853
901
  >
854
902
  <span class="pf-v6-c-menu-toggle__icon">
855
- <i class="fas fa-th" aria-hidden="true"></i>
903
+ <svg
904
+ class="pf-v5-svg"
905
+ viewBox="0 0 192 512"
906
+ fill="currentColor"
907
+ aria-hidden="true"
908
+ role="img"
909
+ width="1em"
910
+ height="1em"
911
+ >
912
+ <path
913
+ 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"
914
+ />
915
+ </svg>
856
916
  </span>
857
917
  </button>
858
918
  </div>
@@ -864,7 +924,19 @@ deprecated: true
864
924
  aria-label="Settings"
865
925
  >
866
926
  <span class="pf-v6-c-menu-toggle__icon">
867
- <i class="fas fa-cog" aria-hidden="true"></i>
927
+ <svg
928
+ class="pf-v5-svg"
929
+ viewBox="0 0 192 512"
930
+ fill="currentColor"
931
+ aria-hidden="true"
932
+ role="img"
933
+ width="1em"
934
+ height="1em"
935
+ >
936
+ <path
937
+ 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"
938
+ />
939
+ </svg>
868
940
  </span>
869
941
  </button>
870
942
  </div>
@@ -876,7 +948,19 @@ deprecated: true
876
948
  aria-label="Help"
877
949
  >
878
950
  <span class="pf-v6-c-menu-toggle__icon">
879
- <i class="fas fa-question-circle" aria-hidden="true"></i>
951
+ <svg
952
+ class="pf-v5-svg"
953
+ viewBox="0 0 192 512"
954
+ fill="currentColor"
955
+ aria-hidden="true"
956
+ role="img"
957
+ width="1em"
958
+ height="1em"
959
+ >
960
+ <path
961
+ 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"
962
+ />
963
+ </svg>
880
964
  </span>
881
965
  </button>
882
966
  </div>
@@ -889,7 +973,19 @@ deprecated: true
889
973
  aria-label="Actions"
890
974
  >
891
975
  <span class="pf-v6-c-menu-toggle__icon">
892
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
976
+ <svg
977
+ class="pf-v5-svg"
978
+ viewBox="0 0 192 512"
979
+ fill="currentColor"
980
+ aria-hidden="true"
981
+ role="img"
982
+ width="1em"
983
+ height="1em"
984
+ >
985
+ <path
986
+ 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"
987
+ />
988
+ </svg>
893
989
  </span>
894
990
  </button>
895
991
  </div>
@@ -1312,7 +1408,19 @@ deprecated: true
1312
1408
  aria-label="Application launcher"
1313
1409
  >
1314
1410
  <span class="pf-v6-c-menu-toggle__icon">
1315
- <i class="fas fa-th" aria-hidden="true"></i>
1411
+ <svg
1412
+ class="pf-v5-svg"
1413
+ viewBox="0 0 192 512"
1414
+ fill="currentColor"
1415
+ aria-hidden="true"
1416
+ role="img"
1417
+ width="1em"
1418
+ height="1em"
1419
+ >
1420
+ <path
1421
+ 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"
1422
+ />
1423
+ </svg>
1316
1424
  </span>
1317
1425
  </button>
1318
1426
  </div>
@@ -1324,7 +1432,19 @@ deprecated: true
1324
1432
  aria-label="Settings"
1325
1433
  >
1326
1434
  <span class="pf-v6-c-menu-toggle__icon">
1327
- <i class="fas fa-cog" aria-hidden="true"></i>
1435
+ <svg
1436
+ class="pf-v5-svg"
1437
+ viewBox="0 0 192 512"
1438
+ fill="currentColor"
1439
+ aria-hidden="true"
1440
+ role="img"
1441
+ width="1em"
1442
+ height="1em"
1443
+ >
1444
+ <path
1445
+ 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"
1446
+ />
1447
+ </svg>
1328
1448
  </span>
1329
1449
  </button>
1330
1450
  </div>
@@ -1336,7 +1456,19 @@ deprecated: true
1336
1456
  aria-label="Help"
1337
1457
  >
1338
1458
  <span class="pf-v6-c-menu-toggle__icon">
1339
- <i class="fas fa-question-circle" aria-hidden="true"></i>
1459
+ <svg
1460
+ class="pf-v5-svg"
1461
+ viewBox="0 0 192 512"
1462
+ fill="currentColor"
1463
+ aria-hidden="true"
1464
+ role="img"
1465
+ width="1em"
1466
+ height="1em"
1467
+ >
1468
+ <path
1469
+ 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"
1470
+ />
1471
+ </svg>
1340
1472
  </span>
1341
1473
  </button>
1342
1474
  </div>
@@ -1349,7 +1481,19 @@ deprecated: true
1349
1481
  aria-label="Actions"
1350
1482
  >
1351
1483
  <span class="pf-v6-c-menu-toggle__icon">
1352
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
1484
+ <svg
1485
+ class="pf-v5-svg"
1486
+ viewBox="0 0 192 512"
1487
+ fill="currentColor"
1488
+ aria-hidden="true"
1489
+ role="img"
1490
+ width="1em"
1491
+ height="1em"
1492
+ >
1493
+ <path
1494
+ 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"
1495
+ />
1496
+ </svg>
1353
1497
  </span>
1354
1498
  </button>
1355
1499
  </div>
@@ -149,7 +149,19 @@ cssPrefix: pf-d-dashboard
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-dashboard
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-dashboard
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-dashboard
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>