@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/Toolbar/examples/Toolbar.md CHANGED
@@ -293,7 +293,19 @@ Several components in the following examples do not include functional and/or ac
293
293
  <div class="pf-v6-c-text-input-group__main pf-m-icon">
294
294
  <span class="pf-v6-c-text-input-group__text">
295
295
  <span class="pf-v6-c-text-input-group__icon">
296
- <i class="fas fa-fw fa-search"></i>
296
+ <svg
297
+ class="pf-v6-svg"
298
+ fill="currentColor"
299
+ viewBox="0 0 32 32"
300
+ aria-hidden="true"
301
+ role="img"
302
+ width="1em"
303
+ height="1em"
304
+ >
305
+ <path
306
+ d="m30.796 29.205-8.557-8.557A11.945 11.945 0 0 0 25 13c0-6.617-5.383-12-12-12S1 6.383 1 13s5.383 12 12 12c2.904 0 5.57-1.038 7.648-2.761l8.556 8.556a1.122 1.122 0 0 0 1.592 0 1.127 1.127 0 0 0 0-1.591ZM3 13C3 7.486 7.486 3 13 3s10 4.486 10 10-4.486 10-10 10S3 18.514 3 13Z"
307
+ />
308
+ </svg>
297
309
  </span>
298
310
  <input
299
311
  class="pf-v6-c-text-input-group__text-input"
@@ -808,7 +820,19 @@ Several components in the following examples do not include functional and/or ac
808
820
  <div class="pf-v6-c-text-input-group__main pf-m-icon">
809
821
  <span class="pf-v6-c-text-input-group__text">
810
822
  <span class="pf-v6-c-text-input-group__icon">
811
- <i class="fas fa-fw fa-search"></i>
823
+ <svg
824
+ class="pf-v6-svg"
825
+ fill="currentColor"
826
+ viewBox="0 0 32 32"
827
+ aria-hidden="true"
828
+ role="img"
829
+ width="1em"
830
+ height="1em"
831
+ >
832
+ <path
833
+ d="m30.796 29.205-8.557-8.557A11.945 11.945 0 0 0 25 13c0-6.617-5.383-12-12-12S1 6.383 1 13s5.383 12 12 12c2.904 0 5.57-1.038 7.648-2.761l8.556 8.556a1.122 1.122 0 0 0 1.592 0 1.127 1.127 0 0 0 0-1.591ZM3 13C3 7.486 7.486 3 13 3s10 4.486 10 10-4.486 10-10 10S3 18.514 3 13Z"
834
+ />
835
+ </svg>
812
836
  </span>
813
837
  <input
814
838
  class="pf-v6-c-text-input-group__text-input"
@@ -925,7 +949,19 @@ Several components in the following examples do not include functional and/or ac
925
949
  <div class="pf-v6-c-text-input-group__main pf-m-icon">
926
950
  <span class="pf-v6-c-text-input-group__text">
927
951
  <span class="pf-v6-c-text-input-group__icon">
928
- <i class="fas fa-fw fa-search"></i>
952
+ <svg
953
+ class="pf-v6-svg"
954
+ fill="currentColor"
955
+ viewBox="0 0 32 32"
956
+ aria-hidden="true"
957
+ role="img"
958
+ width="1em"
959
+ height="1em"
960
+ >
961
+ <path
962
+ d="m30.796 29.205-8.557-8.557A11.945 11.945 0 0 0 25 13c0-6.617-5.383-12-12-12S1 6.383 1 13s5.383 12 12 12c2.904 0 5.57-1.038 7.648-2.761l8.556 8.556a1.122 1.122 0 0 0 1.592 0 1.127 1.127 0 0 0 0-1.591ZM3 13C3 7.486 7.486 3 13 3s10 4.486 10 10-4.486 10-10 10S3 18.514 3 13Z"
963
+ />
964
+ </svg>
929
965
  </span>
930
966
  <input
