@patternfly/patternfly 6.5.0-prerelease.62 → 6.5.0-prerelease.64

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 (55) hide show
  1. package/components/Button/button.css +2 -2
  2. package/components/Button/button.scss +3 -3
  3. package/components/ClipboardCopy/clipboard-copy.css +7 -1
  4. package/components/ClipboardCopy/clipboard-copy.scss +10 -1
  5. package/components/Menu/menu.css +26 -19
  6. package/components/Menu/menu.scss +26 -19
  7. package/components/MenuToggle/menu-toggle.css +9 -5
  8. package/components/MenuToggle/menu-toggle.scss +12 -5
  9. package/components/_index.css +44 -27
  10. package/docs/components/Breadcrumb/examples/Breadcrumb.md +13 -1
  11. package/docs/components/CalendarMonth/examples/CalendarMonth.md +52 -4
  12. package/docs/components/Card/examples/Card.md +130 -10
  13. package/docs/components/ClipboardCopy/examples/ClipboardCopy.md +39 -38
  14. package/docs/components/DataList/examples/DataList.md +221 -17
  15. package/docs/components/DualListSelector/examples/DualListSelector.md +234 -18
  16. package/docs/components/Hint/examples/Hint.md +39 -3
  17. package/docs/components/InlineEdit/examples/InlineEdit.md +26 -2
  18. package/docs/components/InputGroup/examples/InputGroup.md +13 -1
  19. package/docs/components/Login/examples/Login.md +13 -1
  20. package/docs/components/Menu/examples/Menu.md +195 -15
  21. package/docs/components/MenuToggle/examples/MenuToggle.md +1331 -100
  22. package/docs/components/NotificationDrawer/examples/NotificationDrawer.md +481 -37
  23. package/docs/components/OverflowMenu/examples/overflow-menu.md +65 -5
  24. package/docs/components/Page/examples/Page.md +62 -15
  25. package/docs/components/Pagination/examples/Pagination.md +169 -13
  26. package/docs/components/Table/examples/Table.md +3461 -269
  27. package/docs/components/Toolbar/examples/Toolbar.md +507 -39
  28. package/docs/demos/AboutModal/examples/AboutModal.md +34 -4
  29. package/docs/demos/Alert/examples/Alert.md +102 -12
  30. package/docs/demos/BackToTop/examples/BackToTop.md +34 -4
  31. package/docs/demos/Banner/examples/Banner.md +68 -8
  32. package/docs/demos/Card/examples/Card.md +78 -6
  33. package/docs/demos/CardView/examples/CardView.md +214 -22
  34. package/docs/demos/Compass/examples/Compass.md +431 -56
  35. package/docs/demos/Dashboard/examples/Dashboard.md +71 -11
  36. package/docs/demos/DataList/examples/DataList.md +401 -53
  37. package/docs/demos/DescriptionList/examples/DescriptionList.md +115 -13
  38. package/docs/demos/Drawer/examples/Drawer.md +167 -17
  39. package/docs/demos/JumpLinks/examples/JumpLinks.md +188 -20
  40. package/docs/demos/Masthead/examples/Masthead.md +228 -30
  41. package/docs/demos/Modal/examples/Modal.md +204 -24
  42. package/docs/demos/Nav/examples/Nav.md +184 -28
  43. package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +1015 -85
  44. package/docs/demos/Page/examples/Page.md +503 -58
  45. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +649 -97
  46. package/docs/demos/Skeleton/examples/Skeleton.md +34 -4
  47. package/docs/demos/Table/examples/Table.md +2641 -349
  48. package/docs/demos/Tabs/examples/Tabs.md +295 -31
  49. package/docs/demos/Toolbar/examples/Toolbar.md +675 -63
  50. package/docs/demos/Wizard/examples/Wizard.md +306 -36
  51. package/package.json +1 -1
  52. package/patternfly-no-globals.css +44 -27
  53. package/patternfly.css +44 -27
  54. package/patternfly.min.css +1 -1
  55. package/patternfly.min.css.map +1 -1
package/docs/demos/CardView/examples/CardView.md CHANGED
@@ -158,7 +158,19 @@ section: patterns
158
158
  aria-label="Settings"
159
159
  >
160
160
  <span class="pf-v6-c-menu-toggle__icon">
