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

package/list/_m3-list.scss

@@ -0,0 +1,92 @@
+@use 'sass:map';
+@use 'sass:list';
+@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, list);
+
+/// Generates custom tokens for the mat-list.
+/// @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-list
+@function get-tokens($systems, $exclude-hardcoded, $token-slots) {
+  // list-item-container-color
+  // This does not match the spec, which defines this to be `md.sys.color.surface`.
+  // However, this interferes with the use case of placing a list on other components. For example,
+  // the bottom sheets container color is `md.sys.color.surface-container-low`. Instead, allow the
+  // list to just display the colors for its background.
+
+  // list-item-leading-icon-size
+  // Match spec, which has list-item-leading-icon-size of 24px.
+  // Current version of tokens (0_161) has 18px.
+  $tokens: (
+    active-indicator-color: map.get($systems, md-sys-color, secondary-container),
+    active-indicator-shape: map.get($systems, md-sys-shape, corner-full),
+    list-item-container-color: if($exclude-hardcoded, null, transparent),
+    list-item-container-shape: map.get($systems, md-sys-shape, corner-none),
+    list-item-disabled-label-text-color: map.get($systems, md-sys-color, on-surface),
+    list-item-disabled-label-text-opacity: if($exclude-hardcoded, null, 0.3),
+    list-item-disabled-leading-icon-color: map.get($systems, md-sys-color, on-surface),
+    list-item-disabled-leading-icon-opacity: if($exclude-hardcoded, null, 0.38),
+    list-item-disabled-state-layer-color: map.get($systems, md-sys-color, on-surface),
+    list-item-disabled-state-layer-opacity:
+        map.get($systems, md-sys-state, focus-state-layer-opacity),
+    list-item-disabled-trailing-icon-color: map.get($systems, md-sys-color, on-surface),
+    list-item-disabled-trailing-icon-opacity: if($exclude-hardcoded, null, 0.38),
+    list-item-focus-label-text-color: map.get($systems, md-sys-color, on-surface),
+    list-item-focus-state-layer-color: map.get($systems, md-sys-color, on-surface),
+    list-item-focus-state-layer-opacity: map.get($systems, md-sys-state, focus-state-layer-opacity),
+    list-item-hover-label-text-color: map.get($systems, md-sys-color, on-surface),
+    list-item-hover-state-layer-color: map.get($systems, md-sys-color, on-surface),
+    list-item-hover-state-layer-opacity: map.get($systems, md-sys-state, hover-state-layer-opacity),
+    list-item-label-text-color: map.get($systems, md-sys-color, on-surface),
+    list-item-label-text-font: map.get($systems, md-sys-typescale, body-large-font),
+    list-item-label-text-line-height: map.get($systems, md-sys-typescale, body-large-line-height),
+    list-item-label-text-size: map.get($systems, md-sys-typescale, body-large-size),
+    list-item-label-text-tracking: map.get($systems, md-sys-typescale, body-large-tracking),
+    list-item-label-text-weight: map.get($systems, md-sys-typescale, body-large-weight),
+    list-item-leading-avatar-color: map.get($systems, md-sys-color, primary-container),
+    list-item-leading-avatar-shape: map.get($systems, md-sys-shape, corner-full),
+    list-item-leading-avatar-size: if($exclude-hardcoded, null, 40px),
+    list-item-leading-icon-color: map.get($systems, md-sys-color, on-surface-variant),
+    list-item-leading-icon-size: if($exclude-hardcoded, null, 24px),
+    list-item-selected-trailing-icon-color: map.get($systems, md-sys-color, primary),
+    list-item-supporting-text-color: map.get($systems, md-sys-color, on-surface-variant),
+    list-item-supporting-text-font: map.get($systems, md-sys-typescale, body-medium-font),
+    list-item-supporting-text-line-height:
+        map.get($systems, md-sys-typescale, body-medium-line-height),
+    list-item-supporting-text-size: map.get($systems, md-sys-typescale, body-medium-size),
+    list-item-supporting-text-tracking: map.get($systems, md-sys-typescale, body-medium-tracking),
+    list-item-supporting-text-weight: map.get($systems, md-sys-typescale, body-medium-weight),
+    list-item-trailing-icon-color: map.get($systems, md-sys-color, on-surface-variant),
+    list-item-trailing-icon-size: if($exclude-hardcoded, null, 24px),
+    list-item-trailing-supporting-text-color: map.get($systems, md-sys-color, on-surface-variant),
+    list-item-trailing-supporting-text-font: map.get($systems, md-sys-typescale, label-small-font),
+    list-item-trailing-supporting-text-line-height:
+        map.get($systems, md-sys-typescale, label-small-line-height),
+    list-item-trailing-supporting-text-size: map.get($systems, md-sys-typescale, label-small-size),
+    list-item-trailing-supporting-text-tracking:
+        map.get($systems, md-sys-typescale, label-small-tracking),
+    list-item-trailing-supporting-text-weight:
+        map.get($systems, md-sys-typescale, label-small-weight),
+  );
+
+  @return m3-utils.namespace($prefix, $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), -5);
+  $index: ($scale * -1) + 1;
+
+  @return (
+    list-item-leading-icon-start-space: list.nth((16px, 12px, 8px, 4px, 4px, 4px), $index),
+    list-item-leading-icon-end-space: list.nth((16px, 12px, 8px, 4px, 4px, 4px), $index),
+    list-item-one-line-container-height: list.nth((48px, 44px, 40px, 36px, 32px, 24px), $index),
+    list-item-two-line-container-height: list.nth((64px, 60px, 56px, 52px, 48px, 48px), $index),
+    list-item-three-line-container-height: list.nth((88px, 84px, 80px, 76px, 72px, 56px), $index),
+  );
+}

