@torpor/view 0.1.3 → 0.1.5

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @torpor/view
 
+## 0.1.5
+
+### Patch Changes
+
+- f390b78: Fix: don't scope media queries and CSS properties
+
+## 0.1.4
+
+### Patch Changes
+
+- daba2ad: Fix: passing `:class` and `:style` to components
+
 ## 0.1.3
 
 ### Patch Changes

package/dist/compile.cjs

@@ -2083,16 +2083,20 @@ function buildStyles(style, styleHash) {
 }
 var globalStyleRegex = /\:global\((.+)\)/;
 function buildStyleBlock(block, b, styleHash) {
-  const selectors = block.selector.split(/([\s*,>+~])/).filter((s) => !!s.trim()).map((s) => {
-    if (s.length === 1 && "*,>+~".includes(s)) {
-      return s;
-    } else if (globalStyleRegex.test(s)) {
-      return s.match(globalStyleRegex)[1];
-    } else {
-      return `${s}.torp-${styleHash}`;
-    }
-  });
-  b.append(`${selectors.join(" ")} {`);
+  if (block.selector.startsWith("@")) {
+    b.append(`${block.selector} {`);
+  } else {
+    const selectors = block.selector.split(/([\s*,>+~])/).filter((s) => !!s.trim()).map((s) => {
+      if (s.length === 1 && "*,>+~".includes(s)) {
+        return s;
+      } else if (globalStyleRegex.test(s)) {
+        return s.match(globalStyleRegex)[1];
+      } else {
+        return `${s}.torp-${styleHash}`;
+      }
+    });
+    b.append(`${selectors.join(" ")} {`);
+  }
   for (let attribute of block.attributes) {
     buildStyleAttribute(attribute, b);
   }
@@ -3666,6 +3670,11 @@ function parseStyleAttribute(status) {
   };
 }
 
+// src/compile/types/nodes/isComponentNode.ts
+function isComponentNode(node) {
+  return node.type === "component";
+}
+
 // src/compile/types/nodes/isParentNode.ts
 function isParentNode(node) {
   return "children" in node;
@@ -3684,7 +3693,7 @@ function scopeStyles(status) {
   }
 }
 function scopeStylesOnNode(node, selectors) {
-  if (isElementNode(node)) {
+  if (isElementNode(node) || isComponentNode(node)) {
     let scopeStyles2 = selectors.includes(node.tagName);
     if (!scopeStyles2) {
       for (let a of node.attributes) {