@weaverse/react 0.7.30 → 0.7.31

package/dist/index.d.ts

@@ -49,10 +49,10 @@ interface WeaverseElementProps extends ReactElement {
     ['data-wv-id']: string;
     children?: ReactElement | ReactElement[] | ReactNode | ReactNode[];
 }
-declare type WeaverseRootPropsType = {
+type WeaverseRootPropsType = {
     context: Weaverse;
 };
-declare type ItemComponentProps = {
+type ItemComponentProps = {
     instance: InstanceType<typeof WeaverseItemStore>;
 };
 interface PlaceholderProps {
@@ -114,15 +114,15 @@ interface VideoCommonProps {
     autoPlay: boolean;
     muted: boolean;
 }
-declare type VideoElementProps = VideoCommonProps & WeaverseElementProps;
+type VideoElementProps = VideoCommonProps & WeaverseElementProps;
 interface YoutubeElementProps extends VideoCommonProps {
     youtubeId: string;
 }
 interface VimeoElementProps extends VideoCommonProps {
     vimeoId: string;
 }
-declare type CountdownTimeKey = 'days' | 'hours' | 'minutes' | 'seconds';
-declare type CountdownTimerType = 'fixed-time' | 'evergreen';
+type CountdownTimeKey = 'days' | 'hours' | 'minutes' | 'seconds';
+type CountdownTimerType = 'fixed-time' | 'evergreen';
 interface CountdownElementProps extends WeaverseElementProps {
     timerType: CountdownTimerType;
     startTime: number;
@@ -133,7 +133,7 @@ interface CountdownElementProps extends WeaverseElementProps {
     showLabel: boolean;
     showColon: boolean;
 }
-declare type TimerBlockProps = {
+type TimerBlockProps = {
     label: string;
     value: string | number;
 };
@@ -144,7 +144,7 @@ interface InstagramElementProps extends WeaverseElementProps {
     imagesPerRow: number;
     gap: number;
 }
-declare type InstagramMedia = {
+type InstagramMedia = {
     id: string;
     media_type: 'IMAGE' | 'CAROUSEL_ALBUM';
     media_url: string;

package/dist/index.js

@@ -73,7 +73,7 @@ var css = {
   "@desktop": {
     borderRadius: "72px",
     border: "none",
-    backgroundColor: "#0F71FF",
+    backgroundColor: "#393e46",
     color: "#fff",
     fontSize: "13px",
     padding: "10px 20px",
@@ -340,6 +340,7 @@ var Image = import_react5.default.forwardRef(
 );
 var css4 = {
   "@desktop": {
+    overflow: "hidden",
     img: {
       width: "100%",
       height: "100%",
@@ -385,7 +386,7 @@ var Layout = (0, import_react6.forwardRef)((props, ref) => {
     "--row-size": rowSize + "px",
     "--col-size": "calc((var(--grid-size) - calc(var(--columns) - 1) * var(--gap)) / var(--columns))"
   };
-  return /* @__PURE__ */ import_react6.default.createElement("section", {
+  return /* @__PURE__ */ import_react6.default.createElement("div", {
     ref,
     ...rest,
     style
@@ -466,7 +467,6 @@ var Map = (0, import_react7.forwardRef)((props, ref) => {
     ...rest
   }, /* @__PURE__ */ import_react7.default.createElement("iframe", {
     loading: "lazy",
-    scrolling: "no",
     width: "100%",
     height: "100%",
     title: "map",
@@ -474,7 +474,18 @@ var Map = (0, import_react7.forwardRef)((props, ref) => {
     style: { pointerEvents: "none" }
   }));
 });
-var css6 = {};
+var css6 = {
+  "@desktop": {
+    iframe: {
+      border: "none"
+    }
+  },
+  "@mobile": {
+    iframe: {
+      border: "none"
+    }
+  }
+};
 Map.defaultProps = {
   place: "Hanoi",
   zoom: 14
@@ -607,6 +618,14 @@ var css8 = {
       height: "100%",
       width: "100%",
       aspectRatio: "16 / 9"
+    },
+    iframe: {
+      border: "none"
+    }
+  },
+  "@mobile": {
+    iframe: {
+      border: "none"
     }
   }
 };

package/dist/index.mjs

@@ -42,7 +42,7 @@ var css = {
   "@desktop": {
     borderRadius: "72px",
     border: "none",
-    backgroundColor: "#0F71FF",
+    backgroundColor: "#393e46",
     color: "#fff",
     fontSize: "13px",
     padding: "10px 20px",
@@ -309,6 +309,7 @@ var Image = React5.forwardRef(
 );
 var css4 = {
   "@desktop": {
+    overflow: "hidden",
     img: {
       width: "100%",
       height: "100%",
@@ -354,7 +355,7 @@ var Layout = forwardRef4((props, ref) => {
     "--row-size": rowSize + "px",
     "--col-size": "calc((var(--grid-size) - calc(var(--columns) - 1) * var(--gap)) / var(--columns))"
   };
-  return /* @__PURE__ */ React6.createElement("section", {
+  return /* @__PURE__ */ React6.createElement("div", {
     ref,
     ...rest,
     style
@@ -435,7 +436,6 @@ var Map = forwardRef5((props, ref) => {
     ...rest
   }, /* @__PURE__ */ React7.createElement("iframe", {
     loading: "lazy",
-    scrolling: "no",
     width: "100%",
     height: "100%",
     title: "map",
@@ -443,7 +443,18 @@ var Map = forwardRef5((props, ref) => {
     style: { pointerEvents: "none" }
   }));
 });
-var css6 = {};
+var css6 = {
+  "@desktop": {
+    iframe: {
+      border: "none"
+    }
+  },
+  "@mobile": {
+    iframe: {
+      border: "none"
+    }
+  }
+};
 Map.defaultProps = {
   place: "Hanoi",
   zoom: 14
@@ -576,6 +587,14 @@ var css8 = {
       height: "100%",
       width: "100%",
       aspectRatio: "16 / 9"
+    },
+    iframe: {
+      border: "none"
+    }
+  },
+  "@mobile": {
+    iframe: {
+      border: "none"
     }
   }
 };

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "0.7.30",
+  "version": "0.7.31",
   "license": "MIT",
   "main": "dist/index.js",
   "typings": "dist/index.d.ts",
@@ -33,7 +33,7 @@
   "dependencies": {
     "@radix-ui/react-dialog": "^1.0.2",
     "@stitches/react": "^1.2.8",
-    "@weaverse/core": "0.7.30",
-    "nuka-carousel": "^5.4.0"
+    "@weaverse/core": "0.7.31",
+    "nuka-carousel": "^5.4.1"
   }
 }