From 1d7f5e6fda2ab55b42b477d083a65cea2be998b3 Mon Sep 17 00:00:00 2001 From: desig9stein Date: Wed, 14 May 2025 15:57:17 +0300 Subject: [PATCH 1/2] fix(tabs): fix border-color--hover not working when creating a custom theme --- .../src/lib/core/styles/components/tabs/_tabs-theme.scss | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/projects/igniteui-angular/src/lib/core/styles/components/tabs/_tabs-theme.scss b/projects/igniteui-angular/src/lib/core/styles/components/tabs/_tabs-theme.scss index 6a650209a77..9f355ec0d13 100644 --- a/projects/igniteui-angular/src/lib/core/styles/components/tabs/_tabs-theme.scss +++ b/projects/igniteui-angular/src/lib/core/styles/components/tabs/_tabs-theme.scss @@ -187,6 +187,7 @@ button-ripple-color: $button-ripple-color, border-color: $border-color, border-radius: $border-radius, + border-color--hover: $border-color--hover, theme: map.get($schema, '_meta', 'theme'), _meta: map.merge(if($meta, $meta, ()), ( variant: map.get($schema, '_meta', 'theme'), @@ -454,7 +455,7 @@ &:focus { border-top: rem(1px) solid transparent; border-inline: none; - border-bottom: rem(1px) solid var-get($theme, 'border-color'); + border-bottom: rem(1px) solid var-get($theme, 'border-color--hover'); } igx-icon { From c2814b365ea44a8dece2dc7ff4f45edd9f39039e Mon Sep 17 00:00:00 2001 From: Simeon Simeonoff Date: Thu, 15 May 2025 10:55:47 +0300 Subject: [PATCH 2/2] deps(theming): bump to 14.2.1 --- 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 0ea204865c0..086e825c8a4 100644 --- a/package-lock.json +++ b/package-lock.json @@ -25,7 +25,7 @@ "@types/source-map": "0.5.2", "express": "^4.21.0", "fflate": "^0.8.1", - "igniteui-theming": "^14.2.0", + "igniteui-theming": "^14.2.1", "igniteui-trial-watermark": "^3.0.2", "lodash-es": "^4.17.21", "rxjs": "^7.8.0", @@ -12857,9 +12857,9 @@ } }, "node_modules/igniteui-theming": { - "version": "14.2.0", - "resolved": "https://registry.npmjs.org/igniteui-theming/-/igniteui-theming-14.2.0.tgz", - "integrity": "sha512-2ROw9A8I37/85YUcnVph3/zn2+MxUg9/iRJ3IPOK+crh5s58TZV33YhwQIRXj6U8b4nmn8iqH5FNL+nqqhxcvg==", + "version": "14.4.1", + "resolved": "https://registry.npmjs.org/igniteui-theming/-/igniteui-theming-14.4.1.tgz", + "integrity": "sha512-KBo+Co0831gmfiOQ9A3cz7DFe0icF0gp7uEcL0hgbOg0AKZX6GGQtYeLgaZlqSNoSNDORBo3B2MvrhprAARf0w==", "license": "MIT", "peerDependencies": { "sass": "^1.69.5" diff --git a/package.json b/package.json index cf4e0a65699..eb3c91114ba 100644 --- a/package.json +++ b/package.json @@ -74,7 +74,7 @@ "@types/source-map": "0.5.2", "express": "^4.21.0", "fflate": "^0.8.1", - "igniteui-theming": "^14.2.0", + "igniteui-theming": "^14.2.1", "igniteui-trial-watermark": "^3.0.2", "lodash-es": "^4.17.21", "rxjs": "^7.8.0", diff --git a/projects/igniteui-angular/package.json b/projects/igniteui-angular/package.json index 9799e484cdb..6724c163f96 100644 --- a/projects/igniteui-angular/package.json +++ b/projects/igniteui-angular/package.json @@ -74,7 +74,7 @@ "igniteui-trial-watermark": "^3.0.2", "lodash-es": "^4.17.21", "uuid": "^9.0.0", - "igniteui-theming": "^14.2.0", + "igniteui-theming": "^14.2.1", "@igniteui/material-icons-extended": "^3.0.0" }, "peerDependencies": {