@patternfly/patternfly 6.5.0-prerelease.43 → 6.5.0-prerelease.45

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 (65) hide show
  1. package/components/Button/button.css +76 -3
  2. package/components/Button/button.scss +85 -4
  3. package/components/_index.css +76 -3
  4. package/docs/components/AboutModalBox/examples/AboutModalBox.md +13 -1
  5. package/docs/components/ActionList/examples/ActionList.md +143 -11
  6. package/docs/components/Alert/examples/Alert.md +182 -14
  7. package/docs/components/BackToTop/examples/BackToTop.md +13 -1
  8. package/docs/components/Button/examples/Button.md +2017 -157
  9. package/docs/components/CalendarMonth/examples/CalendarMonth.md +104 -8
  10. package/docs/components/ClipboardCopy/examples/ClipboardCopy.md +208 -16
  11. package/docs/components/CodeBlock/examples/CodeBlock.md +78 -6
  12. package/docs/components/CodeEditor/examples/CodeEditor.md +195 -15
  13. package/docs/components/DatePicker/examples/DatePicker.md +78 -6
  14. package/docs/components/DescriptionList/examples/DescriptionList.md +325 -25
  15. package/docs/components/Drawer/examples/Drawer.md +273 -21
  16. package/docs/components/DualListSelector/examples/DualListSelector.md +106 -112
  17. package/docs/components/InlineEdit/examples/InlineEdit.md +312 -24
  18. package/docs/components/InputGroup/examples/InputGroup.md +26 -2
  19. package/docs/components/Label/examples/Label.md +242 -218
  20. package/docs/components/Login/examples/Login.md +26 -2
  21. package/docs/components/Masthead/examples/masthead.md +13 -1
  22. package/docs/components/MenuToggle/examples/MenuToggle.md +1 -1
  23. package/docs/components/ModalBox/examples/ModalBox.md +195 -15
  24. package/docs/components/MultipleFileUpload/examples/MultipleFileUpload.md +117 -9
  25. package/docs/components/Nav/examples/Navigation.md +52 -4
  26. package/docs/components/NotificationDrawer/examples/NotificationDrawer.md +26 -2
  27. package/docs/components/OverflowMenu/examples/overflow-menu.md +78 -6
  28. package/docs/components/Page/examples/Page.md +13 -1
  29. package/docs/components/Pagination/examples/Pagination.md +624 -48
  30. package/docs/components/Popover/examples/Popover.md +208 -16
  31. package/docs/components/Slider/examples/Slider.md +4 -4
  32. package/docs/components/Table/examples/Table.md +52 -4
  33. package/docs/components/Tabs/examples/Tabs.md +1378 -106
  34. package/docs/components/TextInputGroup/examples/TextInputGroup.md +128 -44
  35. package/docs/components/Toolbar/examples/Toolbar.md +455 -35
  36. package/docs/components/TreeView/examples/TreeView.md +52 -4
  37. package/docs/components/Wizard/examples/Wizard.md +169 -13
  38. package/docs/demos/AboutModal/examples/AboutModal.md +13 -1
  39. package/docs/demos/Alert/examples/Alert.md +39 -3
  40. package/docs/demos/BackToTop/examples/BackToTop.md +13 -1
  41. package/docs/demos/Button/examples/Button.md +13 -1
  42. package/docs/demos/Card/examples/Card.md +65 -5
  43. package/docs/demos/CardView/examples/CardView.md +78 -6
  44. package/docs/demos/Compass/examples/Compass.md +323 -29
  45. package/docs/demos/Dashboard/examples/Dashboard.md +39 -3
  46. package/docs/demos/DataList/examples/DataList.md +312 -24
  47. package/docs/demos/DescriptionList/examples/DescriptionList.md +13 -1
  48. package/docs/demos/Drawer/examples/Drawer.md +39 -3
  49. package/docs/demos/Form/examples/BasicForms.md +106 -10
  50. package/docs/demos/JumpLinks/examples/JumpLinks.md +26 -2
  51. package/docs/demos/Masthead/examples/Masthead.md +40 -4
  52. package/docs/demos/Modal/examples/Modal.md +78 -6
  53. package/docs/demos/Nav/examples/Nav.md +52 -4
  54. package/docs/demos/PasswordGenerator/examples/PasswordGenerator.md +13 -1
  55. package/docs/demos/PasswordStrength/examples/PasswordStrength.md +52 -4
  56. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +295 -55
  57. package/docs/demos/Table/examples/Table.md +1108 -145
  58. package/docs/demos/Tabs/examples/Tabs.md +53 -8
  59. package/docs/demos/Toolbar/examples/Toolbar.md +414 -36
  60. package/docs/demos/Wizard/examples/Wizard.md +130 -10
  61. package/package.json +2 -2
  62. package/patternfly-no-globals.css +76 -3
  63. package/patternfly.css +76 -3
  64. package/patternfly.min.css +1 -1
  65. package/patternfly.min.css.map +1 -1
