@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/demos/DataList/examples/DataList.md CHANGED
@@ -2831,7 +2831,19 @@ wrapperTag: div
2831
2831
  <div class="pf-v6-c-text-input-group__main pf-m-icon">
2832
2832
  <span class="pf-v6-c-text-input-group__text">
2833
2833
  <span class="pf-v6-c-text-input-group__icon">
2834
- <i class="fas fa-fw fa-search"></i>
2834
+ <svg
2835
+ class="pf-v6-svg"
2836
+ fill="currentColor"
2837
+ viewBox="0 0 32 32"
2838
+ aria-hidden="true"
2839
+ role="img"
2840
+ width="1em"
2841
+ height="1em"
2842
+ >
2843
+ <path
2844
+ 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"
2845
+ />
2846
+ </svg>
2835
2847
  </span>
2836
2848
  <input
2837
2849
  class="pf-v6-c-text-input-group__text-input"
@@ -4750,7 +4762,19 @@ wrapperTag: div
4750
4762
  <div class="pf-v6-c-text-input-group__main pf-m-icon">
4751
4763
  <span class="pf-v6-c-text-input-group__text">
4752
4764
  <span class="pf-v6-c-text-input-group__icon">
4753
- <i class="fas fa-fw fa-search"></i>
4765
+ <svg
4766
+ class="pf-v6-svg"
4767
+ fill="currentColor"
4768
+ viewBox="0 0 32 32"
4769
+ aria-hidden="true"
4770
+ role="img"
4771
+ width="1em"
4772
+ height="1em"
4773
+ >
4774
+ <path
4775
+ 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"
4776
+ />
4777
+ </svg>
4754
4778
  </span>
4755
4779
  <input
4756
4780
  class="pf-v6-c-text-input-group__text-input"
package/docs/demos/Form/examples/BasicForms.md CHANGED
@@ -26,7 +26,19 @@ subsection: forms
26
26
  </select>
27
27
  <span class="pf-v6-c-form-control__utilities">
28
28
  <span class="pf-v6-c-form-control__toggle-icon">
29
- <i class="fas fa-caret-down" aria-hidden="true"></i>
29
+ <svg
30
+ class="pf-v6-svg"
31
+ fill="currentColor"
32
+ viewBox="0 0 32 32"
33
+ aria-hidden="true"
34
+ role="img"
35
+ width="1em"
36
+ height="1em"
37
+ >
38
+ <path
39
+ d="M29.707 11.707 17.061 24.353c-.292.292-.677.438-1.061.438s-.769-.146-1.061-.438L2.293 11.707A1 1 0 0 1 3 10h26a1 1 0 0 1 .707 1.707Z"
40
+ />
41
+ </svg>
30
42
  </span>
31
43
  </span>
32
44
  </span>
@@ -564,7 +576,19 @@ subsection: forms
564
576
  </select>
565
577
  <span class="pf-v6-c-form-control__utilities">
566
578
  <span class="pf-v6-c-form-control__toggle-icon">
567
- <i class="fas fa-caret-down" aria-hidden="true"></i>
579
+ <svg
580
+ class="pf-v6-svg"
581
+ fill="currentColor"
582
+ viewBox="0 0 32 32"
583
+ aria-hidden="true"
584
+ role="img"
585
+ width="1em"
586
+ height="1em"
587
+ >
588
+ <path
589
+ d="M29.707 11.707 17.061 24.353c-.292.292-.677.438-1.061.438s-.769-.146-1.061-.438L2.293 11.707A1 1 0 0 1 3 10h26a1 1 0 0 1 .707 1.707Z"
590
+ />
591
+ </svg>
568
592
  </span>
569
593
  </span>
570
594
  </span>
@@ -1089,7 +1113,19 @@ subsection: forms
1089
1113
  <span class="pf-v6-c-label">
1090
1114
  <span class="pf-v6-c-label__content">
1091
1115
  <span class="pf-v6-c-label__icon">
