@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/DataList/examples/DataList.md CHANGED
@@ -159,7 +159,19 @@ wrapperTag: div
159
159
  aria-label="Settings"
160
160
  >
161
161
  <span class="pf-v6-c-menu-toggle__icon">
162
- <i class="fas fa-cog" aria-hidden="true"></i>
162
+ <svg
163
+ class="pf-v6-svg"
164
+ viewBox="0 0 32 32"
165
+ fill="currentColor"
166
+ aria-hidden="true"
167
+ role="img"
168
+ width="1em"
169
+ height="1em"
170
+ >
171
+ <path
172
+ d="M30.168 12.894a.5.5 0 0 0-.488-.394h-2.732a11.512 11.512 0 0 0-.729-1.769l1.931-1.93a.5.5 0 0 0 .066-.625 14.693 14.693 0 0 0-4.393-4.392.498.498 0 0 0-.624.067l-1.93 1.93a11.512 11.512 0 0 0-1.769-.729V2.319a.5.5 0 0 0-.395-.489 14.81 14.81 0 0 0-6.211 0 .5.5 0 0 0-.395.489v2.733c-.614.196-1.207.439-1.769.729L8.8 3.851a.498.498 0 0 0-.624-.067 14.714 14.714 0 0 0-4.393 4.392.5.5 0 0 0 .066.625l1.931 1.93a11.512 11.512 0 0 0-.729 1.769H2.319a.5.5 0 0 0-.488.394 14.652 14.652 0 0 0 0 6.212.5.5 0 0 0 .488.394h2.732c.196.615.44 1.207.729 1.769l-1.931 1.93a.5.5 0 0 0-.066.625 14.673 14.673 0 0 0 4.393 4.392.498.498 0 0 0 .624-.067l1.93-1.93c.562.289 1.154.533 1.769.729v2.733a.5.5 0 0 0 .395.489 14.686 14.686 0 0 0 6.21 0 .5.5 0 0 0 .395-.489v-2.733a11.454 11.454 0 0 0 1.769-.729l1.93 1.93a.5.5 0 0 0 .624.067 14.714 14.714 0 0 0 4.393-4.392.5.5 0 0 0-.066-.625l-1.931-1.93c.289-.562.533-1.154.729-1.769h2.732a.5.5 0 0 0 .488-.394 14.652 14.652 0 0 0 0-6.212ZM16 21.25c-2.895 0-5.25-2.355-5.25-5.25s2.355-5.25 5.25-5.25 5.25 2.355 5.25 5.25-2.355 5.25-5.25 5.25Z"
173
+ />
174
+ </svg>
163
175
  </span>
164
176
  </button>
165
177
  </div>
@@ -185,7 +197,19 @@ wrapperTag: div
185
197
  aria-label="Actions"
186
198
  >
187
199
  <span class="pf-v6-c-menu-toggle__icon">
188
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
200
+ <svg
201
+ class="pf-v6-svg"
202
+ viewBox="0 0 32 32"
203
+ fill="currentColor"
204
+ aria-hidden="true"
205
+ role="img"
206
+ width="1em"
207
+ height="1em"
208
+ >
209
+ <path
210
+ d="M12.25 5c0-2.068 1.683-3.75 3.75-3.75S19.75 2.932 19.75 5 18.067 8.75 16 8.75 12.25 7.068 12.25 5ZM16 12.25c-2.067 0-3.75 1.682-3.75 3.75s1.683 3.75 3.75 3.75 3.75-1.682 3.75-3.75-1.683-3.75-3.75-3.75Zm0 11c-2.067 0-3.75 1.682-3.75 3.75s1.683 3.75 3.75 3.75 3.75-1.682 3.75-3.75-1.683-3.75-3.75-3.75Z"
211
+ />
212
+ </svg>
189
213
  </span>
190
214
  </button>
191
215
  </div>
@@ -353,7 +377,19 @@ wrapperTag: div
353
377
  >
354
378
  <span class="pf-v6-c-menu-toggle__controls">
