@angular/material 22.0.0-next.3 → 22.0.0-next.4

package/core/tokens/_system.scss

@@ -152,7 +152,7 @@
       $density-tokens: get-density-tokens($scale);
       @each $tokens in $density-tokens {
         @each $token-name, $token-value in $tokens {
-          --mat-#{$token-name}: #{$token-value};
+          @include _output-token('mat', $token-name, $token-value);
         }
       }
     }
@@ -204,7 +204,7 @@
   @include sass-utils.current-selector-or-root {
     @each $name, $value in $overrides {
       @if (map.has-key($sys-names, $name)) {
-        --#{$prefix}-#{$name}: #{map.get($overrides, $name)};
+        @include _output-token($prefix, $name, map.get($overrides, $name));
       }
     }
   }
@@ -229,7 +229,7 @@
 
   @include sass-utils.current-selector-or-root {
     @each $name, $value in $sys-colors {
-      --#{$prefix}-#{$name}: #{map.get($overrides, $name) or $value};
+      @include _output-token($prefix, $name, map.get($overrides, $name) or $value);
     }
   }
 }
@@ -268,7 +268,7 @@
 
   @include sass-utils.current-selector-or-root {
     @each $name, $value in m3.md-sys-typescale-values($font-definition) {
-      --#{$prefix}-#{$name}: #{map.get($overrides, $name) or $value};
+      @include _output-token($prefix, $name, map.get($overrides, $name) or $value);
     }
   }
 }
@@ -281,7 +281,7 @@
     @each $name, $value in m3.md-sys-elevation-values() {
       $level: map.get($overrides, $name) or $value;
       $value: elevation.get-box-shadow($level, $shadow-color);
-      --#{$prefix}-#{$name}: #{$value};
+      @include _output-token($prefix, $name, $value);
     }
   }
 }
@@ -289,7 +289,7 @@
 @mixin system-level-shape($theme: (), $overrides: (), $prefix: definition.$system-level-prefix) {
   @include sass-utils.current-selector-or-root {
     @each $name, $value in m3.md-sys-shape-values() {
-      --#{$prefix}-#{$name}: #{map.get($overrides, $name) or $value};
+      @include _output-token($prefix, $name, map.get($overrides, $name) or $value);
     }
   }
 }
@@ -297,7 +297,7 @@
 @mixin system-level-state($theme: (), $overrides: (), $prefix: definition.$system-level-prefix) {
   @include sass-utils.current-selector-or-root {
     @each $name, $value in m3.md-sys-state-values() {
-      --#{$prefix}-#{$name}: #{map.get($overrides, $name) or $value};
+      @include _output-token($prefix, $name, map.get($overrides, $name) or $value);
     }
   }
 }
@@ -389,10 +389,16 @@
   }
 }
 
+@mixin _output-token($prefix, $name, $value) {
+  // The strings silence some Sass compiler warnings.
+  --#{'' + $prefix}-#{'' + $name}: #{$value};
+}
+
 @mixin _define-m2-system-vars($vars, $overrides) {
   @include sass-utils.current-selector-or-root {
     @each $name, $value in $vars {
-      --#{definition.$system-fallback-prefix}-#{$name}: #{map.get($overrides, $name) or $value};
+      @include _output-token(
+        definition.$system-fallback-prefix, $name, map.get($overrides, $name) or $value);
     }
   }
 }

package/fesm2022/_error-options-chunk.mjs

