@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
@@ -20,7 +20,19 @@ cssPrefix: pf-v6-c-notification-drawer
20
20
  id="notification-drawer-basic-example-menu-toggle"
21
21
  >
22
22
  <span class="pf-v6-c-menu-toggle__icon">
23
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
23
+ <svg
24
+ class="pf-v6-svg"
25
+ viewBox="0 0 32 32"
26
+ fill="currentColor"
27
+ aria-hidden="true"
28
+ role="img"
29
+ width="1em"
30
+ height="1em"
31
+ >
32
+ <path
33
+ 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"
34
+ />
35
+ </svg>
24
36
  </span>
25
37
  </button>
26
38
  <div class="pf-v6-c-notification-drawer__header-action-close">
@@ -85,7 +97,19 @@ cssPrefix: pf-v6-c-notification-drawer
85
97
  id="notification-drawer-basic-example-menu-toggle-1"
86
98
  >
87
99
  <span class="pf-v6-c-menu-toggle__icon">
88
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
100
+ <svg
101
+ class="pf-v6-svg"
102
+ viewBox="0 0 32 32"
103
+ fill="currentColor"
104
+ aria-hidden="true"
105
+ role="img"
106
+ width="1em"
107
+ height="1em"
108
+ >
109
+ <path
110
+ 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"
111
+ />
112
+ </svg>
89
113
  </span>
90
114
  </button>
91
115
  </div>
@@ -132,7 +156,19 @@ cssPrefix: pf-v6-c-notification-drawer
132
156
  id="notification-drawer-basic-example-menu-toggle-3"
133
157
  >
134
158
  <span class="pf-v6-c-menu-toggle__icon">
135
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
159
+ <svg
160
+ class="pf-v6-svg"
161
+ viewBox="0 0 32 32"
162
+ fill="currentColor"
163
+ aria-hidden="true"
164
+ role="img"
165
+ width="1em"
166
+ height="1em"
167
+ >
168
+ <path
169
+ 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"
170
+ />
171
+ </svg>
136
172
  </span>
137
173
  </button>
138
174
  </div>
@@ -179,7 +215,19 @@ cssPrefix: pf-v6-c-notification-drawer
179
215
  id="notification-drawer-basic-example-menu-toggle-4"
180
216
  >
181
217
  <span class="pf-v6-c-menu-toggle__icon">
182
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
218
+ <svg
219
+ class="pf-v6-svg"
220
+ viewBox="0 0 32 32"
221
+ fill="currentColor"
222
+ aria-hidden="true"
223
+ role="img"
224
+ width="1em"
225
+ height="1em"
226
+ >
227
+ <path
228
+ 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"
229
+ />
230
+ </svg>
183
231
  </span>
184
232
  </button>
185
233
  </div>
@@ -223,7 +271,19 @@ cssPrefix: pf-v6-c-notification-drawer
223
271
  id="notification-drawer-basic-example-menu-toggle-5"
224
272
  >
225
273
  <span class="pf-v6-c-menu-toggle__icon">
226
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
274
+ <svg
275
+ class="pf-v6-svg"
276
+ viewBox="0 0 32 32"
277
+ fill="currentColor"
278
+ aria-hidden="true"
279
+ role="img"
280
+ width="1em"
281
+ height="1em"
282
+ >
283
+ <path
284
+ 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"
285
+ />
286
+ </svg>
227
287
  </span>
228
288
  </button>
229
289
  </div>
@@ -267,7 +327,19 @@ cssPrefix: pf-v6-c-notification-drawer
267
327
  id="notification-drawer-basic-example-menu-toggle-6"
268
328
  >
269
329
  <span class="pf-v6-c-menu-toggle__icon">
270
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
330
+ <svg
331
+ class="pf-v6-svg"
332
+ viewBox="0 0 32 32"
333
+ fill="currentColor"
334
+ aria-hidden="true"
335
+ role="img"
336
+ width="1em"
337
+ height="1em"
338
+ >
339
+ <path
340
+ 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"
341
+ />
342
+ </svg>
271
343
  </span>
272
344
  </button>
273
345
  </div>
@@ -313,7 +385,19 @@ cssPrefix: pf-v6-c-notification-drawer
313
385
  id="notification-drawer-basic-example-menu-toggle-7"
314
386
  >
315
387
  <span class="pf-v6-c-menu-toggle__icon">
