@weaverse/react 1.0.21 → 1.0.23

package/dist/index.d.ts

@@ -176,7 +176,7 @@ declare let Components: {
 declare let SliderComponents: {
     Arrows: typeof Arrows;
     Dots: typeof Dots;
-    ResizePlugin: keen_slider_react.KeenSliderPlugin<{}, {}, keen_slider_react.KeenSliderHooks>;
+    ResizePlugin: keen_slider_react.KeenSliderPlugin;
     AutoplayPlugin: typeof AutoplayPlugin;
 };
 
@@ -323,7 +323,7 @@ interface SlideshowProps extends WeaverseElementProps {
     autoRotate: boolean;
     changeSlidesEvery: number;
 }
-interface SlideProps extends WeaverseElementProps, BackgroundProps, OverlayProps {
+interface SlideProps extends WeaverseElementProps, BackgroundDataProps, OverlayProps {
     contentPosition: string;
     children: ReactElement[];
 }

package/dist/index.js

@@ -111,7 +111,12 @@ var css2 = {
     alignItems: "flex-start",
     justifyContent: "flex-start",
     gridArea: "1 / 1 / 3 / 6",
-    overflow: "hidden"
+    overflow: "hidden",
+    minWidth: "300px",
+    minHeight: "100px"
+  },
+  "@mobile": {
+    minHeight: "100px"
   }
 };
 Container.defaultProps = {};
@@ -426,8 +431,8 @@ var css5 = {
   "@desktop": {
     position: "relative",
     "> [data-layout-content]": {
-      paddingTop: "var(--gap)",
-      paddingBottom: "var(--gap)",
+      // paddingTop: 'var(--gap)',
+      // paddingBottom: 'var(--gap)',
       margin: "0 auto",
       display: "grid",
       gridTemplateRows: "repeat(var(--rows), var(--row-size))",
@@ -2387,8 +2392,8 @@ var Slide = (0, import_react36.forwardRef)((props, ref) => {
     contentPosition,
     backgroundColor,
     backgroundImage,
-    backgroundFit,
-    backgroundPosition,
+    objectFit,
+    objectPosition,
     enableOverlay,
     overlayOpacity,
     children,
@@ -2399,8 +2404,8 @@ var Slide = (0, import_react36.forwardRef)((props, ref) => {
     {
       backgroundColor,
       backgroundImage,
-      backgroundFit,
-      backgroundPosition,
+      backgroundFit: objectFit,
+      backgroundPosition: objectPosition,
       className: "slide-background"
     }
   ), /* @__PURE__ */ import_react36.default.createElement(
@@ -2430,8 +2435,8 @@ var css12 = {
 };
 Slide.defaultProps = {
   contentPosition: "center center",
-  backgroundFit: "cover",
-  backgroundPosition: "center center",
+  objectFit: "cover",
+  objectPosition: "center center",
   enableOverlay: false,
   overlayOpacity: 30
 };
@@ -2569,7 +2574,6 @@ var WeaverseRoot = ({ context }) => {
       {
         className: `weaverse-content-root ${themeClass}`,
         ...eventHandlers,
-        suppressHydrationWarning: true,
         ref: rootRef
       },
       /* @__PURE__ */ import_react38.default.createElement(WeaverseContextProvider, { value: context }, /* @__PURE__ */ import_react38.default.createElement(ItemInstance, { id: context.data.rootId }))

package/dist/index.mjs

@@ -75,7 +75,12 @@ var css2 = {
     alignItems: "flex-start",
     justifyContent: "flex-start",
     gridArea: "1 / 1 / 3 / 6",
-    overflow: "hidden"
+    overflow: "hidden",
+    minWidth: "300px",
+    minHeight: "100px"
+  },
+  "@mobile": {
+    minHeight: "100px"
   }
 };
 Container.defaultProps = {};
@@ -390,8 +395,8 @@ var css5 = {
   "@desktop": {
     position: "relative",
     "> [data-layout-content]": {
-      paddingTop: "var(--gap)",
-      paddingBottom: "var(--gap)",
+      // paddingTop: 'var(--gap)',
+      // paddingBottom: 'var(--gap)',
       margin: "0 auto",
       display: "grid",
       gridTemplateRows: "repeat(var(--rows), var(--row-size))",
@@ -2351,8 +2356,8 @@ var Slide = forwardRef12((props, ref) => {
     contentPosition,
     backgroundColor,
     backgroundImage,
-    backgroundFit,
-    backgroundPosition,
+    objectFit,
+    objectPosition,
     enableOverlay,
     overlayOpacity,
     children,
@@ -2363,8 +2368,8 @@ var Slide = forwardRef12((props, ref) => {
     {
       backgroundColor,
       backgroundImage,
-      backgroundFit,
-      backgroundPosition,
+      backgroundFit: objectFit,
+      backgroundPosition: objectPosition,
       className: "slide-background"
     }
   ), /* @__PURE__ */ React29.createElement(
@@ -2394,8 +2399,8 @@ var css12 = {
 };
 Slide.defaultProps = {
   contentPosition: "center center",
-  backgroundFit: "cover",
-  backgroundPosition: "center center",
+  objectFit: "cover",
+  objectPosition: "center center",
   enableOverlay: false,
   overlayOpacity: 30
 };
@@ -2533,7 +2538,6 @@ var WeaverseRoot = ({ context }) => {
       {
         className: `weaverse-content-root ${themeClass}`,
         ...eventHandlers,
-        suppressHydrationWarning: true,
         ref: rootRef
       },
       /* @__PURE__ */ React30.createElement(WeaverseContextProvider, { value: context }, /* @__PURE__ */ React30.createElement(ItemInstance, { id: context.data.rootId }))

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "1.0.21",
+  "version": "1.0.23",
   "license": "MIT",
   "main": "dist/index.js",
   "typings": "dist/index.d.ts",
@@ -34,7 +34,7 @@
   "dependencies": {
     "@radix-ui/react-dialog": "^1.0.3",
     "@stitches/react": "^1.2.8",
-    "@weaverse/core": "1.0.21",
+    "@weaverse/core": "1.0.23",
     "clsx": "^1.2.1",
     "keen-slider": "^6.8.5"
   }