package/docs/demos/Dashboard/examples/Dashboard.md CHANGED
@@ -403,7 +403,19 @@ cssPrefix: pf-d-dashboard
403
403
  >
404
404
  <span class="pf-v6-c-button__text">View pathway</span>
405
405
  <span class="pf-v6-c-button__icon pf-m-end">
406
- <i class="fas fa-arrow-right" aria-hidden="true"></i>
406
+ <svg
407
+ class="pf-v6-svg"
408
+ viewBox="0 0 448 512"
409
+ fill="currentColor"
410
+ aria-hidden="true"
411
+ role="img"
412
+ width="1em"
413
+ height="1em"
414
+ >
415
+ <path
416
+ d="M190.5 66.9l22.2-22.2c9.4-9.4 24.6-9.4 33.9 0L441 239c9.4 9.4 9.4 24.6 0 33.9L246.6 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.2-22.2c-9.5-9.5-9.3-25 .4-34.3L311.4 296H24c-13.3 0-24-10.7-24-24v-32c0-13.3 10.7-24 24-24h287.4L190.9 101.2c-9.8-9.3-10-24.8-.4-34.3z"
417
+ />
418
+ </svg>
407
419
  </span>
408
420
  </a>
409
421
  </div>
@@ -493,7 +505,19 @@ cssPrefix: pf-d-dashboard
493
505
  >
494
506
  <span class="pf-v6-c-button__text">View pathway</span>
495
507
  <span class="pf-v6-c-button__icon pf-m-end">
496
- <i class="fas fa-arrow-right" aria-hidden="true"></i>
508
+ <svg
509
+ class="pf-v6-svg"
510
+ viewBox="0 0 448 512"
511
+ fill="currentColor"
512
+ aria-hidden="true"
513
+ role="img"
514
+ width="1em"
515
+ height="1em"
516
+ >
517
+ <path
518
+ d="M190.5 66.9l22.2-22.2c9.4-9.4 24.6-9.4 33.9 0L441 239c9.4 9.4 9.4 24.6 0 33.9L246.6 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.2-22.2c-9.5-9.5-9.3-25 .4-34.3L311.4 296H24c-13.3 0-24-10.7-24-24v-32c0-13.3 10.7-24 24-24h287.4L190.9 101.2c-9.8-9.3-10-24.8-.4-34.3z"
519
+ />
520
+ </svg>
497
521
  </span>
498
522
  </a>
499
523
  </div>
@@ -583,7 +607,19 @@ cssPrefix: pf-d-dashboard
583
607
  >
584
608
  <span class="pf-v6-c-button__text">View pathway</span>
585
609
  <span class="pf-v6-c-button__icon pf-m-end">
586
- <i class="fas fa-arrow-right" aria-hidden="true"></i>
610
+ <svg
611
+ class="pf-v6-svg"
612
+ viewBox="0 0 448 512"
613
+ fill="currentColor"
614
+ aria-hidden="true"
615
+ role="img"
616
+ width="1em"
617
+ height="1em"
618
+ >
619
+ <path
620
+ d="M190.5 66.9l22.2-22.2c9.4-9.4 24.6-9.4 33.9 0L441 239c9.4 9.4 9.4 24.6 0 33.9L246.6 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.2-22.2c-9.5-9.5-9.3-25 .4-34.3L311.4 296H24c-13.3 0-24-10.7-24-24v-32c0-13.3 10.7-24 24-24h287.4L190.9 101.2c-9.8-9.3-10-24.8-.4-34.3z"
621
+ />
622
+ </svg>
587
623
  </span>
588
624
  </a>
589
625
  </div>
package/docs/demos/DataList/examples/DataList.md CHANGED
@@ -390,7 +390,19 @@ wrapperTag: div
390
390
  aria-label="Go to previous page"
391
391
  >
392
392
  <span class="pf-v6-c-button__icon">
