@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/EmptyState/examples/EmptyState.md CHANGED
@@ -14,14 +14,14 @@ cssPrefix: pf-v6-c-empty-state
14
14
  <svg
15
15
  class="pf-v6-svg"
16
16
  fill="currentColor"
17
- viewBox="0 0 512 512"
17
+ viewBox="0 0 32 32"
18
18
  aria-hidden="true"
19
19
  role="img"
20
20
  width="1em"
21
21
  height="1em"
22
22
  >
23
23
  <path
24
- d="M488.6 250.2L392 214V105.5c0-15-9.3-28.4-23.4-33.7l-100-37.5c-8.1-3.1-17.1-3.1-25.3 0l-100 37.5c-14.1 5.3-23.4 18.7-23.4 33.7V214l-96.6 36.2C9.3 255.5 0 268.9 0 283.9V394c0 13.6 7.7 26.1 19.9 32.2l100 50c10.1 5.1 22.1 5.1 32.2 0l103.9-52 103.9 52c10.1 5.1 22.1 5.1 32.2 0l100-50c12.2-6.1 19.9-18.6 19.9-32.2V283.9c0-15-9.3-28.4-23.4-33.7zM358 214.8l-85 31.9v-68.2l85-37v73.3zM154 104.1l102-38.2 102 38.2v.6l-102 41.4-102-41.4v-.6zm84 291.1l-85 42.5v-79.1l85-38.8v75.4zm0-112l-102 41.4-102-41.4v-.6l102-38.2 102 38.2v.6zm240 112l-85 42.5v-79.1l85-38.8v75.4zm0-112l-102 41.4-102-41.4v-.6l102-38.2 102 38.2v.6z"
24
+ d="m29.5 17.01-6-3.464V6.62a.998.998 0 0 0-.5-.866l-6.5-3.753a1.003 1.003 0 0 0-1 0L9 5.754a1 1 0 0 0-.5.866v6.926l-6 3.464a1 1 0 0 0-.5.866v7.505c0 .357.19.688.5.866L9 30a1.003 1.003 0 0 0 1 0l6-3.464L22 30a1.003 1.003 0 0 0 1 0l6.5-3.753a1 1 0 0 0 .5-.866v-7.505a.998.998 0 0 0-.5-.866ZM16 4.021l5.5 3.176v6.349L16 16.722l-5.5-3.176V7.197L16 4.021ZM9.5 27.979 4 24.803v-6.351l5.499-3.175L15 18.453v6.349l-5.5 3.176ZM28 24.804l-5.5 3.176-5.5-3.176v-6.349l5.501-3.176L28 18.454v6.351Z"
25
25
  />
26
26
  </svg>
27
27
  </div>
@@ -76,14 +76,14 @@ cssPrefix: pf-v6-c-empty-state
76
76
  <svg
77
77
  class="pf-v6-svg"
78
78
  fill="currentColor"
79
- viewBox="0 0 512 512"
79
+ viewBox="0 0 32 32"
80
80
  aria-hidden="true"
81
81
  role="img"
82
82
  width="1em"
83
83
  height="1em"
84
84
  >
85
85
  <path
86
- d="M488.6 250.2L392 214V105.5c0-15-9.3-28.4-23.4-33.7l-100-37.5c-8.1-3.1-17.1-3.1-25.3 0l-100 37.5c-14.1 5.3-23.4 18.7-23.4 33.7V214l-96.6 36.2C9.3 255.5 0 268.9 0 283.9V394c0 13.6 7.7 26.1 19.9 32.2l100 50c10.1 5.1 22.1 5.1 32.2 0l103.9-52 103.9 52c10.1 5.1 22.1 5.1 32.2 0l100-50c12.2-6.1 19.9-18.6 19.9-32.2V283.9c0-15-9.3-28.4-23.4-33.7zM358 214.8l-85 31.9v-68.2l85-37v73.3zM154 104.1l102-38.2 102 38.2v.6l-102 41.4-102-41.4v-.6zm84 291.1l-85 42.5v-79.1l85-38.8v75.4zm0-112l-102 41.4-102-41.4v-.6l102-38.2 102 38.2v.6zm240 112l-85 42.5v-79.1l85-38.8v75.4zm0-112l-102 41.4-102-41.4v-.6l102-38.2 102 38.2v.6z"
86
+ d="m29.5 17.01-6-3.464V6.62a.998.998 0 0 0-.5-.866l-6.5-3.753a1.003 1.003 0 0 0-1 0L9 5.754a1 1 0 0 0-.5.866v6.926l-6 3.464a1 1 0 0 0-.5.866v7.505c0 .357.19.688.5.866L9 30a1.003 1.003 0 0 0 1 0l6-3.464L22 30a1.003 1.003 0 0 0 1 0l6.5-3.753a1 1 0 0 0 .5-.866v-7.505a.998.998 0 0 0-.5-.866ZM16 4.021l5.5 3.176v6.349L16 16.722l-5.5-3.176V7.197L16 4.021ZM9.5 27.979 4 24.803v-6.351l5.499-3.175L15 18.453v6.349l-5.5 3.176ZM28 24.804l-5.5 3.176-5.5-3.176v-6.349l5.501-3.176L28 18.454v6.351Z"
87
87
  />
