@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/components/Breadcrumb/examples/Breadcrumb.md CHANGED
@@ -389,7 +389,19 @@ cssPrefix: pf-v6-c-breadcrumb
389
389
  </span>
390
390
  <span class="pf-v6-c-menu-toggle__controls">
391
391
  <span class="pf-v6-c-menu-toggle__toggle-icon">
392
- <i class="fas fa-caret-down fa-fw" aria-hidden="true"></i>
392
+ <svg
393
+ class="pf-v6-svg"
394
+ viewBox="0 0 20 20"
395
+ fill="currentColor"
396
+ aria-hidden="true"
397
+ role="img"
398
+ width="1em"
399
+ height="1em"
400
+ >
401
+ <path
402
+ 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"
403
+ />
404
+ </svg>
393
405
  </span>
394
406
  </span>
395
407
  </button>
package/docs/components/CalendarMonth/examples/CalendarMonth.md CHANGED
@@ -45,7 +45,19 @@ cssPrefix: pf-v6-c-calendar-month
45
45
  <span class="pf-v6-c-menu-toggle__text">October</span>
46
46
  <span class="pf-v6-c-menu-toggle__controls">
47
47
  <span class="pf-v6-c-menu-toggle__toggle-icon">
48
- <i class="fas fa-caret-down fa-fw" aria-hidden="true"></i>
48
+ <svg
49
+ class="pf-v6-svg"
50
+ viewBox="0 0 20 20"
51
+ fill="currentColor"
52
+ aria-hidden="true"
53
+ role="img"
54
+ width="1em"
55
+ height="1em"
56
+ >
57
+ <path
58
+ 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"
59
+ />
60
+ </svg>
49
61
  </span>
50
62
  </span>
51
63
  </button>
@@ -423,7 +435,19 @@ cssPrefix: pf-v6-c-calendar-month
423
435
  <span class="pf-v6-c-menu-toggle__text">October</span>
424
436
  <span class="pf-v6-c-menu-toggle__controls">
425
437
  <span class="pf-v6-c-menu-toggle__toggle-icon">
426
- <i class="fas fa-caret-down fa-fw" aria-hidden="true"></i>
438
+ <svg
439
+ class="pf-v6-svg"
440
+ viewBox="0 0 20 20"
441
+ fill="currentColor"
442
+ aria-hidden="true"
443
+ role="img"
444
+ width="1em"
445
+ height="1em"
446
+ >
447
+ <path
448
+ 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"
449
+ />
450
+ </svg>
427
451
  </span>
428
452
  </span>
429
453
  </button>
@@ -826,7 +850,19 @@ cssPrefix: pf-v6-c-calendar-month
826
850
  <span class="pf-v6-c-menu-toggle__text">October</span>
827
851
  <span class="pf-v6-c-menu-toggle__controls">
828
852
  <span class="pf-v6-c-menu-toggle__toggle-icon">
829
- <i class="fas fa-caret-down fa-fw" aria-hidden="true"></i>
853
+ <svg
854
+ class="pf-v6-svg"
855
+ viewBox="0 0 20 20"
856
+ fill="currentColor"
857
+ aria-hidden="true"
858
+ role="img"
859
+ width="1em"
860
+ height="1em"
861
+ >
862
+ <path
863
+ 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"
864
+ />
865
+ </svg>
830
866
  </span>
831
867
  </span>
832
868
  </button>
@@ -1229,7 +1265,19 @@ cssPrefix: pf-v6-c-calendar-month
1229
1265
  <span class="pf-v6-c-menu-toggle__text">October</span>
1230
1266
  <span class="pf-v6-c-menu-toggle__controls">
1231
1267
  <span class="pf-v6-c-menu-toggle__toggle-icon">
1232
- <i class="fas fa-caret-down fa-fw" aria-hidden="true"></i>
1268
+ <svg
1269
+ class="pf-v6-svg"
1270
+ viewBox="0 0 20 20"
1271
+ fill="currentColor"
1272
+ aria-hidden="true"
1273
+ role="img"
1274
+ width="1em"
1275
+ height="1em"
1276
+ >
1277
+ <path
1278
+ 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"
1279
+ />
1280
+ </svg>
1233
1281
  </span>
1234
1282
  </span>
1235
1283
  </button>
package/docs/components/Card/examples/Card.md CHANGED
@@ -105,7 +105,19 @@ cssPrefix: pf-v6-c-card
105
105
  id="card-action-example-1-menu-toggle-kebab"
106
106
  >
107
107
  <span class="pf-v6-c-menu-toggle__icon">
