@cleartrip/talos-background-gradient 1.11.0 → 2.0.0-beta-260929-rn-v1.0

package/dist/BackgroundGradient.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { type IBackgroundGradientProps } from "./type";
 declare const BackgroundGradient: ({ styleConfig, variant, kind, children, }: IBackgroundGradientProps) => import("react").JSX.Element;
 export default BackgroundGradient;

package/dist/BackgroundGradient.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BackgroundGradient.d.ts","sourceRoot":"","sources":["../packages/components/background-gradient/src/BackgroundGradient.tsx"],"names":[],"mappings":";AAMA,OAAO,EAAqD,KAAK,wBAAwB,EAAE,MAAM,QAAQ,CAAC;AAK1G,QAAA,MAAM,kBAAkB,8CAKrB,wBAAwB,gCAyC1B,CAAC;AAEF,eAAe,kBAAkB,CAAC"}
+{"version":3,"file":"BackgroundGradient.d.ts","sourceRoot":"","sources":["../packages/components/background-gradient/src/BackgroundGradient.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAqD,KAAK,wBAAwB,EAAE,MAAM,QAAQ,CAAC;AAE1G,QAAA,MAAM,kBAAkB,GAAI,2CAKzB,wBAAwB,gCAwB1B,CAAC;AAEF,eAAe,kBAAkB,CAAC"}

package/dist/BackgroundGradient.native.d.ts

@@ -0,0 +1,4 @@
+import { type IBackgroundGradientProps } from "./type";
+declare const BackgroundGradient: ({ styleConfig, variant, kind, bottomOffset, children, }: IBackgroundGradientProps) => import("react").JSX.Element;
+export default BackgroundGradient;
+//# sourceMappingURL=BackgroundGradient.native.d.ts.map

package/dist/BackgroundGradient.native.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BackgroundGradient.native.d.ts","sourceRoot":"","sources":["../packages/components/background-gradient/src/BackgroundGradient.native.tsx"],"names":[],"mappings":"AA8BA,OAAO,EAGH,KAAK,wBAAwB,EAChC,MAAM,QAAQ,CAAC;AAoHhB,QAAA,MAAM,kBAAkB,GAAI,yDAMzB,wBAAwB,gCA+D1B,CAAC;AAEF,eAAe,kBAAkB,CAAC"}

package/dist/style.d.ts

@@ -1,51 +1,14 @@
+import type { Styles } from "@cleartrip/ct-design-types";
 export declare const styles: {
-    readonly root: {
-        readonly position: "relative";
-        readonly width: "100%";
-        readonly height: 200;
-        readonly overflow: "hidden";
-        readonly '-webkit-mask-image': "linear-gradient(to top, #000 55%, transparent 100%)";
-        readonly 'mask-image': "linear-gradient(to top, #000 55%, transparent 100%)";
-    };
-    readonly rootDefault: {
-        readonly background: "linear-gradient(0deg, #FFF 0%, #FFF 0%, #FFF 20%, #FFF 50%, rgba(255, 255, 255, 0.00) 100%);";
-    };
-    readonly rootExpanded: {
-        readonly background: "linear-gradient(0deg, #FFF 0%, #FFF 0%, #FFF 5%, #FFF 20%, rgba(255, 255, 255, 0.00) 80%);";
-    };
-    readonly blob: {
-        readonly position: "absolute";
-        readonly width: 300;
-        readonly borderRadius: "50%";
-        readonly filter: "blur(40px)";
-        readonly opacity: 0.8;
-        readonly transform: "translateY(-55%)";
-    };
-    readonly blobDefault: {
-        readonly height: 24;
-        readonly top: "50%";
-    };
-    readonly blobExpanded: {
-        readonly height: 10;
-        readonly top: "100%";
-    };
-    readonly blobLeft: {
-        readonly background: "#FF4F17";
-        readonly animation: "talosBgSlideX 3500ms ease-in-out infinite alternate";
-    };
-    readonly blobRight: {
-        readonly background: "#FF4F17";
-        readonly animation: "talosBgSlideX 3500ms ease-in-out infinite alternate-reverse";
-    };
-    readonly bgSlideX: {
-        readonly "@keyframes talosBgSlideX": {
-            readonly from: {
-                readonly transform: "translateX(-150px) translateY(-55%)";
-            };
-            readonly to: {
-                readonly transform: "translateX(75vw) translateY(-55%)";
-            };
-        };
-    };
+    root: Styles;
+    rootDefault: Styles;
+    rootExpanded: Styles;
+    blob: Styles;
+    blobDefault: Styles;
+    blobExpanded: Styles;
+    blobLeft: Styles;
+    blobRight: Styles;
+    blobProcessing: Styles;
+    bgSlideX: Styles;
 };
 //# sourceMappingURL=style.d.ts.map

package/dist/style.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"style.d.ts","sourceRoot":"","sources":["../packages/components/background-gradient/src/style.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+CT,CAAC"}
+{"version":3,"file":"style.d.ts","sourceRoot":"","sources":["../packages/components/background-gradient/src/style.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AAazD,eAAO,MAAM,MAAM;;;;;;;;;;;CAoDlB,CAAC"}

package/dist/style.native.d.ts

@@ -0,0 +1,92 @@
+export declare const STRIP_HEIGHT = 200;
+export declare const GLOW_WIDTH = 520;
+export declare const GLOW_HEIGHT = 240;
+export declare const GLOW_RX = 240;
+export declare const GLOW_COLOR = "#FF4F17";
+export declare const SWEEP_FROM = -150;
+export declare const SWEEP_TO_VIEWPORT_RATIO = 0.75;
+export declare const DEFAULT_DURATION = 3500;
+export declare const PROCESSING_DURATION = 800;
+export declare const backgroundGradientStyles: {
+    root: {
+        position: "relative";
+        width: "100%";
+        height: number;
+        overflow: "hidden";
+    };
+    backdrop: {
+        readonly position: "absolute";
+        readonly top: 0;
+        readonly left: 0;
+        readonly right: 0;
+        readonly bottom: 0;
+    };
+    fill: {
+        readonly position: "absolute";
+        readonly top: 0;
+        readonly left: 0;
+        readonly right: 0;
+        readonly bottom: 0;
+    };
+    blob: {
+        position: "absolute";
+        width: number;
+        height: number;
+        left: number;
+    };
+    blobDefault: {
+        top: number;
+    };
+    blobExpanded: {
+        top: number;
+    };
+};
+export declare const GLOW_BY_KIND: {
+    readonly default: {
+        ry: number;
+        gradient: {
+            locations: number[];
+            colors: string[];
+            start: {
+                x: number;
+                y: number;
+            };
+            end: {
+                x: number;
+                y: number;
+            };
+        };
+        blobStyle: object;
+        stops: {
+            offset: number;
+            opacity: number;
+        }[];
+        fadeFrom: number;
+        fadeTo: number;
+        needsFade: boolean;
+    };
+    readonly expanded: {
+        ry: number;
+        gradient: {
+            locations: number[];
+            colors: string[];
+            start: {
+                x: number;
+                y: number;
+            };
+            end: {
+                x: number;
+                y: number;
+            };
+        };
+        blobStyle: object;
+        stops: {
+            offset: number;
+            opacity: number;
+        }[];
+        fadeFrom: number;
+        fadeTo: number;
+        needsFade: boolean;
+    };
+};
+//# sourceMappingURL=style.native.d.ts.map

package/dist/style.native.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.native.d.ts","sourceRoot":"","sources":["../packages/components/background-gradient/src/style.native.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,YAAY,MAAM,CAAC;AAiBhC,eAAO,MAAM,UAAU,MAAM,CAAC;AAC9B,eAAO,MAAM,WAAW,MAAM,CAAC;AAG/B,eAAO,MAAM,OAAO,MAAM,CAAC;AAE3B,eAAO,MAAM,UAAU,YAAY,CAAC;AAGpC,eAAO,MAAM,UAAU,OAAO,CAAC;AAC/B,eAAO,MAAM,uBAAuB,OAAO,CAAC;AAE5C,eAAO,MAAM,gBAAgB,OAAO,CAAC;AACrC,eAAO,MAAM,mBAAmB,MAAM,CAAC;AAkCvC,eAAO,MAAM,wBAAwB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmBlC,CAAC;AAyEJ,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAef,CAAC"}

package/dist/talos-background-gradient.browser.cjs.js

@@ -1,2 +1,2 @@
-"use strict";var n,e,a=require("tslib"),r=require("react/jsx-runtime"),t=require("react"),i=require("@cleartrip/ct-design-components"),o={root:{position:"relative",width:"100%",height:200,overflow:"hidden","-webkit-mask-image":"linear-gradient(to top, #000 55%, transparent 100%)","mask-image":"linear-gradient(to top, #000 55%, transparent 100%)"},rootDefault:{background:"linear-gradient(0deg, #FFF 0%, #FFF 0%, #FFF 20%, #FFF 50%, rgba(255, 255, 255, 0.00) 100%);"},rootExpanded:{background:"linear-gradient(0deg, #FFF 0%, #FFF 0%, #FFF 5%, #FFF 20%, rgba(255, 255, 255, 0.00) 80%);"},blob:{position:"absolute",width:300,borderRadius:"50%",filter:"blur(40px)",opacity:.8,transform:"translateY(-55%)"},blobDefault:{height:24,top:"50%"},blobExpanded:{height:10,top:"100%"},blobLeft:{background:"#FF4F17",animation:"talosBgSlideX 3500ms ease-in-out infinite alternate"},blobRight:{background:"#FF4F17",animation:"talosBgSlideX 3500ms ease-in-out infinite alternate-reverse"},bgSlideX:{"@keyframes talosBgSlideX":{from:{transform:"translateX(-150px) translateY(-55%)"},to:{transform:"translateX(75vw) translateY(-55%)"}}}};exports.BackgroundGradientVariant=void 0,(n=exports.BackgroundGradientVariant||(exports.BackgroundGradientVariant={})).DEFAULT="default",n.PROCESSING="processing",exports.BackgroundGradientKind=void 0,(e=exports.BackgroundGradientKind||(exports.BackgroundGradientKind={})).DEFAULT="default",e.EXPANDED="expanded";exports.BackgroundGradient=function(n){var e=n.styleConfig,s=n.variant,d=void 0===s?exports.BackgroundGradientVariant.DEFAULT:s,l=n.kind,u=void 0===l?exports.BackgroundGradientKind.DEFAULT:l,g=n.children,c=void 0===g?null:g,F=null==e?void 0:e.root,b=t.useRef(null),p=t.useRef(null);t.useEffect(function(){var n=d===exports.BackgroundGradientVariant.PROCESSING?"800ms":"3500ms";b.current&&(b.current.style.animationDuration=n),p.current&&(p.current.style.animationDuration=n)},[d]);var f=t.useMemo(function(){return a.__assign(a.__assign(a.__assign({},o.root),u===exports.BackgroundGradientKind.DEFAULT?o.rootDefault:o.rootExpanded),null==F?void 0:F.css)},[u,null==F?void 0:F.css]),_=t.useMemo(function(){return a.__assign(a.__assign({},o.blob),u===exports.BackgroundGradientKind.DEFAULT?o.blobDefault:o.blobExpanded)},[u]);return r.jsxs(i.Container,a.__assign({className:null==F?void 0:F.className,css:f},{children:[r.jsx(i.Container,{ref:b,css:a.__assign(a.__assign(a.__assign({},_),o.blobLeft),o.bgSlideX)}),r.jsx(i.Container,{ref:p,css:a.__assign(a.__assign(a.__assign({},_),o.blobRight),o.bgSlideX)}),c]}))};
+"use strict";var t,r,e=require("tslib"),a=require("react/jsx-runtime"),o=require("@cleartrip/ct-design-components"),n={root:{position:"relative",width:"100%",height:200,overflow:"hidden",WebkitMaskImage:"linear-gradient(to top, #000 55%, transparent 100%)",maskImage:"linear-gradient(to top, #000 55%, transparent 100%)"},rootDefault:{background:"linear-gradient(0deg, #FFF 0%, #FFF 0%, #FFF 20%, #FFF 50%, rgba(255, 255, 255, 0.00) 100%)"},rootExpanded:{background:"linear-gradient(0deg, #FFF 0%, #FFF 0%, #FFF 5%, #FFF 20%, rgba(255, 255, 255, 0.00) 80%)"},blob:{position:"absolute",width:300,borderRadius:"50%",filter:"blur(40px)",opacity:.8,transform:"translateY(-55%)"},blobDefault:{height:24,top:"50%"},blobExpanded:{height:10,top:"100%"},blobLeft:{background:"#FF4F17",animation:"talosBgSlideX 3500ms ease-in-out infinite alternate"},blobRight:{background:"#FF4F17",animation:"talosBgSlideX 3500ms ease-in-out infinite alternate-reverse"},blobProcessing:{animationDuration:"800ms"},bgSlideX:{"@keyframes talosBgSlideX":{from:{transform:"translateX(-150px) translateY(-55%)"},to:{transform:"translateX(75vw) translateY(-55%)"}}}};exports.BackgroundGradientVariant=void 0,(t=exports.BackgroundGradientVariant||(exports.BackgroundGradientVariant={})).DEFAULT="default",t.PROCESSING="processing",exports.BackgroundGradientKind=void 0,(r=exports.BackgroundGradientKind||(exports.BackgroundGradientKind={})).DEFAULT="default",r.EXPANDED="expanded";exports.BackgroundGradient=function(t){var r,i=t.styleConfig,d=t.variant,l=void 0===d?exports.BackgroundGradientVariant.DEFAULT:d,s=t.kind,g=void 0===s?exports.BackgroundGradientKind.DEFAULT:s,b=t.children,u=void 0===b?null:b,F=null!==(r=null==i?void 0:i.root)&&void 0!==r?r:[],p=g===exports.BackgroundGradientKind.EXPANDED,c=l===exports.BackgroundGradientVariant.PROCESSING,f=p?n.rootExpanded:n.rootDefault,x=p?n.blobExpanded:n.blobDefault,k=c?n.blobProcessing:void 0;return a.jsxs(o.Container,{styleConfig:{root:e.__spreadArray([n.root,f],F,!0)},children:[a.jsx(o.Container,{styleConfig:{root:[n.blob,x,n.blobLeft,n.bgSlideX,k]}}),a.jsx(o.Container,{styleConfig:{root:[n.blob,x,n.blobRight,n.bgSlideX,k]}}),u]})};
 //# sourceMappingURL=talos-background-gradient.browser.cjs.js.map

package/dist/talos-background-gradient.browser.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"talos-background-gradient.browser.cjs.js","sources":["../packages/components/background-gradient/src/type.ts","../packages/components/background-gradient/src/style.ts","../packages/components/background-gradient/src/BackgroundGradient.tsx"],"sourcesContent":[null,null,null],"names":["BackgroundGradientVariant","BackgroundGradientKind","styles","root","position","width","height","overflow","rootDefault","background","rootExpanded","blob","borderRadius","filter","opacity","transform","blobDefault","top","blobExpanded","blobLeft","animation","blobRight","bgSlideX","from","to","_a","styleConfig","_b","variant","DEFAULT","_c","kind","_d","children","rootConfig","leftBlobRef","useRef","rightBlobRef","useEffect","duration","PROCESSING","current","style","animationDuration","rootStyles","useMemo","__assign","css","blobStyles","_jsxs","jsxs","Container","className","_jsx","ref","jsx"],"mappings":"iBAEYA,EAKAC,oHCPCC,EAAS,CAClBC,KAAM,CACFC,SAAU,WACVC,MAAO,OACPC,OAAQ,IACRC,SAAU,SACV,qBAAsB,sDACtB,aAAc,uDAElBC,YAAa,CACTC,WACI,gGAERC,aAAc,CACVD,WACI,8FAERE,KAAM,CACFP,SAAU,WACVC,MAAO,IACPO,aAAc,MACdC,OAAQ,aACRC,QAAS,GACTC,UAAW,oBAEfC,YAAa,CACTV,OAAQ,GACRW,IAAK,OAETC,aAAc,CACVZ,OAAQ,GACRW,IAAK,QAETE,SAAU,CACNV,WAAY,UACZW,UAAW,uDAEfC,UAAW,CACPZ,WAAY,UACZW,UAAW,+DAEfE,SAAU,CACN,2BAA4B,CACxBC,KAAM,CAAER,UAAW,uCACnBS,GAAI,CAAET,UAAW,wCD1CjBf,QAGXA,+BAAA,GAHWA,EAAAA,oCAAAA,QAAAA,0BAGX,CAAA,IAFG,QAAA,UACAA,EAAA,WAAA,aAGQC,QAGXA,4BAAA,GAHWA,EAAAA,QAAsBA,yBAAtBA,+BAGX,CAAA,IAFG,QAAA,UACAA,EAAA,SAAA,sCEEuB,SAACwB,OACxBC,EAAWD,EAAAC,YACXC,EAAAF,EAAAG,QAAAA,aAAU5B,QAAyBA,0BAAC6B,QAAOF,EAC3CG,EAAAL,EAAAM,KAAAA,OAAI,IAAAD,EAAG7B,QAAAA,uBAAuB4B,QAAOC,EACrCE,EAAAP,EAAAQ,SAAAA,OAAW,IAAAD,EAAA,KAAIA,EAETE,EAAaR,aAAA,EAAAA,EAAavB,KAC1BgC,EAAcC,SAAuB,MACrCC,EAAeD,SAAuB,MAE5CE,EAAAA,UAAU,WACN,IAAMC,EACFX,IAAY5B,QAAAA,0BAA0BwC,WAdtB,QADH,SAmBbL,EAAYM,UACZN,EAAYM,QAAQC,MAAMC,kBAAoBJ,GAE9CF,EAAaI,UACbJ,EAAaI,QAAQC,MAAMC,kBAAoBJ,EAEvD,EAAG,CAACX,IAEJ,IAAMgB,EAAaC,EAAAA,QAAQ,WACvB,OAAAC,WAAAA,EAAAA,SAAAA,EAAAA,SAAA,GACO5C,EAAOC,MACN4B,IAAS9B,+BAAuB4B,QAAU3B,EAAOM,YAAcN,EAAOQ,cACvEwB,aAAU,EAAVA,EAAYa,IAEtB,EAAE,CAAChB,EAAMG,aAAU,EAAVA,EAAYa,MAEhBC,EAAaH,EAAAA,QAAQ,WACvB,OACOC,EAAAA,SAAAA,EAAAA,SAAA,CAAA,EAAA5C,EAAOS,MACNoB,IAAS9B,QAAsBA,uBAAC4B,QAAU3B,EAAOc,YAAcd,EAAOgB,aAElF,EAAG,CAACa,IAEJ,OACIkB,EAAAC,KAACC,EAASA,UAAAL,WAAA,CAACM,UAAWlB,aAAU,EAAVA,EAAYkB,UAAWL,IAAKH,GAAU,CAAAX,SAAA,CACxDoB,EAAAA,IAACF,EAAAA,UAAU,CAAAG,IAAKnB,EAAaY,IAAUD,EAAAA,SAAAA,EAAAA,SAAAA,EAAAA,SAAA,CAAA,EAAAE,GAAe9C,EAAOiB,UAAajB,EAAOoB,YACjF+B,EAACE,IAAAJ,EAASA,UAAC,CAAAG,IAAKjB,EAAcU,IAAUD,EAAAA,SAAAA,WAAAA,EAAAA,SAAA,CAAA,EAAAE,GAAe9C,EAAOmB,WAAcnB,EAAOoB,YAClFW,KAGb"}
+{"version":3,"file":"talos-background-gradient.browser.cjs.js","sources":["../packages/components/background-gradient/src/type.ts","../packages/components/background-gradient/src/style.ts","../packages/components/background-gradient/src/BackgroundGradient.tsx"],"sourcesContent":[null,null,null],"names":["BackgroundGradientVariant","BackgroundGradientKind","styles","root","position","width","height","overflow","WebkitMaskImage","maskImage","rootDefault","background","rootExpanded","blob","borderRadius","filter","opacity","transform","blobDefault","top","blobExpanded","blobLeft","animation","blobRight","blobProcessing","animationDuration","bgSlideX","from","to","_a","styleConfig","_c","variant","DEFAULT","_d","kind","_e","children","rootConfig","_b","isExpanded","EXPANDED","isProcessing","PROCESSING","rootKindStyle","blobKindStyle","blobSpeedStyle","undefined","_jsxs","Container","__spreadArray","_jsx"],"mappings":"iBAEYA,EAKAC,iGCMCC,EAAS,CAClBC,KAAe,CACXC,SAAU,WACVC,MAAO,OACPC,OAAQ,IACRC,SAAU,SACVC,gBAAiB,sDACjBC,UAAW,uDAEfC,YAAsB,CAClBC,WACI,+FAERC,aAAuB,CACnBD,WACI,6FAERE,KAAe,CACXT,SAAU,WACVC,MAAO,IACPS,aAAc,MACdC,OAAQ,aACRC,QAAS,GACTC,UAAW,oBAEfC,YAAsB,CAClBZ,OAAQ,GACRa,IAAK,OAETC,aAAuB,CACnBd,OAAQ,GACRa,IAAK,QAETE,SAAmB,CACfV,WAAY,UACZW,UAAW,uDAEfC,UAAoB,CAChBZ,WAAY,UACZW,UAAW,+DAIfE,eAAyB,CACrBC,kBAAmB,SAEvBC,SAAmB,CACf,2BAA4B,CACxBC,KAAM,CAAEV,UAAW,uCACnBW,GAAI,CAAEX,UAAW,wCD5DjBjB,QAGXA,+BAAA,GAHWA,EAAAA,oCAAAA,QAAAA,0BAGX,CAAA,IAFG,QAAA,UACAA,EAAA,WAAA,aAGQC,QAGXA,4BAAA,GAHWA,EAAAA,QAAsBA,yBAAtBA,+BAGX,CAAA,IAFG,QAAA,UACAA,EAAA,SAAA,sCEHuB,SAAC4B,SACxBC,EAAWD,EAAAC,YACXC,EAAAF,EAAAG,QAAAA,aAAUhC,QAAyBA,0BAACiC,QAAOF,EAC3CG,EAAAL,EAAAM,KAAAA,OAAI,IAAAD,EAAGjC,QAAAA,uBAAuBgC,QAAOC,EACrCE,EAAAP,EAAAQ,SAAAA,OAAW,IAAAD,EAAA,KAAIA,EAETE,EAAkC,QAArBC,EAAAT,aAAA,EAAAA,EAAa3B,YAAQ,IAAAoC,EAAAA,EAAA,GAClCC,EAAaL,IAASlC,QAAsBA,uBAACwC,SAC7CC,EAAeV,IAAYhC,QAAyBA,0BAAC2C,WAErDC,EAAgBJ,EAAatC,EAAOU,aAAeV,EAAOQ,YAC1DmC,EAAgBL,EAAatC,EAAOkB,aAAelB,EAAOgB,YAC1D4B,EAAiBJ,EAAexC,EAAOsB,oBAAiBuB,EAE9D,OACIC,OAACC,EAASA,UAAA,CAACnB,YAAa,CAAE3B,KAAI+C,EAAAA,cAAA,CAAGhD,EAAOC,KAAMyC,GAAkBN,GAAW,cACvEa,MAACF,EAAAA,UACG,CAAAnB,YAAa,CACT3B,KAAM,CAACD,EAAOW,KAAMgC,EAAe3C,EAAOmB,SAAUnB,EAAOwB,SAAUoB,MAG7EK,EAAAA,IAACF,EAASA,UAAA,CACNnB,YAAa,CACT3B,KAAM,CAACD,EAAOW,KAAMgC,EAAe3C,EAAOqB,UAAWrB,EAAOwB,SAAUoB,MAG7ET,IAGb"}

package/dist/talos-background-gradient.browser.esm.js

@@ -1,2 +1,2 @@
-import{__assign as t}from"tslib";import{jsxs as e,jsx as r}from"react/jsx-runtime";import{useRef as n,useEffect as o,useMemo as a}from"react";import{Container as i}from"@cleartrip/ct-design-components";var l,s,d={root:{position:"relative",width:"100%",height:200,overflow:"hidden","-webkit-mask-image":"linear-gradient(to top, #000 55%, transparent 100%)","mask-image":"linear-gradient(to top, #000 55%, transparent 100%)"},rootDefault:{background:"linear-gradient(0deg, #FFF 0%, #FFF 0%, #FFF 20%, #FFF 50%, rgba(255, 255, 255, 0.00) 100%);"},rootExpanded:{background:"linear-gradient(0deg, #FFF 0%, #FFF 0%, #FFF 5%, #FFF 20%, rgba(255, 255, 255, 0.00) 80%);"},blob:{position:"absolute",width:300,borderRadius:"50%",filter:"blur(40px)",opacity:.8,transform:"translateY(-55%)"},blobDefault:{height:24,top:"50%"},blobExpanded:{height:10,top:"100%"},blobLeft:{background:"#FF4F17",animation:"talosBgSlideX 3500ms ease-in-out infinite alternate"},blobRight:{background:"#FF4F17",animation:"talosBgSlideX 3500ms ease-in-out infinite alternate-reverse"},bgSlideX:{"@keyframes talosBgSlideX":{from:{transform:"translateX(-150px) translateY(-55%)"},to:{transform:"translateX(75vw) translateY(-55%)"}}}};!function(t){t.DEFAULT="default",t.PROCESSING="processing"}(l||(l={})),function(t){t.DEFAULT="default",t.EXPANDED="expanded"}(s||(s={}));var u=function(u){var F=u.styleConfig,b=u.variant,c=void 0===b?l.DEFAULT:b,f=u.kind,m=void 0===f?s.DEFAULT:f,g=u.children,p=void 0===g?null:g,v=null==F?void 0:F.root,D=n(null),E=n(null);o(function(){var t=c===l.PROCESSING?"800ms":"3500ms";D.current&&(D.current.style.animationDuration=t),E.current&&(E.current.style.animationDuration=t)},[c]);var h=a(function(){return t(t(t({},d.root),m===s.DEFAULT?d.rootDefault:d.rootExpanded),null==v?void 0:v.css)},[m,null==v?void 0:v.css]),S=a(function(){return t(t({},d.blob),m===s.DEFAULT?d.blobDefault:d.blobExpanded)},[m]);return e(i,t({className:null==v?void 0:v.className,css:h},{children:[r(i,{ref:D,css:t(t(t({},S),d.blobLeft),d.bgSlideX)}),r(i,{ref:E,css:t(t(t({},S),d.blobRight),d.bgSlideX)}),p]}))};export{u as BackgroundGradient,s as BackgroundGradientKind,l as BackgroundGradientVariant};
+import{__spreadArray as t}from"tslib";import{jsxs as o,jsx as e}from"react/jsx-runtime";import{Container as a}from"@cleartrip/ct-design-components";var r,i,n={root:{position:"relative",width:"100%",height:200,overflow:"hidden",WebkitMaskImage:"linear-gradient(to top, #000 55%, transparent 100%)",maskImage:"linear-gradient(to top, #000 55%, transparent 100%)"},rootDefault:{background:"linear-gradient(0deg, #FFF 0%, #FFF 0%, #FFF 20%, #FFF 50%, rgba(255, 255, 255, 0.00) 100%)"},rootExpanded:{background:"linear-gradient(0deg, #FFF 0%, #FFF 0%, #FFF 5%, #FFF 20%, rgba(255, 255, 255, 0.00) 80%)"},blob:{position:"absolute",width:300,borderRadius:"50%",filter:"blur(40px)",opacity:.8,transform:"translateY(-55%)"},blobDefault:{height:24,top:"50%"},blobExpanded:{height:10,top:"100%"},blobLeft:{background:"#FF4F17",animation:"talosBgSlideX 3500ms ease-in-out infinite alternate"},blobRight:{background:"#FF4F17",animation:"talosBgSlideX 3500ms ease-in-out infinite alternate-reverse"},blobProcessing:{animationDuration:"800ms"},bgSlideX:{"@keyframes talosBgSlideX":{from:{transform:"translateX(-150px) translateY(-55%)"},to:{transform:"translateX(75vw) translateY(-55%)"}}}};!function(t){t.DEFAULT="default",t.PROCESSING="processing"}(r||(r={})),function(t){t.DEFAULT="default",t.EXPANDED="expanded"}(i||(i={}));var l=function(l){var d,b=l.styleConfig,s=l.variant,F=void 0===s?r.DEFAULT:s,g=l.kind,f=void 0===g?i.DEFAULT:g,u=l.children,p=void 0===u?null:u,m=null!==(d=null==b?void 0:b.root)&&void 0!==d?d:[],c=f===i.EXPANDED,v=F===r.PROCESSING,E=c?n.blobExpanded:n.blobDefault,h=v?n.blobProcessing:void 0;return o(a,{styleConfig:{root:t([n.root,c?n.rootExpanded:n.rootDefault],m,!0)},children:[e(a,{styleConfig:{root:[n.blob,E,n.blobLeft,n.bgSlideX,h]}}),e(a,{styleConfig:{root:[n.blob,E,n.blobRight,n.bgSlideX,h]}}),p]})};export{l as BackgroundGradient,i as BackgroundGradientKind,r as BackgroundGradientVariant};
 //# sourceMappingURL=talos-background-gradient.browser.esm.js.map

package/dist/talos-background-gradient.browser.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"talos-background-gradient.browser.esm.js","sources":["../packages/components/background-gradient/src/style.ts","../packages/components/background-gradient/src/type.ts","../packages/components/background-gradient/src/BackgroundGradient.tsx"],"sourcesContent":[null,null,null],"names":["BackgroundGradientVariant","BackgroundGradientKind","styles","root","position","width","height","overflow","rootDefault","background","rootExpanded","blob","borderRadius","filter","opacity","transform","blobDefault","top","blobExpanded","blobLeft","animation","blobRight","bgSlideX","from","to","BackgroundGradient","_a","styleConfig","_b","variant","DEFAULT","_c","kind","_d","children","rootConfig","leftBlobRef","useRef","rightBlobRef","useEffect","duration","PROCESSING","current","style","animationDuration","rootStyles","useMemo","__assign","css","blobStyles","_jsxs","Container","className","_jsx","ref"],"mappings":"0MAAO,ICEKA,EAKAC,EDPCC,EAAS,CAClBC,KAAM,CACFC,SAAU,WACVC,MAAO,OACPC,OAAQ,IACRC,SAAU,SACV,qBAAsB,sDACtB,aAAc,uDAElBC,YAAa,CACTC,WACI,gGAERC,aAAc,CACVD,WACI,8FAERE,KAAM,CACFP,SAAU,WACVC,MAAO,IACPO,aAAc,MACdC,OAAQ,aACRC,QAAS,GACTC,UAAW,oBAEfC,YAAa,CACTV,OAAQ,GACRW,IAAK,OAETC,aAAc,CACVZ,OAAQ,GACRW,IAAK,QAETE,SAAU,CACNV,WAAY,UACZW,UAAW,uDAEfC,UAAW,CACPZ,WAAY,UACZW,UAAW,+DAEfE,SAAU,CACN,2BAA4B,CACxBC,KAAM,CAAER,UAAW,uCACnBS,GAAI,CAAET,UAAW,yCC1C7B,SAAYf,GACRA,EAAA,QAAA,UACAA,EAAA,WAAA,YACH,CAHD,CAAYA,IAAAA,EAGX,CAAA,IAED,SAAYC,GACRA,EAAA,QAAA,UACAA,EAAA,SAAA,UACH,CAHD,CAAYA,IAAAA,EAGX,CAAA,ICFD,IAGMwB,EAAqB,SAACC,OACxBC,EAAWD,EAAAC,YACXC,EAAAF,EAAAG,QAAAA,aAAU7B,EAA0B8B,QAAOF,EAC3CG,EAAAL,EAAAM,KAAAA,OAAI,IAAAD,EAAG9B,EAAuB6B,QAAOC,EACrCE,EAAAP,EAAAQ,SAAAA,OAAW,IAAAD,EAAA,KAAIA,EAETE,EAAaR,aAAA,EAAAA,EAAaxB,KAC1BiC,EAAcC,EAAuB,MACrCC,EAAeD,EAAuB,MAE5CE,EAAU,WACN,IAAMC,EACFX,IAAY7B,EAA0ByC,WAdtB,QADH,SAmBbL,EAAYM,UACZN,EAAYM,QAAQC,MAAMC,kBAAoBJ,GAE9CF,EAAaI,UACbJ,EAAaI,QAAQC,MAAMC,kBAAoBJ,EAEvD,EAAG,CAACX,IAEJ,IAAMgB,EAAaC,EAAQ,WACvB,OAAAC,EAAAA,EAAAA,EAAA,GACO7C,EAAOC,MACN6B,IAAS/B,EAAuB6B,QAAU5B,EAAOM,YAAcN,EAAOQ,cACvEyB,aAAU,EAAVA,EAAYa,IAEtB,EAAE,CAAChB,EAAMG,aAAU,EAAVA,EAAYa,MAEhBC,EAAaH,EAAQ,WACvB,OACOC,EAAAA,EAAA,CAAA,EAAA7C,EAAOS,MACNqB,IAAS/B,EAAuB6B,QAAU5B,EAAOc,YAAcd,EAAOgB,aAElF,EAAG,CAACc,IAEJ,OACIkB,EAACC,EAASJ,EAAA,CAACK,UAAWjB,aAAU,EAAVA,EAAYiB,UAAWJ,IAAKH,GAAU,CAAAX,SAAA,CACxDmB,EAACF,EAAU,CAAAG,IAAKlB,EAAaY,IAAUD,EAAAA,EAAAA,EAAA,CAAA,EAAAE,GAAe/C,EAAOiB,UAAajB,EAAOoB,YACjF+B,EAACF,EAAU,CAAAG,IAAKhB,EAAcU,IAAUD,EAAAA,EAAAA,EAAA,CAAA,EAAAE,GAAe/C,EAAOmB,WAAcnB,EAAOoB,YAClFY,KAGb"}
+{"version":3,"file":"talos-background-gradient.browser.esm.js","sources":["../packages/components/background-gradient/src/style.ts","../packages/components/background-gradient/src/type.ts","../packages/components/background-gradient/src/BackgroundGradient.tsx"],"sourcesContent":[null,null,null],"names":["BackgroundGradientVariant","BackgroundGradientKind","styles","root","position","width","height","overflow","WebkitMaskImage","maskImage","rootDefault","background","rootExpanded","blob","borderRadius","filter","opacity","transform","blobDefault","top","blobExpanded","blobLeft","animation","blobRight","blobProcessing","animationDuration","bgSlideX","from","to","BackgroundGradient","_a","styleConfig","_c","variant","DEFAULT","_d","kind","_e","children","rootConfig","_b","isExpanded","EXPANDED","isProcessing","PROCESSING","blobKindStyle","blobSpeedStyle","undefined","_jsxs","Container","__spreadArray","_jsx"],"mappings":"oJAWA,ICTYA,EAKAC,EDMCC,EAAS,CAClBC,KAAe,CACXC,SAAU,WACVC,MAAO,OACPC,OAAQ,IACRC,SAAU,SACVC,gBAAiB,sDACjBC,UAAW,uDAEfC,YAAsB,CAClBC,WACI,+FAERC,aAAuB,CACnBD,WACI,6FAERE,KAAe,CACXT,SAAU,WACVC,MAAO,IACPS,aAAc,MACdC,OAAQ,aACRC,QAAS,GACTC,UAAW,oBAEfC,YAAsB,CAClBZ,OAAQ,GACRa,IAAK,OAETC,aAAuB,CACnBd,OAAQ,GACRa,IAAK,QAETE,SAAmB,CACfV,WAAY,UACZW,UAAW,uDAEfC,UAAoB,CAChBZ,WAAY,UACZW,UAAW,+DAIfE,eAAyB,CACrBC,kBAAmB,SAEvBC,SAAmB,CACf,2BAA4B,CACxBC,KAAM,CAAEV,UAAW,uCACnBW,GAAI,CAAEX,UAAW,yCC5D7B,SAAYjB,GACRA,EAAA,QAAA,UACAA,EAAA,WAAA,YACH,CAHD,CAAYA,IAAAA,EAGX,CAAA,IAED,SAAYC,GACRA,EAAA,QAAA,UACAA,EAAA,SAAA,UACH,CAHD,CAAYA,IAAAA,EAGX,CAAA,ICJK,IAAA4B,EAAqB,SAACC,SACxBC,EAAWD,EAAAC,YACXC,EAAAF,EAAAG,QAAAA,aAAUjC,EAA0BkC,QAAOF,EAC3CG,EAAAL,EAAAM,KAAAA,OAAI,IAAAD,EAAGlC,EAAuBiC,QAAOC,EACrCE,EAAAP,EAAAQ,SAAAA,OAAW,IAAAD,EAAA,KAAIA,EAETE,EAAkC,QAArBC,EAAAT,aAAA,EAAAA,EAAa5B,YAAQ,IAAAqC,EAAAA,EAAA,GAClCC,EAAaL,IAASnC,EAAuByC,SAC7CC,EAAeV,IAAYjC,EAA0B4C,WAGrDC,EAAgBJ,EAAavC,EAAOkB,aAAelB,EAAOgB,YAC1D4B,EAAiBH,EAAezC,EAAOsB,oBAAiBuB,EAE9D,OACIC,EAACC,EAAS,CAAClB,YAAa,CAAE5B,KAAI+C,EAAA,CAAGhD,EAAOC,KALtBsC,EAAavC,EAAOU,aAAeV,EAAOQ,aAKI6B,GAAW,cACvEY,EAACF,EACG,CAAAlB,YAAa,CACT5B,KAAM,CAACD,EAAOW,KAAMgC,EAAe3C,EAAOmB,SAAUnB,EAAOwB,SAAUoB,MAG7EK,EAACF,EAAS,CACNlB,YAAa,CACT5B,KAAM,CAACD,EAAOW,KAAMgC,EAAe3C,EAAOqB,UAAWrB,EAAOwB,SAAUoB,MAG7ER,IAGb"}

