@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/Toolbar/examples/Toolbar.md CHANGED
@@ -140,7 +140,19 @@ section: components
140
140
  aria-label="Go to previous page"
141
141
  >
142
142
  <span class="pf-v6-c-button__icon">
143
- <i class="fas fa-angle-left" aria-hidden="true"></i>
143
+ <svg
144
+ class="pf-v6-svg"
145
+ viewBox="0 0 256 512"
146
+ fill="currentColor"
147
+ aria-hidden="true"
148
+ role="img"
149
+ width="1em"
150
+ height="1em"
151
+ >
152
+ <path
153
+ 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"
154
+ />
155
+ </svg>
144
156
  </span>
145
157
  </button>
146
158
  </div>
@@ -151,7 +163,19 @@ section: components
151
163
  aria-label="Go to next page"
152
164
  >
153
165
  <span class="pf-v6-c-button__icon">
154
- <i class="fas fa-angle-right" aria-hidden="true"></i>
166
+ <svg
167
+ class="pf-v6-svg"
168
+ viewBox="0 0 256 512"
169
+ fill="currentColor"
170
+ aria-hidden="true"
171
+ role="img"
172
+ width="1em"
173
+ height="1em"
174
+ >
175
+ <path
176
+ 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"
177
+ />
178
+ </svg>
155
179
  </span>
156
180
  </button>
157
181
  </div>
@@ -525,10 +549,19 @@ section: components
525
549
  aria-label="Toggle date picker"
526
550
  >
527
551
  <span class="pf-v6-c-button__icon">
528
- <i
529
- class="fas fa-calendar-alt"
552
+ <svg
553
+ class="pf-v6-svg"
554
+ viewBox="0 0 448 512"
555
+ fill="currentColor"
530
556
  aria-hidden="true"
531
- ></i>
557
+ role="img"
558
+ width="1em"
559
+ height="1em"
560
+ >
561
+ <path
562
+ d="M0 464c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V192H0v272zm320-196c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12h-40c-6.6 0-12-5.4-12-12v-40zm0 128c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12h-40c-6.6 0-12-5.4-12-12v-40zM192 268c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12h-40c-6.6 0-12-5.4-12-12v-40zm0 128c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12h-40c-6.6 0-12-5.4-12-12v-40zM64 268c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12H76c-6.6 0-12-5.4-12-12v-40zm0 128c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12H76c-6.6 0-12-5.4-12-12v-40zM400 64h-48V16c0-8.8-7.2-16-16-16h-32c-8.8 0-16 7.2-16 16v48H160V16c0-8.8-7.2-16-16-16h-32c-8.8 0-16 7.2-16 16v48H48C21.5 64 0 85.5 0 112v48h448v-48c0-26.5-21.5-48-48-48z"
563
+ />
564
+ </svg>
532
565
  </span>
533
566
  </button>
534
567
  </div>
@@ -578,10 +611,19 @@ section: components
578
611
  aria-label="Toggle date picker"
579
612
  >
580
613
  <span class="pf-v6-c-button__icon">
581
- <i
582
- class="fas fa-calendar-alt"
614
+ <svg
615
+ class="pf-v6-svg"
616
+ viewBox="0 0 448 512"
617
+ fill="currentColor"
583
618
  aria-hidden="true"
584
- ></i>
619
+ role="img"
620
+ width="1em"
621
+ height="1em"
622
+ >
623
+ <path
624
+ d="M0 464c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V192H0v272zm320-196c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12h-40c-6.6 0-12-5.4-12-12v-40zm0 128c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12h-40c-6.6 0-12-5.4-12-12v-40zM192 268c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12h-40c-6.6 0-12-5.4-12-12v-40zm0 128c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12h-40c-6.6 0-12-5.4-12-12v-40zM64 268c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12H76c-6.6 0-12-5.4-12-12v-40zm0 128c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12H76c-6.6 0-12-5.4-12-12v-40zM400 64h-48V16c0-8.8-7.2-16-16-16h-32c-8.8 0-16 7.2-16 16v48H160V16c0-8.8-7.2-16-16-16h-32c-8.8 0-16 7.2-16 16v48H48C21.5 64 0 85.5 0 112v48h448v-48c0-26.5-21.5-48-48-48z"
625
+ />
626
+ </svg>
585
627
  </span>
