@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/PrimaryDetail/examples/PrimaryDetail.md CHANGED
@@ -162,7 +162,19 @@ wrapperTag: div
162
162
  aria-label="Settings"
163
163
  >
164
164
  <span class="pf-v6-c-menu-toggle__icon">
165
- <i class="fas fa-cog" aria-hidden="true"></i>
165
+ <svg
166
+ class="pf-v6-svg"
167
+ viewBox="0 0 32 32"
168
+ fill="currentColor"
169
+ aria-hidden="true"
170
+ role="img"
171
+ width="1em"
172
+ height="1em"
173
+ >
174
+ <path
175
+ 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"
176
+ />
177
+ </svg>
166
178
  </span>
167
179
  </button>
168
180
  </div>
@@ -188,7 +200,19 @@ wrapperTag: div
188
200
  aria-label="Actions"
189
201
  >
190
202
  <span class="pf-v6-c-menu-toggle__icon">
191
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
203
+ <svg
204
+ class="pf-v6-svg"
205
+ viewBox="0 0 32 32"
206
+ fill="currentColor"
207
+ aria-hidden="true"
208
+ role="img"
209
+ width="1em"
210
+ height="1em"
211
+ >
212
+ <path
213
+ 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"
214
+ />
215
+ </svg>
192
216
  </span>
193
217
  </button>
194
218
  </div>
@@ -377,10 +401,19 @@ wrapperTag: div
377
401
  <span
378
402
  class="pf-v6-c-menu-toggle__toggle-icon"
379
403
  >
380
- <i
381
- class="fas fa-caret-down fa-fw"
404
+ <svg
405
+ class="pf-v6-svg"
406
+ viewBox="0 0 20 20"
407
+ fill="currentColor"
382
408
  aria-hidden="true"
383
- ></i>
409
+ role="img"
410
+ width="1em"
411
+ height="1em"
412
+ >
413
+ <path
414
+ 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"
415
+ />
416
+ </svg>
384
417
  </span>
385
418
  </span>
386
419
  </button>
@@ -427,10 +460,19 @@ wrapperTag: div
427
460
  <span
428
461
  class="pf-v6-c-menu-toggle__toggle-icon"
429
462
  >
430
- <i
431
- class="fas fa-caret-down fa-fw"
463
+ <svg
464
+ class="pf-v6-svg"
465
+ viewBox="0 0 20 20"
466
+ fill="currentColor"
432
467
  aria-hidden="true"
433
- ></i>
468
+ role="img"
469
+ width="1em"
470
+ height="1em"
471
+ >
472
+ <path
473
+ 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"
474
+ />
475
+ </svg>
434
476
  </span>
435
477
  </span>
436
478
  </button>
@@ -447,10 +489,19 @@ wrapperTag: div
447
489
  <span
448
490
  class="pf-v6-c-menu-toggle__toggle-icon"
449
491
  >
450
- <i
451
- class="fas fa-caret-down fa-fw"
492
+ <svg
493
+ class="pf-v6-svg"
494
+ viewBox="0 0 20 20"
495
+ fill="currentColor"
452
496
  aria-hidden="true"
453
- ></i>
497
+ role="img"
498
+ width="1em"
499
+ height="1em"
500
+ >
501
+ <path
502
+ 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"
503
+ />
504
+ </svg>
454
505
  </span>
455
506
  </span>
456
507
  </button>
@@ -519,7 +570,19 @@ wrapperTag: div
519
570
  id="primary-detail-expanded-example-drawer-toolbar-overflow-menu-toggle"
520
571
  >
521
572
  <span class="pf-v6-c-menu-toggle__icon">
522
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
573
+ <svg
574
+ class="pf-v6-svg"
575
+ viewBox="0 0 32 32"
576
+ fill="currentColor"
577
+ aria-hidden="true"
578
+ role="img"
579
+ width="1em"
580
+ height="1em"
581
+ >
582
+ <path
583
+ 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"
584
+ />
585
+ </svg>
523
586
  </span>
524
587
  </button>
525
588
  </div>
@@ -542,10 +605,19 @@ wrapperTag: div
542
605
  <span
543
606
  class="pf-v6-c-menu-toggle__toggle-icon"
544
607
  >
545
- <i
546
- class="fas fa-caret-down fa-fw"
608
+ <svg
609
+ class="pf-v6-svg"
610
+ viewBox="0 0 20 20"
611
+ fill="currentColor"
547
612
  aria-hidden="true"
