@patternfly/patternfly 6.5.0-prerelease.65 → 6.5.0-prerelease.67

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (56) hide show
  1. package/components/Accordion/accordion.css +1 -2
  2. package/components/Accordion/accordion.scss +2 -2
  3. package/components/Breadcrumb/breadcrumb.css +6 -2
  4. package/components/Breadcrumb/breadcrumb.scss +6 -2
  5. package/components/DataList/data-list.css +1 -1
  6. package/components/DataList/data-list.scss +2 -2
  7. package/components/Drawer/drawer.css +3 -5
  8. package/components/Drawer/drawer.scss +7 -9
  9. package/components/MenuToggle/menu-toggle.css +1 -1
  10. package/components/MenuToggle/menu-toggle.scss +1 -1
  11. package/components/Page/page.css +11 -11
  12. package/components/Page/page.scss +2 -2
  13. package/components/Table/table.css +59 -21
  14. package/components/Table/table.scss +77 -26
  15. package/components/Wizard/wizard.css +2 -2
  16. package/components/Wizard/wizard.scss +4 -4
  17. package/components/_index.css +84 -45
  18. package/docs/components/ActionList/examples/ActionList.md +2 -2
  19. package/docs/components/Alert/examples/Alert.md +4 -4
  20. package/docs/components/Breadcrumb/examples/Breadcrumb.md +1 -1
  21. package/docs/components/Button/examples/Button.md +31 -31
  22. package/docs/components/Icon/examples/Icon.md +13 -1
  23. package/docs/components/Menu/examples/Menu.md +26 -2
  24. package/docs/components/MenuToggle/examples/MenuToggle.md +172 -64
  25. package/docs/components/Table/examples/Table.css +2 -1
  26. package/docs/components/Table/examples/Table.md +1330 -166
  27. package/docs/components/Toolbar/examples/Toolbar.md +67 -7
  28. package/docs/components/TreeView/examples/TreeView.md +4 -4
  29. package/docs/components/Wizard/examples/Wizard.md +1 -1
  30. package/docs/demos/AboutModal/examples/AboutModal.md +23 -15
  31. package/docs/demos/Alert/examples/Alert.md +69 -45
  32. package/docs/demos/BackToTop/examples/BackToTop.md +23 -15
  33. package/docs/demos/Banner/examples/Banner.md +46 -30
  34. package/docs/demos/CardView/examples/CardView.md +36 -16
  35. package/docs/demos/Compass/examples/Compass.md +76 -19
  36. package/docs/demos/Dashboard/examples/Dashboard.md +23 -15
  37. package/docs/demos/DataList/examples/DataList.md +157 -65
  38. package/docs/demos/DescriptionList/examples/DescriptionList.md +69 -45
  39. package/docs/demos/Drawer/examples/Drawer.md +115 -75
  40. package/docs/demos/JumpLinks/examples/JumpLinks.md +138 -90
  41. package/docs/demos/Masthead/examples/Masthead.md +101 -21
  42. package/docs/demos/Modal/examples/Modal.md +138 -90
  43. package/docs/demos/Nav/examples/Nav.md +188 -120
  44. package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +115 -75
  45. package/docs/demos/Page/examples/Page.md +361 -213
  46. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +265 -113
  47. package/docs/demos/Skeleton/examples/Skeleton.md +23 -15
  48. package/docs/demos/Table/examples/Table.md +3561 -618
  49. package/docs/demos/Tabs/examples/Tabs.md +151 -91
  50. package/docs/demos/Toolbar/examples/Toolbar.md +546 -106
  51. package/docs/demos/Wizard/examples/Wizard.md +207 -135
  52. package/package.json +2 -2
  53. package/patternfly-no-globals.css +84 -45
  54. package/patternfly.css +84 -45
  55. package/patternfly.min.css +1 -1
  56. package/patternfly.min.css.map +1 -1
package/docs/components/Button/examples/Button.md CHANGED
@@ -70,7 +70,7 @@ cssPrefix: pf-v6-c-button
70
70
  <span class="pf-v6-c-button__icon pf-m-start">
71
71
  <svg
72
72
  class="pf-v6-svg"
