igniteui-angular 20.0.7 → 20.0.9

package/lib/core/styles/components/label/_label-theme.scss

@@ -1,41 +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>
-////
-
-/// @param {Map} $schema [$light-material-schema] - The schema used as basis for styling the component.
-/// @param {Map} $color [null] - The text color.
-/// @param {Map} $disabled-color [null] - The disabled text color.
-@function label-theme(
-    $schema: $light-material-schema,
-    $color: null,
-    $disabled-color: null,
-) {
-    $name: 'igx-label';
-    $selector: '[igxLabel]';
-    $label-schema: ();
-
-    @if map.has-key($schema, 'label') {
-        $label-schema: map.get($schema, 'label');
-    } @else {
-        $label-schema: $schema;
-    }
-
-    $theme: digest-schema($label-schema);
-
-    @return extend($theme, (
-        name: $name,
-        selector: $selector,
-        color: $color,
-        disabled-color: $disabled-color
-    ));
-}
 
 /// @deprecated Use the `css-vars` mixin instead.
 /// @see {mixin} css-vars
@@ -44,10 +9,12 @@
     // The --variant CSS produced by css-vars is needed also
     // when dynamically switching between the input `type` attribute.
     @include css-vars($theme);
+
     $variant: map.get($theme, '_meta', 'theme');
 
     %label-base {
         @include ellipsis();
+
         position: relative;
         color: var-get($theme, 'color');
         max-width: 100%;

package/lib/core/styles/components/list/_list-theme.scss

@@ -1,271 +1,7 @@
 @use 'sass:map';
-@use 'sass:meta';
-@use 'sass:color';
 @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} $background [null] - The list background color.
