fix(combo): search input paddings (#15152)

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

Author: SisIvanova

projects/igniteui-angular/src/lib/core/styles/components/combo/_combo-theme.scss

@@ -95,6 +95,20 @@
 
     $variant: map.get($theme, '_meta', 'variant');
 
+    $search-input-inline-padding: map.get((
+        'material': pad-inline(rem(4px), rem(8px), rem(16px)),
+        'fluent': pad-inline(rem(2px), rem(4px), rem(8px)),
+        'bootstrap': pad-inline(rem(4px), rem(8px), rem(16px)),
+        'indigo': pad-inline(rem(12px))
+    ), $variant);
+
+    $search-input-block-padding: map.get((
+        'material': pad-inline(rem(8px)),
+        'fluent': pad-inline(rem(2px), rem(4px), rem(8px)),
+        'bootstrap': pad-inline(rem(8px)),
+        'indigo': pad-inline(rem(12px))
+    ), $variant);
+
     %igx-combo {
         position: relative;
         display: block;
@@ -122,8 +136,8 @@
     }
 
     %igx-combo__search {
-        padding-inline: if($variant == 'indigo', pad-inline(rem(12px)), pad-inline(rem(16px)));
-        padding-block: if($variant == 'indigo', pad-block(rem(12px)), pad-block(rem(8px)));
+        padding-inline: $search-input-inline-padding;
+        padding-block: $search-input-block-padding;
         margin: 0 !important;
         z-index: 26;
         border-bottom: rem(1px) dashed var-get($theme, 'search-separator-border-color');