@patternfly/patternfly 6.6.0-prerelease.27 → 6.6.0-prerelease.29

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/Label/label.css +9 -3
  2. package/components/Label/label.scss +9 -3
  3. package/components/Table/table-grid.css +25 -13
  4. package/components/Table/table-grid.scss +10 -5
  5. package/components/_index.css +34 -16
  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 +6 -6
  45. package/patternfly-no-globals.css +34 -16
  46. package/patternfly.css +34 -16
  47. package/patternfly.min.css +1 -1
  48. package/patternfly.min.css.map +1 -1
@@ -499,7 +499,19 @@ wrapperTag: div
499
499
  <div class="pf-v6-c-text-input-group__main pf-m-icon">
500
500
  <span class="pf-v6-c-text-input-group__text">
501
501
  <span class="pf-v6-c-text-input-group__icon">
502
- <i class="fas fa-fw fa-search"></i>
502
+ <svg
503
+ class="pf-v6-svg"
504
+ fill="currentColor"
505
+ viewBox="0 0 32 32"
506
+ aria-hidden="true"
507
+ role="img"
508
+ width="1em"
509
+ height="1em"
510
+ >
511
+ <path
512
+ 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"
513
+ />
514
+ </svg>
503
515
  </span>
504
516
  <input
505
517
  class="pf-v6-c-text-input-group__text-input"
@@ -2016,7 +2028,19 @@ wrapperTag: div
2016
2028
  <div class="pf-v6-c-text-input-group__main pf-m-icon">
2017
2029
  <span class="pf-v6-c-text-input-group__text">
2018
2030
  <span class="pf-v6-c-text-input-group__icon">
2019
- <i class="fas fa-fw fa-search"></i>
2031
+ <svg
2032
+ class="pf-v6-svg"
2033
+ fill="currentColor"
2034
+ viewBox="0 0 32 32"
2035
+ aria-hidden="true"
2036
+ role="img"
2037
+ width="1em"
2038
+ height="1em"
2039
+ >
2040
+ <path
2041
+ 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"
2042
+ />
2043
+ </svg>
2020
2044
  </span>
2021
2045
  <input
2022
2046
  class="pf-v6-c-text-input-group__text-input"
@@ -3549,7 +3573,19 @@ wrapperTag: div
3549
3573
  <div class="pf-v6-c-text-input-group__main pf-m-icon">
3550
3574
  <span class="pf-v6-c-text-input-group__text">
3551
3575
  <span class="pf-v6-c-text-input-group__icon">
3552
- <i class="fas fa-fw fa-search"></i>
3576
+ <svg
3577
+ class="pf-v6-svg"
3578
+ fill="currentColor"
3579
+ viewBox="0 0 32 32"
3580
+ aria-hidden="true"
3581
+ role="img"
3582
+ width="1em"
3583
+ height="1em"
3584
+ >
3585
+ <path
3586
+ 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"
3587
+ />
3588
+ </svg>
3553
3589
  </span>
3554
3590
  <input
3555
3591
  class="pf-v6-c-text-input-group__text-input"
@@ -5232,7 +5268,19 @@ wrapperTag: div
5232
5268
  <div class="pf-v6-c-text-input-group__main pf-m-icon">
5233
5269
  <span class="pf-v6-c-text-input-group__text">
5234
5270
  <span class="pf-v6-c-text-input-group__icon">
5235
- <i class="fas fa-fw fa-search"></i>
5271
+ <svg
5272
+ class="pf-v6-svg"
5273
+ fill="currentColor"
5274
+ viewBox="0 0 32 32"
5275
+ aria-hidden="true"
5276
+ role="img"
5277
+ width="1em"
5278
+ height="1em"
5279
+ >
5280
+ <path
5281
+ 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"
5282
+ />
5283
+ </svg>
5236
5284
  </span>
5237
5285
  <input
5238
5286
  class="pf-v6-c-text-input-group__text-input"
@@ -6493,7 +6541,19 @@ wrapperTag: div
6493
6541
  <div class="pf-v6-c-text-input-group__main pf-m-icon">
6494
6542
  <span class="pf-v6-c-text-input-group__text">
