@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
@@ -44,7 +44,19 @@ section: components
44
44
  <span class="pf-v6-c-menu-toggle__text">Name</span>
45
45
  <span class="pf-v6-c-menu-toggle__controls">
46
46
  <span class="pf-v6-c-menu-toggle__toggle-icon">
47
- <i class="fas fa-caret-down fa-fw" aria-hidden="true"></i>
47
+ <svg
48
+ class="pf-v6-svg"
49
+ viewBox="0 0 20 20"
50
+ fill="currentColor"
51
+ aria-hidden="true"
52
+ role="img"
53
+ width="1em"
54
+ height="1em"
55
+ >
56
+ <path
57
+ 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"
58
+ />
59
+ </svg>
48
60
  </span>
49
61
  </span>
50
62
  </button>
@@ -99,7 +111,19 @@ section: components
99
111
  id="toolbar-attribute-value-search-filter-desktop-example-overflow-toggle"
100
112
  >
101
113
  <span class="pf-v6-c-menu-toggle__icon">
102
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
114
+ <svg
115
+ class="pf-v6-svg"
116
+ viewBox="0 0 32 32"
117
+ fill="currentColor"
118
+ aria-hidden="true"
119
+ role="img"
120
+ width="1em"
121
+ height="1em"
122
+ >
123
+ <path
124
+ 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"
125
+ />
126
+ </svg>
103
127
  </span>
104
128
  </button>
105
129
  </div>
@@ -125,7 +149,19 @@ section: components
125
149
  </span>
126
150
  <span class="pf-v6-c-menu-toggle__controls">
127
151
  <span class="pf-v6-c-menu-toggle__toggle-icon">
128
- <i class="fas fa-caret-down fa-fw" aria-hidden="true"></i>
152
+ <svg
153
+ class="pf-v6-svg"
154
+ viewBox="0 0 20 20"
155
+ fill="currentColor"
156
+ aria-hidden="true"
157
+ role="img"
158
+ width="1em"
159
+ height="1em"
160
+ >
161
+ <path
162
+ 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"
163
+ />
164
+ </svg>
129
165
  </span>
130
166
  </span>
131
167
  </button>
@@ -352,7 +388,19 @@ section: components
352
388
  aria-label="Settings"
353
389
  >
354
390
  <span class="pf-v6-c-menu-toggle__icon">
355
- <i class="fas fa-cog" aria-hidden="true"></i>
391
+ <svg
392
+ class="pf-v6-svg"
393
+ viewBox="0 0 32 32"
394
+ fill="currentColor"
395
+ aria-hidden="true"
396
+ role="img"
397
+ width="1em"
398
+ height="1em"
399
+ >
400
+ <path
401
+ 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"
402
+ />
403
+ </svg>
356
404
  </span>
357
405
  </button>
358
406
  </div>
@@ -378,7 +426,19 @@ section: components
378
426
  aria-label="Actions"
379
427
  >
380
428
  <span class="pf-v6-c-menu-toggle__icon">
381
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
429
+ <svg
430
+ class="pf-v6-svg"
431
+ viewBox="0 0 32 32"
432
+ fill="currentColor"
433
+ aria-hidden="true"
434
+ role="img"
435
+ width="1em"
436
+ height="1em"
437
+ >
438
+ <path
439
+ 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"
440
+ />
441
+ </svg>
382
442
  </span>
383
443
  </button>
384
444
  </div>
@@ -556,10 +616,19 @@ section: components
556
616
  <span class="pf-v6-c-menu-toggle__text">Last month</span>
557
617
  <span class="pf-v6-c-menu-toggle__controls">
558
618
  <span class="pf-v6-c-menu-toggle__toggle-icon">
559
- <i
560
- class="fas fa-caret-down fa-fw"
619
+ <svg
620
+ class="pf-v6-svg"
621
+ viewBox="0 0 20 20"
622
+ fill="currentColor"
561
623
  aria-hidden="true"
562
- ></i>
624
+ role="img"
625
+ width="1em"
626
+ height="1em"
627
+ >
628
+ <path
629
+ 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"
630
+ />
631
+ </svg>
563
632
  </span>
564
633
  </span>
565
634
  </button>
@@ -698,10 +767,19 @@ section: components
698
767
  <span class="pf-v6-c-menu-toggle__text">Name</span>
699
768
  <span class="pf-v6-c-menu-toggle__controls">
700
769
  <span class="pf-v6-c-menu-toggle__toggle-icon">
701
- <i
702
- class="fas fa-caret-down fa-fw"
770
+ <svg
771
+ class="pf-v6-svg"
772
+ viewBox="0 0 20 20"
773
+ fill="currentColor"
703
774
  aria-hidden="true"
704
- ></i>
775
+ role="img"
776
+ width="1em"
777
+ height="1em"
778
+ >
779
+ <path
780
+ 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"
781
+ />
782
+ </svg>
705
783
  </span>