73
- viewBox="0 0 352 512"
73
+ viewBox="0 0 20 20"
74
74
  fill="currentColor"
75
75
  aria-hidden="true"
76
76
  role="img"
@@ -78,7 +78,7 @@ cssPrefix: pf-v6-c-button
78
78
  height="1em"
79
79
  >
80
80
  <path
81
- d="M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z"
81
+ d="M17.8 16.2 11.59 10l6.21-6.21c.42-.46.39-1.17-.07-1.59-.43-.4-1.09-.4-1.52 0l-6.2 6.2-6.22-6.19c-.44-.44-1.15-.44-1.59 0-.44.44-.44 1.15 0 1.59l6.2 6.21-6.2 6.2c-.42.46-.39 1.17.07 1.59.43.4 1.09.4 1.52 0L10 11.59l6.2 6.2c.44.44 1.15.44 1.59 0 .44-.45.44-1.16 0-1.6Z"
82
82
  />
83
83
  </svg>
84
84
  </span>
@@ -316,7 +316,7 @@ cssPrefix: pf-v6-c-button
316
316
  <span class="pf-v6-c-button__icon pf-m-start">
317
317
  <svg
318
318
  class="pf-v6-svg"
319
- viewBox="0 0 352 512"
319
+ viewBox="0 0 20 20"
320
320
  fill="currentColor"
321
321
  aria-hidden="true"
322
322
  role="img"
@@ -324,7 +324,7 @@ cssPrefix: pf-v6-c-button
324
324
  height="1em"
325
325
  >
326
326
  <path
327
- d="M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z"
327
+ d="M17.8 16.2 11.59 10l6.21-6.21c.42-.46.39-1.17-.07-1.59-.43-.4-1.09-.4-1.52 0l-6.2 6.2-6.22-6.19c-.44-.44-1.15-.44-1.59 0-.44.44-.44 1.15 0 1.59l6.2 6.21-6.2 6.2c-.42.46-.39 1.17.07 1.59.43.4 1.09.4 1.52 0L10 11.59l6.2 6.2c.44.44 1.15.44 1.59 0 .44-.45.44-1.16 0-1.6Z"
328
328
  />
329
329
  </svg>
330
330
  </span>
@@ -578,7 +578,7 @@ cssPrefix: pf-v6-c-button
578
578
  <span class="pf-v6-c-button__icon pf-m-end">
579
579
  <svg
580
580
  class="pf-v6-svg"
581
- viewBox="0 0 352 512"
581
+ viewBox="0 0 20 20"
582
582
  fill="currentColor"
583
583
  aria-hidden="true"
584
584
  role="img"
@@ -586,7 +586,7 @@ cssPrefix: pf-v6-c-button
586
586
  height="1em"
587
587
  >
588
588
  <path
589
- d="M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z"
589
+ d="M17.8 16.2 11.59 10l6.21-6.21c.42-.46.39-1.17-.07-1.59-.43-.4-1.09-.4-1.52 0l-6.2 6.2-6.22-6.19c-.44-.44-1.15-.44-1.59 0-.44.44-.44 1.15 0 1.59l6.2 6.21-6.2 6.2c-.42.46-.39 1.17.07 1.59.43.4 1.09.4 1.52 0L10 11.59l6.2 6.2c.44.44 1.15.44 1.59 0 .44-.45.44-1.16 0-1.6Z"
590
590
  />
591
591
  </svg>
592
592
  </span>
@@ -713,7 +713,7 @@ cssPrefix: pf-v6-c-button
713
713
  <span class="pf-v6-c-button__icon pf-m-start">
714
714
  <svg
715
715
  class="pf-v6-svg"
716
- viewBox="0 0 352 512"
716
+ viewBox="0 0 20 20"
717
717
  fill="currentColor"
718
718
  aria-hidden="true"
719
719
  role="img"
@@ -721,7 +721,7 @@ cssPrefix: pf-v6-c-button
721
721
  height="1em"
722
722
  >
723
723
  <path
