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

package/list/_m3-list.scss

@@ -0,0 +1,78 @@
+@use 'sass:map';
+@use '../core/tokens/m3-utils';
+
+// 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-one-line-container-height: if($exclude-hardcoded, null, 56px),
+    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-three-line-container-height: if($exclude-hardcoded, null, 88px),
+    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),
+    list-item-two-line-container-height: if($exclude-hardcoded, null, 72px),
+  );
+
+  @return m3-utils.namespace($prefix, $tokens, $token-slots);
+}

package/list/index.d.ts

@@ -1,18 +1,18 @@
 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-f2cd74cf.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 { a as RippleTarget, f as RippleConfig, b as RippleGlobalOptions } from '../ripple.d-305c30f3.js';
+import { L as ListOption, M as MatListOptionTogglePosition } from '../list-option-types.d-076a5300.js';
+export { M as MatListOptionCheckboxPosition, M as MatListOptionTogglePosition } from '../list-option-types.d-076a5300.js';
+import { a as MatDividerModule } from '../divider-module.d-4305a1f1.js';
+export { M as MatDivider } from '../divider-module.d-4305a1f1.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-cc6e48d4.js';
-import { M as MatPseudoCheckboxModule } from '../pseudo-checkbox-module.d-d21de92b.js';
+import { M as MatCommonModule } from '../common-module.d-421e3498.js';
+import { M as MatRippleModule } from '../index.d-511f9e6c.js';
+import { M as MatPseudoCheckboxModule } from '../pseudo-checkbox-module.d-42351ab6.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-1d8ebc0d.js';
 import '@angular/cdk/platform';
 import '@angular/cdk/bidi';
 
@@ -510,8 +510,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, 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 { D as DividerHarnessFilters, M as MatDividerHarness } from '../../divider-harness.d-ee96b7aa.js';
+import { M as MatListOptionTogglePosition } from '../../list-option-types.d-076a5300.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';
@@ -13,9 +13,7 @@
   } @else {
     @include sass-utils.current-selector-or-root() {
       @include token-utils.create-token-values-mixed(
-        tokens-mat-menu.$prefix,
-        tokens-mat-menu.get-unthemable-tokens()
-      );
+        m2-menu.$prefix, m2-menu.get-unthemable-tokens());
     }
   }
 }
@@ -26,9 +24,7 @@
   } @else {
     @include sass-utils.current-selector-or-root() {
       @include token-utils.create-token-values-mixed(
-        tokens-mat-menu.$prefix,
-        tokens-mat-menu.get-color-tokens($theme)
-      );
+        m2-menu.$prefix, m2-menu.get-color-tokens($theme));
     }
   }
 }
@@ -39,9 +35,7 @@
   } @else {
     @include sass-utils.current-selector-or-root() {
       @include token-utils.create-token-values-mixed(
-        tokens-mat-menu.$prefix,
-        tokens-mat-menu.get-typography-tokens($theme)
-      );
+        m2-menu.$prefix, m2-menu.get-typography-tokens($theme));
     }
   }
 }
@@ -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

@@ -5,10 +5,10 @@ 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-cc6e48d4.js';
-import { M as MatCommonModule } from '../common-module.d-0e6515ae.js';
+import { M as MatRippleModule } from '../index.d-511f9e6c.js';
+import { M as MatCommonModule } from '../common-module.d-421e3498.js';
 import * as i5 from '@angular/cdk/scrolling';
-import '../ripple.d-f2cd74cf.js';
+import '../ripple.d-305c30f3.js';
 import '@angular/cdk/platform';
 
 type MenuPositionX = 'before' | 'after';
@@ -493,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-683b2a19.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-421e3498.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 { k as MatFormField, a as MatError, b as MatHint, d as MatPrefix, f as MatSuffix } from './form-field.d-486f4e86.js';
 
 /** The floating label for a `mat-form-field`. */
 declare class MatLabel {

package/{module.d-a23953f5.d.ts → module.d-8839a0c2.d.ts}

@@ -2,19 +2,19 @@ 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-d77f0821.js';
-import { M as MatCommonModule } from './common-module.d-0e6515ae.js';
+import { M as MatOptionModule } from './index.d-73f24bb1.js';
+import { M as MatCommonModule } from './common-module.d-421e3498.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-059d9639.js';
+import { M as MatOption, a as MatOptgroup, b as MatOptionSelectionChange } from './option.d-4fb11594.js';
+import { k as MatFormField } from './form-field.d-486f4e86.js';
+import { M as MatFormFieldControl } from './form-field-control.d-9ed49092.js';
+import { a as MatFormFieldModule } from './module.d-683b2a19.js';
 
 /** Injection token that determines the scroll handling while a select is open. */
 declare const MAT_SELECT_SCROLL_STRATEGY: InjectionToken<() => ScrollStrategy>;
@@ -445,4 +445,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-d86ca350.d.ts → module.d-9a1d1c76.d.ts}

