@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
@@ -426,10 +426,7 @@ wrapperTag: div
426
426
  aria-label="Sort"
427
427
  >
428
428
  <span class="pf-v6-c-button__icon">
429
- <i
430
- class="fas fa-sort-amount-down pf-v6-m-mirror-inline-rtl"
431
- aria-hidden="true"
432
- ></i>
429
+ <!-- Icon "sort-amount-down pf-v6-m-mirror-inline-rtl" not found -->
433
430
  </span>
434
431
  </button>
435
432
  </div>
@@ -511,10 +508,19 @@ wrapperTag: div
511
508
  aria-label="Go to previous page"
512
509
  >
513
510
  <span class="pf-v6-c-button__icon">
514
- <i
515
- class="fas fa-angle-left"
511
+ <svg
512
+ class="pf-v6-svg"
513
+ viewBox="0 0 256 512"
514
+ fill="currentColor"
516
515
  aria-hidden="true"
517
- ></i>
516
+ role="img"
517
+ width="1em"
518
+ height="1em"
519
+ >
520
+ <path
521
+ 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"
522
+ />
523
+ </svg>
518
524
  </span>
519
525
  </button>
520
526
  </div>
@@ -527,10 +533,19 @@ wrapperTag: div
527
533
  aria-label="Go to next page"
528
534
  >
529
535
  <span class="pf-v6-c-button__icon">
530
- <i
531
- class="fas fa-angle-right"
536
+ <svg
537
+ class="pf-v6-svg"
538
+ viewBox="0 0 256 512"
539
+ fill="currentColor"
532
540
  aria-hidden="true"
533
- ></i>
541
+ role="img"
542
+ width="1em"
543
+ height="1em"
544
+ >
545
+ <path
546
+ 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"
547
+ />
548
+ </svg>
534
549
  </span>
535
550
  </button>
536
551
  </div>
@@ -1093,7 +1108,19 @@ wrapperTag: div
1093
1108
  aria-label="Close drawer panel"
1094
1109
  >
1095
1110
  <span class="pf-v6-c-button__icon">
1096
- <i class="fas fa-times" aria-hidden="true"></i>
1111
+ <svg
1112
+ class="pf-v6-svg"
1113
+ viewBox="0 0 352 512"
1114
+ fill="currentColor"
1115
+ aria-hidden="true"
1116
+ role="img"
1117
+ width="1em"
1118
+ height="1em"
1119
+ >
1120
+ <path
1121
+ 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"
1122
+ />
1123
+ </svg>
1097
1124
  </span>
1098
1125
  </button>
1099
1126
  </div>
@@ -1123,7 +1150,19 @@ wrapperTag: div
1123
1150
  aria-label="Scroll left"
1124
1151
  >
1125
1152
  <span class="pf-v6-c-button__icon">
1126
- <i class="fas fa-angle-left" aria-hidden="true"></i>
1153
+ <svg
1154
+ class="pf-v6-svg"
1155
+ viewBox="0 0 256 512"
1156
+ fill="currentColor"
1157
+ aria-hidden="true"
1158
+ role="img"
1159
+ width="1em"
1160
+ height="1em"
1161
+ >
1162
+ <path
1163
+ 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"
1164
+ />
1165
+ </svg>
1127
1166
  </span>
1128
1167
  </button>
1129
1168
  </div>
@@ -1167,7 +1206,19 @@ wrapperTag: div
1167
1206
  aria-label="Scroll right"
1168
1207
  >
1169
1208
  <span class="pf-v6-c-button__icon">
1170
- <i class="fas fa-angle-right" aria-hidden="true"></i>
1209
+ <svg
1210
+ class="pf-v6-svg"
1211
+ viewBox="0 0 256 512"
1212
+ fill="currentColor"
1213
+ aria-hidden="true"
1214
+ role="img"
1215
+ width="1em"
1216
+ height="1em"
1217
+ >
1218
+ <path
1219
+ 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"
1220
+ />
1221
+ </svg>
1171
1222
  </span>
1172
1223
  </button>
1173
1224
  </div>
@@ -1698,10 +1749,7 @@ wrapperTag: div
1698
1749
  aria-label="Sort"
1699
1750
  >
1700
1751
  <span class="pf-v6-c-button__icon">