package/list/index.d.ts

@@ -1,18 +1,17 @@
 import * as i0 from '@angular/core';
 import { InjectionToken, ElementRef, AfterViewInit, OnDestroy, NgZone, QueryList, OnInit, EventEmitter, OnChanges, SimpleChanges } from '@angular/core';
 import { BooleanInput } from '@angular/cdk/coercion';
-import { a as RippleTarget, f as RippleConfig, b as RippleGlobalOptions } from '../ripple.d-2fb57d04.js';
-import { L as ListOption, M as MatListOptionTogglePosition } from '../list-option-types.d-8739f903.js';
-export { M as MatListOptionCheckboxPosition, M as MatListOptionTogglePosition } from '../list-option-types.d-8739f903.js';
-import * as i12 from '@angular/material/divider';
-export { MatDivider } from '@angular/material/divider';
+import { b as RippleTarget, f as RippleConfig, R as RippleGlobalOptions } from '../ripple.d-BT30YVLB.js';
+import { L as ListOption, M as MatListOptionTogglePosition } from '../list-option-types.d-77dQtwu8.js';
+import { MatDividerModule } from '../divider/index.js';
+export { MatDivider } from '../divider/index.js';
 import * as i2 from '@angular/cdk/observers';
-import { M as MatCommonModule } from '../common-module.d-0e6515ae.js';
-import { M as MatRippleModule } from '../index.d-0536b706.js';
-import { M as MatPseudoCheckboxModule } from '../pseudo-checkbox-module.d-3abc0461.js';
+import { M as MatCommonModule } from '../common-module.d-C8xzHJDr.js';
+import { M as MatRippleModule } from '../index.d-C5neTPvr.js';
+import { M as MatPseudoCheckboxModule } from '../pseudo-checkbox-module.d-BHmTZ10P.js';
 import { SelectionModel } from '@angular/cdk/collections';
 import { ControlValueAccessor } from '@angular/forms';
-import { T as ThemePalette } from '../palette.d-ec4a617c.js';
+import { T as ThemePalette } from '../palette.d-BSSFKjO6.js';
 import '@angular/cdk/platform';
 import '@angular/cdk/bidi';
 
@@ -510,8 +509,9 @@ declare class MatListSubheaderCssMatStyler {
 
 declare class MatListModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<MatListModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<MatListModule, never, [typeof i2.ObserversModule, typeof MatCommonModule, typeof MatRippleModule, typeof MatPseudoCheckboxModule, typeof MatList, typeof MatActionList, typeof MatNavList, typeof MatSelectionList, typeof MatListItem, typeof MatListOption, typeof MatListSubheaderCssMatStyler, typeof MatListItemAvatar, typeof MatListItemIcon, typeof MatListItemLine, typeof MatListItemTitle, typeof MatListItemMeta], [typeof MatList, typeof MatActionList, typeof MatNavList, typeof MatSelectionList, typeof MatListItem, typeof MatListOption, typeof MatListItemAvatar, typeof MatListItemIcon, typeof MatListSubheaderCssMatStyler, typeof i12.MatDividerModule, typeof MatListItemLine, typeof MatListItemTitle, typeof MatListItemMeta]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<MatListModule, never, [typeof i2.ObserversModule, typeof MatCommonModule, typeof MatRippleModule, typeof MatPseudoCheckboxModule, typeof MatList, typeof MatActionList, typeof MatNavList, typeof MatSelectionList, typeof MatListItem, typeof MatListOption, typeof MatListSubheaderCssMatStyler, typeof MatListItemAvatar, typeof MatListItemIcon, typeof MatListItemLine, typeof MatListItemTitle, typeof MatListItemMeta], [typeof MatList, typeof MatActionList, typeof MatNavList, typeof MatSelectionList, typeof MatListItem, typeof MatListOption, typeof MatListItemAvatar, typeof MatListItemIcon, typeof MatListSubheaderCssMatStyler, typeof MatDividerModule, typeof MatListItemLine, typeof MatListItemTitle, typeof MatListItemMeta]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<MatListModule>;
 }
 
