@weaverse/react 0.7.56 → 0.7.57

package/dist/index.d.ts

@@ -58,6 +58,7 @@ interface TooltipProps {
 interface SliderProps {
     children: React.ReactNode;
     className?: string;
+    gap?: number;
 }
 interface SliderArrowsProps {
     currentSlide: number;
@@ -94,8 +95,8 @@ interface ContainerElementProps extends WeaverseElementProps {
 interface ImageElementProps extends WeaverseElementProps {
     src: string;
     alt: string;
-    objectFit: 'contain' | 'cover';
-    objectPosition: 'left' | 'right' | 'top' | 'bottom' | 'center' | 'center left' | 'center right' | 'top left' | 'top right' | 'bottom left' | 'bottom right';
+    objectFit: CSSProperties['objectFit'];
+    objectPosition: CSSProperties['objectPosition'];
     clickAction: 'none' | 'openLightbox' | 'openLink';
     linkTo?: string;
     openLinkInNewTab?: boolean;
@@ -109,8 +110,8 @@ interface GridContentElementProps extends WeaverseElementProps {
 interface BackgroundDataProps {
     backgroundColor?: string;
     backgroundImage?: string;
-    objectFit?: 'contain' | 'cover' | 'fill' | 'none' | 'scale-down';
-    objectPosition?: string;
+    objectFit?: CSSProperties['objectFit'];
+    objectPosition?: CSSProperties['objectPosition'];
 }
 interface LayoutElementProps extends BackgroundDataProps, WeaverseElementProps {
     contentSize: number;
@@ -211,7 +212,7 @@ declare function Icon({ name, className, ...props }: WeaverseIconProps): JSX.Ele
 
 declare function Tooltip({ children }: TooltipProps): JSX.Element;
 
-declare function Slider({ children, className }: SliderProps): JSX.Element;
+declare function Slider({ children, className, gap }: SliderProps): JSX.Element;
 
 declare let Components: {
     Placeholder: React$1.ForwardRefExoticComponent<PlaceholderProps & React$1.RefAttributes<HTMLDivElement>>;

package/dist/index.js

@@ -361,7 +361,7 @@ Image.defaultProps = {
   src: "https://ucarecdn.com/cf54e41e-36a0-4547-a140-a302e0387890/",
   alt: "Image alt text",
   objectFit: "cover",
-  objectPosition: "center",
+  objectPosition: "center center",
   clickAction: "none",
   openLinkInNewTab: false,
   linkTo: ""
@@ -499,7 +499,11 @@ Layout.defaultProps = {
   rows: 16,
   columns: 12,
   gap: 16,
-  rowSize: 48
+  rowSize: 48,
+  objectFit: "cover",
+  objectPosition: "center center",
+  enableOverlay: false,
+  overlayOpacity: 30
 };
 var Layout_default = Layout;
 
@@ -1266,15 +1270,15 @@ var ResizePlugin = (slider) => {
 };
 
 // src/components/Slider/index.tsx
-function Slider({ children, className }) {
+function Slider({ children, className, gap }) {
   let [currentSlide, setCurrentSlide] = (0, import_react24.useState)(0);
   let [created, setCreated] = (0, import_react24.useState)(false);
   let [ref, instanceRef] = (0, import_react23.useKeenSlider)(
     {
-      slides: { perView: 4, spacing: 16 },
+      slides: { perView: 4, spacing: gap },
       breakpoints: {
         "(max-width: 1024px)": {
-          slides: { perView: 3, spacing: 16 }
+          slides: { perView: 3, spacing: gap }
         },
         "(max-width: 768px)": {
           slides: {

package/dist/index.mjs

@@ -330,7 +330,7 @@ Image.defaultProps = {
   src: "https://ucarecdn.com/cf54e41e-36a0-4547-a140-a302e0387890/",
   alt: "Image alt text",
   objectFit: "cover",
-  objectPosition: "center",
+  objectPosition: "center center",
   clickAction: "none",
   openLinkInNewTab: false,
   linkTo: ""
@@ -468,7 +468,11 @@ Layout.defaultProps = {
   rows: 16,
   columns: 12,
   gap: 16,
-  rowSize: 48
+  rowSize: 48,
+  objectFit: "cover",
+  objectPosition: "center center",
+  enableOverlay: false,
+  overlayOpacity: 30
 };
 var Layout_default = Layout;
 
@@ -1235,15 +1239,15 @@ var ResizePlugin = (slider) => {
 };
 
 // src/components/Slider/index.tsx
-function Slider({ children, className }) {
+function Slider({ children, className, gap }) {
   let [currentSlide, setCurrentSlide] = useState(0);
   let [created, setCreated] = useState(false);
   let [ref, instanceRef] = useKeenSlider(
     {
-      slides: { perView: 4, spacing: 16 },
+      slides: { perView: 4, spacing: gap },
       breakpoints: {
         "(max-width: 1024px)": {
-          slides: { perView: 3, spacing: 16 }
+          slides: { perView: 3, spacing: gap }
         },
         "(max-width: 768px)": {
           slides: {

package/package.json

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