@plumeria/utils 7.2.4 → 7.3.0

package/dist/parser.js

@@ -881,7 +881,7 @@ function extractOndemandStyles(obj, extractedSheets, t) {
     const keyframesHashes = new Set();
     const viewTransitionHashes = new Set();
     const createHashes = new Set();
-    let needsTheme = false;
+    const usedVariables = new Set();
     function walk(n) {
         if (!n || typeof n !== 'object' || visited.has(n))
             return;
@@ -898,7 +898,22 @@ function extractOndemandStyles(obj, extractedSheets, t) {
                     createHashes.add(val.slice(3));
                 }
                 else if (val.includes('var(--')) {
-                    needsTheme = true;
+                    let startIdx = 0;
+                    while ((startIdx = val.indexOf('var(--', startIdx)) !== -1) {
+                        startIdx += 4;
+                        const endIdx = val.indexOf(')', startIdx);
+                        if (endIdx !== -1) {
+                            const content = val.slice(startIdx, endIdx);
+                            const varName = content.trim();
+                            if (varName.startsWith('--')) {
+                                usedVariables.add(varName);
+                            }
+                            startIdx = endIdx + 1;
+                        }
+                        else {
+                            break;
+                        }
+                    }
                 }
             }
             else {
@@ -943,14 +958,25 @@ function extractOndemandStyles(obj, extractedSheets, t) {
             }
         }
     }
-    if (needsTheme) {
+    if (usedVariables.size > 0) {
         for (const themeVarName in t.createThemeHashTable) {
             const hash = t.createThemeHashTable[themeVarName];
             const definition = t.createThemeObjectTable[hash];
             if (definition && typeof definition === 'object') {
-                const styles = (0, createTheme_1.createTheme)(definition);
-                const { styleSheet } = (0, zss_engine_1.transpile)(styles, undefined, '--global');
-                addSheet(styleSheet);
+                const filteredDefinition = {};
+                let hasUsed = false;
+                Object.keys(definition).forEach((key) => {
+                    const varName = `--${(0, zss_engine_1.camelToKebabCase)(key)}`;
+                    if (usedVariables.has(varName)) {
+                        filteredDefinition[key] = definition[key];
+                        hasUsed = true;
+                    }
+                });
+                if (hasUsed) {
+                    const styles = (0, createTheme_1.createTheme)(filteredDefinition);
+                    const { styleSheet } = (0, zss_engine_1.transpile)(styles, undefined, '--global');
+                    addSheet(styleSheet);
+                }
             }
         }
     }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@plumeria/utils",
-  "version": "7.2.4",
+  "version": "7.3.0",
   "description": "Plumeria Utils",
   "author": "Refirst 11",
   "license": "MIT",