@patternfly/patternfly 6.6.0-prerelease.3 → 6.6.0-prerelease.30

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 (158) hide show
  1. package/assets/fonts/RedHatDisplay/RedHatDisplayVF-Italic.woff2 +0 -0
  2. package/assets/fonts/RedHatDisplay/RedHatDisplayVF.woff2 +0 -0
  3. package/assets/fonts/RedHatMono/RedHatMonoVF-Italic.woff2 +0 -0
  4. package/assets/fonts/RedHatMono/RedHatMonoVF.woff2 +0 -0
  5. package/assets/fonts/RedHatText/RedHatTextVF-Italic.woff2 +0 -0
  6. package/assets/fonts/RedHatText/RedHatTextVF.woff2 +0 -0
  7. package/assets/images/img_avatar-rhds.svg +22 -0
  8. package/assets/images/pf-logo-avatar.jpg +0 -0
  9. package/base/patternfly-fonts.css +4 -4
  10. package/base/patternfly-fonts.scss +4 -4
  11. package/base/patternfly-variables.css +8 -6
  12. package/base/tokens/tokens-charts-dark.scss +1 -1
  13. package/base/tokens/tokens-charts-highcontrast-dark.scss +1 -1
  14. package/base/tokens/tokens-charts-highcontrast.scss +1 -1
  15. package/base/tokens/tokens-charts.scss +1 -1
  16. package/base/tokens/tokens-dark.scss +1 -1
  17. package/base/tokens/tokens-default.scss +4 -4
  18. package/base/tokens/tokens-felt-dark.scss +1 -1
  19. package/base/tokens/tokens-felt-glass-dark.scss +1 -1
  20. package/base/tokens/tokens-felt-glass.scss +3 -2
  21. package/base/tokens/tokens-felt-highcontrast-dark.scss +1 -1
  22. package/base/tokens/tokens-felt-highcontrast.scss +1 -1
  23. package/base/tokens/tokens-felt.scss +1 -1
  24. package/base/tokens/tokens-glass-dark.scss +1 -1
  25. package/base/tokens/tokens-glass.scss +3 -2
  26. package/base/tokens/tokens-highcontrast-dark.scss +1 -1
  27. package/base/tokens/tokens-highcontrast.scss +4 -4
  28. package/base/tokens/tokens-palette.scss +1 -1
  29. package/base/tokens/tokens-redhat-highcontrast.scss +3 -3
  30. package/components/AboutModalBox/about-modal-box.css +1 -1
  31. package/components/AboutModalBox/about-modal-box.scss +1 -1
  32. package/components/Accordion/accordion.css +3 -3
  33. package/components/Accordion/accordion.scss +3 -3
  34. package/components/Alert/alert.css +8 -7
  35. package/components/Alert/alert.scss +8 -7
  36. package/components/Avatar/avatar.css +144 -0
  37. package/components/Avatar/avatar.scss +161 -0
  38. package/components/Banner/banner.css +7 -0
  39. package/components/Banner/banner.scss +7 -0
  40. package/components/Breadcrumb/breadcrumb.css +3 -3
  41. package/components/Breadcrumb/breadcrumb.scss +3 -3
  42. package/components/Button/button.css +20 -4
  43. package/components/Button/button.scss +24 -5
  44. package/components/Card/card.css +4 -4
  45. package/components/Card/card.scss +4 -4
  46. package/components/ClipboardCopy/clipboard-copy.css +1 -1
  47. package/components/ClipboardCopy/clipboard-copy.scss +1 -1
  48. package/components/DataList/data-list.css +5 -5
  49. package/components/DataList/data-list.scss +5 -5
  50. package/components/DragDrop/drag-drop.css +4 -0
  51. package/components/DragDrop/drag-drop.scss +4 -0
  52. package/components/DualListSelector/dual-list-selector.css +1 -1
  53. package/components/DualListSelector/dual-list-selector.scss +1 -1
  54. package/components/Form/form.scss +1 -0
  55. package/components/FormControl/form-control.css +12 -2
  56. package/components/FormControl/form-control.scss +14 -2
  57. package/components/Hint/hint.css +2 -2
  58. package/components/Hint/hint.scss +2 -2
  59. package/components/Label/label.css +9 -3
  60. package/components/Label/label.scss +9 -3
  61. package/components/Masthead/masthead.css +1 -1
  62. package/components/Masthead/masthead.scss +1 -1
  63. package/components/Menu/menu.css +2 -2
  64. package/components/Menu/menu.scss +3 -3
  65. package/components/MenuToggle/menu-toggle.css +3 -0
  66. package/components/MenuToggle/menu-toggle.scss +4 -1
  67. package/components/ModalBox/modal-box.css +4 -4
  68. package/components/ModalBox/modal-box.scss +5 -5
  69. package/components/Nav/nav.css +2 -2
  70. package/components/Nav/nav.scss +2 -2
  71. package/components/NotificationDrawer/notification-drawer.css +3 -3
  72. package/components/NotificationDrawer/notification-drawer.scss +3 -3
  73. package/components/Page/page.css +25 -22
  74. package/components/Page/page.scss +28 -28
  75. package/components/Pagination/pagination.css +12 -7
  76. package/components/Pagination/pagination.scss +15 -12
  77. package/components/Panel/panel.css +1 -1
  78. package/components/Panel/panel.scss +2 -2
  79. package/components/Popover/popover.css +1 -1
  80. package/components/Popover/popover.scss +1 -1
  81. package/components/Progress/progress.css +2 -2
  82. package/components/Progress/progress.scss +2 -2
  83. package/components/Sidebar/sidebar.css +4 -7
  84. package/components/Sidebar/sidebar.scss +9 -9
  85. package/components/Table/table-grid.css +25 -13
  86. package/components/Table/table-grid.scss +10 -5
  87. package/components/Table/table-tree-view.css +3 -0
  88. package/components/Table/table-tree-view.scss +2 -0
  89. package/components/Table/table.css +55 -21
  90. package/components/Table/table.scss +82 -34
  91. package/components/Tabs/tabs.css +19 -5
  92. package/components/Tabs/tabs.scss +22 -5
  93. package/components/Title/title.css +1 -1
  94. package/components/Title/title.scss +1 -1
  95. package/components/Tooltip/tooltip.css +1 -1
  96. package/components/Tooltip/tooltip.scss +1 -1
  97. package/components/TreeView/tree-view.css +7 -7
  98. package/components/TreeView/tree-view.scss +7 -7
  99. package/components/Wizard/wizard.css +4 -4
  100. package/components/Wizard/wizard.scss +4 -4
  101. package/components/_index.css +399 -140
  102. package/docs/components/Avatar/examples/Avatar.css +6 -0
  103. package/docs/components/Avatar/examples/Avatar.md +414 -40
  104. package/docs/components/Button/examples/Button.md +2 -2
  105. package/docs/components/CodeEditor/examples/CodeEditor.md +131 -47
  106. package/docs/components/DataList/examples/DataList.md +143 -11
  107. package/docs/components/DatePicker/examples/DatePicker.md +26 -2
  108. package/docs/components/DescriptionList/examples/DescriptionList.md +115 -55
  109. package/docs/components/Drawer/examples/Drawer.md +1 -1
  110. package/docs/components/DualListSelector/examples/DualListSelector.md +355 -139
  111. package/docs/components/EmptyState/examples/EmptyState.md +12 -12
  112. package/docs/components/FileUpload/examples/FileUpload.md +26 -2
  113. package/docs/components/Form/examples/Form.md +140 -16
  114. package/docs/components/FormControl/examples/FormControl.md +260 -20
  115. package/docs/components/HelperText/examples/HelperText.md +139 -11
  116. package/docs/components/Icon/examples/Icon.md +403 -31
  117. package/docs/components/InlineEdit/examples/InlineEdit.md +13 -1
  118. package/docs/components/InputGroup/examples/InputGroup.md +20 -8
  119. package/docs/components/Label/examples/Label.md +4029 -765
  120. package/docs/components/List/examples/List.md +78 -6
  121. package/docs/components/Login/examples/Login.md +104 -8
  122. package/docs/components/Menu/examples/Menu.md +221 -17
  123. package/docs/components/MenuToggle/examples/MenuToggle.md +54 -15
  124. package/docs/components/MultipleFileUpload/examples/MultipleFileUpload.md +247 -19
  125. package/docs/components/NumberInput/examples/NumberInput.md +301 -25
  126. package/docs/components/Pagination/examples/Pagination.md +111 -273
  127. package/docs/components/ProgressStepper/examples/ProgressStepper.md +169 -13
  128. package/docs/components/Sidebar/examples/Sidebar.md +3 -1
  129. package/docs/components/Switch/examples/Switch.md +52 -4
  130. package/docs/components/Table/examples/Table.css +6 -0
  131. package/docs/components/Table/examples/Table.md +1322 -171
  132. package/docs/components/Tabs/examples/Tabs.md +18 -998
  133. package/docs/components/TextInputGroup/examples/TextInputGroup.md +355 -115
  134. package/docs/components/Toolbar/examples/Toolbar.md +133 -25
  135. package/docs/components/TreeView/examples/TreeView.md +286 -118
  136. package/docs/components/Wizard/examples/Wizard.md +325 -25
  137. package/docs/demos/Alert/examples/Alert.md +181 -40
  138. package/docs/demos/Button/examples/Button.md +57 -45
  139. package/docs/demos/Card/examples/Card.md +280 -34
  140. package/docs/demos/CardView/examples/CardView.md +12 -12
  141. package/docs/demos/Compass/examples/Compass.md +91 -439
  142. package/docs/demos/Dashboard/examples/Dashboard.md +92 -41
  143. package/docs/demos/DataList/examples/DataList.md +74 -50
  144. package/docs/demos/Form/examples/BasicForms.md +112 -36
  145. package/docs/demos/HelperText/examples/HelperText.md +104 -8
  146. package/docs/demos/Masthead/examples/Masthead.md +52 -4
  147. package/docs/demos/PasswordStrength/examples/PasswordStrength.md +176 -14
  148. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +2570 -4968
  149. package/docs/demos/Table/examples/Table.md +407 -179
  150. package/docs/demos/Toolbar/examples/Toolbar.md +139 -46
  151. package/docs/demos/Wizard/examples/Wizard.md +117 -9
  152. package/package.json +7 -7
  153. package/patternfly-base-no-globals.css +12 -10
  154. package/patternfly-base.css +12 -10
  155. package/patternfly-no-globals.css +411 -150
  156. package/patternfly.css +411 -150
  157. package/patternfly.min.css +1 -1
  158. package/patternfly.min.css.map +1 -1