6495
6543
  <span class="pf-v6-c-text-input-group__icon">
6496
- <i class="fas fa-fw fa-search"></i>
6544
+ <svg
6545
+ class="pf-v6-svg"
6546
+ fill="currentColor"
6547
+ viewBox="0 0 32 32"
6548
+ aria-hidden="true"
6549
+ role="img"
6550
+ width="1em"
6551
+ height="1em"
6552
+ >
6553
+ <path
6554
+ 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"
6555
+ />
6556
+ </svg>
6497
6557
  </span>
6498
6558
  <input
6499
6559
  class="pf-v6-c-text-input-group__text-input"
@@ -11365,7 +11425,19 @@ wrapperTag: div
11365
11425
  <div class="pf-v6-c-text-input-group__main pf-m-icon">
11366
11426
  <span class="pf-v6-c-text-input-group__text">
11367
11427
  <span class="pf-v6-c-text-input-group__icon">
11368
- <i class="fas fa-fw fa-search"></i>
11428
+ <svg
11429
+ class="pf-v6-svg"
11430
+ fill="currentColor"
11431
+ viewBox="0 0 32 32"
11432
+ aria-hidden="true"
11433
+ role="img"
11434
+ width="1em"
11435
+ height="1em"
11436
+ >
11437
+ <path
11438
+ 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"
11439
+ />
11440
+ </svg>
11369
11441
  </span>
11370
11442
  <input
11371
11443
  class="pf-v6-c-text-input-group__text-input"
@@ -12899,7 +12971,19 @@ wrapperTag: div
12899
12971
  <div class="pf-v6-c-text-input-group__main pf-m-icon">
12900
12972
  <span class="pf-v6-c-text-input-group__text">
12901
12973
  <span class="pf-v6-c-text-input-group__icon">
12902
- <i class="fas fa-fw fa-search"></i>
12974
+ <svg
12975
+ class="pf-v6-svg"
12976
+ fill="currentColor"
12977
+ viewBox="0 0 32 32"
12978
+ aria-hidden="true"
12979
+ role="img"
12980
+ width="1em"
12981
+ height="1em"
12982
+ >
12983
+ <path
12984
+ 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"
12985
+ />
12986
+ </svg>
12903
12987
  </span>
12904
12988
  <input
12905
12989
  class="pf-v6-c-text-input-group__text-input"
@@ -13845,7 +13929,19 @@ wrapperTag: div
13845
13929
  <div class="pf-v6-c-data-list__item-row">
13846
13930
  <div class="pf-v6-c-data-list__item-control">
13847
13931
  <span class="pf-v6-c-data-list__item-draggable-icon">
13848
- <i class="fas fa-grip-vertical"></i>
13932
+ <svg
13933
+ class="pf-v6-svg"
13934
+ fill="currentColor"
13935
+ viewBox="0 0 32 32"
13936
+ aria-hidden="true"
13937
+ role="img"
13938
+ width="1em"
13939
+ height="1em"
13940
+ >
13941
+ <path
13942
+ d="M13.75 2.25v5.5c0 .551-.448 1-1 1h-5.5c-.552 0-1-.449-1-1v-5.5c0-.551.448-1 1-1h5.5c.552 0 1 .449 1 1Zm11-1h-5.5c-.552 0-1 .449-1 1v5.5c0 .551.448 1 1 1h5.5c.552 0 1-.449 1-1v-5.5c0-.551-.448-1-1-1Zm-12 11h-5.5c-.552 0-1 .449-1 1v5.5a1 1 0 0 0 1 1h5.5a1 1 0 0 0 1-1v-5.5c0-.551-.448-1-1-1Zm12 0h-5.5c-.552 0-1 .449-1 1v5.5a1 1 0 0 0 1 1h5.5a1 1 0 0 0 1-1v-5.5c0-.551-.448-1-1-1Zm-12 11h-5.5a1 1 0 0 0-1 1v5.5a1 1 0 0 0 1 1h5.5a1 1 0 0 0 1-1v-5.5a1 1 0 0 0-1-1Zm12 0h-5.5a1 1 0 0 0-1 1v5.5a1 1 0 0 0 1 1h5.5a1 1 0 0 0 1-1v-5.5a1 1 0 0 0-1-1Z"
13943
+ />
13944
+ </svg>
13849
13945
  </span>