316
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
388
+ <svg
389
+ class="pf-v6-svg"
390
+ viewBox="0 0 32 32"
391
+ fill="currentColor"
392
+ aria-hidden="true"
393
+ role="img"
394
+ width="1em"
395
+ height="1em"
396
+ >
397
+ <path
398
+ 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"
399
+ />
400
+ </svg>
317
401
  </span>
318
402
  </button>
319
403
  </div>
@@ -360,7 +444,19 @@ cssPrefix: pf-v6-c-notification-drawer
360
444
  id="notification-drawer-basic-example-menu-toggle-8"
361
445
  >
362
446
  <span class="pf-v6-c-menu-toggle__icon">
363
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
447
+ <svg
448
+ class="pf-v6-svg"
449
+ viewBox="0 0 32 32"
450
+ fill="currentColor"
451
+ aria-hidden="true"
452
+ role="img"
453
+ width="1em"
454
+ height="1em"
455
+ >
456
+ <path
457
+ 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"
458
+ />
459
+ </svg>
364
460
  </span>
365
461
  </button>
366
462
  </div>
@@ -429,7 +525,19 @@ cssPrefix: pf-v6-c-notification-drawer
429
525
  id="notification-drawer-groups-example-menu-toggle"
430
526
  >
431
527
  <span class="pf-v6-c-menu-toggle__icon">
432
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
528
+ <svg
529
+ class="pf-v6-svg"
530
+ viewBox="0 0 32 32"
531
+ fill="currentColor"
532
+ aria-hidden="true"
533
+ role="img"
534
+ width="1em"
535
+ height="1em"
536
+ >
537
+ <path
538
+ 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"
539
+ />
540
+ </svg>
433
541
  </span>
434
542
  </button>
435
543
  <div class="pf-v6-c-notification-drawer__header-action-close">
@@ -524,7 +632,19 @@ cssPrefix: pf-v6-c-notification-drawer
524
632
  id="notification-drawer-groups-example-group1-menu-toggle-1"
525
633
  >
526
634
  <span class="pf-v6-c-menu-toggle__icon">
527
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
635
+ <svg
636
+ class="pf-v6-svg"
637
+ viewBox="0 0 32 32"
638
+ fill="currentColor"
639
+ aria-hidden="true"
640
+ role="img"
641
+ width="1em"
642
+ height="1em"
643
+ >
644
+ <path
645
+ 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"
646
+ />
647
+ </svg>
528
648
  </span>
529
649
  </button>
530
650
  </div>
@@ -571,7 +691,19 @@ cssPrefix: pf-v6-c-notification-drawer
571
691
  id="notification-drawer-groups-example-group1-menu-toggle-3"
572
692
  >
573
693
  <span class="pf-v6-c-menu-toggle__icon">
574
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
694
+ <svg
695
+ class="pf-v6-svg"
696
+ viewBox="0 0 32 32"
697
+ fill="currentColor"
698
+ aria-hidden="true"
699
+ role="img"
700
+ width="1em"
701
+ height="1em"
702
+ >
703
+ <path
704
+ 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"
705
+ />
706
+ </svg>
575
707
  </span>
576
708
  </button>
577
709
  </div>
@@ -618,7 +750,19 @@ cssPrefix: pf-v6-c-notification-drawer
618
750
  id="notification-drawer-groups-example-group1-menu-toggle-4"
619
751
  >
620
752
  <span class="pf-v6-c-menu-toggle__icon">
621
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
753
+ <svg
754
+ class="pf-v6-svg"
755
+ viewBox="0 0 32 32"
756
+ fill="currentColor"
757
+ aria-hidden="true"
758
+ role="img"
759
+ width="1em"
760
+ height="1em"
761
+ >
762
+ <path
763
+ 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"
764
+ />
765
+ </svg>
622
766
  </span>
623
767
  </button>
624
768
  </div>
@@ -662,7 +806,19 @@ cssPrefix: pf-v6-c-notification-drawer
662
806
  id="notification-drawer-groups-example-group1-menu-toggle-5"
663
807
  >
664
808
  <span class="pf-v6-c-menu-toggle__icon">
665
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
809
+ <svg
810
+ class="pf-v6-svg"
811
+ viewBox="0 0 32 32"
812
+ fill="currentColor"
813
+ aria-hidden="true"
814
+ role="img"
815
+ width="1em"
816
+ height="1em"
817
+ >
818
+ <path
819
+ 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"
820
+ />
821
+ </svg>
666
822
  </span>
