hotfix: add inputProps style

sopt-makers · Apr 17, 2024 · 5c60bd1 · 5c60bd1
1 parent 067f0e9
commit 5c60bd1
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 2 deletions.
diff --git a/.changeset/spotty-crabs-kneel.md b/.changeset/spotty-crabs-kneel.md
@@ -0,0 +1,5 @@
+---
+"@sopt-makers/ui": patch
+---
+
+add inputProps style
diff --git a/apps/docs/package.json b/apps/docs/package.json
@@ -16,7 +16,7 @@
     "@sopt-makers/colors": "^3.0.0",
     "@sopt-makers/fonts": "^2.0.0",
     "@sopt-makers/icons": "^1.0.0",
-    "@sopt-makers/ui": "^1.1.1"
+    "@sopt-makers/ui": "^1.1.3"
   },
   "devDependencies": {
     "@storybook/addon-essentials": "^7.6.3",

diff --git a/packages/ui/Input/TextArea.tsx b/packages/ui/Input/TextArea.tsx
@@ -62,7 +62,7 @@ function TextArea(props: TextAreaProps) {
   return <div className={className} style={{ position: 'relative' }}>
     {labelText ? <label className={S.label}><span>{labelText}{required}</span>{description}{input}</label> : <div className={S.inputWrap}>{description}{input}</div>}
 
-    <button className={S.submitButton} disabled={disabled} onClick={onSubmit} style={{ transform: `translateY(-${buttonPosition}px)` }} type="submit"><SendIcon disabled={disabled} /></button>
+    <button className={S.submitButton} disabled={disabled} onClick={onSubmit} style={{ ...inputProps.style, transform: `translateY(-${buttonPosition}px)` }} type="submit"><SendIcon disabled={disabled} /></button>
 
     <div className={S.inputBottom}>
       {hasError() ? <div className={S.errorMessage}><AlertCircleIcon /><p>{errorMessage ?? 'error'}</p></div> : <div> </div>}