@builder.io/sdk-qwik 0.0.2-1 → 0.0.6

package/src/components/render-block/block-styles.jsx

@@ -5,7 +5,7 @@ import { TARGET } from "../../constants/target.js";
 import { getProcessedBlock } from "../../functions/get-processed-block.js";
 import { convertStyleMaptoCSS } from "../../helpers/css.js";
 import RenderInlinedStyles from "../render-inlined-styles";
-import { Fragment, Host, h } from "@builder.io/qwik";
+import { Fragment, h } from "@builder.io/qwik";
 export const useBlock = function useBlock(props, state) {
   return getProcessedBlock({
     block: props.block,
@@ -50,11 +50,11 @@ export const css = function css(props, state) {
 export const BlockStyles = (props) => {
   const state = {};
   return (
-    <Host q:host-pseudo="">
+    <>
       {TARGET === "vue2" || TARGET === "vue3" || TARGET === "svelte" ? (
         <RenderInlinedStyles styles={css(props, state)}></RenderInlinedStyles>
       ) : null}
-    </Host>
+    </>
   );
 };
 export default BlockStyles;
@@ -112,62 +112,50 @@ export const COMPONENT = {
   children: [
     {
       "@type": "@builder.io/mitosis/node",
-      name: "Host",
+      name: "Show",
       meta: {},
       scope: {},
-      properties: {
-        "q:host-pseudo": "",
+      properties: {},
+      bindings: {
+        when: {
+          code: "TARGET === 'vue2' || TARGET === 'vue3' || TARGET === 'svelte'",
+        },
       },
-      bindings: {},
       children: [
         {
           "@type": "@builder.io/mitosis/node",
-          name: "Show",
+          name: "div",
+          meta: {},
+          scope: {},
+          properties: {
+            _text: "\n      ",
+          },
+          bindings: {},
+          children: [],
+        },
+        {
+          "@type": "@builder.io/mitosis/node",
+          name: "RenderInlinedStyles",
           meta: {},
           scope: {},
           properties: {},
           bindings: {
-            when: {
-              code: "TARGET === 'vue2' || TARGET === 'vue3' || TARGET === 'svelte'",
+            styles: {
+              code: "css(props,state)",
             },
           },
-          children: [
-            {
-              "@type": "@builder.io/mitosis/node",
-              name: "div",
-              meta: {},
-              scope: {},
-              properties: {
-                _text: "\n      ",
-              },
-              bindings: {},
-              children: [],
-            },
-            {
-              "@type": "@builder.io/mitosis/node",
-              name: "RenderInlinedStyles",
-              meta: {},
-              scope: {},
-              properties: {},
-              bindings: {
-                styles: {
-                  code: "css(props,state)",
-                },
-              },
-              children: [],
-            },
-            {
-              "@type": "@builder.io/mitosis/node",
-              name: "div",
-              meta: {},
-              scope: {},
-              properties: {
-                _text: "\n    ",
-              },
-              bindings: {},
-              children: [],
-            },
-          ],
+          children: [],
+        },
+        {
+          "@type": "@builder.io/mitosis/node",
+          name: "div",
+          meta: {},
+          scope: {},
+          properties: {
+            _text: "\n    ",
+          },
+          bindings: {},
+          children: [],
         },
       ],
     },