1092
- <i class="fas fa-fw fa-info-circle" aria-hidden="true"></i>
1116
+ <svg
1117
+ class="pf-v6-svg"
1118
+ fill="currentColor"
1119
+ viewBox="0 0 512 512"
1120
+ aria-hidden="true"
1121
+ role="img"
1122
+ width="1em"
1123
+ height="1em"
1124
+ >
1125
+ <path
1126
+ d="M256 8C119.043 8 8 119.083 8 256c0 136.997 111.043 248 248 248s248-111.003 248-248C504 119.083 392.957 8 256 8zm0 110c23.196 0 42 18.804 42 42s-18.804 42-42 42-42-18.804-42-42 18.804-42 42-42zm56 254c0 6.627-5.373 12-12 12h-88c-6.627 0-12-5.373-12-12v-24c0-6.627 5.373-12 12-12h12v-64h-12c-6.627 0-12-5.373-12-12v-24c0-6.627 5.373-12 12-12h64c6.627 0 12 5.373 12 12v100h12c6.627 0 12 5.373 12 12v24z"
1127
+ />
1128
+ </svg>
1093
1129
  </span>
1094
1130
  <span
1095
1131
  class="pf-v6-c-label__text"
@@ -1099,10 +1135,10 @@ subsection: forms
1099
1135
  <span class="pf-v6-c-label__actions">
1100
1136
  <button
1101
1137
  class="pf-v6-c-button pf-m-no-padding pf-m-plain"
1102
- type="button"
1103
1138
  id="-label-1-button"
1104
- aria-label="Remove"
1139
+ type="button"
1105
1140
  aria-labelledby="-label-1-button -label-1-text"
1141
+ aria-label="Remove"
1106
1142
  >
1107
1143
  <span class="pf-v6-c-button__icon">
1108
1144
  <svg
@@ -1127,17 +1163,29 @@ subsection: forms
1127
1163
  <span class="pf-v6-c-label">
1128
1164
  <span class="pf-v6-c-label__content">
1129
1165
  <span class="pf-v6-c-label__icon">
1130
- <i class="fas fa-fw fa-info-circle" aria-hidden="true"></i>
1166
+ <svg
1167
+ class="pf-v6-svg"
1168
+ fill="currentColor"
1169
+ viewBox="0 0 512 512"
1170
+ aria-hidden="true"
1171
+ role="img"
1172
+ width="1em"
1173
+ height="1em"
1174
+ >
1175
+ <path
1176
+ d="M256 8C119.043 8 8 119.083 8 256c0 136.997 111.043 248 248 248s248-111.003 248-248C504 119.083 392.957 8 256 8zm0 110c23.196 0 42 18.804 42 42s-18.804 42-42 42-42-18.804-42-42 18.804-42 42-42zm56 254c0 6.627-5.373 12-12 12h-88c-6.627 0-12-5.373-12-12v-24c0-6.627 5.373-12 12-12h12v-64h-12c-6.627 0-12-5.373-12-12v-24c0-6.627 5.373-12 12-12h64c6.627 0 12 5.373 12 12v100h12c6.627 0 12 5.373 12 12v24z"
1177
+ />
1178
+ </svg>
1131
1179
  </span>
1132
1180
  <span class="pf-v6-c-label__text" id="-label-2-text">new</span>
1133
1181
  </span>
1134
1182
  <span class="pf-v6-c-label__actions">
1135
1183
  <button
1136
1184
  class="pf-v6-c-button pf-m-no-padding pf-m-plain"
1137
- type="button"
1138
1185
  id="-label-2-button"
1139
- aria-label="Remove"
1186
+ type="button"
1140
1187
  aria-labelledby="-label-2-button -label-2-text"
1188
+ aria-label="Remove"
1141
1189
  >
1142
1190
  <span class="pf-v6-c-button__icon">
1143
1191
  <svg
package/docs/demos/HelperText/examples/HelperText.md CHANGED
@@ -51,7 +51,19 @@ section: components
51
51
  />
52
52
  <span class="pf-v6-c-form-control__utilities">
53
53
  <span class="pf-v6-c-form-control__icon pf-m-status">
