Merge pull request #8137 from IgniteUI/fix-8136

fix(theming): retrofit bug fixes from newer versions

Author: rkaraivanov

projects/igniteui-angular/src/lib/core/styles/base/elevations/_index.scss

@@ -110,10 +110,10 @@
 /// @param {Color} $l3-color - The ambient color.
 /// @returns {String} - A string to be used as box-shadow value.
 @function _elevation($elevation, $l1-color, $l2-color, $l3-color) {
-    @return unquote(
-        '#{map-get(_l1-shadows($l1-color), $elevation)},
-        #{map-get(_l2-shadows($l2-color), $elevation)},
-        #{map-get(_l3-shadows($l3-color), $elevation)}'
+    @return unquote(#{
+        map-get(_l1-shadows($l1-color), $elevation),
+        map-get(_l2-shadows($l2-color), $elevation),
+        map-get(_l3-shadows($l3-color), $elevation)}
     );
 }
 

projects/igniteui-angular/src/lib/core/styles/base/utilities/_functions.scss

@@ -104,9 +104,10 @@
 /// @param {number|string} $variant [500] - The target color shade from the color palette.
 /// @returns {Color} White if no palette, color, and variant matches found.
 @function igx-color($palette, $color, $variant: 500) {
-    @if map-exists($palette) and map-key-exists($palette, $color) and map-key-exists($color, $variant) {
+    @if type-of($palette) == 'map' and map-has-key($palette, $color) {
         @return map-get(map-get($palette, $color), $variant);
     }
+
     @return #fff;
 }