355
379
  <span class="pf-v6-c-menu-toggle__toggle-icon">
356
- <i class="fas fa-caret-down fa-fw" aria-hidden="true"></i>
380
+ <svg
381
+ class="pf-v6-svg"
382
+ viewBox="0 0 20 20"
383
+ fill="currentColor"
384
+ aria-hidden="true"
385
+ role="img"
386
+ width="1em"
387
+ height="1em"
388
+ >
389
+ <path
390
+ 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"
391
+ />
392
+ </svg>
357
393
  </span>
358
394
  </span>
359
395
  </button>
@@ -387,7 +423,19 @@ wrapperTag: div
387
423
  id="data-list-basic-example-toolbar-overflow-menu-toggle"
388
424
  >
389
425
  <span class="pf-v6-c-menu-toggle__icon">
390
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
426
+ <svg
427
+ class="pf-v6-svg"
428
+ viewBox="0 0 32 32"
429
+ fill="currentColor"
430
+ aria-hidden="true"
431
+ role="img"
432
+ width="1em"
433
+ height="1em"
434
+ >
435
+ <path
436
+ 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"
437
+ />
438
+ </svg>
391
439
  </span>
392
440
  </button>
393
441
  </div>
@@ -408,10 +456,19 @@ wrapperTag: div
408
456
  </span>
409
457
  <span class="pf-v6-c-menu-toggle__controls">
410
458
  <span class="pf-v6-c-menu-toggle__toggle-icon">
411
- <i
412
- class="fas fa-caret-down fa-fw"
459
+ <svg
460
+ class="pf-v6-svg"
461
+ viewBox="0 0 20 20"
462
+ fill="currentColor"
413
463
  aria-hidden="true"
414
- ></i>
464
+ role="img"
465
+ width="1em"
466
+ height="1em"
467
+ >
468
+ <path
469
+ 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"
470
+ />
471
+ </svg>
415
472
  </span>
416
473
  </span>
417
474
  </button>
@@ -935,7 +992,19 @@ wrapperTag: div
935
992
  </span>
936
993
  <span class="pf-v6-c-menu-toggle__controls">
937
994
  <span class="pf-v6-c-menu-toggle__toggle-icon">
938
- <i class="fas fa-caret-down fa-fw" aria-hidden="true"></i>
995
+ <svg
996
+ class="pf-v6-svg"
997
+ viewBox="0 0 20 20"
998
+ fill="currentColor"
999
+ aria-hidden="true"
1000
+ role="img"
1001
+ width="1em"
1002
+ height="1em"
1003
+ >
1004
+ <path
1005
+ 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"
1006
+ />
1007
+ </svg>
939
1008
  </span>
940
1009
  </span>
941
1010
  </button>
@@ -1213,7 +1282,19 @@ wrapperTag: div
1213
1282
  aria-label="Settings"
1214
1283
  >
1215
1284
  <span class="pf-v6-c-menu-toggle__icon">
1216
- <i class="fas fa-cog" aria-hidden="true"></i>
1285
+ <svg
1286
+ class="pf-v6-svg"
1287
+ viewBox="0 0 32 32"
1288
+ fill="currentColor"
1289
+ aria-hidden="true"
1290
+ role="img"
1291
+ width="1em"
1292
+ height="1em"
1293
+ >
1294
+ <path
1295
+ 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"
1296
+ />
1297
+ </svg>
1217
1298
  </span>
1218
1299
  </button>
1219
1300
  </div>
@@ -1239,7 +1320,19 @@ wrapperTag: div
1239
1320
  aria-label="Actions"
1240
1321
  >
1241
1322
  <span class="pf-v6-c-menu-toggle__icon">
1242
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
1323
+ <svg
1324
+ class="pf-v6-svg"
1325
+ viewBox="0 0 32 32"
1326
+ fill="currentColor"
1327
+ aria-hidden="true"
1328
+ role="img"
1329
+ width="1em"
1330
+ height="1em"
1331
+ >
1332
+ <path
1333
+ 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"
1334
+ />
1335
+ </svg>
1243
1336
  </span>