package/docs/components/List/examples/List.md CHANGED
@@ -109,19 +109,55 @@ cssPrefix: pf-v6-c-list
109
109
  <ul class="pf-v6-c-list pf-m-plain" role="list">
110
110
  <li class="pf-v6-c-list__item">
111
111
  <span class="pf-v6-c-list__item-icon">
112
- <i class="fas fa-book-open fa-fw" aria-hidden="true"></i>
112
+ <svg
113
+ class="pf-v6-svg"
114
+ fill="currentColor"
115
+ viewBox="0 0 32 32"
116
+ aria-hidden="true"
117
+ role="img"
118
+ width="1em"
119
+ height="1em"
120
+ >
121
+ <path
122
+ d="M28.5 10H17v20h11.5c.827 0 1.5-.673 1.5-1.5v-17c0-.827-.673-1.5-1.5-1.5ZM23 26.125h-2a1.125 1.125 0 0 1 0-2.25h2a1.125 1.125 0 0 1 0 2.25Zm3-5h-5a1.125 1.125 0 0 1 0-2.25h5a1.125 1.125 0 0 1 0 2.25Zm0-5h-5a1.125 1.125 0 0 1 0-2.25h5a1.125 1.125 0 0 1 0 2.25ZM6.586 22.414 14.172 30H3.507c-.827 0-1.5-.673-1.5-1.5v-17c0-.827.673-1.5 1.5-1.5H6v11a2 2 0 0 0 .586 1.414Zm8.341-12.487c.047.047.073.11.073.177v17.293a.25.25 0 0 1-.427.177l-6.5-6.5A.249.249 0 0 1 8 20.897V3.604a.25.25 0 0 1 .427-.177l6.5 6.5Z"
123
+ />
124
+ </svg>
113
125
  </span>