667
823
  </button>
668
824
  </div>
@@ -706,7 +862,19 @@ cssPrefix: pf-v6-c-notification-drawer
706
862
  id="notification-drawer-groups-example-group1-menu-toggle-6"
707
863
  >
708
864
  <span class="pf-v6-c-menu-toggle__icon">
709
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
865
+ <svg
866
+ class="pf-v6-svg"
867
+ viewBox="0 0 32 32"
868
+ fill="currentColor"
869
+ aria-hidden="true"
870
+ role="img"
871
+ width="1em"
872
+ height="1em"
873
+ >
874
+ <path
875
+ 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"
876
+ />
877
+ </svg>
710
878
  </span>
711
879
  </button>
712
880
  </div>
@@ -752,7 +920,19 @@ cssPrefix: pf-v6-c-notification-drawer
752
920
  id="notification-drawer-groups-example-group1-menu-toggle-7"
753
921
  >
754
922
  <span class="pf-v6-c-menu-toggle__icon">
755
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
923
+ <svg
924
+ class="pf-v6-svg"
925
+ viewBox="0 0 32 32"
926
+ fill="currentColor"
927
+ aria-hidden="true"
928
+ role="img"
929
+ width="1em"
930
+ height="1em"
931
+ >
932
+ <path
933
+ 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"
934
+ />
935
+ </svg>
756
936
  </span>
757
937
  </button>
758
938
  </div>
@@ -799,7 +979,19 @@ cssPrefix: pf-v6-c-notification-drawer
799
979
  id="notification-drawer-groups-example-group1-menu-toggle-8"
800
980
  >
801
981
  <span class="pf-v6-c-menu-toggle__icon">
802
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
982
+ <svg
983
+ class="pf-v6-svg"
984
+ viewBox="0 0 32 32"
985
+ fill="currentColor"
986
+ aria-hidden="true"
987
+ role="img"
988
+ width="1em"
989
+ height="1em"
990
+ >
991
+ <path
992
+ 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"
993
+ />
994
+ </svg>
803
995
  </span>
804
996
  </button>
805
997
  </div>
@@ -915,7 +1107,19 @@ cssPrefix: pf-v6-c-notification-drawer
915
1107
  id="notification-drawer-groups-example-group2-menu-toggle-1"
916
1108
  >
917
1109
  <span class="pf-v6-c-menu-toggle__icon">
918
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
1110
+ <svg
1111
+ class="pf-v6-svg"
1112
+ viewBox="0 0 32 32"
1113
+ fill="currentColor"
1114
+ aria-hidden="true"
1115
+ role="img"
1116
+ width="1em"
1117
+ height="1em"
1118
+ >
1119
+ <path
1120
+ 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"
1121
+ />
1122
+ </svg>
919
1123
  </span>
920
1124
  </button>
921
1125
  </div>
@@ -962,7 +1166,19 @@ cssPrefix: pf-v6-c-notification-drawer
962
1166
  id="notification-drawer-groups-example-group2-menu-toggle-3"
963
1167
  >
964
1168
  <span class="pf-v6-c-menu-toggle__icon">
965
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
1169
+ <svg
1170
+ class="pf-v6-svg"
1171
+ viewBox="0 0 32 32"
1172
+ fill="currentColor"
1173
+ aria-hidden="true"
1174
+ role="img"
1175
+ width="1em"
1176
+ height="1em"
1177
+ >
1178
+ <path
1179
+ 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"
1180
+ />
1181
+ </svg>
966
1182
  </span>
967
1183
  </button>
968
1184
  </div>
@@ -1009,7 +1225,19 @@ cssPrefix: pf-v6-c-notification-drawer
1009
1225
  id="notification-drawer-groups-example-group2-menu-toggle-4"
1010
1226
  >
1011
1227
  <span class="pf-v6-c-menu-toggle__icon">
1012
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
1228
+ <svg
1229
+ class="pf-v6-svg"
1230
+ viewBox="0 0 32 32"
1231
+ fill="currentColor"
1232
+ aria-hidden="true"
1233
+ role="img"
1234
+ width="1em"
1235
+ height="1em"
1236
+ >
1237
+ <path
1238
+ 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"
1239
+ />
1240
+ </svg>
1013
1241
  </span>
1014
1242
  </button>
1015
1243
  </div>