88
88
  </svg>
89
89
  </div>
@@ -133,14 +133,14 @@ cssPrefix: pf-v6-c-empty-state
133
133
  <svg
134
134
  class="pf-v6-svg"
135
135
  fill="currentColor"
136
- viewBox="0 0 512 512"
136
+ viewBox="0 0 32 32"
137
137
  aria-hidden="true"
138
138
  role="img"
139
139
  width="1em"
140
140
  height="1em"
141
141
  >
142
142
  <path
143
- d="M488.6 250.2L392 214V105.5c0-15-9.3-28.4-23.4-33.7l-100-37.5c-8.1-3.1-17.1-3.1-25.3 0l-100 37.5c-14.1 5.3-23.4 18.7-23.4 33.7V214l-96.6 36.2C9.3 255.5 0 268.9 0 283.9V394c0 13.6 7.7 26.1 19.9 32.2l100 50c10.1 5.1 22.1 5.1 32.2 0l103.9-52 103.9 52c10.1 5.1 22.1 5.1 32.2 0l100-50c12.2-6.1 19.9-18.6 19.9-32.2V283.9c0-15-9.3-28.4-23.4-33.7zM358 214.8l-85 31.9v-68.2l85-37v73.3zM154 104.1l102-38.2 102 38.2v.6l-102 41.4-102-41.4v-.6zm84 291.1l-85 42.5v-79.1l85-38.8v75.4zm0-112l-102 41.4-102-41.4v-.6l102-38.2 102 38.2v.6zm240 112l-85 42.5v-79.1l85-38.8v75.4zm0-112l-102 41.4-102-41.4v-.6l102-38.2 102 38.2v.6z"
143
+ d="m29.5 17.01-6-3.464V6.62a.998.998 0 0 0-.5-.866l-6.5-3.753a1.003 1.003 0 0 0-1 0L9 5.754a1 1 0 0 0-.5.866v6.926l-6 3.464a1 1 0 0 0-.5.866v7.505c0 .357.19.688.5.866L9 30a1.003 1.003 0 0 0 1 0l6-3.464L22 30a1.003 1.003 0 0 0 1 0l6.5-3.753a1 1 0 0 0 .5-.866v-7.505a.998.998 0 0 0-.5-.866ZM16 4.021l5.5 3.176v6.349L16 16.722l-5.5-3.176V7.197L16 4.021ZM9.5 27.979 4 24.803v-6.351l5.499-3.175L15 18.453v6.349l-5.5 3.176ZM28 24.804l-5.5 3.176-5.5-3.176v-6.349l5.501-3.176L28 18.454v6.351Z"
144
144
  />
145
145
  </svg>
146
146
  </div>
@@ -196,14 +196,14 @@ cssPrefix: pf-v6-c-empty-state
196
196
  <svg
197
197
  class="pf-v6-svg"
198
198
  fill="currentColor"
199
- viewBox="0 0 512 512"
199
+ viewBox="0 0 32 32"
200
200
  aria-hidden="true"
201
201
  role="img"
202
202
  width="1em"
203
203
  height="1em"
204
204
  >
205
205
  <path
