@patternfly/patternfly 6.5.0-prerelease.69 → 6.5.0-prerelease.70

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 (45) hide show
  1. package/components/Button/button.css +3 -3
  2. package/components/Button/button.scss +1 -1
  3. package/components/Card/card.css +1 -5
  4. package/components/Card/card.scss +2 -6
  5. package/components/Compass/compass.css +2 -2
  6. package/components/Compass/compass.scss +1 -1
  7. package/components/MenuToggle/menu-toggle.css +4 -4
  8. package/components/MenuToggle/menu-toggle.scss +1 -1
  9. package/components/Page/page.css +4 -4
  10. package/components/Page/page.scss +2 -2
  11. package/components/_index.css +14 -18
  12. package/docs/components/CodeEditor/examples/CodeEditor.md +39 -3
  13. package/docs/components/Compass/examples/Compass.md +2 -2
  14. package/docs/components/EmptyState/examples/EmptyState.md +78 -6
  15. package/docs/components/MenuToggle/examples/MenuToggle.md +51 -3
  16. package/docs/components/Page/examples/Page.md +2 -2
  17. package/docs/components/Toolbar/examples/Toolbar.md +10 -10
  18. package/docs/components/Wizard/examples/Wizard.md +13 -1
  19. package/docs/demos/AboutModal/examples/AboutModal.md +17 -1
  20. package/docs/demos/Alert/examples/Alert.md +51 -3
  21. package/docs/demos/BackToTop/examples/BackToTop.md +17 -1
  22. package/docs/demos/Banner/examples/Banner.md +34 -2
  23. package/docs/demos/CardView/examples/CardView.md +127 -123
  24. package/docs/demos/Compass/examples/Compass.md +3072 -1425
  25. package/docs/demos/Dashboard/examples/Dashboard.md +17 -1
  26. package/docs/demos/DataList/examples/DataList.md +78 -14
  27. package/docs/demos/DescriptionList/examples/DescriptionList.md +51 -3
  28. package/docs/demos/Drawer/examples/Drawer.md +85 -5
  29. package/docs/demos/JumpLinks/examples/JumpLinks.md +102 -6
  30. package/docs/demos/Masthead/examples/Masthead.md +29 -13
  31. package/docs/demos/Modal/examples/Modal.md +102 -6
  32. package/docs/demos/Nav/examples/Nav.md +144 -20
  33. package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +85 -5
  34. package/docs/demos/Page/examples/Page.md +244 -20
  35. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +133 -21
  36. package/docs/demos/Skeleton/examples/Skeleton.md +17 -1
  37. package/docs/demos/Table/examples/Table.md +337 -69
  38. package/docs/demos/Tabs/examples/Tabs.md +104 -8
  39. package/docs/demos/Toolbar/examples/Toolbar.md +46 -14
  40. package/docs/demos/Wizard/examples/Wizard.md +153 -9
  41. package/package.json +2 -2
  42. package/patternfly-no-globals.css +14 -18
  43. package/patternfly.css +14 -18
  44. package/patternfly.min.css +1 -1
  45. package/patternfly.min.css.map +1 -1
package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md CHANGED
@@ -172,7 +172,23 @@ wrapperTag: div
172
172
  type="button"
173
173
  aria-expanded="false"
174
174
  aria-label="Settings"
175
- ></button>
175
+ >
176
+ <span class="pf-v6-c-menu-toggle__icon">
177
+ <svg
178
+ class="pf-v6-svg"
179
+ viewBox="0 0 32 32"
180
+ fill="currentColor"
181
+ aria-hidden="true"
182
+ role="img"
183
+ width="1em"
184
+ height="1em"
185
+ >
186
+ <path
187
+ 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"
188
+ />
189
+ </svg>
190
+ </span>
191
+ </button>
176
192
  </div>
177
193
  <div class="pf-v6-c-toolbar__item">
178
194
  <button