1244
1337
  </button>
1245
1338
  </div>
@@ -1426,10 +1519,19 @@ wrapperTag: div
1426
1519
  >
1427
1520
  <span class="pf-v6-c-menu-toggle__controls">
1428
1521
  <span class="pf-v6-c-menu-toggle__toggle-icon">
1429
- <i
1430
- class="fas fa-caret-down fa-fw"
1522
+ <svg
1523
+ class="pf-v6-svg"
1524
+ viewBox="0 0 20 20"
1525
+ fill="currentColor"
1431
1526
  aria-hidden="true"
1432
- ></i>
1527
+ role="img"
1528
+ width="1em"
1529
+ height="1em"
1530
+ >
1531
+ <path
1532
+ 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"
1533
+ />
1534
+ </svg>
1433
1535
  </span>
1434
1536
  </span>
1435
1537
  </button>
@@ -1473,7 +1575,19 @@ wrapperTag: div
1473
1575
  id="data-list-actionable-example-toolbar-overflow-menu-toggle"
1474
1576
  >
1475
1577
  <span class="pf-v6-c-menu-toggle__icon">
1476
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
1578
+ <svg
1579
+ class="pf-v6-svg"
1580
+ viewBox="0 0 32 32"
1581
+ fill="currentColor"
1582
+ aria-hidden="true"
1583
+ role="img"
1584
+ width="1em"
1585
+ height="1em"
1586
+ >
1587
+ <path
1588
+ 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"
1589
+ />
1590
+ </svg>
1477
1591
  </span>
1478
1592
  </button>
1479
1593
  </div>
@@ -1494,10 +1608,19 @@ wrapperTag: div
1494
1608
  </span>
1495
1609
  <span class="pf-v6-c-menu-toggle__controls">
1496
1610
  <span class="pf-v6-c-menu-toggle__toggle-icon">
1497
- <i
1498
- class="fas fa-caret-down fa-fw"
1611
+ <svg
1612
+ class="pf-v6-svg"
1613
+ viewBox="0 0 20 20"
1614
+ fill="currentColor"
1499
1615
  aria-hidden="true"
1500
- ></i>
1616
+ role="img"
1617
+ width="1em"
1618
+ height="1em"
1619
+ >
1620
+ <path
1621
+ 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"
1622
+ />
1623
+ </svg>
1501
1624
  </span>
1502
1625
  </span>
1503
1626
  </button>
@@ -1963,7 +2086,19 @@ wrapperTag: div
1963
2086
  </span>
1964
2087
  <span class="pf-v6-c-menu-toggle__controls">
1965
2088
  <span class="pf-v6-c-menu-toggle__toggle-icon">
1966
- <i class="fas fa-caret-down fa-fw" aria-hidden="true"></i>
2089
+ <svg
2090
+ class="pf-v6-svg"
2091
+ viewBox="0 0 20 20"
2092
+ fill="currentColor"
2093
+ aria-hidden="true"
2094
+ role="img"
2095
+ width="1em"
2096
+ height="1em"
2097
+ >
2098
+ <path
2099
+ 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"
2100
+ />
2101
+ </svg>
1967
2102
  </span>
1968
2103
  </span>
1969
2104
  </button>
@@ -2241,7 +2376,19 @@ wrapperTag: div
2241
2376
  aria-label="Settings"
2242
2377
  >
2243
2378
  <span class="pf-v6-c-menu-toggle__icon">
2244
- <i class="fas fa-cog" aria-hidden="true"></i>
2379
+ <svg
2380
+ class="pf-v6-svg"
2381
+ viewBox="0 0 32 32"
2382
+ fill="currentColor"
2383
+ aria-hidden="true"
2384
+ role="img"
2385
+ width="1em"
2386
+ height="1em"
2387
+ >
2388
+ <path
2389
+ 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"
2390
+ />
2391
+ </svg>
2245
2392
  </span>
2246
2393
  </button>
2247
2394
  </div>