1701
- <i
1702
- class="fas fa-sort-amount-down pf-v6-m-mirror-inline-rtl"
1703
- aria-hidden="true"
1704
- ></i>
1752
+ <!-- Icon "sort-amount-down pf-v6-m-mirror-inline-rtl" not found -->
1705
1753
  </span>
1706
1754
  </button>
1707
1755
  </div>
@@ -1783,10 +1831,19 @@ wrapperTag: div
1783
1831
  aria-label="Go to previous page"
1784
1832
  >
1785
1833
  <span class="pf-v6-c-button__icon">
1786
- <i
1787
- class="fas fa-angle-left"
1834
+ <svg
1835
+ class="pf-v6-svg"
1836
+ viewBox="0 0 256 512"
1837
+ fill="currentColor"
1788
1838
  aria-hidden="true"
1789
- ></i>
1839
+ role="img"
1840
+ width="1em"
1841
+ height="1em"
1842
+ >
1843
+ <path
1844
+ 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"
1845
+ />
1846
+ </svg>
1790
1847
  </span>
1791
1848
  </button>
1792
1849
  </div>
@@ -1799,10 +1856,19 @@ wrapperTag: div
1799
1856
  aria-label="Go to next page"
1800
1857
  >
1801
1858
  <span class="pf-v6-c-button__icon">
1802
- <i
1803
- class="fas fa-angle-right"
1859
+ <svg
1860
+ class="pf-v6-svg"
1861
+ viewBox="0 0 256 512"
1862
+ fill="currentColor"
1804
1863
  aria-hidden="true"
1805
- ></i>
1864
+ role="img"
1865
+ width="1em"
1866
+ height="1em"
1867
+ >
1868
+ <path
1869
+ 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"
1870
+ />
1871
+ </svg>
1806
1872
  </span>
1807
1873
  </button>
1808
1874
  </div>
@@ -2365,7 +2431,19 @@ wrapperTag: div
2365
2431
  aria-label="Close drawer panel"
2366
2432
  >
2367
2433
  <span class="pf-v6-c-button__icon">
2368
- <i class="fas fa-times" aria-hidden="true"></i>
2434
+ <svg
2435
+ class="pf-v6-svg"
2436
+ viewBox="0 0 352 512"
2437
+ fill="currentColor"
2438
+ aria-hidden="true"
2439
+ role="img"
2440
+ width="1em"
2441
+ height="1em"
2442
+ >
2443
+ <path
2444
+ 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"
2445
+ />
2446
+ </svg>
2369
2447
  </span>
2370
2448
  </button>
2371
2449
  </div>
@@ -2826,10 +2904,7 @@ wrapperTag: div
2826
2904
  aria-label="Sort"
2827
2905
  >
2828
2906
  <span class="pf-v6-c-button__icon">
2829
- <i
2830
- class="fas fa-sort-amount-down pf-v6-m-mirror-inline-rtl"
2831
- aria-hidden="true"
2832
- ></i>
2907
+ <!-- Icon "sort-amount-down pf-v6-m-mirror-inline-rtl" not found -->
2833
2908
  </span>
2834
2909
  </button>
2835
2910
  </div>
@@ -2911,10 +2986,19 @@ wrapperTag: div
2911
2986
  aria-label="Go to previous page"
2912
2987
  >
2913
2988
  <span class="pf-v6-c-button__icon">
2914
- <i
2915
- class="fas fa-angle-left"
2989
+ <svg
2990
+ class="pf-v6-svg"
2991
+ viewBox="0 0 256 512"
2992
+ fill="currentColor"
2916
2993
  aria-hidden="true"
2917
- ></i>
2994
+ role="img"
2995
+ width="1em"
2996
+ height="1em"
2997
+ >
2998
+ <path
2999
+ 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"
3000
+ />
3001
+ </svg>
2918
3002
  </span>
2919
3003
  </button>
2920
3004
  </div>
@@ -2927,10 +3011,19 @@ wrapperTag: div
2927
3011
  aria-label="Go to next page"
2928
3012
  >
2929
3013
  <span class="pf-v6-c-button__icon">
2930
- <i
2931
- class="fas fa-angle-right"
3014
+ <svg
3015
+ class="pf-v6-svg"
3016
+ viewBox="0 0 256 512"
3017
+ fill="currentColor"
2932
3018
  aria-hidden="true"
