@cleartrip/ct-design-dotted-loader 5.14.0-SNAPSHOT-native-main.0 → 5.14.0-SNAPSHOT-bookzero-final.0

package/dist/DottedLoader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DottedLoader.d.ts","sourceRoot":"","sources":["../packages/components/DottedLoader/src/DottedLoader.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAa,YAAY,EAAE,MAAM,gCAAgC,CAAC;AAKzE,OAAO,EAAQ,kBAAkB,EAAE,MAAM,QAAQ,CAAC;AAkDlD,QAAA,MAAM,YAAY,wGAkBjB,CAAC;AAIF,eAAe,YAAY,CAAC"}
+{"version":3,"file":"DottedLoader.d.ts","sourceRoot":"","sources":["../packages/components/DottedLoader/src/DottedLoader.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAa,YAAY,EAAE,MAAM,gCAAgC,CAAC;AAKzE,OAAO,EAAQ,kBAAkB,EAAE,MAAM,QAAQ,CAAC;AAqDlD,QAAA,MAAM,YAAY,wGAyBjB,CAAC;AAIF,eAAe,YAAY,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"DottedLoader.native.d.ts","sourceRoot":"","sources":["../packages/components/DottedLoader/src/DottedLoader.native.tsx"],"names":[],"mappings":"AAUA,OAAO,EAAa,YAAY,EAAE,MAAM,gCAAgC,CAAC;AAKzE,OAAO,EAAQ,kBAAkB,EAAE,MAAM,QAAQ,CAAC;AA6FlD,QAAA,MAAM,YAAY,wGAYjB,CAAC;AAIF,eAAe,YAAY,CAAC"}
+{"version":3,"file":"DottedLoader.native.d.ts","sourceRoot":"","sources":["../packages/components/DottedLoader/src/DottedLoader.native.tsx"],"names":[],"mappings":"AAUA,OAAO,EAAa,YAAY,EAAE,MAAM,gCAAgC,CAAC;AAKzE,OAAO,EAAQ,kBAAkB,EAAE,MAAM,QAAQ,CAAC;AAyFlD,QAAA,MAAM,YAAY,wGAmBjB,CAAC;AAIF,eAAe,YAAY,CAAC"}

package/dist/ct-design-dottedLoader.browser.cjs.js

@@ -1,6 +1,6 @@
-"use strict";var r=require("react/jsx-runtime"),e=require("react"),o=require("@cleartrip/ct-design-container"),t=require("@cleartrip/ct-design-style-manager"),a=require("@emotion/css");const n=t.makeStyles(r=>({root:{alignItems:"center",justifyContent:"center",flexDirection:"row",columnGap:8},dot:{borderRadius:r.border.radius[32],backgroundColor:r.color.background.defaultDark}})),i=({dotId:e,variant:i,styleConfig:s})=>{const{root:d=[]}=s||{},c=t.useStyles(r=>{const o=function(r,e){switch(r){case"large":return e.size[3];case"medium":return e.size[2];default:return e.size[1]}}(i,r);return{dot:{width:o,height:o,animation:`${(({color1:r,color2:e})=>a.keyframes`
-  0% { background-color: ${r}; transform: scale(1); }
-  50% { background-color: ${e}; transform: scale(1.2); }
-  100% { background-color: ${r}; transform: scale(1); }
-`)({color1:r.color.background.defaultDark,color2:r.color.background.defaultDarkest})} ease-in-out 1s infinite`,animationDelay:1/3*e+"s"}}},[i,e]);return r.jsx(o.Container,{styleConfig:{root:[n.dot,c.dot,...d]}})},s=e.memo(e.forwardRef(({css:e,variant:t="medium",styleConfig:a},s)=>{const{root:d=[],loaderCont:c}=a||{},l=e?[e]:[];return r.jsx(o.Container,{ref:s,styleConfig:{root:[n.root,...d,...l]},children:Array.from({length:3}).map((e,o)=>r.jsx(i,{dotId:o,variant:t,styleConfig:{root:c}},o))})}));var d;s.displayName="DottedLoader",exports.DottedLoaderSize=void 0,(d=exports.DottedLoaderSize||(exports.DottedLoaderSize={})).SMALL="small",d.MEDIUM="medium",d.LARGE="large",exports.DottedLoader=s;
+"use strict";var o=require("react/jsx-runtime"),r=require("react"),e=require("@cleartrip/ct-design-container"),t=require("@cleartrip/ct-design-style-manager"),a=require("@emotion/css");const n=t.makeStyles(o=>({root:{alignItems:"center",justifyContent:"center",flexDirection:"row",columnGap:8},dot:{borderRadius:o.border.radius[32],backgroundColor:o.color.background.defaultDark}})),i=({dotId:r,variant:i,color1:l,color2:s,styleConfig:c})=>{const{root:d=[]}=c||{},u=t.useStyles(o=>{const e=function(o,r){switch(o){case"large":return r.size[3];case"medium":return r.size[2];default:return r.size[1]}}(i,o),t=null!=l?l:o.color.background.defaultDark,n=(({color1:o,color2:r})=>a.keyframes`
+  0% { background-color: ${o}; transform: scale(1); }
+  50% { background-color: ${r}; transform: scale(1.2); }
+  100% { background-color: ${o}; transform: scale(1); }
+`)({color1:t,color2:null!=s?s:o.color.background.defaultDarkest});return{dot:{width:e,height:e,backgroundColor:t,animation:`${n} ease-in-out 1s infinite`,animationDelay:1/3*r+"s"}}},[i,r,l,s]);return o.jsx(e.Container,{styleConfig:{root:[n.dot,u.dot,...d]}})},l=r.memo(r.forwardRef(({css:r,variant:t="medium",dotColors:a,styleConfig:l},s)=>{const{root:c=[],loaderCont:d}=l||{},u=r?[r]:[];return o.jsx(e.Container,{ref:s,styleConfig:{root:[n.root,...c,...u]},children:Array.from({length:3}).map((r,e)=>o.jsx(i,{dotId:e,variant:t,color1:null==a?void 0:a.primary,color2:null==a?void 0:a.secondary,styleConfig:{root:d}},e))})}));var s;l.displayName="DottedLoader",exports.DottedLoaderSize=void 0,(s=exports.DottedLoaderSize||(exports.DottedLoaderSize={})).SMALL="small",s.MEDIUM="medium",s.LARGE="large",exports.DottedLoader=l;
 //# sourceMappingURL=ct-design-dottedLoader.browser.cjs.js.map

package/dist/ct-design-dottedLoader.browser.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"ct-design-dottedLoader.browser.cjs.js","sources":["../packages/components/DottedLoader/src/style.ts","../packages/components/DottedLoader/src/DottedLoader.tsx","../packages/components/DottedLoader/src/constants.ts"],"sourcesContent":[null,null,null],"names":["staticLoaderStyles","makeStyles","theme","root","alignItems","justifyContent","flexDirection","columnGap","dot","borderRadius","border","radius","backgroundColor","color","background","defaultDark","LoaderDot","dotId","variant","styleConfig","dotStyles","dynamicStyles","useStyles","size","getLoaderDimension","width","height","animation","color1","color2","keyframes","dotAnimationKeyframe","defaultDarkest","animationDelay","_jsx","jsx","Container","DottedLoader","memo","forwardRef","css","forwardedRef","rootStyles","loaderCont","legacyCssStyles","ref","children","Array","from","length","map","_","id","DottedLoaderSize","displayName"],"mappings":"yLA6BO,MAWDA,EAAqBC,EAAAA,WAAYC,IAAW,CAChDC,KAAM,CACJC,WAAY,SACZC,eAAgB,SAChBC,cAAe,MACfC,UAAW,GAEbC,IAAK,CACHC,aAAcP,EAAMQ,OAAOC,OAAO,IAClCC,gBAAiBV,EAAMW,MAAMC,WAAWC,gBCjCtCC,EAAY,EAAGC,QAAOC,UAASC,kBACnC,MAAQhB,KAAMiB,EAAY,IAAOD,GAAe,CAAA,EAE1CE,EAAgBC,YACnBpB,IACC,MAAMqB,EDTI,SAAmBA,EAAiCrB,GAClE,OAAQqB,GACN,IAAK,QACH,OAAOrB,EAAMqB,KAAK,GACpB,IAAK,SACH,OAAOrB,EAAMqB,KAAK,GACpB,QACE,OAAOrB,EAAMqB,KAAK,GAExB,CCAmBC,CAAmBN,EAAShB,GAMzC,MAAO,CACLM,IAAK,CACHiB,MAAOF,EACPG,OAAQH,EACRI,UAAW,GDFe,GAAGC,SAAQC,YAAiDC,EAASA,SAAA;2BAC9EF;4BACCC;6BACCD;ECVDG,CAAqB,CACzCH,OAAQ1B,EAAMW,MAAMC,WAAWC,YAC/Bc,OAAQ3B,EAAMW,MAAMC,WAAWkB,2CAQ7BC,eAAoB,EAAI,EAAKhB,EAAb,OAItB,CAACC,EAASD,IAGZ,OACEiB,EAAAC,IAACC,YAAS,CACRjB,YAAa,CACXhB,KAAM,CAACH,EAAmBQ,IAAKa,EAAcb,OAAQY,OAevDiB,EAAeC,EAAAA,KACnBC,EAAUA,WAAmC,EAAGC,MAAKtB,UAAU,SAAUC,eAAesB,KACtF,MAAQtC,KAAMuC,EAAa,GAAEC,WAAEA,GAAexB,GAAe,GACvDyB,EAA4BJ,EAAM,CAACA,GAAiB,GAE1D,OACEN,MAACE,EAASA,UAAA,CACRS,IAAKJ,EACLtB,YAAa,CACXhB,KAAM,CAACH,EAAmBG,QAASuC,KAAeE,IAGnDE,SAAAC,MAAMC,KAAK,CAAEC,OA5DJ,IA4DyBC,IAAI,CAACC,EAAGC,IACzClB,EAAAA,IAAClB,GAAmBC,MAAOmC,EAAIlC,QAASA,EAASC,YAAa,CAAEhB,KAAMwC,IAAtDS,SCtE1B,IAAYC,ED6EZhB,EAAaiB,YAAc,eC7EfD,QAIXA,sBAAA,GAJWA,EAAAA,QAAgBA,mBAAhBA,yBAIX,CAAA,IAHC,MAAA,QACAA,EAAA,OAAA,SACAA,EAAA,MAAA"}
+{"version":3,"file":"ct-design-dottedLoader.browser.cjs.js","sources":["../packages/components/DottedLoader/src/style.ts","../packages/components/DottedLoader/src/DottedLoader.tsx","../packages/components/DottedLoader/src/constants.ts"],"sourcesContent":[null,null,null],"names":["staticLoaderStyles","makeStyles","theme","root","alignItems","justifyContent","flexDirection","columnGap","dot","borderRadius","border","radius","backgroundColor","color","background","defaultDark","LoaderDot","dotId","variant","color1","color2","styleConfig","dotStyles","dynamicStyles","useStyles","size","getLoaderDimension","resolvedColor1","animationName","keyframes","dotAnimationKeyframe","defaultDarkest","width","height","animation","animationDelay","_jsx","jsx","Container","DottedLoader","memo","forwardRef","css","dotColors","forwardedRef","rootStyles","loaderCont","legacyCssStyles","ref","children","Array","from","length","map","_","id","primary","secondary","DottedLoaderSize","displayName"],"mappings":"yLA6BO,MAWDA,EAAqBC,EAAAA,WAAYC,IAAW,CAChDC,KAAM,CACJC,WAAY,SACZC,eAAgB,SAChBC,cAAe,MACfC,UAAW,GAEbC,IAAK,CACHC,aAAcP,EAAMQ,OAAOC,OAAO,IAClCC,gBAAiBV,EAAMW,MAAMC,WAAWC,gBCjCtCC,EAAY,EAAGC,QAAOC,UAASC,SAAQC,SAAQC,kBACnD,MAAQlB,KAAMmB,EAAY,IAAOD,GAAe,CAAA,EAE1CE,EAAgBC,YACnBtB,IACC,MAAMuB,EDTI,SAAmBA,EAAiCvB,GAClE,OAAQuB,GACN,IAAK,QACH,OAAOvB,EAAMuB,KAAK,GACpB,IAAK,SACH,OAAOvB,EAAMuB,KAAK,GACpB,QACE,OAAOvB,EAAMuB,KAAK,GAExB,CCAmBC,CAAmBR,EAAShB,GACnCyB,EAAiBR,QAAAA,EAAUjB,EAAMW,MAAMC,WAAWC,YAElDa,EDKwB,GAAGT,SAAQC,YAAiDS,EAASA,SAAA;2BAC9EV;4BACCC;6BACCD;ECRDW,CAAqB,CACzCX,OAAQQ,EACRP,OAHqBA,QAAAA,EAAUlB,EAAMW,MAAMC,WAAWiB,iBAMxD,MAAO,CACLvB,IAAK,CACHwB,MAAOP,EACPQ,OAAQR,EACRb,gBAAiBe,EACjBO,UAAW,GAAGN,4BACdO,eAAoB,EAAI,EAAKlB,EAAb,OAItB,CAACC,EAASD,EAAOE,EAAQC,IAG3B,OACEgB,EAAAC,IAACC,YAAS,CACRjB,YAAa,CACXlB,KAAM,CAACH,EAAmBQ,IAAKe,EAAcf,OAAQc,OAevDiB,EAAeC,EAAIA,KACvBC,aAA6C,EAAGC,MAAKxB,UAAU,SAAUyB,YAAWtB,eAAeuB,KACjG,MAAQzC,KAAM0C,EAAa,GAAEC,WAAEA,GAAezB,GAAe,GACvD0B,EAA4BL,EAAM,CAACA,GAAiB,GAE1D,OACEN,MAACE,EAASA,UAAA,CACRU,IAAKJ,EACLvB,YAAa,CACXlB,KAAM,CAACH,EAAmBG,QAAS0C,KAAeE,IACnDE,SAEAC,MAAMC,KAAK,CAAEC,OA/DJ,IA+DyBC,IAAI,CAACC,EAAGC,IACzCnB,EAAAA,IAACpB,EAAS,CAERC,MAAOsC,EACPrC,QAASA,EACTC,OAAQwB,aAAA,EAAAA,EAAWa,QACnBpC,OAAQuB,eAAAA,EAAWc,UACnBpC,YAAa,CAAElB,KAAM2C,IALhBS,SC1EjB,IAAYG,EDuFZnB,EAAaoB,YAAc,eCvFfD,QAIXA,sBAAA,GAJWA,EAAAA,QAAgBA,mBAAhBA,yBAIX,CAAA,IAHC,MAAA,QACAA,EAAA,OAAA,SACAA,EAAA,MAAA"}

package/dist/ct-design-dottedLoader.browser.esm.js

@@ -1,6 +1,6 @@
-import{jsx as o}from"react/jsx-runtime";import{memo as r,forwardRef as t}from"react";import{Container as e}from"@cleartrip/ct-design-container";import{makeStyles as n,useStyles as a}from"@cleartrip/ct-design-style-manager";import{keyframes as i}from"@emotion/css";const c=n(o=>({root:{alignItems:"center",justifyContent:"center",flexDirection:"row",columnGap:8},dot:{borderRadius:o.border.radius[32],backgroundColor:o.color.background.defaultDark}})),s=({dotId:r,variant:t,styleConfig:n})=>{const{root:s=[]}=n||{},l=a(o=>{const e=function(o,r){switch(o){case"large":return r.size[3];case"medium":return r.size[2];default:return r.size[1]}}(t,o);return{dot:{width:e,height:e,animation:`${(({color1:o,color2:r})=>i`
+import{jsx as o}from"react/jsx-runtime";import{memo as r,forwardRef as t}from"react";import{Container as e}from"@cleartrip/ct-design-container";import{makeStyles as n,useStyles as a}from"@cleartrip/ct-design-style-manager";import{keyframes as l}from"@emotion/css";const i=n(o=>({root:{alignItems:"center",justifyContent:"center",flexDirection:"row",columnGap:8},dot:{borderRadius:o.border.radius[32],backgroundColor:o.color.background.defaultDark}})),c=({dotId:r,variant:t,color1:n,color2:c,styleConfig:s})=>{const{root:d=[]}=s||{},u=a(o=>{const e=function(o,r){switch(o){case"large":return r.size[3];case"medium":return r.size[2];default:return r.size[1]}}(t,o),a=null!=n?n:o.color.background.defaultDark,i=(({color1:o,color2:r})=>l`
   0% { background-color: ${o}; transform: scale(1); }
   50% { background-color: ${r}; transform: scale(1.2); }
   100% { background-color: ${o}; transform: scale(1); }
-`)({color1:o.color.background.defaultDark,color2:o.color.background.defaultDarkest})} ease-in-out 1s infinite`,animationDelay:1/3*r+"s"}}},[t,r]);return o(e,{styleConfig:{root:[c.dot,l.dot,...s]}})},l=r(t(({css:r,variant:t="medium",styleConfig:n},a)=>{const{root:i=[],loaderCont:l}=n||{},d=r?[r]:[];return o(e,{ref:a,styleConfig:{root:[c.root,...i,...d]},children:Array.from({length:3}).map((r,e)=>o(s,{dotId:e,variant:t,styleConfig:{root:l}},e))})}));var d;l.displayName="DottedLoader",function(o){o.SMALL="small",o.MEDIUM="medium",o.LARGE="large"}(d||(d={}));export{l as DottedLoader,d as DottedLoaderSize};
+`)({color1:a,color2:null!=c?c:o.color.background.defaultDarkest});return{dot:{width:e,height:e,backgroundColor:a,animation:`${i} ease-in-out 1s infinite`,animationDelay:1/3*r+"s"}}},[t,r,n,c]);return o(e,{styleConfig:{root:[i.dot,u.dot,...d]}})},s=r(t(({css:r,variant:t="medium",dotColors:n,styleConfig:a},l)=>{const{root:s=[],loaderCont:d}=a||{},u=r?[r]:[];return o(e,{ref:l,styleConfig:{root:[i.root,...s,...u]},children:Array.from({length:3}).map((r,e)=>o(c,{dotId:e,variant:t,color1:null==n?void 0:n.primary,color2:null==n?void 0:n.secondary,styleConfig:{root:d}},e))})}));var d;s.displayName="DottedLoader",function(o){o.SMALL="small",o.MEDIUM="medium",o.LARGE="large"}(d||(d={}));export{s as DottedLoader,d as DottedLoaderSize};
 //# sourceMappingURL=ct-design-dottedLoader.browser.esm.js.map

package/dist/ct-design-dottedLoader.browser.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"ct-design-dottedLoader.browser.esm.js","sources":["../packages/components/DottedLoader/src/style.ts","../packages/components/DottedLoader/src/DottedLoader.tsx","../packages/components/DottedLoader/src/constants.ts"],"sourcesContent":[null,null,null],"names":["staticLoaderStyles","makeStyles","theme","root","alignItems","justifyContent","flexDirection","columnGap","dot","borderRadius","border","radius","backgroundColor","color","background","defaultDark","LoaderDot","dotId","variant","styleConfig","dotStyles","dynamicStyles","useStyles","size","getLoaderDimension","width","height","animation","color1","color2","keyframes","dotAnimationKeyframe","defaultDarkest","animationDelay","_jsx","Container","DottedLoader","memo","forwardRef","css","forwardedRef","rootStyles","loaderCont","legacyCssStyles","ref","children","Array","from","length","map","_","id","DottedLoaderSize","displayName"],"mappings":"wQA6BO,MAWDA,EAAqBC,EAAYC,IAAW,CAChDC,KAAM,CACJC,WAAY,SACZC,eAAgB,SAChBC,cAAe,MACfC,UAAW,GAEbC,IAAK,CACHC,aAAcP,EAAMQ,OAAOC,OAAO,IAClCC,gBAAiBV,EAAMW,MAAMC,WAAWC,gBCjCtCC,EAAY,EAAGC,QAAOC,UAASC,kBACnC,MAAQhB,KAAMiB,EAAY,IAAOD,GAAe,CAAA,EAE1CE,EAAgBC,EACnBpB,IACC,MAAMqB,EDTI,SAAmBA,EAAiCrB,GAClE,OAAQqB,GACN,IAAK,QACH,OAAOrB,EAAMqB,KAAK,GACpB,IAAK,SACH,OAAOrB,EAAMqB,KAAK,GACpB,QACE,OAAOrB,EAAMqB,KAAK,GAExB,CCAmBC,CAAmBN,EAAShB,GAMzC,MAAO,CACLM,IAAK,CACHiB,MAAOF,EACPG,OAAQH,EACRI,UAAW,GDFe,GAAGC,SAAQC,YAAiDC,CAAS;2BAC9EF;4BACCC;6BACCD;ECVDG,CAAqB,CACzCH,OAAQ1B,EAAMW,MAAMC,WAAWC,YAC/Bc,OAAQ3B,EAAMW,MAAMC,WAAWkB,2CAQ7BC,eAAoB,EAAI,EAAKhB,EAAb,OAItB,CAACC,EAASD,IAGZ,OACEiB,EAACC,EAAS,CACRhB,YAAa,CACXhB,KAAM,CAACH,EAAmBQ,IAAKa,EAAcb,OAAQY,OAevDgB,EAAeC,EACnBC,EAA6C,EAAGC,MAAKrB,UAAU,SAAUC,eAAeqB,KACtF,MAAQrC,KAAMsC,EAAa,GAAEC,WAAEA,GAAevB,GAAe,GACvDwB,EAA4BJ,EAAM,CAACA,GAAiB,GAE1D,OACEL,EAACC,EAAS,CACRS,IAAKJ,EACLrB,YAAa,CACXhB,KAAM,CAACH,EAAmBG,QAASsC,KAAeE,IAGnDE,SAAAC,MAAMC,KAAK,CAAEC,OA5DJ,IA4DyBC,IAAI,CAACC,EAAGC,IACzCjB,EAAClB,GAAmBC,MAAOkC,EAAIjC,QAASA,EAASC,YAAa,CAAEhB,KAAMuC,IAAtDS,aCtEdC,ED6EZhB,EAAaiB,YAAc,eC7E3B,SAAYD,GACVA,EAAA,MAAA,QACAA,EAAA,OAAA,SACAA,EAAA,MAAA,OACD,CAJD,CAAYA,IAAAA,EAIX,CAAA"}
+{"version":3,"file":"ct-design-dottedLoader.browser.esm.js","sources":["../packages/components/DottedLoader/src/style.ts","../packages/components/DottedLoader/src/DottedLoader.tsx","../packages/components/DottedLoader/src/constants.ts"],"sourcesContent":[null,null,null],"names":["staticLoaderStyles","makeStyles","theme","root","alignItems","justifyContent","flexDirection","columnGap","dot","borderRadius","border","radius","backgroundColor","color","background","defaultDark","LoaderDot","dotId","variant","color1","color2","styleConfig","dotStyles","dynamicStyles","useStyles","size","getLoaderDimension","resolvedColor1","animationName","keyframes","dotAnimationKeyframe","defaultDarkest","width","height","animation","animationDelay","_jsx","Container","DottedLoader","memo","forwardRef","css","dotColors","forwardedRef","rootStyles","loaderCont","legacyCssStyles","ref","children","Array","from","length","map","_","id","primary","secondary","DottedLoaderSize","displayName"],"mappings":"wQA6BO,MAWDA,EAAqBC,EAAYC,IAAW,CAChDC,KAAM,CACJC,WAAY,SACZC,eAAgB,SAChBC,cAAe,MACfC,UAAW,GAEbC,IAAK,CACHC,aAAcP,EAAMQ,OAAOC,OAAO,IAClCC,gBAAiBV,EAAMW,MAAMC,WAAWC,gBCjCtCC,EAAY,EAAGC,QAAOC,UAASC,SAAQC,SAAQC,kBACnD,MAAQlB,KAAMmB,EAAY,IAAOD,GAAe,CAAA,EAE1CE,EAAgBC,EACnBtB,IACC,MAAMuB,EDTI,SAAmBA,EAAiCvB,GAClE,OAAQuB,GACN,IAAK,QACH,OAAOvB,EAAMuB,KAAK,GACpB,IAAK,SACH,OAAOvB,EAAMuB,KAAK,GACpB,QACE,OAAOvB,EAAMuB,KAAK,GAExB,CCAmBC,CAAmBR,EAAShB,GACnCyB,EAAiBR,QAAAA,EAAUjB,EAAMW,MAAMC,WAAWC,YAElDa,EDKwB,GAAGT,SAAQC,YAAiDS,CAAS;2BAC9EV;4BACCC;6BACCD;ECRDW,CAAqB,CACzCX,OAAQQ,EACRP,OAHqBA,QAAAA,EAAUlB,EAAMW,MAAMC,WAAWiB,iBAMxD,MAAO,CACLvB,IAAK,CACHwB,MAAOP,EACPQ,OAAQR,EACRb,gBAAiBe,EACjBO,UAAW,GAAGN,4BACdO,eAAoB,EAAI,EAAKlB,EAAb,OAItB,CAACC,EAASD,EAAOE,EAAQC,IAG3B,OACEgB,EAACC,EAAS,CACRhB,YAAa,CACXlB,KAAM,CAACH,EAAmBQ,IAAKe,EAAcf,OAAQc,OAevDgB,EAAeC,EACnBC,EAA6C,EAAGC,MAAKvB,UAAU,SAAUwB,YAAWrB,eAAesB,KACjG,MAAQxC,KAAMyC,EAAa,GAAEC,WAAEA,GAAexB,GAAe,GACvDyB,EAA4BL,EAAM,CAACA,GAAiB,GAE1D,OACEL,EAACC,EAAS,CACRU,IAAKJ,EACLtB,YAAa,CACXlB,KAAM,CAACH,EAAmBG,QAASyC,KAAeE,IACnDE,SAEAC,MAAMC,KAAK,CAAEC,OA/DJ,IA+DyBC,IAAI,CAACC,EAAGC,IACzClB,EAACpB,EAAS,CAERC,MAAOqC,EACPpC,QAASA,EACTC,OAAQuB,aAAA,EAAAA,EAAWa,QACnBnC,OAAQsB,eAAAA,EAAWc,UACnBnC,YAAa,CAAElB,KAAM0C,IALhBS,aC1ELG,EDuFZnB,EAAaoB,YAAc,eCvF3B,SAAYD,GACVA,EAAA,MAAA,QACAA,EAAA,OAAA,SACAA,EAAA,MAAA,OACD,CAJD,CAAYA,IAAAA,EAIX,CAAA"}

package/dist/ct-design-dottedLoader.cjs.js

@@ -35,33 +35,36 @@ const staticLoaderStyles = ctDesignStyleManager.makeStyles((theme) => ({
 }));
 
 const DOT_COUNT = 3;
-const LoaderDot = ({ dotId, variant, styleConfig }) => {
+const LoaderDot = ({ dotId, variant, color1, color2, styleConfig }) => {
     const { root: dotStyles = [] } = styleConfig || {};
     const dynamicStyles = ctDesignStyleManager.useStyles((theme) => {
         const size = getLoaderDimension(variant, theme);
+        const resolvedColor1 = color1 !== null && color1 !== void 0 ? color1 : theme.color.background.defaultDark;
+        const resolvedColor2 = color2 !== null && color2 !== void 0 ? color2 : theme.color.background.defaultDarkest;
         const animationName = dotAnimationKeyframe({
-            color1: theme.color.background.defaultDark,
-            color2: theme.color.background.defaultDarkest,
+            color1: resolvedColor1,
+            color2: resolvedColor2,
         });
         return {
             dot: {
                 width: size,
                 height: size,
+                backgroundColor: resolvedColor1,
                 animation: `${animationName} ease-in-out 1s infinite`,
                 animationDelay: `${(1 / 3) * dotId}s`,
             },
         };
-    }, [variant, dotId]);
+    }, [variant, dotId, color1, color2]);
     return (jsxRuntime.jsx(ctDesignContainer.Container, { styleConfig: {
             root: [staticLoaderStyles.dot, dynamicStyles.dot, ...dotStyles],
         } }));
 };
-const DottedLoader = react.memo(react.forwardRef(({ css, variant = 'medium', styleConfig }, forwardedRef) => {
+const DottedLoader = react.memo(react.forwardRef(({ css, variant = 'medium', dotColors, styleConfig }, forwardedRef) => {
     const { root: rootStyles = [], loaderCont } = styleConfig || {};
     const legacyCssStyles = css ? [css] : [];
     return (jsxRuntime.jsx(ctDesignContainer.Container, { ref: forwardedRef, styleConfig: {
             root: [staticLoaderStyles.root, ...rootStyles, ...legacyCssStyles],
-        }, children: Array.from({ length: DOT_COUNT }).map((_, id) => (jsxRuntime.jsx(LoaderDot, { dotId: id, variant: variant, styleConfig: { root: loaderCont } }, id))) }));
+        }, children: Array.from({ length: DOT_COUNT }).map((_, id) => (jsxRuntime.jsx(LoaderDot, { dotId: id, variant: variant, color1: dotColors === null || dotColors === void 0 ? void 0 : dotColors.primary, color2: dotColors === null || dotColors === void 0 ? void 0 : dotColors.secondary, styleConfig: { root: loaderCont } }, id))) }));
 }));
 DottedLoader.displayName = 'DottedLoader';
 

package/dist/ct-design-dottedLoader.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"ct-design-dottedLoader.cjs.js","sources":["../packages/components/DottedLoader/src/style.ts","../packages/components/DottedLoader/src/DottedLoader.tsx","../packages/components/DottedLoader/src/constants.ts"],"sourcesContent":[null,null,null],"names":["keyframes","makeStyles","useStyles","_jsx","Container","memo","forwardRef","DottedLoaderSize"],"mappings":"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"}
+{"version":3,"file":"ct-design-dottedLoader.cjs.js","sources":["../packages/components/DottedLoader/src/style.ts","../packages/components/DottedLoader/src/DottedLoader.tsx","../packages/components/DottedLoader/src/constants.ts"],"sourcesContent":[null,null,null],"names":["keyframes","makeStyles","useStyles","_jsx","Container","memo","forwardRef","DottedLoaderSize"],"mappings":"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"}