548
- ></i>
613
+ role="img"
614
+ width="1em"
615
+ height="1em"
616
+ >
617
+ <path
618
+ 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"
619
+ />
620
+ </svg>
549
621
  </span>
550
622
  </span>
551
623
  </button>
@@ -1540,7 +1612,19 @@ wrapperTag: div
1540
1612
  aria-label="Settings"
1541
1613
  >
1542
1614
  <span class="pf-v6-c-menu-toggle__icon">
1543
- <i class="fas fa-cog" aria-hidden="true"></i>
1615
+ <svg
1616
+ class="pf-v6-svg"
1617
+ viewBox="0 0 32 32"
1618
+ fill="currentColor"
1619
+ aria-hidden="true"
1620
+ role="img"
1621
+ width="1em"
1622
+ height="1em"
1623
+ >
1624
+ <path
1625
+ 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"
1626
+ />
1627
+ </svg>
1544
1628
  </span>
1545
1629
  </button>
1546
1630
  </div>
@@ -1566,7 +1650,19 @@ wrapperTag: div
1566
1650
  aria-label="Actions"
1567
1651
  >
1568
1652
  <span class="pf-v6-c-menu-toggle__icon">
1569
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
1653
+ <svg
1654
+ class="pf-v6-svg"
1655
+ viewBox="0 0 32 32"
1656
+ fill="currentColor"
1657
+ aria-hidden="true"
1658
+ role="img"
1659
+ width="1em"
1660
+ height="1em"
1661
+ >
1662
+ <path
1663
+ 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"
1664
+ />
1665
+ </svg>
1570
1666
  </span>
1571
1667
  </button>
1572
1668
  </div>
@@ -1756,10 +1852,19 @@ wrapperTag: div
1756
1852
  <span
1757
1853
  class="pf-v6-c-menu-toggle__toggle-icon"
1758
1854
  >
1759
- <i
1760
- class="fas fa-caret-down fa-fw"
1855
+ <svg
1856
+ class="pf-v6-svg"
1857
+ viewBox="0 0 20 20"
1858
+ fill="currentColor"
1761
1859
  aria-hidden="true"
1762
- ></i>
1860
+ role="img"
1861
+ width="1em"
1862
+ height="1em"
1863
+ >
1864
+ <path
1865
+ 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"
1866
+ />
1867
+ </svg>
1763
1868
  </span>
1764
1869
  </span>
1765
1870
  </button>
@@ -1806,10 +1911,19 @@ wrapperTag: div
1806
1911
  <span
1807
1912
  class="pf-v6-c-menu-toggle__toggle-icon"
1808
1913
  >
1809
- <i
1810
- class="fas fa-caret-down fa-fw"
1914
+ <svg
1915
+ class="pf-v6-svg"
1916
+ viewBox="0 0 20 20"
1917
+ fill="currentColor"
1811
1918
  aria-hidden="true"
1812
- ></i>
1919
+ role="img"
1920
+ width="1em"
1921
+ height="1em"
1922
+ >
1923
+ <path
1924
+ 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"
1925
+ />
1926
+ </svg>
1813
1927
  </span>
1814
1928
  </span>
1815
1929
  </button>
@@ -1826,10 +1940,19 @@ wrapperTag: div
1826
1940
  <span
1827
1941
  class="pf-v6-c-menu-toggle__toggle-icon"
1828
1942
  >
1829
- <i
1830
- class="fas fa-caret-down fa-fw"
1943
+ <svg
1944
+ class="pf-v6-svg"
1945
+ viewBox="0 0 20 20"
1946
+ fill="currentColor"
1831
1947
  aria-hidden="true"
1832
- ></i>
1948
+ role="img"
1949
+ width="1em"
1950
+ height="1em"
1951
+ >
1952
+ <path
1953
+ 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"
1954
+ />
1955
+ </svg>
1833
1956
  </span>
1834
1957
  </span>
1835
1958
  </button>
@@ -1898,7 +2021,19 @@ wrapperTag: div
1898
2021
  id="primary-detail-collapsed-example-drawer-toolbar-overflow-menu-toggle"
1899
2022
  >
1900
2023
  <span class="pf-v6-c-menu-toggle__icon">
