@patternfly/patternfly 6.5.0-prerelease.62 → 6.5.0-prerelease.64

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 (55) hide show
  1. package/components/Button/button.css +2 -2
  2. package/components/Button/button.scss +3 -3
  3. package/components/ClipboardCopy/clipboard-copy.css +7 -1
  4. package/components/ClipboardCopy/clipboard-copy.scss +10 -1
  5. package/components/Menu/menu.css +26 -19
  6. package/components/Menu/menu.scss +26 -19
  7. package/components/MenuToggle/menu-toggle.css +9 -5
  8. package/components/MenuToggle/menu-toggle.scss +12 -5
  9. package/components/_index.css +44 -27
  10. package/docs/components/Breadcrumb/examples/Breadcrumb.md +13 -1
  11. package/docs/components/CalendarMonth/examples/CalendarMonth.md +52 -4
  12. package/docs/components/Card/examples/Card.md +130 -10
  13. package/docs/components/ClipboardCopy/examples/ClipboardCopy.md +39 -38
  14. package/docs/components/DataList/examples/DataList.md +221 -17
  15. package/docs/components/DualListSelector/examples/DualListSelector.md +234 -18
  16. package/docs/components/Hint/examples/Hint.md +39 -3
  17. package/docs/components/InlineEdit/examples/InlineEdit.md +26 -2
  18. package/docs/components/InputGroup/examples/InputGroup.md +13 -1
  19. package/docs/components/Login/examples/Login.md +13 -1
  20. package/docs/components/Menu/examples/Menu.md +195 -15
  21. package/docs/components/MenuToggle/examples/MenuToggle.md +1331 -100
  22. package/docs/components/NotificationDrawer/examples/NotificationDrawer.md +481 -37
  23. package/docs/components/OverflowMenu/examples/overflow-menu.md +65 -5
  24. package/docs/components/Page/examples/Page.md +62 -15
  25. package/docs/components/Pagination/examples/Pagination.md +169 -13
  26. package/docs/components/Table/examples/Table.md +3461 -269
  27. package/docs/components/Toolbar/examples/Toolbar.md +507 -39
  28. package/docs/demos/AboutModal/examples/AboutModal.md +34 -4
  29. package/docs/demos/Alert/examples/Alert.md +102 -12
  30. package/docs/demos/BackToTop/examples/BackToTop.md +34 -4
  31. package/docs/demos/Banner/examples/Banner.md +68 -8
  32. package/docs/demos/Card/examples/Card.md +78 -6
  33. package/docs/demos/CardView/examples/CardView.md +214 -22
  34. package/docs/demos/Compass/examples/Compass.md +431 -56
  35. package/docs/demos/Dashboard/examples/Dashboard.md +71 -11
  36. package/docs/demos/DataList/examples/DataList.md +401 -53
  37. package/docs/demos/DescriptionList/examples/DescriptionList.md +115 -13
  38. package/docs/demos/Drawer/examples/Drawer.md +167 -17
  39. package/docs/demos/JumpLinks/examples/JumpLinks.md +188 -20
  40. package/docs/demos/Masthead/examples/Masthead.md +228 -30
  41. package/docs/demos/Modal/examples/Modal.md +204 -24
  42. package/docs/demos/Nav/examples/Nav.md +184 -28
  43. package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +1015 -85
  44. package/docs/demos/Page/examples/Page.md +503 -58
  45. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +649 -97
  46. package/docs/demos/Skeleton/examples/Skeleton.md +34 -4
  47. package/docs/demos/Table/examples/Table.md +2641 -349
  48. package/docs/demos/Tabs/examples/Tabs.md +295 -31
  49. package/docs/demos/Toolbar/examples/Toolbar.md +675 -63
  50. package/docs/demos/Wizard/examples/Wizard.md +306 -36
  51. package/package.json +1 -1
  52. package/patternfly-no-globals.css +44 -27
  53. package/patternfly.css +44 -27
  54. package/patternfly.min.css +1 -1
  55. package/patternfly.min.css.map +1 -1
package/docs/demos/Table/examples/Table.md CHANGED
@@ -155,7 +155,19 @@ wrapperTag: div
155
155
  aria-label="Settings"
156
156
  >
157
157
  <span class="pf-v6-c-menu-toggle__icon">
158
- <i class="fas fa-cog" aria-hidden="true"></i>
158
+ <svg
159
+ class="pf-v6-svg"
160
+ viewBox="0 0 32 32"
161
+ fill="currentColor"
162
+ aria-hidden="true"
163
+ role="img"
164
+ width="1em"
165
+ height="1em"
166
+ >
167
+ <path
168
+ 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"
169
+ />
170
+ </svg>
159
171
  </span>
160
172
  </button>
161
173
  </div>
@@ -181,7 +193,19 @@ wrapperTag: div
181
193
  aria-label="Actions"
182
194
  >
183
195
  <span class="pf-v6-c-menu-toggle__icon">
184
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
196
+ <svg
197
+ class="pf-v6-svg"
198
+ viewBox="0 0 32 32"
199
+ fill="currentColor"
200
+ aria-hidden="true"
201
+ role="img"
202
+ width="1em"
203
+ height="1em"
204
+ >
205
+ <path
206
+ 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"
207
+ />
208
+ </svg>
185
209
  </span>
186
210
  </button>
187
211
  </div>
@@ -308,9 +332,15 @@ wrapperTag: div
308
332
  </nav>
309
333
  </div>
310
334
  </section>
311
- <section class="pf-v6-c-page__main-section pf-m-limit-width">
335
+ <section
336
+ class="pf-v6-c-page__main-section pf-m-limit-width"
337
+ aria-labelledby="main-title"
338
+ >
312
339
  <div class="pf-v6-c-page__main-body">
313
- <h1 class="pf-v6-c-content--h1 pf-m-page-title">Main title</h1>
340
+ <h1
341
+ class="pf-v6-c-content--h1 pf-m-page-title"
342
+ id="main-title"
343
+ >Main title</h1>
314
344
  <p class="pf-v6-c-content--p">This is a full page demo.</p>
315
345
  </div>
316
346
  </section>
@@ -361,10 +391,19 @@ wrapperTag: div
361
391
  >
362
392
  <span class="pf-v6-c-menu-toggle__controls">
363
393
  <span class="pf-v6-c-menu-toggle__toggle-icon">
364
- <i
365
- class="fas fa-caret-down fa-fw"
394
+ <svg
395
+ class="pf-v6-svg"
396
+ viewBox="0 0 20 20"
397
+ fill="currentColor"
366
398
  aria-hidden="true"
367
- ></i>
399
+ role="img"
400
+ width="1em"
401
+ height="1em"
402
+ >
403
+ <path
404
+ 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"
405
+ />
406
+ </svg>
368
407
  </span>
369
408
  </span>
370
409
  </button>
@@ -390,10 +429,19 @@ wrapperTag: div
390
429
  <span class="pf-v6-c-menu-toggle__text">Name</span>
391
430
  <span class="pf-v6-c-menu-toggle__controls">
392
431
  <span class="pf-v6-c-menu-toggle__toggle-icon">
393
- <i
394
- class="fas fa-caret-down fa-fw"
432
+ <svg
433
+ class="pf-v6-svg"
434
+ viewBox="0 0 20 20"
435
+ fill="currentColor"
395
436
  aria-hidden="true"
396
- ></i>
437
+ role="img"
438
+ width="1em"
439
+ height="1em"
440
+ >
441
+ <path
442
+ 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"
443
+ />
444
+ </svg>
397
445
  </span>
398
446
  </span>
399
447
  </button>
@@ -477,7 +525,19 @@ wrapperTag: div
477
525
  id="basic-demo-toolbar-overflow-menu-toggle"
478
526
  >
479
527
  <span class="pf-v6-c-menu-toggle__icon">
480
- <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>
481
541
  </span>
482
542
  </button>
483
543
  </div>
@@ -498,10 +558,19 @@ wrapperTag: div
498
558
  </span>
499
559
  <span class="pf-v6-c-menu-toggle__controls">
500
560
  <span class="pf-v6-c-menu-toggle__toggle-icon">
501
- <i
502
- class="fas fa-caret-down fa-fw"
561
+ <svg
562
+ class="pf-v6-svg"
563
+ viewBox="0 0 20 20"
564
+ fill="currentColor"
503
565
  aria-hidden="true"
504
- ></i>
566
+ role="img"
567
+ width="1em"
568
+ height="1em"
569
+ >
570
+ <path
571
+ 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"
572
+ />
573
+ </svg>
505
574
  </span>
506
575
  </span>
507
576
  </button>
@@ -704,7 +773,19 @@ wrapperTag: div
704
773
  aria-label="Table actions"
705
774
  >
706
775
  <span class="pf-v6-c-menu-toggle__icon">
707
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
776
+ <svg
777
+ class="pf-v6-svg"
778
+ viewBox="0 0 32 32"
779
+ fill="currentColor"
780
+ aria-hidden="true"
781
+ role="img"
782
+ width="1em"
783
+ height="1em"
784
+ >
785
+ <path
786
+ 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"
787
+ />
788
+ </svg>
708
789
  </span>
709
790
  </button>
710
791
  </td>
@@ -780,7 +861,19 @@ wrapperTag: div
780
861
  aria-label="Table actions"
781
862
  >
782
863
  <span class="pf-v6-c-menu-toggle__icon">
783
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
864
+ <svg
865
+ class="pf-v6-svg"
866
+ viewBox="0 0 32 32"
867
+ fill="currentColor"
868
+ aria-hidden="true"
869
+ role="img"
870
+ width="1em"
871
+ height="1em"
872
+ >
873
+ <path
874
+ 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"
875
+ />
876
+ </svg>
784
877
  </span>
785
878
  </button>
786
879
  </td>
@@ -856,7 +949,19 @@ wrapperTag: div
856
949
  aria-label="Table actions"
857
950
  >
858
951
  <span class="pf-v6-c-menu-toggle__icon">
859
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
952
+ <svg
953
+ class="pf-v6-svg"
954
+ viewBox="0 0 32 32"
955
+ fill="currentColor"
956
+ aria-hidden="true"
957
+ role="img"
958
+ width="1em"
959
+ height="1em"
960
+ >
961
+ <path
962
+ 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"
963
+ />
964
+ </svg>
860
965
  </span>
861
966
  </button>
862
967
  </td>
@@ -932,7 +1037,19 @@ wrapperTag: div
932
1037
  aria-label="Table actions"
933
1038
  >
934
1039
  <span class="pf-v6-c-menu-toggle__icon">
935
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
1040
+ <svg
1041
+ class="pf-v6-svg"
1042
+ viewBox="0 0 32 32"
1043
+ fill="currentColor"
1044
+ aria-hidden="true"
1045
+ role="img"
1046
+ width="1em"
1047
+ height="1em"
1048
+ >
1049
+ <path
1050
+ 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"
1051
+ />
1052
+ </svg>
936
1053
  </span>
937
1054
  </button>
938
1055
  </td>
@@ -1007,7 +1124,19 @@ wrapperTag: div
1007
1124
  aria-label="Table actions"
1008
1125
  >
1009
1126
  <span class="pf-v6-c-menu-toggle__icon">
1010
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
1127
+ <svg
1128
+ class="pf-v6-svg"
1129
+ viewBox="0 0 32 32"
1130
+ fill="currentColor"
1131
+ aria-hidden="true"
1132
+ role="img"
1133
+ width="1em"
1134
+ height="1em"
1135
+ >
1136
+ <path
1137
+ 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"
1138
+ />
1139
+ </svg>
1011
1140
  </span>
1012
1141
  </button>
1013
1142
  </td>
@@ -1028,7 +1157,19 @@ wrapperTag: div
1028
1157
  </span>
1029
1158
  <span class="pf-v6-c-menu-toggle__controls">
1030
1159
  <span class="pf-v6-c-menu-toggle__toggle-icon">
1031
- <i class="fas fa-caret-down fa-fw" aria-hidden="true"></i>
1160
+ <svg
1161
+ class="pf-v6-svg"
1162
+ viewBox="0 0 20 20"
1163
+ fill="currentColor"
1164
+ aria-hidden="true"
1165
+ role="img"
1166
+ width="1em"
1167
+ height="1em"
1168
+ >
1169
+ <path
1170
+ 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"
1171
+ />
1172
+ </svg>
1032
1173
  </span>
1033
1174
  </span>
1034
1175
  </button>
@@ -1303,7 +1444,19 @@ wrapperTag: div
1303
1444
  aria-label="Settings"
1304
1445
  >
1305
1446
  <span class="pf-v6-c-menu-toggle__icon">
1306
- <i class="fas fa-cog" aria-hidden="true"></i>
1447
+ <svg
1448
+ class="pf-v6-svg"
1449
+ viewBox="0 0 32 32"
1450
+ fill="currentColor"
1451
+ aria-hidden="true"
1452
+ role="img"
1453
+ width="1em"
1454
+ height="1em"
1455
+ >
1456
+ <path
1457
+ 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"
1458
+ />
1459
+ </svg>
1307
1460
  </span>
1308
1461
  </button>
1309
1462
  </div>
@@ -1329,7 +1482,19 @@ wrapperTag: div
1329
1482
  aria-label="Actions"
1330
1483
  >
1331
1484
  <span class="pf-v6-c-menu-toggle__icon">
1332
- <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>
1333
1498
  </span>
1334
1499
  </button>
1335
1500
  </div>
@@ -1460,9 +1625,15 @@ wrapperTag: div
1460
1625
  </nav>
1461
1626
  </div>
1462
1627
  </section>
1463
- <section class="pf-v6-c-page__main-section pf-m-limit-width">
1628
+ <section
1629
+ class="pf-v6-c-page__main-section pf-m-limit-width"
1630
+ aria-labelledby="main-title"
1631
+ >
1464
1632
  <div class="pf-v6-c-page__main-body">
1465
- <h1 class="pf-v6-c-content--h1 pf-m-page-title">Main title</h1>
1633
+ <h1
1634
+ class="pf-v6-c-content--h1 pf-m-page-title"
1635
+ id="main-title"
1636
+ >Main title</h1>
1466
1637
  <p class="pf-v6-c-content--p">This is a full page demo.</p>
1467
1638
  </div>
1468
1639
  </section>
@@ -1513,10 +1684,19 @@ wrapperTag: div
1513
1684
  >
1514
1685
  <span class="pf-v6-c-menu-toggle__controls">
1515
1686
  <span class="pf-v6-c-menu-toggle__toggle-icon">
1516
- <i
1517
- class="fas fa-caret-down fa-fw"
1687
+ <svg
1688
+ class="pf-v6-svg"
1689
+ viewBox="0 0 20 20"
1690
+ fill="currentColor"
1518
1691
  aria-hidden="true"
1519
- ></i>
1692
+ role="img"
1693
+ width="1em"
1694
+ height="1em"
1695
+ >
1696
+ <path
1697
+ 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"
1698
+ />
1699
+ </svg>
1520
1700
  </span>
1521
1701
  </span>
1522
1702
  </button>
@@ -1542,10 +1722,19 @@ wrapperTag: div
1542
1722
  <span class="pf-v6-c-menu-toggle__text">Name</span>
1543
1723
  <span class="pf-v6-c-menu-toggle__controls">
1544
1724
  <span class="pf-v6-c-menu-toggle__toggle-icon">
1545
- <i
1546
- class="fas fa-caret-down fa-fw"
1725
+ <svg
1726
+ class="pf-v6-svg"
1727
+ viewBox="0 0 20 20"
1728
+ fill="currentColor"
1547
1729
  aria-hidden="true"
1548
- ></i>
1730
+ role="img"
1731
+ width="1em"
1732
+ height="1em"
1733
+ >
1734
+ <path
1735
+ 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"
1736
+ />
1737
+ </svg>
1549
1738
  </span>
1550
1739
  </span>
1551
1740
  </button>
@@ -1639,7 +1828,19 @@ wrapperTag: div
1639
1828
  id="sortable-demo-toolbar-overflow-menu-toggle"
1640
1829
  >
1641
1830
  <span class="pf-v6-c-menu-toggle__icon">
1642
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
1831
+ <svg
1832
+ class="pf-v6-svg"
1833
+ viewBox="0 0 32 32"
1834
+ fill="currentColor"
1835
+ aria-hidden="true"
1836
+ role="img"
1837
+ width="1em"
1838
+ height="1em"
1839
+ >
1840
+ <path
1841
+ 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"
1842
+ />
1843
+ </svg>
1643
1844
  </span>
1644
1845
  </button>
1645
1846
  </div>
@@ -1732,10 +1933,19 @@ wrapperTag: div
1732
1933
  </span>
1733
1934
  <span class="pf-v6-c-menu-toggle__controls">
1734
1935
  <span class="pf-v6-c-menu-toggle__toggle-icon">
1735
- <i
1736
- class="fas fa-caret-down fa-fw"
1936
+ <svg
1937
+ class="pf-v6-svg"
1938
+ viewBox="0 0 20 20"
1939
+ fill="currentColor"
1737
1940
  aria-hidden="true"
1738
- ></i>
1941
+ role="img"
1942
+ width="1em"
1943
+ height="1em"
1944
+ >
1945
+ <path
1946
+ 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"
1947
+ />
1948
+ </svg>
1739
1949
  </span>
1740
1950
  </span>
1741
1951
  </button>
@@ -1988,7 +2198,19 @@ wrapperTag: div
1988
2198
  aria-label="Table actions"
1989
2199
  >
1990
2200
  <span class="pf-v6-c-menu-toggle__icon">
1991
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
2201
+ <svg
2202
+ class="pf-v6-svg"
2203
+ viewBox="0 0 32 32"
2204
+ fill="currentColor"
2205
+ aria-hidden="true"
2206
+ role="img"
2207
+ width="1em"
2208
+ height="1em"
2209
+ >
2210
+ <path
2211
+ 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"
2212
+ />
2213
+ </svg>
1992
2214
  </span>
1993
2215
  </button>
1994
2216
  </td>
@@ -2064,7 +2286,19 @@ wrapperTag: div
2064
2286
  aria-label="Table actions"
2065
2287
  >
2066
2288
  <span class="pf-v6-c-menu-toggle__icon">
2067
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
2289
+ <svg
2290
+ class="pf-v6-svg"
2291
+ viewBox="0 0 32 32"
2292
+ fill="currentColor"
2293
+ aria-hidden="true"
2294
+ role="img"
2295
+ width="1em"
2296
+ height="1em"
2297
+ >
2298
+ <path
2299
+ 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"
2300
+ />
2301
+ </svg>
2068
2302
  </span>
2069
2303
  </button>
2070
2304
  </td>
@@ -2140,7 +2374,19 @@ wrapperTag: div
2140
2374
  aria-label="Table actions"
2141
2375
  >
2142
2376
  <span class="pf-v6-c-menu-toggle__icon">
2143
- <i class="fas fa-ellipsis-v" 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="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"
2388
+ />
2389
+ </svg>
2144
2390
  </span>
2145
2391
  </button>
2146
2392
  </td>
@@ -2216,7 +2462,19 @@ wrapperTag: div
2216
2462
  aria-label="Table actions"
2217
2463
  >
2218
2464
  <span class="pf-v6-c-menu-toggle__icon">
2219
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
2465
+ <svg
2466
+ class="pf-v6-svg"
2467
+ viewBox="0 0 32 32"
2468
+ fill="currentColor"
2469
+ aria-hidden="true"
2470
+ role="img"
2471
+ width="1em"
2472
+ height="1em"
2473
+ >
2474
+ <path
2475
+ 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"
2476
+ />
2477
+ </svg>
2220
2478
  </span>
2221
2479
  </button>
2222
2480
  </td>
@@ -2291,7 +2549,19 @@ wrapperTag: div
2291
2549
  aria-label="Table actions"