54
- <i class="fas fa-exclamation-triangle" aria-hidden="true"></i>
54
+ <svg
55
+ class="pf-v6-svg"
56
+ fill="currentColor"
57
+ viewBox="0 0 32 32"
58
+ aria-hidden="true"
59
+ role="img"
60
+ width="1em"
61
+ height="1em"
62
+ >
63
+ <path
64
+ d="m31.874 28.514-15.011-27a1.001 1.001 0 0 0-1.748 0l-15.011 27A1 1 0 0 0 .978 30H31a1 1 0 0 0 .874-1.486ZM14.5 12a1.5 1.5 0 0 1 3 0v5a1.5 1.5 0 0 1-3 0v-5ZM16 26.001a2 2 0 1 1-.001-3.999A2 2 0 0 1 16 26.001Z"
65
+ />
66
+ </svg>
55
67
  </span>
56
68
  </span>
57
69
  </span>
@@ -64,7 +76,19 @@ section: components
64
76
  <div class="pf-v6-c-helper-text">
65
77
  <div class="pf-v6-c-helper-text__item pf-m-warning">
66
78
  <span class="pf-v6-c-helper-text__item-icon">
67
- <i class="fas fa-fw fa-exclamation-triangle" aria-hidden="true"></i>
79
+ <svg
80
+ class="pf-v6-svg"
81
+ fill="currentColor"
82
+ viewBox="0 0 32 32"
83
+ aria-hidden="true"
84
+ role="img"
85
+ width="1em"
86
+ height="1em"
87
+ >
88
+ <path
89
+ d="m31.874 28.514-15.011-27a1.001 1.001 0 0 0-1.748 0l-15.011 27A1 1 0 0 0 .978 30H31a1 1 0 0 0 .874-1.486ZM14.5 12a1.5 1.5 0 0 1 3 0v5a1.5 1.5 0 0 1-3 0v-5ZM16 26.001a2 2 0 1 1-.001-3.999A2 2 0 0 1 16 26.001Z"
90
+ />
91
+ </svg>
68
92
  </span>
69
93
  <span class="pf-v6-c-helper-text__item-text">
70
94
  <span class="pf-v6-screen-reader">Warning:</span>
@@ -91,7 +115,19 @@ section: components
91
115
  />
92
116
  <span class="pf-v6-c-form-control__utilities">
93
117
  <span class="pf-v6-c-form-control__icon pf-m-status">
94
- <i class="fas fa-exclamation-circle" aria-hidden="true"></i>
118
+ <svg
119
+ class="pf-v6-svg"
120
+ fill="currentColor"
121
+ viewBox="0 0 32 32"
122
+ aria-hidden="true"
123
+ role="img"
124
+ width="1em"
125
+ height="1em"
126
+ >
127
+ <path
128
+ d="M16 1C7.729 1 1 7.729 1 16s6.729 15 15 15 15-6.729 15-15S24.271 1 16 1Zm-1.5 8a1.5 1.5 0 1 1 3 0v7a1.5 1.5 0 1 1-3 0V9ZM16 25.001a2 2 0 1 1-.001-3.999A2 2 0 0 1 16 25.001Z"
129
+ />
130
+ </svg>
95
131
  </span>
96
132
  </span>
97
133
  </span>
@@ -104,7 +140,19 @@ section: components
104
140
  <ul class="pf-v6-c-helper-text" role="list">
105
141
  <li class="pf-v6-c-helper-text__item pf-m-success pf-m-dynamic">
106
142
  <span class="pf-v6-c-helper-text__item-icon">
107
- <i class="fas fa-fw fa-check-circle" aria-hidden="true"></i>
143
+ <svg
144
+ class="pf-v6-svg"
145
+ fill="currentColor"
146
+ viewBox="0 0 32 32"
147
+ aria-hidden="true"
148
+ role="img"
149
+ width="1em"
150
+ height="1em"
151
+ >
152
+ <path
153
+ d="M16 1C7.729 1 1 7.729 1 16s6.729 15 15 15 15-6.729 15-15S24.271 1 16 1Zm7.795 11.795-8.646 8.646c-.317.317-.733.475-1.149.475s-.832-.158-1.149-.475l-4.646-4.646a1.126 1.126 0 0 1 1.591-1.591l4.205 4.205 8.205-8.205a1.126 1.126 0 0 1 1.591 1.591Z"
154
+ />
155
+ </svg>
108
156
  </span>
109
157
  <span class="pf-v6-c-helper-text__item-text">