1901
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
2024
+ <svg
2025
+ class="pf-v6-svg"
2026
+ viewBox="0 0 32 32"
2027
+ fill="currentColor"
2028
+ aria-hidden="true"
2029
+ role="img"
2030
+ width="1em"
2031
+ height="1em"
2032
+ >
2033
+ <path
2034
+ 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"
2035
+ />
2036
+ </svg>
1902
2037
  </span>
1903
2038
  </button>
1904
2039
  </div>
@@ -1921,10 +2056,19 @@ wrapperTag: div
1921
2056
  <span
1922
2057
  class="pf-v6-c-menu-toggle__toggle-icon"
1923
2058
  >
1924
- <i
1925
- class="fas fa-caret-down fa-fw"
2059
+ <svg
2060
+ class="pf-v6-svg"
2061
+ viewBox="0 0 20 20"
2062
+ fill="currentColor"
1926
2063
  aria-hidden="true"
1927
- ></i>
2064
+ role="img"
2065
+ width="1em"
2066
+ height="1em"
2067
+ >
2068
+ <path
2069
+ 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"
2070
+ />
2071
+ </svg>
1928
2072
  </span>
1929
2073
  </span>
1930
2074
  </button>
@@ -2807,7 +2951,19 @@ wrapperTag: div
2807
2951
  aria-label="Settings"
2808
2952
  >
2809
2953
  <span class="pf-v6-c-menu-toggle__icon">
2810
- <i class="fas fa-cog" aria-hidden="true"></i>
2954
+ <svg
2955
+ class="pf-v6-svg"
2956
+ viewBox="0 0 32 32"
2957
+ fill="currentColor"
2958
+ aria-hidden="true"
2959
+ role="img"
2960
+ width="1em"
2961
+ height="1em"
2962
+ >
2963
+ <path
2964
+ 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"
2965
+ />
2966
+ </svg>
2811
2967
  </span>
2812
2968
  </button>
2813
2969
  </div>
@@ -2833,7 +2989,19 @@ wrapperTag: div
2833
2989
  aria-label="Actions"
2834
2990
  >
2835
2991
  <span class="pf-v6-c-menu-toggle__icon">
2836
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
2992
+ <svg
2993
+ class="pf-v6-svg"
2994
+ viewBox="0 0 32 32"
2995
+ fill="currentColor"
2996
+ aria-hidden="true"
2997
+ role="img"
2998
+ width="1em"
2999
+ height="1em"
3000
+ >
3001
+ <path
3002
+ 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"
3003
+ />
3004
+ </svg>
2837
3005
  </span>
2838
3006
  </button>
2839
3007
  </div>
@@ -3017,10 +3185,19 @@ wrapperTag: div
3017
3185
  <span
3018
3186
  class="pf-v6-c-menu-toggle__toggle-icon"
3019
3187
  >
3020
- <i
3021
- class="fas fa-caret-down fa-fw"
3188
+ <svg
3189
+ class="pf-v6-svg"
3190
+ viewBox="0 0 20 20"
3191
+ fill="currentColor"
3022
3192
  aria-hidden="true"
3023
- ></i>
3193
+ role="img"
3194
+ width="1em"
3195
+ height="1em"
3196
+ >
3197
+ <path
3198
+ 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"
3199
+ />
3200
+ </svg>
3024
3201
  </span>
3025
3202
  </span>
3026
3203
  </button>
@@ -3037,10 +3214,19 @@ wrapperTag: div
3037
3214
  <span
3038
3215
  class="pf-v6-c-menu-toggle__toggle-icon"
3039
3216
  >
3040
- <i
3041
- class="fas fa-caret-down fa-fw"
3217
+ <svg
3218
+ class="pf-v6-svg"
3219
+ viewBox="0 0 20 20"
3220
+ fill="currentColor"
3042
3221
  aria-hidden="true"
3043
- ></i>
3222
+ role="img"
3223
+ width="1em"
3224
+ height="1em"
3225
+ >
3226
+ <path
3227
+ 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"
3228
+ />
3229
+ </svg>
3044
3230
  </span>
3045
3231
  </span>
3046
3232
  </button>
@@ -3109,7 +3295,19 @@ wrapperTag: div
3109
3295
  id="primary-detail-content-body-padding-example-drawer-toolbar-overflow-menu-toggle"
3110
3296
  >
3111
3297
  <span class="pf-v6-c-menu-toggle__icon">