931
967
  class="pf-v6-c-text-input-group__text-input"
@@ -1073,7 +1109,19 @@ Several components in the following examples do not include functional and/or ac
1073
1109
  <div class="pf-v6-c-text-input-group__main pf-m-icon">
1074
1110
  <span class="pf-v6-c-text-input-group__text">
1075
1111
  <span class="pf-v6-c-text-input-group__icon">
1076
- <i class="fas fa-fw fa-search"></i>
1112
+ <svg
1113
+ class="pf-v6-svg"
1114
+ fill="currentColor"
1115
+ viewBox="0 0 32 32"
1116
+ aria-hidden="true"
1117
+ role="img"
1118
+ width="1em"
1119
+ height="1em"
1120
+ >
1121
+ <path
1122
+ d="m30.796 29.205-8.557-8.557A11.945 11.945 0 0 0 25 13c0-6.617-5.383-12-12-12S1 6.383 1 13s5.383 12 12 12c2.904 0 5.57-1.038 7.648-2.761l8.556 8.556a1.122 1.122 0 0 0 1.592 0 1.127 1.127 0 0 0 0-1.591ZM3 13C3 7.486 7.486 3 13 3s10 4.486 10 10-4.486 10-10 10S3 18.514 3 13Z"
1123
+ />
1124
+ </svg>
1077
1125
  </span>
1078
1126
  <input
1079
1127
  class="pf-v6-c-text-input-group__text-input"
@@ -1193,7 +1241,19 @@ Several components in the following examples do not include functional and/or ac
1193
1241
  <div class="pf-v6-c-text-input-group__main pf-m-icon">
1194
1242
  <span class="pf-v6-c-text-input-group__text">
1195
1243
  <span class="pf-v6-c-text-input-group__icon">
1196
- <i class="fas fa-fw fa-search"></i>
1244
+ <svg
1245
+ class="pf-v6-svg"
1246
+ fill="currentColor"
1247
+ viewBox="0 0 32 32"
1248
+ aria-hidden="true"
1249
+ role="img"
1250
+ width="1em"
1251
+ height="1em"
1252
+ >
1253
+ <path
1254
+ d="m30.796 29.205-8.557-8.557A11.945 11.945 0 0 0 25 13c0-6.617-5.383-12-12-12S1 6.383 1 13s5.383 12 12 12c2.904 0 5.57-1.038 7.648-2.761l8.556 8.556a1.122 1.122 0 0 0 1.592 0 1.127 1.127 0 0 0 0-1.591ZM3 13C3 7.486 7.486 3 13 3s10 4.486 10 10-4.486 10-10 10S3 18.514 3 13Z"
1255
+ />
1256
+ </svg>
1197
1257
  </span>
1198
1258
  <input
1199
1259
  class="pf-v6-c-text-input-group__text-input"
@@ -1423,7 +1483,19 @@ Several components in the following examples do not include functional and/or ac
1423
1483
  <div class="pf-v6-c-text-input-group__main pf-m-icon">
1424
1484
  <span class="pf-v6-c-text-input-group__text">
1425
1485
  <span class="pf-v6-c-text-input-group__icon">
1426
- <i class="fas fa-fw fa-search"></i>
1486
+ <svg
1487
+ class="pf-v6-svg"
1488
+ fill="currentColor"
1489
+ viewBox="0 0 32 32"
1490
+ aria-hidden="true"
1491
+ role="img"
1492
+ width="1em"
1493
+ height="1em"
1494
+ >
1495
+ <path
1496
+ d="m30.796 29.205-8.557-8.557A11.945 11.945 0 0 0 25 13c0-6.617-5.383-12-12-12S1 6.383 1 13s5.383 12 12 12c2.904 0 5.57-1.038 7.648-2.761l8.556 8.556a1.122 1.122 0 0 0 1.592 0 1.127 1.127 0 0 0 0-1.591ZM3 13C3 7.486 7.486 3 13 3s10 4.486 10 10-4.486 10-10 10S3 18.514 3 13Z"
1497
+ />
1498
+ </svg>
1427
1499
  </span>