161
- <i class="fas fa-cog" aria-hidden="true"></i>
161
+ <svg
162
+ class="pf-v6-svg"
163
+ viewBox="0 0 32 32"
164
+ fill="currentColor"
165
+ aria-hidden="true"
166
+ role="img"
167
+ width="1em"
168
+ height="1em"
169
+ >
170
+ <path
171
+ d="M30.168 12.894a.5.5 0 0 0-.488-.394h-2.732a11.512 11.512 0 0 0-.729-1.769l1.931-1.93a.5.5 0 0 0 .066-.625 14.693 14.693 0 0 0-4.393-4.392.498.498 0 0 0-.624.067l-1.93 1.93a11.512 11.512 0 0 0-1.769-.729V2.319a.5.5 0 0 0-.395-.489 14.81 14.81 0 0 0-6.211 0 .5.5 0 0 0-.395.489v2.733c-.614.196-1.207.439-1.769.729L8.8 3.851a.498.498 0 0 0-.624-.067 14.714 14.714 0 0 0-4.393 4.392.5.5 0 0 0 .066.625l1.931 1.93a11.512 11.512 0 0 0-.729 1.769H2.319a.5.5 0 0 0-.488.394 14.652 14.652 0 0 0 0 6.212.5.5 0 0 0 .488.394h2.732c.196.615.44 1.207.729 1.769l-1.931 1.93a.5.5 0 0 0-.066.625 14.673 14.673 0 0 0 4.393 4.392.498.498 0 0 0 .624-.067l1.93-1.93c.562.289 1.154.533 1.769.729v2.733a.5.5 0 0 0 .395.489 14.686 14.686 0 0 0 6.21 0 .5.5 0 0 0 .395-.489v-2.733a11.454 11.454 0 0 0 1.769-.729l1.93 1.93a.5.5 0 0 0 .624.067 14.714 14.714 0 0 0 4.393-4.392.5.5 0 0 0-.066-.625l-1.931-1.93c.289-.562.533-1.154.729-1.769h2.732a.5.5 0 0 0 .488-.394 14.652 14.652 0 0 0 0-6.212ZM16 21.25c-2.895 0-5.25-2.355-5.25-5.25s2.355-5.25 5.25-5.25 5.25 2.355 5.25 5.25-2.355 5.25-5.25 5.25Z"
172
+ />
173
+ </svg>
162
174
  </span>
163
175
  </button>
164
176
  </div>
@@ -184,7 +196,19 @@ section: patterns
184
196
  aria-label="Actions"
185
197
  >
186
198
  <span class="pf-v6-c-menu-toggle__icon">
187
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
199
+ <svg
200
+ class="pf-v6-svg"
201
+ viewBox="0 0 32 32"
202
+ fill="currentColor"
203
+ aria-hidden="true"
204
+ role="img"
205
+ width="1em"
206
+ height="1em"
207
+ >
208
+ <path
209
+ d="M12.25 5c0-2.068 1.683-3.75 3.75-3.75S19.75 2.932 19.75 5 18.067 8.75 16 8.75 12.25 7.068 12.25 5ZM16 12.25c-2.067 0-3.75 1.682-3.75 3.75s1.683 3.75 3.75 3.75 3.75-1.682 3.75-3.75-1.683-3.75-3.75-3.75Zm0 11c-2.067 0-3.75 1.682-3.75 3.75s1.683 3.75 3.75 3.75 3.75-1.682 3.75-3.75-1.683-3.75-3.75-3.75Z"
210
+ />
211
+ </svg>
188
212
  </span>
189
213
  </button>
190
214
  </div>
@@ -443,9 +467,15 @@ section: patterns
443
467
  </nav>
444
468
  </div>
445
469
  </section>
446
- <section class="pf-v6-c-page__main-section pf-m-limit-width">
470
+ <section
471
+ class="pf-v6-c-page__main-section pf-m-limit-width"
472
+ aria-labelledby="main-title"
473
+ >
447
474
  <div class="pf-v6-c-page__main-body">
448
- <h1 class="pf-v6-c-content--h1 pf-m-page-title">Main title</h1>
475
+ <h1
476
+ class="pf-v6-c-content--h1 pf-m-page-title"
477
+ id="main-title"
478
+ >Main title</h1>
449
479
  <p class="pf-v6-c-content--p">This is a full page demo.</p>