706
784
  </span>
707
785
  </button>
@@ -877,7 +955,19 @@ section: components
877
955
  aria-label="Table actions"
878
956
  >
879
957
  <span class="pf-v6-c-menu-toggle__icon">
880
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
958
+ <svg
959
+ class="pf-v6-svg"
960
+ viewBox="0 0 32 32"
961
+ fill="currentColor"
962
+ aria-hidden="true"
963
+ role="img"
964
+ width="1em"
965
+ height="1em"
966
+ >
967
+ <path
968
+ 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"
969
+ />
970
+ </svg>
881
971
  </span>
882
972
  </button>
883
973
  </td>
@@ -953,7 +1043,19 @@ section: components
953
1043
  aria-label="Table actions"
954
1044
  >
955
1045
  <span class="pf-v6-c-menu-toggle__icon">
956
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
1046
+ <svg
1047
+ class="pf-v6-svg"
1048
+ viewBox="0 0 32 32"
1049
+ fill="currentColor"
1050
+ aria-hidden="true"
1051
+ role="img"
1052
+ width="1em"
1053
+ height="1em"
1054
+ >
1055
+ <path
1056
+ 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"
1057
+ />
1058
+ </svg>
957
1059
  </span>
958
1060
  </button>
959
1061
  </td>
@@ -1029,7 +1131,19 @@ section: components
1029
1131
  aria-label="Table actions"
1030
1132
  >
1031
1133
  <span class="pf-v6-c-menu-toggle__icon">
1032
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
1134
+ <svg
1135
+ class="pf-v6-svg"
1136
+ viewBox="0 0 32 32"
1137
+ fill="currentColor"
1138
+ aria-hidden="true"
1139
+ role="img"
1140
+ width="1em"
1141
+ height="1em"
1142
+ >
1143
+ <path
1144
+ 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"
1145
+ />
1146
+ </svg>
1033
1147
  </span>
1034
1148
  </button>
1035
1149
  </td>
@@ -1105,7 +1219,19 @@ section: components
1105
1219
  aria-label="Table actions"
1106
1220
  >
1107
1221
  <span class="pf-v6-c-menu-toggle__icon">
1108
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
1222
+ <svg
1223
+ class="pf-v6-svg"
1224
+ viewBox="0 0 32 32"
1225
+ fill="currentColor"
1226
+ aria-hidden="true"
1227
+ role="img"
1228
+ width="1em"
1229
+ height="1em"
1230
+ >
1231
+ <path
1232
+ 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"
1233
+ />
1234
+ </svg>
1109
1235
  </span>
1110
1236
  </button>
1111
1237
  </td>
@@ -1180,7 +1306,19 @@ section: components
1180
1306
  aria-label="Table actions"
1181
1307
  >
1182
1308
  <span class="pf-v6-c-menu-toggle__icon">
1183
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
1309
+ <svg
1310
+ class="pf-v6-svg"
1311
+ viewBox="0 0 32 32"
1312
+ fill="currentColor"
1313
+ aria-hidden="true"
1314
+ role="img"
1315
+ width="1em"
1316
+ height="1em"
1317
+ >
1318
+ <path
1319
+ 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"
1320
+ />
1321
+ </svg>
1184
1322
  </span>
1185
1323
  </button>
1186
1324
  </td>
@@ -1234,7 +1372,19 @@ section: components
1234
1372
  <span class="pf-v6-c-menu-toggle__text">Name</span>
1235
1373
  <span class="pf-v6-c-menu-toggle__controls">
1236
1374
  <span class="pf-v6-c-menu-toggle__toggle-icon">
1237
- <i class="fas fa-caret-down fa-fw" aria-hidden="true"></i>
1375
+ <svg
1376
+ class="pf-v6-svg"
1377
+ viewBox="0 0 20 20"
1378
+ fill="currentColor"
1379
+ aria-hidden="true"
1380
+ role="img"
1381
+ width="1em"
1382
+ height="1em"
1383
+ >
1384
+ <path
1385
+ 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"
1386
+ />
1387
+ </svg>
1238
1388
  </span>
1239
1389
  </span>
1240
1390
  </button>
@@ -1271,7 +1421,19 @@ section: components
1271
1421
  <span class="pf-v6-c-menu-toggle__text">Status</span>
1272
1422
  <span class="pf-v6-c-menu-toggle__controls">
1273
1423
  <span class="pf-v6-c-menu-toggle__toggle-icon">
1274
- <i class="fas fa-caret-down fa-fw" aria-hidden="true"></i>
1424
+ <svg
1425
+ class="pf-v6-svg"
1426
+ viewBox="0 0 20 20"
1427
+ fill="currentColor"
1428
+ aria-hidden="true"
1429
+ role="img"
1430
+ width="1em"
1431
+ height="1em"
1432
+ >
1433
+ <path
1434
+ 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"
1435
+ />
1436
+ </svg>
1275
1437
  </span>
