diff --git a/apps/builder/app/builder/features/style-panel/sections/size/size.tsx b/apps/builder/app/builder/features/style-panel/sections/size/size.tsx
index 082842d96ae1..b8fbbe7352fc 100644
--- a/apps/builder/app/builder/features/style-panel/sections/size/size.tsx
+++ b/apps/builder/app/builder/features/style-panel/sections/size/size.tsx
@@ -119,26 +119,22 @@ export const Section = () => {
items={[
{
child: ,
- description:
- "Content is fully visible and extends beyond the container if it exceeds its size.",
+ description: propertyDescriptions["overflowX:visible"],
value: "visible",
},
{
child: ,
- description:
- "Content that exceeds the container's size is clipped without scrollbars.",
+ description: propertyDescriptions["overflowX:clip"],
value: "clip",
},
{
child: ,
- description:
- "Content that exceeds the container's size is hidden without scrollbars.",
+ description: propertyDescriptions["overflowX:hidden"],
value: "hidden",
},
{
child: ,
- description:
- "Scrollbars are added to the container only when necessary, based on the content size.",
+ description: propertyDescriptions["overflowX:auto"],
value: "auto",
},
]}
diff --git a/packages/css-data/src/__generated__/property-value-descriptions.ts b/packages/css-data/src/__generated__/property-value-descriptions.ts
index 3f5c22cff54a..a01152545928 100644
--- a/packages/css-data/src/__generated__/property-value-descriptions.ts
+++ b/packages/css-data/src/__generated__/property-value-descriptions.ts
@@ -3109,25 +3109,28 @@ export const declarationsGenerated = {
"overflowWrap:inherit": "Inherits a property from its parent element.",
"overflowWrap:unset": "Resets to its default value.",
"overflowX:visible":
- "The content is not clipped and may be rendered outside the content box.",
- "overflowX:hidden": "The content is clipped and not visible.",
+ "Content is fully visible and extends beyond the container if it exceeds its size.",
+ "overflowX:hidden":
+ "Content that exceeds the container’s size is hidden without scrollbars. It can be scrolled with JavaScript or via a scroll-timeline animation.",
"overflowX:clip":
- "Creates no scrolling mechanism but clips the content at the borders of the element.",
+ "Content that exceeds the container’s size is clipped without scrollbars. It can not be scrolled with JavaScript or via a scroll-timeline animation.",
"overflowX:scroll":
"Creates a scrolling mechanism for the content outside the box.",
"overflowX:auto":
- "Adds a horizontal scrollbar when the content exceeds the borders of the element.",
+ "Scrollbars are added to the container only when necessary, based on the content size.",
"overflowX:initial": "Sets the default value of a property.",
"overflowX:inherit": "Inherits a property from its parent element.",
"overflowX:unset": "Resets to its default value.",
"overflowY:visible":
- "The content is not clipped and may be rendered outside the content box.",
- "overflowY:hidden": "Hides any content that overflows the element.",
- "overflowY:clip": "Clips any content that overflows the element.",
+ "Content is fully visible and extends beyond the container if it exceeds its size.",
+ "overflowY:hidden":
+ "Content that exceeds the container’s size is hidden without scrollbars. It can be scrolled with JavaScript or via a scroll-timeline animation.",
+ "overflowY:clip":
+ "Content that exceeds the container’s size is clipped without scrollbars. It can not be scrolled with JavaScript or via a scroll-timeline animation.",
"overflowY:scroll":
- "Adds a vertical scrollbar when content overflows the element.",
+ "Creates a scrolling mechanism for the content outside the box.",
"overflowY:auto":
- "Adds a vertical scrollbar when content overflows the element, only when necessary.",
+ "Scrollbars are added to the container only when necessary, based on the content size.",
"overscrollBehavior:contain":
"Prevents pull-to-refresh and rubber band scrolling outside of the element.",
"overscrollBehavior:none":
diff --git a/packages/sdk-components-react/src/__generated__/time.props.ts b/packages/sdk-components-react/src/__generated__/time.props.ts
index 54f507eff194..852f06d4a71f 100644
--- a/packages/sdk-components-react/src/__generated__/time.props.ts
+++ b/packages/sdk-components-react/src/__generated__/time.props.ts
@@ -215,13 +215,6 @@ export const props: Record = {
defaultValue: "medium",
options: ["full", "long", "medium", "short", "none"],
},
- datetime: {
- required: false,
- control: "text",
- type: "string",
- defaultValue: "dateTime attribute is not set",
- description: "Machine-readable value",
- },
language: {
required: false,
control: "select",
diff --git a/packages/sdk-components-react/src/time.tsx b/packages/sdk-components-react/src/time.tsx
index 761ac784f58d..44df0070c87c 100644
--- a/packages/sdk-components-react/src/time.tsx
+++ b/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, "dateTime"> & {
language?: Language;
country?: Country;
dateStyle?: DateStyle;
@@ -360,7 +359,8 @@ export const Time = forwardRef, 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, TimeProps>(
};
const datetimeString =
- datetime === null ? INVALID_DATE_STRING : datetime.toString();
+ dateTime === null ? INVALID_DATE_STRING : dateTime.toString();
const date = parseDate(datetimeString);
let formattedDate = datetimeString;
diff --git a/packages/sdk-components-react/src/vimeo.tsx b/packages/sdk-components-react/src/vimeo.tsx
index bac64c6f8cc5..643dffe73b6a 100644
--- a/packages/sdk-components-react/src/vimeo.tsx
+++ b/packages/sdk-components-react/src/vimeo.tsx
@@ -352,6 +352,8 @@ type Props = Omit, keyof VimeoOptions> &
* Example: "Video about web development tips".
*/
title?: string | undefined;
+ // temporary prop until props render is fixed
+ autoPlay?: boolean;
};
type Ref = ElementRef;
@@ -360,7 +362,8 @@ export const Vimeo = forwardRef[(
{
url,
loading = "lazy",
- autoplay = false,
+ autoPlay,
+ autoplay = autoPlay ?? false,
autopause = true,
showByline = false,
showControls = true,
diff --git a/packages/sdk-components-react/src/youtube.tsx b/packages/sdk-components-react/src/youtube.tsx
index 1c6e5d58a934..77e1344d1114 100644
--- a/packages/sdk-components-react/src/youtube.tsx
+++ b/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;
@@ -478,7 +480,8 @@ export const YouTube = forwardRef][(
{
url,
loading = "lazy",
- autoplay,
+ autoPlay,
+ autoplay = autoPlay ?? false,
showPreview,
showAnnotations,
showCaptions,
]