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,