@angular/material 18.0.0-next.4 → 18.0.0-next.6

package/stepper/_stepper-theme.scss

@@ -71,6 +71,15 @@
   }
 }
 
+/// Outputs the CSS variable values for the given tokens.
+/// @param {Map} $tokens The token values to emit.
+@mixin overrides($tokens: ()) {
+  @include token-utils.batch-create-token-values(
+    $tokens,
+    (prefix: tokens-mat-stepper.$prefix, tokens: tokens-mat-stepper.get-token-slots()),
+  );
+}
+
 /// Outputs all (base, color, typography, and density) theme styles for mat-stepper.
 /// @param {Map} $theme The theme to generate color styles for.
 /// @param {ArgList} Additional optional arguments (only supported for M3 themes):

package/table/_table-theme.scss

@@ -55,6 +55,13 @@
   }
 }
 
+@mixin overrides($tokens: ()) {
+  @include token-utils.batch-create-token-values(
+    $tokens,
+    (prefix: tokens-mat-table.$prefix, tokens: tokens-mat-table.get-token-slots()),
+  );
+}
+
 @mixin theme($theme) {
   @include theming.private-check-duplicate-theme-styles($theme, 'mat-table') {
     @if inspection.get-theme-version($theme) == 1 {

package/tabs/_tabs-theme.scss

@@ -122,6 +122,26 @@
   }
 }
 
+/// Outputs the CSS variable values for the given tokens.
+/// @param {Map} $tokens The token values to emit.
+@mixin overrides($tokens: ()) {
+  $tab-tokens: tokens-mdc-tab.get-token-slots();
+  $tab-indicator-tokens: tokens-mdc-tab-indicator.get-token-slots();
+  $tab-header-tokens: tokens-mat-tab-header.get-token-slots();
+  $tab-header-with-background-tokens: tokens-mat-tab-header-with-background.get-token-slots();
+
+  @include token-utils.batch-create-token-values(
+    $tokens,
+    (prefix: tokens-mdc-tab.$prefix, tokens: $tab-tokens),
+    (prefix: tokens-mdc-tab-indicator.$prefix, tokens: $tab-indicator-tokens),
+    (prefix: tokens-mat-tab-header.$prefix, tokens: $tab-header-tokens),
+    (
+      prefix: tokens-mat-tab-header-with-background.$prefix,
+      tokens: $tab-header-with-background-tokens,
+    ),
+  );
+}
+
 /// Outputs all (base, color, typography, and density) theme styles for the mat-tab.
 /// @param {Map} $theme The theme to generate styles for.
 /// @param {ArgList} Additional optional arguments (only supported for M3 themes):

package/tabs/index.d.ts

@@ -382,15 +382,9 @@ export declare class MatTab implements OnInit, OnChanges, OnDestroy {
      * Will be cleared if `aria-label` is set at the same time.
      */
     ariaLabelledby: string;
-    /**
-     * Classes to be passed to the tab label inside the mat-tab-header container.
-     * Supports string and string array values, same as `ngClass`.
-     */
+    /** Classes to be passed to the tab label inside the mat-tab-header container. */
     labelClass: string | string[];
-    /**
-     * Classes to be passed to the tab mat-tab-body container.
-     * Supports string and string array values, same as `ngClass`.
-     */
+    /** Classes to be passed to the tab mat-tab-body container. */
     bodyClass: string | string[];
     /** Portal that will be the hosted content of the tab */
     private _contentPortal;

package/toolbar/_toolbar-theme.scss

@@ -72,6 +72,15 @@
   }
 }
 
+/// Outputs the CSS variable values for the given tokens.
+/// @param {Map} $tokens The token values to emit.
+@mixin overrides($tokens: ()) {
+  @include token-utils.batch-create-token-values(
+    $tokens,
+    (prefix: tokens-mat-toolbar.$prefix, tokens: tokens-mat-toolbar.get-token-slots()),
+  );
+}
+
 @mixin theme($theme) {
   @include theming.private-check-duplicate-theme-styles($theme, 'mat-toolbar') {
     @if inspection.get-theme-version($theme) == 1 {

package/tooltip/_tooltip-theme.scss

@@ -4,6 +4,7 @@
 @use '../core/theming/theming';
 @use '../core/theming/inspection';
 @use '../core/theming/validation';
+@use '../core/tokens/token-utils';
 @use '../core/typography/typography';
 @use '../core/tokens/m2/mdc/plain-tooltip' as tokens-mdc-plain-tooltip;
 
@@ -61,6 +62,13 @@
   }
 }
 
+@mixin overrides($tokens: ()) {
+  @include token-utils.batch-create-token-values(
+    $tokens,
+    (prefix: tokens-mdc-plain-tooltip.$prefix, tokens: tokens-mdc-plain-tooltip.get-token-slots()),
+  );
+}
+
 @mixin theme($theme) {
   @include theming.private-check-duplicate-theme-styles($theme, 'mat-tooltip') {
     @if inspection.get-theme-version($theme) == 1 {

package/tree/_tree-theme.scss

@@ -55,6 +55,13 @@
   }
 }
 
+@mixin overrides($tokens: ()) {
+  @include token-utils.batch-create-token-values(
+    $tokens,
+    (prefix: tokens-mat-tree.$prefix, tokens: tokens-mat-tree.get-token-slots()),
+  );
+}
+
 @mixin theme($theme) {
   @include theming.private-check-duplicate-theme-styles($theme, 'mat-tree') {
     @if inspection.get-theme-version($theme) == 1 {