13850
13946
  <div class="pf-v6-c-data-list__check">
13851
13947
  <label
@@ -13876,7 +13972,19 @@ wrapperTag: div
13876
13972
  <div class="pf-v6-c-data-list__item-row">
13877
13973
  <div class="pf-v6-c-data-list__item-control">
13878
13974
  <span class="pf-v6-c-data-list__item-draggable-icon">
13879
- <i class="fas fa-grip-vertical"></i>
13975
+ <svg
13976
+ class="pf-v6-svg"
13977
+ fill="currentColor"
13978
+ viewBox="0 0 32 32"
13979
+ aria-hidden="true"
13980
+ role="img"
13981
+ width="1em"
13982
+ height="1em"
13983
+ >
13984
+ <path
13985
+ d="M13.75 2.25v5.5c0 .551-.448 1-1 1h-5.5c-.552 0-1-.449-1-1v-5.5c0-.551.448-1 1-1h5.5c.552 0 1 .449 1 1Zm11-1h-5.5c-.552 0-1 .449-1 1v5.5c0 .551.448 1 1 1h5.5c.552 0 1-.449 1-1v-5.5c0-.551-.448-1-1-1Zm-12 11h-5.5c-.552 0-1 .449-1 1v5.5a1 1 0 0 0 1 1h5.5a1 1 0 0 0 1-1v-5.5c0-.551-.448-1-1-1Zm12 0h-5.5c-.552 0-1 .449-1 1v5.5a1 1 0 0 0 1 1h5.5a1 1 0 0 0 1-1v-5.5c0-.551-.448-1-1-1Zm-12 11h-5.5a1 1 0 0 0-1 1v5.5a1 1 0 0 0 1 1h5.5a1 1 0 0 0 1-1v-5.5a1 1 0 0 0-1-1Zm12 0h-5.5a1 1 0 0 0-1 1v5.5a1 1 0 0 0 1 1h5.5a1 1 0 0 0 1-1v-5.5a1 1 0 0 0-1-1Z"
13986
+ />
13987
+ </svg>
13880
13988
  </span>
13881
13989
  <div class="pf-v6-c-data-list__check">
13882
13990
  <label
@@ -13907,7 +14015,19 @@ wrapperTag: div
13907
14015
  <div class="pf-v6-c-data-list__item-row">
13908
14016
  <div class="pf-v6-c-data-list__item-control">
13909
14017
  <span class="pf-v6-c-data-list__item-draggable-icon">
13910
- <i class="fas fa-grip-vertical"></i>
14018
+ <svg
14019
+ class="pf-v6-svg"
14020
+ fill="currentColor"
14021
+ viewBox="0 0 32 32"
14022
+ aria-hidden="true"
14023
+ role="img"
14024
+ width="1em"
14025
+ height="1em"
14026
+ >
14027
+ <path
14028
+ d="M13.75 2.25v5.5c0 .551-.448 1-1 1h-5.5c-.552 0-1-.449-1-1v-5.5c0-.551.448-1 1-1h5.5c.552 0 1 .449 1 1Zm11-1h-5.5c-.552 0-1 .449-1 1v5.5c0 .551.448 1 1 1h5.5c.552 0 1-.449 1-1v-5.5c0-.551-.448-1-1-1Zm-12 11h-5.5c-.552 0-1 .449-1 1v5.5a1 1 0 0 0 1 1h5.5a1 1 0 0 0 1-1v-5.5c0-.551-.448-1-1-1Zm12 0h-5.5c-.552 0-1 .449-1 1v5.5a1 1 0 0 0 1 1h5.5a1 1 0 0 0 1-1v-5.5c0-.551-.448-1-1-1Zm-12 11h-5.5a1 1 0 0 0-1 1v5.5a1 1 0 0 0 1 1h5.5a1 1 0 0 0 1-1v-5.5a1 1 0 0 0-1-1Zm12 0h-5.5a1 1 0 0 0-1 1v5.5a1 1 0 0 0 1 1h5.5a1 1 0 0 0 1-1v-5.5a1 1 0 0 0-1-1Z"
14029
+ />
14030
+ </svg>
13911
14031
  </span>
