@angular/material 20.0.0-next.1 → 20.0.0-next.3

package/schematics/ng-add/index.mjs

@@ -19,7 +19,7 @@ const package_config_1 = require("./package-config");
  * Note that the fallback version range does not use caret, but tilde because that is
  * the default for Angular framework dependencies in CLI projects.
  */
-const fallbackMaterialVersionRange = `~20.0.0-next.1`;
+const fallbackMaterialVersionRange = `~20.0.0-next.3`;
 /**
  * Schematic factory entry-point for the `ng-add` schematic. The ng-add schematic will be
  * automatically executed if developers run `ng add @angular/material`.

package/schematics/ng-generate/address-form/files/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.html.template

@@ -46,7 +46,7 @@
               <textarea matInput placeholder="Address 2" formControlName="address2"></textarea>
             </mat-form-field>
           } @else {
-            <button mat-button type="button" (click)="hasUnitNumber = !hasUnitNumber">
+            <button matButton type="button" (click)="hasUnitNumber = !hasUnitNumber">
               + Add C/O, Apt, Suite, Unit
             </button>
           }
@@ -93,7 +93,7 @@
       </div>
     </mat-card-content>
     <mat-card-actions>
-      <button mat-raised-button color="primary" type="submit">Submit</button>
+      <button matButton="elevated" color="primary" type="submit">Submit</button>
     </mat-card-actions>
   </mat-card>
 </form>

package/schematics/ng-generate/dashboard/files/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.html.template

@@ -7,7 +7,7 @@
           <mat-card-header>
             <mat-card-title>
               {{card.title}}
-              <button mat-icon-button class="more-button" [matMenuTriggerFor]="menu" aria-label="Toggle menu">
+              <button matIconButton class="more-button" [matMenuTriggerFor]="menu" aria-label="Toggle menu">
                 <mat-icon>more_vert</mat-icon>
               </button>
               <mat-menu #menu="matMenu" xPosition="before">

package/schematics/ng-generate/navigation/files/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.html.template

@@ -16,7 +16,7 @@
         <button
           type="button"
           aria-label="Toggle sidenav"
-          mat-icon-button
+          matIconButton
           (click)="drawer.toggle()">
           <mat-icon aria-label="Side nav toggle icon">menu</mat-icon>
         </button>

package/schematics/ng-generate/tree/files/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.html.template

@@ -1,6 +1,6 @@
 <mat-tree [dataSource]="dataSource" [treeControl]="treeControl">
   <mat-tree-node *matTreeNodeDef="let node" matTreeNodeToggle matTreeNodePadding>
-    <button mat-icon-button disabled></button>
+    <button matIconButton disabled></button>
     <mat-icon class="type-icon" [attr.aria-label]="node.type + 'icon'">
       {{ node.type === 'file' ? 'description' : 'folder' }}
     </mat-icon>
@@ -8,7 +8,7 @@
   </mat-tree-node>
 
   <mat-tree-node *matTreeNodeDef="let node; when: hasChild" matTreeNodePadding>
-    <button mat-icon-button matTreeNodeToggle
+    <button matIconButton matTreeNodeToggle
             [attr.aria-label]="'Toggle ' + node.name">
       <mat-icon class="mat-icon-rtl-mirror">
         {{treeControl.isExpanded(node) ? 'expand_more' : 'chevron_right'}}

package/select/_select-theme.scss

@@ -16,7 +16,7 @@
   } @else {
     @include sass-utils.current-selector-or-root() {
       $mat-tokens: tokens-mat-select.get-unthemable-tokens();
-      @include token-utils.create-token-values(tokens-mat-select.$prefix, $mat-tokens);
+      @include token-utils.create-token-values-mixed(tokens-mat-select.$prefix, $mat-tokens);
     }
   }
 }
@@ -31,20 +31,20 @@
     @include _theme-from-tokens(inspection.get-theme-tokens($theme, color), $options...);
   } @else {
     @include sass-utils.current-selector-or-root() {
-      @include token-utils.create-token-values(
+      @include token-utils.create-token-values-mixed(
         tokens-mat-select.$prefix,
         tokens-mat-select.get-color-tokens($theme)
       );
 
       .mat-mdc-form-field.mat-accent {
-        @include token-utils.create-token-values(
+        @include token-utils.create-token-values-mixed(
           tokens-mat-select.$prefix,
           tokens-mat-select.get-color-tokens($theme, accent)
         );
       }
 
       .mat-mdc-form-field.mat-warn {
-        @include token-utils.create-token-values(
+        @include token-utils.create-token-values-mixed(
           tokens-mat-select.$prefix,
           tokens-mat-select.get-color-tokens($theme, warn)
         );
@@ -60,7 +60,7 @@
     @include _theme-from-tokens(inspection.get-theme-tokens($theme, typography));
   } @else {
     @include sass-utils.current-selector-or-root() {
-      @include token-utils.create-token-values(
+      @include token-utils.create-token-values-mixed(
         tokens-mat-select.$prefix,
         tokens-mat-select.get-typography-tokens($theme)
       );
@@ -75,7 +75,7 @@
     @include _theme-from-tokens(inspection.get-theme-tokens($theme, density));
   } @else {
     @include sass-utils.current-selector-or-root() {
-      @include token-utils.create-token-values(
+      @include token-utils.create-token-values-mixed(
         tokens-mat-select.$prefix,
         tokens-mat-select.get-density-tokens($theme)
       );

package/select/index.d.ts

@@ -1,16 +1,16 @@
-export { d as MAT_SELECT_CONFIG, a as MAT_SELECT_SCROLL_STRATEGY, e as MAT_SELECT_SCROLL_STRATEGY_PROVIDER, b as MAT_SELECT_SCROLL_STRATEGY_PROVIDER_FACTORY, f as MAT_SELECT_TRIGGER, h as MatSelect, g as MatSelectChange, c as MatSelectConfig, M as MatSelectModule, i as MatSelectTrigger } from '../module.d-ba05faa6.js';
+export { d as MAT_SELECT_CONFIG, a as MAT_SELECT_SCROLL_STRATEGY, e as MAT_SELECT_SCROLL_STRATEGY_PROVIDER, b as MAT_SELECT_SCROLL_STRATEGY_PROVIDER_FACTORY, f as MAT_SELECT_TRIGGER, h as MatSelect, g as MatSelectChange, c as MatSelectConfig, M as MatSelectModule, i as MatSelectTrigger } from '../module.d-a23953f5.js';
 export { a as MatOptgroup, M as MatOption } from '../option.d-6f493d78.js';
 export { M as MatLabel } from '../module.d-c17c834e.js';
 export { a as MatError, k as MatFormField, b as MatHint, d as MatPrefix, f as MatSuffix } from '../form-field.d-2edbc094.js';
 import '@angular/core';
 import '@angular/cdk/overlay';
-import '../index.d-37e31cd3.js';
-import '../index.d-0536b706.js';
+import '../index.d-d77f0821.js';
+import '../index.d-cc6e48d4.js';
 import '../common-module.d-0e6515ae.js';
 import '@angular/cdk/bidi';
-import '../ripple.d-2fb57d04.js';
+import '../ripple.d-f2cd74cf.js';
 import '@angular/cdk/platform';
-import '../pseudo-checkbox-module.d-3abc0461.js';
+import '../pseudo-checkbox-module.d-d21de92b.js';
 import '@angular/cdk/a11y';
 import '@angular/cdk/collections';
 import '@angular/cdk/scrolling';

package/sidenav/_sidenav-theme.scss

@@ -11,7 +11,7 @@
     @include _theme-from-tokens(inspection.get-theme-tokens($theme, base));
   } @else {
     @include sass-utils.current-selector-or-root() {
-      @include token-utils.create-token-values(
+      @include token-utils.create-token-values-mixed(
         tokens-mat-sidenav.$prefix,
         tokens-mat-sidenav.get-unthemable-tokens()
       );
@@ -24,7 +24,7 @@
     @include _theme-from-tokens(inspection.get-theme-tokens($theme, color));
   } @else {
     @include sass-utils.current-selector-or-root() {
-      @include token-utils.create-token-values(
+      @include token-utils.create-token-values-mixed(
         tokens-mat-sidenav.$prefix,
         tokens-mat-sidenav.get-color-tokens($theme)
       );

package/sidenav/index.d.ts

@@ -194,7 +194,7 @@ declare class MatDrawerContainer implements AfterContentInit, DoCheck, OnDestroy
     private _element;
     private _ngZone;
     private _changeDetectorRef;
-    private _animationMode;
+    private _animationDisabled;
     _transitionsEnabled: boolean;
     /** All drawers in the container. Includes drawers from inside nested containers. */
     _allDrawers: QueryList<MatDrawer>;

