@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/Masthead/examples/Masthead.md CHANGED
@@ -142,7 +142,19 @@ wrapperTag: div
142
142
  aria-label="Actions"
143
143
  >
144
144
  <span class="pf-v6-c-menu-toggle__icon">
145
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
145
+ <svg
146
+ class="pf-v6-svg"
147
+ viewBox="0 0 32 32"
148
+ fill="currentColor"
149
+ aria-hidden="true"
150
+ role="img"
151
+ width="1em"
152
+ height="1em"
153
+ >
154
+ <path
155
+ 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"
156
+ />
157
+ </svg>
146
158
  </span>
147
159
  </button>
148
160
  </div>
@@ -463,7 +475,19 @@ wrapperTag: div
463
475
  <span class="pf-v6-c-menu-toggle__text">Context selector</span>
464
476
  <span class="pf-v6-c-menu-toggle__controls">
465
477
  <span class="pf-v6-c-menu-toggle__toggle-icon">
466
- <i class="fas fa-caret-down fa-fw" aria-hidden="true"></i>
478
+ <svg
479
+ class="pf-v6-svg"
480
+ viewBox="0 0 20 20"
481
+ fill="currentColor"
482
+ aria-hidden="true"
483
+ role="img"
484
+ width="1em"
485
+ height="1em"
486
+ >
487
+ <path
488
+ 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"
489
+ />
490
+ </svg>
467
491
  </span>
468
492
  </span>
469
493
  </button>
@@ -477,7 +501,19 @@ wrapperTag: div
477
501
  <span class="pf-v6-c-menu-toggle__text">Dropdown</span>
478
502
  <span class="pf-v6-c-menu-toggle__controls">
479
503
  <span class="pf-v6-c-menu-toggle__toggle-icon">
480
- <i class="fas fa-caret-down fa-fw" aria-hidden="true"></i>
504
+ <svg
505
+ class="pf-v6-svg"
506
+ viewBox="0 0 20 20"
507
+ fill="currentColor"
508
+ aria-hidden="true"
509
+ role="img"
510
+ width="1em"
511
+ height="1em"
512
+ >
513
+ <path
514
+ 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"
515
+ />
516
+ </svg>
481
517
  </span>
482
518
  </span>
483
519
  </button>
@@ -492,7 +528,19 @@ wrapperTag: div
492
528
  aria-label="Actions"
493
529
  >
494
530
  <span class="pf-v6-c-menu-toggle__icon">
495
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
531
+ <svg
532
+ class="pf-v6-svg"
533
+ viewBox="0 0 32 32"
534
+ fill="currentColor"
535
+ aria-hidden="true"
536
+ role="img"
537
+ width="1em"
538
+ height="1em"
539
+ >
540
+ <path
541
+ 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"
542
+ />
543
+ </svg>
496
544
  </span>
497
545
  </button>
498
546
  </div>
@@ -834,7 +882,19 @@ wrapperTag: div
834
882
  <span class="pf-v6-c-menu-toggle__text">Name</span>
835
883
  <span class="pf-v6-c-menu-toggle__controls">
836
884
  <span class="pf-v6-c-menu-toggle__toggle-icon">
837
- <i class="fas fa-caret-down fa-fw" aria-hidden="true"></i>
885
+ <svg
886
+ class="pf-v6-svg"
887
+ viewBox="0 0 20 20"
888
+ fill="currentColor"
889
+ aria-hidden="true"
890
+ role="img"
891
+ width="1em"
892
+ height="1em"
893
+ >
894
+ <path
895
+ 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"
896
+ />
897
+ </svg>
838
898
  </span>
839
899
  </span>
840
900
  </button>
@@ -869,7 +929,19 @@ wrapperTag: div
869
929
  aria-label="Actions"
870
930
  >
871
931
  <span class="pf-v6-c-menu-toggle__icon">