1276
1438
  </span>
1277
1439
  </button>
@@ -1286,7 +1448,19 @@ section: components
1286
1448
  <span class="pf-v6-c-menu-toggle__text">Risk</span>
1287
1449
  <span class="pf-v6-c-menu-toggle__controls">
1288
1450
  <span class="pf-v6-c-menu-toggle__toggle-icon">
1289
- <i class="fas fa-caret-down fa-fw" aria-hidden="true"></i>
1451
+ <svg
1452
+ class="pf-v6-svg"
1453
+ viewBox="0 0 20 20"
1454
+ fill="currentColor"
1455
+ aria-hidden="true"
1456
+ role="img"
1457
+ width="1em"
1458
+ height="1em"
1459
+ >
1460
+ <path
1461
+ 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"
1462
+ />
1463
+ </svg>
1290
1464
  </span>
1291
1465
  </span>
1292
1466
  </button>
@@ -1308,7 +1482,19 @@ section: components
1308
1482
  id="toolbar-attribute-value-search-filter-mobile-example-overflow-toggle"
1309
1483
  >
1310
1484
  <span class="pf-v6-c-menu-toggle__icon">
1311
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
1485
+ <svg
1486
+ class="pf-v6-svg"
1487
+ viewBox="0 0 32 32"
1488
+ fill="currentColor"
1489
+ aria-hidden="true"
1490
+ role="img"
1491
+ width="1em"
1492
+ height="1em"
1493
+ >
1494
+ <path
1495
+ 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"
1496
+ />
1497
+ </svg>
1312
1498
  </span>
1313
1499
  </button>
1314
1500
  </div>
@@ -1334,7 +1520,19 @@ section: components
1334
1520
  </span>
1335
1521
  <span class="pf-v6-c-menu-toggle__controls">
1336
1522
  <span class="pf-v6-c-menu-toggle__toggle-icon">
1337
- <i class="fas fa-caret-down fa-fw" aria-hidden="true"></i>
1523
+ <svg
1524
+ class="pf-v6-svg"
1525
+ viewBox="0 0 20 20"
1526
+ fill="currentColor"
1527
+ aria-hidden="true"
1528
+ role="img"
1529
+ width="1em"
1530
+ height="1em"
1531
+ >
1532
+ <path
1533
+ 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"
1534
+ />
1535
+ </svg>
1338
1536
  </span>
1339
1537
  </span>
1340
1538
  </button>
@@ -1413,7 +1611,19 @@ section: components
1413
1611
  <span class="pf-v6-c-menu-toggle__text">Name</span>
1414
1612
  <span class="pf-v6-c-menu-toggle__controls">
1415
1613
  <span class="pf-v6-c-menu-toggle__toggle-icon">
1416
- <i class="fas fa-caret-down fa-fw" aria-hidden="true"></i>
1614
+ <svg
1615
+ class="pf-v6-svg"
1616
+ viewBox="0 0 20 20"
1617
+ fill="currentColor"
1618
+ aria-hidden="true"
1619
+ role="img"
1620
+ width="1em"
1621
+ height="1em"
1622
+ >
1623
+ <path
1624
+ 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"
1625
+ />
1626
+ </svg>
1417
1627
  </span>
1418
1628
  </span>
1419
1629
  </button>
@@ -1464,7 +1674,19 @@ section: components
1464
1674
  <span class="pf-v6-c-menu-toggle__text">Status</span>
1465
1675
  <span class="pf-v6-c-menu-toggle__controls">
1466
1676
  <span class="pf-v6-c-menu-toggle__toggle-icon">
1467
- <i class="fas fa-caret-down fa-fw" aria-hidden="true"></i>
1677
+ <svg
1678
+ class="pf-v6-svg"
1679
+ viewBox="0 0 20 20"
1680
+ fill="currentColor"
1681
+ aria-hidden="true"
1682
+ role="img"
1683
+ width="1em"
1684
+ height="1em"
1685
+ >
1686
+ <path
1687
+ 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"
1688
+ />
1689
+ </svg>
1468
1690
  </span>
1469
1691
  </span>
1470
1692
  </button>
@@ -1479,7 +1701,19 @@ section: components
1479
1701
  <span class="pf-v6-c-menu-toggle__text">Risk</span>
1480
1702
  <span class="pf-v6-c-menu-toggle__controls">
1481
1703
  <span class="pf-v6-c-menu-toggle__toggle-icon">