@@ -1053,7 +1281,19 @@ cssPrefix: pf-v6-c-notification-drawer
1053
1281
  id="notification-drawer-groups-example-group2-menu-toggle-5"
1054
1282
  >
1055
1283
  <span class="pf-v6-c-menu-toggle__icon">
1056
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
1284
+ <svg
1285
+ class="pf-v6-svg"
1286
+ viewBox="0 0 32 32"
1287
+ fill="currentColor"
1288
+ aria-hidden="true"
1289
+ role="img"
1290
+ width="1em"
1291
+ height="1em"
1292
+ >
1293
+ <path
1294
+ 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"
1295
+ />
1296
+ </svg>
1057
1297
  </span>
1058
1298
  </button>
1059
1299
  </div>
@@ -1097,7 +1337,19 @@ cssPrefix: pf-v6-c-notification-drawer
1097
1337
  id="notification-drawer-groups-example-group2-menu-toggle-6"
1098
1338
  >
1099
1339
  <span class="pf-v6-c-menu-toggle__icon">
1100
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
1340
+ <svg
1341
+ class="pf-v6-svg"
1342
+ viewBox="0 0 32 32"
1343
+ fill="currentColor"
1344
+ aria-hidden="true"
1345
+ role="img"
1346
+ width="1em"
1347
+ height="1em"
1348
+ >
1349
+ <path
1350
+ 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"
1351
+ />
1352
+ </svg>
1101
1353
  </span>
1102
1354
  </button>
1103
1355
  </div>
@@ -1143,7 +1395,19 @@ cssPrefix: pf-v6-c-notification-drawer
1143
1395
  id="notification-drawer-groups-example-group2-menu-toggle-7"
1144
1396
  >
1145
1397
  <span class="pf-v6-c-menu-toggle__icon">
1146
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
1398
+ <svg
1399
+ class="pf-v6-svg"
1400
+ viewBox="0 0 32 32"
1401
+ fill="currentColor"
1402
+ aria-hidden="true"
1403
+ role="img"
1404
+ width="1em"
1405
+ height="1em"
1406
+ >
1407
+ <path
1408
+ 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"
1409
+ />
1410
+ </svg>
1147
1411
  </span>
1148
1412
  </button>
1149
1413
  </div>
@@ -1190,7 +1454,19 @@ cssPrefix: pf-v6-c-notification-drawer
1190
1454
  id="notification-drawer-groups-example-group2-menu-toggle-8"
1191
1455
  >
1192
1456
  <span class="pf-v6-c-menu-toggle__icon">
1193
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
1457
+ <svg
1458
+ class="pf-v6-svg"
1459
+ viewBox="0 0 32 32"
1460
+ fill="currentColor"
1461
+ aria-hidden="true"
1462
+ role="img"
1463
+ width="1em"
1464
+ height="1em"
1465
+ >
1466
+ <path
1467
+ 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"
1468
+ />
1469
+ </svg>
1194
1470
  </span>
1195
1471
  </button>
1196
1472
  </div>
@@ -1306,7 +1582,19 @@ cssPrefix: pf-v6-c-notification-drawer
1306
1582
  id="notification-drawer-groups-example-group3-menu-toggle-1"
1307
1583
  >
1308
1584
  <span class="pf-v6-c-menu-toggle__icon">
1309
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
1585
+ <svg
1586
+ class="pf-v6-svg"
1587
+ viewBox="0 0 32 32"
1588
+ fill="currentColor"
1589
+ aria-hidden="true"
1590
+ role="img"
1591
+ width="1em"
1592
+ height="1em"
1593
+ >
1594
+ <path
1595
+ 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"
1596
+ />
1597
+ </svg>
1310
1598
  </span>
1311
1599
  </button>
1312
1600
  </div>
@@ -1353,7 +1641,19 @@ cssPrefix: pf-v6-c-notification-drawer
1353
1641
  id="notification-drawer-groups-example-group3-menu-toggle-3"
1354
1642
  >
1355
1643
  <span class="pf-v6-c-menu-toggle__icon">
1356
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
1644
+ <svg
1645
+ class="pf-v6-svg"
1646
+ viewBox="0 0 32 32"
1647
+ fill="currentColor"
1648
+ aria-hidden="true"
1649
+ role="img"
1650
+ width="1em"
1651
+ height="1em"
1652
+ >
1653
+ <path
1654
+ 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"
1655
+ />
1656
+ </svg>
1357
1657
  </span>
