@resolve-components/theme 1.2.4 → 1.2.6

package/package.json

@@ -1,29 +1,14 @@
 {
   "name": "@resolve-components/theme",
-  "version": "1.2.4",
+  "version": "1.2.6",
+  "description": "Fully customizable Angular UI component library with 40+ standalone components, design tokens, and dark mode support.",
+  "main": "index.js",
   "schematics": "./collection.json",
-  "description": "🔥 Fully customizable Angular UI components made with ❤️ using Angular CDK 🔥",
-  "peerDependencies": {
-    "@angular/common": ">=17.0.0",
-    "@angular/core": ">=17.0.0",
-    "@angular/forms": ">=17.0.0",
-    "@angular/cdk": ">=17.0.0",
-    "rxjs": ">=7.4.0",
-    "@angular/platform-browser": ">=17.0.0",
-    "eva-icons": "^1.1.3",
-    "@angular-devkit/schematics": ">=17.0.0"
-  },
-  "peerDependenciesMeta": {
-    "eva-icons": {
-      "optional": true
-    }
-  },
   "website": "https://resolve-components.web.app",
   "keywords": [
     "@resolve-components/theme",
     "@resolve-components",
     "resolve-components",
-    "r components",
     "angular components",
     "angular",
     "components",
@@ -34,6 +19,21 @@
     "ui library",
     "ui framework"
   ],
+  "peerDependencies": {
+    "@angular/common": ">=17.0.0",
+    "@angular/core": ">=17.0.0",
+    "@angular/forms": ">=17.0.0",
+    "@angular/cdk": ">=17.0.0",
+    "rxjs": ">=7.4.0",
+    "@angular/platform-browser": ">=17.0.0",
+    "eva-icons": "^1.1.3",
+    "@angular-devkit/schematics": ">=17.0.0"
+  },
+  "peerDependenciesMeta": {
+    "eva-icons": {
+      "optional": false
+    }
+  },
   "sideEffects": false,
   "module": "fesm2022/resolve-components-theme.mjs",
   "typings": "types/resolve-components-theme.d.ts",

package/schematics/ng-add/index.js

@@ -207,12 +207,17 @@ function addBuildConfig(options) {
             ctx.logger.warn('⚠  Could not find build target options — add them manually.');
             return tree;
         }
-        // ── styles: add CDK overlay CSS ──
-        const cdkStyle = 'node_modules/@angular/cdk/overlay-prebuilt.css';
+        // ── styles: add CDK overlay CSS + resolve-components entry ──
         if (!Array.isArray(buildOptions['styles']))
             buildOptions['styles'] = [];
-        if (!buildOptions['styles'].includes(cdkStyle)) {
-            buildOptions['styles'].unshift(cdkStyle);
+        const stylesToAdd = [
+            'node_modules/@angular/cdk/overlay-prebuilt.css',
+            'node_modules/@resolve-components/theme/styles/resolve-components.scss',
+        ];
+        for (const s of stylesToAdd) {
+            if (!buildOptions['styles'].includes(s)) {
+                buildOptions['styles'].push(s);
+            }
         }
         // ── stylePreprocessorOptions: add includePath ──
         const includePath = 'node_modules/@resolve-components/theme/styles';
@@ -260,30 +265,14 @@ function addProviderToConfig(options) {
     };
 }
 // ---------------------------------------------------------------------------
-// Rule: prepend @use / @include to styles.scss
+// Rule: global styles — handled via styles array entry, no styles.scss changes
 // ---------------------------------------------------------------------------
-function addGlobalStyles(options) {
-    return (tree, ctx) => {
-        const cfg = resolveProjectConfig(tree, options);
-        const sourceRoot = cfg?.sourceRoot ?? 'src';
-        const stylesPath = `${sourceRoot}/styles.scss`;
-        if (!tree.exists(stylesPath)) {
-            ctx.logger.warn(`⚠  ${stylesPath} not found.\n` +
-                `   Add the following to your global stylesheet:\n` +
-                `   @use 'all' as *;\n   @include rc-install();`);
-            return tree;
-        }
-        let content = tree.read(stylesPath).toString('utf-8');
-        if (content.includes('@resolve-components/theme') ||
-            content.includes(`@use 'all'`)) {
-            return tree;
-        }
-        // Minimal two-line setup — rc-install() emits all global resets and CSS vars
-        const addition = `@use 'all' as *;\n\n// Emit CSS custom property blocks\n@include rc-install();\n\n`;
-        tree.overwrite(stylesPath, addition + content);
-        ctx.logger.info(`  Updated ${stylesPath} with @use 'all' as * and @include rc-install()`);
-        return tree;
-    };
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
+function addGlobalStyles(_options) {
+    // All styles are now emitted through the resolve-components.scss entry file
+    // added to the project's styles array in addBuildConfig — no modifications to
+    // the consumer's styles.scss are needed (mirrors the Nebular/Material approach).
+    return (tree) => tree;
 }
 // ---------------------------------------------------------------------------
 // Rule: wrap app.html with <rc-layout>

package/styles/resolve-components.scss

@@ -0,0 +1,17 @@
+// =============================================================================
+// Resolve Components — Prebuilt Entry Point
+// =============================================================================
+// Add this file to your project's styles array in angular.json / project.json:
+//
+//   "styles": [
+//     "node_modules/@angular/cdk/overlay-prebuilt.css",
+//     "node_modules/@resolve-components/theme/styles/resolve-components.scss"
+//   ]
+//
+// This single import loads all component styles and emits the CSS custom
+// property blocks required for theming. No changes to your styles.scss needed.
+// =============================================================================
+
+@use 'all' as *;
+
+@include rc-install();

package/styles/theming/_register.scss

@@ -4,6 +4,7 @@
 
 @use 'sass:map';
 @use 'sass:meta';
+@use 'sass:list';
 @use 'theming-variables' as vars;
 @use 'functions' as fn;
 @use 'mapping' as mp;
@@ -51,7 +52,7 @@
 /// If $rc-enabled-themes is empty, returns all registered theme names.
 /// @return {List} Theme names.
 @function rc-get-enabled-themes() {
-  @if length(vars.$rc-enabled-themes) > 0 {
+  @if list.length(vars.$rc-enabled-themes) > 0 {
     @return vars.$rc-enabled-themes;
   }
   @return map.keys(vars.$rc-themes);