3112
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
3298
+ <svg
3299
+ class="pf-v6-svg"
3300
+ viewBox="0 0 32 32"
3301
+ fill="currentColor"
3302
+ aria-hidden="true"
3303
+ role="img"
3304
+ width="1em"
3305
+ height="1em"
3306
+ >
3307
+ <path
3308
+ 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"
3309
+ />
3310
+ </svg>
3113
3311
  </span>
3114
3312
  </button>
3115
3313
  </div>
@@ -3132,10 +3330,19 @@ wrapperTag: div
3132
3330
  <span
3133
3331
  class="pf-v6-c-menu-toggle__toggle-icon"
3134
3332
  >
3135
- <i
3136
- class="fas fa-caret-down fa-fw"
3333
+ <svg
3334
+ class="pf-v6-svg"
3335
+ viewBox="0 0 20 20"
3336
+ fill="currentColor"
3137
3337
  aria-hidden="true"
3138
- ></i>
3338
+ role="img"
3339
+ width="1em"
3340
+ height="1em"
3341
+ >
3342
+ <path
3343
+ 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"
3344
+ />
3345
+ </svg>
3139
3346
  </span>
3140
3347
  </span>
3141
3348
  </button>
@@ -4018,7 +4225,19 @@ wrapperTag: div
4018
4225
  aria-label="Settings"
4019
4226
  >
4020
4227
  <span class="pf-v6-c-menu-toggle__icon">
4021
- <i class="fas fa-cog" aria-hidden="true"></i>
4228
+ <svg
4229
+ class="pf-v6-svg"
4230
+ viewBox="0 0 32 32"
4231
+ fill="currentColor"
4232
+ aria-hidden="true"
4233
+ role="img"
4234
+ width="1em"
4235
+ height="1em"
4236
+ >
4237
+ <path
4238
+ 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"
4239
+ />
4240
+ </svg>
4022
4241
  </span>
4023
4242
  </button>
4024
4243
  </div>
@@ -4044,7 +4263,19 @@ wrapperTag: div
4044
4263
  aria-label="Actions"
4045
4264
  >
4046
4265
  <span class="pf-v6-c-menu-toggle__icon">
4047
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
4266
+ <svg
4267
+ class="pf-v6-svg"
4268
+ viewBox="0 0 32 32"
4269
+ fill="currentColor"
4270
+ aria-hidden="true"
4271
+ role="img"
4272
+ width="1em"
4273
+ height="1em"
4274
+ >
4275
+ <path
4276
+ 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"
4277
+ />
4278
+ </svg>
4048
4279
  </span>
4049
4280
  </button>
4050
4281
  </div>
@@ -4234,10 +4465,19 @@ wrapperTag: div
4234
4465
  >
4235
4466
  <span class="pf-v6-c-menu-toggle__controls">
4236
4467
  <span class="pf-v6-c-menu-toggle__toggle-icon">
4237
- <i
4238
- class="fas fa-caret-down fa-fw"
4468
+ <svg
4469
+ class="pf-v6-svg"
4470
+ viewBox="0 0 20 20"
4471
+ fill="currentColor"
4239
4472
  aria-hidden="true"
4240
- ></i>
4473
+ role="img"
4474
+ width="1em"
4475
+ height="1em"
4476
+ >
4477
+ <path
4478
+ 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"
4479
+ />
4480
+ </svg>
4241
4481
  </span>
4242
4482
  </span>
4243
4483
  </button>
@@ -4263,10 +4503,19 @@ wrapperTag: div
4263
4503
  <span class="pf-v6-c-menu-toggle__text">Name</span>
4264
4504
  <span class="pf-v6-c-menu-toggle__controls">
4265
4505
  <span class="pf-v6-c-menu-toggle__toggle-icon">
4266
- <i
4267
- class="fas fa-caret-down fa-fw"
4506
+ <svg
4507
+ class="pf-v6-svg"
4508
+ viewBox="0 0 20 20"
4509
+ fill="currentColor"
4268
4510
  aria-hidden="true"
4269
- ></i>
4511
+ role="img"
4512
+ width="1em"
4513
+ height="1em"
4514
+ >
4515
+ <path
4516
+ 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"
4517
+ />
4518
+ </svg>
4270
4519
  </span>
4271
4520
  </span>
4272
4521
  </button>
@@ -4363,7 +4612,19 @@ wrapperTag: div
4363
4612
  id="primary-detail-card-view-expanded-example-drawer-toolbar-overflow-menu-toggle"
