fix(input-group): remove unused interim-bottom-line-color property

Author: desig9stein

projects/igniteui-angular/migrations/update-20_0_0/changes/theme-changes.json

@@ -6,6 +6,12 @@
       "remove": true,
       "owner": "grid-summary-theme",
       "type": "property"
+    },
+    {
+      "name": "$interim-bottom-line-color",
+      "remove": true,
+      "owner": "input-group-theme",
+      "type": "property"
     }
   ]
 }

projects/igniteui-angular/migrations/update-20_0_0/index.spec.ts

@@ -34,4 +34,24 @@ describe(`Update to ${version}`, () => {
             );`
         );
     });
+
+    it('should remove the $interim-bottom-line-color property from the input-group theme', async () => {
+        const testFilePath = `/testSrc/appPrefix/component/test.component.scss`;
+
+        appTree.create(
+            testFilePath,
+            `$my-input-group-theme: input-group-theme(
+                $box-background: #ccc,
+                $interim-bottom-line-color: orange,
+            );`
+        );
+
+        const tree = await schematicRunner.runSchematic(migrationName, {}, appTree);
+
+        expect(tree.readContent(testFilePath)).toEqual(
+            `$my-input-group-theme: input-group-theme(
+                $box-background: #ccc,
+            );`
+        );
+    });
 });

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

@@ -34,7 +34,6 @@
 /// @param {Color} $idle-bottom-line-color [null] - The bottom line and border colors in the idle state.
 /// @param {Color} $hover-bottom-line-color [null] - The bottom line and border colors in the hover state.
 /// @param {Color} $focused-bottom-line-color [null] - The bottom line and border colors in the focused state.
-/// @param {Color} $interim-bottom-line-color [null] - The bottom line and border colors during the to-focused transition.
 /// @param {Color} $disabled-bottom-line-color [null] - The bottom line and border colors in the disabled state.
 /// @param {Color} $border-color [null] - The border color for input groups of type border and fluent.
 /// @param {Color} $hover-border-color [null] - The hover input border for input groups of type border and fluent.
@@ -86,7 +85,6 @@
     $idle-bottom-line-color: null,
     $hover-bottom-line-color: null,
     $focused-bottom-line-color: null,
-    $interim-bottom-line-color: null,
     $disabled-bottom-line-color: null,
 
     $border-color: null,
@@ -234,7 +232,6 @@
         idle-bottom-line-color: $idle-bottom-line-color,
         hover-bottom-line-color: $hover-bottom-line-color,
         focused-bottom-line-color: $focused-bottom-line-color,
-        interim-bottom-line-color: $interim-bottom-line-color,
         disabled-bottom-line-color: $disabled-bottom-line-color,
         border-color: $border-color,
         hover-border-color: $hover-border-color,