@patternfly/patternfly 6.6.0-prerelease.26 → 6.6.0-prerelease.28

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 (48) hide show
  1. package/components/Button/button.css +2 -3
  2. package/components/Button/button.scss +3 -4
  3. package/components/Label/label.css +9 -3
  4. package/components/Label/label.scss +9 -3
  5. package/components/_index.css +11 -6
  6. package/docs/components/CodeEditor/examples/CodeEditor.md +131 -47
  7. package/docs/components/DataList/examples/DataList.md +143 -11
  8. package/docs/components/DatePicker/examples/DatePicker.md +26 -2
  9. package/docs/components/DescriptionList/examples/DescriptionList.md +115 -55
  10. package/docs/components/DualListSelector/examples/DualListSelector.md +270 -54
  11. package/docs/components/EmptyState/examples/EmptyState.md +12 -12
  12. package/docs/components/FileUpload/examples/FileUpload.md +26 -2
  13. package/docs/components/Form/examples/Form.md +104 -8
  14. package/docs/components/FormControl/examples/FormControl.md +260 -20
  15. package/docs/components/HelperText/examples/HelperText.md +139 -11
  16. package/docs/components/Icon/examples/Icon.md +403 -31
  17. package/docs/components/InlineEdit/examples/InlineEdit.md +13 -1
  18. package/docs/components/InputGroup/examples/InputGroup.md +19 -7
  19. package/docs/components/Label/examples/Label.md +4029 -765
  20. package/docs/components/List/examples/List.md +78 -6
  21. package/docs/components/Login/examples/Login.md +104 -8
  22. package/docs/components/Menu/examples/Menu.md +221 -17
  23. package/docs/components/MultipleFileUpload/examples/MultipleFileUpload.md +247 -19
  24. package/docs/components/NumberInput/examples/NumberInput.md +301 -25
  25. package/docs/components/ProgressStepper/examples/ProgressStepper.md +169 -13
  26. package/docs/components/Switch/examples/Switch.md +52 -4
  27. package/docs/components/Table/examples/Table.md +936 -72
  28. package/docs/components/TextInputGroup/examples/TextInputGroup.md +309 -81
  29. package/docs/components/Toolbar/examples/Toolbar.md +117 -9
  30. package/docs/components/TreeView/examples/TreeView.md +186 -18
  31. package/docs/components/Wizard/examples/Wizard.md +325 -25
  32. package/docs/demos/Alert/examples/Alert.md +149 -26
  33. package/docs/demos/Card/examples/Card.md +280 -34
  34. package/docs/demos/Dashboard/examples/Dashboard.md +72 -18
  35. package/docs/demos/DataList/examples/DataList.md +26 -2
  36. package/docs/demos/Form/examples/BasicForms.md +56 -8
  37. package/docs/demos/HelperText/examples/HelperText.md +104 -8
  38. package/docs/demos/Masthead/examples/Masthead.md +52 -4
  39. package/docs/demos/PasswordStrength/examples/PasswordStrength.md +176 -14
  40. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +52 -4
  41. package/docs/demos/Table/examples/Table.md +247 -19
  42. package/docs/demos/Toolbar/examples/Toolbar.md +103 -10
  43. package/docs/demos/Wizard/examples/Wizard.md +117 -9
  44. package/package.json +1 -1
  45. package/patternfly-no-globals.css +11 -6
  46. package/patternfly.css +11 -6
  47. package/patternfly.min.css +1 -1
  48. package/patternfly.min.css.map +1 -1
package/docs/components/Toolbar/examples/Toolbar.md CHANGED
@@ -293,7 +293,19 @@ Several components in the following examples do not include functional and/or ac
293
293
  <div class="pf-v6-c-text-input-group__main pf-m-icon">
294
294
  <span class="pf-v6-c-text-input-group__text">
295
295
  <span class="pf-v6-c-text-input-group__icon">
296
- <i class="fas fa-fw fa-search"></i>
296
+ <svg
297
+ class="pf-v6-svg"
298
+ fill="currentColor"
299
+ viewBox="0 0 32 32"
300
+ aria-hidden="true"
301
+ role="img"
302
+ width="1em"
303
+ height="1em"
304
+ >
305
+ <path
306
+ d="m30.796 29.205-8.557-8.557A11.945 11.945 0 0 0 25 13c0-6.617-5.383-12-12-12S1 6.383 1 13s5.383 12 12 12c2.904 0 5.57-1.038 7.648-2.761l8.556 8.556a1.122 1.122 0 0 0 1.592 0 1.127 1.127 0 0 0 0-1.591ZM3 13C3 7.486 7.486 3 13 3s10 4.486 10 10-4.486 10-10 10S3 18.514 3 13Z"
307
+ />
308
+ </svg>
297
309
  </span>
298
310
  <input