4364
4613
  >
4365
4614
  <span class="pf-v6-c-menu-toggle__icon">
4366
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
4615
+ <svg
4616
+ class="pf-v6-svg"
4617
+ viewBox="0 0 32 32"
4618
+ fill="currentColor"
4619
+ aria-hidden="true"
4620
+ role="img"
4621
+ width="1em"
4622
+ height="1em"
4623
+ >
4624
+ <path
4625
+ 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"
4626
+ />
4627
+ </svg>
4367
4628
  </span>
4368
4629
  </button>
4369
4630
  </div>
@@ -4435,10 +4696,19 @@ wrapperTag: div
4435
4696
  </span>
4436
4697
  <span class="pf-v6-c-menu-toggle__controls">
4437
4698
  <span class="pf-v6-c-menu-toggle__toggle-icon">
4438
- <i
4439
- class="fas fa-caret-down fa-fw"
4699
+ <svg
4700
+ class="pf-v6-svg"
4701
+ viewBox="0 0 20 20"
4702
+ fill="currentColor"
4440
4703
  aria-hidden="true"
4441
- ></i>
4704
+ role="img"
4705
+ width="1em"
4706
+ height="1em"
4707
+ >
4708
+ <path
4709
+ 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"
4710
+ />
4711
+ </svg>
4442
4712
  </span>
4443
4713
  </span>
4444
4714
  </button>
@@ -4536,7 +4806,19 @@ wrapperTag: div
4536
4806
  id="primary-detail-card-view-expanded-example-drawer-card-1-toggle"
4537
4807
  >
4538
4808
  <span class="pf-v6-c-menu-toggle__icon">
4539
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
4809
+ <svg
4810
+ class="pf-v6-svg"
4811
+ viewBox="0 0 32 32"
4812
+ fill="currentColor"
4813
+ aria-hidden="true"
4814
+ role="img"
4815
+ width="1em"
4816
+ height="1em"
4817
+ >
4818
+ <path
4819
+ 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"
4820
+ />
4821
+ </svg>
4540
4822
  </span>
4541
4823
  </button>
4542
4824
  <div class="pf-v6-c-check pf-m-standalone">
@@ -4582,7 +4864,19 @@ wrapperTag: div
4582
4864
  id="primary-detail-card-view-expanded-example-drawer-card-2-toggle"
4583
4865
  >
4584
4866
  <span class="pf-v6-c-menu-toggle__icon">
4585
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
4867
+ <svg
4868
+ class="pf-v6-svg"
4869
+ viewBox="0 0 32 32"
4870
+ fill="currentColor"
4871
+ aria-hidden="true"
4872
+ role="img"
4873
+ width="1em"
4874
+ height="1em"
4875
+ >
4876
+ <path
4877
+ 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"
4878
+ />
4879
+ </svg>
4586
4880
  </span>
4587
4881
  </button>
4588
4882
  <div class="pf-v6-c-check pf-m-standalone">
@@ -4628,7 +4922,19 @@ wrapperTag: div
4628
4922
  id="primary-detail-card-view-expanded-example-drawer-card-3-toggle"
4629
4923
  >
4630
4924
  <span class="pf-v6-c-menu-toggle__icon">
4631
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
4925
+ <svg
4926
+ class="pf-v6-svg"
4927
+ viewBox="0 0 32 32"
4928
+ fill="currentColor"
4929
+ aria-hidden="true"
4930
+ role="img"
4931
+ width="1em"
4932
+ height="1em"
4933
+ >
4934
+ <path
4935
+ 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"
4936
+ />
4937
+ </svg>
4632
4938
  </span>
4633
4939
  </button>
4634
4940
  <div class="pf-v6-c-check pf-m-standalone">
@@ -4674,7 +4980,19 @@ wrapperTag: div
4674
4980
  id="primary-detail-card-view-expanded-example-drawer-card-4-toggle"
4675
4981
  >
4676
4982
  <span class="pf-v6-c-menu-toggle__icon">
4677
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
4983
+ <svg
4984
+ class="pf-v6-svg"
4985
+ viewBox="0 0 32 32"
4986
+ fill="currentColor"
4987
+ aria-hidden="true"
4988
+ role="img"
4989
+ width="1em"
4990
+ height="1em"
4991
+ >
4992
+ <path
4993
+ 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"
4994
+ />
4995
+ </svg>
4678
4996
  </span>
