Merge pull request #5549 from IgniteUI/globar-roundness

feat(themes): add global elevation and roundess params

Author: mpavlinov

projects/igniteui-angular/src/lib/core/styles/components/chip/_chip-theme.scss

@@ -42,6 +42,7 @@
 @function igx-chip-theme(
     $palette: $default-palette,
     $schema: $light-schema,
+    $elevations: $elevations,
     $border-radius: null,
 
     $text-color: null,
@@ -67,7 +68,9 @@
 
     $focus-selected-text-color: null,
     $focus-selected-background: null,
-    $focus-selected-border-color: null
+    $focus-selected-border-color: null,
+
+    $ghost-shadow: null,
 ) {
     $name: 'igx-chip';
     $chip-schema: map-get($schema, $name);
@@ -165,6 +168,11 @@
         $focus-selected-border-color: $border-color;
     }
 
+    @if not($ghost-shadow) {
+        $ghost-elevation: map-get($chip-schema, 'ghost-elevation');
+        $ghost-shadow: igx-elevation($elevations, $ghost-elevation);
+    }
+
     @return extend($theme, (
         name: $name,
         palette: $palette,
@@ -193,7 +201,9 @@
 
         focus-selected-text-color: $focus-selected-text-color,
         focus-selected-background: $focus-selected-background,
-        focus-selected-border-color: $focus-selected-border-color
+        focus-selected-border-color: $focus-selected-border-color,
+
+        ghost-shadow: $ghost-shadow,
     ));
 }
 
@@ -486,7 +496,7 @@
     %igx-chip__ghost {
         position: absolute;
         z-index: 10;
-        box-shadow: igx-elevation($elevations, 8);
+        box-shadow: --var($theme, 'ghost-shadow');
         overflow: hidden;
         background: --var($theme, 'ghost-background');
 

projects/igniteui-angular/src/lib/core/styles/components/navdrawer/_navdrawer-theme.scss

@@ -21,8 +21,8 @@
 /// @param {Color} $item-hover-text-color [null] - The item's hover text color.
 /// @param {Color} $item-hover-icon-color [null] - The item's hover icon color.
 /// @param {Color} $shadow [null] - Sets a custom shadow to be used by the drawer.
-/// @param {border-radius} border-radius [null] - The border radius used for the navdrawer.
-/// @param {border-radius} item-border-radius [null] - The border radius used for the navdrawer item.
+/// @param {border-radius} $border-radius [null] - The border radius used for the navdrawer.
+/// @param {border-radius} $item-border-radius [null] - The border radius used for the navdrawer item.
 ///
 /// @requires $default-palette
 /// @requires $light-schema

projects/igniteui-angular/src/lib/core/styles/components/switch/_switch-theme.scss

@@ -24,9 +24,9 @@
 /// @param {box-shadow} $hover-shadow [null] - The shadow used for the thumb in hover state of the switch.
 /// @param {box-shadow} $disabled-shadow [null] - The shadow used for the thumb in disable state of the switch.
 ///
-/// @param {border-radius} border-radius-track [null] - The border radius used for switch track.
-/// @param {border-radius} border-radius-thumb [null] - The border radius used for switch thumb.
-/// @param {border-radius} border-radius-ripple [null] - The border radius used for switch ripple.
+/// @param {border-radius} $border-radius-track [null] - The border radius used for switch track.
+/// @param {border-radius} $border-radius-thumb [null] - The border radius used for switch thumb.
+/// @param {border-radius} $border-radius-ripple [null] - The border radius used for switch ripple.
 ///
 /// @requires $default-palette
 /// @requires $light-schema