fix(themes): add missing shadows to components (#1972)

adrianptrv · web-flow · commit 8abfc0f1bb1a · 2025-11-18T10:38:59.000+02:00
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -82,7 +82,7 @@
     "husky": "^9.1.7",
     "ig-typedoc-theme": "^7.0.0",
     "igniteui-i18n-resources": "0.7.0-alpha.8",
-    "igniteui-theming": "^22.1.0",
+    "igniteui-theming": "^23.0.0",
     "keep-a-changelog": "^2.7.1",
     "lint-staged": "^16.2.6",
     "lit-analyzer": "^2.0.3",
diff --git a/src/components/button-group/themes/shared/button/button.bootstrap.scss b/src/components/button-group/themes/shared/button/button.bootstrap.scss
@@ -56,4 +56,8 @@ $group-item-border-thickness: rem(1px);
             background: var-get($theme, 'item-selected-focus-background');
         }
     }
+
+    [part='toggle focused'] {
+        box-shadow: 0 0 0 rem(4px) var-get($theme, 'selected-shadow-color');
+    }
 }
diff --git a/src/components/button/themes/button/shared/button.material.scss b/src/components/button/themes/button/shared/button.material.scss
@@ -51,7 +51,7 @@ $outlined-theme: $material-outlined;
     }
 
     &:active {
-        box-shadow: var-get($contained-theme, 'hover-elevation');
+        box-shadow: var-get($contained-theme, 'active-elevation');
     }
 }
 
diff --git a/src/components/navbar/themes/shared/navbar.common.scss b/src/components/navbar/themes/shared/navbar.common.scss
@@ -7,7 +7,7 @@ $theme: $material;
     background: var-get($theme, 'background');
     color: var-get($theme, 'text-color');
     border-bottom: rem(1px) solid var-get($theme, 'border-color');
-    box-shadow: var(--ig-elevation-4);
+    box-shadow: var-get($theme, 'elevation');
 }
 
 ::slotted(igc-icon) {

Original file line number	Diff line number	Diff line change
`@@ -56,4 +56,8 @@ $group-item-border-thickness: rem(1px);`
`56`	`56`	`background: var-get($theme, 'item-selected-focus-background');`
`57`	`57`	`}`
`58`	`58`	`}`
	`59`	`+`
	`60`	`+ [part='toggle focused'] {`
	`61`	`+ box-shadow: 0 0 0 rem(4px) var-get($theme, 'selected-shadow-color');`
	`62`	`+ }`
`59`	`63`	`}`
Original file line number	Diff line number	Diff line change
`@@ -51,7 +51,7 @@ $outlined-theme: $material-outlined;`
`51`	`51`	`}`
`52`	`52`
`53`	`53`	`&:active {`
`54`		`- box-shadow: var-get($contained-theme, 'hover-elevation');`
	`54`	`+ box-shadow: var-get($contained-theme, 'active-elevation');`
`55`	`55`	`}`
`56`	`56`	`}`
`57`	`57`
Original file line number	Diff line number	Diff line change
`@@ -7,7 +7,7 @@ $theme: $material;`
`7`	`7`	`background: var-get($theme, 'background');`
`8`	`8`	`color: var-get($theme, 'text-color');`
`9`	`9`	`border-bottom: rem(1px) solid var-get($theme, 'border-color');`
`10`		`- box-shadow: var(--ig-elevation-4);`
	`10`	`+ box-shadow: var-get($theme, 'elevation');`
`11`	`11`	`}`
`12`	`12`
`13`	`13`	`::slotted(igc-icon) {`