393
- <i class="fas fa-angle-left" aria-hidden="true"></i>
393
+ <svg
394
+ class="pf-v6-svg"
395
+ viewBox="0 0 256 512"
396
+ fill="currentColor"
397
+ aria-hidden="true"
398
+ role="img"
399
+ width="1em"
400
+ height="1em"
401
+ >
402
+ <path
403
+ d="M31.7 239l136-136c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9L127.9 256l96.4 96.4c9.4 9.4 9.4 24.6 0 33.9L201.7 409c-9.4 9.4-24.6 9.4-33.9 0l-136-136c-9.5-9.4-9.5-24.6-.1-34z"
404
+ />
405
+ </svg>
394
406
  </span>
395
407
  </button>
396
408
  </div>
@@ -401,7 +413,19 @@ wrapperTag: div
401
413
  aria-label="Go to next page"
402
414
  >
403
415
  <span class="pf-v6-c-button__icon">
404
- <i class="fas fa-angle-right" aria-hidden="true"></i>
416
+ <svg
417
+ class="pf-v6-svg"
418
+ viewBox="0 0 256 512"
419
+ fill="currentColor"
420
+ aria-hidden="true"
421
+ role="img"
422
+ width="1em"
423
+ height="1em"
424
+ >
425
+ <path
426
+ d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"
427
+ />
428
+ </svg>
405
429
  </span>
406
430
  </button>
407
431
  </div>
@@ -888,7 +912,19 @@ wrapperTag: div
888
912
  aria-label="Go to first page"
889
913
  >
890
914
  <span class="pf-v6-c-button__icon">
891
- <i class="fas fa-angle-double-left" aria-hidden="true"></i>
915
+ <svg
916
+ class="pf-v6-svg"
917
+ viewBox="0 0 448 512"
918
+ fill="currentColor"
919
+ aria-hidden="true"
920
+ role="img"
921
+ width="1em"
922
+ height="1em"
923
+ >
924
+ <path
925
+ d="M223.7 239l136-136c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9L319.9 256l96.4 96.4c9.4 9.4 9.4 24.6 0 33.9L393.7 409c-9.4 9.4-24.6 9.4-33.9 0l-136-136c-9.5-9.4-9.5-24.6-.1-34zm-192 34l136 136c9.4 9.4 24.6 9.4 33.9 0l22.6-22.6c9.4-9.4 9.4-24.6 0-33.9L127.9 256l96.4-96.4c9.4-9.4 9.4-24.6 0-33.9L201.7 103c-9.4-9.4-24.6-9.4-33.9 0l-136 136c-9.5 9.4-9.5 24.6-.1 34z"
926
+ />
927
+ </svg>
892
928
  </span>
893
929
  </button>
894
930
  </div>
@@ -900,7 +936,19 @@ wrapperTag: div
900
936
  aria-label="Go to previous page"
901
937
  >
902
938
  <span class="pf-v6-c-button__icon">
903
- <i class="fas fa-angle-left" aria-hidden="true"></i>
939
+ <svg
940
+ class="pf-v6-svg"
941
+ viewBox="0 0 256 512"
942
+ fill="currentColor"
943
+ aria-hidden="true"
944
+ role="img"
945
+ width="1em"
946
+ height="1em"
947
+ >
948
+ <path
949
+ d="M31.7 239l136-136c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9L127.9 256l96.4 96.4c9.4 9.4 9.4 24.6 0 33.9L201.7 409c-9.4 9.4-24.6 9.4-33.9 0l-136-136c-9.5-9.4-9.5-24.6-.1-34z"
950
+ />
951
+ </svg>
904
952
  </span>
905
953
  </button>
906
954
  </div>
@@ -923,7 +971,19 @@ wrapperTag: div
923
971
  aria-label="Go to next page"
924
972
  >
925
973
  <span class="pf-v6-c-button__icon">
926
- <i class="fas fa-angle-right" aria-hidden="true"></i>
974
+ <svg
975
+ class="pf-v6-svg"
976
+ viewBox="0 0 256 512"
977
+ fill="currentColor"
978
+ aria-hidden="true"
979
+ role="img"
980
+ width="1em"
981
+ height="1em"
982
+ >
983
+ <path
984
+ d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"
985
+ />
986
+ </svg>
927
987
  </span>
928
988
  </button>
929
989
  </div>
@@ -935,7 +995,19 @@ wrapperTag: div
935
995
  aria-label="Go to last page"
