@patternfly/patternfly 6.5.0-prerelease.61 → 6.5.0-prerelease.63

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 (56) hide show
  1. package/assets/images/glass-brand-dark.jpg +0 -0
  2. package/components/Button/button.css +2 -2
  3. package/components/Button/button.scss +3 -3
  4. package/components/CodeEditor/code-editor.css +1 -1
  5. package/components/CodeEditor/code-editor.scss +1 -1
  6. package/components/Menu/menu.css +26 -19
  7. package/components/Menu/menu.scss +26 -19
  8. package/components/MenuToggle/menu-toggle.css +9 -5
  9. package/components/MenuToggle/menu-toggle.scss +12 -5
  10. package/components/Page/page.css +3 -0
  11. package/components/Page/page.scss +4 -0
  12. package/components/_index.css +41 -27
  13. package/docs/components/Breadcrumb/examples/Breadcrumb.md +13 -1
  14. package/docs/components/CalendarMonth/examples/CalendarMonth.md +52 -4
  15. package/docs/components/Card/examples/Card.md +130 -10
  16. package/docs/components/DataList/examples/DataList.md +221 -17
  17. package/docs/components/DualListSelector/examples/DualListSelector.md +234 -18
  18. package/docs/components/Hint/examples/Hint.md +39 -3
  19. package/docs/components/InlineEdit/examples/InlineEdit.md +26 -2
  20. package/docs/components/InputGroup/examples/InputGroup.md +13 -1
  21. package/docs/components/Login/examples/Login.md +13 -1
  22. package/docs/components/Menu/examples/Menu.md +195 -15
  23. package/docs/components/MenuToggle/examples/MenuToggle.md +1331 -100
  24. package/docs/components/NotificationDrawer/examples/NotificationDrawer.md +481 -37
  25. package/docs/components/OverflowMenu/examples/overflow-menu.md +65 -5
  26. package/docs/components/Pagination/examples/Pagination.md +169 -13
  27. package/docs/components/Table/examples/Table.md +3461 -269
  28. package/docs/components/Toolbar/examples/Toolbar.md +507 -39
  29. package/docs/demos/AboutModal/examples/AboutModal.md +26 -2
  30. package/docs/demos/Alert/examples/Alert.md +78 -6
  31. package/docs/demos/BackToTop/examples/BackToTop.md +26 -2
  32. package/docs/demos/Banner/examples/Banner.md +52 -4
  33. package/docs/demos/Card/examples/Card.md +78 -6
  34. package/docs/demos/CardView/examples/CardView.md +206 -20
  35. package/docs/demos/Compass/examples/Compass.md +431 -56
  36. package/docs/demos/Dashboard/examples/Dashboard.md +63 -9
  37. package/docs/demos/DataList/examples/DataList.md +369 -45
  38. package/docs/demos/DescriptionList/examples/DescriptionList.md +91 -7
  39. package/docs/demos/Drawer/examples/Drawer.md +143 -11
  40. package/docs/demos/JumpLinks/examples/JumpLinks.md +156 -12
  41. package/docs/demos/Masthead/examples/Masthead.md +156 -12
  42. package/docs/demos/Modal/examples/Modal.md +156 -12
  43. package/docs/demos/Nav/examples/Nav.md +104 -8
  44. package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +975 -75
  45. package/docs/demos/Page/examples/Page.md +390 -30
  46. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +593 -83
  47. package/docs/demos/Skeleton/examples/Skeleton.md +26 -2
  48. package/docs/demos/Table/examples/Table.md +2518 -322
  49. package/docs/demos/Tabs/examples/Tabs.md +247 -19
  50. package/docs/demos/Toolbar/examples/Toolbar.md +659 -59
  51. package/docs/demos/Wizard/examples/Wizard.md +234 -18
  52. package/package.json +1 -1
  53. package/patternfly-no-globals.css +41 -27
  54. package/patternfly.css +41 -27
  55. package/patternfly.min.css +1 -1
  56. package/patternfly.min.css.map +1 -1
package/docs/demos/DescriptionList/examples/DescriptionList.md CHANGED
@@ -159,7 +159,19 @@ cssPrefix: pf-d-description-list
159
159
  aria-label="Settings"
160
160
  >
161
161
  <span class="pf-v6-c-menu-toggle__icon">
162
- <i class="fas fa-cog" aria-hidden="true"></i>
162
+ <svg
163
+ class="pf-v6-svg"
164
+ viewBox="0 0 32 32"
165
+ fill="currentColor"
166
+ aria-hidden="true"
167
+ role="img"
168
+ width="1em"
169
+ height="1em"
170
+ >
171
+ <path
172
+ 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"
173
+ />
174
+ </svg>
163
175
  </span>