@@ -2267,7 +2414,19 @@ wrapperTag: div
2267
2414
  aria-label="Actions"
2268
2415
  >
2269
2416
  <span class="pf-v6-c-menu-toggle__icon">
2270
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
2417
+ <svg
2418
+ class="pf-v6-svg"
2419
+ viewBox="0 0 32 32"
2420
+ fill="currentColor"
2421
+ aria-hidden="true"
2422
+ role="img"
2423
+ width="1em"
2424
+ height="1em"
2425
+ >
2426
+ <path
2427
+ 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"
2428
+ />
2429
+ </svg>
2271
2430
  </span>
2272
2431
  </button>
2273
2432
  </div>
@@ -2486,10 +2645,19 @@ wrapperTag: div
2486
2645
  >
2487
2646
  <span class="pf-v6-c-menu-toggle__controls">
2488
2647
  <span class="pf-v6-c-menu-toggle__toggle-icon">
2489
- <i
2490
- class="fas fa-caret-down fa-fw"
2648
+ <svg
2649
+ class="pf-v6-svg"
2650
+ viewBox="0 0 20 20"
2651
+ fill="currentColor"
2491
2652
  aria-hidden="true"
2492
- ></i>
2653
+ role="img"
2654
+ width="1em"
2655
+ height="1em"
2656
+ >
2657
+ <path
2658
+ 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"
2659
+ />
2660
+ </svg>
2493
2661
  </span>
2494
2662
  </span>
2495
2663
  </button>
@@ -2515,10 +2683,19 @@ wrapperTag: div
2515
2683
  <span class="pf-v6-c-menu-toggle__text">Name</span>
2516
2684
  <span class="pf-v6-c-menu-toggle__controls">
2517
2685
  <span class="pf-v6-c-menu-toggle__toggle-icon">
2518
- <i
2519
- class="fas fa-caret-down fa-fw"
2686
+ <svg
2687
+ class="pf-v6-svg"
2688
+ viewBox="0 0 20 20"
2689
+ fill="currentColor"
2520
2690
  aria-hidden="true"
2521
- ></i>
2691
+ role="img"
2692
+ width="1em"
2693
+ height="1em"
2694
+ >
2695
+ <path
2696
+ 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"
2697
+ />
2698
+ </svg>
2522
2699
  </span>
2523
2700
  </span>
2524
2701
  </button>
@@ -2572,7 +2749,19 @@ wrapperTag: div
2572
2749
  id="data-list-expandable-example-toolbar-overflow-menu-toggle"
2573
2750
  >
2574
2751
  <span class="pf-v6-c-menu-toggle__icon">
2575
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
2752
+ <svg
2753
+ class="pf-v6-svg"
2754
+ viewBox="0 0 32 32"
2755
+ fill="currentColor"
2756
+ aria-hidden="true"
2757
+ role="img"
2758
+ width="1em"
2759
+ height="1em"
2760
+ >
2761
+ <path
2762
+ 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"
2763
+ />
2764
+ </svg>
2576
2765
  </span>
2577
2766
  </button>
2578
2767
  </div>
@@ -2593,10 +2782,19 @@ wrapperTag: div
2593
2782
  </span>
2594
2783
  <span class="pf-v6-c-menu-toggle__controls">
2595
2784
  <span class="pf-v6-c-menu-toggle__toggle-icon">
2596
- <i
2597
- class="fas fa-caret-down fa-fw"
2785
+ <svg
2786
+ class="pf-v6-svg"
2787
+ viewBox="0 0 20 20"
2788
+ fill="currentColor"
2598
2789
  aria-hidden="true"
2599
- ></i>
2790
+ role="img"
2791
+ width="1em"
2792
+ height="1em"
2793
+ >
2794
+ <path
2795
+ 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"
2796
+ />
2797
+ </svg>
2600
2798
  </span>
2601
2799
  </span>
2602
2800
  </button>
@@ -2957,7 +3155,19 @@ wrapperTag: div
2957
3155
  aria-label="Table actions"
2958
3156
  >