4679
4997
  </button>
4680
4998
  <div class="pf-v6-c-check pf-m-standalone">
@@ -4720,7 +5038,19 @@ wrapperTag: div
4720
5038
  id="primary-detail-card-view-expanded-example-drawer-card-5-toggle"
4721
5039
  >
4722
5040
  <span class="pf-v6-c-menu-toggle__icon">
4723
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
5041
+ <svg
5042
+ class="pf-v6-svg"
5043
+ viewBox="0 0 32 32"
5044
+ fill="currentColor"
5045
+ aria-hidden="true"
5046
+ role="img"
5047
+ width="1em"
5048
+ height="1em"
5049
+ >
5050
+ <path
5051
+ 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"
5052
+ />
5053
+ </svg>
4724
5054
  </span>
4725
5055
  </button>
4726
5056
  <div class="pf-v6-c-check pf-m-standalone">
@@ -4766,7 +5096,19 @@ wrapperTag: div
4766
5096
  id="primary-detail-card-view-expanded-example-drawer-card-6-toggle"
4767
5097
  >
4768
5098
  <span class="pf-v6-c-menu-toggle__icon">
4769
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
5099
+ <svg
5100
+ class="pf-v6-svg"
5101
+ viewBox="0 0 32 32"
5102
+ fill="currentColor"
5103
+ aria-hidden="true"
5104
+ role="img"
5105
+ width="1em"
5106
+ height="1em"
5107
+ >
5108
+ <path
5109
+ 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"
5110
+ />
5111
+ </svg>
4770
5112
  </span>
4771
5113
  </button>
4772
5114
  <div class="pf-v6-c-check pf-m-standalone">
@@ -4811,7 +5153,19 @@ wrapperTag: div
4811
5153
  id="primary-detail-card-view-expanded-example-drawer-card-7-toggle"
4812
5154
  >
4813
5155
  <span class="pf-v6-c-menu-toggle__icon">
4814
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
5156
+ <svg
5157
+ class="pf-v6-svg"
5158
+ viewBox="0 0 32 32"
5159
+ fill="currentColor"
5160
+ aria-hidden="true"
5161
+ role="img"
5162
+ width="1em"
5163
+ height="1em"
5164
+ >
5165
+ <path
5166
+ 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"
5167
+ />
5168
+ </svg>
4815
5169
  </span>
4816
5170
  </button>
4817
5171
  <div class="pf-v6-c-check pf-m-standalone">
@@ -4856,7 +5210,19 @@ wrapperTag: div
4856
5210
  id="primary-detail-card-view-expanded-example-drawer-card-8-toggle"
4857
5211
  >
4858
5212
  <span class="pf-v6-c-menu-toggle__icon">
4859
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
5213
+ <svg
5214
+ class="pf-v6-svg"
5215
+ viewBox="0 0 32 32"
5216
+ fill="currentColor"
5217
+ aria-hidden="true"
5218
+ role="img"
5219
+ width="1em"
5220
+ height="1em"
5221
+ >
5222
+ <path
5223
+ 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"
5224
+ />
5225
+ </svg>
4860
5226
  </span>
4861
5227
  </button>
4862
5228
  <div class="pf-v6-c-check pf-m-standalone">
@@ -4901,7 +5267,19 @@ wrapperTag: div
4901
5267
  id="primary-detail-card-view-expanded-example-drawer-card-9-toggle"
4902
5268
  >
4903
5269
  <span class="pf-v6-c-menu-toggle__icon">
4904
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
5270
+ <svg
5271
+ class="pf-v6-svg"
5272
+ viewBox="0 0 32 32"
5273
+ fill="currentColor"
5274
+ aria-hidden="true"
5275
+ role="img"
5276
+ width="1em"
5277
+ height="1em"
5278
+ >
5279
+ <path
5280
+ 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"
5281
+ />
5282
+ </svg>
4905
5283
  </span>
4906
5284
  </button>
4907
5285
  <div class="pf-v6-c-check pf-m-standalone">
@@ -4946,7 +5324,19 @@ wrapperTag: div
4946
5324
  id="primary-detail-card-view-expanded-example-drawer-card-10-toggle"
4947
5325
  >
4948
5326
  <span class="pf-v6-c-menu-toggle__icon">