164
176
  </button>
165
177
  </div>
@@ -185,7 +197,19 @@ cssPrefix: pf-d-description-list
185
197
  aria-label="Actions"
186
198
  >
187
199
  <span class="pf-v6-c-menu-toggle__icon">
188
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
200
+ <svg
201
+ class="pf-v6-svg"
202
+ viewBox="0 0 32 32"
203
+ fill="currentColor"
204
+ aria-hidden="true"
205
+ role="img"
206
+ width="1em"
207
+ height="1em"
208
+ >
209
+ <path
210
+ 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"
211
+ />
212
+ </svg>
189
213
  </span>
190
214
  </button>
191
215
  </div>
@@ -587,7 +611,19 @@ cssPrefix: pf-d-description-list
587
611
  aria-label="Settings"
588
612
  >
589
613
  <span class="pf-v6-c-menu-toggle__icon">
590
- <i class="fas fa-cog" aria-hidden="true"></i>
614
+ <svg
615
+ class="pf-v6-svg"
616
+ viewBox="0 0 32 32"
617
+ fill="currentColor"
618
+ aria-hidden="true"
619
+ role="img"
620
+ width="1em"
621
+ height="1em"
622
+ >
623
+ <path
624
+ 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"
625
+ />
626
+ </svg>
591
627
  </span>
592
628
  </button>
593
629
  </div>
@@ -613,7 +649,19 @@ cssPrefix: pf-d-description-list
613
649
  aria-label="Actions"
614
650
  >
615
651
  <span class="pf-v6-c-menu-toggle__icon">
616
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
652
+ <svg
653
+ class="pf-v6-svg"
654
+ viewBox="0 0 32 32"
655
+ fill="currentColor"
656
+ aria-hidden="true"
657
+ role="img"
658
+ width="1em"
659
+ height="1em"
660
+ >
661
+ <path
662
+ 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"
663
+ />
664
+ </svg>
617
665
  </span>
618
666
  </button>
619
667
  </div>
@@ -815,7 +863,19 @@ cssPrefix: pf-d-description-list
815
863
  id="description-list-in-drawer-example-toggle"
816
864
  >
817
865
  <span class="pf-v6-c-menu-toggle__icon">
818
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
866
+ <svg
867
+ class="pf-v6-svg"
868
+ viewBox="0 0 32 32"
869
+ fill="currentColor"
870
+ aria-hidden="true"
871
+ role="img"
872
+ width="1em"
873
+ height="1em"
874
+ >
875
+ <path
876
+ 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"
877
+ />
878
+ </svg>
819
879
  </span>
820
880
  </button>
821
881
  <div class="pf-v6-c-drawer__close">
@@ -1301,7 +1361,19 @@ cssPrefix: pf-d-description-list
1301
1361
  aria-label="Settings"
1302
1362
  >
1303
1363
  <span class="pf-v6-c-menu-toggle__icon">
1304
- <i class="fas fa-cog" aria-hidden="true"></i>
1364
+ <svg
1365
+ class="pf-v6-svg"
1366
+ viewBox="0 0 32 32"
1367
+ fill="currentColor"
1368
+ aria-hidden="true"
1369
+ role="img"
1370
+ width="1em"
1371
+ height="1em"
1372
+ >
1373
+ <path
1374
+ 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"
1375
+ />
1376
+ </svg>
1305
1377
  </span>
1306
1378
  </button>
1307
1379
  </div>
@@ -1327,7 +1399,19 @@ cssPrefix: pf-d-description-list
1327
1399
  aria-label="Actions"
1328
1400
  >
1329
1401
  <span class="pf-v6-c-menu-toggle__icon">
1330
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
1402
+ <svg
1403
+ class="pf-v6-svg"
1404
+ viewBox="0 0 32 32"
1405
+ fill="currentColor"
1406
+ aria-hidden="true"
1407
+ role="img"
1408
+ width="1em"
1409
+ height="1em"
1410
+ >
1411
+ <path
1412
+ 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"
1413
+ />
1414
+ </svg>
1331
1415
  </span>
1332
1416
  </button>
1333
1417
  </div>
package/docs/demos/Drawer/examples/Drawer.md CHANGED
@@ -159,7 +159,19 @@ wrapperTag: div
159
159
  aria-label="Settings"
160
160
  >
161
161
  <span class="pf-v6-c-menu-toggle__icon">