114
126
  <span class="pf-v6-c-list__item-text">List item one</span>
115
127
  </li>
116
128
  <li class="pf-v6-c-list__item">
117
129
  <span class="pf-v6-c-list__item-icon">
118
- <i class="fas fa-key fa-fw" aria-hidden="true"></i>
130
+ <svg
131
+ class="pf-v6-svg"
132
+ fill="currentColor"
133
+ viewBox="0 0 32 32"
134
+ aria-hidden="true"
135
+ role="img"
136
+ width="1em"
137
+ height="1em"
138
+ >
139
+ <path
140
+ d="M30.707 7.707a.999.999 0 0 1-1.414 0L27 5.414 23.914 8.5l3.793 3.793a.999.999 0 1 1-1.414 1.414L22.5 9.914 19.414 13l2.293 2.293a.999.999 0 1 1-1.414 1.414L18 14.414l-4.293 4.293c-.037.037-.085.054-.127.084A6.955 6.955 0 0 1 15 23c0 3.86-3.14 7-7 7s-7-3.14-7-7 3.14-7 7-7c1.581 0 3.036.533 4.209 1.42.03-.041.047-.089.084-.127L25.939 3.646a1.501 1.501 0 0 1 2.121 0l2.646 2.646a.999.999 0 0 1 0 1.414Z"
141
+ />
142
+ </svg>
119
143
  </span>
120
144
  <span class="pf-v6-c-list__item-text">List item two</span>
121
145
  </li>
122
146
  <li class="pf-v6-c-list__item">
123
147
  <span class="pf-v6-c-list__item-icon">
124
- <i class="fas fa-desktop fa-fw" aria-hidden="true"></i>
148
+ <svg
149
+ class="pf-v6-svg"
150
+ fill="currentColor"
151
+ viewBox="0 0 32 32"
152
+ aria-hidden="true"
153
+ role="img"
154
+ width="1em"
155
+ height="1em"
156
+ >
157
+ <path
158
+ d="M29.5 3h-27C1.673 3 1 3.673 1 4.5v17c0 .827.673 1.5 1.5 1.5H12v4H8a1 1 0 0 0 0 2h16a1 1 0 0 0 0-2h-4v-4h9.5c.827 0 1.5-.673 1.5-1.5v-17c0-.827-.673-1.5-1.5-1.5ZM18 27h-4v-4h4v4Zm11-6H3V5h26v16Z"
159
+ />
160
+ </svg>
125
161
  </span>
126
162
  <span class="pf-v6-c-list__item-text">List item three</span>
127
163
  </li>
@@ -135,19 +171,55 @@ cssPrefix: pf-v6-c-list
135
171
  <ul class="pf-v6-c-list pf-m-plain pf-m-icon-lg" role="list">
136
172
  <li class="pf-v6-c-list__item">
137
173
  <span class="pf-v6-c-list__item-icon">
138
- <i class="fas fa-book-open fa-fw" aria-hidden="true"></i>
174
+ <svg
175
+ class="pf-v6-svg"
176
+ fill="currentColor"
177
+ viewBox="0 0 32 32"
178
+ aria-hidden="true"
179
+ role="img"
180
+ width="1em"
181
+ height="1em"
182
+ >
183
+ <path
184
+ d="M28.5 10H17v20h11.5c.827 0 1.5-.673 1.5-1.5v-17c0-.827-.673-1.5-1.5-1.5ZM23 26.125h-2a1.125 1.125 0 0 1 0-2.25h2a1.125 1.125 0 0 1 0 2.25Zm3-5h-5a1.125 1.125 0 0 1 0-2.25h5a1.125 1.125 0 0 1 0 2.25Zm0-5h-5a1.125 1.125 0 0 1 0-2.25h5a1.125 1.125 0 0 1 0 2.25ZM6.586 22.414 14.172 30H3.507c-.827 0-1.5-.673-1.5-1.5v-17c0-.827.673-1.5 1.5-1.5H6v11a2 2 0 0 0 .586 1.414Zm8.341-12.487c.047.047.073.11.073.177v17.293a.25.25 0 0 1-.427.177l-6.5-6.5A.249.249 0 0 1 8 20.897V3.604a.25.25 0 0 1 .427-.177l6.5 6.5Z"
185
+ />
186
+ </svg>
139
187
  </span>
140
188
  <span class="pf-v6-c-list__item-text">List item one</span>
141
189
  </li>
142
190
  <li class="pf-v6-c-list__item">
143
191
  <span class="pf-v6-c-list__item-icon">