299
311
  class="pf-v6-c-text-input-group__text-input"
@@ -808,7 +820,19 @@ Several components in the following examples do not include functional and/or ac
808
820
  <div class="pf-v6-c-text-input-group__main pf-m-icon">
809
821
  <span class="pf-v6-c-text-input-group__text">
810
822
  <span class="pf-v6-c-text-input-group__icon">
811
- <i class="fas fa-fw fa-search"></i>
823
+ <svg
824
+ class="pf-v6-svg"
825
+ fill="currentColor"
826
+ viewBox="0 0 32 32"
827
+ aria-hidden="true"
828
+ role="img"
829
+ width="1em"
830
+ height="1em"
831
+ >
832
+ <path
833
+ d="m30.796 29.205-8.557-8.557A11.945 11.945 0 0 0 25 13c0-6.617-5.383-12-12-12S1 6.383 1 13s5.383 12 12 12c2.904 0 5.57-1.038 7.648-2.761l8.556 8.556a1.122 1.122 0 0 0 1.592 0 1.127 1.127 0 0 0 0-1.591ZM3 13C3 7.486 7.486 3 13 3s10 4.486 10 10-4.486 10-10 10S3 18.514 3 13Z"
834
+ />
835
+ </svg>
812
836
  </span>
813
837
  <input
814
838
  class="pf-v6-c-text-input-group__text-input"
@@ -925,7 +949,19 @@ Several components in the following examples do not include functional and/or ac
925
949
  <div class="pf-v6-c-text-input-group__main pf-m-icon">
926
950
  <span class="pf-v6-c-text-input-group__text">
927
951
  <span class="pf-v6-c-text-input-group__icon">
928
- <i class="fas fa-fw fa-search"></i>
952
+ <svg
953
+ class="pf-v6-svg"
954
+ fill="currentColor"
955
+ viewBox="0 0 32 32"
956
+ aria-hidden="true"
957
+ role="img"
958
+ width="1em"
959
+ height="1em"
960
+ >
961
+ <path
962
+ d="m30.796 29.205-8.557-8.557A11.945 11.945 0 0 0 25 13c0-6.617-5.383-12-12-12S1 6.383 1 13s5.383 12 12 12c2.904 0 5.57-1.038 7.648-2.761l8.556 8.556a1.122 1.122 0 0 0 1.592 0 1.127 1.127 0 0 0 0-1.591ZM3 13C3 7.486 7.486 3 13 3s10 4.486 10 10-4.486 10-10 10S3 18.514 3 13Z"
963
+ />
964
+ </svg>
929
965
  </span>
930
966
  <input
931
967
  class="pf-v6-c-text-input-group__text-input"
@@ -1073,7 +1109,19 @@ Several components in the following examples do not include functional and/or ac
1073
1109
  <div class="pf-v6-c-text-input-group__main pf-m-icon">
1074
1110
  <span class="pf-v6-c-text-input-group__text">
1075
1111
  <span class="pf-v6-c-text-input-group__icon">
1076
- <i class="fas fa-fw fa-search"></i>
1112
+ <svg
1113
+ class="pf-v6-svg"
1114
+ fill="currentColor"
1115
+ viewBox="0 0 32 32"
1116
+ aria-hidden="true"
1117
+ role="img"
1118
+ width="1em"
1119
+ height="1em"
1120
+ >
1121
+ <path
1122
+ d="m30.796 29.205-8.557-8.557A11.945 11.945 0 0 0 25 13c0-6.617-5.383-12-12-12S1 6.383 1 13s5.383 12 12 12c2.904 0 5.57-1.038 7.648-2.761l8.556 8.556a1.122 1.122 0 0 0 1.592 0 1.127 1.127 0 0 0 0-1.591ZM3 13C3 7.486 7.486 3 13 3s10 4.486 10 10-4.486 10-10 10S3 18.514 3 13Z"
1123
+ />
1124
+ </svg>
1077
1125
  </span>
1078
1126
  <input
1079
1127
  class="pf-v6-c-text-input-group__text-input"
@@ -1193,7 +1241,19 @@ Several components in the following examples do not include functional and/or ac
1193
1241
  <div class="pf-v6-c-text-input-group__main pf-m-icon">
1194
1242
  <span class="pf-v6-c-text-input-group__text">
1195
1243
  <span class="pf-v6-c-text-input-group__icon">
1196
- <i class="fas fa-fw fa-search"></i>
1244
+ <svg
1245
+ class="pf-v6-svg"
1246
+ fill="currentColor"
1247
+ viewBox="0 0 32 32"
1248
+ aria-hidden="true"
1249
+ role="img"
1250
+ width="1em"
1251
+ height="1em"
1252
+ >
1253
+ <path
1254
+ d="m30.796 29.205-8.557-8.557A11.945 11.945 0 0 0 25 13c0-6.617-5.383-12-12-12S1 6.383 1 13s5.383 12 12 12c2.904 0 5.57-1.038 7.648-2.761l8.556 8.556a1.122 1.122 0 0 0 1.592 0 1.127 1.127 0 0 0 0-1.591ZM3 13C3 7.486 7.486 3 13 3s10 4.486 10 10-4.486 10-10 10S3 18.514 3 13Z"
1255
+ />
1256
+ </svg>
1197
1257
  </span>