4949
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
5327
+ <svg
5328
+ class="pf-v6-svg"
5329
+ viewBox="0 0 32 32"
5330
+ fill="currentColor"
5331
+ aria-hidden="true"
5332
+ role="img"
5333
+ width="1em"
5334
+ height="1em"
5335
+ >
5336
+ <path
5337
+ 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"
5338
+ />
5339
+ </svg>
4950
5340
  </span>
4951
5341
  </button>
4952
5342
  <div class="pf-v6-c-check pf-m-standalone">
@@ -5255,7 +5645,19 @@ wrapperTag: div
5255
5645
  aria-label="Settings"
5256
5646
  >
5257
5647
  <span class="pf-v6-c-menu-toggle__icon">
5258
- <i class="fas fa-cog" aria-hidden="true"></i>
5648
+ <svg
5649
+ class="pf-v6-svg"
5650
+ viewBox="0 0 32 32"
5651
+ fill="currentColor"
5652
+ aria-hidden="true"
5653
+ role="img"
5654
+ width="1em"
5655
+ height="1em"
5656
+ >
5657
+ <path
5658
+ 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"
5659
+ />
5660
+ </svg>
5259
5661
  </span>
5260
5662
  </button>
5261
5663
  </div>
@@ -5281,7 +5683,19 @@ wrapperTag: div
5281
5683
  aria-label="Actions"
5282
5684
  >
5283
5685
  <span class="pf-v6-c-menu-toggle__icon">
5284
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
5686
+ <svg
5687
+ class="pf-v6-svg"
5688
+ viewBox="0 0 32 32"
5689
+ fill="currentColor"
5690
+ aria-hidden="true"
5691
+ role="img"
5692
+ width="1em"
5693
+ height="1em"
5694
+ >
5695
+ <path
5696
+ 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"
5697
+ />
5698
+ </svg>
5285
5699
  </span>
5286
5700
  </button>
5287
5701
  </div>
@@ -5779,7 +6193,19 @@ wrapperTag: div
5779
6193
  aria-label="Settings"
5780
6194
  >
5781
6195
  <span class="pf-v6-c-menu-toggle__icon">
5782
- <i class="fas fa-cog" aria-hidden="true"></i>
6196
+ <svg
6197
+ class="pf-v6-svg"
6198
+ viewBox="0 0 32 32"
6199
+ fill="currentColor"
6200
+ aria-hidden="true"
6201
+ role="img"
6202
+ width="1em"
6203
+ height="1em"
6204
+ >
6205
+ <path
6206
+ 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"
6207
+ />
6208
+ </svg>
5783
6209
  </span>
5784
6210
  </button>
5785
6211
  </div>
@@ -5805,7 +6231,19 @@ wrapperTag: div
5805
6231
  aria-label="Actions"
5806
6232
  >
5807
6233
  <span class="pf-v6-c-menu-toggle__icon">
5808
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
6234
+ <svg
6235
+ class="pf-v6-svg"
6236
+ viewBox="0 0 32 32"
6237
+ fill="currentColor"
6238
+ aria-hidden="true"
6239
+ role="img"
6240
+ width="1em"
6241
+ height="1em"
6242
+ >
6243
+ <path
6244
+ 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"
6245
+ />
6246
+ </svg>
5809
6247
  </span>
5810
6248
  </button>
5811
6249
  </div>
@@ -5969,10 +6407,19 @@ wrapperTag: div
5969
6407
  <span class="pf-v6-c-menu-toggle__text">Dropdown</span>
5970
6408
  <span class="pf-v6-c-menu-toggle__controls">
5971
6409
  <span class="pf-v6-c-menu-toggle__toggle-icon">
5972
- <i
5973
- class="fas fa-caret-down fa-fw"
6410
+ <svg
6411
+ class="pf-v6-svg"
6412
+ viewBox="0 0 20 20"
6413
+ fill="currentColor"
5974
6414
  aria-hidden="true"
5975
- ></i>
6415
+ role="img"
6416
+ width="1em"
6417
+ height="1em"
6418
+ >
6419
+ <path
6420
+ 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"
6421
+ />
6422
+ </svg>
5976
6423
  </span>
5977
6424
  </span>
5978
6425
  </button>
@@ -5998,10 +6445,19 @@ wrapperTag: div
5998
6445
  <span
5999
6446
  class="pf-v6-c-menu-toggle__toggle-icon"
6000
6447
  >
