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

package/progress-bar/testing/index.d.ts

@@ -20,4 +20,5 @@ declare class MatProgressBarHarness extends ComponentHarness {
     getMode(): Promise<string | null>;
 }
 
-export { MatProgressBarHarness, type ProgressBarHarnessFilters };
+export { MatProgressBarHarness };
+export type { ProgressBarHarnessFilters };

package/{core/tokens/m2/mdc/_tab-indicator.scss → progress-spinner/_m2-progress-spinner.scss}

@@ -1,9 +1,9 @@
-@use '../../../theming/inspection';
-@use '../../../style/sass-utils';
-@use '../../token-definition';
+@use '../core/theming/inspection';
+@use '../core/style/sass-utils';
+@use '../core/tokens/m2-utils';
 
 // The prefix used to generate the fully qualified name for tokens in this file.
-$prefix: (mdc, tab-indicator);
+$prefix: (mat, progress-spinner);
 
 // Tokens that can't be configured through Angular Material's current theming API,
 // but may be in a future version of the theming API.
@@ -13,16 +13,15 @@ $prefix: (mdc, tab-indicator);
 // our CSS.
 @function get-unthemable-tokens() {
   @return (
-    active-indicator-height: 2px,
-    // Currently set to zero, but used by the gmat styles to make the indicator rounded.
-    active-indicator-shape: 0,
+    active-indicator-width: 4px,
+    size: 48px,
   );
 }
 
 // Tokens that can be configured through Angular Material's color theming API.
 @function get-color-tokens($theme, $palette-name: primary) {
   @return (
-    active-indicator-color: inspection.get-theme-color($theme, $palette-name, default),
+    active-indicator-color: inspection.get-theme-color($theme, $palette-name)
   );
 }
 
@@ -41,8 +40,8 @@ $prefix: (mdc, tab-indicator);
 @function get-token-slots() {
   @return sass-utils.deep-merge-all(
       get-unthemable-tokens(),
-      get-color-tokens(token-definition.$placeholder-color-config),
-      get-typography-tokens(token-definition.$placeholder-typography-config),
-      get-density-tokens(token-definition.$placeholder-density-config)
+      get-color-tokens(m2-utils.$placeholder-color-config),
+      get-typography-tokens(m2-utils.$placeholder-typography-config),
+      get-density-tokens(m2-utils.$placeholder-density-config)
   );
 }

package/{core/tokens/m3/mdc/_circular-progress.scss → progress-spinner/_m3-progress-spinner.scss}

@@ -1,8 +1,8 @@
 @use 'sass:map';
-@use '../../token-definition';
+@use '../core/tokens/m3-utils';
 
 // The prefix used to generate the fully qualified name for tokens in this file.
-$prefix: (mdc, circular-progress);
+$prefix: (mat, progress-spinner);
 
 /// Generates the tokens for MDC circular-progress
 /// @param {Map} $systems The MDC system tokens
@@ -10,8 +10,12 @@ $prefix: (mdc, circular-progress);
 /// @param {Map} $token-slots Possible token slots
 /// @return {Map} A set of tokens for the MDC circular-progress
 @function get-tokens($systems, $exclude-hardcoded, $token-slots) {
-  $mdc-tokens: token-definition.get-mdc-tokens(
-      'circular-progress-indicator', $systems, $exclude-hardcoded);
+  $tokens: (
+    active-indicator-color: map.get($systems, md-sys-color, primary),
+    active-indicator-width: if($exclude-hardcoded, null, 4px),
+    size: if($exclude-hardcoded, null, 48px)
+  );
+
   $variant-tokens: (
     primary: (), // Default, no overrides needed
     secondary: (
@@ -25,6 +29,6 @@ $prefix: (mdc, circular-progress);
     )
   );
 
-  @return token-definition.namespace-tokens(
-      $prefix, ($mdc-tokens, $variant-tokens), $token-slots);
+  @return m3-utils.namespace(
+      $prefix, ($tokens, $variant-tokens), $token-slots);
 }

