igniteui-angular 20.0.8 → 20.0.9

package/lib/core/styles/components/select/_select-theme.scss

@@ -1,98 +1,5 @@
 @use 'sass:map';
 @use '../../base' as *;
-@use '../../themes/schemas' as *;
-
-////
-/// @group themes
-/// @access public
-/// @author <a href="https://github.com/desig9stein" target="_blank">Marin Popov</a>
-/// @author <a href="https://github.com/simeonoff" target="_blank">Simeon Simeonoff</a>
-////
-
-/// @param {Map} $schema [$light-material-schema] - The schema used as basis for styling the component.
-/// @requires $light-material-schema
-/// @param {Color} $toggle-button-background [null] - The select toggle button background color.
-/// @param {Color} $toggle-button-background-focus [null] - The select toggle button background color when the select is focused.
-/// @param {Color} $toggle-button-background-disabled [null] - The select toggle button background color when the select is disabled.
-/// @param {Color} $toggle-button-foreground [null] - The select toggle button foreground color.
-/// @param {Color} $toggle-button-foreground-focus [null] - The select toggle button foreground color when the select is focused.
-/// @param {Color} $toggle-button-foreground-disabled [null] - The select toggle button foreground color when the select is disabled.
-/// @param {Color} $toggle-button-foreground-filled [null] - The select toggle button foreground color when the select is filled.
-/// @param {Color} $toggle-button-background-focus--border [null] - The select toggle button background color when the select is focused in material border variant.
-/// @example scss Change the select empty list background
-///   $my-select-theme: igx-select-theme($empty-list-background);
-///   // Pass the theme to the css-vars mixin
-///   @include css-vars($my-select-theme);
-@function select-theme(
-    $schema: $light-material-schema,
-    $toggle-button-background: null,
-    $toggle-button-background-focus: null,
-    $toggle-button-background-disabled: null,
-    $toggle-button-foreground: null,
-    $toggle-button-foreground-focus: null,
-    $toggle-button-foreground-disabled: null,
-    $toggle-button-foreground-filled: null,
-    $toggle-button-background-focus--border: null,
-) {
-    $name: 'igx-select';
-    $selector: 'igx-select';
-
-    $select-schema: ();
-
-    @if map.has-key($schema, 'select') {
-        $select-schema: map.get($schema, 'select');
-    } @else {
-        $select-schema: $schema;
-    }
-
-    $theme: digest-schema($select-schema);
-    $variant: map.get($theme, '_meta', 'theme');
-
-    @if not($toggle-button-foreground) and $toggle-button-background {
-        $toggle-button-foreground: adaptive-contrast(var(--toggle-button-background));
-    }
-
-    @if not($toggle-button-foreground-filled) and $toggle-button-background {
-        $toggle-button-foreground-filled: adaptive-contrast(var(--toggle-button-background));
-    }
-
-    @if $variant == 'material' {
-        @if not($toggle-button-background-focus) and $toggle-button-background {
-            $toggle-button-background-focus: hsl(from var(--toggle-button-background) h s calc(l * 0.9));
-        }
-    } @else {
-        @if not($toggle-button-background-focus) and $toggle-button-background {
-            $toggle-button-background-focus: var(--toggle-button-background);
-        }
-    }
-
-    @if $variant == 'bootstrap' or $variant == 'indigo' {
-        @if not($toggle-button-background-focus--border) and $toggle-button-background {
-            $toggle-button-background-focus--border: var(--toggle-button-background)
-        }
-
-        @if not($toggle-button-foreground-focus) and $toggle-button-background-focus--border {
-            $toggle-button-foreground-focus: adaptive-contrast(var(--toggle-button-background-focus--border));
-        }
-    } @else {
-        @if not($toggle-button-foreground-focus) and $toggle-button-background-focus {
-            $toggle-button-foreground-focus: adaptive-contrast(var(--toggle-button-background-focus));
-        }
-    }
-
-    @return extend($theme, (
-        name: $name,
-        selector: $selector,
-        toggle-button-background: $toggle-button-background,
-        toggle-button-background-focus: $toggle-button-background-focus,
-        toggle-button-background-disabled: $toggle-button-background-disabled,
-        toggle-button-foreground: $toggle-button-foreground,
-        toggle-button-foreground-focus: $toggle-button-foreground-focus,
-        toggle-button-foreground-disabled: $toggle-button-foreground-disabled,
-        toggle-button-foreground-filled: $toggle-button-foreground-filled,
-        toggle-button-background-focus--border: $toggle-button-background-focus--border,
-    ));
-}
 
 /// @deprecated Use the `css-vars` mixin instead.
 /// @see {mixin} css-vars