108
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
108
+ <svg
109
+ class="pf-v6-svg"
110
+ viewBox="0 0 32 32"
111
+ fill="currentColor"
112
+ aria-hidden="true"
113
+ role="img"
114
+ width="1em"
115
+ height="1em"
116
+ >
117
+ <path
118
+ 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"
119
+ />
120
+ </svg>
109
121
  </span>
110
122
  </button>
111
123
  <div class="pf-v6-c-check pf-m-standalone">
@@ -146,7 +158,19 @@ cssPrefix: pf-v6-c-card
146
158
  id="card-action-example-2-menu-toggle-kebab"
147
159
  >
148
160
  <span class="pf-v6-c-menu-toggle__icon">
149
- <i class="fas fa-ellipsis-v" 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="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"
172
+ />
173
+ </svg>
150
174
  </span>
151
175
  </button>
152
176
  <div class="pf-v6-c-check pf-m-standalone">
@@ -189,7 +213,19 @@ cssPrefix: pf-v6-c-card
189
213
  id="card-subtitle-menu-toggle-kebab"
190
214
  >
191
215
  <span class="pf-v6-c-menu-toggle__icon">
192
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
216
+ <svg
217
+ class="pf-v6-svg"
218
+ viewBox="0 0 32 32"
219
+ fill="currentColor"
220
+ aria-hidden="true"
221
+ role="img"
222
+ width="1em"
223
+ height="1em"
224
+ >
225
+ <path
226
+ 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"
227
+ />
228
+ </svg>
193
229
  </span>
194
230
  </button>
195
231
  <div class="pf-v6-c-check pf-m-standalone">
@@ -300,7 +336,19 @@ cssPrefix: pf-v6-c-card
300
336
  id="card-image-action-subtitle-menu-toggle-kebab"
301
337
  >
302
338
  <span class="pf-v6-c-menu-toggle__icon">
303
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
339
+ <svg
340
+ class="pf-v6-svg"
341
+ viewBox="0 0 32 32"
342
+ fill="currentColor"
343
+ aria-hidden="true"
344
+ role="img"
345
+ width="1em"
346
+ height="1em"
347
+ >
348
+ <path
349
+ 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"
350
+ />
351
+ </svg>
304
352
  </span>
305
353
  </button>
306
354
  <div class="pf-v6-c-check pf-m-standalone">
@@ -342,7 +390,19 @@ cssPrefix: pf-v6-c-card
342
390
  id="card-action-example-3-menu-toggle-kebab"
343
391
  >
344
392
  <span class="pf-v6-c-menu-toggle__icon">
345
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
393
+ <svg
394
+ class="pf-v6-svg"
395
+ viewBox="0 0 32 32"
396
+ fill="currentColor"
397
+ aria-hidden="true"
398
+ role="img"
399
+ width="1em"
400
+ height="1em"
401
+ >
402
+ <path
403
+ 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"
404
+ />
405
+ </svg>
346
406
  </span>
347
407
  </button>
348
408
  <div class="pf-v6-c-check pf-m-standalone">
@@ -1605,7 +1665,19 @@ cssPrefix: pf-v6-c-card
1605
1665
  id="card-expandable-example-menu-toggle-kebab"
1606
1666
  >
1607
1667
  <span class="pf-v6-c-menu-toggle__icon">
1608
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
1668
+ <svg
1669
+ class="pf-v6-svg"
1670
+ viewBox="0 0 32 32"
1671
+ fill="currentColor"
1672
+ aria-hidden="true"
1673
+ role="img"
1674
+ width="1em"
1675
+ height="1em"
1676
+ >
1677
+ <path
1678
+ 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"
1679
+ />
1680
+ </svg>
1609
1681
  </span>
1610
1682
  </button>
1611
1683
  <div class="pf-v6-c-check pf-m-standalone">
@@ -1680,7 +1752,19 @@ cssPrefix: pf-v6-c-card
1680
1752
  id="card-expandable-image-example-menu-toggle-kebab"
1681
1753
  >
1682
1754
  <span class="pf-v6-c-menu-toggle__icon">
1683
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
1755
+ <svg
1756
+ class="pf-v6-svg"
1757
+ viewBox="0 0 32 32"
1758
+ fill="currentColor"
1759
+ aria-hidden="true"
1760
+ role="img"
1761
+ width="1em"
1762
+ height="1em"
1763
+ >
1764
+ <path
1765
+ 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"
1766
+ />
1767
+ </svg>
1684
1768
  </span>
1685
1769
  </button>
1686
1770
  <div class="pf-v6-c-check pf-m-standalone">
@@ -1740,7 +1824,19 @@ cssPrefix: pf-v6-c-card
1740
1824
  id="card-expanded-example-menu-toggle-kebab"