package/progress-spinner/_progress-spinner-theme.scss

@@ -3,7 +3,7 @@
 @use '../core/theming/inspection';
 @use '../core/theming/validation';
 @use '../core/tokens/token-utils';
-@use '../core/tokens/m2/mdc/circular-progress' as tokens-mdc-circular-progress;
+@use './m2-progress-spinner';
 
 /// Outputs base theme styles (styles not dependent on the color, typography, or density settings)
 /// for the mat-progress-spinner.
@@ -13,9 +13,9 @@
     @include _theme-from-tokens(inspection.get-theme-tokens($theme, base));
   } @else {
     @include sass-utils.current-selector-or-root() {
-      @include token-utils.create-token-values(
-        tokens-mdc-circular-progress.$prefix,
-        tokens-mdc-circular-progress.get-unthemable-tokens()
+      @include token-utils.create-token-values-mixed(
+        m2-progress-spinner.$prefix,
+        m2-progress-spinner.get-unthemable-tokens()
       );
     }
   }
@@ -31,22 +31,22 @@
     @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(
-        tokens-mdc-circular-progress.$prefix,
-        tokens-mdc-circular-progress.get-color-tokens($theme, primary)
+      @include token-utils.create-token-values-mixed(
+        m2-progress-spinner.$prefix,
+        m2-progress-spinner.get-color-tokens($theme, primary)
       );
 
       .mat-accent {
-        @include token-utils.create-token-values(
-          tokens-mdc-circular-progress.$prefix,
-          tokens-mdc-circular-progress.get-color-tokens($theme, accent)
+        @include token-utils.create-token-values-mixed(
+          m2-progress-spinner.$prefix,
+          m2-progress-spinner.get-color-tokens($theme, accent)
         );
       }
 
       .mat-warn {
-        @include token-utils.create-token-values(
-          tokens-mdc-circular-progress.$prefix,
-          tokens-mdc-circular-progress.get-color-tokens($theme, warn)
+        @include token-utils.create-token-values-mixed(
+          m2-progress-spinner.$prefix,
+          m2-progress-spinner.get-color-tokens($theme, warn)
         );
       }
     }
@@ -67,8 +67,8 @@
 @function _define-overrides() {
   @return (
     (
-      namespace: tokens-mdc-circular-progress.$prefix,
-      tokens: tokens-mdc-circular-progress.get-token-slots(),
+      namespace: m2-progress-spinner.$prefix,
+      tokens: m2-progress-spinner.get-token-slots(),
     ),
   );
 }
@@ -109,11 +109,11 @@
   );
   $mdc-circular-progress-tokens: token-utils.get-tokens-for(
     $tokens,
-    tokens-mdc-circular-progress.$prefix,
+    m2-progress-spinner.$prefix,
     $options...
   );
   @include token-utils.create-token-values(
-    tokens-mdc-circular-progress.$prefix,
+    m2-progress-spinner.$prefix,
     $mdc-circular-progress-tokens
   );
 }

package/progress-spinner/index.d.ts

@@ -1,8 +1,8 @@
-import { M as MatProgressSpinner } from '../progress-spinner.d-1fc040c5.js';
-export { b as MAT_PROGRESS_SPINNER_DEFAULT_OPTIONS, c as MAT_PROGRESS_SPINNER_DEFAULT_OPTIONS_FACTORY, M as MatProgressSpinner, a as MatProgressSpinnerDefaultOptions, d as MatSpinner, P as ProgressSpinnerMode } from '../progress-spinner.d-1fc040c5.js';
+import { M as MatProgressSpinner } from '../progress-spinner.d-DtYCWeYd.js';
+export { b as MAT_PROGRESS_SPINNER_DEFAULT_OPTIONS, c as MAT_PROGRESS_SPINNER_DEFAULT_OPTIONS_FACTORY, a as MatProgressSpinnerDefaultOptions, d as MatSpinner, P as ProgressSpinnerMode } from '../progress-spinner.d-DtYCWeYd.js';
 import * as i0 from '@angular/core';
-import { M as MatCommonModule } from '../common-module.d-0e6515ae.js';
-import '../palette.d-ec4a617c.js';
+import { M as MatCommonModule } from '../common-module.d-C8xzHJDr.js';
+import '../palette.d-BSSFKjO6.js';
 import '@angular/cdk/bidi';
 
 declare class MatProgressSpinnerModule {
@@ -11,4 +11,4 @@ declare class MatProgressSpinnerModule {
     static ɵinj: i0.ɵɵInjectorDeclaration<MatProgressSpinnerModule>;
 }
 
-export { MatProgressSpinnerModule };
+export { MatProgressSpinner, MatProgressSpinnerModule };

package/progress-spinner/testing/index.d.ts

@@ -1,7 +1,7 @@
 import { BaseHarnessFilters, ComponentHarness, ComponentHarnessConstructor, HarnessPredicate } from '@angular/cdk/testing';
-import { P as ProgressSpinnerMode } from '../../progress-spinner.d-1fc040c5.js';
+import { P as ProgressSpinnerMode } from '../../progress-spinner.d-DtYCWeYd.js';
 import '@angular/core';
-import '../../palette.d-ec4a617c.js';
+import '../../palette.d-BSSFKjO6.js';
 
 /** A set of criteria that can be used to filter a list of `MatProgressSpinnerHarness` instances. */
 interface ProgressSpinnerHarnessFilters extends BaseHarnessFilters {
@@ -24,4 +24,5 @@ declare class MatProgressSpinnerHarness extends ComponentHarness {
     getMode(): Promise<ProgressSpinnerMode>;
 }
 
-export { MatProgressSpinnerHarness, type ProgressSpinnerHarnessFilters };
+export { MatProgressSpinnerHarness };
+export type { ProgressSpinnerHarnessFilters };

package/{progress-spinner.d-1fc040c5.d.ts → progress-spinner.d-DtYCWeYd.d.ts}

@@ -1,6 +1,6 @@
 import * as i0 from '@angular/core';
 import { InjectionToken, ElementRef } from '@angular/core';
-import { T as ThemePalette } from './palette.d-ec4a617c.js';
+import { T as ThemePalette } from './palette.d-BSSFKjO6.js';
 
 /** Possible mode for a progress spinner. */
 type ProgressSpinnerMode = 'determinate' | 'indeterminate';
@@ -93,4 +93,5 @@ declare class MatProgressSpinner {
  */
 declare const MatSpinner: typeof MatProgressSpinner;
 
-export { MatProgressSpinner as M, type ProgressSpinnerMode as P, type MatProgressSpinnerDefaultOptions as a, MAT_PROGRESS_SPINNER_DEFAULT_OPTIONS as b, MAT_PROGRESS_SPINNER_DEFAULT_OPTIONS_FACTORY as c, MatSpinner as d };
+export { MatProgressSpinner as M, MAT_PROGRESS_SPINNER_DEFAULT_OPTIONS as b, MAT_PROGRESS_SPINNER_DEFAULT_OPTIONS_FACTORY as c, MatSpinner as d };
+export type { ProgressSpinnerMode as P, MatProgressSpinnerDefaultOptions as a };

package/{pseudo-checkbox-module.d-3abc0461.d.ts → pseudo-checkbox-module.d-BHmTZ10P.d.ts}

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { M as MatCommonModule } from './common-module.d-0e6515ae.js';
+import { M as MatCommonModule } from './common-module.d-C8xzHJDr.js';
 
 /**
  * Possible states for a pseudo checkbox.
@@ -20,7 +20,7 @@ type MatPseudoCheckboxState = 'unchecked' | 'checked' | 'indeterminate';
  * @docs-private
  */
 declare class MatPseudoCheckbox {
-    _animationMode?: "NoopAnimations" | "BrowserAnimations" | null | undefined;
+    _animationsDisabled: boolean;
     /** Display state of the checkbox. */
     state: MatPseudoCheckboxState;
     /** Whether the checkbox is disabled. */
@@ -41,4 +41,5 @@ declare class MatPseudoCheckboxModule {
     static ɵinj: i0.ɵɵInjectorDeclaration<MatPseudoCheckboxModule>;
 }
 
-export { MatPseudoCheckboxModule as M, type MatPseudoCheckboxState as a, MatPseudoCheckbox as b };
+export { MatPseudoCheckboxModule as M, MatPseudoCheckbox as b };
+export type { MatPseudoCheckboxState as a };

package/{core/tokens/m2/mdc/_radio.scss → radio/_m2-radio.scss}

@@ -1,20 +1,16 @@
 @use 'sass:map';
-@use '../../../m2/palette' as m2-palette;
-@use '../../../m2/theming' as m2-theming;
-@use '../../../theming/theming';
-@use '../../../theming/inspection';
-@use '../../../style/sass-utils';
-@use '../../token-definition';
+@use '../core/tokens/m2-utils';
+@use '../core/theming/theming';
+@use '../core/theming/inspection';
+@use '../core/style/sass-utils';
+@use '../core/m2/palette' as m2-palette;
+@use '../core/m2/theming' as m2-theming;
 
 // The prefix used to generate the fully qualified name for tokens in this file.
-$prefix: (mdc, radio);
+$prefix: (mat, radio);
 
 // Tokens that can't be configured through Angular Material's current theming API,
 // but may be in a future version of the theming API.
-//
-// Tokens that are available in MDC, but not used in Angular Material should be mapped to `null`.
-// `null` indicates that we are intentionally choosing not to emit a slot or value for the token in
-// our CSS.
 @function get-unthemable-tokens() {
   @return (
     disabled-selected-icon-opacity: 0.38,
@@ -23,21 +19,6 @@ $prefix: (mdc, radio);
     // determines the size of the radio button itself and there are internal
     // tests who don't configure the theme correctly.
     state-layer-size: 40px,
-    // =============================================================================================
-    // = TOKENS NOT USED IN ANGULAR MATERIAL                                                       =
-    // =============================================================================================
-    selected-focus-state-layer-color: null,
-    selected-focus-state-layer-opacity: null,
-    selected-hover-state-layer-color: null,
-    selected-hover-state-layer-opacity: null,
-    selected-pressed-state-layer-color: null,
-    selected-pressed-state-layer-opacity: null,
-    unselected-focus-state-layer-color: null,
-    unselected-focus-state-layer-opacity: null,
-    unselected-hover-state-layer-color: null,
-    unselected-hover-state-layer-opacity: null,
-    unselected-pressed-state-layer-color: null,
-    unselected-pressed-state-layer-opacity: null,
   );
 }
 
@@ -48,22 +29,32 @@ $prefix: (mdc, radio);
   $icon-color: m2-theming.get-color-from-palette(m2-palette.$gray-palette, if($is-dark, 200, 900));
 
   @return (
+    checked-ripple-color: inspection.get-theme-color($theme, $palette-name, default),
+    disabled-label-color: inspection.get-theme-color($theme, foreground, disabled-text),
     disabled-selected-icon-color: inspection.get-theme-color($theme, foreground, icon, 1),
     disabled-unselected-icon-color: inspection.get-theme-color($theme, foreground, icon, 1),
-    unselected-hover-icon-color: $icon-color,
-    unselected-focus-icon-color: $icon-color,
-    unselected-icon-color: inspection.get-theme-color($theme, foreground, icon, 0.54),
-    unselected-pressed-icon-color: inspection.get-theme-color($theme, foreground, icon, 0.54),
+    label-text-color: inspection.get-theme-color($theme, foreground, text),
+    ripple-color: inspection.get-theme-color($theme, foreground, base),
     selected-focus-icon-color: $palette-color,
     selected-hover-icon-color: $palette-color,
     selected-icon-color: $palette-color,
     selected-pressed-icon-color: $palette-color,
+    unselected-focus-icon-color: $icon-color,
+    unselected-hover-icon-color: $icon-color,
+    unselected-icon-color: inspection.get-theme-color($theme, foreground, icon, 0.54),
+    unselected-pressed-icon-color: inspection.get-theme-color($theme, foreground, icon, 0.54),
   );
 }
 
 // Tokens that can be configured through Angular Material's typography theming API.
 @function get-typography-tokens($theme) {
-  @return ();
+  @return (
+    label-text-font: inspection.get-theme-typography($theme, body-2, font-family),
+    label-text-line-height: inspection.get-theme-typography($theme, body-2, line-height),
+    label-text-size: inspection.get-theme-typography($theme, body-2, font-size),
+    label-text-tracking: inspection.get-theme-typography($theme, body-2, letter-spacing),
+    label-text-weight: inspection.get-theme-typography($theme, body-2, font-weight)
+  );
 }
 
 // Tokens that can be configured through Angular Material's density theming API.
@@ -77,7 +68,8 @@ $prefix: (mdc, radio);
       -1: 36px,
       -2: 32px,
       -3: 28px,
-    ), $scale)
+    ), $scale),
+    touch-target-display: if($scale < -1, none, block)
   );
 }
 