724
- d="M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z"
724
+ d="M17.8 16.2 11.59 10l6.21-6.21c.42-.46.39-1.17-.07-1.59-.43-.4-1.09-.4-1.52 0l-6.2 6.2-6.22-6.19c-.44-.44-1.15-.44-1.59 0-.44.44-.44 1.15 0 1.59l6.2 6.21-6.2 6.2c-.42.46-.39 1.17.07 1.59.43.4 1.09.4 1.52 0L10 11.59l6.2 6.2c.44.44 1.15.44 1.59 0 .44-.45.44-1.16 0-1.6Z"
725
725
  />
726
726
  </svg>
727
727
  </span>
@@ -970,7 +970,7 @@ cssPrefix: pf-v6-c-button
970
970
  <span class="pf-v6-c-button__icon pf-m-start">
971
971
  <svg
972
972
  class="pf-v6-svg"
973
- viewBox="0 0 352 512"
973
+ viewBox="0 0 20 20"
974
974
  fill="currentColor"
975
975
  aria-hidden="true"
976
976
  role="img"
@@ -978,7 +978,7 @@ cssPrefix: pf-v6-c-button
978
978
  height="1em"
979
979
  >
980
980
  <path
981
- d="M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z"
981
+ d="M17.8 16.2 11.59 10l6.21-6.21c.42-.46.39-1.17-.07-1.59-.43-.4-1.09-.4-1.52 0l-6.2 6.2-6.22-6.19c-.44-.44-1.15-.44-1.59 0-.44.44-.44 1.15 0 1.59l6.2 6.21-6.2 6.2c-.42.46-.39 1.17.07 1.59.43.4 1.09.4 1.52 0L10 11.59l6.2 6.2c.44.44 1.15.44 1.59 0 .44-.45.44-1.16 0-1.6Z"
982
982
  />
983
983
  </svg>
984
984
  </span>
@@ -1243,7 +1243,7 @@ cssPrefix: pf-v6-c-button
1243
1243
  <span class="pf-v6-c-button__icon pf-m-end">
1244
1244
  <svg
1245
1245
  class="pf-v6-svg"
1246
- viewBox="0 0 352 512"
1246
+ viewBox="0 0 20 20"
1247
1247
  fill="currentColor"
1248
1248
  aria-hidden="true"
1249
1249
  role="img"
@@ -1251,7 +1251,7 @@ cssPrefix: pf-v6-c-button
1251
1251
  height="1em"
1252
1252
  >
1253
1253
  <path
1254
- d="M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z"
1254
+ d="M17.8 16.2 11.59 10l6.21-6.21c.42-.46.39-1.17-.07-1.59-.43-.4-1.09-.4-1.52 0l-6.2 6.2-6.22-6.19c-.44-.44-1.15-.44-1.59 0-.44.44-.44 1.15 0 1.59l6.2 6.21-6.2 6.2c-.42.46-.39 1.17.07 1.59.43.4 1.09.4 1.52 0L10 11.59l6.2 6.2c.44.44 1.15.44 1.59 0 .44-.45.44-1.16 0-1.6Z"
1255
1255
  />
1256
1256
  </svg>
1257
1257
  </span>
@@ -1378,7 +1378,7 @@ cssPrefix: pf-v6-c-button
1378
1378
  <span class="pf-v6-c-button__icon pf-m-start">
1379
1379
  <svg
1380
1380
  class="pf-v6-svg"
1381
- viewBox="0 0 352 512"
1381
+ viewBox="0 0 20 20"
1382
1382
  fill="currentColor"
1383
1383
  aria-hidden="true"
1384
1384
  role="img"
@@ -1386,7 +1386,7 @@ cssPrefix: pf-v6-c-button
1386
1386
  height="1em"
1387
1387
  >
1388
1388
  <path
1389
- d="M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z"
1389
+ d="M17.8 16.2 11.59 10l6.21-6.21c.42-.46.39-1.17-.07-1.59-.43-.4-1.09-.4-1.52 0l-6.2 6.2-6.22-6.19c-.44-.44-1.15-.44-1.59 0-.44.44-.44 1.15 0 1.59l6.2 6.21-6.2 6.2c-.42.46-.39 1.17.07 1.59.43.4 1.09.4 1.52 0L10 11.59l6.2 6.2c.44.44 1.15.44 1.59 0 .44-.45.44-1.16 0-1.6Z"
1390
1390
  />
1391
1391
  </svg>
1392
1392
  </span>