@@ -1,10 +1,10 @@
 import * as i0 from '@angular/core';
 import { InjectionToken, AfterViewInit, OnDestroy, ElementRef, NgZone } from '@angular/core';
-import { M as MatCommonModule } from './common-module.d-0e6515ae.js';
-import { M as MatRippleModule } from './index.d-cc6e48d4.js';
+import { M as MatCommonModule } from './common-module.d-421e3498.js';
+import { M as MatRippleModule } from './index.d-511f9e6c.js';
 import { FocusOrigin } from '@angular/cdk/a11y';
-import { T as ThemePalette } from './palette.d-ec4a617c.js';
-import { M as MatRippleLoader } from './ripple-loader.d-e5ac6c14.js';
+import { T as ThemePalette } from './palette.d-1d8ebc0d.js';
+import { M as MatRippleLoader } from './ripple-loader.d-f51e5eb6.js';
 
 /**
  * Possible appearances for a `MatButton`.
@@ -210,4 +210,5 @@ declare class MatButtonModule {
     static ɵinj: i0.ɵɵInjectorDeclaration<MatButtonModule>;
 }
 
-export { MAT_BUTTON_CONFIG as M, type MatButtonAppearance as a, type MatButtonConfig as b, MatButton as c, MatAnchor as d, type MatFabDefaultOptions as e, MAT_FAB_DEFAULT_OPTIONS as f, MAT_FAB_DEFAULT_OPTIONS_FACTORY as g, MatFabButton as h, MatMiniFabButton as i, MatFabAnchor as j, MatMiniFabAnchor as k, MatIconButton as l, MatIconAnchor as m, MatButtonModule as n };
+export { MAT_BUTTON_CONFIG as M, MatButton as c, MatAnchor as d, MAT_FAB_DEFAULT_OPTIONS as f, MAT_FAB_DEFAULT_OPTIONS_FACTORY as g, MatFabButton as h, MatMiniFabButton as i, MatFabAnchor as j, MatMiniFabAnchor as k, MatIconButton as l, MatIconAnchor as m, MatButtonModule as n };
+export type { MatButtonAppearance as a, MatButtonConfig as b, MatFabDefaultOptions as e };

package/{module.d-9a0cb968.d.ts → module.d-f55544a0.d.ts}

@@ -3,7 +3,7 @@ import { InjectionToken, OnDestroy, AfterViewInit, ElementRef } from '@angular/c
 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 { M as MatCommonModule } from './common-module.d-421e3498.js';
 import { BooleanInput, NumberInput } from '@angular/cdk/coercion';
 import { Directionality } from '@angular/cdk/bidi';
 import { Observable } from 'rxjs';
@@ -324,4 +324,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/{optgroup-harness.d-7f741f69.d.ts → optgroup-harness.d-c52f5a8b.d.ts}

@@ -1,5 +1,5 @@
 import { BaseHarnessFilters, ComponentHarness, ComponentHarnessConstructor, HarnessPredicate } from '@angular/cdk/testing';
-import { O as OptionHarnessFilters, M as MatOptionHarness } from './option-harness.d-3d33fc9a.js';
+import { O as OptionHarnessFilters, M as MatOptionHarness } from './option-harness.d-4f143bc0.js';
 
 interface OptgroupHarnessFilters extends BaseHarnessFilters {
     labelText?: string | RegExp;
@@ -28,4 +28,5 @@ declare class MatOptgroupHarness extends ComponentHarness {
     getOptions(filter?: OptionHarnessFilters): Promise<MatOptionHarness[]>;
 }
 
-export { MatOptgroupHarness as M, type OptgroupHarnessFilters as O };
+export { MatOptgroupHarness as M };
+export type { OptgroupHarnessFilters as O };

package/{option-harness.d-3d33fc9a.d.ts → option-harness.d-4f143bc0.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-d4243d2f.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.4",
+  "version": "20.0.0-next.6",
   "description": "Angular Material",
   "repository": {
     "type": "git",
@@ -353,7 +353,7 @@
     }
   },
   "peerDependencies": {
-    "@angular/cdk": "20.0.0-next.4",
+    "@angular/cdk": "20.0.0-next.6",
     "@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,6 @@
 @use 'sass:map';
-@use '../../../style/sass-utils';
-@use '../../token-definition';
+@use '../core/style/sass-utils';
+@use '../core/tokens/m3-utils';
 
 // The prefix used to generate the fully qualified name for tokens in this file.
 $prefix: (mat, paginator);
@@ -12,7 +12,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 +23,5 @@ $prefix: (mat, paginator);
     )
   );
 
-  @return token-definition.namespace-tokens($prefix, $tokens, $token-slots);
+  @return m3-utils.namespace($prefix, $tokens, $token-slots);
 }

package/paginator/_paginator-theme.scss

@@ -1,6 +1,6 @@
 @use 'sass:map';
 @use 'sass:meta';
-@use '../core/tokens/m2/mat/paginator' as tokens-mat-paginator;
+@use './m2-paginator';
 @use '../core/style/sass-utils';
 @use '../core/typography/typography';
 @use '../core/theming/theming';
@@ -21,9 +21,7 @@
   } @else {
     @include sass-utils.current-selector-or-root() {
       @include token-utils.create-token-values-mixed(
-        tokens-mat-paginator.$prefix,
-        tokens-mat-paginator.get-color-tokens($theme)
-      );
+        m2-paginator.$prefix, m2-paginator.get-color-tokens($theme));
     }
   }
 }
@@ -34,9 +32,7 @@
   } @else {
     @include sass-utils.current-selector-or-root() {
       @include token-utils.create-token-values-mixed(
-        tokens-mat-paginator.$prefix,
-        tokens-mat-paginator.get-typography-tokens($theme)
-      );
+        m2-paginator.$prefix, m2-paginator.get-typography-tokens($theme));
     }
   }
 }
@@ -55,9 +51,7 @@
   } @else {
     @include sass-utils.current-selector-or-root() {
       @include token-utils.create-token-values-mixed(
-        tokens-mat-paginator.$prefix,
-        tokens-mat-paginator.get-density-tokens($theme)
-      );
+        m2-paginator.$prefix, m2-paginator.get-density-tokens($theme));
     }
   }
 }
@@ -66,8 +60,8 @@
 @function _define-overrides() {
   @return (
     (
-      namespace: tokens-mat-paginator.$prefix,
-      tokens: tokens-mat-paginator.get-token-slots(),
+      namespace: m2-paginator.$prefix,
+      tokens: m2-paginator.get-token-slots(),
     ),
   );
 }
@@ -101,8 +95,8 @@
   );
   @if ($tokens != ()) {
     @include token-utils.create-token-values(
-      tokens-mat-paginator.$prefix,
-      map.get($tokens, tokens-mat-paginator.$prefix)
+      m2-paginator.$prefix,
+      map.get($tokens, m2-paginator.$prefix)
     );
   }
 }

package/paginator/index.d.ts

@@ -1,30 +1,30 @@
 import * as i0 from '@angular/core';
-import { n as MatButtonModule } from '../module.d-d86ca350.js';
-import { M as MatSelectModule } from '../module.d-a23953f5.js';
-import { M as MatTooltipModule } from '../module.d-9a0cb968.js';
-import { M as MatPaginator } from '../paginator.d-40b1766e.js';
-export { c as MAT_PAGINATOR_DEFAULT_OPTIONS, f as MAT_PAGINATOR_INTL_PROVIDER, e as MAT_PAGINATOR_INTL_PROVIDER_FACTORY, M as MatPaginator, b as MatPaginatorDefaultOptions, d as MatPaginatorIntl, a as MatPaginatorSelectConfig, P as PageEvent } from '../paginator.d-40b1766e.js';
-import '../common-module.d-0e6515ae.js';
+import { n as MatButtonModule } from '../module.d-9a1d1c76.js';
+import { M as MatSelectModule } from '../module.d-8839a0c2.js';
+import { M as MatTooltipModule } from '../module.d-f55544a0.js';
+import { M as MatPaginator } from '../paginator.d-181ff014.js';
+export { c as MAT_PAGINATOR_DEFAULT_OPTIONS, f as MAT_PAGINATOR_INTL_PROVIDER, e as MAT_PAGINATOR_INTL_PROVIDER_FACTORY, M as MatPaginator, b as MatPaginatorDefaultOptions, d as MatPaginatorIntl, a as MatPaginatorSelectConfig, P as PageEvent } from '../paginator.d-181ff014.js';
+import '../common-module.d-421e3498.js';
 import '@angular/cdk/bidi';
-import '../index.d-cc6e48d4.js';
-import '../ripple.d-f2cd74cf.js';
+import '../index.d-511f9e6c.js';
+import '../ripple.d-305c30f3.js';
 import '@angular/cdk/platform';
 import '@angular/cdk/a11y';
-import '../palette.d-ec4a617c.js';
-import '../ripple-loader.d-e5ac6c14.js';
+import '../palette.d-1d8ebc0d.js';
+import '../ripple-loader.d-f51e5eb6.js';
 import '@angular/cdk/overlay';
-import '../index.d-d77f0821.js';
-import '../pseudo-checkbox-module.d-d21de92b.js';
-import '../option.d-6f493d78.js';
+import '../index.d-73f24bb1.js';
+import '../pseudo-checkbox-module.d-42351ab6.js';
+import '../option.d-4fb11594.js';
 import 'rxjs';
 import '@angular/cdk/collections';
 import '@angular/cdk/scrolling';
 import '@angular/forms';
-import '../error-options.d-448d9046.js';
-import '../form-field.d-2edbc094.js';
+import '../error-options.d-059d9639.js';
+import '../form-field.d-486f4e86.js';
 import '@angular/cdk/coercion';
-import '../form-field-control.d-eb86711c.js';
-import '../module.d-c17c834e.js';
+import '../form-field-control.d-9ed49092.js';
+import '../module.d-683b2a19.js';
 import '@angular/cdk/observers';
 
 declare class MatPaginatorModule {