144
- <i class="fas fa-key fa-fw" aria-hidden="true"></i>
192
+ <svg
193
+ class="pf-v6-svg"
194
+ fill="currentColor"
195
+ viewBox="0 0 32 32"
196
+ aria-hidden="true"
197
+ role="img"
198
+ width="1em"
199
+ height="1em"
200
+ >
201
+ <path
202
+ d="M30.707 7.707a.999.999 0 0 1-1.414 0L27 5.414 23.914 8.5l3.793 3.793a.999.999 0 1 1-1.414 1.414L22.5 9.914 19.414 13l2.293 2.293a.999.999 0 1 1-1.414 1.414L18 14.414l-4.293 4.293c-.037.037-.085.054-.127.084A6.955 6.955 0 0 1 15 23c0 3.86-3.14 7-7 7s-7-3.14-7-7 3.14-7 7-7c1.581 0 3.036.533 4.209 1.42.03-.041.047-.089.084-.127L25.939 3.646a1.501 1.501 0 0 1 2.121 0l2.646 2.646a.999.999 0 0 1 0 1.414Z"
203
+ />
204
+ </svg>
145
205
  </span>
146
206
  <span class="pf-v6-c-list__item-text">List item two</span>
147
207
  </li>
148
208
  <li class="pf-v6-c-list__item">
149
209
  <span class="pf-v6-c-list__item-icon">
150
- <i class="fas fa-desktop fa-fw" aria-hidden="true"></i>
210
+ <svg
211
+ class="pf-v6-svg"
212
+ fill="currentColor"
213
+ viewBox="0 0 32 32"
214
+ aria-hidden="true"
215
+ role="img"
216
+ width="1em"
217
+ height="1em"
218
+ >
219
+ <path
220
+ d="M29.5 3h-27C1.673 3 1 3.673 1 4.5v17c0 .827.673 1.5 1.5 1.5H12v4H8a1 1 0 0 0 0 2h16a1 1 0 0 0 0-2h-4v-4h9.5c.827 0 1.5-.673 1.5-1.5v-17c0-.827-.673-1.5-1.5-1.5ZM18 27h-4v-4h4v4Zm11-6H3V5h26v16Z"
221
+ />
222
+ </svg>
151
223
  </span>
152
224
  <span class="pf-v6-c-list__item-text">List item three</span>
153
225
  </li>
package/docs/components/Login/examples/Login.md CHANGED
@@ -35,7 +35,19 @@ wrapperTag: div
35
35
  <div class="pf-v6-c-helper-text pf-m-hidden">
36
36
  <div class="pf-v6-c-helper-text__item pf-m-error" id="-helper">
37
37
  <span class="pf-v6-c-helper-text__item-icon">
38
- <i class="fas fa-fw fa-exclamation-circle" aria-hidden="true"></i>
38
+ <svg
39
+ class="pf-v6-svg"
40
+ fill="currentColor"
41
+ viewBox="0 0 32 32"
42
+ aria-hidden="true"
43
+ role="img"
44
+ width="1em"
45
+ height="1em"
46
+ >
47
+ <path
48
+ 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"
49
+ />
50
+ </svg>
39
51
  </span>
40
52
  <span class="pf-v6-c-helper-text__item-text">
41
53
  <span class="pf-v6-screen-reader">Error:</span>
@@ -269,7 +281,19 @@ wrapperTag: div
269
281
  <div class="pf-v6-c-helper-text">
270
282
  <div class="pf-v6-c-helper-text__item pf-m-error" id="-helper">
271
283
  <span class="pf-v6-c-helper-text__item-icon">
272
- <i class="fas fa-fw fa-exclamation-circle" aria-hidden="true"></i>
284
+ <svg
285
+ class="pf-v6-svg"
286
+ fill="currentColor"
287
+ viewBox="0 0 32 32"
288
+ aria-hidden="true"
289
+ role="img"
290
+ width="1em"
291
+ height="1em"
292
+ >
293
+ <path
294
+ 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"
295
+ />
296
+ </svg>
273
297
  </span>
274
298
  <span class="pf-v6-c-helper-text__item-text">
275
299
  <span class="pf-v6-screen-reader">Error:</span>
@@ -297,7 +321,19 @@ wrapperTag: div
297
321
  />
298
322
  <span class="pf-v6-c-form-control__utilities">
299
323
  <span class="pf-v6-c-form-control__icon pf-m-status">
300
- <i class="fas fa-exclamation-circle" aria-hidden="true"></i>
324
+ <svg
325
+ class="pf-v6-svg"
326
+ fill="currentColor"
327
+ viewBox="0 0 32 32"
328
+ aria-hidden="true"
329
+ role="img"
330
+ width="1em"
331
+ height="1em"
332
+ >
333
+ <path
334
+ 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"
335
+ />
336
+ </svg>
301
337
  </span>
302
338
  </span>
303
339
  </span>
@@ -321,7 +357,19 @@ wrapperTag: div
321
357
  />
322
358
  <span class="pf-v6-c-form-control__utilities">
323
359
  <span class="pf-v6-c-form-control__icon pf-m-status">
324
- <i class="fas fa-exclamation-circle" aria-hidden="true"></i>
360
+ <svg
361
+ class="pf-v6-svg"
362
+ fill="currentColor"
363
+ viewBox="0 0 32 32"
364
+ aria-hidden="true"
365
+ role="img"
366
+ width="1em"
367
+ height="1em"
368
+ >
369
+ <path
370
+ 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"
371
+ />
372
+ </svg>
325
373
  </span>
326
374
  </span>
327
375
  </span>
@@ -520,7 +568,19 @@ wrapperTag: div
520
568
  <div class="pf-v6-c-helper-text pf-m-hidden">
521
569
  <div class="pf-v6-c-helper-text__item pf-m-error" id="-helper">
522
570
  <span class="pf-v6-c-helper-text__item-icon">
523
- <i class="fas fa-fw fa-exclamation-circle" aria-hidden="true"></i>
571
+ <svg
572
+ class="pf-v6-svg"
573
+ fill="currentColor"
574
+ viewBox="0 0 32 32"
575
+ aria-hidden="true"
576
+ role="img"
577
+ width="1em"
578
+ height="1em"
579
+ >
580
+ <path
581
+ 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"
582
+ />
583
+ </svg>
524
584
  </span>
