@angular/material 18.0.0-rc.1 → 18.0.0-rc.3

package/checkbox/_checkbox-theme.scss

@@ -1,5 +1,4 @@
 @use '@material/checkbox/checkbox-theme' as mdc-checkbox-theme;
-@use '@material/form-field/form-field-theme' as mdc-form-field-theme;
 @use '../core/style/sass-utils';
 @use '../core/theming/theming';
 @use '../core/theming/inspection';
@@ -7,7 +6,6 @@
 @use '../core/tokens/token-utils';
 @use '../core/typography/typography';
 @use '../core/tokens/m2/mdc/checkbox' as tokens-mdc-checkbox;
-@use '../core/tokens/m2/mdc/form-field' as tokens-mdc-form-field;
 @use '../core/tokens/m2/mat/checkbox' as tokens-mat-checkbox;
 
 /// Outputs base theme styles (styles not dependent on the color, typography, or density settings)
@@ -16,12 +14,13 @@
 @mixin base($theme) {
   @if inspection.get-theme-version($theme) == 1 {
     @include _theme-from-tokens(inspection.get-theme-tokens($theme, base));
-  }
-  @else {
+  } @else {
     @include sass-utils.current-selector-or-root() {
       @include mdc-checkbox-theme.theme(tokens-mdc-checkbox.get-unthemable-tokens());
       @include token-utils.create-token-values(
-        tokens-mat-checkbox.$prefix, tokens-mat-checkbox.get-unthemable-tokens());
+        tokens-mat-checkbox.$prefix,
+        tokens-mat-checkbox.get-unthemable-tokens()
+      );
     }
   }
 }
@@ -34,17 +33,16 @@
 @mixin color($theme, $options...) {
   @if inspection.get-theme-version($theme) == 1 {
     @include _theme-from-tokens(inspection.get-theme-tokens($theme, color), $options...);
-  }
-  @else {
+  } @else {
     @include sass-utils.current-selector-or-root() {
       @include mdc-checkbox-theme.theme(tokens-mdc-checkbox.get-color-tokens($theme));
       @include token-utils.create-token-values(
-        tokens-mat-checkbox.$prefix, tokens-mat-checkbox.get-color-tokens($theme));
+        tokens-mat-checkbox.$prefix,
+        tokens-mat-checkbox.get-color-tokens($theme)
+      );
     }
 
     .mat-mdc-checkbox {
-      @include mdc-form-field-theme.theme(tokens-mdc-form-field.get-color-tokens($theme));
-
       &.mat-primary {
         @include mdc-checkbox-theme.theme(tokens-mdc-checkbox.get-color-tokens($theme, primary));
       }
@@ -61,16 +59,13 @@
 @mixin typography($theme) {
   @if inspection.get-theme-version($theme) == 1 {
     @include _theme-from-tokens(inspection.get-theme-tokens($theme, typography));
-  }
-  @else {
+  } @else {
     @include sass-utils.current-selector-or-root() {
       @include mdc-checkbox-theme.theme(tokens-mdc-checkbox.get-typography-tokens($theme));
       @include token-utils.create-token-values(
-        tokens-mat-checkbox.$prefix, tokens-mat-checkbox.get-typography-tokens($theme));
-    }
-
-    .mat-mdc-checkbox {
-      @include mdc-form-field-theme.theme(tokens-mdc-form-field.get-typography-tokens($theme));
+        tokens-mat-checkbox.$prefix,
+        tokens-mat-checkbox.get-typography-tokens($theme)
+      );
     }
   }
 }
@@ -82,12 +77,13 @@
 
   @if inspection.get-theme-version($theme) == 1 {
     @include _theme-from-tokens(inspection.get-theme-tokens($theme, density));
-  }
-  @else {
+  } @else {
     @include sass-utils.current-selector-or-root() {
       @include mdc-checkbox-theme.theme(tokens-mdc-checkbox.get-density-tokens($theme));
       @include token-utils.create-token-values(
-        tokens-mat-checkbox.$prefix, tokens-mat-checkbox.get-density-tokens($theme));
+        tokens-mat-checkbox.$prefix,
+        tokens-mat-checkbox.get-density-tokens($theme)
+      );
     }
   }
 }