450
480
  </div>
451
481
  </section>
@@ -496,10 +526,19 @@ section: patterns
496
526
  >
497
527
  <span class="pf-v6-c-menu-toggle__controls">
498
528
  <span class="pf-v6-c-menu-toggle__toggle-icon">
499
- <i
500
- class="fas fa-caret-down fa-fw"
529
+ <svg
530
+ class="pf-v6-svg"
531
+ viewBox="0 0 20 20"
532
+ fill="currentColor"
501
533
  aria-hidden="true"
502
- ></i>
534
+ role="img"
535
+ width="1em"
536
+ height="1em"
537
+ >
538
+ <path
539
+ d="M18.92 5.62C18.77 5.25 18.4 5 18 5H2a1.003 1.003 0 0 0-.71 1.71l7.65 7.65c.29.29.68.44 1.06.44s.77-.15 1.06-.44l7.65-7.65c.29-.29.37-.72.22-1.09Z"
540
+ />
541
+ </svg>
503
542
  </span>
504
543
  </span>
505
544
  </button>
@@ -516,7 +555,19 @@ section: patterns
516
555
  <span class="pf-v6-c-menu-toggle__text">Status</span>
517
556
  <span class="pf-v6-c-menu-toggle__controls">
518
557
  <span class="pf-v6-c-menu-toggle__toggle-icon">
519
- <i class="fas fa-caret-down fa-fw" aria-hidden="true"></i>
558
+ <svg
559
+ class="pf-v6-svg"
560
+ viewBox="0 0 20 20"
561
+ fill="currentColor"
562
+ aria-hidden="true"
563
+ role="img"
564
+ width="1em"
565
+ height="1em"
566
+ >
567
+ <path
568
+ d="M18.92 5.62C18.77 5.25 18.4 5 18 5H2a1.003 1.003 0 0 0-.71 1.71l7.65 7.65c.29.29.68.44 1.06.44s.77-.15 1.06-.44l7.65-7.65c.29-.29.37-.72.22-1.09Z"
569
+ />
570
+ </svg>
520
571
  </span>
521
572
  </span>
522
573
  </button>
@@ -550,7 +601,19 @@ section: patterns
550
601
  id="card-view-basic-example-toolbar-overflow-menu-toggle"
551
602
  >
552
603
  <span class="pf-v6-c-menu-toggle__icon">
553
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
604
+ <svg
605
+ class="pf-v6-svg"
606
+ viewBox="0 0 32 32"
607
+ fill="currentColor"
608
+ aria-hidden="true"
609
+ role="img"
610
+ width="1em"
611
+ height="1em"
612
+ >
613
+ <path
614
+ d="M12.25 5c0-2.068 1.683-3.75 3.75-3.75S19.75 2.932 19.75 5 18.067 8.75 16 8.75 12.25 7.068 12.25 5ZM16 12.25c-2.067 0-3.75 1.682-3.75 3.75s1.683 3.75 3.75 3.75 3.75-1.682 3.75-3.75-1.683-3.75-3.75-3.75Zm0 11c-2.067 0-3.75 1.682-3.75 3.75s1.683 3.75 3.75 3.75 3.75-1.682 3.75-3.75-1.683-3.75-3.75-3.75Z"
615
+ />
616
+ </svg>
554
617
  </span>
555
618
  </button>
556
619
  </div>
@@ -571,10 +634,19 @@ section: patterns
571
634
  </span>
572
635
  <span class="pf-v6-c-menu-toggle__controls">
573
636
  <span class="pf-v6-c-menu-toggle__toggle-icon">
574
- <i
575
- class="fas fa-caret-down fa-fw"
637
+ <svg
638
+ class="pf-v6-svg"
639
+ viewBox="0 0 20 20"
640
+ fill="currentColor"
576
641
  aria-hidden="true"
577
- ></i>
642
+ role="img"
643
+ width="1em"
644
+ height="1em"
645
+ >
646
+ <path
647
+ d="M18.92 5.62C18.77 5.25 18.4 5 18 5H2a1.003 1.003 0 0 0-.71 1.71l7.65 7.65c.29.29.68.44 1.06.44s.77-.15 1.06-.44l7.65-7.65c.29-.29.37-.72.22-1.09Z"
648
+ />
649
+ </svg>
578
650
  </span>