1198
1258
  <input
1199
1259
  class="pf-v6-c-text-input-group__text-input"
@@ -1423,7 +1483,19 @@ Several components in the following examples do not include functional and/or ac
1423
1483
  <div class="pf-v6-c-text-input-group__main pf-m-icon">
1424
1484
  <span class="pf-v6-c-text-input-group__text">
1425
1485
  <span class="pf-v6-c-text-input-group__icon">
1426
- <i class="fas fa-fw fa-search"></i>
1486
+ <svg
1487
+ class="pf-v6-svg"
1488
+ fill="currentColor"
1489
+ viewBox="0 0 32 32"
1490
+ aria-hidden="true"
1491
+ role="img"
1492
+ width="1em"
1493
+ height="1em"
1494
+ >
1495
+ <path
1496
+ d="m30.796 29.205-8.557-8.557A11.945 11.945 0 0 0 25 13c0-6.617-5.383-12-12-12S1 6.383 1 13s5.383 12 12 12c2.904 0 5.57-1.038 7.648-2.761l8.556 8.556a1.122 1.122 0 0 0 1.592 0 1.127 1.127 0 0 0 0-1.591ZM3 13C3 7.486 7.486 3 13 3s10 4.486 10 10-4.486 10-10 10S3 18.514 3 13Z"
1497
+ />
1498
+ </svg>
1427
1499
  </span>
1428
1500
  <input
1429
1501
  class="pf-v6-c-text-input-group__text-input"
@@ -1655,7 +1727,19 @@ Several components in the following examples do not include functional and/or ac
1655
1727
  <div class="pf-v6-c-text-input-group__main pf-m-icon">
1656
1728
  <span class="pf-v6-c-text-input-group__text">
1657
1729
  <span class="pf-v6-c-text-input-group__icon">
1658
- <i class="fas fa-fw fa-search"></i>
1730
+ <svg
1731
+ class="pf-v6-svg"
1732
+ fill="currentColor"
1733
+ viewBox="0 0 32 32"
1734
+ aria-hidden="true"
1735
+ role="img"
1736
+ width="1em"
1737
+ height="1em"
1738
+ >
1739
+ <path
1740
+ d="m30.796 29.205-8.557-8.557A11.945 11.945 0 0 0 25 13c0-6.617-5.383-12-12-12S1 6.383 1 13s5.383 12 12 12c2.904 0 5.57-1.038 7.648-2.761l8.556 8.556a1.122 1.122 0 0 0 1.592 0 1.127 1.127 0 0 0 0-1.591ZM3 13C3 7.486 7.486 3 13 3s10 4.486 10 10-4.486 10-10 10S3 18.514 3 13Z"
1741
+ />
1742
+ </svg>
1659
1743
  </span>
1660
1744
  <input
1661
1745
  class="pf-v6-c-text-input-group__text-input"
@@ -1772,7 +1856,19 @@ Several components in the following examples do not include functional and/or ac
1772
1856
  <div class="pf-v6-c-text-input-group__main pf-m-icon">
1773
1857
  <span class="pf-v6-c-text-input-group__text">
1774
1858
  <span class="pf-v6-c-text-input-group__icon">
1775
- <i class="fas fa-fw fa-search"></i>
1859
+ <svg
1860
+ class="pf-v6-svg"
1861
+ fill="currentColor"
1862
+ viewBox="0 0 32 32"
1863
+ aria-hidden="true"
1864
+ role="img"
1865
+ width="1em"
1866
+ height="1em"
1867
+ >
1868
+ <path
1869
+ d="m30.796 29.205-8.557-8.557A11.945 11.945 0 0 0 25 13c0-6.617-5.383-12-12-12S1 6.383 1 13s5.383 12 12 12c2.904 0 5.57-1.038 7.648-2.761l8.556 8.556a1.122 1.122 0 0 0 1.592 0 1.127 1.127 0 0 0 0-1.591ZM3 13C3 7.486 7.486 3 13 3s10 4.486 10 10-4.486 10-10 10S3 18.514 3 13Z"
1870
+ />
1871
+ </svg>
1776
1872
  </span>
1777
1873
  <input
1778
1874
  class="pf-v6-c-text-input-group__text-input"
@@ -2889,7 +2985,19 @@ Several components in the following examples do not include functional and/or ac
2889
2985
  <div class="pf-v6-c-text-input-group__main pf-m-icon">
