@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/demos/Tabs/examples/Tabs.md CHANGED
@@ -158,7 +158,19 @@ section: components
158
158
  aria-label="Settings"
159
159
  >
160
160
  <span class="pf-v6-c-menu-toggle__icon">
161
- <i class="fas fa-cog" aria-hidden="true"></i>
161
+ <svg
162
+ class="pf-v6-svg"
163
+ viewBox="0 0 32 32"
164
+ fill="currentColor"
165
+ aria-hidden="true"
166
+ role="img"
167
+ width="1em"
168
+ height="1em"
169
+ >
170
+ <path
171
+ 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"
172
+ />
173
+ </svg>
162
174
  </span>
163
175
  </button>
164
176
  </div>
@@ -184,7 +196,19 @@ section: components
184
196
  aria-label="Actions"
185
197
  >
186
198
  <span class="pf-v6-c-menu-toggle__icon">
187
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
199
+ <svg
200
+ class="pf-v6-svg"
201
+ viewBox="0 0 32 32"
202
+ fill="currentColor"
203
+ aria-hidden="true"
204
+ role="img"
205
+ width="1em"
206
+ height="1em"
207
+ >
208
+ <path
209
+ 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"
210
+ />
211
+ </svg>
188
212
  </span>
189
213
  </button>
190
214
  </div>
@@ -790,7 +814,19 @@ section: components
790
814
  aria-label="Settings"
791
815
  >
792
816
  <span class="pf-v6-c-menu-toggle__icon">
793
- <i class="fas fa-cog" aria-hidden="true"></i>
817
+ <svg
818
+ class="pf-v6-svg"
819
+ viewBox="0 0 32 32"
820
+ fill="currentColor"
821
+ aria-hidden="true"
822
+ role="img"
823
+ width="1em"
824
+ height="1em"
825
+ >
826
+ <path
827
+ 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"
828
+ />
829
+ </svg>
794
830
  </span>
795
831
  </button>
796
832
  </div>
@@ -816,7 +852,19 @@ section: components
816
852
  aria-label="Actions"
817
853
  >
818
854
  <span class="pf-v6-c-menu-toggle__icon">
819
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
855
+ <svg
856
+ class="pf-v6-svg"
857
+ viewBox="0 0 32 32"
858
+ fill="currentColor"
859
+ aria-hidden="true"
860
+ role="img"
861
+ width="1em"
862
+ height="1em"
863
+ >
864
+ <path
865
+ 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"
866
+ />
867
+ </svg>
820
868
  </span>
821
869
  </button>
822
870
  </div>
@@ -1429,7 +1477,19 @@ section: components
1429
1477
  aria-label="Settings"
1430
1478
  >
1431
1479
  <span class="pf-v6-c-menu-toggle__icon">
1432
- <i class="fas fa-cog" aria-hidden="true"></i>
1480
+ <svg
1481
+ class="pf-v6-svg"
1482
+ viewBox="0 0 32 32"
1483
+ fill="currentColor"
1484
+ aria-hidden="true"
1485
+ role="img"
1486
+ width="1em"
1487
+ height="1em"
1488
+ >
1489
+ <path
1490
+ 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"
1491
+ />
1492
+ </svg>
1433
1493
  </span>
1434
1494
  </button>
1435
1495
  </div>
@@ -1455,7 +1515,19 @@ section: components
1455
1515
  aria-label="Actions"
1456
1516
  >
1457
1517
  <span class="pf-v6-c-menu-toggle__icon">
1458
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
1518
+ <svg
1519
+ class="pf-v6-svg"
1520
+ viewBox="0 0 32 32"
1521
+ fill="currentColor"
1522
+ aria-hidden="true"
1523
+ role="img"
1524
+ width="1em"
1525
+ height="1em"
1526
+ >
1527
+ <path
1528
+ 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"
1529
+ />
1530
+ </svg>
1459
1531
  </span>
1460
1532
  </button>
1461
1533
  </div>
@@ -1985,7 +2057,19 @@ section: components
1985
2057
  aria-label="Settings"
1986
2058
  >
1987
2059
  <span class="pf-v6-c-menu-toggle__icon">