2933
- ></i>
3019
+ role="img"
3020
+ width="1em"
3021
+ height="1em"
3022
+ >
3023
+ <path
3024
+ 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"
3025
+ />
3026
+ </svg>
2934
3027
  </span>
2935
3028
  </button>
2936
3029
  </div>
@@ -3493,7 +3586,19 @@ wrapperTag: div
3493
3586
  aria-label="Close drawer panel"
3494
3587
  >
3495
3588
  <span class="pf-v6-c-button__icon">
3496
- <i class="fas fa-times" aria-hidden="true"></i>
3589
+ <svg
3590
+ class="pf-v6-svg"
3591
+ viewBox="0 0 352 512"
3592
+ fill="currentColor"
3593
+ aria-hidden="true"
3594
+ role="img"
3595
+ width="1em"
3596
+ height="1em"
3597
+ >
3598
+ <path
3599
+ 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"
3600
+ />
3601
+ </svg>
3497
3602
  </span>
3498
3603
  </button>
3499
3604
  </div>
@@ -3990,10 +4095,7 @@ wrapperTag: div
3990
4095
  aria-label="Sort"
3991
4096
  >
3992
4097
  <span class="pf-v6-c-button__icon">
3993
- <i
3994
- class="fas fa-sort-amount-down pf-v6-m-mirror-inline-rtl"
3995
- aria-hidden="true"
3996
- ></i>
4098
+ <!-- Icon "sort-amount-down pf-v6-m-mirror-inline-rtl" not found -->
3997
4099
  </span>
3998
4100
  </button>
3999
4101
  </div>
@@ -4052,7 +4154,19 @@ wrapperTag: div
4052
4154
  aria-label="Grid view"
4053
4155
  >
4054
4156
  <span class="pf-v6-c-button__icon">
4055
- <i class="fas fa-th" aria-hidden="true"></i>
4157
+ <svg
4158
+ class="pf-v6-svg"
4159
+ viewBox="0 0 512 512"
4160
+ fill="currentColor"
4161
+ aria-hidden="true"
4162
+ role="img"
4163
+ width="1em"
4164
+ height="1em"
4165
+ >
4166
+ <path
4167
+ d="M149.333 56v80c0 13.255-10.745 24-24 24H24c-13.255 0-24-10.745-24-24V56c0-13.255 10.745-24 24-24h101.333c13.255 0 24 10.745 24 24zm181.334 240v-80c0-13.255-10.745-24-24-24H205.333c-13.255 0-24 10.745-24 24v80c0 13.255 10.745 24 24 24h101.333c13.256 0 24.001-10.745 24.001-24zm32-240v80c0 13.255 10.745 24 24 24H488c13.255 0 24-10.745 24-24V56c0-13.255-10.745-24-24-24H386.667c-13.255 0-24 10.745-24 24zm-32 80V56c0-13.255-10.745-24-24-24H205.333c-13.255 0-24 10.745-24 24v80c0 13.255 10.745 24 24 24h101.333c13.256 0 24.001-10.745 24.001-24zm-205.334 56H24c-13.255 0-24 10.745-24 24v80c0 13.255 10.745 24 24 24h101.333c13.255 0 24-10.745 24-24v-80c0-13.255-10.745-24-24-24zM0 376v80c0 13.255 10.745 24 24 24h101.333c13.255 0 24-10.745 24-24v-80c0-13.255-10.745-24-24-24H24c-13.255 0-24 10.745-24 24zm386.667-56H488c13.255 0 24-10.745 24-24v-80c0-13.255-10.745-24-24-24H386.667c-13.255 0-24 10.745-24 24v80c0 13.255 10.745 24 24 24zm0 160H488c13.255 0 24-10.745 24-24v-80c0-13.255-10.745-24-24-24H386.667c-13.255 0-24 10.745-24 24v80c0 13.255 10.745 24 24 24zM181.333 376v80c0 13.255 10.745 24 24 24h101.333c13.255 0 24-10.745 24-24v-80c0-13.255-10.745-24-24-24H205.333c-13.255 0-24 10.745-24 24z"
4168
+ />
4169
+ </svg>
4056
4170
  </span>
4057
4171
  </button>
