@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
@@ -159,7 +159,19 @@ wrapperTag: div
159
159
  aria-label="Settings"
160
160
  >
161
161
  <span class="pf-v6-c-menu-toggle__icon">
162
- <i class="fas fa-cog" aria-hidden="true"></i>
162
+ <svg
163
+ class="pf-v6-svg"
164
+ viewBox="0 0 32 32"
165
+ fill="currentColor"
166
+ aria-hidden="true"
167
+ role="img"
168
+ width="1em"
169
+ height="1em"
170
+ >
171
+ <path
172
+ 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"
173
+ />
174
+ </svg>
163
175
  </span>
164
176
  </button>
165
177
  </div>
@@ -185,7 +197,19 @@ wrapperTag: div
185
197
  aria-label="Actions"
186
198
  >
187
199
  <span class="pf-v6-c-menu-toggle__icon">
188
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
200
+ <svg
201
+ class="pf-v6-svg"
202
+ viewBox="0 0 32 32"
203
+ fill="currentColor"
204
+ aria-hidden="true"
205
+ role="img"
206
+ width="1em"
207
+ height="1em"
208
+ >
209
+ <path
210
+ 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"
211
+ />
212
+ </svg>
189
213
  </span>
190
214
  </button>
191
215
  </div>
@@ -316,9 +340,15 @@ wrapperTag: div
316
340
  </nav>
317
341
  </div>
318
342
  </section>
319
- <section class="pf-v6-c-page__main-section pf-m-limit-width">
343
+ <section
344
+ class="pf-v6-c-page__main-section pf-m-limit-width"
345
+ aria-labelledby="main-title"
346
+ >
320
347
  <div class="pf-v6-c-page__main-body">
321
- <h1 class="pf-v6-c-content--h1 pf-m-page-title">Main title</h1>
348
+ <h1
349
+ class="pf-v6-c-content--h1 pf-m-page-title"
350
+ id="main-title"
351
+ >Main title</h1>
322
352
  <p class="pf-v6-c-content--p">This is a full page demo.</p>
323
353
  </div>
324
354
  </section>
@@ -856,7 +886,19 @@ wrapperTag: div
856
886
  aria-label="Settings"
857
887
  >
858
888
  <span class="pf-v6-c-menu-toggle__icon">
859
- <i class="fas fa-cog" aria-hidden="true"></i>
889
+ <svg
890
+ class="pf-v6-svg"
891
+ viewBox="0 0 32 32"
892
+ fill="currentColor"
893
+ aria-hidden="true"
894
+ role="img"
895
+ width="1em"
896
+ height="1em"
897
+ >
898
+ <path
899
+ 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"
900
+ />
901
+ </svg>
860
902
  </span>
861
903
  </button>
862
904
  </div>
@@ -882,7 +924,19 @@ wrapperTag: div
882
924
  aria-label="Actions"
883
925
  >
884
926
  <span class="pf-v6-c-menu-toggle__icon">
885
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
927
+ <svg
928
+ class="pf-v6-svg"
929
+ viewBox="0 0 32 32"
930
+ fill="currentColor"
931
+ aria-hidden="true"
932
+ role="img"
933
+ width="1em"
934
+ height="1em"
935
+ >
936
+ <path
937
+ 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"
938
+ />
939
+ </svg>
886
940
  </span>
887
941
  </button>
888
942
  </div>
@@ -1013,9 +1067,15 @@ wrapperTag: div
1013
1067
  </nav>
1014
1068
  </div>
1015
1069
  </section>
1016
- <section class="pf-v6-c-page__main-section pf-m-limit-width">
1070
+ <section
1071
+ class="pf-v6-c-page__main-section pf-m-limit-width"
1072
+ aria-labelledby="main-title"
1073
+ >
1017
1074
  <div class="pf-v6-c-page__main-body">
1018
- <h1 class="pf-v6-c-content--h1 pf-m-page-title">Main title</h1>
1075
+ <h1
1076
+ class="pf-v6-c-content--h1 pf-m-page-title"
1077
+ id="main-title"
1078
+ >Main title</h1>
1019
1079
  <p class="pf-v6-c-content--p">This is a full page demo.</p>