1428
1500
  <input
1429
1501
  class="pf-v6-c-text-input-group__text-input"
@@ -1655,7 +1727,19 @@ Several components in the following examples do not include functional and/or ac
1655
1727
  <div class="pf-v6-c-text-input-group__main pf-m-icon">
1656
1728
  <span class="pf-v6-c-text-input-group__text">
1657
1729
  <span class="pf-v6-c-text-input-group__icon">
1658
- <i class="fas fa-fw fa-search"></i>
1730
+ <svg
1731
+ class="pf-v6-svg"
1732
+ fill="currentColor"
1733
+ viewBox="0 0 32 32"
1734
+ aria-hidden="true"
1735
+ role="img"
1736
+ width="1em"
1737
+ height="1em"
1738
+ >
1739
+ <path
1740
+ d="m30.796 29.205-8.557-8.557A11.945 11.945 0 0 0 25 13c0-6.617-5.383-12-12-12S1 6.383 1 13s5.383 12 12 12c2.904 0 5.57-1.038 7.648-2.761l8.556 8.556a1.122 1.122 0 0 0 1.592 0 1.127 1.127 0 0 0 0-1.591ZM3 13C3 7.486 7.486 3 13 3s10 4.486 10 10-4.486 10-10 10S3 18.514 3 13Z"
1741
+ />
1742
+ </svg>
1659
1743
  </span>
1660
1744
  <input
1661
1745
  class="pf-v6-c-text-input-group__text-input"
@@ -1772,7 +1856,19 @@ Several components in the following examples do not include functional and/or ac
1772
1856
  <div class="pf-v6-c-text-input-group__main pf-m-icon">
1773
1857
  <span class="pf-v6-c-text-input-group__text">
1774
1858
  <span class="pf-v6-c-text-input-group__icon">
1775
- <i class="fas fa-fw fa-search"></i>
1859
+ <svg
1860
+ class="pf-v6-svg"
1861
+ fill="currentColor"
1862
+ viewBox="0 0 32 32"
1863
+ aria-hidden="true"
1864
+ role="img"
1865
+ width="1em"
1866
+ height="1em"
1867
+ >
1868
+ <path
1869
+ d="m30.796 29.205-8.557-8.557A11.945 11.945 0 0 0 25 13c0-6.617-5.383-12-12-12S1 6.383 1 13s5.383 12 12 12c2.904 0 5.57-1.038 7.648-2.761l8.556 8.556a1.122 1.122 0 0 0 1.592 0 1.127 1.127 0 0 0 0-1.591ZM3 13C3 7.486 7.486 3 13 3s10 4.486 10 10-4.486 10-10 10S3 18.514 3 13Z"
1870
+ />
1871
+ </svg>
1776
1872
  </span>
1777
1873
  <input
1778
1874
  class="pf-v6-c-text-input-group__text-input"
@@ -2711,14 +2807,14 @@ Several components in the following examples do not include functional and/or ac
2711
2807
  <svg
2712
2808
  class="pf-v6-svg"
2713
2809
  fill="currentColor"
2714
- viewBox="0 0 448 512"
2810
+ viewBox="0 0 20 20"
2715
2811
  aria-hidden="true"
2716
2812
  role="img"
2717
2813
  width="1em"
2718
2814
  height="1em"
2719
2815
  >
2720
2816
  <path
