@angular/material 18.1.0-next.2 → 18.1.0-next.3

package/radio/_radio-theme.scss

@@ -1,4 +1,3 @@
-@use '@material/radio/radio-theme' as mdc-radio-theme;
 @use '../core/style/sass-utils';
 @use '../core/theming/theming';
 @use '../core/theming/inspection';
@@ -16,11 +15,10 @@
     @include _theme-from-tokens(inspection.get-theme-tokens($theme, base));
   } @else {
     @include sass-utils.current-selector-or-root() {
-      @include mdc-radio-theme.theme(tokens-mdc-radio.get-unthemable-tokens());
-      @include token-utils.create-token-values(
-        tokens-mat-radio.$prefix,
-        tokens-mat-radio.get-unthemable-tokens()
-      );
+      @include token-utils.create-token-values(tokens-mdc-radio.$prefix,
+        tokens-mdc-radio.get-unthemable-tokens());
+      @include token-utils.create-token-values(tokens-mat-radio.$prefix,
+        tokens-mat-radio.get-unthemable-tokens());
     }
   }
 }
@@ -36,27 +34,24 @@
   } @else {
     .mat-mdc-radio-button {
       &.mat-primary {
-        @include mdc-radio-theme.theme(tokens-mdc-radio.get-color-tokens($theme, primary));
-        @include token-utils.create-token-values(
-          tokens-mat-radio.$prefix,
-          tokens-mat-radio.get-color-tokens($theme, primary)
-        );
+        @include token-utils.create-token-values(tokens-mdc-radio.$prefix,
+          tokens-mdc-radio.get-color-tokens($theme, primary));
+        @include token-utils.create-token-values(tokens-mat-radio.$prefix,
+          tokens-mat-radio.get-color-tokens($theme, primary));
       }
 
       &.mat-accent {
-        @include mdc-radio-theme.theme(tokens-mdc-radio.get-color-tokens($theme));
-        @include token-utils.create-token-values(
-          tokens-mat-radio.$prefix,
-          tokens-mat-radio.get-color-tokens($theme)
-        );
+        @include token-utils.create-token-values(tokens-mdc-radio.$prefix,
+          tokens-mdc-radio.get-color-tokens($theme));
+        @include token-utils.create-token-values(tokens-mat-radio.$prefix,
+          tokens-mat-radio.get-color-tokens($theme));
       }
 
       &.mat-warn {
-        @include mdc-radio-theme.theme(tokens-mdc-radio.get-color-tokens($theme, warn));
-        @include token-utils.create-token-values(
-          tokens-mat-radio.$prefix,
-          tokens-mat-radio.get-color-tokens($theme, warn)
-        );
+        @include token-utils.create-token-values(tokens-mdc-radio.$prefix,
+          tokens-mdc-radio.get-color-tokens($theme, warn));
+        @include token-utils.create-token-values(tokens-mat-radio.$prefix,
+          tokens-mat-radio.get-color-tokens($theme, warn));
       }
     }
   }
@@ -69,11 +64,10 @@
     @include _theme-from-tokens(inspection.get-theme-tokens($theme, typography));
   } @else {
     @include sass-utils.current-selector-or-root() {
-      @include mdc-radio-theme.theme(tokens-mdc-radio.get-typography-tokens($theme));
-      @include token-utils.create-token-values(
-        tokens-mat-radio.$prefix,
-        tokens-mat-radio.get-typography-tokens($theme)
-      );
+      @include token-utils.create-token-values(tokens-mdc-radio.$prefix,
+        tokens-mdc-radio.get-typography-tokens($theme));
+      @include token-utils.create-token-values(tokens-mat-radio.$prefix,
+        tokens-mat-radio.get-typography-tokens($theme));
     }
   }
 }
@@ -87,11 +81,10 @@
     $density-scale: inspection.get-theme-density($theme);
 
     @include sass-utils.current-selector-or-root() {
-      @include mdc-radio-theme.theme(tokens-mdc-radio.get-density-tokens($theme));
-      @include token-utils.create-token-values(
-        tokens-mat-radio.$prefix,
-        tokens-mat-radio.get-density-tokens($theme)
-      );
+      @include token-utils.create-token-values(tokens-mdc-radio.$prefix,
+        tokens-mdc-radio.get-density-tokens($theme));
+      @include token-utils.create-token-values(tokens-mat-radio.$prefix,
+        tokens-mat-radio.get-density-tokens($theme));
     }
   }
 }
@@ -142,6 +135,6 @@
   );
   $mdc-radio-tokens: token-utils.get-tokens-for($tokens, tokens-mdc-radio.$prefix, $options...);
   $mat-radio-tokens: token-utils.get-tokens-for($tokens, tokens-mat-radio.$prefix, $options...);
-  @include mdc-radio-theme.theme($mdc-radio-tokens);
+  @include token-utils.create-token-values(tokens-mdc-radio.$prefix, $mdc-radio-tokens);
   @include token-utils.create-token-values(tokens-mat-radio.$prefix, $mat-radio-tokens);
 }

package/radio/index.d.ts