1741
1825
  >
1742
1826
  <span class="pf-v6-c-menu-toggle__icon">
1743
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
1827
+ <svg
1828
+ class="pf-v6-svg"
1829
+ viewBox="0 0 32 32"
1830
+ fill="currentColor"
1831
+ aria-hidden="true"
1832
+ role="img"
1833
+ width="1em"
1834
+ height="1em"
1835
+ >
1836
+ <path
1837
+ 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"
1838
+ />
1839
+ </svg>
1744
1840
  </span>
1745
1841
  </button>
1746
1842
  <div class="pf-v6-c-check pf-m-standalone">
@@ -1783,7 +1879,19 @@ cssPrefix: pf-v6-c-card
1783
1879
  id="card-full-height-example-menu-toggle-kebab"
1784
1880
  >
1785
1881
  <span class="pf-v6-c-menu-toggle__icon">
1786
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
1882
+ <svg
1883
+ class="pf-v6-svg"
1884
+ viewBox="0 0 32 32"
1885
+ fill="currentColor"
1886
+ aria-hidden="true"
1887
+ role="img"
1888
+ width="1em"
1889
+ height="1em"
1890
+ >
1891
+ <path
1892
+ 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"
1893
+ />
1894
+ </svg>
1787
1895
  </span>
1788
1896
  </button>
1789
1897
  <div class="pf-v6-c-check pf-m-standalone">
@@ -1826,7 +1934,19 @@ cssPrefix: pf-v6-c-card
1826
1934
  id="card-toggle-on-right-example-menu-toggle-kebab"
1827
1935
  >
1828
1936
  <span class="pf-v6-c-menu-toggle__icon">
1829
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
1937
+ <svg
1938
+ class="pf-v6-svg"
1939
+ viewBox="0 0 32 32"
1940
+ fill="currentColor"
1941
+ aria-hidden="true"
1942
+ role="img"
1943
+ width="1em"
1944
+ height="1em"
1945
+ >
1946
+ <path
1947
+ 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"
1948
+ />
1949
+ </svg>
1830
1950
  </span>
1831
1951
  </button>
1832
1952
  <div class="pf-v6-c-check pf-m-standalone">
package/docs/components/DataList/examples/DataList.md CHANGED
@@ -164,7 +164,19 @@ When a list item includes more than one block of content, it can be difficult fo
164
164
  id="data-list-checkboxes-actions-addl-cells-item-1-menu-toggle"
165
165
  >
166
166
  <span class="pf-v6-c-menu-toggle__icon">
167
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
167
+ <svg
168
+ class="pf-v6-svg"
169
+ viewBox="0 0 32 32"
170
+ fill="currentColor"
171
+ aria-hidden="true"
172
+ role="img"
173
+ width="1em"
174
+ height="1em"
175
+ >
176
+ <path
177
+ 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"
178
+ />
179
+ </svg>
168
180
  </span>
169
181
  </button>
170
182
  </div>
@@ -208,7 +220,19 @@ When a list item includes more than one block of content, it can be difficult fo
208
220
  id="data-list-checkboxes-actions-addl-cells-item-2-menu-toggle"
209
221
  >
210
222
  <span class="pf-v6-c-menu-toggle__icon">
211
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
223
+ <svg
224
+ class="pf-v6-svg"
225
+ viewBox="0 0 32 32"
226
+ fill="currentColor"
227
+ aria-hidden="true"
228
+ role="img"
229
+ width="1em"
230
+ height="1em"
231
+ >
232
+ <path
233
+ 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"
234
+ />
235
+ </svg>
212
236
  </span>
213
237
  </button>
214
238
  </div>
@@ -262,7 +286,19 @@ When a list item includes more than one block of content, it can be difficult fo
262
286
  id="data-list-checkboxes-actions-addl-cells-item-3-menu-toggle"
263
287
  >
264
288
  <span class="pf-v6-c-menu-toggle__icon">
265
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
289
+ <svg
290
+ class="pf-v6-svg"
291
+ viewBox="0 0 32 32"
292
+ fill="currentColor"
293
+ aria-hidden="true"
294
+ role="img"
295
+ width="1em"
296
+ height="1em"
297
+ >
298
+ <path
299
+ 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"
300
+ />
301
+ </svg>
266
302
  </span>
267
303
  </button>
268
304
  </div>
@@ -377,7 +413,19 @@ When a list item includes more than one block of content, it can be difficult fo
377
413
  id="data-list-expandable-item-1-menu-toggle"
378
414
  >
379
415
  <span class="pf-v6-c-menu-toggle__icon">
