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

package/radio/index.d.ts

@@ -1,12 +1,12 @@
 import { FocusOrigin } from '@angular/cdk/a11y';
 import * as i0 from '@angular/core';
-import { OnInit, AfterViewInit, DoCheck, OnDestroy, ElementRef, EventEmitter, AfterContentInit, QueryList, InjectionToken } from '@angular/core';
+import { InjectionToken, AfterContentInit, OnDestroy, EventEmitter, QueryList, OnInit, AfterViewInit, DoCheck, ElementRef } from '@angular/core';
 import { ControlValueAccessor } from '@angular/forms';
-import { ThemePalette } from '../palette.d-fF1us9u8.js';
-import { MatCommonModule } from '../common-module.d-CUT8AqiB.js';
-import { MatRippleModule } from '../index.d-_XdEyDn3.js';
+import { T as ThemePalette } from '../palette.d-BSSFKjO6.js';
+import { M as MatCommonModule } from '../common-module.d-C8xzHJDr.js';
+import { M as MatRippleModule } from '../index.d-C5neTPvr.js';
 import '@angular/cdk/bidi';
-import '../ripple.d-DBFnJ3Aa.js';
+import '../ripple.d-BT30YVLB.js';
 import '@angular/cdk/platform';
 
 /** Change event object emitted by radio button and radio group. */