@@ -85,9 +77,9 @@ $prefix: (mdc, radio);
 // This is used to create token slots.
 @function get-token-slots() {
   @return sass-utils.deep-merge-all(
-      get-unthemable-tokens(),
-      get-color-tokens(token-definition.$placeholder-color-config),
-      get-typography-tokens(token-definition.$placeholder-typography-config),
-      get-density-tokens(token-definition.$placeholder-density-config)
+    get-unthemable-tokens(),
+    get-color-tokens(m2-utils.$placeholder-color-config),
+    get-typography-tokens(m2-utils.$placeholder-typography-config),
+    get-density-tokens(m2-utils.$placeholder-density-config)
   );
 }

package/radio/_m3-radio.scss

@@ -0,0 +1,79 @@
+@use 'sass:map';
+@use 'sass:list';
+@use '../core/style/sass-utils';
+@use '../core/tokens/m3-utils';
+@use '../core/theming/theming';
+@use '../core/theming/inspection';
+
+// The prefix used to generate the fully qualified name for tokens in this file.
+$prefix: (mat, radio);
+
+/// Generates custom tokens for the mat-radio.
+/// @param {Map} $systems The MDC system tokens
+/// @param {Boolean} $exclude-hardcoded Whether to exclude hardcoded token values
+/// @param {Map} $token-slots Possible token slots
+/// @return {Map} A set of custom tokens for the mat-radio
+@function get-tokens($systems, $exclude-hardcoded, $token-slots) {
+  $tokens: (
+    ripple-color: map.get($systems, md-sys-color, on-surface),
+    checked-ripple-color: map.get($systems, md-sys-color, primary),
+    disabled-label-color:
+    sass-utils.safe-color-change(map.get($systems, md-sys-color, on-surface), $alpha: 0.38),
+    label-text-color: map.get($systems, md-sys-color, on-surface),
+    label-text-font: map.get($systems, md-sys-typescale, body-medium-font),
+    label-text-line-height: map.get($systems, md-sys-typescale, body-medium-line-height),
+    label-text-size: map.get($systems, md-sys-typescale, body-medium-size),
+    label-text-tracking: map.get($systems, md-sys-typescale, body-medium-tracking),
+    label-text-weight: map.get($systems, md-sys-typescale, body-medium-weight),
+    disabled-selected-icon-color: map.get($systems, md-sys-color, on-surface),
+    disabled-selected-icon-opacity: if($exclude-hardcoded, null, 0.38),
+    disabled-unselected-icon-color: map.get($systems, md-sys-color, on-surface),
+    disabled-unselected-icon-opacity: if($exclude-hardcoded, null, 0.38),
+    selected-focus-icon-color: map.get($systems, md-sys-color, primary),
+    selected-hover-icon-color: map.get($systems, md-sys-color, primary),
+    selected-icon-color: map.get($systems, md-sys-color, primary),
+    selected-pressed-icon-color: map.get($systems, md-sys-color, primary),
+    unselected-focus-icon-color: map.get($systems, md-sys-color, on-surface),
+    unselected-hover-icon-color: map.get($systems, md-sys-color, on-surface),
+    unselected-icon-color: map.get($systems, md-sys-color, on-surface-variant),
+    unselected-pressed-icon-color: map.get($systems, md-sys-color, on-surface),
+  );
+
+  $variant-tokens: (
+    primary: (), // Default, no overrides needed
+    secondary: (
+      checked-ripple-color: map.get($systems, md-sys-color, secondary),
+      selected-focus-icon-color: map.get($systems, md-sys-color, secondary),
+      selected-hover-icon-color: map.get($systems, md-sys-color, secondary),
+      selected-icon-color: map.get($systems, md-sys-color, secondary),
+      selected-pressed-icon-color: map.get($systems, md-sys-color, secondary),
+    ),
+    tertiary: (
+      checked-ripple-color: map.get($systems, md-sys-color, tertiary),
+      selected-focus-icon-color: map.get($systems, md-sys-color, tertiary),
+      selected-hover-icon-color: map.get($systems, md-sys-color, tertiary),
+      selected-icon-color: map.get($systems, md-sys-color, tertiary),
+      selected-pressed-icon-color: map.get($systems, md-sys-color, tertiary),
+    ),
+    error: (
+      checked-ripple-color: map.get($systems, md-sys-color, error),
+      selected-focus-icon-color: map.get($systems, md-sys-color, error),
+      selected-hover-icon-color: map.get($systems, md-sys-color, error),
+      selected-icon-color: map.get($systems, md-sys-color, error),
+      selected-pressed-icon-color: map.get($systems, md-sys-color, error),
+    ),
+  );
+
+  @return m3-utils.namespace($prefix, ($tokens, $variant-tokens), $token-slots);
+}
+
+// Tokens that can be configured through Angular Material's density theming API.
+@function get-density-tokens($theme) {
+  $scale: theming.clamp-density(inspection.get-theme-density($theme), -3);
+  $index: ($scale * -1) + 1;
+
+  @return (
+    touch-target-display: list.nth((block, block, none, none), $index),
+    state-layer-size: list.nth((40px, 36px, 32px, 28px), $index),
+  );
+}