@@ -1635,7 +1635,7 @@ cssPrefix: pf-v6-c-button
1635
1635
  <span class="pf-v6-c-button__icon pf-m-start">
1636
1636
  <svg
1637
1637
  class="pf-v6-svg"
1638
- viewBox="0 0 352 512"
1638
+ viewBox="0 0 20 20"
1639
1639
  fill="currentColor"
1640
1640
  aria-hidden="true"
1641
1641
  role="img"
@@ -1643,7 +1643,7 @@ cssPrefix: pf-v6-c-button
1643
1643
  height="1em"
1644
1644
  >
1645
1645
  <path
1646
- d="M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z"
1646
+ d="M17.8 16.2 11.59 10l6.21-6.21c.42-.46.39-1.17-.07-1.59-.43-.4-1.09-.4-1.52 0l-6.2 6.2-6.22-6.19c-.44-.44-1.15-.44-1.59 0-.44.44-.44 1.15 0 1.59l6.2 6.21-6.2 6.2c-.42.46-.39 1.17.07 1.59.43.4 1.09.4 1.52 0L10 11.59l6.2 6.2c.44.44 1.15.44 1.59 0 .44-.45.44-1.16 0-1.6Z"
1647
1647
  />
1648
1648
  </svg>
1649
1649
  </span>
@@ -1908,7 +1908,7 @@ cssPrefix: pf-v6-c-button
1908
1908
  <span class="pf-v6-c-button__icon pf-m-end">
1909
1909
  <svg
1910
1910
  class="pf-v6-svg"
1911
- viewBox="0 0 352 512"
1911
+ viewBox="0 0 20 20"
1912
1912
  fill="currentColor"
1913
1913
  aria-hidden="true"
1914
1914
  role="img"
@@ -1916,7 +1916,7 @@ cssPrefix: pf-v6-c-button
1916
1916
  height="1em"
1917
1917
  >
1918
1918
  <path
1919
- d="M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z"
1919
+ d="M17.8 16.2 11.59 10l6.21-6.21c.42-.46.39-1.17-.07-1.59-.43-.4-1.09-.4-1.52 0l-6.2 6.2-6.22-6.19c-.44-.44-1.15-.44-1.59 0-.44.44-.44 1.15 0 1.59l6.2 6.21-6.2 6.2c-.42.46-.39 1.17.07 1.59.43.4 1.09.4 1.52 0L10 11.59l6.2 6.2c.44.44 1.15.44 1.59 0 .44-.45.44-1.16 0-1.6Z"
1920
1920
  />
1921
1921
  </svg>
1922
1922
  </span>
@@ -2046,7 +2046,7 @@ cssPrefix: pf-v6-c-button
2046
2046
  <span class="pf-v6-c-button__icon pf-m-start">
2047
2047
  <svg
2048
2048
  class="pf-v6-svg"
2049
- viewBox="0 0 352 512"
2049
+ viewBox="0 0 20 20"
2050
2050
  fill="currentColor"
2051
2051
  aria-hidden="true"
2052
2052
  role="img"
@@ -2054,7 +2054,7 @@ cssPrefix: pf-v6-c-button
2054
2054
  height="1em"
2055
2055
  >
2056
2056
  <path
2057
- d="M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z"
2057
+ d="M17.8 16.2 11.59 10l6.21-6.21c.42-.46.39-1.17-.07-1.59-.43-.4-1.09-.4-1.52 0l-6.2 6.2-6.22-6.19c-.44-.44-1.15-.44-1.59 0-.44.44-.44 1.15 0 1.59l6.2 6.21-6.2 6.2c-.42.46-.39 1.17.07 1.59.43.4 1.09.4 1.52 0L10 11.59l6.2 6.2c.44.44 1.15.44 1.59 0 .44-.45.44-1.16 0-1.6Z"
2058
2058
  />
2059
2059
  </svg>
2060
2060
  </span>
@@ -2307,7 +2307,7 @@ cssPrefix: pf-v6-c-button
2307
2307
  <span class="pf-v6-c-button__icon pf-m-start">
2308
2308
  <svg
2309
2309
  class="pf-v6-svg"
