@angular/material 17.0.0-next.0 → 17.0.0-next.2

package/form-field/_form-field-density.scss

@@ -2,7 +2,7 @@
 @use 'sass:math';
 @use '@material/density' as mdc-density;
 @use '@material/textfield' as mdc-textfield;
-@use '../core/theming/theming';
+@use '../core/theming/inspection';
 
 @use './form-field-sizing';
 
@@ -39,12 +39,11 @@
 // provide spacing that makes arbitrary controls align as specified in the Material Design
 // specification. In order to support density, we need to adjust the vertical spacing to be
 // based on the density scale.
-@mixin private-form-field-density($config-or-theme) {
-  $density-scale: theming.get-density-config($config-or-theme);
+@mixin private-form-field-density($theme) {
   // Height of the form field that is based on the current density scale.
   $height: mdc-density.prop-value(
     $density-config: mdc-textfield.$density-config,
-    $density-scale: $density-scale,
+    $density-scale: inspection.get-theme-density($theme),
     $property-name: height,
   );
 

package/form-field/_form-field-focus-overlay.scss

@@ -19,7 +19,7 @@
       tokens-mat-form-field.$prefix, tokens-mat-form-field.get-token-slots()) {
       @include token-utils.create-token-slot(background-color, state-layer-color);
 
-      .mat-mdc-form-field:hover & {
+      .mat-mdc-text-field-wrapper:hover & {
         @include token-utils.create-token-slot(opacity, hover-state-layer-opacity);
       }
 

package/form-field/_form-field-sizing.scss

@@ -3,7 +3,7 @@
 $mat-form-field-outline-top-spacing: 12px;
 
 // Infix stretches to fit the container, but naturally wants to be this wide. We set
-// this in order to have a a consistent natural size for the various types of controls
+// this in order to have a consistent natural size for the various types of controls
 // that can go in a form field.
 $mat-form-field-default-infix-width: 180px !default;
 

package/form-field/_form-field-theme.scss

@@ -5,76 +5,66 @@
 @use '../core/tokens/m2/mdc/outlined-text-field' as tokens-mdc-outlined-text-field;
 @use '../core/tokens/m2/mat/form-field' as tokens-mat-form-field;
 @use '../core/theming/theming';
+@use '../core/theming/inspection';
 @use '../core/typography/typography';
 @use '../core/style/sass-utils';
 @use '../core/tokens/token-utils';
 @use './form-field-density';
 
-@mixin color($config-or-theme) {
-  $config: theming.get-color-config($config-or-theme);
-
+@mixin color($theme) {
   @include sass-utils.current-selector-or-root() {
     @include mdc-filled-text-field-theme.theme(
-      tokens-mdc-filled-text-field.get-color-tokens($config));
+      tokens-mdc-filled-text-field.get-color-tokens($theme));
     @include mdc-outlined-text-field-theme.theme(
-      tokens-mdc-outlined-text-field.get-color-tokens($config));
+      tokens-mdc-outlined-text-field.get-color-tokens($theme));
     @include token-utils.create-token-values(tokens-mat-form-field.$prefix,
-      tokens-mat-form-field.get-color-tokens($config));
+      tokens-mat-form-field.get-color-tokens($theme));
   }
 
   .mat-mdc-form-field.mat-accent {
     @include mdc-filled-text-field-theme.theme(
-      tokens-mdc-filled-text-field.private-get-color-palette-color-tokens($config, accent));
+      tokens-mdc-filled-text-field.private-get-color-palette-color-tokens($theme, accent));
     @include mdc-outlined-text-field-theme.theme(
-      tokens-mdc-outlined-text-field.private-get-color-palette-color-tokens($config, accent));
+      tokens-mdc-outlined-text-field.private-get-color-palette-color-tokens($theme, accent));
     @include token-utils.create-token-values(tokens-mat-form-field.$prefix,
-      tokens-mat-form-field.private-get-color-palette-color-tokens($config, accent));
+      tokens-mat-form-field.private-get-color-palette-color-tokens($theme, accent));
   }
 
   .mat-mdc-form-field.mat-warn {
     @include mdc-filled-text-field-theme.theme(
-      tokens-mdc-filled-text-field.private-get-color-palette-color-tokens($config, warn));
+      tokens-mdc-filled-text-field.private-get-color-palette-color-tokens($theme, warn));
     @include mdc-outlined-text-field-theme.theme(
-      tokens-mdc-outlined-text-field.private-get-color-palette-color-tokens($config, warn));
+      tokens-mdc-outlined-text-field.private-get-color-palette-color-tokens($theme, warn));
     @include token-utils.create-token-values(tokens-mat-form-field.$prefix,
-      tokens-mat-form-field.private-get-color-palette-color-tokens($config, warn));
+      tokens-mat-form-field.private-get-color-palette-color-tokens($theme, warn));
   }
 }
 