@@ -391,7 +407,7 @@ wrapperTag: div
391
407
  <span class="pf-v6-c-menu-toggle__icon">
392
408
  <svg
393
409
  class="pf-v6-svg"
394
- viewBox="0 0 512 512"
410
+ viewBox="0 0 32 32"
395
411
  fill="currentColor"
396
412
  aria-hidden="true"
397
413
  role="img"
@@ -399,7 +415,7 @@ wrapperTag: div
399
415
  height="1em"
400
416
  >
401
417
  <path
402
- d="M487.976 0H24.028C2.71 0-8.047 25.866 7.058 40.971L192 225.941V432c0 7.831 3.821 15.17 10.237 19.662l80 55.98C298.02 518.69 320 507.493 320 487.98V225.941l184.947-184.97C520.021 25.896 509.338 0 487.976 0z"
418
+ d="M29.875 3.5V7a.876.876 0 0 1-.256.619l-9.744 9.744v10.638a.875.875 0 0 1-.599.83l-6 2a.876.876 0 0 1-.788-.12.874.874 0 0 1-.363-.71V17.363L2.381 7.619A.876.876 0 0 1 2.125 7V3.5c0-.758.617-1.375 1.375-1.375h25c.758 0 1.375.617 1.375 1.375Z"
403
419
  />
404
420
  </svg>
405
421
  </span>
@@ -422,7 +438,7 @@ wrapperTag: div
422
438
  <span class="pf-v6-c-menu-toggle__icon">
423
439
  <svg
424
440
  class="pf-v6-svg"
425
- viewBox="0 0 512 512"
441
+ viewBox="0 0 32 32"
426
442
  fill="currentColor"
427
443
  aria-hidden="true"
428
444
  role="img"
@@ -430,7 +446,7 @@ wrapperTag: div
430
446
  height="1em"
431
447
  >
432
448
  <path
433
- d="M487.976 0H24.028C2.71 0-8.047 25.866 7.058 40.971L192 225.941V432c0 7.831 3.821 15.17 10.237 19.662l80 55.98C298.02 518.69 320 507.493 320 487.98V225.941l184.947-184.97C520.021 25.896 509.338 0 487.976 0z"
449
+ d="M29.875 3.5V7a.876.876 0 0 1-.256.619l-9.744 9.744v10.638a.875.875 0 0 1-.599.83l-6 2a.876.876 0 0 1-.788-.12.874.874 0 0 1-.363-.71V17.363L2.381 7.619A.876.876 0 0 1 2.125 7V3.5c0-.758.617-1.375 1.375-1.375h25c.758 0 1.375.617 1.375 1.375Z"
434
450
  />
435
451
  </svg>
436
452
  </span>
@@ -1660,7 +1676,23 @@ wrapperTag: div
1660
1676
  type="button"
1661
1677
  aria-expanded="false"
1662
1678
  aria-label="Settings"
1663
- ></button>
1679
+ >
1680
+ <span class="pf-v6-c-menu-toggle__icon">
1681
+ <svg
1682
+ class="pf-v6-svg"
1683
+ viewBox="0 0 32 32"
1684
+ fill="currentColor"
1685
+ aria-hidden="true"
1686
+ role="img"
1687
+ width="1em"
1688
+ height="1em"
1689
+ >
1690
+ <path
1691
+ 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"
1692
+ />
1693
+ </svg>
1694
+ </span>
1695
+ </button>
1664
1696
  </div>
1665
1697
  <div class="pf-v6-c-toolbar__item">
1666
1698
  <button
@@ -1880,7 +1912,7 @@ wrapperTag: div
1880
1912
  <span class="pf-v6-c-menu-toggle__icon">
1881
1913
  <svg
1882
1914
  class="pf-v6-svg"
1883
- viewBox="0 0 512 512"
1915
+ viewBox="0 0 32 32"
1884
1916
  fill="currentColor"
1885
1917
  aria-hidden="true"