package/dist/talos-background-gradient.cjs.js

@@ -2,54 +2,57 @@
 
 var tslib = require('tslib');
 var jsxRuntime = require('react/jsx-runtime');
-var react = require('react');
 var ctDesignComponents = require('@cleartrip/ct-design-components');
 
+var webStyle = function (style) { return style; };
 var styles = {
-    root: {
+    root: webStyle({
         position: "relative",
         width: "100%",
         height: 200,
         overflow: "hidden",
-        '-webkit-mask-image': "linear-gradient(to top, #000 55%, transparent 100%)",
-        'mask-image': "linear-gradient(to top, #000 55%, transparent 100%)",
-    },
-    rootDefault: {
-        background: "linear-gradient(0deg, #FFF 0%, #FFF 0%, #FFF 20%, #FFF 50%, rgba(255, 255, 255, 0.00) 100%);",
-    },
-    rootExpanded: {
-        background: "linear-gradient(0deg, #FFF 0%, #FFF 0%, #FFF 5%, #FFF 20%, rgba(255, 255, 255, 0.00) 80%);",
-    },
-    blob: {
+        WebkitMaskImage: "linear-gradient(to top, #000 55%, transparent 100%)",
+        maskImage: "linear-gradient(to top, #000 55%, transparent 100%)",
+    }),
+    rootDefault: webStyle({
+        background: "linear-gradient(0deg, #FFF 0%, #FFF 0%, #FFF 20%, #FFF 50%, rgba(255, 255, 255, 0.00) 100%)",
+    }),
+    rootExpanded: webStyle({
+        background: "linear-gradient(0deg, #FFF 0%, #FFF 0%, #FFF 5%, #FFF 20%, rgba(255, 255, 255, 0.00) 80%)",
+    }),
+    blob: webStyle({
         position: "absolute",
         width: 300,
         borderRadius: "50%",
         filter: "blur(40px)",
         opacity: 0.8,
         transform: "translateY(-55%)",
-    },
-    blobDefault: {
+    }),
+    blobDefault: webStyle({
         height: 24,
         top: "50%",
-    },
-    blobExpanded: {
+    }),
+    blobExpanded: webStyle({
         height: 10,
         top: "100%",
-    },
-    blobLeft: {
+    }),
+    blobLeft: webStyle({
         background: "#FF4F17",
         animation: "talosBgSlideX 3500ms ease-in-out infinite alternate",
-    },
-    blobRight: {
+    }),
+    blobRight: webStyle({
         background: "#FF4F17",
         animation: "talosBgSlideX 3500ms ease-in-out infinite alternate-reverse",
-    },
-    bgSlideX: {
+    }),
+    blobProcessing: webStyle({
+        animationDuration: "800ms",
+    }),
+    bgSlideX: webStyle({
         "@keyframes talosBgSlideX": {
             from: { transform: "translateX(-150px) translateY(-55%)" },
             to: { transform: "translateX(75vw) translateY(-55%)" },
         },
-    },
+    }),
 };
 
 exports.BackgroundGradientVariant = void 0;
