@patternfly/patternfly 6.5.0-prerelease.62 → 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 (51) hide show
  1. package/components/Button/button.css +2 -2
  2. package/components/Button/button.scss +3 -3
  3. package/components/Menu/menu.css +26 -19
  4. package/components/Menu/menu.scss +26 -19
  5. package/components/MenuToggle/menu-toggle.css +9 -5
  6. package/components/MenuToggle/menu-toggle.scss +12 -5
  7. package/components/_index.css +37 -26
  8. package/docs/components/Breadcrumb/examples/Breadcrumb.md +13 -1
  9. package/docs/components/CalendarMonth/examples/CalendarMonth.md +52 -4
  10. package/docs/components/Card/examples/Card.md +130 -10
  11. package/docs/components/DataList/examples/DataList.md +221 -17
  12. package/docs/components/DualListSelector/examples/DualListSelector.md +234 -18
  13. package/docs/components/Hint/examples/Hint.md +39 -3
  14. package/docs/components/InlineEdit/examples/InlineEdit.md +26 -2
  15. package/docs/components/InputGroup/examples/InputGroup.md +13 -1
  16. package/docs/components/Login/examples/Login.md +13 -1
  17. package/docs/components/Menu/examples/Menu.md +195 -15
  18. package/docs/components/MenuToggle/examples/MenuToggle.md +1331 -100
  19. package/docs/components/NotificationDrawer/examples/NotificationDrawer.md +481 -37
  20. package/docs/components/OverflowMenu/examples/overflow-menu.md +65 -5
  21. package/docs/components/Pagination/examples/Pagination.md +169 -13
  22. package/docs/components/Table/examples/Table.md +3461 -269
  23. package/docs/components/Toolbar/examples/Toolbar.md +507 -39
  24. package/docs/demos/AboutModal/examples/AboutModal.md +26 -2
  25. package/docs/demos/Alert/examples/Alert.md +78 -6
  26. package/docs/demos/BackToTop/examples/BackToTop.md +26 -2
  27. package/docs/demos/Banner/examples/Banner.md +52 -4
  28. package/docs/demos/Card/examples/Card.md +78 -6
  29. package/docs/demos/CardView/examples/CardView.md +206 -20
  30. package/docs/demos/Compass/examples/Compass.md +431 -56
  31. package/docs/demos/Dashboard/examples/Dashboard.md +63 -9
  32. package/docs/demos/DataList/examples/DataList.md +369 -45
  33. package/docs/demos/DescriptionList/examples/DescriptionList.md +91 -7
  34. package/docs/demos/Drawer/examples/Drawer.md +143 -11
  35. package/docs/demos/JumpLinks/examples/JumpLinks.md +156 -12
  36. package/docs/demos/Masthead/examples/Masthead.md +156 -12
  37. package/docs/demos/Modal/examples/Modal.md +156 -12
  38. package/docs/demos/Nav/examples/Nav.md +104 -8
  39. package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +975 -75
  40. package/docs/demos/Page/examples/Page.md +390 -30
  41. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +593 -83
  42. package/docs/demos/Skeleton/examples/Skeleton.md +26 -2
  43. package/docs/demos/Table/examples/Table.md +2518 -322
  44. package/docs/demos/Tabs/examples/Tabs.md +247 -19
  45. package/docs/demos/Toolbar/examples/Toolbar.md +659 -59
  46. package/docs/demos/Wizard/examples/Wizard.md +234 -18
  47. package/package.json +1 -1
  48. package/patternfly-no-globals.css +37 -26
  49. package/patternfly.css +37 -26
  50. package/patternfly.min.css +1 -1
  51. package/patternfly.min.css.map +1 -1
package/docs/components/DualListSelector/examples/DualListSelector.md CHANGED
@@ -66,7 +66,19 @@ cssPrefix: pf-v6-c-dual-list-selector
66
66
  id="basic-available-menu-toggle"
67
67
  >
68
68
  <span class="pf-v6-c-menu-toggle__icon">
69
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
69
+ <svg
70
+ class="pf-v6-svg"
71
+ viewBox="0 0 32 32"
72
+ fill="currentColor"
73
+ aria-hidden="true"
74
+ role="img"
75
+ width="1em"
76
+ height="1em"
77
+ >
78
+ <path
79
+ 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"
80
+ />
81
+ </svg>
70
82
  </span>