package/radio/_radio-theme.scss

@@ -4,8 +4,8 @@
 @use '../core/theming/validation';
 @use '../core/tokens/token-utils';
 @use '../core/typography/typography';
-@use '../core/tokens/m2/mdc/radio' as tokens-mdc-radio;
-@use '../core/tokens/m2/mat/radio' as tokens-mat-radio;
+@use './m2-radio';
+@use './m3-radio';
 
 /// Outputs base theme styles (styles not dependent on the color, typography, or density settings)
 /// for the mat-radio.
@@ -15,14 +15,8 @@
     @include _theme-from-tokens(inspection.get-theme-tokens($theme, base));
   } @else {
     @include sass-utils.current-selector-or-root() {
-      @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()
-      );
+      @include token-utils.create-token-values-mixed(
+        m2-radio.$prefix, m2-radio.get-unthemable-tokens());
     }
   }
 }
@@ -38,35 +32,23 @@
   } @else {
     .mat-mdc-radio-button {
       &.mat-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)
+        @include token-utils.create-token-values-mixed(
+          m2-radio.$prefix,
+          m2-radio.get-color-tokens($theme, primary)
         );
       }
 
       &.mat-accent {
-        @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)
+        @include token-utils.create-token-values-mixed(
+          m2-radio.$prefix,
+          m2-radio.get-color-tokens($theme)
         );
       }
 
       &.mat-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)