-export { MAT_LIST, MAT_LIST_CONFIG, MAT_NAV_LIST, MAT_SELECTION_LIST_VALUE_ACCESSOR, MatActionList, MatList, type MatListConfig, MatListItem, MatListItemAvatar, MatListItemIcon, MatListItemLine, MatListItemMeta, MatListItemTitle, MatListModule, MatListOption, MatListSubheaderCssMatStyler, MatNavList, MatSelectionList, MatSelectionListChange, SELECTION_LIST, type SelectionList, _MatListItemGraphicBase };
+export { MAT_LIST, MAT_LIST_CONFIG, MAT_NAV_LIST, MAT_SELECTION_LIST_VALUE_ACCESSOR, MatActionList, MatList, MatListItem, MatListItemAvatar, MatListItemIcon, MatListItemLine, MatListItemMeta, MatListItemTitle, MatListModule, MatListOption, MatListOptionTogglePosition as MatListOptionCheckboxPosition, MatListOptionTogglePosition, MatListSubheaderCssMatStyler, MatNavList, MatSelectionList, MatSelectionListChange, SELECTION_LIST, _MatListItemGraphicBase };
+export type { MatListConfig, SelectionList };

package/list/testing/index.d.ts

@@ -1,6 +1,6 @@
 import { BaseHarnessFilters, ComponentHarness, HarnessPredicate, ContentContainerComponentHarness, ComponentHarnessConstructor } from '@angular/cdk/testing';
-import { D as DividerHarnessFilters, M as MatDividerHarness } from '../../divider-harness.d-d34fede4.js';
-import { M as MatListOptionTogglePosition } from '../../list-option-types.d-8739f903.js';
+import { DividerHarnessFilters, MatDividerHarness } from '../../divider/testing/index.js';
+import { M as MatListOptionTogglePosition } from '../../list-option-types.d-77dQtwu8.js';
 
 interface ListHarnessFilters extends BaseHarnessFilters {
 }
@@ -350,4 +350,5 @@ declare class MatListOptionHarness extends MatListItemHarnessBase {
     deselect(): Promise<void>;
 }
 
-export { type ActionListHarnessFilters, type ActionListItemHarnessFilters, type BaseListItemHarnessFilters, type ListHarnessFilters, type ListItemHarnessFilters, type ListOptionHarnessFilters, MatActionListHarness, MatActionListItemHarness, MatListHarness, MatListItemHarness, MatListItemSection, MatListItemType, MatListOptionHarness, MatNavListHarness, MatNavListItemHarness, MatSelectionListHarness, MatSubheaderHarness, type NavListHarnessFilters, type NavListItemHarnessFilters, type SelectionListHarnessFilters, type SubheaderHarnessFilters };
+export { MatActionListHarness, MatActionListItemHarness, MatListHarness, MatListItemHarness, MatListItemSection, MatListItemType, MatListOptionHarness, MatNavListHarness, MatNavListItemHarness, MatSelectionListHarness, MatSubheaderHarness };
+export type { ActionListHarnessFilters, ActionListItemHarnessFilters, BaseListItemHarnessFilters, ListHarnessFilters, ListItemHarnessFilters, ListOptionHarnessFilters, NavListHarnessFilters, NavListItemHarnessFilters, SelectionListHarnessFilters, SubheaderHarnessFilters };

package/{core/tokens/m2/mat/_menu.scss → menu/_m2-menu.scss}

@@ -1,7 +1,7 @@
-@use '../../token-definition';
-@use '../../../theming/inspection';
-@use '../../../style/sass-utils';
-@use '../../../style/elevation';
+@use '../core/tokens/m2-utils';
+@use '../core/theming/inspection';
+@use '../core/style/sass-utils';
+@use '../core/style/elevation';
 
 // The prefix used to generate the fully qualified name for tokens in this file.
 $prefix: (mat, menu);
@@ -64,8 +64,8 @@ $prefix: (mat, menu);
 @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/mat/_menu.scss → menu/_m3-menu.scss}

@@ -1,7 +1,7 @@
 @use 'sass:map';
-@use '../../../style/sass-utils';
-@use '../../token-definition';
-@use '../../../style/elevation';
+@use '../core/style/sass-utils';
+@use '../core/tokens/m3-utils';
+@use '../core/style/elevation';
 
 // The prefix used to generate the fully qualified name for tokens in this file.
 $prefix: (mat, menu);