package/lib/core/styles/components/slider/_slider-theme.scss

@@ -1,195 +1,8 @@
 @use 'sass:map';
 @use 'sass:math';
 @use '../../base' as *;
-@use '../../themes/schemas' as *;
 @use 'igniteui-theming/sass/animations/easings' as *;
 
-////
-/// @group themes
-/// @access public
-/// @author <a href="https://github.com/simeonoff" target="_blank">Simeon Simeonoff</a>
-/// @author <a href="https://github.com/desig9stein" target="_blank">Marin Popov</a>
-////
-
-/// @param {Map} $schema [$light-material-schema] - The schema used as basis for styling the component.
-/// @param {Color} $track-color [null] - The color of the track.
-/// @param {Color} $track-step-color [null] - The color of the track steps.
-/// @param {Number} $track-step-size [null] - The size of the track steps.
-/// @param {Color} $track-hover-color [null] - The color of the track on hover.
-/// @param {Color} $thumb-color [null] - The color of the thumb.
-/// @param {Color} $thumb-focus-color [null] - The focus color of the thumb.
-/// @param {Color} $thumb-border-color [null] - The thumb border color.
-/// @param {Color} $thumb-border-hover-color [null] - The thumb border color when hovered.
-/// @param {Color} $thumb-border-focus-color [null] - The thumb border color when focused.
-/// @param {Color} $thumb-disabled-border-color [null] - The thumb border color when it's disabled.
-/// @param {Color} $disabled-thumb-color [null] - The thumb color when its disabled.
-/// @param {Color} $label-background-color [null] - The background color of the bubble label.
-/// @param {Color} $label-text-color [null] - The text color of the bubble label.
-/// @param {Color} $base-track-color [null] - The base background color of the track.
-/// @param {Color} $base-track-hover-color [null] - The base background color of the track on hover.
-/// @param {Color} $disabled-base-track-color [null] - The base background color of the track when is disabled.
-/// @param {Color} $disabled-fill-track-color [null] - The base background color of the fill track when is disabled.
-/// @param {Color} $tick-label-color [null] - The color of the tick label.
-/// @param {Color} $tick-color [null] - The background-color of the tick.
-/// @requires $light-material-schema
-/// @example scss Set custom track and thumb on colors
-///   $my-slider-theme: slider-theme($thumb-color: black, $track-color: yellow);
-///   // Pass the theme to the css-vars() mixin
-///   @include css-vars($my-slider-theme);
-@function slider-theme(
-    $schema: $light-material-schema,
-
-    $track-color: null,
-    $track-step-color: null,
-    $track-step-size: null,
-    $track-hover-color: null,
-    $thumb-color: null,
-    $thumb-focus-color: null,
-    $thumb-border-color: null,
-    $thumb-border-hover-color: null,
-    $thumb-border-focus-color: null,
-    $thumb-disabled-border-color: null,
-    $disabled-thumb-color: null,
-    $label-background-color: null,
-    $label-text-color: null,
-
-    $base-track-color: null,
-    $base-track-hover-color: null,
-    $disabled-base-track-color: null,
-    $disabled-fill-track-color: null,
-
-    $tick-label-color: null,
-    $tick-color: null,
-) {
-    $name: 'igx-slider';
-    $slider-schema: ();
-
-    @if map.has-key($schema, 'slider') {
-        $slider-schema: map.get($schema, 'slider');
-    } @else {
-        $slider-schema: $schema;
-    }
-
-    $theme: digest-schema($slider-schema);
-    $variant: map.get($theme, '_meta', 'theme');
-
-    @if $variant == 'fluent' or $variant == 'indigo' {
-        @if not($thumb-border-color) and $track-color {
-            $thumb-border-color: var(--track-color);
-        }
-
-        @if not($track-color) and $thumb-border-color {
-            $track-color: var(--thumb-border-color);
-        }
-
-        @if not($thumb-border-hover-color) and $thumb-border-color {
-            $thumb-border-hover-color: hsl(from var(--thumb-border-color) h s calc(l * 1.1));
-        }
-
-        @if $variant == 'fluent' {
-            @if not($thumb-focus-color) and $thumb-border-color {
-                $thumb-focus-color: hsl(from var(--thumb-border-color) h s calc(l * 1.2));
-            }
-        } @else {
-            @if not($thumb-focus-color) and $thumb-border-color {
-                $thumb-focus-color: hsla(from var(--thumb-border-color) h s l / 0.3);
-            }
-        }
-    }
-
-    @if $variant == 'material' {
-        @if not($thumb-color) and $track-color {
-            $thumb-color: var(--track-color);
-        }
-
-        @if not($track-color) and $thumb-color {
-            $track-color: var(--thumb-color);
-        }
-
-        @if not($base-track-color) and $track-color {
-            $base-track-color: hsla(from var(--track-color) h s l / 0.4);
-        }
-    }
-
-    @if $variant == 'bootstrap' {
-        @if not($thumb-border-color) and $thumb-color {
-            $thumb-border-color: var(--thumb-color);
-        }
-
-        @if not($thumb-focus-color) and $thumb-color {
-            $thumb-focus-color: hsla(from var(--thumb-color) h s l / 0.5);
-        }
-    }
-
-    @if not($track-hover-color) and $track-color {
-        $track-hover-color: hsl(from var(--track-color) h s calc(l * 1.1));
-    }
-
-    @if $variant != 'bootstrap' {
-        @if not($label-background-color) and $track-color {
-            $label-background-color: var(--track-color);
-        }
-    } @else {
-        @if not($label-background-color) and $thumb-color {
-            $label-background-color: var(--thumb-color);
-        }
-    }
-
-
-    @if not($label-text-color) and $label-background-color {
-        $label-text-color: adaptive-contrast($label-background-color);
-    }
-
-    @if $variant != 'indigo' {
-        @if not($base-track-hover-color) and $base-track-color {
-            $base-track-hover-color: var(--base-track-color);
-        }
-    } @else {
-        @if not($base-track-hover-color) and $base-track-color {
-            $base-track-hover-color: hsl(from var(--base-track-color) h s calc(l * 0.8));
-        }
-    }
-
-    @if not($disabled-base-track-color) and $base-track-color {
-        $disabled-base-track-color: hsla(from var(--base-track-color) h s l / 0.5);
-    }
-
-    @if not($disabled-fill-track-color) and $track-color {
-        $disabled-fill-track-color: hsla(from var(--track-color) h s l / 0.5);
-    }
-
-    @if not($disabled-thumb-color) and $thumb-color {
-        $disabled-thumb-color: hsl(from var(--thumb-color) h calc(s * 0.5) calc(l * 1.2));
-    }
-
-    @if not($thumb-disabled-border-color) and $thumb-border-color {
-        $thumb-disabled-border-color: hsla(from var(--thumb-border-color) h s l / 0.5);
-    }
-
-    @return extend($theme, (
-        name: $name,
-        track-color: $track-color,
-        track-step-color: $track-step-color,
-        track-step-size: $track-step-size,
-        track-hover-color: $track-hover-color,
-        thumb-color: $thumb-color,
-        thumb-focus-color: $thumb-focus-color,
-        thumb-border-color: $thumb-border-color,
-        thumb-border-hover-color: $thumb-border-hover-color,
-        thumb-border-focus-color: $thumb-border-focus-color,
-        thumb-disabled-border-color: $thumb-disabled-border-color,
-        disabled-thumb-color: $disabled-thumb-color,
-        label-background-color: $label-background-color,
-        label-text-color: $label-text-color,
-        base-track-color: $base-track-color,
-        base-track-hover-color: $base-track-hover-color,
-        disabled-base-track-color: $disabled-base-track-color,
-        disabled-fill-track-color: $disabled-fill-track-color,
-        tick-label-color: $tick-label-color,
-        tick-color: $tick-color,
-    ));
-}
-
 /// @deprecated Use the `css-vars` mixin instead.
 /// @see {mixin} css-vars
 /// @param {Map} $theme - The theme used to style the component.