+        @include token-utils.create-token-values-mixed(
+          m2-radio.$prefix,
+          m2-radio.get-color-tokens($theme, warn)
         );
       }
     }
@@ -80,13 +62,9 @@
     @include _theme-from-tokens(inspection.get-theme-tokens($theme, typography));
   } @else {
     @include sass-utils.current-selector-or-root() {
-      @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)
+      @include token-utils.create-token-values-mixed(
+        m2-radio.$prefix,
+        m2-radio.get-typography-tokens($theme)
       );
     }
   }
@@ -96,18 +74,14 @@
 /// @param {Map} $theme The theme to generate density styles for.
 @mixin density($theme) {
   @if inspection.get-theme-version($theme) == 1 {
-    @include _theme-from-tokens(inspection.get-theme-tokens($theme, density));
+    @include token-utils.create-token-values(m3-radio.$prefix, m3-radio.get-density-tokens($theme));
   } @else {
     $density-scale: inspection.get-theme-density($theme);
 
     @include sass-utils.current-selector-or-root() {
-      @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)
+      @include token-utils.create-token-values-mixed(
+        m2-radio.$prefix,
+        m2-radio.get-density-tokens($theme)
       );
     }
   }
@@ -117,12 +91,8 @@
 @function _define-overrides() {
   @return (
     (
-      namespace: tokens-mdc-radio.$prefix,
-      tokens: tokens-mdc-radio.get-token-slots(),
-    ),
-    (
-      namespace: tokens-mat-radio.$prefix,
-      tokens: tokens-mat-radio.get-token-slots(),
+      namespace: m2-radio.$prefix,
+      tokens: m2-radio.get-token-slots(),
     ),
   );
 }