1886
1918
  role="img"
@@ -1888,7 +1920,7 @@ wrapperTag: div
1888
1920
  height="1em"
1889
1921
  >
1890
1922
  <path
1891
- d="M487.976 0H24.028C2.71 0-8.047 25.866 7.058 40.971L192 225.941V432c0 7.831 3.821 15.17 10.237 19.662l80 55.98C298.02 518.69 320 507.493 320 487.98V225.941l184.947-184.97C520.021 25.896 509.338 0 487.976 0z"
1923
+ d="M29.875 3.5V7a.876.876 0 0 1-.256.619l-9.744 9.744v10.638a.875.875 0 0 1-.599.83l-6 2a.876.876 0 0 1-.788-.12.874.874 0 0 1-.363-.71V17.363L2.381 7.619A.876.876 0 0 1 2.125 7V3.5c0-.758.617-1.375 1.375-1.375h25c.758 0 1.375.617 1.375 1.375Z"
1892
1924
  />
1893
1925
  </svg>
1894
1926
  </span>
@@ -1911,7 +1943,7 @@ wrapperTag: div
1911
1943
  <span class="pf-v6-c-menu-toggle__icon">
1912
1944
  <svg
1913
1945
  class="pf-v6-svg"
1914
- viewBox="0 0 512 512"
1946
+ viewBox="0 0 32 32"
1915
1947
  fill="currentColor"
1916
1948
  aria-hidden="true"
1917
1949
  role="img"
@@ -1919,7 +1951,7 @@ wrapperTag: div
1919
1951
  height="1em"
1920
1952
  >
1921
1953
  <path
1922
- d="M487.976 0H24.028C2.71 0-8.047 25.866 7.058 40.971L192 225.941V432c0 7.831 3.821 15.17 10.237 19.662l80 55.98C298.02 518.69 320 507.493 320 487.98V225.941l184.947-184.97C520.021 25.896 509.338 0 487.976 0z"
1954
+ d="M29.875 3.5V7a.876.876 0 0 1-.256.619l-9.744 9.744v10.638a.875.875 0 0 1-.599.83l-6 2a.876.876 0 0 1-.788-.12.874.874 0 0 1-.363-.71V17.363L2.381 7.619A.876.876 0 0 1 2.125 7V3.5c0-.758.617-1.375 1.375-1.375h25c.758 0 1.375.617 1.375 1.375Z"
1923
1955
  />
1924
1956
  </svg>
1925
1957
  </span>
@@ -3037,7 +3069,23 @@ wrapperTag: div
3037
3069
  type="button"
3038
3070
  aria-expanded="false"
3039
3071
  aria-label="Settings"
3040
- ></button>
3072
+ >
3073
+ <span class="pf-v6-c-menu-toggle__icon">
3074
+ <svg
3075
+ class="pf-v6-svg"
3076
+ viewBox="0 0 32 32"
3077
+ fill="currentColor"
3078
+ aria-hidden="true"
3079
+ role="img"
3080
+ width="1em"
3081
+ height="1em"
3082
+ >
3083
+ <path
3084
+ 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"
3085
+ />
3086
+ </svg>
3087
+ </span>
3088
+ </button>
3041
3089
  </div>
3042
3090
  <div class="pf-v6-c-toolbar__item">
3043
3091
  <button
@@ -3257,7 +3305,7 @@ wrapperTag: div
3257
3305
  <span class="pf-v6-c-menu-toggle__icon">
3258
3306
  <svg
3259
3307
  class="pf-v6-svg"
3260
- viewBox="0 0 512 512"
3308
+ viewBox="0 0 32 32"
3261
3309
  fill="currentColor"
3262
3310
  aria-hidden="true"
3263
3311
  role="img"
@@ -3265,7 +3313,7 @@ wrapperTag: div
3265
3313
  height="1em"
3266
3314
  >
3267
3315
  <path