2292
2550
  >
2293
2551
  <span class="pf-v6-c-menu-toggle__icon">
2294
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
2552
+ <svg
2553
+ class="pf-v6-svg"
2554
+ viewBox="0 0 32 32"
2555
+ fill="currentColor"
2556
+ aria-hidden="true"
2557
+ role="img"
2558
+ width="1em"
2559
+ height="1em"
2560
+ >
2561
+ <path
2562
+ 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"
2563
+ />
2564
+ </svg>
2295
2565
  </span>
2296
2566
  </button>
2297
2567
  </td>
@@ -2312,10 +2582,22 @@ wrapperTag: div
2312
2582
  </span>
2313
2583
  <span class="pf-v6-c-menu-toggle__controls">
2314
2584
  <span class="pf-v6-c-menu-toggle__toggle-icon">
2315
- <i class="fas fa-caret-down fa-fw" aria-hidden="true"></i>
2316
- </span>
2317
- </span>
2318
- </button>
2585
+ <svg
2586
+ class="pf-v6-svg"
2587
+ viewBox="0 0 20 20"
2588
+ fill="currentColor"
2589
+ aria-hidden="true"
2590
+ role="img"
2591
+ width="1em"
2592
+ height="1em"
2593
+ >
2594
+ <path
2595
+ 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"
2596
+ />
2597
+ </svg>
2598
+ </span>
2599
+ </span>
2600
+ </button>
2319
2601
  </div>
2320
2602
  <nav class="pf-v6-c-pagination__nav" aria-label="Pagination">
2321
2603
  <div class="pf-v6-c-pagination__nav-control pf-m-first">
@@ -2587,7 +2869,19 @@ wrapperTag: div
2587
2869
  aria-label="Settings"
2588
2870
  >
2589
2871
  <span class="pf-v6-c-menu-toggle__icon">
2590
- <i class="fas fa-cog" aria-hidden="true"></i>
2872
+ <svg
2873
+ class="pf-v6-svg"
2874
+ viewBox="0 0 32 32"
2875
+ fill="currentColor"
2876
+ aria-hidden="true"
2877
+ role="img"
2878
+ width="1em"
2879
+ height="1em"
2880
+ >
2881
+ <path
2882
+ 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"
2883
+ />
2884
+ </svg>
2591
2885
  </span>
2592
2886
  </button>
2593
2887
  </div>
@@ -2613,7 +2907,19 @@ wrapperTag: div
2613
2907
  aria-label="Actions"
2614
2908
  >
2615
2909
  <span class="pf-v6-c-menu-toggle__icon">
2616
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
2910
+ <svg
2911
+ class="pf-v6-svg"
2912
+ viewBox="0 0 32 32"
2913
+ fill="currentColor"
2914
+ aria-hidden="true"
2915
+ role="img"
2916
+ width="1em"
2917
+ height="1em"
2918
+ >
2919
+ <path
2920
+ 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"
2921
+ />
2922
+ </svg>
2617
2923
  </span>
2618
2924
  </button>
2619
2925
  </div>
@@ -2744,9 +3050,15 @@ wrapperTag: div
2744
3050
  </nav>
2745
3051
  </div>
2746
3052
  </section>
2747
- <section class="pf-v6-c-page__main-section pf-m-limit-width">
3053
+ <section
3054
+ class="pf-v6-c-page__main-section pf-m-limit-width"
3055
+ aria-labelledby="main-title"
3056
+ >
2748
3057
  <div class="pf-v6-c-page__main-body">
2749
- <h1 class="pf-v6-c-content--h1 pf-m-page-title">Main title</h1>
3058
+ <h1
3059
+ class="pf-v6-c-content--h1 pf-m-page-title"
3060
+ id="main-title"
3061
+ >Main title</h1>
2750
3062
  <p class="pf-v6-c-content--p">This is a full page demo.</p>
2751
3063
  </div>
2752
3064
  </section>
@@ -2797,10 +3109,19 @@ wrapperTag: div
2797
3109
  >
2798
3110
  <span class="pf-v6-c-menu-toggle__controls">
2799
3111
  <span class="pf-v6-c-menu-toggle__toggle-icon">
2800
- <i
2801
- class="fas fa-caret-down fa-fw"
3112
+ <svg
3113
+ class="pf-v6-svg"
3114
+ viewBox="0 0 20 20"
3115
+ fill="currentColor"
2802
3116
  aria-hidden="true"
2803
- ></i>
3117
+ role="img"
3118
+ width="1em"
3119
+ height="1em"
3120
+ >
3121
+ <path
3122
+ 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"
3123
+ />
3124
+ </svg>
2804
3125
  </span>
2805
3126
  </span>
2806
3127
  </button>
@@ -2826,10 +3147,19 @@ wrapperTag: div
2826
3147
  <span class="pf-v6-c-menu-toggle__text">Name</span>
2827
3148
  <span class="pf-v6-c-menu-toggle__controls">
2828
3149
  <span class="pf-v6-c-menu-toggle__toggle-icon">
2829
- <i
2830
- class="fas fa-caret-down fa-fw"
3150
+ <svg
3151
+ class="pf-v6-svg"
3152
+ viewBox="0 0 20 20"
3153
+ fill="currentColor"
2831
3154
  aria-hidden="true"
2832
- ></i>
3155
+ role="img"
3156
+ width="1em"
3157
+ height="1em"
3158
+ >
3159
+ <path
3160
+ 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"
3161
+ />
3162
+ </svg>
2833
3163
  </span>
2834
3164
  </span>
2835
3165
  </button>
@@ -2868,10 +3198,19 @@ wrapperTag: div
2868
3198
  <span class="pf-v6-c-menu-toggle__text">Status</span>
2869
3199
  <span class="pf-v6-c-menu-toggle__controls">
2870
3200
  <span class="pf-v6-c-menu-toggle__toggle-icon">
2871
- <i
2872
- class="fas fa-caret-down fa-fw"
3201
+ <svg
3202
+ class="pf-v6-svg"
3203
+ viewBox="0 0 20 20"
3204
+ fill="currentColor"
2873
3205
  aria-hidden="true"
2874
- ></i>
3206
+ role="img"
3207
+ width="1em"
3208
+ height="1em"
3209
+ >
3210
+ <path
3211
+ 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"
3212
+ />
3213
+ </svg>
2875
3214
  </span>
2876
3215
  </span>
2877
3216
  </button>
@@ -2886,10 +3225,19 @@ wrapperTag: div
2886
3225
  <span class="pf-v6-c-menu-toggle__text">Risk</span>
2887
3226
  <span class="pf-v6-c-menu-toggle__controls">
2888
3227
  <span class="pf-v6-c-menu-toggle__toggle-icon">
2889
- <i
2890
- class="fas fa-caret-down fa-fw"
3228
+ <svg
3229
+ class="pf-v6-svg"
3230
+ viewBox="0 0 20 20"
3231
+ fill="currentColor"
2891
3232
  aria-hidden="true"
2892
- ></i>
3233
+ role="img"
3234
+ width="1em"
3235
+ height="1em"
3236
+ >
3237
+ <path
3238
+ 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"
3239
+ />
3240
+ </svg>
2893
3241
  </span>
2894
3242
  </span>
2895
3243
  </button>
@@ -2942,10 +3290,19 @@ wrapperTag: div
2942
3290
  </span>
2943
3291
  <span class="pf-v6-c-menu-toggle__controls">
2944
3292
  <span class="pf-v6-c-menu-toggle__toggle-icon">
2945
- <i
2946
- class="fas fa-caret-down fa-fw"
3293
+ <svg
3294
+ class="pf-v6-svg"
3295
+ viewBox="0 0 20 20"
3296
+ fill="currentColor"
2947
3297
  aria-hidden="true"
2948
- ></i>
3298
+ role="img"
3299
+ width="1em"
3300
+ height="1em"
3301
+ >
3302
+ <path
3303
+ 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"
3304
+ />
3305
+ </svg>
2949
3306
  </span>
2950
3307
  </span>
2951
3308
  </button>
@@ -3216,7 +3573,19 @@ wrapperTag: div
3216
3573
  aria-label="Table actions"
3217
3574
  >
3218
3575
  <span class="pf-v6-c-menu-toggle__icon">
3219
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
3576
+ <svg
3577
+ class="pf-v6-svg"
3578
+ viewBox="0 0 32 32"
3579
+ fill="currentColor"
3580
+ aria-hidden="true"
3581
+ role="img"
3582
+ width="1em"
3583
+ height="1em"
3584
+ >
3585
+ <path
3586
+ 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"
3587
+ />
3588
+ </svg>
3220
3589
  </span>
3221
3590
  </button>
3222
3591
  </td>
@@ -3352,7 +3721,19 @@ wrapperTag: div
3352
3721
  aria-label="Table actions"
3353
3722
  >
3354
3723
  <span class="pf-v6-c-menu-toggle__icon">
3355
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
3724
+ <svg
3725
+ class="pf-v6-svg"
3726
+ viewBox="0 0 32 32"
3727
+ fill="currentColor"
3728
+ aria-hidden="true"
3729
+ role="img"
3730
+ width="1em"
3731
+ height="1em"
3732
+ >
3733
+ <path
3734
+ 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"
3735
+ />
3736
+ </svg>
3356
3737
  </span>
3357
3738
  </button>
3358
3739
  </td>
@@ -3505,7 +3886,19 @@ wrapperTag: div
3505
3886
  aria-label="Table actions"
3506
3887
  >
3507
3888
  <span class="pf-v6-c-menu-toggle__icon">
3508
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
3889
+ <svg
3890
+ class="pf-v6-svg"
3891
+ viewBox="0 0 32 32"
3892
+ fill="currentColor"
3893
+ aria-hidden="true"
3894
+ role="img"
3895
+ width="1em"
3896
+ height="1em"
3897
+ >
3898
+ <path
3899
+ 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"
3900
+ />
3901
+ </svg>
3509
3902
  </span>
3510
3903
  </button>
3511
3904
  </td>
@@ -3630,7 +4023,19 @@ wrapperTag: div
3630
4023
  aria-label="Table actions"
3631
4024
  >
3632
4025
  <span class="pf-v6-c-menu-toggle__icon">
3633
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
4026
+ <svg
4027
+ class="pf-v6-svg"
4028
+ viewBox="0 0 32 32"
4029
+ fill="currentColor"
4030
+ aria-hidden="true"
4031
+ role="img"
4032
+ width="1em"
4033
+ height="1em"
4034
+ >
4035
+ <path
4036
+ 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"
4037
+ />
4038
+ </svg>
3634
4039
  </span>
3635
4040
  </button>
3636
4041
  </td>
@@ -3761,7 +4166,19 @@ wrapperTag: div
3761
4166
  aria-label="Table actions"
3762
4167
  >
3763
4168
  <span class="pf-v6-c-menu-toggle__icon">
3764
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
4169
+ <svg
4170
+ class="pf-v6-svg"
4171
+ viewBox="0 0 32 32"
4172
+ fill="currentColor"
4173
+ aria-hidden="true"
4174
+ role="img"
4175
+ width="1em"
4176
+ height="1em"
4177
+ >
4178
+ <path
4179
+ 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"
4180
+ />
4181
+ </svg>
3765
4182
  </span>
3766
4183
  </button>
3767
4184
  </td>
@@ -3803,7 +4220,19 @@ wrapperTag: div
3803
4220
  </span>
3804
4221
  <span class="pf-v6-c-menu-toggle__controls">
3805
4222
  <span class="pf-v6-c-menu-toggle__toggle-icon">
3806
- <i class="fas fa-caret-down fa-fw" aria-hidden="true"></i>
4223
+ <svg
4224
+ class="pf-v6-svg"
4225
+ viewBox="0 0 20 20"
4226
+ fill="currentColor"
4227
+ aria-hidden="true"
4228
+ role="img"
4229
+ width="1em"
4230
+ height="1em"
4231
+ >
4232
+ <path
4233
+ 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"
4234
+ />
4235
+ </svg>
3807
4236
  </span>
3808
4237
  </span>
3809
4238
  </button>
@@ -4075,7 +4504,19 @@ wrapperTag: div
4075
4504
  aria-label="Settings"
4076
4505
  >
4077
4506
  <span class="pf-v6-c-menu-toggle__icon">
4078
- <i class="fas fa-cog" aria-hidden="true"></i>
4507
+ <svg
4508
+ class="pf-v6-svg"
4509
+ viewBox="0 0 32 32"
4510
+ fill="currentColor"
4511
+ aria-hidden="true"
4512
+ role="img"
4513
+ width="1em"
4514
+ height="1em"
4515
+ >
4516
+ <path
4517
+ 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"
4518
+ />
4519
+ </svg>
4079
4520
  </span>
4080
4521
  </button>
4081
4522
  </div>
@@ -4101,7 +4542,19 @@ wrapperTag: div
4101
4542
  aria-label="Actions"
4102
4543
  >
4103
4544
  <span class="pf-v6-c-menu-toggle__icon">
4104
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
4545
+ <svg
4546
+ class="pf-v6-svg"
4547
+ viewBox="0 0 32 32"
4548
+ fill="currentColor"
4549
+ aria-hidden="true"
4550
+ role="img"
4551
+ width="1em"
4552
+ height="1em"
4553
+ >
4554
+ <path
4555
+ 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"
4556
+ />
4557
+ </svg>
4105
4558
  </span>
4106
4559
  </button>
4107
4560
  </div>
@@ -4232,9 +4685,15 @@ wrapperTag: div
4232
4685
  </nav>
4233
4686
  </div>
4234
4687
  </section>
4235
- <section class="pf-v6-c-page__main-section pf-m-limit-width">
4688
+ <section
4689
+ class="pf-v6-c-page__main-section pf-m-limit-width"
4690
+ aria-labelledby="main-title"
4691
+ >
4236
4692
  <div class="pf-v6-c-page__main-body">
4237
- <h1 class="pf-v6-c-content--h1 pf-m-page-title">Main title</h1>
4693
+ <h1
4694
+ class="pf-v6-c-content--h1 pf-m-page-title"
4695
+ id="main-title"
4696
+ >Main title</h1>
4238
4697
  <p class="pf-v6-c-content--p">This is a full page demo.</p>
4239
4698
  </div>
4240
4699
  </section>
@@ -4285,10 +4744,19 @@ wrapperTag: div
4285
4744
  >
4286
4745
  <span class="pf-v6-c-menu-toggle__controls">
4287
4746
  <span class="pf-v6-c-menu-toggle__toggle-icon">
4288
- <i
4289
- class="fas fa-caret-down fa-fw"
4747
+ <svg
4748
+ class="pf-v6-svg"
4749
+ viewBox="0 0 20 20"
4750
+ fill="currentColor"
4290
4751
  aria-hidden="true"
4291
- ></i>
4752
+ role="img"
4753
+ width="1em"
4754
+ height="1em"
4755
+ >
4756
+ <path
4757
+ 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"
4758
+ />
4759
+ </svg>
4292
4760
  </span>
4293
4761
  </span>
4294
4762
  </button>
@@ -4314,10 +4782,19 @@ wrapperTag: div
4314
4782
  <span class="pf-v6-c-menu-toggle__text">Name</span>
4315
4783
  <span class="pf-v6-c-menu-toggle__controls">
4316
4784
  <span class="pf-v6-c-menu-toggle__toggle-icon">
4317
- <i
4318
- class="fas fa-caret-down fa-fw"
4785
+ <svg
4786
+ class="pf-v6-svg"
4787
+ viewBox="0 0 20 20"
4788
+ fill="currentColor"
4319
4789
  aria-hidden="true"
4320
- ></i>
4790
+ role="img"
4791
+ width="1em"
4792
+ height="1em"
4793
+ >
4794
+ <path
4795
+ 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"
4796
+ />
4797
+ </svg>
4321
4798
  </span>
4322
4799
  </span>
4323
4800
  </button>
@@ -4356,10 +4833,19 @@ wrapperTag: div
4356
4833
  <span class="pf-v6-c-menu-toggle__text">Status</span>
4357
4834
  <span class="pf-v6-c-menu-toggle__controls">
4358
4835
  <span class="pf-v6-c-menu-toggle__toggle-icon">
4359
- <i
4360
- class="fas fa-caret-down fa-fw"
4836
+ <svg
4837
+ class="pf-v6-svg"
4838
+ viewBox="0 0 20 20"
4839
+ fill="currentColor"
4361
4840
  aria-hidden="true"
4362
- ></i>
4841
+ role="img"
4842
+ width="1em"
4843
+ height="1em"
4844
+ >
4845
+ <path
4846
+ 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"
4847
+ />
4848
+ </svg>
4363
4849
  </span>
4364
4850
  </span>
4365
4851
  </button>
@@ -4374,10 +4860,19 @@ wrapperTag: div
4374
4860
  <span class="pf-v6-c-menu-toggle__text">Risk</span>
4375
4861
  <span class="pf-v6-c-menu-toggle__controls">
4376
4862
  <span class="pf-v6-c-menu-toggle__toggle-icon">
4377
- <i
4378
- class="fas fa-caret-down fa-fw"
4863
+ <svg
4864
+ class="pf-v6-svg"
4865
+ viewBox="0 0 20 20"
4866
+ fill="currentColor"
4379
4867
  aria-hidden="true"
4380
- ></i>
4868
+ role="img"
4869
+ width="1em"
4870
+ height="1em"
4871
+ >
4872
+ <path
4873
+ 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"
4874
+ />
4875
+ </svg>
4381
4876
  </span>
4382
4877
  </span>
4383
4878
  </button>
@@ -4430,10 +4925,19 @@ wrapperTag: div
4430
4925
  </span>
4431
4926
  <span class="pf-v6-c-menu-toggle__controls">
4432
4927
  <span class="pf-v6-c-menu-toggle__toggle-icon">
4433
- <i
4434
- class="fas fa-caret-down fa-fw"
4928
+ <svg
4929
+ class="pf-v6-svg"
4930
+ viewBox="0 0 20 20"
4931
+ fill="currentColor"
4435
4932
  aria-hidden="true"
4436
- ></i>
4933
+ role="img"
4934
+ width="1em"
4935
+ height="1em"
4936
+ >
4937
+ <path
4938
+ 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"
4939
+ />
4940
+ </svg>
4437
4941
  </span>
4438
4942
  </span>
4439
4943
  </button>
@@ -4638,7 +5142,19 @@ wrapperTag: div
4638
5142
  aria-label="Table actions"
4639
5143
  >
4640
5144
  <span class="pf-v6-c-menu-toggle__icon">
4641
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
5145
+ <svg
5146
+ class="pf-v6-svg"
5147
+ viewBox="0 0 32 32"
5148
+ fill="currentColor"
5149
+ aria-hidden="true"
5150
+ role="img"
5151
+ width="1em"
5152
+ height="1em"
5153
+ >
5154
+ <path
5155
+ 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"
5156
+ />
5157
+ </svg>
4642
5158
  </span>
4643
5159
  </button>
4644
5160
  </td>
@@ -4710,7 +5226,19 @@ wrapperTag: div
4710
5226
  aria-label="Table actions"
4711
5227
  >
4712
5228
  <span class="pf-v6-c-menu-toggle__icon">
4713
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
5229
+ <svg
5230
+ class="pf-v6-svg"
5231
+ viewBox="0 0 32 32"
5232
+ fill="currentColor"
5233
+ aria-hidden="true"
5234
+ role="img"
5235
+ width="1em"
5236
+ height="1em"
5237
+ >
5238
+ <path
5239
+ 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"
5240
+ />
5241
+ </svg>
4714
5242
  </span>
4715
5243
  </button>
4716
5244
  </td>
@@ -4782,11 +5310,23 @@ wrapperTag: div
4782
5310
  aria-label="Table actions"
