esm-styles 0.1.9 → 0.1.10

package/dist/lib/utils/selector.js

@@ -155,7 +155,10 @@ export const joinSelectorPath = (path) => {
     // Compute cartesian product of all segments
     const combos = utils.cartesianProduct(path);
     // Join each combination into a selector string
-    return combos.map((parts) => parts.reduce((acc, part) => {
+    return combos.map((parts) => parts.reduce((acc, part, idx) => {
+        // Check if previous part is a root selector
+        const prev = idx > 0 ? parts[idx - 1] : null;
+        const isPrevRoot = prev && (prev === ':root' || prev.startsWith(':root.'));
         if (part.startsWith('__')) {
             return acc + (acc ? ' ' : '') + '.' + part.slice(2);
         }
@@ -185,7 +188,11 @@ export const joinSelectorPath = (path) => {
                 return acc + (acc ? ' ' : '') + match[1] + '.' + match[2];
             }
         }
-        // Not a tag, not a special selector: treat as class
+        // Not a tag, not a special selector: treat as class or custom element
+        // If previous part is a root selector, insert a space
+        if (isPrevRoot) {
+            return acc + ' ' + '.' + part;
+        }
         return acc + (acc ? '' : '') + '.' + part;
     }, ''));
 };

package/package.json

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