525
585
  <span class="pf-v6-c-helper-text__item-text">
526
586
  <span class="pf-v6-screen-reader">Error:</span>
@@ -778,7 +838,19 @@ wrapperTag: div
778
838
  <div class="pf-v6-c-helper-text pf-m-hidden">
779
839
  <div class="pf-v6-c-helper-text__item pf-m-error" id="-helper">
780
840
  <span class="pf-v6-c-helper-text__item-icon">
781
- <i class="fas fa-fw fa-exclamation-circle" aria-hidden="true"></i>
841
+ <svg
842
+ class="pf-v6-svg"
843
+ fill="currentColor"
844
+ viewBox="0 0 32 32"
845
+ aria-hidden="true"
846
+ role="img"
847
+ width="1em"
848
+ height="1em"
849
+ >
850
+ <path
851
+ 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"
852
+ />
853
+ </svg>
782
854
  </span>
783
855
  <span class="pf-v6-c-helper-text__item-text">
784
856
  <span class="pf-v6-screen-reader">Error:</span>
@@ -791,7 +863,19 @@ wrapperTag: div
791
863
  class="pf-v6-c-form__helper-text pf-m-error pf-m-hidden"
792
864
  aria-live="polite"
793
865
  >
794
- <i class="fas fa-exclamation-circle" aria-hidden="true"></i>
866
+ <svg
867
+ class="pf-v6-svg"
868
+ fill="currentColor"
869
+ viewBox="0 0 32 32"
870
+ aria-hidden="true"
871
+ role="img"
872
+ width="1em"
873
+ height="1em"
874
+ >
875
+ <path
876
+ d="M14.75 16V9a1.25 1.25 0 0 1 2.5 0v7a1.25 1.25 0 0 1-2.5 0ZM31 16c0 8.271-6.729 15-15 15S1 24.271 1 16 7.729 1 16 1s15 6.729 15 15Zm-2 0c0-7.168-5.832-13-13-13S3 8.832 3 16s5.832 13 13 13 13-5.832 13-13Zm-13 4.261a1.75 1.75 0 1 0 .001 3.501A1.75 1.75 0 0 0 16 20.261Z"
877
+ />
878
+ </svg>
795
879
  Invalid login credentials.
796
880
  </div>
797
881
  <div class="pf-v6-c-form__group"><label class="pf-v6-c-form__label" for="login-demo-form-username">
@@ -1070,7 +1154,19 @@ wrapperTag: div
1070
1154
  <div class="pf-v6-c-helper-text pf-m-hidden">
1071
1155
  <div class="pf-v6-c-helper-text__item pf-m-error" id="-helper">
1072
1156
  <span class="pf-v6-c-helper-text__item-icon">
1073
- <i class="fas fa-fw fa-exclamation-circle" aria-hidden="true"></i>
1157
+ <svg
1158
+ class="pf-v6-svg"
1159
+ fill="currentColor"
1160
+ viewBox="0 0 32 32"
1161
+ aria-hidden="true"
1162
+ role="img"
1163
+ width="1em"
1164
+ height="1em"
1165
+ >
1166
+ <path
1167
+ 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"
1168
+ />
1169
+ </svg>
1074
1170
  </span>
1075
1171
  <span class="pf-v6-c-helper-text__item-text">
1076
1172
  <span class="pf-v6-screen-reader">Error:</span>
package/docs/components/Menu/examples/Menu.md CHANGED
@@ -128,7 +128,19 @@ cssPrefix: pf-v6-c-menu
128
128
  <button class="pf-v6-c-menu__item" type="button" role="menuitem">
129
129
  <span class="pf-v6-c-menu__item-main">
130
130
  <span class="pf-v6-c-menu__item-icon">
131
- <i class="fas fa-fw fa-code-branch" aria-hidden="true"></i>
131
+ <svg
132
+ class="pf-v6-svg"
133
+ fill="currentColor"
134
+ viewBox="0 0 32 32"
135
+ aria-hidden="true"
136
+ role="img"
137
+ width="1em"
138
+ height="1em"
139
+ >
140
+ <path
141
+ d="M24 10.858V13c0 2.206-1.794 4-4 4h-6c-1.654 0-3 1.346-3 3v3.142c1.721.447 3 2 3 3.858 0 2.206-1.794 4-4 4s-4-1.794-4-4c0-1.858 1.279-3.411 3-3.858V8.858c-1.721-.447-3-2-3-3.858 0-2.206 1.794-4 4-4s4 1.794 4 4c0 1.858-1.279 3.411-3 3.858v7.168A4.948 4.948 0 0 1 14 15h6c1.103 0 2-.897 2-2v-2.142c-1.721-.447-3-2-3-3.858 0-2.206 1.794-4 4-4s4 1.794 4 4c0 1.858-1.279 3.411-3 3.858Z"
142
+ />
143
+ </svg>
132
144
  </span>
133
145
  <span class="pf-v6-c-menu__item-text">From Git</span>
134
146
  </span>
@@ -138,7 +150,19 @@ cssPrefix: pf-v6-c-menu
138
150
  <button class="pf-v6-c-menu__item" type="button" role="menuitem">
139
151
  <span class="pf-v6-c-menu__item-main">
140
152
  <span class="pf-v6-c-menu__item-icon">
141
- <i class="fas fa-fw fa-layer-group" aria-hidden="true"></i>
153
+ <svg
154
+ class="pf-v6-svg"
155
+ fill="currentColor"
156
+ viewBox="0 0 32 32"
157
+ aria-hidden="true"
158
+ role="img"
159
+ width="1em"
160
+ height="1em"
161
+ >
162
+ <path
163
+ d="M30 12.5v17c0 .827-.673 1.5-1.5 1.5h-25c-.827 0-1.5-.673-1.5-1.5v-17c0-.827.673-1.5 1.5-1.5h25c.827 0 1.5.673 1.5 1.5ZM7 3h18a1 1 0 0 0 0-2H7a1 1 0 0 0 0 2ZM5 8h22a1 1 0 0 0 0-2H5a1 1 0 0 0 0 2Z"
164
+ />
165
+ </svg>
142
166
  </span>
