fix(input): add border radius to bundle so the background doesn't overflow

Author: didimmova

projects/igniteui-angular/src/lib/core/styles/components/input/_input-group-component.scss

@@ -754,12 +754,6 @@
         @include mx(fluent, search, focused) {
             @extend %igx-input-group-fluent-search--focused !optional;
         }
-
-        @include mx(fluent, search, disabled) {
-            @include e(bundle) {
-                @extend %form-group-bundle-search--disabled !optional;
-            }
-        }
         // FLUENT END
 
         // ============================== //

projects/igniteui-angular/src/lib/core/styles/components/input/_input-group-theme.scss

@@ -692,7 +692,7 @@
     %bootstrap-file-warning,
     %bootstrap-file-invalid {
         %form-group-bundle {
-            border-radius: var-get($theme, 'box-border-radius');
+            border-radius: var-get($theme, 'border-border-radius');
             transition: box-shadow .15s ease-out, border .15s ease-out;
 
             &:hover {
@@ -805,7 +805,7 @@
 
     .igx-input-group--bootstrap:not(.igx-input-group--prefixed) {
         .igx-input-group__upload-button {
-            border-radius: var-get($theme, 'box-border-radius') 0 0 var-get($theme, 'box-border-radius');
+            border-radius: var-get($theme, 'border-border-radius') 0 0 var-get($theme, 'border-border-radius');
         }
 
         .igx-input-group__file-input {
@@ -1037,9 +1037,9 @@
     %form-group-bundle--search {
         background: var-get($theme, 'search-background');
         box-shadow: var-get($theme, 'search-resting-shadow');
+        border-radius: var-get($theme, 'search-border-radius');
 
         @if $variant != 'bootstrap' {
-            border-radius: var-get($theme, 'search-border-radius');
             overflow: hidden;
         }
 
@@ -2065,11 +2065,11 @@
     }
 
     %fluent-label-success {
-        color: var-get($theme, 'idle-text-color');
+        color: var-get($theme, 'idle-secondary-color');
     }
 
     %fluent-label-error {
-        color: var-get($theme, 'idle-text-color');
+        color: var-get($theme, 'idle-secondary-color');
     }
 
     %fluent-label-disabled {
@@ -2228,10 +2228,10 @@
                 end-width: rem(1px);
             };
             start: {
-                start-radius: var-get($theme, 'box-border-radius');
+                start-radius: var-get($theme, 'border-border-radius');
             };
             end: {
-                start-radius: var-get($theme, 'box-border-radius');
+                start-radius: var-get($theme, 'border-border-radius');
             };
         }
     }
@@ -2248,10 +2248,10 @@
                 end-width: rem(1px);
             };
             start: {
-                end-radius: var-get($theme, 'box-border-radius');
+                end-radius: var-get($theme, 'border-border-radius');
             };
             end: {
-                end-radius: var-get($theme, 'box-border-radius');
+                end-radius: var-get($theme, 'border-border-radius');
             };
         }
     }
@@ -2318,7 +2318,7 @@
             map.get($bootstrap-inline-padding, 'cosy'),
             map.get($bootstrap-inline-padding, 'comfortable')
         );
-        border-radius: var-get($theme, 'box-border-radius');
+        border-radius: var-get($theme, 'border-border-radius');
 
     }