igniteui-angular 20.0.7 → 20.0.9

package/lib/core/styles/components/dock-manager/_dock-manager-theme.scss

@@ -1,73 +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/simeonoff" target="_blank">Simeon Simeonoff</a>
-/// @author <a href="https://github.com/desig9stein" target="_blank">Marin Popov</a>
-////
-
-/// If only background color is specified, text/icon color will be assigned automatically to a contrasting color.
-/// @param {Map} $schema [$light-material-schema] - The schema used as basis for styling the component.
-/// @param {Color} $accent-color [null] - Sets the pinned header background color, the joystick background and border colors, as well as the context menu background color.
-/// @param {Color} $active-color [null] - Sets the active text and border colors for tabs, panes, and menus.
-/// @param {Color} $border-color [null] - Sets the global border color in the dock manager. Also sets the pane content background and the context menu active background colors.
-/// @param {Color} $button-text [null] - Sets the button text color.
-/// @param {Color} $context-menu-background [null] - Sets the background color for context menus.
-/// @param {Color} $context-menu-background-active [null] - Sets the background color for active context menus.
-/// @param {Color} $context-menu-color [null] - Sets the text color for context menus.
-/// @param {Color} $context-menu-color-active [null] - Sets the text color for active context menus.
-/// @param {Color} $dock-background [null] - Sets the background color of the dock manager.
-/// @param {Color} $dock-text [null] - Sets the text color of the dock manager.
-/// @param {Color} $drop-shadow-background [null] - Sets the drop-shadow background color.
-/// @param {Color} $floating-pane-border-color [null] - Sets the border color for floating panes.
-/// @param {Color} $flyout-shadow-color [null] - Sets the flyout shadow color.
-/// @param {Color} $joystick-background [null] - Sets the background color of the joystick.
-/// @param {Color} $joystick-background-active [null] - Sets the background color of the joysticks.
-/// @param {Color} $joystick-border-color [null] - Sets the border color of the joystick.
-/// @param {Color} $joystick-icon-color [null] - Sets the color for the joystick icons.
-/// @param {Color} $joystick-icon-color-active [null] - Sets the color of the active joystick icons.
-/// @param {Color} $pane-content-background [null] - Sets the background color of the content panes.
-/// @param {Color} $pane-content-text [null] - Sets the text color of the content panes.
-/// @param {Color} $pane-header-background [null] - Sets the background color for pane headers.
-/// @param {Color} $pane-header-text [null] - Sets the text color for pane headers.
-/// @param {Color} $pinned-header-background [null] - Sets the background colors of pinned headers.
-/// @param {Color} $pinned-header-text [null] - Sets the text colors of pinned headers.
-/// @param {Color} $background-color [null] - Sets the base dock manager color as well as the pane headers and tabs background colors.
-/// @param {Color} $splitter-background [null] - Sets the background color for the splitters.
-/// @param {Color} $splitter-handle [null] - Sets the background color for the splitter handles.
-/// @param {Color} $tab-background [null] - Sets the background color for tabs.
-/// @param {Color} $tab-background-active [null] - Sets the background color for active tabs.
-/// @param {Color} $tab-border-color [null] - Sets the border color for tabs.
-/// @param {Color} $tab-border-color-active [null] - Sets the border color for active tabs.
-/// @param {Color} $tab-text [null] - Sets the text color for tabs.
-/// @param {Color} $tab-text-active [null] - Sets the text color for active tabs.
-/// @param {Color} $text-color [null] - Sets the text color for most elements in the dock manager. Used as the default joystick icon color.
-/// @requires $light-material-schema
-/// @example scss Change the background and icon colors in icon dock-managers
-///   $my-dock-manager-theme: dock-manager-theme();
-///   // Pass the theme to the css-vars() mixin
-///   @include css-vars($my-dock-manager-theme);
-@function dock-manager-theme(
-    $schema: $light-material-schema,
-    $rest...
-) {
-    $name: 'igc-dockmanager';
-    $dock-manager-schema: ();
-
-    @if map.has-key($schema, 'dockmanager') {
-        $dock-manager-schema: map.get($schema, 'dockmanager');
-    } @else {
-        $dock-manager-schema: $schema;
-    }
-
-    $theme: digest-schema($dock-manager-schema);
-
-    @return extend($theme, (name: $name, prefix: 'igc'), meta.keywords($rest));
-}
 
 /// @deprecated Use the `css-vars` mixin instead.
 /// @see {mixin} css-vars