586
628
  </button>
587
629
  </div>
@@ -1269,7 +1311,19 @@ section: components
1269
1311
  aria-label="Go to previous page"
1270
1312
  >
1271
1313
  <span class="pf-v6-c-button__icon">
1272
- <i class="fas fa-angle-left" aria-hidden="true"></i>
1314
+ <svg
1315
+ class="pf-v6-svg"
1316
+ viewBox="0 0 256 512"
1317
+ fill="currentColor"
1318
+ aria-hidden="true"
1319
+ role="img"
1320
+ width="1em"
1321
+ height="1em"
1322
+ >
1323
+ <path
1324
+ 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"
1325
+ />
1326
+ </svg>
1273
1327
  </span>
1274
1328
  </button>
1275
1329
  </div>
@@ -1280,7 +1334,19 @@ section: components
1280
1334
  aria-label="Go to next page"
1281
1335
  >
1282
1336
  <span class="pf-v6-c-button__icon">
1283
- <i class="fas fa-angle-right" aria-hidden="true"></i>
1337
+ <svg
1338
+ class="pf-v6-svg"
1339
+ viewBox="0 0 256 512"
1340
+ fill="currentColor"
1341
+ aria-hidden="true"
1342
+ role="img"
1343
+ width="1em"
1344
+ height="1em"
1345
+ >
1346
+ <path
1347
+ 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"
1348
+ />
1349
+ </svg>
1284
1350
  </span>
1285
1351
  </button>
1286
1352
  </div>
@@ -1452,7 +1518,19 @@ section: components
1452
1518
  aria-label="Go to previous page"
1453
1519
  >
1454
1520
  <span class="pf-v6-c-button__icon">
1455
- <i class="fas fa-angle-left" aria-hidden="true"></i>
1521
+ <svg
1522
+ class="pf-v6-svg"
1523
+ viewBox="0 0 256 512"
1524
+ fill="currentColor"
1525
+ aria-hidden="true"
1526
+ role="img"
1527
+ width="1em"
1528
+ height="1em"
1529
+ >
1530
+ <path
1531
+ 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"
1532
+ />
1533
+ </svg>
1456
1534
  </span>
1457
1535
  </button>
1458
1536
  </div>
@@ -1463,7 +1541,19 @@ section: components
1463
1541
  aria-label="Go to next page"
1464
1542
  >
1465
1543
  <span class="pf-v6-c-button__icon">
1466
- <i class="fas fa-angle-right" aria-hidden="true"></i>
1544
+ <svg
1545
+ class="pf-v6-svg"
1546
+ viewBox="0 0 256 512"
1547
+ fill="currentColor"
1548
+ aria-hidden="true"
1549
+ role="img"
1550
+ width="1em"
1551
+ height="1em"
1552
+ >
1553
+ <path
1554
+ 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"
1555
+ />
1556
+ </svg>
1467
1557
  </span>
1468
1558
  </button>
1469
1559
  </div>
@@ -1637,7 +1727,19 @@ section: components
1637
1727
  aria-label="Go to previous page"
1638
1728
  >
1639
1729
  <span class="pf-v6-c-button__icon">
1640
- <i class="fas fa-angle-left" aria-hidden="true"></i>
1730
+ <svg
1731
+ class="pf-v6-svg"
1732
+ viewBox="0 0 256 512"
1733
+ fill="currentColor"
1734
+ aria-hidden="true"
1735
+ role="img"
1736
+ width="1em"
1737
+ height="1em"
1738
+ >
1739
+ <path
1740
+ 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"
1741
+ />
1742
+ </svg>
1641
1743
  </span>
1642
1744
  </button>
1643
1745
  </div>
@@ -1648,7 +1750,19 @@ section: components
1648
1750
  aria-label="Go to next page"
1649
1751
  >
1650
1752
  <span class="pf-v6-c-button__icon">
1651
- <i class="fas fa-angle-right" aria-hidden="true"></i>
1753
+ <svg
1754
+ class="pf-v6-svg"
1755
+ viewBox="0 0 256 512"
1756
+ fill="currentColor"
1757
+ aria-hidden="true"
1758
+ role="img"
1759
+ width="1em"
1760
+ height="1em"
1761
+ >
1762
+ <path
1763
+ 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"
1764
+ />
1765
+ </svg>
1652
1766
  </span>