2721
- d="M223.7 239l136-136c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9L319.9 256l96.4 96.4c9.4 9.4 9.4 24.6 0 33.9L393.7 409c-9.4 9.4-24.6 9.4-33.9 0l-136-136c-9.5-9.4-9.5-24.6-.1-34zm-192 34l136 136c9.4 9.4 24.6 9.4 33.9 0l22.6-22.6c9.4-9.4 9.4-24.6 0-33.9L127.9 256l96.4-96.4c9.4-9.4 9.4-24.6 0-33.9L201.7 103c-9.4-9.4-24.6-9.4-33.9 0l-136 136c-9.5 9.4-9.5 24.6-.1 34z"
2817
+ d="M10 19a.997.997 0 0 1-.707-.293l-7.647-7.646c-.283-.284-.439-.66-.439-1.061s.156-.777.44-1.06l7.646-7.647a1 1 0 1 1 1.414 1.414L3.414 10l7.293 7.293A1 1 0 0 1 10 19Zm8.707-.293a1 1 0 0 0 0-1.414L11.414 10l7.293-7.293a1 1 0 1 0-1.414-1.414L9.646 8.939c-.283.284-.439.66-.439 1.061s.156.777.44 1.06l7.646 7.647a.997.997 0 0 0 1.414 0Z"
2722
2818
  />
2723
2819
  </svg>
2724
2820
  </span>
@@ -2735,14 +2831,14 @@ Several components in the following examples do not include functional and/or ac
2735
2831
  <svg
2736
2832
  class="pf-v6-svg"
2737
2833
  fill="currentColor"
2738
- viewBox="0 0 256 512"
2834
+ viewBox="0 0 20 20"
2739
2835
  aria-hidden="true"
2740
2836
  role="img"
2741
2837
  width="1em"
2742
2838
  height="1em"
2743
2839
  >
2744
2840
  <path
2745
- d="M31.7 239l136-136c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9L127.9 256l96.4 96.4c9.4 9.4 9.4 24.6 0 33.9L201.7 409c-9.4 9.4-24.6 9.4-33.9 0l-136-136c-9.5-9.4-9.5-24.6-.1-34z"
2841
+ d="m6.41 10 7.29-7.29.02-.02c.38-.4.37-1.03-.02-1.41-.4-.38-1.03-.37-1.41.02L4.64 8.95a1.49 1.49 0 0 0 0 2.12l7.65 7.65c.19.19.44.29.71.29.27 0 .52-.11.71-.29a.996.996 0 0 0 0-1.41l-7.29-7.29Z"
2746
2842
  />
2747
2843
  </svg>
2748
2844
  </span>
@@ -2774,14 +2870,14 @@ Several components in the following examples do not include functional and/or ac
2774
2870
  <svg
2775
2871
  class="pf-v6-svg"
2776
2872
  fill="currentColor"
2777
- viewBox="0 0 256 512"
2873
+ viewBox="0 0 20 20"
2778
2874
  aria-hidden="true"
2779
2875
  role="img"
2780
2876
  width="1em"
2781
2877
  height="1em"
2782
2878
  >
2783
2879
  <path
2784
- d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"
2880
+ d="M14.35 8.94 6.71 1.29l-.02-.02c-.4-.38-1.03-.37-1.41.02-.38.4-.37 1.03.02 1.41l7.29 7.29-7.29 7.29a1.003 1.003 0 0 0 1.42 1.42l7.65-7.65c.59-.59.59-1.54 0-2.12Z"
2785
2881
  />
2786
2882
  </svg>
2787
2883
  </span>
@@ -2797,14 +2893,14 @@ Several components in the following examples do not include functional and/or ac
2797
2893
  <svg
2798
2894
  class="pf-v6-svg"
2799
2895
  fill="currentColor"
2800
- viewBox="0 0 448 512"
2896
+ viewBox="0 0 20 20"
2801
2897
  aria-hidden="true"
2802
2898
  role="img"
2803
2899
  width="1em"
2804
2900
  height="1em"
2805
2901
  >
2806
2902
  <path