2959
3157
  <span class="pf-v6-c-menu-toggle__icon">
2960
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
3158
+ <svg
3159
+ class="pf-v6-svg"
3160
+ viewBox="0 0 32 32"
3161
+ fill="currentColor"
3162
+ aria-hidden="true"
3163
+ role="img"
3164
+ width="1em"
3165
+ height="1em"
3166
+ >
3167
+ <path
3168
+ 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"
3169
+ />
3170
+ </svg>
2961
3171
  </span>
2962
3172
  </button>
2963
3173
  </td>
@@ -3034,7 +3244,19 @@ wrapperTag: div
3034
3244
  aria-label="Table actions"
3035
3245
  >
3036
3246
  <span class="pf-v6-c-menu-toggle__icon">
3037
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
3247
+ <svg
3248
+ class="pf-v6-svg"
3249
+ viewBox="0 0 32 32"
3250
+ fill="currentColor"
3251
+ aria-hidden="true"
3252
+ role="img"
3253
+ width="1em"
3254
+ height="1em"
3255
+ >
3256
+ <path
3257
+ 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"
3258
+ />
3259
+ </svg>
3038
3260
  </span>
3039
3261
  </button>
3040
3262
  </td>
@@ -3111,7 +3333,19 @@ wrapperTag: div
3111
3333
  aria-label="Table actions"
3112
3334
  >
3113
3335
  <span class="pf-v6-c-menu-toggle__icon">
3114
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
3336
+ <svg
3337
+ class="pf-v6-svg"
3338
+ viewBox="0 0 32 32"
3339
+ fill="currentColor"
3340
+ aria-hidden="true"
3341
+ role="img"
3342
+ width="1em"
3343
+ height="1em"
3344
+ >
3345
+ <path
3346
+ 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"
3347
+ />
3348
+ </svg>
3115
3349
  </span>
3116
3350
  </button>
3117
3351
  </td>
@@ -3187,7 +3421,19 @@ wrapperTag: div
3187
3421
  aria-label="Table actions"
3188
3422
  >
3189
3423
  <span class="pf-v6-c-menu-toggle__icon">
3190
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
3424
+ <svg
3425
+ class="pf-v6-svg"
3426
+ viewBox="0 0 32 32"
3427
+ fill="currentColor"
3428
+ aria-hidden="true"
3429
+ role="img"
3430
+ width="1em"
3431
+ height="1em"
3432
+ >
3433
+ <path
3434
+ 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"
3435
+ />
3436
+ </svg>
3191
3437
  </span>
3192
3438
  </button>
3193
3439
  </td>
@@ -3781,7 +4027,19 @@ wrapperTag: div
3781
4027
  </span>
3782
4028
  <span class="pf-v6-c-menu-toggle__controls">
3783
4029
  <span class="pf-v6-c-menu-toggle__toggle-icon">
3784
- <i class="fas fa-caret-down fa-fw" aria-hidden="true"></i>
4030
+ <svg
4031
+ class="pf-v6-svg"
4032
+ viewBox="0 0 20 20"
4033
+ fill="currentColor"
4034
+ aria-hidden="true"
4035
+ role="img"
4036
+ width="1em"
4037
+ height="1em"
4038
+ >
4039
+ <path
4040
+ 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"
4041
+ />
4042
+ </svg>
3785
4043
  </span>
3786
4044
  </span>
3787
4045
  </button>
@@ -4059,7 +4317,19 @@ wrapperTag: div
4059
4317
  aria-label="Settings"
4060
4318
  >
4061
4319
  <span class="pf-v6-c-menu-toggle__icon">
4062
- <i class="fas fa-cog" aria-hidden="true"></i>
4320
+ <svg
4321
+ class="pf-v6-svg"
4322
+ viewBox="0 0 32 32"
4323
+ fill="currentColor"
4324
+ aria-hidden="true"
4325
+ role="img"
4326
+ width="1em"
4327
+ height="1em"
4328
+ >
4329
+ <path
4330
+ 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"
4331
+ />
4332
+ </svg>
4063
4333
  </span>