-/// @param {Color} $header-background [null] - The list header background color.
-/// @param {Color} $header-text-color [null] - The list header text color.
-/// @param {Color} $item-background [null] - The list item background color.
-/// @param {Color} $item-background-hover [null] - The list item hover background color.
-/// @param {Color} $item-background-active [null] - The active list item background color.
-/// @param {Color} $item-background-selected [null] - The selected list item background color.
-/// @param {Color} $item-text-color [null] - The list item text color.
-/// @param {Color} $item-text-color-hover [null] - The list item hover text color.
-/// @param {Color} $item-text-color-active [null] - The active list item text color.
-/// @param {Color} $item-text-color-selected [null] - The selected list item text color.
-/// @param {Color} $item-title-color [null] - The list item title color.
-/// @param {Color} $item-title-color-hover [null] - The list item hover title color.
-/// @param {Color} $item-title-color-active [null] - The active list item title color.
-/// @param {Color} $item-title-color-selected [null] - The selected list item title color.
-/// @param {Color} $item-subtitle-color [null] - The list item subtitle color.
-/// @param {Color} $item-subtitle-color-hover [null] - The list item hover subtitle color.
-/// @param {Color} $item-subtitle-color-active [null] - The active list item subtitle color.
-/// @param {Color} $item-subtitle-color-selected [null] - The selected list item subtitle color.
-/// @param {Color} $item-action-color [null] - The list item action color.
-/// @param {Color} $item-action-color-hover [null] - The list item hover action color.
-/// @param {Color} $item-action-color-active [null] - The active list item action color.
-/// @param {Color} $item-action-color-selected [null] - The selected list item action color.
-/// @param {Color} $item-thumbnail-color [null] - The list item thumbnail color.
-/// @param {Color} $item-thumbnail-color-hover [null] - The list item hover thumbnail color.
-/// @param {Color} $item-thumbnail-color-active [null] - The active list item thumbnail color.
-/// @param {Color} $item-thumbnail-color-selected [null] - The selected list item thumbnail color.
-/// @param {List} $border-radius [null] - The border radius used for list component.
-/// @param {List} $item-border-radius [null] - The border radius used for list item.
-/// @param {Color} $border-width [null] - The list border width.
-/// @param {Number} $border-color [null] - The list border color.
-/// @requires $light-material-schema
-/// @example scss Change the list background color
-///   $my-list-theme: list-theme($background: black);
-///   // Pass the theme to the css-vars() mixin
-///   @include css-vars($my-list-theme);
-@function list-theme(
-    $schema: $light-material-schema,
-
-    $border-radius: null,
-    $item-border-radius: null,
-    $background: null,
-    $header-background: null,
-    $header-text-color: null,
-    $item-background: null,
-    $item-background-hover: null,
-    $item-background-active: null,
-    $item-background-selected: null,
-    $item-text-color: null,
-    $item-text-color-hover: null,
-    $item-text-color-active: null,
-    $item-text-color-selected: null,
-    $item-title-color: null,
-    $item-title-color-hover: null,
-    $item-title-color-active: null,
-    $item-title-color-selected: null,
-    $item-subtitle-color: null,
-    $item-subtitle-color-hover: null,
-    $item-subtitle-color-active: null,
-    $item-subtitle-color-selected: null,
-    $item-action-color: null,
-    $item-action-color-hover: null,
-    $item-action-color-active: null,
-    $item-action-color-selected: null,
-    $item-thumbnail-color: null,
-    $item-thumbnail-color-hover: null,
-    $item-thumbnail-color-active: null,
-    $item-thumbnail-color-selected: null,
-    $border-color: null,
-    $border-width: null,
-) {
-    $name: 'igx-list';
-    $list-schema: ();
-
-    @if map.has-key($schema, 'list') {
-        $list-schema: map.get($schema, 'list');
-    } @else {
-        $list-schema: $schema;
-    }
-
-    $theme: digest-schema($list-schema);
-    $variant: map.get($theme, '_meta', 'theme');
-
-    @if not($header-background) and $background {
-        $header-background: var(--background);
-    }
-
-    @if not($header-background) and $item-background {
-        $header-background: var(--item-background);
-    }
-
-    @if not($item-background) and $background {
-        $item-background: var(--background);
-    }
-
-    @if not($background) and $item-background {
-        $background: var(--item-background);
-    }
-
-    @if not($item-background-hover) and $item-background {
-        $item-background-hover: hsl(from var(--item-background) h s calc(l * 0.9));
-    }
-
-    @if not($item-background-active) and $item-background-hover {
-        $item-background-active: var(--item-background-hover);
-    }
-
-    @if not($item-background-selected) and $item-background-active {
-        $item-background-selected: var(--item-background-active);
-    }
-
-    @if not($header-text-color) and $header-background {
-        $header-text-color: adaptive-contrast(var(--header-background));
-    }
-
-    @if not($item-text-color) and $item-background {
-        $item-text-color: adaptive-contrast(var(--item-background));
-    }
-
-    @if not($item-title-color) and $item-background {
-        $item-title-color: adaptive-contrast(var(--item-background));
-    }
-
-    @if not($item-action-color) and $item-background {
-        $item-action-color: adaptive-contrast(var(--item-background));
-    }
-
-    @if not($item-thumbnail-color) and $item-background {
-        $item-thumbnail-color: adaptive-contrast(var(--item-background));
-    }
-
-    @if not($item-subtitle-color) and $item-background {
-        $item-subtitle-color: hsla(from adaptive-contrast(var(--item-background)) h s l / .74);
-    }
-
-    @if not($item-subtitle-color) and $item-text-color {
-        $item-subtitle-color: var(--item-text-color);
-    }
-
-    @if not($item-text-color-hover) and $item-background-hover {
-        $item-text-color-hover: adaptive-contrast(var(--item-background-hover));
-    }
-
-    @if not($item-title-color-hover) and $item-background-hover {
-        $item-title-color-hover: adaptive-contrast(var(--item-background-hover));
-    }
-
-    @if not($item-action-color-hover) and $item-background-hover {
-        $item-action-color-hover: adaptive-contrast(var(--item-background-hover));
-    }
-
-    @if not($item-thumbnail-color-hover) and $item-background-hover {
-        $item-thumbnail-color-hover: adaptive-contrast(var(--item-background-hover));
-    }
-
-    @if not($item-subtitle-color-hover) and $item-background-hover {
-        $item-subtitle-color-hover: hsla(from adaptive-contrast(var(--item-background-hover)) h s l / .74);
-    }
-
-    @if not($item-subtitle-color-hover) and $item-text-color-hover {
-        $item-subtitle-color-hover: var(--item-text-color-hover);
-    }
-
-    @if not($item-text-color-active) and $item-background-active {
-        $item-text-color-active: adaptive-contrast(var(--item-background-active));
-    }
-
-    @if not($item-text-color-selected) and $item-background-selected {
-        $item-text-color-selected: adaptive-contrast(var(--item-background-selected));
-    }
-
-    @if not($item-title-color-active) and $item-background-active {
-        $item-title-color-active: adaptive-contrast(var(--item-background-active));
-    }
-
-    @if not($item-title-color-selected) and $item-background-selected {
-        $item-title-color-selected: adaptive-contrast(var(--item-background-selected));
-    }
-
-    @if not($item-action-color-active) and $item-background-active {
-        $item-action-color-active: adaptive-contrast(var(--item-background-active));
-    }
-
-    @if not($item-action-color-selected) and $item-background-selected {
-        $item-action-color-selected: adaptive-contrast(var(--item-background-selected));
-    }
-
-    @if not($item-thumbnail-color-active) and $item-background-active {
-        $item-thumbnail-color-active: adaptive-contrast(var(--item-background-active));
-    }
-
-    @if not($item-thumbnail-color-selected) and $item-background-selected {
-        $item-thumbnail-color-selected: adaptive-contrast(var(--item-background-selected));
-    }
-
-    @if not($item-subtitle-color-active) and $item-background-active {
-        $item-subtitle-color-active: hsla(from adaptive-contrast(var(--item-background-active)) h s l / .74);
-    }
-
-    @if not($item-subtitle-color-selected) and $item-background-selected {
-        $item-subtitle-color-selected: hsla(from adaptive-contrast(var(--item-background-selected)) h s l / .74);
-    }
-
-    @if not($item-subtitle-color-active) and $item-text-color-active {
-        $item-subtitle-color-active: var(--item-text-color-active);
-    }
-
-    @if not($item-subtitle-color-selected) and $item-text-color-selected {
-        $item-subtitle-color-selected: var(--item-text-color-selected);
-    }
-
-    @if $variant == 'fluent' or $variant == 'bootstrap'{
-        @if not($border-color) and $item-background {
-            $border-color: hsla(from adaptive-contrast(var(--item-background)) h s l / .15);
-        }
-    }
-
-    @return extend($theme, (
-        name: $name,
-        border-radius: $border-radius,
-        item-border-radius: $item-border-radius,
-        background: $background,
-        header-background: $header-background,
-        header-text-color: $header-text-color,
-        item-background: $item-background,
-        item-background-hover: $item-background-hover,
-        item-background-active: $item-background-active,
-        item-background-selected: $item-background-selected,
-        item-text-color: $item-text-color,
-        item-text-color-hover: $item-text-color-hover,
-        item-text-color-active: $item-text-color-active,
-        item-text-color-selected: $item-text-color-selected,
-        item-title-color:$item-title-color,
-        item-title-color-hover:$item-title-color-hover,
-        item-title-color-active:$item-title-color-active,
-        item-title-color-selected:$item-title-color-selected,
-        item-subtitle-color: $item-subtitle-color,
-        item-subtitle-color-hover: $item-subtitle-color-hover,
-        item-subtitle-color-active: $item-subtitle-color-active,
-        item-subtitle-color-selected: $item-subtitle-color-selected,
-        item-action-color: $item-action-color,
-        item-action-color-hover: $item-action-color-hover,
-        item-action-color-active: $item-action-color-active,
-        item-action-color-selected: $item-action-color-selected,
-        item-thumbnail-color: $item-thumbnail-color,
-        item-thumbnail-color-hover: $item-thumbnail-color-hover,
-        item-thumbnail-color-active: $item-thumbnail-color-active,
-        item-thumbnail-color-selected: $item-thumbnail-color-selected,
-        border-color: $border-color,
-        border-width: $border-width,
-    ));
-}
-
 /// @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/navbar/_navbar-theme.scss

