@yahoo/uds-v5-wip 1.16.0 → 1.16.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/config/dist/createConfig.js +1 -1
- package/dist/core/dist/createComponent.js +1 -1
- package/dist/remotion/dist/components/image-slide.d.ts +2 -1
- package/dist/remotion/dist/components/image-slide.js +3 -3
- package/dist/remotion/dist/components/index.js +7 -7
- package/dist/remotion/dist/components/lower-third.d.ts +2 -1
- package/dist/remotion/dist/components/lower-third.js +5 -5
- package/dist/remotion/dist/components/quote-card.d.ts +2 -1
- package/dist/remotion/dist/components/quote-card.js +4 -4
- package/dist/remotion/dist/components/split-screen.d.ts +2 -1
- package/dist/remotion/dist/components/split-screen.js +7 -7
- package/dist/remotion/dist/components/stat-card.d.ts +2 -1
- package/dist/remotion/dist/components/stat-card.js +3 -3
- package/dist/remotion/dist/components/text-overlay.d.ts +2 -1
- package/dist/remotion/dist/components/text-overlay.js +2 -2
- package/dist/remotion/dist/components/title-card.d.ts +2 -1
- package/dist/remotion/dist/components/title-card.js +3 -3
- package/dist/remotion/dist/components/typing-text.d.ts +2 -1
- package/dist/remotion/dist/components/typing-text.js +3 -3
- package/dist/tsconfig.tsbuildinfo +1 -1
- package/package.json +3 -3
|
@@ -4,9 +4,9 @@ import "../../utils/dist/index.js";
|
|
|
4
4
|
import { getConfigurablePropMapping } from "../../core/dist/propMappings.js";
|
|
5
5
|
import "../../core/dist/index.js";
|
|
6
6
|
import { buildMotionReference, resolveComponentMotionAliases, validateComponentVariants } from "./component-resolution.js";
|
|
7
|
+
import { applyPresetToData, deepMerge, mergeAtomic } from "./preset-merge.js";
|
|
7
8
|
import { expandPropertyGroups } from "./propertyGroups.js";
|
|
8
9
|
import { resolveTokenType, sniffTokenTypeFromValue } from "./resolveTokenTypes.js";
|
|
9
|
-
import { applyPresetToData, deepMerge, mergeAtomic } from "./preset-merge.js";
|
|
10
10
|
//#region ../config/dist/createConfig.js
|
|
11
11
|
/** biome-ignore-all lint/suspicious/noExplicitAny: necessary for dynamic builder to work correctly */
|
|
12
12
|
/** Build a structured token reference object from atomic tokens */
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
+
import { applySlotOverrides, assertTransformedConfig, buildSlotProps, buildUntransformedSlotProps, inferComponentNameFromRenderFn, mergeMotionConfig, mergeRootClassName, mergeSlotMotionProps, partitionMergedProps } from "./createComponent.boundaries.js";
|
|
1
2
|
import { processStyleProps } from "./getStyles.js";
|
|
2
3
|
import { createComponentStyler } from "./getComponentStyles.js";
|
|
3
|
-
import { applySlotOverrides, assertTransformedConfig, buildSlotProps, buildUntransformedSlotProps, inferComponentNameFromRenderFn, mergeMotionConfig, mergeRootClassName, mergeSlotMotionProps, partitionMergedProps } from "./createComponent.boundaries.js";
|
|
4
4
|
import { createElement } from "react";
|
|
5
5
|
//#region ../core/dist/createComponent.js
|
|
6
6
|
function createPrimitiveRenderFn(tag) {
|
|
@@ -2,6 +2,7 @@ import * as _$react from "react";
|
|
|
2
2
|
import * as _$_uds_types0 from "@uds/types";
|
|
3
3
|
|
|
4
4
|
//#region ../remotion/dist/components/image-slide.d.ts
|
|
5
|
+
//#region src/components/image-slide.d.ts
|
|
5
6
|
/**
|
|
6
7
|
* @description Full-screen image slide with optional caption overlay
|
|
7
8
|
*/
|
|
@@ -14,6 +15,6 @@ declare const ImageSlide: _$react.FC<_$_uds_types0.CreateComponentProps<string,
|
|
|
14
15
|
root: "div";
|
|
15
16
|
image: "img";
|
|
16
17
|
caption: "div";
|
|
17
|
-
}>>;
|
|
18
|
+
}>>; //#endregion
|
|
18
19
|
//#endregion
|
|
19
20
|
export { ImageSlide };
|
|
@@ -5,15 +5,15 @@ import { jsx, jsxs } from "react/jsx-runtime";
|
|
|
5
5
|
/**
|
|
6
6
|
* @description Full-screen image slide with optional caption overlay
|
|
7
7
|
*/
|
|
8
|
-
const ImageSlide = createComponent(({ props, src, alt, caption, children }) => jsxs("div", {
|
|
8
|
+
const ImageSlide = createComponent(({ props, src, alt, caption, children }) => /* @__PURE__ */ jsxs("div", {
|
|
9
9
|
...props.root,
|
|
10
10
|
children: [
|
|
11
|
-
jsx("img", {
|
|
11
|
+
/* @__PURE__ */ jsx("img", {
|
|
12
12
|
...props.image,
|
|
13
13
|
src,
|
|
14
14
|
alt: alt ?? ""
|
|
15
15
|
}),
|
|
16
|
-
caption && jsx("div", {
|
|
16
|
+
caption && /* @__PURE__ */ jsx("div", {
|
|
17
17
|
...props.caption,
|
|
18
18
|
children: caption
|
|
19
19
|
}),
|
|
@@ -1,16 +1,16 @@
|
|
|
1
1
|
import "./image-slide.js";
|
|
2
|
-
import "./image-slide.config.js";
|
|
3
2
|
import "./lower-third.js";
|
|
4
|
-
import "./lower-third.config.js";
|
|
5
3
|
import "./quote-card.js";
|
|
6
|
-
import "./quote-card.config.js";
|
|
7
4
|
import "./split-screen.js";
|
|
8
|
-
import "./split-screen.config.js";
|
|
9
5
|
import "./stat-card.js";
|
|
10
|
-
import "./stat-card.config.js";
|
|
11
6
|
import "./text-overlay.js";
|
|
12
|
-
import "./text-overlay.config.js";
|
|
13
7
|
import "./title-card.js";
|
|
14
|
-
import "./title-card.config.js";
|
|
15
8
|
import "./typing-text.js";
|
|
9
|
+
import "./image-slide.config.js";
|
|
10
|
+
import "./lower-third.config.js";
|
|
11
|
+
import "./quote-card.config.js";
|
|
12
|
+
import "./split-screen.config.js";
|
|
13
|
+
import "./stat-card.config.js";
|
|
14
|
+
import "./text-overlay.config.js";
|
|
15
|
+
import "./title-card.config.js";
|
|
16
16
|
import "./typing-text.config.js";
|
|
@@ -2,6 +2,7 @@ import * as _$react from "react";
|
|
|
2
2
|
import * as _$_uds_types0 from "@uds/types";
|
|
3
3
|
|
|
4
4
|
//#region ../remotion/dist/components/lower-third.d.ts
|
|
5
|
+
//#region src/components/lower-third.d.ts
|
|
5
6
|
/**
|
|
6
7
|
* @description Lower-third overlay with title and optional subtitle
|
|
7
8
|
*/
|
|
@@ -15,6 +16,6 @@ declare const LowerThird: _$react.FC<_$_uds_types0.CreateComponentProps<string,
|
|
|
15
16
|
content: "div";
|
|
16
17
|
title: "div";
|
|
17
18
|
subtitle: "div";
|
|
18
|
-
}>>;
|
|
19
|
+
}>>; //#endregion
|
|
19
20
|
//#endregion
|
|
20
21
|
export { LowerThird };
|
|
@@ -5,16 +5,16 @@ import { jsx, jsxs } from "react/jsx-runtime";
|
|
|
5
5
|
/**
|
|
6
6
|
* @description Lower-third overlay with title and optional subtitle
|
|
7
7
|
*/
|
|
8
|
-
const LowerThird = createComponent(({ props, title, subtitle, children }) => jsxs("div", {
|
|
8
|
+
const LowerThird = createComponent(({ props, title, subtitle, children }) => /* @__PURE__ */ jsxs("div", {
|
|
9
9
|
...props.root,
|
|
10
10
|
children: [
|
|
11
|
-
jsx("div", { ...props.bar }),
|
|
12
|
-
jsxs("div", {
|
|
11
|
+
/* @__PURE__ */ jsx("div", { ...props.bar }),
|
|
12
|
+
/* @__PURE__ */ jsxs("div", {
|
|
13
13
|
...props.content,
|
|
14
|
-
children: [jsx("div", {
|
|
14
|
+
children: [/* @__PURE__ */ jsx("div", {
|
|
15
15
|
...props.title,
|
|
16
16
|
children: title
|
|
17
|
-
}), subtitle && jsx("div", {
|
|
17
|
+
}), subtitle && /* @__PURE__ */ jsx("div", {
|
|
18
18
|
...props.subtitle,
|
|
19
19
|
children: subtitle
|
|
20
20
|
})]
|
|
@@ -2,6 +2,7 @@ import * as _$react from "react";
|
|
|
2
2
|
import * as _$_uds_types0 from "@uds/types";
|
|
3
3
|
|
|
4
4
|
//#region ../remotion/dist/components/quote-card.d.ts
|
|
5
|
+
//#region src/components/quote-card.d.ts
|
|
5
6
|
/**
|
|
6
7
|
* @description Full-screen quote display with optional attribution
|
|
7
8
|
*/
|
|
@@ -15,6 +16,6 @@ declare const QuoteCard: _$react.FC<_$_uds_types0.CreateComponentProps<string, {
|
|
|
15
16
|
quote: "div";
|
|
16
17
|
divider: "div";
|
|
17
18
|
attribution: "div";
|
|
18
|
-
}>>;
|
|
19
|
+
}>>; //#endregion
|
|
19
20
|
//#endregion
|
|
20
21
|
export { QuoteCard };
|
|
@@ -5,18 +5,18 @@ import { Fragment, jsx, jsxs } from "react/jsx-runtime";
|
|
|
5
5
|
/**
|
|
6
6
|
* @description Full-screen quote display with optional attribution
|
|
7
7
|
*/
|
|
8
|
-
const QuoteCard = createComponent(({ props, quote, attribution, children }) => jsxs("div", {
|
|
8
|
+
const QuoteCard = createComponent(({ props, quote, attribution, children }) => /* @__PURE__ */ jsxs("div", {
|
|
9
9
|
...props.root,
|
|
10
10
|
children: [
|
|
11
|
-
jsx("div", {
|
|
11
|
+
/* @__PURE__ */ jsx("div", {
|
|
12
12
|
...props.mark,
|
|
13
13
|
children: "“"
|
|
14
14
|
}),
|
|
15
|
-
jsx("div", {
|
|
15
|
+
/* @__PURE__ */ jsx("div", {
|
|
16
16
|
...props.quote,
|
|
17
17
|
children: quote
|
|
18
18
|
}),
|
|
19
|
-
attribution && jsxs(Fragment, { children: [jsx("div", { ...props.divider }), jsx("div", {
|
|
19
|
+
attribution && /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("div", { ...props.divider }), /* @__PURE__ */ jsx("div", {
|
|
20
20
|
...props.attribution,
|
|
21
21
|
children: attribution
|
|
22
22
|
})] }),
|
|
@@ -2,6 +2,7 @@ import * as _$react from "react";
|
|
|
2
2
|
import * as _$_uds_types0 from "@uds/types";
|
|
3
3
|
|
|
4
4
|
//#region ../remotion/dist/components/split-screen.d.ts
|
|
5
|
+
//#region src/components/split-screen.d.ts
|
|
5
6
|
/**
|
|
6
7
|
* @description Side-by-side split screen layout for comparing content
|
|
7
8
|
*/
|
|
@@ -19,6 +20,6 @@ declare const SplitScreen: _$react.FC<_$_uds_types0.CreateComponentProps<string,
|
|
|
19
20
|
leftBody: "div";
|
|
20
21
|
rightTitle: "div";
|
|
21
22
|
rightBody: "div";
|
|
22
|
-
}>>;
|
|
23
|
+
}>>; //#endregion
|
|
23
24
|
//#endregion
|
|
24
25
|
export { SplitScreen };
|
|
@@ -5,25 +5,25 @@ import { jsx, jsxs } from "react/jsx-runtime";
|
|
|
5
5
|
/**
|
|
6
6
|
* @description Side-by-side split screen layout for comparing content
|
|
7
7
|
*/
|
|
8
|
-
const SplitScreen = createComponent(({ props, leftTitle, leftBody, rightTitle, rightBody, children }) => jsxs("div", {
|
|
8
|
+
const SplitScreen = createComponent(({ props, leftTitle, leftBody, rightTitle, rightBody, children }) => /* @__PURE__ */ jsxs("div", {
|
|
9
9
|
...props.root,
|
|
10
10
|
children: [
|
|
11
|
-
jsxs("div", {
|
|
11
|
+
/* @__PURE__ */ jsxs("div", {
|
|
12
12
|
...props.left,
|
|
13
|
-
children: [leftTitle && jsx("div", {
|
|
13
|
+
children: [leftTitle && /* @__PURE__ */ jsx("div", {
|
|
14
14
|
...props.leftTitle,
|
|
15
15
|
children: leftTitle
|
|
16
|
-
}), leftBody && jsx("div", {
|
|
16
|
+
}), leftBody && /* @__PURE__ */ jsx("div", {
|
|
17
17
|
...props.leftBody,
|
|
18
18
|
children: leftBody
|
|
19
19
|
})]
|
|
20
20
|
}),
|
|
21
|
-
jsxs("div", {
|
|
21
|
+
/* @__PURE__ */ jsxs("div", {
|
|
22
22
|
...props.right,
|
|
23
|
-
children: [rightTitle && jsx("div", {
|
|
23
|
+
children: [rightTitle && /* @__PURE__ */ jsx("div", {
|
|
24
24
|
...props.rightTitle,
|
|
25
25
|
children: rightTitle
|
|
26
|
-
}), rightBody && jsx("div", {
|
|
26
|
+
}), rightBody && /* @__PURE__ */ jsx("div", {
|
|
27
27
|
...props.rightBody,
|
|
28
28
|
children: rightBody
|
|
29
29
|
})]
|
|
@@ -2,6 +2,7 @@ import * as _$react from "react";
|
|
|
2
2
|
import * as _$_uds_types0 from "@uds/types";
|
|
3
3
|
|
|
4
4
|
//#region ../remotion/dist/components/stat-card.d.ts
|
|
5
|
+
//#region src/components/stat-card.d.ts
|
|
5
6
|
/**
|
|
6
7
|
* @description Full-screen statistic display with large value and label
|
|
7
8
|
*/
|
|
@@ -13,6 +14,6 @@ declare const StatCard: _$react.FC<_$_uds_types0.CreateComponentProps<string, {
|
|
|
13
14
|
root: "div";
|
|
14
15
|
value: "div";
|
|
15
16
|
label: "div";
|
|
16
|
-
}>>;
|
|
17
|
+
}>>; //#endregion
|
|
17
18
|
//#endregion
|
|
18
19
|
export { StatCard };
|
|
@@ -5,14 +5,14 @@ import { jsx, jsxs } from "react/jsx-runtime";
|
|
|
5
5
|
/**
|
|
6
6
|
* @description Full-screen statistic display with large value and label
|
|
7
7
|
*/
|
|
8
|
-
const StatCard = createComponent(({ props, value, label, children }) => jsxs("div", {
|
|
8
|
+
const StatCard = createComponent(({ props, value, label, children }) => /* @__PURE__ */ jsxs("div", {
|
|
9
9
|
...props.root,
|
|
10
10
|
children: [
|
|
11
|
-
jsx("div", {
|
|
11
|
+
/* @__PURE__ */ jsx("div", {
|
|
12
12
|
...props.value,
|
|
13
13
|
children: value
|
|
14
14
|
}),
|
|
15
|
-
label && jsx("div", {
|
|
15
|
+
label && /* @__PURE__ */ jsx("div", {
|
|
16
16
|
...props.label,
|
|
17
17
|
children: label
|
|
18
18
|
}),
|
|
@@ -2,6 +2,7 @@ import * as _$react from "react";
|
|
|
2
2
|
import * as _$_uds_types0 from "@uds/types";
|
|
3
3
|
|
|
4
4
|
//#region ../remotion/dist/components/text-overlay.d.ts
|
|
5
|
+
//#region src/components/text-overlay.d.ts
|
|
5
6
|
/**
|
|
6
7
|
* @description Full-screen text overlay for displaying text over video or images
|
|
7
8
|
*/
|
|
@@ -11,6 +12,6 @@ declare const TextOverlay: _$react.FC<_$_uds_types0.CreateComponentProps<string,
|
|
|
11
12
|
}, {
|
|
12
13
|
root: "div";
|
|
13
14
|
text: "div";
|
|
14
|
-
}>>;
|
|
15
|
+
}>>; //#endregion
|
|
15
16
|
//#endregion
|
|
16
17
|
export { TextOverlay };
|
|
@@ -5,9 +5,9 @@ import { jsx, jsxs } from "react/jsx-runtime";
|
|
|
5
5
|
/**
|
|
6
6
|
* @description Full-screen text overlay for displaying text over video or images
|
|
7
7
|
*/
|
|
8
|
-
const TextOverlay = createComponent(({ props, text, children }) => jsxs("div", {
|
|
8
|
+
const TextOverlay = createComponent(({ props, text, children }) => /* @__PURE__ */ jsxs("div", {
|
|
9
9
|
...props.root,
|
|
10
|
-
children: [jsx("div", {
|
|
10
|
+
children: [/* @__PURE__ */ jsx("div", {
|
|
11
11
|
...props.text,
|
|
12
12
|
children: text
|
|
13
13
|
}), children]
|
|
@@ -2,6 +2,7 @@ import * as _$react from "react";
|
|
|
2
2
|
import * as _$_uds_types0 from "@uds/types";
|
|
3
3
|
|
|
4
4
|
//#region ../remotion/dist/components/title-card.d.ts
|
|
5
|
+
//#region src/components/title-card.d.ts
|
|
5
6
|
/**
|
|
6
7
|
* @description Full-screen title card with optional subtitle for video scenes
|
|
7
8
|
*/
|
|
@@ -13,6 +14,6 @@ declare const TitleCard: _$react.FC<_$_uds_types0.CreateComponentProps<string, {
|
|
|
13
14
|
root: "div";
|
|
14
15
|
title: "div";
|
|
15
16
|
subtitle: "div";
|
|
16
|
-
}>>;
|
|
17
|
+
}>>; //#endregion
|
|
17
18
|
//#endregion
|
|
18
19
|
export { TitleCard };
|
|
@@ -5,14 +5,14 @@ import { jsx, jsxs } from "react/jsx-runtime";
|
|
|
5
5
|
/**
|
|
6
6
|
* @description Full-screen title card with optional subtitle for video scenes
|
|
7
7
|
*/
|
|
8
|
-
const TitleCard = createComponent(({ props, title, subtitle, children }) => jsxs("div", {
|
|
8
|
+
const TitleCard = createComponent(({ props, title, subtitle, children }) => /* @__PURE__ */ jsxs("div", {
|
|
9
9
|
...props.root,
|
|
10
10
|
children: [
|
|
11
|
-
jsx("div", {
|
|
11
|
+
/* @__PURE__ */ jsx("div", {
|
|
12
12
|
...props.title,
|
|
13
13
|
children: title
|
|
14
14
|
}),
|
|
15
|
-
subtitle && jsx("div", {
|
|
15
|
+
subtitle && /* @__PURE__ */ jsx("div", {
|
|
16
16
|
...props.subtitle,
|
|
17
17
|
children: subtitle
|
|
18
18
|
}),
|
|
@@ -2,6 +2,7 @@ import * as _$react from "react";
|
|
|
2
2
|
import * as _$_uds_types0 from "@uds/types";
|
|
3
3
|
|
|
4
4
|
//#region ../remotion/dist/components/typing-text.d.ts
|
|
5
|
+
//#region src/components/typing-text.d.ts
|
|
5
6
|
/**
|
|
6
7
|
* @description Typing text animation that reveals characters frame by frame
|
|
7
8
|
*/
|
|
@@ -15,6 +16,6 @@ declare const TypingText: _$react.FC<_$_uds_types0.CreateComponentProps<string,
|
|
|
15
16
|
root: "div";
|
|
16
17
|
text: "div";
|
|
17
18
|
cursor: "div";
|
|
18
|
-
}>>;
|
|
19
|
+
}>>; //#endregion
|
|
19
20
|
//#endregion
|
|
20
21
|
export { TypingText };
|
|
@@ -11,11 +11,11 @@ const TypingText = createComponent(({ props, text, speed = 1, delay = 0, frame,
|
|
|
11
11
|
const charsToShow = isAnimating ? Math.min(Math.floor(effectiveFrame * speed), text.length) : text.length;
|
|
12
12
|
const visibleText = text.slice(0, charsToShow);
|
|
13
13
|
const showCursor = isAnimating && charsToShow < text.length;
|
|
14
|
-
return jsxs("div", {
|
|
14
|
+
return /* @__PURE__ */ jsxs("div", {
|
|
15
15
|
...props.root,
|
|
16
|
-
children: [jsxs("div", {
|
|
16
|
+
children: [/* @__PURE__ */ jsxs("div", {
|
|
17
17
|
...props.text,
|
|
18
|
-
children: [visibleText, showCursor && jsx("span", { ...props.cursor })]
|
|
18
|
+
children: [visibleText, showCursor && /* @__PURE__ */ jsx("span", { ...props.cursor })]
|
|
19
19
|
}), children]
|
|
20
20
|
});
|
|
21
21
|
});
|