@microfox/remotion 1.2.1 → 1.2.2

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # Changelog
 
+## 1.2.2
+
+### Patch Changes
+
+- 253b532: Changes from PR #23: pg_textatoms_3010
+
 ## 1.2.1
 
 ### Patch Changes

package/dist/index.d.mts

@@ -331,6 +331,7 @@ interface TextAtomData {
     text: string;
     style?: React$1.CSSProperties;
     className?: string;
+    gradient?: string;
     font?: FontConfig$1;
     fallbackFonts?: string[];
     loadingState?: {

package/dist/index.d.ts

@@ -331,6 +331,7 @@ interface TextAtomData {
     text: string;
     style?: React$1.CSSProperties;
     className?: string;
+    gradient?: string;
     font?: FontConfig$1;
     fallbackFonts?: string[];
     loadingState?: {

package/dist/index.js

@@ -2684,11 +2684,26 @@ var Atom3 = ({ id, data }) => {
       }
     }
   }, [data.font, isReady, isLoaded, error]);
-  const enhancedStyle = (0, import_react17.useMemo)(() => ({
-    fontFamily,
-    ...data.style,
-    ...overrideStyles
-  }), [fontFamily, data.style, overrideStyles]);
+  const enhancedStyle = (0, import_react17.useMemo)(() => {
+    const baseStyle = {
+      fontFamily,
+      ...data.style
+    };
+    if (data.gradient) {
+      return {
+        ...baseStyle,
+        backgroundImage: data.gradient,
+        backgroundClip: "text",
+        WebkitBackgroundClip: "text",
+        color: "transparent",
+        ...overrideStyles
+      };
+    }
+    return {
+      ...baseStyle,
+      ...overrideStyles
+    };
+  }, [fontFamily, data.style, data.gradient, overrideStyles]);
   if (isFontLoading && data.loadingState?.showLoadingIndicator) {
     return /* @__PURE__ */ import_react17.default.createElement("div", { style: enhancedStyle, className: data.className }, /* @__PURE__ */ import_react17.default.createElement("span", { style: data.loadingState.loadingStyle }, data.loadingState.loadingText || "Loading..."));
   }