936
996
  >
937
997
  <span class="pf-v6-c-button__icon">
938
- <i class="fas fa-angle-double-right" aria-hidden="true"></i>
998
+ <svg
999
+ class="pf-v6-svg"
1000
+ viewBox="0 0 448 512"
1001
+ fill="currentColor"
1002
+ aria-hidden="true"
1003
+ role="img"
1004
+ width="1em"
1005
+ height="1em"
1006
+ >
1007
+ <path
1008
+ d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34zm192-34l-136-136c-9.4-9.4-24.6-9.4-33.9 0l-22.6 22.6c-9.4 9.4-9.4 24.6 0 33.9l96.4 96.4-96.4 96.4c-9.4 9.4-9.4 24.6 0 33.9l22.6 22.6c9.4 9.4 24.6 9.4 33.9 0l136-136c9.4-9.2 9.4-24.4 0-33.8z"
1009
+ />
1010
+ </svg>
939
1011
  </span>
940
1012
  </button>
941
1013
  </div>
@@ -1367,7 +1439,19 @@ wrapperTag: div
1367
1439
  aria-label="Go to previous page"
1368
1440
  >
1369
1441
  <span class="pf-v6-c-button__icon">
1370
- <i class="fas fa-angle-left" aria-hidden="true"></i>
1442
+ <svg
1443
+ class="pf-v6-svg"
1444
+ viewBox="0 0 256 512"
1445
+ fill="currentColor"
1446
+ aria-hidden="true"
1447
+ role="img"
1448
+ width="1em"
1449
+ height="1em"
1450
+ >
1451
+ <path
1452
+ d="M31.7 239l136-136c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9L127.9 256l96.4 96.4c9.4 9.4 9.4 24.6 0 33.9L201.7 409c-9.4 9.4-24.6 9.4-33.9 0l-136-136c-9.5-9.4-9.5-24.6-.1-34z"
1453
+ />
1454
+ </svg>
1371
1455
  </span>
1372
1456
  </button>
1373
1457
  </div>
@@ -1378,7 +1462,19 @@ wrapperTag: div
1378
1462
  aria-label="Go to next page"
1379
1463
  >
1380
1464
  <span class="pf-v6-c-button__icon">
1381
- <i class="fas fa-angle-right" aria-hidden="true"></i>
1465
+ <svg
1466
+ class="pf-v6-svg"
1467
+ viewBox="0 0 256 512"
1468
+ fill="currentColor"
1469
+ aria-hidden="true"
1470
+ role="img"
1471
+ width="1em"
1472
+ height="1em"
1473
+ >
1474
+ <path
1475
+ d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"
1476
+ />
1477
+ </svg>
1382
1478
  </span>
1383
1479
  </button>
1384
1480
  </div>
@@ -1807,7 +1903,19 @@ wrapperTag: div
1807
1903
  aria-label="Go to first page"
1808
1904
  >
1809
1905
  <span class="pf-v6-c-button__icon">
1810
- <i class="fas fa-angle-double-left" aria-hidden="true"></i>
1906
+ <svg
1907
+ class="pf-v6-svg"
1908
+ viewBox="0 0 448 512"
1909
+ fill="currentColor"
1910
+ aria-hidden="true"
1911
+ role="img"
1912
+ width="1em"
1913
+ height="1em"
1914
+ >
1915
+ <path
1916
+ d="M223.7 239l136-136c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9L319.9 256l96.4 96.4c9.4 9.4 9.4 24.6 0 33.9L393.7 409c-9.4 9.4-24.6 9.4-33.9 0l-136-136c-9.5-9.4-9.5-24.6-.1-34zm-192 34l136 136c9.4 9.4 24.6 9.4 33.9 0l22.6-22.6c9.4-9.4 9.4-24.6 0-33.9L127.9 256l96.4-96.4c9.4-9.4 9.4-24.6 0-33.9L201.7 103c-9.4-9.4-24.6-9.4-33.9 0l-136 136c-9.5 9.4-9.5 24.6-.1 34z"
1917
+ />
1918
+ </svg>
1811
1919
  </span>
1812
1920
  </button>
1813
1921
  </div>
@@ -1819,7 +1927,19 @@ wrapperTag: div
1819
1927
  aria-label="Go to previous page"
1820
1928
  >
1821
1929
  <span class="pf-v6-c-button__icon">
