@weaverse/react 0.5.8 → 0.5.11

package/dist/index.js

@@ -79,10 +79,9 @@ var base_default = BaseElement;
 // src/elements/button.tsx
 var React2 = __toESM(require("react"));
 var Button = React2.forwardRef((props, ref) => {
-  const _a = props, { style, buttonType, css } = _a, rest = __objRest(_a, ["style", "buttonType", "css"]);
+  const _a = props, { buttonType, css } = _a, rest = __objRest(_a, ["buttonType", "css"]);
   return /* @__PURE__ */ React2.createElement("button", __spreadValues({
-    ref,
-    style
+    ref
   }, rest), props.value);
 });
 Button.defaultProps = {
@@ -102,6 +101,26 @@ var schema2 = {
         }
       ]
     },
+    {
+      tab: "Settings",
+      label: "Visibility",
+      inspectors: [
+        {
+          binding: "style",
+          type: "visibility"
+        }
+      ]
+    },
+    {
+      tab: "Settings",
+      label: "Dimensions",
+      inspectors: [
+        {
+          binding: "style",
+          type: "dimensions"
+        }
+      ]
+    },
     {
       tab: "Settings",
       label: "Spacing",
@@ -200,9 +219,12 @@ var schema3 = {
         display: "flex",
         backgroundColor: "rgba(248,203,203,0.38)",
         gridArea: "1 / 1 / 3 / 6",
-        minHeight: "96px"
+        minHeight: "96px",
+        overflow: "hidden"
       },
-      "@mobile": {}
+      "@mobile": {
+        width: "100%"
+      }
     }
   },
   settings: [
@@ -215,6 +237,16 @@ var schema3 = {
           type: "alignment"
         }
       ]
+    },
+    {
+      tab: "Settings",
+      label: "Visibility",
+      inspectors: [
+        {
+          binding: "style",
+          type: "visibility"
+        }
+      ]
     }
   ]
 };
@@ -233,15 +265,16 @@ var schema4 = {
   data: {
     css: {
       "@desktop": {
-        display: "grid",
+        display: "grid !important",
         gridTemplateRows: "repeat(auto-fill, $rowSize)",
         gridTemplateColumns: "repeat($columns, 1fr)",
         gridGap: "$gap",
-        minHeight: "480px",
-        backgroundColor: "#c7c7c7"
+        minHeight: "104px",
+        width: "100%",
+        margin: "0 auto"
       },
       "@mobile": {
-        display: "flex"
+        display: "flex !important"
       }
     }
   },
@@ -264,16 +297,14 @@ var layout_default = Layout;
 var React5 = __toESM(require("react"));
 var Text = React5.forwardRef((props, ref) => {
   let _a = props, { children, value } = _a, rest = __objRest(_a, ["children", "value"]);
-  return /* @__PURE__ */ React5.createElement("span", __spreadProps(__spreadValues({
+  return /* @__PURE__ */ React5.createElement("div", __spreadProps(__spreadValues({
     ref
   }, rest), {
-    contentEditable: true,
     dangerouslySetInnerHTML: { __html: value }
   }));
 });
 Text.defaultProps = {
-  value: "sample text",
-  tag: "span"
+  value: "sample text"
 };
 var schema5 = {
   type: "text",
@@ -295,7 +326,18 @@ var schema5 = {
         }
       ]
     }
-  ]
+  ],
+  data: {
+    css: {
+      "@desktop": {
+        width: "100%",
+        height: "fit-content",
+        "&:focus": {
+          outline: "none"
+        }
+      }
+    }
+  }
 };
 var text_default = Text;
 
@@ -328,7 +370,6 @@ var elements_default = elements;
 var shortCssObject = (css) => {
   return {
     "@desktop": css[`@desktop`],
-    "@tablet": css[`@tablet`],
     "@mobile": css[`@mobile`]
   };
 };

package/dist/index.mjs

@@ -52,10 +52,9 @@ var base_default = BaseElement;
 // src/elements/button.tsx
 import * as React2 from "react";
 var Button = React2.forwardRef((props, ref) => {
-  const _a = props, { style, buttonType, css } = _a, rest = __objRest(_a, ["style", "buttonType", "css"]);
+  const _a = props, { buttonType, css } = _a, rest = __objRest(_a, ["buttonType", "css"]);
   return /* @__PURE__ */ React2.createElement("button", __spreadValues({
-    ref,
-    style
+    ref
   }, rest), props.value);
 });
 Button.defaultProps = {
@@ -75,6 +74,26 @@ var schema2 = {
         }
       ]
     },