1020
1080
  </div>
1021
1081
  </section>
@@ -1535,7 +1595,19 @@ wrapperTag: div
1535
1595
  aria-label="Settings"
1536
1596
  >
1537
1597
  <span class="pf-v6-c-menu-toggle__icon">
1538
- <i class="fas fa-cog" aria-hidden="true"></i>
1598
+ <svg
1599
+ class="pf-v6-svg"
1600
+ viewBox="0 0 32 32"
1601
+ fill="currentColor"
1602
+ aria-hidden="true"
1603
+ role="img"
1604
+ width="1em"
1605
+ height="1em"
1606
+ >
1607
+ <path
1608
+ 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"
1609
+ />
1610
+ </svg>
1539
1611
  </span>
1540
1612
  </button>
1541
1613
  </div>
@@ -1561,7 +1633,19 @@ wrapperTag: div
1561
1633
  aria-label="Actions"
1562
1634
  >
1563
1635
  <span class="pf-v6-c-menu-toggle__icon">
1564
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
1636
+ <svg
1637
+ class="pf-v6-svg"
1638
+ viewBox="0 0 32 32"
1639
+ fill="currentColor"
1640
+ aria-hidden="true"
1641
+ role="img"
1642
+ width="1em"
1643
+ height="1em"
1644
+ >
1645
+ <path
1646
+ 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"
1647
+ />
1648
+ </svg>
1565
1649
  </span>
1566
1650
  </button>
1567
1651
  </div>
@@ -1692,9 +1776,15 @@ wrapperTag: div
1692
1776
  </nav>
1693
1777
  </div>
1694
1778
  </section>
1695
- <section class="pf-v6-c-page__main-section pf-m-limit-width">
1779
+ <section
1780
+ class="pf-v6-c-page__main-section pf-m-limit-width"
1781
+ aria-labelledby="main-title"
1782
+ >
1696
1783
  <div class="pf-v6-c-page__main-body">
1697
- <h1 class="pf-v6-c-content--h1 pf-m-page-title">Main title</h1>
1784
+ <h1
1785
+ class="pf-v6-c-content--h1 pf-m-page-title"
1786
+ id="main-title"
1787
+ >Main title</h1>
1698
1788
  <p class="pf-v6-c-content--p">This is a full page demo.</p>
1699
1789
  </div>
1700
1790
  </section>
@@ -2310,7 +2400,19 @@ wrapperTag: div
2310
2400
  aria-label="Settings"
2311
2401
  >
2312
2402
  <span class="pf-v6-c-menu-toggle__icon">
2313
- <i class="fas fa-cog" aria-hidden="true"></i>
2403
+ <svg
2404
+ class="pf-v6-svg"
2405
+ viewBox="0 0 32 32"
2406
+ fill="currentColor"
2407
+ aria-hidden="true"
2408
+ role="img"
2409
+ width="1em"
2410
+ height="1em"
2411
+ >
2412
+ <path
2413
+ 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"
2414
+ />
2415
+ </svg>
2314
2416
  </span>
2315
2417
  </button>
2316
2418
  </div>
@@ -2336,7 +2438,19 @@ wrapperTag: div
2336
2438
  aria-label="Actions"
2337
2439
  >
2338
2440
  <span class="pf-v6-c-menu-toggle__icon">
2339
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
2441
+ <svg
2442
+ class="pf-v6-svg"
2443
+ viewBox="0 0 32 32"
2444
+ fill="currentColor"
2445
+ aria-hidden="true"
2446
+ role="img"
2447
+ width="1em"
2448
+ height="1em"
2449
+ >
2450
+ <path
2451
+ 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"
2452
+ />
2453
+ </svg>
2340
2454
  </span>
2341
2455
  </button>
2342
2456
  </div>
@@ -2467,9 +2581,15 @@ wrapperTag: div
2467
2581
  </nav>
2468
2582
  </div>
2469
2583
  </section>