1482
- <i class="fas fa-caret-down fa-fw" aria-hidden="true"></i>
1704
+ <svg
1705
+ class="pf-v6-svg"
1706
+ viewBox="0 0 20 20"
1707
+ fill="currentColor"
1708
+ aria-hidden="true"
1709
+ role="img"
1710
+ width="1em"
1711
+ height="1em"
1712
+ >
1713
+ <path
1714
+ 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"
1715
+ />
1716
+ </svg>
1483
1717
  </span>
1484
1718
  </span>
1485
1719
  </button>
@@ -1514,7 +1748,19 @@ section: components
1514
1748
  id="toolbar-attribute-value-single-menu-toggle-filter-desktop-example-overflow-toggle"
1515
1749
  >
1516
1750
  <span class="pf-v6-c-menu-toggle__icon">
1517
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
1751
+ <svg
1752
+ class="pf-v6-svg"
1753
+ viewBox="0 0 32 32"
1754
+ fill="currentColor"
1755
+ aria-hidden="true"
1756
+ role="img"
1757
+ width="1em"
1758
+ height="1em"
1759
+ >
1760
+ <path
1761
+ 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"
1762
+ />
1763
+ </svg>
1518
1764
  </span>
1519
1765
  </button>
1520
1766
  </div>
@@ -1540,7 +1786,19 @@ section: components
1540
1786
  </span>
1541
1787
  <span class="pf-v6-c-menu-toggle__controls">
1542
1788
  <span class="pf-v6-c-menu-toggle__toggle-icon">
1543
- <i class="fas fa-caret-down fa-fw" aria-hidden="true"></i>
1789
+ <svg
1790
+ class="pf-v6-svg"
1791
+ viewBox="0 0 20 20"
1792
+ fill="currentColor"
1793
+ aria-hidden="true"
1794
+ role="img"
1795
+ width="1em"
1796
+ height="1em"
1797
+ >
1798
+ <path
1799
+ 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"
1800
+ />
1801
+ </svg>
1544
1802
  </span>
1545
1803
  </span>
1546
1804
  </button>
@@ -1648,7 +1906,19 @@ section: components
1648
1906
  <span class="pf-v6-c-menu-toggle__text">Name</span>
1649
1907
  <span class="pf-v6-c-menu-toggle__controls">
1650
1908
  <span class="pf-v6-c-menu-toggle__toggle-icon">
1651
- <i class="fas fa-caret-down fa-fw" aria-hidden="true"></i>
1909
+ <svg
1910
+ class="pf-v6-svg"
1911
+ viewBox="0 0 20 20"
1912
+ fill="currentColor"
1913
+ aria-hidden="true"
1914
+ role="img"
1915
+ width="1em"
1916
+ height="1em"
1917
+ >
1918
+ <path
1919
+ 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"
1920
+ />
1921
+ </svg>
1652
1922
  </span>
1653
1923
  </span>
1654
1924
  </button>
@@ -1685,7 +1955,19 @@ section: components
1685
1955
  <span class="pf-v6-c-menu-toggle__text">Status</span>
1686
1956
  <span class="pf-v6-c-menu-toggle__controls">
1687
1957
  <span class="pf-v6-c-menu-toggle__toggle-icon">
1688
- <i class="fas fa-caret-down fa-fw" aria-hidden="true"></i>
1958
+ <svg
1959
+ class="pf-v6-svg"
1960
+ viewBox="0 0 20 20"
1961
+ fill="currentColor"
1962
+ aria-hidden="true"
1963
+ role="img"
1964
+ width="1em"
1965
+ height="1em"
1966
+ >
1967
+ <path
1968
+ 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"
1969
+ />
1970
+ </svg>
1689
1971
  </span>
1690
1972
  </span>
1691
1973
  </button>
@@ -1700,7 +1982,19 @@ section: components
1700
1982
  <span class="pf-v6-c-menu-toggle__text">Risk</span>
1701
1983
  <span class="pf-v6-c-menu-toggle__controls">
1702
1984
  <span class="pf-v6-c-menu-toggle__toggle-icon">
1703
- <i class="fas fa-caret-down fa-fw" aria-hidden="true"></i>
1985
+ <svg
1986
+ class="pf-v6-svg"
1987
+ viewBox="0 0 20 20"
1988
+ fill="currentColor"
1989
+ aria-hidden="true"
1990
+ role="img"
1991
+ width="1em"
1992
+ height="1em"
1993
+ >
1994
+ <path
1995
+ 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"
1996
+ />
1997
+ </svg>
1704
1998
  </span>
1705
1999
  </span>
1706
2000
  </button>
@@ -1722,7 +2016,19 @@ section: components
1722
2016
  id="toolbar-attribute-value-single-menu-toggle-filter-mobile-example-overflow-toggle"
1723
2017
  >
1724
2018
  <span class="pf-v6-c-menu-toggle__icon">