2890
2986
  <span class="pf-v6-c-text-input-group__text">
2891
2987
  <span class="pf-v6-c-text-input-group__icon">
2892
- <i class="fas fa-fw fa-search"></i>
2988
+ <svg
2989
+ class="pf-v6-svg"
2990
+ fill="currentColor"
2991
+ viewBox="0 0 32 32"
2992
+ aria-hidden="true"
2993
+ role="img"
2994
+ width="1em"
2995
+ height="1em"
2996
+ >
2997
+ <path
2998
+ d="m30.796 29.205-8.557-8.557A11.945 11.945 0 0 0 25 13c0-6.617-5.383-12-12-12S1 6.383 1 13s5.383 12 12 12c2.904 0 5.57-1.038 7.648-2.761l8.556 8.556a1.122 1.122 0 0 0 1.592 0 1.127 1.127 0 0 0 0-1.591ZM3 13C3 7.486 7.486 3 13 3s10 4.486 10 10-4.486 10-10 10S3 18.514 3 13Z"
2999
+ />
3000
+ </svg>
2893
3001
  </span>
2894
3002
  <input
2895
3003
  class="pf-v6-c-text-input-group__text-input"
package/docs/components/TreeView/examples/TreeView.md CHANGED
@@ -848,7 +848,19 @@ A search input can be used to filter tree view items. It is recommended that a t
848
848
  <div class="pf-v6-c-text-input-group__main pf-m-icon">
849
849
  <span class="pf-v6-c-text-input-group__text">
850
850
  <span class="pf-v6-c-text-input-group__icon">
851
- <i class="fas fa-fw fa-search"></i>
851
+ <svg
852
+ class="pf-v6-svg"
853
+ fill="currentColor"
854
+ viewBox="0 0 32 32"
855
+ aria-hidden="true"
856
+ role="img"
857
+ width="1em"
858
+ height="1em"
859
+ >
860
+ <path
861
+ d="m30.796 29.205-8.557-8.557A11.945 11.945 0 0 0 25 13c0-6.617-5.383-12-12-12S1 6.383 1 13s5.383 12 12 12c2.904 0 5.57-1.038 7.648-2.761l8.556 8.556a1.122 1.122 0 0 0 1.592 0 1.127 1.127 0 0 0 0-1.591ZM3 13C3 7.486 7.486 3 13 3s10 4.486 10 10-4.486 10-10 10S3 18.514 3 13Z"
862
+ />
863
+ </svg>
852
864
  </span>
853
865
  <input
854
866
  class="pf-v6-c-text-input-group__text-input"
@@ -2002,7 +2014,19 @@ A search input can be used to filter tree view items. It is recommended that a t
2002
2014
  </span>
2003
2015
  </span>
2004
2016
  <span class="pf-v6-c-tree-view__node-icon">
2005
- <i class="fas fa-folder-open" aria-hidden="true"></i>
2017
+ <svg
2018
+ class="pf-v6-svg"
2019
+ fill="currentColor"
2020
+ viewBox="0 0 32 32"
2021
+ aria-hidden="true"
2022
+ role="img"
2023
+ width="1em"
2024
+ height="1em"
2025
+ >
2026
+ <path
2027
+ d="m30.979 13.108-3 14.1A1.002 1.002 0 0 1 27 28H2a.977.977 0 0 1-.418-.098c-.038-.017-.066-.046-.101-.068a.98.98 0 0 1-.23-.189c-.013-.015-.033-.021-.046-.037-.021-.027-.023-.062-.041-.091a.951.951 0 0 1-.142-.409C1.018 27.071 1 27.038 1 27V9.5C1 8.673 1.673 8 2.5 8h2.69l.681-3.208A1 1 0 0 1 6.85 4h9.301a1 1 0 0 1 .979.792L17.811 8h10.19a1 1 0 1 1 0 2h-11a1 1 0 0 1-.979-.792L15.341 6H7.659l-.681 3.208a1 1 0 0 1-.979.792h-3v9.523l1.875-6.885a.999.999 0 0 1 .965-.737h24.16a1.001 1.001 0 0 1 .978 1.208Z"
2028
+ />
2029
+ </svg>
2006
2030
  </span>
2007
2031
  <span class="pf-v6-c-tree-view__node-text">Application launcher</span>
2008
2032
  </span>
@@ -2037,7 +2061,19 @@ A search input can be used to filter tree view items. It is recommended that a t
2037
2061
  </span>
2038
2062
  </span>
2039
2063
  <span class="pf-v6-c-tree-view__node-icon">
