@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/demos/Toolbar/examples/Toolbar.md CHANGED
@@ -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"
@@ -190,14 +202,14 @@ section: components
190
202
  <svg
191
203
  class="pf-v6-svg"
192
204
  fill="currentColor"
193
- viewBox="0 0 256 512"
205
+ viewBox="0 0 20 20"
194
206
  aria-hidden="true"
195
207
  role="img"
196
208
  width="1em"
197
209
  height="1em"
198
210
  >
199
211
  <path
200
- 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"
212
+ 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"
201
213
  />
202
214
  </svg>
203
215
  </span>
@@ -213,14 +225,14 @@ section: components
213
225
  <svg
214
226
  class="pf-v6-svg"
215
227
  fill="currentColor"
216
- viewBox="0 0 256 512"
228
+ viewBox="0 0 20 20"
217
229
  aria-hidden="true"
218
230
  role="img"
219
231
  width="1em"
220
232
  height="1em"
221
233
  >
222
234
  <path
223
- 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"
235
+ 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"
224
236
  />
225
237
  </svg>
226
238
  </span>
@@ -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"
@@ -1791,14 +1836,14 @@ section: components
1791
1836
  <svg
1792
1837
  class="pf-v6-svg"
1793
1838
  fill="currentColor"
1794
- viewBox="0 0 256 512"
1839
+ viewBox="0 0 20 20"
1795
1840
  aria-hidden="true"
1796
1841
  role="img"
1797
1842
  width="1em"
1798
1843
  height="1em"
1799
1844
  >
1800
1845
  <path
1801
- 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"
1846
+ 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"
1802
1847
  />
1803
1848
  </svg>
1804
1849
  </span>
@@ -1814,14 +1859,14 @@ section: components
1814
1859
  <svg
1815
1860
  class="pf-v6-svg"
1816
1861
  fill="currentColor"
1817
- viewBox="0 0 256 512"
1862
+ viewBox="0 0 20 20"
1818
1863
  aria-hidden="true"
1819
1864
  role="img"
1820
1865
  width="1em"
1821
1866
  height="1em"
1822
1867
  >
1823
1868
  <path
1824
- 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"
1869
+ 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"
1825
1870
  />
1826
1871
  </svg>
1827
1872
  </span>
@@ -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"
@@ -2057,14 +2114,14 @@ section: components
2057
2114
  <svg
2058
2115
  class="pf-v6-svg"
2059
2116
  fill="currentColor"
2060
- viewBox="0 0 256 512"
2117
+ viewBox="0 0 20 20"
2061
2118
  aria-hidden="true"
2062
2119
  role="img"
2063
2120
  width="1em"
2064
2121
  height="1em"
2065
2122
  >
2066
2123
  <path
2067
- 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"
2124
+ 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"
2068
2125
  />
2069
2126
  </svg>
2070
2127
  </span>
@@ -2080,14 +2137,14 @@ section: components
2080
2137
  <svg
2081
2138
  class="pf-v6-svg"
2082
2139
  fill="currentColor"
2083
- viewBox="0 0 256 512"
2140
+ viewBox="0 0 20 20"
2084
2141
  aria-hidden="true"
2085
2142
  role="img"
2086
2143
  width="1em"
2087
2144
  height="1em"
2088
2145
  >
2089
2146
  <path
2090
- 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"
2147
+ 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"
2091
2148
  />
2092
2149
  </svg>
2093
2150
  </span>
@@ -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"
@@ -2337,14 +2406,14 @@ section: components
2337
2406
  <svg
2338
2407
  class="pf-v6-svg"
2339
2408
  fill="currentColor"
2340
- viewBox="0 0 256 512"
2409
+ viewBox="0 0 20 20"
2341
2410
  aria-hidden="true"
2342
2411
  role="img"
2343
2412
  width="1em"
2344
2413
  height="1em"
2345
2414
  >
2346
2415
  <path
2347
- 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"
2416
+ 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"
2348
2417
  />
2349
2418
  </svg>
2350
2419
  </span>
@@ -2360,14 +2429,14 @@ section: components
2360
2429
  <svg
2361
2430
  class="pf-v6-svg"
2362
2431
  fill="currentColor"
2363
- viewBox="0 0 256 512"
2432
+ viewBox="0 0 20 20"
2364
2433
  aria-hidden="true"
2365
2434
  role="img"
2366
2435
  width="1em"
2367
2436
  height="1em"
2368
2437
  >
2369
2438
  <path
2370
- 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"
2439
+ 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"
2371
2440
  />
2372
2441
  </svg>
2373
2442
  </span>
@@ -2606,14 +2675,14 @@ section: components
2606
2675
  <svg
2607
2676
  class="pf-v6-svg"
2608
2677
  fill="currentColor"
2609
- viewBox="0 0 256 512"
2678
+ viewBox="0 0 20 20"
2610
2679
  aria-hidden="true"
2611
2680
  role="img"
2612
2681
  width="1em"
2613
2682
  height="1em"
2614
2683
  >
2615
2684
  <path
2616
- 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"
2685
+ 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"
2617
2686
  />
2618
2687
  </svg>
2619
2688
  </span>