143
167
  <span class="pf-v6-c-menu__item-text">Container image</span>
144
168
  </span>
@@ -148,7 +172,19 @@ cssPrefix: pf-v6-c-menu
148
172
  <button class="pf-v6-c-menu__item" type="button" role="menuitem">
149
173
  <span class="pf-v6-c-menu__item-main">
150
174
  <span class="pf-v6-c-menu__item-icon">
151
- <i class="fas fa-fw fa-cube" aria-hidden="true"></i>
175
+ <svg
176
+ class="pf-v6-svg"
177
+ fill="currentColor"
178
+ viewBox="0 0 32 32"
179
+ aria-hidden="true"
180
+ role="img"
181
+ width="1em"
182
+ height="1em"
183
+ >
184
+ <path
185
+ d="M29 9.072v13.855c0 .357-.19.688-.5.866l-12 6.929a1 1 0 0 1-1 0l-12-6.929a1 1 0 0 1-.5-.866V9.072c0-.357.19-.688.5-.866l12-6.929a1.003 1.003 0 0 1 1 0l12 6.929a1 1 0 0 1 .5.866Z"
186
+ />
187
+ </svg>
152
188
  </span>
153
189
  <span class="pf-v6-c-menu__item-text">From DockerFile</span>
154
190
  </span>
@@ -5812,7 +5848,19 @@ cssPrefix: pf-v6-c-menu
5812
5848
  </span>
5813
5849
  <span class="pf-v6-c-menu-toggle__controls">
5814
5850
  <span class="pf-v6-c-menu-toggle__toggle-icon">
5815
- <i class="fas fa-caret-down" aria-hidden="true"></i>
5851
+ <svg
5852
+ class="pf-v6-svg"
5853
+ fill="currentColor"
5854
+ viewBox="0 0 32 32"
5855
+ aria-hidden="true"
5856
+ role="img"
5857
+ width="1em"
5858
+ height="1em"
5859
+ >
5860
+ <path
5861
+ 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"
5862
+ />
5863
+ </svg>
5816
5864
  </span>
5817
5865
  </span>
5818
5866
  </button>
@@ -6115,7 +6163,19 @@ cssPrefix: pf-v6-c-menu
6115
6163
  </span>
6116
6164
  <span class="pf-v6-c-menu-toggle__controls">
6117
6165
  <span class="pf-v6-c-menu-toggle__toggle-icon">
6118
- <i class="fas fa-caret-down" aria-hidden="true"></i>
6166
+ <svg
6167
+ class="pf-v6-svg"
6168
+ fill="currentColor"
6169
+ viewBox="0 0 32 32"
6170
+ aria-hidden="true"
6171
+ role="img"
6172
+ width="1em"
6173
+ height="1em"
6174
+ >
6175
+ <path
6176
+ 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"
6177
+ />
6178
+ </svg>
6119
6179
  </span>
6120
6180
  </span>
6121
6181
  </button>
@@ -6484,7 +6544,19 @@ cssPrefix: pf-v6-c-menu
6484
6544
  <div class="pf-v6-c-text-input-group__main pf-m-icon">
6485
6545
  <span class="pf-v6-c-text-input-group__text">
6486
6546
  <span class="pf-v6-c-text-input-group__icon">
6487
- <i class="fas fa-fw fa-search"></i>
6547
+ <svg
6548
+ class="pf-v6-svg"
6549
+ fill="currentColor"
6550
+ viewBox="0 0 32 32"
6551
+ aria-hidden="true"
6552
+ role="img"
6553
+ width="1em"
6554
+ height="1em"
6555
+ >
6556
+ <path
6557
+ 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"
6558
+ />
6559
+ </svg>
6488
6560
  </span>
6489
6561
  <input
6490
6562
  class="pf-v6-c-text-input-group__text-input"
@@ -6582,7 +6654,19 @@ cssPrefix: pf-v6-c-menu
6582
6654
  <div class="pf-v6-c-text-input-group__main pf-m-icon">
6583
6655
  <span class="pf-v6-c-text-input-group__text">
6584
6656
  <span class="pf-v6-c-text-input-group__icon">
6585
- <i class="fas fa-fw fa-search"></i>
6657
+ <svg
6658
+ class="pf-v6-svg"
6659
+ fill="currentColor"
6660
+ viewBox="0 0 32 32"
6661
+ aria-hidden="true"
6662
+ role="img"
6663
+ width="1em"
6664
+ height="1em"
6665
+ >
6666
+ <path
6667
+ 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"
6668
+ />
6669
+ </svg>
6586
6670
  </span>
6587
6671
  <input
6588
6672
  class="pf-v6-c-text-input-group__text-input"
@@ -6796,7 +6880,19 @@ cssPrefix: pf-v6-c-menu
6796
6880
  <button class="pf-v6-c-menu__item" type="button" role="menuitem">
6797
6881
  <span class="pf-v6-c-menu__item-main">
6798
6882
  <span class="pf-v6-c-menu__item-icon">
