@angular/material 19.0.0-next.8 → 19.0.0-rc.0

package/timepicker/_timepicker-theme.scss

@@ -13,11 +13,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-timepicker.$prefix,
-        tokens-mat-timepicker.get-unthemable-tokens());
+      @include token-utils.create-token-values(
+        tokens-mat-timepicker.$prefix,
+        tokens-mat-timepicker.get-unthemable-tokens()
+      );
     }
   }
 }
@@ -30,11 +31,12 @@
 @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-timepicker.$prefix,
-        tokens-mat-timepicker.get-color-tokens($theme));
+      @include token-utils.create-token-values(
+        tokens-mat-timepicker.$prefix,
+        tokens-mat-timepicker.get-color-tokens($theme)
+      );
     }
   }
 }
@@ -44,11 +46,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-timepicker.$prefix,
-        tokens-mat-timepicker.get-typography-tokens($theme));
+      @include token-utils.create-token-values(
+        tokens-mat-timepicker.$prefix,
+        tokens-mat-timepicker.get-typography-tokens($theme)
+      );
     }
   }
 }
@@ -58,22 +61,30 @@
 @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-timepicker.$prefix,
-        tokens-mat-timepicker.get-density-tokens($theme));
+      @include token-utils.create-token-values(
+        tokens-mat-timepicker.$prefix,
+        tokens-mat-timepicker.get-density-tokens($theme)
+      );
     }
   }
 }
 
+/// Defines the tokens that will be available in the `overrides` mixin and for docs extraction.
+@function _define-overrides() {
+  @return (
+    (
+      namespace: tokens-mat-timepicker.$prefix,
+      tokens: tokens-mat-timepicker.get-token-slots(),
+    ),
+  );
+}
+
 /// 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-mat-timepicker.$prefix, tokens: tokens-mat-timepicker.get-token-slots()),
-  );
+  @include token-utils.batch-create-token-values($tokens, _define-overrides()...);
 }
 
 /// Outputs all (base, color, typography, and density) theme styles for the mat-timepicker.
@@ -85,8 +96,7 @@
   @include theming.private-check-duplicate-theme-styles($theme, 'mat-timepicker') {
     @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);
@@ -103,9 +113,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-timepicker.$prefix, map.get($tokens, tokens-mat-timepicker.$prefix));
+      tokens-mat-timepicker.$prefix,
+      map.get($tokens, tokens-mat-timepicker.$prefix)
+    );
   }
 }

package/toolbar/_toolbar-theme.scss

@@ -17,16 +17,18 @@
   );
 }
 
-@mixin base($theme) {}
+@mixin base($theme) {
+}
 
 @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-toolbar.$prefix,
-        tokens-mat-toolbar.get-color-tokens($theme));
+      @include token-utils.create-token-values(
+        tokens-mat-toolbar.$prefix,
+        tokens-mat-toolbar.get-color-tokens($theme)
+      );
     }
 
     .mat-toolbar {
@@ -48,14 +50,15 @@
 @mixin typography($theme) {
   @if inspection.get-theme-version($theme) == 1 {
     @include _theme-from-tokens(inspection.get-theme-tokens($theme, typography));
-  }
-  @else {
+  } @else {
     // TODO(mmalerba): Stop calling this and resolve resulting screen diffs.
     $theme: inspection.private-get-typography-back-compat-theme($theme);
 
     @include sass-utils.current-selector-or-root() {
-      @include token-utils.create-token-values(tokens-mat-toolbar.$prefix,
-        tokens-mat-toolbar.get-typography-tokens($theme));
+      @include token-utils.create-token-values(
+        tokens-mat-toolbar.$prefix,
+        tokens-mat-toolbar.get-typography-tokens($theme)
+      );
     }
   }
 }
@@ -63,30 +66,37 @@
 @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-toolbar.$prefix,
-        tokens-mat-toolbar.get-density-tokens($theme));
+      @include token-utils.create-token-values(
+        tokens-mat-toolbar.$prefix,
+        tokens-mat-toolbar.get-density-tokens($theme)
+      );
     }
   }
 }
 
+/// Defines the tokens that will be available in the `overrides` mixin and for docs extraction.
+@function _define-overrides() {
+  @return (
+    (
+      namespace: tokens-mat-toolbar.$prefix,
+      tokens: tokens-mat-toolbar.get-token-slots(),
+    ),
+  );
+}
+
 /// 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-mat-toolbar.$prefix, tokens: tokens-mat-toolbar.get-token-slots()),
-  );
+  @include token-utils.batch-create-token-values($tokens, _define-overrides()...);
 }
 
 @mixin theme($theme) {
   @include theming.private-check-duplicate-theme-styles($theme, 'mat-toolbar') {
     @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);
@@ -103,9 +113,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-toolbar.$prefix,
-      map.get($tokens, tokens-mat-toolbar.$prefix));
+    @include token-utils.create-token-values(
+      tokens-mat-toolbar.$prefix,
+      map.get($tokens, tokens-mat-toolbar.$prefix)
+    );
   }
 }

package/tooltip/_tooltip-theme.scss

@@ -9,8 +9,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(
@@ -24,8 +23,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-plain-tooltip.$prefix,
@@ -38,8 +36,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-plain-tooltip.$prefix,
@@ -52,8 +49,7 @@
 @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-plain-tooltip.$prefix,
@@ -63,19 +59,25 @@
   }
 }
 