162
- <i class="fas fa-cog" aria-hidden="true"></i>
162
+ <svg
163
+ class="pf-v6-svg"
164
+ viewBox="0 0 32 32"
165
+ fill="currentColor"
166
+ aria-hidden="true"
167
+ role="img"
168
+ width="1em"
169
+ height="1em"
170
+ >
171
+ <path
172
+ 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"
173
+ />
174
+ </svg>
163
175
  </span>
164
176
  </button>
165
177
  </div>
@@ -185,7 +197,19 @@ wrapperTag: div
185
197
  aria-label="Actions"
186
198
  >
187
199
  <span class="pf-v6-c-menu-toggle__icon">
188
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
200
+ <svg
201
+ class="pf-v6-svg"
202
+ viewBox="0 0 32 32"
203
+ fill="currentColor"
204
+ aria-hidden="true"
205
+ role="img"
206
+ width="1em"
207
+ height="1em"
208
+ >
209
+ <path
210
+ 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"
211
+ />
212
+ </svg>
189
213
  </span>
190
214
  </button>
191
215
  </div>
@@ -387,7 +411,19 @@ wrapperTag: div
387
411
  id="drawer-collapsed-example-toggle"
388
412
  >
389
413
  <span class="pf-v6-c-menu-toggle__icon">
390
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
414
+ <svg
415
+ class="pf-v6-svg"
416
+ viewBox="0 0 32 32"
417
+ fill="currentColor"
418
+ aria-hidden="true"
419
+ role="img"
420
+ width="1em"
421
+ height="1em"
422
+ >
423
+ <path
424
+ 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"
425
+ />
426
+ </svg>
391
427
  </span>
392
428
  </button>
393
429
  <div class="pf-v6-c-drawer__close">
@@ -705,7 +741,19 @@ wrapperTag: div
705
741
  aria-label="Settings"
706
742
  >
707
743
  <span class="pf-v6-c-menu-toggle__icon">
708
- <i class="fas fa-cog" aria-hidden="true"></i>
744
+ <svg
745
+ class="pf-v6-svg"
746
+ viewBox="0 0 32 32"
747
+ fill="currentColor"
748
+ aria-hidden="true"
749
+ role="img"
750
+ width="1em"
751
+ height="1em"
752
+ >
753
+ <path
754
+ 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"
755
+ />
756
+ </svg>
709
757
  </span>
710
758
  </button>
711
759
  </div>
@@ -731,7 +779,19 @@ wrapperTag: div
731
779
  aria-label="Actions"
732
780
  >
733
781
  <span class="pf-v6-c-menu-toggle__icon">
734
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
782
+ <svg
783
+ class="pf-v6-svg"
784
+ viewBox="0 0 32 32"
785
+ fill="currentColor"
786
+ aria-hidden="true"
787
+ role="img"
788
+ width="1em"
789
+ height="1em"
790
+ >
791
+ <path
792
+ 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"
793
+ />
794
+ </svg>
735
795
  </span>
736
796
  </button>
737
797
  </div>
@@ -1087,7 +1147,19 @@ wrapperTag: div
1087
1147
  aria-label="Settings"
1088
1148
  >
1089
1149
  <span class="pf-v6-c-menu-toggle__icon">
1090
- <i class="fas fa-cog" aria-hidden="true"></i>
1150
+ <svg
1151
+ class="pf-v6-svg"
1152
+ viewBox="0 0 32 32"
1153
+ fill="currentColor"
1154
+ aria-hidden="true"
1155
+ role="img"
1156
+ width="1em"
1157
+ height="1em"
1158
+ >
1159
+ <path
1160
+ 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"
1161
+ />
1162
+ </svg>
1091
1163
  </span>
1092
1164
  </button>
1093
1165
  </div>
@@ -1113,7 +1185,19 @@ wrapperTag: div
1113
1185
  aria-label="Actions"
1114
1186
  >
1115
1187
  <span class="pf-v6-c-menu-toggle__icon">
1116
- <i class="fas fa-ellipsis-v" 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="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"
1199
+ />
1200
+ </svg>
1117
1201
  </span>
1118
1202
  </button>
1119
1203
  </div>
@@ -1469,7 +1553,19 @@ wrapperTag: div
1469
1553
  aria-label="Settings"
1470
1554
  >
1471
1555
  <span class="pf-v6-c-menu-toggle__icon">
1472
- <i class="fas fa-cog" aria-hidden="true"></i>
1556
+ <svg
1557
+ class="pf-v6-svg"
1558
+ viewBox="0 0 32 32"
1559
+ fill="currentColor"
1560
+ aria-hidden="true"
1561
+ role="img"
1562
+ width="1em"
1563
+ height="1em"
1564
+ >
1565
+ <path
1566
+ 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"
1567
+ />
1568
+ </svg>
1473
1569
  </span>