package/dist/ct-design-dottedLoader.esm.js

@@ -33,33 +33,36 @@ const staticLoaderStyles = makeStyles((theme) => ({
 }));
 
 const DOT_COUNT = 3;
-const LoaderDot = ({ dotId, variant, styleConfig }) => {
+const LoaderDot = ({ dotId, variant, color1, color2, styleConfig }) => {
     const { root: dotStyles = [] } = styleConfig || {};
     const dynamicStyles = useStyles((theme) => {
         const size = getLoaderDimension(variant, theme);
+        const resolvedColor1 = color1 !== null && color1 !== void 0 ? color1 : theme.color.background.defaultDark;
+        const resolvedColor2 = color2 !== null && color2 !== void 0 ? color2 : theme.color.background.defaultDarkest;
         const animationName = dotAnimationKeyframe({
-            color1: theme.color.background.defaultDark,
-            color2: theme.color.background.defaultDarkest,
+            color1: resolvedColor1,
+            color2: resolvedColor2,
         });
         return {
             dot: {
                 width: size,
                 height: size,
+                backgroundColor: resolvedColor1,
                 animation: `${animationName} ease-in-out 1s infinite`,
                 animationDelay: `${(1 / 3) * dotId}s`,
             },
         };
-    }, [variant, dotId]);
+    }, [variant, dotId, color1, color2]);
     return (jsx(Container, { styleConfig: {
             root: [staticLoaderStyles.dot, dynamicStyles.dot, ...dotStyles],
         } }));
 };