@@ -13,15 +13,15 @@ $prefix: (mat, menu);
 /// @return {Map} A set of custom tokens for the mat-menu
 @function get-tokens($systems, $exclude-hardcoded, $token-slots) {
   $tokens: sass-utils.merge-all(
-    token-definition.generate-typography-tokens($systems, item-label-text, label-large),
+    m3-utils.generate-typography-tokens($systems, item-label-text, label-large),
     (
       container-shape: map.get($systems, md-sys-shape, corner-extra-small),
       divider-color: map.get($systems, md-sys-color, surface-variant),
-      divider-bottom-spacing: token-definition.hardcode(8px, $exclude-hardcoded),
-      divider-top-spacing: token-definition.hardcode(8px, $exclude-hardcoded),
+      divider-bottom-spacing: m3-utils.hardcode(8px, $exclude-hardcoded),
+      divider-top-spacing: m3-utils.hardcode(8px, $exclude-hardcoded),
       item-label-text-color: map.get($systems, md-sys-color, on-surface),
       item-icon-color: map.get($systems, md-sys-color, on-surface-variant),
-      item-icon-size: token-definition.hardcode(24px, $exclude-hardcoded),
+      item-icon-size: m3-utils.hardcode(24px, $exclude-hardcoded),
       item-hover-state-layer-color: sass-utils.safe-color-change(
         map.get($systems, md-sys-color, on-surface),
         $alpha: map.get($systems, md-sys-state, hover-state-layer-opacity)
@@ -30,19 +30,16 @@ $prefix: (mat, menu);
         map.get($systems, md-sys-color, on-surface),
         $alpha: map.get($systems, md-sys-state, focus-state-layer-opacity)
       ),
-      item-spacing: token-definition.hardcode(12px, $exclude-hardcoded),
-      item-leading-spacing: token-definition.hardcode(12px, $exclude-hardcoded),
-      item-trailing-spacing: token-definition.hardcode(12px, $exclude-hardcoded),
-      item-with-icon-leading-spacing: token-definition.hardcode(12px, $exclude-hardcoded),
-      item-with-icon-trailing-spacing: token-definition.hardcode(12px, $exclude-hardcoded),
+      item-spacing: m3-utils.hardcode(12px, $exclude-hardcoded),
+      item-leading-spacing: m3-utils.hardcode(12px, $exclude-hardcoded),
+      item-trailing-spacing: m3-utils.hardcode(12px, $exclude-hardcoded),
+      item-with-icon-leading-spacing: m3-utils.hardcode(12px, $exclude-hardcoded),
+      item-with-icon-trailing-spacing: m3-utils.hardcode(12px, $exclude-hardcoded),
       container-color: map.get($systems, md-sys-color, surface-container),
-      container-elevation-shadow: token-definition.hardcode(
+      container-elevation-shadow: m3-utils.hardcode(
         elevation.get-box-shadow(2), $exclude-hardcoded),
-
-      // Unused
-      base-elevation-level: null,
     )
   );
 
-  @return token-definition.namespace-tokens($prefix, $tokens, $token-slots);
+  @return m3-utils.namespace($prefix, $tokens, $token-slots);
 }

package/menu/_menu-theme.scss

@@ -1,5 +1,5 @@
 @use 'sass:map';
-@use '../core/tokens/m2/mat/menu' as tokens-mat-menu;
+@use './m2-menu';
 @use '../core/style/sass-utils';
 @use '../core/tokens/token-utils';
 @use '../core/theming/theming';
@@ -12,10 +12,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-mat-menu.$prefix,
-        tokens-mat-menu.get-unthemable-tokens()
-      );
+      @include token-utils.create-token-values-mixed(
+        m2-menu.$prefix, m2-menu.get-unthemable-tokens());
     }
   }
 }
@@ -25,10 +23,8 @@
     @include _theme-from-tokens(inspection.get-theme-tokens($theme, color));
   } @else {
     @include sass-utils.current-selector-or-root() {
-      @include token-utils.create-token-values(
-        tokens-mat-menu.$prefix,
-        tokens-mat-menu.get-color-tokens($theme)
-      );
+      @include token-utils.create-token-values-mixed(
+        m2-menu.$prefix, m2-menu.get-color-tokens($theme));
     }
   }
 }
@@ -38,17 +34,15 @@
     @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-mat-menu.$prefix,
-        tokens-mat-menu.get-typography-tokens($theme)
-      );
+      @include token-utils.create-token-values-mixed(
+        m2-menu.$prefix, m2-menu.get-typography-tokens($theme));
     }
   }
 }
 
 @mixin density($theme) {
   @if inspection.get-theme-version($theme) == 1 {
-    @include _theme-from-tokens(inspection.get-theme-tokens($theme, density));
+    // There are no M3 density tokens for this component
   } @else {
   }
 }
@@ -57,8 +51,8 @@
 @function _define-overrides() {
   @return (
     (
-      namespace: tokens-mat-menu.$prefix,
-      tokens: tokens-mat-menu.get-token-slots(),
+      namespace: m2-menu.$prefix,
+      tokens: m2-menu.get-token-slots(),
     ),
   );
 }
