build: Release 11-05-2025

apps/builder/app/builder/features/style-panel/sections/size/size.tsx

@@ -119,26 +119,22 @@ export const Section = () => {
           items={[
             {
               child: <EyeOpenIcon />,
-              description:
-                "Content is fully visible and extends beyond the container if it exceeds its size.",
+              description: propertyDescriptions["overflowX:visible"],
               value: "visible",
             },
             {
               child: <CropIcon />,
-              description:
-                "Content that exceeds the container's size is clipped without scrollbars.",
+              description: propertyDescriptions["overflowX:clip"],
               value: "clip",
             },
             {
               child: <EyeClosedIcon />,
-              description:
-                "Content that exceeds the container's size is hidden without scrollbars.",
+              description: propertyDescriptions["overflowX:hidden"],
               value: "hidden",
             },
             {
               child: <AutoScrollIcon />,
-              description:
-                "Scrollbars are added to the container only when necessary, based on the content size.",
+              description: propertyDescriptions["overflowX:auto"],
               value: "auto",
             },
           ]}

packages/sdk-components-react/src/time.tsx

@@ -1,4 +1,4 @@
-import { forwardRef, type ElementRef } from "react";
+import { forwardRef, type ComponentProps, type ElementRef } from "react";
 
 const languages = [
   "af",
@@ -345,8 +345,7 @@ const parseDate = (datetimeString: string) => {
   }
 };
 
-type TimeProps = {
-  datetime?: string;
+type TimeProps = Pick<ComponentProps<"time">, "dateTime"> & {
   language?: Language;
   country?: Country;
   dateStyle?: DateStyle;
@@ -360,7 +359,8 @@ export const Time = forwardRef<ElementRef<"time">, TimeProps>(
       country = DEFAULT_COUNTRY,
       dateStyle = DEFAULT_DATE_STYLE,
       timeStyle = DEFAULT_TIME_STYLE,
-      datetime = INITIAL_DATE_STRING,
+      // native html attribute in react style
+      dateTime = INITIAL_DATE_STRING,
       ...props
     },
     ref
@@ -375,7 +375,7 @@ export const Time = forwardRef<ElementRef<"time">, TimeProps>(
     };
 
     const datetimeString =
-      datetime === null ? INVALID_DATE_STRING : datetime.toString();
+      dateTime === null ? INVALID_DATE_STRING : dateTime.toString();
 
     const date = parseDate(datetimeString);
     let formattedDate = datetimeString;

packages/sdk-components-react/src/vimeo.tsx

@@ -352,6 +352,8 @@ type Props = Omit<ComponentProps<typeof defaultTag>, keyof VimeoOptions> &
      * Example: "Video about web development tips".
      */
     title?: string | undefined;
+    // temporary prop until props render is fixed
+    autoPlay?: boolean;
   };
 type Ref = ElementRef<typeof defaultTag>;
 
@@ -360,7 +362,8 @@ export const Vimeo = forwardRef<Ref, Props>(
     {
       url,
       loading = "lazy",
-      autoplay = false,
+      autoPlay,
+      autoplay = autoPlay ?? false,
       autopause = true,
       showByline = false,
       showControls = true,

packages/sdk-components-react/src/youtube.tsx

@@ -470,6 +470,8 @@ type Props = Omit<
      * Example: "Video about web development tips".
      */
     title?: string | undefined;
+    // temporary prop until props render is fixed
+    autoPlay?: boolean;
   };
 type Ref = ElementRef<typeof defaultTag>;
 
@@ -478,7 +480,8 @@ export const YouTube = forwardRef<Ref, Props>(
     {
       url,
       loading = "lazy",
-      autoplay,
+      autoPlay,
+      autoplay = autoPlay ?? false,
       showPreview,
       showAnnotations,
       showCaptions,