@cleartrip/ct-design-shimmer 5.6.0 → 5.7.0-SNAPSHOT-native-main.1

package/dist/Shimmer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Shimmer.d.ts","sourceRoot":"","sources":["../packages/components/Shimmer/src/Shimmer.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,YAAY,EAAE,MAAM,QAAQ,CAAC;AAqCtC,QAAA,MAAM,OAAO,4FAA2E,YAAY,6CAuBlG,CAAC;AAIH,eAAe,OAAO,CAAC"}
+{"version":3,"file":"Shimmer.d.ts","sourceRoot":"","sources":["../packages/components/Shimmer/src/Shimmer.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,YAAY,EAAE,MAAM,QAAQ,CAAC;AAwBtC,QAAA,MAAM,OAAO,4FAA2E,YAAY,6CAyBlG,CAAC;AAIH,eAAe,OAAO,CAAC"}

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

@@ -1,5 +1,5 @@
 "use strict";var e=require("react/jsx-runtime"),r=require("react"),i=require("@cleartrip/ct-design-container"),t=require("@cleartrip/ct-design-style-manager"),n=require("@emotion/css");const o=n.keyframes`
   0% { background-position: 200% 0; }
   100% { background-position: -200% 0; }
-`,a=t.makeStyles(e=>({shimmerWrapper:{backgroundColor:e.color.shimmer.disabledLight||"#efefef",overflow:"hidden",width:"100%",height:"100%"}}));function s(e,r,i){return"circle"===e?"number"==typeof r?r/2:300:i}const c=r.memo(({width:r,height:n,shape:c="rect",borderRadius:d=8,styleConfig:u})=>{const l=t.useStyles(()=>({container:{width:null!=r?r:"100%",height:null!=n?n:"100%",borderRadius:s(c,n,d),background:"linear-gradient(to right, #e0e0e0 0%, #ffffff 50%, #e0e0e0 100%)",minWidth:400,backgroundSize:"150% 100%",animation:`${o} 1.5s infinite linear`}}),[r,n,c,d]);return e.jsx(i.Container,{styleConfig:{root:[a.shimmerWrapper,l.container,...(null==u?void 0:u.root)||[]]}})});c.displayName="Shimmer",exports.Shimmer=c;
+`,a=t.makeStyles(e=>({shimmerWrapper:{backgroundColor:e.color.shimmer.disabledLight||"#efefef",overflow:"hidden",width:"100%",height:"100%"}}));function s(e,r,i){return"circle"===e?"number"==typeof r?r/2:300:i}const c=r.memo(({width:r,height:n,shape:c="rect",borderRadius:d=8,styleConfig:l})=>{const u=t.useStyles(()=>({container:{width:null!=r?r:"100%",height:null!=n?n:"100%",maxWidth:"100%",alignSelf:"stretch",boxSizing:"border-box",borderRadius:s(c,n,d),background:"linear-gradient(to right, #e0e0e0 0%, #ffffff 50%, #e0e0e0 100%)",backgroundSize:"150% 100%",animation:`${o} 1.5s infinite linear`}}),[r,n,c,d]);return e.jsx(i.Container,{styleConfig:{root:[a.shimmerWrapper,u.container,...(null==l?void 0:l.root)||[]]}})});c.displayName="Shimmer",exports.Shimmer=c;
 //# sourceMappingURL=ct-design-shimmer.browser.cjs.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ct-design-shimmer.browser.cjs.js","sources":["../packages/components/Shimmer/src/style.ts","../packages/components/Shimmer/src/Shimmer.tsx"],"sourcesContent":[null,null],"names":["shimmerKeyframes","keyframes","shimmerWrapperStyles","makeStyles","theme","shimmerWrapper","backgroundColor","color","shimmer","disabledLight","overflow","width","height","resolveBorderRadius","shape","borderRadius","Shimmer","memo","styleConfig","dynamicStyles","useStyles","container","background","minWidth","backgroundSize","animation","_jsx","jsx","Container","root","displayName"],"mappings":"yLASO,MAQMA,EAAmBC,EAASA,SAAA;;;EAiB5BC,EAAuBC,EAAAA,WAAYC,IAAW,CACzDC,eAAgB,CACdC,gBAAiBF,EAAMG,MAAMC,QAAQC,eAAiB,UACtDC,SAAU,SACVC,MAAO,OACPC,OAAQ,WCtBZ,SAASC,EACPC,EACAF,EACAG,GAEA,MAAc,WAAVD,EACuB,iBAAXF,EAAsBA,EAAS,EDdb,ICgB3BG,CACT,CAiBM,MAAAC,EAAUC,EAAIA,KAAC,EAAGN,QAAOC,SAAQE,QAAQ,OAAQC,eAAe,EAAGG,kBACvE,MAAMC,EAAgBC,EAAAA,UACpB,KAAO,CACLC,UAAW,CACTV,MAAOA,QAAAA,EAAS,OAChBC,OAAQA,QAAAA,EAAU,OAClBG,aAAcF,EAAoBC,EAAOF,EAAQG,GACjDO,WDxBuB,mECyBvBC,SAAU,IACVC,eAAgB,YAChBC,UAAW,GAAGzB,4BAGlB,CAACW,EAAOC,EAAQE,EAAOC,IAGzB,OACEW,EAAAC,IAACC,YAAS,CACRV,YAAa,CACXW,KAAM,CAAC3B,EAAqBG,eAAgBc,EAAcE,cAAeH,aAAA,EAAAA,EAAaW,OAAQ,SAMtGb,EAAQc,YAAc"}
+{"version":3,"file":"ct-design-shimmer.browser.cjs.js","sources":["../packages/components/Shimmer/src/style.ts","../packages/components/Shimmer/src/Shimmer.tsx"],"sourcesContent":[null,null],"names":["shimmerKeyframes","keyframes","shimmerWrapperStyles","makeStyles","theme","shimmerWrapper","backgroundColor","color","shimmer","disabledLight","overflow","width","height","resolveBorderRadius","shape","borderRadius","Shimmer","memo","styleConfig","dynamicStyles","useStyles","container","maxWidth","alignSelf","boxSizing","background","backgroundSize","animation","_jsx","jsx","Container","root","displayName"],"mappings":"yLASO,MAQMA,EAAmBC,EAASA,SAAA;;;EAiB5BC,EAAuBC,EAAAA,WAAYC,IAAW,CACzDC,eAAgB,CACdC,gBAAiBF,EAAMG,MAAMC,QAAQC,eAAiB,UACtDC,SAAU,SACVC,MAAO,OACPC,OAAQ,WC5BZ,SAASC,EACPC,EACAF,EACAG,GAEA,MAAc,WAAVD,EACuB,iBAAXF,EAAsBA,EAAS,EDRb,ICU3BG,CACT,CAUM,MAAAC,EAAUC,EAAIA,KAAC,EAAGN,QAAOC,SAAQE,QAAQ,OAAQC,eAAe,EAAGG,kBACvE,MAAMC,EAAgBC,EAAAA,UACpB,KAAO,CACLC,UAAW,CACTV,MAAOA,QAAAA,EAAS,OAChBC,OAAQA,QAAAA,EAAU,OAClBU,SAAU,OACVC,UAAW,UACXC,UAAW,aACXT,aAAcF,EAAoBC,EAAOF,EAAQG,GACjDU,WDduB,mECevBC,eAAgB,YAChBC,UAAW,GAAG3B,4BAGlB,CAACW,EAAOC,EAAQE,EAAOC,IAGzB,OACEa,EAAAC,IAACC,YAAS,CACRZ,YAAa,CACXa,KAAM,CAAC7B,EAAqBG,eAAgBc,EAAcE,cAAeH,aAAA,EAAAA,EAAaa,OAAQ,SAMtGf,EAAQgB,YAAc"}

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

@@ -1,5 +1,5 @@
 import{jsx as r}from"react/jsx-runtime";import{memo as e}from"react";import{Container as i}from"@cleartrip/ct-design-container";import{makeStyles as o,useStyles as t}from"@cleartrip/ct-design-style-manager";import{keyframes as n}from"@emotion/css";const a=n`
   0% { background-position: 200% 0; }
   100% { background-position: -200% 0; }
-`,m=o(r=>({shimmerWrapper:{backgroundColor:r.color.shimmer.disabledLight||"#efefef",overflow:"hidden",width:"100%",height:"100%"}}));function c(r,e,i){return"circle"===r?"number"==typeof e?e/2:300:i}const d=e(({width:e,height:o,shape:n="rect",borderRadius:d=8,styleConfig:s})=>{const f=t(()=>({container:{width:null!=e?e:"100%",height:null!=o?o:"100%",borderRadius:c(n,o,d),background:"linear-gradient(to right, #e0e0e0 0%, #ffffff 50%, #e0e0e0 100%)",minWidth:400,backgroundSize:"150% 100%",animation:`${a} 1.5s infinite linear`}}),[e,o,n,d]);return r(i,{styleConfig:{root:[m.shimmerWrapper,f.container,...(null==s?void 0:s.root)||[]]}})});d.displayName="Shimmer";export{d as Shimmer};
+`,m=o(r=>({shimmerWrapper:{backgroundColor:r.color.shimmer.disabledLight||"#efefef",overflow:"hidden",width:"100%",height:"100%"}}));function c(r,e,i){return"circle"===r?"number"==typeof e?e/2:300:i}const d=e(({width:e,height:o,shape:n="rect",borderRadius:d=8,styleConfig:s})=>{const f=t(()=>({container:{width:null!=e?e:"100%",height:null!=o?o:"100%",maxWidth:"100%",alignSelf:"stretch",boxSizing:"border-box",borderRadius:c(n,o,d),background:"linear-gradient(to right, #e0e0e0 0%, #ffffff 50%, #e0e0e0 100%)",backgroundSize:"150% 100%",animation:`${a} 1.5s infinite linear`}}),[e,o,n,d]);return r(i,{styleConfig:{root:[m.shimmerWrapper,f.container,...(null==s?void 0:s.root)||[]]}})});d.displayName="Shimmer";export{d as Shimmer};
 //# sourceMappingURL=ct-design-shimmer.browser.esm.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ct-design-shimmer.browser.esm.js","sources":["../packages/components/Shimmer/src/style.ts","../packages/components/Shimmer/src/Shimmer.tsx"],"sourcesContent":[null,null],"names":["shimmerKeyframes","keyframes","shimmerWrapperStyles","makeStyles","theme","shimmerWrapper","backgroundColor","color","shimmer","disabledLight","overflow","width","height","resolveBorderRadius","shape","borderRadius","Shimmer","memo","styleConfig","dynamicStyles","useStyles","container","background","minWidth","backgroundSize","animation","_jsx","Container","root","displayName"],"mappings":"wPASO,MAQMA,EAAmBC,CAAS;;;EAiB5BC,EAAuBC,EAAYC,IAAW,CACzDC,eAAgB,CACdC,gBAAiBF,EAAMG,MAAMC,QAAQC,eAAiB,UACtDC,SAAU,SACVC,MAAO,OACPC,OAAQ,WCtBZ,SAASC,EACPC,EACAF,EACAG,GAEA,MAAc,WAAVD,EACuB,iBAAXF,EAAsBA,EAAS,EDdb,ICgB3BG,CACT,CAiBM,MAAAC,EAAUC,EAAK,EAAGN,QAAOC,SAAQE,QAAQ,OAAQC,eAAe,EAAGG,kBACvE,MAAMC,EAAgBC,EACpB,KAAO,CACLC,UAAW,CACTV,MAAOA,QAAAA,EAAS,OAChBC,OAAQA,QAAAA,EAAU,OAClBG,aAAcF,EAAoBC,EAAOF,EAAQG,GACjDO,WDxBuB,mECyBvBC,SAAU,IACVC,eAAgB,YAChBC,UAAW,GAAGzB,4BAGlB,CAACW,EAAOC,EAAQE,EAAOC,IAGzB,OACEW,EAACC,EAAS,CACRT,YAAa,CACXU,KAAM,CAAC1B,EAAqBG,eAAgBc,EAAcE,cAAeH,aAAA,EAAAA,EAAaU,OAAQ,SAMtGZ,EAAQa,YAAc"}
+{"version":3,"file":"ct-design-shimmer.browser.esm.js","sources":["../packages/components/Shimmer/src/style.ts","../packages/components/Shimmer/src/Shimmer.tsx"],"sourcesContent":[null,null],"names":["shimmerKeyframes","keyframes","shimmerWrapperStyles","makeStyles","theme","shimmerWrapper","backgroundColor","color","shimmer","disabledLight","overflow","width","height","resolveBorderRadius","shape","borderRadius","Shimmer","memo","styleConfig","dynamicStyles","useStyles","container","maxWidth","alignSelf","boxSizing","background","backgroundSize","animation","_jsx","Container","root","displayName"],"mappings":"wPASO,MAQMA,EAAmBC,CAAS;;;EAiB5BC,EAAuBC,EAAYC,IAAW,CACzDC,eAAgB,CACdC,gBAAiBF,EAAMG,MAAMC,QAAQC,eAAiB,UACtDC,SAAU,SACVC,MAAO,OACPC,OAAQ,WC5BZ,SAASC,EACPC,EACAF,EACAG,GAEA,MAAc,WAAVD,EACuB,iBAAXF,EAAsBA,EAAS,EDRb,ICU3BG,CACT,CAUM,MAAAC,EAAUC,EAAK,EAAGN,QAAOC,SAAQE,QAAQ,OAAQC,eAAe,EAAGG,kBACvE,MAAMC,EAAgBC,EACpB,KAAO,CACLC,UAAW,CACTV,MAAOA,QAAAA,EAAS,OAChBC,OAAQA,QAAAA,EAAU,OAClBU,SAAU,OACVC,UAAW,UACXC,UAAW,aACXT,aAAcF,EAAoBC,EAAOF,EAAQG,GACjDU,WDduB,mECevBC,eAAgB,YAChBC,UAAW,GAAG3B,4BAGlB,CAACW,EAAOC,EAAQE,EAAOC,IAGzB,OACEa,EAACC,EAAS,CACRX,YAAa,CACXY,KAAM,CAAC5B,EAAqBG,eAAgBc,EAAcE,cAAeH,aAAA,EAAAA,EAAaY,OAAQ,SAMtGd,EAAQe,YAAc"}

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

@@ -32,9 +32,11 @@ const Shimmer = react.memo(({ width, height, shape = 'rect', borderRadius = 8, s
         container: {
             width: width !== null && width !== void 0 ? width : '100%',
             height: height !== null && height !== void 0 ? height : '100%',
+            maxWidth: '100%',
+            alignSelf: 'stretch',
+            boxSizing: 'border-box',
             borderRadius: resolveBorderRadius(shape, height, borderRadius),
             background: shimmerGradient,
-            minWidth: 400,
             backgroundSize: '150% 100%',
             animation: `${shimmerKeyframes} 1.5s infinite linear`,
         },

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

@@ -1 +1 @@
-{"version":3,"file":"ct-design-shimmer.cjs.js","sources":["../packages/components/Shimmer/src/style.ts","../packages/components/Shimmer/src/Shimmer.tsx"],"sourcesContent":[null,null],"names":["keyframes","makeStyles","memo","useStyles","_jsx","Container"],"mappings":";;;;;;;;AASO,MAAM,oBAAoB,GAAG,GAAG,CAAC;AAQjC,MAAM,gBAAgB,GAAGA,aAAS,CAAA,CAAA;;;CAGxC,CAAC;AAMK,MAAM,eAAe,GAAG,kEAAkE,CAAC;AAQ3F,MAAM,oBAAoB,GAAGC,+BAAU,CAAC,CAAC,KAAK,MAAM;AACzD,IAAA,cAAc,EAAE;QACd,eAAe,EAAE,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,aAAa,IAAI,SAAS;AAC/D,QAAA,QAAQ,EAAE,QAAiB;AAC3B,QAAA,KAAK,EAAE,MAAe;AACtB,QAAA,MAAM,EAAE,MAAe;AACxB,KAAA;AACF,CAAA,CAAC,CAAC;;ACxBH,SAAS,mBAAmB,CAC1B,KAAwB,EACxB,MAAmC,EACnC,YAAoB,EAAA;AAEpB,IAAA,IAAI,KAAK,KAAK,QAAQ,EAAE;AACtB,QAAA,OAAO,OAAO,MAAM,KAAK,QAAQ,GAAG,MAAM,GAAG,CAAC,GAAG,oBAAoB,CAAC;KACvE;AACD,IAAA,OAAO,YAAY,CAAC;AACtB,CAAC;AAiBK,MAAA,OAAO,GAAGC,UAAI,CAAC,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,GAAG,MAAM,EAAE,YAAY,GAAG,CAAC,EAAE,WAAW,EAAgB,KAAI;AACtG,IAAA,MAAM,aAAa,GAAGC,8BAAS,CAC7B,OAAO;AACL,QAAA,SAAS,EAAE;AACT,YAAA,KAAK,EAAE,KAAK,KAAA,IAAA,IAAL,KAAK,KAAL,KAAA,CAAA,GAAA,KAAK,GAAI,MAAM;AACtB,YAAA,MAAM,EAAE,MAAM,KAAA,IAAA,IAAN,MAAM,KAAN,KAAA,CAAA,GAAA,MAAM,GAAI,MAAM;YACxB,YAAY,EAAE,mBAAmB,CAAC,KAAK,EAAE,MAAM,EAAE,YAAY,CAAC;AAC9D,YAAA,UAAU,EAAE,eAAe;AAC3B,YAAA,QAAQ,EAAE,GAAG;AACb,YAAA,cAAc,EAAE,WAAW;YAC3B,SAAS,EAAE,CAAG,EAAA,gBAAgB,CAAuB,qBAAA,CAAA;AACtD,SAAA;KACF,CAAC,EACF,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,YAAY,CAAC,CACrC,CAAC;AAEF,IAAA,QACEC,cAAA,CAACC,2BAAS,EAAA,EACR,WAAW,EAAE;YACX,IAAI,EAAE,CAAC,oBAAoB,CAAC,cAAc,EAAE,aAAa,CAAC,SAAS,EAAE,IAAI,CAAA,WAAW,KAAX,IAAA,IAAA,WAAW,KAAX,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,WAAW,CAAE,IAAI,KAAI,EAAE,CAAC,CAAC;AACnG,SAAA,EAAA,CACD,EACF;AACJ,CAAC,EAAE;AAEH,OAAO,CAAC,WAAW,GAAG,SAAS;;;;"}
+{"version":3,"file":"ct-design-shimmer.cjs.js","sources":["../packages/components/Shimmer/src/style.ts","../packages/components/Shimmer/src/Shimmer.tsx"],"sourcesContent":[null,null],"names":["keyframes","makeStyles","memo","useStyles","_jsx","Container"],"mappings":";;;;;;;;AASO,MAAM,oBAAoB,GAAG,GAAG,CAAC;AAQjC,MAAM,gBAAgB,GAAGA,aAAS,CAAA,CAAA;;;CAGxC,CAAC;AAMK,MAAM,eAAe,GAAG,kEAAkE,CAAC;AAQ3F,MAAM,oBAAoB,GAAGC,+BAAU,CAAC,CAAC,KAAK,MAAM;AACzD,IAAA,cAAc,EAAE;QACd,eAAe,EAAE,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,aAAa,IAAI,SAAS;AAC/D,QAAA,QAAQ,EAAE,QAAiB;AAC3B,QAAA,KAAK,EAAE,MAAe;AACtB,QAAA,MAAM,EAAE,MAAe;AACxB,KAAA;AACF,CAAA,CAAC,CAAC;;AC9BH,SAAS,mBAAmB,CAC1B,KAAwB,EACxB,MAAmC,EACnC,YAAoB,EAAA;AAEpB,IAAA,IAAI,KAAK,KAAK,QAAQ,EAAE;AACtB,QAAA,OAAO,OAAO,MAAM,KAAK,QAAQ,GAAG,MAAM,GAAG,CAAC,GAAG,oBAAoB,CAAC;KACvE;AACD,IAAA,OAAO,YAAY,CAAC;AACtB,CAAC;AAUK,MAAA,OAAO,GAAGC,UAAI,CAAC,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,GAAG,MAAM,EAAE,YAAY,GAAG,CAAC,EAAE,WAAW,EAAgB,KAAI;AACtG,IAAA,MAAM,aAAa,GAAGC,8BAAS,CAC7B,OAAO;AACL,QAAA,SAAS,EAAE;AACT,YAAA,KAAK,EAAE,KAAK,KAAA,IAAA,IAAL,KAAK,KAAL,KAAA,CAAA,GAAA,KAAK,GAAI,MAAM;AACtB,YAAA,MAAM,EAAE,MAAM,KAAA,IAAA,IAAN,MAAM,KAAN,KAAA,CAAA,GAAA,MAAM,GAAI,MAAM;AACxB,YAAA,QAAQ,EAAE,MAAM;AAChB,YAAA,SAAS,EAAE,SAAS;AACpB,YAAA,SAAS,EAAE,YAAY;YACvB,YAAY,EAAE,mBAAmB,CAAC,KAAK,EAAE,MAAM,EAAE,YAAY,CAAC;AAC9D,YAAA,UAAU,EAAE,eAAe;AAC3B,YAAA,cAAc,EAAE,WAAW;YAC3B,SAAS,EAAE,CAAG,EAAA,gBAAgB,CAAuB,qBAAA,CAAA;AACtD,SAAA;KACF,CAAC,EACF,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,YAAY,CAAC,CACrC,CAAC;AAEF,IAAA,QACEC,cAAA,CAACC,2BAAS,EAAA,EACR,WAAW,EAAE;YACX,IAAI,EAAE,CAAC,oBAAoB,CAAC,cAAc,EAAE,aAAa,CAAC,SAAS,EAAE,IAAI,CAAA,WAAW,KAAX,IAAA,IAAA,WAAW,KAAX,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,WAAW,CAAE,IAAI,KAAI,EAAE,CAAC,CAAC;AACnG,SAAA,EAAA,CACD,EACF;AACJ,CAAC,EAAE;AAEH,OAAO,CAAC,WAAW,GAAG,SAAS;;;;"}

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

@@ -30,9 +30,11 @@ const Shimmer = memo(({ width, height, shape = 'rect', borderRadius = 8, styleCo
         container: {
             width: width !== null && width !== void 0 ? width : '100%',
             height: height !== null && height !== void 0 ? height : '100%',
+            maxWidth: '100%',
+            alignSelf: 'stretch',
+            boxSizing: 'border-box',
             borderRadius: resolveBorderRadius(shape, height, borderRadius),
             background: shimmerGradient,
-            minWidth: 400,
             backgroundSize: '150% 100%',
             animation: `${shimmerKeyframes} 1.5s infinite linear`,
         },

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

@@ -1 +1 @@
-{"version":3,"file":"ct-design-shimmer.esm.js","sources":["../packages/components/Shimmer/src/style.ts","../packages/components/Shimmer/src/Shimmer.tsx"],"sourcesContent":[null,null],"names":["_jsx"],"mappings":";;;;;;AASO,MAAM,oBAAoB,GAAG,GAAG,CAAC;AAQjC,MAAM,gBAAgB,GAAG,SAAS,CAAA,CAAA;;;CAGxC,CAAC;AAMK,MAAM,eAAe,GAAG,kEAAkE,CAAC;AAQ3F,MAAM,oBAAoB,GAAG,UAAU,CAAC,CAAC,KAAK,MAAM;AACzD,IAAA,cAAc,EAAE;QACd,eAAe,EAAE,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,aAAa,IAAI,SAAS;AAC/D,QAAA,QAAQ,EAAE,QAAiB;AAC3B,QAAA,KAAK,EAAE,MAAe;AACtB,QAAA,MAAM,EAAE,MAAe;AACxB,KAAA;AACF,CAAA,CAAC,CAAC;;ACxBH,SAAS,mBAAmB,CAC1B,KAAwB,EACxB,MAAmC,EACnC,YAAoB,EAAA;AAEpB,IAAA,IAAI,KAAK,KAAK,QAAQ,EAAE;AACtB,QAAA,OAAO,OAAO,MAAM,KAAK,QAAQ,GAAG,MAAM,GAAG,CAAC,GAAG,oBAAoB,CAAC;KACvE;AACD,IAAA,OAAO,YAAY,CAAC;AACtB,CAAC;AAiBK,MAAA,OAAO,GAAG,IAAI,CAAC,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,GAAG,MAAM,EAAE,YAAY,GAAG,CAAC,EAAE,WAAW,EAAgB,KAAI;AACtG,IAAA,MAAM,aAAa,GAAG,SAAS,CAC7B,OAAO;AACL,QAAA,SAAS,EAAE;AACT,YAAA,KAAK,EAAE,KAAK,KAAA,IAAA,IAAL,KAAK,KAAL,KAAA,CAAA,GAAA,KAAK,GAAI,MAAM;AACtB,YAAA,MAAM,EAAE,MAAM,KAAA,IAAA,IAAN,MAAM,KAAN,KAAA,CAAA,GAAA,MAAM,GAAI,MAAM;YACxB,YAAY,EAAE,mBAAmB,CAAC,KAAK,EAAE,MAAM,EAAE,YAAY,CAAC;AAC9D,YAAA,UAAU,EAAE,eAAe;AAC3B,YAAA,QAAQ,EAAE,GAAG;AACb,YAAA,cAAc,EAAE,WAAW;YAC3B,SAAS,EAAE,CAAG,EAAA,gBAAgB,CAAuB,qBAAA,CAAA;AACtD,SAAA;KACF,CAAC,EACF,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,YAAY,CAAC,CACrC,CAAC;AAEF,IAAA,QACEA,GAAA,CAAC,SAAS,EAAA,EACR,WAAW,EAAE;YACX,IAAI,EAAE,CAAC,oBAAoB,CAAC,cAAc,EAAE,aAAa,CAAC,SAAS,EAAE,IAAI,CAAA,WAAW,KAAX,IAAA,IAAA,WAAW,KAAX,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,WAAW,CAAE,IAAI,KAAI,EAAE,CAAC,CAAC;AACnG,SAAA,EAAA,CACD,EACF;AACJ,CAAC,EAAE;AAEH,OAAO,CAAC,WAAW,GAAG,SAAS;;;;"}
+{"version":3,"file":"ct-design-shimmer.esm.js","sources":["../packages/components/Shimmer/src/style.ts","../packages/components/Shimmer/src/Shimmer.tsx"],"sourcesContent":[null,null],"names":["_jsx"],"mappings":";;;;;;AASO,MAAM,oBAAoB,GAAG,GAAG,CAAC;AAQjC,MAAM,gBAAgB,GAAG,SAAS,CAAA,CAAA;;;CAGxC,CAAC;AAMK,MAAM,eAAe,GAAG,kEAAkE,CAAC;AAQ3F,MAAM,oBAAoB,GAAG,UAAU,CAAC,CAAC,KAAK,MAAM;AACzD,IAAA,cAAc,EAAE;QACd,eAAe,EAAE,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,aAAa,IAAI,SAAS;AAC/D,QAAA,QAAQ,EAAE,QAAiB;AAC3B,QAAA,KAAK,EAAE,MAAe;AACtB,QAAA,MAAM,EAAE,MAAe;AACxB,KAAA;AACF,CAAA,CAAC,CAAC;;AC9BH,SAAS,mBAAmB,CAC1B,KAAwB,EACxB,MAAmC,EACnC,YAAoB,EAAA;AAEpB,IAAA,IAAI,KAAK,KAAK,QAAQ,EAAE;AACtB,QAAA,OAAO,OAAO,MAAM,KAAK,QAAQ,GAAG,MAAM,GAAG,CAAC,GAAG,oBAAoB,CAAC;KACvE;AACD,IAAA,OAAO,YAAY,CAAC;AACtB,CAAC;AAUK,MAAA,OAAO,GAAG,IAAI,CAAC,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,GAAG,MAAM,EAAE,YAAY,GAAG,CAAC,EAAE,WAAW,EAAgB,KAAI;AACtG,IAAA,MAAM,aAAa,GAAG,SAAS,CAC7B,OAAO;AACL,QAAA,SAAS,EAAE;AACT,YAAA,KAAK,EAAE,KAAK,KAAA,IAAA,IAAL,KAAK,KAAL,KAAA,CAAA,GAAA,KAAK,GAAI,MAAM;AACtB,YAAA,MAAM,EAAE,MAAM,KAAA,IAAA,IAAN,MAAM,KAAN,KAAA,CAAA,GAAA,MAAM,GAAI,MAAM;AACxB,YAAA,QAAQ,EAAE,MAAM;AAChB,YAAA,SAAS,EAAE,SAAS;AACpB,YAAA,SAAS,EAAE,YAAY;YACvB,YAAY,EAAE,mBAAmB,CAAC,KAAK,EAAE,MAAM,EAAE,YAAY,CAAC;AAC9D,YAAA,UAAU,EAAE,eAAe;AAC3B,YAAA,cAAc,EAAE,WAAW;YAC3B,SAAS,EAAE,CAAG,EAAA,gBAAgB,CAAuB,qBAAA,CAAA;AACtD,SAAA;KACF,CAAC,EACF,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,YAAY,CAAC,CACrC,CAAC;AAEF,IAAA,QACEA,GAAA,CAAC,SAAS,EAAA,EACR,WAAW,EAAE;YACX,IAAI,EAAE,CAAC,oBAAoB,CAAC,cAAc,EAAE,aAAa,CAAC,SAAS,EAAE,IAAI,CAAA,WAAW,KAAX,IAAA,IAAA,WAAW,KAAX,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,WAAW,CAAE,IAAI,KAAI,EAAE,CAAC,CAAC;AACnG,SAAA,EAAA,CACD,EACF;AACJ,CAAC,EAAE;AAEH,OAAO,CAAC,WAAW,GAAG,SAAS;;;;"}

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

@@ -30,9 +30,11 @@
           container: {
               width: width !== null && width !== void 0 ? width : '100%',
               height: height !== null && height !== void 0 ? height : '100%',
+              maxWidth: '100%',
+              alignSelf: 'stretch',
+              boxSizing: 'border-box',
               borderRadius: resolveBorderRadius(shape, height, borderRadius),
               background: shimmerGradient,
-              minWidth: 400,
               backgroundSize: '150% 100%',
               animation: `${shimmerKeyframes} 1.5s infinite linear`,
           },

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

@@ -1 +1 @@
-{"version":3,"file":"ct-design-shimmer.umd.js","sources":["../packages/components/Shimmer/src/style.ts","../packages/components/Shimmer/src/Shimmer.tsx"],"sourcesContent":[null,null],"names":["keyframes","makeStyles","memo","useStyles","_jsx","Container"],"mappings":";;;;;;EASO,MAAM,oBAAoB,GAAG,GAAG,CAAC;EAQjC,MAAM,gBAAgB,GAAGA,aAAS,CAAA,CAAA;;;CAGxC,CAAC;EAMK,MAAM,eAAe,GAAG,kEAAkE,CAAC;EAQ3F,MAAM,oBAAoB,GAAGC,+BAAU,CAAC,CAAC,KAAK,MAAM;EACzD,IAAA,cAAc,EAAE;UACd,eAAe,EAAE,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,aAAa,IAAI,SAAS;EAC/D,QAAA,QAAQ,EAAE,QAAiB;EAC3B,QAAA,KAAK,EAAE,MAAe;EACtB,QAAA,MAAM,EAAE,MAAe;EACxB,KAAA;EACF,CAAA,CAAC,CAAC;;ECxBH,SAAS,mBAAmB,CAC1B,KAAwB,EACxB,MAAmC,EACnC,YAAoB,EAAA;EAEpB,IAAA,IAAI,KAAK,KAAK,QAAQ,EAAE;EACtB,QAAA,OAAO,OAAO,MAAM,KAAK,QAAQ,GAAG,MAAM,GAAG,CAAC,GAAG,oBAAoB,CAAC;OACvE;EACD,IAAA,OAAO,YAAY,CAAC;EACtB,CAAC;AAiBK,QAAA,OAAO,GAAGC,UAAI,CAAC,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,GAAG,MAAM,EAAE,YAAY,GAAG,CAAC,EAAE,WAAW,EAAgB,KAAI;EACtG,IAAA,MAAM,aAAa,GAAGC,8BAAS,CAC7B,OAAO;EACL,QAAA,SAAS,EAAE;EACT,YAAA,KAAK,EAAE,KAAK,KAAA,IAAA,IAAL,KAAK,KAAL,KAAA,CAAA,GAAA,KAAK,GAAI,MAAM;EACtB,YAAA,MAAM,EAAE,MAAM,KAAA,IAAA,IAAN,MAAM,KAAN,KAAA,CAAA,GAAA,MAAM,GAAI,MAAM;cACxB,YAAY,EAAE,mBAAmB,CAAC,KAAK,EAAE,MAAM,EAAE,YAAY,CAAC;EAC9D,YAAA,UAAU,EAAE,eAAe;EAC3B,YAAA,QAAQ,EAAE,GAAG;EACb,YAAA,cAAc,EAAE,WAAW;cAC3B,SAAS,EAAE,CAAG,EAAA,gBAAgB,CAAuB,qBAAA,CAAA;EACtD,SAAA;OACF,CAAC,EACF,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,YAAY,CAAC,CACrC,CAAC;EAEF,IAAA,QACEC,cAAA,CAACC,2BAAS,EAAA,EACR,WAAW,EAAE;cACX,IAAI,EAAE,CAAC,oBAAoB,CAAC,cAAc,EAAE,aAAa,CAAC,SAAS,EAAE,IAAI,CAAA,WAAW,KAAX,IAAA,IAAA,WAAW,KAAX,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,WAAW,CAAE,IAAI,KAAI,EAAE,CAAC,CAAC;EACnG,SAAA,EAAA,CACD,EACF;EACJ,CAAC,EAAE;EAEH,OAAO,CAAC,WAAW,GAAG,SAAS;;;;;;;;"}
+{"version":3,"file":"ct-design-shimmer.umd.js","sources":["../packages/components/Shimmer/src/style.ts","../packages/components/Shimmer/src/Shimmer.tsx"],"sourcesContent":[null,null],"names":["keyframes","makeStyles","memo","useStyles","_jsx","Container"],"mappings":";;;;;;EASO,MAAM,oBAAoB,GAAG,GAAG,CAAC;EAQjC,MAAM,gBAAgB,GAAGA,aAAS,CAAA,CAAA;;;CAGxC,CAAC;EAMK,MAAM,eAAe,GAAG,kEAAkE,CAAC;EAQ3F,MAAM,oBAAoB,GAAGC,+BAAU,CAAC,CAAC,KAAK,MAAM;EACzD,IAAA,cAAc,EAAE;UACd,eAAe,EAAE,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,aAAa,IAAI,SAAS;EAC/D,QAAA,QAAQ,EAAE,QAAiB;EAC3B,QAAA,KAAK,EAAE,MAAe;EACtB,QAAA,MAAM,EAAE,MAAe;EACxB,KAAA;EACF,CAAA,CAAC,CAAC;;EC9BH,SAAS,mBAAmB,CAC1B,KAAwB,EACxB,MAAmC,EACnC,YAAoB,EAAA;EAEpB,IAAA,IAAI,KAAK,KAAK,QAAQ,EAAE;EACtB,QAAA,OAAO,OAAO,MAAM,KAAK,QAAQ,GAAG,MAAM,GAAG,CAAC,GAAG,oBAAoB,CAAC;OACvE;EACD,IAAA,OAAO,YAAY,CAAC;EACtB,CAAC;AAUK,QAAA,OAAO,GAAGC,UAAI,CAAC,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,GAAG,MAAM,EAAE,YAAY,GAAG,CAAC,EAAE,WAAW,EAAgB,KAAI;EACtG,IAAA,MAAM,aAAa,GAAGC,8BAAS,CAC7B,OAAO;EACL,QAAA,SAAS,EAAE;EACT,YAAA,KAAK,EAAE,KAAK,KAAA,IAAA,IAAL,KAAK,KAAL,KAAA,CAAA,GAAA,KAAK,GAAI,MAAM;EACtB,YAAA,MAAM,EAAE,MAAM,KAAA,IAAA,IAAN,MAAM,KAAN,KAAA,CAAA,GAAA,MAAM,GAAI,MAAM;EACxB,YAAA,QAAQ,EAAE,MAAM;EAChB,YAAA,SAAS,EAAE,SAAS;EACpB,YAAA,SAAS,EAAE,YAAY;cACvB,YAAY,EAAE,mBAAmB,CAAC,KAAK,EAAE,MAAM,EAAE,YAAY,CAAC;EAC9D,YAAA,UAAU,EAAE,eAAe;EAC3B,YAAA,cAAc,EAAE,WAAW;cAC3B,SAAS,EAAE,CAAG,EAAA,gBAAgB,CAAuB,qBAAA,CAAA;EACtD,SAAA;OACF,CAAC,EACF,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,YAAY,CAAC,CACrC,CAAC;EAEF,IAAA,QACEC,cAAA,CAACC,2BAAS,EAAA,EACR,WAAW,EAAE;cACX,IAAI,EAAE,CAAC,oBAAoB,CAAC,cAAc,EAAE,aAAa,CAAC,SAAS,EAAE,IAAI,CAAA,WAAW,KAAX,IAAA,IAAA,WAAW,KAAX,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,WAAW,CAAE,IAAI,KAAI,EAAE,CAAC,CAAC;EACnG,SAAA,EAAA,CACD,EACF;EACJ,CAAC,EAAE;EAEH,OAAO,CAAC,WAAW,GAAG,SAAS;;;;;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cleartrip/ct-design-shimmer",
-  "version": "5.6.0",
+  "version": "5.7.0-SNAPSHOT-native-main.1",
   "description": "Shimmer component",
   "types": "dist/index.d.ts",
   "main": "./dist/ct-design-shimmer.cjs.js",
@@ -25,12 +25,12 @@
   ],
   "dependencies": {
     "@emotion/css": "11.13.4",
-    "@cleartrip/ct-design-container": "5.6.0",
-    "@cleartrip/ct-design-style-manager": "5.6.0",
-    "@cleartrip/ct-design-theme": "5.6.0"
+    "@cleartrip/ct-design-style-manager": "5.7.0-SNAPSHOT-native-main.1",
+    "@cleartrip/ct-design-theme": "5.7.0-SNAPSHOT-native-main.1",
+    "@cleartrip/ct-design-container": "5.7.0-SNAPSHOT-native-main.1"
   },
   "devDependencies": {
-    "@cleartrip/ct-design-types": "5.6.0"
+    "@cleartrip/ct-design-types": "5.7.0-SNAPSHOT-native-main.1"
   },
   "peerDependencies": {
     "react": ">=16.8.0",

package/src/Shimmer.tsx

@@ -8,12 +8,6 @@ import { ShimmerProps } from './type';
 
 /**
  * Resolves the border-radius applied to the wrapper based on `shape`.
- *
- * `circle` tries to produce a true circle/pill using `height / 2` when
- * the caller supplied a numeric height; for string heights (e.g.
- * `'40px'`) arithmetic would yield `NaN`, so we fall back to
- * `MaxBorderRadiusValue` which is large enough to full-round any
- * realistic shimmer. `rect` applies `borderRadius` directly.
  */
 function resolveBorderRadius(
   shape: 'rect' | 'circle',
@@ -29,17 +23,10 @@ function resolveBorderRadius(
 /**
  * Web implementation of `Shimmer`.
  *
- * Migrated from aldenui (`core/components/components/Shimmer`) per
- * Migration.MD:
- *   - Drop the previous `@emotion/styled` `StyledShimmer` in favour of
- *     Container + composed `styleConfig.root` slots.
- *   - Static wrapper styles (seed background, overflow) live in
- *     `style.ts`; the animated gradient + keyframe reference is
- *     embedded into the dynamic style object built by `useStyles` so
- *     emotion caches the `@keyframes` declaration once per page and
- *     the Container's internal `useWebMergeStyles` handles the rest.
- *   - Dynamic slot holds width/height/borderRadius + animation so
- *     memoisation follows the input deps.
+ * Dimension contract matches native: `width` / `height` from props only.
+ * Do not set a fixed minWidth — that forces placeholders wider than their
+ * card (e.g. width="100%" inside a padded STACK). Parent clipping comes from
+ * `shimmerWrapperStyles.shimmerWrapper` (`overflow: hidden`, `width/height: 100%`).
  */
 const Shimmer = memo(({ width, height, shape = 'rect', borderRadius = 8, styleConfig }: ShimmerProps) => {
   const dynamicStyles = useStyles(
@@ -47,9 +34,11 @@ const Shimmer = memo(({ width, height, shape = 'rect', borderRadius = 8, styleCo
       container: {
         width: width ?? '100%',
         height: height ?? '100%',
+        maxWidth: '100%',
+        alignSelf: 'stretch',
+        boxSizing: 'border-box',
         borderRadius: resolveBorderRadius(shape, height, borderRadius),
         background: shimmerGradient,
-        minWidth: 400,
         backgroundSize: '150% 100%',
         animation: `${shimmerKeyframes} 1.5s infinite linear`,
       },