110
158
  <span class="pf-v6-screen-reader">Success:</span>
@@ -113,7 +161,19 @@ section: components
113
161
  </li>
114
162
  <li class="pf-v6-c-helper-text__item pf-m-error pf-m-dynamic">
115
163
  <span class="pf-v6-c-helper-text__item-icon">
116
- <i class="fas fa-fw fa-exclamation-circle" aria-hidden="true"></i>
164
+ <svg
165
+ class="pf-v6-svg"
166
+ fill="currentColor"
167
+ viewBox="0 0 32 32"
168
+ aria-hidden="true"
169
+ role="img"
170
+ width="1em"
171
+ height="1em"
172
+ >
173
+ <path
174
+ d="M16 1C7.729 1 1 7.729 1 16s6.729 15 15 15 15-6.729 15-15S24.271 1 16 1Zm-1.5 8a1.5 1.5 0 1 1 3 0v7a1.5 1.5 0 1 1-3 0V9ZM16 25.001a2 2 0 1 1-.001-3.999A2 2 0 0 1 16 25.001Z"
175
+ />
176
+ </svg>
117
177
  </span>
118
178
  <span class="pf-v6-c-helper-text__item-text">
119
179
  <span class="pf-v6-screen-reader">Error:</span>
@@ -122,7 +182,19 @@ section: components
122
182
  </li>
123
183
  <li class="pf-v6-c-helper-text__item pf-m-success pf-m-dynamic">
124
184
  <span class="pf-v6-c-helper-text__item-icon">
125
- <i class="fas fa-fw fa-check-circle" aria-hidden="true"></i>
185
+ <svg
186
+ class="pf-v6-svg"
187
+ fill="currentColor"
188
+ viewBox="0 0 32 32"
189
+ aria-hidden="true"
190
+ role="img"
191
+ width="1em"
192
+ height="1em"
193
+ >
194
+ <path
195
+ d="M16 1C7.729 1 1 7.729 1 16s6.729 15 15 15 15-6.729 15-15S24.271 1 16 1Zm7.795 11.795-8.646 8.646c-.317.317-.733.475-1.149.475s-.832-.158-1.149-.475l-4.646-4.646a1.126 1.126 0 0 1 1.591-1.591l4.205 4.205 8.205-8.205a1.126 1.126 0 0 1 1.591 1.591Z"
196
+ />
197
+ </svg>
126
198
  </span>
127
199
  <span class="pf-v6-c-helper-text__item-text">
128
200
  <span class="pf-v6-screen-reader">Success:</span>
@@ -148,7 +220,19 @@ section: components
148
220
  />
149
221
  <span class="pf-v6-c-form-control__utilities">
150
222
  <span class="pf-v6-c-form-control__icon pf-m-status">
151
- <i class="fas fa-check-circle" aria-hidden="true"></i>
223
+ <svg
224
+ class="pf-v6-svg"
225
+ fill="currentColor"
226
+ viewBox="0 0 32 32"
227
+ aria-hidden="true"
228
+ role="img"
229
+ width="1em"
230
+ height="1em"
231
+ >
232
+ <path
233
+ d="M16 1C7.729 1 1 7.729 1 16s6.729 15 15 15 15-6.729 15-15S24.271 1 16 1Zm7.795 11.795-8.646 8.646c-.317.317-.733.475-1.149.475s-.832-.158-1.149-.475l-4.646-4.646a1.126 1.126 0 0 1 1.591-1.591l4.205 4.205 8.205-8.205a1.126 1.126 0 0 1 1.591 1.591Z"
234
+ />
235
+ </svg>
152
236
  </span>
153
237
  </span>
154
238
  </span>
@@ -161,7 +245,19 @@ section: components
161
245
  <div class="pf-v6-c-helper-text">
162
246
  <div class="pf-v6-c-helper-text__item pf-m-success pf-m-dynamic">
163
247
  <span class="pf-v6-c-helper-text__item-icon">