2040
- <i class="fas fa-folder-open" aria-hidden="true"></i>
2064
+ <svg
2065
+ class="pf-v6-svg"
2066
+ fill="currentColor"
2067
+ viewBox="0 0 32 32"
2068
+ aria-hidden="true"
2069
+ role="img"
2070
+ width="1em"
2071
+ height="1em"
2072
+ >
2073
+ <path
2074
+ d="m30.979 13.108-3 14.1A1.002 1.002 0 0 1 27 28H2a.977.977 0 0 1-.418-.098c-.038-.017-.066-.046-.101-.068a.98.98 0 0 1-.23-.189c-.013-.015-.033-.021-.046-.037-.021-.027-.023-.062-.041-.091a.951.951 0 0 1-.142-.409C1.018 27.071 1 27.038 1 27V9.5C1 8.673 1.673 8 2.5 8h2.69l.681-3.208A1 1 0 0 1 6.85 4h9.301a1 1 0 0 1 .979.792L17.811 8h10.19a1 1 0 1 1 0 2h-11a1 1 0 0 1-.979-.792L15.341 6H7.659l-.681 3.208a1 1 0 0 1-.979.792h-3v9.523l1.875-6.885a.999.999 0 0 1 .965-.737h24.16a1.001 1.001 0 0 1 .978 1.208Z"
2075
+ />
2076
+ </svg>
2041
2077
  </span>
2042
2078
  <span class="pf-v6-c-tree-view__node-text">Application 1</span>
2043
2079
  </span>
@@ -2054,7 +2090,19 @@ A search input can be used to filter tree view items. It is recommended that a t
2054
2090
  <button class="pf-v6-c-tree-view__node">
2055
2091
  <span class="pf-v6-c-tree-view__node-container">
2056
2092
  <span class="pf-v6-c-tree-view__node-icon">
2057
- <i class="fas fa-folder" aria-hidden="true"></i>
2093
+ <svg
2094
+ class="pf-v6-svg"
2095
+ fill="currentColor"
2096
+ viewBox="0 0 32 32"
2097
+ aria-hidden="true"
2098
+ role="img"
2099
+ width="1em"
2100
+ height="1em"
2101
+ >
2102
+ <path
2103
+ d="M31 9.5v17c0 .827-.673 1.5-1.5 1.5h-27c-.827 0-1.5-.673-1.5-1.5v-17C1 8.673 1.673 8 2.5 8h2.69l.681-3.208A1 1 0 0 1 6.85 4h9.301a1 1 0 0 1 .979.792L17.811 8h11.69c.827 0 1.5.673 1.5 1.5Z"
2104
+ />
2105
+ </svg>
2058
2106
  </span>
2059
2107
  <span class="pf-v6-c-tree-view__node-text">Settings</span>
2060
2108
  </span>
@@ -2071,7 +2119,19 @@ A search input can be used to filter tree view items. It is recommended that a t
2071
2119
  <button class="pf-v6-c-tree-view__node pf-m-current">
2072
2120
  <span class="pf-v6-c-tree-view__node-container">
2073
2121
  <span class="pf-v6-c-tree-view__node-icon">
2074
- <i class="fas fa-folder" aria-hidden="true"></i>
2122
+ <svg
2123
+ class="pf-v6-svg"
2124
+ fill="currentColor"
2125
+ viewBox="0 0 32 32"
2126
+ aria-hidden="true"
2127
+ role="img"
2128
+ width="1em"
2129
+ height="1em"
2130
+ >
2131
+ <path
2132
+ d="M31 9.5v17c0 .827-.673 1.5-1.5 1.5h-27c-.827 0-1.5-.673-1.5-1.5v-17C1 8.673 1.673 8 2.5 8h2.69l.681-3.208A1 1 0 0 1 6.85 4h9.301a1 1 0 0 1 .979.792L17.811 8h11.69c.827 0 1.5.673 1.5 1.5Z"
2133
+ />
2134
+ </svg>
2075
2135
  </span>
2076
2136
  <span class="pf-v6-c-tree-view__node-text">Current</span>
2077
2137
  </span>
@@ -2108,7 +2168,19 @@ A search input can be used to filter tree view items. It is recommended that a t
2108
2168
  </span>
2109
2169
  </span>
2110
2170
  <span class="pf-v6-c-tree-view__node-icon">
2111
- <i class="fas fa-folder-open" aria-hidden="true"></i>
2171
+ <svg
2172
+ class="pf-v6-svg"
2173
+ fill="currentColor"
2174
+ viewBox="0 0 32 32"
2175
+ aria-hidden="true"
2176
+ role="img"
2177
+ width="1em"
2178
+ height="1em"
2179
+ >
2180
+ <path
2181
+ d="m30.979 13.108-3 14.1A1.002 1.002 0 0 1 27 28H2a.977.977 0 0 1-.418-.098c-.038-.017-.066-.046-.101-.068a.98.98 0 0 1-.23-.189c-.013-.015-.033-.021-.046-.037-.021-.027-.023-.062-.041-.091a.951.951 0 0 1-.142-.409C1.018 27.071 1 27.038 1 27V9.5C1 8.673 1.673 8 2.5 8h2.69l.681-3.208A1 1 0 0 1 6.85 4h9.301a1 1 0 0 1 .979.792L17.811 8h10.19a1 1 0 1 1 0 2h-11a1 1 0 0 1-.979-.792L15.341 6H7.659l-.681 3.208a1 1 0 0 1-.979.792h-3v9.523l1.875-6.885a.999.999 0 0 1 .965-.737h24.16a1.001 1.001 0 0 1 .978 1.208Z"
2182
+ />
2183
+ </svg>
2112
2184
  </span>