579
651
  </span>
580
652
  </button>
@@ -696,7 +768,19 @@ section: patterns
696
768
  id="card-view-basic-example-gallery-card-1-toggle"
697
769
  >
698
770
  <span class="pf-v6-c-menu-toggle__icon">
699
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
771
+ <svg
772
+ class="pf-v6-svg"
773
+ viewBox="0 0 32 32"
774
+ fill="currentColor"
775
+ aria-hidden="true"
776
+ role="img"
777
+ width="1em"
778
+ height="1em"
779
+ >
780
+ <path
781
+ d="M12.25 5c0-2.068 1.683-3.75 3.75-3.75S19.75 2.932 19.75 5 18.067 8.75 16 8.75 12.25 7.068 12.25 5ZM16 12.25c-2.067 0-3.75 1.682-3.75 3.75s1.683 3.75 3.75 3.75 3.75-1.682 3.75-3.75-1.683-3.75-3.75-3.75Zm0 11c-2.067 0-3.75 1.682-3.75 3.75s1.683 3.75 3.75 3.75 3.75-1.682 3.75-3.75-1.683-3.75-3.75-3.75Z"
782
+ />
783
+ </svg>
700
784
  </span>
701
785
  </button>
702
786
  <div class="pf-v6-c-check pf-m-standalone">
@@ -742,7 +826,19 @@ section: patterns
742
826
  id="card-view-basic-example-gallery-card-2-toggle"
743
827
  >
744
828
  <span class="pf-v6-c-menu-toggle__icon">
745
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
829
+ <svg
830
+ class="pf-v6-svg"
831
+ viewBox="0 0 32 32"
832
+ fill="currentColor"
833
+ aria-hidden="true"
834
+ role="img"
835
+ width="1em"
836
+ height="1em"
837
+ >
838
+ <path
839
+ d="M12.25 5c0-2.068 1.683-3.75 3.75-3.75S19.75 2.932 19.75 5 18.067 8.75 16 8.75 12.25 7.068 12.25 5ZM16 12.25c-2.067 0-3.75 1.682-3.75 3.75s1.683 3.75 3.75 3.75 3.75-1.682 3.75-3.75-1.683-3.75-3.75-3.75Zm0 11c-2.067 0-3.75 1.682-3.75 3.75s1.683 3.75 3.75 3.75 3.75-1.682 3.75-3.75-1.683-3.75-3.75-3.75Z"
840
+ />
841
+ </svg>
746
842
  </span>
747
843
  </button>
748
844
  <div class="pf-v6-c-check pf-m-standalone">
@@ -788,7 +884,19 @@ section: patterns
788
884
  id="card-view-basic-example-gallery-card-3-toggle"
789
885
  >
790
886
  <span class="pf-v6-c-menu-toggle__icon">
791
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
887
+ <svg
888
+ class="pf-v6-svg"
889
+ viewBox="0 0 32 32"
890
+ fill="currentColor"
891
+ aria-hidden="true"
892
+ role="img"
893
+ width="1em"
894
+ height="1em"
895
+ >
896
+ <path
897
+ d="M12.25 5c0-2.068 1.683-3.75 3.75-3.75S19.75 2.932 19.75 5 18.067 8.75 16 8.75 12.25 7.068 12.25 5ZM16 12.25c-2.067 0-3.75 1.682-3.75 3.75s1.683 3.75 3.75 3.75 3.75-1.682 3.75-3.75-1.683-3.75-3.75-3.75Zm0 11c-2.067 0-3.75 1.682-3.75 3.75s1.683 3.75 3.75 3.75 3.75-1.682 3.75-3.75-1.683-3.75-3.75-3.75Z"
898
+ />
899
+ </svg>
792
900
  </span>
793
901
  </button>
794
902
  <div class="pf-v6-c-check pf-m-standalone">
@@ -870,7 +978,19 @@ section: patterns
870
978
  id="card-view-basic-example-gallery-card-1-toggle"
871
979
  >
872
980
  <span class="pf-v6-c-menu-toggle__icon">