872
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
932
+ <svg
933
+ class="pf-v6-svg"
934
+ viewBox="0 0 32 32"
935
+ fill="currentColor"
936
+ aria-hidden="true"
937
+ role="img"
938
+ width="1em"
939
+ height="1em"
940
+ >
941
+ <path
942
+ 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"
943
+ />
944
+ </svg>
873
945
  </span>
874
946
  </button>
875
947
  </div>
@@ -1220,7 +1292,19 @@ wrapperTag: div
1220
1292
  <span class="pf-v6-c-menu-toggle__text">Name</span>
1221
1293
  <span class="pf-v6-c-menu-toggle__controls">
1222
1294
  <span class="pf-v6-c-menu-toggle__toggle-icon">
1223
- <i class="fas fa-caret-down fa-fw" aria-hidden="true"></i>
1295
+ <svg
1296
+ class="pf-v6-svg"
1297
+ viewBox="0 0 20 20"
1298
+ fill="currentColor"
1299
+ aria-hidden="true"
1300
+ role="img"
1301
+ width="1em"
1302
+ height="1em"
1303
+ >
1304
+ <path
1305
+ 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"
1306
+ />
1307
+ </svg>
1224
1308
  </span>
1225
1309
  </span>
1226
1310
  </button>
@@ -1255,7 +1339,19 @@ wrapperTag: div
1255
1339
  aria-label="Actions"
1256
1340
  >
1257
1341
  <span class="pf-v6-c-menu-toggle__icon">
1258
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
1342
+ <svg
1343
+ class="pf-v6-svg"
1344
+ viewBox="0 0 32 32"
1345
+ fill="currentColor"
1346
+ aria-hidden="true"
1347
+ role="img"
1348
+ width="1em"
1349
+ height="1em"
1350
+ >
1351
+ <path
1352
+ 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"
1353
+ />
1354
+ </svg>
1259
1355
  </span>
1260
1356
  </button>
1261
1357
  </div>
@@ -2285,7 +2381,19 @@ wrapperTag: div
2285
2381
  aria-label="Settings"
2286
2382
  >
2287
2383
  <span class="pf-v6-c-menu-toggle__icon">
2288
- <i class="fas fa-cog" aria-hidden="true"></i>
2384
+ <svg
2385
+ class="pf-v6-svg"
2386
+ viewBox="0 0 32 32"
2387
+ fill="currentColor"
2388
+ aria-hidden="true"
2389
+ role="img"
2390
+ width="1em"
2391
+ height="1em"
2392
+ >
2393
+ <path
2394
+ 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"
2395
+ />
2396
+ </svg>
2289
2397
  </span>
2290
2398
  </button>
2291
2399
  </div>
@@ -2311,7 +2419,19 @@ wrapperTag: div
2311
2419
  aria-label="Actions"
2312
2420
  >
2313
2421
  <span class="pf-v6-c-menu-toggle__icon">
2314
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
2422
+ <svg
2423
+ class="pf-v6-svg"
2424
+ viewBox="0 0 32 32"
2425
+ fill="currentColor"
2426
+ aria-hidden="true"
2427
+ role="img"
2428
+ width="1em"
2429
+ height="1em"
2430
+ >
2431
+ <path
2432
+ 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"
2433
+ />
2434
+ </svg>
2315
2435
  </span>
2316
2436
  </button>
2317
2437
  </div>
@@ -2971,7 +3091,19 @@ wrapperTag: div
2971
3091
  aria-label="Actions"
2972
3092
  >
2973
3093
  <span class="pf-v6-c-menu-toggle__icon">
2974
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
3094
+ <svg
3095
+ class="pf-v6-svg"
3096
+ viewBox="0 0 32 32"
3097
+ fill="currentColor"
3098
+ aria-hidden="true"
3099
+ role="img"
3100
+ width="1em"
3101
+ height="1em"
3102
+ >
3103
+ <path
3104
+ 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"
3105
+ />
3106
+ </svg>
2975
3107
  </span>