3268
- d="M487.976 0H24.028C2.71 0-8.047 25.866 7.058 40.971L192 225.941V432c0 7.831 3.821 15.17 10.237 19.662l80 55.98C298.02 518.69 320 507.493 320 487.98V225.941l184.947-184.97C520.021 25.896 509.338 0 487.976 0z"
3316
+ d="M29.875 3.5V7a.876.876 0 0 1-.256.619l-9.744 9.744v10.638a.875.875 0 0 1-.599.83l-6 2a.876.876 0 0 1-.788-.12.874.874 0 0 1-.363-.71V17.363L2.381 7.619A.876.876 0 0 1 2.125 7V3.5c0-.758.617-1.375 1.375-1.375h25c.758 0 1.375.617 1.375 1.375Z"
3269
3317
  />
3270
3318
  </svg>
3271
3319
  </span>
@@ -4337,7 +4385,23 @@ wrapperTag: div
4337
4385
  type="button"
4338
4386
  aria-expanded="false"
4339
4387
  aria-label="Settings"
4340
- ></button>
4388
+ >
4389
+ <span class="pf-v6-c-menu-toggle__icon">
4390
+ <svg
4391
+ class="pf-v6-svg"
4392
+ viewBox="0 0 32 32"
4393
+ fill="currentColor"
4394
+ aria-hidden="true"
4395
+ role="img"
4396
+ width="1em"
4397
+ height="1em"
4398
+ >
4399
+ <path
4400
+ 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"
4401
+ />
4402
+ </svg>
4403
+ </span>
4404
+ </button>
4341
4405
  </div>
4342
4406
  <div class="pf-v6-c-toolbar__item">
4343
4407
  <button
@@ -4553,7 +4617,7 @@ wrapperTag: div
4553
4617
  <span class="pf-v6-c-menu-toggle__icon">
4554
4618
  <svg
4555
4619
  class="pf-v6-svg"
4556
- viewBox="0 0 512 512"
4620
+ viewBox="0 0 32 32"
4557
4621
  fill="currentColor"
4558
4622
  aria-hidden="true"
4559
4623
  role="img"
@@ -4561,7 +4625,7 @@ wrapperTag: div
4561
4625
  height="1em"
4562
4626
  >
4563
4627
  <path
4564
- d="M487.976 0H24.028C2.71 0-8.047 25.866 7.058 40.971L192 225.941V432c0 7.831 3.821 15.17 10.237 19.662l80 55.98C298.02 518.69 320 507.493 320 487.98V225.941l184.947-184.97C520.021 25.896 509.338 0 487.976 0z"
4628
+ d="M29.875 3.5V7a.876.876 0 0 1-.256.619l-9.744 9.744v10.638a.875.875 0 0 1-.599.83l-6 2a.876.876 0 0 1-.788-.12.874.874 0 0 1-.363-.71V17.363L2.381 7.619A.876.876 0 0 1 2.125 7V3.5c0-.758.617-1.375 1.375-1.375h25c.758 0 1.375.617 1.375 1.375Z"
4565
4629
  />
4566
4630
  </svg>
4567
4631
  </span>
@@ -4628,7 +4692,7 @@ wrapperTag: div
4628
4692
  <span class="pf-v6-c-menu-toggle__icon">
4629
4693
  <svg
4630
4694
  class="pf-v6-svg"
4631
- viewBox="0 0 512 512"
4695
+ viewBox="0 0 32 32"
4632
4696
  fill="currentColor"
4633
4697
  aria-hidden="true"
4634
4698
  role="img"
@@ -4636,7 +4700,7 @@ wrapperTag: div
4636
4700
  height="1em"
4637
4701
  >
4638
4702
  <path
