@yahoo/uds-v5-wip 1.57.0 → 1.59.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.
Files changed (44) hide show
  1. package/dist/config/dist/createConfig.d.ts +1 -22
  2. package/dist/config/dist/createConfig.js +2 -86
  3. package/dist/config/dist/preset-merge.js +0 -19
  4. package/dist/config/dist/serialize.js +0 -1
  5. package/dist/presets/dist/defaultPreset.js +1 -18
  6. package/dist/tsconfig.tsbuildinfo +1 -1
  7. package/package.json +3 -9
  8. package/dist/remotion/dist/components/image-slide.config.js +0 -43
  9. package/dist/remotion/dist/components/image-slide.d.ts +0 -20
  10. package/dist/remotion/dist/components/image-slide.js +0 -24
  11. package/dist/remotion/dist/components/index.js +0 -16
  12. package/dist/remotion/dist/components/lower-third.config.js +0 -54
  13. package/dist/remotion/dist/components/lower-third.d.ts +0 -21
  14. package/dist/remotion/dist/components/lower-third.js +0 -26
  15. package/dist/remotion/dist/components/quote-card.config.js +0 -85
  16. package/dist/remotion/dist/components/quote-card.d.ts +0 -21
  17. package/dist/remotion/dist/components/quote-card.js +0 -27
  18. package/dist/remotion/dist/components/split-screen.config.js +0 -90
  19. package/dist/remotion/dist/components/split-screen.d.ts +0 -25
  20. package/dist/remotion/dist/components/split-screen.js +0 -35
  21. package/dist/remotion/dist/components/stat-card.config.js +0 -55
  22. package/dist/remotion/dist/components/stat-card.d.ts +0 -19
  23. package/dist/remotion/dist/components/stat-card.js +0 -23
  24. package/dist/remotion/dist/components/text-overlay.config.js +0 -46
  25. package/dist/remotion/dist/components/text-overlay.d.ts +0 -17
  26. package/dist/remotion/dist/components/text-overlay.js +0 -16
  27. package/dist/remotion/dist/components/title-card.config.js +0 -56
  28. package/dist/remotion/dist/components/title-card.d.ts +0 -19
  29. package/dist/remotion/dist/components/title-card.js +0 -23
  30. package/dist/remotion/dist/components/typing-text.config.js +0 -57
  31. package/dist/remotion/dist/components/typing-text.d.ts +0 -21
  32. package/dist/remotion/dist/components/typing-text.js +0 -23
  33. package/dist/remotion/dist/index.d.ts +0 -8
  34. package/dist/remotion/dist/index.js +0 -8
  35. package/dist/remotion/dist/transitions/fade.js +0 -19
  36. package/dist/remotion/dist/transitions/index.js +0 -7
  37. package/dist/remotion/dist/transitions/slide-down.js +0 -21
  38. package/dist/remotion/dist/transitions/slide-left.js +0 -21
  39. package/dist/remotion/dist/transitions/slide-right.js +0 -21
  40. package/dist/remotion/dist/transitions/slide-up.js +0 -21
  41. package/dist/remotion/dist/transitions/wipe.js +0 -21
  42. package/dist/remotion/dist/transitions/zoom.js +0 -19
  43. package/dist/remotion.d.ts +0 -9
  44. package/dist/remotion.js +0 -10