@@ -1,96 +1,7 @@
 @use 'sass:map';
 @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} $background [null] - The navbar background color.
-/// @param {Color} $text-color [null] - The navbar text color.
-/// @param {Color} $border-color [null] - The navbar border color.
-/// @param {box-shadow} $shadow [null] - The shadow of the navbar.
-/// @param {Color} $idle-icon-color [null] - The navbar idle icon color.
-/// @param {Color} $hover-icon-color [null] - The navbar hover icon color.
-/// @param {Bool} $disable-shadow [true] - Sets the navbar shadow visibility.
-/// @requires $light-material-schema
-/// @example scss Change the background color
-///   $my-navbar-theme: navbar-theme($background: green);
-///   // Pass the theme to the css-vars() mixin
-///   @include css-vars($my-navbar-theme);
-@function navbar-theme(
-    $schema: $light-material-schema,
-    $background: null,
-    $border-color: null,
-    $text-color: null,
-    $shadow: null,
-    $idle-icon-color: null,
-    $hover-icon-color: null,
-    $disable-shadow: false
-) {
-    $name: 'igx-navbar';
-    $navbar-schema: ();
-
-    @if map.has-key($schema, 'navbar') {
-        $navbar-schema: map.get($schema, 'navbar');
-    } @else {
-        $navbar-schema: $schema;
-    }
-
-    $theme: digest-schema($navbar-schema);
-    $variant: map.get($theme, '_meta', 'theme');
-
-    @if not($text-color) and $background {
-        $text-color: adaptive-contrast(var(--background));
-    }
-
-    @if not($hover-icon-color) and $idle-icon-color {
-        $hover-icon-color: hsl(from (var(--idle-icon-color)) h s calc(l * 1.1));
-    }
-
-    @if not($idle-icon-color) and $background {
-        $idle-icon-color: adaptive-contrast(var(--background));
-    }
-
-    @if $variant == 'indigo' {
-        @if not($border-color) and $background {
-            $border-color: hsla(from adaptive-contrast(var(--background)) h s l / 0.3);
-        }
-
-        @if not($hover-icon-color) and $background {
-            $hover-icon-color: hsla(from adaptive-contrast(var(--background)) h s l / 0.7);
-        }
-    } @else {
-        @if not($hover-icon-color) and $background {
-            $hover-icon-color: adaptive-contrast(var(--background));
-        }
-    }
-
-    @if not($shadow) {
-        $elevation: map.get($navbar-schema, 'elevation');
-        $shadow: elevation($elevation);
-    }
-
-    @if $disable-shadow {
-        $shadow: none;
-    }
-
-    @return extend($theme, (
-        name: $name,
-        background: $background,
-        border-color: $border-color,
-        text-color: $text-color,
-        idle-icon-color: $idle-icon-color,
-        hover-icon-color: $hover-icon-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/navdrawer/_navdrawer-theme.scss

@@ -1,148 +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/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} $background [null] - The navigation drawer background color.
-/// @param {Color} $border-color [null] - The navigation drawer right border color.
-/// @param {Color} $item-header-text-color [null] - The header's idle text color.
-/// @param {Color} $item-text-color [null] - The item's idle text color.
-/// @param {Color} $item-icon-color [null] - The item's icon color.
-/// @param {Color} $item-active-text-color [null] - The item's active text color.
-/// @param {Color} $item-active-background [null] - The item's active background color.
-/// @param {Color} $item-active-icon-color [null] - The item's icon active color.
-/// @param {Color} $item-hover-background [null] - The item's hover background color.
-/// @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} $item-disabled-text-color [null] - The item's disabled text color.
-/// @param {Color} $item-disabled-icon-color [null] - The item's disabled icon color.
-/// @param {Color} $shadow [null] - Sets a custom shadow to be used by the drawer.
-/// @param {List} $border-radius [null] - The border radius used for the navdrawer.
-/// @param {List} $item-border-radius [null] - The border radius used for the navdrawer item.
-/// @requires $light-material-schema
-/// @example scss Change the background and item colors
-///   $navdrawer-theme: navdrawer-theme(
-///     $background: #2d313a,
-///     $item-active-background: #ecc256,
-///     $item-icon-color: #ecc256
-///   );
-///   // Pass the theme to the css-vars() mixin
-///   @include css-vars($navdrawer-theme);
-@function navdrawer-theme(
-    $schema: $light-material-schema,
-
-    $border-radius: null,
-    $item-border-radius: null,
-
-    $background: null,
-    $border-color: null,
-
-    $item-header-text-color: null,
-    $item-text-color: null,
-    $item-icon-color: null,
-
-    $item-active-text-color: null,
-    $item-active-background: null,
-    $item-active-icon-color:null,
-
-    $item-hover-background: null,
-    $item-hover-text-color: null,
-    $item-hover-icon-color: null,
-
-    $item-disabled-text-color: null,
-    $item-disabled-icon-color: null,
-    $shadow: null
-) {
-    $name: 'igx-nav-drawer';
-    $navdrawer-schema: ();
-
-    @if map.has-key($schema, 'nav-drawer') {
-        $navdrawer-schema: map.get($schema, 'nav-drawer');
-    } @else {
-        $navdrawer-schema: $schema;
-    }
-
-    $theme: digest-schema($navdrawer-schema);
-
-    @if not($item-header-text-color) and $background {
-        $item-header-text-color: adaptive-contrast(var(--background));
-    }
-
-    @if not($item-text-color) and $background {
-        $item-text-color: adaptive-contrast(var(--background));
-    }
-
-    @if not($item-icon-color) and $background {
-        $item-icon-color: adaptive-contrast(var(--background));
-    }
-
-    @if not($item-hover-background) and $background {
-        $item-hover-background: hsla(from adaptive-contrast(var(--background)) h s l / .08);
-    }
-
-    @if not($item-hover-text-color) and $background {
-        $item-hover-text-color: adaptive-contrast(var(--background));
-    }
-
-    @if not($item-hover-icon-color) and $background {
-        $item-hover-icon-color: adaptive-contrast(var(--background));
-    }
-
-    @if not($item-active-background) and $background {
-        $item-active-background: hsla(from adaptive-contrast(var(--background)) h s l / .24);
-    }
-
-    @if not($item-active-text-color) and $item-active-background {
-        $item-active-text-color: adaptive-contrast(var(--item-active-background));
-    }
-
-    @if not($item-active-icon-color) and $item-active-background {
-        $item-active-icon-color: adaptive-contrast(var(--item-active-background));
-    }
-
-    @if not($item-disabled-text-color) and $background {
-        $item-disabled-text-color: hsla(from adaptive-contrast(var(--background)) h s l / .38);
-    }
-    @if not($item-disabled-icon-color) and $background {
-        $item-disabled-icon-color: hsla(from adaptive-contrast(var(--background)) h s l / .38);
-    }
-
-    @if not($shadow) {
-        $elevation: map.get($navdrawer-schema, 'elevation');
-        $shadow: elevation($elevation);
-    }
-
-    @return extend($theme, (
-        name: $name,
-        border-radius: $border-radius,
-        item-border-radius: $item-border-radius,
-        background: $background,
-        border-color: $border-color,
-        item-text-color:$item-text-color,
-        item-active-text-color: $item-active-text-color,
-        item-active-background: $item-active-background,
-        item-hover-background: $item-hover-background,
-        item-hover-text-color:$item-hover-text-color,
-        item-header-text-color:$item-header-text-color,
-        item-icon-color:$item-icon-color,
-        item-active-icon-color:$item-active-icon-color,
-        item-hover-icon-color: $item-hover-icon-color,
-        item-disabled-text-color:$item-disabled-text-color,
-        item-disabled-icon-color: $item-disabled-icon-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/overlay/_overlay-theme.scss

@@ -1,45 +1,7 @@
 @use 'sass:map';
 @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} $background-color [null] - The background color used for modal overlays.
-/// @requires $light-material-schema
-/// @example scss Change the background color
-///   $my-overlay-theme: overlay-theme($background-color: rgba(yellow, .74));
-///   // Pass the theme to the css-vars() mixin
-///   @include css-vars($my-overlay-theme);
-@function overlay-theme(
-    $schema: $light-material-schema,
-    $background-color: null
-) {
-    $name: 'igx-overlay';
-    $selector: '.igx-overlay__wrapper--modal, .igx-overlay__content--modal';
-    $overlay-schema: ();
-
-    @if map.has-key($schema, 'overlay') {
-        $overlay-schema: map.get($schema, 'overlay');
-    } @else {
-        $overlay-schema: $schema;
-    }
-
-    $theme: digest-schema($overlay-schema);
-
-    @return extend($theme, (
-        name: $name,
-        selector: $selector,
-        background-color: $background-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/paginator/_paginator-theme.scss

@@ -1,55 +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>
-////
-
-/// Grid Paging Theme
-/// @param {Map} $schema [$light-material-schema] - The schema used as basis for styling the component.
-/// @param {Color} $text-color [currentColor] - The text color.
-/// @param {Color} $background-color [rgba(0, 0, 0, .04)] - The background color of the paging panel.
-/// @param {Color} $border-color [rgba(0, 0, 0, .26)] - The border color of the paging panel.
-/// @requires $light-material-schema
-/// @example scss Change the stripes color
-///   $my-paginator-theme: paginator-theme(
-///     $stripes-color: orange
-///   );
-///   // Pass the theme to the css-vars() mixin
-///   @include css-vars($my-paginator-theme);
-@function paginator-theme(
-    $schema: $light-material-schema,
-
-    $text-color: null,
-    $background-color: null,
-    $border-color: null
-) {
-    $name: 'igx-paginator';
-    $grid-paginator-schema: ();
-
-    @if map.has-key($schema, 'paginator') {
-        $grid-paginator-schema: map.get($schema, 'paginator');
-    } @else {
-        $grid-paginator-schema: $schema;
-    }
-
-    $theme: digest-schema($grid-paginator-schema);
-
-    @if not($text-color) and $background-color {
-        $text-color: adaptive-contrast($background-color);
-    }
-
-    @return extend($theme, (
-        name: $name,
-        text-color: $text-color,
-        background-color: $background-color,
-        border-color: $border-color,
-    ));
-}
 
 /// @deprecated Use the `css-vars` mixin instead.
 /// @see {mixin} css-vars