@@ -92,8 +86,8 @@
   );
   @if ($tokens != ()) {
     @include token-utils.create-token-values(
-      tokens-mat-menu.$prefix,
-      map.get($tokens, tokens-mat-menu.$prefix)
+      m2-menu.$prefix,
+      map.get($tokens, m2-menu.$prefix)
     );
   }
 }

package/menu/index.d.ts

@@ -4,11 +4,11 @@ import { FocusOrigin, FocusableOption } from '@angular/cdk/a11y';
 import { Direction } from '@angular/cdk/bidi';
 import { Subject, Observable } from 'rxjs';
 import * as i2 from '@angular/cdk/overlay';
-import { ScrollStrategy, Overlay } from '@angular/cdk/overlay';
-import { M as MatRippleModule } from '../index.d-0536b706.js';
-import { M as MatCommonModule } from '../common-module.d-0e6515ae.js';
+import { ScrollStrategy } from '@angular/cdk/overlay';
+import { M as MatRippleModule } from '../index.d-C5neTPvr.js';
+import { M as MatCommonModule } from '../common-module.d-C8xzHJDr.js';
 import * as i5 from '@angular/cdk/scrolling';
-import '../ripple.d-2fb57d04.js';
+import '../ripple.d-BT30YVLB.js';
 import '@angular/cdk/platform';
 
 type MenuPositionX = 'before' | 'after';
@@ -309,7 +309,7 @@ declare const MAT_MENU_SCROLL_STRATEGY: InjectionToken<() => ScrollStrategy>;
  * @deprecated No longer used, will be removed.
  * @breaking-change 21.0.0
  */
-declare function MAT_MENU_SCROLL_STRATEGY_FACTORY(overlay: Overlay): () => ScrollStrategy;
+declare function MAT_MENU_SCROLL_STRATEGY_FACTORY(_overlay: unknown): () => ScrollStrategy;
 /**
  * @docs-private
  * @deprecated No longer used, will be removed.
@@ -317,7 +317,7 @@ declare function MAT_MENU_SCROLL_STRATEGY_FACTORY(overlay: Overlay): () => Scrol
  */
 declare const MAT_MENU_SCROLL_STRATEGY_FACTORY_PROVIDER: {
     provide: InjectionToken<() => ScrollStrategy>;
-    deps: (typeof Overlay)[];
+    deps: any[];
     useFactory: typeof MAT_MENU_SCROLL_STRATEGY_FACTORY;
 };
 /**
@@ -328,15 +328,16 @@ declare const MAT_MENU_SCROLL_STRATEGY_FACTORY_PROVIDER: {
 declare const MENU_PANEL_TOP_PADDING = 8;
 /** Directive applied to an element that should trigger a `mat-menu`. */
 declare class MatMenuTrigger implements AfterContentInit, OnDestroy {
-    private _overlay;
     private _element;
     private _viewContainerRef;
     private _menuItemInstance;
     private _dir;
     private _focusMonitor;
     private _ngZone;
+    private _injector;
     private _scrollStrategy;
     private _changeDetectorRef;
+    private _animationsDisabled;
     private _cleanupTouchstart;
     private _portal;
     private _overlayRef;
@@ -492,4 +493,5 @@ declare const fadeInItems: any;
  */
 declare const transformMenu: any;
 
-export { MAT_MENU_CONTENT, MAT_MENU_DEFAULT_OPTIONS, MAT_MENU_PANEL, MAT_MENU_SCROLL_STRATEGY, MAT_MENU_SCROLL_STRATEGY_FACTORY_PROVIDER, MENU_PANEL_TOP_PADDING, MatMenu, MatMenuContent, type MatMenuDefaultOptions, MatMenuItem, MatMenuModule, type MatMenuPanel, MatMenuTrigger, type MenuCloseReason, type MenuPositionX, type MenuPositionY, fadeInItems, matMenuAnimations, transformMenu };
+export { MAT_MENU_CONTENT, MAT_MENU_DEFAULT_OPTIONS, MAT_MENU_PANEL, MAT_MENU_SCROLL_STRATEGY, MAT_MENU_SCROLL_STRATEGY_FACTORY_PROVIDER, MENU_PANEL_TOP_PADDING, MatMenu, MatMenuContent, MatMenuItem, MatMenuModule, MatMenuTrigger, fadeInItems, matMenuAnimations, transformMenu };
+export type { MatMenuDefaultOptions, MatMenuPanel, MenuCloseReason, MenuPositionX, MenuPositionY };

package/menu/testing/index.d.ts

@@ -87,4 +87,5 @@ declare class MatMenuItemHarness extends ContentContainerComponentHarness<string
     getSubmenu(): Promise<MatMenuHarness | null>;
 }
 
-export { MatMenuHarness, MatMenuItemHarness, type MenuHarnessFilters, type MenuItemHarnessFilters };
+export { MatMenuHarness, MatMenuItemHarness };
+export type { MenuHarnessFilters, MenuItemHarnessFilters };