2113
2185
  <span
2114
2186
  class="pf-v6-c-tree-view__node-text"
@@ -2145,7 +2217,19 @@ A search input can be used to filter tree view items. It is recommended that a t
2145
2217
  </span>
2146
2218
  </span>
2147
2219
  <span class="pf-v6-c-tree-view__node-icon">
2148
- <i class="fas fa-folder" aria-hidden="true"></i>
2220
+ <svg
2221
+ class="pf-v6-svg"
2222
+ fill="currentColor"
2223
+ viewBox="0 0 32 32"
2224
+ aria-hidden="true"
2225
+ role="img"
2226
+ width="1em"
2227
+ height="1em"
2228
+ >
2229
+ <path
2230
+ d="M31 9.5v17c0 .827-.673 1.5-1.5 1.5h-27c-.827 0-1.5-.673-1.5-1.5v-17C1 8.673 1.673 8 2.5 8h2.69l.681-3.208A1 1 0 0 1 6.85 4h9.301a1 1 0 0 1 .979.792L17.811 8h11.69c.827 0 1.5.673 1.5 1.5Z"
2231
+ />
2232
+ </svg>
2149
2233
  </span>
2150
2234
  <span class="pf-v6-c-tree-view__node-text">Settings</span>
2151
2235
  </span>
@@ -2180,7 +2264,19 @@ A search input can be used to filter tree view items. It is recommended that a t
2180
2264
  </span>
2181
2265
  </span>
2182
2266
  <span class="pf-v6-c-tree-view__node-icon">
2183
- <i class="fas fa-folder-open" aria-hidden="true"></i>
2267
+ <svg
2268
+ class="pf-v6-svg"
2269
+ fill="currentColor"
2270
+ viewBox="0 0 32 32"
2271
+ aria-hidden="true"
2272
+ role="img"
2273
+ width="1em"
2274
+ height="1em"
2275
+ >
2276
+ <path
2277
+ d="m30.979 13.108-3 14.1A1.002 1.002 0 0 1 27 28H2a.977.977 0 0 1-.418-.098c-.038-.017-.066-.046-.101-.068a.98.98 0 0 1-.23-.189c-.013-.015-.033-.021-.046-.037-.021-.027-.023-.062-.041-.091a.951.951 0 0 1-.142-.409C1.018 27.071 1 27.038 1 27V9.5C1 8.673 1.673 8 2.5 8h2.69l.681-3.208A1 1 0 0 1 6.85 4h9.301a1 1 0 0 1 .979.792L17.811 8h10.19a1 1 0 1 1 0 2h-11a1 1 0 0 1-.979-.792L15.341 6H7.659l-.681 3.208a1 1 0 0 1-.979.792h-3v9.523l1.875-6.885a.999.999 0 0 1 .965-.737h24.16a1.001 1.001 0 0 1 .978 1.208Z"
2278
+ />
2279
+ </svg>
2184
2280
  </span>
2185
2281
  <span class="pf-v6-c-tree-view__node-text">Loader</span>
2186
2282
  </span>
@@ -2215,7 +2311,19 @@ A search input can be used to filter tree view items. It is recommended that a t
2215
2311
  </span>
2216
2312
  </span>
2217
2313
  <span class="pf-v6-c-tree-view__node-icon">
2218
- <i class="fas fa-folder" aria-hidden="true"></i>
2314
+ <svg
2315
+ class="pf-v6-svg"
2316
+ fill="currentColor"
2317
+ viewBox="0 0 32 32"
2318
+ aria-hidden="true"
2319
+ role="img"
2320
+ width="1em"
2321
+ height="1em"
2322
+ >
2323
+ <path
2324
+ d="M31 9.5v17c0 .827-.673 1.5-1.5 1.5h-27c-.827 0-1.5-.673-1.5-1.5v-17C1 8.673 1.673 8 2.5 8h2.69l.681-3.208A1 1 0 0 1 6.85 4h9.301a1 1 0 0 1 .979.792L17.811 8h11.69c.827 0 1.5.673 1.5 1.5Z"
2325
+ />
2326
+ </svg>
2219
2327
  </span>
