fix(chat): Replace hardcoded ig-size (#1975)

---------

Co-authored-by: Simeon Simeonoff <[email protected]>
Co-authored-by: Radoslav Karaivanov <[email protected]>

Author: 3 people

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

@@ -12,10 +12,6 @@ $inline-inset: rem(24px);
     display: flex;
     flex-direction: column;
     container-type: inline-size;
-
-    ::part(text-input) {
-        --textarea-height: #{rem(48px)};
-    }
 }
 
 [part='chat-container'] {
@@ -134,7 +130,8 @@ slot[name='prefix'] {
 }
 
 igc-list {
-    --ig-size: 3;
+    --default-size: 3;
+    --list-size: var(--component-size);
 
     padding-block-end: rem(24px);
     min-height: fit-content;
@@ -143,6 +140,8 @@ igc-list {
 }
 
 igc-list-item {
+    --ig-icon-default-size: var(--list-size);
+
     cursor: pointer;
 }
 

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

@@ -52,10 +52,6 @@
     min-width: rem(90px);
     max-width: fit-content;
     flex: 1 1;
-
-    igc-chip {
-        --ig-size: 2;
-    }
 }
 
 igc-textarea::part(input) {
@@ -64,9 +60,8 @@ igc-textarea::part(input) {
     overflow-y: auto;
 }
 
-igc-icon-button,
-igc-textarea {
-    --ig-size: 2;
+igc-icon-button {
+    --default-size: 2;
 }
 
 @container (max-width: 400px) {

src/components/chat/themes/shared/chat.bootstrap.scss

@@ -3,12 +3,6 @@
 
 $theme: $bootstrap;
 
-:host {
-    ::part(text-input) {
-        --textarea-height: #{rem(38px)};
-    }
-}
-
 [part='header'] {
     box-shadow: none;
     border-block-end: rem(1px) solid var-get($theme, 'header-border');

src/components/chat/themes/shared/chat.fluent.scss

@@ -1,11 +1,5 @@
 @use 'styles/utilities' as *;
 
-:host {
-    ::part(text-input) {
-        --textarea-height: #{rem(40px)};
-    }
-}
-
 slot[name='title'] {
     @include type-style('subtitle-2') {
       margin: 0;
@@ -14,4 +8,4 @@ slot[name='title'] {
 
 slot[name='prefix'] {
     margin-inline-end: rem(16px);
-}
+}

src/components/chat/themes/shared/chat.indigo.scss

@@ -3,12 +3,6 @@
 
 $theme: $indigo;
 
-:host {
-    ::part(text-input) {
-        --textarea-height: #{rem(28px)};
-    }
-}
-
 [part='header'] {
     box-shadow: none;
     border-block-end: rem(1px) solid var-get($theme, 'header-border');
@@ -29,5 +23,5 @@ slot[name='actions'] {
 }
 
 igc-list {
-  --ig-size: 2;
-}
+    --default-size: 2;
+}

src/components/textarea/themes/textarea.base.scss

@@ -57,7 +57,6 @@ textarea {
 
     &::placeholder {
         opacity: 1;
-        line-height: normal;
     }
 }