@@ -63,31 +66,20 @@ exports.BackgroundGradientKind = void 0;
     BackgroundGradientKind["EXPANDED"] = "expanded";
 })(exports.BackgroundGradientKind || (exports.BackgroundGradientKind = {}));
 
-var DEFAULT_DURATION = "3500ms";
-var PROCESSING_DURATION = "800ms";
 var BackgroundGradient = function (_a) {
-    var styleConfig = _a.styleConfig, _b = _a.variant, variant = _b === void 0 ? exports.BackgroundGradientVariant.DEFAULT : _b, _c = _a.kind, kind = _c === void 0 ? exports.BackgroundGradientKind.DEFAULT : _c, _d = _a.children, children = _d === void 0 ? null : _d;
-    var rootConfig = styleConfig === null || styleConfig === void 0 ? void 0 : styleConfig.root;
-    var leftBlobRef = react.useRef(null);
-    var rightBlobRef = react.useRef(null);
-    react.useEffect(function () {
-        var duration = variant === exports.BackgroundGradientVariant.PROCESSING
-            ? PROCESSING_DURATION
-            : DEFAULT_DURATION;
-        if (leftBlobRef.current) {
-            leftBlobRef.current.style.animationDuration = duration;
-        }
-        if (rightBlobRef.current) {
-            rightBlobRef.current.style.animationDuration = duration;
-        }
-    }, [variant]);
-    var rootStyles = react.useMemo(function () {
-        return tslib.__assign(tslib.__assign(tslib.__assign({}, styles.root), (kind === exports.BackgroundGradientKind.DEFAULT ? styles.rootDefault : styles.rootExpanded)), rootConfig === null || rootConfig === void 0 ? void 0 : rootConfig.css);
-    }, [kind, rootConfig === null || rootConfig === void 0 ? void 0 : rootConfig.css]);
-    var blobStyles = react.useMemo(function () {
-        return tslib.__assign(tslib.__assign({}, styles.blob), (kind === exports.BackgroundGradientKind.DEFAULT ? styles.blobDefault : styles.blobExpanded));
-    }, [kind]);
-    return (jsxRuntime.jsxs(ctDesignComponents.Container, tslib.__assign({ className: rootConfig === null || rootConfig === void 0 ? void 0 : rootConfig.className, css: rootStyles }, { children: [jsxRuntime.jsx(ctDesignComponents.Container, { ref: leftBlobRef, css: tslib.__assign(tslib.__assign(tslib.__assign({}, blobStyles), styles.blobLeft), styles.bgSlideX) }), jsxRuntime.jsx(ctDesignComponents.Container, { ref: rightBlobRef, css: tslib.__assign(tslib.__assign(tslib.__assign({}, blobStyles), styles.blobRight), styles.bgSlideX) }), children] })));
+    var _b;
+    var styleConfig = _a.styleConfig, _c = _a.variant, variant = _c === void 0 ? exports.BackgroundGradientVariant.DEFAULT : _c, _d = _a.kind, kind = _d === void 0 ? exports.BackgroundGradientKind.DEFAULT : _d, _e = _a.children, children = _e === void 0 ? null : _e;
+    var rootConfig = (_b = styleConfig === null || styleConfig === void 0 ? void 0 : styleConfig.root) !== null && _b !== void 0 ? _b : [];
+    var isExpanded = kind === exports.BackgroundGradientKind.EXPANDED;
+    var isProcessing = variant === exports.BackgroundGradientVariant.PROCESSING;
+    var rootKindStyle = isExpanded ? styles.rootExpanded : styles.rootDefault;
+    var blobKindStyle = isExpanded ? styles.blobExpanded : styles.blobDefault;
+    var blobSpeedStyle = isProcessing ? styles.blobProcessing : undefined;
+    return (jsxRuntime.jsxs(ctDesignComponents.Container, { styleConfig: { root: tslib.__spreadArray([styles.root, rootKindStyle], rootConfig, true) }, children: [jsxRuntime.jsx(ctDesignComponents.Container, { styleConfig: {
+                    root: [styles.blob, blobKindStyle, styles.blobLeft, styles.bgSlideX, blobSpeedStyle],
+                } }), jsxRuntime.jsx(ctDesignComponents.Container, { styleConfig: {
+                    root: [styles.blob, blobKindStyle, styles.blobRight, styles.bgSlideX, blobSpeedStyle],
+                } }), children] }));
 };
 
 exports.BackgroundGradient = BackgroundGradient;