-@mixin overrides($tokens: ()) {
-  @include token-utils.batch-create-token-values(
-    $tokens,
-    (prefix: tokens-mdc-plain-tooltip.$prefix, tokens: tokens-mdc-plain-tooltip.get-token-slots()),
+/// Defines the tokens that will be available in the `overrides` mixin and for docs extraction.
+@function _define-overrides() {
+  @return (
+    (
+      namespace: tokens-mdc-plain-tooltip.$prefix,
+      tokens: tokens-mdc-plain-tooltip.get-token-slots(),
+    ),
   );
 }
 
+@mixin overrides($tokens: ()) {
+  @include token-utils.batch-create-token-values($tokens, _define-overrides()...);
+}
+
 @mixin theme($theme) {
   @include theming.private-check-duplicate-theme-styles($theme, 'mat-tooltip') {
     @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);
@@ -92,7 +94,8 @@
 
 @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 != () {
     $tokens: token-utils.get-tokens-for($tokens, tokens-mdc-plain-tooltip.$prefix);
     @include token-utils.create-token-values(tokens-mdc-plain-tooltip.$prefix, $tokens);

package/tooltip/index.d.ts

@@ -6,10 +6,9 @@ import { Directionality } from '@angular/cdk/bidi';
 import { ElementRef } from '@angular/core';
 import * as i0 from '@angular/core';
 import * as i1 from '@angular/cdk/a11y';
-import * as i2 from '@angular/common';
-import * as i3 from '@angular/cdk/overlay';
-import * as i4 from '@angular/material/core';
-import * as i6 from '@angular/cdk/scrolling';
+import * as i2 from '@angular/cdk/overlay';
+import * as i3 from '@angular/material/core';
+import * as i5 from '@angular/cdk/scrolling';
 import { InjectionToken } from '@angular/core';
 import { NumberInput } from '@angular/cdk/coercion';
 import { Observable } from 'rxjs';
@@ -26,7 +25,7 @@ import { ScrollStrategy } from '@angular/cdk/overlay';
  */
 export declare function getMatTooltipInvalidPositionError(position: string): Error;
 
-declare namespace i5 {
+declare namespace i4 {
     export {
         getMatTooltipInvalidPositionError,
         MAT_TOOLTIP_SCROLL_STRATEGY_FACTORY,
@@ -253,7 +252,7 @@ export declare interface MatTooltipDefaultOptions {
 
 export declare class MatTooltipModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<MatTooltipModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<MatTooltipModule, never, [typeof i1.A11yModule, typeof i2.CommonModule, typeof i3.OverlayModule, typeof i4.MatCommonModule, typeof i5.MatTooltip, typeof i5.TooltipComponent], [typeof i5.MatTooltip, typeof i5.TooltipComponent, typeof i4.MatCommonModule, typeof i6.CdkScrollableModule]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<MatTooltipModule, never, [typeof i1.A11yModule, typeof i2.OverlayModule, typeof i3.MatCommonModule, typeof i4.MatTooltip, typeof i4.TooltipComponent], [typeof i4.MatTooltip, typeof i4.TooltipComponent, typeof i3.MatCommonModule, typeof i5.CdkScrollableModule]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<MatTooltipModule>;
 }
 

package/tree/_tree-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-tree.$prefix,
-        tokens-mat-tree.get-color-tokens($theme));
+      @include token-utils.create-token-values(
+        tokens-mat-tree.$prefix,
+        tokens-mat-tree.get-color-tokens($theme)
+      );
     }
   }
 }
@@ -29,14 +30,15 @@
 @mixin typography($theme) {
   @if inspection.get-theme-version($theme) == 1 {
     @include _theme-from-tokens(inspection.get-theme-tokens($theme, typography));
-  }
-  @else {
+  } @else {
     // TODO(mmalerba): Stop calling this and resolve resulting screen diffs.
     $theme: inspection.private-get-typography-back-compat-theme($theme);
 
     @include sass-utils.current-selector-or-root() {
-      @include token-utils.create-token-values(tokens-mat-tree.$prefix,
-        tokens-mat-tree.get-typography-tokens($theme));
+      @include token-utils.create-token-values(
+        tokens-mat-tree.$prefix,
+        tokens-mat-tree.get-typography-tokens($theme)
+      );
     }
   }
 }
@@ -44,30 +46,37 @@
 @mixin density($theme) {
   @if inspection.get-theme-version($theme) == 1 {
     @include _theme-from-tokens(inspection.get-theme-tokens($theme, density));
-  }
-  @else {
+  } @else {
     $density-scale: inspection.get-theme-density($theme);
 
     @include sass-utils.current-selector-or-root() {
-      @include token-utils.create-token-values(tokens-mat-tree.$prefix,
-        tokens-mat-tree.get-density-tokens($theme));
+      @include token-utils.create-token-values(
+        tokens-mat-tree.$prefix,
+        tokens-mat-tree.get-density-tokens($theme)
+      );
     }
   }
 }
 
-@mixin overrides($tokens: ()) {
-  @include token-utils.batch-create-token-values(
-    $tokens,
-    (prefix: tokens-mat-tree.$prefix, tokens: tokens-mat-tree.get-token-slots()),
+/// Defines the tokens that will be available in the `overrides` mixin and for docs extraction.
+@function _define-overrides() {
+  @return (
+    (
+      namespace: tokens-mat-tree.$prefix,
+      tokens: tokens-mat-tree.get-token-slots(),
+    ),
   );
 }
 
+@mixin overrides($tokens: ()) {
+  @include token-utils.batch-create-token-values($tokens, _define-overrides()...);
+}
+
 @mixin theme($theme) {
   @include theming.private-check-duplicate-theme-styles($theme, 'mat-tree') {
     @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);
@@ -84,9 +93,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-tree.$prefix, map.get($tokens, tokens-mat-tree.$prefix));
+      tokens-mat-tree.$prefix,
+      map.get($tokens, tokens-mat-tree.$prefix)
+    );
   }
 }