@yahoo/uds-v5-wip 1.53.0 → 1.55.0

package/dist/foundational-presets/dist/defaultPreset.d.ts

@@ -2,6 +2,7 @@ import { GetModifierFromInput, UdsConfig } from "../../config/dist/createConfig.
 import * as _$_uds_types0 from "@uds/types";
 
 //#region ../foundational-presets/dist/defaultPreset.d.ts
+//#region src/defaultPreset.d.ts
 declare const defaultFoundationPreset: UdsConfig<_$_uds_types0.ModifierProp | GetModifierFromInput<{
   readonly colorMode: {
     readonly options: {
@@ -30,9 +31,50 @@ declare const defaultFoundationPreset: UdsConfig<_$_uds_types0.ModifierProp | Ge
     };
   };
 }>, {
+  opacity: {
+    0: string;
+    5: string;
+    10: string;
+    20: string;
+    40: string;
+    60: string;
+    80: string;
+    25: string;
+    30: string;
+    50: string;
+    70: string;
+    75: string;
+    90: string;
+    95: string;
+    100: string;
+  };
+  scale: {
+    0: string;
+    50: string;
+    75: string;
+    90: string;
+    95: string;
+    100: string;
+    105: string;
+    110: string;
+    125: string;
+    150: string;
+    200: string;
+  };
+  rotate: {
+    0: string;
+    1: string;
+    2: string;
+    3: string;
+    6: string;
+    12: string;
+    90: string;
+    45: string;
+    180: string;
+  };
   color: {
-    transparent: string;
     inherit: string;
+    transparent: string;
     current: string;
     "always/black": string;
     "always/white": string;
@@ -55,16 +97,22 @@ declare const defaultFoundationPreset: UdsConfig<_$_uds_types0.ModifierProp | Ge
     inverse: string;
     "on-inverse": string;
   };
-  shadow: {
-    none: string;
-    sm: string;
-    md: string;
-    lg: string;
-    xl: string;
-    "2xl": string;
-    xs: string;
-    "2xs": string;
-    inner: string;
+  borderColor: {
+    brand: string;
+    accent: string;
+    alert: string;
+    positive: string;
+    warning: string;
+    primary: string;
+    secondary: string;
+    tertiary: string;
+    inverse: string;
+    surface: string;
+    "brand-wash": string;
+    "accent-wash": string;
+    "alert-wash": string;
+    "positive-wash": string;
+    "warning-wash": string;
   };
   position: {
     auto: string;
@@ -76,111 +124,17 @@ declare const defaultFoundationPreset: UdsConfig<_$_uds_types0.ModifierProp | Ge
     "2/4": string;
     "3/4": string;
   };
-  flex: {
-    1: string;
-    initial: string;
-    auto: string;
-    none: string;
-  };
-  rotate: {
-    0: string;
-    1: string;
-    2: string;
-    3: string;
-    6: string;
-    12: string;
-    90: string;
-    45: string;
-    180: string;
-  };
-  scale: {
-    0: string;
-    50: string;
-    75: string;
-    90: string;
-    95: string;
-    100: string;
-    105: string;
-    110: string;
-    125: string;
-    150: string;
-    200: string;
-  };
-  translate: {
-    0: string;
-    1: string;
-    2: string;
-    full: string;
-    "1/2": string;
-    "1/3": string;
-    "2/3": string;
-    "1/4": string;
-    "3/4": string;
-    4: string;
-    8: string;
-    0.5: string;
-    1.5: string;
-    2.5: string;
-    3: string;
-    3.5: string;
-    5: string;
-    6: string;
-    7: string;
-    9: string;
-    10: string;
-    11: string;
-    12: string;
-    14: string;
-    16: string;
-    20: string;
-    24: string;
-    28: string;
-    32: string;
-    36: string;
-    40: string;
-    44: string;
-    48: string;
-    52: string;
-    56: string;
-    60: string;
-    64: string;
-    72: string;
-    80: string;
-    96: string;
-  };
-  animation: {
-    none: string;
-    spin: string;
-    ping: string;
-  };
-  opacity: {
-    0: string;
-    5: string;
-    10: string;
-    20: string;
-    40: string;
-    60: string;
-    80: string;
-    25: string;
-    30: string;
-    50: string;
-    70: string;
-    75: string;
-    90: string;
-    95: string;
-    100: string;
-  };
   size: {
     auto: string;
     full: string;
+    max: string;
+    min: string;
     "1/2": string;
     "1/3": string;
     "2/3": string;
     "1/4": string;
     "2/4": string;
     "3/4": string;
-    min: string;
-    max: string;
     fit: string;
     "1/5": string;
     "2/5": string;
@@ -192,6 +146,11 @@ declare const defaultFoundationPreset: UdsConfig<_$_uds_types0.ModifierProp | Ge
     "4/6": string;
     "5/6": string;
   };
+  animation: {
+    none: string;
+    ping: string;
+    spin: string;
+  };
   bg: {
     overlay: string;
     brand: string;
@@ -213,32 +172,6 @@ declare const defaultFoundationPreset: UdsConfig<_$_uds_types0.ModifierProp | Ge
     "positive-wash": string;
     "warning-wash": string;
   };
-  radius: {
-    none: string;
-    sm: string;
-    md: string;
-    lg: string;
-    xl: string;
-    full: string;
-    xs: string;
-  };
-  borderColor: {
-    brand: string;
-    accent: string;
-    alert: string;
-    positive: string;
-    warning: string;
-    primary: string;
-    secondary: string;
-    tertiary: string;
-    inverse: string;
-    surface: string;
-    "brand-wash": string;
-    "accent-wash": string;
-    "alert-wash": string;
-    "positive-wash": string;
-    "warning-wash": string;
-  };
   borderWidth: {
     none: string;
     thin: string;
@@ -247,19 +180,16 @@ declare const defaultFoundationPreset: UdsConfig<_$_uds_types0.ModifierProp | Ge
   };
   divideWidth: {
     0: string;
-    2: string;
-    reverse: string;
     4: string;
+    reverse: string;
+    2: string;
     8: string;
   };
-  blur: {
+  flex: {
     none: string;
-    sm: string;
-    md: string;
-    lg: string;
-    xl: string;
-    "2xl": string;
-    "3xl": string;
+    initial: string;
+    auto: string;
+    1: string;
   };
   flexGrow: {
     0: string;
@@ -268,12 +198,29 @@ declare const defaultFoundationPreset: UdsConfig<_$_uds_types0.ModifierProp | Ge
   flexShrink: {
     0: string;
   };
+  aspectRatio: {
+    square: string;
+    landscape: string;
+    portrait: string;
+    widescreen: string;
+    ultrawide: string;
+    golden: string;
+  };
+  zIndex: {
+    0: string;
+    auto: string;
+    10: string;
+    20: string;
+    40: string;
+    30: string;
+    50: string;
+  };
   spacing: {
     0: string;
+    4: string;
     1: string;
     2: string;
     px: string;
-    4: string;
     8: string;
     0.5: string;
     1.5: string;
@@ -305,62 +252,57 @@ declare const defaultFoundationPreset: UdsConfig<_$_uds_types0.ModifierProp | Ge
     80: string;
     96: string;
   };
-  zIndex: {
+  w: {
+    screen: string;
+    svw: string;
+    lvw: string;
+    dvw: string;
+  };
+  outlineWidth: {
     0: string;
-    auto: string;
-    10: string;
-    20: string;
-    40: string;
-    30: string;
-    50: string;
+    4: string;
+    1: string;
+    2: string;
+    8: string;
   };
   outlineOffset: {
     0: string;
+    4: string;
     1: string;
     2: string;
-    4: string;
     8: string;
   };
   ringWidth: {
     0: string;
-    1: string;
+    4: string;
     inset: string;
+    1: string;
     2: string;
-    4: string;
     8: string;
   };
   ringOffsetWidth: {
     0: string;
+    4: string;
     1: string;
     2: string;
-    4: string;
     8: string;
   };
-  h: {
-    screen: string;
-    svh: string;
-    lvh: string;
-    dvh: string;
-  };
-  w: {
-    screen: string;
-    svw: string;
-    lvw: string;
-    dvw: string;
+  shadow: {
+    none: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+    "2xl": string;
+    "2xs": string;
+    xs: string;
+    inner: string;
   };
   strokeWidth: {
     0: string;
     1: string;
     2: string;
   };
-  skew: {
-    0: string;
-    1: string;
-    2: string;
-    3: string;
-    6: string;
-    12: string;
-  };
   fontFamily: {
     sans: string;
     serif: string;
@@ -368,8 +310,8 @@ declare const defaultFoundationPreset: UdsConfig<_$_uds_types0.ModifierProp | Ge
   };
   fontWeight: {
     normal: string;
-    bold: string;
     thin: string;
+    bold: string;
     medium: string;
     extralight: string;
     light: string;
@@ -386,8 +328,8 @@ declare const defaultFoundationPreset: UdsConfig<_$_uds_types0.ModifierProp | Ge
     widest: string;
   };
   lineHeight: {
-    normal: string;
     none: string;
+    normal: string;
     tight: string;
     relaxed: string;
   };
@@ -396,23 +338,82 @@ declare const defaultFoundationPreset: UdsConfig<_$_uds_types0.ModifierProp | Ge
     sm: string;
     md: string;
     lg: string;
-    xs: string;
     "2xs": string;
+    xs: string;
   };
-  outlineWidth: {
+  blur: {
+    none: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+    "2xl": string;
+    "3xl": string;
+  };
+  translate: {
     0: string;
+    4: string;
+    full: string;
     1: string;
     2: string;
-    4: string;
+    "1/2": string;
+    "1/3": string;
+    "2/3": string;
+    "1/4": string;
+    "3/4": string;
     8: string;
+    0.5: string;
+    1.5: string;
+    2.5: string;
+    3: string;
+    3.5: string;
+    5: string;
+    6: string;
+    7: string;
+    9: string;
+    10: string;
+    11: string;
+    12: string;
+    14: string;
+    16: string;
+    20: string;
+    24: string;
+    28: string;
+    32: string;
+    36: string;
+    40: string;
+    44: string;
+    48: string;
+    52: string;
+    56: string;
+    60: string;
+    64: string;
+    72: string;
+    80: string;
+    96: string;
   };
-  aspectRatio: {
-    square: string;
-    landscape: string;
-    portrait: string;
-    widescreen: string;
-    ultrawide: string;
-    golden: string;
+  radius: {
+    none: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+    xs: string;
+    full: string;
+  };
+  h: {
+    screen: string;
+    svh: string;
+    lvh: string;
+    dvh: string;
+  };
+  skew: {
+    0: string;
+    1: string;
+    2: string;
+    3: string;
+    6: string;
+    12: string;
   };
 }, {}, {}, {}, GetModifierFromInput<{
   readonly colorMode: {

package/dist/foundational-presets/dist/motion.d.ts

@@ -1,4 +1,5 @@
 //#region ../foundational-presets/dist/motion.d.ts
+//#region src/motion.d.ts
 interface InterpolateMarker {
   __type: 'interpolate';
   output: number[];
@@ -7,6 +8,6 @@ interface InterpolateMarker {
 declare function interpolate(config: {
   output: number[];
   extrapolate?: 'clamp' | 'extend' | 'identity';
-}): InterpolateMarker;
+}): InterpolateMarker; //#endregion
 //#endregion
 export { InterpolateMarker, interpolate };

package/dist/loader/dist/packages/core/dist/getStyles.js

@@ -2,8 +2,8 @@ import "../../../../../utils/dist/index.js";
 import "./compositeStyles.js";
 import { propMappings } from "./style-prop-data.js";
 import { stylePropsTwMap } from "./generated/stylePropsTwMap.js";
-import { colorPropToOpacityProp } from "./color-opacity-map.js";
 import { modifierMappings } from "./modifier-mappings.js";
+import { colorPropToOpacityProp } from "./color-opacity-map.js";
 //#region ../loader/dist/packages/core/dist/getStyles.js
 /** Convert kebab-case CSS property to camelCase for React inline styles.
 *  CSS custom properties (--*) are kept as-is since React supports them verbatim. */

package/dist/remotion/dist/components/image-slide.d.ts

@@ -2,6 +2,7 @@ import * as _$react from "react";
 import * as _$_uds_types0 from "@uds/types";
 
 //#region ../remotion/dist/components/image-slide.d.ts
+//#region src/components/image-slide.d.ts
 /**
  * @description Full-screen image slide with optional caption overlay
  */
@@ -14,6 +15,6 @@ declare const ImageSlide: _$react.FC<_$_uds_types0.CreateComponentProps<string,
   root: "div";
   image: "img";
   caption: "div";
-}>>;
+}>>; //#endregion
 //#endregion
 export { ImageSlide };

package/dist/remotion/dist/components/image-slide.js

@@ -5,15 +5,15 @@ import { jsx, jsxs } from "react/jsx-runtime";
 /**
 * @description Full-screen image slide with optional caption overlay
 */
-const ImageSlide = createComponent(({ props, src, alt, caption, children }) => jsxs("div", {
+const ImageSlide = createComponent(({ props, src, alt, caption, children }) => /* @__PURE__ */ jsxs("div", {
 	...props.root,
 	children: [
-		jsx("img", {
+		/* @__PURE__ */ jsx("img", {
 			...props.image,
 			src,
 			alt: alt ?? ""
 		}),
-		caption && jsx("div", {
+		caption && /* @__PURE__ */ jsx("div", {
 			...props.caption,
 			children: caption
 		}),

package/dist/remotion/dist/components/index.js

@@ -1,16 +1,16 @@
 import "./image-slide.js";
-import "./image-slide.config.js";
 import "./lower-third.js";
-import "./lower-third.config.js";
 import "./quote-card.js";
-import "./quote-card.config.js";
 import "./split-screen.js";
-import "./split-screen.config.js";
 import "./stat-card.js";
-import "./stat-card.config.js";
 import "./text-overlay.js";
-import "./text-overlay.config.js";
 import "./title-card.js";
-import "./title-card.config.js";
 import "./typing-text.js";
+import "./image-slide.config.js";
+import "./lower-third.config.js";
+import "./quote-card.config.js";
+import "./split-screen.config.js";
+import "./stat-card.config.js";
+import "./text-overlay.config.js";
+import "./title-card.config.js";
 import "./typing-text.config.js";

package/dist/remotion/dist/components/lower-third.d.ts

@@ -2,6 +2,7 @@ import * as _$react from "react";
 import * as _$_uds_types0 from "@uds/types";
 
 //#region ../remotion/dist/components/lower-third.d.ts
+//#region src/components/lower-third.d.ts
 /**
  * @description Lower-third overlay with title and optional subtitle
  */
@@ -15,6 +16,6 @@ declare const LowerThird: _$react.FC<_$_uds_types0.CreateComponentProps<string,
   content: "div";
   title: "div";
   subtitle: "div";
-}>>;
+}>>; //#endregion
 //#endregion
 export { LowerThird };

package/dist/remotion/dist/components/lower-third.js

@@ -5,16 +5,16 @@ import { jsx, jsxs } from "react/jsx-runtime";
 /**
 * @description Lower-third overlay with title and optional subtitle
 */
-const LowerThird = createComponent(({ props, title, subtitle, children }) => jsxs("div", {
+const LowerThird = createComponent(({ props, title, subtitle, children }) => /* @__PURE__ */ jsxs("div", {
 	...props.root,
 	children: [
-		jsx("div", { ...props.bar }),
-		jsxs("div", {
+		/* @__PURE__ */ jsx("div", { ...props.bar }),
+		/* @__PURE__ */ jsxs("div", {
 			...props.content,
-			children: [jsx("div", {
+			children: [/* @__PURE__ */ jsx("div", {
 				...props.title,
 				children: title
-			}), subtitle && jsx("div", {
+			}), subtitle && /* @__PURE__ */ jsx("div", {
 				...props.subtitle,
 				children: subtitle
 			})]

package/dist/remotion/dist/components/quote-card.d.ts

@@ -2,6 +2,7 @@ import * as _$react from "react";
 import * as _$_uds_types0 from "@uds/types";
 
 //#region ../remotion/dist/components/quote-card.d.ts
+//#region src/components/quote-card.d.ts
 /**
  * @description Full-screen quote display with optional attribution
  */
@@ -15,6 +16,6 @@ declare const QuoteCard: _$react.FC<_$_uds_types0.CreateComponentProps<string, {
   quote: "div";
   divider: "div";
   attribution: "div";
-}>>;
+}>>; //#endregion
 //#endregion
 export { QuoteCard };

package/dist/remotion/dist/components/quote-card.js

@@ -5,18 +5,18 @@ import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 /**
 * @description Full-screen quote display with optional attribution
 */
-const QuoteCard = createComponent(({ props, quote, attribution, children }) => jsxs("div", {
+const QuoteCard = createComponent(({ props, quote, attribution, children }) => /* @__PURE__ */ jsxs("div", {
 	...props.root,
 	children: [
-		jsx("div", {
+		/* @__PURE__ */ jsx("div", {
 			...props.mark,
 			children: "“"
 		}),
-		jsx("div", {
+		/* @__PURE__ */ jsx("div", {
 			...props.quote,
 			children: quote
 		}),
-		attribution && jsxs(Fragment, { children: [jsx("div", { ...props.divider }), jsx("div", {
+		attribution && /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("div", { ...props.divider }), /* @__PURE__ */ jsx("div", {
 			...props.attribution,
 			children: attribution
 		})] }),

package/dist/remotion/dist/components/split-screen.d.ts

@@ -2,6 +2,7 @@ import * as _$react from "react";
 import * as _$_uds_types0 from "@uds/types";
 
 //#region ../remotion/dist/components/split-screen.d.ts
+//#region src/components/split-screen.d.ts
 /**
  * @description Side-by-side split screen layout for comparing content
  */
@@ -19,6 +20,6 @@ declare const SplitScreen: _$react.FC<_$_uds_types0.CreateComponentProps<string,
   leftBody: "div";
   rightTitle: "div";
   rightBody: "div";
-}>>;
+}>>; //#endregion
 //#endregion
 export { SplitScreen };