1822
- <i class="fas fa-angle-left" aria-hidden="true"></i>
1930
+ <svg
1931
+ class="pf-v6-svg"
1932
+ viewBox="0 0 256 512"
1933
+ fill="currentColor"
1934
+ aria-hidden="true"
1935
+ role="img"
1936
+ width="1em"
1937
+ height="1em"
1938
+ >
1939
+ <path
1940
+ d="M31.7 239l136-136c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9L127.9 256l96.4 96.4c9.4 9.4 9.4 24.6 0 33.9L201.7 409c-9.4 9.4-24.6 9.4-33.9 0l-136-136c-9.5-9.4-9.5-24.6-.1-34z"
1941
+ />
1942
+ </svg>
1823
1943
  </span>
1824
1944
  </button>
1825
1945
  </div>
@@ -1842,7 +1962,19 @@ wrapperTag: div
1842
1962
  aria-label="Go to next page"
1843
1963
  >
1844
1964
  <span class="pf-v6-c-button__icon">
1845
- <i class="fas fa-angle-right" aria-hidden="true"></i>
1965
+ <svg
1966
+ class="pf-v6-svg"
1967
+ viewBox="0 0 256 512"
1968
+ fill="currentColor"
1969
+ aria-hidden="true"
1970
+ role="img"
1971
+ width="1em"
1972
+ height="1em"
1973
+ >
1974
+ <path
1975
+ d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"
1976
+ />
1977
+ </svg>
1846
1978
  </span>
1847
1979
  </button>
1848
1980
  </div>
@@ -1854,7 +1986,19 @@ wrapperTag: div
1854
1986
  aria-label="Go to last page"
1855
1987
  >
1856
1988
  <span class="pf-v6-c-button__icon">
1857
- <i class="fas fa-angle-double-right" aria-hidden="true"></i>
1989
+ <svg
1990
+ class="pf-v6-svg"
1991
+ viewBox="0 0 448 512"
1992
+ fill="currentColor"
1993
+ aria-hidden="true"
1994
+ role="img"
1995
+ width="1em"
1996
+ height="1em"
1997
+ >
1998
+ <path
1999
+ d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34zm192-34l-136-136c-9.4-9.4-24.6-9.4-33.9 0l-22.6 22.6c-9.4 9.4-9.4 24.6 0 33.9l96.4 96.4-96.4 96.4c-9.4 9.4-9.4 24.6 0 33.9l22.6 22.6c9.4 9.4 24.6 9.4 33.9 0l136-136c9.4-9.2 9.4-24.4 0-33.8z"
2000
+ />
2001
+ </svg>
1858
2002
  </span>
1859
2003
  </button>
1860
2004
  </div>
@@ -2345,7 +2489,19 @@ wrapperTag: div
2345
2489
  aria-label="Go to previous page"
2346
2490
  >
2347
2491
  <span class="pf-v6-c-button__icon">
2348
- <i class="fas fa-angle-left" aria-hidden="true"></i>
2492
+ <svg
2493
+ class="pf-v6-svg"
2494
+ viewBox="0 0 256 512"
2495
+ fill="currentColor"
2496
+ aria-hidden="true"
2497
+ role="img"
2498
+ width="1em"
2499
+ height="1em"
2500
+ >
2501
+ <path
2502
+ d="M31.7 239l136-136c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9L127.9 256l96.4 96.4c9.4 9.4 9.4 24.6 0 33.9L201.7 409c-9.4 9.4-24.6 9.4-33.9 0l-136-136c-9.5-9.4-9.5-24.6-.1-34z"
2503
+ />
2504
+ </svg>
2349
2505
  </span>
2350
2506
  </button>
2351
2507
  </div>
@@ -2356,7 +2512,19 @@ wrapperTag: div
2356
2512
  aria-label="Go to next page"
2357
2513
  >
2358
2514
  <span class="pf-v6-c-button__icon">
2359
- <i class="fas fa-angle-right" aria-hidden="true"></i>
2515
+ <svg
2516
+ class="pf-v6-svg"
2517
+ viewBox="0 0 256 512"
2518
+ fill="currentColor"
2519
+ aria-hidden="true"
2520
+ role="img"
2521
+ width="1em"
2522
+ height="1em"
2523
+ >
2524
+ <path
2525
+ d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"
2526
+ />
2527
+ </svg>
2360
2528
  </span>
2361
2529
  </button>
2362
2530
  </div>