380
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
416
+ <svg
417
+ class="pf-v6-svg"
418
+ viewBox="0 0 32 32"
419
+ fill="currentColor"
420
+ aria-hidden="true"
421
+ role="img"
422
+ width="1em"
423
+ height="1em"
424
+ >
425
+ <path
426
+ 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"
427
+ />
428
+ </svg>
381
429
  </span>
382
430
  </button>
383
431
  </div>
@@ -447,7 +495,19 @@ When a list item includes more than one block of content, it can be difficult fo
447
495
  id="data-list-expandable-item-2-menu-toggle"
448
496
  >
449
497
  <span class="pf-v6-c-menu-toggle__icon">
450
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
498
+ <svg
499
+ class="pf-v6-svg"
500
+ viewBox="0 0 32 32"
501
+ fill="currentColor"
502
+ aria-hidden="true"
503
+ role="img"
504
+ width="1em"
505
+ height="1em"
506
+ >
507
+ <path
508
+ 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"
509
+ />
510
+ </svg>
451
511
  </span>
452
512
  </button>
453
513
  </div>
@@ -521,7 +581,19 @@ When a list item includes more than one block of content, it can be difficult fo
521
581
  id="data-list-expandable-item-3-menu-toggle"
522
582
  >
523
583
  <span class="pf-v6-c-menu-toggle__icon">
524
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
584
+ <svg
585
+ class="pf-v6-svg"
586
+ viewBox="0 0 32 32"
587
+ fill="currentColor"
588
+ aria-hidden="true"
589
+ role="img"
590
+ width="1em"
591
+ height="1em"
592
+ >
593
+ <path
594
+ 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"
595
+ />
596
+ </svg>
525
597
  </span>
526
598
  </button>
527
599
  </div>
@@ -607,7 +679,19 @@ When a list item includes more than one block of content, it can be difficult fo
607
679
  id="data-list-expandable-compact-item-1-menu-toggle"
608
680
  >
609
681
  <span class="pf-v6-c-menu-toggle__icon">
610
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
682
+ <svg
683
+ class="pf-v6-svg"
684
+ viewBox="0 0 32 32"
685
+ fill="currentColor"
686
+ aria-hidden="true"
687
+ role="img"
688
+ width="1em"
689
+ height="1em"
690
+ >
691
+ <path
692
+ 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"
693
+ />
694
+ </svg>
611
695
  </span>
612
696
  </button>
613
697
  </div>
@@ -680,7 +764,19 @@ When a list item includes more than one block of content, it can be difficult fo
680
764
  id="data-list-expandable-compact-item-2-menu-toggle"
681
765
  >
682
766
  <span class="pf-v6-c-menu-toggle__icon">
683
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
767
+ <svg
768
+ class="pf-v6-svg"
769
+ viewBox="0 0 32 32"
770
+ fill="currentColor"
771
+ aria-hidden="true"
772
+ role="img"
773
+ width="1em"
774
+ height="1em"
775
+ >
776
+ <path
777
+ 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"
778
+ />
779
+ </svg>
684
780
  </span>
685
781
  </button>
686
782
  </div>
@@ -754,7 +850,19 @@ When a list item includes more than one block of content, it can be difficult fo
754
850
  id="data-list-expandable-compact-item-3-menu-toggle"
755
851
  >
756
852
  <span class="pf-v6-c-menu-toggle__icon">
757
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
853
+ <svg
854
+ class="pf-v6-svg"
855
+ viewBox="0 0 32 32"
856
+ fill="currentColor"
857
+ aria-hidden="true"
858
+ role="img"
859
+ width="1em"
860
+ height="1em"
861
+ >
862
+ <path
863
+ 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"
864
+ />
865
+ </svg>
758
866
  </span>
759
867
  </button>
760
868
  </div>
@@ -840,7 +948,19 @@ When a list item includes more than one block of content, it can be difficult fo
840
948
  id="data-list-expandable-nested-item-1-menu-toggle"
841
949
  >
842
950
  <span class="pf-v6-c-menu-toggle__icon">
843
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
951
+ <svg
952
+ class="pf-v6-svg"
953
+ viewBox="0 0 32 32"
954
+ fill="currentColor"
955
+ aria-hidden="true"
956
+ role="img"
957
+ width="1em"
958
+ height="1em"
959
+ >
960
+ <path
961
+ 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"
962
+ />
963
+ </svg>
844
964
  </span>
845
965
  </button>
846
966
  </div>
@@ -1072,7 +1192,19 @@ When a list item includes more than one block of content, it can be difficult fo
1072
1192
  id="data-list-expandable-nested-item-2-menu-toggle"