@@ -36,10 +36,10 @@ declare const MAT_RADIO_GROUP: InjectionToken<MatRadioGroup>;
 interface MatRadioDefaultOptions {
     /**
      * Theme color of the radio button. This API is supported in M2 themes only, it
-     * has no effect in M3 themes. For color customization in M3, see https://material.angular.io/components/radio/styling.
+     * has no effect in M3 themes. For color customization in M3, see https://material.angular.dev/components/radio/styling.
      *
      * For information on applying color variants in M3, see
-     * https://material.angular.io/guide/material-2-theming#optional-add-backwards-compatibility-styles-for-color-variants
+     * https://material.angular.dev/guide/material-2-theming#optional-add-backwards-compatibility-styles-for-color-variants
      */
     color: ThemePalette;
     /** Whether disabled radio buttons should be interactive. */
@@ -90,10 +90,10 @@ declare class MatRadioGroup implements AfterContentInit, OnDestroy, ControlValue
     _radios: QueryList<MatRadioButton>;
     /**
      * Theme color of the radio buttons in the group. This API is supported in M2
-     * themes only, it has no effect in M3 themes. For color customization in M3, see https://material.angular.io/components/radio/styling.
+     * themes only, it has no effect in M3 themes. For color customization in M3, see https://material.angular.dev/components/radio/styling.
      *
      * For information on applying color variants in M3, see
-     * https://material.angular.io/guide/material-2-theming#optional-add-backwards-compatibility-styles-for-color-variants
+     * https://material.angular.dev/guide/material-2-theming#optional-add-backwards-compatibility-styles-for-color-variants
      */
     color: ThemePalette;
     /** Name of the radio button group. All radio buttons inside this group will use this name. */
@@ -215,10 +215,10 @@ declare class MatRadioButton implements OnInit, AfterViewInit, DoCheck, OnDestro
     set required(value: boolean);
     /**
      * Theme color of the radio button. This API is supported in M2 themes only, it
-     * has no effect in M3 themes. For color customization in M3, see https://material.angular.io/components/radio/styling.
+     * has no effect in M3 themes. For color customization in M3, see https://material.angular.dev/components/radio/styling.
      *
      * For information on applying color variants in M3, see
-     * https://material.angular.io/guide/material-2-theming#optional-add-backwards-compatibility-styles-for-color-variants
+     * https://material.angular.dev/guide/material-2-theming#optional-add-backwards-compatibility-styles-for-color-variants
      */
     get color(): ThemePalette;
     set color(newValue: ThemePalette);

package/radio/testing/index.d.ts

@@ -70,8 +70,8 @@ declare class MatRadioButtonHarness extends ComponentHarness {
      * @return a `HarnessPredicate` configured with the given options.
      */
     static with<T extends MatRadioButtonHarness>(this: ComponentHarnessConstructor<T>, options?: RadioButtonHarnessFilters): HarnessPredicate<T>;
-    protected _textLabel: _angular_cdk_testing.AsyncFactoryFn<_angular_cdk_testing.TestElement>;
-    protected _clickLabel: _angular_cdk_testing.AsyncFactoryFn<_angular_cdk_testing.TestElement>;
+    protected _textLabel: () => Promise<_angular_cdk_testing.TestElement>;
+    protected _clickLabel: () => Promise<_angular_cdk_testing.TestElement>;
     private _input;
     /** Whether the radio-button is checked. */
     isChecked(): Promise<boolean>;

package/{ripple-loader.d-DL-hT7NH.d.ts → ripple-loader.d-9me-KFSi.d.ts}

@@ -45,4 +45,4 @@ declare class MatRippleLoader implements OnDestroy {
     static ɵprov: i0.ɵɵInjectableDeclaration<MatRippleLoader>;
 }
 
-export { MatRippleLoader };
+export { MatRippleLoader as M };

package/{ripple.d-DBFnJ3Aa.d.ts → ripple.d-BT30YVLB.d.ts}

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { NgZone, ElementRef, Injector, OnInit, OnDestroy, InjectionToken } from '@angular/core';
+import { NgZone, ElementRef, Injector, InjectionToken, OnInit, OnDestroy } from '@angular/core';
 import { Platform } from '@angular/cdk/platform';
 
 /** Possible states for a ripple element. */
@@ -252,5 +252,5 @@ declare class MatRipple implements OnInit, OnDestroy, RippleTarget {
     static ɵdir: i0.ɵɵDirectiveDeclaration<MatRipple, "[mat-ripple], [matRipple]", ["matRipple"], { "color": { "alias": "matRippleColor"; "required": false; }; "unbounded": { "alias": "matRippleUnbounded"; "required": false; }; "centered": { "alias": "matRippleCentered"; "required": false; }; "radius": { "alias": "matRippleRadius"; "required": false; }; "animation": { "alias": "matRippleAnimation"; "required": false; }; "disabled": { "alias": "matRippleDisabled"; "required": false; }; "trigger": { "alias": "matRippleTrigger"; "required": false; }; }, {}, never, never, true, never>;
 }
 
-export { MAT_RIPPLE_GLOBAL_OPTIONS, MatRipple, RippleRef, RippleRenderer, RippleState, defaultRippleAnimationConfig };
-export type { RippleAnimationConfig, RippleConfig, RippleGlobalOptions, RippleTarget };
+export { MatRipple as M, RippleRenderer as a, MAT_RIPPLE_GLOBAL_OPTIONS as c, defaultRippleAnimationConfig as d, RippleState as e, RippleRef as h };
+export type { RippleGlobalOptions as R, RippleTarget as b, RippleConfig as f, RippleAnimationConfig as g };

package/schematics/ng-add/fonts/material-fonts.js

@@ -10,11 +10,11 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.addFontsToIndex = addFontsToIndex;
 const schematics_1 = require("@angular-devkit/schematics");
 const schematics_2 = require("@angular/cdk/schematics");
-const workspace_1 = require("@schematics/angular/utility/workspace");
+const utility_1 = require("@schematics/angular/utility");
 /** Adds the Material Design fonts to the index HTML file. */
 function addFontsToIndex(options) {
     return async (host) => {
-        const workspace = await (0, workspace_1.getWorkspace)(host);
+        const workspace = await (0, utility_1.readWorkspace)(host);
         const project = (0, schematics_2.getProjectFromWorkspace)(workspace, options.project);
         const projectIndexFiles = (0, schematics_2.getProjectIndexFiles)(project);
         if (!projectIndexFiles.length) {

package/schematics/ng-add/fonts/material-fonts.js.map

@@ -1 +1 @@
-{"version":3,"file":"material-fonts.js","sourceRoot":"","sources":["material-fonts.ts"],"names":[],"mappings":";AAAA;;;;;;GAMG;;AAYH,0CAqBC;AA/BD,2DAA2E;AAC3E,wDAIiC;AACjC,qEAAmE;AAGnE,6DAA6D;AAC7D,SAAgB,eAAe,CAAC,OAAe;IAC7C,OAAO,KAAK,EAAE,IAAU,EAAE,EAAE;QAC1B,MAAM,SAAS,GAAG,MAAM,IAAA,wBAAY,EAAC,IAAI,CAAC,CAAC;QAC3C,MAAM,OAAO,GAAG,IAAA,oCAAuB,EAAC,SAAS,EAAE,OAAO,CAAC,OAAO,CAAC,CAAC;QACpE,MAAM,iBAAiB,GAAG,IAAA,iCAAoB,EAAC,OAAO,CAAC,CAAC;QAExD,IAAI,CAAC,iBAAiB,CAAC,MAAM,EAAE,CAAC;YAC9B,MAAM,IAAI,gCAAmB,CAAC,4CAA4C,CAAC,CAAC;QAC9E,CAAC;QAED,MAAM,KAAK,GAAG;YACZ,+EAA+E;YAC/E,yDAAyD;SAC1D,CAAC;QAEF,iBAAiB,CAAC,OAAO,CAAC,aAAa,CAAC,EAAE;YACxC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE;gBACnB,IAAA,oCAAuB,EAAC,IAAI,EAAE,aAAa,EAAE,eAAe,IAAI,qBAAqB,CAAC,CAAC;YACzF,CAAC,CAAC,CAAC;QACL,CAAC,CAAC,CAAC;IACL,CAAC,CAAC;AACJ,CAAC"}
+{"version":3,"file":"material-fonts.js","sourceRoot":"","sources":["material-fonts.ts"],"names":[],"mappings":";AAAA;;;;;;GAMG;;AAYH,0CAqBC;AA/BD,2DAA2E;AAC3E,wDAIiC;AACjC,yDAA0D;AAG1D,6DAA6D;AAC7D,SAAgB,eAAe,CAAC,OAAe;IAC7C,OAAO,KAAK,EAAE,IAAU,EAAE,EAAE;QAC1B,MAAM,SAAS,GAAG,MAAM,IAAA,uBAAa,EAAC,IAAI,CAAC,CAAC;QAC5C,MAAM,OAAO,GAAG,IAAA,oCAAuB,EAAC,SAAS,EAAE,OAAO,CAAC,OAAO,CAAC,CAAC;QACpE,MAAM,iBAAiB,GAAG,IAAA,iCAAoB,EAAC,OAAO,CAAC,CAAC;QAExD,IAAI,CAAC,iBAAiB,CAAC,MAAM,EAAE,CAAC;YAC9B,MAAM,IAAI,gCAAmB,CAAC,4CAA4C,CAAC,CAAC;QAC9E,CAAC;QAED,MAAM,KAAK,GAAG;YACZ,+EAA+E;YAC/E,yDAAyD;SAC1D,CAAC;QAEF,iBAAiB,CAAC,OAAO,CAAC,aAAa,CAAC,EAAE;YACxC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE;gBACnB,IAAA,oCAAuB,EAAC,IAAI,EAAE,aAAa,EAAE,eAAe,IAAI,qBAAqB,CAAC,CAAC;YACzF,CAAC,CAAC,CAAC;QACL,CAAC,CAAC,CAAC;IACL,CAAC,CAAC;AACJ,CAAC"}

package/schematics/ng-add/index.js

@@ -19,7 +19,7 @@ const package_config_1 = require("./package-config");
  * Note that the fallback version range does not use caret, but tilde because that is
  * the default for Angular framework dependencies in CLI projects.
  */
-const fallbackMaterialVersionRange = `~{STABLE_PROJECT_VERSION}`;
+const fallbackMaterialVersionRange = `~20.0.0-rc.0`;
 /**
  * Schematic factory entry-point for the `ng-add` schematic. The ng-add schematic will be
  * automatically executed if developers run `ng add @angular/material`.
@@ -34,7 +34,7 @@ function default_1(options) {
         // have the same version tag if possible.
         const ngCoreVersionTag = (0, package_config_1.getPackageVersionFromPackageJson)(host, '@angular/core');
         const materialVersionRange = (0, package_config_1.getPackageVersionFromPackageJson)(host, '@angular/material');
-        const angularDependencyVersion = ngCoreVersionTag || `{STABLE_FRAMEWORK_PEER_DEP_RANGE}`;
+        const angularDependencyVersion = ngCoreVersionTag || `^20.0.0-0 || ^20.1.0-0 || ^20.2.0-0 || ^20.3.0-0 || ^21.0.0-0`;
         // The CLI inserts `@angular/material` into the `package.json` before this schematic runs.
         // This means that we do not need to insert Angular Material into `package.json` files again.
         // In some cases though, it could happen that this schematic runs outside of the CLI `ng add`

package/schematics/ng-add/schema.json

@@ -21,19 +21,19 @@
         "items": [
           {
             "value": "azure-blue",
-            "label": "Azure/Blue         [Preview: https://material.angular.io?theme=azure-blue]"
+            "label": "Azure/Blue         [Preview: https://material.angular.dev?theme=azure-blue]"
           },
           {
             "value": "rose-red",
-            "label": "Rose/Red           [Preview: https://material.angular.io?theme=rose-red]"
+            "label": "Rose/Red           [Preview: https://material.angular.dev?theme=rose-red]"
           },
           {
             "value": "magenta-violet",
-            "label": "Magenta/Violet     [Preview: https://material.angular.io?theme=magenta-violet]"
+            "label": "Magenta/Violet     [Preview: https://material.angular.dev?theme=magenta-violet]"
           },
           {
             "value": "cyan-orange",
-            "label": "Cyan/Orange        [Preview: https://material.angular.io?theme=cyan-orange]"
+            "label": "Cyan/Orange        [Preview: https://material.angular.dev?theme=cyan-orange]"
           },
           {"value": "custom", "label": "Custom"}
         ]

package/schematics/ng-add/setup-project.js

@@ -10,7 +10,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.default = default_1;
 const schematics_1 = require("@angular-devkit/schematics");
 const schematics_2 = require("@angular/cdk/schematics");
-const workspace_1 = require("@schematics/angular/utility/workspace");
+const utility_1 = require("@schematics/angular/utility");
 const workspace_models_1 = require("@schematics/angular/utility/workspace-models");
 const material_fonts_1 = require("./fonts/material-fonts");
 const theming_1 = require("./theming/theming");
@@ -21,14 +21,14 @@ const theming_1 = require("./theming/theming");
  */
 function default_1(options) {
     return async (host, context) => {
-        const workspace = await (0, workspace_1.getWorkspace)(host);
+        const workspace = await (0, utility_1.readWorkspace)(host);
         const project = (0, schematics_2.getProjectFromWorkspace)(workspace, options.project);
         if (project.extensions['projectType'] === workspace_models_1.ProjectType.Application) {
             return (0, schematics_1.chain)([
                 (0, theming_1.addThemeToAppStyles)(options),
                 (0, material_fonts_1.addFontsToIndex)(options),
                 addMaterialAppStyles(options),
-                (0, theming_1.addTypographyClass)(options),
+                options.typography ? (0, theming_1.addTypographyClass)(options) : (0, schematics_1.noop)(),
             ]);
         }
         context.logger.warn('Angular Material has been set up in your workspace. There is no additional setup ' +
@@ -44,7 +44,7 @@ function default_1(options) {
  */
 function addMaterialAppStyles(options) {
     return async (host, context) => {
-        const workspace = await (0, workspace_1.getWorkspace)(host);
+        const workspace = await (0, utility_1.readWorkspace)(host);
         const project = (0, schematics_2.getProjectFromWorkspace)(workspace, options.project);
         const styleFilePath = (0, schematics_2.getProjectStyleFile)(project);
         const logger = context.logger;

package/schematics/ng-add/setup-project.js.map

@@ -1 +1 @@
-{"version":3,"file":"setup-project.js","sourceRoot":"","sources":["setup-project.ts"],"names":[],"mappings":";AAAA;;;;;;GAMG;;AAeH,4BAqBC;AAlCD,2DAA+E;AAC/E,wDAAqF;AACrF,qEAAmE;AACnE,mFAAyE;AACzE,2DAAuD;AAEvD,+CAA0E;AAE1E;;;;GAIG;AACH,mBAAyB,OAAe;IACtC,OAAO,KAAK,EAAE,IAAU,EAAE,OAAyB,EAAE,EAAE;QACrD,MAAM,SAAS,GAAG,MAAM,IAAA,wBAAY,EAAC,IAAI,CAAC,CAAC;QAC3C,MAAM,OAAO,GAAG,IAAA,oCAAuB,EAAC,SAAS,EAAE,OAAO,CAAC,OAAO,CAAC,CAAC;QAEpE,IAAI,OAAO,CAAC,UAAU,CAAC,aAAa,CAAC,KAAK,8BAAW,CAAC,WAAW,EAAE,CAAC;YAClE,OAAO,IAAA,kBAAK,EAAC;gBACX,IAAA,6BAAmB,EAAC,OAAO,CAAC;gBAC5B,IAAA,gCAAe,EAAC,OAAO,CAAC;gBACxB,oBAAoB,CAAC,OAAO,CAAC;gBAC7B,IAAA,4BAAkB,EAAC,OAAO,CAAC;aAC5B,CAAC,CAAC;QACL,CAAC;QACD,OAAO,CAAC,MAAM,CAAC,IAAI,CACjB,mFAAmF;YACjF,sEAAsE;YACtE,oFAAoF;YACpF,SAAS,CACZ,CAAC;QACF,OAAO;IACT,CAAC,CAAC;AACJ,CAAC;AAED;;;GAGG;AACH,SAAS,oBAAoB,CAAC,OAAe;IAC3C,OAAO,KAAK,EAAE,IAAU,EAAE,OAAyB,EAAE,EAAE;QACrD,MAAM,SAAS,GAAG,MAAM,IAAA,wBAAY,EAAC,IAAI,CAAC,CAAC;QAC3C,MAAM,OAAO,GAAG,IAAA,oCAAuB,EAAC,SAAS,EAAE,OAAO,CAAC,OAAO,CAAC,CAAC;QACpE,MAAM,aAAa,GAAG,IAAA,gCAAmB,EAAC,OAAO,CAAC,CAAC;QACnD,MAAM,MAAM,GAAG,OAAO,CAAC,MAAM,CAAC;QAE9B,IAAI,CAAC,aAAa,EAAE,CAAC;YACnB,MAAM,CAAC,KAAK,CAAC,yDAAyD,CAAC,CAAC;YACxE,MAAM,CAAC,IAAI,CAAC,uDAAuD,CAAC,CAAC;YACrE,MAAM,CAAC,IAAI,CAAC,8DAA8D,CAAC,CAAC;YAC5E,OAAO;QACT,CAAC;QAED,MAAM,MAAM,GAAG,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;QAExC,IAAI,CAAC,MAAM,EAAE,CAAC;YACZ,MAAM,CAAC,KAAK,CACV,2DAA2D,GAAG,IAAI,aAAa,GAAG,CACnF,CAAC;YACF,MAAM,CAAC,IAAI,CAAC,sDAAsD,CAAC,CAAC;YACpE,OAAO;QACT,CAAC;QAED,MAAM,WAAW,GAAG,MAAM,CAAC,QAAQ,EAAE,CAAC;QACtC,MAAM,SAAS,GACb,IAAI;YACJ,gCAAgC;YAChC,0EAA0E,CAAC;QAE7E,IAAI,WAAW,CAAC,QAAQ,CAAC,SAAS,CAAC,EAAE,CAAC;YACpC,OAAO;QACT,CAAC;QAED,MAAM,QAAQ,GAAG,IAAI,CAAC,WAAW,CAAC,aAAa,CAAC,CAAC;QAEjD,QAAQ,CAAC,UAAU,CAAC,WAAW,CAAC,MAAM,EAAE,SAAS,CAAC,CAAC;QACnD,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC,CAAC;IAC9B,CAAC,CAAC;AACJ,CAAC"}
+{"version":3,"file":"setup-project.js","sourceRoot":"","sources":["setup-project.ts"],"names":[],"mappings":";AAAA;;;;;;GAMG;;AAeH,4BAqBC;AAlCD,2DAAqF;AACrF,wDAAqF;AACrF,yDAA0D;AAC1D,mFAAyE;AACzE,2DAAuD;AAEvD,+CAA0E;AAE1E;;;;GAIG;AACH,mBAAyB,OAAe;IACtC,OAAO,KAAK,EAAE,IAAU,EAAE,OAAyB,EAAE,EAAE;QACrD,MAAM,SAAS,GAAG,MAAM,IAAA,uBAAa,EAAC,IAAI,CAAC,CAAC;QAC5C,MAAM,OAAO,GAAG,IAAA,oCAAuB,EAAC,SAAS,EAAE,OAAO,CAAC,OAAO,CAAC,CAAC;QAEpE,IAAI,OAAO,CAAC,UAAU,CAAC,aAAa,CAAC,KAAK,8BAAW,CAAC,WAAW,EAAE,CAAC;YAClE,OAAO,IAAA,kBAAK,EAAC;gBACX,IAAA,6BAAmB,EAAC,OAAO,CAAC;gBAC5B,IAAA,gCAAe,EAAC,OAAO,CAAC;gBACxB,oBAAoB,CAAC,OAAO,CAAC;gBAC7B,OAAO,CAAC,UAAU,CAAC,CAAC,CAAC,IAAA,4BAAkB,EAAC,OAAO,CAAC,CAAC,CAAC,CAAC,IAAA,iBAAI,GAAE;aAC1D,CAAC,CAAC;QACL,CAAC;QACD,OAAO,CAAC,MAAM,CAAC,IAAI,CACjB,mFAAmF;YACjF,sEAAsE;YACtE,oFAAoF;YACpF,SAAS,CACZ,CAAC;QACF,OAAO;IACT,CAAC,CAAC;AACJ,CAAC;AAED;;;GAGG;AACH,SAAS,oBAAoB,CAAC,OAAe;IAC3C,OAAO,KAAK,EAAE,IAAU,EAAE,OAAyB,EAAE,EAAE;QACrD,MAAM,SAAS,GAAG,MAAM,IAAA,uBAAa,EAAC,IAAI,CAAC,CAAC;QAC5C,MAAM,OAAO,GAAG,IAAA,oCAAuB,EAAC,SAAS,EAAE,OAAO,CAAC,OAAO,CAAC,CAAC;QACpE,MAAM,aAAa,GAAG,IAAA,gCAAmB,EAAC,OAAO,CAAC,CAAC;QACnD,MAAM,MAAM,GAAG,OAAO,CAAC,MAAM,CAAC;QAE9B,IAAI,CAAC,aAAa,EAAE,CAAC;YACnB,MAAM,CAAC,KAAK,CAAC,yDAAyD,CAAC,CAAC;YACxE,MAAM,CAAC,IAAI,CAAC,uDAAuD,CAAC,CAAC;YACrE,MAAM,CAAC,IAAI,CAAC,8DAA8D,CAAC,CAAC;YAC5E,OAAO;QACT,CAAC;QAED,MAAM,MAAM,GAAG,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;QAExC,IAAI,CAAC,MAAM,EAAE,CAAC;YACZ,MAAM,CAAC,KAAK,CACV,2DAA2D,GAAG,IAAI,aAAa,GAAG,CACnF,CAAC;YACF,MAAM,CAAC,IAAI,CAAC,sDAAsD,CAAC,CAAC;YACpE,OAAO;QACT,CAAC;QAED,MAAM,WAAW,GAAG,MAAM,CAAC,QAAQ,EAAE,CAAC;QACtC,MAAM,SAAS,GACb,IAAI;YACJ,gCAAgC;YAChC,0EAA0E,CAAC;QAE7E,IAAI,WAAW,CAAC,QAAQ,CAAC,SAAS,CAAC,EAAE,CAAC;YACpC,OAAO;QACT,CAAC;QAED,MAAM,QAAQ,GAAG,IAAI,CAAC,WAAW,CAAC,aAAa,CAAC,CAAC;QAEjD,QAAQ,CAAC,UAAU,CAAC,WAAW,CAAC,MAAM,EAAE,SAAS,CAAC,CAAC;QACnD,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC,CAAC;IAC9B,CAAC,CAAC;AACJ,CAAC"}

package/schematics/ng-add/theming/create-custom-theme.js

@@ -12,7 +12,7 @@ exports.createCustomTheme = createCustomTheme;
 function createCustomTheme(name = 'app') {
     return `
 // Custom Theming for Angular Material
-// For more information: https://material.angular.io/guide/theming
+// For more information: https://material.angular.dev/guide/theming
 @use '@angular/material' as mat;
 
 html {

package/schematics/ng-add/theming/theming.js

@@ -13,7 +13,7 @@ const core_1 = require("@angular-devkit/core");
 const schematics_1 = require("@angular-devkit/schematics");
 const schematics_2 = require("@angular/cdk/schematics");
 const change_1 = require("@schematics/angular/utility/change");
-const workspace_1 = require("@schematics/angular/utility/workspace");
+const utility_1 = require("@schematics/angular/utility");
 const path_1 = require("path");
 const create_custom_theme_1 = require("./create-custom-theme");
 /** Path segment that can be found in paths that refer to a prebuilt theme. */
@@ -32,15 +32,13 @@ function addThemeToAppStyles(options) {
 /** Adds the global typography class to the body element. */
 function addTypographyClass(options) {
     return async (host) => {
-        const workspace = await (0, workspace_1.getWorkspace)(host);
+        const workspace = await (0, utility_1.readWorkspace)(host);
         const project = (0, schematics_2.getProjectFromWorkspace)(workspace, options.project);
         const projectIndexFiles = (0, schematics_2.getProjectIndexFiles)(project);
         if (!projectIndexFiles.length) {
             throw new schematics_1.SchematicsException('No project index HTML file could be found.');
         }
-        if (options.typography) {
-            projectIndexFiles.forEach(path => (0, schematics_2.addBodyClass)(host, path, 'mat-typography'));
-        }
+        projectIndexFiles.forEach(path => (0, schematics_2.addBodyClass)(host, path, 'mat-typography'));
     };
 }
 /**
@@ -48,7 +46,7 @@ function addTypographyClass(options) {
  * Scss file for the custom theme will be created.
  */
 async function insertCustomTheme(projectName, host, logger) {
-    const workspace = await (0, workspace_1.getWorkspace)(host);
+    const workspace = await (0, utility_1.readWorkspace)(host);
     const project = (0, schematics_2.getProjectFromWorkspace)(workspace, projectName);
     const stylesPath = (0, schematics_2.getProjectStyleFile)(project, 'scss');
     const themeContent = (0, create_custom_theme_1.createCustomTheme)(projectName);
@@ -84,7 +82,7 @@ function insertPrebuiltTheme(project, theme, logger) {
 }
 /** Adds a theming style entry to the given project target options. */
 function addThemeStyleToTarget(projectName, targetName, assetPath, logger) {
-    return (0, workspace_1.updateWorkspace)(workspace => {
+    return (0, utility_1.updateWorkspace)(workspace => {
         const project = (0, schematics_2.getProjectFromWorkspace)(workspace, projectName);
         // Do not update the builder options in case the target does not use the default CLI builder.
         if (!validateDefaultTargetBuilder(project, targetName, logger)) {

package/schematics/ng-add/theming/theming.js.map

@@ -1 +1 @@
-{"version":3,"file":"theming.js","sourceRoot":"","sources":["theming.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"theming.js","sourceRoot":"","sources":["theming.ts"],"names":[],"mappings":"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"}

package/schematics/ng-generate/theme-color/index_bundled.js

@@ -3295,6 +3295,7 @@ function getHighContrastOverides(colorScheme) {
   overrides.set("surface", hexFromArgb(colorScheme.surface));
   overrides.set("surface-dim", hexFromArgb(colorScheme.surfaceDim));
   overrides.set("surface-bright", hexFromArgb(colorScheme.surfaceBright));
+  overrides.set("surface-container-low", hexFromArgb(colorScheme.surfaceContainerLow));
   overrides.set("surface-container-lowest", hexFromArgb(colorScheme.surfaceContainerLowest));
   overrides.set("surface-container", hexFromArgb(colorScheme.surfaceContainer));
   overrides.set("surface-container-high", hexFromArgb(colorScheme.surfaceContainerHigh));
@@ -3527,6 +3528,12 @@ function getColorSysVariablesCSS(lightScheme, darkScheme, isHighContrast = false
     lightScheme.surfaceBright,
     darkScheme.surfaceBright
   );
+  css += createLightDarkVar(
+    leftSpacing,
+    "surface-container-low",
+    lightScheme.surfaceContainerLow,
+    darkScheme.surfaceContainerLow
+  );
   css += createLightDarkVar(
     leftSpacing,
     "surface-container-lowest",