@ng-matero/extensions 17.3.5 → 18.0.1

package/select/select.d.ts

@@ -70,7 +70,6 @@ export declare class MtxSelect implements OnInit, OnDestroy, DoCheck, AfterViewI
     selectableGroup: boolean;
     selectableGroupAsModel: boolean;
     hideSelected: boolean;
-    isOpen: boolean;
     loading: boolean;
     loadingText: string;
     labelForId: string | null;
@@ -235,7 +234,23 @@ export declare class MtxSelect implements OnInit, OnDestroy, DoCheck, AfterViewI
     blur(): void;
     openChange(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<MtxSelect, [null, null, null, null, { optional: true; }, { optional: true; }, { optional: true; self: true; }, { optional: true; }, { optional: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MtxSelect, "mtx-select", ["mtxSelect"], { "addTag": { "alias": "addTag"; "required": false; }; "addTagText": { "alias": "addTagText"; "required": false; }; "appearance": { "alias": "appearance"; "required": false; }; "appendTo": { "alias": "appendTo"; "required": false; }; "bindLabel": { "alias": "bindLabel"; "required": false; }; "bindValue": { "alias": "bindValue"; "required": false; }; "closeOnSelect": { "alias": "closeOnSelect"; "required": false; }; "clearAllText": { "alias": "clearAllText"; "required": false; }; "clearable": { "alias": "clearable"; "required": false; }; "clearOnBackspace": { "alias": "clearOnBackspace"; "required": false; }; "compareWith": { "alias": "compareWith"; "required": false; }; "dropdownPosition": { "alias": "dropdownPosition"; "required": false; }; "groupBy": { "alias": "groupBy"; "required": false; }; "groupValue": { "alias": "groupValue"; "required": false; }; "bufferAmount": { "alias": "bufferAmount"; "required": false; }; "selectableGroup": { "alias": "selectableGroup"; "required": false; }; "selectableGroupAsModel": { "alias": "selectableGroupAsModel"; "required": false; }; "hideSelected": { "alias": "hideSelected"; "required": false; }; "isOpen": { "alias": "isOpen"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "loadingText": { "alias": "loadingText"; "required": false; }; "labelForId": { "alias": "labelForId"; "required": false; }; "markFirst": { "alias": "markFirst"; "required": false; }; "maxSelectedItems": { "alias": "maxSelectedItems"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "notFoundText": { "alias": "notFoundText"; "required": false; }; "searchable": { "alias": "searchable"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "searchFn": { "alias": "searchFn"; "required": false; }; "searchWhileComposing": { "alias": "searchWhileComposing"; "required": false; }; "selectOnTab": { "alias": "selectOnTab"; "required": false; }; "trackByFn": { "alias": "trackByFn"; "required": false; }; "inputAttrs": { "alias": "inputAttrs"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "openOnEnter": { "alias": "openOnEnter"; "required": false; }; "minTermLength": { "alias": "minTermLength"; "required": false; }; "editableSearchTerm": { "alias": "editableSearchTerm"; "required": false; }; "keyDownFn": { "alias": "keyDownFn"; "required": false; }; "virtualScroll": { "alias": "virtualScroll"; "required": false; }; "typeToSearchText": { "alias": "typeToSearchText"; "required": false; }; "typeahead": { "alias": "typeahead"; "required": false; }; "clearSearchOnAdd": { "alias": "clearSearchOnAdd"; "required": false; }; "items": { "alias": "items"; "required": false; }; "value": { "alias": "value"; "required": false; }; "id": { "alias": "id"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "required": { "alias": "required"; "required": false; }; "errorStateMatcher": { "alias": "errorStateMatcher"; "required": false; }; "ariaLabel": { "alias": "aria-label"; "required": false; }; "ariaLabelledby": { "alias": "aria-labelledby"; "required": false; }; }, { "blurEvent": "blur"; "focusEvent": "focus"; "changeEvent": "change"; "openEvent": "open"; "closeEvent": "close"; "searchEvent": "search"; "clearEvent": "clear"; "addEvent": "add"; "removeEvent": "remove"; "scroll": "scroll"; "scrollToEnd": "scrollToEnd"; }, ["optionTemplate", "optgroupTemplate", "labelTemplate", "multiLabelTemplate", "headerTemplate", "footerTemplate", "notFoundTemplate", "typeToSearchTemplate", "loadingTextTemplate", "tagTemplate", "loadingSpinnerTemplate", "mtxOptions"], never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MtxSelect, "mtx-select", ["mtxSelect"], { "addTag": { "alias": "addTag"; "required": false; }; "addTagText": { "alias": "addTagText"; "required": false; }; "appearance": { "alias": "appearance"; "required": false; }; "appendTo": { "alias": "appendTo"; "required": false; }; "bindLabel": { "alias": "bindLabel"; "required": false; }; "bindValue": { "alias": "bindValue"; "required": false; }; "closeOnSelect": { "alias": "closeOnSelect"; "required": false; }; "clearAllText": { "alias": "clearAllText"; "required": false; }; "clearable": { "alias": "clearable"; "required": false; }; "clearOnBackspace": { "alias": "clearOnBackspace"; "required": false; }; "compareWith": { "alias": "compareWith"; "required": false; }; "dropdownPosition": { "alias": "dropdownPosition"; "required": false; }; "groupBy": { "alias": "groupBy"; "required": false; }; "groupValue": { "alias": "groupValue"; "required": false; }; "bufferAmount": { "alias": "bufferAmount"; "required": false; }; "selectableGroup": { "alias": "selectableGroup"; "required": false; }; "selectableGroupAsModel": { "alias": "selectableGroupAsModel"; "required": false; }; "hideSelected": { "alias": "hideSelected"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "loadingText": { "alias": "loadingText"; "required": false; }; "labelForId": { "alias": "labelForId"; "required": false; }; "markFirst": { "alias": "markFirst"; "required": false; }; "maxSelectedItems": { "alias": "maxSelectedItems"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "notFoundText": { "alias": "notFoundText"; "required": false; }; "searchable": { "alias": "searchable"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "searchFn": { "alias": "searchFn"; "required": false; }; "searchWhileComposing": { "alias": "searchWhileComposing"; "required": false; }; "selectOnTab": { "alias": "selectOnTab"; "required": false; }; "trackByFn": { "alias": "trackByFn"; "required": false; }; "inputAttrs": { "alias": "inputAttrs"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "openOnEnter": { "alias": "openOnEnter"; "required": false; }; "minTermLength": { "alias": "minTermLength"; "required": false; }; "editableSearchTerm": { "alias": "editableSearchTerm"; "required": false; }; "keyDownFn": { "alias": "keyDownFn"; "required": false; }; "virtualScroll": { "alias": "virtualScroll"; "required": false; }; "typeToSearchText": { "alias": "typeToSearchText"; "required": false; }; "typeahead": { "alias": "typeahead"; "required": false; }; "clearSearchOnAdd": { "alias": "clearSearchOnAdd"; "required": false; }; "items": { "alias": "items"; "required": false; }; "value": { "alias": "value"; "required": false; }; "id": { "alias": "id"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "required": { "alias": "required"; "required": false; }; "errorStateMatcher": { "alias": "errorStateMatcher"; "required": false; }; "ariaLabel": { "alias": "aria-label"; "required": false; }; "ariaLabelledby": { "alias": "aria-labelledby"; "required": false; }; }, { "blurEvent": "blur"; "focusEvent": "focus"; "changeEvent": "change"; "openEvent": "open"; "closeEvent": "close"; "searchEvent": "search"; "clearEvent": "clear"; "addEvent": "add"; "removeEvent": "remove"; "scroll": "scroll"; "scrollToEnd": "scrollToEnd"; }, ["optionTemplate", "optgroupTemplate", "labelTemplate", "multiLabelTemplate", "headerTemplate", "footerTemplate", "notFoundTemplate", "typeToSearchTemplate", "loadingTextTemplate", "tagTemplate", "loadingSpinnerTemplate", "mtxOptions"], never, true, never>;
+    static ngAcceptInputType_closeOnSelect: unknown;
+    static ngAcceptInputType_clearable: unknown;
+    static ngAcceptInputType_clearOnBackspace: unknown;
+    static ngAcceptInputType_selectableGroup: unknown;
+    static ngAcceptInputType_selectableGroupAsModel: unknown;
+    static ngAcceptInputType_hideSelected: unknown;
+    static ngAcceptInputType_loading: unknown;
+    static ngAcceptInputType_markFirst: unknown;
+    static ngAcceptInputType_multiple: unknown;
+    static ngAcceptInputType_searchable: unknown;
+    static ngAcceptInputType_readonly: unknown;
+    static ngAcceptInputType_searchWhileComposing: unknown;
+    static ngAcceptInputType_selectOnTab: unknown;
+    static ngAcceptInputType_openOnEnter: unknown;
+    static ngAcceptInputType_editableSearchTerm: unknown;
+    static ngAcceptInputType_virtualScroll: unknown;
     static ngAcceptInputType_disabled: unknown;
     static ngAcceptInputType_required: unknown;
 }

package/select/select.scss

@@ -189,8 +189,7 @@ $_tokens: tokens-mtx-select.$prefix, tokens-mtx-select.get-token-slots();
 
       @include token-utils.create-token-slot(border-bottom-left-radius, container-shape);
       @include token-utils.create-token-slot(border-bottom-right-radius, container-shape);
-
-      @include mat.elevation(8);
+      @include token-utils.create-token-slot(box-shadow, container-elevation-shadow);
     }
 
     &.ng-select-top {
@@ -198,8 +197,7 @@ $_tokens: tokens-mtx-select.$prefix, tokens-mtx-select.get-token-slots();
 
       @include token-utils.create-token-slot(border-top-left-radius, container-shape);
       @include token-utils.create-token-slot(border-top-right-radius, container-shape);
-
-      @include mat.elevation(8);
+      @include token-utils.create-token-slot(box-shadow, container-elevation-shadow);
     }
 
     .ng-dropdown-header,

package/split/_split-theme.scss

@@ -1,6 +1,5 @@
 @use 'sass:map';
 @use '@angular/material' as mat;
-@use '../core/style/sass-utils';
 @use '../core/theming/inspection';
 @use '../core/theming/validation';
 @use '../core/tokens/token-utils';
@@ -11,7 +10,7 @@
     @include _theme-from-tokens(inspection.get-theme-tokens($theme, base));
   }
   @else {
-    @include sass-utils.current-selector-or-root() {
+    @include mat.private-current-selector-or-root() {
       @include token-utils.create-token-values(tokens-mtx-split.$prefix,
         tokens-mtx-split.get-unthemable-tokens());
     }
@@ -23,7 +22,7 @@
     @include _theme-from-tokens(inspection.get-theme-tokens($theme, color), $options...);
   }
   @else {
-    @include sass-utils.current-selector-or-root() {
+    @include mat.private-current-selector-or-root() {
       @include token-utils.create-token-values(tokens-mtx-split.$prefix,
         tokens-mtx-split.get-color-tokens($theme));
     }

package/split/split-pane.d.ts

@@ -1,4 +1,4 @@
-import { ElementRef, Renderer2, OnInit, OnDestroy, NgZone } from '@angular/core';
+import { ElementRef, NgZone, OnDestroy, OnInit, Renderer2 } from '@angular/core';
 import { MtxSplit } from './split';
 import * as i0 from "@angular/core";
 export declare class MtxSplitPane implements OnInit, OnDestroy {
@@ -6,24 +6,38 @@ export declare class MtxSplitPane implements OnInit, OnDestroy {
     elRef: ElementRef;
     private renderer;
     private split;
-    private _order;
-    set order(v: number | null);
+    /**
+     * Order of the area. Used to maintain the order of areas when toggling their visibility.
+     * Toggling area visibility without specifying an `order` leads to weird behavior.
+     */
     get order(): number | null;
-    private _size;
-    set size(v: number | null);
+    set order(v: number | null);
+    private _order;
+    /**
+     * Size of the area in selected unit (percent/pixel).
+     * - Percent: All areas sizes should equal to `100`, If not, all areas will have the same size.
+     * - Pixel: An area with wildcard size (`size="*"`) is mandatory (only one) and
+     *   can't have `visible="false"` or `minSize`/`maxSize`/`lockSize` properties.
+     */
     get size(): number | null;
-    private _minSize;
-    set minSize(v: number | null);
+    set size(v: number | null);
+    private _size;
+    /** Minimum pixel or percent size, should be equal to or smaller than provided `size`. */
     get minSize(): number | null;
-    private _maxSize;
-    set maxSize(v: number | null);
+    set minSize(v: number | null);
+    private _minSize;
+    /** Maximum pixel or percent size, should be equal to or larger than provided `size`. */
     get maxSize(): number | null;
-    private _lockSize;
-    set lockSize(v: boolean);
+    set maxSize(v: number | null);
+    private _maxSize;
+    /** Lock area size, same as `minSize`=`maxSize`=`size`. */
     get lockSize(): boolean;
-    private _visible;
-    set visible(v: boolean);
+    set lockSize(v: boolean);
+    private _lockSize;
+    /** Hide area visually but still present in the DOM, use `ngIf` to completely remove it. */
     get visible(): boolean;
+    set visible(v: boolean);
+    private _visible;
     private transitionListener;
     private readonly lockListeners;
     constructor(ngZone: NgZone, elRef: ElementRef, renderer: Renderer2, split: MtxSplit);
@@ -35,4 +49,6 @@ export declare class MtxSplitPane implements OnInit, OnDestroy {
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<MtxSplitPane, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<MtxSplitPane, "mtx-split-pane, [mtx-split-pane]", ["mtxSplitPane"], { "order": { "alias": "order"; "required": false; }; "size": { "alias": "size"; "required": false; }; "minSize": { "alias": "minSize"; "required": false; }; "maxSize": { "alias": "maxSize"; "required": false; }; "lockSize": { "alias": "lockSize"; "required": false; }; "visible": { "alias": "visible"; "required": false; }; }, {}, never, never, true, never>;
+    static ngAcceptInputType_lockSize: unknown;
+    static ngAcceptInputType_visible: unknown;
 }

package/split/split.d.ts

@@ -42,39 +42,60 @@ export declare class MtxSplit implements AfterViewInit, OnDestroy {
     private renderer;
     protected _defaultOptions?: MtxSplitDefaultOptions | undefined;
     color: ThemePalette;
-    private _direction;
-    set direction(v: 'horizontal' | 'vertical');
+    /** The split direction. */
     get direction(): 'horizontal' | 'vertical';
-    private _unit;
-    set unit(v: 'percent' | 'pixel');
+    set direction(v: 'horizontal' | 'vertical');
+    private _direction;
+    /** The unit you want to specify area sizes. */
     get unit(): 'percent' | 'pixel';
-    private _gutterSize;
-    set gutterSize(v: number);
+    set unit(v: 'percent' | 'pixel');
+    private _unit;
+    /** Gutters's size (dragging elements) in pixels. */
     get gutterSize(): number;
-    private _gutterStep;
-    set gutterStep(v: number);
+    set gutterSize(v: number);
+    private _gutterSize;
+    /** Gutter step while moving in pixels. */
     get gutterStep(): number;
-    private _restrictMove;
-    set restrictMove(v: boolean);
-    get restrictMove(): boolean;
-    private _useTransition;
-    set useTransition(v: boolean);
+    set gutterStep(v: number);
+    private _gutterStep;
+    /** Set to true if you want to limit gutter move to adjacent areas only. */
+    restrictMove: boolean;
+    /** Add transition when toggling visibility using `visible` or `size` changes. */
     get useTransition(): boolean;
-    private _disabled;
-    set disabled(v: boolean);
+    set useTransition(v: boolean);
+    private _useTransition;
+    /**
+     * Disable the dragging feature (remove cursor/image on gutters).
+     * `gutterClick`/`gutterDblClick` still emits.
+     */
     get disabled(): boolean;
-    private _dir;
-    set dir(v: 'ltr' | 'rtl');
+    set disabled(v: boolean);
+    private _disabled;
+    /** Indicates the directionality of the areas. */
     get dir(): 'ltr' | 'rtl';
-    private _gutterDblClickDuration;
-    set gutterDblClickDuration(v: number);
+    set dir(v: 'ltr' | 'rtl');
+    private _dir;
+    /**
+     * Milliseconds to detect a double click on a gutter. Set it around 300-500ms if
+     * you want to use `gutterDblClick` event.
+     */
     get gutterDblClickDuration(): number;
+    set gutterDblClickDuration(v: number);
+    private _gutterDblClickDuration;
+    /** Event emitted when drag starts. */
     dragStart: EventEmitter<MtxSplitOutputData>;
+    /** Event emitted when drag ends. */
     dragEnd: EventEmitter<MtxSplitOutputData>;
+    /** Event emitted when user clicks on a gutter. */
     gutterClick: EventEmitter<MtxSplitOutputData>;
+    /** Event emitted when user double clicks on a gutter. */
     gutterDblClick: EventEmitter<MtxSplitOutputData>;
-    private transitionEndSubscriber;
+    /**
+     * Event emitted when transition ends (could be triggered from `visible` or `size` changes).
+     * Only if `useTransition` equals true.
+     */
     get transitionEnd(): Observable<MtxSplitOutputAreaSizes>;
+    private transitionEndSubscriber;
     private dragProgressSubject;
     dragProgress$: Observable<MtxSplitOutputData>;
     private isDragging;
@@ -106,4 +127,7 @@ export declare class MtxSplit implements AfterViewInit, OnDestroy {
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<MtxSplit, [null, null, null, null, { optional: true; }]>;
     static ɵcmp: i0.ɵɵComponentDeclaration<MtxSplit, "mtx-split", ["mtxSplit"], { "color": { "alias": "color"; "required": false; }; "direction": { "alias": "direction"; "required": false; }; "unit": { "alias": "unit"; "required": false; }; "gutterSize": { "alias": "gutterSize"; "required": false; }; "gutterStep": { "alias": "gutterStep"; "required": false; }; "restrictMove": { "alias": "restrictMove"; "required": false; }; "useTransition": { "alias": "useTransition"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "dir": { "alias": "dir"; "required": false; }; "gutterDblClickDuration": { "alias": "gutterDblClickDuration"; "required": false; }; }, { "dragStart": "dragStart"; "dragEnd": "dragEnd"; "gutterClick": "gutterClick"; "gutterDblClick": "gutterDblClick"; "transitionEnd": "transitionEnd"; }, never, ["*"], true, never>;
+    static ngAcceptInputType_restrictMove: unknown;
+    static ngAcceptInputType_useTransition: unknown;
+    static ngAcceptInputType_disabled: unknown;
 }

package/split/utils.d.ts

@@ -2,7 +2,6 @@ import { ElementRef } from '@angular/core';
 import { MtxSplitArea, MtxSplitPoint, MtxSplitAreaSnapshot, MtxSplitSideAbsorptionCapacity, MtxSplitAreaAbsorptionCapacity } from './interfaces';
 export declare function getPointFromEvent(event: MouseEvent | TouchEvent): MtxSplitPoint | null;
 export declare function getElementPixelSize(elRef: ElementRef, direction: 'horizontal' | 'vertical'): number;
-export declare function getInputBoolean(v: any): boolean;
 export declare function getInputPositiveNumber<T>(v: any, defaultValue: T): number | T;
 export declare function isUserSizesValid(unit: 'percent' | 'pixel', sizes: Array<number>): boolean | number | void;
 export declare function getAreaMinSize(a: MtxSplitArea): null | number;

package/tooltip/_tooltip-theme.scss

@@ -1,7 +1,6 @@
 @use 'sass:map';
 @use '@material/tooltip/plain-tooltip-theme' as mdc-plain-tooltip-theme;
 @use '@angular/material' as mat;
-@use '../core/style/sass-utils';
 @use '../core/theming/inspection';
 @use '../core/theming/validation';
 @use '../core/tokens/m2/mdc/plain-tooltip' as tokens-mdc-plain-tooltip;
@@ -12,7 +11,7 @@
   }
   @else {
     // Add default values for tokens not related to color, typography, or density.
-    @include sass-utils.current-selector-or-root() {
+    @include mat.private-current-selector-or-root() {
       @include mdc-plain-tooltip-theme.theme(tokens-mdc-plain-tooltip.get-unthemable-tokens());
     }
   }
@@ -26,7 +25,7 @@
     $mdc-tooltip-color-tokens: tokens-mdc-plain-tooltip.get-color-tokens($theme);
 
     // Add values for MDC tooltip tokens.
-    @include sass-utils.current-selector-or-root() {
+    @include mat.private-current-selector-or-root() {
       @include mdc-plain-tooltip-theme.theme($mdc-tooltip-color-tokens);
     }
   }
@@ -40,7 +39,7 @@
     $mdc-tooltip-typography-tokens: tokens-mdc-plain-tooltip.get-typography-tokens($theme);
 
     // Add values for MDC tooltip tokens.
-    @include sass-utils.current-selector-or-root() {
+    @include mat.private-current-selector-or-root() {
       @include mdc-plain-tooltip-theme.theme($mdc-tooltip-typography-tokens);
     }
   }
@@ -54,7 +53,7 @@
     $mdc-tooltip-density-tokens: tokens-mdc-plain-tooltip.get-density-tokens($theme);
 
     // Add values for MDC tooltip tokens.
-    @include sass-utils.current-selector-or-root() {
+    @include mat.private-current-selector-or-root() {
       @include mdc-plain-tooltip-theme.theme($mdc-tooltip-density-tokens);
     }
   }

package/core/style/_sass-utils.scss

@@ -1,80 +0,0 @@
-@use 'sass:color';
-@use 'sass:list';
-@use 'sass:map';
-@use 'sass:meta';
-
-/// Include content under the current selector (&) or the document root if there is no current
-/// selector.
-/// @param {String} $root [html] The default root selector to use when there is no current selector.
-/// @output The given content under the current selector, or root selector if there is no current
-///     selector.
-/// @content Content to output under the current selector, or root selector if there is no current
-///     selector.
-@mixin current-selector-or-root($root: html) {
-  @if & {
-    @content;
-  }
-  @else {
-    #{$root} {
-      @content;
-    }
-  }
-}
-
-/// A version of the standard `map.merge` function that takes a variable number of arguments.
-/// Each argument is merged into the final result from left to right.
-/// @param {List} $maps The maps to combine with map.merge
-/// @return {Map} The combined result of successively calling map.merge with each parameter.
-@function merge-all($maps...) {
-  $result: ();
-  @each $map in $maps {
-    $result: map.merge($result, $map);
-  }
-  @return $result;
-}
-
-/// A version of the standard `map.deep-merge` function that takes a variable number of arguments.
-/// Each argument is deep-merged into the final result from left to right.
-/// @param {List} $maps The maps to combine with map.deep-merge
-/// @return {Map} The combined result of successively calling map.deep-merge with each parameter.
-@function deep-merge-all($maps...) {
-  $result: ();
-  @each $map in $maps {
-    $result: map.deep-merge($result, $map);
-  }
-  @return $result;
-}
-
-/// Coerces the given value to a list, by converting any non-list value into a single-item list.
-/// This should be used when dealing with user-passed lists of args to avoid confusing errors,
-/// since Sass treats `($x)` as equivalent to `$x`.
-/// @param {Any} $value The value to coerce to a list.
-/// @return {List} The original $value if it was a list, otherwise a single-item list containing
-///     $value.
-@function coerce-to-list($value) {
-  @return if(meta.type-of($value) != 'list', ($value,), $value);
-}
-
-/// A version of the Sass `color.change` function that is safe ot use with CSS variables.
-@function safe-color-change($color, $args...) {
-  $args: meta.keywords($args);
-  @return if(meta.type-of($color) == 'color', color.change($color, $args...), $color);
-}
-
-/// Gets the given arguments as a map of keywords and validates that only supported arguments were
-/// passed.
-/// @param {ArgList} $args The arguments to convert to a keywords map.
-/// @param {List} $supported-args The supported argument names.
-/// @return {Map} The $args as a map of argument name to argument value.
-@function validate-keyword-args($args, $supported-args) {
-  @if list.length($args) > 0 {
-    @error #{'Expected keyword args, but got positional args: '}#{$args};
-  }
-  $kwargs: meta.keywords($args);
-  @each $arg, $v in $kwargs {
-    @if list.index($supported-args, $arg) == null {
-      @error #{'Unsupported argument '}#{$arg}#{'. Valid arguments are: '}#{$supported-args};
-    }
-  }
-  @return $kwargs;
-}

package/experimental/_index.scss

@@ -1,5 +0,0 @@
-@forward '../index';
-
-// Experimental M3 Token-based theming API
-@forward './theming/definition' show define-theme, define-colors, define-typography, define-density;
-@forward './theming/color-api-back-compat' show color-variants-back-compat;