package/dist/talos-background-gradient.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"talos-background-gradient.cjs.js","sources":["../packages/components/background-gradient/src/style.ts","../packages/components/background-gradient/src/type.ts","../packages/components/background-gradient/src/BackgroundGradient.tsx"],"sourcesContent":[null,null,null],"names":["BackgroundGradientVariant","BackgroundGradientKind","useRef","useEffect","useMemo","__assign","_jsxs","Container","_jsx"],"mappings":"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"}
+{"version":3,"file":"talos-background-gradient.cjs.js","sources":["../packages/components/background-gradient/src/style.ts","../packages/components/background-gradient/src/type.ts","../packages/components/background-gradient/src/BackgroundGradient.tsx"],"sourcesContent":[null,null,null],"names":["BackgroundGradientVariant","BackgroundGradientKind","_jsxs","Container","__spreadArray","_jsx"],"mappings":"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"}

package/dist/talos-background-gradient.esm.js

@@ -1,53 +1,56 @@
-import { __assign } from 'tslib';
+import { __spreadArray } from 'tslib';
 import { jsxs, jsx } from 'react/jsx-runtime';
-import { useRef, useEffect, useMemo } from 'react';
 import { Container } from '@cleartrip/ct-design-components';
 
+var webStyle = function (style) { return style; };
 var styles = {
-    root: {
+    root: webStyle({
         position: "relative",
         width: "100%",
         height: 200,
         overflow: "hidden",
-        '-webkit-mask-image': "linear-gradient(to top, #000 55%, transparent 100%)",
-        'mask-image': "linear-gradient(to top, #000 55%, transparent 100%)",
-    },
-    rootDefault: {
-        background: "linear-gradient(0deg, #FFF 0%, #FFF 0%, #FFF 20%, #FFF 50%, rgba(255, 255, 255, 0.00) 100%);",
-    },
-    rootExpanded: {
-        background: "linear-gradient(0deg, #FFF 0%, #FFF 0%, #FFF 5%, #FFF 20%, rgba(255, 255, 255, 0.00) 80%);",
-    },
-    blob: {
+        WebkitMaskImage: "linear-gradient(to top, #000 55%, transparent 100%)",
+        maskImage: "linear-gradient(to top, #000 55%, transparent 100%)",
+    }),
+    rootDefault: webStyle({
+        background: "linear-gradient(0deg, #FFF 0%, #FFF 0%, #FFF 20%, #FFF 50%, rgba(255, 255, 255, 0.00) 100%)",
+    }),
+    rootExpanded: webStyle({
+        background: "linear-gradient(0deg, #FFF 0%, #FFF 0%, #FFF 5%, #FFF 20%, rgba(255, 255, 255, 0.00) 80%)",
+    }),
+    blob: webStyle({
         position: "absolute",
         width: 300,
         borderRadius: "50%",
         filter: "blur(40px)",
         opacity: 0.8,
         transform: "translateY(-55%)",
-    },
-    blobDefault: {
+    }),
+    blobDefault: webStyle({
         height: 24,
         top: "50%",
-    },
-    blobExpanded: {
+    }),
+    blobExpanded: webStyle({
         height: 10,
         top: "100%",
-    },
-    blobLeft: {
+    }),
+    blobLeft: webStyle({
         background: "#FF4F17",
         animation: "talosBgSlideX 3500ms ease-in-out infinite alternate",
-    },
-    blobRight: {
+    }),
+    blobRight: webStyle({
         background: "#FF4F17",
         animation: "talosBgSlideX 3500ms ease-in-out infinite alternate-reverse",
-    },
-    bgSlideX: {
+    }),
+    blobProcessing: webStyle({
+        animationDuration: "800ms",
+    }),
+    bgSlideX: webStyle({
         "@keyframes talosBgSlideX": {
             from: { transform: "translateX(-150px) translateY(-55%)" },
             to: { transform: "translateX(75vw) translateY(-55%)" },
         },
-    },
+    }),
 };
 
 var BackgroundGradientVariant;