4058
4172
  </div>
@@ -4063,7 +4177,19 @@ wrapperTag: div
4063
4177
  aria-label="List view"
4064
4178
  >
4065
4179
  <span class="pf-v6-c-button__icon">
4066
- <i class="fas fa-list-ul" aria-hidden="true"></i>
4180
+ <svg
4181
+ class="pf-v6-svg"
4182
+ viewBox="0 0 512 512"
4183
+ fill="currentColor"
4184
+ aria-hidden="true"
4185
+ role="img"
4186
+ width="1em"
4187
+ height="1em"
4188
+ >
4189
+ <path
4190
+ d="M48 48a48 48 0 1 0 48 48 48 48 0 0 0-48-48zm0 160a48 48 0 1 0 48 48 48 48 0 0 0-48-48zm0 160a48 48 0 1 0 48 48 48 48 0 0 0-48-48zm448 16H176a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h320a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16zm0-320H176a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h320a16 16 0 0 0 16-16V80a16 16 0 0 0-16-16zm0 160H176a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h320a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16z"
4191
+ />
4192
+ </svg>
4067
4193
  </span>
4068
4194
  </button>
4069
4195
  </div>
@@ -4107,7 +4233,19 @@ wrapperTag: div
4107
4233
  aria-label="Go to previous page"
4108
4234
  >
4109
4235
  <span class="pf-v6-c-button__icon">
4110
- <i class="fas fa-angle-left" aria-hidden="true"></i>
4236
+ <svg
4237
+ class="pf-v6-svg"
4238
+ viewBox="0 0 256 512"
4239
+ fill="currentColor"
4240
+ aria-hidden="true"
4241
+ role="img"
4242
+ width="1em"
4243
+ height="1em"
4244
+ >
4245
+ <path
4246
+ 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"
4247
+ />
4248
+ </svg>
4111
4249
  </span>
4112
4250
  </button>
4113
4251
  </div>
@@ -4120,10 +4258,19 @@ wrapperTag: div
4120
4258
  aria-label="Go to next page"
4121
4259
  >
4122
4260
  <span class="pf-v6-c-button__icon">
4123
- <i
4124
- class="fas fa-angle-right"
4261
+ <svg
4262
+ class="pf-v6-svg"
4263
+ viewBox="0 0 256 512"
4264
+ fill="currentColor"
4125
4265
  aria-hidden="true"
4126
- ></i>
4266
+ role="img"
4267
+ width="1em"
4268
+ height="1em"
4269
+ >
4270
+ <path
4271
+ 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"
4272
+ />
4273
+ </svg>
4127
4274
  </span>
4128
4275
  </button>
4129
4276
  </div>
@@ -4618,7 +4765,19 @@ wrapperTag: div
4618
4765
  aria-label="Close drawer panel"
4619
4766
  >
4620
4767
  <span class="pf-v6-c-button__icon">
4621
- <i class="fas fa-times" aria-hidden="true"></i>
4768
+ <svg
4769
+ class="pf-v6-svg"
4770
+ viewBox="0 0 352 512"
4771
+ fill="currentColor"
4772
+ aria-hidden="true"
4773
+ role="img"
4774
+ width="1em"
4775
+ height="1em"
4776
+ >
4777
+ <path
4778
+ 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"
4779
+ />
4780
+ </svg>
4622
4781
  </span>
4623
4782
  </button>
4624
4783
  </div>
@@ -5095,7 +5254,19 @@ wrapperTag: div
5095
5254
  aria-label="Close drawer panel"
5096
5255
  >
5097
5256
  <span class="pf-v6-c-button__icon">
5098
- <i class="fas fa-times" aria-hidden="true"></i>
5257
+ <svg
5258
+ class="pf-v6-svg"
5259
+ viewBox="0 0 352 512"
5260
+ fill="currentColor"
5261
+ aria-hidden="true"
5262
+ role="img"
5263
+ width="1em"
5264
+ height="1em"
5265
+ >
5266
+ <path
5267
+ 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"
5268
+ />
5269
+ </svg>
5099
5270
  </span>
5100
5271
  </button>
5101
5272
  </div>
@@ -5700,7 +5871,19 @@ wrapperTag: div
5700
5871
  aria-label="Close drawer panel"
5701
5872
  >