13912
14032
  <div class="pf-v6-c-data-list__check">
13913
14033
  <label
@@ -13938,7 +14058,19 @@ wrapperTag: div
13938
14058
  <div class="pf-v6-c-data-list__item-row">
13939
14059
  <div class="pf-v6-c-data-list__item-control">
13940
14060
  <span class="pf-v6-c-data-list__item-draggable-icon">
13941
- <i class="fas fa-grip-vertical"></i>
14061
+ <svg
14062
+ class="pf-v6-svg"
14063
+ fill="currentColor"
14064
+ viewBox="0 0 32 32"
14065
+ aria-hidden="true"
14066
+ role="img"
14067
+ width="1em"
14068
+ height="1em"
14069
+ >
14070
+ <path
14071
+ d="M13.75 2.25v5.5c0 .551-.448 1-1 1h-5.5c-.552 0-1-.449-1-1v-5.5c0-.551.448-1 1-1h5.5c.552 0 1 .449 1 1Zm11-1h-5.5c-.552 0-1 .449-1 1v5.5c0 .551.448 1 1 1h5.5c.552 0 1-.449 1-1v-5.5c0-.551-.448-1-1-1Zm-12 11h-5.5c-.552 0-1 .449-1 1v5.5a1 1 0 0 0 1 1h5.5a1 1 0 0 0 1-1v-5.5c0-.551-.448-1-1-1Zm12 0h-5.5c-.552 0-1 .449-1 1v5.5a1 1 0 0 0 1 1h5.5a1 1 0 0 0 1-1v-5.5c0-.551-.448-1-1-1Zm-12 11h-5.5a1 1 0 0 0-1 1v5.5a1 1 0 0 0 1 1h5.5a1 1 0 0 0 1-1v-5.5a1 1 0 0 0-1-1Zm12 0h-5.5a1 1 0 0 0-1 1v5.5a1 1 0 0 0 1 1h5.5a1 1 0 0 0 1-1v-5.5a1 1 0 0 0-1-1Z"
14072
+ />
14073
+ </svg>
13942
14074
  </span>
13943
14075
  <div class="pf-v6-c-data-list__check">
13944
14076
  <label
@@ -13969,7 +14101,19 @@ wrapperTag: div
13969
14101
  <div class="pf-v6-c-data-list__item-row">
13970
14102
  <div class="pf-v6-c-data-list__item-control">
13971
14103
  <span class="pf-v6-c-data-list__item-draggable-icon">
13972
- <i class="fas fa-grip-vertical"></i>
14104
+ <svg
14105
+ class="pf-v6-svg"
14106
+ fill="currentColor"
14107
+ viewBox="0 0 32 32"
14108
+ aria-hidden="true"
14109
+ role="img"
14110
+ width="1em"
14111
+ height="1em"
14112
+ >
14113
+ <path
14114
+ d="M13.75 2.25v5.5c0 .551-.448 1-1 1h-5.5c-.552 0-1-.449-1-1v-5.5c0-.551.448-1 1-1h5.5c.552 0 1 .449 1 1Zm11-1h-5.5c-.552 0-1 .449-1 1v5.5c0 .551.448 1 1 1h5.5c.552 0 1-.449 1-1v-5.5c0-.551-.448-1-1-1Zm-12 11h-5.5c-.552 0-1 .449-1 1v5.5a1 1 0 0 0 1 1h5.5a1 1 0 0 0 1-1v-5.5c0-.551-.448-1-1-1Zm12 0h-5.5c-.552 0-1 .449-1 1v5.5a1 1 0 0 0 1 1h5.5a1 1 0 0 0 1-1v-5.5c0-.551-.448-1-1-1Zm-12 11h-5.5a1 1 0 0 0-1 1v5.5a1 1 0 0 0 1 1h5.5a1 1 0 0 0 1-1v-5.5a1 1 0 0 0-1-1Zm12 0h-5.5a1 1 0 0 0-1 1v5.5a1 1 0 0 0 1 1h5.5a1 1 0 0 0 1-1v-5.5a1 1 0 0 0-1-1Z"
14115
+ />
14116
+ </svg>
13973
14117
  </span>