-const DottedLoader = memo(forwardRef(({ css, variant = 'medium', styleConfig }, forwardedRef) => {
+const DottedLoader = memo(forwardRef(({ css, variant = 'medium', dotColors, styleConfig }, forwardedRef) => {
     const { root: rootStyles = [], loaderCont } = styleConfig || {};
     const legacyCssStyles = css ? [css] : [];
     return (jsx(Container, { ref: forwardedRef, styleConfig: {
             root: [staticLoaderStyles.root, ...rootStyles, ...legacyCssStyles],
-        }, children: Array.from({ length: DOT_COUNT }).map((_, id) => (jsx(LoaderDot, { dotId: id, variant: variant, styleConfig: { root: loaderCont } }, id))) }));
+        }, children: Array.from({ length: DOT_COUNT }).map((_, id) => (jsx(LoaderDot, { dotId: id, variant: variant, color1: dotColors === null || dotColors === void 0 ? void 0 : dotColors.primary, color2: dotColors === null || dotColors === void 0 ? void 0 : dotColors.secondary, styleConfig: { root: loaderCont } }, id))) }));
 }));
 DottedLoader.displayName = 'DottedLoader';
 

package/dist/ct-design-dottedLoader.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"ct-design-dottedLoader.esm.js","sources":["../packages/components/DottedLoader/src/style.ts","../packages/components/DottedLoader/src/DottedLoader.tsx","../packages/components/DottedLoader/src/constants.ts"],"sourcesContent":[null,null,null],"names":["_jsx"],"mappings":"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"}
+{"version":3,"file":"ct-design-dottedLoader.esm.js","sources":["../packages/components/DottedLoader/src/style.ts","../packages/components/DottedLoader/src/DottedLoader.tsx","../packages/components/DottedLoader/src/constants.ts"],"sourcesContent":[null,null,null],"names":["_jsx"],"mappings":"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"}

