esm-styles 0.1.7 → 0.1.9

package/dist/lib/build.js

@@ -175,7 +175,7 @@ export async function build(configPath = 'esm-styles.config.js') {
         .map((f) => f.layer)
         .join(', ');
     const layerImports = layerFiles.map((f) => `@import '${f}';`).join('\n');
-    const mainCss = [varImports, layerNames ? `@layer ${layerNames};` : '', layerImports]
+    const mainCss = [layerNames ? `@layer ${layerNames};` : '', layerImports, varImports]
         .filter(Boolean)
         .join('\n') + '\n';
     await fs.writeFile(mainCssPath, mainCss, 'utf8');

package/dist/lib/utils/selector.js

@@ -178,9 +178,14 @@ export const joinSelectorPath = (path) => {
         else if (isHtmlTag(part)) {
             return acc + (acc ? ' ' : '') + part;
         }
-        else {
-            // Not a tag, not a special selector: treat as class
-            return acc + (acc ? '' : '') + '.' + part;
+        else if (/^([a-z][a-z0-9]*)\.(.+)/.test(part)) {
+            // If part matches 'tag.class...' and tag is an HTML tag
+            const match = part.match(/^([a-z][a-z0-9]*)\.(.+)/);
+            if (match && isHtmlTag(match[1])) {
+                return acc + (acc ? ' ' : '') + match[1] + '.' + match[2];
+            }
         }
+        // Not a tag, not a special selector: treat as class
+        return acc + (acc ? '' : '') + '.' + part;
     }, ''));
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "esm-styles",
-  "version": "0.1.7",
+  "version": "0.1.9",
   "description": "A library for working with ESM styles",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",