1073
1193
  >
1074
1194
  <span class="pf-v6-c-menu-toggle__icon">
1075
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
1195
+ <svg
1196
+ class="pf-v6-svg"
1197
+ viewBox="0 0 32 32"
1198
+ fill="currentColor"
1199
+ aria-hidden="true"
1200
+ role="img"
1201
+ width="1em"
1202
+ height="1em"
1203
+ >
1204
+ <path
1205
+ 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"
1206
+ />
1207
+ </svg>
1076
1208
  </span>
1077
1209
  </button>
1078
1210
  </div>
@@ -1146,7 +1278,19 @@ When a list item includes more than one block of content, it can be difficult fo
1146
1278
  id="data-list-expandable-nested-item-3-menu-toggle"
1147
1279
  >
1148
1280
  <span class="pf-v6-c-menu-toggle__icon">
1149
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
1281
+ <svg
1282
+ class="pf-v6-svg"
1283
+ viewBox="0 0 32 32"
1284
+ fill="currentColor"
1285
+ aria-hidden="true"
1286
+ role="img"
1287
+ width="1em"
1288
+ height="1em"
1289
+ >
1290
+ <path
1291
+ 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"
1292
+ />
1293
+ </svg>
1150
1294
  </span>
1151
1295
  </button>
1152
1296
  </div>
@@ -1220,7 +1364,19 @@ When a list item includes more than one block of content, it can be difficult fo
1220
1364
  id="data-list-compact-item-1-menu-toggle"
1221
1365
  >
1222
1366
  <span class="pf-v6-c-menu-toggle__icon">
1223
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
1367
+ <svg
1368
+ class="pf-v6-svg"
1369
+ viewBox="0 0 32 32"
1370
+ fill="currentColor"
1371
+ aria-hidden="true"
1372
+ role="img"
1373
+ width="1em"
1374
+ height="1em"
1375
+ >
1376
+ <path
1377
+ 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"
1378
+ />
1379
+ </svg>
1224
1380
  </span>
1225
1381
  </button>
1226
1382
  </div>
@@ -1262,7 +1418,19 @@ When a list item includes more than one block of content, it can be difficult fo
1262
1418
  id="data-list-compact-item-2-menu-toggle"
1263
1419
  >
1264
1420
  <span class="pf-v6-c-menu-toggle__icon">
1265
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
1421
+ <svg
1422
+ class="pf-v6-svg"
1423
+ viewBox="0 0 32 32"
1424
+ fill="currentColor"
1425
+ aria-hidden="true"
1426
+ role="img"
1427
+ width="1em"
1428
+ height="1em"
1429
+ >
1430
+ <path
1431
+ 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"
1432
+ />
1433
+ </svg>
1266
1434
  </span>
1267
1435
  </button>
1268
1436
  </div>
@@ -1314,7 +1482,19 @@ When a list item includes more than one block of content, it can be difficult fo
1314
1482
  id="data-list-compact-item-3-menu-toggle"
1315
1483
  >
1316
1484
  <span class="pf-v6-c-menu-toggle__icon">
1317
- <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>
1318
1498
  </span>
1319
1499
  </button>
1320
1500
  </div>
@@ -1451,7 +1631,19 @@ When a list item includes more than one block of content, it can be difficult fo
1451
1631
  id="data-list-modifiers-item-2-menu-toggle"
1452
1632
  >
1453
1633
  <span class="pf-v6-c-menu-toggle__icon">
1454
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
1634
+ <svg
1635
+ class="pf-v6-svg"
1636
+ viewBox="0 0 32 32"
1637
+ fill="currentColor"
1638
+ aria-hidden="true"
1639
+ role="img"
1640
+ width="1em"
1641
+ height="1em"
1642
+ >
1643
+ <path
1644
+ 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"
1645
+ />
1646
+ </svg>
1455
1647
  </span>
1456
1648
  </button>
1457
1649
  </div>
@@ -1540,7 +1732,19 @@ When a list item includes more than one block of content, it can be difficult fo
1540
1732
  id="data-list-modifiers-item-3-menu-toggle"
1541
1733
  >
1542
1734
  <span class="pf-v6-c-menu-toggle__icon">
1543
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
1735
+ <svg
1736
+ class="pf-v6-svg"
1737
+ viewBox="0 0 32 32"
1738
+ fill="currentColor"
1739
+ aria-hidden="true"
1740
+ role="img"
1741
+ width="1em"
1742
+ height="1em"
1743
+ >
1744
+ <path
1745
+ 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"
1746
+ />
1747
+ </svg>
1544
1748
  </span>
1545
1749
  </button>
1546
1750
  </div>