1474
1570
  </button>
1475
1571
  </div>
@@ -1495,7 +1591,19 @@ wrapperTag: div
1495
1591
  aria-label="Actions"
1496
1592
  >
1497
1593
  <span class="pf-v6-c-menu-toggle__icon">
1498
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
1594
+ <svg
1595
+ class="pf-v6-svg"
1596
+ viewBox="0 0 32 32"
1597
+ fill="currentColor"
1598
+ aria-hidden="true"
1599
+ role="img"
1600
+ width="1em"
1601
+ height="1em"
1602
+ >
1603
+ <path
1604
+ 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"
1605
+ />
1606
+ </svg>
1499
1607
  </span>
1500
1608
  </button>
1501
1609
  </div>
@@ -1915,7 +2023,19 @@ wrapperTag: div
1915
2023
  aria-label="Settings"
1916
2024
  >
1917
2025
  <span class="pf-v6-c-menu-toggle__icon">
1918
- <i class="fas fa-cog" aria-hidden="true"></i>
2026
+ <svg
2027
+ class="pf-v6-svg"
2028
+ viewBox="0 0 32 32"
2029
+ fill="currentColor"
2030
+ aria-hidden="true"
2031
+ role="img"
2032
+ width="1em"
2033
+ height="1em"
2034
+ >
2035
+ <path
2036
+ 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"
2037
+ />
2038
+ </svg>
1919
2039
  </span>
1920
2040
  </button>
1921
2041
  </div>
@@ -1941,7 +2061,19 @@ wrapperTag: div
1941
2061
  aria-label="Actions"
1942
2062
  >
1943
2063
  <span class="pf-v6-c-menu-toggle__icon">
1944
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
2064
+ <svg
2065
+ class="pf-v6-svg"
2066
+ viewBox="0 0 32 32"
2067
+ fill="currentColor"
2068
+ aria-hidden="true"
2069
+ role="img"
2070
+ width="1em"
2071
+ height="1em"
2072
+ >
2073
+ <path
2074
+ 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"
2075
+ />
2076
+ </svg>
1945
2077
  </span>
1946
2078
  </button>
1947
2079
  </div>
package/docs/demos/JumpLinks/examples/JumpLinks.md CHANGED
@@ -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>
@@ -643,7 +667,19 @@ section: components
643
667
  aria-label="Settings"
644
668
  >
645
669
  <span class="pf-v6-c-menu-toggle__icon">
646
- <i class="fas fa-cog" aria-hidden="true"></i>
670
+ <svg
671
+ class="pf-v6-svg"
672
+ viewBox="0 0 32 32"
673
+ fill="currentColor"
674
+ aria-hidden="true"
675
+ role="img"
676
+ width="1em"
677
+ height="1em"
678
+ >
679
+ <path
680
+ 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"
681
+ />
682
+ </svg>
647
683
  </span>
648
684
  </button>
649
685
  </div>
@@ -669,7 +705,19 @@ section: components
669
705
  aria-label="Actions"
670
706
  >
671
707
  <span class="pf-v6-c-menu-toggle__icon">
672
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
708
+ <svg
709
+ class="pf-v6-svg"
710
+ viewBox="0 0 32 32"
711
+ fill="currentColor"
712
+ aria-hidden="true"
713
+ role="img"
714
+ width="1em"
715
+ height="1em"
716
+ >
717
+ <path
718
+ 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"
719
+ />
720
+ </svg>
673
721
  </span>
674
722
  </button>
675
723
  </div>
@@ -1125,7 +1173,19 @@ section: components
1125
1173
  aria-label="Settings"
1126
1174
  >
1127
1175
  <span class="pf-v6-c-menu-toggle__icon">
1128
- <i class="fas fa-cog" aria-hidden="true"></i>
1176
+ <svg
1177
+ class="pf-v6-svg"
1178
+ viewBox="0 0 32 32"
1179
+ fill="currentColor"
1180
+ aria-hidden="true"
1181
+ role="img"
1182
+ width="1em"
1183
+ height="1em"
1184
+ >
1185
+ <path
1186
+ 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"
1187
+ />
1188
+ </svg>
1129
1189
  </span>
1130
1190
  </button>
1131
1191
  </div>
@@ -1151,7 +1211,19 @@ section: components
1151
1211
  aria-label="Actions"
1152
1212
  >
1153
1213
  <span class="pf-v6-c-menu-toggle__icon">
