igniteui-angular 20.0.7 → 20.0.9

package/lib/core/styles/components/progress/circular/_circular-theme.scss

@@ -1,79 +1,6 @@
 @use 'sass:map';
-@use 'sass:math';
-@use 'sass:meta';
-@use 'sass:list';
 @use '../../../base' as *;
 @use 'igniteui-theming/sass/animations' as *;
-@use '../../../themes/schemas' as *;
-
-/// @param {Map} $schema [$light-material-schema] - The schema used as basis for styling the component.
-///
-/// @param {Color} $base-circle-color [null] - The base circle fill color.
-/// @param {Color | List<Color>} $fill-color-default [null] - The progress circle fill color.
-/// @param {Color} $fill-color-danger [null] - The track danger fill color.
-/// @param {Color} $fill-color-warning [null] - The track warning fill color.
-/// @param {Color} $fill-color-info [null] - The track info fill color.
-/// @param {Color} $fill-color-success [null] - The track success fill color.
-/// @param {Color} $text-color [null] - The value text color.
-/// @param {Number} $diameter [null] - The progress circle diameter.
-///
-/// @requires $light-material-schema
-///
-/// @example scss Change the circle progress color
-///   $my-progress-circular-theme: progress-circular-theme(
-///     $fill-color-default: purple
-///   );
-///   // Pass the theme to the igx-progress-circular component mixin
-///   @include igx-progress-circular($my-progress-circle-theme);
-@function progress-circular-theme(
-    $schema: $light-material-schema,
-    $base-circle-color: null,
-    $fill-color-default: null,
-    $fill-color-danger: null,
-    $fill-color-warning: null,
-    $fill-color-info: null,
-    $fill-color-success: null,
-    $text-color: null,
-    $diameter: null
-) {
-    $name: 'igx-circular-bar';
-    $circular-bar-schema: ();
-
-    @if map.has-key($schema, 'circular-bar') {
-        $circular-bar-schema: map.get($schema, 'circular-bar');
-    } @else {
-        $circular-bar-schema: $schema;
-    }
-
-    $theme: digest-schema($circular-bar-schema);
-
-    $fill-color-default-start: map.get($theme, 'fill-color-default');
-    $fill-color-default-end: map.get($theme, 'fill-color-default');
-
-    @if meta.type-of($fill-color-default) == 'color' {
-        $fill-color-default-start: $fill-color-default;
-        $fill-color-default-end: $fill-color-default;
-    }
-
-    @if list.length($fill-color-default) == 2 {
-        $fill-color-default-start: list.nth($fill-color-default, 1);
-        $fill-color-default-end: list.nth($fill-color-default, 2);
-    }
-
-    @return extend($theme, (
-        name: $name,
-        base-circle-color: $base-circle-color,
-	    fill-color-default: $fill-color-default,
-        fill-color-default-start: $fill-color-default-start,
-        fill-color-default-end: $fill-color-default-end,
-        fill-color-danger: $fill-color-danger,
-        fill-color-warning: $fill-color-warning,
-        fill-color-info: $fill-color-info,
-        fill-color-success: $fill-color-success,
-        text-color: $text-color,
-        diameter: $diameter,
-    ));
-}
 
 /// @deprecated Use the `css-vars` mixin instead.
 /// @see {mixin} css-vars

package/lib/core/styles/components/progress/linear/_linear-theme.scss

@@ -4,74 +4,6 @@
 @use 'sass:list';
 @use '../../../base/index' as *;
 @use 'igniteui-theming/sass/animations' as *;