@@ -142,6 +112,9 @@
   @include theming.private-check-duplicate-theme-styles($theme, 'mat-radio') {
     @if inspection.get-theme-version($theme) == 1 {
       @include _theme-from-tokens(inspection.get-theme-tokens($theme), $options...);
+      @if inspection.theme-has($theme, density) {
+        @include density($theme);
+      }
     } @else {
       @include base($theme);
       @if inspection.theme-has($theme, color) {
@@ -161,8 +134,6 @@
   @include validation.selector-defined(
     'Calls to Angular Material theme mixins with an M3 theme must be wrapped in a selector'
   );
-  $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 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);
+  $mat-radio-tokens: token-utils.get-tokens-for($tokens, m2-radio.$prefix, $options...);
+  @include token-utils.create-token-values(m2-radio.$prefix, $mat-radio-tokens);
 }

package/radio/index.d.ts

@@ -2,11 +2,11 @@ import { FocusOrigin } from '@angular/cdk/a11y';
 import * as i0 from '@angular/core';
 import { InjectionToken, AfterContentInit, OnDestroy, EventEmitter, QueryList, OnInit, AfterViewInit, DoCheck, ElementRef } from '@angular/core';
 import { ControlValueAccessor } from '@angular/forms';
-import { T as ThemePalette } from '../palette.d-ec4a617c.js';
-import { M as MatCommonModule } from '../common-module.d-0e6515ae.js';
-import { M as MatRippleModule } from '../index.d-0536b706.js';
+import { T as ThemePalette } from '../palette.d-BSSFKjO6.js';
+import { M as MatCommonModule } from '../common-module.d-C8xzHJDr.js';
+import { M as MatRippleModule } from '../index.d-C5neTPvr.js';
 import '@angular/cdk/bidi';
-import '../ripple.d-2fb57d04.js';
+import '../ripple.d-BT30YVLB.js';
 import '@angular/cdk/platform';
 
 /** Change event object emitted by radio button and radio group. */
@@ -298,4 +298,5 @@ declare class MatRadioModule {
     static ɵinj: i0.ɵɵInjectorDeclaration<MatRadioModule>;
 }
 
-export { MAT_RADIO_DEFAULT_OPTIONS, MAT_RADIO_DEFAULT_OPTIONS_FACTORY, MAT_RADIO_GROUP, MAT_RADIO_GROUP_CONTROL_VALUE_ACCESSOR, MatRadioButton, MatRadioChange, type MatRadioDefaultOptions, MatRadioGroup, MatRadioModule };
+export { MAT_RADIO_DEFAULT_OPTIONS, MAT_RADIO_DEFAULT_OPTIONS_FACTORY, MAT_RADIO_GROUP, MAT_RADIO_GROUP_CONTROL_VALUE_ACCESSOR, MatRadioButton, MatRadioChange, MatRadioGroup, MatRadioModule };
+export type { MatRadioDefaultOptions };

package/radio/testing/index.d.ts

@@ -105,4 +105,5 @@ declare class MatRadioButtonHarness extends ComponentHarness {
     check(): Promise<void>;
 }
 
-export { MatRadioButtonHarness, MatRadioGroupHarness, type RadioButtonHarnessFilters, type RadioGroupHarnessFilters };
+export { MatRadioButtonHarness, MatRadioGroupHarness };
+export type { RadioButtonHarnessFilters, RadioGroupHarnessFilters };

package/{ripple-loader.d-8aac2988.d.ts → ripple-loader.d-9me-KFSi.d.ts}

@@ -11,7 +11,7 @@ import { OnDestroy } from '@angular/core';
  */
 declare class MatRippleLoader implements OnDestroy {
     private _document;
-    private _animationMode;
+    private _animationsDisabled;
     private _globalRippleOptions;
     private _platform;
     private _ngZone;

package/{ripple.d-2fb57d04.d.ts → ripple.d-BT30YVLB.d.ts}

@@ -173,7 +173,7 @@ interface RippleGlobalOptions {
 declare const MAT_RIPPLE_GLOBAL_OPTIONS: InjectionToken<RippleGlobalOptions>;
 declare class MatRipple implements OnInit, OnDestroy, RippleTarget {
     private _elementRef;
-    private _animationMode;
+    private _animationsDisabled;
     /** Custom color for all ripples. */
     color: string;
     /** Whether the ripples should be visible outside the component's bounds. */
@@ -252,4 +252,5 @@ declare class MatRipple implements OnInit, OnDestroy, RippleTarget {
     static ɵdir: i0.ɵɵDirectiveDeclaration<MatRipple, "[mat-ripple], [matRipple]", ["matRipple"], { "color": { "alias": "matRippleColor"; "required": false; }; "unbounded": { "alias": "matRippleUnbounded"; "required": false; }; "centered": { "alias": "matRippleCentered"; "required": false; }; "radius": { "alias": "matRippleRadius"; "required": false; }; "animation": { "alias": "matRippleAnimation"; "required": false; }; "disabled": { "alias": "matRippleDisabled"; "required": false; }; "trigger": { "alias": "matRippleTrigger"; "required": false; }; }, {}, never, never, true, never>;
 }
 
-export { MatRipple as M, RippleRenderer as R, type RippleTarget as a, type RippleGlobalOptions as b, MAT_RIPPLE_GLOBAL_OPTIONS as c, defaultRippleAnimationConfig as d, RippleState as e, type RippleConfig as f, type RippleAnimationConfig as g, RippleRef as h };
+export { MatRipple as M, RippleRenderer as a, MAT_RIPPLE_GLOBAL_OPTIONS as c, defaultRippleAnimationConfig as d, RippleState as e, RippleRef as h };
+export type { RippleGlobalOptions as R, RippleTarget as b, RippleConfig as f, RippleAnimationConfig as g };