@@ -7,7 +7,7 @@ class ShowOnDirtyErrorStateMatcher {
   }
   static ɵfac = i0.ɵɵngDeclareFactory({
     minVersion: "12.0.0",
-    version: "22.0.0-next.5",
+    version: "22.0.0-next.6",
     ngImport: i0,
     type: ShowOnDirtyErrorStateMatcher,
     deps: [],
@@ -15,14 +15,14 @@ class ShowOnDirtyErrorStateMatcher {
   });
   static ɵprov = i0.ɵɵngDeclareInjectable({
     minVersion: "12.0.0",
-    version: "22.0.0-next.5",
+    version: "22.0.0-next.6",
     ngImport: i0,
     type: ShowOnDirtyErrorStateMatcher
   });
 }
 i0.ɵɵngDeclareClassMetadata({
   minVersion: "12.0.0",
-  version: "22.0.0-next.5",
+  version: "22.0.0-next.6",
   ngImport: i0,
   type: ShowOnDirtyErrorStateMatcher,
   decorators: [{
@@ -35,7 +35,7 @@ class ErrorStateMatcher {
   }
   static ɵfac = i0.ɵɵngDeclareFactory({
     minVersion: "12.0.0",
-    version: "22.0.0-next.5",
+    version: "22.0.0-next.6",
     ngImport: i0,
     type: ErrorStateMatcher,
     deps: [],
@@ -43,7 +43,7 @@ class ErrorStateMatcher {
   });
   static ɵprov = i0.ɵɵngDeclareInjectable({
     minVersion: "12.0.0",
-    version: "22.0.0-next.5",
+    version: "22.0.0-next.6",
     ngImport: i0,
     type: ErrorStateMatcher,
     providedIn: 'root'
@@ -51,7 +51,7 @@ class ErrorStateMatcher {
 }
 i0.ɵɵngDeclareClassMetadata({
   minVersion: "12.0.0",
-  version: "22.0.0-next.5",
+  version: "22.0.0-next.6",
   ngImport: i0,
   type: ErrorStateMatcher,
   decorators: [{

package/fesm2022/_form-field-chunk.mjs

@@ -13,7 +13,7 @@ import { _animationsDisabled } from './_animation-chunk.mjs';
 class MatLabel {
   static ɵfac = i0.ɵɵngDeclareFactory({
     minVersion: "12.0.0",
-    version: "22.0.0-next.5",
+    version: "22.0.0-next.6",
     ngImport: i0,
     type: MatLabel,
     deps: [],
@@ -21,7 +21,7 @@ class MatLabel {
   });
   static ɵdir = i0.ɵɵngDeclareDirective({
     minVersion: "14.0.0",
-    version: "22.0.0-next.5",
+    version: "22.0.0-next.6",
     type: MatLabel,
     isStandalone: true,
     selector: "mat-label",
@@ -30,7 +30,7 @@ class MatLabel {
 }
 i0.ɵɵngDeclareClassMetadata({
   minVersion: "12.0.0",
-  version: "22.0.0-next.5",
+  version: "22.0.0-next.6",
   ngImport: i0,
   type: MatLabel,
   decorators: [{
@@ -44,10 +44,9 @@ i0.ɵɵngDeclareClassMetadata({
 const MAT_ERROR = new InjectionToken('MatError');
 class MatError {
   id = inject(_IdGenerator).getId('mat-mdc-error-');
-  constructor() {}
   static ɵfac = i0.ɵɵngDeclareFactory({
     minVersion: "12.0.0",
-    version: "22.0.0-next.5",
+    version: "22.0.0-next.6",
     ngImport: i0,
     type: MatError,
     deps: [],
@@ -55,7 +54,7 @@ class MatError {
   });
   static ɵdir = i0.ɵɵngDeclareDirective({
     minVersion: "14.0.0",
-    version: "22.0.0-next.5",
+    version: "22.0.0-next.6",
     type: MatError,
     isStandalone: true,
     selector: "mat-error, [matError]",
@@ -77,7 +76,7 @@ class MatError {
 }
 i0.ɵɵngDeclareClassMetadata({
   minVersion: "12.0.0",
-  version: "22.0.0-next.5",
+  version: "22.0.0-next.6",
   ngImport: i0,
   type: MatError,
   decorators: [{
@@ -94,7 +93,6 @@ i0.ɵɵngDeclareClassMetadata({
       }]
     }]
   }],
-  ctorParameters: () => [],
   propDecorators: {
     id: [{
       type: Input
@@ -107,7 +105,7 @@ class MatHint {
   id = inject(_IdGenerator).getId('mat-mdc-hint-');
   static ɵfac = i0.ɵɵngDeclareFactory({
     minVersion: "12.0.0",
-    version: "22.0.0-next.5",
+    version: "22.0.0-next.6",
     ngImport: i0,
     type: MatHint,
     deps: [],
@@ -115,7 +113,7 @@ class MatHint {
   });
   static ɵdir = i0.ɵɵngDeclareDirective({
     minVersion: "14.0.0",
-    version: "22.0.0-next.5",
+    version: "22.0.0-next.6",
     type: MatHint,
     isStandalone: true,
     selector: "mat-hint",
@@ -136,7 +134,7 @@ class MatHint {
 }
 i0.ɵɵngDeclareClassMetadata({
   minVersion: "12.0.0",
-  version: "22.0.0-next.5",
+  version: "22.0.0-next.6",
   ngImport: i0,
   type: MatHint,
   decorators: [{
@@ -169,7 +167,7 @@ class MatPrefix {
   _isText = false;
   static ɵfac = i0.ɵɵngDeclareFactory({
     minVersion: "12.0.0",
-    version: "22.0.0-next.5",
+    version: "22.0.0-next.6",
     ngImport: i0,
     type: MatPrefix,
     deps: [],
@@ -177,7 +175,7 @@ class MatPrefix {
   });
   static ɵdir = i0.ɵɵngDeclareDirective({
     minVersion: "14.0.0",
-    version: "22.0.0-next.5",
+    version: "22.0.0-next.6",
     type: MatPrefix,
     isStandalone: true,
     selector: "[matPrefix], [matIconPrefix], [matTextPrefix]",
@@ -193,7 +191,7 @@ class MatPrefix {
 }
 i0.ɵɵngDeclareClassMetadata({
   minVersion: "12.0.0",
-  version: "22.0.0-next.5",
+  version: "22.0.0-next.6",
   ngImport: i0,
   type: MatPrefix,
   decorators: [{
@@ -222,7 +220,7 @@ class MatSuffix {
   _isText = false;
   static ɵfac = i0.ɵɵngDeclareFactory({
     minVersion: "12.0.0",
-    version: "22.0.0-next.5",
+    version: "22.0.0-next.6",
     ngImport: i0,
     type: MatSuffix,
     deps: [],
@@ -230,7 +228,7 @@ class MatSuffix {
   });
   static ɵdir = i0.ɵɵngDeclareDirective({
     minVersion: "14.0.0",
-    version: "22.0.0-next.5",
+    version: "22.0.0-next.6",
     type: MatSuffix,
     isStandalone: true,
     selector: "[matSuffix], [matIconSuffix], [matTextSuffix]",
@@ -246,7 +244,7 @@ class MatSuffix {
 }
 i0.ɵɵngDeclareClassMetadata({
   minVersion: "12.0.0",
-  version: "22.0.0-next.5",
+  version: "22.0.0-next.6",
   ngImport: i0,
   type: MatSuffix,
   decorators: [{
@@ -296,7 +294,6 @@ class MatFormFieldFloatingLabel {
   _ngZone = inject(NgZone);
   _parent = inject(FLOATING_LABEL_PARENT);
   _resizeSubscription = new Subscription();
-  constructor() {}
   ngOnDestroy() {
     this._resizeSubscription.unsubscribe();
   }
@@ -319,7 +316,7 @@ class MatFormFieldFloatingLabel {
   }
   static ɵfac = i0.ɵɵngDeclareFactory({
     minVersion: "12.0.0",
-    version: "22.0.0-next.5",
+    version: "22.0.0-next.6",
     ngImport: i0,
     type: MatFormFieldFloatingLabel,
     deps: [],
@@ -327,7 +324,7 @@ class MatFormFieldFloatingLabel {
   });
   static ɵdir = i0.ɵɵngDeclareDirective({
     minVersion: "14.0.0",
-    version: "22.0.0-next.5",
+    version: "22.0.0-next.6",
     type: MatFormFieldFloatingLabel,
     isStandalone: true,
     selector: "label[matFormFieldFloatingLabel]",
@@ -346,7 +343,7 @@ class MatFormFieldFloatingLabel {
 }
 i0.ɵɵngDeclareClassMetadata({
   minVersion: "12.0.0",
-  version: "22.0.0-next.5",
+  version: "22.0.0-next.6",
   ngImport: i0,
   type: MatFormFieldFloatingLabel,
   decorators: [{
@@ -359,7 +356,6 @@ i0.ɵɵngDeclareClassMetadata({
       }
     }]
   }],
-  ctorParameters: () => [],
   propDecorators: {
     floating: [{
       type: Input
@@ -415,7 +411,7 @@ class MatFormFieldLineRipple {
   }
   static ɵfac = i0.ɵɵngDeclareFactory({
     minVersion: "12.0.0",
-    version: "22.0.0-next.5",
+    version: "22.0.0-next.6",
     ngImport: i0,
     type: MatFormFieldLineRipple,
     deps: [],
@@ -423,7 +419,7 @@ class MatFormFieldLineRipple {
   });
   static ɵdir = i0.ɵɵngDeclareDirective({
     minVersion: "14.0.0",
-    version: "22.0.0-next.5",
+    version: "22.0.0-next.6",
     type: MatFormFieldLineRipple,
     isStandalone: true,
     selector: "div[matFormFieldLineRipple]",
@@ -435,7 +431,7 @@ class MatFormFieldLineRipple {
 }
 i0.ɵɵngDeclareClassMetadata({
   minVersion: "12.0.0",
-  version: "22.0.0-next.5",
+  version: "22.0.0-next.6",
   ngImport: i0,
   type: MatFormFieldLineRipple,
   decorators: [{
@@ -485,7 +481,7 @@ class MatFormFieldNotchedOutline {
   }
   static ɵfac = i0.ɵɵngDeclareFactory({
     minVersion: "12.0.0",
-    version: "22.0.0-next.5",
+    version: "22.0.0-next.6",
     ngImport: i0,
     type: MatFormFieldNotchedOutline,
     deps: [],
@@ -493,7 +489,7 @@ class MatFormFieldNotchedOutline {
   });
   static ɵcmp = i0.ɵɵngDeclareComponent({
     minVersion: "14.0.0",
-    version: "22.0.0-next.5",
+    version: "22.0.0-next.6",
     type: MatFormFieldNotchedOutline,
     isStandalone: true,
     selector: "div[matFormFieldNotchedOutline]",
@@ -520,7 +516,7 @@ class MatFormFieldNotchedOutline {
 }
 i0.ɵɵngDeclareClassMetadata({
   minVersion: "12.0.0",
-  version: "22.0.0-next.5",
+  version: "22.0.0-next.6",
   ngImport: i0,
   type: MatFormFieldNotchedOutline,
   decorators: [{
@@ -567,7 +563,7 @@ class MatFormFieldControl {
   describedByIds;
   static ɵfac = i0.ɵɵngDeclareFactory({
     minVersion: "12.0.0",
-    version: "22.0.0-next.5",
+    version: "22.0.0-next.6",
     ngImport: i0,
     type: MatFormFieldControl,
     deps: [],
@@ -575,7 +571,7 @@ class MatFormFieldControl {
   });
   static ɵdir = i0.ɵɵngDeclareDirective({
     minVersion: "14.0.0",
-    version: "22.0.0-next.5",
+    version: "22.0.0-next.6",
     type: MatFormFieldControl,
     isStandalone: true,
     ngImport: i0
@@ -583,7 +579,7 @@ class MatFormFieldControl {
 }
 i0.ɵɵngDeclareClassMetadata({
   minVersion: "12.0.0",
-  version: "22.0.0-next.5",
+  version: "22.0.0-next.6",
   ngImport: i0,
   type: MatFormFieldControl,
   decorators: [{
@@ -1011,7 +1007,7 @@ class MatFormField {
   }
   static ɵfac = i0.ɵɵngDeclareFactory({
     minVersion: "12.0.0",
-    version: "22.0.0-next.5",
+    version: "22.0.0-next.6",
     ngImport: i0,
     type: MatFormField,
     deps: [],
@@ -1019,7 +1015,7 @@ class MatFormField {
   });
   static ɵcmp = i0.ɵɵngDeclareComponent({
     minVersion: "17.0.0",
-    version: "22.0.0-next.5",
+    version: "22.0.0-next.6",
     type: MatFormField,
     isStandalone: true,
     selector: "mat-form-field",
@@ -1190,7 +1186,7 @@ class MatFormField {
 }
 i0.ɵɵngDeclareClassMetadata({
   minVersion: "12.0.0",
-  version: "22.0.0-next.5",
+  version: "22.0.0-next.6",
   ngImport: i0,
   type: MatFormField,
   decorators: [{