2470
- <section class="pf-v6-c-page__main-section pf-m-limit-width">
2584
+ <section
2585
+ class="pf-v6-c-page__main-section pf-m-limit-width"
2586
+ aria-labelledby="main-title"
2587
+ >
2471
2588
  <div class="pf-v6-c-page__main-body">
2472
- <h1 class="pf-v6-c-content--h1 pf-m-page-title">Main title</h1>
2589
+ <h1
2590
+ class="pf-v6-c-content--h1 pf-m-page-title"
2591
+ id="main-title"
2592
+ >Main title</h1>
2473
2593
  <p class="pf-v6-c-content--p">This is a full page demo.</p>
2474
2594
  </div>
2475
2595
  </section>
@@ -3081,7 +3201,19 @@ wrapperTag: div
3081
3201
  aria-label="Settings"
3082
3202
  >
3083
3203
  <span class="pf-v6-c-menu-toggle__icon">
3084
- <i class="fas fa-cog" aria-hidden="true"></i>
3204
+ <svg
3205
+ class="pf-v6-svg"
3206
+ viewBox="0 0 32 32"
3207
+ fill="currentColor"
3208
+ aria-hidden="true"
3209
+ role="img"
3210
+ width="1em"
3211
+ height="1em"
3212
+ >
3213
+ <path
3214
+ 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"
3215
+ />
3216
+ </svg>
3085
3217
  </span>
3086
3218
  </button>
3087
3219
  </div>
@@ -3107,7 +3239,19 @@ wrapperTag: div
3107
3239
  aria-label="Actions"
3108
3240
  >
3109
3241
  <span class="pf-v6-c-menu-toggle__icon">
3110
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
3242
+ <svg
3243
+ class="pf-v6-svg"
3244
+ viewBox="0 0 32 32"
3245
+ fill="currentColor"
3246
+ aria-hidden="true"
3247
+ role="img"
3248
+ width="1em"
3249
+ height="1em"
3250
+ >
3251
+ <path
3252
+ 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"
3253
+ />
3254
+ </svg>
3111
3255
  </span>
3112
3256
  </button>
3113
3257
  </div>
@@ -3238,9 +3382,15 @@ wrapperTag: div
3238
3382
  </nav>
3239
3383
  </div>
3240
3384
  </section>
3241
- <section class="pf-v6-c-page__main-section pf-m-limit-width">
3385
+ <section
3386
+ class="pf-v6-c-page__main-section pf-m-limit-width"
3387
+ aria-labelledby="main-title"
3388
+ >
3242
3389
  <div class="pf-v6-c-page__main-body">
3243
- <h1 class="pf-v6-c-content--h1 pf-m-page-title">Main title</h1>
3390
+ <h1
3391
+ class="pf-v6-c-content--h1 pf-m-page-title"
3392
+ id="main-title"
3393
+ >Main title</h1>
3244
3394
  <p class="pf-v6-c-content--p">This is a full page demo.</p>
3245
3395
  </div>
3246
3396
  </section>
@@ -3727,7 +3877,19 @@ wrapperTag: div
3727
3877
  aria-label="Settings"
3728
3878
  >
3729
3879
  <span class="pf-v6-c-menu-toggle__icon">
3730
- <i class="fas fa-cog" aria-hidden="true"></i>
3880
+ <svg
3881
+ class="pf-v6-svg"
3882
+ viewBox="0 0 32 32"
3883
+ fill="currentColor"
3884
+ aria-hidden="true"
3885
+ role="img"
3886
+ width="1em"
3887
+ height="1em"
3888
+ >
3889
+ <path
3890
+ 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"
3891
+ />
3892
+ </svg>
3731
3893
  </span>
3732
3894
  </button>
3733
3895
  </div>
@@ -3753,7 +3915,19 @@ wrapperTag: div
3753
3915
  aria-label="Actions"
3754
3916
  >
3755
3917
  <span class="pf-v6-c-menu-toggle__icon">
3756
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
3918
+ <svg
3919
+ class="pf-v6-svg"
3920
+ viewBox="0 0 32 32"
3921
+ fill="currentColor"
3922
+ aria-hidden="true"
3923
+ role="img"
3924
+ width="1em"
3925
+ height="1em"
3926
+ >
3927
+ <path
3928
+ 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"
3929
+ />
3930
+ </svg>
3757
3931
  </span>