71
83
  </button>
72
84
  </div>
@@ -293,7 +305,19 @@ cssPrefix: pf-v6-c-dual-list-selector
293
305
  id="basic-chosen-menu-toggle"
294
306
  >
295
307
  <span class="pf-v6-c-menu-toggle__icon">
296
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
308
+ <svg
309
+ class="pf-v6-svg"
310
+ viewBox="0 0 32 32"
311
+ fill="currentColor"
312
+ aria-hidden="true"
313
+ role="img"
314
+ width="1em"
315
+ height="1em"
316
+ >
317
+ <path
318
+ 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"
319
+ />
320
+ </svg>
297
321
  </span>
298
322
  </button>
299
323
  </div>
@@ -380,7 +404,19 @@ cssPrefix: pf-v6-c-dual-list-selector
380
404
  id="available-item-selected-available-menu-toggle"
381
405
  >
382
406
  <span class="pf-v6-c-menu-toggle__icon">
383
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
407
+ <svg
408
+ class="pf-v6-svg"
409
+ viewBox="0 0 32 32"
410
+ fill="currentColor"
411
+ aria-hidden="true"
412
+ role="img"
413
+ width="1em"
414
+ height="1em"
415
+ >
416
+ <path
417
+ 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"
418
+ />
419
+ </svg>
384
420
  </span>
385
421
  </button>
386
422
  </div>
@@ -601,7 +637,19 @@ cssPrefix: pf-v6-c-dual-list-selector
601
637
  id="available-item-selected-chosen-menu-toggle"
602
638
  >
603
639
  <span class="pf-v6-c-menu-toggle__icon">
604
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
640
+ <svg
641
+ class="pf-v6-svg"
642
+ viewBox="0 0 32 32"
643
+ fill="currentColor"
644
+ aria-hidden="true"
645
+ role="img"
646
+ width="1em"
647
+ height="1em"
648
+ >
649
+ <path
650
+ 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"
651
+ />
652
+ </svg>
605
653
  </span>
606
654
  </button>
607
655
  </div>
@@ -688,7 +736,19 @@ cssPrefix: pf-v6-c-dual-list-selector
688
736
  id="multiple-available-items-selected-available-menu-toggle"
689
737
  >
690
738
  <span class="pf-v6-c-menu-toggle__icon">
691
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
739
+ <svg
740
+ class="pf-v6-svg"
741
+ viewBox="0 0 32 32"
742
+ fill="currentColor"
743
+ aria-hidden="true"
744
+ role="img"
745
+ width="1em"
746
+ height="1em"
747
+ >
748
+ <path
749
+ 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"
750
+ />
751
+ </svg>
692
752
  </span>
693
753
  </button>
694
754
  </div>
@@ -909,7 +969,19 @@ cssPrefix: pf-v6-c-dual-list-selector
909
969
  id="multiple-available-items-selected-chosen-menu-toggle"
910
970
  >
911
971
  <span class="pf-v6-c-menu-toggle__icon">
912
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
972
+ <svg
973
+ class="pf-v6-svg"
974
+ viewBox="0 0 32 32"
975
+ fill="currentColor"
976
+ aria-hidden="true"
977
+ role="img"
978
+ width="1em"
979
+ height="1em"
980
+ >
981
+ <path
982
+ 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"
983
+ />
984
+ </svg>
913
985
  </span>
914
986
  </button>
915
987
  </div>
@@ -996,7 +1068,19 @@ cssPrefix: pf-v6-c-dual-list-selector
996
1068
  id="chosen-item-available-menu-toggle"
997
1069
  >
998
1070
  <span class="pf-v6-c-menu-toggle__icon">
999
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
1071
+ <svg
1072
+ class="pf-v6-svg"
1073
+ viewBox="0 0 32 32"
1074
+ fill="currentColor"
1075
+ aria-hidden="true"
1076
+ role="img"
1077
+ width="1em"
1078
+ height="1em"
1079
+ >
1080
+ <path
1081
+ 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"
1082
+ />
1083
+ </svg>
1000
1084
  </span>
1001
1085
  </button>
1002
1086
  </div>
@@ -1217,7 +1301,19 @@ cssPrefix: pf-v6-c-dual-list-selector
1217
1301
  id="chosen-item-chosen-menu-toggle"
1218
1302
  >
1219
1303
  <span class="pf-v6-c-menu-toggle__icon">