1358
1658
  </button>
1359
1659
  </div>
@@ -1400,7 +1700,19 @@ cssPrefix: pf-v6-c-notification-drawer
1400
1700
  id="notification-drawer-groups-example-group3-menu-toggle-4"
1401
1701
  >
1402
1702
  <span class="pf-v6-c-menu-toggle__icon">
1403
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
1703
+ <svg
1704
+ class="pf-v6-svg"
1705
+ viewBox="0 0 32 32"
1706
+ fill="currentColor"
1707
+ aria-hidden="true"
1708
+ role="img"
1709
+ width="1em"
1710
+ height="1em"
1711
+ >
1712
+ <path
1713
+ 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"
1714
+ />
1715
+ </svg>
1404
1716
  </span>
1405
1717
  </button>
1406
1718
  </div>
@@ -1444,7 +1756,19 @@ cssPrefix: pf-v6-c-notification-drawer
1444
1756
  id="notification-drawer-groups-example-group3-menu-toggle-5"
1445
1757
  >
1446
1758
  <span class="pf-v6-c-menu-toggle__icon">
1447
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
1759
+ <svg
1760
+ class="pf-v6-svg"
1761
+ viewBox="0 0 32 32"
1762
+ fill="currentColor"
1763
+ aria-hidden="true"
1764
+ role="img"
1765
+ width="1em"
1766
+ height="1em"
1767
+ >
1768
+ <path
1769
+ 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"
1770
+ />
1771
+ </svg>
1448
1772
  </span>
1449
1773
  </button>
1450
1774
  </div>
@@ -1488,7 +1812,19 @@ cssPrefix: pf-v6-c-notification-drawer
1488
1812
  id="notification-drawer-groups-example-group3-menu-toggle-6"
1489
1813
  >
1490
1814
  <span class="pf-v6-c-menu-toggle__icon">
1491
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
1815
+ <svg
1816
+ class="pf-v6-svg"
1817
+ viewBox="0 0 32 32"
1818
+ fill="currentColor"
1819
+ aria-hidden="true"
1820
+ role="img"
1821
+ width="1em"
1822
+ height="1em"
1823
+ >
1824
+ <path
1825
+ 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"
1826
+ />
1827
+ </svg>
1492
1828
  </span>
1493
1829
  </button>
1494
1830
  </div>
@@ -1534,7 +1870,19 @@ cssPrefix: pf-v6-c-notification-drawer
1534
1870
  id="notification-drawer-groups-example-group3-menu-toggle-7"
1535
1871
  >
1536
1872
  <span class="pf-v6-c-menu-toggle__icon">
1537
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
1873
+ <svg
1874
+ class="pf-v6-svg"
1875
+ viewBox="0 0 32 32"
1876
+ fill="currentColor"
1877
+ aria-hidden="true"
1878
+ role="img"
1879
+ width="1em"
1880
+ height="1em"
1881
+ >
1882
+ <path
1883
+ 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"
1884
+ />
1885
+ </svg>
1538
1886
  </span>
1539
1887
  </button>
1540
1888
  </div>
@@ -1581,7 +1929,19 @@ cssPrefix: pf-v6-c-notification-drawer
1581
1929
  id="notification-drawer-groups-example-group3-menu-toggle-8"
1582
1930
  >
1583
1931
  <span class="pf-v6-c-menu-toggle__icon">
1584
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
1932
+ <svg
1933
+ class="pf-v6-svg"
1934
+ viewBox="0 0 32 32"
1935
+ fill="currentColor"
1936
+ aria-hidden="true"
1937
+ role="img"
1938
+ width="1em"
1939
+ height="1em"
1940
+ >
1941
+ <path
1942
+ 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"
1943
+ />
1944
+ </svg>
1585
1945
  </span>
1586
1946
  </button>
1587
1947
  </div>
@@ -1697,7 +2057,19 @@ cssPrefix: pf-v6-c-notification-drawer
1697
2057
  id="notification-drawer-groups-example-group4-menu-toggle-1"
1698
2058
  >
1699
2059
  <span class="pf-v6-c-menu-toggle__icon">
1700
- <i class="fas fa-ellipsis-v" 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="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"
2071
+ />
2072
+ </svg>
1701
2073
  </span>
1702
2074
  </button>
1703
2075
  </div>
@@ -1744,7 +2116,19 @@ cssPrefix: pf-v6-c-notification-drawer
1744
2116
  id="notification-drawer-groups-example-group4-menu-toggle-3"