1653
1767
  </button>
1654
1768
  </div>
@@ -1811,7 +1925,19 @@ section: components
1811
1925
  aria-label="Go to previous page"
1812
1926
  >
1813
1927
  <span class="pf-v6-c-button__icon">
1814
- <i class="fas fa-angle-left" aria-hidden="true"></i>
1928
+ <svg
1929
+ class="pf-v6-svg"
1930
+ viewBox="0 0 256 512"
1931
+ fill="currentColor"
1932
+ aria-hidden="true"
1933
+ role="img"
1934
+ width="1em"
1935
+ height="1em"
1936
+ >
1937
+ <path
1938
+ 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"
1939
+ />
1940
+ </svg>
1815
1941
  </span>
1816
1942
  </button>
1817
1943
  </div>
@@ -1822,7 +1948,19 @@ section: components
1822
1948
  aria-label="Go to next page"
1823
1949
  >
1824
1950
  <span class="pf-v6-c-button__icon">
1825
- <i class="fas fa-angle-right" aria-hidden="true"></i>
1951
+ <svg
1952
+ class="pf-v6-svg"
1953
+ viewBox="0 0 256 512"
1954
+ fill="currentColor"
1955
+ aria-hidden="true"
1956
+ role="img"
1957
+ width="1em"
1958
+ height="1em"
1959
+ >
1960
+ <path
1961
+ 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"
1962
+ />
1963
+ </svg>
1826
1964
  </span>
1827
1965
  </button>
1828
1966
  </div>
@@ -1872,7 +2010,19 @@ section: components
1872
2010
  id="toolbar-attribute-value-checkbox-menu-toggle-filter-desktop-example-label-group-statusremove-label-one"
1873
2011
  >
1874
2012
  <span class="pf-v6-c-button__icon">
1875
- <i class="fas fa-times" aria-hidden="true"></i>
2013
+ <svg
2014
+ class="pf-v6-svg"
2015
+ viewBox="0 0 352 512"
2016
+ fill="currentColor"
2017
+ aria-hidden="true"
2018
+ role="img"
2019
+ width="1em"
2020
+ height="1em"
2021
+ >
2022
+ <path
2023
+ 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"
2024
+ />
2025
+ </svg>
1876
2026
  </span>
1877
2027
  </button>
1878
2028
  </span>
@@ -1897,7 +2047,19 @@ section: components
1897
2047
  id="toolbar-attribute-value-checkbox-menu-toggle-filter-desktop-example-label-group-statusremove-label-two"
1898
2048
  >
1899
2049
  <span class="pf-v6-c-button__icon">
1900
- <i class="fas fa-times" aria-hidden="true"></i>
2050
+ <svg
2051
+ class="pf-v6-svg"
2052
+ viewBox="0 0 352 512"
2053
+ fill="currentColor"
2054
+ aria-hidden="true"
2055
+ role="img"
2056
+ width="1em"
2057
+ height="1em"
2058
+ >
2059
+ <path
2060
+ 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"
2061
+ />
2062
+ </svg>
1901
2063
  </span>
1902
2064
  </button>
1903
2065
  </span>
@@ -1922,7 +2084,19 @@ section: components
1922
2084
  id="toolbar-attribute-value-checkbox-menu-toggle-filter-desktop-example-label-group-statusremove-label-three"
1923
2085
  >
1924
2086
  <span class="pf-v6-c-button__icon">
1925
- <i class="fas fa-times" aria-hidden="true"></i>
2087
+ <svg
2088
+ class="pf-v6-svg"
2089
+ viewBox="0 0 352 512"
2090
+ fill="currentColor"
2091
+ aria-hidden="true"
2092
+ role="img"
2093
+ width="1em"
2094
+ height="1em"
2095
+ >
2096
+ <path
2097
+ 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"
2098
+ />
2099
+ </svg>
1926
2100
  </span>
1927
2101
  </button>
1928
2102
  </span>
@@ -1964,7 +2138,19 @@ section: components
1964
2138
  id="toolbar-attribute-value-checkbox-menu-toggle-filter-desktop-example-label-group-riskremove-label-one"
1965
2139
  >