1220
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
1304
+ <svg
1305
+ class="pf-v6-svg"
1306
+ viewBox="0 0 32 32"
1307
+ fill="currentColor"
1308
+ aria-hidden="true"
1309
+ role="img"
1310
+ width="1em"
1311
+ height="1em"
1312
+ >
1313
+ <path
1314
+ 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"
1315
+ />
1316
+ </svg>
1221
1317
  </span>
1222
1318
  </button>
1223
1319
  </div>
@@ -1314,7 +1410,19 @@ cssPrefix: pf-v6-c-dual-list-selector
1314
1410
  id="chosen-item-selected-available-menu-toggle"
1315
1411
  >
1316
1412
  <span class="pf-v6-c-menu-toggle__icon">
1317
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
1413
+ <svg
1414
+ class="pf-v6-svg"
1415
+ viewBox="0 0 32 32"
1416
+ fill="currentColor"
1417
+ aria-hidden="true"
1418
+ role="img"
1419
+ width="1em"
1420
+ height="1em"
1421
+ >
1422
+ <path
1423
+ 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"
1424
+ />
1425
+ </svg>
1318
1426
  </span>
1319
1427
  </button>
1320
1428
  </div>
@@ -1534,7 +1642,19 @@ cssPrefix: pf-v6-c-dual-list-selector
1534
1642
  id="chosen-item-selected-chosen-menu-toggle"
1535
1643
  >
1536
1644
  <span class="pf-v6-c-menu-toggle__icon">
1537
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
1645
+ <svg
1646
+ class="pf-v6-svg"
1647
+ viewBox="0 0 32 32"
1648
+ fill="currentColor"
1649
+ aria-hidden="true"
1650
+ role="img"
1651
+ width="1em"
1652
+ height="1em"
1653
+ >
1654
+ <path
1655
+ 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"
1656
+ />
1657
+ </svg>
1538
1658
  </span>
1539
1659
  </button>
1540
1660
  </div>
@@ -1631,7 +1751,19 @@ cssPrefix: pf-v6-c-dual-list-selector
1631
1751
  id="tree-available-menu-toggle"
1632
1752
  >
1633
1753
  <span class="pf-v6-c-menu-toggle__icon">
1634
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
1754
+ <svg
1755
+ class="pf-v6-svg"
1756
+ viewBox="0 0 32 32"
1757
+ fill="currentColor"
1758
+ aria-hidden="true"
1759
+ role="img"
1760
+ width="1em"
1761
+ height="1em"
1762
+ >
1763
+ <path
1764
+ 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"
1765
+ />
1766
+ </svg>
1635
1767
  </span>
1636
1768
  </button>
1637
1769
  </div>
@@ -2153,7 +2285,19 @@ cssPrefix: pf-v6-c-dual-list-selector
2153
2285
  id="tree-chosen-menu-toggle"
2154
2286
  >
2155
2287
  <span class="pf-v6-c-menu-toggle__icon">
2156
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
2288
+ <svg
2289
+ class="pf-v6-svg"
2290
+ viewBox="0 0 32 32"
2291
+ fill="currentColor"
2292
+ aria-hidden="true"
2293
+ role="img"
2294
+ width="1em"
2295
+ height="1em"
2296
+ >
2297
+ <path
2298
+ 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"
2299
+ />
2300
+ </svg>
2157
2301
  </span>
2158
2302
  </button>
2159
2303
  </div>
@@ -2240,7 +2384,19 @@ cssPrefix: pf-v6-c-dual-list-selector
2240
2384
  id="tree-options-available-menu-toggle"
2241
2385
  >
2242
2386
  <span class="pf-v6-c-menu-toggle__icon">
2243
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
2387
+ <svg
2388
+ class="pf-v6-svg"
2389
+ viewBox="0 0 32 32"
2390
+ fill="currentColor"
2391
+ aria-hidden="true"
2392
+ role="img"
2393
+ width="1em"
2394
+ height="1em"
2395
+ >
2396
+ <path
2397
+ 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"
2398
+ />
2399
+ </svg>
2244
2400
  </span>
2245
2401
  </button>
2246
2402
  </div>
@@ -2746,7 +2902,19 @@ cssPrefix: pf-v6-c-dual-list-selector
2746
2902
  id="tree-options-chosen-menu-toggle"
2747
2903
  >