4783
5311
  >
4784
5312
  <span class="pf-v6-c-menu-toggle__icon">
4785
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
4786
- </span>
4787
- </button>
4788
- </td>
4789
- </tr>
5313
+ <svg
5314
+ class="pf-v6-svg"
5315
+ viewBox="0 0 32 32"
5316
+ fill="currentColor"
5317
+ aria-hidden="true"
5318
+ role="img"
5319
+ width="1em"
5320
+ height="1em"
5321
+ >
5322
+ <path
5323
+ 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"
5324
+ />
5325
+ </svg>
5326
+ </span>
5327
+ </button>
5328
+ </td>
5329
+ </tr>
4790
5330
 
4791
5331
  <tr class="pf-v6-c-table__tr" role="row">
4792
5332
  <td
@@ -4854,7 +5394,19 @@ wrapperTag: div
4854
5394
  aria-label="Table actions"
4855
5395
  >
4856
5396
  <span class="pf-v6-c-menu-toggle__icon">
4857
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
5397
+ <svg
5398
+ class="pf-v6-svg"
5399
+ viewBox="0 0 32 32"
5400
+ fill="currentColor"
5401
+ aria-hidden="true"
5402
+ role="img"
5403
+ width="1em"
5404
+ height="1em"
5405
+ >
5406
+ <path
5407
+ 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"
5408
+ />
5409
+ </svg>
4858
5410
  </span>
4859
5411
  </button>
4860
5412
  </td>
@@ -4875,7 +5427,19 @@ wrapperTag: div
4875
5427
  </span>
4876
5428
  <span class="pf-v6-c-menu-toggle__controls">
4877
5429
  <span class="pf-v6-c-menu-toggle__toggle-icon">
4878
- <i class="fas fa-caret-down fa-fw" aria-hidden="true"></i>
5430
+ <svg
5431
+ class="pf-v6-svg"
5432
+ viewBox="0 0 20 20"
5433
+ fill="currentColor"
5434
+ aria-hidden="true"
5435
+ role="img"
5436
+ width="1em"
5437
+ height="1em"
5438
+ >
5439
+ <path
5440
+ 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"
5441
+ />
5442
+ </svg>
4879
5443
  </span>
4880
5444
  </span>
4881
5445
  </button>
@@ -5153,7 +5717,19 @@ wrapperTag: div
5153
5717
  aria-label="Settings"
5154
5718
  >
5155
5719
  <span class="pf-v6-c-menu-toggle__icon">
5156
- <i class="fas fa-cog" aria-hidden="true"></i>
5720
+ <svg
5721
+ class="pf-v6-svg"
5722
+ viewBox="0 0 32 32"
5723
+ fill="currentColor"
5724
+ aria-hidden="true"
5725
+ role="img"
5726
+ width="1em"
5727
+ height="1em"
5728
+ >
5729
+ <path
5730
+ 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"
5731
+ />
5732
+ </svg>
5157
5733
  </span>
5158
5734
  </button>
5159
5735
  </div>
@@ -5179,7 +5755,19 @@ wrapperTag: div
5179
5755
  aria-label="Actions"
5180
5756
  >
5181
5757
  <span class="pf-v6-c-menu-toggle__icon">
5182
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
5758
+ <svg
5759
+ class="pf-v6-svg"
5760
+ viewBox="0 0 32 32"
5761
+ fill="currentColor"
5762
+ aria-hidden="true"
5763
+ role="img"
5764
+ width="1em"
5765
+ height="1em"
5766
+ >
5767
+ <path
5768
+ 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"
5769
+ />
5770
+ </svg>
5183
5771
  </span>
5184
5772
  </button>
5185
5773
  </div>
@@ -5310,9 +5898,15 @@ wrapperTag: div
5310
5898
  </nav>
5311
5899
  </div>
5312
5900
  </section>
5313
- <section class="pf-v6-c-page__main-section pf-m-limit-width">
5901
+ <section
5902
+ class="pf-v6-c-page__main-section pf-m-limit-width"
5903
+ aria-labelledby="main-title"
5904
+ >
5314
5905
  <div class="pf-v6-c-page__main-body">
5315
- <h1 class="pf-v6-c-content--h1 pf-m-page-title">Main title</h1>
5906
+ <h1
5907
+ class="pf-v6-c-content--h1 pf-m-page-title"
5908
+ id="main-title"
5909
+ >Main title</h1>
5316
5910
  <p class="pf-v6-c-content--p">This is a full page demo.</p>
5317
5911
  </div>
5318
5912
  </section>
@@ -5363,10 +5957,19 @@ wrapperTag: div
5363
5957
  >
5364
5958
  <span class="pf-v6-c-menu-toggle__controls">
5365
5959
  <span class="pf-v6-c-menu-toggle__toggle-icon">
5366
- <i
5367
- class="fas fa-caret-down fa-fw"
5960
+ <svg
5961
+ class="pf-v6-svg"
5962
+ viewBox="0 0 20 20"
5963
+ fill="currentColor"
5368
5964
  aria-hidden="true"
5369
- ></i>
5965
+ role="img"
5966
+ width="1em"
5967
+ height="1em"
5968
+ >
5969
+ <path
5970
+ 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"
5971
+ />
5972
+ </svg>
5370
5973
  </span>
5371
5974
  </span>
5372
5975
  </button>
@@ -5392,10 +5995,19 @@ wrapperTag: div
5392
5995
  <span class="pf-v6-c-menu-toggle__text">Name</span>
5393
5996
  <span class="pf-v6-c-menu-toggle__controls">
5394
5997
  <span class="pf-v6-c-menu-toggle__toggle-icon">
5395
- <i
5396
- class="fas fa-caret-down fa-fw"
5998
+ <svg
5999
+ class="pf-v6-svg"
6000
+ viewBox="0 0 20 20"
6001
+ fill="currentColor"
5397
6002
  aria-hidden="true"
5398
- ></i>
6003
+ role="img"
6004
+ width="1em"
6005
+ height="1em"
6006
+ >
6007
+ <path
6008
+ 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"
6009
+ />
6010
+ </svg>
5399
6011
  </span>
5400
6012
  </span>
5401
6013
  </button>
@@ -5434,10 +6046,19 @@ wrapperTag: div
5434
6046
  <span class="pf-v6-c-menu-toggle__text">Status</span>
5435
6047
  <span class="pf-v6-c-menu-toggle__controls">
5436
6048
  <span class="pf-v6-c-menu-toggle__toggle-icon">
5437
- <i
5438
- class="fas fa-caret-down fa-fw"
6049
+ <svg
6050
+ class="pf-v6-svg"
6051
+ viewBox="0 0 20 20"
6052
+ fill="currentColor"
5439
6053
  aria-hidden="true"
5440
- ></i>
6054
+ role="img"
6055
+ width="1em"
6056
+ height="1em"
6057
+ >
6058
+ <path
6059
+ 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"
6060
+ />
6061
+ </svg>
5441
6062
  </span>
5442
6063
  </span>
5443
6064
  </button>
@@ -5452,10 +6073,19 @@ wrapperTag: div
5452
6073
  <span class="pf-v6-c-menu-toggle__text">Risk</span>
5453
6074
  <span class="pf-v6-c-menu-toggle__controls">
5454
6075
  <span class="pf-v6-c-menu-toggle__toggle-icon">
5455
- <i
5456
- class="fas fa-caret-down fa-fw"
6076
+ <svg
6077
+ class="pf-v6-svg"
6078
+ viewBox="0 0 20 20"
6079
+ fill="currentColor"
5457
6080
  aria-hidden="true"
5458
- ></i>
6081
+ role="img"
6082
+ width="1em"
6083
+ height="1em"
6084
+ >
6085
+ <path
6086
+ 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"
6087
+ />
6088
+ </svg>
5459
6089
  </span>
5460
6090
  </span>
5461
6091
  </button>
@@ -5508,10 +6138,19 @@ wrapperTag: div
5508
6138
  </span>
5509
6139
  <span class="pf-v6-c-menu-toggle__controls">
5510
6140
  <span class="pf-v6-c-menu-toggle__toggle-icon">
5511
- <i
5512
- class="fas fa-caret-down fa-fw"
6141
+ <svg
6142
+ class="pf-v6-svg"
6143
+ viewBox="0 0 20 20"
6144
+ fill="currentColor"
5513
6145
  aria-hidden="true"
5514
- ></i>
6146
+ role="img"
6147
+ width="1em"
6148
+ height="1em"
6149
+ >
6150
+ <path
6151
+ 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"
6152
+ />
6153
+ </svg>
5515
6154
  </span>
5516
6155
  </span>
5517
6156
  </button>
@@ -5739,7 +6378,19 @@ wrapperTag: div
5739
6378
  aria-label="Table actions"
5740
6379
  >
5741
6380
  <span class="pf-v6-c-menu-toggle__icon">
5742
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
6381
+ <svg
6382
+ class="pf-v6-svg"
6383
+ viewBox="0 0 32 32"
6384
+ fill="currentColor"
6385
+ aria-hidden="true"
6386
+ role="img"
6387
+ width="1em"
6388
+ height="1em"
6389
+ >
6390
+ <path
6391
+ 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"
6392
+ />
6393
+ </svg>
5743
6394
  </span>
5744
6395
  </button>
5745
6396
  </td>
@@ -5828,7 +6479,19 @@ wrapperTag: div
5828
6479
  aria-label="Table actions"
5829
6480
  >
5830
6481
  <span class="pf-v6-c-menu-toggle__icon">
5831
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
6482
+ <svg
6483
+ class="pf-v6-svg"
6484
+ viewBox="0 0 32 32"
6485
+ fill="currentColor"
6486
+ aria-hidden="true"
6487
+ role="img"
6488
+ width="1em"
6489
+ height="1em"
6490
+ >
6491
+ <path
6492
+ 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"
6493
+ />
6494
+ </svg>
5832
6495
  </span>
5833
6496
  </button>
5834
6497
  </td>
@@ -5860,7 +6523,19 @@ wrapperTag: div
5860
6523
  aria-label="Table actions"
5861
6524
  >
5862
6525
  <span class="pf-v6-c-menu-toggle__icon">
5863
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
6526
+ <svg
6527
+ class="pf-v6-svg"
6528
+ viewBox="0 0 32 32"
6529
+ fill="currentColor"
6530
+ aria-hidden="true"
6531
+ role="img"
6532
+ width="1em"
6533
+ height="1em"
6534
+ >
6535
+ <path
6536
+ 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"
6537
+ />
6538
+ </svg>
5864
6539
  </span>
5865
6540
  </button>
5866
6541
  </td>
@@ -5892,7 +6567,19 @@ wrapperTag: div
5892
6567
  aria-label="Table actions"
5893
6568
  >
5894
6569
  <span class="pf-v6-c-menu-toggle__icon">
5895
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
6570
+ <svg
6571
+ class="pf-v6-svg"
6572
+ viewBox="0 0 32 32"
6573
+ fill="currentColor"
6574
+ aria-hidden="true"
6575
+ role="img"
6576
+ width="1em"
6577
+ height="1em"
6578
+ >
6579
+ <path
6580
+ 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"
6581
+ />
6582
+ </svg>
5896
6583
  </span>
5897
6584
  </button>
5898
6585
  </td>
@@ -5924,7 +6611,19 @@ wrapperTag: div
5924
6611
  aria-label="Table actions"
5925
6612
  >
5926
6613
  <span class="pf-v6-c-menu-toggle__icon">
5927
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
6614
+ <svg
6615
+ class="pf-v6-svg"
6616
+ viewBox="0 0 32 32"
6617
+ fill="currentColor"
6618
+ aria-hidden="true"
6619
+ role="img"
6620
+ width="1em"
6621
+ height="1em"
6622
+ >
6623
+ <path
6624
+ 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"
6625
+ />
6626
+ </svg>
5928
6627
  </span>
5929
6628
  </button>
5930
6629
  </td>
@@ -5956,7 +6655,19 @@ wrapperTag: div
5956
6655
  aria-label="Table actions"
5957
6656
  >
5958
6657
  <span class="pf-v6-c-menu-toggle__icon">
5959
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
6658
+ <svg
6659
+ class="pf-v6-svg"
6660
+ viewBox="0 0 32 32"
6661
+ fill="currentColor"
6662
+ aria-hidden="true"
6663
+ role="img"
6664
+ width="1em"
6665
+ height="1em"
6666
+ >
6667
+ <path
6668
+ 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"
6669
+ />
6670
+ </svg>
5960
6671
  </span>
5961
6672
  </button>
5962
6673
  </td>
@@ -6049,7 +6760,19 @@ wrapperTag: div
6049
6760
  aria-label="Table actions"
6050
6761
  >
6051
6762
  <span class="pf-v6-c-menu-toggle__icon">
6052
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
6763
+ <svg
6764
+ class="pf-v6-svg"
6765
+ viewBox="0 0 32 32"
6766
+ fill="currentColor"
6767
+ aria-hidden="true"
6768
+ role="img"
6769
+ width="1em"
6770
+ height="1em"
6771
+ >
6772
+ <path
6773
+ 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"
6774
+ />
6775
+ </svg>
6053
6776
  </span>
6054
6777
  </button>
6055
6778
  </td>
@@ -6081,7 +6804,19 @@ wrapperTag: div
6081
6804
  aria-label="Table actions"
6082
6805
  >
6083
6806
  <span class="pf-v6-c-menu-toggle__icon">
6084
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
6807
+ <svg
6808
+ class="pf-v6-svg"
6809
+ viewBox="0 0 32 32"
6810
+ fill="currentColor"
6811
+ aria-hidden="true"
6812
+ role="img"
6813
+ width="1em"
6814
+ height="1em"
6815
+ >
6816
+ <path
6817
+ 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"
6818
+ />
6819
+ </svg>
6085
6820
  </span>
6086
6821
  </button>
6087
6822
  </td>
@@ -6113,7 +6848,19 @@ wrapperTag: div
6113
6848
  aria-label="Table actions"
6114
6849
  >
6115
6850
  <span class="pf-v6-c-menu-toggle__icon">
6116
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
6851
+ <svg
6852
+ class="pf-v6-svg"
6853
+ viewBox="0 0 32 32"
6854
+ fill="currentColor"
6855
+ aria-hidden="true"
6856
+ role="img"
6857
+ width="1em"
6858
+ height="1em"
6859
+ >
6860
+ <path
6861
+ 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"
6862
+ />
6863
+ </svg>
6117
6864
  </span>
6118
6865
  </button>
6119
6866
  </td>
@@ -6145,7 +6892,19 @@ wrapperTag: div
6145
6892
  aria-label="Table actions"
6146
6893
  >
6147
6894
  <span class="pf-v6-c-menu-toggle__icon">
6148
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
6895
+ <svg
6896
+ class="pf-v6-svg"
6897
+ viewBox="0 0 32 32"
6898
+ fill="currentColor"
6899
+ aria-hidden="true"
6900
+ role="img"
6901
+ width="1em"
6902
+ height="1em"
6903
+ >
6904
+ <path
6905
+ 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"
6906
+ />
6907
+ </svg>
6149
6908
  </span>
6150
6909
  </button>
6151
6910
  </td>
@@ -6177,7 +6936,19 @@ wrapperTag: div
6177
6936
  aria-label="Table actions"
6178
6937
  >
6179
6938
  <span class="pf-v6-c-menu-toggle__icon">
6180
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
6939
+ <svg
6940
+ class="pf-v6-svg"
6941
+ viewBox="0 0 32 32"
6942
+ fill="currentColor"
6943
+ aria-hidden="true"
6944
+ role="img"
6945
+ width="1em"
6946
+ height="1em"
6947
+ >
6948
+ <path
6949
+ 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"
6950
+ />
6951
+ </svg>
6181
6952
  </span>
6182
6953
  </button>
6183
6954
  </td>
@@ -6270,7 +7041,19 @@ wrapperTag: div
6270
7041
  aria-label="Table actions"
6271
7042
  >
6272
7043
  <span class="pf-v6-c-menu-toggle__icon">
6273
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
7044
+ <svg
7045
+ class="pf-v6-svg"
7046
+ viewBox="0 0 32 32"
7047
+ fill="currentColor"
7048
+ aria-hidden="true"
7049
+ role="img"
7050
+ width="1em"
7051
+ height="1em"
7052
+ >
7053
+ <path
7054
+ 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"
7055
+ />
7056
+ </svg>
6274
7057
  </span>
6275
7058
  </button>
6276
7059
  </td>
@@ -6302,7 +7085,19 @@ wrapperTag: div
6302
7085
  aria-label="Table actions"
6303
7086
  >
6304
7087
  <span class="pf-v6-c-menu-toggle__icon">
6305
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
7088
+ <svg
7089
+ class="pf-v6-svg"
7090
+ viewBox="0 0 32 32"
7091
+ fill="currentColor"
7092
+ aria-hidden="true"
7093
+ role="img"
7094
+ width="1em"
7095
+ height="1em"
7096
+ >
7097
+ <path
7098
+ 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"
7099
+ />
7100
+ </svg>
6306
7101
  </span>
6307
7102
  </button>
6308
7103
  </td>
@@ -6334,8 +7129,20 @@ wrapperTag: div
6334
7129
  aria-label="Table actions"
6335
7130
  >
6336
7131
  <span class="pf-v6-c-menu-toggle__icon">
6337
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
6338
- </span>
7132
+ <svg
7133
+ class="pf-v6-svg"
7134
+ viewBox="0 0 32 32"
7135
+ fill="currentColor"
7136
+ aria-hidden="true"
7137
+ role="img"
7138
+ width="1em"
7139
+ height="1em"
7140
+ >
7141
+ <path
7142
+ 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"
7143
+ />
7144
+ </svg>
7145
+ </span>
6339
7146
  </button>
6340
7147
  </td>
6341
7148
  </tr>
@@ -6366,7 +7173,19 @@ wrapperTag: div
6366
7173
  aria-label="Table actions"
6367
7174
  >
6368
7175
  <span class="pf-v6-c-menu-toggle__icon">
6369
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
7176
+ <svg
7177
+ class="pf-v6-svg"
7178
+ viewBox="0 0 32 32"
7179
+ fill="currentColor"
7180
+ aria-hidden="true"
7181
+ role="img"
7182
+ width="1em"
7183
+ height="1em"
7184
+ >
7185
+ <path
7186
+ 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"
7187
+ />
7188
+ </svg>
6370
7189
  </span>
6371
7190
  </button>
6372
7191
  </td>
@@ -6398,7 +7217,19 @@ wrapperTag: div
6398
7217
  aria-label="Table actions"
6399
7218
  >
6400
7219
  <span class="pf-v6-c-menu-toggle__icon">
6401
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
7220
+ <svg
7221
+ class="pf-v6-svg"
7222
+ viewBox="0 0 32 32"
7223
+ fill="currentColor"
7224
+ aria-hidden="true"
7225
+ role="img"
7226
+ width="1em"
7227
+ height="1em"
7228
+ >
7229
+ <path
7230
+ 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"
7231
+ />
7232
+ </svg>
6402
7233
  </span>
6403
7234
  </button>
6404
7235
  </td>
@@ -6483,7 +7314,19 @@ wrapperTag: div
6483
7314
  aria-label="Table actions"
6484
7315
  >
6485
7316
  <span class="pf-v6-c-menu-toggle__icon">
6486
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
7317
+ <svg
7318
+ class="pf-v6-svg"
7319
+ viewBox="0 0 32 32"
7320
+ fill="currentColor"
7321
+ aria-hidden="true"
7322
+ role="img"
7323
+ width="1em"
7324
+ height="1em"
7325
+ >
7326
+ <path
7327
+ 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"
7328
+ />
7329
+ </svg>
6487
7330
  </span>
6488
7331
  </button>
6489
7332
  </td>
