fix input

tremorlabs · Jun 21, 2024 · 59f42b4 · 59f42b4
1 parent d0fe84a
commit 59f42b4
Show file tree

Hide file tree

Showing 3 changed files with 14 additions and 6 deletions.
diff --git a/src/components/Input/Input.tsx b/src/components/Input/Input.tsx
@@ -1,4 +1,4 @@
-// Tremor Raw Input [v1.0.0]
+// Tremor Raw Input [v1.0.1]
 
 import React from "react"
 import { RiEyeFill, RiEyeOffFill, RiSearchLine } from "@remixicon/react"
@@ -26,7 +26,7 @@ const inputStyles = tv({
     "disabled:dark:border-gray-700 disabled:dark:bg-gray-800 disabled:dark:text-gray-500",
     // file
     [
-      "file:-my-1.5 file:-ml-2.5 file:h-[36px] file:cursor-pointer file:rounded-l-md file:rounded-r-none file:border-0 file:px-3 file:py-1.5 file:outline-none focus:outline-none disabled:pointer-events-none file:disabled:pointer-events-none",
+      "file:-my-1.5 file:-ml-2.5 file:cursor-pointer file:rounded-l-md file:rounded-r-none file:border-0 file:px-3 file:py-1.5 file:outline-none focus:outline-none disabled:pointer-events-none file:disabled:pointer-events-none",
       "file:border-solid file:border-gray-300 file:bg-gray-50 file:text-gray-500 file:hover:bg-gray-100 file:dark:border-gray-800 file:dark:bg-gray-950 file:hover:dark:bg-gray-900/20 file:disabled:dark:border-gray-700",
       "file:[border-inline-end-width:1px] file:[margin-inline-end:0.75rem]",
       "file:disabled:bg-gray-100 file:disabled:text-gray-500 file:disabled:dark:bg-gray-800",

diff --git a/src/components/Input/changelog.md b/src/components/Input/changelog.md
@@ -1,10 +1,16 @@
 # Tremor Raw Input Changelog
 
+## 1.0.1
+
+### Changes
+
+- Fix: Harmonised input height type: file
+
 ## 1.0.0
 
 ### Changes
 
-- New: Adds an inputClassName prop to pass styles to the nested input
+- Feat: Adds an inputClassName prop to pass styles to the nested input
 - Fix: Making it full width to behave like a native input
 - Fix: Pulls className into the outer most component
 - Fix: Adds transition class
@@ -13,4 +19,4 @@
 
 ### Changes
 
-- Improved focus mode
+- Fix: Improved focus mode
diff --git a/src/components/Input/input.stories.tsx b/src/components/Input/input.stories.tsx
@@ -76,9 +76,11 @@ export const RequiredAndPattern: Story = {
 
 export const TypeFile: Story = {
   render: () => (
-    <div className="flex flex-col gap-2">
-      <Label htmlFor="upload">Search</Label>
+    <div className="flex gap-1">
+      {/* <Label htmlFor="upload">Search</Label> */}
       <Input id="upload" name="upload" type="file" />
+      <Input id="upload" name="upload" />
+      <Input id="upload" name="upload" type="password" />
     </div>
   ),
 }