2748
2904
  <span class="pf-v6-c-menu-toggle__icon">
2749
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
2905
+ <svg
2906
+ class="pf-v6-svg"
2907
+ viewBox="0 0 32 32"
2908
+ fill="currentColor"
2909
+ aria-hidden="true"
2910
+ role="img"
2911
+ width="1em"
2912
+ height="1em"
2913
+ >
2914
+ <path
2915
+ 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"
2916
+ />
2917
+ </svg>
2750
2918
  </span>
2751
2919
  </button>
2752
2920
  </div>
@@ -2903,7 +3071,19 @@ cssPrefix: pf-v6-c-dual-list-selector
2903
3071
  id="tree-available-menu-toggle"
2904
3072
  >
2905
3073
  <span class="pf-v6-c-menu-toggle__icon">
2906
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
3074
+ <svg
3075
+ class="pf-v6-svg"
3076
+ viewBox="0 0 32 32"
3077
+ fill="currentColor"
3078
+ aria-hidden="true"
3079
+ role="img"
3080
+ width="1em"
3081
+ height="1em"
3082
+ >
3083
+ <path
3084
+ 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"
3085
+ />
3086
+ </svg>
2907
3087
  </span>
2908
3088
  </button>
2909
3089
  </div>
@@ -3425,7 +3605,19 @@ cssPrefix: pf-v6-c-dual-list-selector
3425
3605
  id="tree-chosen-menu-toggle"
3426
3606
  >
3427
3607
  <span class="pf-v6-c-menu-toggle__icon">
3428
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
3608
+ <svg
3609
+ class="pf-v6-svg"
3610
+ viewBox="0 0 32 32"
3611
+ fill="currentColor"
3612
+ aria-hidden="true"
3613
+ role="img"
3614
+ width="1em"
3615
+ height="1em"
3616
+ >
3617
+ <path
3618
+ 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"
3619
+ />
3620
+ </svg>
3429
3621
  </span>
3430
3622
  </button>
3431
3623
  </div>
@@ -3515,7 +3707,19 @@ cssPrefix: pf-v6-c-dual-list-selector
3515
3707
  id="draggable-available-menu-toggle"
3516
3708
  >
3517
3709
  <span class="pf-v6-c-menu-toggle__icon">
3518
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
3710
+ <svg
3711
+ class="pf-v6-svg"
3712
+ viewBox="0 0 32 32"
3713
+ fill="currentColor"
3714
+ aria-hidden="true"
3715
+ role="img"
3716
+ width="1em"
3717
+ height="1em"
3718
+ >
3719
+ <path
3720
+ 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"
3721
+ />
3722
+ </svg>
3519
3723
  </span>
3520
3724
  </button>
3521
3725
  </div>
@@ -3719,7 +3923,19 @@ cssPrefix: pf-v6-c-dual-list-selector
3719
3923
  id="draggable-chosen-menu-toggle"
3720
3924
  >
3721
3925
  <span class="pf-v6-c-menu-toggle__icon">
3722
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
3926
+ <svg
3927
+ class="pf-v6-svg"
3928
+ viewBox="0 0 32 32"
3929
+ fill="currentColor"
3930
+ aria-hidden="true"
3931
+ role="img"
3932
+ width="1em"
3933
+ height="1em"
3934
+ >
3935
+ <path
3936
+ 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"
3937
+ />
3938
+ </svg>
3723
3939
  </span>
3724
3940
  </button>
3725
3941
  </div>
package/docs/components/Hint/examples/Hint.md CHANGED
@@ -17,7 +17,19 @@ cssPrefix: pf-v6-c-hint
17
17
  id="hint-with-title-example-hint"
18
18
  >
19
19
  <span class="pf-v6-c-menu-toggle__icon">
20
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
20
+ <svg
21
+ class="pf-v6-svg"
22
+ viewBox="0 0 32 32"
23
+ fill="currentColor"
24
+ aria-hidden="true"
25
+ role="img"
26
+ width="1em"
27
+ height="1em"
28
+ >
29
+ <path
30
+ 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"
31
+ />
32
+ </svg>
21
33
  </span>
22
34
  </button>
23
35
  </div>
@@ -39,7 +51,19 @@ cssPrefix: pf-v6-c-hint
39
51
  id="hint-with-title-and-actions-example-hint"
40
52
  >
41
53
  <span class="pf-v6-c-menu-toggle__icon">