1988
- <i class="fas fa-cog" aria-hidden="true"></i>
2060
+ <svg
2061
+ class="pf-v6-svg"
2062
+ viewBox="0 0 32 32"
2063
+ fill="currentColor"
2064
+ aria-hidden="true"
2065
+ role="img"
2066
+ width="1em"
2067
+ height="1em"
2068
+ >
2069
+ <path
2070
+ 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"
2071
+ />
2072
+ </svg>
1989
2073
  </span>
1990
2074
  </button>
1991
2075
  </div>
@@ -2011,7 +2095,19 @@ section: components
2011
2095
  aria-label="Actions"
2012
2096
  >
2013
2097
  <span class="pf-v6-c-menu-toggle__icon">
2014
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
2098
+ <svg
2099
+ class="pf-v6-svg"
2100
+ viewBox="0 0 32 32"
2101
+ fill="currentColor"
2102
+ aria-hidden="true"
2103
+ role="img"
2104
+ width="1em"
2105
+ height="1em"
2106
+ >
2107
+ <path
2108
+ 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"
2109
+ />
2110
+ </svg>
2015
2111
  </span>
2016
2112
  </button>
2017
2113
  </div>
@@ -2180,7 +2276,19 @@ section: components
2180
2276
  <span class="pf-v6-c-menu-toggle__text">Name</span>
2181
2277
  <span class="pf-v6-c-menu-toggle__controls">
2182
2278
  <span class="pf-v6-c-menu-toggle__toggle-icon">
2183
- <i class="fas fa-caret-down fa-fw" aria-hidden="true"></i>
2279
+ <svg
2280
+ class="pf-v6-svg"
2281
+ viewBox="0 0 20 20"
2282
+ fill="currentColor"
2283
+ aria-hidden="true"
2284
+ role="img"
2285
+ width="1em"
2286
+ height="1em"
2287
+ >
2288
+ <path
2289
+ 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"
2290
+ />
2291
+ </svg>
2184
2292
  </span>
2185
2293
  </span>
2186
2294
  </button>
@@ -2253,7 +2361,19 @@ section: components
2253
2361
  id="table-tabs-example-tabs-toolbar-overflow-menu-toggle"
2254
2362
  >
2255
2363
  <span class="pf-v6-c-menu-toggle__icon">
2256
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
2364
+ <svg
2365
+ class="pf-v6-svg"
2366
+ viewBox="0 0 32 32"
2367
+ fill="currentColor"
2368
+ aria-hidden="true"
2369
+ role="img"
2370
+ width="1em"
2371
+ height="1em"
2372
+ >
2373
+ <path
2374
+ 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"
2375
+ />
2376
+ </svg>
2257
2377
  </span>
2258
2378
  </button>
2259
2379
  </div>
@@ -2428,7 +2548,19 @@ section: components
2428
2548
  aria-label="Table actions"
2429
2549
  >
2430
2550
  <span class="pf-v6-c-menu-toggle__icon">
2431
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
2551
+ <svg
2552
+ class="pf-v6-svg"
2553
+ viewBox="0 0 32 32"
2554
+ fill="currentColor"
2555
+ aria-hidden="true"
2556
+ role="img"
2557
+ width="1em"
2558
+ height="1em"
2559
+ >
2560
+ <path
2561
+ 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"
2562
+ />
2563
+ </svg>
2432
2564
  </span>
2433
2565
  </button>
2434
2566
  </td>
@@ -2520,7 +2652,19 @@ section: components
2520
2652
  aria-label="Table actions"
2521
2653
  >
2522
2654
  <span class="pf-v6-c-menu-toggle__icon">
2523
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
2655
+ <svg
2656
+ class="pf-v6-svg"
2657
+ viewBox="0 0 32 32"
2658
+ fill="currentColor"
2659
+ aria-hidden="true"
2660
+ role="img"
2661
+ width="1em"
2662
+ height="1em"
2663
+ >
2664
+ <path
2665
+ 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"
2666
+ />
2667
+ </svg>
2524
2668
  </span>
2525
2669
  </button>
2526
2670
  </td>
@@ -2612,7 +2756,19 @@ section: components
2612
2756
  aria-label="Table actions"
2613
2757
  >
2614
2758
  <span class="pf-v6-c-menu-toggle__icon">
2615
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
2759
+ <svg
2760
+ class="pf-v6-svg"
2761
+ viewBox="0 0 32 32"
2762
+ fill="currentColor"
2763
+ aria-hidden="true"
2764
+ role="img"
2765
+ width="1em"
2766
+ height="1em"
2767
+ >
2768
+ <path
2769
+ 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"
2770
+ />
2771
+ </svg>
2616
2772
  </span>