5702
5873
  <span class="pf-v6-c-button__icon">
5703
- <i class="fas fa-times" aria-hidden="true"></i>
5874
+ <svg
5875
+ class="pf-v6-svg"
5876
+ viewBox="0 0 352 512"
5877
+ fill="currentColor"
5878
+ aria-hidden="true"
5879
+ role="img"
5880
+ width="1em"
5881
+ height="1em"
5882
+ >
5883
+ <path
5884
+ 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"
5885
+ />
5886
+ </svg>
5704
5887
  </span>
5705
5888
  </button>
5706
5889
  </div>
@@ -6191,7 +6374,19 @@ wrapperTag: div
6191
6374
  aria-label="Go to previous page"
6192
6375
  >
6193
6376
  <span class="pf-v6-c-button__icon">
6194
- <i class="fas fa-angle-left" aria-hidden="true"></i>
6377
+ <svg
6378
+ class="pf-v6-svg"
6379
+ viewBox="0 0 256 512"
6380
+ fill="currentColor"
6381
+ aria-hidden="true"
6382
+ role="img"
6383
+ width="1em"
6384
+ height="1em"
6385
+ >
6386
+ <path
6387
+ 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"
6388
+ />
6389
+ </svg>
6195
6390
  </span>
6196
6391
  </button>
6197
6392
  </div>
@@ -6204,10 +6399,19 @@ wrapperTag: div
6204
6399
  aria-label="Go to next page"
6205
6400
  >
6206
6401
  <span class="pf-v6-c-button__icon">
6207
- <i
6208
- class="fas fa-angle-right"
6402
+ <svg
6403
+ class="pf-v6-svg"
6404
+ viewBox="0 0 256 512"
6405
+ fill="currentColor"
6209
6406
  aria-hidden="true"
6210
- ></i>
6407
+ role="img"
6408
+ width="1em"
6409
+ height="1em"
6410
+ >
6411
+ <path
6412
+ 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"
6413
+ />
6414
+ </svg>
6211
6415
  </span>
6212
6416
  </button>
6213
6417
  </div>
@@ -6715,7 +6919,19 @@ wrapperTag: div
6715
6919
  aria-label="Close drawer panel"
6716
6920
  >
6717
6921
  <span class="pf-v6-c-button__icon">
6718
- <i class="fas fa-times" aria-hidden="true"></i>
6922
+ <svg
6923
+ class="pf-v6-svg"
6924
+ viewBox="0 0 352 512"
6925
+ fill="currentColor"
6926
+ aria-hidden="true"
6927
+ role="img"
6928
+ width="1em"
6929
+ height="1em"
6930
+ >
6931
+ <path
6932
+ 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"
6933
+ />
6934
+ </svg>
6719
6935
  </span>
6720
6936
  </button>
6721
6937
  </div>
@@ -6745,7 +6961,19 @@ wrapperTag: div
6745
6961
  aria-label="Scroll left"
6746
6962
  >
6747
6963
  <span class="pf-v6-c-button__icon">
6748
- <i class="fas fa-angle-left" aria-hidden="true"></i>
6964
+ <svg
6965
+ class="pf-v6-svg"
6966
+ viewBox="0 0 256 512"
6967
+ fill="currentColor"
6968
+ aria-hidden="true"
6969
+ role="img"
6970
+ width="1em"
6971
+ height="1em"
6972
+ >
6973
+ <path
6974
+ 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"
6975
+ />
6976
+ </svg>
6749
6977
  </span>
6750
6978
  </button>
6751
6979
  </div>
@@ -6789,7 +7017,19 @@ wrapperTag: div
6789
7017
  aria-label="Scroll right"
6790
7018
  >
6791
7019
  <span class="pf-v6-c-button__icon">
6792
- <i class="fas fa-angle-right" aria-hidden="true"></i>
7020
+ <svg
7021
+ class="pf-v6-svg"
7022
+ viewBox="0 0 256 512"
7023
+ fill="currentColor"
7024
+ aria-hidden="true"
7025
+ role="img"
7026
+ width="1em"
7027
+ height="1em"
7028
+ >
7029
+ <path
7030
+ 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"
7031
+ />
7032
+ </svg>
6793
7033
  </span>
6794
7034
  </button>
6795
7035
  </div>