4639
- d="M487.976 0H24.028C2.71 0-8.047 25.866 7.058 40.971L192 225.941V432c0 7.831 3.821 15.17 10.237 19.662l80 55.98C298.02 518.69 320 507.493 320 487.98V225.941l184.947-184.97C520.021 25.896 509.338 0 487.976 0z"
4703
+ d="M29.875 3.5V7a.876.876 0 0 1-.256.619l-9.744 9.744v10.638a.875.875 0 0 1-.599.83l-6 2a.876.876 0 0 1-.788-.12.874.874 0 0 1-.363-.71V17.363L2.381 7.619A.876.876 0 0 1 2.125 7V3.5c0-.758.617-1.375 1.375-1.375h25c.758 0 1.375.617 1.375 1.375Z"
4640
4704
  />
4641
4705
  </svg>
4642
4706
  </span>
@@ -5795,7 +5859,23 @@ wrapperTag: div
5795
5859
  type="button"
5796
5860
  aria-expanded="false"
5797
5861
  aria-label="Settings"
5798
- ></button>
5862
+ >
5863
+ <span class="pf-v6-c-menu-toggle__icon">
5864
+ <svg
5865
+ class="pf-v6-svg"
5866
+ viewBox="0 0 32 32"
5867
+ fill="currentColor"
5868
+ aria-hidden="true"
5869
+ role="img"
5870
+ width="1em"
5871
+ height="1em"
5872
+ >
5873
+ <path
5874
+ 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"
5875
+ />
5876
+ </svg>
5877
+ </span>
5878
+ </button>
5799
5879
  </div>
5800
5880
  <div class="pf-v6-c-toolbar__item">
5801
5881
  <button
@@ -6357,7 +6437,23 @@ wrapperTag: div
6357
6437
  type="button"
6358
6438
  aria-expanded="false"
6359
6439
  aria-label="Settings"
6360
- ></button>
6440
+ >
6441
+ <span class="pf-v6-c-menu-toggle__icon">
6442
+ <svg
6443
+ class="pf-v6-svg"
6444
+ viewBox="0 0 32 32"
6445
+ fill="currentColor"
6446
+ aria-hidden="true"
6447
+ role="img"
6448
+ width="1em"
6449
+ height="1em"
6450
+ >
6451
+ <path
6452
+ 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"
6453
+ />
6454
+ </svg>
6455
+ </span>
6456
+ </button>
6361
6457
  </div>
6362
6458
  <div class="pf-v6-c-toolbar__item">
6363
6459
  <button
@@ -7068,7 +7164,23 @@ wrapperTag: div
7068
7164
  type="button"
7069
7165
  aria-expanded="false"
7070
7166
  aria-label="Settings"
7071
- ></button>
7167
+ >
7168
+ <span class="pf-v6-c-menu-toggle__icon">
7169
+ <svg
7170
+ class="pf-v6-svg"
7171
+ viewBox="0 0 32 32"
7172
+ fill="currentColor"
7173
+ aria-hidden="true"
7174
+ role="img"
7175
+ width="1em"
7176
+ height="1em"
7177
+ >
7178
+ <path
7179
+ 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"
7180
+ />
7181
+ </svg>
7182
+ </span>
7183
+ </button>
7072
7184
  </div>
7073
7185
  <div class="pf-v6-c-toolbar__item">
7074
7186
  <button
package/docs/demos/Skeleton/examples/Skeleton.md CHANGED
@@ -168,7 +168,23 @@ section: components
168
168
  type="button"
169
169
  aria-expanded="false"
170
170
  aria-label="Settings"
171
- ></button>
171
+ >
172
+ <span class="pf-v6-c-menu-toggle__icon">
173
+ <svg
174
+ class="pf-v6-svg"
175
+ viewBox="0 0 32 32"
176
+ fill="currentColor"
177
+ aria-hidden="true"
178
+ role="img"
179
+ width="1em"
180
+ height="1em"
181
+ >
182
+ <path
183
+ 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"
184
+ />
185
+ </svg>
186
+ </span>
187
+ </button>
172
188
  </div>
173
189
  <div class="pf-v6-c-toolbar__item">
174
190
  <button