1725
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
2019
+ <svg
2020
+ class="pf-v6-svg"
2021
+ viewBox="0 0 32 32"
2022
+ fill="currentColor"
2023
+ aria-hidden="true"
2024
+ role="img"
2025
+ width="1em"
2026
+ height="1em"
2027
+ >
2028
+ <path
2029
+ 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"
2030
+ />
2031
+ </svg>
1726
2032
  </span>
1727
2033
  </button>
1728
2034
  </div>
@@ -1748,7 +2054,19 @@ section: components
1748
2054
  </span>
1749
2055
  <span class="pf-v6-c-menu-toggle__controls">
1750
2056
  <span class="pf-v6-c-menu-toggle__toggle-icon">
1751
- <i class="fas fa-caret-down fa-fw" aria-hidden="true"></i>
2057
+ <svg
2058
+ class="pf-v6-svg"
2059
+ viewBox="0 0 20 20"
2060
+ fill="currentColor"
2061
+ aria-hidden="true"
2062
+ role="img"
2063
+ width="1em"
2064
+ height="1em"
2065
+ >
2066
+ <path
2067
+ 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"
2068
+ />
2069
+ </svg>
1752
2070
  </span>
1753
2071
  </span>
1754
2072
  </button>
@@ -1822,7 +2140,19 @@ section: components
1822
2140
  <span class="pf-v6-c-menu-toggle__text">Status</span>
1823
2141
  <span class="pf-v6-c-menu-toggle__controls">
1824
2142
  <span class="pf-v6-c-menu-toggle__toggle-icon">
1825
- <i class="fas fa-caret-down fa-fw" aria-hidden="true"></i>
2143
+ <svg
2144
+ class="pf-v6-svg"
2145
+ viewBox="0 0 20 20"
2146
+ fill="currentColor"
2147
+ aria-hidden="true"
2148
+ role="img"
2149
+ width="1em"
2150
+ height="1em"
2151
+ >
2152
+ <path
2153
+ 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"
2154
+ />
2155
+ </svg>
1826
2156
  </span>
1827
2157
  </span>
1828
2158
  </button>
@@ -1837,7 +2167,19 @@ section: components
1837
2167
  <span class="pf-v6-c-menu-toggle__text">Risk</span>
1838
2168
  <span class="pf-v6-c-menu-toggle__controls">
1839
2169
  <span class="pf-v6-c-menu-toggle__toggle-icon">
1840
- <i class="fas fa-caret-down fa-fw" aria-hidden="true"></i>
2170
+ <svg
2171
+ class="pf-v6-svg"
2172
+ viewBox="0 0 20 20"
2173
+ fill="currentColor"
2174
+ aria-hidden="true"
2175
+ role="img"
2176
+ width="1em"
2177
+ height="1em"
2178
+ >
2179
+ <path
2180
+ 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"
2181
+ />
2182
+ </svg>
1841
2183
  </span>
1842
2184
  </span>
1843
2185
  </button>
@@ -1869,7 +2211,19 @@ section: components
1869
2211
  <span class="pf-v6-c-menu-toggle__text">Status</span>
1870
2212
  <span class="pf-v6-c-menu-toggle__controls">
1871
2213
  <span class="pf-v6-c-menu-toggle__toggle-icon">
1872
- <i class="fas fa-caret-down fa-fw" aria-hidden="true"></i>
2214
+ <svg
2215
+ class="pf-v6-svg"
2216
+ viewBox="0 0 20 20"
2217
+ fill="currentColor"
2218
+ aria-hidden="true"
2219
+ role="img"
2220
+ width="1em"
2221
+ height="1em"
2222
+ >
2223
+ <path
2224
+ 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"
2225
+ />
2226
+ </svg>
1873
2227
  </span>
1874
2228
  </span>
1875
2229
  </button>
@@ -1884,7 +2238,19 @@ section: components
1884
2238
  <span class="pf-v6-c-menu-toggle__text">Risk</span>
1885
2239
  <span class="pf-v6-c-menu-toggle__controls">
1886
2240
  <span class="pf-v6-c-menu-toggle__toggle-icon">
1887
- <i class="fas fa-caret-down fa-fw" aria-hidden="true"></i>
2241
+ <svg
2242
+ class="pf-v6-svg"
2243
+ viewBox="0 0 20 20"
2244
+ fill="currentColor"
2245
+ aria-hidden="true"
2246
+ role="img"
2247
+ width="1em"
2248
+ height="1em"
2249
+ >
2250
+ <path
2251
+ 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"
2252
+ />
2253
+ </svg>
1888
2254
  </span>
1889
2255
  </span>
1890
2256
  </button>
@@ -1919,7 +2285,19 @@ section: components
1919
2285
  id="toolbar-attribute-value-checkbox-menu-toggle-filter-desktop-example-overflow-toggle"
1920
2286
  >
1921
2287
  <span class="pf-v6-c-menu-toggle__icon">
1922
- <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>
1923
2301
  </span>
