feat(chat): expand input textarea on long input

Author: igdmdimitrov

src/components/chat/chat-input.ts

@@ -270,6 +270,7 @@ export default class IgcChatInputComponent extends LitElement {
           <igc-textarea
             class="text-input"
             placeholder="Type a message..."
+            resize="auto"
             rows="1"
             .value=${this.inputValue}
             @input=${this.handleInput}

src/components/chat/themes/input.base.scss

@@ -32,6 +32,15 @@ igc-file-input::part(file-names){
     border-radius: 24px;
     overflow: hidden;
     transition: box-shadow 0.2s;
+
+    igc-textarea {
+        padding-top: 3px;
+        padding-bottom: 3px;
+    }
+
+    igc-textarea::part(input) {
+        max-height: 115px;
+    }
 }
 
 .buttons-container {
@@ -72,10 +81,6 @@ igc-file-input::part(file-names){
     font-family: inherit;
 }
 
-.input-wrapper:focus-within {
-    box-shadow: 0 0 0 2px #0A84FF;
-}
-
 .attachment-button,
 .send-button {
     display: flex;