2807
- d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34zm192-34l-136-136c-9.4-9.4-24.6-9.4-33.9 0l-22.6 22.6c-9.4 9.4-9.4 24.6 0 33.9l96.4 96.4-96.4 96.4c-9.4 9.4-9.4 24.6 0 33.9l22.6 22.6c9.4 9.4 24.6 9.4 33.9 0l136-136c9.4-9.2 9.4-24.4 0-33.8z"
2903
+ d="M10 19a1 1 0 0 1-.707-1.707L16.586 10 9.293 2.707a1 1 0 1 1 1.414-1.414l7.647 7.646c.283.284.439.66.439 1.061s-.156.777-.44 1.06l-7.646 7.647A.997.997 0 0 1 10 19Zm-7.293-.293 7.647-7.646c.283-.284.439-.66.439-1.061s-.156-.777-.44-1.06L2.708 1.292a1 1 0 1 0-1.414 1.414L8.586 10l-7.293 7.293a1 1 0 1 0 1.414 1.414Z"
2808
2904
  />
2809
2905
  </svg>
2810
2906
  </span>
@@ -2889,7 +2985,19 @@ Several components in the following examples do not include functional and/or ac
2889
2985
  <div class="pf-v6-c-text-input-group__main pf-m-icon">
2890
2986
  <span class="pf-v6-c-text-input-group__text">
2891
2987
  <span class="pf-v6-c-text-input-group__icon">
2892
- <i class="fas fa-fw fa-search"></i>
2988
+ <svg
2989
+ class="pf-v6-svg"
2990
+ fill="currentColor"
2991
+ viewBox="0 0 32 32"
2992
+ aria-hidden="true"
2993
+ role="img"
2994
+ width="1em"
2995
+ height="1em"
2996
+ >
2997
+ <path
2998
+ d="m30.796 29.205-8.557-8.557A11.945 11.945 0 0 0 25 13c0-6.617-5.383-12-12-12S1 6.383 1 13s5.383 12 12 12c2.904 0 5.57-1.038 7.648-2.761l8.556 8.556a1.122 1.122 0 0 0 1.592 0 1.127 1.127 0 0 0 0-1.591ZM3 13C3 7.486 7.486 3 13 3s10 4.486 10 10-4.486 10-10 10S3 18.514 3 13Z"
2999
+ />
3000
+ </svg>
2893
3001
  </span>
2894
3002
  <input
2895
3003
  class="pf-v6-c-text-input-group__text-input"
@@ -3323,14 +3431,14 @@ Several components in the following examples do not include functional and/or ac
3323
3431
  <svg
3324
3432
  class="pf-v6-svg"
3325
3433
  fill="currentColor"
3326
- viewBox="0 0 448 512"
3434
+ viewBox="0 0 20 20"
3327
3435
  aria-hidden="true"
3328
3436
  role="img"
3329
3437
  width="1em"
3330
3438
  height="1em"
3331
3439
  >
3332
3440
  <path
3333
- d="M223.7 239l136-136c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9L319.9 256l96.4 96.4c9.4 9.4 9.4 24.6 0 33.9L393.7 409c-9.4 9.4-24.6 9.4-33.9 0l-136-136c-9.5-9.4-9.5-24.6-.1-34zm-192 34l136 136c9.4 9.4 24.6 9.4 33.9 0l22.6-22.6c9.4-9.4 9.4-24.6 0-33.9L127.9 256l96.4-96.4c9.4-9.4 9.4-24.6 0-33.9L201.7 103c-9.4-9.4-24.6-9.4-33.9 0l-136 136c-9.5 9.4-9.5 24.6-.1 34z"
3441
+ d="M10 19a.997.997 0 0 1-.707-.293l-7.647-7.646c-.283-.284-.439-.66-.439-1.061s.156-.777.44-1.06l7.646-7.647a1 1 0 1 1 1.414 1.414L3.414 10l7.293 7.293A1 1 0 0 1 10 19Zm8.707-.293a1 1 0 0 0 0-1.414L11.414 10l7.293-7.293a1 1 0 1 0-1.414-1.414L9.646 8.939c-.283.284-.439.66-.439 1.061s.156.777.44 1.06l7.646 7.647a.997.997 0 0 0 1.414 0Z"
3334
3442
  />