1966
2140
  <span class="pf-v6-c-button__icon">
1967
- <i class="fas fa-times" aria-hidden="true"></i>
2141
+ <svg
2142
+ class="pf-v6-svg"
2143
+ viewBox="0 0 352 512"
2144
+ fill="currentColor"
2145
+ aria-hidden="true"
2146
+ role="img"
2147
+ width="1em"
2148
+ height="1em"
2149
+ >
2150
+ <path
2151
+ 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"
2152
+ />
2153
+ </svg>
1968
2154
  </span>
1969
2155
  </button>
1970
2156
  </span>
@@ -1989,7 +2175,19 @@ section: components
1989
2175
  id="toolbar-attribute-value-checkbox-menu-toggle-filter-desktop-example-label-group-riskremove-label-two"
1990
2176
  >
1991
2177
  <span class="pf-v6-c-button__icon">
1992
- <i class="fas fa-times" aria-hidden="true"></i>
2178
+ <svg
2179
+ class="pf-v6-svg"
2180
+ viewBox="0 0 352 512"
2181
+ fill="currentColor"
2182
+ aria-hidden="true"
2183
+ role="img"
2184
+ width="1em"
2185
+ height="1em"
2186
+ >
2187
+ <path
2188
+ 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"
2189
+ />
2190
+ </svg>
1993
2191
  </span>
1994
2192
  </button>
1995
2193
  </span>
@@ -2014,7 +2212,19 @@ section: components
2014
2212
  id="toolbar-attribute-value-checkbox-menu-toggle-filter-desktop-example-label-group-riskremove-label-three"
2015
2213
  >
2016
2214
  <span class="pf-v6-c-button__icon">
2017
- <i class="fas fa-times" aria-hidden="true"></i>
2215
+ <svg
2216
+ class="pf-v6-svg"
2217
+ viewBox="0 0 352 512"
2218
+ fill="currentColor"
2219
+ aria-hidden="true"
2220
+ role="img"
2221
+ width="1em"
2222
+ height="1em"
2223
+ >
2224
+ <path
2225
+ 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"
2226
+ />
2227
+ </svg>
2018
2228
  </span>
2019
2229
  </button>
2020
2230
  </span>
@@ -2200,7 +2410,19 @@ section: components
2200
2410
  aria-label="Go to previous page"
2201
2411
  >
2202
2412
  <span class="pf-v6-c-button__icon">
2203
- <i class="fas fa-angle-left" aria-hidden="true"></i>
2413
+ <svg
2414
+ class="pf-v6-svg"
2415
+ viewBox="0 0 256 512"
2416
+ fill="currentColor"
2417
+ aria-hidden="true"
2418
+ role="img"
2419
+ width="1em"
2420
+ height="1em"
2421
+ >
2422
+ <path
2423
+ 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"
2424
+ />
2425
+ </svg>
2204
2426
  </span>
2205
2427
  </button>
2206
2428
  </div>
@@ -2211,7 +2433,19 @@ section: components
2211
2433
  aria-label="Go to next page"
2212
2434
  >
2213
2435
  <span class="pf-v6-c-button__icon">
2214
- <i class="fas fa-angle-right" aria-hidden="true"></i>
2436
+ <svg
2437
+ class="pf-v6-svg"
2438
+ viewBox="0 0 256 512"
2439
+ fill="currentColor"
2440
+ aria-hidden="true"
2441
+ role="img"
2442
+ width="1em"
2443
+ height="1em"
2444
+ >
2445
+ <path
2446
+ 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"
2447
+ />
2448
+ </svg>
2215
2449
  </span>
2216
2450
  </button>
2217
2451
  </div>
@@ -2291,7 +2525,19 @@ section: components
2291
2525
  id="toolbar-attribute-value-checkbox-menu-toggle-filter-mobile-example-label-group-statusremove-label-one"
2292
2526
  >
2293
2527
  <span class="pf-v6-c-button__icon">
2294
- <i class="fas fa-times" aria-hidden="true"></i>
2528
+ <svg
2529
+ class="pf-v6-svg"
2530
+ viewBox="0 0 352 512"
2531
+ fill="currentColor"
2532
+ aria-hidden="true"
2533
+ role="img"
2534
+ width="1em"
2535
+ height="1em"
2536
+ >
2537
+ <path
2538
+ 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"
2539
+ />
2540
+ </svg>
2295
2541
  </span>