873
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
981
+ <svg
982
+ class="pf-v6-svg"
983
+ viewBox="0 0 32 32"
984
+ fill="currentColor"
985
+ aria-hidden="true"
986
+ role="img"
987
+ width="1em"
988
+ height="1em"
989
+ >
990
+ <path
991
+ d="M12.25 5c0-2.068 1.683-3.75 3.75-3.75S19.75 2.932 19.75 5 18.067 8.75 16 8.75 12.25 7.068 12.25 5ZM16 12.25c-2.067 0-3.75 1.682-3.75 3.75s1.683 3.75 3.75 3.75 3.75-1.682 3.75-3.75-1.683-3.75-3.75-3.75Zm0 11c-2.067 0-3.75 1.682-3.75 3.75s1.683 3.75 3.75 3.75 3.75-1.682 3.75-3.75-1.683-3.75-3.75-3.75Z"
992
+ />
993
+ </svg>
874
994
  </span>
875
995
  </button>
876
996
  <div class="pf-v6-c-check pf-m-standalone">
@@ -916,7 +1036,19 @@ section: patterns
916
1036
  id="card-view-basic-example-gallery-card-2-toggle"
917
1037
  >
918
1038
  <span class="pf-v6-c-menu-toggle__icon">
919
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
1039
+ <svg
1040
+ class="pf-v6-svg"
1041
+ viewBox="0 0 32 32"
1042
+ fill="currentColor"
1043
+ aria-hidden="true"
1044
+ role="img"
1045
+ width="1em"
1046
+ height="1em"
1047
+ >
1048
+ <path
1049
+ d="M12.25 5c0-2.068 1.683-3.75 3.75-3.75S19.75 2.932 19.75 5 18.067 8.75 16 8.75 12.25 7.068 12.25 5ZM16 12.25c-2.067 0-3.75 1.682-3.75 3.75s1.683 3.75 3.75 3.75 3.75-1.682 3.75-3.75-1.683-3.75-3.75-3.75Zm0 11c-2.067 0-3.75 1.682-3.75 3.75s1.683 3.75 3.75 3.75 3.75-1.682 3.75-3.75-1.683-3.75-3.75-3.75Z"
1050
+ />
1051
+ </svg>
920
1052
  </span>
921
1053
  </button>
922
1054
  <div class="pf-v6-c-check pf-m-standalone">
@@ -962,7 +1094,19 @@ section: patterns
962
1094
  id="card-view-basic-example-gallery-card-3-toggle"
963
1095
  >
964
1096
  <span class="pf-v6-c-menu-toggle__icon">
965
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
1097
+ <svg
1098
+ class="pf-v6-svg"
1099
+ viewBox="0 0 32 32"
1100
+ fill="currentColor"
1101
+ aria-hidden="true"
1102
+ role="img"
1103
+ width="1em"
1104
+ height="1em"
1105
+ >
1106
+ <path
1107
+ d="M12.25 5c0-2.068 1.683-3.75 3.75-3.75S19.75 2.932 19.75 5 18.067 8.75 16 8.75 12.25 7.068 12.25 5ZM16 12.25c-2.067 0-3.75 1.682-3.75 3.75s1.683 3.75 3.75 3.75 3.75-1.682 3.75-3.75-1.683-3.75-3.75-3.75Zm0 11c-2.067 0-3.75 1.682-3.75 3.75s1.683 3.75 3.75 3.75 3.75-1.682 3.75-3.75-1.683-3.75-3.75-3.75Z"
1108
+ />
1109
+ </svg>
966
1110
  </span>
967
1111
  </button>
968
1112
  <div class="pf-v6-c-check pf-m-standalone">
@@ -1044,7 +1188,19 @@ section: patterns
1044
1188
  id="card-view-basic-example-gallery-card-1-toggle"
1045
1189
  >
1046
1190
  <span class="pf-v6-c-menu-toggle__icon">
1047
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
1191
+ <svg
1192
+ class="pf-v6-svg"
1193
+ viewBox="0 0 32 32"
1194
+ fill="currentColor"
1195
+ aria-hidden="true"
1196
+ role="img"
1197
+ width="1em"
1198
+ height="1em"
1199
+ >
1200
+ <path
1201
+ d="M12.25 5c0-2.068 1.683-3.75 3.75-3.75S19.75 2.932 19.75 5 18.067 8.75 16 8.75 12.25 7.068 12.25 5ZM16 12.25c-2.067 0-3.75 1.682-3.75 3.75s1.683 3.75 3.75 3.75 3.75-1.682 3.75-3.75-1.683-3.75-3.75-3.75Zm0 11c-2.067 0-3.75 1.682-3.75 3.75s1.683 3.75 3.75 3.75 3.75-1.682 3.75-3.75-1.683-3.75-3.75-3.75Z"
1202
+ />
1203
+ </svg>
1048
1204
  </span>
