@salesforce/templates 66.11.0 → 66.12.0

package/lib/templates/uiBundles/angularbasic/angular.json

@@ -9,7 +9,11 @@
   "projects": {
     "<%= bundlename %>": {
       "projectType": "application",
-      "schematics": {},
+      "schematics": {
+        "@schematics/angular:component": {
+          "style": "scss"
+        }
+      },
       "root": "",
       "sourceRoot": "src",
       "prefix": "app",
@@ -30,17 +34,17 @@
                 "input": "public"
               }
             ],
-            "styles": ["src/styles.css"],
+            "styles": ["src/theme.scss", "src/styles.scss"],
+            "stylePreprocessorOptions": {
+              "sass": {
+                "silenceDeprecations": ["import"]
+              }
+            },
             "plugins": ["./esbuild/api-version.mjs"]
           },
           "configurations": {
             "production": {
               "budgets": [
-                {
-                  "type": "initial",
-                  "maximumWarning": "500kB",
-                  "maximumError": "1MB"
-                },
                 {
                   "type": "anyComponentStyle",
                   "maximumWarning": "4kB",

package/lib/templates/uiBundles/angularbasic/eslint.config.js

@@ -33,6 +33,10 @@ export default tseslint.config(
 					style: 'kebab-case',
 				},
 			],
+			// The UI wrapper components (app-button, app-card, …) intentionally
+			// alias an input to `class` so callers can write `class="…"` on the host
+			// and have it forward to the inner Material element. Allow that one name.
+			'@angular-eslint/no-input-rename': ['error', { allowedNames: ['class'] }],
 			'@typescript-eslint/no-unused-vars': [
 				'error',
 				{