13974
14118
  <div class="pf-v6-c-data-list__check">
13975
14119
  <label
@@ -14514,7 +14658,19 @@ wrapperTag: div
14514
14658
  <div class="pf-v6-c-text-input-group__main pf-m-icon">
14515
14659
  <span class="pf-v6-c-text-input-group__text">
14516
14660
  <span class="pf-v6-c-text-input-group__icon">
14517
- <i class="fas fa-fw fa-search"></i>
14661
+ <svg
14662
+ class="pf-v6-svg"
14663
+ fill="currentColor"
14664
+ viewBox="0 0 32 32"
14665
+ aria-hidden="true"
14666
+ role="img"
14667
+ width="1em"
14668
+ height="1em"
14669
+ >
14670
+ <path
14671
+ 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"
14672
+ />
14673
+ </svg>
14518
14674
  </span>
14519
14675
  <input
14520
14676
  class="pf-v6-c-text-input-group__text-input"
@@ -16666,7 +16822,19 @@ wrapperTag: div
16666
16822
  >
16667
16823
  <span class="pf-v6-c-text-input-group__text">
16668
16824
  <span class="pf-v6-c-text-input-group__icon">
16669
- <i class="fas fa-fw fa-search"></i>
16825
+ <svg
16826
+ class="pf-v6-svg"
16827
+ fill="currentColor"
16828
+ viewBox="0 0 32 32"
16829
+ aria-hidden="true"
16830
+ role="img"
16831
+ width="1em"
16832
+ height="1em"
16833
+ >
16834
+ <path
16835
+ 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"
16836
+ />
16837
+ </svg>
16670
16838
  </span>
16671
16839
  <input
16672
16840
  class="pf-v6-c-text-input-group__text-input"
@@ -18306,7 +18474,19 @@ wrapperTag: div
18306
18474
  >
18307
18475
  <span class="pf-v6-c-text-input-group__text">
18308
18476
  <span class="pf-v6-c-text-input-group__icon">
18309
- <i class="fas fa-fw fa-search"></i>
18477
+ <svg
18478
+ class="pf-v6-svg"
18479
+ fill="currentColor"
18480
+ viewBox="0 0 32 32"
18481
+ aria-hidden="true"
18482
+ role="img"
18483
+ width="1em"
18484
+ height="1em"
18485
+ >
18486
+ <path
18487
+ 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"
18488
+ />
18489
+ </svg>
18310
18490
  </span>
18311
18491
  <input
18312
18492
  class="pf-v6-c-text-input-group__text-input"
@@ -19975,7 +20155,19 @@ wrapperTag: div
19975
20155
  >
19976
20156
  <span class="pf-v6-c-text-input-group__text">
19977
20157
  <span class="pf-v6-c-text-input-group__icon">
19978
- <i class="fas fa-fw fa-search"></i>
20158
+ <svg
20159
+ class="pf-v6-svg"
20160
+ fill="currentColor"
20161
+ viewBox="0 0 32 32"
20162
+ aria-hidden="true"
20163
+ role="img"
20164
+ width="1em"
20165
+ height="1em"
20166
+ >
20167
+ <path
20168
+ 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"
20169
+ />
20170
+ </svg>
19979
20171
  </span>
19980
20172
  <input
19981
20173
  class="pf-v6-c-text-input-group__text-input"
@@ -21644,7 +21836,19 @@ wrapperTag: div
21644
21836
  >
21645
21837
  <span class="pf-v6-c-text-input-group__text">
21646
21838
  <span class="pf-v6-c-text-input-group__icon">
21647
- <i class="fas fa-fw fa-search"></i>
21839
+ <svg
21840
+ class="pf-v6-svg"
21841
+ fill="currentColor"
21842
+ viewBox="0 0 32 32"
21843
+ aria-hidden="true"
21844
+ role="img"
21845
+ width="1em"
21846
+ height="1em"
21847
+ >
21848
+ <path
21849
+ 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"
21850
+ />
21851
+ </svg>
21648
21852
  </span>