@@ -1,17 +0,0 @@
1
- import * as _$react from "react";
2
- import * as _$_uds_types0 from "@uds/types";
3
-
4
- //#region ../remotion/dist/components/text-overlay.d.ts
5
- //#region src/components/text-overlay.d.ts
6
- /**
7
- * @description Full-screen text overlay for displaying text over video or images
8
- */
9
- declare const TextOverlay: _$react.FC<_$_uds_types0.CreateComponentProps<string, {
10
- text: string;
11
- children?: React.ReactNode;
12
- }, {
13
- root: "div";
14
- text: "div";
15
- }>>; //#endregion
16
- //#endregion
17
- export { TextOverlay };
@@ -1,16 +0,0 @@
1
- import { createComponent } from "../../../core/dist/createComponent.js";
2
- import "../../../core/dist/index.js";
3
- import { jsx, jsxs } from "react/jsx-runtime";
4
- //#region ../remotion/dist/components/text-overlay.js
5
- /**
6
- * @description Full-screen text overlay for displaying text over video or images
7
- */
8
- const TextOverlay = createComponent(({ props, text, children }) => /* @__PURE__ */ jsxs("div", {
9
- ...props.root,
10
- children: [/* @__PURE__ */ jsx("div", {
11
- ...props.text,
12
- children: text
13
- }), children]
14
- }));
15
- //#endregion
16
- export { TextOverlay };
@@ -1,56 +0,0 @@
1
- import { defaultFoundationPreset } from "../../../foundational-presets/dist/defaultPreset.js";
2
- import "../../../foundational-presets/dist/index.js";
3
- import { textVariants } from "../../../components/dist/text.config.js";
4
- //#region ../remotion/dist/components/title-card.config.js
5
- const titleCardConfig = defaultFoundationPreset.defineRemotionComponent("TitleCard", ({ tokens }) => ({
6
- type: "scene",
7
- defaultDuration: 90,
8
- description: "Full-screen title card with optional subtitle",
9
- config: {
10
- base: {
11
- root: {
12
- display: "flex",
13
- flexDirection: "column",
14
- alignItems: "center",
15
- justifyContent: "center",
16
- height: "100%",
17
- width: "100%",
18
- padding: tokens.spacing["12"],
19
- gap: tokens.spacing["6"],
20
- backgroundColor: tokens.bg.primary,
21
- color: tokens.color["on-primary"],
22
- position: "relative",
23
- overflow: "hidden"
24
- },
25
- title: {
26
- ...textVariants.display1,
27
- fontWeight: tokens.fontWeight.bold,
28
- textAlign: "center",
29
- lineHeight: tokens.lineHeight.tight,
30
- letterSpacing: tokens.letterSpacing.tight
31
- },
32
- subtitle: {
33
- ...textVariants.display4,
34
- textAlign: "center",
35
- opacity: "0.6",
36
- maxWidth: "48rem"
37
- }
38
- },
39
- variants: { variant: {
40
- brand: { root: {
41
- backgroundColor: tokens.bg.brand,
42
- color: tokens.color["on-brand"]
43
- } },
44
- accent: { root: {
45
- backgroundColor: tokens.bg.accent,
46
- color: tokens.color["on-accent"]
47
- } },
48
- inverse: { root: {
49
- backgroundColor: tokens.bg.inverse,
50
- color: tokens.color["on-inverse"]
51
- } }
52
- } }
53
- }
54
- }));
55
- //#endregion
56
- export { titleCardConfig };
@@ -1,19 +0,0 @@
1
- import * as _$react from "react";
2
- import * as _$_uds_types0 from "@uds/types";
3
-
4
- //#region ../remotion/dist/components/title-card.d.ts
5
- //#region src/components/title-card.d.ts
6
- /**
7
- * @description Full-screen title card with optional subtitle for video scenes
8
- */
9
- declare const TitleCard: _$react.FC<_$_uds_types0.CreateComponentProps<string, {
10
- title: string;
11
- subtitle?: string;
12
- children?: React.ReactNode;
13
- }, {
14
- root: "div";
15
- title: "div";
16
- subtitle: "div";
17
- }>>; //#endregion
18
- //#endregion
19
- export { TitleCard };
@@ -1,23 +0,0 @@
1
- import { createComponent } from "../../../core/dist/createComponent.js";
2
- import "../../../core/dist/index.js";
3
- import { jsx, jsxs } from "react/jsx-runtime";
4
- //#region ../remotion/dist/components/title-card.js
5
- /**
6
- * @description Full-screen title card with optional subtitle for video scenes
7
- */
8
- const TitleCard = createComponent(({ props, title, subtitle, children }) => /* @__PURE__ */ jsxs("div", {
9
- ...props.root,
10
- children: [
11
- /* @__PURE__ */ jsx("div", {
12
- ...props.title,
13
- children: title
14
- }),
15
- subtitle && /* @__PURE__ */ jsx("div", {
16
- ...props.subtitle,
17
- children: subtitle
18
- }),
19
- children
20
- ]
21
- }));
22
- //#endregion
23
- export { TitleCard };
@@ -1,57 +0,0 @@
1
- import { defaultFoundationPreset } from "../../../foundational-presets/dist/defaultPreset.js";
2
- import "../../../foundational-presets/dist/index.js";
3
- import { textVariants } from "../../../components/dist/text.config.js";
4
- //#region ../remotion/dist/components/typing-text.config.js
5
- const typingTextConfig = defaultFoundationPreset.defineRemotionComponent("TypingText", ({ tokens }) => ({
6
- type: "scene",
7
- defaultDuration: 180,
8
- description: "Typing text animation that reveals characters frame by frame",
9
- config: {
10
- base: {
11
- root: {
12
- display: "flex",
13
- flexDirection: "column",
14
- alignItems: "center",
15
- justifyContent: "center",
16
- height: "100%",
17
- width: "100%",
18
- padding: tokens.spacing["12"],
19
- backgroundColor: tokens.bg.primary,
20
- color: tokens.color["on-primary"]
21
- },
22
- text: {
23
- ...textVariants.display2,
24
- fontFamily: tokens.fontFamily.mono,
25
- whiteSpace: "pre-wrap",
26
- display: "inline",
27
- textAlign: "center"
28
- },
29
- cursor: {
30
- display: "inline-block",
31
- width: "3px",
32
- height: "1.2em",
33
- backgroundColor: tokens.color["on-primary"],
34
- verticalAlign: "text-bottom",
35
- marginLeft: "1px"
36
- }
37
- },
38
- variants: { variant: {
39
- brand: {
40
- root: {
41
- backgroundColor: tokens.bg.brand,
42
- color: tokens.color["on-brand"]
43
- },
44
- cursor: { backgroundColor: tokens.color["on-brand"] }
45
- },
46
- inverse: {
47
- root: {
48
- backgroundColor: tokens.bg.inverse,
49
- color: tokens.color["on-inverse"]
50
- },
51
- cursor: { backgroundColor: tokens.color["on-inverse"] }
52
- }
53
- } }
54
- }
55
- }));
56
- //#endregion
57
- export { typingTextConfig };
@@ -1,21 +0,0 @@
1
- import * as _$react from "react";
2
- import * as _$_uds_types0 from "@uds/types";
3
-
4
- //#region ../remotion/dist/components/typing-text.d.ts
5
- //#region src/components/typing-text.d.ts
6
- /**
7
- * @description Typing text animation that reveals characters frame by frame
8
- */
9
- declare const TypingText: _$react.FC<_$_uds_types0.CreateComponentProps<string, {
10
- text: string; /** Characters revealed per frame (default: 1) */
11
- speed?: number; /** Frames to wait before typing starts (default: 0) */
12
- delay?: number; /** Current frame number — used for frame-based text reveal. When omitted, shows full text. */
13
- frame?: number;
14
- children?: React.ReactNode;
15
- }, {
16
- root: "div";
17
- text: "div";
18
- cursor: "div";
19
- }>>; //#endregion
20
- //#endregion
21
- export { TypingText };
@@ -1,23 +0,0 @@
1
- import { createComponent } from "../../../core/dist/createComponent.js";
2
- import "../../../core/dist/index.js";
3
- import { jsx, jsxs } from "react/jsx-runtime";
4
- //#region ../remotion/dist/components/typing-text.js
5
- /**
6
- * @description Typing text animation that reveals characters frame by frame
7
- */
8
- const TypingText = createComponent(({ props, text, speed = 1, delay = 0, frame, children }) => {
9
- const isAnimating = frame != null;
10
- const effectiveFrame = isAnimating ? Math.max(frame - delay, 0) : 0;
11
- const charsToShow = isAnimating ? Math.min(Math.floor(effectiveFrame * speed), text.length) : text.length;
12
- const visibleText = text.slice(0, charsToShow);
13
- const showCursor = isAnimating && charsToShow < text.length;
14
- return /* @__PURE__ */ jsxs("div", {
15
- ...props.root,
16
- children: [/* @__PURE__ */ jsxs("div", {
17
- ...props.text,
18
- children: [visibleText, showCursor && /* @__PURE__ */ jsx("span", { ...props.cursor })]
19
- }), children]
20
- });
21
- });
22
- //#endregion
23
- export { TypingText };
@@ -1,8 +0,0 @@
1
- import { ImageSlide } from "./components/image-slide.js";
2
- import { LowerThird } from "./components/lower-third.js";
3
- import { QuoteCard } from "./components/quote-card.js";
4
- import { SplitScreen } from "./components/split-screen.js";
5
- import { StatCard } from "./components/stat-card.js";
6
- import { TextOverlay } from "./components/text-overlay.js";
7
- import { TitleCard } from "./components/title-card.js";
8
- import { TypingText } from "./components/typing-text.js";
@@ -1,8 +0,0 @@
1
- import "./components/image-slide.js";
2
- import "./components/lower-third.js";
3
- import "./components/quote-card.js";
4
- import "./components/split-screen.js";
5
- import "./components/stat-card.js";
6
- import "./components/text-overlay.js";
7
- import "./components/title-card.js";
8
- import "./components/typing-text.js";
@@ -1,19 +0,0 @@
1
- import { defaultFoundationPreset } from "../../../foundational-presets/dist/defaultPreset.js";
2
- import "../../../foundational-presets/dist/index.js";
3
- //#region ../remotion/dist/transitions/fade.js
4
- const fadeTransitionConfig = defaultFoundationPreset.defineRemotionTransition("fade", {
5
- defaultDuration: 15,
6
- description: "Fade transition",
7
- enter: [{
8
- property: "opacity",
9
- from: 0,
10
- to: 1
11
- }],
12
- exit: [{
13
- property: "opacity",
14
- from: 1,
15
- to: 0
16
- }]
17
- });
18
- //#endregion
19
- export { fadeTransitionConfig };
@@ -1,7 +0,0 @@
1
- import "./fade.js";
2
- import "./slide-down.js";
3
- import "./slide-left.js";
4
- import "./slide-right.js";
5
- import "./slide-up.js";
6
- import "./wipe.js";
7
- import "./zoom.js";
@@ -1,21 +0,0 @@
1
- import { defaultFoundationPreset } from "../../../foundational-presets/dist/defaultPreset.js";
2
- import "../../../foundational-presets/dist/index.js";
3
- //#region ../remotion/dist/transitions/slide-down.js
4
- const slideDownTransitionConfig = defaultFoundationPreset.defineRemotionTransition("slideDown", {
5
- defaultDuration: 15,
6
- description: "Slide from top",
7
- enter: [{
8
- property: "translateY",
9
- from: -100,
10
- to: 0,
11
- unit: "%"
12
- }],
13
- exit: [{
14
- property: "translateY",
15
- from: 0,
16
- to: 100,
17
- unit: "%"
18
- }]
19
- });
20
- //#endregion
21
- export { slideDownTransitionConfig };
@@ -1,21 +0,0 @@
1
- import { defaultFoundationPreset } from "../../../foundational-presets/dist/defaultPreset.js";
2
- import "../../../foundational-presets/dist/index.js";
3
- //#region ../remotion/dist/transitions/slide-left.js
4
- const slideLeftTransitionConfig = defaultFoundationPreset.defineRemotionTransition("slideLeft", {
5
- defaultDuration: 15,
6
- description: "Slide from left",
7
- enter: [{
8
- property: "translateX",
9
- from: -100,
10
- to: 0,
11
- unit: "%"
12
- }],
13
- exit: [{
14
- property: "translateX",
15
- from: 0,
16
- to: -100,
17
- unit: "%"
18
- }]
19
- });
20
- //#endregion
21
- export { slideLeftTransitionConfig };
@@ -1,21 +0,0 @@
1
- import { defaultFoundationPreset } from "../../../foundational-presets/dist/defaultPreset.js";
2
- import "../../../foundational-presets/dist/index.js";
3
- //#region ../remotion/dist/transitions/slide-right.js
4
- const slideRightTransitionConfig = defaultFoundationPreset.defineRemotionTransition("slideRight", {
5
- defaultDuration: 15,
6
- description: "Slide from right",
7
- enter: [{
8
- property: "translateX",
9
- from: 100,
10
- to: 0,
11
- unit: "%"
12
- }],
13
- exit: [{
14
- property: "translateX",
15
- from: 0,
16
- to: 100,
17
- unit: "%"
18
- }]
19
- });
20
- //#endregion
21
- export { slideRightTransitionConfig };
@@ -1,21 +0,0 @@
1
- import { defaultFoundationPreset } from "../../../foundational-presets/dist/defaultPreset.js";
2
- import "../../../foundational-presets/dist/index.js";
3
- //#region ../remotion/dist/transitions/slide-up.js
4
- const slideUpTransitionConfig = defaultFoundationPreset.defineRemotionTransition("slideUp", {
5
- defaultDuration: 15,
6
- description: "Slide from bottom",
7
- enter: [{
8
- property: "translateY",
9
- from: 100,
10
- to: 0,
11
- unit: "%"
12
- }],
13
- exit: [{
14
- property: "translateY",
15
- from: 0,
16
- to: -100,
17
- unit: "%"
18
- }]
19
- });
20
- //#endregion
21
- export { slideUpTransitionConfig };
@@ -1,21 +0,0 @@
1
- import { defaultFoundationPreset } from "../../../foundational-presets/dist/defaultPreset.js";
2
- import "../../../foundational-presets/dist/index.js";
3
- //#region ../remotion/dist/transitions/wipe.js
4
- const wipeTransitionConfig = defaultFoundationPreset.defineRemotionTransition("wipe", {
5
- defaultDuration: 20,
6
- description: "Horizontal wipe",
7
- enter: [{
8
- property: "translateX",
9
- from: 100,
10
- to: 0,
11
- unit: "%"
12
- }],
13
- exit: [{
14
- property: "translateX",
15
- from: 0,
16
- to: -100,
17
- unit: "%"
18
- }]
19
- });
20
- //#endregion
21
- export { wipeTransitionConfig };
@@ -1,19 +0,0 @@
1
- import { defaultFoundationPreset } from "../../../foundational-presets/dist/defaultPreset.js";
2
- import "../../../foundational-presets/dist/index.js";
3
- //#region ../remotion/dist/transitions/zoom.js
4
- const zoomTransitionConfig = defaultFoundationPreset.defineRemotionTransition("zoom", {
5
- defaultDuration: 15,
6
- description: "Zoom in/out",
7
- enter: [{
8
- property: "scale",
9
- from: 0,
10
- to: 1
11
- }],
12
- exit: [{
13
- property: "scale",
14
- from: 1,
15
- to: 0
16
- }]
17
- });
18
- //#endregion
19
- export { zoomTransitionConfig };
@@ -1,9 +0,0 @@
1
- import { ImageSlide } from "./remotion/dist/components/image-slide.js";
2
- import { LowerThird } from "./remotion/dist/components/lower-third.js";
3
- import { QuoteCard } from "./remotion/dist/components/quote-card.js";
4
- import { SplitScreen } from "./remotion/dist/components/split-screen.js";
5
- import { StatCard } from "./remotion/dist/components/stat-card.js";
6
- import { TextOverlay } from "./remotion/dist/components/text-overlay.js";
7
- import { TitleCard } from "./remotion/dist/components/title-card.js";
8
- import { TypingText } from "./remotion/dist/components/typing-text.js";
9
- export { ImageSlide, LowerThird, QuoteCard, SplitScreen, StatCard, TextOverlay, TitleCard, TypingText };
package/dist/remotion.js DELETED
@@ -1,10 +0,0 @@
1
- import { ImageSlide } from "./remotion/dist/components/image-slide.js";
2
- import { LowerThird } from "./remotion/dist/components/lower-third.js";
3
- import { QuoteCard } from "./remotion/dist/components/quote-card.js";
4
- import { SplitScreen } from "./remotion/dist/components/split-screen.js";
5
- import { StatCard } from "./remotion/dist/components/stat-card.js";
6
- import { TextOverlay } from "./remotion/dist/components/text-overlay.js";
7
- import { TitleCard } from "./remotion/dist/components/title-card.js";
8
- import { TypingText } from "./remotion/dist/components/typing-text.js";
9
- import "./remotion/dist/index.js";
10
- export { ImageSlide, LowerThird, QuoteCard, SplitScreen, StatCard, TextOverlay, TitleCard, TypingText };