1154
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
1214
+ <svg
1215
+ class="pf-v6-svg"
1216
+ viewBox="0 0 32 32"
1217
+ fill="currentColor"
1218
+ aria-hidden="true"
1219
+ role="img"
1220
+ width="1em"
1221
+ height="1em"
1222
+ >
1223
+ <path
1224
+ 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"
1225
+ />
1226
+ </svg>
1155
1227
  </span>
1156
1228
  </button>
1157
1229
  </div>
@@ -1604,7 +1676,19 @@ section: components
1604
1676
  aria-label="Settings"
1605
1677
  >
1606
1678
  <span class="pf-v6-c-menu-toggle__icon">
1607
- <i class="fas fa-cog" aria-hidden="true"></i>
1679
+ <svg
1680
+ class="pf-v6-svg"
1681
+ viewBox="0 0 32 32"
1682
+ fill="currentColor"
1683
+ aria-hidden="true"
1684
+ role="img"
1685
+ width="1em"
1686
+ height="1em"
1687
+ >
1688
+ <path
1689
+ 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"
1690
+ />
1691
+ </svg>
1608
1692
  </span>
1609
1693
  </button>
1610
1694
  </div>
@@ -1630,7 +1714,19 @@ section: components
1630
1714
  aria-label="Actions"
1631
1715
  >
1632
1716
  <span class="pf-v6-c-menu-toggle__icon">
1633
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
1717
+ <svg
1718
+ class="pf-v6-svg"
1719
+ viewBox="0 0 32 32"
1720
+ fill="currentColor"
1721
+ aria-hidden="true"
1722
+ role="img"
1723
+ width="1em"
1724
+ height="1em"
1725
+ >
1726
+ <path
1727
+ 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"
1728
+ />
1729
+ </svg>
1634
1730
  </span>
1635
1731
  </button>
1636
1732
  </div>
@@ -2020,7 +2116,19 @@ section: components
2020
2116
  aria-label="Settings"
2021
2117
  >
2022
2118
  <span class="pf-v6-c-menu-toggle__icon">
2023
- <i class="fas fa-cog" aria-hidden="true"></i>
2119
+ <svg
2120
+ class="pf-v6-svg"
2121
+ viewBox="0 0 32 32"
2122
+ fill="currentColor"
2123
+ aria-hidden="true"
2124
+ role="img"
2125
+ width="1em"
2126
+ height="1em"
2127
+ >
2128
+ <path
2129
+ 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"
2130
+ />
2131
+ </svg>
2024
2132
  </span>
2025
2133
  </button>
2026
2134
  </div>
@@ -2046,7 +2154,19 @@ section: components
2046
2154
  aria-label="Actions"
2047
2155
  >
2048
2156
  <span class="pf-v6-c-menu-toggle__icon">
2049
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
2157
+ <svg
2158
+ class="pf-v6-svg"
2159
+ viewBox="0 0 32 32"
2160
+ fill="currentColor"
2161
+ aria-hidden="true"
2162
+ role="img"
2163
+ width="1em"
2164
+ height="1em"
2165
+ >
2166
+ <path
2167
+ 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"
2168
+ />
2169
+ </svg>
2050
2170
  </span>
2051
2171
  </button>
2052
2172
  </div>
@@ -2466,7 +2586,19 @@ section: components
2466
2586
  aria-label="Settings"
2467
2587
  >
2468
2588
  <span class="pf-v6-c-menu-toggle__icon">
2469
- <i class="fas fa-cog" aria-hidden="true"></i>
2589
+ <svg
2590
+ class="pf-v6-svg"
2591
+ viewBox="0 0 32 32"
2592
+ fill="currentColor"
2593
+ aria-hidden="true"
2594
+ role="img"
2595
+ width="1em"
2596
+ height="1em"
2597
+ >
2598
+ <path
2599
+ 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"
2600
+ />
2601
+ </svg>
2470
2602
  </span>
2471
2603
  </button>
2472
2604
  </div>
@@ -2492,7 +2624,19 @@ section: components
2492
2624
  aria-label="Actions"
2493
2625
  >
2494
2626
  <span class="pf-v6-c-menu-toggle__icon">
2495
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
2627
+ <svg
2628
+ class="pf-v6-svg"
2629
+ viewBox="0 0 32 32"
2630
+ fill="currentColor"
2631
+ aria-hidden="true"
2632
+ role="img"
2633
+ width="1em"
2634
+ height="1em"
2635
+ >
2636
+ <path
2637
+ 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"
2638
+ />
2639
+ </svg>
2496
2640
  </span>
2497
2641
  </button>
2498
2642
  </div>