From 36ce01d38acf7b481e683e86077c617ba36ad7cc Mon Sep 17 00:00:00 2001
From: larissa-kamily-brisa <larissa.kamily@grupobrisanet.com.br>
Date: Fri, 29 Nov 2024 15:34:08 -0300
Subject: [PATCH] style: adding dark theme styles in input area

---
 .../src/lib/input-area/_input-area.theme.scss | 31 +++++++++++++++++++
 .../lib/input-area/input-area.component.html  |  1 +
 .../lib/input-area/input-area.component.scss  |  6 ++++
 3 files changed, 38 insertions(+)

diff --git a/projects/ion/src/lib/input-area/_input-area.theme.scss b/projects/ion/src/lib/input-area/_input-area.theme.scss
index 98ee8b281..43a3bd320 100644
--- a/projects/ion/src/lib/input-area/_input-area.theme.scss
+++ b/projects/ion/src/lib/input-area/_input-area.theme.scss
@@ -30,9 +30,40 @@ $default: (
   ),
 );
 
+$dark: (
+  text-color: ion-theme(neutral-3),
+  border-color: ion-theme(neutral-3),
+  border-radius: 8px,
+  background-color: ion-theme(neutral-5),
+  placeholder-text: (
+    color: ion-theme(neutral-3),
+    font-weight: 400,
+    font-size: 14px,
+  ),
+  hover-border-color: ion-theme(primary-4),
+  disabled: (
+    background-color: ion-theme(neutral-7),
+    text-color: ion-theme(neutral-4),
+    border-color: ion-theme(neutral-4),
+  ),
+  active: (
+    border-color: ion-theme(primary-3),
+    outline-color: ion-theme(primary-4),
+  ),
+  scrollbar: (
+    thumb-color: ion-theme(neutral-6),
+    track-color: ion-theme(neutral-3),
+    button: (
+      border-color: ion-theme(neutral-4),
+      hover-border-color: ion-theme(neutral-7),
+    ),
+  ),
+);
+
 @include register-component(
   input-area,
   (
     default: $default,
+    dark: $dark,
   )
 );
diff --git a/projects/ion/src/lib/input-area/input-area.component.html b/projects/ion/src/lib/input-area/input-area.component.html
index 33bfb0086..b323b6319 100644
--- a/projects/ion/src/lib/input-area/input-area.component.html
+++ b/projects/ion/src/lib/input-area/input-area.component.html
@@ -1,5 +1,6 @@
 <textarea
   data-testid="input-area"
+  [class.disabled]="disabled"
   [cols]="cols"
   [rows]="rows"
   [disabled]="disabled"
diff --git a/projects/ion/src/lib/input-area/input-area.component.scss b/projects/ion/src/lib/input-area/input-area.component.scss
index d36272bad..447fdf30c 100644
--- a/projects/ion/src/lib/input-area/input-area.component.scss
+++ b/projects/ion/src/lib/input-area/input-area.component.scss
@@ -39,6 +39,12 @@ textarea {
   }
 }
 
+.disabled {
+  &::placeholder {
+    color: ion-theme(input-area-disabled-text-color);
+  }
+}
+
 textarea::-webkit-scrollbar {
   width: 8px;
   border-radius: 100px;