package/lib/core/styles/components/drop-down/_drop-down-theme.scss

@@ -1,216 +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>
-/// @author <a href="https://github.com/simeonoff" target="_blank">Simeon Simeonoff</a>
-////
-
-/// Generates a drop-down theme.
-/// @param {Map} $schema [$light-material-schema] - The schema used as basis for styling the component.
-/// @param {Color} $background-color [null] - The drop-down background color.
-/// @param {Color} $header-text-color [null] - The drop-down header text color.
-/// @param {Color} $item-text-color [null] - The drop-down item text color.
-/// @param {Color} $item-icon-color [null] - The drop-down item icon color.
-/// @param {Color} $hover-item-text-color [null] - The drop-down item hover text color.
-/// @param {Color} $hover-item-icon-color [null] - The drop-down item hover icon color.
-/// @param {Color} $hover-item-background [null] - The drop-down hover item background color.
-/// @param {Color} $focused-item-background [null] - The drop-down focused item background color.
-/// @param {Color} $focused-item-text-color [null] - The drop-down focused item text color.
-/// @param {Color} $focused-item-border-color [null] - The drop-down item focused border color.
-/// @param {Color} $selected-item-background [null] - The drop-down selected item background color.
-/// @param {Color} $selected-item-text-color [null] - The drop-down selected item text color.
-/// @param {Color} $selected-item-icon-color [null] - The drop-down selected item icon color.
-/// @param {Color} $selected-hover-item-background [null] - The drop-down selected item hover background color.
-/// @param {Color} $selected-hover-item-text-color [null] - The drop-down selected item hover text color.
-/// @param {Color} $selected-hover-item-icon-color [null] - The drop-down selected item hover icon color.
-/// @param {Color} $selected-focus-item-background [null] - The drop-down selected item focus background color.
-/// @param {Color} $selected-focus-item-text-color [null] - The drop-down selected item focus text color.
-/// @param {Color} $disabled-item-background [null] - The drop-down disabled item background color.
-/// @param {Color} $disabled-item-text-color [null] - The drop-down disabled item text color.
-/// @param {box-shadow} $shadow [null] - Sets a shadow to be used for the drop-down.
-/// @param {Number} $border-width [null] - The border width used for drop-down component.
-/// @param {Color} $border-color [null] - The border color used for drop-down component.
-/// @param {List} $border-radius [null] - The border radius used for drop-down component.
-/// @param {List} $item-border-radius [null] - The border radius used for drop-down items.
-/// @requires $light-material-schema
-/// @example scss Change the background-color of the dropdown
-///   $my-dropdown-theme: drop-down-theme($background-color: #09f);
-///   // Pass the theme to the css-vars() mixin
-///   @include css-vars($my-dropdown-theme);
-@function drop-down-theme(
-    $schema: $light-material-schema,
-
-    $border-radius: null,
-    $item-border-radius: null,
-
-    $background-color: null,
-    $header-text-color: null,
-
-    $item-text-color: null,
-    $item-icon-color: null,
-    $hover-item-text-color: null,
-    $hover-item-icon-color: null,
-
-    $hover-item-background: null,
-
-    $focused-item-background: null,
-    $focused-item-text-color: null,
-    $focused-item-border-color: null,
-
-    $selected-item-background: null,
-    $selected-item-text-color: null,
-    $selected-item-icon-color: null,
-
-    $selected-hover-item-background: null,
-    $selected-hover-item-text-color: null,
-    $selected-hover-item-icon-color: null,
-
-    $selected-focus-item-background: null,
-    $selected-focus-item-text-color: null,
-
-    $disabled-item-background: null,
-    $disabled-item-text-color: null,
-    $border-color: null,
-    $border-width: null,
-    $shadow: null,
-    $size: null
-) {
-    $name: 'igx-drop-down';
-    $selector: '.igx-drop-down__list, .igx-grid-toolbar__dd-list';
-    $drop-down-schema: ();
-
-    @if map.has-key($schema, 'drop-down') {
-        $drop-down-schema: map.get($schema, 'drop-down');
-    } @else {
-        $drop-down-schema: $schema;
-    }
-
-    $theme: digest-schema($drop-down-schema);
-    $variant: map.get($theme, '_meta', 'theme');
-
-    @if not($item-text-color) and $background-color {
-        $item-text-color: adaptive-contrast(var(--background-color));
-    }
-
-    @if not($item-icon-color) and $item-text-color {
-        $item-icon-color: hsla(from var(--item-text-color) h s l / 0.8);
-    }
-
-    @if not($hover-item-background) and $background-color {
-        $hover-item-background: hsla(from adaptive-contrast(var(--background-color)) h s l / .12);
-    }
-
-    @if not($hover-item-text-color) and $item-text-color {
-        $hover-item-text-color: var(--item-text-color);
-    }
-
-    @if not($hover-item-icon-color) and $hover-item-text-color {
-        $hover-item-icon-color: hsla(from var(--hover-item-text-color) h s l / 0.8);
-    }
-
-    @if not($focused-item-background) and $background-color {
-        $focused-item-background: hsl(from var(--background-color) h s calc(l * 0.8));
-    }
-
-    @if not($focused-item-text-color) and $focused-item-background {
-        $focused-item-text-color: adaptive-contrast(var(--focused-item-background));
-    }
-
-    @if not($selected-item-background) and $background-color {
-        $selected-item-background: hsl(from var(--background-color) h s calc(l * 1.2));
-    }
-
-    @if not($selected-item-text-color) and $selected-item-background {
-        $selected-item-text-color: adaptive-contrast(var(--selected-item-background));
-    }
-
-    @if not($selected-item-icon-color) and $selected-item-text-color {
-        $selected-item-icon-color: hsla(from var(--selected-item-text-color) h s l / 0.8);
-    }
-
-    @if not($selected-hover-item-background) and $selected-item-background {
-        $selected-hover-item-background: hsl(from var(--selected-item-background) h s calc(l * 0.7));
-    }
-
-    @if not($selected-hover-item-text-color) and $selected-hover-item-background {
-        $selected-hover-item-text-color: adaptive-contrast(var(--selected-hover-item-background));
-    }
-
-    @if not($selected-hover-item-icon-color) and $selected-hover-item-text-color {
-        $selected-hover-item-icon-color: hsla(from var(--selected-hover-item-text-color) h s l / 0.8);
-    }
-
-    @if not($selected-focus-item-background) and $selected-item-background {
-        $selected-focus-item-background: hsl(from var(--selected-item-background) h s calc(l * 0.7));
-    }
-
-    @if not($selected-focus-item-text-color) and $selected-focus-item-background {
-        $selected-focus-item-text-color: adaptive-contrast(var(--selected-focus-item-background));
-    }
-
-    @if not($selected-focus-item-text-color) and $selected-focus-item-background {
-        $selected-focus-item-text-color: adaptive-contrast(var(--selected-focus-item-background));
-    }
-
-    @if $variant == 'indigo' {
-        @if not($focused-item-border-color) and $selected-item-background {
-            $focused-item-border-color: var(--selected-item-background);
-        }
-    }
-
-    @if not($disabled-item-text-color) and $background-color {
-            $disabled-item-text-color: hsla(from adaptive-contrast(var(--background-color)) h s l / .36);
-    }
-
-    @if not($disabled-item-text-color) and $disabled-item-background {
-        $disabled-item-text-color: hsla(from adaptive-contrast(var(--disabled-item-background)) h s l / .36);
-    }
-
-    @if not($header-text-color) and $background-color {
-        $header-text-color: hsla(from adaptive-contrast(var(--background-color)) h s l / .7);
-    }
-
-    @if not($shadow) {
-        $elevation: map.get($drop-down-schema, 'elevation');
-        $shadow: elevation($elevation);
-    }
-
-    @return extend($theme, (
-        name: $name,
-        selector: $selector,
-        background-color: $background-color,
-        border-radius: $border-radius,
-        item-border-radius: $item-border-radius,
-        header-text-color: $header-text-color,
-        item-text-color: $item-text-color,
-        item-icon-color: $item-icon-color,
-        hover-item-text-color: $hover-item-text-color,
-        hover-item-icon-color: $hover-item-icon-color,
-        hover-item-background: $hover-item-background,
-        focused-item-background: $focused-item-background,
-        focused-item-text-color: $focused-item-text-color,
-        focused-item-border-color: $focused-item-border-color,
-        selected-item-background: $selected-item-background,
-        selected-item-text-color: $selected-item-text-color,
-        selected-item-icon-color: $selected-item-icon-color,
-        selected-hover-item-background: $selected-hover-item-background,
-        selected-hover-item-text-color: $selected-hover-item-text-color,
-        selected-hover-item-icon-color: $selected-hover-item-icon-color,
-        selected-focus-item-background: $selected-focus-item-background,
-        selected-focus-item-text-color: $selected-focus-item-text-color,
-        disabled-item-background: $disabled-item-background,
-        disabled-item-text-color: $disabled-item-text-color,
-        shadow: $shadow,
-        border-color: $border-color,
-        border-width: $border-width,
-        size: $size,
-    ));
-}
 
 /// @deprecated Use the `css-vars` mixin instead.
 /// @see {mixin} css-vars

