From 91f3eddfe92dd44a2589f751bb0359176a314f5b Mon Sep 17 00:00:00 2001 From: sivanova Date: Wed, 9 Apr 2025 10:11:24 +0300 Subject: [PATCH 1/3] fix(input-group): fluent theme discrepancies --- .../styles/components/input/_input-group-theme.scss | 13 ++++++++++++- 1 file changed, 12 insertions(+), 1 deletion(-) 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..502a57f1292 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,14 @@ [igxPrefix] { overflow: hidden; } + + igx-prefix, + [igxPrefix], + igx-suffix, + [igxSuffix] { + background: transparent; + color: var(--ig-primary-500); + } } %igx-input-group-fluent-search--focused { @@ -1731,6 +1739,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 +1858,6 @@ } %fluent-label-focused { - color: color(null, 'gray', 800); transform: translateY(0) scale(1); } From c531740e2db0458116e57170cf05319c9e083bd2 Mon Sep 17 00:00:00 2001 From: sivanova Date: Thu, 10 Apr 2025 10:54:17 +0300 Subject: [PATCH 2/3] refactor(input-group): update hardcoded values --- .../styles/components/input/_input-group-theme.scss | 10 +++++++--- 1 file changed, 7 insertions(+), 3 deletions(-) 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 502a57f1292..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 @@ -1650,11 +1650,15 @@ } igx-prefix, - [igxPrefix], + [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: transparent; - color: var(--ig-primary-500); + background: var(--igx-input-group-input-suffix-background, transparent); + color: var(--igx-input-group-input-suffix-color, var(--ig-primary-500)); } } From e7457cc452a84694c2624de366f4ddfcb7fa7589 Mon Sep 17 00:00:00 2001 From: Simeon Simeonoff Date: Mon, 14 Apr 2025 14:37:14 +0300 Subject: [PATCH 3/3] deps(theming): bump to latest version --- package-lock.json | 8 ++++---- package.json | 2 +- projects/igniteui-angular/package.json | 2 +- 3 files changed, 6 insertions(+), 6 deletions(-) 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": {