@angular/material-experimental 14.1.0-next.2 → 14.1.0

package/mdc-button/index.d.ts

@@ -99,8 +99,6 @@ declare class MatButtonBase extends _MatButtonMixin implements CanDisable, CanCo
     _animationMode?: string | undefined;
     /** Whether this button is a FAB. Used to apply the correct class on the ripple. */
     _isFab: boolean;
-    /** Whether this button is an icon button. Used to apply the correct class on the ripple. */
-    _isIconButton: boolean;
     /** Reference to the MatRipple instance of the button. */
     ripple: MatRipple;
     constructor(elementRef: ElementRef, _platform: Platform, _ngZone: NgZone, _animationMode?: string | undefined);
@@ -173,7 +171,6 @@ export declare interface MatFabDefaultOptions {
  * See https://material.io/develop/web/components/buttons/icon-buttons/
  */
 export declare class MatIconAnchor extends MatAnchorBase {
-    _isIconButton: boolean;
     constructor(elementRef: ElementRef, platform: Platform, ngZone: NgZone, animationMode?: string);
     static ɵfac: i0.ɵɵFactoryDeclaration<MatIconAnchor, [null, null, null, { optional: true; }]>;
     static ɵcmp: i0.ɵɵComponentDeclaration<MatIconAnchor, "a[mat-icon-button]", ["matButton", "matAnchor"], { "disabled": "disabled"; "disableRipple": "disableRipple"; "color": "color"; "tabIndex": "tabIndex"; }, {}, never, [".material-icons:not([iconPositionEnd]), mat-icon:not([iconPositionEnd]), [matButtonIcon]:not([iconPositionEnd])", "*", ".material-icons[iconPositionEnd], mat-icon[iconPositionEnd], [matButtonIcon][iconPositionEnd]"], false>;
@@ -185,10 +182,9 @@ export declare class MatIconAnchor extends MatAnchorBase {
  * See https://material.io/develop/web/components/buttons/icon-buttons/
  */
 export declare class MatIconButton extends MatButtonBase {
-    _isIconButton: boolean;
     constructor(elementRef: ElementRef, platform: Platform, ngZone: NgZone, animationMode?: string);
     static ɵfac: i0.ɵɵFactoryDeclaration<MatIconButton, [null, null, null, { optional: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MatIconButton, "button[mat-icon-button]", ["matButton"], { "disabled": "disabled"; "disableRipple": "disableRipple"; "color": "color"; }, {}, never, [".material-icons:not([iconPositionEnd]), mat-icon:not([iconPositionEnd]), [matButtonIcon]:not([iconPositionEnd])", "*", ".material-icons[iconPositionEnd], mat-icon[iconPositionEnd], [matButtonIcon][iconPositionEnd]"], false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MatIconButton, "button[mat-icon-button]", ["matButton"], { "disabled": "disabled"; "disableRipple": "disableRipple"; "color": "color"; }, {}, never, ["*"], false>;
 }
 
 /**

package/mdc-checkbox/_checkbox-theme.scss

@@ -33,6 +33,7 @@
   $primary: mat.get-color-from-palette(map.get($config, primary));
   $accent: mat.get-color-from-palette(map.get($config, accent));
   $warn: mat.get-color-from-palette(map.get($config, warn));
+  $foreground: map.get($config, foreground);
 
   @include mdc-helpers.mat-using-mdc-theme($config) {
     .mat-mdc-checkbox {
@@ -65,6 +66,11 @@
         @include _selected-ripple-colors($warn, error);
       }
     }
+
+    .mat-mdc-checkbox-disabled label {
+      // MDC should set the disabled color on the label, but doesn't, so we do it here instead.
+      color: mat.get-color-from-palette($foreground, disabled-text);
+    }
   }
 }
 
@@ -88,7 +94,7 @@
       );
     }
 
-    @if ($density-scale == -2 or $density-scale == 'minimum') {
+    @include mdc-helpers.if-touch-targets-unsupported($density-scale) {
       .mat-mdc-checkbox-touch-target {
         display: none;
       }

package/mdc-core/mdc-helpers/_mdc-helpers.scss

@@ -7,6 +7,7 @@
 @use '@material/theme/theme-color' as mdc-theme-color;
 @use '@material/theme/css' as mdc-theme-css;
 @use 'sass:map';
+@use 'sass:meta';
 
 // A set of standard queries to use with MDC's queryable mixins.
 $mat-base-styles-query: mdc-feature-targeting.without(mdc-feature-targeting.any(color, typography));
@@ -211,3 +212,10 @@ $mat-typography-mdc-level-mappings: (
   @content;
   mdc-theme-css.$enable-fallback-declarations: $previous-value;
 }
+
+// Excludes the passed-in CSS content if the layout is too dense to supports touch targets.
+@mixin if-touch-targets-unsupported($scale) {
+  @if ($scale == 'minimum' or (meta.type-of($scale) == 'number' and $scale < -1)) {
+    @content;
+  }
+}