@angular/material-experimental 14.0.2 → 14.0.5

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;
+  }
+}