@@ -6572,7 +7415,19 @@ wrapperTag: div
6572
7415
  aria-label="Table actions"
6573
7416
  >
6574
7417
  <span class="pf-v6-c-menu-toggle__icon">
6575
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
7418
+ <svg
7419
+ class="pf-v6-svg"
7420
+ viewBox="0 0 32 32"
7421
+ fill="currentColor"
7422
+ aria-hidden="true"
7423
+ role="img"
7424
+ width="1em"
7425
+ height="1em"
7426
+ >
7427
+ <path
7428
+ 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"
7429
+ />
7430
+ </svg>
6576
7431
  </span>
6577
7432
  </button>
6578
7433
  </td>
@@ -6604,7 +7459,19 @@ wrapperTag: div
6604
7459
  aria-label="Table actions"
6605
7460
  >
6606
7461
  <span class="pf-v6-c-menu-toggle__icon">
6607
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
7462
+ <svg
7463
+ class="pf-v6-svg"
7464
+ viewBox="0 0 32 32"
7465
+ fill="currentColor"
7466
+ aria-hidden="true"
7467
+ role="img"
7468
+ width="1em"
7469
+ height="1em"
7470
+ >
7471
+ <path
7472
+ 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"
7473
+ />
7474
+ </svg>
6608
7475
  </span>
6609
7476
  </button>
6610
7477
  </td>
@@ -6636,7 +7503,19 @@ wrapperTag: div
6636
7503
  aria-label="Table actions"
6637
7504
  >
6638
7505
  <span class="pf-v6-c-menu-toggle__icon">
6639
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
7506
+ <svg
7507
+ class="pf-v6-svg"
7508
+ viewBox="0 0 32 32"
7509
+ fill="currentColor"
7510
+ aria-hidden="true"
7511
+ role="img"
7512
+ width="1em"
7513
+ height="1em"
7514
+ >
7515
+ <path
7516
+ 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"
7517
+ />
7518
+ </svg>
6640
7519
  </span>
6641
7520
  </button>
6642
7521
  </td>
@@ -6668,7 +7547,19 @@ wrapperTag: div
6668
7547
  aria-label="Table actions"
6669
7548
  >
6670
7549
  <span class="pf-v6-c-menu-toggle__icon">
6671
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
7550
+ <svg
7551
+ class="pf-v6-svg"
7552
+ viewBox="0 0 32 32"
7553
+ fill="currentColor"
7554
+ aria-hidden="true"
7555
+ role="img"
7556
+ width="1em"
7557
+ height="1em"
7558
+ >
7559
+ <path
7560
+ 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"
7561
+ />
7562
+ </svg>
6672
7563
  </span>
6673
7564
  </button>
6674
7565
  </td>
@@ -6700,7 +7591,19 @@ wrapperTag: div
6700
7591
  aria-label="Table actions"
6701
7592
  >
6702
7593
  <span class="pf-v6-c-menu-toggle__icon">
6703
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
7594
+ <svg
7595
+ class="pf-v6-svg"
7596
+ viewBox="0 0 32 32"
7597
+ fill="currentColor"
7598
+ aria-hidden="true"
7599
+ role="img"
7600
+ width="1em"
7601
+ height="1em"
7602
+ >
7603
+ <path
7604
+ 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"
7605
+ />
7606
+ </svg>
6704
7607
  </span>
6705
7608
  </button>
6706
7609
  </td>
@@ -6793,7 +7696,19 @@ wrapperTag: div
6793
7696
  aria-label="Table actions"
6794
7697
  >
6795
7698
  <span class="pf-v6-c-menu-toggle__icon">
6796
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
7699
+ <svg
7700
+ class="pf-v6-svg"
7701
+ viewBox="0 0 32 32"
7702
+ fill="currentColor"
7703
+ aria-hidden="true"
7704
+ role="img"
7705
+ width="1em"
7706
+ height="1em"
7707
+ >
7708
+ <path
7709
+ 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"
7710
+ />
7711
+ </svg>
6797
7712
  </span>
6798
7713
  </button>
6799
7714
  </td>
@@ -6825,7 +7740,19 @@ wrapperTag: div
6825
7740
  aria-label="Table actions"
6826
7741
  >
6827
7742
  <span class="pf-v6-c-menu-toggle__icon">
6828
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
7743
+ <svg
7744
+ class="pf-v6-svg"
7745
+ viewBox="0 0 32 32"
7746
+ fill="currentColor"
7747
+ aria-hidden="true"
7748
+ role="img"
7749
+ width="1em"
7750
+ height="1em"
7751
+ >
7752
+ <path
7753
+ 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"
7754
+ />
7755
+ </svg>
6829
7756
  </span>
6830
7757
  </button>
6831
7758
  </td>
@@ -6857,7 +7784,19 @@ wrapperTag: div
6857
7784
  aria-label="Table actions"
6858
7785
  >
6859
7786
  <span class="pf-v6-c-menu-toggle__icon">
6860
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
7787
+ <svg
7788
+ class="pf-v6-svg"
7789
+ viewBox="0 0 32 32"
7790
+ fill="currentColor"
7791
+ aria-hidden="true"
7792
+ role="img"
7793
+ width="1em"
7794
+ height="1em"
7795
+ >
7796
+ <path
7797
+ 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"
7798
+ />
7799
+ </svg>
6861
7800
  </span>
6862
7801
  </button>
6863
7802
  </td>
@@ -6889,7 +7828,19 @@ wrapperTag: div
6889
7828
  aria-label="Table actions"
6890
7829
  >
6891
7830
  <span class="pf-v6-c-menu-toggle__icon">
6892
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
7831
+ <svg
7832
+ class="pf-v6-svg"
7833
+ viewBox="0 0 32 32"
7834
+ fill="currentColor"
7835
+ aria-hidden="true"
7836
+ role="img"
7837
+ width="1em"
7838
+ height="1em"
7839
+ >
7840
+ <path
7841
+ 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"
7842
+ />
7843
+ </svg>
6893
7844
  </span>
6894
7845
  </button>
6895
7846
  </td>
@@ -6921,7 +7872,19 @@ wrapperTag: div
6921
7872
  aria-label="Table actions"
6922
7873
  >
6923
7874
  <span class="pf-v6-c-menu-toggle__icon">
6924
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
7875
+ <svg
7876
+ class="pf-v6-svg"
7877
+ viewBox="0 0 32 32"
7878
+ fill="currentColor"
7879
+ aria-hidden="true"
7880
+ role="img"
7881
+ width="1em"
7882
+ height="1em"
7883
+ >
7884
+ <path
7885
+ 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"
7886
+ />
7887
+ </svg>
6925
7888
  </span>
6926
7889
  </button>
6927
7890
  </td>
@@ -7014,7 +7977,19 @@ wrapperTag: div
7014
7977
  aria-label="Table actions"
7015
7978
  >
7016
7979
  <span class="pf-v6-c-menu-toggle__icon">
7017
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
7980
+ <svg
7981
+ class="pf-v6-svg"
7982
+ viewBox="0 0 32 32"
7983
+ fill="currentColor"
7984
+ aria-hidden="true"
7985
+ role="img"
7986
+ width="1em"
7987
+ height="1em"
7988
+ >
7989
+ <path
7990
+ 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"
7991
+ />
7992
+ </svg>
7018
7993
  </span>
7019
7994
  </button>
7020
7995
  </td>
@@ -7046,7 +8021,19 @@ wrapperTag: div
7046
8021
  aria-label="Table actions"
7047
8022
  >
7048
8023
  <span class="pf-v6-c-menu-toggle__icon">
7049
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
8024
+ <svg
8025
+ class="pf-v6-svg"
8026
+ viewBox="0 0 32 32"
8027
+ fill="currentColor"
8028
+ aria-hidden="true"
8029
+ role="img"
8030
+ width="1em"
8031
+ height="1em"
8032
+ >
8033
+ <path
8034
+ 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"
8035
+ />
8036
+ </svg>
7050
8037
  </span>
7051
8038
  </button>
7052
8039
  </td>
@@ -7078,7 +8065,19 @@ wrapperTag: div
7078
8065
  aria-label="Table actions"
7079
8066
  >
7080
8067
  <span class="pf-v6-c-menu-toggle__icon">
7081
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
8068
+ <svg
8069
+ class="pf-v6-svg"
8070
+ viewBox="0 0 32 32"
8071
+ fill="currentColor"
8072
+ aria-hidden="true"
8073
+ role="img"
8074
+ width="1em"
8075
+ height="1em"
8076
+ >
8077
+ <path
8078
+ 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"
8079
+ />
8080
+ </svg>
7082
8081
  </span>
7083
8082
  </button>
7084
8083
  </td>
@@ -7110,7 +8109,19 @@ wrapperTag: div
7110
8109
  aria-label="Table actions"
7111
8110
  >
7112
8111
  <span class="pf-v6-c-menu-toggle__icon">
7113
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
8112
+ <svg
8113
+ class="pf-v6-svg"
8114
+ viewBox="0 0 32 32"
8115
+ fill="currentColor"
8116
+ aria-hidden="true"
8117
+ role="img"
8118
+ width="1em"
8119
+ height="1em"
8120
+ >
8121
+ <path
8122
+ 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"
8123
+ />
8124
+ </svg>
7114
8125
  </span>
7115
8126
  </button>
7116
8127
  </td>
@@ -7142,7 +8153,19 @@ wrapperTag: div
7142
8153
  aria-label="Table actions"
7143
8154
  >
7144
8155
  <span class="pf-v6-c-menu-toggle__icon">
7145
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
8156
+ <svg
8157
+ class="pf-v6-svg"
8158
+ viewBox="0 0 32 32"
8159
+ fill="currentColor"
8160
+ aria-hidden="true"
8161
+ role="img"
8162
+ width="1em"
8163
+ height="1em"
8164
+ >
8165
+ <path
8166
+ 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"
8167
+ />
8168
+ </svg>
7146
8169
  </span>
7147
8170
  </button>
7148
8171
  </td>
@@ -7227,7 +8250,19 @@ wrapperTag: div
7227
8250
  aria-label="Table actions"
7228
8251
  >
7229
8252
  <span class="pf-v6-c-menu-toggle__icon">
7230
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
8253
+ <svg
8254
+ class="pf-v6-svg"
8255
+ viewBox="0 0 32 32"
8256
+ fill="currentColor"
8257
+ aria-hidden="true"
8258
+ role="img"
8259
+ width="1em"
8260
+ height="1em"
8261
+ >
8262
+ <path
8263
+ 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"
8264
+ />
8265
+ </svg>
7231
8266
  </span>
7232
8267
  </button>
7233
8268
  </td>
@@ -7316,7 +8351,19 @@ wrapperTag: div
7316
8351
  aria-label="Table actions"
7317
8352
  >
7318
8353
  <span class="pf-v6-c-menu-toggle__icon">
7319
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
8354
+ <svg
8355
+ class="pf-v6-svg"
8356
+ viewBox="0 0 32 32"
8357
+ fill="currentColor"
8358
+ aria-hidden="true"
8359
+ role="img"
8360
+ width="1em"
8361
+ height="1em"
8362
+ >
8363
+ <path
8364
+ 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"
8365
+ />
8366
+ </svg>
7320
8367
  </span>
7321
8368
  </button>
7322
8369
  </td>
@@ -7348,7 +8395,19 @@ wrapperTag: div
7348
8395
  aria-label="Table actions"
7349
8396
  >
7350
8397
  <span class="pf-v6-c-menu-toggle__icon">
7351
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
8398
+ <svg
8399
+ class="pf-v6-svg"
8400
+ viewBox="0 0 32 32"
8401
+ fill="currentColor"
8402
+ aria-hidden="true"
8403
+ role="img"
8404
+ width="1em"
8405
+ height="1em"
8406
+ >
8407
+ <path
8408
+ 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"
8409
+ />
8410
+ </svg>
7352
8411
  </span>
7353
8412
  </button>
7354
8413
  </td>
@@ -7380,7 +8439,19 @@ wrapperTag: div
7380
8439
  aria-label="Table actions"
7381
8440
  >
7382
8441
  <span class="pf-v6-c-menu-toggle__icon">
7383
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
8442
+ <svg
8443
+ class="pf-v6-svg"
8444
+ viewBox="0 0 32 32"
8445
+ fill="currentColor"
8446
+ aria-hidden="true"
8447
+ role="img"
8448
+ width="1em"
8449
+ height="1em"
8450
+ >
8451
+ <path
8452
+ 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"
8453
+ />
8454
+ </svg>
7384
8455
  </span>
7385
8456
  </button>
7386
8457
  </td>
@@ -7412,7 +8483,19 @@ wrapperTag: div
7412
8483
  aria-label="Table actions"
7413
8484
  >
7414
8485
  <span class="pf-v6-c-menu-toggle__icon">
7415
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
8486
+ <svg
8487
+ class="pf-v6-svg"
8488
+ viewBox="0 0 32 32"
8489
+ fill="currentColor"
8490
+ aria-hidden="true"
8491
+ role="img"
8492
+ width="1em"
8493
+ height="1em"
8494
+ >
8495
+ <path
8496
+ 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"
8497
+ />
8498
+ </svg>
7416
8499
  </span>
7417
8500
  </button>
7418
8501
  </td>
@@ -7444,7 +8527,19 @@ wrapperTag: div
7444
8527
  aria-label="Table actions"
7445
8528
  >
7446
8529
  <span class="pf-v6-c-menu-toggle__icon">
7447
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
8530
+ <svg
8531
+ class="pf-v6-svg"
8532
+ viewBox="0 0 32 32"
8533
+ fill="currentColor"
8534
+ aria-hidden="true"
8535
+ role="img"
8536
+ width="1em"
8537
+ height="1em"
8538
+ >
8539
+ <path
8540
+ 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"
8541
+ />
8542
+ </svg>
7448
8543
  </span>
7449
8544
  </button>
7450
8545
  </td>
@@ -7537,7 +8632,19 @@ wrapperTag: div
7537
8632
  aria-label="Table actions"
7538
8633
  >
7539
8634
  <span class="pf-v6-c-menu-toggle__icon">
7540
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
8635
+ <svg
8636
+ class="pf-v6-svg"
8637
+ viewBox="0 0 32 32"
8638
+ fill="currentColor"
8639
+ aria-hidden="true"
8640
+ role="img"
8641
+ width="1em"
8642
+ height="1em"
8643
+ >
8644
+ <path
8645
+ 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"
8646
+ />
8647
+ </svg>
7541
8648
  </span>
7542
8649
  </button>
7543
8650
  </td>
@@ -7569,7 +8676,19 @@ wrapperTag: div
7569
8676
  aria-label="Table actions"
7570
8677
  >
7571
8678
  <span class="pf-v6-c-menu-toggle__icon">
7572
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
8679
+ <svg
8680
+ class="pf-v6-svg"
8681
+ viewBox="0 0 32 32"
8682
+ fill="currentColor"
8683
+ aria-hidden="true"
8684
+ role="img"
8685
+ width="1em"
8686
+ height="1em"
8687
+ >
8688
+ <path
8689
+ 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"
8690
+ />
8691
+ </svg>
7573
8692
  </span>
7574
8693
  </button>
7575
8694
  </td>
@@ -7601,7 +8720,19 @@ wrapperTag: div
7601
8720
  aria-label="Table actions"
7602
8721
  >
7603
8722
  <span class="pf-v6-c-menu-toggle__icon">
7604
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
8723
+ <svg
8724
+ class="pf-v6-svg"
8725
+ viewBox="0 0 32 32"
8726
+ fill="currentColor"
8727
+ aria-hidden="true"
8728
+ role="img"
8729
+ width="1em"
8730
+ height="1em"
8731
+ >
8732
+ <path
8733
+ 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"
8734
+ />
8735
+ </svg>
7605
8736
  </span>
7606
8737
  </button>
7607
8738
  </td>
@@ -7633,7 +8764,19 @@ wrapperTag: div
7633
8764
  aria-label="Table actions"
7634
8765
  >
7635
8766
  <span class="pf-v6-c-menu-toggle__icon">
7636
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
8767
+ <svg
8768
+ class="pf-v6-svg"
8769
+ viewBox="0 0 32 32"
8770
+ fill="currentColor"
8771
+ aria-hidden="true"
8772
+ role="img"
8773
+ width="1em"
8774
+ height="1em"
8775
+ >
8776
+ <path
8777
+ 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"
8778
+ />
8779
+ </svg>
7637
8780
  </span>
7638
8781
  </button>
7639
8782
  </td>
@@ -7665,7 +8808,19 @@ wrapperTag: div
7665
8808
  aria-label="Table actions"
7666
8809
  >
7667
8810
  <span class="pf-v6-c-menu-toggle__icon">
7668
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
8811
+ <svg
8812
+ class="pf-v6-svg"
8813
+ viewBox="0 0 32 32"
8814
+ fill="currentColor"
8815
+ aria-hidden="true"
8816
+ role="img"
8817
+ width="1em"
8818
+ height="1em"
8819
+ >
8820
+ <path
8821
+ 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"
8822
+ />
8823
+ </svg>
7669
8824
  </span>
7670
8825
  </button>
7671
8826
  </td>
@@ -7758,7 +8913,19 @@ wrapperTag: div
7758
8913
  aria-label="Table actions"
7759
8914
  >
7760
8915
  <span class="pf-v6-c-menu-toggle__icon">
7761
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
8916
+ <svg
8917
+ class="pf-v6-svg"
8918
+ viewBox="0 0 32 32"
8919
+ fill="currentColor"
8920
+ aria-hidden="true"
8921
+ role="img"
8922
+ width="1em"
8923
+ height="1em"
8924
+ >
8925
+ <path
8926
+ 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"
8927
+ />
8928
+ </svg>
7762
8929
  </span>
7763
8930
  </button>
7764
8931
  </td>
@@ -7790,7 +8957,19 @@ wrapperTag: div
7790
8957
  aria-label="Table actions"
7791
8958
  >
7792
8959
  <span class="pf-v6-c-menu-toggle__icon">
7793
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
8960
+ <svg
8961
+ class="pf-v6-svg"
8962
+ viewBox="0 0 32 32"
8963
+ fill="currentColor"
8964
+ aria-hidden="true"
8965
+ role="img"
8966
+ width="1em"
8967
+ height="1em"
8968
+ >
8969
+ <path
8970
+ 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"
8971
+ />
8972
+ </svg>
7794
8973
  </span>
7795
8974
  </button>
7796
8975
  </td>
@@ -7822,7 +9001,19 @@ wrapperTag: div
7822
9001
  aria-label="Table actions"
7823
9002
  >
7824
9003
  <span class="pf-v6-c-menu-toggle__icon">
7825
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
9004
+ <svg
9005
+ class="pf-v6-svg"
9006
+ viewBox="0 0 32 32"
9007
+ fill="currentColor"
9008
+ aria-hidden="true"
9009
+ role="img"
9010
+ width="1em"
9011
+ height="1em"
9012
+ >
9013
+ <path
9014
+ 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"
9015
+ />
9016
+ </svg>
7826
9017
  </span>
7827
9018
  </button>
7828
9019
  </td>
@@ -7854,7 +9045,19 @@ wrapperTag: div
7854
9045
  aria-label="Table actions"
7855
9046
  >
7856
9047
  <span class="pf-v6-c-menu-toggle__icon">
7857
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
9048
+ <svg
9049
+ class="pf-v6-svg"
9050
+ viewBox="0 0 32 32"
9051
+ fill="currentColor"
9052
+ aria-hidden="true"
9053
+ role="img"
9054
+ width="1em"
9055
+ height="1em"
9056
+ >
9057
+ <path
9058
+ 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"
9059
+ />
9060
+ </svg>
7858
9061
  </span>
7859
9062
  </button>
7860
9063
  </td>