package/{module.d-c17c834e.d.ts → module.d-BGzxQfCs.d.ts}

@@ -1,7 +1,7 @@
 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';
 import * as i2 from '@angular/cdk/observers';
-import { k as MatFormField, a as MatError, b as MatHint, d as MatPrefix, f as MatSuffix } from './form-field.d-2edbc094.js';
+import { M as MatFormField, b as MatError, a as MatHint, c as MatPrefix, d as MatSuffix } from './form-field.d-b9aHrR4I.js';
 
 /** The floating label for a `mat-form-field`. */
 declare class MatLabel {

package/{module.d-ba05faa6.d.ts → module.d-CH_8jCsD.d.ts}

@@ -1,20 +1,20 @@
 import * as i0 from '@angular/core';
 import { InjectionToken, AfterContentInit, OnChanges, OnDestroy, OnInit, DoCheck, ChangeDetectorRef, ElementRef, QueryList, EventEmitter, SimpleChanges } from '@angular/core';
 import * as i2 from '@angular/cdk/overlay';
-import { ScrollStrategy, Overlay, ConnectedPosition, CdkOverlayOrigin, CdkConnectedOverlay } from '@angular/cdk/overlay';
-import { M as MatOptionModule } from './index.d-37e31cd3.js';
-import { M as MatCommonModule } from './common-module.d-0e6515ae.js';
+import { ScrollStrategy, ConnectedPosition, CdkOverlayOrigin, CdkConnectedOverlay } from '@angular/cdk/overlay';
+import { M as MatOptionModule } from './index.d-CikM2bbf.js';
+import { M as MatCommonModule } from './common-module.d-C8xzHJDr.js';
 import { ActiveDescendantKeyManager } from '@angular/cdk/a11y';
 import { SelectionModel } from '@angular/cdk/collections';
 import * as i5 from '@angular/cdk/scrolling';
 import { ViewportRuler } from '@angular/cdk/scrolling';
 import { ControlValueAccessor, NgControl } from '@angular/forms';
 import { Subject, Observable } from 'rxjs';
-import { E as ErrorStateMatcher } from './error-options.d-448d9046.js';
-import { M as MatOption, a as MatOptgroup, b as MatOptionSelectionChange } from './option.d-6f493d78.js';
-import { k as MatFormField } from './form-field.d-2edbc094.js';
-import { M as MatFormFieldControl } from './form-field-control.d-eb86711c.js';
-import { a as MatFormFieldModule } from './module.d-c17c834e.js';
+import { E as ErrorStateMatcher } from './error-options.d-CGdTZUYk.js';
+import { M as MatOption, a as MatOptgroup, b as MatOptionSelectionChange } from './option.d-BVGX3edu.js';
+import { M as MatFormField } from './form-field.d-b9aHrR4I.js';
+import { M as MatFormFieldControl } from './form-field-control.d-DvB4ZVlf.js';
+import { a as MatFormFieldModule } from './module.d-BGzxQfCs.js';
 
 /** Injection token that determines the scroll handling while a select is open. */
 declare const MAT_SELECT_SCROLL_STRATEGY: InjectionToken<() => ScrollStrategy>;
@@ -23,7 +23,7 @@ declare const MAT_SELECT_SCROLL_STRATEGY: InjectionToken<() => ScrollStrategy>;
  * @deprecated No longer used, will be removed.
  * @breaking-change 21.0.0
  */
-declare function MAT_SELECT_SCROLL_STRATEGY_PROVIDER_FACTORY(overlay: Overlay): () => ScrollStrategy;
+declare function MAT_SELECT_SCROLL_STRATEGY_PROVIDER_FACTORY(_overlay: unknown): () => ScrollStrategy;
 /** Object that can be used to configure the default options for the select module. */
 interface MatSelectConfig {
     /** Whether option centering should be disabled. */
@@ -54,7 +54,7 @@ declare const MAT_SELECT_CONFIG: InjectionToken<MatSelectConfig>;
  */
 declare const MAT_SELECT_SCROLL_STRATEGY_PROVIDER: {
     provide: InjectionToken<() => ScrollStrategy>;
-    deps: (typeof Overlay)[];
+    deps: any[];
     useFactory: typeof MAT_SELECT_SCROLL_STRATEGY_PROVIDER_FACTORY;
 };
 /**
@@ -404,6 +404,11 @@ declare class MatSelect implements AfterContentInit, OnChanges, OnDestroy, OnIni
     _getAriaActiveDescendant(): string | null;
     /** Gets the aria-labelledby of the select component trigger. */
     private _getTriggerAriaLabelledby;
+    /**
+     * Implemented as part of MatFormFieldControl.
+     * @docs-private
+     */
+    get describedByIds(): string[];
     /**
      * Implemented as part of MatFormFieldControl.
      * @docs-private
@@ -445,4 +450,5 @@ declare class MatSelectModule {
     static ɵinj: i0.ɵɵInjectorDeclaration<MatSelectModule>;
 }
 
-export { MatSelectModule as M, MAT_SELECT_SCROLL_STRATEGY as a, MAT_SELECT_SCROLL_STRATEGY_PROVIDER_FACTORY as b, type MatSelectConfig as c, MAT_SELECT_CONFIG as d, MAT_SELECT_SCROLL_STRATEGY_PROVIDER as e, MAT_SELECT_TRIGGER as f, MatSelectChange as g, MatSelect as h, MatSelectTrigger as i };
+export { MatSelectModule as M, MAT_SELECT_SCROLL_STRATEGY as a, MAT_SELECT_SCROLL_STRATEGY_PROVIDER_FACTORY as b, MAT_SELECT_CONFIG as d, MAT_SELECT_SCROLL_STRATEGY_PROVIDER as e, MAT_SELECT_TRIGGER as f, MatSelectChange as g, MatSelect as h, MatSelectTrigger as i };
+export type { MatSelectConfig as c };

package/{module.d-74a721b9.d.ts → module.d-m-qXd3m8.d.ts}

@@ -2,8 +2,8 @@ import * as i0 from '@angular/core';
 import { InjectionToken, OnDestroy, AfterViewInit, ElementRef } from '@angular/core';
 import * as i1 from '@angular/cdk/a11y';
 import * as i2 from '@angular/cdk/overlay';
-import { ScrollStrategy, Overlay, OverlayRef, ConnectedPosition, OriginConnectionPosition, OverlayConnectionPosition } from '@angular/cdk/overlay';
-import { M as MatCommonModule } from './common-module.d-0e6515ae.js';
+import { ScrollStrategy, OverlayRef, ConnectedPosition, OriginConnectionPosition, OverlayConnectionPosition } from '@angular/cdk/overlay';
+import { M as MatCommonModule } from './common-module.d-C8xzHJDr.js';
 import { BooleanInput, NumberInput } from '@angular/cdk/coercion';
 import { Directionality } from '@angular/cdk/bidi';
 import { Observable } from 'rxjs';
@@ -32,7 +32,7 @@ declare const MAT_TOOLTIP_SCROLL_STRATEGY: InjectionToken<() => ScrollStrategy>;
  * @deprecated No longer used, will be removed.
  * @breaking-change 21.0.0
  */
-declare function MAT_TOOLTIP_SCROLL_STRATEGY_FACTORY(overlay: Overlay): () => ScrollStrategy;
+declare function MAT_TOOLTIP_SCROLL_STRATEGY_FACTORY(_overlay: unknown): () => ScrollStrategy;
 /**
  * @docs-private
  * @deprecated No longer used, will be removed.
@@ -40,7 +40,7 @@ declare function MAT_TOOLTIP_SCROLL_STRATEGY_FACTORY(overlay: Overlay): () => Sc
  */
 declare const MAT_TOOLTIP_SCROLL_STRATEGY_FACTORY_PROVIDER: {
     provide: InjectionToken<() => ScrollStrategy>;
-    deps: (typeof Overlay)[];
+    deps: any[];
     useFactory: typeof MAT_TOOLTIP_SCROLL_STRATEGY_FACTORY;
 };
 /**
@@ -99,9 +99,11 @@ declare class MatTooltip implements OnDestroy, AfterViewInit {
     protected _dir: Directionality;
     private _injector;
     private _viewContainerRef;
+    private _animationsDisabled;
     private _defaultOptions;
     _overlayRef: OverlayRef | null;
     _tooltipInstance: TooltipComponent | null;
+    _overlayPanelClass: string[] | undefined;
     private _portal;
     private _position;
     private _positionAtOrigin;
@@ -323,4 +325,5 @@ declare class MatTooltipModule {
     static ɵinj: i0.ɵɵInjectorDeclaration<MatTooltipModule>;
 }
 
-export { MatTooltipModule as M, SCROLL_THROTTLE_MS as S, type TooltipPosition as T, type TooltipTouchGestures as a, type TooltipVisibility as b, MAT_TOOLTIP_SCROLL_STRATEGY as c, MAT_TOOLTIP_SCROLL_STRATEGY_FACTORY as d, MAT_TOOLTIP_SCROLL_STRATEGY_FACTORY_PROVIDER as e, MAT_TOOLTIP_DEFAULT_OPTIONS_FACTORY as f, getMatTooltipInvalidPositionError as g, MAT_TOOLTIP_DEFAULT_OPTIONS as h, type MatTooltipDefaultOptions as i, TOOLTIP_PANEL_CLASS as j, MatTooltip as k, TooltipComponent as l };
+export { MatTooltipModule as M, SCROLL_THROTTLE_MS as S, MAT_TOOLTIP_SCROLL_STRATEGY as c, MAT_TOOLTIP_SCROLL_STRATEGY_FACTORY as d, MAT_TOOLTIP_SCROLL_STRATEGY_FACTORY_PROVIDER as e, MAT_TOOLTIP_DEFAULT_OPTIONS_FACTORY as f, getMatTooltipInvalidPositionError as g, MAT_TOOLTIP_DEFAULT_OPTIONS as h, TOOLTIP_PANEL_CLASS as j, MatTooltip as k, TooltipComponent as l };
+export type { TooltipPosition as T, TooltipTouchGestures as a, TooltipVisibility as b, MatTooltipDefaultOptions as i };

package/{option-harness.d-3d33fc9a.d.ts → option-harness.d-IqsW95GR.d.ts}

@@ -31,4 +31,5 @@ declare class MatOptionHarness extends ContentContainerComponentHarness {
     isMultiple(): Promise<boolean>;
 }
 
-export { MatOptionHarness as M, type OptionHarnessFilters as O };
+export { MatOptionHarness as M };
+export type { OptionHarnessFilters as O };

package/{option-parent.d-559ad5c5.d.ts → option-parent.d-CnYuuMkO.d.ts}

@@ -16,4 +16,5 @@ interface MatOptionParentComponent {
  */
 declare const MAT_OPTION_PARENT_COMPONENT: InjectionToken<MatOptionParentComponent>;
 
-export { type MatOptionParentComponent as M, MAT_OPTION_PARENT_COMPONENT as a };
+export { MAT_OPTION_PARENT_COMPONENT as a };
+export type { MatOptionParentComponent as M };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@angular/material",
-  "version": "20.0.0-next.1",
+  "version": "20.0.0-next.10",
   "description": "Angular Material",
   "repository": {
     "type": "git",
@@ -353,7 +353,7 @@
     }
   },
   "peerDependencies": {
-    "@angular/cdk": "20.0.0-next.1",
+    "@angular/cdk": "20.0.0-next.10",
     "@angular/core": "^20.0.0-0 || ^20.1.0-0 || ^20.2.0-0 || ^20.3.0-0 || ^21.0.0-0",
     "@angular/common": "^20.0.0-0 || ^20.1.0-0 || ^20.2.0-0 || ^20.3.0-0 || ^21.0.0-0",
     "@angular/forms": "^20.0.0-0 || ^20.1.0-0 || ^20.2.0-0 || ^20.3.0-0 || ^21.0.0-0",
@@ -363,6 +363,9 @@
   "dependencies": {
     "tslib": "^2.3.0"
   },
+  "devDependencies": {
+    "@angular/cdk": "workspace:*"
+  },
   "schematics": "./schematics/collection.json",
   "ng-update": {
     "migrations": "./schematics/migration.json",

package/{core/tokens/m2/mat/_paginator.scss → paginator/_m2-paginator.scss}

@@ -1,9 +1,9 @@
 @use 'sass:math';
 @use 'sass:map';
-@use '../../token-definition';
-@use '../../../theming/theming';
-@use '../../../theming/inspection';
-@use '../../../style/sass-utils';
+@use '../core/tokens/m2-utils';
+@use '../core/theming/theming';
+@use '../core/theming/inspection';
+@use '../core/style/sass-utils';
 
 // The prefix used to generate the fully qualified name for tokens in this file.
 $prefix: (mat, paginator);
@@ -81,8 +81,8 @@ $prefix: (mat, paginator);
 @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/mat/_paginator.scss → paginator/_m3-paginator.scss}

@@ -1,6 +1,9 @@
 @use 'sass:map';
-@use '../../../style/sass-utils';
-@use '../../token-definition';
+@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, paginator);
@@ -12,7 +15,7 @@ $prefix: (mat, paginator);
 /// @return {Map} A set of custom tokens for the mat-paginator
 @function get-tokens($systems, $exclude-hardcoded, $token-slots) {
   $tokens: sass-utils.merge-all(
-    token-definition.generate-typography-tokens($systems, container-text, body-small),
+    m3-utils.generate-typography-tokens($systems, container-text, body-small),
     (
       container-text-color: map.get($systems, md-sys-color, on-surface),
       container-background-color: map.get($systems, md-sys-color, surface),
@@ -23,5 +26,18 @@ $prefix: (mat, paginator);
     )
   );
 
-  @return token-definition.namespace-tokens($prefix, $tokens, $token-slots);
+  @return m3-utils.namespace($prefix, $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), -5);
+  $index: ($scale * -1) + 1;
+
+  @return (
+    container-size: list.nth((56px, 52px, 48px, 40px, 40px, 40px), $index),
+    form-field-container-height: list.nth((40px, 40px, 40px, 40px, 40px, 36px), $index),
+    form-field-container-vertical-padding: list.nth((8px, 8px, 8px, 8px, 8px, 6px), $index),
+    touch-target-display: list.nth((block, block, none, none, none, none), $index),
+  );
 }