@@ -97,8 +93,14 @@
 @mixin overrides($tokens: ()) {
   @include token-utils.batch-create-token-values(
     $tokens,
-    (prefix: tokens-mat-checkbox.$prefix, tokens: tokens-mat-checkbox.get-token-slots()),
-    (prefix: tokens-mdc-checkbox.$prefix, tokens: tokens-mdc-checkbox.get-token-slots()),
+    (
+      prefix: tokens-mat-checkbox.$prefix,
+      tokens: tokens-mat-checkbox.get-token-slots(),
+    ),
+    (
+      prefix: tokens-mdc-checkbox.$prefix,
+      tokens: tokens-mdc-checkbox.get-token-slots(),
+    )
   );
 }
 
@@ -111,8 +113,7 @@
   @include theming.private-check-duplicate-theme-styles($theme, 'mat-checkbox') {
     @if inspection.get-theme-version($theme) == 1 {
       @include _theme-from-tokens(inspection.get-theme-tokens($theme), $options...);
-    }
-    @else {
+    } @else {
       @include base($theme);
       @if inspection.theme-has($theme, color) {
         @include color($theme);
@@ -129,14 +130,16 @@
 
 @mixin _theme-from-tokens($tokens, $options...) {
   @include validation.selector-defined(
-      'Calls to Angular Material theme mixins with an M3 theme must be wrapped in a selector');
+    'Calls to Angular Material theme mixins with an M3 theme must be wrapped in a selector'
+  );
   $mdc-checkbox-tokens: token-utils.get-tokens-for(
-      $tokens, tokens-mdc-checkbox.$prefix, $options...);
-  // Don't pass $options here, since the mdc-form-field doesn't support color options,
+    $tokens,
+    tokens-mdc-checkbox.$prefix,
+    $options...
+  );
+  // Don't pass $options here, since the mdc-checkbox doesn't support color options,
   // only the mdc-checkbox does.
-  $mdc-form-field-tokens: token-utils.get-tokens-for($tokens, tokens-mdc-form-field.$prefix);
   $mat-checkbox-tokens: token-utils.get-tokens-for($tokens, tokens-mat-checkbox.$prefix);
   @include mdc-checkbox-theme.theme($mdc-checkbox-tokens);
-  @include mdc-form-field-theme.theme($mdc-form-field-tokens);
   @include token-utils.create-token-values(tokens-mat-checkbox.$prefix, $mat-checkbox-tokens);
 }

package/chips/index.d.ts

@@ -528,10 +528,8 @@ export declare class MatChipGridChange {
  * Directive that adds chip-specific behaviors to an input element inside `<mat-form-field>`.
  * May be placed inside or outside of a `<mat-chip-grid>`.
  */
-export declare class MatChipInput implements MatChipTextControl, AfterContentInit, OnChanges, OnDestroy {
+export declare class MatChipInput implements MatChipTextControl, OnChanges, OnDestroy {
     protected _elementRef: ElementRef<HTMLInputElement>;
-    /** Used to prevent focus moving to chips while user is holding backspace */
-    private _focusLastChipOnBackspace;
     /** Whether the control is focused. */
     focused: boolean;
     /** Register input for chip list */
@@ -565,13 +563,8 @@ export declare class MatChipInput implements MatChipTextControl, AfterContentIni
     constructor(_elementRef: ElementRef<HTMLInputElement>, defaultOptions: MatChipsDefaultOptions, formField?: MatFormField);
     ngOnChanges(): void;
     ngOnDestroy(): void;
-    ngAfterContentInit(): void;
     /** Utility method to make host definition/tests more clear. */
-    _keydown(event?: KeyboardEvent): void;
-    /**
-     * Pass events to the keyboard manager. Available here for tests.
-     */
-    _keyup(event: KeyboardEvent): void;
+    _keydown(event: KeyboardEvent): void;
     /** Checks to see if the blur should emit the (chipEnd) event. */
     _blur(): void;
     _focus(): void;

package/core/index.d.ts

@@ -868,7 +868,10 @@ export declare class MatRippleLoader implements OnDestroy {
     getRipple(host: HTMLElement): MatRipple | undefined;
     /** Sets the disabled state on the ripple instance corresponding to the given host element. */
     setDisabled(host: HTMLElement, disabled: boolean): void;
-    /** Handles creating and attaching component internals when a component it is initially interacted with. */
+    /**
+     * Handles creating and attaching component internals
+     * when a component is initially interacted with.
+     */
     private _onInteraction;
     /** Creates a MatRipple and appends it to the given element. */
     private _createRipple;

package/core/tokens/m2/_index.scss

@@ -56,7 +56,6 @@
 @use './mdc/extended-fab' as tokens-mdc-extended-fab;
 @use './mdc/fab' as tokens-mdc-fab;
 @use './mdc/fab-small' as tokens-mdc-fab-small;
-@use './mdc/form-field' as tokens-mdc-form-field;
 @use './mdc/filled-text-field' as tokens-mdc-filled-text-field;
 @use './mdc/icon-button' as tokens-mdc-icon-button;
 @use './mdc/linear-progress' as tokens-mdc-linear-progress;
@@ -81,14 +80,12 @@
 ///    with the given Angular Material theme. Token names are not fully-qualified.
 @function _get-tokens-for-module-and-system($theme, $module, $system) {
   @if $system == unthemable {
-    @return meta.call(
-        meta.get-function(get-#{$system}-tokens, $module: $module));
+    @return meta.call(meta.get-function(get-#{$system}-tokens, $module: $module));
   }
   @if not inspection.theme-has($theme, $system) {
     @return ();
   }
-  @return meta.call(
-      meta.get-function(get-#{$system}-tokens, $module: $module), $theme);
+  @return meta.call(meta.get-function(get-#{$system}-tokens, $module: $module), $theme);
 }
 
 /// Gets the fully qualified tokens map for the given theme and m2 tokens module.
@@ -98,10 +95,11 @@
 ///     Angular Material theme. Token names are fully-qualified.
 @function _get-tokens-for-module($theme, $module) {
   $tokens: sass-utils.deep-merge-all(
-      _get-tokens-for-module-and-system($theme, $module, unthemable),
-      _get-tokens-for-module-and-system($theme, $module, color),
-      _get-tokens-for-module-and-system($theme, $module, typography),
-      _get-tokens-for-module-and-system($theme, $module, density));
+    _get-tokens-for-module-and-system($theme, $module, unthemable),
+    _get-tokens-for-module-and-system($theme, $module, color),
+    _get-tokens-for-module-and-system($theme, $module, typography),
+    _get-tokens-for-module-and-system($theme, $module, density)
+  );
   @return map.set((), map.get(meta.module-variables($module), prefix), $tokens);
 }
 
@@ -115,74 +113,73 @@
 ///     )
 @function m2-tokens-from-theme($theme) {
   @return sass-utils.deep-merge-all(
-      _get-tokens-for-module($theme, tokens-mat-app),
-      _get-tokens-for-module($theme, tokens-mat-autocomplete),
-      _get-tokens-for-module($theme, tokens-mat-badge),
-      _get-tokens-for-module($theme, tokens-mat-bottom-sheet),
-      _get-tokens-for-module($theme, tokens-mat-button-toggle),
-      _get-tokens-for-module($theme, tokens-mat-card),
-      _get-tokens-for-module($theme, tokens-mat-chip),
-      _get-tokens-for-module($theme, tokens-mat-datepicker),
-      _get-tokens-for-module($theme, tokens-mat-dialog),
-      _get-tokens-for-module($theme, tokens-mat-divider),
-      _get-tokens-for-module($theme, tokens-mat-expansion),
-      _get-tokens-for-module($theme, tokens-mat-fab),
-      _get-tokens-for-module($theme, tokens-mat-fab-small),
-      _get-tokens-for-module($theme, tokens-mat-filled-button),
-      _get-tokens-for-module($theme, tokens-mat-form-field),
-      _get-tokens-for-module($theme, tokens-mat-grid-list),
-      _get-tokens-for-module($theme, tokens-mat-icon-button),
-      _get-tokens-for-module($theme, tokens-mat-icon),
-      _get-tokens-for-module($theme, tokens-mat-menu),
-      _get-tokens-for-module($theme, tokens-mat-optgroup),
-      _get-tokens-for-module($theme, tokens-mat-option),
-      _get-tokens-for-module($theme, tokens-mat-outlined-button),
-      _get-tokens-for-module($theme, tokens-mat-paginator),
-      _get-tokens-for-module($theme, tokens-mat-checkbox),
-      _get-tokens-for-module($theme, tokens-mat-full-pseudo-checkbox),
-      _get-tokens-for-module($theme, tokens-mat-list),
-      _get-tokens-for-module($theme, tokens-mat-minimal-pseudo-checkbox),
-      _get-tokens-for-module($theme, tokens-mat-protected-button),
-      _get-tokens-for-module($theme, tokens-mat-radio),
-      _get-tokens-for-module($theme, tokens-mat-ripple),
-      _get-tokens-for-module($theme, tokens-mat-select),
-      _get-tokens-for-module($theme, tokens-mat-sidenav),
-      _get-tokens-for-module($theme, tokens-mat-slider),
-      _get-tokens-for-module($theme, tokens-mat-switch),
-      _get-tokens-for-module($theme, tokens-mat-snack-bar),
-      _get-tokens-for-module($theme, tokens-mat-sort),
-      _get-tokens-for-module($theme, tokens-mat-stepper),
-      _get-tokens-for-module($theme, tokens-mat-tab-header-with-background),
-      _get-tokens-for-module($theme, tokens-mat-tab-header),
-      _get-tokens-for-module($theme, tokens-mat-table),
-      _get-tokens-for-module($theme, tokens-mat-text-button),
-      _get-tokens-for-module($theme, tokens-mat-toolbar),
-      _get-tokens-for-module($theme, tokens-mat-tree),
-      _get-tokens-for-module($theme, tokens-mdc-checkbox),
-      _get-tokens-for-module($theme, tokens-mdc-chip),
-      _get-tokens-for-module($theme, tokens-mdc-circular-progress),
-      _get-tokens-for-module($theme, tokens-mdc-dialog),
-      _get-tokens-for-module($theme, tokens-mdc-elevated-card),
-      _get-tokens-for-module($theme, tokens-mdc-extended-fab),
-      _get-tokens-for-module($theme, tokens-mdc-fab),
-      _get-tokens-for-module($theme, tokens-mdc-fab-small),
-      _get-tokens-for-module($theme, tokens-mdc-filled-button),
-      _get-tokens-for-module($theme, tokens-mdc-filled-text-field),
-      _get-tokens-for-module($theme, tokens-mdc-form-field),
-      _get-tokens-for-module($theme, tokens-mdc-icon-button),
-      _get-tokens-for-module($theme, tokens-mdc-linear-progress),
-      _get-tokens-for-module($theme, tokens-mdc-list),
-      _get-tokens-for-module($theme, tokens-mdc-outlined-button),
-      _get-tokens-for-module($theme, tokens-mdc-outlined-card),
-      _get-tokens-for-module($theme, tokens-mdc-outlined-text-field),
-      _get-tokens-for-module($theme, tokens-mdc-plain-tooltip),
-      _get-tokens-for-module($theme, tokens-mdc-protected-button),
-      _get-tokens-for-module($theme, tokens-mdc-radio),
-      _get-tokens-for-module($theme, tokens-mdc-slider),
-      _get-tokens-for-module($theme, tokens-mdc-snack-bar),
-      _get-tokens-for-module($theme, tokens-mdc-switch),
-      _get-tokens-for-module($theme, tokens-mdc-tab-indicator),
-      _get-tokens-for-module($theme, tokens-mdc-tab),
-      _get-tokens-for-module($theme, tokens-mdc-text-button),
+    _get-tokens-for-module($theme, tokens-mat-app),
+    _get-tokens-for-module($theme, tokens-mat-autocomplete),
+    _get-tokens-for-module($theme, tokens-mat-badge),
+    _get-tokens-for-module($theme, tokens-mat-bottom-sheet),
+    _get-tokens-for-module($theme, tokens-mat-button-toggle),
+    _get-tokens-for-module($theme, tokens-mat-card),
+    _get-tokens-for-module($theme, tokens-mat-chip),
+    _get-tokens-for-module($theme, tokens-mat-datepicker),
+    _get-tokens-for-module($theme, tokens-mat-dialog),
+    _get-tokens-for-module($theme, tokens-mat-divider),
+    _get-tokens-for-module($theme, tokens-mat-expansion),
+    _get-tokens-for-module($theme, tokens-mat-fab),
+    _get-tokens-for-module($theme, tokens-mat-fab-small),
+    _get-tokens-for-module($theme, tokens-mat-filled-button),
+    _get-tokens-for-module($theme, tokens-mat-form-field),
+    _get-tokens-for-module($theme, tokens-mat-grid-list),
+    _get-tokens-for-module($theme, tokens-mat-icon-button),
+    _get-tokens-for-module($theme, tokens-mat-icon),
+    _get-tokens-for-module($theme, tokens-mat-menu),
+    _get-tokens-for-module($theme, tokens-mat-optgroup),
+    _get-tokens-for-module($theme, tokens-mat-option),
+    _get-tokens-for-module($theme, tokens-mat-outlined-button),
+    _get-tokens-for-module($theme, tokens-mat-paginator),
+    _get-tokens-for-module($theme, tokens-mat-checkbox),
+    _get-tokens-for-module($theme, tokens-mat-full-pseudo-checkbox),
+    _get-tokens-for-module($theme, tokens-mat-list),
+    _get-tokens-for-module($theme, tokens-mat-minimal-pseudo-checkbox),
+    _get-tokens-for-module($theme, tokens-mat-protected-button),
+    _get-tokens-for-module($theme, tokens-mat-radio),
+    _get-tokens-for-module($theme, tokens-mat-ripple),
+    _get-tokens-for-module($theme, tokens-mat-select),
+    _get-tokens-for-module($theme, tokens-mat-sidenav),
+    _get-tokens-for-module($theme, tokens-mat-slider),
+    _get-tokens-for-module($theme, tokens-mat-switch),
+    _get-tokens-for-module($theme, tokens-mat-snack-bar),
+    _get-tokens-for-module($theme, tokens-mat-sort),
+    _get-tokens-for-module($theme, tokens-mat-stepper),
+    _get-tokens-for-module($theme, tokens-mat-tab-header-with-background),
+    _get-tokens-for-module($theme, tokens-mat-tab-header),
+    _get-tokens-for-module($theme, tokens-mat-table),
+    _get-tokens-for-module($theme, tokens-mat-text-button),
+    _get-tokens-for-module($theme, tokens-mat-toolbar),
+    _get-tokens-for-module($theme, tokens-mat-tree),
+    _get-tokens-for-module($theme, tokens-mdc-checkbox),
+    _get-tokens-for-module($theme, tokens-mdc-chip),
+    _get-tokens-for-module($theme, tokens-mdc-circular-progress),
+    _get-tokens-for-module($theme, tokens-mdc-dialog),
+    _get-tokens-for-module($theme, tokens-mdc-elevated-card),
+    _get-tokens-for-module($theme, tokens-mdc-extended-fab),
+    _get-tokens-for-module($theme, tokens-mdc-fab),
+    _get-tokens-for-module($theme, tokens-mdc-fab-small),
+    _get-tokens-for-module($theme, tokens-mdc-filled-button),
+    _get-tokens-for-module($theme, tokens-mdc-filled-text-field),
+    _get-tokens-for-module($theme, tokens-mdc-icon-button),
+    _get-tokens-for-module($theme, tokens-mdc-linear-progress),
+    _get-tokens-for-module($theme, tokens-mdc-list),
+    _get-tokens-for-module($theme, tokens-mdc-outlined-button),
+    _get-tokens-for-module($theme, tokens-mdc-outlined-card),
+    _get-tokens-for-module($theme, tokens-mdc-outlined-text-field),
+    _get-tokens-for-module($theme, tokens-mdc-plain-tooltip),
+    _get-tokens-for-module($theme, tokens-mdc-protected-button),
+    _get-tokens-for-module($theme, tokens-mdc-radio),
+    _get-tokens-for-module($theme, tokens-mdc-slider),
+    _get-tokens-for-module($theme, tokens-mdc-snack-bar),
+    _get-tokens-for-module($theme, tokens-mdc-switch),
+    _get-tokens-for-module($theme, tokens-mdc-tab-indicator),
+    _get-tokens-for-module($theme, tokens-mdc-tab),
+    _get-tokens-for-module($theme, tokens-mdc-text-button)
   );
 }

package/core/tokens/m2/mat/_checkbox.scss

@@ -16,30 +16,35 @@ $prefix: (mat, checkbox);
 @function get-color-tokens($theme) {
   @return (
     disabled-label-color: inspection.get-theme-color($theme, foreground, disabled-text),
+    label-text-color: inspection.get-theme-color($theme, foreground, text)
   );
 }
 
 // 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.
 @function get-density-tokens($theme) {
   $density-scale: theming.clamp-density(inspection.get-theme-density($theme), -3);
 
-  @return (
-    touch-target-display: if($density-scale < -1, none, block),
-  );
+  @return (touch-target-display: if($density-scale < -1, none, block));
 }
 
 // Combines the tokens generated by the above functions into a single map with placeholder values.
 // This is used to create token slots.
 @function get-token-slots() {
   @return sass-utils.deep-merge-all(
-      get-unthemable-tokens(),
-      get-color-tokens(token-utils.$placeholder-color-config),
-      get-typography-tokens(token-utils.$placeholder-typography-config),
-      get-density-tokens(token-utils.$placeholder-density-config)
+    get-unthemable-tokens(),
+    get-color-tokens(token-utils.$placeholder-color-config),
+    get-typography-tokens(token-utils.$placeholder-typography-config),
+    get-density-tokens(token-utils.$placeholder-density-config)
   );
 }

package/core/tokens/m2/mat/_dialog.scss

@@ -1,3 +1,4 @@
+@use '@material/elevation/elevation-theme' as mdc-elevation;
 @use '../../token-utils';
 @use '../../../style/sass-utils';
 
@@ -8,6 +9,7 @@ $prefix: (mat, dialog);
 // but may be in a future version of the theming API.
 @function get-unthemable-tokens() {
   @return (
+    container-elevation-shadow: mdc-elevation.elevation-box-shadow(24),
     container-max-width: 80vw,
     container-small-max-width: 80vw,
     container-min-width: 0,

package/core/tokens/m2/mat/_radio.scss

@@ -18,30 +18,35 @@ $prefix: (mat, radio);
     ripple-color: inspection.get-theme-color($theme, foreground, base),
     checked-ripple-color: inspection.get-theme-color($theme, $palette-name, default),
     disabled-label-color: inspection.get-theme-color($theme, foreground, disabled-text),
+    label-text-color: inspection.get-theme-color($theme, foreground, text)
   );
 }
 
 // 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.
 @function get-density-tokens($theme) {
   $density-scale: theming.clamp-density(inspection.get-theme-density($theme), -3);
 
-  @return (
-    touch-target-display: if($density-scale < -1, none, block),
-  );
+  @return (touch-target-display: if($density-scale < -1, none, block));
 }
 
 // Combines the tokens generated by the above functions into a single map with placeholder values.
 // This is used to create token slots.
 @function get-token-slots() {
   @return sass-utils.deep-merge-all(
-      get-unthemable-tokens(),
-      get-color-tokens(token-utils.$placeholder-color-config),
-      get-typography-tokens(token-utils.$placeholder-typography-config),
-      get-density-tokens(token-utils.$placeholder-density-config)
+    get-unthemable-tokens(),
+    get-color-tokens(token-utils.$placeholder-color-config),
+    get-typography-tokens(token-utils.$placeholder-typography-config),
+    get-density-tokens(token-utils.$placeholder-density-config)
   );
 }

package/core/tokens/m2/mat/_switch.scss

@@ -1,5 +1,6 @@
 @use '../../token-utils';
 @use '../../../style/sass-utils';
+@use '../../../theming/inspection';
 
 // The prefix used to generate the fully qualified name for tokens in this file.
 $prefix: (mat, switch);
@@ -29,29 +30,33 @@ $prefix: (mat, switch);
     //
     // The m2 slide-toggle uses transforms to hide & show the tracks while
     // the m3 slide-toggle uses opacity.
-
     visible-track-opacity: 1,
     hidden-track-opacity: 1,
     visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1),
     hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1),
-
     track-outline-width: 1px,
     track-outline-color: transparent,
     selected-track-outline-width: 1px,
     selected-track-outline-color: transparent,
     disabled-unselected-track-outline-width: 1px,
-    disabled-unselected-track-outline-color: transparent,
+    disabled-unselected-track-outline-color: transparent
   );
 }
 
 // Tokens that can be configured through Angular Material's color theming API.
 @function get-color-tokens($theme) {
-  @return ();
+  @return (label-text-color: inspection.get-theme-color($theme, foreground, text));
 }
 
 // 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.
@@ -63,9 +68,9 @@ $prefix: (mat, switch);
 // This is used to create token slots.
 @function get-token-slots() {
   @return sass-utils.deep-merge-all(
-      get-unthemable-tokens(),
-      get-color-tokens(token-utils.$placeholder-color-config),
-      get-typography-tokens(token-utils.$placeholder-typography-config),
-      get-density-tokens(token-utils.$placeholder-density-config)
+    get-unthemable-tokens(),
+    get-color-tokens(token-utils.$placeholder-color-config),
+    get-typography-tokens(token-utils.$placeholder-typography-config),
+    get-density-tokens(token-utils.$placeholder-density-config)
   );
 }

package/core/tokens/m2/mdc/_dialog.scss

@@ -13,15 +13,13 @@ $prefix: (mdc, dialog);
 // our CSS.
 @function get-unthemable-tokens() {
   @return (
-    // Height of the container's elevation.
-    container-elevation: 24,
-    // Color of the elevation shadow.
-    container-shadow-color: #000,
     // Border radius of the container.
     container-shape: 4px,
     // =============================================================================================
     // = TOKENS NOT USED IN ANGULAR MATERIAL                                                       =
     // =============================================================================================
+    container-elevation: null,
+    container-shadow-color: null,
     with-divider-divider-height: null,
     with-divider-divider-color: null,
     with-icon-icon-size: null,

package/core/tokens/m3/_index.scss

@@ -54,7 +54,6 @@
 @use './mdc/extended-fab' as tokens-mdc-extended-fab;
 @use './mdc/fab' as tokens-mdc-fab;
 @use './mdc/fab-small' as tokens-mdc-fab-small;
-@use './mdc/form-field' as tokens-mdc-form-field;
 @use './mdc/filled-text-field' as tokens-mdc-filled-text-field;
 @use './mdc/icon-button' as tokens-mdc-icon-button;
 @use './mdc/linear-progress' as tokens-mdc-linear-progress;
@@ -113,7 +112,6 @@ $_module-names: (
   tokens-mat-text-button,
   tokens-mat-toolbar,
   tokens-mat-tree,
-
   // MDC tokens
   tokens-mdc-checkbox,
   tokens-mdc-chip,
@@ -128,7 +126,6 @@ $_module-names: (
   tokens-mdc-extended-fab,
   tokens-mdc-fab,
   tokens-mdc-fab-small,
-  tokens-mdc-form-field,
   tokens-mdc-filled-text-field,
   tokens-mdc-icon-button,
   tokens-mdc-linear-progress,
@@ -141,7 +138,7 @@ $_module-names: (
   tokens-mdc-snack-bar,
   tokens-mdc-switch,
   tokens-mdc-tab,
-  tokens-mdc-tab-indicator,
+  tokens-mdc-tab-indicator
 );
 
 /// Gets the full set of M3 tokens for the given theme object.
@@ -153,7 +150,10 @@ $_module-names: (
   $tokens: ();
 
   @each $module-name in $_module-names {
-    $fn: meta.get-function($name: 'get-tokens', $module: $module-name);
+    $fn: meta.get-function(
+      $name: 'get-tokens',
+      $module: $module-name,
+    );
     $tokens: map.merge($tokens, meta.call($fn, $systems, $exclude-hardcoded, $token-slots));
   }
 

package/core/tokens/m3/mat/_checkbox.scss

@@ -12,10 +12,15 @@ $prefix: (mat, checkbox);
 /// @return {Map} A set of custom tokens for mat-checkbox
 @function get-tokens($systems, $exclude-hardcoded, $token-slots) {
   $tokens: (
-    disabled-label-color: sass-utils.safe-color-change(
-      map.get($systems, md-sys-color, on-surface), $alpha: 0.38),
+    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),
   );
 
   @return token-utils.namespace-tokens($prefix, $tokens, $token-slots);
 }
-

package/core/tokens/m3/mat/_dialog.scss

@@ -10,6 +10,7 @@ $prefix: (mat, dialog);
 /// @return {Map} A set of custom tokens for the dialog
 @function get-tokens($systems, $exclude-hardcoded, $token-slots) {
   $tokens: (
+    container-elevation-shadow: token-utils.hardcode(none, $exclude-hardcoded),
     container-max-width: token-utils.hardcode(560px, $exclude-hardcoded),
     container-small-max-width: token-utils.hardcode(calc(100vw - 32px), $exclude-hardcoded),
     container-min-width: token-utils.hardcode(280px, $exclude-hardcoded),