@@ -3444,7 +3612,19 @@ wrapperTag: div
3444
3612
  aria-label="Go to first page"
3445
3613
  >
3446
3614
  <span class="pf-v6-c-button__icon">
3447
- <i class="fas fa-angle-double-left" aria-hidden="true"></i>
3615
+ <svg
3616
+ class="pf-v6-svg"
3617
+ viewBox="0 0 448 512"
3618
+ fill="currentColor"
3619
+ aria-hidden="true"
3620
+ role="img"
3621
+ width="1em"
3622
+ height="1em"
3623
+ >
3624
+ <path
3625
+ d="M223.7 239l136-136c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9L319.9 256l96.4 96.4c9.4 9.4 9.4 24.6 0 33.9L393.7 409c-9.4 9.4-24.6 9.4-33.9 0l-136-136c-9.5-9.4-9.5-24.6-.1-34zm-192 34l136 136c9.4 9.4 24.6 9.4 33.9 0l22.6-22.6c9.4-9.4 9.4-24.6 0-33.9L127.9 256l96.4-96.4c9.4-9.4 9.4-24.6 0-33.9L201.7 103c-9.4-9.4-24.6-9.4-33.9 0l-136 136c-9.5 9.4-9.5 24.6-.1 34z"
3626
+ />
3627
+ </svg>
3448
3628
  </span>
3449
3629
  </button>
3450
3630
  </div>
@@ -3456,7 +3636,19 @@ wrapperTag: div
3456
3636
  aria-label="Go to previous page"
3457
3637
  >
3458
3638
  <span class="pf-v6-c-button__icon">
3459
- <i class="fas fa-angle-left" aria-hidden="true"></i>
3639
+ <svg
3640
+ class="pf-v6-svg"
3641
+ viewBox="0 0 256 512"
3642
+ fill="currentColor"
3643
+ aria-hidden="true"
3644
+ role="img"
3645
+ width="1em"
3646
+ height="1em"
3647
+ >
3648
+ <path
3649
+ d="M31.7 239l136-136c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9L127.9 256l96.4 96.4c9.4 9.4 9.4 24.6 0 33.9L201.7 409c-9.4 9.4-24.6 9.4-33.9 0l-136-136c-9.5-9.4-9.5-24.6-.1-34z"
3650
+ />
3651
+ </svg>
3460
3652
  </span>
3461
3653
  </button>
3462
3654
  </div>
@@ -3479,7 +3671,19 @@ wrapperTag: div
3479
3671
  aria-label="Go to next page"
3480
3672
  >
3481
3673
  <span class="pf-v6-c-button__icon">
3482
- <i class="fas fa-angle-right" aria-hidden="true"></i>
3674
+ <svg
3675
+ class="pf-v6-svg"
3676
+ viewBox="0 0 256 512"
3677
+ fill="currentColor"
3678
+ aria-hidden="true"
3679
+ role="img"
3680
+ width="1em"
3681
+ height="1em"
3682
+ >
3683
+ <path
3684
+ d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"
3685
+ />
3686
+ </svg>
3483
3687
  </span>
3484
3688
  </button>
3485
3689
  </div>
@@ -3491,7 +3695,19 @@ wrapperTag: div
3491
3695
  aria-label="Go to last page"
3492
3696
  >
3493
3697
  <span class="pf-v6-c-button__icon">
3494
- <i class="fas fa-angle-double-right" aria-hidden="true"></i>
3698
+ <svg
3699
+ class="pf-v6-svg"
3700
+ viewBox="0 0 448 512"
3701
+ fill="currentColor"
3702
+ aria-hidden="true"
3703
+ role="img"
3704
+ width="1em"
3705
+ height="1em"
3706
+ >
3707
+ <path
3708
+ d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34zm192-34l-136-136c-9.4-9.4-24.6-9.4-33.9 0l-22.6 22.6c-9.4 9.4-9.4 24.6 0 33.9l96.4 96.4-96.4 96.4c-9.4 9.4-9.4 24.6 0 33.9l22.6 22.6c9.4 9.4 24.6 9.4 33.9 0l136-136c9.4-9.2 9.4-24.4 0-33.8z"
3709
+ />
3710
+ </svg>
3495
3711
  </span>
3496
3712
  </button>
3497
3713
  </div>
@@ -3936,7 +4152,19 @@ wrapperTag: div
3936
4152
  aria-label="Go to previous page"
3937
4153
  >
