@angular/material 19.0.0-next.8 → 19.0.0-next.9

package/schematics/ng-generate/{m3-theme → theme-color}/schema.json

@@ -1,7 +1,7 @@
 {
   "$schema": "http://json-schema.org/draft-07/schema",
   "$id": "SchematicsMaterialM3Theme",
-  "title": "Material 3 Theme Schema",
+  "title": "Material 3 Theme Color Schema",
   "type": "object",
   "properties": {
     "primaryColor": {
@@ -24,22 +24,16 @@
       "description": "Color for neutral color palette",
       "x-prompt": "What HEX color should be used represent the neutral color palette? (Leave blank to use generated colors from Material)"
     },
-    "directory": {
-      "type": "string",
-      "description": "Workspace-relative path to a directory where generated theme file will be created",
-      "x-prompt": "What is the directory you want to place the generated theme file in? (Enter the relative path such as 'src/app/styles/' or leave blank to generate at your project root)"
-    },
-    "useSystemVariables": {
+    "includeHighContrast": {
       "type": "boolean",
       "default": false,
-      "description": "Whether to use system-level variables for the theme.",
-      "x-prompt": "Do you want to use system-level variables in the theme? System-level variables make dynamic theming easier through CSS custom properties, but increase the bundle size."
+      "description": "Whether to create high contrast override theme mixins",
+      "x-prompt": "Do you want to generate high contrast value override mixins for your themes?. Providing a high contrast version of your theme when a user specifies helps increase the accesibility of your application."
     },
-    "themeTypes": {
+    "directory": {
       "type": "string",
-      "enum": ["light", "dark", "both"],
-      "description": "The components to migrate.",
-      "x-prompt": "Choose light, dark, or both to generate the corresponding themes"
+      "description": "Workspace-relative path to a directory where generated theme file will be created",
+      "x-prompt": "What is the directory you want to place the generated theme file in? (Enter the relative path such as 'src/app/styles/' or leave blank to generate at your project root)"
     }
   }
 }

package/select/_select-theme.scss

@@ -13,8 +13,7 @@
 @mixin base($theme) {
   @if inspection.get-theme-version($theme) == 1 {
     @include _theme-from-tokens(inspection.get-theme-tokens($theme, base));
-  }
-  @else {
+  } @else {
     @include sass-utils.current-selector-or-root() {
       $mat-tokens: tokens-mat-select.get-unthemable-tokens();
       @include token-utils.create-token-values(tokens-mat-select.$prefix, $mat-tokens);
@@ -30,20 +29,25 @@
 @mixin color($theme, $options...) {
   @if inspection.get-theme-version($theme) == 1 {
     @include _theme-from-tokens(inspection.get-theme-tokens($theme, color), $options...);
-  }
-  @else {
+  } @else {
     @include sass-utils.current-selector-or-root() {
-      @include token-utils.create-token-values(tokens-mat-select.$prefix,
-        tokens-mat-select.get-color-tokens($theme));
+      @include token-utils.create-token-values(
+        tokens-mat-select.$prefix,
+        tokens-mat-select.get-color-tokens($theme)
+      );
 
       .mat-mdc-form-field.mat-accent {
-        @include token-utils.create-token-values(tokens-mat-select.$prefix,
-          tokens-mat-select.get-color-tokens($theme, accent));
+        @include token-utils.create-token-values(
+          tokens-mat-select.$prefix,
+          tokens-mat-select.get-color-tokens($theme, accent)
+        );
       }
 
       .mat-mdc-form-field.mat-warn {
-        @include token-utils.create-token-values(tokens-mat-select.$prefix,
-          tokens-mat-select.get-color-tokens($theme, warn));
+        @include token-utils.create-token-values(
+          tokens-mat-select.$prefix,
+          tokens-mat-select.get-color-tokens($theme, warn)
+        );
       }
     }
   }
@@ -54,11 +58,12 @@
 @mixin typography($theme) {
   @if inspection.get-theme-version($theme) == 1 {
     @include _theme-from-tokens(inspection.get-theme-tokens($theme, typography));
-  }
-  @else {
+  } @else {
     @include sass-utils.current-selector-or-root() {
-      @include token-utils.create-token-values(tokens-mat-select.$prefix,
-        tokens-mat-select.get-typography-tokens($theme));
+      @include token-utils.create-token-values(
+        tokens-mat-select.$prefix,
+        tokens-mat-select.get-typography-tokens($theme)
+      );
     }
   }
 }
@@ -68,11 +73,12 @@
 @mixin density($theme) {
   @if inspection.get-theme-version($theme) == 1 {
     @include _theme-from-tokens(inspection.get-theme-tokens($theme, density));
-  }
-  @else {
+  } @else {
     @include sass-utils.current-selector-or-root() {
-      @include token-utils.create-token-values(tokens-mat-select.$prefix,
-        tokens-mat-select.get-density-tokens($theme));
+      @include token-utils.create-token-values(
+        tokens-mat-select.$prefix,
+        tokens-mat-select.get-density-tokens($theme)
+      );
     }
   }
 }
@@ -82,7 +88,10 @@
 @mixin overrides($tokens: ()) {
   @include token-utils.batch-create-token-values(
     $tokens,
-    (prefix: tokens-mat-select.$prefix, tokens: tokens-mat-select.get-token-slots()),
+    (
+      namespace: tokens-mat-select.$prefix,
+      tokens: tokens-mat-select.get-token-slots(),
+    )
   );
 }
 
@@ -95,8 +104,7 @@
   @include theming.private-check-duplicate-theme-styles($theme, 'mat-select') {
     @if inspection.get-theme-version($theme) == 1 {
       @include _theme-from-tokens(inspection.get-theme-tokens($theme), $options...);
-    }
-    @else {
+    } @else {
       @include base($theme);
       @if inspection.theme-has($theme, color) {
         @include color($theme);
@@ -113,7 +121,8 @@
 
 @mixin _theme-from-tokens($tokens, $options...) {
   @include validation.selector-defined(
-      'Calls to Angular Material theme mixins with an M3 theme must be wrapped in a selector');
+    'Calls to Angular Material theme mixins with an M3 theme must be wrapped in a selector'
+  );
   $mat-select-tokens: token-utils.get-tokens-for($tokens, tokens-mat-select.$prefix, $options...);
   @include token-utils.create-token-values(tokens-mat-select.$prefix, $mat-select-tokens);
 }

package/sidenav/_sidenav-theme.scss

@@ -9,11 +9,12 @@
 @mixin base($theme) {
   @if inspection.get-theme-version($theme) == 1 {
     @include _theme-from-tokens(inspection.get-theme-tokens($theme, base));
-  }
-  @else {
+  } @else {
     @include sass-utils.current-selector-or-root() {
       @include token-utils.create-token-values(
-          tokens-mat-sidenav.$prefix, tokens-mat-sidenav.get-unthemable-tokens());
+        tokens-mat-sidenav.$prefix,
+        tokens-mat-sidenav.get-unthemable-tokens()
+      );
     }
   }
 }
@@ -21,11 +22,12 @@
 @mixin color($theme) {
   @if inspection.get-theme-version($theme) == 1 {
     @include _theme-from-tokens(inspection.get-theme-tokens($theme, color));
-  }
-  @else {
+  } @else {
     @include sass-utils.current-selector-or-root() {
-      @include token-utils.create-token-values(tokens-mat-sidenav.$prefix,
-        tokens-mat-sidenav.get-color-tokens($theme));
+      @include token-utils.create-token-values(
+        tokens-mat-sidenav.$prefix,
+        tokens-mat-sidenav.get-color-tokens($theme)
+      );
     }
   }
 }
@@ -33,21 +35,24 @@
 @mixin typography($theme) {
   @if inspection.get-theme-version($theme) == 1 {
     @include _theme-from-tokens(inspection.get-theme-tokens($theme, typography));
+  } @else {
   }
-  @else {}
 }
 
 @mixin density($theme) {
   @if inspection.get-theme-version($theme) == 1 {
     @include _theme-from-tokens(inspection.get-theme-tokens($theme, density));
+  } @else {
   }
-  @else {}
 }
 
 @mixin overrides($tokens: ()) {
   @include token-utils.batch-create-token-values(
     $tokens,
-    (prefix: tokens-mat-sidenav.$prefix, tokens: tokens-mat-sidenav.get-token-slots()),
+    (
+      namespace: tokens-mat-sidenav.$prefix,
+      tokens: tokens-mat-sidenav.get-token-slots(),
+    )
   );
 }
 
@@ -55,8 +60,7 @@
   @include theming.private-check-duplicate-theme-styles($theme, 'mat-sidenav') {
     @if inspection.get-theme-version($theme) == 1 {
       @include _theme-from-tokens(inspection.get-theme-tokens($theme));
-    }
-    @else {
+    } @else {
       @include base($theme);
       @if inspection.theme-has($theme, color) {
         @include color($theme);
@@ -73,9 +77,12 @@
 
 @mixin _theme-from-tokens($tokens) {
   @include validation.selector-defined(
-      'Calls to Angular Material theme mixins with an M3 theme must be wrapped in a selector');
+    'Calls to Angular Material theme mixins with an M3 theme must be wrapped in a selector'
+  );
   @if ($tokens != ()) {
     @include token-utils.create-token-values(
-        tokens-mat-sidenav.$prefix, map.get($tokens, tokens-mat-sidenav.$prefix));
+      tokens-mat-sidenav.$prefix,
+      map.get($tokens, tokens-mat-sidenav.$prefix)
+    );
   }
 }

package/slide-toggle/_slide-toggle-theme.scss

@@ -15,12 +15,16 @@
     @include _theme-from-tokens(inspection.get-theme-tokens($theme, base));
   } @else {
     @include sass-utils.current-selector-or-root() {
-      @include token-utils.create-token-values(tokens-mdc-switch.$prefix,
-        tokens-mdc-switch.get-unthemable-tokens());
+      @include token-utils.create-token-values(
+        tokens-mdc-switch.$prefix,
+        tokens-mdc-switch.get-unthemable-tokens()
+      );
 
       .mat-mdc-slide-toggle {
-        @include token-utils.create-token-values(tokens-mat-switch.$prefix,
-          tokens-mat-switch.get-unthemable-tokens());
+        @include token-utils.create-token-values(
+          tokens-mat-switch.$prefix,
+          tokens-mat-switch.get-unthemable-tokens()
+        );
       }
     }
   }
@@ -39,8 +43,10 @@
 
     // Add values for MDC slide toggles tokens
     @include sass-utils.current-selector-or-root() {
-      @include token-utils.create-token-values(tokens-mdc-switch.$prefix,
-        tokens-mdc-switch.get-color-tokens($theme));
+      @include token-utils.create-token-values(
+        tokens-mdc-switch.$prefix,
+        tokens-mdc-switch.get-color-tokens($theme)
+      );
 
       & {
         // TODO(wagnermaciel): Use our token system to define this css variable.
@@ -52,18 +58,24 @@
       }
 
       .mat-mdc-slide-toggle {
-        @include token-utils.create-token-values(tokens-mat-switch.$prefix,
-          tokens-mat-switch.get-color-tokens($theme));
+        @include token-utils.create-token-values(
+          tokens-mat-switch.$prefix,
+          tokens-mat-switch.get-color-tokens($theme)
+        );
 
         // Change the color palette related tokens to accent or warn if applicable
         &.mat-accent {
-          @include token-utils.create-token-values(tokens-mdc-switch.$prefix,
-            tokens-mdc-switch.private-get-color-palette-color-tokens($theme, accent));
+          @include token-utils.create-token-values(
+            tokens-mdc-switch.$prefix,
+            tokens-mdc-switch.private-get-color-palette-color-tokens($theme, accent)
+          );
         }
 
         &.mat-warn {
-          @include token-utils.create-token-values(tokens-mdc-switch.$prefix,
-            tokens-mdc-switch.private-get-color-palette-color-tokens($theme, warn));
+          @include token-utils.create-token-values(
+            tokens-mdc-switch.$prefix,
+            tokens-mdc-switch.private-get-color-palette-color-tokens($theme, warn)
+          );
         }
       }
     }
@@ -77,12 +89,16 @@
     @include _theme-from-tokens(inspection.get-theme-tokens($theme, typography));
   } @else {
     @include sass-utils.current-selector-or-root() {
-      @include token-utils.create-token-values(tokens-mdc-switch.$prefix,
-        tokens-mdc-switch.get-typography-tokens($theme));
+      @include token-utils.create-token-values(
+        tokens-mdc-switch.$prefix,
+        tokens-mdc-switch.get-typography-tokens($theme)
+      );
 
       .mat-mdc-slide-toggle {
-        @include token-utils.create-token-values(tokens-mat-switch.$prefix,
-          tokens-mat-switch.get-typography-tokens($theme));
+        @include token-utils.create-token-values(
+          tokens-mat-switch.$prefix,
+          tokens-mat-switch.get-typography-tokens($theme)
+        );
       }
     }
   }
@@ -95,12 +111,16 @@
     @include _theme-from-tokens(inspection.get-theme-tokens($theme, density));
   } @else {
     @include sass-utils.current-selector-or-root() {
-      @include token-utils.create-token-values(tokens-mdc-switch.$prefix,
-        tokens-mdc-switch.get-density-tokens($theme));
+      @include token-utils.create-token-values(
+        tokens-mdc-switch.$prefix,
+        tokens-mdc-switch.get-density-tokens($theme)
+      );
 
       .mat-mdc-slide-toggle {
-        @include token-utils.create-token-values(tokens-mat-switch.$prefix,
-          tokens-mat-switch.get-density-tokens($theme));
+        @include token-utils.create-token-values(
+          tokens-mat-switch.$prefix,
+          tokens-mat-switch.get-density-tokens($theme)
+        );
       }
     }
   }
@@ -112,11 +132,11 @@
   @include token-utils.batch-create-token-values(
     $tokens,
     (
-      prefix: tokens-mat-switch.$prefix,
+      namespace: tokens-mat-switch.$prefix,
       tokens: tokens-mat-switch.get-token-slots(),
     ),
     (
-      prefix: tokens-mdc-switch.$prefix,
+      namespace: tokens-mdc-switch.$prefix,
       tokens: tokens-mdc-switch.get-token-slots(),
     )
   );

package/slider/_slider-theme.scss

@@ -13,13 +13,16 @@
 @mixin base($theme) {
   @if inspection.get-theme-version($theme) == 1 {
     @include _theme-from-tokens(inspection.get-theme-tokens($theme, base));
-  }
-  @else {
+  } @else {
     @include sass-utils.current-selector-or-root() {
-      @include token-utils.create-token-values(tokens-mdc-slider.$prefix,
-        tokens-mdc-slider.get-unthemable-tokens());
-      @include token-utils.create-token-values(tokens-mat-slider.$prefix,
-        tokens-mat-slider.get-unthemable-tokens());
+      @include token-utils.create-token-values(
+        tokens-mdc-slider.$prefix,
+        tokens-mdc-slider.get-unthemable-tokens()
+      );
+      @include token-utils.create-token-values(
+        tokens-mat-slider.$prefix,
+        tokens-mat-slider.get-unthemable-tokens()
+      );
     }
   }
 }
@@ -32,57 +35,68 @@
 @mixin color($theme, $options...) {
   @if inspection.get-theme-version($theme) == 1 {
     @include _theme-from-tokens(inspection.get-theme-tokens($theme, color), $options...);
-  }
-  @else {
+  } @else {
     @include sass-utils.current-selector-or-root() {
-      @include token-utils.create-token-values(tokens-mdc-slider.$prefix,
-        tokens-mdc-slider.get-color-tokens($theme));
-      @include token-utils.create-token-values(tokens-mat-slider.$prefix,
-        tokens-mat-slider.get-color-tokens($theme));
+      @include token-utils.create-token-values(
+        tokens-mdc-slider.$prefix,
+        tokens-mdc-slider.get-color-tokens($theme)
+      );
+      @include token-utils.create-token-values(
+        tokens-mat-slider.$prefix,
+        tokens-mat-slider.get-color-tokens($theme)
+      );
 
       .mat-accent {
-        @include token-utils.create-token-values(tokens-mdc-slider.$prefix,
-          tokens-mdc-slider.private-get-color-palette-color-tokens($theme, accent));
-        @include token-utils.create-token-values(tokens-mat-slider.$prefix,
-          tokens-mat-slider.private-get-color-palette-color-tokens($theme, accent));
+        @include token-utils.create-token-values(
+          tokens-mdc-slider.$prefix,
+          tokens-mdc-slider.private-get-color-palette-color-tokens($theme, accent)
+        );
+        @include token-utils.create-token-values(
+          tokens-mat-slider.$prefix,
+          tokens-mat-slider.private-get-color-palette-color-tokens($theme, accent)
+        );
       }
 
       .mat-warn {
-        @include token-utils.create-token-values(tokens-mdc-slider.$prefix,
-          tokens-mdc-slider.private-get-color-palette-color-tokens($theme, warn));
-        @include token-utils.create-token-values(tokens-mat-slider.$prefix,
-          tokens-mat-slider.private-get-color-palette-color-tokens($theme, warn));
+        @include token-utils.create-token-values(
+          tokens-mdc-slider.$prefix,
+          tokens-mdc-slider.private-get-color-palette-color-tokens($theme, warn)
+        );
+        @include token-utils.create-token-values(
+          tokens-mat-slider.$prefix,
+          tokens-mat-slider.private-get-color-palette-color-tokens($theme, warn)
+        );
       }
     }
   }
 }
 
-
 /// Outputs typography theme styles for the mat-slider.
 /// @param {Map} $theme The theme to generate typography styles for.
 @mixin typography($theme) {
   @if inspection.get-theme-version($theme) == 1 {
     @include _theme-from-tokens(inspection.get-theme-tokens($theme, typography));
-  }
-  @else {
+  } @else {
     @include sass-utils.current-selector-or-root() {
-      @include token-utils.create-token-values(tokens-mdc-slider.$prefix,
-        tokens-mdc-slider.get-typography-tokens($theme));
+      @include token-utils.create-token-values(
+        tokens-mdc-slider.$prefix,
+        tokens-mdc-slider.get-typography-tokens($theme)
+      );
     }
   }
 }
 
-
 /// Outputs density theme styles for the mat-slider.
 /// @param {Map} $theme The theme to generate density styles for.
 @mixin density($theme) {
   @if inspection.get-theme-version($theme) == 1 {
     @include _theme-from-tokens(inspection.get-theme-tokens($theme, density));
-  }
-  @else {
+  } @else {
     @include sass-utils.current-selector-or-root() {
-      @include token-utils.create-token-values(tokens-mdc-slider.$prefix,
-        tokens-mdc-slider.get-density-tokens($theme));
+      @include token-utils.create-token-values(
+        tokens-mdc-slider.$prefix,
+        tokens-mdc-slider.get-density-tokens($theme)
+      );
     }
   }
 }
@@ -92,8 +106,14 @@
 @mixin overrides($tokens: ()) {
   @include token-utils.batch-create-token-values(
     $tokens,
-    (prefix: tokens-mat-slider.$prefix, tokens: tokens-mat-slider.get-token-slots()),
-    (prefix: tokens-mdc-slider.$prefix, tokens: tokens-mdc-slider.get-token-slots()),
+    (
+      namespace: tokens-mat-slider.$prefix,
+      tokens: tokens-mat-slider.get-token-slots(),
+    ),
+    (
+      namespace: tokens-mdc-slider.$prefix,
+      tokens: tokens-mdc-slider.get-token-slots(),
+    )
   );
 }
 
@@ -106,8 +126,7 @@
   @include theming.private-check-duplicate-theme-styles($theme, 'mat-slider') {
     @if inspection.get-theme-version($theme) == 1 {
       @include _theme-from-tokens(inspection.get-theme-tokens($theme), $options...);
-    }
-    @else {
+    } @else {
       @include base($theme);
       @if inspection.theme-has($theme, color) {
         @include color($theme);
@@ -124,7 +143,8 @@
 
 @mixin _theme-from-tokens($tokens, $options...) {
   @include validation.selector-defined(
-      'Calls to Angular Material theme mixins with an M3 theme must be wrapped in a selector');
+    'Calls to Angular Material theme mixins with an M3 theme must be wrapped in a selector'
+  );
   $mdc-slider-tokens: token-utils.get-tokens-for($tokens, tokens-mdc-slider.$prefix, $options...);
   $mat-slider-tokens: token-utils.get-tokens-for($tokens, tokens-mat-slider.$prefix, $options...);
   @include token-utils.create-token-values(tokens-mdc-slider.$prefix, $mdc-slider-tokens);

package/snack-bar/_snack-bar-theme.scss

@@ -11,8 +11,7 @@
 @mixin base($theme) {
   @if inspection.get-theme-version($theme) == 1 {
     @include _theme-from-tokens(inspection.get-theme-tokens($theme, base));
-  }
-  @else {
+  } @else {
     // Add default values for tokens not related to color, typography, or density.
     @include sass-utils.current-selector-or-root() {
       @include token-utils.create-token-values(
@@ -26,8 +25,7 @@
 @mixin color($theme) {
   @if inspection.get-theme-version($theme) == 1 {
     @include _theme-from-tokens(inspection.get-theme-tokens($theme, color));
-  }
-  @else {
+  } @else {
     @include sass-utils.current-selector-or-root() {
       @include token-utils.create-token-values(
         tokens-mdc-snack-bar.$prefix,
@@ -44,8 +42,7 @@
 @mixin typography($theme) {
   @if inspection.get-theme-version($theme) == 1 {
     @include _theme-from-tokens(inspection.get-theme-tokens($theme, typography));
-  }
-  @else {
+  } @else {
     @include sass-utils.current-selector-or-root() {
       @include token-utils.create-token-values(
         tokens-mdc-snack-bar.$prefix,
@@ -55,15 +52,22 @@
   }
 }
 
-@mixin density($theme) {}
+@mixin density($theme) {
+}
 
 /// Outputs the CSS variable values for the given tokens.
 /// @param {Map} $tokens The token values to emit.
 @mixin overrides($tokens: ()) {
   @include token-utils.batch-create-token-values(
     $tokens,
-    (prefix: tokens-mdc-snack-bar.$prefix, tokens: tokens-mdc-snack-bar.get-token-slots()),
-    (prefix: tokens-mat-snack-bar.$prefix, tokens: tokens-mat-snack-bar.get-token-slots()),
+    (
+      namespace: tokens-mdc-snack-bar.$prefix,
+      tokens: tokens-mdc-snack-bar.get-token-slots(),
+    ),
+    (
+      namespace: tokens-mat-snack-bar.$prefix,
+      tokens: tokens-mat-snack-bar.get-token-slots(),
+    )
   );
 }
 
@@ -71,8 +75,7 @@
   @include theming.private-check-duplicate-theme-styles($theme, 'mat-snack-bar') {
     @if inspection.get-theme-version($theme) == 1 {
       @include _theme-from-tokens(inspection.get-theme-tokens($theme));
-    }
-    @else {
+    } @else {
       @include base($theme);
       @if inspection.theme-has($theme, color) {
         @include color($theme);
@@ -89,11 +92,16 @@
 
 @mixin _theme-from-tokens($tokens) {
   @include validation.selector-defined(
-      'Calls to Angular Material theme mixins with an M3 theme must be wrapped in a selector');
+    'Calls to Angular Material theme mixins with an M3 theme must be wrapped in a selector'
+  );
   @if ($tokens != ()) {
     @include token-utils.create-token-values(
-        tokens-mdc-snack-bar.$prefix, map.get($tokens, tokens-mdc-snack-bar.$prefix));
+      tokens-mdc-snack-bar.$prefix,
+      map.get($tokens, tokens-mdc-snack-bar.$prefix)
+    );
     @include token-utils.create-token-values(
-        tokens-mat-snack-bar.$prefix, map.get($tokens, tokens-mat-snack-bar.$prefix));
+      tokens-mat-snack-bar.$prefix,
+      map.get($tokens, tokens-mat-snack-bar.$prefix)
+    );
   }
 }

package/sort/_sort-theme.scss

@@ -10,18 +10,19 @@
 @mixin base($theme) {
   @if inspection.get-theme-version($theme) == 1 {
     @include _theme-from-tokens(inspection.get-theme-tokens($theme, base));
+  } @else {
   }
-  @else {}
 }
 
 @mixin color($theme) {
   @if inspection.get-theme-version($theme) == 1 {
     @include _theme-from-tokens(inspection.get-theme-tokens($theme, color));
-  }
-  @else {
+  } @else {
     @include sass-utils.current-selector-or-root() {
-      @include token-utils.create-token-values(tokens-mat-sort.$prefix,
-        tokens-mat-sort.get-color-tokens($theme));
+      @include token-utils.create-token-values(
+        tokens-mat-sort.$prefix,
+        tokens-mat-sort.get-color-tokens($theme)
+      );
     }
   }
 }
@@ -29,11 +30,12 @@
 @mixin typography($theme) {
   @if inspection.get-theme-version($theme) == 1 {
     @include _theme-from-tokens(inspection.get-theme-tokens($theme, typography));
-  }
-  @else {
+  } @else {
     @include sass-utils.current-selector-or-root() {
-      @include token-utils.create-token-values(tokens-mat-sort.$prefix,
-        tokens-mat-sort.get-typography-tokens($theme));
+      @include token-utils.create-token-values(
+        tokens-mat-sort.$prefix,
+        tokens-mat-sort.get-typography-tokens($theme)
+      );
     }
   }
 }
@@ -41,11 +43,12 @@
 @mixin density($theme) {
   @if inspection.get-theme-version($theme) == 1 {
     @include _theme-from-tokens(inspection.get-theme-tokens($theme, density));
-  }
-  @else {
+  } @else {
     @include sass-utils.current-selector-or-root() {
-      @include token-utils.create-token-values(tokens-mat-sort.$prefix,
-        tokens-mat-sort.get-density-tokens($theme));
+      @include token-utils.create-token-values(
+        tokens-mat-sort.$prefix,
+        tokens-mat-sort.get-density-tokens($theme)
+      );
     }
   }
 }
@@ -53,7 +56,10 @@
 @mixin overrides($tokens: ()) {
   @include token-utils.batch-create-token-values(
     $tokens,
-    (prefix: tokens-mat-sort.$prefix, tokens: tokens-mat-sort.get-token-slots()),
+    (
+      namespace: tokens-mat-sort.$prefix,
+      tokens: tokens-mat-sort.get-token-slots(),
+    )
   );
 }
 
@@ -61,8 +67,7 @@
   @include theming.private-check-duplicate-theme-styles($theme, 'mat-sort') {
     @if inspection.get-theme-version($theme) == 1 {
       @include _theme-from-tokens(inspection.get-theme-tokens($theme));
-    }
-    @else {
+    } @else {
       @include base($theme);
       @if inspection.theme-has($theme, color) {
         @include color($theme);
@@ -79,9 +84,12 @@
 
 @mixin _theme-from-tokens($tokens) {
   @include validation.selector-defined(
-      'Calls to Angular Material theme mixins with an M3 theme must be wrapped in a selector');
+    'Calls to Angular Material theme mixins with an M3 theme must be wrapped in a selector'
+  );
   @if ($tokens != ()) {
     @include token-utils.create-token-values(
-        tokens-mat-sort.$prefix, map.get($tokens, tokens-mat-sort.$prefix));
+      tokens-mat-sort.$prefix,
+      map.get($tokens, tokens-mat-sort.$prefix)
+    );
   }
 }