From 5c60bd171720b2c2e033c87485729dd2c45ce11b Mon Sep 17 00:00:00 2001
From: sohee <soheek@fairsquarelab.com>
Date: Wed, 17 Apr 2024 15:59:24 +0900
Subject: [PATCH] hotfix: add inputProps style

---
 .changeset/spotty-crabs-kneel.md | 5 +++++
 apps/docs/package.json           | 2 +-
 packages/ui/Input/TextArea.tsx   | 2 +-
 3 files changed, 7 insertions(+), 2 deletions(-)
 create mode 100644 .changeset/spotty-crabs-kneel.md

diff --git a/.changeset/spotty-crabs-kneel.md b/.changeset/spotty-crabs-kneel.md
new file mode 100644
index 0000000..4fa8db0
--- /dev/null
+++ 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
index 74c1e83..001aa1c 100644
--- 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
index 9285802..1570e85 100644
--- 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>}