2220
2328
  <span class="pf-v6-c-tree-view__node-text">Loader app 1</span>
2221
2329
  </span>
@@ -2232,7 +2340,19 @@ A search input can be used to filter tree view items. It is recommended that a t
2232
2340
  <button class="pf-v6-c-tree-view__node">
2233
2341
  <span class="pf-v6-c-tree-view__node-container">
2234
2342
  <span class="pf-v6-c-tree-view__node-icon">
2235
- <i class="fas fa-folder" aria-hidden="true"></i>
2343
+ <svg
2344
+ class="pf-v6-svg"
2345
+ fill="currentColor"
2346
+ viewBox="0 0 32 32"
2347
+ aria-hidden="true"
2348
+ role="img"
2349
+ width="1em"
2350
+ height="1em"
2351
+ >
2352
+ <path
2353
+ d="M31 9.5v17c0 .827-.673 1.5-1.5 1.5h-27c-.827 0-1.5-.673-1.5-1.5v-17C1 8.673 1.673 8 2.5 8h2.69l.681-3.208A1 1 0 0 1 6.85 4h9.301a1 1 0 0 1 .979.792L17.811 8h11.69c.827 0 1.5.673 1.5 1.5Z"
2354
+ />
2355
+ </svg>
2236
2356
  </span>
2237
2357
  <span class="pf-v6-c-tree-view__node-text">Loader app 2</span>
2238
2358
  </span>
@@ -2249,7 +2369,19 @@ A search input can be used to filter tree view items. It is recommended that a t
2249
2369
  <button class="pf-v6-c-tree-view__node">
2250
2370
  <span class="pf-v6-c-tree-view__node-container">
2251
2371
  <span class="pf-v6-c-tree-view__node-icon">
2252
- <i class="fas fa-folder" aria-hidden="true"></i>
2372
+ <svg
2373
+ class="pf-v6-svg"
2374
+ fill="currentColor"
2375
+ viewBox="0 0 32 32"
2376
+ aria-hidden="true"
2377
+ role="img"
2378
+ width="1em"
2379
+ height="1em"
2380
+ >
2381
+ <path
2382
+ d="M31 9.5v17c0 .827-.673 1.5-1.5 1.5h-27c-.827 0-1.5-.673-1.5-1.5v-17C1 8.673 1.673 8 2.5 8h2.69l.681-3.208A1 1 0 0 1 6.85 4h9.301a1 1 0 0 1 .979.792L17.811 8h11.69c.827 0 1.5.673 1.5 1.5Z"
2383
+ />
2384
+ </svg>
2253
2385
  </span>
2254
2386
  <span class="pf-v6-c-tree-view__node-text">Loader app 3</span>
2255
2387
  </span>
@@ -2290,7 +2422,19 @@ A search input can be used to filter tree view items. It is recommended that a t
2290
2422
  </span>
2291
2423
  </span>
2292
2424
  <span class="pf-v6-c-tree-view__node-icon">
2293
- <i class="fas fa-folder" aria-hidden="true"></i>
2425
+ <svg
2426
+ class="pf-v6-svg"
2427
+ fill="currentColor"
2428
+ viewBox="0 0 32 32"
2429
+ aria-hidden="true"
2430
+ role="img"
2431
+ width="1em"
2432
+ height="1em"
2433
+ >
2434
+ <path
2435
+ d="M31 9.5v17c0 .827-.673 1.5-1.5 1.5h-27c-.827 0-1.5-.673-1.5-1.5v-17C1 8.673 1.673 8 2.5 8h2.69l.681-3.208A1 1 0 0 1 6.85 4h9.301a1 1 0 0 1 .979.792L17.811 8h11.69c.827 0 1.5.673 1.5 1.5Z"
2436
+ />
2437
+ </svg>
2294
2438
  </span>
2295
2439
  <span class="pf-v6-c-tree-view__node-text">Cost management</span>
2296
2440
  </span>
@@ -2325,7 +2469,19 @@ A search input can be used to filter tree view items. It is recommended that a t
2325
2469
  </span>
2326
2470
  </span>
2327
2471
  <span class="pf-v6-c-tree-view__node-icon">
2328
- <i class="fas fa-folder" aria-hidden="true"></i>
2472
+ <svg
2473
+ class="pf-v6-svg"
2474
+ fill="currentColor"
2475
+ viewBox="0 0 32 32"
2476
+ aria-hidden="true"
2477
+ role="img"
2478
+ width="1em"
2479
+ height="1em"
2480
+ >
2481
+ <path
2482
+ d="M31 9.5v17c0 .827-.673 1.5-1.5 1.5h-27c-.827 0-1.5-.673-1.5-1.5v-17C1 8.673 1.673 8 2.5 8h2.69l.681-3.208A1 1 0 0 1 6.85 4h9.301a1 1 0 0 1 .979.792L17.811 8h11.69c.827 0 1.5.673 1.5 1.5Z"
2483
+ />
2484
+ </svg>
2329
2485
  </span>
