@rakeyshgidwani/roger-ui-bank-theme-stan-design 0.2.45 → 0.2.47

package/CHANGELOG.md

@@ -2,7 +2,7 @@
 
 All notable changes to the stan-design theme package will be documented in this file.
 
-## [0.2.45] - 2025-10-07
+## [0.2.47] - 2025-10-07
 
 ### Added
 - Initial release of stan-design theme package

package/dist/plugins/theme-css-generator.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"theme-css-generator.d.ts","sourceRoot":"","sources":["../../src/plugins/theme-css-generator.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,MAAM,CAAA;AAIlC,MAAM,CAAC,OAAO,UAAU,iBAAiB,IAAI,MAAM,CA2VlD"}
+{"version":3,"file":"theme-css-generator.d.ts","sourceRoot":"","sources":["../../src/plugins/theme-css-generator.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,MAAM,CAAA;AAIlC,MAAM,CAAC,OAAO,UAAU,iBAAiB,IAAI,MAAM,CA0WlD"}

package/dist/plugins/theme-css-generator.esm.js

@@ -83,14 +83,27 @@ export default function themeCSSGenerator() {
         css += '\n';
         return css;
     };
+    // Helper function to check if font is Google font
+    const isFontGoogleFont = (themeObj, fontKey) => {
+        const fonts = themeObj.fonts;
+        return fonts?.[fontKey]?.source?.type === 'google';
+    };
     // Recursively generate CSS variables from theme object
-    const generateCSSVariables = (obj, path = []) => {
+    const generateCSSVariables = (obj, path = [], rootTheme) => {
         let css = '';
         if (typeof obj !== 'object' || obj === null) {
             return css;
         }
         Object.entries(obj).forEach(([key, value]) => {
             const currentPath = [...path, key];
+            // Skip font file paths for Google fonts
+            if (path.length >= 3 && path[0] === 'fonts' && path[2] === 'source' && key === 'files') {
+                const fontKey = path[1];
+                if (rootTheme && isFontGoogleFont(rootTheme, fontKey)) {
+                    // Skip generating CSS variables for Google font files
+                    return;
+                }
+            }
             if (typeof value === 'string' || typeof value === 'number') {
                 // Generate CSS variable for primitive values
                 const cssVarName = createCSSVarName(currentPath);
@@ -103,7 +116,7 @@ export default function themeCSSGenerator() {
             }
             else if (typeof value === 'object' && value !== null) {
                 // Recursively process nested objects
-                css += generateCSSVariables(value, currentPath);
+                css += generateCSSVariables(value, currentPath, rootTheme);
             }
         });
         return css;
@@ -126,7 +139,7 @@ export default function themeCSSGenerator() {
         // NEW: Generate breakpoint variables first
         css += generateBreakpointVariables(breakpoints);
         // Generate all other CSS variables
-        css += generateCSSVariables(themeObj);
+        css += generateCSSVariables(themeObj, [], themeObj);
         css += '}\n\n';
         // Generate dark mode variables
         css += `.dark {\n`;

package/dist/plugins/theme-css-generator.js

@@ -83,14 +83,27 @@ export default function themeCSSGenerator() {
         css += '\n';
         return css;
     };
+    // Helper function to check if font is Google font
+    const isFontGoogleFont = (themeObj, fontKey) => {
+        const fonts = themeObj.fonts;
+        return fonts?.[fontKey]?.source?.type === 'google';
+    };
     // Recursively generate CSS variables from theme object
-    const generateCSSVariables = (obj, path = []) => {
+    const generateCSSVariables = (obj, path = [], rootTheme) => {
         let css = '';
         if (typeof obj !== 'object' || obj === null) {
             return css;
         }
         Object.entries(obj).forEach(([key, value]) => {
             const currentPath = [...path, key];
+            // Skip font file paths for Google fonts
+            if (path.length >= 3 && path[0] === 'fonts' && path[2] === 'source' && key === 'files') {
+                const fontKey = path[1];
+                if (rootTheme && isFontGoogleFont(rootTheme, fontKey)) {
+                    // Skip generating CSS variables for Google font files
+                    return;
+                }
+            }
             if (typeof value === 'string' || typeof value === 'number') {
                 // Generate CSS variable for primitive values
                 const cssVarName = createCSSVarName(currentPath);
@@ -103,7 +116,7 @@ export default function themeCSSGenerator() {
             }
             else if (typeof value === 'object' && value !== null) {
                 // Recursively process nested objects
-                css += generateCSSVariables(value, currentPath);
+                css += generateCSSVariables(value, currentPath, rootTheme);
             }
         });
         return css;
@@ -126,7 +139,7 @@ export default function themeCSSGenerator() {
         // NEW: Generate breakpoint variables first
         css += generateBreakpointVariables(breakpoints);
         // Generate all other CSS variables
-        css += generateCSSVariables(themeObj);
+        css += generateCSSVariables(themeObj, [], themeObj);
         css += '}\n\n';
         // Generate dark mode variables
         css += `.dark {\n`;