package/slide-toggle/_slide-toggle-theme.scss

@@ -15,13 +15,13 @@
     @include _theme-from-tokens(inspection.get-theme-tokens($theme, base));
   } @else {
     @include sass-utils.current-selector-or-root() {
-      @include token-utils.create-token-values(
+      @include token-utils.create-token-values-mixed(
         tokens-mdc-switch.$prefix,
         tokens-mdc-switch.get-unthemable-tokens()
       );
 
       .mat-mdc-slide-toggle {
-        @include token-utils.create-token-values(
+        @include token-utils.create-token-values-mixed(
           tokens-mat-switch.$prefix,
           tokens-mat-switch.get-unthemable-tokens()
         );
@@ -43,7 +43,7 @@
 
     // Add values for MDC slide toggles tokens
     @include sass-utils.current-selector-or-root() {
-      @include token-utils.create-token-values(
+      @include token-utils.create-token-values-mixed(
         tokens-mdc-switch.$prefix,
         tokens-mdc-switch.get-color-tokens($theme)
       );
@@ -58,21 +58,21 @@
       }
 
       .mat-mdc-slide-toggle {
-        @include token-utils.create-token-values(
+        @include token-utils.create-token-values-mixed(
           tokens-mat-switch.$prefix,
           tokens-mat-switch.get-color-tokens($theme)
         );
 
         // Change the color palette related tokens to accent or warn if applicable
         &.mat-accent {
-          @include token-utils.create-token-values(
+          @include token-utils.create-token-values-mixed(
             tokens-mdc-switch.$prefix,
             tokens-mdc-switch.private-get-color-palette-color-tokens($theme, accent)
           );
         }
 
         &.mat-warn {
-          @include token-utils.create-token-values(
+          @include token-utils.create-token-values-mixed(
             tokens-mdc-switch.$prefix,
             tokens-mdc-switch.private-get-color-palette-color-tokens($theme, warn)
           );
@@ -89,13 +89,13 @@
     @include _theme-from-tokens(inspection.get-theme-tokens($theme, typography));
   } @else {
     @include sass-utils.current-selector-or-root() {
-      @include token-utils.create-token-values(
+      @include token-utils.create-token-values-mixed(
         tokens-mdc-switch.$prefix,
         tokens-mdc-switch.get-typography-tokens($theme)
       );
 
       .mat-mdc-slide-toggle {
-        @include token-utils.create-token-values(
+        @include token-utils.create-token-values-mixed(
           tokens-mat-switch.$prefix,
           tokens-mat-switch.get-typography-tokens($theme)
         );
@@ -111,13 +111,13 @@
     @include _theme-from-tokens(inspection.get-theme-tokens($theme, density));
   } @else {
     @include sass-utils.current-selector-or-root() {
-      @include token-utils.create-token-values(
+      @include token-utils.create-token-values-mixed(
         tokens-mdc-switch.$prefix,
         tokens-mdc-switch.get-density-tokens($theme)
       );
 
       .mat-mdc-slide-toggle {
-        @include token-utils.create-token-values(
+        @include token-utils.create-token-values-mixed(
           tokens-mat-switch.$prefix,
           tokens-mat-switch.get-density-tokens($theme)
         );

package/slider/_slider-theme.scss

@@ -15,11 +15,11 @@
     @include _theme-from-tokens(inspection.get-theme-tokens($theme, base));
   } @else {
     @include sass-utils.current-selector-or-root() {
-      @include token-utils.create-token-values(
+      @include token-utils.create-token-values-mixed(
         tokens-mdc-slider.$prefix,
         tokens-mdc-slider.get-unthemable-tokens()
       );
-      @include token-utils.create-token-values(
+      @include token-utils.create-token-values-mixed(
         tokens-mat-slider.$prefix,
         tokens-mat-slider.get-unthemable-tokens()
       );
@@ -37,32 +37,32 @@
     @include _theme-from-tokens(inspection.get-theme-tokens($theme, color), $options...);
   } @else {
     @include sass-utils.current-selector-or-root() {
-      @include token-utils.create-token-values(
+      @include token-utils.create-token-values-mixed(
         tokens-mdc-slider.$prefix,
         tokens-mdc-slider.get-color-tokens($theme)
       );
-      @include token-utils.create-token-values(
+      @include token-utils.create-token-values-mixed(
         tokens-mat-slider.$prefix,
         tokens-mat-slider.get-color-tokens($theme)
       );
 
       .mat-accent {
-        @include token-utils.create-token-values(
+        @include token-utils.create-token-values-mixed(
           tokens-mdc-slider.$prefix,
           tokens-mdc-slider.private-get-color-palette-color-tokens($theme, accent)
         );
-        @include token-utils.create-token-values(
+        @include token-utils.create-token-values-mixed(
           tokens-mat-slider.$prefix,
           tokens-mat-slider.private-get-color-palette-color-tokens($theme, accent)
         );
       }
 
       .mat-warn {
-        @include token-utils.create-token-values(
+        @include token-utils.create-token-values-mixed(
           tokens-mdc-slider.$prefix,
           tokens-mdc-slider.private-get-color-palette-color-tokens($theme, warn)
         );
-        @include token-utils.create-token-values(
+        @include token-utils.create-token-values-mixed(
           tokens-mat-slider.$prefix,
           tokens-mat-slider.private-get-color-palette-color-tokens($theme, warn)
         );
@@ -78,7 +78,7 @@
     @include _theme-from-tokens(inspection.get-theme-tokens($theme, typography));
   } @else {
     @include sass-utils.current-selector-or-root() {
-      @include token-utils.create-token-values(
+      @include token-utils.create-token-values-mixed(
         tokens-mdc-slider.$prefix,
         tokens-mdc-slider.get-typography-tokens($theme)
       );
@@ -93,7 +93,7 @@
     @include _theme-from-tokens(inspection.get-theme-tokens($theme, density));
   } @else {
     @include sass-utils.current-selector-or-root() {
-      @include token-utils.create-token-values(
+      @include token-utils.create-token-values-mixed(
         tokens-mdc-slider.$prefix,
         tokens-mdc-slider.get-density-tokens($theme)
       );

package/slider/index.d.ts

@@ -2,11 +2,11 @@ import { Directionality } from '@angular/cdk/bidi';
 import * as i0 from '@angular/core';
 import { ChangeDetectorRef, WritableSignal, AfterViewInit, OnDestroy, NgZone, ElementRef, QueryList, EventEmitter } from '@angular/core';
 import { T as ThemePalette } from '../palette.d-ec4a617c.js';
-import { b as RippleGlobalOptions, M as MatRipple } from '../ripple.d-2fb57d04.js';
+import { b as RippleGlobalOptions, M as MatRipple } from '../ripple.d-f2cd74cf.js';
 import { ControlValueAccessor } from '@angular/forms';
 import { Subject } from 'rxjs';
 import { M as MatCommonModule } from '../common-module.d-0e6515ae.js';
-import { M as MatRippleModule } from '../index.d-0536b706.js';
+import { M as MatRippleModule } from '../index.d-cc6e48d4.js';
 import '@angular/cdk/platform';
 
 /**

package/snack-bar/_snack-bar-theme.scss

@@ -14,7 +14,7 @@
   } @else {
     // Add default values for tokens not related to color, typography, or density.
     @include sass-utils.current-selector-or-root() {
-      @include token-utils.create-token-values(
+      @include token-utils.create-token-values-mixed(
         tokens-mdc-snack-bar.$prefix,
         tokens-mdc-snack-bar.get-unthemable-tokens()
       );
@@ -27,11 +27,11 @@
     @include _theme-from-tokens(inspection.get-theme-tokens($theme, color));
   } @else {
     @include sass-utils.current-selector-or-root() {
-      @include token-utils.create-token-values(
+      @include token-utils.create-token-values-mixed(
         tokens-mdc-snack-bar.$prefix,
         tokens-mdc-snack-bar.get-color-tokens($theme)
       );
-      @include token-utils.create-token-values(
+      @include token-utils.create-token-values-mixed(
         tokens-mat-snack-bar.$prefix,
         tokens-mat-snack-bar.get-color-tokens($theme)
       );
@@ -44,7 +44,7 @@
     @include _theme-from-tokens(inspection.get-theme-tokens($theme, typography));
   } @else {
     @include sass-utils.current-selector-or-root() {
-      @include token-utils.create-token-values(
+      @include token-utils.create-token-values-mixed(
         tokens-mdc-snack-bar.$prefix,
         tokens-mdc-snack-bar.get-typography-tokens($theme)
       );

package/snack-bar/index.d.ts

@@ -7,13 +7,13 @@ import * as i3 from '@angular/cdk/portal';
 import { BasePortalOutlet, CdkPortalOutlet, ComponentPortal, TemplatePortal, DomPortal } from '@angular/cdk/portal';
 import { AriaLivePoliteness } from '@angular/cdk/a11y';
 import { Direction } from '@angular/cdk/bidi';
-import { m as MatButtonModule } from '../module.d-18a67f56.js';
+import { n as MatButtonModule } from '../module.d-d86ca350.js';
 import { M as MatCommonModule } from '../common-module.d-0e6515ae.js';
-import '../index.d-0536b706.js';
-import '../ripple.d-2fb57d04.js';
+import '../index.d-cc6e48d4.js';
+import '../ripple.d-f2cd74cf.js';
 import '@angular/cdk/platform';
 import '../palette.d-ec4a617c.js';
-import '../ripple-loader.d-8aac2988.js';
+import '../ripple-loader.d-e5ac6c14.js';
 
 /** Injection token that can be used to access the data that was passed in to a snack bar. */
 declare const MAT_SNACK_BAR_DATA: InjectionToken<any>;
@@ -256,6 +256,7 @@ declare class MatSnackBar implements OnDestroy {
     private _breakpointObserver;
     private _parentSnackBar;
     private _defaultConfig;
+    private _animationsDisabled;
     /**
      * Reference to the current snack bar in the view *at this level* (in the Angular injector tree).
      * If there is a parent snack-bar service, all operations should delegate to that parent

package/sort/_sort-theme.scss

@@ -19,7 +19,7 @@
     @include _theme-from-tokens(inspection.get-theme-tokens($theme, color));
   } @else {
     @include sass-utils.current-selector-or-root() {
-      @include token-utils.create-token-values(
+      @include token-utils.create-token-values-mixed(
         tokens-mat-sort.$prefix,
         tokens-mat-sort.get-color-tokens($theme)
       );
@@ -32,7 +32,7 @@
     @include _theme-from-tokens(inspection.get-theme-tokens($theme, typography));
   } @else {
     @include sass-utils.current-selector-or-root() {
-      @include token-utils.create-token-values(
+      @include token-utils.create-token-values-mixed(
         tokens-mat-sort.$prefix,
         tokens-mat-sort.get-typography-tokens($theme)
       );
@@ -45,7 +45,7 @@
     @include _theme-from-tokens(inspection.get-theme-tokens($theme, density));
   } @else {
     @include sass-utils.current-selector-or-root() {
-      @include token-utils.create-token-values(
+      @include token-utils.create-token-values-mixed(
         tokens-mat-sort.$prefix,
         tokens-mat-sort.get-density-tokens($theme)
       );

package/sort/index.d.ts

@@ -82,7 +82,7 @@ declare class MatSortHeader implements MatSortable, OnDestroy, OnInit, AfterView
     private _elementRef;
     private _ariaDescriber;
     private _renderChanges;
-    protected _animationModule: "NoopAnimations" | "BrowserAnimations" | null;
+    protected _animationsDisabled: boolean;
     /**
      * Indicates which state was just cleared from the sort header.
      * Will be reset on the next interaction. Used for coordinating animations.

package/stepper/_stepper-theme.scss

@@ -26,20 +26,20 @@
     @include _theme-from-tokens(inspection.get-theme-tokens($theme, color), $options...);
   } @else {
     @include sass-utils.current-selector-or-root() {
-      @include token-utils.create-token-values(
+      @include token-utils.create-token-values-mixed(
         tokens-mat-stepper.$prefix,
         tokens-mat-stepper.get-color-tokens($theme)
       );
 
       .mat-step-header.mat-accent {
-        @include token-utils.create-token-values(
+        @include token-utils.create-token-values-mixed(
           tokens-mat-stepper.$prefix,
           tokens-mat-stepper.private-get-color-palette-color-tokens($theme, accent)
         );
       }
 
       .mat-step-header.mat-warn {
-        @include token-utils.create-token-values(
+        @include token-utils.create-token-values-mixed(
           tokens-mat-stepper.$prefix,
           tokens-mat-stepper.private-get-color-palette-color-tokens($theme, warn)
         );
@@ -55,7 +55,7 @@
     @include _theme-from-tokens(inspection.get-theme-tokens($theme, typography));
   } @else {
     @include sass-utils.current-selector-or-root() {
-      @include token-utils.create-token-values(
+      @include token-utils.create-token-values-mixed(
         tokens-mat-stepper.$prefix,
         tokens-mat-stepper.get-typography-tokens($theme)
       );
@@ -70,7 +70,7 @@
     @include _theme-from-tokens(inspection.get-theme-tokens($theme, density));
   } @else {
     @include sass-utils.current-selector-or-root() {
-      @include token-utils.create-token-values(
+      @include token-utils.create-token-values-mixed(
         tokens-mat-stepper.$prefix,
         tokens-mat-stepper.get-density-tokens($theme)
       );

package/stepper/index.d.ts

@@ -7,14 +7,14 @@ import { M as MatCommonModule } from '../common-module.d-0e6515ae.js';
 import * as i3 from '@angular/cdk/portal';
 import { TemplatePortal } from '@angular/cdk/portal';
 import { M as MatIconModule } from '../icon-module.d-aa3bbba0.js';
-import { M as MatRippleModule } from '../index.d-0536b706.js';
+import { M as MatRippleModule } from '../index.d-cc6e48d4.js';
 import { AbstractControl, FormGroupDirective, NgForm } from '@angular/forms';
 import { T as ThemePalette } from '../palette.d-ec4a617c.js';
 import { E as ErrorStateMatcher } from '../error-options.d-448d9046.js';
 import { FocusOrigin } from '@angular/cdk/a11y';
 import { Subject } from 'rxjs';
 import '@angular/cdk/bidi';
-import '../ripple.d-2fb57d04.js';
+import '../ripple.d-f2cd74cf.js';
 import '@angular/cdk/platform';
 
 declare class MatStepLabel extends CdkStepLabel {
@@ -164,7 +164,7 @@ declare class MatStep extends CdkStep implements ErrorStateMatcher, AfterContent
 declare class MatStepper extends CdkStepper implements AfterViewInit, AfterContentInit, OnDestroy {
     private _ngZone;
     private _renderer;
-    private _animationsModule;
+    private _animationsDisabled;
     private _cleanupTransition;
     protected _isAnimating: i0.WritableSignal<boolean>;
     /** The list of step headers of the steps in the stepper. */

package/table/_table-theme.scss

@@ -12,7 +12,7 @@
     @include _theme-from-tokens(inspection.get-theme-tokens($theme, base));
   } @else {
     @include sass-utils.current-selector-or-root() {
-      @include token-utils.create-token-values(
+      @include token-utils.create-token-values-mixed(
         tokens-mat-table.$prefix,
         tokens-mat-table.get-unthemable-tokens()
       );
@@ -25,7 +25,7 @@
     @include _theme-from-tokens(inspection.get-theme-tokens($theme, color));
   } @else {
     @include sass-utils.current-selector-or-root() {
-      @include token-utils.create-token-values(
+      @include token-utils.create-token-values-mixed(
         tokens-mat-table.$prefix,
         tokens-mat-table.get-color-tokens($theme)
       );
@@ -38,7 +38,7 @@
     @include _theme-from-tokens(inspection.get-theme-tokens($theme, typography));
   } @else {
     @include sass-utils.current-selector-or-root() {
-      @include token-utils.create-token-values(
+      @include token-utils.create-token-values-mixed(
         tokens-mat-table.$prefix,
         tokens-mat-table.get-typography-tokens($theme)
       );
@@ -51,7 +51,7 @@
     @include _theme-from-tokens(inspection.get-theme-tokens($theme, density));
   } @else {
     @include sass-utils.current-selector-or-root() {
-      @include token-utils.create-token-values(
+      @include token-utils.create-token-values-mixed(
         tokens-mat-table.$prefix,
         tokens-mat-table.get-density-tokens($theme)
       );

package/tabs/_tabs-theme.scss

@@ -17,19 +17,19 @@
     @include _theme-from-tokens(inspection.get-theme-tokens($theme, base));
   } @else {
     @include sass-utils.current-selector-or-root() {
-      @include token-utils.create-token-values(
+      @include token-utils.create-token-values-mixed(
         tokens-mdc-secondary-navigation-tab.$prefix,
         tokens-mdc-secondary-navigation-tab.get-unthemable-tokens()
       );
-      @include token-utils.create-token-values(
+      @include token-utils.create-token-values-mixed(
         tokens-mdc-tab-indicator.$prefix,
         tokens-mdc-tab-indicator.get-unthemable-tokens()
       );
-      @include token-utils.create-token-values(
+      @include token-utils.create-token-values-mixed(
         tokens-mat-tab-header.$prefix,
         tokens-mat-tab-header.get-unthemable-tokens()
       );
-      @include token-utils.create-token-values(
+      @include token-utils.create-token-values-mixed(
         tokens-mat-tab-header-with-background.$prefix,
         tokens-mat-tab-header-with-background.get-unthemable-tokens()
       );
@@ -74,22 +74,22 @@
 }
 
 @mixin _background-styles($theme, $palette-name) {
-  @include token-utils.create-token-values(
+  @include token-utils.create-token-values-mixed(
     tokens-mat-tab-header-with-background.$prefix,
     tokens-mat-tab-header-with-background.get-color-tokens($theme, $palette-name)
   );
 }
 
 @mixin _palette-styles($theme, $palette-name) {
-  @include token-utils.create-token-values(
+  @include token-utils.create-token-values-mixed(
     tokens-mdc-secondary-navigation-tab.$prefix,
     tokens-mdc-secondary-navigation-tab.get-color-tokens($theme, $palette-name)
   );
-  @include token-utils.create-token-values(
+  @include token-utils.create-token-values-mixed(
     tokens-mdc-tab-indicator.$prefix,
     tokens-mdc-tab-indicator.get-color-tokens($theme, $palette-name)
   );
-  @include token-utils.create-token-values(
+  @include token-utils.create-token-values-mixed(
     tokens-mat-tab-header.$prefix,
     tokens-mat-tab-header.get-color-tokens($theme, $palette-name)
   );
@@ -102,19 +102,19 @@
     @include _theme-from-tokens(inspection.get-theme-tokens($theme, typography));
   } @else {
     .mat-mdc-tab-header {
-      @include token-utils.create-token-values(
+      @include token-utils.create-token-values-mixed(
         tokens-mdc-secondary-navigation-tab.$prefix,
         tokens-mdc-secondary-navigation-tab.get-typography-tokens($theme)
       );
-      @include token-utils.create-token-values(
+      @include token-utils.create-token-values-mixed(
         tokens-mdc-tab-indicator.$prefix,
         tokens-mdc-tab-indicator.get-typography-tokens($theme)
       );
-      @include token-utils.create-token-values(
+      @include token-utils.create-token-values-mixed(
         tokens-mat-tab-header.$prefix,
         tokens-mat-tab-header.get-typography-tokens($theme)
       );
-      @include token-utils.create-token-values(
+      @include token-utils.create-token-values-mixed(
         tokens-mat-tab-header-with-background.$prefix,
         tokens-mat-tab-header-with-background.get-typography-tokens($theme)
       );
@@ -129,19 +129,19 @@
     @include _theme-from-tokens(inspection.get-theme-tokens($theme, density));
   } @else {
     .mat-mdc-tab-header {
-      @include token-utils.create-token-values(
+      @include token-utils.create-token-values-mixed(
         tokens-mdc-secondary-navigation-tab.$prefix,
         tokens-mdc-secondary-navigation-tab.get-density-tokens($theme)
       );
-      @include token-utils.create-token-values(
+      @include token-utils.create-token-values-mixed(
         tokens-mdc-tab-indicator.$prefix,
         tokens-mdc-tab-indicator.get-density-tokens($theme)
       );
-      @include token-utils.create-token-values(
+      @include token-utils.create-token-values-mixed(
         tokens-mat-tab-header.$prefix,
         tokens-mat-tab-header.get-density-tokens($theme)
       );
-      @include token-utils.create-token-values(
+      @include token-utils.create-token-values-mixed(
         tokens-mat-tab-header-with-background.$prefix,
         tokens-mat-tab-header-with-background.get-density-tokens($theme)
       );