package/dist/ct-design-dottedLoader.umd.js

@@ -33,33 +33,36 @@
   }));
 
   const DOT_COUNT = 3;
-  const LoaderDot = ({ dotId, variant, styleConfig }) => {
+  const LoaderDot = ({ dotId, variant, color1, color2, styleConfig }) => {
       const { root: dotStyles = [] } = styleConfig || {};
       const dynamicStyles = ctDesignStyleManager.useStyles((theme) => {
           const size = getLoaderDimension(variant, theme);
+          const resolvedColor1 = color1 !== null && color1 !== void 0 ? color1 : theme.color.background.defaultDark;
+          const resolvedColor2 = color2 !== null && color2 !== void 0 ? color2 : theme.color.background.defaultDarkest;
           const animationName = dotAnimationKeyframe({
-              color1: theme.color.background.defaultDark,
-              color2: theme.color.background.defaultDarkest,
+              color1: resolvedColor1,
+              color2: resolvedColor2,
           });
           return {
               dot: {
                   width: size,
                   height: size,
+                  backgroundColor: resolvedColor1,
                   animation: `${animationName} ease-in-out 1s infinite`,
                   animationDelay: `${(1 / 3) * dotId}s`,
               },
           };
-      }, [variant, dotId]);
+      }, [variant, dotId, color1, color2]);
       return (jsxRuntime.jsx(ctDesignContainer.Container, { styleConfig: {
               root: [staticLoaderStyles.dot, dynamicStyles.dot, ...dotStyles],
           } }));
   };