@@ -205,7 +205,13 @@ export declare class MatRadioGroup implements AfterContentInit, OnDestroy, Contr
     readonly change: EventEmitter<MatRadioChange>;
     /** Child radio buttons. */
     _radios: QueryList<MatRadioButton>;
-    /** Theme color for all of the radio buttons in the group. */
+    /**
+     * Theme color of the radio buttons in the group. This API is supported in M2
+     * themes only, it has no effect in M3 themes.
+     *
+     * For information on applying color variants in M3, see
+     * https://material.angular.io/guide/theming#using-component-color-variants.
+     */
     color: ThemePalette;
     /** Name of the radio button group. All radio buttons inside this group will use this name. */
     get name(): string;

package/schematics/ng-add/index.js

@@ -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 = `~18.1.0-next.2`;
+const fallbackMaterialVersionRange = `~18.1.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-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 = `~18.1.0-next.2`;
+const fallbackMaterialVersionRange = `~18.1.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/table/files/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.html.template

@@ -1,4 +1,4 @@
-<div class="mat-elevation-z8">
+<div class="mat-elevation-z2">
   <table mat-table class="full-width-table" matSort aria-label="Elements">
     <!-- Id Column -->
     <ng-container matColumnDef="id">

package/slide-toggle/index.d.ts

@@ -89,7 +89,13 @@ export declare class MatSlideToggle implements OnDestroy, AfterContentInit, OnCh
     ariaDescribedby: string;
     /** Whether the slide-toggle is required. */
     required: boolean;
-    /** Palette color of slide toggle. */
+    /**
+     * Theme color of the slide toggle. This API is supported in M2 themes only,
+     * it has no effect in M3 themes.
+     *
+     * For information on applying color variants in M3, see
+     * https://material.angular.io/guide/theming#using-component-color-variants.
+     */
     color: string | undefined;
     /** Whether the slide toggle is disabled. */
     disabled: boolean;

package/stepper/index.d.ts

@@ -91,7 +91,13 @@ export declare class MatStep extends CdkStep implements ErrorStateMatcher, After
     private _isSelected;
     /** Content for step label given by `<ng-template matStepLabel>`. */
     stepLabel: MatStepLabel;
-    /** Theme color for the particular step. */
+    /**
+     * Theme color for the particular step. This API is supported in M2 themes
+     * only, it has no effect in M3 themes.
+     *
+     * For information on applying color variants in M3, see
+     * https://material.angular.io/guide/theming#using-component-color-variants.
+     */
     color: ThemePalette;
     /** Content that will be rendered lazily. */
     _lazyContent: MatStepContent;
@@ -140,7 +146,13 @@ export declare class MatStepHeader extends CdkStepHeader implements AfterViewIni
     optional: boolean;
     /** Whether the ripple should be disabled. */
     disableRipple: boolean;
-    /** Theme palette color of the step header. */
+    /**
+     * Theme color of the step header. This API is supported in M2 themes only, it
+     * has no effect in M3 themes.
+     *
+     * For information on applying color variants in M3, see
+     * https://material.angular.io/guide/theming#using-component-color-variants.
+     */
     color: ThemePalette;
     constructor(_intl: MatStepperIntl, _focusMonitor: FocusMonitor, _elementRef: ElementRef<HTMLElement>, changeDetectorRef: ChangeDetectorRef);
     ngAfterViewInit(): void;
@@ -178,7 +190,13 @@ export declare class MatStepper extends CdkStepper implements AfterContentInit {
     readonly animationDone: EventEmitter<void>;
     /** Whether ripples should be disabled for the step headers. */
     disableRipple: boolean;
-    /** Theme color for all of the steps in stepper. */
+    /**
+     * Theme color for all of the steps in stepper. This API is supported in M2
+     * themes only, it has no effect in M3 themes.
+     *
+     * For information on applying color variants in M3, see
+     * https://material.angular.io/guide/theming#using-component-color-variants.
+     */
     color: ThemePalette;
     /**
      * Whether the label should display in bottom or end position.

package/tabs/index.d.ts

@@ -827,7 +827,13 @@ export declare class MatTabNav extends MatPaginatedTabHeader implements AfterCon
     private _backgroundColor;
     /** Whether the ripple effect is disabled or not. */
     disableRipple: boolean;
-    /** Theme color of the nav bar. */
+    /**
+     * Theme color of the nav bar. This API is supported in M2 themes only, it has
+     * no effect in M3 themes.
+     *
+     * For information on applying color variants in M3, see
+     * https://material.angular.io/guide/theming#using-component-color-variants.
+     */
     color: ThemePalette;
     /**
      * Associated tab panel controlled by the nav bar. If not provided, then the nav bar

package/toolbar/index.d.ts

@@ -16,7 +16,13 @@ declare namespace i2 {
 export declare class MatToolbar implements AfterViewInit {
     protected _elementRef: ElementRef;
     private _platform;
-    /** Palette color of the toolbar. */
+    /**
+     * Theme color of the toolbar. This API is supported in M2 themes only, it has
+     * no effect in M3 themes.
+     *
+     * For information on applying color variants in M3, see
+     * https://material.angular.io/guide/theming#using-component-color-variants.
+     */
     color?: string | null;
     private _document;
     /** Reference to all toolbar row elements that have been projected. */