3758
3932
  </button>
3759
3933
  </div>
@@ -3884,9 +4058,15 @@ wrapperTag: div
3884
4058
  </nav>
3885
4059
  </div>
3886
4060
  </section>
3887
- <section class="pf-v6-c-page__main-section pf-m-limit-width">
4061
+ <section
4062
+ class="pf-v6-c-page__main-section pf-m-limit-width"
4063
+ aria-labelledby="main-title"
4064
+ >
3888
4065
  <div class="pf-v6-c-page__main-body">
3889
- <h1 class="pf-v6-c-content--h1 pf-m-page-title">Main title</h1>
4066
+ <h1
4067
+ class="pf-v6-c-content--h1 pf-m-page-title"
4068
+ id="main-title"
4069
+ >Main title</h1>
3890
4070
  <p class="pf-v6-c-content--p">This is a full page demo.</p>
3891
4071
  </div>
3892
4072
  </section>
@@ -4356,7 +4536,19 @@ wrapperTag: div
4356
4536
  aria-label="Settings"
4357
4537
  >
4358
4538
  <span class="pf-v6-c-menu-toggle__icon">
4359
- <i class="fas fa-cog" aria-hidden="true"></i>
4539
+ <svg
4540
+ class="pf-v6-svg"
4541
+ viewBox="0 0 32 32"
4542
+ fill="currentColor"
4543
+ aria-hidden="true"
4544
+ role="img"
4545
+ width="1em"
4546
+ height="1em"
4547
+ >
4548
+ <path
4549
+ 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"
4550
+ />
4551
+ </svg>
4360
4552
  </span>
4361
4553
  </button>
4362
4554
  </div>
@@ -4382,7 +4574,19 @@ wrapperTag: div
4382
4574
  aria-label="Actions"
4383
4575
  >
4384
4576
  <span class="pf-v6-c-menu-toggle__icon">
4385
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
4577
+ <svg
4578
+ class="pf-v6-svg"
4579
+ viewBox="0 0 32 32"
4580
+ fill="currentColor"
4581
+ aria-hidden="true"
4582
+ role="img"
4583
+ width="1em"
4584
+ height="1em"
4585
+ >
4586
+ <path
4587
+ 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"
4588
+ />
4589
+ </svg>
4386
4590
  </span>
4387
4591
  </button>
4388
4592
  </div>
@@ -4513,9 +4717,15 @@ wrapperTag: div
4513
4717
  </nav>
4514
4718
  </div>
4515
4719
  </section>
4516
- <section class="pf-v6-c-page__main-section pf-m-limit-width">
4720
+ <section
4721
+ class="pf-v6-c-page__main-section pf-m-limit-width"
4722
+ aria-labelledby="main-title"
4723
+ >
4517
4724
  <div class="pf-v6-c-page__main-body">
4518
- <h1 class="pf-v6-c-content--h1 pf-m-page-title">Main title</h1>
4725
+ <h1
4726
+ class="pf-v6-c-content--h1 pf-m-page-title"
4727
+ id="main-title"
4728
+ >Main title</h1>
4519
4729
  <p class="pf-v6-c-content--p">This is a full page demo.</p>
4520
4730
  </div>
4521
4731
  </section>
@@ -4967,7 +5177,19 @@ wrapperTag: div
4967
5177
  aria-label="Settings"
4968
5178
  >
4969
5179
  <span class="pf-v6-c-menu-toggle__icon">
4970
- <i class="fas fa-cog" aria-hidden="true"></i>
5180
+ <svg
5181
+ class="pf-v6-svg"
5182
+ viewBox="0 0 32 32"
5183
+ fill="currentColor"
5184
+ aria-hidden="true"
5185
+ role="img"
5186
+ width="1em"
5187
+ height="1em"
5188
+ >
5189
+ <path
5190
+ 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"
5191
+ />
5192
+ </svg>
4971
5193
  </span>
4972
5194
  </button>
4973
5195
  </div>