2310
- viewBox="0 0 352 512"
2310
+ viewBox="0 0 20 20"
2311
2311
  fill="currentColor"
2312
2312
  aria-hidden="true"
2313
2313
  role="img"
@@ -2315,7 +2315,7 @@ cssPrefix: pf-v6-c-button
2315
2315
  height="1em"
2316
2316
  >
2317
2317
  <path
2318
- d="M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z"
2318
+ d="M17.8 16.2 11.59 10l6.21-6.21c.42-.46.39-1.17-.07-1.59-.43-.4-1.09-.4-1.52 0l-6.2 6.2-6.22-6.19c-.44-.44-1.15-.44-1.59 0-.44.44-.44 1.15 0 1.59l6.2 6.21-6.2 6.2c-.42.46-.39 1.17.07 1.59.43.4 1.09.4 1.52 0L10 11.59l6.2 6.2c.44.44 1.15.44 1.59 0 .44-.45.44-1.16 0-1.6Z"
2319
2319
  />
2320
2320
  </svg>
2321
2321
  </span>
@@ -2584,7 +2584,7 @@ cssPrefix: pf-v6-c-button
2584
2584
  <span class="pf-v6-c-button__icon pf-m-end">
2585
2585
  <svg
2586
2586
  class="pf-v6-svg"
2587
- viewBox="0 0 352 512"
2587
+ viewBox="0 0 20 20"
2588
2588
  fill="currentColor"
2589
2589
  aria-hidden="true"
2590
2590
  role="img"
@@ -2592,7 +2592,7 @@ cssPrefix: pf-v6-c-button
2592
2592
  height="1em"
2593
2593
  >
2594
2594
  <path
2595
- d="M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z"
2595
+ d="M17.8 16.2 11.59 10l6.21-6.21c.42-.46.39-1.17-.07-1.59-.43-.4-1.09-.4-1.52 0l-6.2 6.2-6.22-6.19c-.44-.44-1.15-.44-1.59 0-.44.44-.44 1.15 0 1.59l6.2 6.21-6.2 6.2c-.42.46-.39 1.17.07 1.59.43.4 1.09.4 1.52 0L10 11.59l6.2 6.2c.44.44 1.15.44 1.59 0 .44-.45.44-1.16 0-1.6Z"
2596
2596
  />
2597
2597
  </svg>
2598
2598
  </span>
@@ -2755,7 +2755,7 @@ cssPrefix: pf-v6-c-button
2755
2755
  <span class="pf-v6-c-button__icon pf-m-start">
2756
2756
  <svg
2757
2757
  class="pf-v6-svg"
2758
- viewBox="0 0 352 512"
2758
+ viewBox="0 0 20 20"
2759
2759
  fill="currentColor"
2760
2760
  aria-hidden="true"
2761
2761
  role="img"
@@ -2763,7 +2763,7 @@ cssPrefix: pf-v6-c-button
2763
2763
  height="1em"
2764
2764
  >
2765
2765
  <path
2766
- d="M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z"
2766
+ d="M17.8 16.2 11.59 10l6.21-6.21c.42-.46.39-1.17-.07-1.59-.43-.4-1.09-.4-1.52 0l-6.2 6.2-6.22-6.19c-.44-.44-1.15-.44-1.59 0-.44.44-.44 1.15 0 1.59l6.2 6.21-6.2 6.2c-.42.46-.39 1.17.07 1.59.43.4 1.09.4 1.52 0L10 11.59l6.2 6.2c.44.44 1.15.44 1.59 0 .44-.45.44-1.16 0-1.6Z"
2767
2767
  />
2768
2768
  </svg>
2769
2769
  </span>
@@ -3052,7 +3052,7 @@ cssPrefix: pf-v6-c-button
3052
3052
  <span class="pf-v6-c-button__icon pf-m-start">
3053
3053
  <svg
3054
3054
  class="pf-v6-svg"
3055
- viewBox="0 0 352 512"
3055
+ viewBox="0 0 20 20"
3056
3056
  fill="currentColor"
3057
3057
  aria-hidden="true"
3058
3058
  role="img"
@@ -3060,7 +3060,7 @@ cssPrefix: pf-v6-c-button
3060
3060
  height="1em"
3061
3061
  >
3062
3062
  <path
