feat(migrations): add migration for circular theme to rename base circle color property

Author: desig9stein

projects/igniteui-angular/migrations/update-21_2_0/changes/theme-changes.json

@@ -0,0 +1,11 @@
+{
+    "$schema": "../../common/schema/theme-changes.schema.json",
+    "changes": [
+      {
+        "name": "$base-circle-color",
+        "replaceWith": "$track-color",
+        "owner": "circular-theme",
+        "type": "property"
+      }
+    ]
+  }

projects/igniteui-angular/migrations/update-21_2_0/index.spec.ts

@@ -0,0 +1,36 @@
+import * as path from 'path';
+
+import { SchematicTestRunner, UnitTestTree } from '@angular-devkit/schematics/testing';
+import { setupTestTree } from '../common/setup.spec';
+
+const version = '21.2.0';
+const themes = [
+    'circular-theme'
+];
+const testFilePath = '/testSrc/appPrefix/component/${theme}.component.scss';
+
+describe(`Update to ${version}`, () => {
+    let appTree: UnitTestTree;
+    const schematicRunner = new SchematicTestRunner('ig-migrate', path.join(__dirname, '../migration-collection.json'));
+
+    beforeEach(() => {
+        appTree = setupTestTree();
+    });
+
+    const migrationName = 'migration-55';
+
+    themes.forEach(theme => {
+        it('should rename the base circle color property of the circular progress', async () => {
+            appTree.create(
+                testFilePath,
+                `$custom-${theme}: ${theme}($base-circle-color: red);`
+            );
+
+            const tree = await schematicRunner.runSchematic(migrationName, {}, appTree);
+
+            expect(tree.readContent(testFilePath)).toEqual(
+                `$custom-${theme}: ${theme}($track-color: red);`
+            );
+        });
+    });
+});

projects/igniteui-angular/migrations/update-21_2_0/index.ts

@@ -0,0 +1,14 @@
+import type {
+    Rule,
+    SchematicContext,
+    Tree
+} from '@angular-devkit/schematics';
+import { UpdateChanges } from '../common/UpdateChanges';
+
+const version = '21.2.0';
+
+export default (): Rule => async (host: Tree, context: SchematicContext) => {
+    context.logger.info(`Applying migration for Ignite UI for Angular to version ${version}`);
+    const update = new UpdateChanges(__dirname, host, context);
+    update.applyChanges();
+};