-@mixin typography($config-or-theme) {
-  $config: typography.private-typography-to-2018-config(
-      theming.get-typography-config($config-or-theme));
-
+@mixin typography($theme) {
   @include sass-utils.current-selector-or-root() {
     @include mdc-filled-text-field-theme.theme(
-      tokens-mdc-filled-text-field.get-typography-tokens($config));
+      tokens-mdc-filled-text-field.get-typography-tokens($theme));
     @include mdc-outlined-text-field-theme.theme(
-      tokens-mdc-outlined-text-field.get-typography-tokens($config));
+      tokens-mdc-outlined-text-field.get-typography-tokens($theme));
     @include token-utils.create-token-values(tokens-mat-form-field.$prefix,
-      tokens-mat-form-field.get-typography-tokens($config));
+      tokens-mat-form-field.get-typography-tokens($theme));
   }
 }
 
-@mixin density($config-or-theme) {
-  $density-scale: theming.get-density-config($config-or-theme);
-  @include form-field-density.private-form-field-density($density-scale);
+@mixin density($theme) {
+  @include form-field-density.private-form-field-density($theme);
 }
 
-@mixin theme($theme-or-color-config) {
-  $theme: theming.private-legacy-get-theme($theme-or-color-config);
+@mixin theme($theme) {
   @include theming.private-check-duplicate-theme-styles($theme, 'mat-form-field') {
-    $color: theming.get-color-config($theme);
-    $density: theming.get-density-config($theme);
-    $typography: theming.get-typography-config($theme);
-
-    @if $color != null {
-      @include color($color);
+    @if inspection.theme-has($theme, color) {
+      @include color($theme);
     }
-    @if $density != null {
-      @include density($density);
+    @if inspection.theme-has($theme, density) {
+      @include density($theme);
     }
-    @if $typography != null {
-      @include typography($typography);
+    @if inspection.theme-has($theme, typography) {
+      @include typography($theme);
     }
   }
 }

package/grid-list/_grid-list-theme.scss

@@ -1,4 +1,5 @@
 @use '../core/theming/theming';
+@use '../core/theming/inspection';
 @use '../core/typography/typography';
 @use '../core/tokens/m2/mat/grid-list' as tokens-mat-grid-list;
 @use '../core/style/sass-utils';
@@ -6,35 +7,27 @@
 
 
 // Include this empty mixin for consistency with the other components.
-@mixin color($config-or-theme) {}
-
-@mixin typography($config-or-theme) {
-  $config: typography.private-typography-to-2014-config(
-      theming.get-typography-config($config-or-theme));
+@mixin color($theme) {}
 
+@mixin typography($theme) {
   @include sass-utils.current-selector-or-root() {
     @include token-utils.create-token-values(tokens-mat-grid-list.$prefix,
-      tokens-mat-grid-list.get-typography-tokens($config));
+      tokens-mat-grid-list.get-typography-tokens($theme));
   }
 }
 
-@mixin density($config-or-theme) {}
+@mixin density($theme) {}
 
-@mixin theme($theme-or-color-config) {
-  $theme: theming.private-legacy-get-theme($theme-or-color-config);
+@mixin theme($theme) {
   @include theming.private-check-duplicate-theme-styles($theme, 'mat-grid-list') {
-    $color: theming.get-color-config($theme);
-    $density: theming.get-density-config($theme);
-    $typography: theming.get-typography-config($theme);
-
-    @if $color != null {
-      @include color($color);
+    @if inspection.theme-has($theme, color) {
+      @include color($theme);
     }
-    @if $density != null {
-      @include density($density);
+    @if inspection.theme-has($theme, density) {
+      @include density($theme);
     }
-    @if $typography != null {
-      @include typography($typography);
+    @if inspection.theme-has($theme, typography) {
+      @include typography($theme);
     }
   }
 }

package/icon/_icon-theme.scss

@@ -1,58 +1,50 @@
-@use 'sass:map';
 @use '../core/theming/theming';
+@use '../core/theming/inspection';
 @use '../core/tokens/m2/mat/icon' as tokens-mat-icon;
 @use '../core/tokens/token-utils';
 @use '../core/style/sass-utils';
 
-@mixin _palette-colors($config, $palette-name) {
-  $palette: map.get($config, $palette-name);
-  $color: theming.get-color-from-palette($palette, text);
+@mixin _palette-colors($theme, $palette-name) {
+  $color: inspection.get-theme-color($theme, $palette-name, text);
   $tokens: tokens-mat-icon.private-get-icon-color-tokens($color);
   @include token-utils.create-token-values(tokens-mat-icon.$prefix, $tokens);
 }
 
-@mixin color($config-or-theme) {
-  $config: theming.get-color-config($config-or-theme);
-
+@mixin color($theme) {
   @include sass-utils.current-selector-or-root() {
     @include token-utils.create-token-values(tokens-mat-icon.$prefix,
-      tokens-mat-icon.get-color-tokens($config));
+      tokens-mat-icon.get-color-tokens($theme));
   }
 
   .mat-icon {
     &.mat-primary {
-      @include _palette-colors($config, primary);
+      @include _palette-colors($theme, primary);
     }
 
     &.mat-accent {
-      @include _palette-colors($config, accent);
+      @include _palette-colors($theme, accent);
     }
 
     &.mat-warn {
-      @include _palette-colors($config, warn);
+      @include _palette-colors($theme, warn);
     }
   }
 }
 
-@mixin typography($config-or-theme) {}
+@mixin typography($theme) {}
 
-@mixin density($config-or-theme) {}
+@mixin density($theme) {}
 
-@mixin theme($theme-or-color-config) {
-  $theme: theming.private-legacy-get-theme($theme-or-color-config);
+@mixin theme($theme) {
   @include theming.private-check-duplicate-theme-styles($theme, 'mat-icon') {
-    $color: theming.get-color-config($theme);
-    $density: theming.get-density-config($theme);
-    $typography: theming.get-typography-config($theme);
-
-    @if $color != null {
-      @include color($color);
+    @if inspection.theme-has($theme, color) {
+      @include color($theme);
     }
-    @if $density != null {
-      @include density($density);
+    @if inspection.theme-has($theme, density) {
+      @include density($theme);
     }
-    @if $typography != null {
-      @include typography($typography);
+    @if inspection.theme-has($theme, typography) {
+      @include typography($theme);
     }
   }
 }

package/input/_input-theme.scss

@@ -1,35 +1,23 @@
 @use '../core/theming/theming';
+@use '../core/theming/inspection';
 @use '../core/typography/typography';
-@use '../core/mdc-helpers/mdc-helpers';
 
-@mixin color($config-or-theme) {
-  $config: theming.get-color-config($config-or-theme);
-  @include mdc-helpers.using-mdc-theme($config) {}
-}
+@mixin color($theme) {}
 
-@mixin typography($config-or-theme) {
-  $config: typography.private-typography-to-2018-config(
-      theming.get-typography-config($config-or-theme));
-  @include mdc-helpers.using-mdc-typography($config) {}
-}
+@mixin typography($theme) {}
 
-@mixin density($config-or-theme) {}
+@mixin density($theme) {}
 
-@mixin theme($theme-or-color-config) {
-  $theme: theming.private-legacy-get-theme($theme-or-color-config);
+@mixin theme($theme) {
   @include theming.private-check-duplicate-theme-styles($theme, 'mat-input') {
-    $color: theming.get-color-config($theme);
-    $density: theming.get-density-config($theme);
-    $typography: theming.get-typography-config($theme);
-
-    @if $color != null {
-      @include color($color);
+    @if inspection.theme-has($theme, color) {
+      @include color($theme);
     }
-    @if $density != null {
-      @include density($density);
+    @if inspection.theme-has($theme, density) {
+      @include density($theme);
     }
-    @if $typography != null {
-      @include typography($typography);
+    @if inspection.theme-has($theme, typography) {
+      @include typography($theme);
     }
   }
 }

package/list/_list-theme.scss

@@ -6,29 +6,21 @@
 
 @use '../core/style/sass-utils';
 @use '../core/theming/theming';
+@use '../core/theming/inspection';
 @use '../core/tokens/m2/mdc/checkbox' as tokens-mdc-checkbox;
 @use '../core/tokens/m2/mdc/radio' as tokens-mdc-radio;
 @use '../core/tokens/m2/mdc/list' as tokens-mdc-list;
 @use '../core/typography/typography';
-@use '../core/typography/typography-utils';
 
-@mixin base($config-or-theme) {
+@mixin base($theme) {
   // Add default values for tokens not related to color, typography, or density.
   @include sass-utils.current-selector-or-root() {
     @include mdc-list-theme.theme(tokens-mdc-list.get-unthemable-tokens());
   }
 }
 
-@mixin color($config-or-theme) {
-  $config: theming.get-color-config($config-or-theme);
-  $primary: map.get($config, primary);
-  $accent: map.get($config, accent);
-  $warn: map.get($config, warn);
-  $mdc-list-color-tokens: tokens-mdc-list.get-color-tokens($config);
-  $inner-control-primary: map.merge($config, (accent: $primary));
-  $inner-control-accent: map.merge($config, (accent: $accent));
-  $inner-control-warn: map.merge($config, (accent: $warn));
-
+@mixin color($theme) {
+  $mdc-list-color-tokens: tokens-mdc-list.get-color-tokens($theme);
 
   // Add values for MDC list tokens.
   .mat-mdc-list-base {
@@ -37,37 +29,37 @@
 
   .mdc-list-item__start,
   .mdc-list-item__end {
-    @include mdc-radio-theme.theme(tokens-mdc-radio.get-color-tokens($inner-control-primary));
+    @include mdc-radio-theme.theme(tokens-mdc-radio.get-color-tokens($theme, primary));
   }
 
   .mat-accent {
     .mdc-list-item__start,
     .mdc-list-item__end {
-      @include mdc-radio-theme.theme(tokens-mdc-radio.get-color-tokens($inner-control-accent));
+      @include mdc-radio-theme.theme(tokens-mdc-radio.get-color-tokens($theme, accent));
     }
   }
 
   .mat-warn {
     .mdc-list-item__start,
     .mdc-list-item__end {
-      @include mdc-radio-theme.theme(tokens-mdc-radio.get-color-tokens($inner-control-warn));
+      @include mdc-radio-theme.theme(tokens-mdc-radio.get-color-tokens($theme, warn));
     }
   }
 
   .mat-mdc-list-option {
-    @include mdc-checkbox-theme.theme(tokens-mdc-checkbox.get-color-tokens($inner-control-primary));
+    @include mdc-checkbox-theme.theme(tokens-mdc-checkbox.get-color-tokens($theme, primary));
   }
   .mat-mdc-list-option.mat-accent {
-    @include mdc-checkbox-theme.theme(tokens-mdc-checkbox.get-color-tokens($inner-control-accent));
+    @include mdc-checkbox-theme.theme(tokens-mdc-checkbox.get-color-tokens($theme, accent));
   }
   .mat-mdc-list-option.mat-warn {
-    @include mdc-checkbox-theme.theme(tokens-mdc-checkbox.get-color-tokens($inner-control-warn));
+    @include mdc-checkbox-theme.theme(tokens-mdc-checkbox.get-color-tokens($theme, warn));
   }
 
   // There is no token for activated color on nav list.
   // TODO(mmalerba): Add a token to MDC or make a custom one.
   .mat-mdc-list-base.mat-mdc-list-base {
-    @include evolution-mixins.list-selected-ink-color(theming.get-color-from-palette($primary));
+    @include evolution-mixins.list-selected-ink-color(inspection.get-theme-color($theme, primary));
   }
 
   // TODO(mmalerba): Leaking styles from the old MDC list mixins used in other components can cause
@@ -82,9 +74,9 @@
   }
 }
 
-@mixin density($config-or-theme) {
-  $density-scale: theming.get-density-config($config-or-theme);
-  $mdc-list-density-tokens: tokens-mdc-list.get-density-tokens($density-scale);
+@mixin density($theme) {
+  $density-scale: inspection.get-theme-density($theme);
+  $mdc-list-density-tokens: tokens-mdc-list.get-density-tokens($theme);
 
   // Add values for MDC list tokens.
   .mat-mdc-list-base {
@@ -94,7 +86,6 @@
   // TODO(mmalerba): This is added to maintain the same style MDC used prior to the token-based API,
   //  to avoid screenshot diffs. We should remove it in favor of following MDC's current style, or
   //  add custom tokens for it.
-  $clamped-density-scale: theming.clamp-density($density-scale, -5);
   .mat-mdc-list-item {
     &.mdc-list-item--with-leading-avatar,
     &.mdc-list-item--with-leading-checkbox,
@@ -107,7 +98,7 @@
             -3: 44px,
             -4: 40px,
             -5: 40px,
-        ), $clamped-density-scale);
+        ), $density-scale);
       }
 
       &.mdc-list-item--with-two-lines {
@@ -118,16 +109,14 @@
             -3: 60px,
             -4: 56px,
             -5: 56px,
-        ), $clamped-density-scale);
+        ), $density-scale);
       }
     }
   }
 }
 
-@mixin typography($config-or-theme) {
-  $config: typography.private-typography-to-2018-config(
-      theming.get-typography-config($config-or-theme));
-  $mdc-list-typography-tokens: tokens-mdc-list.get-typography-tokens($config);
+@mixin typography($theme) {
+  $mdc-list-typography-tokens: tokens-mdc-list.get-typography-tokens($theme);
 
   // Add values for MDC list tokens.
   .mat-mdc-list-base {
@@ -137,26 +126,22 @@
   // MDC does not have tokens for the subheader.
   // TODO(mmalerba): Discuss with MDC about adding them, or create custom tokens.
   .mdc-list-group__subheader {
-    @include typography-utils.typography-level($config, subtitle-1);
+    font: inspection.get-theme-typography($theme, subtitle-1, font);
+    letter-spacing: inspection.get-theme-typography($theme, subtitle-1, letter-spacing);
   }
 }
 
-@mixin theme($theme-or-color-config) {
-  $theme: theming.private-legacy-get-theme($theme-or-color-config);
+@mixin theme($theme) {
   @include theming.private-check-duplicate-theme-styles($theme, 'mat-list') {
-    $color: theming.get-color-config($theme);
-    $density: theming.get-density-config($theme);
-    $typography: theming.get-typography-config($theme);
-
     @include base($theme);
-    @if $color != null {
-      @include color($color);
+    @if inspection.theme-has($theme, color) {
+      @include color($theme);
     }
-    @if $density != null {
-      @include density($density);
+    @if inspection.theme-has($theme, density) {
+      @include density($theme);
     }
-    @if $typography != null {
-      @include typography($typography);
+    @if inspection.theme-has($theme, typography) {
+      @include typography($theme);
     }
   }
 }

package/menu/_menu-theme.scss

@@ -2,44 +2,35 @@
 @use '../core/style/sass-utils';
 @use '../core/tokens/token-utils';
 @use '../core/theming/theming';
+@use '../core/theming/inspection';
 @use '../core/typography/typography';
 
-
-@mixin color($config-or-theme) {
-  $config: theming.get-color-config($config-or-theme);
-
+@mixin color($theme) {
   @include sass-utils.current-selector-or-root() {
     @include token-utils.create-token-values(tokens-mat-menu.$prefix,
-      tokens-mat-menu.get-color-tokens($config));
+      tokens-mat-menu.get-color-tokens($theme));
   }
 }
 
-@mixin typography($config-or-theme) {
-  $config: typography.private-typography-to-2018-config(
-      theming.get-typography-config($config-or-theme));
+@mixin typography($theme) {
   @include sass-utils.current-selector-or-root() {
     @include token-utils.create-token-values(tokens-mat-menu.$prefix,
-      tokens-mat-menu.get-typography-tokens($config));
+      tokens-mat-menu.get-typography-tokens($theme));
   }
 }
 
-@mixin density($config-or-theme) {}
+@mixin density($theme) {}
 
-@mixin theme($theme-or-color-config) {
-  $theme: theming.private-legacy-get-theme($theme-or-color-config);
+@mixin theme($theme) {
   @include theming.private-check-duplicate-theme-styles($theme, 'mat-menu') {
-    $color: theming.get-color-config($theme);
-    $density: theming.get-density-config($theme);
-    $typography: theming.get-typography-config($theme);
-
-    @if $color != null {
-      @include color($color);
+    @if inspection.theme-has($theme, color) {
+      @include color($theme);
     }
-    @if $density != null {
-      @include density($density);
+    @if inspection.theme-has($theme, density) {
+      @include density($theme);
     }
-    @if $typography != null {
-      @include typography($typography);
+    @if inspection.theme-has($theme, typography) {
+      @include typography($theme);
     }
   }
 }

package/menu/index.d.ts

@@ -1,15 +1,10 @@
-import { _AbstractConstructor } from '@angular/material/core';
 import { AfterContentInit } from '@angular/core';
 import { AfterViewInit } from '@angular/core';
 import { AnimationEvent as AnimationEvent_2 } from '@angular/animations';
 import { AnimationTriggerMetadata } from '@angular/animations';
 import { ApplicationRef } from '@angular/core';
-import { BooleanInput } from '@angular/cdk/coercion';
-import { CanDisable } from '@angular/material/core';
-import { CanDisableRipple } from '@angular/material/core';
 import { ChangeDetectorRef } from '@angular/core';
 import { ComponentFactoryResolver } from '@angular/core';
-import { _Constructor } from '@angular/material/core';
 import { Direction } from '@angular/cdk/bidi';
 import { Directionality } from '@angular/cdk/bidi';
 import { ElementRef } from '@angular/core';
@@ -166,13 +161,9 @@ export declare class MatMenu implements AfterContentInit, MatMenuPanel<MatMenuIt
      */
     lazyContent: MatMenuContent;
     /** Whether the menu should overlap its trigger. */
-    get overlapTrigger(): boolean;
-    set overlapTrigger(value: BooleanInput);
-    private _overlapTrigger;
+    overlapTrigger: boolean;
     /** Whether the menu has a backdrop. */
-    get hasBackdrop(): boolean | undefined;
-    set hasBackdrop(value: BooleanInput);
-    private _hasBackdrop;
+    hasBackdrop?: boolean;
     /**
      * This method takes classes set on the host mat-menu element and applies them on the
      * menu template that displays in the overlay container.  Otherwise, it's difficult
@@ -259,6 +250,8 @@ export declare class MatMenu implements AfterContentInit, MatMenuPanel<MatMenuIt
     private _updateDirectDescendants;
     static ɵfac: i0.ɵɵFactoryDeclaration<MatMenu, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<MatMenu, "mat-menu", ["matMenu"], { "backdropClass": { "alias": "backdropClass"; "required": false; }; "ariaLabel": { "alias": "aria-label"; "required": false; }; "ariaLabelledby": { "alias": "aria-labelledby"; "required": false; }; "ariaDescribedby": { "alias": "aria-describedby"; "required": false; }; "xPosition": { "alias": "xPosition"; "required": false; }; "yPosition": { "alias": "yPosition"; "required": false; }; "overlapTrigger": { "alias": "overlapTrigger"; "required": false; }; "hasBackdrop": { "alias": "hasBackdrop"; "required": false; }; "panelClass": { "alias": "class"; "required": false; }; "classList": { "alias": "classList"; "required": false; }; }, { "closed": "closed"; "close": "close"; }, ["lazyContent", "_allItems", "items"], ["*"], false, never>;
+    static ngAcceptInputType_overlapTrigger: unknown;
+    static ngAcceptInputType_hasBackdrop: any;
 }
 
 /**
@@ -325,7 +318,7 @@ export declare interface MatMenuDefaultOptions {
 /**
  * Single item inside a `mat-menu`. Provides the menu item styling and accessibility treatment.
  */
-export declare class MatMenuItem extends _MatMenuItemBase implements FocusableOption, CanDisable, CanDisableRipple, AfterViewInit, OnDestroy {
+export declare class MatMenuItem implements FocusableOption, AfterViewInit, OnDestroy {
     private _elementRef;
     private _document?;
     private _focusMonitor?;
@@ -333,6 +326,10 @@ export declare class MatMenuItem extends _MatMenuItemBase implements FocusableOp
     private _changeDetectorRef?;
     /** ARIA role for the menu item. */
     role: 'menuitem' | 'menuitemradio' | 'menuitemcheckbox';
+    /** Whether the menu item is disabled. */
+    disabled: boolean;
+    /** Whether ripples are disabled on the menu item. */
+    disableRipple: boolean;
     /** Stream that emits when the menu item is hovered. */
     readonly _hovered: Subject<MatMenuItem>;
     /** Stream that emits when the menu item is focused. */
@@ -365,14 +362,11 @@ export declare class MatMenuItem extends _MatMenuItemBase implements FocusableOp
     _setTriggersSubmenu(triggersSubmenu: boolean): void;
     _hasFocus(): boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<MatMenuItem, [null, null, null, { optional: true; }, null]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MatMenuItem, "[mat-menu-item]", ["matMenuItem"], { "disabled": { "alias": "disabled"; "required": false; }; "disableRipple": { "alias": "disableRipple"; "required": false; }; "role": { "alias": "role"; "required": false; }; }, {}, never, ["mat-icon, [matMenuItemIcon]", "*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MatMenuItem, "[mat-menu-item]", ["matMenuItem"], { "role": { "alias": "role"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "disableRipple": { "alias": "disableRipple"; "required": false; }; }, {}, never, ["mat-icon, [matMenuItemIcon]", "*"], false, never>;
+    static ngAcceptInputType_disabled: unknown;
+    static ngAcceptInputType_disableRipple: unknown;
 }
 
-/** @docs-private */
-declare const _MatMenuItemBase: _Constructor<CanDisableRipple> & _AbstractConstructor<CanDisableRipple> & _Constructor<CanDisable> & _AbstractConstructor<CanDisable> & {
-    new (): {};
-};
-
 export declare class MatMenuModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<MatMenuModule, never>;
     static ɵmod: i0.ɵɵNgModuleDeclaration<MatMenuModule, [typeof i1.MatMenu, typeof i2.MatMenuItem, typeof i3.MatMenuContent, typeof i4.MatMenuTrigger], [typeof i5.CommonModule, typeof i6.MatRippleModule, typeof i6.MatCommonModule, typeof i7.OverlayModule], [typeof i8.CdkScrollableModule, typeof i1.MatMenu, typeof i6.MatCommonModule, typeof i2.MatMenuItem, typeof i3.MatMenuContent, typeof i4.MatMenuTrigger]>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@angular/material",
-  "version": "17.0.0-next.0",
+  "version": "17.0.0-next.2",
   "description": "Angular Material",
   "repository": {
     "type": "git",
@@ -478,7 +478,7 @@
   },
   "peerDependencies": {
     "@angular/animations": "^17.0.0-0 || ^17.1.0-0 || ^17.2.0-0 || ^17.3.0-0 || ^18.0.0-0",
-    "@angular/cdk": "17.0.0-next.0",
+    "@angular/cdk": "17.0.0-next.2",
     "@angular/core": "^17.0.0-0 || ^17.1.0-0 || ^17.2.0-0 || ^17.3.0-0 || ^18.0.0-0",
     "@angular/common": "^17.0.0-0 || ^17.1.0-0 || ^17.2.0-0 || ^17.3.0-0 || ^18.0.0-0",
     "@angular/forms": "^17.0.0-0 || ^17.1.0-0 || ^17.2.0-0 || ^17.3.0-0 || ^18.0.0-0",