6799
- <i class="fas fa-fw fa-code-branch" aria-hidden="true"></i>
6883
+ <svg
6884
+ class="pf-v6-svg"
6885
+ fill="currentColor"
6886
+ viewBox="0 0 32 32"
6887
+ aria-hidden="true"
6888
+ role="img"
6889
+ width="1em"
6890
+ height="1em"
6891
+ >
6892
+ <path
6893
+ d="M24 10.858V13c0 2.206-1.794 4-4 4h-6c-1.654 0-3 1.346-3 3v3.142c1.721.447 3 2 3 3.858 0 2.206-1.794 4-4 4s-4-1.794-4-4c0-1.858 1.279-3.411 3-3.858V8.858c-1.721-.447-3-2-3-3.858 0-2.206 1.794-4 4-4s4 1.794 4 4c0 1.858-1.279 3.411-3 3.858v7.168A4.948 4.948 0 0 1 14 15h6c1.103 0 2-.897 2-2v-2.142c-1.721-.447-3-2-3-3.858 0-2.206 1.794-4 4-4s4 1.794 4 4c0 1.858-1.279 3.411-3 3.858Z"
6894
+ />
6895
+ </svg>
6800
6896
  </span>
6801
6897
  <span class="pf-v6-c-menu__item-text">Action 1</span>
6802
6898
  </span>
@@ -6812,7 +6908,19 @@ cssPrefix: pf-v6-c-menu
6812
6908
  >
6813
6909
  <span class="pf-v6-c-menu__item-main">
6814
6910
  <span class="pf-v6-c-menu__item-icon">
6815
- <i class="fas fa-fw fa-code-branch" aria-hidden="true"></i>
6911
+ <svg
6912
+ class="pf-v6-svg"
6913
+ fill="currentColor"
6914
+ viewBox="0 0 32 32"
6915
+ aria-hidden="true"
6916
+ role="img"
6917
+ width="1em"
6918
+ height="1em"
6919
+ >
6920
+ <path
6921
+ d="M24 10.858V13c0 2.206-1.794 4-4 4h-6c-1.654 0-3 1.346-3 3v3.142c1.721.447 3 2 3 3.858 0 2.206-1.794 4-4 4s-4-1.794-4-4c0-1.858 1.279-3.411 3-3.858V8.858c-1.721-.447-3-2-3-3.858 0-2.206 1.794-4 4-4s4 1.794 4 4c0 1.858-1.279 3.411-3 3.858v7.168A4.948 4.948 0 0 1 14 15h6c1.103 0 2-.897 2-2v-2.142c-1.721-.447-3-2-3-3.858 0-2.206 1.794-4 4-4s4 1.794 4 4c0 1.858-1.279 3.411-3 3.858Z"
6922
+ />
6923
+ </svg>
6816
6924
  </span>
6817
6925
  <span class="pf-v6-c-menu__item-text">Action 2 disabled</span>
6818
6926
  </span>
@@ -6823,7 +6931,19 @@ cssPrefix: pf-v6-c-menu
6823
6931
  <button class="pf-v6-c-menu__item" type="button" role="menuitem">
6824
6932
  <span class="pf-v6-c-menu__item-main">
6825
6933
  <span class="pf-v6-c-menu__item-icon">
6826
- <i class="fas fa-fw fa-code-branch" aria-hidden="true"></i>
6934
+ <svg
6935
+ class="pf-v6-svg"
6936
+ fill="currentColor"
6937
+ viewBox="0 0 32 32"
6938
+ aria-hidden="true"
6939
+ role="img"
6940
+ width="1em"
6941
+ height="1em"
6942
+ >
6943
+ <path
6944
+ d="M24 10.858V13c0 2.206-1.794 4-4 4h-6c-1.654 0-3 1.346-3 3v3.142c1.721.447 3 2 3 3.858 0 2.206-1.794 4-4 4s-4-1.794-4-4c0-1.858 1.279-3.411 3-3.858V8.858c-1.721-.447-3-2-3-3.858 0-2.206 1.794-4 4-4s4 1.794 4 4c0 1.858-1.279 3.411-3 3.858v7.168A4.948 4.948 0 0 1 14 15h6c1.103 0 2-.897 2-2v-2.142c-1.721-.447-3-2-3-3.858 0-2.206 1.794-4 4-4s4 1.794 4 4c0 1.858-1.279 3.411-3 3.858Z"
6945
+ />
6946
+ </svg>
6827
6947
  </span>
6828
6948
  <span class="pf-v6-c-menu__item-text">Action 3</span>
6829
6949
  </span>
@@ -6930,7 +7050,19 @@ cssPrefix: pf-v6-c-menu
6930
7050
  aria-label="Alert"
6931
7051
  >
6932
7052
  <span class="pf-v6-c-button__icon">
6933
- <i class="fas fa-fw fa-bell" aria-hidden="true"></i>
7053
+ <svg
7054
+ class="pf-v6-svg"
7055
+ fill="currentColor"
7056
+ viewBox="0 0 32 32"
7057
+ aria-hidden="true"
7058
+ role="img"
7059
+ width="1em"
7060
+ height="1em"
7061
+ >
7062
+ <path
7063
+ d="M28.75 22v3.5c0 .689-.561 1.25-1.25 1.25h-7.521c.005.084.021.166.021.25 0 2.206-1.794 4-4 4s-4-1.794-4-4c0-.084.016-.166.021-.25H4.5c-.689 0-1.25-.561-1.25-1.25V22a.75.75 0 0 1 .75-.75c1.24 0 2.25-1.009 2.25-2.25v-4c0-4.826 3.528-8.833 8.138-9.605A2.482 2.482 0 0 1 13.5 3.5C13.5 2.122 14.621 1 16 1s2.5 1.122 2.5 2.5c0 .761-.349 1.436-.888 1.895 4.61.772 8.138 4.779 8.138 9.605v4c0 1.241 1.01 2.25 2.25 2.25a.75.75 0 0 1 .75.75Z"
7064
+ />
7065
+ </svg>
6934
7066
  </span>
6935
7067
  </button>
6936
7068
  </div>
@@ -6971,7 +7103,19 @@ cssPrefix: pf-v6-c-menu
6971
7103
  disabled
6972
7104
  >
6973
7105
  <span class="pf-v6-c-button__icon">
