diff --git a/projects/igniteui-angular/migrations/migration-collection.json b/projects/igniteui-angular/migrations/migration-collection.json index bc3bf8f3377..a151f709c6c 100644 --- a/projects/igniteui-angular/migrations/migration-collection.json +++ b/projects/igniteui-angular/migrations/migration-collection.json @@ -231,6 +231,11 @@ "version": "20.0.0", "description": "Updates Ignite UI for Angular from v19.2.0 to v20.0.0", "factory": "./update-20_0_0" + }, + "migration-47": { + "version": "20.0.2", + "description": "Updates Ignite UI for Angular from v20.0.0 to v20.0.2", + "factory": "./update-20_0_2" } } } diff --git a/projects/igniteui-angular/migrations/update-20_0_2/changes/theme-changes.json b/projects/igniteui-angular/migrations/update-20_0_2/changes/theme-changes.json new file mode 100644 index 00000000000..4d7be302ea8 --- /dev/null +++ b/projects/igniteui-angular/migrations/update-20_0_2/changes/theme-changes.json @@ -0,0 +1,11 @@ +{ + "$schema": "../../common/schema/theme-changes.schema.json", + "changes": [ + { + "name": "$interim-bottom-line-color", + "remove": true, + "owner": "input-group-theme", + "type": "property" + } + ] +} diff --git a/projects/igniteui-angular/migrations/update-20_0_2/index.spec.ts b/projects/igniteui-angular/migrations/update-20_0_2/index.spec.ts new file mode 100644 index 00000000000..c4429655a90 --- /dev/null +++ b/projects/igniteui-angular/migrations/update-20_0_2/index.spec.ts @@ -0,0 +1,37 @@ +import * as path from 'path'; + +import { SchematicTestRunner, UnitTestTree } from '@angular-devkit/schematics/testing'; +import { setupTestTree } from '../common/setup.spec'; + +const version = '20.0.2'; + +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-47'; + + 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, + );` + ); + }); +}); diff --git a/projects/igniteui-angular/migrations/update-20_0_2/index.ts b/projects/igniteui-angular/migrations/update-20_0_2/index.ts new file mode 100644 index 00000000000..ea597b390a9 --- /dev/null +++ b/projects/igniteui-angular/migrations/update-20_0_2/index.ts @@ -0,0 +1,14 @@ +import type { + Rule, + SchematicContext, + Tree +} from '@angular-devkit/schematics'; +import { UpdateChanges } from '../common/UpdateChanges'; + +const version = '20.0.2'; + +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(); +}; diff --git a/projects/igniteui-angular/src/lib/core/styles/components/input/_input-group-theme.scss b/projects/igniteui-angular/src/lib/core/styles/components/input/_input-group-theme.scss index e26faf1f8bc..7c301ffee81 100644 --- a/projects/igniteui-angular/src/lib/core/styles/components/input/_input-group-theme.scss +++ b/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,