2296
2542
  </button>
2297
2543
  </span>
@@ -2316,7 +2562,19 @@ section: components
2316
2562
  id="toolbar-attribute-value-checkbox-menu-toggle-filter-mobile-example-label-group-statusremove-label-two"
2317
2563
  >
2318
2564
  <span class="pf-v6-c-button__icon">
2319
- <i class="fas fa-times" aria-hidden="true"></i>
2565
+ <svg
2566
+ class="pf-v6-svg"
2567
+ viewBox="0 0 352 512"
2568
+ fill="currentColor"
2569
+ aria-hidden="true"
2570
+ role="img"
2571
+ width="1em"
2572
+ height="1em"
2573
+ >
2574
+ <path
2575
+ 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"
2576
+ />
2577
+ </svg>
2320
2578
  </span>
2321
2579
  </button>
2322
2580
  </span>
@@ -2341,7 +2599,19 @@ section: components
2341
2599
  id="toolbar-attribute-value-checkbox-menu-toggle-filter-mobile-example-label-group-statusremove-label-three"
2342
2600
  >
2343
2601
  <span class="pf-v6-c-button__icon">
2344
- <i class="fas fa-times" aria-hidden="true"></i>
2602
+ <svg
2603
+ class="pf-v6-svg"
2604
+ viewBox="0 0 352 512"
2605
+ fill="currentColor"
2606
+ aria-hidden="true"
2607
+ role="img"
2608
+ width="1em"
2609
+ height="1em"
2610
+ >
2611
+ <path
2612
+ 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"
2613
+ />
2614
+ </svg>
2345
2615
  </span>
2346
2616
  </button>
2347
2617
  </span>
@@ -2383,7 +2653,19 @@ section: components
2383
2653
  id="toolbar-attribute-value-checkbox-menu-toggle-filter-mobile-example-label-group-riskremove-label-one"
2384
2654
  >
2385
2655
  <span class="pf-v6-c-button__icon">
2386
- <i class="fas fa-times" aria-hidden="true"></i>
2656
+ <svg
2657
+ class="pf-v6-svg"
2658
+ viewBox="0 0 352 512"
2659
+ fill="currentColor"
2660
+ aria-hidden="true"
2661
+ role="img"
2662
+ width="1em"
2663
+ height="1em"
2664
+ >
2665
+ <path
2666
+ 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"
2667
+ />
2668
+ </svg>
2387
2669
  </span>
2388
2670
  </button>
2389
2671
  </span>
@@ -2408,7 +2690,19 @@ section: components
2408
2690
  id="toolbar-attribute-value-checkbox-menu-toggle-filter-mobile-example-label-group-riskremove-label-two"
2409
2691
  >
2410
2692
  <span class="pf-v6-c-button__icon">
2411
- <i class="fas fa-times" aria-hidden="true"></i>
2693
+ <svg
2694
+ class="pf-v6-svg"
2695
+ viewBox="0 0 352 512"
2696
+ fill="currentColor"
2697
+ aria-hidden="true"
2698
+ role="img"
2699
+ width="1em"
2700
+ height="1em"
2701
+ >
2702
+ <path
2703
+ 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"
2704
+ />
2705
+ </svg>
2412
2706
  </span>
2413
2707
  </button>
2414
2708
  </span>
@@ -2433,7 +2727,19 @@ section: components
2433
2727
  id="toolbar-attribute-value-checkbox-menu-toggle-filter-mobile-example-label-group-riskremove-label-three"
2434
2728
  >
2435
2729
  <span class="pf-v6-c-button__icon">
2436
- <i class="fas fa-times" aria-hidden="true"></i>
2730
+ <svg
2731
+ class="pf-v6-svg"
2732
+ viewBox="0 0 352 512"
2733
+ fill="currentColor"
2734
+ aria-hidden="true"
2735
+ role="img"
2736
+ width="1em"
2737
+ height="1em"
2738
+ >
2739
+ <path
2740
+ 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"
2741
+ />
2742
+ </svg>
2437
2743
  </span>
2438
2744
  </button>
2439
2745
  </span>
@@ -2879,7 +3185,19 @@ section: components
2879
3185
  aria-label="Go to previous page"
