feat(select/combo): fix icon sizes for indigo (#1827)

* feat(select/combo): fix icon sizes for indigo

* feat(combo/select): cover all icons inside the input

---------

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

Author: didimmova

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

@@ -9,6 +9,7 @@ $dropdown-theme: dropdown-theme.$indigo;
 
 :host {
     --component-size: var(--ig-size, #{var-get($theme, 'default-size')});
+    --input-icon: #{sizable(rem(14px), rem(16px), rem(18px))};
     --combo-size: var(--component-size);
 
     igc-input::part(container) {
@@ -21,6 +22,11 @@ $dropdown-theme: dropdown-theme.$indigo;
         margin-block-start: rem(4px);
         grid-auto-rows: minmax(rem(15px), auto);
     }
+
+    igc-icon,
+    ::slotted(igc-icon) {
+        --size: var(--input-icon) !important;
+    }
 }
 
 [part='case-icon'] {

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

@@ -11,6 +11,7 @@ $input-theme: input-theme.$indigo;
     --component-size: var(--ig-size, #{var-get($theme, 'default-size')});
     --select-size: var(--component-size);
     --dropdown-size: var(--component-size);
+    --input-icon: #{sizable(rem(14px), rem(16px), rem(18px))};
 
     ::part(helper-text) {
         @include type-style('caption');
@@ -26,6 +27,11 @@ $input-theme: input-theme.$indigo;
     igc-input::part(container) {
         padding-inline: 0;
     }
+
+    igc-icon,
+    ::slotted(igc-icon) {
+        --size: var(--input-icon) !important;
+    }
 }
 
 [part='base'] {