164
- <i class="fas fa-fw fa-check-circle" aria-hidden="true"></i>
248
+ <svg
249
+ class="pf-v6-svg"
250
+ fill="currentColor"
251
+ viewBox="0 0 32 32"
252
+ aria-hidden="true"
253
+ role="img"
254
+ width="1em"
255
+ height="1em"
256
+ >
257
+ <path
258
+ d="M16 1C7.729 1 1 7.729 1 16s6.729 15 15 15 15-6.729 15-15S24.271 1 16 1Zm7.795 11.795-8.646 8.646c-.317.317-.733.475-1.149.475s-.832-.158-1.149-.475l-4.646-4.646a1.126 1.126 0 0 1 1.591-1.591l4.205 4.205 8.205-8.205a1.126 1.126 0 0 1 1.591 1.591Z"
259
+ />
260
+ </svg>
165
261
  </span>
166
262
  <span class="pf-v6-c-helper-text__item-text">
167
263
  <span class="pf-v6-screen-reader">Success:</span>
package/docs/demos/Masthead/examples/Masthead.md CHANGED
@@ -940,7 +940,19 @@ wrapperTag: div
940
940
  <div class="pf-v6-c-text-input-group__main pf-m-icon">
941
941
  <span class="pf-v6-c-text-input-group__text">
942
942
  <span class="pf-v6-c-text-input-group__icon">
943
- <i class="fas fa-fw fa-search"></i>
943
+ <svg
944
+ class="pf-v6-svg"
945
+ fill="currentColor"
946
+ viewBox="0 0 32 32"
947
+ aria-hidden="true"
948
+ role="img"
949
+ width="1em"
950
+ height="1em"
951
+ >
952
+ <path
953
+ 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"
954
+ />
955
+ </svg>
944
956
  </span>
945
957
  <input
946
958
  class="pf-v6-c-text-input-group__text-input"
@@ -1380,7 +1392,19 @@ wrapperTag: div
1380
1392
  <div class="pf-v6-c-text-input-group__main pf-m-icon">
1381
1393
  <span class="pf-v6-c-text-input-group__text">
1382
1394
  <span class="pf-v6-c-text-input-group__icon">
1383
- <i class="fas fa-fw fa-search"></i>
1395
+ <svg
1396
+ class="pf-v6-svg"
1397
+ fill="currentColor"
1398
+ viewBox="0 0 32 32"
1399
+ aria-hidden="true"
1400
+ role="img"
1401
+ width="1em"
1402
+ height="1em"
1403
+ >
1404
+ <path
1405
+ 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"
1406
+ />
1407
+ </svg>
1384
1408
  </span>
1385
1409
  <input
1386
1410
  class="pf-v6-c-text-input-group__text-input"
@@ -2088,7 +2112,19 @@ wrapperTag: div
2088
2112
  <div class="pf-v6-c-text-input-group__main pf-m-icon">
2089
2113
  <span class="pf-v6-c-text-input-group__text">
2090
2114
  <span class="pf-v6-c-text-input-group__icon">
2091
- <i class="fas fa-fw fa-search"></i>
2115
+ <svg
2116
+ class="pf-v6-svg"
2117
+ fill="currentColor"
2118
+ viewBox="0 0 32 32"
2119
+ aria-hidden="true"
2120
+ role="img"
2121
+ width="1em"
2122
+ height="1em"
2123
+ >
2124
+ <path
2125
+ 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"
2126
+ />
2127
+ </svg>
2092
2128
  </span>
2093
2129
  <input
2094
2130
  class="pf-v6-c-text-input-group__text-input"
@@ -3298,7 +3334,19 @@ wrapperTag: div
3298
3334
  <div class="pf-v6-c-text-input-group__main pf-m-icon">
3299
3335
  <span class="pf-v6-c-text-input-group__text">
3300
3336
  <span class="pf-v6-c-text-input-group__icon">
3301
- <i class="fas fa-fw fa-search"></i>
3337
+ <svg
3338
+ class="pf-v6-svg"
3339
+ fill="currentColor"
3340
+ viewBox="0 0 32 32"
3341
+ aria-hidden="true"
3342
+ role="img"
3343
+ width="1em"
3344
+ height="1em"
3345
+ >
3346
+ <path
3347
+ 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"
3348
+ />
3349
+ </svg>
3302
3350
  </span>
3303
3351
  <input
3304
3352
  class="pf-v6-c-text-input-group__text-input"