@@ -2629,14 +2698,14 @@ section: components
2629
2698
  <svg
2630
2699
  class="pf-v6-svg"
2631
2700
  fill="currentColor"
2632
- viewBox="0 0 256 512"
2701
+ viewBox="0 0 20 20"
2633
2702
  aria-hidden="true"
2634
2703
  role="img"
2635
2704
  width="1em"
2636
2705
  height="1em"
2637
2706
  >
2638
2707
  <path
2639
- 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"
2708
+ 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"
2640
2709
  />
2641
2710
  </svg>
2642
2711
  </span>
@@ -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"
@@ -3162,14 +3243,14 @@ section: components
3162
3243
  <svg
3163
3244
  class="pf-v6-svg"
3164
3245
  fill="currentColor"
3165
- viewBox="0 0 256 512"
3246
+ viewBox="0 0 20 20"
3166
3247
  aria-hidden="true"
3167
3248
  role="img"
3168
3249
  width="1em"
3169
3250
  height="1em"
3170
3251
  >
3171
3252
  <path
3172
- 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"
3253
+ 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"
3173
3254
  />
3174
3255
  </svg>
3175
3256
  </span>
@@ -3185,14 +3266,14 @@ section: components
3185
3266
  <svg
3186
3267
  class="pf-v6-svg"
3187
3268
  fill="currentColor"
3188
- viewBox="0 0 256 512"
3269
+ viewBox="0 0 20 20"
3189
3270
  aria-hidden="true"
3190
3271
  role="img"
3191
3272
  width="1em"
3192
3273
  height="1em"
3193
3274
  >
3194
3275
  <path
3195
- 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"
3276
+ 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"
3196
3277
  />
3197
3278
  </svg>
3198
3279
  </span>
@@ -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"
@@ -4095,14 +4188,14 @@ section: components
4095
4188
  <svg
4096
4189
  class="pf-v6-svg"
4097
4190
  fill="currentColor"
4098
- viewBox="0 0 256 512"
4191
+ viewBox="0 0 20 20"
4099
4192
  aria-hidden="true"
4100
4193
  role="img"
4101
4194
  width="1em"
4102
4195
  height="1em"
4103
4196
  >
4104
4197
  <path
4105
- 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"
4198
+ 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"
4106
4199
  />
4107
4200
  </svg>
4108
4201
  </span>
@@ -4118,14 +4211,14 @@ section: components
4118
4211
  <svg
4119
4212
  class="pf-v6-svg"
4120
4213
  fill="currentColor"
4121
- viewBox="0 0 256 512"
4214
+ viewBox="0 0 20 20"
4122
4215
  aria-hidden="true"
4123
4216
  role="img"
4124
4217
  width="1em"
4125
4218
  height="1em"
4126
4219
  >
4127
4220
  <path
4128
- 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"
4221
+ 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"
4129
4222
  />
4130
4223
  </svg>
4131
4224
  </span>
@@ -4880,14 +4973,14 @@ section: components
4880
4973
  <svg
4881
4974
  class="pf-v6-svg"
4882
4975
  fill="currentColor"
4883
- viewBox="0 0 448 512"
4976
+ viewBox="0 0 20 20"
4884
4977
  aria-hidden="true"
4885
4978
  role="img"
4886
4979
  width="1em"
4887
4980
  height="1em"
4888
4981
  >
4889
4982
  <path
4890
- 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"
4983
+ 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"
4891
4984
  />
4892
4985
  </svg>
4893
4986
  </span>
@@ -4904,14 +4997,14 @@ section: components
4904
4997
  <svg
4905
4998
  class="pf-v6-svg"
4906
4999
  fill="currentColor"
4907
- viewBox="0 0 256 512"
5000
+ viewBox="0 0 20 20"
4908
5001
  aria-hidden="true"
4909
5002
  role="img"
4910
5003
  width="1em"
4911
5004
  height="1em"
4912
5005
  >
4913
5006
  <path
4914
- 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"
5007
+ 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"
4915
5008
  />
4916
5009
  </svg>
4917
5010
  </span>
@@ -4939,14 +5032,14 @@ section: components
4939
5032
  <svg
4940
5033
  class="pf-v6-svg"
4941
5034
  fill="currentColor"
4942
- viewBox="0 0 256 512"
5035
+ viewBox="0 0 20 20"
4943
5036
  aria-hidden="true"
4944
5037
  role="img"
4945
5038
  width="1em"
4946
5039
  height="1em"
4947
5040
  >
4948
5041
  <path
4949
- 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"
5042
+ 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"
4950
5043
  />
4951
5044
  </svg>
4952
5045
  </span>
@@ -4963,14 +5056,14 @@ section: components
4963
5056
  <svg
4964
5057
  class="pf-v6-svg"
4965
5058
  fill="currentColor"
4966
- viewBox="0 0 448 512"
5059
+ viewBox="0 0 20 20"
4967
5060
  aria-hidden="true"
4968
5061
  role="img"
4969
5062
  width="1em"
4970
5063
  height="1em"
4971
5064
  >
4972
5065
  <path
4973
- 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"
5066
+ 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"
4974
5067
  />
4975
5068
  </svg>
4976
5069
  </span>