feat: new icons (#682)

package.json

@@ -50,7 +50,7 @@
     "@radix-ui/react-focus-scope": "1.1.0",
     "@react-aria/utils": "3.23.0",
     "@react-hooks-library/core": "0.6.0",
-    "@react-spring/web": "9.7.3",
+    "@react-spring/web": "9.7.5",
     "@react-stately/utils": "3.9.0",
     "@tanstack/match-sorter-utils": "8.8.4",
     "@tanstack/react-table": "8.20.5",
@@ -133,7 +133,7 @@
     "react-transition-group": "4.4.5",
     "rimraf": "5.0.5",
     "storybook": "8.3.5",
-    "styled-components": "6.1.13",
+    "styled-components": "6.1.15",
     "typescript": "5.7.3",
     "typescript-eslint": "8.24.0",
     "vite": "5.4.8",
@@ -148,7 +148,7 @@
     "react": ">=19.0.0",
     "react-dom": ">=19.0.0",
     "react-transition-group": ">=4.4.5",
-    "styled-components": ">=6.1.13"
+    "styled-components": ">=6.1.15"
   },
   "packageManager": "[email protected]",
   "resolutions": {
@@ -160,4 +160,4 @@
       "eslint --fix"
     ]
   }
-}
+}

src/components/icons/FileDiffIcon.tsx

@@ -0,0 +1,27 @@
+import createIcon from './createIcon'
+
+export default createIcon(({ size, color }) => (
+  <svg
+    width={size}
+    height={size}
+    viewBox="0 0 16 16"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <path
+      d="M13.0841 15.5866H2.90976C2.54323 15.5866 2.25253 15.2896 2.25253 14.9294V1.08338C2.25253 0.716845 2.54955 0.426147 2.90976 0.426147H9.74745C9.93703 0.426147 10.114 0.5083 10.2404 0.647329L13.5771 4.41375C13.6845 4.53382 13.7414 4.6918 13.7414 4.84979V14.9294C13.7414 15.2959 13.4443 15.5866 13.0841 15.5866V15.5866Z"
+      stroke={color}
+      strokeMiterlimit="10"
+    />
+    <path
+      d="M5 12H11"
+      stroke={color}
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+    <path
+      d="M4.99707 6H7.99707M10.9971 6H7.99707M7.99707 6V3M7.99707 6V9"
+      stroke={color}
+    />
+  </svg>
+))

src/components/icons/SearchDocsIcon.tsx

@@ -0,0 +1,41 @@
+import createIcon from './createIcon'
+
+export default createIcon(({ size, color }) => (
+  <svg
+    width={size}
+    height={size}
+    viewBox="0 0 16 16"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <path
+      d="M12.1305 4.94714H9.33503C9.04758 4.94714 8.81648 4.71939 8.81648 4.43608V1.27527"
+      stroke={color}
+      strokeMiterlimit="10"
+    />
+    <path
+      d="M5.35958 14.5443H2.56143C2.24089 14.5443 1.98666 14.2845 1.98666 13.9695V1.86078C1.98666 1.54023 2.24641 1.28601 2.56143 1.28601H8.54119C8.70699 1.28601 8.86173 1.35786 8.97226 1.47944L11.6549 4.28673C11.6549 4.28673 12.0718 4.85529 12.0718 5.28306"
+      stroke={color}
+      strokeMiterlimit="10"
+    />
+    <path
+      d="M3.47885 3.43188H7.4193"
+      stroke={color}
+      strokeMiterlimit="10"
+    />
+    <path
+      d="M3.47885 4.94678H5.5403"
+      stroke={color}
+      strokeMiterlimit="10"
+    />
+    <path
+      d="M11.1324 9.85148C11.1324 8.0254 9.62117 6.51416 7.79508 6.51416C5.969 6.51416 4.45776 8.0254 4.45776 9.85148C4.45776 11.6776 5.969 13.1888 7.79508 13.1888C9.62117 13.1888 11.1324 11.6776 11.1324 9.85148Z"
+      stroke={color}
+      strokeMiterlimit="10"
+    />
+    <path
+      d="M13.9661 15.0779L12.8327 16.2114L10.6918 14.0704C10.5658 13.9445 10.5658 13.7556 10.6918 13.6926L11.8252 12.5592L13.9661 14.7001C14.0291 14.8261 14.0291 14.952 13.9661 15.0779Z"
+      fill={color}
+    />
+  </svg>
+))

src/icons.ts

@@ -88,6 +88,7 @@ export { default as ExpandListIcon } from './components/icons/ExpandListIcon'
 export { default as EyeClosedIcon } from './components/icons/EyeClosedIcon'
 export { default as EyeIcon } from './components/icons/EyeIcon'
 export { default as FastForwardIcon } from './components/icons/FastForwardIcon'
+export { default as FileDiffIcon } from './components/icons/FileDiffIcon'
 export { default as FileIcon } from './components/icons/FileIcon'
 export { default as FiltersIcon } from './components/icons/FiltersIcon'
 export { default as FingerPrintIcon } from './components/icons/FingerPrintIcon'
@@ -180,6 +181,7 @@ export { default as RocketIcon } from './components/icons/RocketIcon'
 export { default as RunBookIcon } from './components/icons/RunBookIcon'
 export { default as ScrollIcon } from './components/icons/ScrollIcon'
 export { default as ScrollPlusIcon } from './components/icons/ScrollPlusIcon'
+export { default as SearchDocsIcon } from './components/icons/SearchDocsIcon'
 export { default as SearchIcon } from './components/icons/SearchIcon'
 export { default as SendMessageIcon } from './components/icons/SendMessageIcon'
 export { default as ServersIcon } from './components/icons/ServersIcon'