1924
2302
  </button>
1925
2303
  </div>
@@ -1945,7 +2323,19 @@ section: components
1945
2323
  </span>
1946
2324
  <span class="pf-v6-c-menu-toggle__controls">
1947
2325
  <span class="pf-v6-c-menu-toggle__toggle-icon">
1948
- <i class="fas fa-caret-down fa-fw" aria-hidden="true"></i>
2326
+ <svg
2327
+ class="pf-v6-svg"
2328
+ viewBox="0 0 20 20"
2329
+ fill="currentColor"
2330
+ aria-hidden="true"
2331
+ role="img"
2332
+ width="1em"
2333
+ height="1em"
2334
+ >
2335
+ <path
2336
+ 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"
2337
+ />
2338
+ </svg>
1949
2339
  </span>
1950
2340
  </span>
1951
2341
  </button>
@@ -2329,7 +2719,19 @@ section: components
2329
2719
  <span class="pf-v6-c-menu-toggle__text">Name</span>
2330
2720
  <span class="pf-v6-c-menu-toggle__controls">
2331
2721
  <span class="pf-v6-c-menu-toggle__toggle-icon">
2332
- <i class="fas fa-caret-down fa-fw" aria-hidden="true"></i>
2722
+ <svg
2723
+ class="pf-v6-svg"
2724
+ viewBox="0 0 20 20"
2725
+ fill="currentColor"
2726
+ aria-hidden="true"
2727
+ role="img"
2728
+ width="1em"
2729
+ height="1em"
2730
+ >
2731
+ <path
2732
+ 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"
2733
+ />
2734
+ </svg>
2333
2735
  </span>
2334
2736
  </span>
2335
2737
  </button>
@@ -2366,7 +2768,19 @@ section: components
2366
2768
  <span class="pf-v6-c-menu-toggle__text">Status</span>
2367
2769
  <span class="pf-v6-c-menu-toggle__controls">
2368
2770
  <span class="pf-v6-c-menu-toggle__toggle-icon">
2369
- <i class="fas fa-caret-down fa-fw" aria-hidden="true"></i>
2771
+ <svg
2772
+ class="pf-v6-svg"
2773
+ viewBox="0 0 20 20"
2774
+ fill="currentColor"
2775
+ aria-hidden="true"
2776
+ role="img"
2777
+ width="1em"
2778
+ height="1em"
2779
+ >
2780
+ <path
2781
+ 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"
2782
+ />
2783
+ </svg>
2370
2784
  </span>
2371
2785
  </span>
2372
2786
  </button>
@@ -2381,7 +2795,19 @@ section: components
2381
2795
  <span class="pf-v6-c-menu-toggle__text">Risk</span>
2382
2796
  <span class="pf-v6-c-menu-toggle__controls">
2383
2797
  <span class="pf-v6-c-menu-toggle__toggle-icon">
2384
- <i class="fas fa-caret-down fa-fw" aria-hidden="true"></i>
2798
+ <svg
2799
+ class="pf-v6-svg"
2800
+ viewBox="0 0 20 20"
2801
+ fill="currentColor"
2802
+ aria-hidden="true"
2803
+ role="img"
2804
+ width="1em"
2805
+ height="1em"
2806
+ >
2807
+ <path
2808
+ 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"
2809
+ />
2810
+ </svg>
2385
2811
  </span>
2386
2812
  </span>
2387
2813
  </button>
@@ -2403,7 +2829,19 @@ section: components
2403
2829
  id="toolbar-attribute-value-checkbox-menu-toggle-filter-mobile-example-overflow-toggle"
2404
2830
  >
2405
2831
  <span class="pf-v6-c-menu-toggle__icon">
2406
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
2832
+ <svg
2833
+ class="pf-v6-svg"
2834
+ viewBox="0 0 32 32"
2835
+ fill="currentColor"
2836
+ aria-hidden="true"
2837
+ role="img"
2838
+ width="1em"
2839
+ height="1em"
2840
+ >
2841
+ <path
2842
+ 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"
2843
+ />
2844
+ </svg>
2407
2845
  </span>
2408
2846
  </button>
2409
2847
  </div>
@@ -2429,7 +2867,19 @@ section: components
2429
2867
  </span>
2430
2868
  <span class="pf-v6-c-menu-toggle__controls">
2431
2869
  <span class="pf-v6-c-menu-toggle__toggle-icon">
2432
- <i class="fas fa-caret-down fa-fw" aria-hidden="true"></i>
2870
+ <svg
2871
+ class="pf-v6-svg"
2872
+ viewBox="0 0 20 20"
2873
+ fill="currentColor"
2874
+ aria-hidden="true"
2875
+ role="img"
2876
+ width="1em"
2877
+ height="1em"
2878
+ >
2879
+ <path
2880
+ 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"
2881
+ />
2882
+ </svg>
2433
2883
  </span>