-  const DottedLoader = react.memo(react.forwardRef(({ css, variant = 'medium', styleConfig }, forwardedRef) => {
+  const DottedLoader = react.memo(react.forwardRef(({ css, variant = 'medium', dotColors, styleConfig }, forwardedRef) => {
       const { root: rootStyles = [], loaderCont } = styleConfig || {};
       const legacyCssStyles = css ? [css] : [];
       return (jsxRuntime.jsx(ctDesignContainer.Container, { ref: forwardedRef, styleConfig: {
               root: [staticLoaderStyles.root, ...rootStyles, ...legacyCssStyles],
-          }, children: Array.from({ length: DOT_COUNT }).map((_, id) => (jsxRuntime.jsx(LoaderDot, { dotId: id, variant: variant, styleConfig: { root: loaderCont } }, id))) }));
+          }, children: Array.from({ length: DOT_COUNT }).map((_, id) => (jsxRuntime.jsx(LoaderDot, { dotId: id, variant: variant, color1: dotColors === null || dotColors === void 0 ? void 0 : dotColors.primary, color2: dotColors === null || dotColors === void 0 ? void 0 : dotColors.secondary, styleConfig: { root: loaderCont } }, id))) }));
   }));
   DottedLoader.displayName = 'DottedLoader';
 

