igniteui-theming 23.2.0 → 24.0.0-beta.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "igniteui-theming",
-  "version": "23.2.0",
+  "version": "24.0.0-beta.1",
   "description": "A set of Sass variables, mixins, and functions for generating palettes, typography, and elevations used by Ignite UI components.",
   "main": "index.js",
   "scripts": {

package/sass/themes/components/button/_flat-button-theme.scss

@@ -39,10 +39,6 @@
 /// @param {Color} $focus-visible-border-color [null] - The focus-visible border color of the button.
 /// @param {Color} $active-border-color [null] - The active border color of the button.
 /// @param {Color} $shadow-color [null] - The shadow color of the button.
-/// @param {Color} $resting-shadow [null] - The shadow of the button in its idle state.
-/// @param {Color} $hover-shadow [null] - The shadow of the button in its hover state.
-/// @param {Color} $focus-shadow [null] - The shadow of the button in its focus state.
-/// @param {Color} $active-shadow [null] - The shadow of the button in its focus state.
 /// @param {Color} $disabled-background [null] - The disabled background color of the button.
 /// @param {Color} $disabled-foreground [null] - The disabled text color of the button.
 /// @param {Color} $disabled-icon-color [null] - The disabled icon color of the button.
@@ -89,11 +85,6 @@
 
     $shadow-color: null,
 
-    $resting-shadow: null,
-    $hover-shadow: null,
-    $focus-shadow: null,
-    $active-shadow: null,
-
     $disabled-background: null,
     $disabled-foreground: null,
     $disabled-icon-color: $disabled-foreground,
@@ -283,26 +274,6 @@
         }
     }
 
-    @if not($resting-shadow) {
-        $resting-elevation: map.get($button-schema, 'resting-elevation');
-        $resting-shadow: elevation($resting-elevation);
-    }
-
-    @if not($hover-shadow) {
-        $hover-elevation: map.get($button-schema, 'hover-elevation');
-        $hover-shadow: elevation($hover-elevation);
-    }
-
-    @if not($focus-shadow) {
-        $focus-elevation: map.get($button-schema, 'focus-elevation');
-        $focus-shadow: elevation($focus-elevation);
-    }
-
-    @if not($active-shadow) {
-        $active-elevation: map.get($button-schema, 'active-elevation');
-        $active-shadow: elevation($active-elevation);
-    }
-
     @return extend(
         $theme,
         (
@@ -329,10 +300,6 @@
             focus-visible-border-color: $focus-visible-border-color,
             active-border-color: $active-border-color,
             shadow-color: $shadow-color,
-            resting-elevation: $resting-shadow,
-            hover-elevation: $hover-shadow,
-            focus-elevation: $focus-shadow,
-            active-elevation: $active-shadow,
             disabled-background: $disabled-background,
             disabled-foreground: $disabled-foreground,
             disabled-icon-color: $disabled-icon-color,

package/sass/themes/components/button/_outlined-button-theme.scss

@@ -39,10 +39,6 @@
 /// @param {Color} $focus-visible-border-color [null] - The focus-visible border color of the button.
 /// @param {Color} $active-border-color [null] - The active border color of the button.
 /// @param {Color} $shadow-color [null] - The shadow color of the button.
-/// @param {Color} $resting-shadow [null] - The shadow of the button in its idle state.
-/// @param {Color} $hover-shadow [null] - The shadow of the button in its hover state.
-/// @param {Color} $focus-shadow [null] - The shadow of the button in its focus state.
-/// @param {Color} $active-shadow [null] - The shadow of the button in its focus state.
 /// @param {Color} $disabled-background [null] - The disabled background color of the button.
 /// @param {Color} $disabled-foreground [null] - The disabled text color of the button.
 /// @param {Color} $disabled-icon-color [null] - The disabled icon color of the button.
@@ -89,11 +85,6 @@
 
     $shadow-color: null,
 
-    $resting-shadow: null,
-    $hover-shadow: null,
-    $focus-shadow: null,
-    $active-shadow: null,
-
     $disabled-background: null,
     $disabled-foreground: null,
     $disabled-icon-color: $disabled-foreground,
@@ -349,26 +340,6 @@
         }
     }
 
-    @if not($resting-shadow) {
-        $resting-elevation: map.get($button-schema, 'resting-elevation');
-        $resting-shadow: elevation($resting-elevation);
-    }
-
-    @if not($hover-shadow) {
-        $hover-elevation: map.get($button-schema, 'hover-elevation');
-        $hover-shadow: elevation($hover-elevation);
-    }
-
-    @if not($focus-shadow) {
-        $focus-elevation: map.get($button-schema, 'focus-elevation');
-        $focus-shadow: elevation($focus-elevation);
-    }
-
-    @if not($active-shadow) {
-        $active-elevation: map.get($button-schema, 'active-elevation');
-        $active-shadow: elevation($active-elevation);
-    }
-
     @return extend(
         $theme,
         (
@@ -395,10 +366,6 @@
             focus-visible-border-color: $focus-visible-border-color,
             active-border-color: $active-border-color,
             shadow-color: $shadow-color,
-            resting-elevation: $resting-shadow,
-            hover-elevation: $hover-shadow,
-            focus-elevation: $focus-shadow,
-            active-elevation: $active-shadow,
             disabled-background: $disabled-background,
             disabled-foreground: $disabled-foreground,
             disabled-icon-color: $disabled-icon-color,