206
- d="M488.6 250.2L392 214V105.5c0-15-9.3-28.4-23.4-33.7l-100-37.5c-8.1-3.1-17.1-3.1-25.3 0l-100 37.5c-14.1 5.3-23.4 18.7-23.4 33.7V214l-96.6 36.2C9.3 255.5 0 268.9 0 283.9V394c0 13.6 7.7 26.1 19.9 32.2l100 50c10.1 5.1 22.1 5.1 32.2 0l103.9-52 103.9 52c10.1 5.1 22.1 5.1 32.2 0l100-50c12.2-6.1 19.9-18.6 19.9-32.2V283.9c0-15-9.3-28.4-23.4-33.7zM358 214.8l-85 31.9v-68.2l85-37v73.3zM154 104.1l102-38.2 102 38.2v.6l-102 41.4-102-41.4v-.6zm84 291.1l-85 42.5v-79.1l85-38.8v75.4zm0-112l-102 41.4-102-41.4v-.6l102-38.2 102 38.2v.6zm240 112l-85 42.5v-79.1l85-38.8v75.4zm0-112l-102 41.4-102-41.4v-.6l102-38.2 102 38.2v.6z"
206
+ d="m29.5 17.01-6-3.464V6.62a.998.998 0 0 0-.5-.866l-6.5-3.753a1.003 1.003 0 0 0-1 0L9 5.754a1 1 0 0 0-.5.866v6.926l-6 3.464a1 1 0 0 0-.5.866v7.505c0 .357.19.688.5.866L9 30a1.003 1.003 0 0 0 1 0l6-3.464L22 30a1.003 1.003 0 0 0 1 0l6.5-3.753a1 1 0 0 0 .5-.866v-7.505a.998.998 0 0 0-.5-.866ZM16 4.021l5.5 3.176v6.349L16 16.722l-5.5-3.176V7.197L16 4.021ZM9.5 27.979 4 24.803v-6.351l5.499-3.175L15 18.453v6.349l-5.5 3.176ZM28 24.804l-5.5 3.176-5.5-3.176v-6.349l5.501-3.176L28 18.454v6.351Z"
207
207
  />
208
208
  </svg>
209
209
  </div>
@@ -258,14 +258,14 @@ cssPrefix: pf-v6-c-empty-state
258
258
  <svg
259
259
  class="pf-v6-svg"
260
260
  fill="currentColor"
261
- viewBox="0 0 512 512"
261
+ viewBox="0 0 32 32"
262
262
  aria-hidden="true"
263
263
  role="img"
264
264
  width="1em"
265
265
  height="1em"
266
266
  >
267
267
  <path
268
- d="M488.6 250.2L392 214V105.5c0-15-9.3-28.4-23.4-33.7l-100-37.5c-8.1-3.1-17.1-3.1-25.3 0l-100 37.5c-14.1 5.3-23.4 18.7-23.4 33.7V214l-96.6 36.2C9.3 255.5 0 268.9 0 283.9V394c0 13.6 7.7 26.1 19.9 32.2l100 50c10.1 5.1 22.1 5.1 32.2 0l103.9-52 103.9 52c10.1 5.1 22.1 5.1 32.2 0l100-50c12.2-6.1 19.9-18.6 19.9-32.2V283.9c0-15-9.3-28.4-23.4-33.7zM358 214.8l-85 31.9v-68.2l85-37v73.3zM154 104.1l102-38.2 102 38.2v.6l-102 41.4-102-41.4v-.6zm84 291.1l-85 42.5v-79.1l85-38.8v75.4zm0-112l-102 41.4-102-41.4v-.6l102-38.2 102 38.2v.6zm240 112l-85 42.5v-79.1l85-38.8v75.4zm0-112l-102 41.4-102-41.4v-.6l102-38.2 102 38.2v.6z"
268
+ d="m29.5 17.01-6-3.464V6.62a.998.998 0 0 0-.5-.866l-6.5-3.753a1.003 1.003 0 0 0-1 0L9 5.754a1 1 0 0 0-.5.866v6.926l-6 3.464a1 1 0 0 0-.5.866v7.505c0 .357.19.688.5.866L9 30a1.003 1.003 0 0 0 1 0l6-3.464L22 30a1.003 1.003 0 0 0 1 0l6.5-3.753a1 1 0 0 0 .5-.866v-7.505a.998.998 0 0 0-.5-.866ZM16 4.021l5.5 3.176v6.349L16 16.722l-5.5-3.176V7.197L16 4.021ZM9.5 27.979 4 24.803v-6.351l5.499-3.175L15 18.453v6.349l-5.5 3.176ZM28 24.804l-5.5 3.176-5.5-3.176v-6.349l5.501-3.176L28 18.454v6.351Z"
269
269
  />
270
270
  </svg>
271
271
  </div>
@@ -319,14 +319,14 @@ cssPrefix: pf-v6-c-empty-state
319
319
  <svg