2330
2486
  <span class="pf-v6-c-tree-view__node-text">Sources</span>
2331
2487
  </span>
@@ -2360,7 +2516,19 @@ A search input can be used to filter tree view items. It is recommended that a t
2360
2516
  </span>
2361
2517
  </span>
2362
2518
  <span class="pf-v6-c-tree-view__node-icon">
2363
- <i class="fas fa-folder" aria-hidden="true"></i>
2519
+ <svg
2520
+ class="pf-v6-svg"
2521
+ fill="currentColor"
2522
+ viewBox="0 0 32 32"
2523
+ aria-hidden="true"
2524
+ role="img"
2525
+ width="1em"
2526
+ height="1em"
2527
+ >
2528
+ <path
2529
+ d="M31 9.5v17c0 .827-.673 1.5-1.5 1.5h-27c-.827 0-1.5-.673-1.5-1.5v-17C1 8.673 1.673 8 2.5 8h2.69l.681-3.208A1 1 0 0 1 6.85 4h9.301a1 1 0 0 1 .979.792L17.811 8h11.69c.827 0 1.5.673 1.5 1.5Z"
2530
+ />
2531
+ </svg>
2364
2532
  </span>
2365
2533
  <span
2366
2534
  class="pf-v6-c-tree-view__node-text"
@@ -2877,14 +3045,14 @@ A search input can be used to filter tree view items. It is recommended that a t
2877
3045
  <svg
2878
3046
  class="pf-v6-svg"
2879
3047
  fill="currentColor"
2880
- viewBox="0 0 384 512"
3048
+ viewBox="0 0 32 32"
2881
3049
  aria-hidden="true"
2882
3050
  role="img"
2883
3051
  width="1em"
2884
3052
  height="1em"
2885
3053
  >
2886
3054
  <path
2887
- d="M384 112v352c0 26.51-21.49 48-48 48H48c-26.51 0-48-21.49-48-48V112c0-26.51 21.49-48 48-48h80c0-35.29 28.71-64 64-64s64 28.71 64 64h80c26.51 0 48 21.49 48 48zM192 40c-13.255 0-24 10.745-24 24s10.745 24 24 24 24-10.745 24-24-10.745-24-24-24m96 114v-20a6 6 0 0 0-6-6H102a6 6 0 0 0-6 6v20a6 6 0 0 0 6 6h180a6 6 0 0 0 6-6z"
3055
+ d="M25.5 6H23v-.5c0-.827-.673-1.5-1.5-1.5h-1.626C19.429 2.276 17.861 1 16 1s-3.428 1.276-3.874 3H10.5C9.673 4 9 4.673 9 5.5V6H6.5C5.673 6 5 6.673 5 7.5v22c0 .827.673 1.5 1.5 1.5h19c.827 0 1.5-.673 1.5-1.5v-22c0-.827-.673-1.5-1.5-1.5ZM11 6h2a1 1 0 0 0 1-1c0-1.103.897-2 2-2s2 .897 2 2a1 1 0 0 0 1 1h2v2H11V6Z"
2888
3056
  />
2889
3057
  </svg>
2890
3058
  </span>
@@ -2964,14 +3132,14 @@ A search input can be used to filter tree view items. It is recommended that a t
2964
3132
  <svg
2965
3133
  class="pf-v6-svg"
2966
3134
  fill="currentColor"
2967
- viewBox="0 0 448 512"
3135
+ viewBox="0 0 32 32"
2968
3136
  aria-hidden="true"
2969
3137
  role="img"
2970
3138
  width="1em"
2971
3139
  height="1em"
2972
3140
  >
2973
3141
  <path
2974
- d="M16 132h416c8.837 0 16-7.163 16-16V76c0-8.837-7.163-16-16-16H16C7.163 60 0 67.163 0 76v40c0 8.837 7.163 16 16 16zm0 160h416c8.837 0 16-7.163 16-16v-40c0-8.837-7.163-16-16-16H16c-8.837 0-16 7.163-16 16v40c0 8.837 7.163 16 16 16zm0 160h416c8.837 0 16-7.163 16-16v-40c0-8.837-7.163-16-16-16H16c-8.837 0-16 7.163-16 16v40c0 8.837 7.163 16 16 16z"
3142
+ d="M31 16a1 1 0 0 1-1 1H2a1 1 0 1 1 0-2h28a1 1 0 0 1 1 1Zm-1 9H2a1 1 0 1 0 0 2h28a1 1 0 1 0 0-2ZM2 7h28a1 1 0 1 0 0-2H2a1 1 0 1 0 0 2Z"
2975
3143
  />
2976
3144
  </svg>
2977
3145
  </span>