package/lib/core/styles/components/snackbar/_snackbar-theme.scss

@@ -1,71 +1,7 @@
 @use 'sass:map';
 @use '../../base' as *;
-@use '../../themes/schemas' as *;
 @use 'igniteui-theming/sass/animations' as *;
 
-////
-/// @group themes
-/// @access public
-/// @author <a href="https://github.com/simeonoff" target="_blank">Simeon Simeonoff</a>
-/// @author <a href="https://github.com/desig9stein" target="_blank">Marin Popov</a>
-////
-
-/// If you specify a background color, but do not specify colors for either the
-/// button or the text, their colors will be set automatically to a contrasting color.
-/// @param {Map} $schema [$light-material-schema] - The schema used as basis for styling the component.
-/// @param {Color} $background [null] - The background color used in the snackbar.
-/// @param {Color} $text-color [null] - The text color used in the snackbar.
-/// @param {Color} $button-color [null] - The button color used in the snackbar.
-/// @param {box-shadow} $shadow [null] - Sets a shadow to be used for the snackbar.
-/// @param {List} $border-radius [null] - The border radius used for the snackbar component.
-/// @requires $light-material-schema
-/// @example scss Set a custom background color
-///   $my-snackbar-theme: snackbar-theme($background: white);
-///   // Pass the theme to the css-vars() mixin
-///   @include css-vars($my-snackbar-theme);
-@function snackbar-theme(
-    $schema: $light-material-schema,
-
-    $border-radius: null,
-    $background: null,
-    $text-color: null,
-    $button-color: null,
-    $shadow: null
-) {
-    $name: 'igx-snackbar';
-    $snackbar-schema: ();
-
-    @if map.has-key($schema, 'snackbar') {
-        $snackbar-schema: map.get($schema, 'snackbar');
-    } @else {
-        $snackbar-schema: $schema;
-    }
-
-    $theme: digest-schema($snackbar-schema);
-
-    @if not($button-color) and $background {
-        $button-color: adaptive-contrast(var(--background));
-    }
-
-    @if not($text-color) and $background {
-        $text-color: adaptive-contrast(var(--background));
-    }
-
-    @if not($shadow) {
-        $elevation: map.get($snackbar-schema, 'elevation');
-        $shadow: elevation($elevation);
-    }
-
-    @return extend($theme, (
-        name: $name,
-        border-radius: $border-radius,
-        background: $background,
-        text-color: $text-color,
-        button-color: $button-color,
-        shadow: $shadow,
-    ));
-}
-
 /// @deprecated Use the `css-vars` mixin instead.
 /// @see {mixin} css-vars
 /// @param {Map} $theme - The theme used to style the component.

