esm-styles 0.1.0 → 0.1.2

package/dist/index.js

@@ -14,5 +14,5 @@ export { jsKeyToCssKey, isEndValue } from './lib/utils/common.js';
 export { processMediaQueries } from './lib/utils/media.js';
 export { obj2css, prettifyCss } from './lib/utils/obj2css.js';
 export function greet() {
-    return 'Hello from esm-styles!';
+    return 'esm-styles 0.1.2';
 }

package/dist/lib/getCss.js

@@ -22,7 +22,7 @@ export function getCss(object, mediaQueries = {}, mediaPrefixes = {}, auto) {
     const layerStatements = [];
     let layerObject = {};
     let containerObject = {};
-    let mediaObject = {};
+    const mediaObject = {};
     let prefixObject = {};
     // Process the object by traversing it and handling different node types
     traverseObject(object, (node, path, _, __) => {
@@ -119,10 +119,14 @@ export function getCss(object, mediaQueries = {}, mediaPrefixes = {}, auto) {
                         console.warn(`Warning: Media query type ${key} is unknown`);
                         break;
                     }
-                    const mediaQueryObject = {
-                        ['@media ' + mediaQuery]: { [selector]: node },
-                    };
-                    mediaObject = mergeDeep(mediaObject, mediaQueryObject);
+                    // Store the media query with the selector and node
+                    // This way we collect all the rules for each media query
+                    const mediaQueryKey = '@media ' + mediaQuery;
+                    if (!mediaObject[mediaQueryKey]) {
+                        mediaObject[mediaQueryKey] = {};
+                    }
+                    // Add the selector and its rules to this media query
+                    mediaObject[mediaQueryKey] = mergeDeep(mediaObject[mediaQueryKey], { [selector]: node });
                 }
                 break;
             }

package/package.json

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