2434
2884
  </span>
2435
2885
  </button>
@@ -2503,7 +2953,19 @@ section: components
2503
2953
  <span class="pf-v6-c-menu-toggle__text">Status</span>
2504
2954
  <span class="pf-v6-c-menu-toggle__controls">
2505
2955
  <span class="pf-v6-c-menu-toggle__toggle-icon">
2506
- <i class="fas fa-caret-down fa-fw" aria-hidden="true"></i>
2956
+ <svg
2957
+ class="pf-v6-svg"
2958
+ viewBox="0 0 20 20"
2959
+ fill="currentColor"
2960
+ aria-hidden="true"
2961
+ role="img"
2962
+ width="1em"
2963
+ height="1em"
2964
+ >
2965
+ <path
2966
+ 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"
2967
+ />
2968
+ </svg>
2507
2969
  </span>
2508
2970
  </span>
2509
2971
  </button>
@@ -2518,7 +2980,19 @@ section: components
2518
2980
  <span class="pf-v6-c-menu-toggle__text">Risk</span>
2519
2981
  <span class="pf-v6-c-menu-toggle__controls">
2520
2982
  <span class="pf-v6-c-menu-toggle__toggle-icon">
2521
- <i class="fas fa-caret-down fa-fw" aria-hidden="true"></i>
2983
+ <svg
2984
+ class="pf-v6-svg"
2985
+ viewBox="0 0 20 20"
2986
+ fill="currentColor"
2987
+ aria-hidden="true"
2988
+ role="img"
2989
+ width="1em"
2990
+ height="1em"
2991
+ >
2992
+ <path
2993
+ 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"
2994
+ />
2995
+ </svg>
2522
2996
  </span>
2523
2997
  </span>
2524
2998
  </button>
@@ -2963,7 +3437,19 @@ section: components
2963
3437
  aria-label="Settings"
2964
3438
  >
2965
3439
  <span class="pf-v6-c-menu-toggle__icon">
2966
- <i class="fas fa-cog" aria-hidden="true"></i>
3440
+ <svg
3441
+ class="pf-v6-svg"
3442
+ viewBox="0 0 32 32"
3443
+ fill="currentColor"
3444
+ aria-hidden="true"
3445
+ role="img"
3446
+ width="1em"
3447
+ height="1em"
3448
+ >
3449
+ <path
3450
+ 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"
3451
+ />
3452
+ </svg>
2967
3453
  </span>
2968
3454
  </button>
2969
3455
  </div>
@@ -2989,7 +3475,19 @@ section: components
2989
3475
  aria-label="Actions"
2990
3476
  >
2991
3477
  <span class="pf-v6-c-menu-toggle__icon">
2992
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
3478
+ <svg
3479
+ class="pf-v6-svg"
3480
+ viewBox="0 0 32 32"
3481
+ fill="currentColor"
3482
+ aria-hidden="true"
3483
+ role="img"
3484
+ width="1em"
3485
+ height="1em"
3486
+ >
3487
+ <path
3488
+ 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"
3489
+ />
3490
+ </svg>
2993
3491
  </span>
2994
3492
  </button>
2995
3493
  </div>
@@ -3166,10 +3664,19 @@ section: components
3166
3664
  <span class="pf-v6-c-menu-toggle__text">Name</span>
3167
3665
  <span class="pf-v6-c-menu-toggle__controls">
3168
3666
  <span class="pf-v6-c-menu-toggle__toggle-icon">
3169
- <i
3170
- class="fas fa-caret-down fa-fw"
3667
+ <svg
3668
+ class="pf-v6-svg"
3669
+ viewBox="0 0 20 20"
3670
+ fill="currentColor"
3171
3671
  aria-hidden="true"
3172
- ></i>
3672
+ role="img"
3673
+ width="1em"
3674
+ height="1em"
3675
+ >
3676
+ <path
3677
+ 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"
3678
+ />
3679
+ </svg>
3173
3680
  </span>
3174
3681
  </span>
3175
3682
  </button>
@@ -3210,7 +3717,19 @@ section: components
3210
3717
  id="toolbar-pagination-management-example-toolbar-overflow-toggle"
3211
3718
  >
3212
3719
  <span class="pf-v6-c-menu-toggle__icon">
3213
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
3720
+ <svg
3721
+ class="pf-v6-svg"
3722
+ viewBox="0 0 32 32"
3723
+ fill="currentColor"
3724
+ aria-hidden="true"
3725
+ role="img"
3726
+ width="1em"
3727
+ height="1em"
3728
+ >
3729
+ <path
3730
+ 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"
3731
+ />
3732
+ </svg>
3214
3733
  </span>
3215
3734
  </button>
3216
3735
  </div>
@@ -3236,10 +3755,19 @@ section: components
3236
3755
  </span>