2976
3108
  </button>
2977
3109
  </div>
@@ -3000,7 +3132,19 @@ wrapperTag: div
3000
3132
  <span class="pf-v6-c-menu-toggle__text">Name</span>
3001
3133
  <span class="pf-v6-c-menu-toggle__controls">
3002
3134
  <span class="pf-v6-c-menu-toggle__toggle-icon">
3003
- <i class="fas fa-caret-down fa-fw" aria-hidden="true"></i>
3135
+ <svg
3136
+ class="pf-v6-svg"
3137
+ viewBox="0 0 20 20"
3138
+ fill="currentColor"
3139
+ aria-hidden="true"
3140
+ role="img"
3141
+ width="1em"
3142
+ height="1em"
3143
+ >
3144
+ <path
3145
+ 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"
3146
+ />
3147
+ </svg>
3004
3148
  </span>
3005
3149
  </span>
3006
3150
  </button>
package/docs/demos/Modal/examples/Modal.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>
@@ -576,7 +600,19 @@ section: components
576
600
  aria-label="Settings"
577
601
  >
578
602
  <span class="pf-v6-c-menu-toggle__icon">
579
- <i class="fas fa-cog" aria-hidden="true"></i>
603
+ <svg
604
+ class="pf-v6-svg"
605
+ viewBox="0 0 32 32"
606
+ fill="currentColor"
607
+ aria-hidden="true"
608
+ role="img"
609
+ width="1em"
610
+ height="1em"
611
+ >
612
+ <path
613
+ 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"
614
+ />
615
+ </svg>
580
616
  </span>
581
617
  </button>
582
618
  </div>
@@ -602,7 +638,19 @@ section: components
602
638
  aria-label="Actions"
603
639
  >
604
640
  <span class="pf-v6-c-menu-toggle__icon">
605
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
641
+ <svg
642
+ class="pf-v6-svg"
643
+ viewBox="0 0 32 32"
644
+ fill="currentColor"
645
+ aria-hidden="true"
646
+ role="img"
647
+ width="1em"
648
+ height="1em"
649
+ >
650
+ <path
651
+ 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"
652
+ />
653
+ </svg>
606
654
  </span>
607
655
  </button>
608
656
  </div>
@@ -1003,7 +1051,19 @@ section: components
1003
1051
  aria-label="Settings"
1004
1052
  >
1005
1053
  <span class="pf-v6-c-menu-toggle__icon">
1006
- <i class="fas fa-cog" aria-hidden="true"></i>
1054
+ <svg
1055
+ class="pf-v6-svg"
1056
+ viewBox="0 0 32 32"
1057
+ fill="currentColor"
1058
+ aria-hidden="true"
1059
+ role="img"
1060
+ width="1em"
1061
+ height="1em"
1062
+ >
1063
+ <path
1064
+ 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"
1065
+ />
1066
+ </svg>
1007
1067
  </span>
1008
1068
  </button>
1009
1069
  </div>
@@ -1029,7 +1089,19 @@ section: components
1029
1089
  aria-label="Actions"
1030
1090
  >
1031
1091
  <span class="pf-v6-c-menu-toggle__icon">
1032
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
1092
+ <svg
1093
+ class="pf-v6-svg"
1094
+ viewBox="0 0 32 32"
1095
+ fill="currentColor"
1096
+ aria-hidden="true"
1097
+ role="img"
1098
+ width="1em"
1099
+ height="1em"
1100
+ >
1101
+ <path
1102
+ 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"
1103
+ />
1104
+ </svg>
1033
1105
  </span>
1034
1106
  </button>
1035
1107
  </div>
@@ -1420,7 +1492,19 @@ section: components
1420
1492
  aria-label="Settings"
1421
1493
  >
1422
1494
  <span class="pf-v6-c-menu-toggle__icon">