320
320
  class="pf-v6-svg"
321
321
  fill="currentColor"
322
- viewBox="0 0 512 512"
322
+ viewBox="0 0 32 32"
323
323
  aria-hidden="true"
324
324
  role="img"
325
325
  width="1em"
326
326
  height="1em"
327
327
  >
328
328
  <path
329
- d="M504 256c0 136.967-111.033 248-248 248S8 392.967 8 256 119.033 8 256 8s248 111.033 248 248zM227.314 387.314l184-184c6.248-6.248 6.248-16.379 0-22.627l-22.627-22.627c-6.248-6.249-16.379-6.249-22.628 0L216 308.118l-70.059-70.059c-6.248-6.248-16.379-6.248-22.628 0l-22.627 22.627c-6.248 6.248-6.248 16.379 0 22.627l104 104c6.249 6.249 16.379 6.249 22.628.001z"
329
+ 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"
330
330
  />
331
331
  </svg>
332
332
  </div>
package/docs/components/FileUpload/examples/FileUpload.md CHANGED
@@ -310,7 +310,19 @@ cssPrefix: pf-v6-c-file-upload
310
310
  ></textarea>
311
311
  <span class="pf-v6-c-form-control__utilities">
312
312
  <span class="pf-v6-c-form-control__icon pf-m-status">
313
- <i class="fas fa-exclamation-circle" aria-hidden="true"></i>
313
+ <svg
314
+ class="pf-v6-svg"
315
+ fill="currentColor"
316
+ viewBox="0 0 32 32"
317
+ aria-hidden="true"
318
+ role="img"
319
+ width="1em"
320
+ height="1em"
321
+ >
322
+ <path
323
+ 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"
324
+ />
325
+ </svg>
314
326
  </span>
315
327
  </span>
316
328
  </span>
@@ -323,7 +335,19 @@ cssPrefix: pf-v6-c-file-upload
323
335
  id="with-error-example-helper-text"
324
336
  >
325
337
  <span class="pf-v6-c-helper-text__item-icon">
326
- <i class="fas fa-fw fa-exclamation-circle" aria-hidden="true"></i>
338
+ <svg
339
+ class="pf-v6-svg"
340
+ fill="currentColor"
341
+ viewBox="0 0 32 32"
342
+ aria-hidden="true"
343
+ role="img"
344
+ width="1em"
345
+ height="1em"
346
+ >
347
+ <path
348
+ 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"
349
+ />
350
+ </svg>
327
351
  </span>
328
352
  <span class="pf-v6-c-helper-text__item-text">
329
353
  <span class="pf-v6-screen-reader">Error:</span>
package/docs/components/Form/examples/Form.md CHANGED
@@ -366,7 +366,19 @@ cssPrefix: pf-v6-c-form
366
366
  />
367
367
  <span class="pf-v6-c-form-control__utilities">
368
368
  <span class="pf-v6-c-form-control__icon pf-m-status">
369
- <i class="fas fa-exclamation-triangle" aria-hidden="true"></i>
369
+ <svg
370
+ class="pf-v6-svg"
371
+ fill="currentColor"
372
+ viewBox="0 0 32 32"
373
+ aria-hidden="true"
374
+ role="img"
375
+ width="1em"
376
+ height="1em"
377
+ >
378
+ <path
379
+ 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"
380
+ />
381
+ </svg>
370
382
  </span>
371
383
  </span>
372
384
  </span>
@@ -377,7 +389,19 @@ cssPrefix: pf-v6-c-form
377
389
  id="form-help-text-email-helper"
378
390
  >
379
391
  <span class="pf-v6-c-helper-text__item-icon">
380
- <i class="fas fa-fw fa-exclamation-triangle" aria-hidden="true"></i>
392
+ <svg
393
+ class="pf-v6-svg"
394
+ fill="currentColor"
395
+ viewBox="0 0 32 32"
396
+ aria-hidden="true"
397
+ role="img"
398
+ width="1em"
399
+ height="1em"
400
+ >
401
+ <path
402
+ 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"
403
+ />
404
+ </svg>
381
405
  </span>
382
406
  <span class="pf-v6-c-helper-text__item-text">
383
407
  <span class="pf-v6-screen-reader">Warning:</span>
@@ -404,7 +428,19 @@ cssPrefix: pf-v6-c-form
404
428
  />
405
429
  <span class="pf-v6-c-form-control__utilities">