6974
- <i class="fas fa-fw fa-clipboard" aria-hidden="true"></i>
7106
+ <svg
7107
+ class="pf-v6-svg"
7108
+ fill="currentColor"
7109
+ viewBox="0 0 32 32"
7110
+ aria-hidden="true"
7111
+ role="img"
7112
+ width="1em"
7113
+ height="1em"
7114
+ >
7115
+ <path
7116
+ 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"
7117
+ />
7118
+ </svg>
6975
7119
  </span>
6976
7120
  </button>
6977
7121
  </div>
@@ -7010,7 +7154,19 @@ cssPrefix: pf-v6-c-menu
7010
7154
  aria-label="Expand"
7011
7155
  >
7012
7156
  <span class="pf-v6-c-button__icon">
7013
- <i class="fas fa-fw fa-bars" aria-hidden="true"></i>
7157
+ <svg
7158
+ class="pf-v6-svg"
7159
+ fill="currentColor"
7160
+ viewBox="0 0 32 32"
7161
+ aria-hidden="true"
7162
+ role="img"
7163
+ width="1em"
7164
+ height="1em"
7165
+ >
7166
+ <path
7167
+ 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"
7168
+ />
7169
+ </svg>
7014
7170
  </span>
7015
7171
  </button>
7016
7172
  </div>
@@ -7394,7 +7550,19 @@ cssPrefix: pf-v6-c-menu
7394
7550
  >
7395
7551
  <span class="pf-v6-c-menu__item-main">
7396
7552
  <span class="pf-v6-c-menu__item-icon">
7397
- <i class="fas fa-fw fa-table" aria-hidden="true"></i>
7553
+ <svg
7554
+ class="pf-v6-svg"
7555
+ fill="currentColor"
7556
+ viewBox="0 0 32 32"
7557
+ aria-hidden="true"
7558
+ role="img"
7559
+ width="1em"
7560
+ height="1em"
7561
+ >
7562
+ <path
7563
+ d="M5 19a1 1 0 0 1 1-1h9v-4a1 1 0 1 1 2 0v4h9a1 1 0 1 1 0 2h-9v4a1 1 0 1 1-2 0v-4H6a1 1 0 0 1-1-1ZM31 4.5v23c0 .827-.673 1.5-1.5 1.5h-27c-.827 0-1.5-.673-1.5-1.5v-23C1 3.673 1.673 3 2.5 3h27c.827 0 1.5.673 1.5 1.5ZM29 11H3v16h26V11Z"
7564
+ />
7565
+ </svg>
7398
7566
  </span>
7399
7567
  <span class="pf-v6-c-menu__item-text">Option 3</span>
7400
7568
  <span class="pf-v6-c-menu__item-select-icon">
@@ -7488,7 +7656,19 @@ cssPrefix: pf-v6-c-menu
7488
7656
  >
7489
7657
  <span class="pf-v6-c-menu__item-main">
7490
7658
  <span class="pf-v6-c-menu__item-icon">
7491
- <i class="fas fa-fw fa-table" aria-hidden="true"></i>
7659
+ <svg
7660
+ class="pf-v6-svg"
7661
+ fill="currentColor"
7662
+ viewBox="0 0 32 32"
7663
+ aria-hidden="true"
7664
+ role="img"
7665
+ width="1em"
7666
+ height="1em"
7667
+ >
7668
+ <path
7669
+ d="M5 19a1 1 0 0 1 1-1h9v-4a1 1 0 1 1 2 0v4h9a1 1 0 1 1 0 2h-9v4a1 1 0 1 1-2 0v-4H6a1 1 0 0 1-1-1ZM31 4.5v23c0 .827-.673 1.5-1.5 1.5h-27c-.827 0-1.5-.673-1.5-1.5v-23C1 3.673 1.673 3 2.5 3h27c.827 0 1.5.673 1.5 1.5ZM29 11H3v16h26V11Z"
7670
+ />
7671
+ </svg>
7492
7672
  </span>
7493
7673
  <span class="pf-v6-c-menu__item-text">Option 3</span>
7494
7674
  <span class="pf-v6-c-menu__item-select-icon">
@@ -7767,7 +7947,19 @@ cssPrefix: pf-v6-c-menu
7767
7947
  <div class="pf-v6-c-text-input-group__main pf-m-icon">
7768
7948
  <span class="pf-v6-c-text-input-group__text">
7769
7949
  <span class="pf-v6-c-text-input-group__icon">
7770
- <i class="fas fa-fw fa-search"></i>
7950
+ <svg
7951
+ class="pf-v6-svg"
7952
+ fill="currentColor"
7953
+ viewBox="0 0 32 32"
7954
+ aria-hidden="true"
7955
+ role="img"
7956
+ width="1em"
7957
+ height="1em"
7958
+ >
7959
+ <path
7960
+ 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"
7961
+ />
7962
+ </svg>
7771
7963
  </span>
7772
7964
  <input
7773
7965
  class="pf-v6-c-text-input-group__text-input"
@@ -7866,7 +8058,19 @@ cssPrefix: pf-v6-c-menu
7866
8058
  <div class="pf-v6-c-text-input-group__main pf-m-icon">
7867
8059
  <span class="pf-v6-c-text-input-group__text">
7868
8060
  <span class="pf-v6-c-text-input-group__icon">
7869
- <i class="fas fa-fw fa-search"></i>
8061
+ <svg
8062
+ class="pf-v6-svg"
8063
+ fill="currentColor"
8064
+ viewBox="0 0 32 32"
8065
+ aria-hidden="true"
8066
+ role="img"
8067
+ width="1em"
8068
+ height="1em"
8069
+ >
8070
+ <path
8071
+ 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"
8072
+ />
8073
+ </svg>
7870
8074
  </span>
7871
8075
  <input
7872
8076
  class="pf-v6-c-text-input-group__text-input"