package/lib/core/styles/components/expansion-panel/_expansion-panel-theme.scss

@@ -1,103 +1,7 @@
 @use 'sass:map';
-@use 'sass:meta';
 @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>
-////
-
-/// Expansion panel Theme
-/// @param {Map} $schema [$light-material-schema] - The schema used as basis for styling the component.
-/// @param {Color} $header-background [null] - The panel header background color.
-/// @param {Color} $header-focus-background [null] - The panel header focus background color.
-/// @param {Color} $header-title-color [null] - The panel header title text color.
-/// @param {Color} $header-description-color [null] - The panel header description text color.
-/// @param {Color} $header-icon-color [null] - The panel header icon color.
-/// @param {Color} $body-color [null] - The panel body text color.
-/// @param {Color} $body-background [null] - The panel body background color.
-/// @param {Color} $disabled-text-color [null] - The panel disabled text color.
-/// @param {Color} $disabled-description-color [null] - The panel disabled header description text color.
-/// @param {Number} $expanded-margin [null] - The expansion panel margin in expanded state when positioned inside accordion.
-/// @param {List} $border-radius [null] - The border radius used for expansion-panel component.
-/// @requires $light-material-schema
-/// @example scss Change the header background color
-///   $my-expansion-panel-theme: expansion-panel-theme($header-background: black);
-///   // Pass the theme to the css-vars() mixin
-///   @include css-vars($my-expansion-panel-theme);
-@function expansion-panel-theme(
-    $schema: $light-material-schema,
-
-    $border-radius: null,
-    $header-background: null,
-    $header-focus-background: null,
-    $header-title-color: null,
-    $header-description-color: null,
-    $header-icon-color: null,
-    $body-color: null,
-    $body-background: null,
-    $disabled-text-color: null,
-    $disabled-description-color: null,
-    $expanded-margin: null
-) {
-    $name: 'igx-expansion-panel';
-    $expansion-panel-schema: ();
-
-    @if map.has-key($schema, 'expansion-panel') {
-        $expansion-panel-schema: map.get($schema, 'expansion-panel');
-    } @else {
-        $expansion-panel-schema: $schema;
-    }
-
-    $theme: digest-schema($expansion-panel-schema);
-
-    @if not($header-title-color) and $header-background {
-        $header-title-color: adaptive-contrast(var(--header-background));
-    }
-
-    @if not($header-icon-color) and $header-background {
-        $header-icon-color: adaptive-contrast(var(--header-background));
-    }
-
-    @if not($header-description-color) and $header-background {
-        $header-description-color: hsla(from adaptive-contrast(var(--header-background)) h s l / .8);
-    }
-
-    @if not($header-focus-background) and $header-background {
-        $header-focus-background: hsl(from var(--header-background) h s calc(l * 1.1));
-    }
-
-    @if not($body-color) and $body-background {
-        $body-color: adaptive-contrast(var(--body-background));
-    }
-
-    @if not($disabled-text-color) and $header-background {
-        $disabled-text-color: hsla(from adaptive-contrast(var(--header-background)) h s l / .5);
-    }
-
-    @if not($disabled-description-color) and $header-background {
-        $disabled-description-color: hsla(from adaptive-contrast(var(--header-background)) h s l / .5);
-    }
-
-    @return extend($theme, (
-        name: $name,
-        header-background: $header-background,
-        border-radius: $border-radius,
-        header-focus-background: $header-focus-background,
-        header-title-color: $header-title-color,
-        header-description-color: $header-description-color,
-        header-icon-color: $header-icon-color,
-        body-color: $body-color,
-        body-background: $body-background,
-        disabled-text-color: $disabled-text-color,
-        disabled-description-color: $disabled-description-color,
-        expanded-margin: $expanded-margin,
-    ));
-}
-
 /// @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/grid/_excel-filtering-theme.scss

@@ -3,7 +3,6 @@
 @use '../button-group/button-group-component' as *;
 @use '../button-group/button-group-theme' as *;
 @use '../tree/tree-theme' as *;
-@use '../../themes/schemas' as *;
 
 ////
 /// @group themes