diff --git a/package-lock.json b/package-lock.json index 20029536d7a..f6d891967a7 100644 --- a/package-lock.json +++ b/package-lock.json @@ -25,7 +25,7 @@ "@types/source-map": "0.5.2", "express": "^4.21.1", "fflate": "^0.8.1", - "igniteui-theming": "^17.1.0", + "igniteui-theming": "^17.2.0", "igniteui-trial-watermark": "^3.0.2", "lodash-es": "^4.17.21", "rxjs": "^7.8.2", @@ -12760,9 +12760,9 @@ } }, "node_modules/igniteui-theming": { - "version": "17.1.0", - "resolved": "https://registry.npmjs.org/igniteui-theming/-/igniteui-theming-17.1.0.tgz", - "integrity": "sha512-oHqtA8NvV/HxverYhb78ZgN5+PXZ9ZY8NVKYxsm5+R46Ze25BsK/1RbU0/bauV1cxjzoHvruSr8lBa6njEbIdQ==", + "version": "17.2.0", + "resolved": "https://registry.npmjs.org/igniteui-theming/-/igniteui-theming-17.2.0.tgz", + "integrity": "sha512-i2zMlims6zjWd8aWJsimtDtgqRe9O2i7aH/85wf+Es5x2aSkGZsE2/OLrDb0GMXt2ISIsvjVnb1P46hZYiH+BQ==", "license": "MIT", "peerDependencies": { "sass": "^1.69.5" diff --git a/package.json b/package.json index 1da05e5e999..f73e2620f3a 100644 --- a/package.json +++ b/package.json @@ -74,7 +74,7 @@ "@types/source-map": "0.5.2", "express": "^4.21.1", "fflate": "^0.8.1", - "igniteui-theming": "^17.1.0", + "igniteui-theming": "^17.2.0", "igniteui-trial-watermark": "^3.0.2", "lodash-es": "^4.17.21", "rxjs": "^7.8.2", diff --git a/projects/igniteui-angular/package.json b/projects/igniteui-angular/package.json index 7d37e10a210..19932f8f91e 100644 --- a/projects/igniteui-angular/package.json +++ b/projects/igniteui-angular/package.json @@ -73,7 +73,7 @@ "tslib": "^2.3.0", "igniteui-trial-watermark": "^3.0.2", "lodash-es": "^4.17.21", - "igniteui-theming": "^17.1.0", + "igniteui-theming": "^17.2.0", "@igniteui/material-icons-extended": "^3.1.0" }, "peerDependencies": { 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 4e248b5cf49..a48422df79f 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 @@ -1648,6 +1648,18 @@ [igxPrefix] { overflow: hidden; } + + igx-prefix, + [igxPrefix] { + background: var(--igx-input-group-input-prefix-background, transparent); + color: var(--igx-input-group-input-prefix-color, var(--ig-primary-500)); + } + + igx-suffix, + [igxSuffix] { + background: var(--igx-input-group-input-suffix-background, transparent); + color: var(--igx-input-group-input-suffix-color, var(--ig-primary-500)); + } } %igx-input-group-fluent-search--focused { @@ -1731,6 +1743,10 @@ %form-group-bundle--fluent--focus { border-color: var-get($theme, 'focused-border-color'); border-width: rem(2px); + + &:hover { + border-color: var-get($theme, 'focused-border-color'); + } } %form-group-bundle-error--fluent, @@ -1846,7 +1862,6 @@ } %fluent-label-focused { - color: color(null, 'gray', 800); transform: translateY(0) scale(1); }