@@ -61,31 +64,20 @@ var BackgroundGradientKind;
     BackgroundGradientKind["EXPANDED"] = "expanded";
 })(BackgroundGradientKind || (BackgroundGradientKind = {}));
 
-var DEFAULT_DURATION = "3500ms";
-var PROCESSING_DURATION = "800ms";
 var BackgroundGradient = function (_a) {
-    var styleConfig = _a.styleConfig, _b = _a.variant, variant = _b === void 0 ? BackgroundGradientVariant.DEFAULT : _b, _c = _a.kind, kind = _c === void 0 ? BackgroundGradientKind.DEFAULT : _c, _d = _a.children, children = _d === void 0 ? null : _d;
-    var rootConfig = styleConfig === null || styleConfig === void 0 ? void 0 : styleConfig.root;
-    var leftBlobRef = useRef(null);
-    var rightBlobRef = useRef(null);
-    useEffect(function () {
-        var duration = variant === BackgroundGradientVariant.PROCESSING
-            ? PROCESSING_DURATION
-            : DEFAULT_DURATION;
-        if (leftBlobRef.current) {
-            leftBlobRef.current.style.animationDuration = duration;
-        }
-        if (rightBlobRef.current) {
-            rightBlobRef.current.style.animationDuration = duration;
-        }
-    }, [variant]);
-    var rootStyles = useMemo(function () {
-        return __assign(__assign(__assign({}, styles.root), (kind === BackgroundGradientKind.DEFAULT ? styles.rootDefault : styles.rootExpanded)), rootConfig === null || rootConfig === void 0 ? void 0 : rootConfig.css);
-    }, [kind, rootConfig === null || rootConfig === void 0 ? void 0 : rootConfig.css]);
-    var blobStyles = useMemo(function () {
-        return __assign(__assign({}, styles.blob), (kind === BackgroundGradientKind.DEFAULT ? styles.blobDefault : styles.blobExpanded));
-    }, [kind]);
-    return (jsxs(Container, __assign({ className: rootConfig === null || rootConfig === void 0 ? void 0 : rootConfig.className, css: rootStyles }, { children: [jsx(Container, { ref: leftBlobRef, css: __assign(__assign(__assign({}, blobStyles), styles.blobLeft), styles.bgSlideX) }), jsx(Container, { ref: rightBlobRef, css: __assign(__assign(__assign({}, blobStyles), styles.blobRight), styles.bgSlideX) }), children] })));
+    var _b;
+    var styleConfig = _a.styleConfig, _c = _a.variant, variant = _c === void 0 ? BackgroundGradientVariant.DEFAULT : _c, _d = _a.kind, kind = _d === void 0 ? BackgroundGradientKind.DEFAULT : _d, _e = _a.children, children = _e === void 0 ? null : _e;
+    var rootConfig = (_b = styleConfig === null || styleConfig === void 0 ? void 0 : styleConfig.root) !== null && _b !== void 0 ? _b : [];
+    var isExpanded = kind === BackgroundGradientKind.EXPANDED;
+    var isProcessing = variant === BackgroundGradientVariant.PROCESSING;
+    var rootKindStyle = isExpanded ? styles.rootExpanded : styles.rootDefault;
+    var blobKindStyle = isExpanded ? styles.blobExpanded : styles.blobDefault;
+    var blobSpeedStyle = isProcessing ? styles.blobProcessing : undefined;
+    return (jsxs(Container, { styleConfig: { root: __spreadArray([styles.root, rootKindStyle], rootConfig, true) }, children: [jsx(Container, { styleConfig: {
+                    root: [styles.blob, blobKindStyle, styles.blobLeft, styles.bgSlideX, blobSpeedStyle],
+                } }), jsx(Container, { styleConfig: {
+                    root: [styles.blob, blobKindStyle, styles.blobRight, styles.bgSlideX, blobSpeedStyle],
+                } }), children] }));
 };
 
 export { BackgroundGradient, BackgroundGradientKind, BackgroundGradientVariant };

package/dist/talos-background-gradient.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"talos-background-gradient.esm.js","sources":["../packages/components/background-gradient/src/style.ts","../packages/components/background-gradient/src/type.ts","../packages/components/background-gradient/src/BackgroundGradient.tsx"],"sourcesContent":[null,null,null],"names":["_jsxs","_jsx"],"mappings":"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"}
+{"version":3,"file":"talos-background-gradient.esm.js","sources":["../packages/components/background-gradient/src/style.ts","../packages/components/background-gradient/src/type.ts","../packages/components/background-gradient/src/BackgroundGradient.tsx"],"sourcesContent":[null,null,null],"names":["_jsxs","_jsx"],"mappings":"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"}