3335
3443
  </svg>
3336
3444
  </span>
@@ -3347,14 +3455,14 @@ Several components in the following examples do not include functional and/or ac
3347
3455
  <svg
3348
3456
  class="pf-v6-svg"
3349
3457
  fill="currentColor"
3350
- viewBox="0 0 256 512"
3458
+ viewBox="0 0 20 20"
3351
3459
  aria-hidden="true"
3352
3460
  role="img"
3353
3461
  width="1em"
3354
3462
  height="1em"
3355
3463
  >
3356
3464
  <path
3357
- d="M31.7 239l136-136c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9L127.9 256l96.4 96.4c9.4 9.4 9.4 24.6 0 33.9L201.7 409c-9.4 9.4-24.6 9.4-33.9 0l-136-136c-9.5-9.4-9.5-24.6-.1-34z"
3465
+ d="m6.41 10 7.29-7.29.02-.02c.38-.4.37-1.03-.02-1.41-.4-.38-1.03-.37-1.41.02L4.64 8.95a1.49 1.49 0 0 0 0 2.12l7.65 7.65c.19.19.44.29.71.29.27 0 .52-.11.71-.29a.996.996 0 0 0 0-1.41l-7.29-7.29Z"
3358
3466
  />
3359
3467
  </svg>
3360
3468
  </span>
@@ -3386,14 +3494,14 @@ Several components in the following examples do not include functional and/or ac
3386
3494
  <svg
3387
3495
  class="pf-v6-svg"
3388
3496
  fill="currentColor"
3389
- viewBox="0 0 256 512"
3497
+ viewBox="0 0 20 20"
3390
3498
  aria-hidden="true"
3391
3499
  role="img"
3392
3500
  width="1em"
3393
3501
  height="1em"
3394
3502
  >
3395
3503
  <path
3396
- d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"
3504
+ d="M14.35 8.94 6.71 1.29l-.02-.02c-.4-.38-1.03-.37-1.41.02-.38.4-.37 1.03.02 1.41l7.29 7.29-7.29 7.29a1.003 1.003 0 0 0 1.42 1.42l7.65-7.65c.59-.59.59-1.54 0-2.12Z"
3397
3505
  />
3398
3506
  </svg>
3399
3507
  </span>
@@ -3409,14 +3517,14 @@ Several components in the following examples do not include functional and/or ac
3409
3517
  <svg
3410
3518
  class="pf-v6-svg"
3411
3519
  fill="currentColor"
3412
- viewBox="0 0 448 512"
3520
+ viewBox="0 0 20 20"
3413
3521
  aria-hidden="true"
3414
3522
  role="img"
3415
3523
  width="1em"
3416
3524
  height="1em"
3417
3525
  >
3418
3526
  <path
3419
- d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34zm192-34l-136-136c-9.4-9.4-24.6-9.4-33.9 0l-22.6 22.6c-9.4 9.4-9.4 24.6 0 33.9l96.4 96.4-96.4 96.4c-9.4 9.4-9.4 24.6 0 33.9l22.6 22.6c9.4 9.4 24.6 9.4 33.9 0l136-136c9.4-9.2 9.4-24.4 0-33.8z"
3527
+ d="M10 19a1 1 0 0 1-.707-1.707L16.586 10 9.293 2.707a1 1 0 1 1 1.414-1.414l7.647 7.646c.283.284.439.66.439 1.061s-.156.777-.44 1.06l-7.646 7.647A.997.997 0 0 1 10 19Zm-7.293-.293 7.647-7.646c.283-.284.439-.66.439-1.061s-.156-.777-.44-1.06L2.708 1.292a1 1 0 1 0-1.414 1.414L8.586 10l-7.293 7.293a1 1 0 1 0 1.414 1.414Z"
3420
3528
  />
3421
3529
  </svg>
3422
3530
  </span>