@@ -7886,7 +9089,19 @@ wrapperTag: div
7886
9089
  aria-label="Table actions"
7887
9090
  >
7888
9091
  <span class="pf-v6-c-menu-toggle__icon">
7889
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
9092
+ <svg
9093
+ class="pf-v6-svg"
9094
+ viewBox="0 0 32 32"
9095
+ fill="currentColor"
9096
+ aria-hidden="true"
9097
+ role="img"
9098
+ width="1em"
9099
+ height="1em"
9100
+ >
9101
+ <path
9102
+ 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"
9103
+ />
9104
+ </svg>
7890
9105
  </span>
7891
9106
  </button>
7892
9107
  </td>
@@ -7911,7 +9126,19 @@ wrapperTag: div
7911
9126
  </span>
7912
9127
  <span class="pf-v6-c-menu-toggle__controls">
7913
9128
  <span class="pf-v6-c-menu-toggle__toggle-icon">
7914
- <i class="fas fa-caret-down fa-fw" aria-hidden="true"></i>
9129
+ <svg
9130
+ class="pf-v6-svg"
9131
+ viewBox="0 0 20 20"
9132
+ fill="currentColor"
9133
+ aria-hidden="true"
9134
+ role="img"
9135
+ width="1em"
9136
+ height="1em"
9137
+ >
9138
+ <path
9139
+ 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"
9140
+ />
9141
+ </svg>
7915
9142
  </span>
7916
9143
  </span>
7917
9144
  </button>
@@ -8189,7 +9416,19 @@ wrapperTag: div
8189
9416
  aria-label="Settings"
8190
9417
  >
8191
9418
  <span class="pf-v6-c-menu-toggle__icon">
8192
- <i class="fas fa-cog" aria-hidden="true"></i>
9419
+ <svg
9420
+ class="pf-v6-svg"
9421
+ viewBox="0 0 32 32"
9422
+ fill="currentColor"
9423
+ aria-hidden="true"
9424
+ role="img"
9425
+ width="1em"
9426
+ height="1em"
9427
+ >
9428
+ <path
9429
+ 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"
9430
+ />
9431
+ </svg>
8193
9432
  </span>
8194
9433
  </button>
8195
9434
  </div>
@@ -8215,7 +9454,19 @@ wrapperTag: div
8215
9454
  aria-label="Actions"
8216
9455
  >
8217
9456
  <span class="pf-v6-c-menu-toggle__icon">
8218
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
9457
+ <svg
9458
+ class="pf-v6-svg"
9459
+ viewBox="0 0 32 32"
9460
+ fill="currentColor"
9461
+ aria-hidden="true"
9462
+ role="img"
9463
+ width="1em"
9464
+ height="1em"
9465
+ >
9466
+ <path
9467
+ 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"
9468
+ />
9469
+ </svg>
8219
9470
  </span>
8220
9471
  </button>
8221
9472
  </div>
@@ -8346,9 +9597,15 @@ wrapperTag: div
8346
9597
  </nav>
8347
9598
  </div>
8348
9599
  </section>
8349
- <section class="pf-v6-c-page__main-section pf-m-limit-width">
9600
+ <section
9601
+ class="pf-v6-c-page__main-section pf-m-limit-width"
9602
+ aria-labelledby="main-title"
9603
+ >
8350
9604
  <div class="pf-v6-c-page__main-body">
8351
- <h1 class="pf-v6-c-content--h1 pf-m-page-title">Main title</h1>
9605
+ <h1
9606
+ class="pf-v6-c-content--h1 pf-m-page-title"
9607
+ id="main-title"
9608
+ >Main title</h1>
8352
9609
  <p class="pf-v6-c-content--p">This is a full page demo.</p>
8353
9610
  </div>
8354
9611
  </section>
@@ -8621,7 +9878,19 @@ wrapperTag: div
8621
9878
  aria-label="Settings"
8622
9879
  >
8623
9880
  <span class="pf-v6-c-menu-toggle__icon">
8624
- <i class="fas fa-cog" aria-hidden="true"></i>
9881
+ <svg
9882
+ class="pf-v6-svg"
9883
+ viewBox="0 0 32 32"
9884
+ fill="currentColor"
9885
+ aria-hidden="true"
9886
+ role="img"
9887
+ width="1em"
9888
+ height="1em"
9889
+ >
9890
+ <path
9891
+ 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"
9892
+ />
9893
+ </svg>
8625
9894
  </span>
8626
9895
  </button>
8627
9896
  </div>
@@ -8647,7 +9916,19 @@ wrapperTag: div
8647
9916
  aria-label="Actions"
8648
9917
  >
8649
9918
  <span class="pf-v6-c-menu-toggle__icon">
8650
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
9919
+ <svg
9920
+ class="pf-v6-svg"
9921
+ viewBox="0 0 32 32"
9922
+ fill="currentColor"
9923
+ aria-hidden="true"
9924
+ role="img"
9925
+ width="1em"
9926
+ height="1em"
9927
+ >
9928
+ <path
9929
+ 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"
9930
+ />
9931
+ </svg>
8651
9932
  </span>
8652
9933
  </button>
8653
9934
  </div>
@@ -8778,9 +10059,15 @@ wrapperTag: div
8778
10059
  </nav>
8779
10060
  </div>
8780
10061
  </section>
8781
- <section class="pf-v6-c-page__main-section pf-m-limit-width">
10062
+ <section
10063
+ class="pf-v6-c-page__main-section pf-m-limit-width"
10064
+ aria-labelledby="main-title"
10065
+ >
8782
10066
  <div class="pf-v6-c-page__main-body">
8783
- <h1 class="pf-v6-c-content--h1 pf-m-page-title">Main title</h1>
10067
+ <h1
10068
+ class="pf-v6-c-content--h1 pf-m-page-title"
10069
+ id="main-title"
10070
+ >Main title</h1>
8784
10071
  <p class="pf-v6-c-content--p">This is a full page demo.</p>
8785
10072
  </div>
8786
10073
  </section>
@@ -9047,7 +10334,19 @@ wrapperTag: div
9047
10334
  aria-label="Settings"
9048
10335
  >
9049
10336
  <span class="pf-v6-c-menu-toggle__icon">
9050
- <i class="fas fa-cog" aria-hidden="true"></i>
10337
+ <svg
10338
+ class="pf-v6-svg"
10339
+ viewBox="0 0 32 32"
10340
+ fill="currentColor"
10341
+ aria-hidden="true"
10342
+ role="img"
10343
+ width="1em"
10344
+ height="1em"
10345
+ >
10346
+ <path
10347
+ 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"
10348
+ />
10349
+ </svg>
9051
10350
  </span>
9052
10351
  </button>
9053
10352
  </div>
@@ -9073,7 +10372,19 @@ wrapperTag: div
9073
10372
  aria-label="Actions"
9074
10373
  >
9075
10374
  <span class="pf-v6-c-menu-toggle__icon">
9076
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
10375
+ <svg
10376
+ class="pf-v6-svg"
10377
+ viewBox="0 0 32 32"
10378
+ fill="currentColor"
10379
+ aria-hidden="true"
10380
+ role="img"
10381
+ width="1em"
10382
+ height="1em"
10383
+ >
10384
+ <path
10385
+ 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"
10386
+ />
10387
+ </svg>
9077
10388
  </span>
9078
10389
  </button>
9079
10390
  </div>
@@ -9204,9 +10515,15 @@ wrapperTag: div
9204
10515
  </nav>
9205
10516
  </div>
9206
10517
  </section>
9207
- <section class="pf-v6-c-page__main-section pf-m-limit-width">
10518
+ <section
10519
+ class="pf-v6-c-page__main-section pf-m-limit-width"
10520
+ aria-labelledby="main-title"
10521
+ >
9208
10522
  <div class="pf-v6-c-page__main-body">
9209
- <h1 class="pf-v6-c-content--h1 pf-m-page-title">Main title</h1>
10523
+ <h1
10524
+ class="pf-v6-c-content--h1 pf-m-page-title"
10525
+ id="main-title"
10526
+ >Main title</h1>
9210
10527
  <p class="pf-v6-c-content--p">This is a full page demo.</p>
9211
10528
  </div>
9212
10529
  </section>
@@ -9260,10 +10577,19 @@ wrapperTag: div
9260
10577
  >
9261
10578
  <span class="pf-v6-c-menu-toggle__controls">
9262
10579
  <span class="pf-v6-c-menu-toggle__toggle-icon">
9263
- <i
9264
- class="fas fa-caret-down fa-fw"
10580
+ <svg
10581
+ class="pf-v6-svg"
10582
+ viewBox="0 0 20 20"
10583
+ fill="currentColor"
9265
10584
  aria-hidden="true"
9266
- ></i>
10585
+ role="img"
10586
+ width="1em"
10587
+ height="1em"
10588
+ >
10589
+ <path
10590
+ 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"
10591
+ />
10592
+ </svg>
9267
10593
  </span>
9268
10594
  </span>
9269
10595
  </button>
@@ -9289,10 +10615,19 @@ wrapperTag: div
9289
10615
  <span class="pf-v6-c-menu-toggle__text">Name</span>
9290
10616
  <span class="pf-v6-c-menu-toggle__controls">
9291
10617
  <span class="pf-v6-c-menu-toggle__toggle-icon">
9292
- <i
9293
- class="fas fa-caret-down fa-fw"
10618
+ <svg
10619
+ class="pf-v6-svg"
10620
+ viewBox="0 0 20 20"
10621
+ fill="currentColor"
9294
10622
  aria-hidden="true"
9295
- ></i>
10623
+ role="img"
10624
+ width="1em"
10625
+ height="1em"
10626
+ >
10627
+ <path
10628
+ 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"
10629
+ />
10630
+ </svg>
9296
10631
  </span>
9297
10632
  </span>
9298
10633
  </button>
@@ -9331,10 +10666,19 @@ wrapperTag: div
9331
10666
  <span class="pf-v6-c-menu-toggle__text">Status</span>
9332
10667
  <span class="pf-v6-c-menu-toggle__controls">
9333
10668
  <span class="pf-v6-c-menu-toggle__toggle-icon">
9334
- <i
9335
- class="fas fa-caret-down fa-fw"
10669
+ <svg
10670
+ class="pf-v6-svg"
10671
+ viewBox="0 0 20 20"
10672
+ fill="currentColor"
9336
10673
  aria-hidden="true"
9337
- ></i>
10674
+ role="img"
10675
+ width="1em"
10676
+ height="1em"
10677
+ >
10678
+ <path
10679
+ 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"
10680
+ />
10681
+ </svg>
9338
10682
  </span>
9339
10683
  </span>
9340
10684
  </button>
@@ -9349,10 +10693,19 @@ wrapperTag: div
9349
10693
  <span class="pf-v6-c-menu-toggle__text">Risk</span>
9350
10694
  <span class="pf-v6-c-menu-toggle__controls">
9351
10695
  <span class="pf-v6-c-menu-toggle__toggle-icon">
9352
- <i
9353
- class="fas fa-caret-down fa-fw"
10696
+ <svg
10697
+ class="pf-v6-svg"
10698
+ viewBox="0 0 20 20"
10699
+ fill="currentColor"
9354
10700
  aria-hidden="true"
9355
- ></i>
10701
+ role="img"
10702
+ width="1em"
10703
+ height="1em"
10704
+ >
10705
+ <path
10706
+ 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"
10707
+ />
10708
+ </svg>
9356
10709
  </span>
9357
10710
  </span>
9358
10711
  </button>
@@ -9405,10 +10758,19 @@ wrapperTag: div
9405
10758
  </span>
9406
10759
  <span class="pf-v6-c-menu-toggle__controls">
9407
10760
  <span class="pf-v6-c-menu-toggle__toggle-icon">
9408
- <i
9409
- class="fas fa-caret-down fa-fw"
10761
+ <svg
10762
+ class="pf-v6-svg"
10763
+ viewBox="0 0 20 20"
10764
+ fill="currentColor"
9410
10765
  aria-hidden="true"
9411
- ></i>
10766
+ role="img"
10767
+ width="1em"
10768
+ height="1em"
10769
+ >
10770
+ <path
10771
+ 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"
10772
+ />
10773
+ </svg>
9412
10774
  </span>
9413
10775
  </span>
9414
10776
  </button>
@@ -9611,7 +10973,19 @@ wrapperTag: div
9611
10973
  aria-label="Table actions"
9612
10974
  >
9613
10975
  <span class="pf-v6-c-menu-toggle__icon">
9614
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
10976
+ <svg
10977
+ class="pf-v6-svg"
10978
+ viewBox="0 0 32 32"
10979
+ fill="currentColor"
10980
+ aria-hidden="true"
10981
+ role="img"
10982
+ width="1em"
10983
+ height="1em"
10984
+ >
10985
+ <path
10986
+ 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"
10987
+ />
10988
+ </svg>
9615
10989
  </span>
9616
10990
  </button>
9617
10991
  </td>
@@ -9687,7 +11061,19 @@ wrapperTag: div
9687
11061
  aria-label="Table actions"
9688
11062
  >
9689
11063
  <span class="pf-v6-c-menu-toggle__icon">
9690
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
11064
+ <svg
11065
+ class="pf-v6-svg"
11066
+ viewBox="0 0 32 32"
11067
+ fill="currentColor"
11068
+ aria-hidden="true"
11069
+ role="img"
11070
+ width="1em"
11071
+ height="1em"
11072
+ >
11073
+ <path
11074
+ 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"
11075
+ />
11076
+ </svg>
9691
11077
  </span>
9692
11078
  </button>
9693
11079
  </td>
@@ -9763,7 +11149,19 @@ wrapperTag: div
9763
11149
  aria-label="Table actions"
9764
11150
  >
9765
11151
  <span class="pf-v6-c-menu-toggle__icon">
9766
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
11152
+ <svg
11153
+ class="pf-v6-svg"
11154
+ viewBox="0 0 32 32"
11155
+ fill="currentColor"
11156
+ aria-hidden="true"
11157
+ role="img"
11158
+ width="1em"
11159
+ height="1em"
11160
+ >
11161
+ <path
11162
+ 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"
11163
+ />
11164
+ </svg>
9767
11165
  </span>
9768
11166
  </button>
9769
11167
  </td>
@@ -9839,7 +11237,19 @@ wrapperTag: div
9839
11237
  aria-label="Table actions"
9840
11238
  >
9841
11239
  <span class="pf-v6-c-menu-toggle__icon">
9842
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
11240
+ <svg
11241
+ class="pf-v6-svg"
11242
+ viewBox="0 0 32 32"
11243
+ fill="currentColor"
11244
+ aria-hidden="true"
11245
+ role="img"
11246
+ width="1em"
11247
+ height="1em"
11248
+ >
11249
+ <path
11250
+ 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"
11251
+ />
11252
+ </svg>
9843
11253
  </span>
9844
11254
  </button>
9845
11255
  </td>
@@ -9914,7 +11324,19 @@ wrapperTag: div
9914
11324
  aria-label="Table actions"
9915
11325
  >
9916
11326
  <span class="pf-v6-c-menu-toggle__icon">
9917
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
11327
+ <svg
11328
+ class="pf-v6-svg"
11329
+ viewBox="0 0 32 32"
11330
+ fill="currentColor"
11331
+ aria-hidden="true"
11332
+ role="img"
11333
+ width="1em"
11334
+ height="1em"
11335
+ >
11336
+ <path
11337
+ 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"
11338
+ />
11339
+ </svg>
9918
11340
  </span>
9919
11341
  </button>
9920
11342
  </td>
@@ -9935,7 +11357,19 @@ wrapperTag: div
9935
11357
  </span>
9936
11358
  <span class="pf-v6-c-menu-toggle__controls">
9937
11359
  <span class="pf-v6-c-menu-toggle__toggle-icon">
9938
- <i class="fas fa-caret-down fa-fw" aria-hidden="true"></i>
11360
+ <svg
11361
+ class="pf-v6-svg"
11362
+ viewBox="0 0 20 20"
11363
+ fill="currentColor"
11364
+ aria-hidden="true"
11365
+ role="img"
11366
+ width="1em"
11367
+ height="1em"
11368
+ >
11369
+ <path
11370
+ 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"
11371
+ />
11372
+ </svg>
9939
11373
  </span>
9940
11374
  </span>
9941
11375
  </button>
@@ -10213,7 +11647,19 @@ wrapperTag: div
10213
11647
  aria-label="Settings"
10214
11648
  >
10215
11649
  <span class="pf-v6-c-menu-toggle__icon">
10216
- <i class="fas fa-cog" aria-hidden="true"></i>
11650
+ <svg
11651
+ class="pf-v6-svg"
11652
+ viewBox="0 0 32 32"
11653
+ fill="currentColor"
11654
+ aria-hidden="true"
11655
+ role="img"
11656
+ width="1em"
11657
+ height="1em"
11658
+ >
11659
+ <path
11660
+ 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"
11661
+ />
11662
+ </svg>
10217
11663
  </span>
10218
11664
  </button>
10219
11665
  </div>
@@ -10239,7 +11685,19 @@ wrapperTag: div
10239
11685
  aria-label="Actions"
10240
11686
  >
10241
11687
  <span class="pf-v6-c-menu-toggle__icon">
10242
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
11688
+ <svg
11689
+ class="pf-v6-svg"
11690
+ viewBox="0 0 32 32"
11691
+ fill="currentColor"
11692
+ aria-hidden="true"
11693
+ role="img"
11694
+ width="1em"
11695
+ height="1em"
11696
+ >
11697
+ <path
11698
+ 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"
11699
+ />
11700
+ </svg>
10243
11701
  </span>
10244
11702
  </button>
10245
11703
  </div>
@@ -10370,9 +11828,15 @@ wrapperTag: div
10370
11828
  </nav>
10371
11829
  </div>
10372
11830
  </section>
10373
- <section class="pf-v6-c-page__main-section pf-m-limit-width">
11831
+ <section
11832
+ class="pf-v6-c-page__main-section pf-m-limit-width"
11833
+ aria-labelledby="main-title"
11834
+ >
10374
11835
  <div class="pf-v6-c-page__main-body">
10375
- <h1 class="pf-v6-c-content--h1 pf-m-page-title">Main title</h1>
11836
+ <h1
11837
+ class="pf-v6-c-content--h1 pf-m-page-title"
11838
+ id="main-title"
11839
+ >Main title</h1>
10376
11840
  <p class="pf-v6-c-content--p">This is a full page demo.</p>
10377
11841
  </div>
10378
11842
  </section>
@@ -10423,10 +11887,19 @@ wrapperTag: div
10423
11887
  >
10424
11888
  <span class="pf-v6-c-menu-toggle__controls">
10425
11889
  <span class="pf-v6-c-menu-toggle__toggle-icon">
10426
- <i
10427
- class="fas fa-caret-down fa-fw"
11890
+ <svg
11891
+ class="pf-v6-svg"
11892
+ viewBox="0 0 20 20"
11893
+ fill="currentColor"
10428
11894
  aria-hidden="true"
10429
- ></i>
11895
+ role="img"
11896
+ width="1em"
11897
+ height="1em"
11898
+ >
11899
+ <path
11900
+ 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"
11901
+ />
11902
+ </svg>
10430
11903
  </span>
10431
11904
  </span>
10432
11905
  </button>
@@ -10452,10 +11925,19 @@ wrapperTag: div
10452
11925
  <span class="pf-v6-c-menu-toggle__text">Name</span>
10453
11926
  <span class="pf-v6-c-menu-toggle__controls">
10454
11927
  <span class="pf-v6-c-menu-toggle__toggle-icon">
10455
- <i
10456
- class="fas fa-caret-down fa-fw"
11928
+ <svg
11929
+ class="pf-v6-svg"
11930
+ viewBox="0 0 20 20"
11931
+ fill="currentColor"
10457
11932
  aria-hidden="true"