-@use '../../../themes/schemas' 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 main track color.
-/// @param {Color} $fill-color-default [null] - The track default fill color.
-/// @param {Color} $fill-color-danger [null] - The track danger fill color.
-/// @param {Color} $fill-color-warning [null] - The track warning fill color.
-/// @param {Color} $fill-color-info [null] - The track info fill color.
-/// @param {Color} $fill-color-success [null] - The track success fill color.
-/// @param {Color} $stripes-color [null] - The track stripes color.
-/// @param {Color} $text-color [null] - The track value text color.
-/// @param {List} $track-border-radius [null] - The border radius fraction, between 0 - 8 to be used fot the progress bar track
-/// @param {Number} $track-height [null] - The linear progress track height.
-/// @param {Number} $strip-size [null] - The linear progress bar strip width.
-/// @requires $light-material-schema
-/// @example scss Change the stripes color
-///   $my-progress-linear-theme: progress-linear-theme(
-///     $stripes-color: orange
-///   );
-///   // Pass the theme to the css-vars() mixin
-///   @include css-vars($my-progress-linear-theme);
-@function progress-linear-theme(
-    $schema: $light-material-schema,
-    $track-color: null,
-    $fill-color-default: null,
-    $fill-color-danger: null,
-    $fill-color-warning: null,
-    $fill-color-info: null,
-    $fill-color-success: null,
-    $stripes-color: null,
-    $text-color: null,
-    $track-border-radius: null,
-    $track-height: null,
-    $strip-size: null
-) {
-    $name: 'igx-linear-bar';
-    $linear-bar-schema: ();
-
-    $linear-bar-schema: if(map.has-key($schema, 'linear-bar'), map.get($schema, 'linear-bar'), $schema);
-
-    $theme: digest-schema($linear-bar-schema);
-
-    @if not($track-border-radius) {
-        $track-border-radius: map.get($theme, 'track-border-radius');
-    }
-
-    @return extend($theme, (
-        name: $name,
-        track-color: $track-color,
-        fill-color-default: $fill-color-default,
-        fill-color-danger: $fill-color-danger,
-        fill-color-warning: $fill-color-warning,
-        fill-color-info: $fill-color-info,
-        fill-color-success: $fill-color-success,
-        stripes-color: $stripes-color,
-        text-color: $text-color,
-        track-border-radius: $track-border-radius,
-        track-height: $track-height,
-        strip-size: $strip-size,
-    ));
-}
 
 @mixin striped-gradient($variant: default, $gradient-orientation, $stripe-color) {
     $fill-color-default: if($variant == 'indigo', transparent, $stripe-color);

package/lib/core/styles/components/query-builder/_query-builder-theme.scss

@@ -1,106 +1,5 @@
 @use 'sass:map';
 @use '../../base' as *;
-@use '../../themes/schemas' as *;
-
-/// @group themes
-/// @access public
-/// @param {Map} $schema [$light-material-schema] - The schema used as basis for styling the component.
-/// @param {Color} background [null] - The background color of the filtering row.
-/// @param {Color} header-background [null] - The background color of the query builder header.
-/// @param {Color} header-foreground [null] - The foreground color of the query builder header.
-/// @param {Color} header-border [null] - The border color of the query builder header.
-///
-/// @param {Map} subquery-header-background [null] - The background color of the subquery header.
-/// @param {Map} subquery-border-color [null] - The border color of the query block.
-/// @param {Map} separator-color [null] - The separator color of the query block.
-/// @param {Number} subquery-border-radius [null] - The border radius of the subquery block.
-///
-/// @param {Map} label-foreground [null] - The color for query builder labels "from" & "select".
-/// @param {Map} separator-color [null] - The separator color of the query builder tree block.
-/// @param {Number} border-radius [null] - The border radius of the query builder.
-///
-/// @param {Color} color-expression-group-and [null] - The color of advanced filtering "AND" condition group.
-/// @param {Color} color-expression-group-or [null] - The color of advanced filtering "OR" condition group.
-///
-/// @example scss Set custom query-builder colors
-///   $my-query-builder-theme: query-builder-theme($background: red);
-///   // Pass the theme to the css-vars() mixin
-///   @include css-vars($my-query-builder-theme);
-@function query-builder-theme(
-    $schema: $light-material-schema,
-    $background: null,
-    $header-background: null,
-    $header-foreground: null,
-    $header-border: null,
-    $color-expression-group-and: null,
-    $color-expression-group-or: null,
-    $border-radius: null,
-    $subquery-header-background: null,
-    $subquery-border-color: null,
-    $subquery-border-radius: null,
-    $separator-color: null,
-    $label-foreground: null,
-) {
-    $name: 'igx-query-builder';
-    $selector: 'igx-query-builder';
-    $query-builder-schema: ();
-
-    @if map.has-key($schema, 'query-builder') {
-        $query-builder-schema: map.get($schema, 'query-builder');
-    } @else {
-        $query-builder-schema: $schema;
-    }
-
-    $theme: digest-schema($query-builder-schema);
-    $variant: map.get($theme, '_meta', 'theme');
-
-    @if not($label-foreground) and $background {
-        $label-foreground: hsla(from adaptive-contrast(var(--background)) h s l / 0.6);
-    }
-
-    @if not($header-background) and $background {
-        $header-background: var(--background);
-    }
-
-    @if not($header-foreground) and $header-background {
-        $header-foreground: adaptive-contrast(var(--header-background));
-    }
-
-    @if not($subquery-header-background) and $header-background {
-        $subquery-header-background: hsl(from var(--header-background) h s calc(l * 0.9));
-    }
-
-    @if not($subquery-border-color) and $subquery-header-background {
-        $subquery-border-color: hsl(from var(--subquery-header-background) h s calc(l * 0.9));
-    }
-
-    @if not($separator-color) and $subquery-border-color {
-        $separator-color: hsl(from var(--subquery-border-color) h s calc(l * 0.9));
-    }
-
-    @if $variant == 'bootstrap' {
-        @if not($header-border) and $subquery-border-color {
-            $header-border: var(--subquery-border-color);
-        }
-    }
-
-    @return extend($theme, (
-        name: $name,
-        selector: $selector,
-        background: $background,
-        header-background: $header-background,
-        header-foreground: $header-foreground,
-        header-border: $header-border,
-        color-expression-group-and: $color-expression-group-and,
-        color-expression-group-or: $color-expression-group-or,
-        subquery-header-background: $subquery-header-background,
-        subquery-border-color: $subquery-border-color,
-        subquery-border-radius: $subquery-border-radius,
-        separator-color: $separator-color,
-        border-radius: $border-radius,
-        label-foreground: $label-foreground,
-    ));
-}
 
 ////
 /// @group themes

package/lib/core/styles/components/radio/_radio-theme.scss

@@ -2,142 +2,6 @@
 @use 'sass:math';
 @use '../../base' as *;
 @use 'igniteui-theming/sass/animations' as *;
-@use '../../themes/schemas' 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} $label-color [null]- The text color used for the label text.
-/// @param {Color} $label-color-hover [null]- The text color used for the label text on hover.
-/// @param {Color} $empty-color [null] - The unchecked border color.
-/// @param {Color} $empty-fill-color [null] - The unchecked radio fill color.
-/// @param {Color} $fill-color [null] - The checked border and dot colors.
-/// @param {Color} $disabled-color [null] - The disabled border and dot colors.
-/// @param {Color} $disabled-label-color [null] - The disabled label color.
-/// @param {Color} $disabled-fill-color [null] - The disabled checked border and dot colors.
-/// @param {Color} $hover-color [null] - The border and dot colors on hover.
-/// @param {Color} $fill-color-hover [null] - The checked dot color on hover.
-/// @param {Color} $fill-hover-border-color [null] - The checked border color on hover.
-/// @param {Color} $focus-border-color [null] - The focus border color.
-/// @param {Color} $focus-outline-color [null] - The focus outlined color.
-/// @param {Color} $focus-outline-color-filled [null] - The focus outline color when radio is filled.
-/// @param {Color} $error-color [null] - The label, border and dot color in invalid state.
-/// @param {Color} $error-color-hover [null] - The label, border and dot color in invalid state on hover.
-/// @param {Color} $focus-outline-color-error [null] - The focus outline color in invalid state.
-///
-/// @requires $light-material-schema
-///
-/// Set light to true when the surrounding area is dark.
-/// @example scss Change the checked dot and border colors
-///   $my-radio-theme: radio-theme($fill-color: magenta);
-///   // Pass the theme to the css-vars() mixin
-///   @include css-vars($my-radio-theme);
-@function radio-theme(
-    $schema: $light-material-schema,
-
-    $label-color: null,
-    $label-color-hover: null,
-    $empty-color: null,
-    $empty-fill-color: null,
-    $fill-color: null,
-    $fill-hover-border-color: null,
-    $focus-border-color: null,
-    $focus-outline-color: null,
-    $focus-outline-color-filled: null,
-    $disabled-color: null,
-    $disabled-label-color: null,
-    $disabled-fill-color: null,
-    $hover-color: null,
-    $fill-color-hover: null,
-    $error-color: null,
-    $error-color-hover: null,
-    $focus-outline-color-error: null,
-) {
-    $name: 'igx-radio';
-    $radio-schema: ();
-
-    @if map.has-key($schema, 'radio') {
-        $radio-schema: map.get($schema, 'radio');
-    } @else {
-        $radio-schema: $schema;
-    }
-
-    $theme: digest-schema($radio-schema);
-    $variant: map.get($theme, '_meta', 'theme');
-
-    @if not($hover-color) and $empty-color {
-        $hover-color: hsl(from var(--empty-color) h s calc(l * 0.9));
-    }
-
-    @if not($fill-color-hover) and $fill-color {
-        $fill-color-hover: hsl(from var(--fill-color) h s calc(l * 0.9));
-    }
-
-    @if $variant != 'bootstrap' {
-        @if not($fill-hover-border-color) and $fill-color-hover {
-            $fill-hover-border-color: var(--fill-color-hover);
-        }
-    }
-
-    @if not($label-color-hover) and $label-color {
-        $label-color-hover: hsl(from var(--label-color) h s calc(l * 0.9));
-    }
-
-    @if not($error-color-hover) and $error-color {
-        $error-color-hover: hsl(from var(--error-color) h s calc(l * 0.9));
-    }
-
-    @if not($focus-outline-color-error) and $error-color {
-        $focus-outline-color-error: hsla(from var(--error-color) h s l / .5);
-    }
-
-    @if $variant == 'bootstrap' {
-        @if not($focus-border-color) and $fill-color {
-            $focus-border-color: var(--fill-color);
-        }
-
-        @if not($focus-outline-color) and $fill-color {
-            $focus-outline-color: hsla(from var(--fill-color) h s l / .5);
-        }
-    }
-
-    @if $variant == 'indigo' {
-        @if not($focus-outline-color) and $empty-color {
-            $focus-outline-color: hsla(from var(--empty-color) h s l / .5);
-        }
-
-        @if not($focus-outline-color-filled) and $fill-color {
-            $focus-outline-color-filled: hsla(from var(--fill-color) h s l / .5);
-        }
-    }
-
-    @return extend($theme, (
-        name: $name,
-        label-color: $label-color,
-        label-color-hover: $label-color-hover,
-        empty-color: $empty-color,
-        empty-fill-color: $empty-fill-color,
-        fill-color: $fill-color,
-        fill-hover-border-color: $fill-hover-border-color,
-        disabled-color: $disabled-color,
-        disabled-label-color: $disabled-label-color,
-        disabled-fill-color: $disabled-fill-color,
-        hover-color: $hover-color,
-        fill-color-hover: $fill-color-hover,
-        focus-border-color: $focus-border-color,
-        focus-outline-color: $focus-outline-color,
-        focus-outline-color-filled: $focus-outline-color-filled,
-        error-color: $error-color,
-        error-color-hover: $error-color-hover,
-        focus-outline-color-error: $focus-outline-color-error,
-    ));
-}
 
 /// @deprecated Use the `css-vars` mixin instead.
 /// @see {mixin} css-vars

