@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
@@ -161,7 +161,19 @@ section: components
161
161
  aria-label="Settings"
162
162
  >
163
163
  <span class="pf-v6-c-menu-toggle__icon">
164
- <i class="fas fa-cog" aria-hidden="true"></i>
164
+ <svg
165
+ class="pf-v6-svg"
166
+ viewBox="0 0 32 32"
167
+ fill="currentColor"
168
+ aria-hidden="true"
169
+ role="img"
170
+ width="1em"
171
+ height="1em"
172
+ >
173
+ <path
174
+ 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"
175
+ />
176
+ </svg>
165
177
  </span>
166
178
  </button>
167
179
  </div>
@@ -187,7 +199,19 @@ section: components
187
199
  aria-label="Actions"
188
200
  >
189
201
  <span class="pf-v6-c-menu-toggle__icon">
190
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
202
+ <svg
203
+ class="pf-v6-svg"
204
+ viewBox="0 0 32 32"
205
+ fill="currentColor"
206
+ aria-hidden="true"
207
+ role="img"
208
+ width="1em"
209
+ height="1em"
210
+ >
211
+ <path
212
+ 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"
213
+ />
214
+ </svg>
191
215
  </span>
192
216
  </button>
193
217
  </div>
@@ -318,9 +342,15 @@ section: components
318
342
  </nav>
319
343
  </div>
320
344
  </section>
321
- <section class="pf-v6-c-page__main-section pf-m-limit-width">
345
+ <section
346
+ class="pf-v6-c-page__main-section pf-m-limit-width"
347
+ aria-labelledby="main-title"
348
+ >
322
349
  <div class="pf-v6-c-page__main-body">
323
- <h1 class="pf-v6-c-content--h1 pf-m-page-title">Main title</h1>
350
+ <h1
351
+ class="pf-v6-c-content--h1 pf-m-page-title"
352
+ id="main-title"
353
+ >Main title</h1>
324
354
  <p class="pf-v6-c-content--p">This is a full page demo.</p>
325
355
  </div>
326
356
  </section>
@@ -643,7 +673,19 @@ section: components
643
673
  aria-label="Settings"
644
674
  >
645
675
  <span class="pf-v6-c-menu-toggle__icon">
646
- <i class="fas fa-cog" aria-hidden="true"></i>
676
+ <svg
677
+ class="pf-v6-svg"
678
+ viewBox="0 0 32 32"
679
+ fill="currentColor"
680
+ aria-hidden="true"
681
+ role="img"
682
+ width="1em"
683
+ height="1em"
684
+ >
685
+ <path
686
+ 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"
687
+ />
688
+ </svg>
647
689
  </span>
648
690
  </button>
649
691
  </div>
@@ -669,7 +711,19 @@ section: components
669
711
  aria-label="Actions"
670
712
  >
671
713
  <span class="pf-v6-c-menu-toggle__icon">
672
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
714
+ <svg
715
+ class="pf-v6-svg"
716
+ viewBox="0 0 32 32"
717
+ fill="currentColor"
718
+ aria-hidden="true"
719
+ role="img"
720
+ width="1em"
721
+ height="1em"
722
+ >
723
+ <path
724
+ 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"
725
+ />
726
+ </svg>
673
727
  </span>
674
728
  </button>
675
729
  </div>
@@ -800,9 +854,15 @@ section: components
800
854
  </nav>
801
855
  </div>
802
856
  </section>
803
- <section class="pf-v6-c-page__main-section pf-m-limit-width">
857
+ <section
858
+ class="pf-v6-c-page__main-section pf-m-limit-width"
859
+ aria-labelledby="main-title"
860
+ >
804
861
  <div class="pf-v6-c-page__main-body">
805
- <h1 class="pf-v6-c-content--h1 pf-m-page-title">Main title</h1>
862
+ <h1
863
+ class="pf-v6-c-content--h1 pf-m-page-title"
864
+ id="main-title"
865
+ >Main title</h1>
806
866
  <p class="pf-v6-c-content--p">This is a full page demo.</p>
807
867
  </div>
808
868
  </section>
@@ -1125,7 +1185,19 @@ section: components
1125
1185
  aria-label="Settings"
1126
1186
  >
1127
1187
  <span class="pf-v6-c-menu-toggle__icon">
1128
- <i class="fas fa-cog" aria-hidden="true"></i>
1188
+ <svg
1189
+ class="pf-v6-svg"
1190
+ viewBox="0 0 32 32"
1191
+ fill="currentColor"
1192
+ aria-hidden="true"
1193
+ role="img"
1194
+ width="1em"
1195
+ height="1em"
1196
+ >
1197
+ <path
1198
+ 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"
1199
+ />
1200
+ </svg>
1129
1201
  </span>
1130
1202
  </button>
1131
1203
  </div>
@@ -1151,7 +1223,19 @@ section: components
1151
1223
  aria-label="Actions"
1152
1224
  >
1153
1225
  <span class="pf-v6-c-menu-toggle__icon">
1154
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
1226
+ <svg
1227
+ class="pf-v6-svg"
1228
+ viewBox="0 0 32 32"
1229
+ fill="currentColor"
1230
+ aria-hidden="true"
1231
+ role="img"
1232
+ width="1em"
1233
+ height="1em"
1234
+ >
1235
+ <path
1236
+ 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"
1237
+ />
1238
+ </svg>
1155
1239
  </span>
1156
1240
  </button>
1157
1241
  </div>
@@ -1282,9 +1366,15 @@ section: components
1282
1366
  </nav>
1283
1367
  </div>
1284
1368
  </section>