package/lib/core/styles/components/splitter/_splitter-theme.scss

@@ -1,79 +1,8 @@
 @use 'sass:map';
 @use 'sass:math';
 @use '../../base' as *;
-@use '../../themes/schemas' as *;
 @use 'igniteui-theming/sass/animations/easings' as *;
 
-////
-/// @group themes
-/// @access public
-/// @author <a href="https://github.com/desig9stein" target="_blank">Marin Popov</a>
-///
-/// @param {Map} $schema [$light-material-schema] - The schema used as basis for styling the component.
-///
-/// @param {Color} $bar-color [null] - The background color of the bar.
-/// @param {Color} $handle-color [null] - The color for the bar drag handle.
-/// @param {Color} $expander-color [null] - The color for the arrow expander's.
-/// @param {List} $border-radius [null] - the border radios of the splitter bar drag handle
-/// @param {Color} $focus-color [null] - The color used for focused splitter bar.
-/// @param {Number} $size [null] - The size of the splitter, its width for vertical and height for horizontal splitter.
-/// @requires $light-material-schema
-/// @example scss Set a custom expander color
-///   $my-splitter-theme: splitter-theme($expander-color: red);
-///   // Pass the theme to the css-vars() mixin
-///   @include css-vars($my-splitter-them);
-@function splitter-theme(
-    $schema: $light-material-schema,
-
-    $bar-color: null,
-    $handle-color: null,
-    $expander-color: null,
-    $border-radius: null,
-    $focus-color: null,
-    $size: null
-) {
-    $name: 'igx-splitter';
-    $splitter-schema: ();
-
-    @if map.has-key($schema, 'splitter') {
-        $splitter-schema: map.get($schema, 'splitter');
-    } @else {
-        $splitter-schema: $schema;
-    }
-
-    $theme: digest-schema($splitter-schema);
-    $variant: map.get($theme, '_meta', 'theme');
-
-    @if not($handle-color) and $bar-color {
-        $handle-color: adaptive-contrast(var(--bar-color));
-    }
-
-    @if not($expander-color) and $bar-color {
-        $expander-color: adaptive-contrast(var(--bar-color));
-    }
-
-    @if $variant != 'indigo' {
-        @if not($focus-color) and $bar-color {
-            $focus-color: hsl(from var(--bar-color) h s calc(l * 0.7));
-        }
-    } @else {
-        @if not($focus-color) and $bar-color {
-            $focus-color: var(--bar-color);
-        }
-    }
-
-
-    @return extend($theme, (
-        name: $name,
-        bar-color: $bar-color,
-        handle-color: $handle-color,
-        expander-color: $expander-color,
-        border-radius: $border-radius,
-        focus-color: $focus-color,
-        size: $size,
-    ));
-}
-
 /// @deprecated Use the `css-vars` mixin instead.
 /// @see {mixin} css-vars
 /// @param {Map} $theme - The theme used to style the component.