package/lib/core/styles/components/rating/_rating-theme.scss

@@ -1,48 +1,5 @@
 @use 'sass:map';
-@use 'sass:meta';
 @use '../../base' as *;
-@use '../../themes/schemas' 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} $label-color [null] - sets the color for the label.
-/// @param {Number} $symbol-size [null] - the size of the symbols.
-/// @param {Color} $symbol-empty-color [null] - sets the idle color for the symbol when it is a plane text.
-/// @param {Color} $symbol-full-color [null] - sets the color in selected state for the symbol when it is a plane text.
-/// @param {Color} $symbol-empty-filter [null] - the filter(s) used for the empty symbol.
-/// @param {Color} $symbol-full-filter [null] - the filter(s) used for the filled symbol.
-/// @param {Color} $disabled-label-color [null] - sets the color for the label in disabled state.
-/// @param {Color} $disabled-empty-symbol-color [null] - sets the idle color for the symbol in disabled state when it is a plane text.
-/// @param {Color} $disabled-full-symbol-color [null] - sets the color for the symbol in selected/disabled state when it is a plane text.
-/// @requires $light-material-schema
-/// @example scss Change the rating filled symbol color
-///   $my-rating-theme: rating-theme($symbol-full-color: red);
-///   // Pass the theme to the css-vars() mixin
-///   @include css-vars($my-rating-theme);
-@function rating-theme(
-    $schema: $light-material-schema,
-    $rest...
-) {
-
-    $name: 'igc-rating';
-    $rating-schema: ();
-
-    @if map.has-key($schema, 'rating') {
-        $rating-schema: map.get($schema, 'rating');
-    } @else {
-        $rating-schema: $schema;
-    }
-
-    $theme: digest-schema($rating-schema);
-
-    @return extend($theme, (name: $name), meta.keywords($rest));
-}
 
 /// @deprecated Use the `css-vars` mixin instead.
 /// @see {mixin} css-vars