+    {
+      tab: "Settings",
+      label: "Visibility",
+      inspectors: [
+        {
+          binding: "style",
+          type: "visibility"
+        }
+      ]
+    },
+    {
+      tab: "Settings",
+      label: "Dimensions",
+      inspectors: [
+        {
+          binding: "style",
+          type: "dimensions"
+        }
+      ]
+    },
     {
       tab: "Settings",
       label: "Spacing",
@@ -173,9 +192,12 @@ var schema3 = {
         display: "flex",
         backgroundColor: "rgba(248,203,203,0.38)",
         gridArea: "1 / 1 / 3 / 6",
-        minHeight: "96px"
+        minHeight: "96px",
+        overflow: "hidden"
       },
-      "@mobile": {}
+      "@mobile": {
+        width: "100%"
+      }
     }
   },
   settings: [
@@ -188,6 +210,16 @@ var schema3 = {
           type: "alignment"
         }
       ]
+    },
+    {
+      tab: "Settings",
+      label: "Visibility",
+      inspectors: [
+        {
+          binding: "style",
+          type: "visibility"
+        }
+      ]
     }
   ]
 };
@@ -206,15 +238,16 @@ var schema4 = {
   data: {
     css: {
       "@desktop": {
-        display: "grid",
+        display: "grid !important",
         gridTemplateRows: "repeat(auto-fill, $rowSize)",
         gridTemplateColumns: "repeat($columns, 1fr)",
         gridGap: "$gap",
-        minHeight: "480px",
-        backgroundColor: "#c7c7c7"
+        minHeight: "104px",
+        width: "100%",
+        margin: "0 auto"
       },
       "@mobile": {
-        display: "flex"
+        display: "flex !important"
       }
     }
   },
@@ -237,16 +270,14 @@ var layout_default = Layout;
 import * as React5 from "react";
 var Text = React5.forwardRef((props, ref) => {
   let _a = props, { children, value } = _a, rest = __objRest(_a, ["children", "value"]);
-  return /* @__PURE__ */ React5.createElement("span", __spreadProps(__spreadValues({
+  return /* @__PURE__ */ React5.createElement("div", __spreadProps(__spreadValues({
     ref
   }, rest), {
-    contentEditable: true,
     dangerouslySetInnerHTML: { __html: value }
   }));
 });
 Text.defaultProps = {
-  value: "sample text",
-  tag: "span"
+  value: "sample text"
 };
 var schema5 = {
   type: "text",
@@ -268,7 +299,18 @@ var schema5 = {
         }
       ]
     }
-  ]
+  ],
+  data: {
+    css: {
+      "@desktop": {
+        width: "100%",
+        height: "fit-content",
+        "&:focus": {
+          outline: "none"
+        }
+      }
+    }
+  }
 };
 var text_default = Text;
 
@@ -301,7 +343,6 @@ var elements_default = elements;
 var shortCssObject = (css) => {
   return {
     "@desktop": css[`@desktop`],
-    "@tablet": css[`@tablet`],
     "@mobile": css[`@mobile`]
   };
 };

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "0.5.8",
+  "version": "0.5.11",
   "license": "MIT",
   "main": "dist/index.js",
   "typings": "dist/index.d.ts",
@@ -31,6 +31,6 @@
   "name": "@weaverse/react",
   "author": "Weaverse Team",
   "dependencies": {
-    "@weaverse/core": "0.5.8"
+    "@weaverse/core": "0.5.11"
   }
 }