@@ -4993,7 +5215,19 @@ wrapperTag: div
4993
5215
  aria-label="Actions"
4994
5216
  >
4995
5217
  <span class="pf-v6-c-menu-toggle__icon">
4996
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
5218
+ <svg
5219
+ class="pf-v6-svg"
5220
+ viewBox="0 0 32 32"
5221
+ fill="currentColor"
5222
+ aria-hidden="true"
5223
+ role="img"
5224
+ width="1em"
5225
+ height="1em"
5226
+ >
5227
+ <path
5228
+ 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"
5229
+ />
5230
+ </svg>
4997
5231
  </span>
4998
5232
  </button>
4999
5233
  </div>
@@ -5124,9 +5358,15 @@ wrapperTag: div
5124
5358
  </nav>
5125
5359
  </div>
5126
5360
  </section>
5127
- <section class="pf-v6-c-page__main-section pf-m-limit-width">
5361
+ <section
5362
+ class="pf-v6-c-page__main-section pf-m-limit-width"
5363
+ aria-labelledby="main-title"
5364
+ >
5128
5365
  <div class="pf-v6-c-page__main-body">
5129
- <h1 class="pf-v6-c-content--h1 pf-m-page-title">Main title</h1>
5366
+ <h1
5367
+ class="pf-v6-c-content--h1 pf-m-page-title"
5368
+ id="main-title"
5369
+ >Main title</h1>
5130
5370
  <p class="pf-v6-c-content--p">This is a full page demo.</p>
5131
5371
  </div>
5132
5372
  </section>
@@ -5661,7 +5901,19 @@ wrapperTag: div
5661
5901
  aria-label="Settings"
5662
5902
  >
5663
5903
  <span class="pf-v6-c-menu-toggle__icon">
5664
- <i class="fas fa-cog" aria-hidden="true"></i>
5904
+ <svg
5905
+ class="pf-v6-svg"
5906
+ viewBox="0 0 32 32"
5907
+ fill="currentColor"
5908
+ aria-hidden="true"
5909
+ role="img"
5910
+ width="1em"
5911
+ height="1em"
5912
+ >
5913
+ <path
5914
+ 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"
5915
+ />
5916
+ </svg>
5665
5917
  </span>
5666
5918
  </button>
5667
5919
  </div>
@@ -5687,7 +5939,19 @@ wrapperTag: div
5687
5939
  aria-label="Actions"
5688
5940
  >
5689
5941
  <span class="pf-v6-c-menu-toggle__icon">
5690
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
5942
+ <svg
5943
+ class="pf-v6-svg"
5944
+ viewBox="0 0 32 32"
5945
+ fill="currentColor"
5946
+ aria-hidden="true"
5947
+ role="img"
5948
+ width="1em"
5949
+ height="1em"
5950
+ >
5951
+ <path
5952
+ 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"
5953
+ />
5954
+ </svg>
5691
5955
  </span>
5692
5956
  </button>
5693
5957
  </div>
@@ -5818,9 +6082,15 @@ wrapperTag: div
5818
6082
  </nav>
5819
6083
  </div>
5820
6084
  </section>
5821
- <section class="pf-v6-c-page__main-section pf-m-limit-width">
6085
+ <section
6086
+ class="pf-v6-c-page__main-section pf-m-limit-width"
6087
+ aria-labelledby="main-title"
6088
+ >
5822
6089
  <div class="pf-v6-c-page__main-body">
5823
- <h1 class="pf-v6-c-content--h1 pf-m-page-title">Main title</h1>
6090
+ <h1
6091
+ class="pf-v6-c-content--h1 pf-m-page-title"
6092
+ id="main-title"
6093
+ >Main title</h1>
5824
6094
  <p class="pf-v6-c-content--p">This is a full page demo.</p>
5825
6095
  </div>
5826
6096
  </section>
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@patternfly/patternfly",
3
3
  "description": "Assets, source, tooling, and content for PatternFly 4",
4
- "version": "6.5.0-prerelease.62",
4
+ "version": "6.5.0-prerelease.64",
5
5
  "keywords": [],
6
6
  "license": "MIT",
7
7
  "scripts": {