@weaverse/react 0.5.7 → 0.5.10

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",
@@ -202,7 +221,9 @@ var schema3 = {
         gridArea: "1 / 1 / 3 / 6",
         minHeight: "96px"
       },
-      "@mobile": {}
+      "@mobile": {
+        display: "flex"
+      }
     }
   },
   settings: [
@@ -215,6 +236,16 @@ var schema3 = {
           type: "alignment"
         }
       ]
+    },
+    {
+      tab: "Settings",
+      label: "Visibility",
+      inspectors: [
+        {
+          binding: "style",
+          type: "visibility"
+        }
+      ]
     }
   ]
 };
@@ -233,15 +264,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"
       }
     }
   },
@@ -328,7 +360,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",
@@ -175,7 +194,9 @@ var schema3 = {
         gridArea: "1 / 1 / 3 / 6",
         minHeight: "96px"
       },
-      "@mobile": {}
+      "@mobile": {
+        display: "flex"
+      }
     }
   },
   settings: [
@@ -188,6 +209,16 @@ var schema3 = {
           type: "alignment"
         }
       ]
+    },
+    {
+      tab: "Settings",
+      label: "Visibility",
+      inspectors: [
+        {
+          binding: "style",
+          type: "visibility"
+        }
+      ]
     }
   ]
 };
@@ -206,15 +237,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"
       }
     }
   },
@@ -301,7 +333,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.7",
+  "version": "0.5.10",
   "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.6"
+    "@weaverse/core": "0.5.10"
   }
 }