10458
- ></i>
11933
+ role="img"
11934
+ width="1em"
11935
+ height="1em"
11936
+ >
11937
+ <path
11938
+ 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"
11939
+ />
11940
+ </svg>
10459
11941
  </span>
10460
11942
  </span>
10461
11943
  </button>
@@ -10494,10 +11976,19 @@ wrapperTag: div
10494
11976
  <span class="pf-v6-c-menu-toggle__text">Status</span>
10495
11977
  <span class="pf-v6-c-menu-toggle__controls">
10496
11978
  <span class="pf-v6-c-menu-toggle__toggle-icon">
10497
- <i
10498
- class="fas fa-caret-down fa-fw"
11979
+ <svg
11980
+ class="pf-v6-svg"
11981
+ viewBox="0 0 20 20"
11982
+ fill="currentColor"
10499
11983
  aria-hidden="true"
10500
- ></i>
11984
+ role="img"
11985
+ width="1em"
11986
+ height="1em"
11987
+ >
11988
+ <path
11989
+ 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"
11990
+ />
11991
+ </svg>
10501
11992
  </span>
10502
11993
  </span>
10503
11994
  </button>
@@ -10512,10 +12003,19 @@ wrapperTag: div
10512
12003
  <span class="pf-v6-c-menu-toggle__text">Risk</span>
10513
12004
  <span class="pf-v6-c-menu-toggle__controls">
10514
12005
  <span class="pf-v6-c-menu-toggle__toggle-icon">
10515
- <i
10516
- class="fas fa-caret-down fa-fw"
12006
+ <svg
12007
+ class="pf-v6-svg"
12008
+ viewBox="0 0 20 20"
12009
+ fill="currentColor"
10517
12010
  aria-hidden="true"
10518
- ></i>
12011
+ role="img"
12012
+ width="1em"
12013
+ height="1em"
12014
+ >
12015
+ <path
12016
+ 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"
12017
+ />
12018
+ </svg>
10519
12019
  </span>
10520
12020
  </span>
10521
12021
  </button>
@@ -10568,10 +12068,19 @@ wrapperTag: div
10568
12068
  </span>
10569
12069
  <span class="pf-v6-c-menu-toggle__controls">
10570
12070
  <span class="pf-v6-c-menu-toggle__toggle-icon">
10571
- <i
10572
- class="fas fa-caret-down fa-fw"
12071
+ <svg
12072
+ class="pf-v6-svg"
12073
+ viewBox="0 0 20 20"
12074
+ fill="currentColor"
10573
12075
  aria-hidden="true"
10574
- ></i>
12076
+ role="img"
12077
+ width="1em"
12078
+ height="1em"
12079
+ >
12080
+ <path
12081
+ 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"
12082
+ />
12083
+ </svg>
10575
12084
  </span>
10576
12085
  </span>
10577
12086
  </button>
@@ -10774,7 +12283,19 @@ wrapperTag: div
10774
12283
  aria-label="Table actions"
10775
12284
  >
10776
12285
  <span class="pf-v6-c-menu-toggle__icon">
10777
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
12286
+ <svg
12287
+ class="pf-v6-svg"
12288
+ viewBox="0 0 32 32"
12289
+ fill="currentColor"
12290
+ aria-hidden="true"
12291
+ role="img"
12292
+ width="1em"
12293
+ height="1em"
12294
+ >
12295
+ <path
12296
+ 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"
12297
+ />
12298
+ </svg>
10778
12299
  </span>
10779
12300
  </button>
10780
12301
  </td>
@@ -10850,7 +12371,19 @@ wrapperTag: div
10850
12371
  aria-label="Table actions"
10851
12372
  >
10852
12373
  <span class="pf-v6-c-menu-toggle__icon">
10853
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
12374
+ <svg
12375
+ class="pf-v6-svg"
12376
+ viewBox="0 0 32 32"
12377
+ fill="currentColor"
12378
+ aria-hidden="true"
12379
+ role="img"
12380
+ width="1em"
12381
+ height="1em"
12382
+ >
12383
+ <path
12384
+ 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"
12385
+ />
12386
+ </svg>
10854
12387
  </span>
10855
12388
  </button>
10856
12389
  </td>
@@ -10926,7 +12459,19 @@ wrapperTag: div
10926
12459
  aria-label="Table actions"
10927
12460
  >
10928
12461
  <span class="pf-v6-c-menu-toggle__icon">
10929
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
12462
+ <svg
12463
+ class="pf-v6-svg"
12464
+ viewBox="0 0 32 32"
12465
+ fill="currentColor"
12466
+ aria-hidden="true"
12467
+ role="img"
12468
+ width="1em"
12469
+ height="1em"
12470
+ >
12471
+ <path
12472
+ 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"
12473
+ />
12474
+ </svg>
10930
12475
  </span>
10931
12476
  </button>
10932
12477
  </td>
@@ -11002,7 +12547,19 @@ wrapperTag: div
11002
12547
  aria-label="Table actions"
11003
12548
  >
11004
12549
  <span class="pf-v6-c-menu-toggle__icon">
11005
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
12550
+ <svg
12551
+ class="pf-v6-svg"
12552
+ viewBox="0 0 32 32"
12553
+ fill="currentColor"
12554
+ aria-hidden="true"
12555
+ role="img"
12556
+ width="1em"
12557
+ height="1em"
12558
+ >
12559
+ <path
12560
+ 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"
12561
+ />
12562
+ </svg>
11006
12563
  </span>
11007
12564
  </button>
11008
12565
  </td>
@@ -11077,7 +12634,19 @@ wrapperTag: div
11077
12634
  aria-label="Table actions"
11078
12635
  >
11079
12636
  <span class="pf-v6-c-menu-toggle__icon">
11080
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
12637
+ <svg
12638
+ class="pf-v6-svg"
12639
+ viewBox="0 0 32 32"
12640
+ fill="currentColor"
12641
+ aria-hidden="true"
12642
+ role="img"
12643
+ width="1em"
12644
+ height="1em"
12645
+ >
12646
+ <path
12647
+ 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"
12648
+ />
12649
+ </svg>
11081
12650
  </span>
11082
12651
  </button>
11083
12652
  </td>
@@ -11469,7 +13038,19 @@ wrapperTag: div
11469
13038
  aria-label="Settings"
11470
13039
  >
11471
13040
  <span class="pf-v6-c-menu-toggle__icon">
11472
- <i class="fas fa-cog" aria-hidden="true"></i>
13041
+ <svg
13042
+ class="pf-v6-svg"
13043
+ viewBox="0 0 32 32"
13044
+ fill="currentColor"
13045
+ aria-hidden="true"
13046
+ role="img"
13047
+ width="1em"
13048
+ height="1em"
13049
+ >
13050
+ <path
13051
+ 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"
13052
+ />
13053
+ </svg>
11473
13054
  </span>
11474
13055
  </button>
11475
13056
  </div>
@@ -11495,7 +13076,19 @@ wrapperTag: div
11495
13076
  aria-label="Actions"
11496
13077
  >
11497
13078
  <span class="pf-v6-c-menu-toggle__icon">
11498
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
13079
+ <svg
13080
+ class="pf-v6-svg"
13081
+ viewBox="0 0 32 32"
13082
+ fill="currentColor"
13083
+ aria-hidden="true"
13084
+ role="img"
13085
+ width="1em"
13086
+ height="1em"
13087
+ >
13088
+ <path
13089
+ 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"
13090
+ />
13091
+ </svg>
11499
13092
  </span>
11500
13093
  </button>
11501
13094
  </div>
@@ -11626,9 +13219,15 @@ wrapperTag: div
11626
13219
  </nav>
11627
13220
  </div>
11628
13221
  </section>
11629
- <section class="pf-v6-c-page__main-section pf-m-limit-width">
13222
+ <section
13223
+ class="pf-v6-c-page__main-section pf-m-limit-width"
13224
+ aria-labelledby="main-title"
13225
+ >
11630
13226
  <div class="pf-v6-c-page__main-body">
11631
- <h1 class="pf-v6-c-content--h1 pf-m-page-title">Main title</h1>
13227
+ <h1
13228
+ class="pf-v6-c-content--h1 pf-m-page-title"
13229
+ id="main-title"
13230
+ >Main title</h1>
11632
13231
  <p class="pf-v6-c-content--p">This is a full page demo.</p>
11633
13232
  </div>
11634
13233
  </section>
@@ -11679,10 +13278,19 @@ wrapperTag: div
11679
13278
  >
11680
13279
  <span class="pf-v6-c-menu-toggle__controls">
11681
13280
  <span class="pf-v6-c-menu-toggle__toggle-icon">
11682
- <i
11683
- class="fas fa-caret-down fa-fw"
13281
+ <svg
13282
+ class="pf-v6-svg"
13283
+ viewBox="0 0 20 20"
13284
+ fill="currentColor"
11684
13285
  aria-hidden="true"
11685
- ></i>
13286
+ role="img"
13287
+ width="1em"
13288
+ height="1em"
13289
+ >
13290
+ <path
13291
+ 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"
13292
+ />
13293
+ </svg>
11686
13294
  </span>
11687
13295
  </span>
11688
13296
  </button>
@@ -11708,10 +13316,19 @@ wrapperTag: div
11708
13316
  <span class="pf-v6-c-menu-toggle__text">Name</span>
11709
13317
  <span class="pf-v6-c-menu-toggle__controls">
11710
13318
  <span class="pf-v6-c-menu-toggle__toggle-icon">
11711
- <i
11712
- class="fas fa-caret-down fa-fw"
13319
+ <svg
13320
+ class="pf-v6-svg"
13321
+ viewBox="0 0 20 20"
13322
+ fill="currentColor"
11713
13323
  aria-hidden="true"
11714
- ></i>
13324
+ role="img"
13325
+ width="1em"
13326
+ height="1em"
13327
+ >
13328
+ <path
13329
+ 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"
13330
+ />
13331
+ </svg>
11715
13332
  </span>
11716
13333
  </span>
11717
13334
  </button>
@@ -11750,10 +13367,19 @@ wrapperTag: div
11750
13367
  <span class="pf-v6-c-menu-toggle__text">Status</span>
11751
13368
  <span class="pf-v6-c-menu-toggle__controls">
11752
13369
  <span class="pf-v6-c-menu-toggle__toggle-icon">
11753
- <i
11754
- class="fas fa-caret-down fa-fw"
13370
+ <svg
13371
+ class="pf-v6-svg"
13372
+ viewBox="0 0 20 20"
13373
+ fill="currentColor"
11755
13374
  aria-hidden="true"
11756
- ></i>
13375
+ role="img"
13376
+ width="1em"
13377
+ height="1em"
13378
+ >
13379
+ <path
13380
+ 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"
13381
+ />
13382
+ </svg>
11757
13383
  </span>
11758
13384
  </span>
11759
13385
  </button>
@@ -11768,10 +13394,19 @@ wrapperTag: div
11768
13394
  <span class="pf-v6-c-menu-toggle__text">Risk</span>
11769
13395
  <span class="pf-v6-c-menu-toggle__controls">
11770
13396
  <span class="pf-v6-c-menu-toggle__toggle-icon">
11771
- <i
11772
- class="fas fa-caret-down fa-fw"
13397
+ <svg
13398
+ class="pf-v6-svg"
13399
+ viewBox="0 0 20 20"
13400
+ fill="currentColor"
11773
13401
  aria-hidden="true"
11774
- ></i>
13402
+ role="img"
13403
+ width="1em"
13404
+ height="1em"
13405
+ >
13406
+ <path
13407
+ 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"
13408
+ />
13409
+ </svg>
11775
13410
  </span>
11776
13411
  </span>
11777
13412
  </button>
@@ -11824,10 +13459,19 @@ wrapperTag: div
11824
13459
  </span>
11825
13460
  <span class="pf-v6-c-menu-toggle__controls">
11826
13461
  <span class="pf-v6-c-menu-toggle__toggle-icon">
11827
- <i
11828
- class="fas fa-caret-down fa-fw"
13462
+ <svg
13463
+ class="pf-v6-svg"
13464
+ viewBox="0 0 20 20"
13465
+ fill="currentColor"
11829
13466
  aria-hidden="true"
11830
- ></i>
13467
+ role="img"
13468
+ width="1em"
13469
+ height="1em"
13470
+ >
13471
+ <path
13472
+ 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"
13473
+ />
13474
+ </svg>
11831
13475
  </span>
11832
13476
  </span>
11833
13477
  </button>
@@ -12030,7 +13674,19 @@ wrapperTag: div
12030
13674
  aria-label="Table actions"
12031
13675
  >
12032
13676
  <span class="pf-v6-c-menu-toggle__icon">
12033
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
13677
+ <svg
13678
+ class="pf-v6-svg"
13679
+ viewBox="0 0 32 32"
13680
+ fill="currentColor"
13681
+ aria-hidden="true"
13682
+ role="img"
13683
+ width="1em"
13684
+ height="1em"
13685
+ >
13686
+ <path
13687
+ 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"
13688
+ />
13689
+ </svg>
12034
13690
  </span>
12035
13691
  </button>
12036
13692
  </td>
@@ -12106,7 +13762,19 @@ wrapperTag: div
12106
13762
  aria-label="Table actions"
12107
13763
  >
12108
13764
  <span class="pf-v6-c-menu-toggle__icon">
12109
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
13765
+ <svg
13766
+ class="pf-v6-svg"
13767
+ viewBox="0 0 32 32"
13768
+ fill="currentColor"
13769
+ aria-hidden="true"
13770
+ role="img"
13771
+ width="1em"
13772
+ height="1em"
13773
+ >
13774
+ <path
13775
+ 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"
13776
+ />
13777
+ </svg>
12110
13778
  </span>
12111
13779
  </button>
12112
13780
  </td>
@@ -12182,7 +13850,19 @@ wrapperTag: div
12182
13850
  aria-label="Table actions"
12183
13851
  >
12184
13852
  <span class="pf-v6-c-menu-toggle__icon">
12185
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
13853
+ <svg
13854
+ class="pf-v6-svg"
13855
+ viewBox="0 0 32 32"
13856
+ fill="currentColor"
13857
+ aria-hidden="true"
13858
+ role="img"
13859
+ width="1em"
13860
+ height="1em"
13861
+ >
13862
+ <path
13863
+ 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"
13864
+ />
13865
+ </svg>
12186
13866
  </span>
12187
13867
  </button>
12188
13868
  </td>
@@ -12258,7 +13938,19 @@ wrapperTag: div
12258
13938
  aria-label="Table actions"
12259
13939
  >
12260
13940
  <span class="pf-v6-c-menu-toggle__icon">
12261
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
13941
+ <svg
13942
+ class="pf-v6-svg"
13943
+ viewBox="0 0 32 32"
13944
+ fill="currentColor"
13945
+ aria-hidden="true"
13946
+ role="img"
13947
+ width="1em"
13948
+ height="1em"
13949
+ >
13950
+ <path
13951
+ 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"
13952
+ />
13953
+ </svg>
12262
13954
  </span>
12263
13955
  </button>
12264
13956
  </td>
@@ -12333,7 +14025,19 @@ wrapperTag: div
12333
14025
  aria-label="Table actions"
12334
14026
  >
12335
14027
  <span class="pf-v6-c-menu-toggle__icon">
12336
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
14028
+ <svg
14029
+ class="pf-v6-svg"
14030
+ viewBox="0 0 32 32"
14031
+ fill="currentColor"
14032
+ aria-hidden="true"
14033
+ role="img"
14034
+ width="1em"
14035
+ height="1em"
14036
+ >
14037
+ <path
14038
+ 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"
14039
+ />
14040
+ </svg>
12337
14041
  </span>
12338
14042
  </button>
12339
14043
  </td>
@@ -12354,7 +14058,19 @@ wrapperTag: div
12354
14058
  </span>
12355
14059
  <span class="pf-v6-c-menu-toggle__controls">
12356
14060
  <span class="pf-v6-c-menu-toggle__toggle-icon">
12357
- <i class="fas fa-caret-down fa-fw" aria-hidden="true"></i>
14061
+ <svg
14062
+ class="pf-v6-svg"
14063
+ viewBox="0 0 20 20"
14064
+ fill="currentColor"
14065
+ aria-hidden="true"
14066
+ role="img"
14067
+ width="1em"
14068
+ height="1em"
14069
+ >
14070
+ <path
14071
+ 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"
14072
+ />
14073
+ </svg>
12358
14074
  </span>
12359
14075
  </span>
12360
14076
  </button>
@@ -12632,7 +14348,19 @@ wrapperTag: div
12632
14348
  aria-label="Settings"
12633
14349
  >
12634
14350
  <span class="pf-v6-c-menu-toggle__icon">
12635
- <i class="fas fa-cog" aria-hidden="true"></i>
14351
+ <svg
14352
+ class="pf-v6-svg"
14353
+ viewBox="0 0 32 32"
14354
+ fill="currentColor"
14355
+ aria-hidden="true"
14356
+ role="img"
14357
+ width="1em"
14358
+ height="1em"
14359
+ >
14360
+ <path
14361
+ 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"
14362
+ />
14363
+ </svg>
12636
14364
  </span>
12637
14365
  </button>
12638
14366
  </div>
@@ -12658,7 +14386,19 @@ wrapperTag: div
12658
14386
  aria-label="Actions"
12659
14387
  >
12660
14388
  <span class="pf-v6-c-menu-toggle__icon">
12661
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
14389
+ <svg
14390
+ class="pf-v6-svg"
14391
+ viewBox="0 0 32 32"
14392
+ fill="currentColor"
14393
+ aria-hidden="true"
14394
+ role="img"
14395
+ width="1em"
14396
+ height="1em"
14397
+ >
14398
+ <path
14399
+ 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"
14400
+ />
14401
+ </svg>
12662
14402
  </span>
12663
14403
  </button>
12664
14404
  </div>
@@ -12789,9 +14529,15 @@ wrapperTag: div
12789
14529
  </nav>
12790
14530
  </div>
12791
14531
  </section>
12792
- <section class="pf-v6-c-page__main-section pf-m-limit-width">
14532
+ <section
14533
+ class="pf-v6-c-page__main-section pf-m-limit-width"
14534
+ aria-labelledby="main-title"
14535
+ >
12793
14536
  <div class="pf-v6-c-page__main-body">
12794
- <h1 class="pf-v6-c-content--h1 pf-m-page-title">Main title</h1>
14537
+ <h1
14538
+ class="pf-v6-c-content--h1 pf-m-page-title"
14539
+ id="main-title"
14540
+ >Main title</h1>
12795
14541
  <p class="pf-v6-c-content--p">This is a full page demo.</p>
12796
14542
  </div>
12797
14543
  </section>
@@ -12843,10 +14589,19 @@ wrapperTag: div
12843
14589
  >
12844
14590
  <span class="pf-v6-c-menu-toggle__controls">
12845
14591
  <span class="pf-v6-c-menu-toggle__toggle-icon">
12846
- <i
12847
- class="fas fa-caret-down fa-fw"
14592
+ <svg
14593
+ class="pf-v6-svg"
14594
+ viewBox="0 0 20 20"
14595
+ fill="currentColor"
12848
14596
  aria-hidden="true"
12849
- ></i>
14597
+ role="img"
14598
+ width="1em"
14599
+ height="1em"
14600
+ >
14601
+ <path
14602
+ 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"
14603
+ />
14604
+ </svg>
12850
14605
  </span>
12851
14606
  </span>
12852
14607
  </button>
@@ -12872,10 +14627,19 @@ wrapperTag: div
12872
14627
  <span class="pf-v6-c-menu-toggle__text">Name</span>
12873
14628
  <span class="pf-v6-c-menu-toggle__controls">