2617
2773
  </button>
2618
2774
  </td>
@@ -2704,7 +2860,19 @@ section: components
2704
2860
  aria-label="Table actions"
2705
2861
  >
2706
2862
  <span class="pf-v6-c-menu-toggle__icon">
2707
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
2863
+ <svg
2864
+ class="pf-v6-svg"
2865
+ viewBox="0 0 32 32"
2866
+ fill="currentColor"
2867
+ aria-hidden="true"
2868
+ role="img"
2869
+ width="1em"
2870
+ height="1em"
2871
+ >
2872
+ <path
2873
+ 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"
2874
+ />
2875
+ </svg>
2708
2876
  </span>
2709
2877
  </button>
2710
2878
  </td>
@@ -2795,7 +2963,19 @@ section: components
2795
2963
  aria-label="Table actions"
2796
2964
  >
2797
2965
  <span class="pf-v6-c-menu-toggle__icon">
2798
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
2966
+ <svg
2967
+ class="pf-v6-svg"
2968
+ viewBox="0 0 32 32"
2969
+ fill="currentColor"
2970
+ aria-hidden="true"
2971
+ role="img"
2972
+ width="1em"
2973
+ height="1em"
2974
+ >
2975
+ <path
2976
+ 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"
2977
+ />
2978
+ </svg>
2799
2979
  </span>
2800
2980
  </button>
2801
2981
  </td>
@@ -3365,7 +3545,19 @@ section: components
3365
3545
  aria-label="Settings"
3366
3546
  >
3367
3547
  <span class="pf-v6-c-menu-toggle__icon">
3368
- <i class="fas fa-cog" aria-hidden="true"></i>
3548
+ <svg
3549
+ class="pf-v6-svg"
3550
+ viewBox="0 0 32 32"
3551
+ fill="currentColor"
3552
+ aria-hidden="true"
3553
+ role="img"
3554
+ width="1em"
3555
+ height="1em"
3556
+ >
3557
+ <path
3558
+ 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"
3559
+ />
3560
+ </svg>
3369
3561
  </span>
3370
3562
  </button>
3371
3563
  </div>
@@ -3391,7 +3583,19 @@ section: components
3391
3583
  aria-label="Actions"
3392
3584
  >
3393
3585
  <span class="pf-v6-c-menu-toggle__icon">
3394
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
3586
+ <svg
3587
+ class="pf-v6-svg"
3588
+ viewBox="0 0 32 32"
3589
+ fill="currentColor"
3590
+ aria-hidden="true"
3591
+ role="img"
3592
+ width="1em"
3593
+ height="1em"
3594
+ >
3595
+ <path
3596
+ 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"
3597
+ />
3598
+ </svg>
3395
3599
  </span>
3396
3600
  </button>
3397
3601
  </div>
@@ -3728,7 +3932,19 @@ section: components
3728
3932
  aria-label="Settings"
3729
3933
  >
3730
3934
  <span class="pf-v6-c-menu-toggle__icon">
3731
- <i class="fas fa-cog" aria-hidden="true"></i>
3935
+ <svg
3936
+ class="pf-v6-svg"
3937
+ viewBox="0 0 32 32"
3938
+ fill="currentColor"
3939
+ aria-hidden="true"
3940
+ role="img"
3941
+ width="1em"
3942
+ height="1em"
3943
+ >
3944
+ <path
3945
+ 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"
3946
+ />
3947
+ </svg>
3732
3948
  </span>
3733
3949
  </button>
3734
3950
  </div>
@@ -3754,7 +3970,19 @@ section: components
3754
3970
  aria-label="Actions"
3755
3971
  >
3756
3972
  <span class="pf-v6-c-menu-toggle__icon">
3757
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
3973
+ <svg
3974
+ class="pf-v6-svg"
3975
+ viewBox="0 0 32 32"
3976
+ fill="currentColor"
3977
+ aria-hidden="true"
3978
+ role="img"
3979
+ width="1em"
3980
+ height="1em"
3981
+ >
3982
+ <path
3983
+ 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"
3984
+ />
3985
+ </svg>
3758
3986
  </span>
3759
3987
  </button>
3760
3988
  </div>