package/lib/core/styles/components/ripple/_ripple-theme.scss

@@ -1,44 +1,5 @@
 @use 'sass:map';
 @use '../../base' as *;
-@use '../../themes/schemas' 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} $color [null] - The color of the ripple.
-/// @requires $light-material-schema
-/// @example scss Change the color
-///   $my-ripple-theme: igx-ripple-theme($color: yellow);
-///   // Pass the theme to the css-vars() mixin
-///   @include css-vars($my-ripple-theme);
-@function ripple-theme(
-    $schema: $light-material-schema,
-    $color: null
-) {
-    $name: 'igx-ripple';
-    $selector: '[igxRipple]';
-
-    $ripple-schema: ();
-
-    @if map.has-key($schema, 'ripple') {
-        $ripple-schema: map.get($schema, 'ripple');
-    } @else {
-        $ripple-schema: $schema;
-    }
-
-    $theme: digest-schema($ripple-schema);
-
-    @return extend($theme, (
-        name: $name,
-        selector: $selector,
-        color: $color,
-    ));
-}
 
 /// @deprecated Use the `css-vars` mixin instead.
 /// @see {mixin} css-vars

package/lib/core/styles/components/scrollbar/scrollbar-theme.scss

@@ -1,88 +1,6 @@
 @use 'sass:map';
 @use 'sass:meta';
 @use '../../base' as *;