12874
14629
  <span class="pf-v6-c-menu-toggle__toggle-icon">
12875
- <i
12876
- class="fas fa-caret-down fa-fw"
14630
+ <svg
14631
+ class="pf-v6-svg"
14632
+ viewBox="0 0 20 20"
14633
+ fill="currentColor"
12877
14634
  aria-hidden="true"
12878
- ></i>
14635
+ role="img"
14636
+ width="1em"
14637
+ height="1em"
14638
+ >
14639
+ <path
14640
+ 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"
14641
+ />
14642
+ </svg>
12879
14643
  </span>
12880
14644
  </span>
12881
14645
  </button>
@@ -12963,7 +14727,19 @@ wrapperTag: div
12963
14727
  id="sticky-first-column-demo-toolbar-overflow-menu-toggle"
12964
14728
  >
12965
14729
  <span class="pf-v6-c-menu-toggle__icon">
12966
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
14730
+ <svg
14731
+ class="pf-v6-svg"
14732
+ viewBox="0 0 32 32"
14733
+ fill="currentColor"
14734
+ aria-hidden="true"
14735
+ role="img"
14736
+ width="1em"
14737
+ height="1em"
14738
+ >
14739
+ <path
14740
+ 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"
14741
+ />
14742
+ </svg>
12967
14743
  </span>
12968
14744
  </button>
12969
14745
  </div>
@@ -12984,10 +14760,19 @@ wrapperTag: div
12984
14760
  </span>
12985
14761
  <span class="pf-v6-c-menu-toggle__controls">
12986
14762
  <span class="pf-v6-c-menu-toggle__toggle-icon">
12987
- <i
12988
- class="fas fa-caret-down fa-fw"
14763
+ <svg
14764
+ class="pf-v6-svg"
14765
+ viewBox="0 0 20 20"
14766
+ fill="currentColor"
12989
14767
  aria-hidden="true"
12990
- ></i>
14768
+ role="img"
14769
+ width="1em"
14770
+ height="1em"
14771
+ >
14772
+ <path
14773
+ 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"
14774
+ />
14775
+ </svg>
12991
14776
  </span>
12992
14777
  </span>
12993
14778
  </button>
@@ -13627,7 +15412,19 @@ wrapperTag: div
13627
15412
  </span>
13628
15413
  <span class="pf-v6-c-menu-toggle__controls">
13629
15414
  <span class="pf-v6-c-menu-toggle__toggle-icon">
13630
- <i class="fas fa-caret-down fa-fw" aria-hidden="true"></i>
15415
+ <svg
15416
+ class="pf-v6-svg"
15417
+ viewBox="0 0 20 20"
15418
+ fill="currentColor"
15419
+ aria-hidden="true"
15420
+ role="img"
15421
+ width="1em"
15422
+ height="1em"
15423
+ >
15424
+ <path
15425
+ 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"
15426
+ />
15427
+ </svg>
13631
15428
  </span>
13632
15429
  </span>
13633
15430
  </button>
@@ -13906,7 +15703,19 @@ wrapperTag: div
13906
15703
  aria-label="Settings"
13907
15704
  >
13908
15705
  <span class="pf-v6-c-menu-toggle__icon">
13909
- <i class="fas fa-cog" aria-hidden="true"></i>
15706
+ <svg
15707
+ class="pf-v6-svg"
15708
+ viewBox="0 0 32 32"
15709
+ fill="currentColor"
15710
+ aria-hidden="true"
15711
+ role="img"
15712
+ width="1em"
15713
+ height="1em"
15714
+ >
15715
+ <path
15716
+ 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"
15717
+ />
15718
+ </svg>
13910
15719
  </span>
13911
15720
  </button>
13912
15721
  </div>
@@ -13932,7 +15741,19 @@ wrapperTag: div
13932
15741
  aria-label="Actions"
13933
15742
  >
13934
15743
  <span class="pf-v6-c-menu-toggle__icon">
13935
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
15744
+ <svg
15745
+ class="pf-v6-svg"
15746
+ viewBox="0 0 32 32"
15747
+ fill="currentColor"
15748
+ aria-hidden="true"
15749
+ role="img"
15750
+ width="1em"
15751
+ height="1em"
15752
+ >
15753
+ <path
15754
+ 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"
15755
+ />
15756
+ </svg>
13936
15757
  </span>
13937
15758
  </button>
13938
15759
  </div>
@@ -14063,9 +15884,15 @@ wrapperTag: div
14063
15884
  </nav>
14064
15885
  </div>
14065
15886
  </section>
14066
- <section class="pf-v6-c-page__main-section pf-m-limit-width">
15887
+ <section
15888
+ class="pf-v6-c-page__main-section pf-m-limit-width"
15889
+ aria-labelledby="main-title"
15890
+ >
14067
15891
  <div class="pf-v6-c-page__main-body">
14068
- <h1 class="pf-v6-c-content--h1 pf-m-page-title">Main title</h1>
15892
+ <h1
15893
+ class="pf-v6-c-content--h1 pf-m-page-title"
15894
+ id="main-title"
15895
+ >Main title</h1>
14069
15896
  <p class="pf-v6-c-content--p">This is a full page demo.</p>
14070
15897
  </div>
14071
15898
  </section>
@@ -14122,10 +15949,19 @@ wrapperTag: div
14122
15949
  >
14123
15950
  <span class="pf-v6-c-menu-toggle__controls">
14124
15951
  <span class="pf-v6-c-menu-toggle__toggle-icon">
14125
- <i
14126
- class="fas fa-caret-down fa-fw"
15952
+ <svg
15953
+ class="pf-v6-svg"
15954
+ viewBox="0 0 20 20"
15955
+ fill="currentColor"
14127
15956
  aria-hidden="true"
14128
- ></i>
15957
+ role="img"
15958
+ width="1em"
15959
+ height="1em"
15960
+ >
15961
+ <path
15962
+ 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"
15963
+ />
15964
+ </svg>
14129
15965
  </span>
14130
15966
  </span>
14131
15967
  </button>
@@ -14151,10 +15987,19 @@ wrapperTag: div
14151
15987
  <span class="pf-v6-c-menu-toggle__text">Name</span>
14152
15988
  <span class="pf-v6-c-menu-toggle__controls">
14153
15989
  <span class="pf-v6-c-menu-toggle__toggle-icon">
14154
- <i
14155
- class="fas fa-caret-down fa-fw"
15990
+ <svg
15991
+ class="pf-v6-svg"
15992
+ viewBox="0 0 20 20"
15993
+ fill="currentColor"
14156
15994
  aria-hidden="true"
14157
- ></i>
15995
+ role="img"
15996
+ width="1em"
15997
+ height="1em"
15998
+ >
15999
+ <path
16000
+ 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"
16001
+ />
16002
+ </svg>
14158
16003
  </span>
14159
16004
  </span>
14160
16005
  </button>
@@ -14242,7 +16087,19 @@ wrapperTag: div
14242
16087
  id="sticky-multiple-columns-demo-toolbar-overflow-menu-toggle"
14243
16088
  >
14244
16089
  <span class="pf-v6-c-menu-toggle__icon">
14245
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
16090
+ <svg
16091
+ class="pf-v6-svg"
16092
+ viewBox="0 0 32 32"
16093
+ fill="currentColor"
16094
+ aria-hidden="true"
16095
+ role="img"
16096
+ width="1em"
16097
+ height="1em"
16098
+ >
16099
+ <path
16100
+ 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"
16101
+ />
16102
+ </svg>
14246
16103
  </span>
14247
16104
  </button>
14248
16105
  </div>
@@ -14263,10 +16120,19 @@ wrapperTag: div
14263
16120
  </span>
14264
16121
  <span class="pf-v6-c-menu-toggle__controls">
14265
16122
  <span class="pf-v6-c-menu-toggle__toggle-icon">
14266
- <i
14267
- class="fas fa-caret-down fa-fw"
16123
+ <svg
16124
+ class="pf-v6-svg"
16125
+ viewBox="0 0 20 20"
16126
+ fill="currentColor"
14268
16127
  aria-hidden="true"
14269
- ></i>
16128
+ role="img"
16129
+ width="1em"
16130
+ height="1em"
16131
+ >
16132
+ <path
16133
+ 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"
16134
+ />
16135
+ </svg>
14270
16136
  </span>
14271
16137
  </span>
14272
16138
  </button>
@@ -14934,7 +16800,19 @@ wrapperTag: div
14934
16800
  </span>
14935
16801
  <span class="pf-v6-c-menu-toggle__controls">
14936
16802
  <span class="pf-v6-c-menu-toggle__toggle-icon">
14937
- <i class="fas fa-caret-down fa-fw" aria-hidden="true"></i>
16803
+ <svg
16804
+ class="pf-v6-svg"
16805
+ viewBox="0 0 20 20"
16806
+ fill="currentColor"
16807
+ aria-hidden="true"
16808
+ role="img"
16809
+ width="1em"
16810
+ height="1em"
16811
+ >
16812
+ <path
16813
+ 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"
16814
+ />
16815
+ </svg>
14938
16816
  </span>
14939
16817
  </span>
14940
16818
  </button>
@@ -15216,7 +17094,19 @@ wrapperTag: div
15216
17094
  aria-label="Settings"
15217
17095
  >
15218
17096
  <span class="pf-v6-c-menu-toggle__icon">
15219
- <i class="fas fa-cog" aria-hidden="true"></i>
17097
+ <svg
17098
+ class="pf-v6-svg"
17099
+ viewBox="0 0 32 32"
17100
+ fill="currentColor"
17101
+ aria-hidden="true"
17102
+ role="img"
17103
+ width="1em"
17104
+ height="1em"
17105
+ >
17106
+ <path
17107
+ 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"
17108
+ />
17109
+ </svg>
15220
17110
  </span>
15221
17111
  </button>
15222
17112
  </div>
@@ -15242,7 +17132,19 @@ wrapperTag: div
15242
17132
  aria-label="Actions"
15243
17133
  >
15244
17134
  <span class="pf-v6-c-menu-toggle__icon">
15245
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
17135
+ <svg
17136
+ class="pf-v6-svg"
17137
+ viewBox="0 0 32 32"
17138
+ fill="currentColor"
17139
+ aria-hidden="true"
17140
+ role="img"
17141
+ width="1em"
17142
+ height="1em"
17143
+ >
17144
+ <path
17145
+ 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"
17146
+ />
17147
+ </svg>
15246
17148
  </span>
15247
17149
  </button>
15248
17150
  </div>
@@ -15373,9 +17275,15 @@ wrapperTag: div
15373
17275
  </nav>
15374
17276
  </div>
15375
17277
  </section>
15376
- <section class="pf-v6-c-page__main-section pf-m-limit-width">
17278
+ <section
17279
+ class="pf-v6-c-page__main-section pf-m-limit-width"
17280
+ aria-labelledby="main-title"
17281
+ >
15377
17282
  <div class="pf-v6-c-page__main-body">
15378
- <h1 class="pf-v6-c-content--h1 pf-m-page-title">Main title</h1>
17283
+ <h1
17284
+ class="pf-v6-c-content--h1 pf-m-page-title"
17285
+ id="main-title"
17286
+ >Main title</h1>
15379
17287
  <p class="pf-v6-c-content--p">This is a full page demo.</p>
15380
17288
  </div>
15381
17289
  </section>
@@ -15430,10 +17338,19 @@ wrapperTag: div
15430
17338
  >
15431
17339
  <span class="pf-v6-c-menu-toggle__controls">
15432
17340
  <span class="pf-v6-c-menu-toggle__toggle-icon">
15433
- <i
15434
- class="fas fa-caret-down fa-fw"
17341
+ <svg
17342
+ class="pf-v6-svg"
17343
+ viewBox="0 0 20 20"
17344
+ fill="currentColor"
15435
17345
  aria-hidden="true"
15436
- ></i>
17346
+ role="img"
17347
+ width="1em"
17348
+ height="1em"
17349
+ >
17350
+ <path
17351
+ 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"
17352
+ />
17353
+ </svg>
15437
17354
  </span>
15438
17355
  </span>
15439
17356
  </button>
@@ -15459,10 +17376,19 @@ wrapperTag: div
15459
17376
  <span class="pf-v6-c-menu-toggle__text">Name</span>
15460
17377
  <span class="pf-v6-c-menu-toggle__controls">
15461
17378
  <span class="pf-v6-c-menu-toggle__toggle-icon">
15462
- <i
15463
- class="fas fa-caret-down fa-fw"
17379
+ <svg
17380
+ class="pf-v6-svg"
17381
+ viewBox="0 0 20 20"
17382
+ fill="currentColor"
15464
17383
  aria-hidden="true"
15465
- ></i>
17384
+ role="img"
17385
+ width="1em"
17386
+ height="1em"
17387
+ >
17388
+ <path
17389
+ 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"
17390
+ />
17391
+ </svg>
15466
17392
  </span>
15467
17393
  </span>
15468
17394
  </button>
@@ -15550,7 +17476,19 @@ wrapperTag: div
15550
17476
  id="sticky-header-and-multiple-columns-demo-toolbar-overflow-menu-toggle"
15551
17477
  >
15552
17478
  <span class="pf-v6-c-menu-toggle__icon">
15553
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
17479
+ <svg
17480
+ class="pf-v6-svg"
17481
+ viewBox="0 0 32 32"
17482
+ fill="currentColor"
17483
+ aria-hidden="true"
17484
+ role="img"
17485
+ width="1em"
17486
+ height="1em"
17487
+ >
17488
+ <path
17489
+ 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"
17490
+ />
17491
+ </svg>
15554
17492
  </span>
15555
17493
  </button>
15556
17494
  </div>
@@ -15571,10 +17509,19 @@ wrapperTag: div
15571
17509
  </span>
15572
17510
  <span class="pf-v6-c-menu-toggle__controls">
15573
17511
  <span class="pf-v6-c-menu-toggle__toggle-icon">
15574
- <i
15575
- class="fas fa-caret-down fa-fw"
17512
+ <svg
17513
+ class="pf-v6-svg"
17514
+ viewBox="0 0 20 20"
17515
+ fill="currentColor"
15576
17516
  aria-hidden="true"
15577
- ></i>
17517
+ role="img"
17518
+ width="1em"
17519
+ height="1em"
17520
+ >
17521
+ <path
17522
+ 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"
17523
+ />
17524
+ </svg>
15578
17525
  </span>
15579
17526
  </span>
15580
17527
  </button>
@@ -16242,7 +18189,19 @@ wrapperTag: div
16242
18189
  </span>
16243
18190
  <span class="pf-v6-c-menu-toggle__controls">
16244
18191
  <span class="pf-v6-c-menu-toggle__toggle-icon">
16245
- <i class="fas fa-caret-down fa-fw" aria-hidden="true"></i>
18192
+ <svg
18193
+ class="pf-v6-svg"
18194
+ viewBox="0 0 20 20"
18195
+ fill="currentColor"
18196
+ aria-hidden="true"
18197
+ role="img"
18198
+ width="1em"
18199
+ height="1em"
18200
+ >
18201
+ <path
18202
+ 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"
18203
+ />
18204
+ </svg>
16246
18205
  </span>
16247
18206
  </span>
16248
18207
  </button>
@@ -16524,7 +18483,19 @@ wrapperTag: div
16524
18483
  aria-label="Settings"
16525
18484
  >
16526
18485
  <span class="pf-v6-c-menu-toggle__icon">
16527
- <i class="fas fa-cog" aria-hidden="true"></i>
18486
+ <svg
18487
+ class="pf-v6-svg"
18488
+ viewBox="0 0 32 32"
18489
+ fill="currentColor"
18490
+ aria-hidden="true"
18491
+ role="img"
18492
+ width="1em"
18493
+ height="1em"
18494
+ >
18495
+ <path
18496
+ 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"
18497
+ />
18498
+ </svg>
16528
18499
  </span>
16529
18500
  </button>
16530
18501
  </div>
@@ -16550,7 +18521,19 @@ wrapperTag: div
16550
18521
  aria-label="Actions"
16551
18522
  >
16552
18523
  <span class="pf-v6-c-menu-toggle__icon">
16553
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
18524
+ <svg
18525
+ class="pf-v6-svg"
18526
+ viewBox="0 0 32 32"
18527
+ fill="currentColor"
18528
+ aria-hidden="true"
18529
+ role="img"
18530
+ width="1em"
18531
+ height="1em"
18532
+ >
18533
+ <path
18534
+ 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"
18535
+ />
18536
+ </svg>
16554
18537
  </span>
16555
18538
  </button>
16556
18539
  </div>
@@ -16681,9 +18664,15 @@ wrapperTag: div
16681
18664
  </nav>
16682
18665
  </div>
16683
18666
  </section>
16684
- <section class="pf-v6-c-page__main-section pf-m-limit-width">
18667
+ <section
18668
+ class="pf-v6-c-page__main-section pf-m-limit-width"
18669
+ aria-labelledby="main-title"
18670
+ >
16685
18671
  <div class="pf-v6-c-page__main-body">
16686
- <h1 class="pf-v6-c-content--h1 pf-m-page-title">Main title</h1>
18672
+ <h1
18673
+ class="pf-v6-c-content--h1 pf-m-page-title"
18674
+ id="main-title"
18675
+ >Main title</h1>
16687
18676
  <p class="pf-v6-c-content--p">This is a full page demo.</p>
16688
18677
  </div>
16689
18678
  </section>
@@ -16738,10 +18727,19 @@ wrapperTag: div
16738
18727
  >
16739
18728
  <span class="pf-v6-c-menu-toggle__controls">
16740
18729
  <span class="pf-v6-c-menu-toggle__toggle-icon">
16741
- <i
16742
- class="fas fa-caret-down fa-fw"
18730
+ <svg
18731
+ class="pf-v6-svg"
18732
+ viewBox="0 0 20 20"
18733
+ fill="currentColor"
16743
18734
  aria-hidden="true"
16744
- ></i>
18735
+ role="img"
18736
+ width="1em"
18737
+ height="1em"
18738
+ >
18739
+ <path
18740
+ 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"
18741
+ />
18742
+ </svg>
16745
18743
  </span>
16746
18744
  </span>
16747
18745
  </button>
@@ -16767,10 +18765,19 @@ wrapperTag: div
16767
18765
  <span class="pf-v6-c-menu-toggle__text">Name</span>
16768
18766
  <span class="pf-v6-c-menu-toggle__controls">
16769
18767
  <span class="pf-v6-c-menu-toggle__toggle-icon">
16770
- <i
16771
- class="fas fa-caret-down fa-fw"
18768
+ <svg
18769
+ class="pf-v6-svg"
18770
+ viewBox="0 0 20 20"
18771
+ fill="currentColor"
16772
18772
  aria-hidden="true"
16773
- ></i>
18773
+ role="img"
18774
+ width="1em"
18775
+ height="1em"
18776
+ >
18777
+ <path
18778
+ 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"
18779
+ />
18780
+ </svg>
16774
18781
  </span>
16775
18782
  </span>
16776
18783
  </button>
@@ -16858,7 +18865,19 @@ wrapperTag: div
16858
18865
  id="sticky-header-and-multiple-columns-demo-toolbar-overflow-menu-toggle"
16859
18866
  >
16860
18867
  <span class="pf-v6-c-menu-toggle__icon">
16861
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
18868
+ <svg
18869
+ class="pf-v6-svg"
18870
+ viewBox="0 0 32 32"
18871
+ fill="currentColor"
18872
+ aria-hidden="true"
18873
+ role="img"
18874
+ width="1em"
18875
+ height="1em"
18876
+ >
18877
+ <path
18878
+ 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"
18879
+ />
18880
+ </svg>
16862
18881
  </span>
16863
18882
  </button>
16864
18883
  </div>