42
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
54
+ <svg
55
+ class="pf-v6-svg"
56
+ viewBox="0 0 32 32"
57
+ fill="currentColor"
58
+ aria-hidden="true"
59
+ role="img"
60
+ width="1em"
61
+ height="1em"
62
+ >
63
+ <path
64
+ 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"
65
+ />
66
+ </svg>
43
67
  </span>
44
68
  </button>
45
69
  </div>
@@ -78,7 +102,19 @@ cssPrefix: pf-v6-c-hint
78
102
  id="hint-with-no-title-example-hint"
79
103
  >
80
104
  <span class="pf-v6-c-menu-toggle__icon">
81
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
105
+ <svg
106
+ class="pf-v6-svg"
107
+ viewBox="0 0 32 32"
108
+ fill="currentColor"
109
+ aria-hidden="true"
110
+ role="img"
111
+ width="1em"
112
+ height="1em"
113
+ >
114
+ <path
115
+ 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"
116
+ />
117
+ </svg>
82
118
  </span>
83
119
  </button>
84
120
  </div>
package/docs/components/InlineEdit/examples/InlineEdit.md CHANGED
@@ -935,7 +935,19 @@ Inline edit **action-group** contains save and cancel actions and is only visibl
935
935
  aria-label="Table actions"
936
936
  >
937
937
  <span class="pf-v6-c-menu-toggle__icon">
938
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
938
+ <svg
939
+ class="pf-v6-svg"
940
+ viewBox="0 0 32 32"
941
+ fill="currentColor"
942
+ aria-hidden="true"
943
+ role="img"
944
+ width="1em"
945
+ height="1em"
946
+ >
947
+ <path
948
+ 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"
949
+ />
950
+ </svg>
939
951
  </span>
940
952
  </button>
941
953
  </td>
@@ -1160,7 +1172,19 @@ Inline edit **action-group** contains save and cancel actions and is only visibl
1160
1172
  aria-label="Table actions"
1161
1173
  >
1162
1174
  <span class="pf-v6-c-menu-toggle__icon">
1163
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
1175
+ <svg
1176
+ class="pf-v6-svg"
1177
+ viewBox="0 0 32 32"
1178
+ fill="currentColor"
1179
+ aria-hidden="true"
1180
+ role="img"
1181
+ width="1em"
1182
+ height="1em"
1183
+ >
1184
+ <path
1185
+ 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"
1186
+ />
1187
+ </svg>
1164
1188
  </span>
1165
1189
  </button>
1166
1190
  </td>
package/docs/components/InputGroup/examples/InputGroup.md CHANGED
@@ -103,7 +103,19 @@ Use the input group to extend form controls by adding text, buttons, selects, et
103
103
  <span class="pf-v6-c-menu-toggle__text">Select</span>
104
104
  <span class="pf-v6-c-menu-toggle__controls">
105
105
  <span class="pf-v6-c-menu-toggle__toggle-icon">
106
- <i class="fas fa-caret-down fa-fw" aria-hidden="true"></i>
106
+ <svg
107
+ class="pf-v6-svg"
108
+ viewBox="0 0 20 20"
109
+ fill="currentColor"
110
+ aria-hidden="true"
111
+ role="img"
112
+ width="1em"
113
+ height="1em"
114
+ >
115
+ <path
116
+ 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"
117
+ />
118
+ </svg>
107
119
  </span>
108
120
  </span>
109
121
  </button>
package/docs/components/Login/examples/Login.md CHANGED
@@ -1046,7 +1046,19 @@ wrapperTag: div
1046
1046
  <span class="pf-v6-c-menu-toggle__text">English</span>
1047
1047
  <span class="pf-v6-c-menu-toggle__controls">
1048
1048
  <span class="pf-v6-c-menu-toggle__toggle-icon">
1049
- <i class="fas fa-caret-down fa-fw" aria-hidden="true"></i>
1049
+ <svg
1050
+ class="pf-v6-svg"
1051
+ viewBox="0 0 20 20"
1052
+ fill="currentColor"
1053
+ aria-hidden="true"
1054
+ role="img"
1055
+ width="1em"
1056
+ height="1em"
1057
+ >
1058
+ <path
1059
+ 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"
1060
+ />
1061
+ </svg>
1050
1062
  </span>
1051
1063
  </span>
1052
1064
  </button>