-@use '../../themes/schemas' as *;
-
-////
-/// @group themes
-/// @access public
-/// @author <a href="https://github.com/simeonoff" target="_blank">Simeon Simeonoff</a>
-////
-
-/// If only background color is specified, text/icon color will be assigned automatically to a contrasting color.
-/// @param {Color} $schema [$light-material-schema] - The schema used as basis for styling the component.
-/// @param {String | Number} $sb-size [null] - The size of the scrollbar.
-/// @param {String | Number} $sb-thumb-min-height [null] - The min-height of the thumb.
-/// @param {Color} $sb-thumb-bg-color [null] - The background color of the thumb.
-/// @param {Color} $sb-thumb-bg-color-hover [null] - The :hover background color of the thumb.
-/// @param {Color} $sb-thumb-border-color [null] - The border color of the thumb.
-/// @param {String | Number} $sb-thumb-border-size [null] - The border size of the thumb.
-/// @param {String | Number} $sb-thumb-border-radius [null] - The border radius of the thumb.
-/// @param {Color} $sb-track-bg-color [null] - The background color of the track.
-/// @param {Color} $sb-track-bg-color-hover [null] - The :hover background color of the track.
-/// @param {Color} $sb-track-border-color [null] - The border color of the track.
-/// @param {String | Number} $sb-track-border-size [null] - The border size of the track.
-/// @param {Color} $sb-corner-bg [null] - The background color of the corner.
-/// @param {Color} $sb-corner-border-color [null] - The border color of the corner.
-/// @param {String | Number} $sb-corner-border-size [null] - The border size of the corner.
-/// @requires $light-material-schema
-/// @example scss Change the background and track colors
-///   $my-scrollbar-theme: scrollbar-theme($sb-thumb-bg-color: black, $sb-track-bg-color: gray);
-///   // Pass the theme to the css-vars() mixin
-///   @include css-vars($my-scrollbar-theme);
-@function scrollbar-theme(
-    $schema: $light-material-schema,
-    $sb-size: null,
-
-    $sb-thumb-min-height: null,
-    $sb-thumb-bg-color: null,
-    $sb-thumb-bg-color-hover: null,
-    $sb-thumb-border-size: null,
-    $sb-thumb-border-color: null,
-    $sb-thumb-border-radius: null,
-
-    $sb-track-bg-color: null,
-    $sb-track-bg-color-hover: null,
-    $sb-track-border-color: null,
-    $sb-track-border-size: null,
-
-    $sb-corner-bg: null,
-    $sb-corner-border-color: null,
-    $sb-corner-border-size: null,
-) {
-    $name: 'ig-scrollbar';
-    $selector: '.ig-scrollbar';
-    $scrollbar-schema: ();
-
-    @if map.has-key($schema, 'scrollbar') {
-        $scrollbar-schema: map.get($schema, 'scrollbar');
-    } @else {
-        $scrollbar-schema: $schema;
-    }
-
-    $theme: digest-schema($scrollbar-schema);
-
-    @return extend($theme, (
-        name: $name,
-        selector: $selector,
-
-        sb-thumb-min-height: $sb-thumb-min-height,
-        sb-thumb-bg-color: $sb-thumb-bg-color,
-        sb-thumb-bg-color-hover: $sb-thumb-bg-color-hover,
-        sb-thumb-border-size: $sb-thumb-border-size,
-        sb-thumb-border-color: $sb-thumb-border-color,
-        sb-thumb-border-radius: $sb-thumb-border-radius,
-
-        sb-track-bg-color: $sb-track-bg-color,
-        sb-track-bg-color-hover: $sb-track-bg-color-hover,
-        sb-track-border-color: $sb-track-border-color,
-        sb-track-border-size: $sb-track-border-size,
-
-        sb-corner-bg: $sb-corner-bg,
-        sb-corner-border-color: $sb-corner-border-color,
-        sb-corner-border-size: $sb-corner-border-size,
-    ));
-}
 
 /// @deprecated Use the `css-vars` mixin instead.
 /// @see {mixin} css-vars