@microfox/remotion 1.2.1 → 1.2.2

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/index.mjs CHANGED
@@ -2553,11 +2553,26 @@ var Atom3 = ({ id, data }) => {
2553
2553
  }
2554
2554
  }
2555
2555
  }, [data.font, isReady, isLoaded, error]);
2556
- const enhancedStyle = useMemo9(() => ({
2557
- fontFamily,
2558
- ...data.style,
2559
- ...overrideStyles
2560
- }), [fontFamily, data.style, overrideStyles]);
2556
+ const enhancedStyle = useMemo9(() => {
2557
+ const baseStyle = {
2558
+ fontFamily,
2559
+ ...data.style
2560
+ };
2561
+ if (data.gradient) {
2562
+ return {
2563
+ ...baseStyle,
2564
+ backgroundImage: data.gradient,
2565
+ backgroundClip: "text",
2566
+ WebkitBackgroundClip: "text",
2567
+ color: "transparent",
2568
+ ...overrideStyles
2569
+ };
2570
+ }
2571
+ return {
2572
+ ...baseStyle,
2573
+ ...overrideStyles
2574
+ };
2575
+ }, [fontFamily, data.style, data.gradient, overrideStyles]);
2561
2576
  if (isFontLoading && data.loadingState?.showLoadingIndicator) {
2562
2577
  return /* @__PURE__ */ React16.createElement("div", { style: enhancedStyle, className: data.className }, /* @__PURE__ */ React16.createElement("span", { style: data.loadingState.loadingStyle }, data.loadingState.loadingText || "Loading..."));
2563
2578
  }