uibee 3.1.0 → 3.1.1

package/dist/src/components/index.js

@@ -825,14 +825,17 @@ function SearchInput({ placeholder = "Search...", variant = "default" }) {
 			className: "pl-10 pr-4 py-2 border-b outline-none w-64"
 		})]
 	});
-	else return /* @__PURE__ */ jsx(Input, {
-		name: "search",
-		icon: /* @__PURE__ */ jsx(Search, { className: "w-5 h-5" }),
-		value: searchValue,
-		onChange: handleChange,
-		onKeyDown: handleKeyDown,
-		onBlur: () => handleSearch(searchValue),
-		placeholder
+	else return /* @__PURE__ */ jsx("div", {
+		className: "w-fit min-w-48",
+		children: /* @__PURE__ */ jsx(Input, {
+			name: "search",
+			icon: /* @__PURE__ */ jsx(Search, { className: "w-5 h-5" }),
+			value: searchValue,
+			onChange: handleChange,
+			onKeyDown: handleKeyDown,
+			onBlur: () => handleSearch(searchValue),
+			placeholder
+		})
 	});
 }
 //#endregion

package/dist/style.css

@@ -1809,6 +1809,9 @@
   .min-w-40 {
     min-width: calc(var(--spacing) * 40);
   }
+  .min-w-48 {
+    min-width: calc(var(--spacing) * 48);
+  }
   .min-w-70 {
     min-width: calc(var(--spacing) * 70);
   }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "uibee",
-  "version": "3.1.0",
+  "version": "3.1.1",
   "description": "Shared components, functions and hooks for reuse across Login projects",
   "homepage": "https://github.com/Login-Linjeforening-for-IT/uibee#readme",
   "bugs": {

package/src/components/inputs/searchInput.tsx

@@ -59,14 +59,18 @@ export default function SearchInput({ placeholder = 'Search...', variant = 'defa
             </div>
         )
     } else {
-        return <Input
-            name='search'
-            icon={<Search className='w-5 h-5' />}
-            value={searchValue}
-            onChange={handleChange}
-            onKeyDown={handleKeyDown}
-            onBlur={() => handleSearch(searchValue)}
-            placeholder={placeholder}
-        />
+        return (
+            <div className='w-fit min-w-48'>
+                <Input
+                    name='search'
+                    icon={<Search className='w-5 h-5' />}
+                    value={searchValue}
+                    onChange={handleChange}
+                    onKeyDown={handleKeyDown}
+                    onBlur={() => handleSearch(searchValue)}
+                    placeholder={placeholder}
+                />
+            </div>
+        )
     }
 }