406
430
  <span class="pf-v6-c-form-control__icon pf-m-status">
407
- <i class="fas fa-exclamation-circle" aria-hidden="true"></i>
431
+ <svg
432
+ class="pf-v6-svg"
433
+ fill="currentColor"
434
+ viewBox="0 0 32 32"
435
+ aria-hidden="true"
436
+ role="img"
437
+ width="1em"
438
+ height="1em"
439
+ >
440
+ <path
441
+ 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"
442
+ />
443
+ </svg>
408
444
  </span>
409
445
  </span>
410
446
  </span>
@@ -415,7 +451,19 @@ cssPrefix: pf-v6-c-form
415
451
  id="-address-helper"
416
452
  >
417
453
  <span class="pf-v6-c-helper-text__item-icon">
418
- <i class="fas fa-fw fa-exclamation-circle" aria-hidden="true"></i>
454
+ <svg
455
+ class="pf-v6-svg"
456
+ fill="currentColor"
457
+ viewBox="0 0 32 32"
458
+ aria-hidden="true"
459
+ role="img"
460
+ width="1em"
461
+ height="1em"
462
+ >
463
+ <path
464
+ 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"
465
+ />
466
+ </svg>
419
467
  </span>
420
468
  <span class="pf-v6-c-helper-text__item-text">
421
469
  <span class="pf-v6-screen-reader">Error:</span>
@@ -441,7 +489,19 @@ cssPrefix: pf-v6-c-form
441
489
  />
442
490
  <span class="pf-v6-c-form-control__utilities">
443
491
  <span class="pf-v6-c-form-control__icon pf-m-status">
444
- <i class="fas fa-check-circle" aria-hidden="true"></i>
492
+ <svg
493
+ class="pf-v6-svg"
494
+ fill="currentColor"
495
+ viewBox="0 0 32 32"
496
+ aria-hidden="true"
497
+ role="img"
498
+ width="1em"
499
+ height="1em"
500
+ >
501
+ <path
502
+ 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"
503
+ />
504
+ </svg>
445
505
  </span>
446
506
  </span>
447
507
  </span>
@@ -452,7 +512,19 @@ cssPrefix: pf-v6-c-form
452
512
  id="form-help-text-comment-helper"
453
513
  >
454
514
  <span class="pf-v6-c-helper-text__item-icon">
455
- <i class="fas fa-fw fa-check-circle" aria-hidden="true"></i>
515
+ <svg
516
+ class="pf-v6-svg"
517
+ fill="currentColor"
518
+ viewBox="0 0 32 32"
519
+ aria-hidden="true"
520
+ role="img"
521
+ width="1em"
522
+ height="1em"
523
+ >
524
+ <path
525
+ 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"
526
+ />
527
+ </svg>
456
528
  </span>
457
529
  <span class="pf-v6-c-helper-text__item-text">
458
530
  <span class="pf-v6-screen-reader">Success:</span>
@@ -479,7 +551,19 @@ cssPrefix: pf-v6-c-form
479
551
  ></textarea>
480
552
  <span class="pf-v6-c-form-control__utilities">
481
553
  <span class="pf-v6-c-form-control__icon pf-m-status">
482
- <i class="fas fa-exclamation-circle" aria-hidden="true"></i>
554
+ <svg
555
+ class="pf-v6-svg"
556
+ fill="currentColor"
557
+ viewBox="0 0 32 32"
558
+ aria-hidden="true"
559
+ role="img"
560
+ width="1em"
561
+ height="1em"
562
+ >
563
+ <path
564
+ 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"
565
+ />
566
+ </svg>
483
567
  </span>
484
568
  </span>
485
569
  </span>
@@ -490,7 +574,19 @@ cssPrefix: pf-v6-c-form
490
574
  id="form-help-text-info-helper"
491
575
  >
492
576
  <span class="pf-v6-c-helper-text__item-icon">
493
- <i class="fas fa-fw fa-exclamation-circle" aria-hidden="true"></i>
577
+ <svg
578
+ class="pf-v6-svg"
579
+ fill="currentColor"
580
+ viewBox="0 0 32 32"
581
+ aria-hidden="true"
582
+ role="img"
583
+ width="1em"
584
+ height="1em"
585
+ >
586
+ <path
587
+ 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"
588
+ />
589
+ </svg>
494
590
  </span>
495
591
  <span class="pf-v6-c-helper-text__item-text">
496
592
  <span class="pf-v6-screen-reader">Error:</span>