3938
4154
  <span class="pf-v6-c-button__icon">
3939
- <i class="fas fa-angle-left" aria-hidden="true"></i>
4155
+ <svg
4156
+ class="pf-v6-svg"
4157
+ viewBox="0 0 256 512"
4158
+ fill="currentColor"
4159
+ aria-hidden="true"
4160
+ role="img"
4161
+ width="1em"
4162
+ height="1em"
4163
+ >
4164
+ <path
4165
+ d="M31.7 239l136-136c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9L127.9 256l96.4 96.4c9.4 9.4 9.4 24.6 0 33.9L201.7 409c-9.4 9.4-24.6 9.4-33.9 0l-136-136c-9.5-9.4-9.5-24.6-.1-34z"
4166
+ />
4167
+ </svg>
3940
4168
  </span>
3941
4169
  </button>
3942
4170
  </div>
@@ -3947,7 +4175,19 @@ wrapperTag: div
3947
4175
  aria-label="Go to next page"
3948
4176
  >
3949
4177
  <span class="pf-v6-c-button__icon">
3950
- <i class="fas fa-angle-right" aria-hidden="true"></i>
4178
+ <svg
4179
+ class="pf-v6-svg"
4180
+ viewBox="0 0 256 512"
4181
+ fill="currentColor"
4182
+ aria-hidden="true"
4183
+ role="img"
4184
+ width="1em"
4185
+ height="1em"
4186
+ >
4187
+ <path
4188
+ d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"
4189
+ />
4190
+ </svg>
3951
4191
  </span>
3952
4192
  </button>
3953
4193
  </div>
@@ -4434,7 +4674,19 @@ wrapperTag: div
4434
4674
  aria-label="Go to first page"
4435
4675
  >
4436
4676
  <span class="pf-v6-c-button__icon">
4437
- <i class="fas fa-angle-double-left" aria-hidden="true"></i>
4677
+ <svg
4678
+ class="pf-v6-svg"
4679
+ viewBox="0 0 448 512"
4680
+ fill="currentColor"
4681
+ aria-hidden="true"
4682
+ role="img"
4683
+ width="1em"
4684
+ height="1em"
4685
+ >
4686
+ <path
4687
+ d="M223.7 239l136-136c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9L319.9 256l96.4 96.4c9.4 9.4 9.4 24.6 0 33.9L393.7 409c-9.4 9.4-24.6 9.4-33.9 0l-136-136c-9.5-9.4-9.5-24.6-.1-34zm-192 34l136 136c9.4 9.4 24.6 9.4 33.9 0l22.6-22.6c9.4-9.4 9.4-24.6 0-33.9L127.9 256l96.4-96.4c9.4-9.4 9.4-24.6 0-33.9L201.7 103c-9.4-9.4-24.6-9.4-33.9 0l-136 136c-9.5 9.4-9.5 24.6-.1 34z"
4688
+ />
4689
+ </svg>
4438
4690
  </span>
4439
4691
  </button>
4440
4692
  </div>
@@ -4446,7 +4698,19 @@ wrapperTag: div
4446
4698
  aria-label="Go to previous page"
4447
4699
  >
4448
4700
  <span class="pf-v6-c-button__icon">
4449
- <i class="fas fa-angle-left" aria-hidden="true"></i>
4701
+ <svg
4702
+ class="pf-v6-svg"
4703
+ viewBox="0 0 256 512"
4704
+ fill="currentColor"
4705
+ aria-hidden="true"
4706
+ role="img"
4707
+ width="1em"
4708
+ height="1em"
4709
+ >
4710
+ <path
4711
+ d="M31.7 239l136-136c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9L127.9 256l96.4 96.4c9.4 9.4 9.4 24.6 0 33.9L201.7 409c-9.4 9.4-24.6 9.4-33.9 0l-136-136c-9.5-9.4-9.5-24.6-.1-34z"
4712
+ />
4713
+ </svg>
4450
4714
  </span>
4451
4715
  </button>
4452
4716
  </div>
@@ -4469,7 +4733,19 @@ wrapperTag: div
4469
4733
  aria-label="Go to next page"
4470
4734
  >
4471
4735
  <span class="pf-v6-c-button__icon">