@@ -16879,10 +18898,19 @@ wrapperTag: div
16879
18898
  </span>
16880
18899
  <span class="pf-v6-c-menu-toggle__controls">
16881
18900
  <span class="pf-v6-c-menu-toggle__toggle-icon">
16882
- <i
16883
- class="fas fa-caret-down fa-fw"
18901
+ <svg
18902
+ class="pf-v6-svg"
18903
+ viewBox="0 0 20 20"
18904
+ fill="currentColor"
16884
18905
  aria-hidden="true"
16885
- ></i>
18906
+ role="img"
18907
+ width="1em"
18908
+ height="1em"
18909
+ >
18910
+ <path
18911
+ 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"
18912
+ />
18913
+ </svg>
16886
18914
  </span>
16887
18915
  </span>
16888
18916
  </button>
@@ -17513,7 +19541,19 @@ wrapperTag: div
17513
19541
  </span>
17514
19542
  <span class="pf-v6-c-menu-toggle__controls">
17515
19543
  <span class="pf-v6-c-menu-toggle__toggle-icon">
17516
- <i class="fas fa-caret-down fa-fw" aria-hidden="true"></i>
19544
+ <svg
19545
+ class="pf-v6-svg"
19546
+ viewBox="0 0 20 20"
19547
+ fill="currentColor"
19548
+ aria-hidden="true"
19549
+ role="img"
19550
+ width="1em"
19551
+ height="1em"
19552
+ >
19553
+ <path
19554
+ 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"
19555
+ />
19556
+ </svg>
17517
19557
  </span>
17518
19558
  </span>
17519
19559
  </button>
@@ -17794,7 +19834,19 @@ By default, table cell alignment is set to baseline. This retains vertical align
17794
19834
  aria-label="Settings"
17795
19835
  >
17796
19836
  <span class="pf-v6-c-menu-toggle__icon">
17797
- <i class="fas fa-cog" aria-hidden="true"></i>
19837
+ <svg
19838
+ class="pf-v6-svg"
19839
+ viewBox="0 0 32 32"
19840
+ fill="currentColor"
19841
+ aria-hidden="true"
19842
+ role="img"
19843
+ width="1em"
19844
+ height="1em"
19845
+ >
19846
+ <path
19847
+ 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"
19848
+ />
19849
+ </svg>
17798
19850
  </span>
17799
19851
  </button>
17800
19852
  </div>
@@ -17820,7 +19872,19 @@ By default, table cell alignment is set to baseline. This retains vertical align
17820
19872
  aria-label="Actions"
17821
19873
  >
17822
19874
  <span class="pf-v6-c-menu-toggle__icon">
17823
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
19875
+ <svg
19876
+ class="pf-v6-svg"
19877
+ viewBox="0 0 32 32"
19878
+ fill="currentColor"
19879
+ aria-hidden="true"
19880
+ role="img"
19881
+ width="1em"
19882
+ height="1em"
19883
+ >
19884
+ <path
19885
+ 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"
19886
+ />
19887
+ </svg>
17824
19888
  </span>
17825
19889
  </button>
17826
19890
  </div>
@@ -17951,9 +20015,15 @@ By default, table cell alignment is set to baseline. This retains vertical align
17951
20015
  </nav>
17952
20016
  </div>
17953
20017
  </section>
17954
- <section class="pf-v6-c-page__main-section pf-m-limit-width">
20018
+ <section
20019
+ class="pf-v6-c-page__main-section pf-m-limit-width"
20020
+ aria-labelledby="main-title"
20021
+ >
17955
20022
  <div class="pf-v6-c-page__main-body">
17956
- <h1 class="pf-v6-c-content--h1 pf-m-page-title">Main title</h1>
20023
+ <h1
20024
+ class="pf-v6-c-content--h1 pf-m-page-title"
20025
+ id="main-title"
20026
+ >Main title</h1>
17957
20027
  <p class="pf-v6-c-content--p">This is a full page demo.</p>
17958
20028
  </div>
17959
20029
  </section>
@@ -18425,7 +20495,19 @@ Note that the table in the main content area uses the `pf-m-grid-lg` modifier an
18425
20495
  aria-label="Settings"
18426
20496
  >
18427
20497
  <span class="pf-v6-c-menu-toggle__icon">
18428
- <i class="fas fa-cog" aria-hidden="true"></i>
20498
+ <svg
20499
+ class="pf-v6-svg"
20500
+ viewBox="0 0 32 32"
20501
+ fill="currentColor"
20502
+ aria-hidden="true"
20503
+ role="img"
20504
+ width="1em"
20505
+ height="1em"
20506
+ >
20507
+ <path
20508
+ 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"
20509
+ />
20510
+ </svg>
18429
20511
  </span>
18430
20512
  </button>
18431
20513
  </div>
@@ -18451,7 +20533,19 @@ Note that the table in the main content area uses the `pf-m-grid-lg` modifier an
18451
20533
  aria-label="Actions"
18452
20534
  >
18453
20535
  <span class="pf-v6-c-menu-toggle__icon">
18454
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
20536
+ <svg
20537
+ class="pf-v6-svg"
20538
+ viewBox="0 0 32 32"
20539
+ fill="currentColor"
20540
+ aria-hidden="true"
20541
+ role="img"
20542
+ width="1em"
20543
+ height="1em"
20544
+ >
20545
+ <path
20546
+ 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"
20547
+ />
20548
+ </svg>
18455
20549
  </span>
18456
20550
  </button>
18457
20551
  </div>
@@ -18582,9 +20676,15 @@ Note that the table in the main content area uses the `pf-m-grid-lg` modifier an
18582
20676
  </nav>
18583
20677
  </div>
18584
20678
  </section>
18585
- <section class="pf-v6-c-page__main-section pf-m-limit-width">
20679
+ <section
20680
+ class="pf-v6-c-page__main-section pf-m-limit-width"
20681
+ aria-labelledby="main-title"
20682
+ >
18586
20683
  <div class="pf-v6-c-page__main-body">
18587
- <h1 class="pf-v6-c-content--h1 pf-m-page-title">Main title</h1>
20684
+ <h1
20685
+ class="pf-v6-c-content--h1 pf-m-page-title"
20686
+ id="main-title"
20687
+ >Main title</h1>
18588
20688
  <p class="pf-v6-c-content--p">This is a full page demo.</p>
18589
20689
  </div>
18590
20690
  </section>
@@ -18631,10 +20731,19 @@ Note that the table in the main content area uses the `pf-m-grid-lg` modifier an
18631
20731
  <span
18632
20732
  class="pf-v6-c-menu-toggle__toggle-icon"
18633
20733
  >
18634
- <i
18635
- class="fas fa-caret-down fa-fw"
20734
+ <svg
20735
+ class="pf-v6-svg"
20736
+ viewBox="0 0 20 20"
20737
+ fill="currentColor"
18636
20738
  aria-hidden="true"
18637
- ></i>
20739
+ role="img"
20740
+ width="1em"
20741
+ height="1em"
20742
+ >
20743
+ <path
20744
+ 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"
20745
+ />
20746
+ </svg>
18638
20747
  </span>
18639
20748
  </span>
18640
20749
  </button>
@@ -18662,10 +20771,19 @@ Note that the table in the main content area uses the `pf-m-grid-lg` modifier an
18662
20771
  <span
18663
20772
  class="pf-v6-c-menu-toggle__toggle-icon"
18664
20773
  >
18665
- <i
18666
- class="fas fa-caret-down fa-fw"
20774
+ <svg
20775
+ class="pf-v6-svg"
20776
+ viewBox="0 0 20 20"
20777
+ fill="currentColor"
18667
20778
  aria-hidden="true"
18668
- ></i>
20779
+ role="img"
20780
+ width="1em"
20781
+ height="1em"
20782
+ >
20783
+ <path
20784
+ 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"
20785
+ />
20786
+ </svg>
18669
20787
  </span>
18670
20788
  </span>
18671
20789
  </button>
@@ -18714,10 +20832,19 @@ Note that the table in the main content area uses the `pf-m-grid-lg` modifier an
18714
20832
  <span
18715
20833
  class="pf-v6-c-menu-toggle__toggle-icon"
18716
20834
  >
18717
- <i
18718
- class="fas fa-caret-down fa-fw"
20835
+ <svg
20836
+ class="pf-v6-svg"
20837
+ viewBox="0 0 20 20"
20838
+ fill="currentColor"
18719
20839
  aria-hidden="true"
18720
- ></i>
20840
+ role="img"
20841
+ width="1em"
20842
+ height="1em"
20843
+ >
20844
+ <path
20845
+ 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"
20846
+ />
20847
+ </svg>
18721
20848
  </span>
18722
20849
  </span>
18723
20850
  </button>
@@ -18934,7 +21061,19 @@ Note that the table in the main content area uses the `pf-m-grid-lg` modifier an
18934
21061
  aria-label="Table actions"
18935
21062
  >
18936
21063
  <span class="pf-v6-c-menu-toggle__icon">
18937
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
21064
+ <svg
21065
+ class="pf-v6-svg"
21066
+ viewBox="0 0 32 32"
21067
+ fill="currentColor"
21068
+ aria-hidden="true"
21069
+ role="img"
21070
+ width="1em"
21071
+ height="1em"
21072
+ >
21073
+ <path
21074
+ 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"
21075
+ />
21076
+ </svg>
18938
21077
  </span>
18939
21078
  </button>
18940
21079
  </td>
@@ -19020,7 +21159,19 @@ Note that the table in the main content area uses the `pf-m-grid-lg` modifier an
19020
21159
  aria-label="Table actions"
19021
21160
  >
19022
21161
  <span class="pf-v6-c-menu-toggle__icon">
19023
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
21162
+ <svg
21163
+ class="pf-v6-svg"
21164
+ viewBox="0 0 32 32"
21165
+ fill="currentColor"
21166
+ aria-hidden="true"
21167
+ role="img"
21168
+ width="1em"
21169
+ height="1em"
21170
+ >
21171
+ <path
21172
+ 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"
21173
+ />
21174
+ </svg>
19024
21175
  </span>
19025
21176
  </button>
19026
21177
  </td>
@@ -19106,7 +21257,19 @@ Note that the table in the main content area uses the `pf-m-grid-lg` modifier an
19106
21257
  aria-label="Table actions"
19107
21258
  >
19108
21259
  <span class="pf-v6-c-menu-toggle__icon">
19109
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
21260
+ <svg
21261
+ class="pf-v6-svg"
21262
+ viewBox="0 0 32 32"
21263
+ fill="currentColor"
21264
+ aria-hidden="true"
21265
+ role="img"
21266
+ width="1em"
21267
+ height="1em"
21268
+ >
21269
+ <path
21270
+ 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"
21271
+ />
21272
+ </svg>
19110
21273
  </span>
19111
21274
  </button>
19112
21275
  </td>
@@ -19192,7 +21355,19 @@ Note that the table in the main content area uses the `pf-m-grid-lg` modifier an
19192
21355
  aria-label="Table actions"
19193
21356
  >
19194
21357
  <span class="pf-v6-c-menu-toggle__icon">
19195
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
21358
+ <svg
21359
+ class="pf-v6-svg"
21360
+ viewBox="0 0 32 32"
21361
+ fill="currentColor"
21362
+ aria-hidden="true"
21363
+ role="img"
21364
+ width="1em"
21365
+ height="1em"
21366
+ >
21367
+ <path
21368
+ 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"
21369
+ />
21370
+ </svg>
19196
21371
  </span>
19197
21372
  </button>
19198
21373
  </td>
@@ -19277,7 +21452,19 @@ Note that the table in the main content area uses the `pf-m-grid-lg` modifier an
19277
21452
  aria-label="Table actions"
19278
21453
  >
19279
21454
  <span class="pf-v6-c-menu-toggle__icon">
19280
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
21455
+ <svg
21456
+ class="pf-v6-svg"
21457
+ viewBox="0 0 32 32"
21458
+ fill="currentColor"
21459
+ aria-hidden="true"
21460
+ role="img"
21461
+ width="1em"
21462
+ height="1em"
21463
+ >
21464
+ <path
21465
+ 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"
21466
+ />
21467
+ </svg>
19281
21468
  </span>
19282
21469
  </button>
19283
21470
  </td>
@@ -19298,10 +21485,19 @@ Note that the table in the main content area uses the `pf-m-grid-lg` modifier an
19298
21485
  </span>
19299
21486
  <span class="pf-v6-c-menu-toggle__controls">
19300
21487
  <span class="pf-v6-c-menu-toggle__toggle-icon">
19301
- <i
19302
- class="fas fa-caret-down fa-fw"
21488
+ <svg
21489
+ class="pf-v6-svg"
21490
+ viewBox="0 0 20 20"
21491
+ fill="currentColor"
19303
21492
  aria-hidden="true"
19304
- ></i>
21493
+ role="img"
21494
+ width="1em"
21495
+ height="1em"
21496
+ >
21497
+ <path
21498
+ 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"
21499
+ />
21500
+ </svg>
19305
21501
  </span>
19306
21502
  </span>
19307
21503
  </button>
@@ -19490,10 +21686,19 @@ Note that the table in the main content area uses the `pf-m-grid-lg` modifier an
19490
21686
  >
19491
21687
  <span class="pf-v6-c-menu-toggle__controls">
19492
21688
  <span class="pf-v6-c-menu-toggle__toggle-icon">
19493
- <i
19494
- class="fas fa-caret-down fa-fw"
21689
+ <svg
21690
+ class="pf-v6-svg"
21691
+ viewBox="0 0 20 20"
21692
+ fill="currentColor"
19495
21693
  aria-hidden="true"
19496
- ></i>
21694
+ role="img"
21695
+ width="1em"
21696
+ height="1em"
21697
+ >
21698
+ <path
21699
+ 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"
21700
+ />
21701
+ </svg>
19497
21702
  </span>
19498
21703
  </span>
19499
21704
  </button>
@@ -19521,10 +21726,19 @@ Note that the table in the main content area uses the `pf-m-grid-lg` modifier an
19521
21726
  <span
19522
21727
  class="pf-v6-c-menu-toggle__toggle-icon"
19523
21728
  >
19524
- <i
19525
- class="fas fa-caret-down fa-fw"
21729
+ <svg
21730
+ class="pf-v6-svg"
21731
+ viewBox="0 0 20 20"
21732
+ fill="currentColor"
19526
21733
  aria-hidden="true"
19527
- ></i>
21734
+ role="img"
21735
+ width="1em"
21736
+ height="1em"
21737
+ >
21738
+ <path
21739
+ 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"
21740
+ />
21741
+ </svg>
19528
21742
  </span>
19529
21743
  </span>
19530
21744
  </button>
@@ -19571,10 +21785,19 @@ Note that the table in the main content area uses the `pf-m-grid-lg` modifier an
19571
21785
  <span
19572
21786
  class="pf-v6-c-menu-toggle__toggle-icon"
19573
21787
  >
19574
- <i
19575
- class="fas fa-caret-down fa-fw"
21788
+ <svg
21789
+ class="pf-v6-svg"
21790
+ viewBox="0 0 20 20"
21791
+ fill="currentColor"
19576
21792
  aria-hidden="true"
19577
- ></i>
21793
+ role="img"
21794
+ width="1em"
21795
+ height="1em"
21796
+ >
21797
+ <path
21798
+ 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"
21799
+ />
21800
+ </svg>
19578
21801
  </span>
19579
21802
  </span>
19580
21803
  </button>
@@ -19789,7 +22012,19 @@ Note that the table in the main content area uses the `pf-m-grid-lg` modifier an
19789
22012
  aria-label="Table actions"
19790
22013
  >
19791
22014
  <span class="pf-v6-c-menu-toggle__icon">
19792
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
22015
+ <svg
22016
+ class="pf-v6-svg"
22017
+ viewBox="0 0 32 32"
22018
+ fill="currentColor"
22019
+ aria-hidden="true"
22020
+ role="img"
22021
+ width="1em"
22022
+ height="1em"
22023
+ >
22024
+ <path
22025
+ 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"
22026
+ />
22027
+ </svg>
19793
22028
  </span>
19794
22029
  </button>
19795
22030
  </td>
@@ -19873,7 +22108,19 @@ Note that the table in the main content area uses the `pf-m-grid-lg` modifier an
19873
22108
  aria-label="Table actions"
19874
22109
  >
19875
22110
  <span class="pf-v6-c-menu-toggle__icon">
19876
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
22111
+ <svg
22112
+ class="pf-v6-svg"
22113
+ viewBox="0 0 32 32"
22114
+ fill="currentColor"
22115
+ aria-hidden="true"
22116
+ role="img"
22117
+ width="1em"
22118
+ height="1em"
22119
+ >
22120
+ <path
22121
+ 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"
22122
+ />
22123
+ </svg>
19877
22124
  </span>
19878
22125
  </button>
19879
22126
  </td>
@@ -19957,7 +22204,19 @@ Note that the table in the main content area uses the `pf-m-grid-lg` modifier an
19957
22204
  aria-label="Table actions"
19958
22205
  >
19959
22206
  <span class="pf-v6-c-menu-toggle__icon">
19960
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
22207
+ <svg
22208
+ class="pf-v6-svg"
22209
+ viewBox="0 0 32 32"
22210
+ fill="currentColor"
22211
+ aria-hidden="true"
22212
+ role="img"
22213
+ width="1em"
22214
+ height="1em"
22215
+ >
22216
+ <path
22217
+ 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"
22218
+ />
22219
+ </svg>
19961
22220
  </span>
19962
22221
  </button>
19963
22222
  </td>
@@ -20041,7 +22300,19 @@ Note that the table in the main content area uses the `pf-m-grid-lg` modifier an
20041
22300
  aria-label="Table actions"
20042
22301
  >
20043
22302
  <span class="pf-v6-c-menu-toggle__icon">
20044
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
22303
+ <svg
22304
+ class="pf-v6-svg"
22305
+ viewBox="0 0 32 32"
22306
+ fill="currentColor"
22307
+ aria-hidden="true"
22308
+ role="img"
22309
+ width="1em"
22310
+ height="1em"
22311
+ >
22312
+ <path
22313
+ 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"
22314
+ />
22315
+ </svg>
20045
22316
  </span>
20046
22317
  </button>
20047
22318
  </td>
@@ -20124,7 +22395,19 @@ Note that the table in the main content area uses the `pf-m-grid-lg` modifier an
20124
22395
  aria-label="Table actions"
20125
22396
  >
20126
22397
  <span class="pf-v6-c-menu-toggle__icon">
20127
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
22398
+ <svg
22399
+ class="pf-v6-svg"
22400
+ viewBox="0 0 32 32"
22401
+ fill="currentColor"
22402
+ aria-hidden="true"
22403
+ role="img"
22404
+ width="1em"
22405
+ height="1em"
22406
+ >
22407
+ <path
22408
+ 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"
22409
+ />
22410
+ </svg>
20128
22411
  </span>
20129
22412
  </button>
20130
22413
  </td>
@@ -20145,10 +22428,19 @@ Note that the table in the main content area uses the `pf-m-grid-lg` modifier an
20145
22428
  </span>
20146
22429
  <span class="pf-v6-c-menu-toggle__controls">
20147
22430
  <span class="pf-v6-c-menu-toggle__toggle-icon">
20148
- <i
20149
- class="fas fa-caret-down fa-fw"
22431
+ <svg
22432
+ class="pf-v6-svg"
22433
+ viewBox="0 0 20 20"
22434
+ fill="currentColor"
20150
22435
  aria-hidden="true"
20151
- ></i>
22436
+ role="img"
22437
+ width="1em"
22438
+ height="1em"
22439
+ >
22440
+ <path
22441
+ 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"
22442
+ />
22443
+ </svg>
20152
22444
  </span>
20153
22445
  </span>
20154
22446
  </button>