1745
2117
  >
1746
2118
  <span class="pf-v6-c-menu-toggle__icon">
1747
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
2119
+ <svg
2120
+ class="pf-v6-svg"
2121
+ viewBox="0 0 32 32"
2122
+ fill="currentColor"
2123
+ aria-hidden="true"
2124
+ role="img"
2125
+ width="1em"
2126
+ height="1em"
2127
+ >
2128
+ <path
2129
+ 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"
2130
+ />
2131
+ </svg>
1748
2132
  </span>
1749
2133
  </button>
1750
2134
  </div>
@@ -1791,7 +2175,19 @@ cssPrefix: pf-v6-c-notification-drawer
1791
2175
  id="notification-drawer-groups-example-group4-menu-toggle-4"
1792
2176
  >
1793
2177
  <span class="pf-v6-c-menu-toggle__icon">
1794
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
2178
+ <svg
2179
+ class="pf-v6-svg"
2180
+ viewBox="0 0 32 32"
2181
+ fill="currentColor"
2182
+ aria-hidden="true"
2183
+ role="img"
2184
+ width="1em"
2185
+ height="1em"
2186
+ >
2187
+ <path
2188
+ 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"
2189
+ />
2190
+ </svg>
1795
2191
  </span>
1796
2192
  </button>
1797
2193
  </div>
@@ -1835,7 +2231,19 @@ cssPrefix: pf-v6-c-notification-drawer
1835
2231
  id="notification-drawer-groups-example-group4-menu-toggle-5"
1836
2232
  >
1837
2233
  <span class="pf-v6-c-menu-toggle__icon">
1838
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
2234
+ <svg
2235
+ class="pf-v6-svg"
2236
+ viewBox="0 0 32 32"
2237
+ fill="currentColor"
2238
+ aria-hidden="true"
2239
+ role="img"
2240
+ width="1em"
2241
+ height="1em"
2242
+ >
2243
+ <path
2244
+ 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"
2245
+ />
2246
+ </svg>
1839
2247
  </span>
1840
2248
  </button>
1841
2249
  </div>
@@ -1879,7 +2287,19 @@ cssPrefix: pf-v6-c-notification-drawer
1879
2287
  id="notification-drawer-groups-example-group4-menu-toggle-6"
1880
2288
  >
1881
2289
  <span class="pf-v6-c-menu-toggle__icon">
1882
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
2290
+ <svg
2291
+ class="pf-v6-svg"
2292
+ viewBox="0 0 32 32"
2293
+ fill="currentColor"
2294
+ aria-hidden="true"
2295
+ role="img"
2296
+ width="1em"
2297
+ height="1em"
2298
+ >
2299
+ <path
2300
+ 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"
2301
+ />
2302
+ </svg>
1883
2303
  </span>
1884
2304
  </button>
1885
2305
  </div>
@@ -1925,7 +2345,19 @@ cssPrefix: pf-v6-c-notification-drawer
1925
2345
  id="notification-drawer-groups-example-group4-menu-toggle-7"
1926
2346
  >
1927
2347
  <span class="pf-v6-c-menu-toggle__icon">
1928
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
2348
+ <svg
2349
+ class="pf-v6-svg"
2350
+ viewBox="0 0 32 32"
2351
+ fill="currentColor"
2352
+ aria-hidden="true"
2353
+ role="img"
2354
+ width="1em"
2355
+ height="1em"
2356
+ >
2357
+ <path
2358
+ 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"
2359
+ />
2360
+ </svg>
1929
2361
  </span>
1930
2362
  </button>
1931
2363
  </div>
@@ -1972,7 +2404,19 @@ cssPrefix: pf-v6-c-notification-drawer
1972
2404
  id="notification-drawer-groups-example-group4-menu-toggle-8"
1973
2405
  >
1974
2406
  <span class="pf-v6-c-menu-toggle__icon">
1975
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
2407
+ <svg
2408
+ class="pf-v6-svg"
2409
+ viewBox="0 0 32 32"
2410
+ fill="currentColor"
2411
+ aria-hidden="true"
2412
+ role="img"
2413
+ width="1em"
2414
+ height="1em"
2415
+ >
2416
+ <path
2417
+ 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"
2418
+ />
2419
+ </svg>
1976
2420
  </span>
1977
2421
  </button>
1978
2422
  </div>