2880
3186
  >
2881
3187
  <span class="pf-v6-c-button__icon">
2882
- <i class="fas fa-angle-left" aria-hidden="true"></i>
3188
+ <svg
3189
+ class="pf-v6-svg"
3190
+ viewBox="0 0 256 512"
3191
+ fill="currentColor"
3192
+ aria-hidden="true"
3193
+ role="img"
3194
+ width="1em"
3195
+ height="1em"
3196
+ >
3197
+ <path
3198
+ 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"
3199
+ />
3200
+ </svg>
2883
3201
  </span>
2884
3202
  </button>
2885
3203
  </div>
@@ -2890,7 +3208,19 @@ section: components
2890
3208
  aria-label="Go to next page"
2891
3209
  >
2892
3210
  <span class="pf-v6-c-button__icon">
2893
- <i class="fas fa-angle-right" aria-hidden="true"></i>
3211
+ <svg
3212
+ class="pf-v6-svg"
3213
+ viewBox="0 0 256 512"
3214
+ fill="currentColor"
3215
+ aria-hidden="true"
3216
+ role="img"
3217
+ width="1em"
3218
+ height="1em"
3219
+ >
3220
+ <path
3221
+ 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"
3222
+ />
3223
+ </svg>
2894
3224
  </span>
2895
3225
  </button>
2896
3226
  </div>
@@ -3393,7 +3723,19 @@ section: components
3393
3723
  aria-label="Go to first page"
3394
3724
  >
3395
3725
  <span class="pf-v6-c-button__icon">
3396
- <i class="fas fa-angle-double-left" aria-hidden="true"></i>
3726
+ <svg
3727
+ class="pf-v6-svg"
3728
+ viewBox="0 0 448 512"
3729
+ fill="currentColor"
3730
+ aria-hidden="true"
3731
+ role="img"
3732
+ width="1em"
3733
+ height="1em"
3734
+ >
3735
+ <path
3736
+ 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"
3737
+ />
3738
+ </svg>
3397
3739
  </span>
3398
3740
  </button>
3399
3741
  </div>
@@ -3405,7 +3747,19 @@ section: components
3405
3747
  aria-label="Go to previous page"
3406
3748
  >
3407
3749
  <span class="pf-v6-c-button__icon">
3408
- <i class="fas fa-angle-left" aria-hidden="true"></i>
3750
+ <svg
3751
+ class="pf-v6-svg"
3752
+ viewBox="0 0 256 512"
3753
+ fill="currentColor"
3754
+ aria-hidden="true"
3755
+ role="img"
3756
+ width="1em"
3757
+ height="1em"
3758
+ >
3759
+ <path
3760
+ 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"
3761
+ />
3762
+ </svg>
3409
3763
  </span>
3410
3764
  </button>
3411
3765
  </div>
@@ -3428,7 +3782,19 @@ section: components
3428
3782
  aria-label="Go to next page"
3429
3783
  >
3430
3784
  <span class="pf-v6-c-button__icon">
3431
- <i class="fas fa-angle-right" aria-hidden="true"></i>
3785
+ <svg
3786
+ class="pf-v6-svg"
3787
+ viewBox="0 0 256 512"
3788
+ fill="currentColor"
3789
+ aria-hidden="true"
3790
+ role="img"
3791
+ width="1em"
3792
+ height="1em"
3793
+ >
3794
+ <path
3795
+ 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"
3796
+ />
3797
+ </svg>
3432
3798
  </span>
3433
3799
  </button>
3434
3800
  </div>
@@ -3440,7 +3806,19 @@ section: components
3440
3806
  aria-label="Go to last page"
3441
3807
  >
3442
3808
  <span class="pf-v6-c-button__icon">
3443
- <i class="fas fa-angle-double-right" aria-hidden="true"></i>
3809
+ <svg
3810
+ class="pf-v6-svg"
3811
+ viewBox="0 0 448 512"
3812
+ fill="currentColor"
3813
+ aria-hidden="true"
3814
+ role="img"
3815
+ width="1em"
3816
+ height="1em"
3817
+ >
3818
+ <path
3819
+ 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"
3820
+ />
3821
+ </svg>
3444
3822
  </span>
3445
3823
  </button>
3446
3824
  </div>