1049
1205
  </button>
1050
1206
  <div class="pf-v6-c-check pf-m-standalone">
@@ -1090,7 +1246,19 @@ section: patterns
1090
1246
  id="card-view-basic-example-gallery-card-2-toggle"
1091
1247
  >
1092
1248
  <span class="pf-v6-c-menu-toggle__icon">
1093
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
1249
+ <svg
1250
+ class="pf-v6-svg"
1251
+ viewBox="0 0 32 32"
1252
+ fill="currentColor"
1253
+ aria-hidden="true"
1254
+ role="img"
1255
+ width="1em"
1256
+ height="1em"
1257
+ >
1258
+ <path
1259
+ d="M12.25 5c0-2.068 1.683-3.75 3.75-3.75S19.75 2.932 19.75 5 18.067 8.75 16 8.75 12.25 7.068 12.25 5ZM16 12.25c-2.067 0-3.75 1.682-3.75 3.75s1.683 3.75 3.75 3.75 3.75-1.682 3.75-3.75-1.683-3.75-3.75-3.75Zm0 11c-2.067 0-3.75 1.682-3.75 3.75s1.683 3.75 3.75 3.75 3.75-1.682 3.75-3.75-1.683-3.75-3.75-3.75Z"
1260
+ />
1261
+ </svg>
1094
1262
  </span>
1095
1263
  </button>
1096
1264
  <div class="pf-v6-c-check pf-m-standalone">
@@ -1136,7 +1304,19 @@ section: patterns
1136
1304
  id="card-view-basic-example-gallery-card-3-toggle"
1137
1305
  >
1138
1306
  <span class="pf-v6-c-menu-toggle__icon">
1139
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
1307
+ <svg
1308
+ class="pf-v6-svg"
1309
+ viewBox="0 0 32 32"
1310
+ fill="currentColor"
1311
+ aria-hidden="true"
1312
+ role="img"
1313
+ width="1em"
1314
+ height="1em"
1315
+ >
1316
+ <path
1317
+ d="M12.25 5c0-2.068 1.683-3.75 3.75-3.75S19.75 2.932 19.75 5 18.067 8.75 16 8.75 12.25 7.068 12.25 5ZM16 12.25c-2.067 0-3.75 1.682-3.75 3.75s1.683 3.75 3.75 3.75 3.75-1.682 3.75-3.75-1.683-3.75-3.75-3.75Zm0 11c-2.067 0-3.75 1.682-3.75 3.75s1.683 3.75 3.75 3.75 3.75-1.682 3.75-3.75-1.683-3.75-3.75-3.75Z"
1318
+ />
1319
+ </svg>
1140
1320
  </span>
1141
1321
  </button>
1142
1322
  <div class="pf-v6-c-check pf-m-standalone">
@@ -1180,7 +1360,19 @@ section: patterns
1180
1360
  </span>
1181
1361
  <span class="pf-v6-c-menu-toggle__controls">
1182
1362
  <span class="pf-v6-c-menu-toggle__toggle-icon">
1183
- <i class="fas fa-caret-down fa-fw" aria-hidden="true"></i>
1363
+ <svg
1364
+ class="pf-v6-svg"
1365
+ viewBox="0 0 20 20"
1366
+ fill="currentColor"
1367
+ aria-hidden="true"
1368
+ role="img"
1369
+ width="1em"
1370
+ height="1em"
1371
+ >
1372
+ <path
1373
+ d="M18.92 5.62C18.77 5.25 18.4 5 18 5H2a1.003 1.003 0 0 0-.71 1.71l7.65 7.65c.29.29.68.44 1.06.44s.77-.15 1.06-.44l7.65-7.65c.29-.29.37-.72.22-1.09Z"
1374
+ />
1375
+ </svg>
1184
1376
  </span>
1185
1377
  </span>
1186
1378
  </button>