1423
- <i class="fas fa-cog" aria-hidden="true"></i>
1495
+ <svg
1496
+ class="pf-v6-svg"
1497
+ viewBox="0 0 32 32"
1498
+ fill="currentColor"
1499
+ aria-hidden="true"
1500
+ role="img"
1501
+ width="1em"
1502
+ height="1em"
1503
+ >
1504
+ <path
1505
+ 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"
1506
+ />
1507
+ </svg>
1424
1508
  </span>
1425
1509
  </button>
1426
1510
  </div>
@@ -1446,7 +1530,19 @@ section: components
1446
1530
  aria-label="Actions"
1447
1531
  >
1448
1532
  <span class="pf-v6-c-menu-toggle__icon">
1449
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
1533
+ <svg
1534
+ class="pf-v6-svg"
1535
+ viewBox="0 0 32 32"
1536
+ fill="currentColor"
1537
+ aria-hidden="true"
1538
+ role="img"
1539
+ width="1em"
1540
+ height="1em"
1541
+ >
1542
+ <path
1543
+ 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"
1544
+ />
1545
+ </svg>
1450
1546
  </span>
1451
1547
  </button>
1452
1548
  </div>
@@ -1837,7 +1933,19 @@ section: components
1837
1933
  aria-label="Settings"
1838
1934
  >
1839
1935
  <span class="pf-v6-c-menu-toggle__icon">
1840
- <i class="fas fa-cog" aria-hidden="true"></i>
1936
+ <svg
1937
+ class="pf-v6-svg"
1938
+ viewBox="0 0 32 32"
1939
+ fill="currentColor"
1940
+ aria-hidden="true"
1941
+ role="img"
1942
+ width="1em"
1943
+ height="1em"
1944
+ >
1945
+ <path
1946
+ 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"
1947
+ />
1948
+ </svg>
1841
1949
  </span>
1842
1950
  </button>
1843
1951
  </div>
@@ -1863,7 +1971,19 @@ section: components
1863
1971
  aria-label="Actions"
1864
1972
  >
1865
1973
  <span class="pf-v6-c-menu-toggle__icon">
1866
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
1974
+ <svg
1975
+ class="pf-v6-svg"
1976
+ viewBox="0 0 32 32"
1977
+ fill="currentColor"
1978
+ aria-hidden="true"
1979
+ role="img"
1980
+ width="1em"
1981
+ height="1em"
1982
+ >
1983
+ <path
1984
+ 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"
1985
+ />
1986
+ </svg>
1867
1987
  </span>
1868
1988
  </button>
1869
1989
  </div>
@@ -2254,7 +2374,19 @@ section: components
2254
2374
  aria-label="Settings"
2255
2375
  >
2256
2376
  <span class="pf-v6-c-menu-toggle__icon">
2257
- <i class="fas fa-cog" aria-hidden="true"></i>
2377
+ <svg
2378
+ class="pf-v6-svg"
2379
+ viewBox="0 0 32 32"
2380
+ fill="currentColor"
2381
+ aria-hidden="true"
2382
+ role="img"
2383
+ width="1em"
2384
+ height="1em"
2385
+ >
2386
+ <path
2387
+ 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"
2388
+ />
2389
+ </svg>
2258
2390
  </span>
2259
2391
  </button>
2260
2392
  </div>
@@ -2280,7 +2412,19 @@ section: components
2280
2412
  aria-label="Actions"
2281
2413
  >
2282
2414
  <span class="pf-v6-c-menu-toggle__icon">
2283
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
2415
+ <svg
2416
+ class="pf-v6-svg"
2417
+ viewBox="0 0 32 32"
2418
+ fill="currentColor"
2419
+ aria-hidden="true"
2420
+ role="img"
2421
+ width="1em"
2422
+ height="1em"
2423
+ >
2424
+ <path
2425
+ 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"
2426
+ />
2427
+ </svg>
2284
2428
  </span>
2285
2429
  </button>
2286
2430
  </div>