6001
- <i
6002
- class="fas fa-caret-down fa-fw"
6448
+ <svg
6449
+ class="pf-v6-svg"
6450
+ viewBox="0 0 20 20"
6451
+ fill="currentColor"
6003
6452
  aria-hidden="true"
6004
- ></i>
6453
+ role="img"
6454
+ width="1em"
6455
+ height="1em"
6456
+ >
6457
+ <path
6458
+ 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"
6459
+ />
6460
+ </svg>
6005
6461
  </span>
6006
6462
  </span>
6007
6463
  </button>
@@ -6434,7 +6890,19 @@ wrapperTag: div
6434
6890
  aria-label="Settings"
6435
6891
  >
6436
6892
  <span class="pf-v6-c-menu-toggle__icon">
6437
- <i class="fas fa-cog" aria-hidden="true"></i>
6893
+ <svg
6894
+ class="pf-v6-svg"
6895
+ viewBox="0 0 32 32"
6896
+ fill="currentColor"
6897
+ aria-hidden="true"
6898
+ role="img"
6899
+ width="1em"
6900
+ height="1em"
6901
+ >
6902
+ <path
6903
+ 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"
6904
+ />
6905
+ </svg>
6438
6906
  </span>
6439
6907
  </button>
6440
6908
  </div>
@@ -6460,7 +6928,19 @@ wrapperTag: div
6460
6928
  aria-label="Actions"
6461
6929
  >
6462
6930
  <span class="pf-v6-c-menu-toggle__icon">
6463
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
6931
+ <svg
6932
+ class="pf-v6-svg"
6933
+ viewBox="0 0 32 32"
6934
+ fill="currentColor"
6935
+ aria-hidden="true"
6936
+ role="img"
6937
+ width="1em"
6938
+ height="1em"
6939
+ >
6940
+ <path
6941
+ 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"
6942
+ />
6943
+ </svg>
6464
6944
  </span>
6465
6945
  </button>
6466
6946
  </div>
@@ -6623,10 +7103,19 @@ wrapperTag: div
6623
7103
  <span class="pf-v6-c-menu-toggle__text">Status</span>
6624
7104
  <span class="pf-v6-c-menu-toggle__controls">
6625
7105
  <span class="pf-v6-c-menu-toggle__toggle-icon">
6626
- <i
6627
- class="fas fa-caret-down fa-fw"
7106
+ <svg
7107
+ class="pf-v6-svg"
7108
+ viewBox="0 0 20 20"
7109
+ fill="currentColor"
6628
7110
  aria-hidden="true"
6629
- ></i>
7111
+ role="img"
7112
+ width="1em"
7113
+ height="1em"
7114
+ >
7115
+ <path
7116
+ 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"
7117
+ />
7118
+ </svg>
6630
7119
  </span>
6631
7120
  </span>
6632
7121
  </button>
@@ -6670,7 +7159,19 @@ wrapperTag: div
6670
7159
  id="primary-detail-inline-modifier-example-drawer-toolbar-overflow-menu-toggle"
6671
7160
  >
6672
7161
  <span class="pf-v6-c-menu-toggle__icon">
6673
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
7162
+ <svg
7163
+ class="pf-v6-svg"
7164
+ viewBox="0 0 32 32"
7165
+ fill="currentColor"
7166
+ aria-hidden="true"
7167
+ role="img"
7168
+ width="1em"
7169
+ height="1em"
7170
+ >
7171
+ <path
7172
+ 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"
7173
+ />
7174
+ </svg>
6674
7175
  </span>
6675
7176
  </button>
6676
7177
  </div>
@@ -6691,10 +7192,19 @@ wrapperTag: div
6691
7192
  </span>
6692
7193
  <span class="pf-v6-c-menu-toggle__controls">
6693
7194
  <span class="pf-v6-c-menu-toggle__toggle-icon">
6694
- <i
6695
- class="fas fa-caret-down fa-fw"
7195
+ <svg
7196
+ class="pf-v6-svg"
7197
+ viewBox="0 0 20 20"
7198
+ fill="currentColor"
6696
7199
  aria-hidden="true"
6697
- ></i>
7200
+ role="img"
7201
+ width="1em"
7202
+ height="1em"
7203
+ >
7204
+ <path
7205
+ 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"
7206
+ />
7207
+ </svg>
6698
7208
  </span>
6699
7209
  </span>
6700
7210
  </button>