package/dist/ct-design-dottedLoader.umd.js.map

@@ -1 +1 @@
-{"version":3,"file":"ct-design-dottedLoader.umd.js","sources":["../packages/components/DottedLoader/src/style.ts","../packages/components/DottedLoader/src/DottedLoader.tsx","../packages/components/DottedLoader/src/constants.ts"],"sourcesContent":[null,null,null],"names":["keyframes","makeStyles","useStyles","_jsx","Container","memo","forwardRef","DottedLoaderSize"],"mappings":"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"}
+{"version":3,"file":"ct-design-dottedLoader.umd.js","sources":["../packages/components/DottedLoader/src/style.ts","../packages/components/DottedLoader/src/DottedLoader.tsx","../packages/components/DottedLoader/src/constants.ts"],"sourcesContent":[null,null,null],"names":["keyframes","makeStyles","useStyles","_jsx","Container","memo","forwardRef","DottedLoaderSize"],"mappings":"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"}

package/dist/type.d.ts

@@ -8,6 +8,10 @@ export interface IDottedLoaderStyleConfig {
 }
 export interface IDottedLoaderProps {
     variant?: LoaderVariant;
+    dotColors?: {
+        primary?: string;
+        secondary?: string;
+    };
     styleConfig?: IDottedLoaderStyleConfig;
     css?: CSSProperties;
 }