4064
4334
  </button>
4065
4335
  </div>
@@ -4085,7 +4355,19 @@ wrapperTag: div
4085
4355
  aria-label="Actions"
4086
4356
  >
4087
4357
  <span class="pf-v6-c-menu-toggle__icon">
4088
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
4358
+ <svg
4359
+ class="pf-v6-svg"
4360
+ viewBox="0 0 32 32"
4361
+ fill="currentColor"
4362
+ aria-hidden="true"
4363
+ role="img"
4364
+ width="1em"
4365
+ height="1em"
4366
+ >
4367
+ <path
4368
+ 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"
4369
+ />
4370
+ </svg>
4089
4371
  </span>
4090
4372
  </button>
4091
4373
  </div>
@@ -4266,10 +4548,19 @@ wrapperTag: div
4266
4548
  <span class="pf-v6-c-menu-toggle__text">Name</span>
4267
4549
  <span class="pf-v6-c-menu-toggle__controls">
4268
4550
  <span class="pf-v6-c-menu-toggle__toggle-icon">
4269
- <i
4270
- class="fas fa-caret-down fa-fw"
4551
+ <svg
4552
+ class="pf-v6-svg"
4553
+ viewBox="0 0 20 20"
4554
+ fill="currentColor"
4271
4555
  aria-hidden="true"
4272
- ></i>
4556
+ role="img"
4557
+ width="1em"
4558
+ height="1em"
4559
+ >
4560
+ <path
4561
+ 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"
4562
+ />
4563
+ </svg>
4273
4564
  </span>
4274
4565
  </span>
4275
4566
  </button>
@@ -4332,7 +4623,19 @@ wrapperTag: div
4332
4623
  id="data-list-static-bottom-example-toolbar-overflow-menu-toggle"
4333
4624
  >
4334
4625
  <span class="pf-v6-c-menu-toggle__icon">
4335
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
4626
+ <svg
4627
+ class="pf-v6-svg"
4628
+ viewBox="0 0 32 32"
4629
+ fill="currentColor"
4630
+ aria-hidden="true"
4631
+ role="img"
4632
+ width="1em"
4633
+ height="1em"
4634
+ >
4635
+ <path
4636
+ 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"
4637
+ />
4638
+ </svg>
4336
4639
  </span>
4337
4640
  </button>
4338
4641
  </div>
@@ -4353,10 +4656,19 @@ wrapperTag: div
4353
4656
  </span>
4354
4657
  <span class="pf-v6-c-menu-toggle__controls">
4355
4658
  <span class="pf-v6-c-menu-toggle__toggle-icon">
4356
- <i
4357
- class="fas fa-caret-down fa-fw"
4659
+ <svg
4660
+ class="pf-v6-svg"
4661
+ viewBox="0 0 20 20"
4662
+ fill="currentColor"
4358
4663
  aria-hidden="true"
4359
- ></i>
4664
+ role="img"
4665
+ width="1em"
4666
+ height="1em"
4667
+ >
4668
+ <path
4669
+ 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"
4670
+ />
4671
+ </svg>
4360
4672
  </span>
4361
4673
  </span>
4362
4674
  </button>
@@ -4880,7 +5192,19 @@ wrapperTag: div
4880
5192
  </span>
4881
5193
  <span class="pf-v6-c-menu-toggle__controls">
4882
5194
  <span class="pf-v6-c-menu-toggle__toggle-icon">
4883
- <i class="fas fa-caret-down fa-fw" aria-hidden="true"></i>
5195
+ <svg
5196
+ class="pf-v6-svg"
5197
+ viewBox="0 0 20 20"
5198
+ fill="currentColor"
5199
+ aria-hidden="true"
5200
+ role="img"
5201
+ width="1em"
5202
+ height="1em"
5203
+ >
5204
+ <path
5205
+ 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"
5206
+ />
5207
+ </svg>
4884
5208
  </span>
4885
5209
  </span>
4886
5210
  </button>