@yahoo/uds-v5-wip 1.30.0 → 1.31.0
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/loader/dist/loader.d.ts +2 -1
- package/dist/loader/dist/next.d.ts +2 -1
- package/dist/presets/dist/boldVibrant.d.ts +2 -1
- package/dist/presets/dist/brutalist.d.ts +2 -1
- package/dist/presets/dist/candy.d.ts +2 -1
- package/dist/presets/dist/cleanMinimalist.d.ts +2 -1
- package/dist/presets/dist/corporate.d.ts +2 -1
- package/dist/presets/dist/darkMoody.d.ts +2 -1
- package/dist/presets/dist/defaultPreset.d.ts +2 -1
- package/dist/presets/dist/forest.d.ts +2 -1
- package/dist/presets/dist/highContrast.d.ts +2 -1
- package/dist/presets/dist/lavender.d.ts +2 -1
- package/dist/presets/dist/luxury.d.ts +2 -1
- package/dist/presets/dist/monochrome.d.ts +2 -1
- package/dist/presets/dist/neonCyber.d.ts +2 -1
- package/dist/presets/dist/newspaper.d.ts +2 -1
- package/dist/presets/dist/ocean.d.ts +2 -1
- package/dist/presets/dist/slate.d.ts +2 -1
- package/dist/presets/dist/sunset.d.ts +2 -1
- package/dist/presets/dist/terminal.d.ts +2 -1
- package/dist/presets/dist/warmOrganic.d.ts +2 -1
- package/dist/remotion/dist/components/image-slide.d.ts +1 -2
- 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 +1 -2
- package/dist/remotion/dist/components/lower-third.js +5 -5
- package/dist/remotion/dist/components/quote-card.d.ts +1 -2
- package/dist/remotion/dist/components/quote-card.js +4 -4
- package/dist/remotion/dist/components/split-screen.d.ts +1 -2
- package/dist/remotion/dist/components/split-screen.js +7 -7
- package/dist/remotion/dist/components/stat-card.d.ts +1 -2
- package/dist/remotion/dist/components/stat-card.js +3 -3
- package/dist/remotion/dist/components/text-overlay.d.ts +1 -2
- package/dist/remotion/dist/components/text-overlay.js +2 -2
- package/dist/remotion/dist/components/title-card.d.ts +1 -2
- package/dist/remotion/dist/components/title-card.js +3 -3
- package/dist/remotion/dist/components/typing-text.d.ts +1 -2
- 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";
|
|
8
7
|
import { expandPropertyGroups } from "./propertyGroups.js";
|
|
9
8
|
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,7 +1,8 @@
|
|
|
1
1
|
import { LoaderDefinitionFunction } from "webpack";
|
|
2
2
|
|
|
3
3
|
//#region ../loader/dist/loader.d.ts
|
|
4
|
+
//#region src/loader.d.ts
|
|
4
5
|
declare const transformLoader: LoaderDefinitionFunction;
|
|
5
|
-
declare const normal: LoaderDefinitionFunction<{}, {}>;
|
|
6
|
+
declare const normal: LoaderDefinitionFunction<{}, {}>; //#endregion
|
|
6
7
|
//#endregion
|
|
7
8
|
export { normal, transformLoader };
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { NextConfig } from "next";
|
|
2
2
|
|
|
3
3
|
//#region ../loader/dist/next.d.ts
|
|
4
|
+
//#region src/next.d.ts
|
|
4
5
|
interface WithUdsOptions {
|
|
5
6
|
/** Output directory for generated files (default: '.uds') */
|
|
6
7
|
outputDir?: string;
|
|
@@ -11,6 +12,6 @@ interface WithUdsOptions {
|
|
|
11
12
|
type NextConfigFn = (phase: string, ctx: {
|
|
12
13
|
defaultConfig: NextConfig;
|
|
13
14
|
}) => NextConfig | Promise<NextConfig>;
|
|
14
|
-
declare function withUds(nextConfigOrFn: NextConfig | NextConfigFn, options?: WithUdsOptions): NextConfig | NextConfigFn;
|
|
15
|
+
declare function withUds(nextConfigOrFn: NextConfig | NextConfigFn, options?: WithUdsOptions): NextConfig | NextConfigFn; //#endregion
|
|
15
16
|
//#endregion
|
|
16
17
|
export { WithUdsOptions, withUds };
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { boldVibrantFoundationPreset } from "../../foundational-presets/dist/boldVibrant.js";
|
|
2
2
|
//#region ../presets/dist/boldVibrant.d.ts
|
|
3
|
-
|
|
3
|
+
//#region src/boldVibrant.d.ts
|
|
4
|
+
declare const boldVibrantPreset: typeof boldVibrantFoundationPreset; //#endregion
|
|
4
5
|
//#endregion
|
|
5
6
|
export { boldVibrantPreset };
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { brutalistFoundationPreset } from "../../foundational-presets/dist/brutalist.js";
|
|
2
2
|
//#region ../presets/dist/brutalist.d.ts
|
|
3
|
-
|
|
3
|
+
//#region src/brutalist.d.ts
|
|
4
|
+
declare const brutalistPreset: typeof brutalistFoundationPreset; //#endregion
|
|
4
5
|
//#endregion
|
|
5
6
|
export { brutalistPreset };
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { candyFoundationPreset } from "../../foundational-presets/dist/candy.js";
|
|
2
2
|
//#region ../presets/dist/candy.d.ts
|
|
3
|
-
|
|
3
|
+
//#region src/candy.d.ts
|
|
4
|
+
declare const candyPreset: typeof candyFoundationPreset; //#endregion
|
|
4
5
|
//#endregion
|
|
5
6
|
export { candyPreset };
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { cleanMinimalistFoundationPreset } from "../../foundational-presets/dist/cleanMinimalist.js";
|
|
2
2
|
//#region ../presets/dist/cleanMinimalist.d.ts
|
|
3
|
-
|
|
3
|
+
//#region src/cleanMinimalist.d.ts
|
|
4
|
+
declare const cleanMinimalistPreset: typeof cleanMinimalistFoundationPreset; //#endregion
|
|
4
5
|
//#endregion
|
|
5
6
|
export { cleanMinimalistPreset };
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { corporateFoundationPreset } from "../../foundational-presets/dist/corporate.js";
|
|
2
2
|
//#region ../presets/dist/corporate.d.ts
|
|
3
|
-
|
|
3
|
+
//#region src/corporate.d.ts
|
|
4
|
+
declare const corporatePreset: typeof corporateFoundationPreset; //#endregion
|
|
4
5
|
//#endregion
|
|
5
6
|
export { corporatePreset };
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { darkMoodyFoundationPreset } from "../../foundational-presets/dist/darkMoody.js";
|
|
2
2
|
//#region ../presets/dist/darkMoody.d.ts
|
|
3
|
-
|
|
3
|
+
//#region src/darkMoody.d.ts
|
|
4
|
+
declare const darkMoodyPreset: typeof darkMoodyFoundationPreset; //#endregion
|
|
4
5
|
//#endregion
|
|
5
6
|
export { darkMoodyPreset };
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { defaultFoundationPreset } from "../../foundational-presets/dist/defaultPreset.js";
|
|
2
2
|
//#region ../presets/dist/defaultPreset.d.ts
|
|
3
|
-
|
|
3
|
+
//#region src/defaultPreset.d.ts
|
|
4
|
+
declare const defaultPreset: typeof defaultFoundationPreset; //#endregion
|
|
4
5
|
//#endregion
|
|
5
6
|
export { defaultPreset };
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { forestFoundationPreset } from "../../foundational-presets/dist/forest.js";
|
|
2
2
|
//#region ../presets/dist/forest.d.ts
|
|
3
|
-
|
|
3
|
+
//#region src/forest.d.ts
|
|
4
|
+
declare const forestPreset: typeof forestFoundationPreset; //#endregion
|
|
4
5
|
//#endregion
|
|
5
6
|
export { forestPreset };
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { highContrastFoundationPreset } from "../../foundational-presets/dist/highContrast.js";
|
|
2
2
|
//#region ../presets/dist/highContrast.d.ts
|
|
3
|
-
|
|
3
|
+
//#region src/highContrast.d.ts
|
|
4
|
+
declare const highContrastPreset: typeof highContrastFoundationPreset; //#endregion
|
|
4
5
|
//#endregion
|
|
5
6
|
export { highContrastPreset };
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { lavenderFoundationPreset } from "../../foundational-presets/dist/lavender.js";
|
|
2
2
|
//#region ../presets/dist/lavender.d.ts
|
|
3
|
-
|
|
3
|
+
//#region src/lavender.d.ts
|
|
4
|
+
declare const lavenderPreset: typeof lavenderFoundationPreset; //#endregion
|
|
4
5
|
//#endregion
|
|
5
6
|
export { lavenderPreset };
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { luxuryFoundationPreset } from "../../foundational-presets/dist/luxury.js";
|
|
2
2
|
//#region ../presets/dist/luxury.d.ts
|
|
3
|
-
|
|
3
|
+
//#region src/luxury.d.ts
|
|
4
|
+
declare const luxuryPreset: typeof luxuryFoundationPreset; //#endregion
|
|
4
5
|
//#endregion
|
|
5
6
|
export { luxuryPreset };
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { monochromeFoundationPreset } from "../../foundational-presets/dist/monochrome.js";
|
|
2
2
|
//#region ../presets/dist/monochrome.d.ts
|
|
3
|
-
|
|
3
|
+
//#region src/monochrome.d.ts
|
|
4
|
+
declare const monochromePreset: typeof monochromeFoundationPreset; //#endregion
|
|
4
5
|
//#endregion
|
|
5
6
|
export { monochromePreset };
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { neonCyberFoundationPreset } from "../../foundational-presets/dist/neonCyber.js";
|
|
2
2
|
//#region ../presets/dist/neonCyber.d.ts
|
|
3
|
-
|
|
3
|
+
//#region src/neonCyber.d.ts
|
|
4
|
+
declare const neonCyberPreset: typeof neonCyberFoundationPreset; //#endregion
|
|
4
5
|
//#endregion
|
|
5
6
|
export { neonCyberPreset };
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { newspaperFoundationPreset } from "../../foundational-presets/dist/newspaper.js";
|
|
2
2
|
//#region ../presets/dist/newspaper.d.ts
|
|
3
|
-
|
|
3
|
+
//#region src/newspaper.d.ts
|
|
4
|
+
declare const newspaperPreset: typeof newspaperFoundationPreset; //#endregion
|
|
4
5
|
//#endregion
|
|
5
6
|
export { newspaperPreset };
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { oceanFoundationPreset } from "../../foundational-presets/dist/ocean.js";
|
|
2
2
|
//#region ../presets/dist/ocean.d.ts
|
|
3
|
-
|
|
3
|
+
//#region src/ocean.d.ts
|
|
4
|
+
declare const oceanPreset: typeof oceanFoundationPreset; //#endregion
|
|
4
5
|
//#endregion
|
|
5
6
|
export { oceanPreset };
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { slateFoundationPreset } from "../../foundational-presets/dist/slate.js";
|
|
2
2
|
//#region ../presets/dist/slate.d.ts
|
|
3
|
-
|
|
3
|
+
//#region src/slate.d.ts
|
|
4
|
+
declare const slatePreset: typeof slateFoundationPreset; //#endregion
|
|
4
5
|
//#endregion
|
|
5
6
|
export { slatePreset };
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { sunsetFoundationPreset } from "../../foundational-presets/dist/sunset.js";
|
|
2
2
|
//#region ../presets/dist/sunset.d.ts
|
|
3
|
-
|
|
3
|
+
//#region src/sunset.d.ts
|
|
4
|
+
declare const sunsetPreset: typeof sunsetFoundationPreset; //#endregion
|
|
4
5
|
//#endregion
|
|
5
6
|
export { sunsetPreset };
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { terminalFoundationPreset } from "../../foundational-presets/dist/terminal.js";
|
|
2
2
|
//#region ../presets/dist/terminal.d.ts
|
|
3
|
-
|
|
3
|
+
//#region src/terminal.d.ts
|
|
4
|
+
declare const terminalPreset: typeof terminalFoundationPreset; //#endregion
|
|
4
5
|
//#endregion
|
|
5
6
|
export { terminalPreset };
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { warmOrganicFoundationPreset } from "../../foundational-presets/dist/warmOrganic.js";
|
|
2
2
|
//#region ../presets/dist/warmOrganic.d.ts
|
|
3
|
-
|
|
3
|
+
//#region src/warmOrganic.d.ts
|
|
4
|
+
declare const warmOrganicPreset: typeof warmOrganicFoundationPreset; //#endregion
|
|
4
5
|
//#endregion
|
|
5
6
|
export { warmOrganicPreset };
|
|
@@ -2,7 +2,6 @@ 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
|
|
6
5
|
/**
|
|
7
6
|
* @description Full-screen image slide with optional caption overlay
|
|
8
7
|
*/
|
|
@@ -15,6 +14,6 @@ declare const ImageSlide: _$react.FC<_$_uds_types0.CreateComponentProps<string,
|
|
|
15
14
|
root: "div";
|
|
16
15
|
image: "img";
|
|
17
16
|
caption: "div";
|
|
18
|
-
}>>;
|
|
17
|
+
}>>;
|
|
19
18
|
//#endregion
|
|
20
19
|
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 }) =>
|
|
8
|
+
const ImageSlide = createComponent(({ props, src, alt, caption, children }) => jsxs("div", {
|
|
9
9
|
...props.root,
|
|
10
10
|
children: [
|
|
11
|
-
|
|
11
|
+
jsx("img", {
|
|
12
12
|
...props.image,
|
|
13
13
|
src,
|
|
14
14
|
alt: alt ?? ""
|
|
15
15
|
}),
|
|
16
|
-
caption &&
|
|
16
|
+
caption && jsx("div", {
|
|
17
17
|
...props.caption,
|
|
18
18
|
children: caption
|
|
19
19
|
}),
|
|
@@ -1,16 +1,16 @@
|
|
|
1
1
|
import "./image-slide.js";
|
|
2
|
-
import "./lower-third.js";
|
|
3
|
-
import "./quote-card.js";
|
|
4
|
-
import "./split-screen.js";
|
|
5
|
-
import "./stat-card.js";
|
|
6
|
-
import "./text-overlay.js";
|
|
7
|
-
import "./title-card.js";
|
|
8
|
-
import "./typing-text.js";
|
|
9
2
|
import "./image-slide.config.js";
|
|
3
|
+
import "./lower-third.js";
|
|
10
4
|
import "./lower-third.config.js";
|
|
5
|
+
import "./quote-card.js";
|
|
11
6
|
import "./quote-card.config.js";
|
|
7
|
+
import "./split-screen.js";
|
|
12
8
|
import "./split-screen.config.js";
|
|
9
|
+
import "./stat-card.js";
|
|
13
10
|
import "./stat-card.config.js";
|
|
11
|
+
import "./text-overlay.js";
|
|
14
12
|
import "./text-overlay.config.js";
|
|
13
|
+
import "./title-card.js";
|
|
15
14
|
import "./title-card.config.js";
|
|
15
|
+
import "./typing-text.js";
|
|
16
16
|
import "./typing-text.config.js";
|
|
@@ -2,7 +2,6 @@ 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
|
|
6
5
|
/**
|
|
7
6
|
* @description Lower-third overlay with title and optional subtitle
|
|
8
7
|
*/
|
|
@@ -16,6 +15,6 @@ declare const LowerThird: _$react.FC<_$_uds_types0.CreateComponentProps<string,
|
|
|
16
15
|
content: "div";
|
|
17
16
|
title: "div";
|
|
18
17
|
subtitle: "div";
|
|
19
|
-
}>>;
|
|
18
|
+
}>>;
|
|
20
19
|
//#endregion
|
|
21
20
|
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 }) =>
|
|
8
|
+
const LowerThird = createComponent(({ props, title, subtitle, children }) => jsxs("div", {
|
|
9
9
|
...props.root,
|
|
10
10
|
children: [
|
|
11
|
-
|
|
12
|
-
|
|
11
|
+
jsx("div", { ...props.bar }),
|
|
12
|
+
jsxs("div", {
|
|
13
13
|
...props.content,
|
|
14
|
-
children: [
|
|
14
|
+
children: [jsx("div", {
|
|
15
15
|
...props.title,
|
|
16
16
|
children: title
|
|
17
|
-
}), subtitle &&
|
|
17
|
+
}), subtitle && jsx("div", {
|
|
18
18
|
...props.subtitle,
|
|
19
19
|
children: subtitle
|
|
20
20
|
})]
|
|
@@ -2,7 +2,6 @@ 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
|
|
6
5
|
/**
|
|
7
6
|
* @description Full-screen quote display with optional attribution
|
|
8
7
|
*/
|
|
@@ -16,6 +15,6 @@ declare const QuoteCard: _$react.FC<_$_uds_types0.CreateComponentProps<string, {
|
|
|
16
15
|
quote: "div";
|
|
17
16
|
divider: "div";
|
|
18
17
|
attribution: "div";
|
|
19
|
-
}>>;
|
|
18
|
+
}>>;
|
|
20
19
|
//#endregion
|
|
21
20
|
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 }) =>
|
|
8
|
+
const QuoteCard = createComponent(({ props, quote, attribution, children }) => jsxs("div", {
|
|
9
9
|
...props.root,
|
|
10
10
|
children: [
|
|
11
|
-
|
|
11
|
+
jsx("div", {
|
|
12
12
|
...props.mark,
|
|
13
13
|
children: "“"
|
|
14
14
|
}),
|
|
15
|
-
|
|
15
|
+
jsx("div", {
|
|
16
16
|
...props.quote,
|
|
17
17
|
children: quote
|
|
18
18
|
}),
|
|
19
|
-
attribution &&
|
|
19
|
+
attribution && jsxs(Fragment, { children: [jsx("div", { ...props.divider }), jsx("div", {
|
|
20
20
|
...props.attribution,
|
|
21
21
|
children: attribution
|
|
22
22
|
})] }),
|
|
@@ -2,7 +2,6 @@ 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
|
|
6
5
|
/**
|
|
7
6
|
* @description Side-by-side split screen layout for comparing content
|
|
8
7
|
*/
|
|
@@ -20,6 +19,6 @@ declare const SplitScreen: _$react.FC<_$_uds_types0.CreateComponentProps<string,
|
|
|
20
19
|
leftBody: "div";
|
|
21
20
|
rightTitle: "div";
|
|
22
21
|
rightBody: "div";
|
|
23
|
-
}>>;
|
|
22
|
+
}>>;
|
|
24
23
|
//#endregion
|
|
25
24
|
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 }) =>
|
|
8
|
+
const SplitScreen = createComponent(({ props, leftTitle, leftBody, rightTitle, rightBody, children }) => jsxs("div", {
|
|
9
9
|
...props.root,
|
|
10
10
|
children: [
|
|
11
|
-
|
|
11
|
+
jsxs("div", {
|
|
12
12
|
...props.left,
|
|
13
|
-
children: [leftTitle &&
|
|
13
|
+
children: [leftTitle && jsx("div", {
|
|
14
14
|
...props.leftTitle,
|
|
15
15
|
children: leftTitle
|
|
16
|
-
}), leftBody &&
|
|
16
|
+
}), leftBody && jsx("div", {
|
|
17
17
|
...props.leftBody,
|
|
18
18
|
children: leftBody
|
|
19
19
|
})]
|
|
20
20
|
}),
|
|
21
|
-
|
|
21
|
+
jsxs("div", {
|
|
22
22
|
...props.right,
|
|
23
|
-
children: [rightTitle &&
|
|
23
|
+
children: [rightTitle && jsx("div", {
|
|
24
24
|
...props.rightTitle,
|
|
25
25
|
children: rightTitle
|
|
26
|
-
}), rightBody &&
|
|
26
|
+
}), rightBody && jsx("div", {
|
|
27
27
|
...props.rightBody,
|
|
28
28
|
children: rightBody
|
|
29
29
|
})]
|
|
@@ -2,7 +2,6 @@ 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
|
|
6
5
|
/**
|
|
7
6
|
* @description Full-screen statistic display with large value and label
|
|
8
7
|
*/
|
|
@@ -14,6 +13,6 @@ declare const StatCard: _$react.FC<_$_uds_types0.CreateComponentProps<string, {
|
|
|
14
13
|
root: "div";
|
|
15
14
|
value: "div";
|
|
16
15
|
label: "div";
|
|
17
|
-
}>>;
|
|
16
|
+
}>>;
|
|
18
17
|
//#endregion
|
|
19
18
|
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 }) =>
|
|
8
|
+
const StatCard = createComponent(({ props, value, label, children }) => jsxs("div", {
|
|
9
9
|
...props.root,
|
|
10
10
|
children: [
|
|
11
|
-
|
|
11
|
+
jsx("div", {
|
|
12
12
|
...props.value,
|
|
13
13
|
children: value
|
|
14
14
|
}),
|
|
15
|
-
label &&
|
|
15
|
+
label && jsx("div", {
|
|
16
16
|
...props.label,
|
|
17
17
|
children: label
|
|
18
18
|
}),
|
|
@@ -2,7 +2,6 @@ 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
|
|
6
5
|
/**
|
|
7
6
|
* @description Full-screen text overlay for displaying text over video or images
|
|
8
7
|
*/
|
|
@@ -12,6 +11,6 @@ declare const TextOverlay: _$react.FC<_$_uds_types0.CreateComponentProps<string,
|
|
|
12
11
|
}, {
|
|
13
12
|
root: "div";
|
|
14
13
|
text: "div";
|
|
15
|
-
}>>;
|
|
14
|
+
}>>;
|
|
16
15
|
//#endregion
|
|
17
16
|
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 }) =>
|
|
8
|
+
const TextOverlay = createComponent(({ props, text, children }) => jsxs("div", {
|
|
9
9
|
...props.root,
|
|
10
|
-
children: [
|
|
10
|
+
children: [jsx("div", {
|
|
11
11
|
...props.text,
|
|
12
12
|
children: text
|
|
13
13
|
}), children]
|
|
@@ -2,7 +2,6 @@ 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
|
|
6
5
|
/**
|
|
7
6
|
* @description Full-screen title card with optional subtitle for video scenes
|
|
8
7
|
*/
|
|
@@ -14,6 +13,6 @@ declare const TitleCard: _$react.FC<_$_uds_types0.CreateComponentProps<string, {
|
|
|
14
13
|
root: "div";
|
|
15
14
|
title: "div";
|
|
16
15
|
subtitle: "div";
|
|
17
|
-
}>>;
|
|
16
|
+
}>>;
|
|
18
17
|
//#endregion
|
|
19
18
|
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 }) =>
|
|
8
|
+
const TitleCard = createComponent(({ props, title, subtitle, children }) => jsxs("div", {
|
|
9
9
|
...props.root,
|
|
10
10
|
children: [
|
|
11
|
-
|
|
11
|
+
jsx("div", {
|
|
12
12
|
...props.title,
|
|
13
13
|
children: title
|
|
14
14
|
}),
|
|
15
|
-
subtitle &&
|
|
15
|
+
subtitle && jsx("div", {
|
|
16
16
|
...props.subtitle,
|
|
17
17
|
children: subtitle
|
|
18
18
|
}),
|
|
@@ -2,7 +2,6 @@ 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
|
|
6
5
|
/**
|
|
7
6
|
* @description Typing text animation that reveals characters frame by frame
|
|
8
7
|
*/
|
|
@@ -16,6 +15,6 @@ declare const TypingText: _$react.FC<_$_uds_types0.CreateComponentProps<string,
|
|
|
16
15
|
root: "div";
|
|
17
16
|
text: "div";
|
|
18
17
|
cursor: "div";
|
|
19
|
-
}>>;
|
|
18
|
+
}>>;
|
|
20
19
|
//#endregion
|
|
21
20
|
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
|
|
14
|
+
return jsxs("div", {
|
|
15
15
|
...props.root,
|
|
16
|
-
children: [
|
|
16
|
+
children: [jsxs("div", {
|
|
17
17
|
...props.text,
|
|
18
|
-
children: [visibleText, showCursor &&
|
|
18
|
+
children: [visibleText, showCursor && jsx("span", { ...props.cursor })]
|
|
19
19
|
}), children]
|
|
20
20
|
});
|
|
21
21
|
});
|