@@ -18,6 +22,8 @@ export interface IDot {
     dotId: number;
     variant?: LoaderVariant;
     styleConfig?: IDotStyleConfig;
+    color1?: string;
+    color2?: string;
 }
 export type DottedLoaderProps = IDottedLoaderProps;
 //# sourceMappingURL=type.d.ts.map

package/dist/type.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"type.d.ts","sourceRoot":"","sources":["../packages/components/DottedLoader/src/type.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAE3C,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AAMzD,OAAO,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAE/C,MAAM,MAAM,aAAa,GAAG,GAAG,gBAAgB,EAAE,CAAC;AAMlD,MAAM,WAAW,wBAAwB;IAIvC,IAAI,CAAC,EAAE,MAAM,EAAE,CAAC;IAKhB,UAAU,CAAC,EAAE,MAAM,EAAE,CAAC;CACvB;AAKD,MAAM,WAAW,kBAAkB;IAIjC,OAAO,CAAC,EAAE,aAAa,CAAC;IAKxB,WAAW,CAAC,EAAE,wBAAwB,CAAC;IAUvC,GAAG,CAAC,EAAE,aAAa,CAAC;CACrB;AAKD,MAAM,WAAW,eAAe;IAI9B,IAAI,CAAC,EAAE,MAAM,EAAE,CAAC;CACjB;AAED,MAAM,WAAW,IAAI;IAKnB,KAAK,EAAE,MAAM,CAAC;IAKd,OAAO,CAAC,EAAE,aAAa,CAAC;IAKxB,WAAW,CAAC,EAAE,eAAe,CAAC;CAC/B;AAED,MAAM,MAAM,iBAAiB,GAAG,kBAAkB,CAAC"}
+{"version":3,"file":"type.d.ts","sourceRoot":"","sources":["../packages/components/DottedLoader/src/type.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAE3C,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AAMzD,OAAO,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAE/C,MAAM,MAAM,aAAa,GAAG,GAAG,gBAAgB,EAAE,CAAC;AAMlD,MAAM,WAAW,wBAAwB;IAIvC,IAAI,CAAC,EAAE,MAAM,EAAE,CAAC;IAKhB,UAAU,CAAC,EAAE,MAAM,EAAE,CAAC;CACvB;AAKD,MAAM,WAAW,kBAAkB;IAIjC,OAAO,CAAC,EAAE,aAAa,CAAC;IAMxB,SAAS,CAAC,EAAE;QACV,OAAO,CAAC,EAAE,MAAM,CAAC;QACjB,SAAS,CAAC,EAAE,MAAM,CAAC;KACpB,CAAC;IAKF,WAAW,CAAC,EAAE,wBAAwB,CAAC;IAUvC,GAAG,CAAC,EAAE,aAAa,CAAC;CACrB;AAKD,MAAM,WAAW,eAAe;IAI9B,IAAI,CAAC,EAAE,MAAM,EAAE,CAAC;CACjB;AAED,MAAM,WAAW,IAAI;IAKnB,KAAK,EAAE,MAAM,CAAC;IAKd,OAAO,CAAC,EAAE,aAAa,CAAC;IAKxB,WAAW,CAAC,EAAE,eAAe,CAAC;IAE9B,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,MAAM,iBAAiB,GAAG,kBAAkB,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cleartrip/ct-design-dotted-loader",
-  "version": "5.14.0-SNAPSHOT-native-main.0",
+  "version": "5.14.0-SNAPSHOT-bookzero-final.0",
   "description": "",
   "types": "dist/index.d.ts",
   "main": "./dist/ct-design-dottedLoader.cjs.js",
@@ -25,12 +25,12 @@
   ],
   "dependencies": {
     "@emotion/css": "11.13.4",
-    "@cleartrip/ct-design-container": "5.14.0-SNAPSHOT-native-main.0",
-    "@cleartrip/ct-design-style-manager": "5.12.1-SNAPSHOT-native-main.0",
-    "@cleartrip/ct-design-theme": "5.13.0-SNAPSHOT-native-main.0"
+    "@cleartrip/ct-design-container": "5.14.0-SNAPSHOT-bookzero-final.0",
+    "@cleartrip/ct-design-style-manager": "5.12.1-SNAPSHOT-bookzero-final.0",
+    "@cleartrip/ct-design-theme": "5.13.0-SNAPSHOT-bookzero-final.0"
   },
   "devDependencies": {
-    "@cleartrip/ct-design-types": "5.13.0-SNAPSHOT-native-main.0"
+    "@cleartrip/ct-design-types": "5.13.0-SNAPSHOT-bookzero-final.0"
   },
   "peerDependencies": {
     "react": ">=16.8.0",

package/src/DottedLoader.native.tsx

@@ -27,10 +27,12 @@ const ANIMATION_DURATION = 333;
  * `withDelay` offset derived from its `dotId` to stagger the three-dot
  * pulse exactly like the web keyframe.
  */
-const LoaderDot = ({ dotId, variant = DottedLoaderSize.MEDIUM, styleConfig }: IDot) => {
+const LoaderDot = ({ dotId, variant = DottedLoaderSize.MEDIUM, color1, color2, styleConfig }: IDot) => {
   const globalTheme = useTheme();
+  const resolvedColor1 = color1 ?? globalTheme?.color.background.defaultDark;
+  const resolvedColor2 = color2 ?? globalTheme?.color.background.defaultDarkest;
   const scale = useSharedValue(1);
-  const backgroundColor = useSharedValue(globalTheme?.color.background.defaultDark);
+  const backgroundColor = useSharedValue(resolvedColor1);
   const { root: customStyles = [] } = styleConfig || {};
 
   const loaderStyles = useStyles(
@@ -70,27 +72,21 @@ const LoaderDot = ({ dotId, variant = DottedLoaderSize.MEDIUM, styleConfig }: ID
       delay,
       withRepeat(
         withSequence(
-          withTiming(globalTheme?.color.background.defaultDark, { duration: ANIMATION_DURATION }),
-          withTiming(globalTheme?.color.background.defaultDarkest, { duration: ANIMATION_DURATION + 1 }),
-          withTiming(globalTheme?.color.background.defaultDark, { duration: ANIMATION_DURATION }),
+          withTiming(resolvedColor1, { duration: ANIMATION_DURATION }),
+          withTiming(resolvedColor2, { duration: ANIMATION_DURATION + 1 }),
+          withTiming(resolvedColor1, { duration: ANIMATION_DURATION }),
         ),
         -1,
       ),
     );
-  }, [
-    dotId,
-    globalTheme?.color.background.defaultDark,
-    globalTheme?.color.background.defaultDarkest,
-    scale,
-    backgroundColor,
-  ]);
+  }, [dotId, resolvedColor1, resolvedColor2, scale, backgroundColor]);
 
   useEffect(() => {
     startAnimation();
   }, [startAnimation]);
 
   const mergedStyles = useNativeMergeStyles(
-    [animatedStyle, staticLoaderStyles.dot, loaderStyles?.dots, ...customStyles],
+    [staticLoaderStyles.dot, loaderStyles?.dots, ...customStyles, animatedStyle],
     [animatedStyle, loaderStyles?.dots, customStyles],
   );
 
@@ -107,13 +103,20 @@ const LoaderDot = ({ dotId, variant = DottedLoaderSize.MEDIUM, styleConfig }: ID
  * is no emotion runtime to route it through).
  */
 const DottedLoader = memo(
-  forwardRef<ContainerRef, IDottedLoaderProps>(({ variant = DottedLoaderSize.MEDIUM, styleConfig }, ref) => {
+  forwardRef<ContainerRef, IDottedLoaderProps>(({ variant = DottedLoaderSize.MEDIUM, dotColors, styleConfig }, ref) => {
     const { root: customRootStyles = [], loaderCont = [] } = styleConfig || {};
 
     return (
       <Container ref={ref} styleConfig={{ root: [staticLoaderStyles.root, ...customRootStyles] }}>
         {Array.from({ length: DOT_COUNT }).map((_, id) => (
-          <LoaderDot key={id} dotId={id} variant={variant} styleConfig={{ root: [...loaderCont] }} />
+          <LoaderDot
+            key={id}
+            dotId={id}
+            variant={variant}
+            color1={dotColors?.primary}
+            color2={dotColors?.secondary}
+            styleConfig={{ root: [...loaderCont] }}
+          />
         ))}
       </Container>
     );

package/src/DottedLoader.tsx

@@ -14,27 +14,30 @@ const DOT_COUNT = 3;
  * and animation block, then composes the shared static `dot` slot
  * (border-radius + background colour) into Container's `styleConfig`.
  */
-const LoaderDot = ({ dotId, variant, styleConfig }: IDot) => {
+const LoaderDot = ({ dotId, variant, color1, color2, styleConfig }: IDot) => {
   const { root: dotStyles = [] } = styleConfig || {};
 
   const dynamicStyles = useStyles(
     (theme) => {
       const size = getLoaderDimension(variant, theme);
+      const resolvedColor1 = color1 ?? theme.color.background.defaultDark;
+      const resolvedColor2 = color2 ?? theme.color.background.defaultDarkest;
       const animationName = dotAnimationKeyframe({
-        color1: theme.color.background.defaultDark,
-        color2: theme.color.background.defaultDarkest,
+        color1: resolvedColor1,
+        color2: resolvedColor2,
       });
 
       return {
         dot: {
           width: size,
           height: size,
+          backgroundColor: resolvedColor1,
           animation: `${animationName} ease-in-out 1s infinite`,
           animationDelay: `${(1 / 3) * dotId}s`,
         },
       };
     },
-    [variant, dotId],
+    [variant, dotId, color1, color2],
   );
 
   return (
@@ -56,7 +59,7 @@ const LoaderDot = ({ dotId, variant, styleConfig }: IDot) => {
  * consumer that still relies on it (GVListItem).
  */
 const DottedLoader = memo(
-  forwardRef<ContainerRef, IDottedLoaderProps>(({ css, variant = 'medium', styleConfig }, forwardedRef) => {
+  forwardRef<ContainerRef, IDottedLoaderProps>(({ css, variant = 'medium', dotColors, styleConfig }, forwardedRef) => {
     const { root: rootStyles = [], loaderCont } = styleConfig || {};
     const legacyCssStyles: Styles[] = css ? [css as Styles] : [];
 
@@ -68,7 +71,14 @@ const DottedLoader = memo(
         }}
       >
         {Array.from({ length: DOT_COUNT }).map((_, id) => (
-          <LoaderDot key={id} dotId={id} variant={variant} styleConfig={{ root: loaderCont }} />
+          <LoaderDot
+            key={id}
+            dotId={id}
+            variant={variant}
+            color1={dotColors?.primary}
+            color2={dotColors?.secondary}
+            styleConfig={{ root: loaderCont }}
+          />
         ))}
       </Container>
     );

package/src/type.ts

@@ -35,6 +35,15 @@ export interface IDottedLoaderProps {
    */
   variant?: LoaderVariant;
 
+  /**
+   * Optional dot pulse colours. `primary` is the resting colour; `secondary`
+   * is the peak of the animation. Falls back to theme defaults when omitted.
+   */
+  dotColors?: {
+    primary?: string;
+    secondary?: string;
+  };
+
   /**
    * `styleConfig` slots for fine-grained style overrides.
    */
@@ -77,6 +86,10 @@ export interface IDot {
    * Per-dot style overrides.
    */
   styleConfig?: IDotStyleConfig;
+  /** Resting dot colour; falls back to theme default when omitted. */
+  color1?: string;
+  /** Peak pulse colour; falls back to theme default when omitted. */
+  color2?: string;
 }
 
 export type DottedLoaderProps = IDottedLoaderProps;