21649
21853
  <input
21650
21854
  class="pf-v6-c-text-input-group__text-input"
@@ -23982,7 +24186,19 @@ Note that the table in the main content area uses the `pf-m-grid-lg` modifier an
23982
24186
  <span
23983
24187
  class="pf-v6-c-text-input-group__icon"
23984
24188
  >
23985
- <i class="fas fa-fw fa-search"></i>
24189
+ <svg
24190
+ class="pf-v6-svg"
24191
+ fill="currentColor"
24192
+ viewBox="0 0 32 32"
24193
+ aria-hidden="true"
24194
+ role="img"
24195
+ width="1em"
24196
+ height="1em"
24197
+ >
24198
+ <path
24199
+ 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"
24200
+ />
24201
+ </svg>
23986
24202
  </span>
23987
24203
  <input
23988
24204
  class="pf-v6-c-text-input-group__text-input"
@@ -25123,7 +25339,19 @@ Note that the table in the main content area uses the `pf-m-grid-lg` modifier an
25123
25339
  <span
25124
25340
  class="pf-v6-c-text-input-group__icon"
25125
25341
  >
25126
- <i class="fas fa-fw fa-search"></i>
25342
+ <svg
25343
+ class="pf-v6-svg"
25344
+ fill="currentColor"
25345
+ viewBox="0 0 32 32"
25346
+ aria-hidden="true"
25347
+ role="img"
25348
+ width="1em"
25349
+ height="1em"
25350
+ >
25351
+ <path
25352
+ 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"
25353
+ />
25354
+ </svg>
25127
25355
  </span>
25128
25356
  <input
25129
25357
  class="pf-v6-c-text-input-group__text-input"
@@ -78,7 +78,19 @@ section: components
78
78
  <div class="pf-v6-c-text-input-group__main pf-m-icon">
79
79
  <span class="pf-v6-c-text-input-group__text">
80
80
  <span class="pf-v6-c-text-input-group__icon">
81
- <i class="fas fa-fw fa-search"></i>
81
+ <svg
82
+ class="pf-v6-svg"
83
+ fill="currentColor"
84
+ viewBox="0 0 32 32"
85
+ aria-hidden="true"
86
+ role="img"
87
+ width="1em"
88
+ height="1em"
89
+ >
90
+ <path
91
+ 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"
92
+ />
93
+ </svg>
82
94
  </span>
83
95
  <input
84
96
  class="pf-v6-c-text-input-group__text-input"
@@ -759,10 +771,19 @@ section: components
759
771
  <span
760
772
  class="pf-v6-c-form-control__icon pf-m-status"
761
773
  >
762
- <i
763
- class="fas fa-exclamation-circle"
774
+ <svg
775
+ class="pf-v6-svg"
776
+ fill="currentColor"
777
+ viewBox="0 0 32 32"
764
778
  aria-hidden="true"
765
- ></i>
779
+ role="img"
780
+ width="1em"
781
+ height="1em"
782
+ >
783
+ <path
784
+ 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"
785
+ />
786
+ </svg>
766
787
  </span>
767
788
  </span>
768
789
  </span>
@@ -843,7 +864,19 @@ section: components
843
864
  <div class="pf-v6-c-text-input-group__main pf-m-icon">
844
865
  <span class="pf-v6-c-text-input-group__text">
845
866
  <span class="pf-v6-c-text-input-group__icon">
846
- <i class="fas fa-fw fa-search"></i>
867
+ <svg
868
+ class="pf-v6-svg"
869
+ fill="currentColor"
870
+ viewBox="0 0 32 32"
871
+ aria-hidden="true"
872
+ role="img"
873
+ width="1em"
874
+ height="1em"
875
+ >
876
+ <path
877
+ 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"
878
+ />
879
+ </svg>
847
880
  </span>
848
881
  <input
849
882
  class="pf-v6-c-text-input-group__text-input"
@@ -1636,7 +1669,19 @@ section: components
1636
1669
  <div class="pf-v6-c-text-input-group__main pf-m-icon">