3063
- d="M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z"
3063
+ d="M17.8 16.2 11.59 10l6.21-6.21c.42-.46.39-1.17-.07-1.59-.43-.4-1.09-.4-1.52 0l-6.2 6.2-6.22-6.19c-.44-.44-1.15-.44-1.59 0-.44.44-.44 1.15 0 1.59l6.2 6.21-6.2 6.2c-.42.46-.39 1.17.07 1.59.43.4 1.09.4 1.52 0L10 11.59l6.2 6.2c.44.44 1.15.44 1.59 0 .44-.45.44-1.16 0-1.6Z"
3064
3064
  />
3065
3065
  </svg>
3066
3066
  </span>
@@ -3365,7 +3365,7 @@ cssPrefix: pf-v6-c-button
3365
3365
  <span class="pf-v6-c-button__icon pf-m-end">
3366
3366
  <svg
3367
3367
  class="pf-v6-svg"
3368
- viewBox="0 0 352 512"
3368
+ viewBox="0 0 20 20"
3369
3369
  fill="currentColor"
3370
3370
  aria-hidden="true"
3371
3371
  role="img"
@@ -3373,7 +3373,7 @@ cssPrefix: pf-v6-c-button
3373
3373
  height="1em"
3374
3374
  >
3375
3375
  <path
3376
- d="M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z"
3376
+ d="M17.8 16.2 11.59 10l6.21-6.21c.42-.46.39-1.17-.07-1.59-.43-.4-1.09-.4-1.52 0l-6.2 6.2-6.22-6.19c-.44-.44-1.15-.44-1.59 0-.44.44-.44 1.15 0 1.59l6.2 6.21-6.2 6.2c-.42.46-.39 1.17.07 1.59.43.4 1.09.4 1.52 0L10 11.59l6.2 6.2c.44.44 1.15.44 1.59 0 .44-.45.44-1.16 0-1.6Z"
3377
3377
  />
3378
3378
  </svg>
3379
3379
  </span>