1285
- <section class="pf-v6-c-page__main-section pf-m-limit-width">
1369
+ <section
1370
+ class="pf-v6-c-page__main-section pf-m-limit-width"
1371
+ aria-labelledby="main-title"
1372
+ >
1286
1373
  <div class="pf-v6-c-page__main-body">
1287
- <h1 class="pf-v6-c-content--h1 pf-m-page-title">Main title</h1>
1374
+ <h1
1375
+ class="pf-v6-c-content--h1 pf-m-page-title"
1376
+ id="main-title"
1377
+ >Main title</h1>
1288
1378
  <p class="pf-v6-c-content--p">This is a full page demo.</p>
1289
1379
  </div>
1290
1380
  </section>
@@ -1604,7 +1694,19 @@ section: components
1604
1694
  aria-label="Settings"
1605
1695
  >
1606
1696
  <span class="pf-v6-c-menu-toggle__icon">
1607
- <i class="fas fa-cog" aria-hidden="true"></i>
1697
+ <svg
1698
+ class="pf-v6-svg"
1699
+ viewBox="0 0 32 32"
1700
+ fill="currentColor"
1701
+ aria-hidden="true"
1702
+ role="img"
1703
+ width="1em"
1704
+ height="1em"
1705
+ >
1706
+ <path
1707
+ 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"
1708
+ />
1709
+ </svg>
1608
1710
  </span>
1609
1711
  </button>
1610
1712
  </div>
@@ -1630,7 +1732,19 @@ section: components
1630
1732
  aria-label="Actions"
1631
1733
  >
1632
1734
  <span class="pf-v6-c-menu-toggle__icon">
1633
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
1735
+ <svg
1736
+ class="pf-v6-svg"
1737
+ viewBox="0 0 32 32"
1738
+ fill="currentColor"
1739
+ aria-hidden="true"
1740
+ role="img"
1741
+ width="1em"
1742
+ height="1em"
1743
+ >
1744
+ <path
1745
+ 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"
1746
+ />
1747
+ </svg>
1634
1748
  </span>
1635
1749
  </button>
1636
1750
  </div>
@@ -1761,9 +1875,15 @@ section: components
1761
1875
  </nav>
1762
1876
  </div>
1763
1877
  </section>
1764
- <section class="pf-v6-c-page__main-section pf-m-limit-width">
1878
+ <section
1879
+ class="pf-v6-c-page__main-section pf-m-limit-width"
1880
+ aria-labelledby="main-title"
1881
+ >
1765
1882
  <div class="pf-v6-c-page__main-body">
1766
- <h1 class="pf-v6-c-content--h1 pf-m-page-title">Main title</h1>
1883
+ <h1
1884
+ class="pf-v6-c-content--h1 pf-m-page-title"
1885
+ id="main-title"
1886
+ >Main title</h1>
1767
1887
  <p class="pf-v6-c-content--p">This is a full page demo.</p>
1768
1888
  </div>
1769
1889
  </section>
@@ -2020,7 +2140,19 @@ section: components
2020
2140
  aria-label="Settings"
2021
2141
  >
2022
2142
  <span class="pf-v6-c-menu-toggle__icon">
2023
- <i class="fas fa-cog" aria-hidden="true"></i>
2143
+ <svg
2144
+ class="pf-v6-svg"
2145
+ viewBox="0 0 32 32"
2146
+ fill="currentColor"
2147
+ aria-hidden="true"
2148
+ role="img"
2149
+ width="1em"
2150
+ height="1em"
2151
+ >
2152
+ <path
2153
+ 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"
2154
+ />
2155
+ </svg>
2024
2156
  </span>
2025
2157
  </button>
2026
2158
  </div>
@@ -2046,7 +2178,19 @@ section: components
2046
2178
  aria-label="Actions"
2047
2179
  >
2048
2180
  <span class="pf-v6-c-menu-toggle__icon">
2049
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
2181
+ <svg
2182
+ class="pf-v6-svg"
2183
+ viewBox="0 0 32 32"
2184
+ fill="currentColor"
2185
+ aria-hidden="true"
2186
+ role="img"
2187
+ width="1em"
2188
+ height="1em"
2189
+ >
2190
+ <path
2191
+ 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"
2192
+ />
2193
+ </svg>
2050
2194
  </span>
2051
2195
  </button>
2052
2196
  </div>
@@ -2466,7 +2610,19 @@ section: components
2466
2610
  aria-label="Settings"
2467
2611
  >
2468
2612
  <span class="pf-v6-c-menu-toggle__icon">
2469
- <i class="fas fa-cog" aria-hidden="true"></i>
2613
+ <svg
2614
+ class="pf-v6-svg"
2615
+ viewBox="0 0 32 32"
2616
+ fill="currentColor"
2617
+ aria-hidden="true"
2618
+ role="img"
2619
+ width="1em"
2620
+ height="1em"
2621
+ >
2622
+ <path
2623
+ 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"
2624
+ />
2625
+ </svg>
2470
2626
  </span>
2471
2627
  </button>
2472
2628
  </div>
@@ -2492,7 +2648,19 @@ section: components
2492
2648
  aria-label="Actions"
2493
2649
  >
2494
2650
  <span class="pf-v6-c-menu-toggle__icon">
2495
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
2651
+ <svg
2652
+ class="pf-v6-svg"
2653
+ viewBox="0 0 32 32"
2654
+ fill="currentColor"
2655
+ aria-hidden="true"
2656
+ role="img"
2657
+ width="1em"
2658
+ height="1em"
2659
+ >
2660
+ <path
2661
+ 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"
2662
+ />
2663
+ </svg>
2496
2664
  </span>
2497
2665
  </button>
2498
2666
  </div>