From bc71f9f4021485fe478b54b203508ab01fef2ffa Mon Sep 17 00:00:00 2001
From: Cagatay Civici <cagatay.civici@gmail.com>
Date: Tue, 7 May 2024 00:33:13 +0300
Subject: [PATCH] New tokens for Textarea

---
 components/lib/textarea/style/TextareaStyle.js | 7 ++++---
 components/lib/themes/aura/textarea/index.js   | 6 +++++-
 components/lib/themes/lara/textarea/index.js   | 6 +++++-
 3 files changed, 14 insertions(+), 5 deletions(-)

diff --git a/components/lib/textarea/style/TextareaStyle.js b/components/lib/textarea/style/TextareaStyle.js
index ce45d65c8..37d93ba9c 100644
--- a/components/lib/textarea/style/TextareaStyle.js
+++ b/components/lib/textarea/style/TextareaStyle.js
@@ -7,11 +7,11 @@ const theme = ({ dt }) => `
     font-size: 1rem;
     color: ${dt('textarea.color')};
     background: ${dt('textarea.background')};
-    padding: 0.5rem 0.75rem;
+    padding: ${dt('textarea.padding.y')} ${dt('textarea.padding.x')};
     border: 1px solid ${dt('textarea.border.color')};
-    transition: background-color ${dt('transition.duration')}, color ${dt('transition.duration')}, border-color ${dt('transition.duration')}, outline-color ${dt('transition.duration')};
+    transition: background-color ${dt('transition.duration')}, color ${dt('transition.duration')}, border-color ${dt('transition.duration')}, outline-color ${dt('transition.duration')}, box-shadow ${dt('transition.duration')};
     appearance: none;
-    border-radius: ${dt('border.radius.md')};
+    border-radius: ${dt('textarea.border.radius')};
     outline-color: transparent;
     box-shadow: ${dt('textarea.shadow')};
 }
@@ -22,6 +22,7 @@ const theme = ({ dt }) => `
 
 .p-inputtextarea:enabled:focus {
     border-color: ${dt('textarea.focus.border.color')};
+    box-shadow: ${dt('textarea.focus.shadow')};
     outline: 0 none;
 }
 
diff --git a/components/lib/themes/aura/textarea/index.js b/components/lib/themes/aura/textarea/index.js
index ea3c65e2d..40f295d51 100644
--- a/components/lib/themes/aura/textarea/index.js
+++ b/components/lib/themes/aura/textarea/index.js
@@ -11,6 +11,10 @@ export default {
         color: '{form.field.color}',
         disabledColor: '{form.field.disabled.color}',
         placeholderColor: '{form.field.placeholder.color}',
-        shadow: '{form.field.shadow}'
+        shadow: '{form.field.shadow}',
+        focusShadow: '{form.field.focus.shadow}',
+        paddingX: '{form.field.padding.x}',
+        paddingY: '{form.field.padding.y}',
+        borderRadius: '{form.field.border.radius}'
     }
 };
diff --git a/components/lib/themes/lara/textarea/index.js b/components/lib/themes/lara/textarea/index.js
index ea3c65e2d..40f295d51 100644
--- a/components/lib/themes/lara/textarea/index.js
+++ b/components/lib/themes/lara/textarea/index.js
@@ -11,6 +11,10 @@ export default {
         color: '{form.field.color}',
         disabledColor: '{form.field.disabled.color}',
         placeholderColor: '{form.field.placeholder.color}',
-        shadow: '{form.field.shadow}'
+        shadow: '{form.field.shadow}',
+        focusShadow: '{form.field.focus.shadow}',
+        paddingX: '{form.field.padding.x}',
+        paddingY: '{form.field.padding.y}',
+        borderRadius: '{form.field.border.radius}'
     }
 };