feat(search-component): update input class for styling consistency and remove

focus outline + release v0.4.61

Author: skeptrunedev

clients/search-component/package.json

@@ -19,7 +19,7 @@
       "import": "./dist/vanilla/index.js"
     }
   },
-  "version": "0.4.59",
+  "version": "0.4.61",
   "license": "MIT",
   "homepage": "https://github.com/devflowinc/trieve/tree/main/clients/search-component",
   "scripts": {

clients/search-component/src/TrieveModal/Chat/ChatInput.tsx

@@ -62,7 +62,7 @@ export const ChatInput = ({
       )}
 
       <div
-        className={`input-wrapper tv-relative tv-top-0 tv-z-10 tv-flex tv-flex-col tv-rounded-lg chat${
+        className={`input-wrapper tv-relative tv-top-0 tv-z-10 tv-flex tv-flex-col tv-rounded-lg trieve-mode-chat${
           props.type == "ecommerce" ? "" : " " + props.type
         }`}
         style={{

clients/search-component/src/TrieveModal/index.css

@@ -55,6 +55,12 @@ body {
       }
     }
 
+    input:focus,
+    textarea:focus {
+      outline: none;
+      border: none;
+    }
+
     svg {
       height: 16px;
       width: 16px;