3237
3756
  <span class="pf-v6-c-menu-toggle__controls">
3238
3757
  <span class="pf-v6-c-menu-toggle__toggle-icon">
3239
- <i
3240
- class="fas fa-caret-down fa-fw"
3758
+ <svg
3759
+ class="pf-v6-svg"
3760
+ viewBox="0 0 20 20"
3761
+ fill="currentColor"
3241
3762
  aria-hidden="true"
3242
- ></i>
3763
+ role="img"
3764
+ width="1em"
3765
+ height="1em"
3766
+ >
3767
+ <path
3768
+ 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"
3769
+ />
3770
+ </svg>
3243
3771
  </span>
3244
3772
  </span>
3245
3773
  </button>
@@ -3447,7 +3975,19 @@ section: components
3447
3975
  aria-label="Table actions"
3448
3976
  >
3449
3977
  <span class="pf-v6-c-menu-toggle__icon">
3450
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
3978
+ <svg
3979
+ class="pf-v6-svg"
3980
+ viewBox="0 0 32 32"
3981
+ fill="currentColor"
3982
+ aria-hidden="true"
3983
+ role="img"
3984
+ width="1em"
3985
+ height="1em"
3986
+ >
3987
+ <path
3988
+ 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"
3989
+ />
3990
+ </svg>
3451
3991
  </span>
3452
3992
  </button>
3453
3993
  </td>
@@ -3525,7 +4065,19 @@ section: components
3525
4065
  aria-label="Table actions"
3526
4066
  >
3527
4067
  <span class="pf-v6-c-menu-toggle__icon">
3528
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
4068
+ <svg
4069
+ class="pf-v6-svg"
4070
+ viewBox="0 0 32 32"
4071
+ fill="currentColor"
4072
+ aria-hidden="true"
4073
+ role="img"
4074
+ width="1em"
4075
+ height="1em"
4076
+ >
4077
+ <path
4078
+ 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"
4079
+ />
4080
+ </svg>
3529
4081
  </span>
3530
4082
  </button>
3531
4083
  </td>
@@ -3603,7 +4155,19 @@ section: components
3603
4155
  aria-label="Table actions"
3604
4156
  >
3605
4157
  <span class="pf-v6-c-menu-toggle__icon">
3606
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
4158
+ <svg
4159
+ class="pf-v6-svg"
4160
+ viewBox="0 0 32 32"
4161
+ fill="currentColor"
4162
+ aria-hidden="true"
4163
+ role="img"
4164
+ width="1em"
4165
+ height="1em"
4166
+ >
4167
+ <path
4168
+ 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"
4169
+ />
4170
+ </svg>
3607
4171
  </span>
3608
4172
  </button>
3609
4173
  </td>
@@ -3681,7 +4245,19 @@ section: components
3681
4245
  aria-label="Table actions"
3682
4246
  >
3683
4247
  <span class="pf-v6-c-menu-toggle__icon">
3684
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
4248
+ <svg
4249
+ class="pf-v6-svg"
4250
+ viewBox="0 0 32 32"
4251
+ fill="currentColor"
4252
+ aria-hidden="true"
4253
+ role="img"
4254
+ width="1em"
4255
+ height="1em"
4256
+ >
4257
+ <path
4258
+ 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"
4259
+ />
4260
+ </svg>
3685
4261
  </span>
3686
4262
  </button>
3687
4263
  </td>
@@ -3758,7 +4334,19 @@ section: components
3758
4334
  aria-label="Table actions"
3759
4335
  >
3760
4336
  <span class="pf-v6-c-menu-toggle__icon">
3761
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
4337
+ <svg
4338
+ class="pf-v6-svg"
4339
+ viewBox="0 0 32 32"
4340
+ fill="currentColor"
4341
+ aria-hidden="true"
4342
+ role="img"
4343
+ width="1em"
4344
+ height="1em"
4345
+ >
4346
+ <path
4347
+ 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"
4348
+ />
4349
+ </svg>
3762
4350
  </span>
3763
4351
  </button>
3764
4352
  </td>
@@ -3779,7 +4367,19 @@ section: components
3779
4367
  </span>
3780
4368
  <span class="pf-v6-c-menu-toggle__controls">
3781
4369
  <span class="pf-v6-c-menu-toggle__toggle-icon">
3782
- <i class="fas fa-caret-down fa-fw" aria-hidden="true"></i>
4370
+ <svg
4371
+ class="pf-v6-svg"
4372
+ viewBox="0 0 20 20"
4373
+ fill="currentColor"
4374
+ aria-hidden="true"
4375
+ role="img"
4376
+ width="1em"
4377
+ height="1em"
4378
+ >
4379
+ <path
4380
+ 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"
4381
+ />
4382
+ </svg>
3783
4383
  </span>
3784
4384
  </span>
3785
4385
  </button>