@@ -4416,7 +4416,7 @@ A favorite button should use a plain button with the star icon. Applying `.pf-m-
4416
4416
  height="1em"
4417
4417
  >
4418
4418
  <path
4419
- d="M16 11c-2.757 0-5 2.243-5 5s2.243 5 5 5 5-2.243 5-5-2.243-5-5-5Zm0 8c-1.654 0-3-1.346-3-3s1.346-3 3-3 3 1.346 3 3-1.346 3-3 3Zm14.657-6.211c-.1-.46-.507-.789-.978-.789h-2.373c-.141-.4-.302-.791-.481-1.168l1.677-1.676a1 1 0 0 0 .134-1.249 15.23 15.23 0 0 0-4.543-4.542 1 1 0 0 0-1.248.134l-1.677 1.676c-.378-.18-.768-.341-1.168-.481V2.32a1 1 0 0 0-.788-.978 15.32 15.32 0 0 0-6.424 0A1 1 0 0 0 12 2.32v2.374c-.4.141-.79.302-1.168.481L9.155 3.499a1 1 0 0 0-1.248-.134 15.246 15.246 0 0 0-4.543 4.541 1 1 0 0 0 .134 1.249l1.677 1.676c-.18.378-.341.769-.481 1.168H2.321a1 1 0 0 0-.978.789 15.17 15.17 0 0 0 0 6.422c.1.46.507.789.978.789h2.373c.141.4.302.791.481 1.168l-1.677 1.676a1 1 0 0 0-.134 1.249 15.253 15.253 0 0 0 4.543 4.542 1 1 0 0 0 1.248-.134l1.677-1.676c.378.18.768.341 1.168.481v2.374a1 1 0 0 0 .788.978 15.23 15.23 0 0 0 6.424 0 1 1 0 0 0 .788-.978v-2.374c.4-.141.79-.302 1.168-.481l1.677 1.676a1 1 0 0 0 1.248.134 15.2 15.2 0 0 0 4.543-4.542 1 1 0 0 0-.134-1.249l-1.677-1.676c.18-.378.341-.769.481-1.168h2.373a1 1 0 0 0 .978-.789 15.177 15.177 0 0 0 0-6.422ZM28.848 18h-2.272a1 1 0 0 0-.962.727 9.963 9.963 0 0 1-.885 2.144 1 1 0 0 0 .166 1.195l1.604 1.604a13.234 13.234 0 0 1-2.828 2.829l-1.604-1.604a1 1 0 0 0-1.195-.166 9.96 9.96 0 0 1-2.144.884 1 1 0 0 0-.728.962v2.273a13.277 13.277 0 0 1-4 0v-2.273a1 1 0 0 0-.728-.962 9.96 9.96 0 0 1-2.144-.884 1.001 1.001 0 0 0-1.195.166l-1.604 1.604a13.196 13.196 0 0 1-2.828-2.829l1.604-1.604c.316-.316.384-.805.166-1.195a9.963 9.963 0 0 1-.885-2.144A1 1 0 0 0 5.424 18H3.152a13.126 13.126 0 0 1 0-4h2.272a1 1 0 0 0 .962-.727 9.963 9.963 0 0 1 .885-2.144 1 1 0 0 0-.166-1.195L5.501 8.33a13.163 13.163 0 0 1 2.828-2.829l1.604 1.604c.316.316.805.383 1.195.166a9.96 9.96 0 0 1 2.144-.884A1 1 0 0 0 14 5.425V3.152a13.277 13.277 0 0 1 4 0v2.273a1 1 0 0 0 .728.962 9.96 9.96 0 0 1 2.144.884 1 1 0 0 0 1.195-.166l1.604-1.604a13.196 13.196 0 0 1 2.828 2.828l-1.604 1.604a1.001 1.001 0 0 0-.166 1.195c.372.665.67 1.386.885 2.144a1 1 0 0 0 .962.727h2.272a13.245 13.245 0 0 1 0 4Z"
4419
+ 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"
4420
4420
  />
4421
4421
  </svg>
4422
4422
  </span>
package/docs/components/Icon/examples/Icon.md CHANGED
@@ -51,7 +51,19 @@ cssPrefix: pf-v6-c-icon
51
51
 
52
52
  <span class="pf-v6-c-icon">
53
53
  <span class="pf-v6-c-icon__content">
54
- <i class="fas fa-cog" aria-hidden="true"></i>
54
+ <svg
55
+ class="pf-v6-svg"
56
+ viewBox="0 0 32 32"
57
+ fill="currentColor"
58
+ aria-hidden="true"
59
+ role="img"
60
+ width="1em"
61
+ height="1em"
62
+ >
63
+ <path
64
+ 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"
65
+ />
66
+ </svg>
55
67
  </span>
56
68
  </span>
57
69
 
package/docs/components/Menu/examples/Menu.md CHANGED
@@ -6880,7 +6880,19 @@ cssPrefix: pf-v6-c-menu
6880
6880
  aria-label="Actions"
6881
6881
  >
6882
6882
  <span class="pf-v6-c-button__icon">
6883
- <i class="fas fa-fw fa-ellipsis-v" aria-hidden="true"></i>
6883
+ <svg
6884
+ class="pf-v6-svg"
6885
+ viewBox="0 0 32 32"
6886
+ fill="currentColor"
6887
+ aria-hidden="true"
6888
+ role="img"
6889
+ width="1em"
6890
+ height="1em"
6891
+ >
6892
+ <path
6893
+ 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"
6894
+ />
6895
+ </svg>
6884
6896
  </span>
6885
6897
  </button>
6886
6898
  </div>
@@ -7039,7 +7051,19 @@ cssPrefix: pf-v6-c-menu
7039
7051
  aria-disabled="true"
7040
7052
  >
7041
7053
  <span class="pf-v6-c-button__icon">
7042
- <i class="fas fa-fw fa-ellipsis-v" aria-hidden="true"></i>
7054
+ <svg
7055
+ class="pf-v6-svg"
7056
+ viewBox="0 0 32 32"
7057
+ fill="currentColor"
7058
+ aria-hidden="true"
7059
+ role="img"
7060
+ width="1em"
7061
+ height="1em"
7062
+ >
7063
+ <path
7064
+ 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"
7065
+ />
7066
+ </svg>
7043
7067
  </span>
7044
7068
  </button>
7045
7069
  </div>