1637
1670
  <span class="pf-v6-c-text-input-group__text">
1638
1671
  <span class="pf-v6-c-text-input-group__icon">
1639
- <i class="fas fa-fw fa-search"></i>
1672
+ <svg
1673
+ class="pf-v6-svg"
1674
+ fill="currentColor"
1675
+ viewBox="0 0 32 32"
1676
+ aria-hidden="true"
1677
+ role="img"
1678
+ width="1em"
1679
+ height="1em"
1680
+ >
1681
+ <path
1682
+ 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"
1683
+ />
1684
+ </svg>
1640
1685
  </span>
1641
1686
  <input
1642
1687
  class="pf-v6-c-text-input-group__text-input"
@@ -1875,7 +1920,19 @@ section: components
1875
1920
  <div class="pf-v6-c-text-input-group__main pf-m-icon">
1876
1921
  <span class="pf-v6-c-text-input-group__text">
1877
1922
  <span class="pf-v6-c-text-input-group__icon">
1878
- <i class="fas fa-fw fa-search"></i>
1923
+ <svg
1924
+ class="pf-v6-svg"
1925
+ fill="currentColor"
1926
+ viewBox="0 0 32 32"
1927
+ aria-hidden="true"
1928
+ role="img"
1929
+ width="1em"
1930
+ height="1em"
1931
+ >
1932
+ <path
1933
+ 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"
1934
+ />
1935
+ </svg>
1879
1936
  </span>
1880
1937
  <input
1881
1938
  class="pf-v6-c-text-input-group__text-input"
@@ -2182,7 +2239,19 @@ section: components
2182
2239
  <div class="pf-v6-c-text-input-group__main pf-m-icon">
2183
2240
  <span class="pf-v6-c-text-input-group__text">
2184
2241
  <span class="pf-v6-c-text-input-group__icon">
2185
- <i class="fas fa-fw fa-search"></i>
2242
+ <svg
2243
+ class="pf-v6-svg"
2244
+ fill="currentColor"
2245
+ viewBox="0 0 32 32"
2246
+ aria-hidden="true"
2247
+ role="img"
2248
+ width="1em"
2249
+ height="1em"
2250
+ >
2251
+ <path
2252
+ 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"
2253
+ />
2254
+ </svg>
2186
2255
  </span>
2187
2256
  <input
2188
2257
  class="pf-v6-c-text-input-group__text-input"
@@ -3007,7 +3076,19 @@ section: components
3007
3076
  <div class="pf-v6-c-text-input-group__main pf-m-icon">
3008
3077
  <span class="pf-v6-c-text-input-group__text">
3009
3078
  <span class="pf-v6-c-text-input-group__icon">
3010
- <i class="fas fa-fw fa-search"></i>
3079
+ <svg
3080
+ class="pf-v6-svg"
3081
+ fill="currentColor"
3082
+ viewBox="0 0 32 32"
3083
+ aria-hidden="true"
3084
+ role="img"
3085
+ width="1em"
3086
+ height="1em"
3087
+ >
3088
+ <path
3089
+ 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"
3090
+ />
3091
+ </svg>
3011
3092
  </span>
3012
3093
  <input
3013
3094
  class="pf-v6-c-text-input-group__text-input"
@@ -3994,7 +4075,19 @@ section: components
3994
4075
  <div class="pf-v6-c-text-input-group__main pf-m-icon">
3995
4076
  <span class="pf-v6-c-text-input-group__text">
3996
4077
  <span class="pf-v6-c-text-input-group__icon">
3997
- <i class="fas fa-fw fa-search"></i>
4078
+ <svg
4079
+ class="pf-v6-svg"
4080
+ fill="currentColor"
4081
+ viewBox="0 0 32 32"
4082
+ aria-hidden="true"
4083
+ role="img"
4084
+ width="1em"
4085
+ height="1em"
4086
+ >
4087
+ <path
4088
+ 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"
4089
+ />
4090
+ </svg>
3998
4091
  </span>
3999
4092
  <input
4000
4093
  class="pf-v6-c-text-input-group__text-input"