4472
- <i class="fas fa-angle-right" aria-hidden="true"></i>
4736
+ <svg
4737
+ class="pf-v6-svg"
4738
+ viewBox="0 0 256 512"
4739
+ fill="currentColor"
4740
+ aria-hidden="true"
4741
+ role="img"
4742
+ width="1em"
4743
+ height="1em"
4744
+ >
4745
+ <path
4746
+ d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"
4747
+ />
4748
+ </svg>
4473
4749
  </span>
4474
4750
  </button>
4475
4751
  </div>
@@ -4481,7 +4757,19 @@ wrapperTag: div
4481
4757
  aria-label="Go to last page"
4482
4758
  >
4483
4759
  <span class="pf-v6-c-button__icon">
4484
- <i class="fas fa-angle-double-right" aria-hidden="true"></i>
4760
+ <svg
4761
+ class="pf-v6-svg"
4762
+ viewBox="0 0 448 512"
4763
+ fill="currentColor"
4764
+ aria-hidden="true"
4765
+ role="img"
4766
+ width="1em"
4767
+ height="1em"
4768
+ >
4769
+ <path
4770
+ d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34zm192-34l-136-136c-9.4-9.4-24.6-9.4-33.9 0l-22.6 22.6c-9.4 9.4-9.4 24.6 0 33.9l96.4 96.4-96.4 96.4c-9.4 9.4-9.4 24.6 0 33.9l22.6 22.6c9.4 9.4 24.6 9.4 33.9 0l136-136c9.4-9.2 9.4-24.4 0-33.8z"
4771
+ />
4772
+ </svg>
4485
4773
  </span>
4486
4774
  </button>
4487
4775
  </div>
package/docs/demos/DescriptionList/examples/DescriptionList.md CHANGED
@@ -747,7 +747,19 @@ cssPrefix: pf-d-description-list
747
747
  aria-label="Close drawer panel"
748
748
  >
749
749
  <span class="pf-v6-c-button__icon">
750
- <i class="fas fa-times" aria-hidden="true"></i>
750
+ <svg
751
+ class="pf-v6-svg"
752
+ viewBox="0 0 352 512"
753
+ fill="currentColor"
754
+ aria-hidden="true"
755
+ role="img"
756
+ width="1em"
757
+ height="1em"
758
+ >
759
+ <path
760
+ 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"
761
+ />
762
+ </svg>
751
763
  </span>
752
764
  </button>
753
765
  </div>
package/docs/demos/Drawer/examples/Drawer.md CHANGED
@@ -358,7 +358,19 @@ wrapperTag: div
358
358
  aria-label="Close drawer panel"
359
359
  >
360
360
  <span class="pf-v6-c-button__icon">
361
- <i class="fas fa-times" aria-hidden="true"></i>
361
+ <svg
362
+ class="pf-v6-svg"
363
+ viewBox="0 0 352 512"
364
+ fill="currentColor"
365
+ aria-hidden="true"
366
+ role="img"
367
+ width="1em"
368
+ height="1em"
369
+ >
370
+ <path
371
+ 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"
372
+ />
373
+ </svg>
362
374
  </span>
363
375
  </button>
364
376
  </div>
@@ -1588,7 +1600,19 @@ wrapperTag: div
1588
1600
  aria-label="Close drawer panel"
1589
1601
  >
1590
1602
  <span class="pf-v6-c-button__icon">
1591
- <i class="fas fa-times" aria-hidden="true"></i>
1603
+ <svg
1604
+ class="pf-v6-svg"
1605
+ viewBox="0 0 352 512"
1606
+ fill="currentColor"
1607
+ aria-hidden="true"
1608
+ role="img"
1609
+ width="1em"
1610
+ height="1em"
1611
+ >
1612
+ <path
1613
+ 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"
1614
+ />
1615
+ </svg>
1592
1616
  </span>
1593
1617
  </button>
1594
1618
  </div>
@@ -2010,7 +2034,19 @@ wrapperTag: div
2010
2034
  aria-label="Close drawer panel"
2011
2035
  >
2012
2036
  <span class="pf-v6-c-button__icon">
2013
- <i class="fas fa-times" aria-hidden="true"></i>
2037
+ <svg
2038
+ class="pf-v6-svg"
2039
+ viewBox="0 0 352 512"
2040
+ fill="currentColor"
2041
+ aria-hidden="true"
2042
+ role="img"
2043
+ width="1em"
2044
+ height="1em"
2045
+ >
2046
+ <path
2047
+ 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"
2048
+ />
2049
+ </svg>
2014
2050
  </span>
2015
2051
  </button>
2016
2052
  </div>