@cleartrip/ct-design-modal 3.2.0 → 3.2.1-SNAPSHORT-misc-design-cor.0

package/dist/Backdrop/Backdrop.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Backdrop.d.ts","sourceRoot":"","sources":["../../packages/components/Modal/src/Backdrop/Backdrop.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,aAAa,EAAE,MAAM,QAAQ,CAAC;AACvC,OAAO,EAAE,4BAA4B,EAAY,MAAM,4BAA4B,CAAC;AAIpF,KAAK,mBAAmB,GAAG,4BAA4B,CAAC,KAAK,EAAE,aAAa,CAAC,CAAC;AAM9E,QAAA,MAAM,QAAQ,qBASW,CAAC;AAE1B,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"Backdrop.d.ts","sourceRoot":"","sources":["../../packages/components/Modal/src/Backdrop/Backdrop.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,aAAa,EAAE,MAAM,QAAQ,CAAC;AACvC,OAAO,EAAE,4BAA4B,EAAY,MAAM,4BAA4B,CAAC;AAKpF,KAAK,mBAAmB,GAAG,4BAA4B,CAAC,KAAK,EAAE,aAAa,CAAC,CAAC;AAM9E,QAAA,MAAM,QAAQ,qBAcU,CAAC;AAEzB,eAAe,QAAQ,CAAC"}

package/dist/Backdrop/type.d.ts

@@ -1,10 +1,12 @@
 import { TransitionProps } from '@cleartrip/ct-design-transition';
 import type { HtmlCompositeAttributes } from '@cleartrip/ct-design-types';
+import { ModalVariant } from '../type';
 type OwnBackdropProps = {
     open?: boolean;
     transitionDuration?: TransitionProps['timeout'];
     blur?: boolean;
     className?: string;
+    variant?: `${ModalVariant}`;
 };
 export interface BackdropProps extends HtmlCompositeAttributes<OwnBackdropProps, 'Div'>, OwnBackdropProps {
 }

package/dist/Backdrop/type.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"type.d.ts","sourceRoot":"","sources":["../../packages/components/Modal/src/Backdrop/type.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,iCAAiC,CAAC;AAClE,OAAO,KAAK,EAAkB,uBAAuB,EAAE,MAAM,4BAA4B,CAAC;AAE1F,KAAK,gBAAgB,GAAG;IACtB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,kBAAkB,CAAC,EAAE,eAAe,CAAC,SAAS,CAAC,CAAC;IAChD,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,MAAM,WAAW,aAAc,SAAQ,uBAAuB,CAAC,gBAAgB,EAAE,KAAK,CAAC,EAAE,gBAAgB;CAAG"}
+{"version":3,"file":"type.d.ts","sourceRoot":"","sources":["../../packages/components/Modal/src/Backdrop/type.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,iCAAiC,CAAC;AAClE,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,4BAA4B,CAAC;AAC1E,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAEvC,KAAK,gBAAgB,GAAG;IACtB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,kBAAkB,CAAC,EAAE,eAAe,CAAC,SAAS,CAAC,CAAC;IAChD,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,OAAO,CAAC,EAAE,GAAG,YAAY,EAAE,CAAC;CAC7B,CAAC;AAEF,MAAM,WAAW,aAAc,SAAQ,uBAAuB,CAAC,gBAAgB,EAAE,KAAK,CAAC,EAAE,gBAAgB;CAAG"}

package/dist/Modal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../packages/components/Modal/src/Modal.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,UAAU,EAAa,MAAM,QAAQ,CAAC;AAE/C,OAAO,EAAE,4BAA4B,EAAE,MAAM,4BAA4B,CAAC;AAU1E,KAAK,gBAAgB,GAAG,4BAA4B,CAAC,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,KAAK,EAAE,UAAU,CAAC,CAAC;AAazG,QAAA,MAAM,KAAK,kBAsJU,CAAC;AAEtB,eAAe,KAAK,CAAC"}
+{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../packages/components/Modal/src/Modal.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAkB,UAAU,EAAa,MAAM,QAAQ,CAAC;AAE/D,OAAO,EAAE,4BAA4B,EAAE,MAAM,4BAA4B,CAAC;AAU1E,KAAK,gBAAgB,GAAG,4BAA4B,CAAC,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,KAAK,EAAE,UAAU,CAAC,CAAC;AAuBzG,QAAA,MAAM,KAAK,kBA6JU,CAAC;AAEtB,eAAe,KAAK,CAAC"}

package/dist/ModalsUsableComponents/ModalWithCloseOverlay.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ModalWithCloseOverlay.d.ts","sourceRoot":"","sources":["../../packages/components/Modal/src/ModalsUsableComponents/ModalWithCloseOverlay.tsx"],"names":[],"mappings":";AA6BA,QAAA,MAAM,qBAAqB,mFA6BzB,CAAC;AAEH,eAAe,qBAAqB,CAAC"}
+{"version":3,"file":"ModalWithCloseOverlay.d.ts","sourceRoot":"","sources":["../../packages/components/Modal/src/ModalsUsableComponents/ModalWithCloseOverlay.tsx"],"names":[],"mappings":";AAkCA,QAAA,MAAM,qBAAqB,mFA6BzB,CAAC;AAEH,eAAe,qBAAqB,CAAC"}

package/dist/ModalsUsableComponents/style.d.ts

@@ -1,7 +1,11 @@
 import { CSSObject } from 'styled-components';
 import { Theme } from '@cleartrip/ct-design-theme';
-export declare const getCloseButtonStyle: ({ theme, isLeft }: {
+import { ModalVariant } from '../type';
+export declare const getCloseButtonStyle: ({ theme, isLeft, variant, isCenter, isTop, }: {
     theme: Theme;
     isLeft: boolean;
+    variant?: "dark" | "neutral" | undefined;
+    isCenter?: boolean | undefined;
+    isTop?: boolean | undefined;
 }) => CSSObject;
 //# sourceMappingURL=style.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"style.d.ts","sourceRoot":"","sources":["../../packages/components/Modal/src/ModalsUsableComponents/style.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAC9C,OAAO,EAAE,KAAK,EAAE,MAAM,4BAA4B,CAAC;AAEnD,eAAO,MAAM,mBAAmB;WAAwC,KAAK;YAAU,OAAO;MAAK,SAYjG,CAAC"}
+{"version":3,"file":"style.d.ts","sourceRoot":"","sources":["../../packages/components/Modal/src/ModalsUsableComponents/style.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAC9C,OAAO,EAAE,KAAK,EAAE,MAAM,4BAA4B,CAAC;AACnD,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAEvC,eAAO,MAAM,mBAAmB;WAOvB,KAAK;YACJ,OAAO;;;;MAIb,SAaF,CAAC"}

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

@@ -1,2 +1,2 @@
-"use strict";var e=require("tslib"),n=require("react/jsx-runtime"),o=require("react"),r=require("styled-components"),s=require("@cleartrip/ct-design-theme"),t=require("@cleartrip/ct-design-portal"),i=require("@cleartrip/ct-design-focus-lock"),a=require("@cleartrip/ct-design-transition"),l=require("@cleartrip/ct-design-use-merge-refs"),d=require("@cleartrip/ct-design-container"),c=require("@cleartrip/ct-design-box"),u=require("@cleartrip/ct-design-icons"),p=require("@cleartrip/ct-design-typography");function h(e){return e&&e.__esModule?e:{default:e}}var f,x=h(o),g=h(r),_=h(l);exports.ModalSize=void 0,(f=exports.ModalSize||(exports.ModalSize={})).SMALL="SMALL",f.MEDIUM="MEDIUM",f.LARGE="LARGE",f.FULL_SCREEN="FULL_SCREEN",f.NONE="NONE",f.REGULAR="REGULAR",f.BIG="BIG";var v=function(n){var o=n.theme,r=n.size,s=n.blur,t=n.overflowY,i=n.modalContentCss;return e.__assign(e.__assign({boxSizing:"content-box",borderRadius:r===exports.ModalSize.FULL_SCREEN?0:o.spacing[3],borderBottomLeftRadius:r===exports.ModalSize.FULL_SCREEN?0:o.spacing[3],borderBottomRightRadius:r===exports.ModalSize.FULL_SCREEN?0:o.spacing[3],backgroundColor:o.color.background.neutral,overflowY:t,maxHeight:r===exports.ModalSize.FULL_SCREEN?"100vh":"calc(100vh - 64px)",boxShadow:s?"".concat(o.elevation.modalBlurLight,", ").concat(o.elevation.modalBlurMedium,", ").concat(o.elevation.modalBlurHeavy):"none"},function(e){switch(e){case exports.ModalSize.SMALL:return{width:"360px"};case exports.ModalSize.LARGE:return{width:"1032px"};case exports.ModalSize.FULL_SCREEN:return{width:"100vw",height:"100vh",minHeight:"100vh",minWidth:"100%"};case exports.ModalSize.NONE:return{};case exports.ModalSize.BIG:return{width:"730px"};case exports.ModalSize.REGULAR:return{width:"484px"};case exports.ModalSize.MEDIUM:default:return{width:"504px"}}}(r)),i)},m=g.default.div((function(n){var o=n.css,r=n.theme,s=n.blur;return e.__rest(n,["css","theme","blur"]),e.__assign(e.__assign({},function(e){var n=e.blur;return{position:"fixed",display:"flex",alignItems:"center",justifyContent:"center",background:n?"rgba(26, 26, 26, 0.6);":"",backdropFilter:n?"blur(1px)":"none",zIndex:-1,inset:0}}({blur:s,theme:r})),o)})),C=o.forwardRef((function(o,r){o.as;var t=o.children,i=o.open,l=o.transitionDuration,d=o.css,c=o.className,u=e.__rest(o,["as","children","open","transitionDuration","css","className"]),p=s.useTheme();return n.jsx(a.Transition,e.__assign({in:i,timeout:l,type:"fade"},{children:n.jsx(m,e.__assign({ref:r,css:d,theme:p,className:c},u,{children:t}))}))})),y=o.createContext({footerAlignment:"end",hideCrossIcon:!1,onClose:function(){},size:"MEDIUM"}),w=function(){function n(){this.parent=[]}return n.handleStyle=function(n){n.ref&&(n.prevStyle=e.__assign({},n.ref.style),n.ref.style.overflow="hidden")},n.restoreStyle=function(e){e.ref&&e.prevStyle&&(e.ref.style.overflow=e.prevStyle.overflow||"")},n.prototype.mount=function(e,o){if(void 0===o&&(o={ref:null}),o.ref){var r=this.parent.findIndex((function(e){return e.parentNode===o}));-1!==r?this.parent[r].modals.push(e):this.parent.push({parentNode:o,modals:[e]}),n.handleStyle(o)}else{var s=this.getTopModal();s.modals.push(e),n.handleStyle(s.parentNode),s.parentNode.ref!==document.body?this.parent.push({parentNode:e,modals:[]}):this.parent.push(s)}},n.prototype.getTopModal=function(){return this.parent.length?this.parent[this.parent.length-1]:{parentNode:{ref:document.body,prevStyle:document.body.style},modals:[]}},n.prototype.remove=function(e){var o=this.parent.find((function(n){return n.modals.find((function(n){return n.ref===e.ref}))}));o&&n.restoreStyle(o.parentNode)},n}(),S=g.default.div((function(n){var o=n.theme,r=n.size,s=void 0===r?"MEDIUM":r,t=n.overflowY,i=void 0===t?"auto":t,a=n.styledModalWrapperCss,l=void 0===a?{}:a,d=n.css,c=void 0===d?{}:d;return function(n){var o=n.theme;n.size;var r=n.overflowY,s=e.__rest(n,["theme","size","overflowY"]);return e.__assign({position:"relative",zIndex:o.zIndex.modal,overflowY:r,display:"flex",flexDirection:"column",margin:"auto",height:"100%",width:"100%",justifyContent:"center",alignItems:"center"},s)}(e.__assign(e.__assign({theme:o,size:s,overflowY:i},l),c))})),E=new w,M=o.forwardRef((function(r,l){var c=r.as,u=r.children,p=r.insidePortal,h=void 0===p||p,f=r.open,g=void 0!==f&&f,m=r.onClose,w=r.onKeyDown,M=r.hideCrossIcon,N=r.footerAlignment,L=r.size,b=void 0===L?"MEDIUM":L,z=r.allowBackdropClose,R=void 0===z||z;r.width;var j=r.blur,I=void 0===j||j,U=r.backDropComponent,k=r.animationDuration,A=void 0===k?350:k,B=r.overflowY,D=void 0===B?"auto":B,T=r.styledModalWrapperCss,F=r.modalContentCss,Y=r.styleConfig,q=void 0===Y?{}:Y,G=e.__rest(r,["as","children","insidePortal","open","onClose","onKeyDown","hideCrossIcon","footerAlignment","size","allowBackdropClose","width","blur","backDropComponent","animationDuration","overflowY","styledModalWrapperCss","modalContentCss","styleConfig"]),P=s.useTheme(),W=q.backdrop,H=q.childrenContainer,O=q.modalContainer,K=q.root,V=o.useRef(null),J=o.useRef({}),Q=o.useState(g),X=Q[0],Z=Q[1],$=_.default(l,V);o.useLayoutEffect((function(){var e=null;return g?Z(!0):e=setTimeout((function(){return Z(!1)}),A),function(){e&&clearTimeout(e)}}),[g,A]),o.useEffect((function(){return V.current&&(V.current.scrollTop=0),g&&(J.current.modalRef=V.current,E.mount({ref:J.current.modalRef})),function(){g&&(E.remove({ref:J.current.modalRef||null}),J.current.modalRef=V.current)}}),[g]);if(!X||!x.default.isValidElement(u))return null;var ee=b===exports.ModalSize.FULL_SCREEN?{height:"100vh",width:"100vw"}:{};return n.jsx(t.Portal,e.__assign({disablePortal:!h},{children:n.jsx(i.FocusLock,{children:n.jsx(d.Container,e.__assign({position:"fixed",zIndex:P.zIndex.modal,css:e.__assign({inset:0},ee)},K,G,{children:n.jsxs(S,e.__assign({size:b,as:c,theme:P,overflowY:D,onKeyDown:function(e){w&&w(e),"Escape"===e.key&&(e.stopPropagation(),m&&m(e))},ref:$,styledModalWrapperCss:T},O,{children:[U||n.jsx(C,e.__assign({open:g,blur:I,transitionDuration:350,onClick:function(e){e.target===e.currentTarget&&R&&m&&m(e)}},W)),n.jsx(a.Transition,e.__assign({type:b===exports.ModalSize.FULL_SCREEN?"slide":"fade",slideDirection:"up",in:g,timeout:A},{children:n.jsx(d.Container,e.__assign({className:null==H?void 0:H.className,css:v({theme:P,size:b,blur:I,overflowY:D,modalContentCss:(null==H?void 0:H.css)||F})},{children:n.jsx(y.Provider,e.__assign({value:{footerAlignment:N,hideCrossIcon:M,onClose:m,size:b}},{children:x.default.cloneElement(u,e.__assign({onClose:m},u.props))}))}))}))]}))}))})}))})),N=o.forwardRef((function(o,r){var t=o||{},i=t.wrapperCss,a=t.isBack,l=t.children,c=e.__rest(t,["wrapperCss","isBack","children"]),p=c.onClose,h=function(e){var n=e.theme,o=e.isLeft;return{position:"absolute",top:"-42px",right:void 0!==o&&o?"unset":0,background:"white",height:"32px",width:"32px",display:"flex",alignItems:"center",padding:n.spacing[1],borderRadius:"40px",cursor:"pointer"}}({theme:s.useTheme(),isLeft:a}),f=function(e){return void 0===e&&(e=!1),e?n.jsx(u.ModalBack,{}):n.jsx(u.Cross,{height:24,width:24,crossColor:"#1A1A1A"})}(a);return n.jsx(M,e.__assign({ref:r,blur:!0,size:"NONE",insidePortal:!0,overflowY:"unset"},c,{children:n.jsxs(n.Fragment,{children:[n.jsx(d.Container,e.__assign({position:"relative",css:e.__assign({},i)},{children:n.jsx(d.Container,e.__assign({css:e.__assign({},h),onClick:function(e){p(e)}},{children:f}))})),l]})}))}));exports.Backdrop=C,exports.Modal=M,exports.ModalAction=function(r){var t=r.children,i=r.css,a=r.className,l=o.useContext(y).footerAlignment,c={start:"flex-start",end:"flex-end",center:"center"}[void 0===l?"end":l],u=s.useTheme();return n.jsx(d.Container,e.__assign({display:"flex",justifyContent:c,className:a,css:e.__assign(e.__assign({},i),{padding:"16px 24px 16px 24px",boxShadow:u.elevation.topE1})},{children:t}))},exports.ModalContainer=function(r){var s=r.children,t=r.css,i=r.className,a=o.useContext(y).size;return n.jsx(c.Box,e.__assign({boxSize:"zero",css:e.__assign({maxHeight:"FULL_SCREEN"===a?"100%":"calc(100vh - 128px)",overflowY:"auto",height:"FULL_SCREEN"===a?"100%":void 0},t),className:i},{children:s}))},exports.ModalContent=function(o){var r=o.children,s=o.css,t=o.styleConfig,i=void 0===t?{}:t,a=i.innerBox,l=i.root;return n.jsx(c.Box,e.__assign({boxSize:"zero",className:null==l?void 0:l.className,css:e.__assign({overflowY:"auto",flex:"1 1 auto"},(null==l?void 0:l.css)||s)},{children:n.jsx(c.Box,e.__assign({boxSize:"xLarge",className:null==a?void 0:a.className,css:e.__assign({padding:"16px 24px",width:"100%"},null==a?void 0:a.css)},{children:r}))}))},exports.ModalTitle=function(r){var t=r.children,i=r.styleConfig,a=void 0===i?{}:i,l=s.useTheme(),c=a.root,h=a.childrenTypography,f=a.iconContainer,x=a.crossIcon,g=o.useContext(y),_=g.hideCrossIcon,v=g.onClose,m="FULL_SCREEN"===g.size?"22px 28px":"24px 24px 16px 24px";return n.jsxs(d.Container,e.__assign({display:"flex",justifyContent:"space-between",className:null==c?void 0:c.className,css:e.__assign({padding:m,boxShadow:l.elevation.bottomE1},null==c?void 0:c.css)},{children:[n.jsx(p.Typography,e.__assign({variant:"HM2",styleConfig:h},{children:t})),!_&&n.jsx(d.Container,e.__assign({cursor:"pointer",onClick:v,marginTop:l.spacing[1],marginRight:l.spacing[1],className:null==f?void 0:f.className,css:null==f?void 0:f.css},{children:n.jsx(u.Cross,e.__assign({height:24,width:24,crossColor:l.color.text.heading},x))}))]}))},exports.ModalWithCloseOverlay=N;
+"use strict";var e=require("tslib"),o=require("react/jsx-runtime"),t=require("react"),n=require("styled-components"),r=require("@cleartrip/ct-design-theme"),s=require("@cleartrip/ct-design-portal"),i=require("@cleartrip/ct-design-focus-lock"),a=require("@cleartrip/ct-design-transition"),l=require("@cleartrip/ct-design-use-merge-refs"),d=require("@cleartrip/ct-design-container"),c=require("@cleartrip/ct-design-box"),u=require("@cleartrip/ct-design-icons"),p=require("@cleartrip/ct-design-typography");function h(e){return e&&e.__esModule?e:{default:e}}var x,f,m,v=h(t),g=h(n),_=h(l);exports.ModalSize=void 0,(x=exports.ModalSize||(exports.ModalSize={})).SMALL="SMALL",x.MEDIUM="MEDIUM",x.LARGE="LARGE",x.FULL_SCREEN="FULL_SCREEN",x.NONE="NONE",x.REGULAR="REGULAR",x.BIG="BIG",exports.ModalVariant=void 0,(f=exports.ModalVariant||(exports.ModalVariant={})).DARK="dark",f.NEUTRAL="neutral",exports.ModalPlacement=void 0,(m=exports.ModalPlacement||(exports.ModalPlacement={})).CENTER="center",m.BOTTOM="bottom";var C=function(o){var t=o.theme,n=o.size,r=o.blur,s=o.overflowY,i=o.modalContentCss,a=o.variant;return e.__assign(e.__assign({boxSizing:"content-box",borderRadius:n===exports.ModalSize.FULL_SCREEN?0:t.spacing[3],borderBottomLeftRadius:n===exports.ModalSize.FULL_SCREEN?0:t.spacing[3],borderBottomRightRadius:n===exports.ModalSize.FULL_SCREEN?0:t.spacing[3],backgroundColor:a===exports.ModalVariant.DARK?t.color.background.primary:t.color.background.neutral,overflowY:s,maxHeight:n===exports.ModalSize.FULL_SCREEN?"100vh":"calc(100vh - 64px)",boxShadow:r?"".concat(t.elevation.modalBlurLight,", ").concat(t.elevation.modalBlurMedium,", ").concat(t.elevation.modalBlurHeavy):"none"},function(e){switch(e){case exports.ModalSize.SMALL:return{width:"360px"};case exports.ModalSize.LARGE:return{width:"1032px"};case exports.ModalSize.FULL_SCREEN:return{width:"100vw",height:"100vh",minHeight:"100vh",minWidth:"100%"};case exports.ModalSize.NONE:return{};case exports.ModalSize.BIG:return{width:"730px"};case exports.ModalSize.REGULAR:return{width:"484px"};case exports.ModalSize.MEDIUM:default:return{width:"504px"}}}(n)),i)},M=g.default.div((function(o){var t=o.css,n=o.theme,r=o.blur,s=o.variant;return e.__rest(o,["css","theme","blur","variant"]),e.__assign(e.__assign({},function(e){var o=e.blur;return{position:"fixed",display:"flex",alignItems:"center",justifyContent:"center",background:o?"rgba(26, 26, 26, 0.6);":"",backdropFilter:e.variant!==exports.ModalVariant.DARK&&o?"(1px)":"none",zIndex:-1,inset:0}}({blur:r,theme:n,variant:s})),t)})),E=t.forwardRef((function(t,n){t.as;var s=t.children,i=t.open,l=t.transitionDuration,d=t.css,c=t.className,u=t.variant,p=void 0===u?exports.ModalVariant.NEUTRAL:u,h=e.__rest(t,["as","children","open","transitionDuration","css","className","variant"]),x=r.useTheme();return o.jsx(a.Transition,e.__assign({in:i,timeout:l,type:"fade"},{children:o.jsx(M,e.__assign({ref:n,css:d,theme:x,className:c,variant:p},h,{children:s}))}))})),y=t.createContext({footerAlignment:"end",hideCrossIcon:!1,onClose:function(){},size:"MEDIUM"}),b=function(){function o(){this.parent=[]}return o.handleStyle=function(o){o.ref&&(o.prevStyle=e.__assign({},o.ref.style),o.ref.style.overflow="hidden")},o.restoreStyle=function(e){e.ref&&e.prevStyle&&(e.ref.style.overflow=e.prevStyle.overflow||"")},o.prototype.mount=function(e,t){if(void 0===t&&(t={ref:null}),t.ref){var n=this.parent.findIndex((function(e){return e.parentNode===t}));-1!==n?this.parent[n].modals.push(e):this.parent.push({parentNode:t,modals:[e]}),o.handleStyle(t)}else{var r=this.getTopModal();r.modals.push(e),o.handleStyle(r.parentNode),r.parentNode.ref!==document.body?this.parent.push({parentNode:e,modals:[]}):this.parent.push(r)}},o.prototype.getTopModal=function(){return this.parent.length?this.parent[this.parent.length-1]:{parentNode:{ref:document.body,prevStyle:document.body.style},modals:[]}},o.prototype.remove=function(e){var t=this.parent.find((function(o){return o.modals.find((function(o){return o.ref===e.ref}))}));t&&o.restoreStyle(t.parentNode)},o}(),N=g.default.div((function(o){var t=o.theme,n=o.size,r=void 0===n?"MEDIUM":n,s=o.overflowY,i=void 0===s?"auto":s,a=o.styledModalWrapperCss,l=void 0===a?{}:a,d=o.css,c=void 0===d?{}:d,u=o.placement,p=void 0===u?exports.ModalPlacement.CENTER:u,h=o.bottomMargin;return function(o){var t=o.theme;o.size;var n=o.overflowY,r=o.placement,s=o.bottomMargin,i=e.__rest(o,["theme","size","overflowY","placement","bottomMargin"]);return e.__assign({position:"relative",zIndex:t.zIndex.modal,overflowY:n,display:"flex",flexDirection:"column",margin:"auto",height:"100%",width:"100%",justifyContent:r===exports.ModalPlacement.BOTTOM?"flex-end":exports.ModalPlacement.CENTER,alignItems:exports.ModalPlacement.CENTER,paddingBottom:r===exports.ModalPlacement.BOTTOM?s||"188px":"0"},i)}(e.__assign(e.__assign(e.__assign({theme:t,size:r,overflowY:i},l),{placement:p,bottomMargin:h}),c))})),w=new b,R=t.forwardRef((function(n,l){var c=n.as,u=n.children,p=n.insidePortal,h=void 0===p||p,x=n.open,f=void 0!==x&&x,m=n.onClose,g=n.onKeyDown,M=n.hideCrossIcon,b=n.footerAlignment,R=n.size,S=void 0===R?"MEDIUM":R,L=n.allowBackdropClose,z=void 0===L||L;n.width;var T=n.blur,j=void 0===T||T,A=n.backDropComponent,U=n.animationDuration,k=void 0===U?350:U,I=n.overflowY,D=void 0===I?"auto":I,B=n.styledModalWrapperCss,P=n.placement,F=void 0===P?"center":P,Y=n.bottomMargin,q=n.modalContentCss,O=n.variant,V=n.styleConfig,G=void 0===V?{}:V,K=e.__rest(n,["as","children","insidePortal","open","onClose","onKeyDown","hideCrossIcon","footerAlignment","size","allowBackdropClose","width","blur","backDropComponent","animationDuration","overflowY","styledModalWrapperCss","placement","bottomMargin","modalContentCss","variant","styleConfig"]),W=r.useTheme(),H=G.backdrop,X=G.childrenContainer,J=G.modalContainer,Q=G.root,Z=t.useRef(null),$=t.useRef({}),ee=t.useState(f),oe=ee[0],te=ee[1],ne=_.default(l,Z);t.useLayoutEffect((function(){var e=null;return f?te(!0):e=setTimeout((function(){return te(!1)}),k),function(){e&&clearTimeout(e)}}),[f,k]),t.useEffect((function(){return Z.current&&(Z.current.scrollTop=0),f&&($.current.modalRef=Z.current,w.mount({ref:$.current.modalRef})),function(){f&&(w.remove({ref:$.current.modalRef||null}),$.current.modalRef=Z.current)}}),[f]);if(!oe||!v.default.isValidElement(u))return null;var re=S===exports.ModalSize.FULL_SCREEN?{height:"100vh",width:"100vw"}:{};return o.jsx(s.Portal,e.__assign({disablePortal:!h},{children:o.jsx(i.FocusLock,{children:o.jsx(d.Container,e.__assign({position:"fixed",zIndex:W.zIndex.modal,css:e.__assign({inset:0},re)},Q,K,{children:o.jsxs(N,e.__assign({size:S,as:c,theme:W,overflowY:D,onKeyDown:function(e){g&&g(e),"Escape"===e.key&&(e.stopPropagation(),m&&m(e))},ref:ne,styledModalWrapperCss:B,placement:F,bottomMargin:Y},J,{children:[A||o.jsx(E,e.__assign({open:f,blur:j,transitionDuration:350,onClick:function(e){e.target===e.currentTarget&&z&&m&&m(e)},variant:O},H)),o.jsx(a.Transition,e.__assign({type:S===exports.ModalSize.FULL_SCREEN?"slide":"fade",slideDirection:"up",in:f,timeout:k},{children:o.jsx(d.Container,e.__assign({className:null==X?void 0:X.className,css:C({theme:W,size:S,blur:j,overflowY:D,modalContentCss:(null==X?void 0:X.css)||q,variant:O})},{children:o.jsx(y.Provider,e.__assign({value:{footerAlignment:b,hideCrossIcon:M,onClose:m,size:S}},{children:v.default.cloneElement(u,e.__assign({onClose:m},u.props))}))}))}))]}))}))})}))})),S=t.forwardRef((function(t,n){var s=t||{},i=s.wrapperCss,a=s.isBack,l=s.children,c=s.variant,p=void 0===c?exports.ModalVariant.NEUTRAL:c,h=s.isCenter,x=s.isTop,f=void 0===x||x,m=e.__rest(s,["wrapperCss","isBack","children","variant","isCenter","isTop"]),v=m.onClose,g=function(o){var t=o.theme,n=o.isLeft,r=void 0!==n&&n,s=o.variant,i=void 0===s?"neutral":s,a=o.isCenter,l=o.isTop;return e.__assign({position:"absolute",right:a?"50%":r?"unset":0,transform:a?"translateX(50%)":"none",background:i===exports.ModalVariant.DARK?t.color.background.primary:t.color.background.neutral,height:"32px",width:"32px",display:"flex",alignItems:"center",padding:t.spacing[1],borderRadius:"40px",cursor:"pointer"},l?{top:"-42px"}:{bottom:"-42px"})}({theme:r.useTheme(),isLeft:a,variant:p,isCenter:h,isTop:f}),_=function(e,t){return void 0===e&&(e=!1),void 0===t&&(t=exports.ModalVariant.NEUTRAL),e?o.jsx(u.ModalBack,{}):t===exports.ModalVariant.DARK?o.jsx(u.Cross,{height:24,width:24,crossColor:"rgba(255, 255, 255, 1)"}):o.jsx(u.Cross,{height:24,width:24,crossColor:"#1A1A1A"})}(a,p);return o.jsx(R,e.__assign({ref:n,blur:!0,size:"NONE",insidePortal:!0,variant:p,overflowY:"unset"},m,{children:o.jsxs(d.Container,e.__assign({className:"p-relative"},{children:[o.jsx(d.Container,e.__assign({css:e.__assign({},i)},{children:o.jsx(d.Container,e.__assign({css:e.__assign({},g),onClick:function(e){v(e)}},{children:_}))})),l]}))}))}));exports.Backdrop=E,exports.Modal=R,exports.ModalAction=function(n){var s=n.children,i=n.css,a=n.className,l=t.useContext(y).footerAlignment,c={start:"flex-start",end:"flex-end",center:"center"}[void 0===l?"end":l],u=r.useTheme();return o.jsx(d.Container,e.__assign({display:"flex",justifyContent:c,className:a,css:e.__assign(e.__assign({},i),{padding:"16px 24px 16px 24px",boxShadow:u.elevation.topE1})},{children:s}))},exports.ModalContainer=function(n){var r=n.children,s=n.css,i=n.className,a=t.useContext(y).size;return o.jsx(c.Box,e.__assign({boxSize:"zero",css:e.__assign({maxHeight:"FULL_SCREEN"===a?"100%":"calc(100vh - 128px)",overflowY:"auto",height:"FULL_SCREEN"===a?"100%":void 0},s),className:i},{children:r}))},exports.ModalContent=function(t){var n=t.children,r=t.css,s=t.styleConfig,i=void 0===s?{}:s,a=i.innerBox,l=i.root;return o.jsx(c.Box,e.__assign({boxSize:"zero",className:null==l?void 0:l.className,css:e.__assign({overflowY:"auto",flex:"1 1 auto"},(null==l?void 0:l.css)||r)},{children:o.jsx(c.Box,e.__assign({boxSize:"xLarge",className:null==a?void 0:a.className,css:e.__assign({padding:"16px 24px",width:"100%"},null==a?void 0:a.css)},{children:n}))}))},exports.ModalTitle=function(n){var s=n.children,i=n.styleConfig,a=void 0===i?{}:i,l=r.useTheme(),c=a.root,h=a.childrenTypography,x=a.iconContainer,f=a.crossIcon,m=t.useContext(y),v=m.hideCrossIcon,g=m.onClose,_="FULL_SCREEN"===m.size?"22px 28px":"24px 24px 16px 24px";return o.jsxs(d.Container,e.__assign({display:"flex",justifyContent:"space-between",className:null==c?void 0:c.className,css:e.__assign({padding:_,boxShadow:l.elevation.bottomE1},null==c?void 0:c.css)},{children:[o.jsx(p.Typography,e.__assign({variant:"HM2",styleConfig:h},{children:s})),!v&&o.jsx(d.Container,e.__assign({cursor:"pointer",onClick:g,marginTop:l.spacing[1],marginRight:l.spacing[1],className:null==x?void 0:x.className,css:null==x?void 0:x.css},{children:o.jsx(u.Cross,e.__assign({height:24,width:24,crossColor:l.color.text.heading},f))}))]}))},exports.ModalWithCloseOverlay=S;
 //# sourceMappingURL=ct-design-modal.browser.cjs.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ct-design-modal.browser.cjs.js","sources":["../packages/components/Modal/src/type.ts","../packages/components/Modal/src/style.ts","../packages/components/Modal/src/Backdrop/Backdrop.tsx","../packages/components/Modal/src/Backdrop/style.ts","../packages/components/Modal/src/ModalContext.ts","../packages/components/Modal/src/Handler.ts","../packages/components/Modal/src/Modal.tsx","../packages/components/Modal/src/ModalsUsableComponents/ModalWithCloseOverlay.tsx","../packages/components/Modal/src/ModalsUsableComponents/style.ts","../packages/components/Modal/src/ModalAction/ModalAction.tsx","../packages/components/Modal/src/ModalContainer/ModalContainer.tsx","../packages/components/Modal/src/ModalContent/ModalContent.tsx","../packages/components/Modal/src/ModalTitle/ModalTitle.tsx"],"sourcesContent":[null,null,null,null,null,null,null,null,null,null,null,null,null],"names":["ModalSize","getModalChildContainerStyle","_a","theme","size","blur","overflowY","modalContentCss","__assign","boxSizing","borderRadius","FULL_SCREEN","spacing","borderBottomLeftRadius","borderBottomRightRadius","backgroundColor","color","background","neutral","maxHeight","boxShadow","concat","elevation","modalBlurLight","modalBlurMedium","modalBlurHeavy","SMALL","width","LARGE","height","minHeight","minWidth","NONE","BIG","REGULAR","MEDIUM","getModalSizeStyles","StyledBackdrop","styled","default","div","css","__rest","position","display","alignItems","justifyContent","backdropFilter","zIndex","inset","getBackdropStyles","Backdrop","forwardRef","forwardedRef","children","open","transitionDuration","className","rest","useTheme","_jsx","Transition","in","timeout","type","jsx","ref","ModalContext","createContext","footerAlignment","hideCrossIcon","onClose","Handler","this","parent","handleStyle","parentNode","prevStyle","style","overflow","restoreStyle","prototype","mount","modal","parentIndex","findIndex","node","modals","push","parent_1","getTopModal","document","body","length","remove","find","_modal","StyledModal","_b","_c","_d","styledModalWrapperCss","_e","flexDirection","margin","getModalStyles","handler","Modal","as","insidePortal","onKeyDown","allowBackdropClose","_f","backDropComponent","_g","animationDuration","_h","_j","styleConfig","backdrop","childrenContainer","modalContainer","root","modalRef","useRef","containerRef","_k","useState","isOpen","setIsOpen","handleRef","useMergeRefs","useLayoutEffect","timeoutId","setTimeout","clearTimeout","useEffect","current","scrollTop","React","isValidElement","fullScreenStyle","Portal","disablePortal","FocusLock","Container","_jsxs","event","key","stopPropagation","onClick","target","currentTarget","slideDirection","Provider","value","cloneElement","props","ModalWithCloseOverlay","wrapperCss","isBack","closeButtonStyles","isLeft","top","right","padding","cursor","getCloseButtonStyle","CloseIcon","ModalBack","Cross","crossColor","getCloseIcon","jsxs","_Fragment","Fragment","e","useContext","alignment","start","end","center","topE1","Box","boxSize","undefined","innerBox","flex","childrenTypography","iconContainer","crossIcon","bottomE1","Typography","variant","marginTop","marginRight","text","heading"],"mappings":"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"}
+{"version":3,"file":"ct-design-modal.browser.cjs.js","sources":["../packages/components/Modal/src/type.ts","../packages/components/Modal/src/style.ts","../packages/components/Modal/src/Backdrop/Backdrop.tsx","../packages/components/Modal/src/Backdrop/style.ts","../packages/components/Modal/src/ModalContext.ts","../packages/components/Modal/src/Handler.ts","../packages/components/Modal/src/Modal.tsx","../packages/components/Modal/src/ModalsUsableComponents/ModalWithCloseOverlay.tsx","../packages/components/Modal/src/ModalsUsableComponents/style.ts","../packages/components/Modal/src/ModalAction/ModalAction.tsx","../packages/components/Modal/src/ModalContainer/ModalContainer.tsx","../packages/components/Modal/src/ModalContent/ModalContent.tsx","../packages/components/Modal/src/ModalTitle/ModalTitle.tsx"],"sourcesContent":[null,null,null,null,null,null,null,null,null,null,null,null,null],"names":["ModalSize","ModalVariant","ModalPlacement","getModalChildContainerStyle","_a","theme","size","blur","overflowY","modalContentCss","variant","__assign","boxSizing","borderRadius","FULL_SCREEN","spacing","borderBottomLeftRadius","borderBottomRightRadius","backgroundColor","DARK","color","background","primary","neutral","maxHeight","boxShadow","concat","elevation","modalBlurLight","modalBlurMedium","modalBlurHeavy","SMALL","width","LARGE","height","minHeight","minWidth","NONE","BIG","REGULAR","MEDIUM","getModalSizeStyles","StyledBackdrop","styled","default","div","css","__rest","position","display","alignItems","justifyContent","backdropFilter","zIndex","inset","getBackdropStyles","Backdrop","forwardRef","forwardedRef","as","children","open","transitionDuration","className","_b","NEUTRAL","rest","useTheme","_jsx","Transition","in","timeout","type","ref","ModalContext","createContext","footerAlignment","hideCrossIcon","onClose","Handler","this","parent","handleStyle","parentNode","prevStyle","style","overflow","restoreStyle","prototype","mount","modal","parentIndex","findIndex","node","modals","push","parent_1","getTopModal","document","body","length","remove","find","_modal","StyledModal","_c","_d","styledModalWrapperCss","_e","_f","placement","CENTER","bottomMargin","flexDirection","margin","BOTTOM","paddingBottom","getModalStyles","handler","Modal","insidePortal","onKeyDown","allowBackdropClose","backDropComponent","_g","animationDuration","_h","_j","_k","styleConfig","backdrop","childrenContainer","modalContainer","root","modalRef","useRef","containerRef","_l","useState","isOpen","setIsOpen","handleRef","useMergeRefs","useLayoutEffect","timeoutId","setTimeout","clearTimeout","useEffect","current","scrollTop","React","isValidElement","fullScreenStyle","Portal","disablePortal","FocusLock","Container","_jsxs","event","key","stopPropagation","onClick","target","currentTarget","slideDirection","jsx","Provider","value","cloneElement","props","ModalWithCloseOverlay","wrapperCss","isBack","isCenter","isTop","closeButtonStyles","isLeft","right","transform","padding","cursor","top","bottom","getCloseButtonStyle","CloseIcon","ModalBack","Cross","crossColor","getCloseIcon","jsxs","e","useContext","alignment","start","end","center","topE1","Box","boxSize","undefined","innerBox","flex","childrenTypography","iconContainer","crossIcon","bottomE1","Typography","marginTop","marginRight","text","heading"],"mappings":"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"}

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

@@ -1,2 +1,2 @@
-import{__assign as e,__rest as o}from"tslib";import{jsx as n,jsxs as r,Fragment as t}from"react/jsx-runtime";import i,{forwardRef as s,createContext as l,useRef as a,useState as c,useLayoutEffect as d,useEffect as u,useContext as p}from"react";import f from"styled-components";import{useTheme as h}from"@cleartrip/ct-design-theme";import{Portal as m}from"@cleartrip/ct-design-portal";import{FocusLock as v}from"@cleartrip/ct-design-focus-lock";import{Transition as g}from"@cleartrip/ct-design-transition";import C from"@cleartrip/ct-design-use-merge-refs";import{Container as x}from"@cleartrip/ct-design-container";import{Box as y}from"@cleartrip/ct-design-box";import{Cross as w,ModalBack as E}from"@cleartrip/ct-design-icons";import{Typography as N}from"@cleartrip/ct-design-typography";var b;!function(e){e.SMALL="SMALL",e.MEDIUM="MEDIUM",e.LARGE="LARGE",e.FULL_SCREEN="FULL_SCREEN",e.NONE="NONE",e.REGULAR="REGULAR",e.BIG="BIG"}(b||(b={}));var L=function(o){var n=o.theme,r=o.size,t=o.blur,i=o.overflowY,s=o.modalContentCss;return e(e({boxSizing:"content-box",borderRadius:r===b.FULL_SCREEN?0:n.spacing[3],borderBottomLeftRadius:r===b.FULL_SCREEN?0:n.spacing[3],borderBottomRightRadius:r===b.FULL_SCREEN?0:n.spacing[3],backgroundColor:n.color.background.neutral,overflowY:i,maxHeight:r===b.FULL_SCREEN?"100vh":"calc(100vh - 64px)",boxShadow:t?"".concat(n.elevation.modalBlurLight,", ").concat(n.elevation.modalBlurMedium,", ").concat(n.elevation.modalBlurHeavy):"none"},function(e){switch(e){case b.SMALL:return{width:"360px"};case b.LARGE:return{width:"1032px"};case b.FULL_SCREEN:return{width:"100vw",height:"100vh",minHeight:"100vh",minWidth:"100%"};case b.NONE:return{};case b.BIG:return{width:"730px"};case b.REGULAR:return{width:"484px"};case b.MEDIUM:default:return{width:"504px"}}}(r)),s)},R=f.div((function(n){var r=n.css,t=n.theme,i=n.blur;return o(n,["css","theme","blur"]),e(e({},function(e){var o=e.blur;return{position:"fixed",display:"flex",alignItems:"center",justifyContent:"center",background:o?"rgba(26, 26, 26, 0.6);":"",backdropFilter:o?"blur(1px)":"none",zIndex:-1,inset:0}}({blur:i,theme:t})),r)})),S=s((function(r,t){r.as;var i=r.children,s=r.open,l=r.transitionDuration,a=r.css,c=r.className,d=o(r,["as","children","open","transitionDuration","css","className"]),u=h();return n(g,e({in:s,timeout:l,type:"fade"},{children:n(R,e({ref:t,css:a,theme:u,className:c},d,{children:i}))}))})),z=l({footerAlignment:"end",hideCrossIcon:!1,onClose:function(){},size:"MEDIUM"}),I=function(){function o(){this.parent=[]}return o.handleStyle=function(o){o.ref&&(o.prevStyle=e({},o.ref.style),o.ref.style.overflow="hidden")},o.restoreStyle=function(e){e.ref&&e.prevStyle&&(e.ref.style.overflow=e.prevStyle.overflow||"")},o.prototype.mount=function(e,n){if(void 0===n&&(n={ref:null}),n.ref){var r=this.parent.findIndex((function(e){return e.parentNode===n}));-1!==r?this.parent[r].modals.push(e):this.parent.push({parentNode:n,modals:[e]}),o.handleStyle(n)}else{var t=this.getTopModal();t.modals.push(e),o.handleStyle(t.parentNode),t.parentNode.ref!==document.body?this.parent.push({parentNode:e,modals:[]}):this.parent.push(t)}},o.prototype.getTopModal=function(){return this.parent.length?this.parent[this.parent.length-1]:{parentNode:{ref:document.body,prevStyle:document.body.style},modals:[]}},o.prototype.remove=function(e){var n=this.parent.find((function(o){return o.modals.find((function(o){return o.ref===e.ref}))}));n&&o.restoreStyle(n.parentNode)},o}(),M=f.div((function(n){var r=n.theme,t=n.size,i=void 0===t?"MEDIUM":t,s=n.overflowY,l=void 0===s?"auto":s,a=n.styledModalWrapperCss,c=void 0===a?{}:a,d=n.css,u=void 0===d?{}:d;return function(n){var r=n.theme;n.size;var t=n.overflowY,i=o(n,["theme","size","overflowY"]);return e({position:"relative",zIndex:r.zIndex.modal,overflowY:t,display:"flex",flexDirection:"column",margin:"auto",height:"100%",width:"100%",justifyContent:"center",alignItems:"center"},i)}(e(e({theme:r,size:i,overflowY:l},c),u))})),U=new I,D=s((function(t,s){var l=t.as,p=t.children,f=t.insidePortal,y=void 0===f||f,w=t.open,E=void 0!==w&&w,N=t.onClose,R=t.onKeyDown,I=t.hideCrossIcon,D=t.footerAlignment,k=t.size,A=void 0===k?"MEDIUM":k,Y=t.allowBackdropClose,B=void 0===Y||Y;t.width;var F=t.blur,_=void 0===F||F,G=t.backDropComponent,T=t.animationDuration,P=void 0===T?350:T,j=t.overflowY,H=void 0===j?"auto":j,W=t.styledModalWrapperCss,O=t.modalContentCss,K=t.styleConfig,V=void 0===K?{}:K,q=o(t,["as","children","insidePortal","open","onClose","onKeyDown","hideCrossIcon","footerAlignment","size","allowBackdropClose","width","blur","backDropComponent","animationDuration","overflowY","styledModalWrapperCss","modalContentCss","styleConfig"]),J=h(),Q=V.backdrop,X=V.childrenContainer,Z=V.modalContainer,$=V.root,ee=a(null),oe=a({}),ne=c(E),re=ne[0],te=ne[1],ie=C(s,ee);d((function(){var e=null;return E?te(!0):e=setTimeout((function(){return te(!1)}),P),function(){e&&clearTimeout(e)}}),[E,P]),u((function(){return ee.current&&(ee.current.scrollTop=0),E&&(oe.current.modalRef=ee.current,U.mount({ref:oe.current.modalRef})),function(){E&&(U.remove({ref:oe.current.modalRef||null}),oe.current.modalRef=ee.current)}}),[E]);if(!re||!i.isValidElement(p))return null;var se=A===b.FULL_SCREEN?{height:"100vh",width:"100vw"}:{};return n(m,e({disablePortal:!y},{children:n(v,{children:n(x,e({position:"fixed",zIndex:J.zIndex.modal,css:e({inset:0},se)},$,q,{children:r(M,e({size:A,as:l,theme:J,overflowY:H,onKeyDown:function(e){R&&R(e),"Escape"===e.key&&(e.stopPropagation(),N&&N(e))},ref:ie,styledModalWrapperCss:W},Z,{children:[G||n(S,e({open:E,blur:_,transitionDuration:350,onClick:function(e){e.target===e.currentTarget&&B&&N&&N(e)}},Q)),n(g,e({type:A===b.FULL_SCREEN?"slide":"fade",slideDirection:"up",in:E,timeout:P},{children:n(x,e({className:null==X?void 0:X.className,css:L({theme:J,size:A,blur:_,overflowY:H,modalContentCss:(null==X?void 0:X.css)||O})},{children:n(z.Provider,e({value:{footerAlignment:D,hideCrossIcon:I,onClose:N,size:A}},{children:i.cloneElement(p,e({onClose:N},p.props))}))}))}))]}))}))})}))})),k=function(o){var r=o.children,t=o.css,i=o.className,s=p(z).footerAlignment,l={start:"flex-start",end:"flex-end",center:"center"}[void 0===s?"end":s],a=h();return n(x,e({display:"flex",justifyContent:l,className:i,css:e(e({},t),{padding:"16px 24px 16px 24px",boxShadow:a.elevation.topE1})},{children:r}))},A=function(o){var r=o.children,t=o.css,i=o.className,s=p(z).size;return n(y,e({boxSize:"zero",css:e({maxHeight:"FULL_SCREEN"===s?"100%":"calc(100vh - 128px)",overflowY:"auto",height:"FULL_SCREEN"===s?"100%":void 0},t),className:i},{children:r}))},Y=function(o){var r=o.children,t=o.css,i=o.styleConfig,s=void 0===i?{}:i,l=s.innerBox,a=s.root;return n(y,e({boxSize:"zero",className:null==a?void 0:a.className,css:e({overflowY:"auto",flex:"1 1 auto"},(null==a?void 0:a.css)||t)},{children:n(y,e({boxSize:"xLarge",className:null==l?void 0:l.className,css:e({padding:"16px 24px",width:"100%"},null==l?void 0:l.css)},{children:r}))}))},B=function(o){var t=o.children,i=o.styleConfig,s=void 0===i?{}:i,l=h(),a=s.root,c=s.childrenTypography,d=s.iconContainer,u=s.crossIcon,f=p(z),m=f.hideCrossIcon,v=f.onClose,g="FULL_SCREEN"===f.size?"22px 28px":"24px 24px 16px 24px";return r(x,e({display:"flex",justifyContent:"space-between",className:null==a?void 0:a.className,css:e({padding:g,boxShadow:l.elevation.bottomE1},null==a?void 0:a.css)},{children:[n(N,e({variant:"HM2",styleConfig:c},{children:t})),!m&&n(x,e({cursor:"pointer",onClick:v,marginTop:l.spacing[1],marginRight:l.spacing[1],className:null==d?void 0:d.className,css:null==d?void 0:d.css},{children:n(w,e({height:24,width:24,crossColor:l.color.text.heading},u))}))]}))},F=s((function(i,s){var l=i||{},a=l.wrapperCss,c=l.isBack,d=l.children,u=o(l,["wrapperCss","isBack","children"]),p=u.onClose,f=function(e){var o=e.theme,n=e.isLeft;return{position:"absolute",top:"-42px",right:void 0!==n&&n?"unset":0,background:"white",height:"32px",width:"32px",display:"flex",alignItems:"center",padding:o.spacing[1],borderRadius:"40px",cursor:"pointer"}}({theme:h(),isLeft:c}),m=function(e){return void 0===e&&(e=!1),e?n(E,{}):n(w,{height:24,width:24,crossColor:"#1A1A1A"})}(c);return n(D,e({ref:s,blur:!0,size:"NONE",insidePortal:!0,overflowY:"unset"},u,{children:r(t,{children:[n(x,e({position:"relative",css:e({},a)},{children:n(x,e({css:e({},f),onClick:function(e){p(e)}},{children:m}))})),d]})}))}));export{S as Backdrop,D as Modal,k as ModalAction,A as ModalContainer,Y as ModalContent,b as ModalSize,B as ModalTitle,F as ModalWithCloseOverlay};
+import{__assign as e,__rest as o}from"tslib";import{jsx as n,jsxs as t}from"react/jsx-runtime";import r,{forwardRef as i,createContext as a,useRef as s,useState as l,useLayoutEffect as c,useEffect as d,useContext as p}from"react";import u from"styled-components";import{useTheme as m}from"@cleartrip/ct-design-theme";import{Portal as f}from"@cleartrip/ct-design-portal";import{FocusLock as h}from"@cleartrip/ct-design-focus-lock";import{Transition as v}from"@cleartrip/ct-design-transition";import g from"@cleartrip/ct-design-use-merge-refs";import{Container as C}from"@cleartrip/ct-design-container";import{Box as x}from"@cleartrip/ct-design-box";import{Cross as E,ModalBack as b}from"@cleartrip/ct-design-icons";import{Typography as N}from"@cleartrip/ct-design-typography";var y,w,L;!function(e){e.SMALL="SMALL",e.MEDIUM="MEDIUM",e.LARGE="LARGE",e.FULL_SCREEN="FULL_SCREEN",e.NONE="NONE",e.REGULAR="REGULAR",e.BIG="BIG"}(y||(y={})),function(e){e.DARK="dark",e.NEUTRAL="neutral"}(w||(w={})),function(e){e.CENTER="center",e.BOTTOM="bottom"}(L||(L={}));var R=function(o){var n=o.theme,t=o.size,r=o.blur,i=o.overflowY,a=o.modalContentCss,s=o.variant;return e(e({boxSizing:"content-box",borderRadius:t===y.FULL_SCREEN?0:n.spacing[3],borderBottomLeftRadius:t===y.FULL_SCREEN?0:n.spacing[3],borderBottomRightRadius:t===y.FULL_SCREEN?0:n.spacing[3],backgroundColor:s===w.DARK?n.color.background.primary:n.color.background.neutral,overflowY:i,maxHeight:t===y.FULL_SCREEN?"100vh":"calc(100vh - 64px)",boxShadow:r?"".concat(n.elevation.modalBlurLight,", ").concat(n.elevation.modalBlurMedium,", ").concat(n.elevation.modalBlurHeavy):"none"},function(e){switch(e){case y.SMALL:return{width:"360px"};case y.LARGE:return{width:"1032px"};case y.FULL_SCREEN:return{width:"100vw",height:"100vh",minHeight:"100vh",minWidth:"100%"};case y.NONE:return{};case y.BIG:return{width:"730px"};case y.REGULAR:return{width:"484px"};case y.MEDIUM:default:return{width:"504px"}}}(t)),a)},M=u.div((function(n){var t=n.css,r=n.theme,i=n.blur,a=n.variant;return o(n,["css","theme","blur","variant"]),e(e({},function(e){var o=e.blur;return{position:"fixed",display:"flex",alignItems:"center",justifyContent:"center",background:o?"rgba(26, 26, 26, 0.6);":"",backdropFilter:e.variant!==w.DARK&&o?"(1px)":"none",zIndex:-1,inset:0}}({blur:i,theme:r,variant:a})),t)})),S=i((function(t,r){t.as;var i=t.children,a=t.open,s=t.transitionDuration,l=t.css,c=t.className,d=t.variant,p=void 0===d?w.NEUTRAL:d,u=o(t,["as","children","open","transitionDuration","css","className","variant"]),f=m();return n(v,e({in:a,timeout:s,type:"fade"},{children:n(M,e({ref:r,css:l,theme:f,className:c,variant:p},u,{children:i}))}))})),A=a({footerAlignment:"end",hideCrossIcon:!1,onClose:function(){},size:"MEDIUM"}),T=function(){function o(){this.parent=[]}return o.handleStyle=function(o){o.ref&&(o.prevStyle=e({},o.ref.style),o.ref.style.overflow="hidden")},o.restoreStyle=function(e){e.ref&&e.prevStyle&&(e.ref.style.overflow=e.prevStyle.overflow||"")},o.prototype.mount=function(e,n){if(void 0===n&&(n={ref:null}),n.ref){var t=this.parent.findIndex((function(e){return e.parentNode===n}));-1!==t?this.parent[t].modals.push(e):this.parent.push({parentNode:n,modals:[e]}),o.handleStyle(n)}else{var r=this.getTopModal();r.modals.push(e),o.handleStyle(r.parentNode),r.parentNode.ref!==document.body?this.parent.push({parentNode:e,modals:[]}):this.parent.push(r)}},o.prototype.getTopModal=function(){return this.parent.length?this.parent[this.parent.length-1]:{parentNode:{ref:document.body,prevStyle:document.body.style},modals:[]}},o.prototype.remove=function(e){var n=this.parent.find((function(o){return o.modals.find((function(o){return o.ref===e.ref}))}));n&&o.restoreStyle(n.parentNode)},o}(),z=u.div((function(n){var t=n.theme,r=n.size,i=void 0===r?"MEDIUM":r,a=n.overflowY,s=void 0===a?"auto":a,l=n.styledModalWrapperCss,c=void 0===l?{}:l,d=n.css,p=void 0===d?{}:d,u=n.placement,m=void 0===u?L.CENTER:u,f=n.bottomMargin;return function(n){var t=n.theme;n.size;var r=n.overflowY,i=n.placement,a=n.bottomMargin,s=o(n,["theme","size","overflowY","placement","bottomMargin"]);return e({position:"relative",zIndex:t.zIndex.modal,overflowY:r,display:"flex",flexDirection:"column",margin:"auto",height:"100%",width:"100%",justifyContent:i===L.BOTTOM?"flex-end":L.CENTER,alignItems:L.CENTER,paddingBottom:i===L.BOTTOM?a||"188px":"0"},s)}(e(e(e({theme:t,size:i,overflowY:s},c),{placement:m,bottomMargin:f}),p))})),U=new T,I=i((function(i,a){var p=i.as,u=i.children,x=i.insidePortal,E=void 0===x||x,b=i.open,N=void 0!==b&&b,w=i.onClose,L=i.onKeyDown,M=i.hideCrossIcon,T=i.footerAlignment,I=i.size,D=void 0===I?"MEDIUM":I,k=i.allowBackdropClose,B=void 0===k||k;i.width;var Y=i.blur,F=void 0===Y||Y,_=i.backDropComponent,O=i.animationDuration,G=void 0===O?350:O,K=i.overflowY,P=void 0===K?"auto":K,j=i.styledModalWrapperCss,H=i.placement,W=void 0===H?"center":H,V=i.bottomMargin,X=i.modalContentCss,q=i.variant,J=i.styleConfig,Q=void 0===J?{}:J,Z=o(i,["as","children","insidePortal","open","onClose","onKeyDown","hideCrossIcon","footerAlignment","size","allowBackdropClose","width","blur","backDropComponent","animationDuration","overflowY","styledModalWrapperCss","placement","bottomMargin","modalContentCss","variant","styleConfig"]),$=m(),ee=Q.backdrop,oe=Q.childrenContainer,ne=Q.modalContainer,te=Q.root,re=s(null),ie=s({}),ae=l(N),se=ae[0],le=ae[1],ce=g(a,re);c((function(){var e=null;return N?le(!0):e=setTimeout((function(){return le(!1)}),G),function(){e&&clearTimeout(e)}}),[N,G]),d((function(){return re.current&&(re.current.scrollTop=0),N&&(ie.current.modalRef=re.current,U.mount({ref:ie.current.modalRef})),function(){N&&(U.remove({ref:ie.current.modalRef||null}),ie.current.modalRef=re.current)}}),[N]);if(!se||!r.isValidElement(u))return null;var de=D===y.FULL_SCREEN?{height:"100vh",width:"100vw"}:{};return n(f,e({disablePortal:!E},{children:n(h,{children:n(C,e({position:"fixed",zIndex:$.zIndex.modal,css:e({inset:0},de)},te,Z,{children:t(z,e({size:D,as:p,theme:$,overflowY:P,onKeyDown:function(e){L&&L(e),"Escape"===e.key&&(e.stopPropagation(),w&&w(e))},ref:ce,styledModalWrapperCss:j,placement:W,bottomMargin:V},ne,{children:[_||n(S,e({open:N,blur:F,transitionDuration:350,onClick:function(e){e.target===e.currentTarget&&B&&w&&w(e)},variant:q},ee)),n(v,e({type:D===y.FULL_SCREEN?"slide":"fade",slideDirection:"up",in:N,timeout:G},{children:n(C,e({className:null==oe?void 0:oe.className,css:R({theme:$,size:D,blur:F,overflowY:P,modalContentCss:(null==oe?void 0:oe.css)||X,variant:q})},{children:n(A.Provider,e({value:{footerAlignment:T,hideCrossIcon:M,onClose:w,size:D}},{children:r.cloneElement(u,e({onClose:w},u.props))}))}))}))]}))}))})}))})),D=function(o){var t=o.children,r=o.css,i=o.className,a=p(A).footerAlignment,s={start:"flex-start",end:"flex-end",center:"center"}[void 0===a?"end":a],l=m();return n(C,e({display:"flex",justifyContent:s,className:i,css:e(e({},r),{padding:"16px 24px 16px 24px",boxShadow:l.elevation.topE1})},{children:t}))},k=function(o){var t=o.children,r=o.css,i=o.className,a=p(A).size;return n(x,e({boxSize:"zero",css:e({maxHeight:"FULL_SCREEN"===a?"100%":"calc(100vh - 128px)",overflowY:"auto",height:"FULL_SCREEN"===a?"100%":void 0},r),className:i},{children:t}))},B=function(o){var t=o.children,r=o.css,i=o.styleConfig,a=void 0===i?{}:i,s=a.innerBox,l=a.root;return n(x,e({boxSize:"zero",className:null==l?void 0:l.className,css:e({overflowY:"auto",flex:"1 1 auto"},(null==l?void 0:l.css)||r)},{children:n(x,e({boxSize:"xLarge",className:null==s?void 0:s.className,css:e({padding:"16px 24px",width:"100%"},null==s?void 0:s.css)},{children:t}))}))},Y=function(o){var r=o.children,i=o.styleConfig,a=void 0===i?{}:i,s=m(),l=a.root,c=a.childrenTypography,d=a.iconContainer,u=a.crossIcon,f=p(A),h=f.hideCrossIcon,v=f.onClose,g="FULL_SCREEN"===f.size?"22px 28px":"24px 24px 16px 24px";return t(C,e({display:"flex",justifyContent:"space-between",className:null==l?void 0:l.className,css:e({padding:g,boxShadow:s.elevation.bottomE1},null==l?void 0:l.css)},{children:[n(N,e({variant:"HM2",styleConfig:c},{children:r})),!h&&n(C,e({cursor:"pointer",onClick:v,marginTop:s.spacing[1],marginRight:s.spacing[1],className:null==d?void 0:d.className,css:null==d?void 0:d.css},{children:n(E,e({height:24,width:24,crossColor:s.color.text.heading},u))}))]}))},F=i((function(r,i){var a=r||{},s=a.wrapperCss,l=a.isBack,c=a.children,d=a.variant,p=void 0===d?w.NEUTRAL:d,u=a.isCenter,f=a.isTop,h=void 0===f||f,v=o(a,["wrapperCss","isBack","children","variant","isCenter","isTop"]),g=v.onClose,x=function(o){var n=o.theme,t=o.isLeft,r=void 0!==t&&t,i=o.variant,a=void 0===i?"neutral":i,s=o.isCenter,l=o.isTop;return e({position:"absolute",right:s?"50%":r?"unset":0,transform:s?"translateX(50%)":"none",background:a===w.DARK?n.color.background.primary:n.color.background.neutral,height:"32px",width:"32px",display:"flex",alignItems:"center",padding:n.spacing[1],borderRadius:"40px",cursor:"pointer"},l?{top:"-42px"}:{bottom:"-42px"})}({theme:m(),isLeft:l,variant:p,isCenter:u,isTop:h}),N=function(e,o){return void 0===e&&(e=!1),void 0===o&&(o=w.NEUTRAL),e?n(b,{}):o===w.DARK?n(E,{height:24,width:24,crossColor:"rgba(255, 255, 255, 1)"}):n(E,{height:24,width:24,crossColor:"#1A1A1A"})}(l,p);return n(I,e({ref:i,blur:!0,size:"NONE",insidePortal:!0,variant:p,overflowY:"unset"},v,{children:t(C,e({className:"p-relative"},{children:[n(C,e({css:e({},s)},{children:n(C,e({css:e({},x),onClick:function(e){g(e)}},{children:N}))})),c]}))}))}));export{S as Backdrop,I as Modal,D as ModalAction,k as ModalContainer,B as ModalContent,L as ModalPlacement,y as ModalSize,Y as ModalTitle,w as ModalVariant,F as ModalWithCloseOverlay};
 //# sourceMappingURL=ct-design-modal.browser.esm.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ct-design-modal.browser.esm.js","sources":["../packages/components/Modal/src/type.ts","../packages/components/Modal/src/style.ts","../packages/components/Modal/src/Backdrop/Backdrop.tsx","../packages/components/Modal/src/Backdrop/style.ts","../packages/components/Modal/src/ModalContext.ts","../packages/components/Modal/src/Handler.ts","../packages/components/Modal/src/Modal.tsx","../packages/components/Modal/src/ModalAction/ModalAction.tsx","../packages/components/Modal/src/ModalContainer/ModalContainer.tsx","../packages/components/Modal/src/ModalContent/ModalContent.tsx","../packages/components/Modal/src/ModalTitle/ModalTitle.tsx","../packages/components/Modal/src/ModalsUsableComponents/ModalWithCloseOverlay.tsx","../packages/components/Modal/src/ModalsUsableComponents/style.ts"],"sourcesContent":[null,null,null,null,null,null,null,null,null,null,null,null,null],"names":["ModalSize","getModalChildContainerStyle","_a","theme","size","blur","overflowY","modalContentCss","__assign","boxSizing","borderRadius","FULL_SCREEN","spacing","borderBottomLeftRadius","borderBottomRightRadius","backgroundColor","color","background","neutral","maxHeight","boxShadow","concat","elevation","modalBlurLight","modalBlurMedium","modalBlurHeavy","SMALL","width","LARGE","height","minHeight","minWidth","NONE","BIG","REGULAR","MEDIUM","getModalSizeStyles","StyledBackdrop","styled","div","css","__rest","position","display","alignItems","justifyContent","backdropFilter","zIndex","inset","getBackdropStyles","Backdrop","forwardRef","forwardedRef","children","open","transitionDuration","className","rest","useTheme","_jsx","Transition","in","timeout","type","ref","ModalContext","createContext","footerAlignment","hideCrossIcon","onClose","Handler","this","parent","handleStyle","parentNode","prevStyle","style","overflow","restoreStyle","prototype","mount","modal","parentIndex","findIndex","node","modals","push","parent_1","getTopModal","document","body","length","remove","find","_modal","StyledModal","_b","_c","_d","styledModalWrapperCss","_e","flexDirection","margin","getModalStyles","handler","Modal","as","insidePortal","onKeyDown","allowBackdropClose","_f","backDropComponent","_g","animationDuration","_h","_j","styleConfig","backdrop","childrenContainer","modalContainer","root","modalRef","useRef","containerRef","_k","useState","isOpen","setIsOpen","handleRef","useMergeRefs","useLayoutEffect","timeoutId","setTimeout","clearTimeout","useEffect","current","scrollTop","React","isValidElement","fullScreenStyle","Portal","disablePortal","FocusLock","Container","_jsxs","event","key","stopPropagation","onClick","target","currentTarget","slideDirection","Provider","value","cloneElement","props","ModalAction","useContext","alignment","start","end","center","padding","topE1","ModalContainer","Box","boxSize","undefined","ModalContent","innerBox","flex","ModalTitle","childrenTypography","iconContainer","crossIcon","bottomE1","Typography","variant","cursor","marginTop","marginRight","Cross","crossColor","text","heading","ModalWithCloseOverlay","wrapperCss","isBack","closeButtonStyles","isLeft","top","right","getCloseButtonStyle","CloseIcon","ModalBack","getCloseIcon","_Fragment","e"],"mappings":"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"}
+{"version":3,"file":"ct-design-modal.browser.esm.js","sources":["../packages/components/Modal/src/type.ts","../packages/components/Modal/src/style.ts","../packages/components/Modal/src/Backdrop/Backdrop.tsx","../packages/components/Modal/src/Backdrop/style.ts","../packages/components/Modal/src/ModalContext.ts","../packages/components/Modal/src/Handler.ts","../packages/components/Modal/src/Modal.tsx","../packages/components/Modal/src/ModalAction/ModalAction.tsx","../packages/components/Modal/src/ModalContainer/ModalContainer.tsx","../packages/components/Modal/src/ModalContent/ModalContent.tsx","../packages/components/Modal/src/ModalTitle/ModalTitle.tsx","../packages/components/Modal/src/ModalsUsableComponents/ModalWithCloseOverlay.tsx","../packages/components/Modal/src/ModalsUsableComponents/style.ts"],"sourcesContent":[null,null,null,null,null,null,null,null,null,null,null,null,null],"names":["ModalSize","ModalVariant","ModalPlacement","getModalChildContainerStyle","_a","theme","size","blur","overflowY","modalContentCss","variant","__assign","boxSizing","borderRadius","FULL_SCREEN","spacing","borderBottomLeftRadius","borderBottomRightRadius","backgroundColor","DARK","color","background","primary","neutral","maxHeight","boxShadow","concat","elevation","modalBlurLight","modalBlurMedium","modalBlurHeavy","SMALL","width","LARGE","height","minHeight","minWidth","NONE","BIG","REGULAR","MEDIUM","getModalSizeStyles","StyledBackdrop","styled","div","css","__rest","position","display","alignItems","justifyContent","backdropFilter","zIndex","inset","getBackdropStyles","Backdrop","forwardRef","forwardedRef","as","children","open","transitionDuration","className","_b","NEUTRAL","rest","useTheme","_jsx","Transition","in","timeout","type","ref","ModalContext","createContext","footerAlignment","hideCrossIcon","onClose","Handler","this","parent","handleStyle","parentNode","prevStyle","style","overflow","restoreStyle","prototype","mount","modal","parentIndex","findIndex","node","modals","push","parent_1","getTopModal","document","body","length","remove","find","_modal","StyledModal","_c","_d","styledModalWrapperCss","_e","_f","placement","CENTER","bottomMargin","flexDirection","margin","BOTTOM","paddingBottom","getModalStyles","handler","Modal","insidePortal","onKeyDown","allowBackdropClose","backDropComponent","_g","animationDuration","_h","_j","_k","styleConfig","backdrop","childrenContainer","modalContainer","root","modalRef","useRef","containerRef","_l","useState","isOpen","setIsOpen","handleRef","useMergeRefs","useLayoutEffect","timeoutId","setTimeout","clearTimeout","useEffect","current","scrollTop","React","isValidElement","fullScreenStyle","Portal","disablePortal","FocusLock","Container","_jsxs","event","key","stopPropagation","onClick","target","currentTarget","slideDirection","Provider","value","cloneElement","props","ModalAction","useContext","alignment","start","end","center","padding","topE1","ModalContainer","Box","boxSize","undefined","ModalContent","innerBox","flex","ModalTitle","childrenTypography","iconContainer","crossIcon","bottomE1","Typography","cursor","marginTop","marginRight","Cross","crossColor","text","heading","ModalWithCloseOverlay","wrapperCss","isBack","isCenter","isTop","closeButtonStyles","isLeft","right","transform","top","bottom","getCloseButtonStyle","CloseIcon","ModalBack","getCloseIcon","e"],"mappings":"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"}

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

@@ -30,6 +30,16 @@ exports.ModalSize = void 0;
     ModalSize["REGULAR"] = "REGULAR";
     ModalSize["BIG"] = "BIG";
 })(exports.ModalSize || (exports.ModalSize = {}));
+exports.ModalVariant = void 0;
+(function (ModalVariant) {
+    ModalVariant["DARK"] = "dark";
+    ModalVariant["NEUTRAL"] = "neutral";
+})(exports.ModalVariant || (exports.ModalVariant = {}));
+exports.ModalPlacement = void 0;
+(function (ModalPlacement) {
+    ModalPlacement["CENTER"] = "center";
+    ModalPlacement["BOTTOM"] = "bottom";
+})(exports.ModalPlacement || (exports.ModalPlacement = {}));
 
 var getModalSizeStyles = function (size) {
     switch (size) {
@@ -73,38 +83,38 @@ var getModalSizeStyles = function (size) {
     }
 };
 var getModalChildContainerStyle = function (_a) {
-    var theme = _a.theme, size = _a.size, blur = _a.blur, overflowY = _a.overflowY, modalContentCss = _a.modalContentCss;
-    return (tslib.__assign(tslib.__assign({ boxSizing: 'content-box', borderRadius: size === exports.ModalSize.FULL_SCREEN ? 0 : theme.spacing['3'], borderBottomLeftRadius: size === exports.ModalSize.FULL_SCREEN ? 0 : theme.spacing['3'], borderBottomRightRadius: size === exports.ModalSize.FULL_SCREEN ? 0 : theme.spacing['3'], backgroundColor: theme.color.background.neutral, overflowY: overflowY, maxHeight: size === exports.ModalSize.FULL_SCREEN ? '100vh' : "calc(100vh - 64px)", boxShadow: blur
+    var theme = _a.theme, size = _a.size, blur = _a.blur, overflowY = _a.overflowY, modalContentCss = _a.modalContentCss, variant = _a.variant;
+    return (tslib.__assign(tslib.__assign({ boxSizing: 'content-box', borderRadius: size === exports.ModalSize.FULL_SCREEN ? 0 : theme.spacing['3'], borderBottomLeftRadius: size === exports.ModalSize.FULL_SCREEN ? 0 : theme.spacing['3'], borderBottomRightRadius: size === exports.ModalSize.FULL_SCREEN ? 0 : theme.spacing['3'], backgroundColor: variant === exports.ModalVariant.DARK ? theme.color.background.primary : theme.color.background.neutral, overflowY: overflowY, maxHeight: size === exports.ModalSize.FULL_SCREEN ? '100vh' : "calc(100vh - 64px)", boxShadow: blur
             ? "".concat(theme.elevation.modalBlurLight, ", ").concat(theme.elevation.modalBlurMedium, ", ").concat(theme.elevation.modalBlurHeavy)
             : 'none' }, getModalSizeStyles(size)), modalContentCss));
 };
 var getModalStyles = function (_a) {
-    var theme = _a.theme; _a.size; var overflowY = _a.overflowY, rest = tslib.__rest(_a, ["theme", "size", "overflowY"]);
-    return (tslib.__assign({ position: 'relative', zIndex: theme.zIndex.modal, overflowY: overflowY, display: 'flex', flexDirection: 'column', margin: 'auto', height: '100%', width: '100%', justifyContent: 'center', alignItems: 'center' }, rest));
+    var theme = _a.theme; _a.size; var overflowY = _a.overflowY, placement = _a.placement, bottomMargin = _a.bottomMargin, rest = tslib.__rest(_a, ["theme", "size", "overflowY", "placement", "bottomMargin"]);
+    return (tslib.__assign({ position: 'relative', zIndex: theme.zIndex.modal, overflowY: overflowY, display: 'flex', flexDirection: 'column', margin: 'auto', height: '100%', width: '100%', justifyContent: placement === exports.ModalPlacement.BOTTOM ? 'flex-end' : exports.ModalPlacement.CENTER, alignItems: exports.ModalPlacement.CENTER, paddingBottom: placement === exports.ModalPlacement.BOTTOM ? bottomMargin || '188px' : '0' }, rest));
 };
 
 var getBackdropStyles = function (_a) {
-    var blur = _a.blur;
+    var blur = _a.blur, variant = _a.variant;
     return ({
         position: 'fixed',
         display: 'flex',
         alignItems: 'center',
         justifyContent: 'center',
         background: blur ? 'rgba(26, 26, 26, 0.6);' : '',
-        backdropFilter: blur ? 'blur(1px)' : 'none',
+        backdropFilter: variant !== exports.ModalVariant.DARK && blur ? '(1px)' : 'none',
         zIndex: -1,
         inset: 0,
     });
 };
 
 var StyledBackdrop = styled__default.default.div(function (_a) {
-    var css = _a.css, theme = _a.theme, blur = _a.blur; tslib.__rest(_a, ["css", "theme", "blur"]);
-    return (tslib.__assign(tslib.__assign({}, getBackdropStyles({ blur: blur, theme: theme })), css));
+    var css = _a.css, theme = _a.theme, blur = _a.blur, variant = _a.variant; tslib.__rest(_a, ["css", "theme", "blur", "variant"]);
+    return (tslib.__assign(tslib.__assign({}, getBackdropStyles({ blur: blur, theme: theme, variant: variant })), css));
 });
 var Backdrop = React.forwardRef(function (_a, forwardedRef) {
-    _a.as; var children = _a.children, open = _a.open, transitionDuration = _a.transitionDuration, css = _a.css, className = _a.className, rest = tslib.__rest(_a, ["as", "children", "open", "transitionDuration", "css", "className"]);
+    _a.as; var children = _a.children, open = _a.open, transitionDuration = _a.transitionDuration, css = _a.css, className = _a.className, _b = _a.variant, variant = _b === void 0 ? exports.ModalVariant.NEUTRAL : _b, rest = tslib.__rest(_a, ["as", "children", "open", "transitionDuration", "css", "className", "variant"]);
     var theme = ctDesignTheme.useTheme();
-    return (jsxRuntime.jsx(ctDesignTransition.Transition, tslib.__assign({ in: open, timeout: transitionDuration, type: 'fade' }, { children: jsxRuntime.jsx(StyledBackdrop, tslib.__assign({ ref: forwardedRef, css: css, theme: theme, className: className }, rest, { children: children })) })));
+    return (jsxRuntime.jsx(ctDesignTransition.Transition, tslib.__assign({ in: open, timeout: transitionDuration, type: 'fade' }, { children: jsxRuntime.jsx(StyledBackdrop, tslib.__assign({ ref: forwardedRef, css: css, theme: theme, className: className, variant: variant }, rest, { children: children })) })));
 });
 
 var ModalContext = React.createContext({
@@ -177,18 +187,18 @@ var Handler = (function () {
 }());
 
 var StyledModal = styled__default.default.div(function (_a) {
-    var theme = _a.theme, _b = _a.size, size = _b === void 0 ? 'MEDIUM' : _b, _c = _a.overflowY, overflowY = _c === void 0 ? 'auto' : _c, _d = _a.styledModalWrapperCss, styledModalWrapperCss = _d === void 0 ? {} : _d, _e = _a.css, css = _e === void 0 ? {} : _e;
-    return getModalStyles(tslib.__assign(tslib.__assign({ theme: theme, size: size, overflowY: overflowY }, styledModalWrapperCss), css));
+    var theme = _a.theme, _b = _a.size, size = _b === void 0 ? 'MEDIUM' : _b, _c = _a.overflowY, overflowY = _c === void 0 ? 'auto' : _c, _d = _a.styledModalWrapperCss, styledModalWrapperCss = _d === void 0 ? {} : _d, _e = _a.css, css = _e === void 0 ? {} : _e, _f = _a.placement, placement = _f === void 0 ? exports.ModalPlacement.CENTER : _f, bottomMargin = _a.bottomMargin;
+    return getModalStyles(tslib.__assign(tslib.__assign(tslib.__assign({ theme: theme, size: size, overflowY: overflowY }, styledModalWrapperCss), { placement: placement, bottomMargin: bottomMargin }), css));
 });
 var handler = new Handler();
 var DEFAULT_ANIMATION_TIME = 350;
 var Modal = React.forwardRef(function (_a, forwardedRef) {
-    var as = _a.as, children = _a.children, _b = _a.insidePortal, insidePortal = _b === void 0 ? true : _b, _c = _a.open, open = _c === void 0 ? false : _c, onClose = _a.onClose, onKeyDown = _a.onKeyDown, hideCrossIcon = _a.hideCrossIcon, footerAlignment = _a.footerAlignment, _d = _a.size, size = _d === void 0 ? 'MEDIUM' : _d, _e = _a.allowBackdropClose, allowBackdropClose = _e === void 0 ? true : _e; _a.width; var _f = _a.blur, blur = _f === void 0 ? true : _f, backDropComponent = _a.backDropComponent, _g = _a.animationDuration, animationDuration = _g === void 0 ? DEFAULT_ANIMATION_TIME : _g, _h = _a.overflowY, overflowY = _h === void 0 ? 'auto' : _h, styledModalWrapperCss = _a.styledModalWrapperCss, modalContentCss = _a.modalContentCss, _j = _a.styleConfig, styleConfig = _j === void 0 ? {} : _j, rest = tslib.__rest(_a, ["as", "children", "insidePortal", "open", "onClose", "onKeyDown", "hideCrossIcon", "footerAlignment", "size", "allowBackdropClose", "width", "blur", "backDropComponent", "animationDuration", "overflowY", "styledModalWrapperCss", "modalContentCss", "styleConfig"]);
+    var as = _a.as, children = _a.children, _b = _a.insidePortal, insidePortal = _b === void 0 ? true : _b, _c = _a.open, open = _c === void 0 ? false : _c, onClose = _a.onClose, onKeyDown = _a.onKeyDown, hideCrossIcon = _a.hideCrossIcon, footerAlignment = _a.footerAlignment, _d = _a.size, size = _d === void 0 ? 'MEDIUM' : _d, _e = _a.allowBackdropClose, allowBackdropClose = _e === void 0 ? true : _e; _a.width; var _f = _a.blur, blur = _f === void 0 ? true : _f, backDropComponent = _a.backDropComponent, _g = _a.animationDuration, animationDuration = _g === void 0 ? DEFAULT_ANIMATION_TIME : _g, _h = _a.overflowY, overflowY = _h === void 0 ? 'auto' : _h, styledModalWrapperCss = _a.styledModalWrapperCss, _j = _a.placement, placement = _j === void 0 ? 'center' : _j, bottomMargin = _a.bottomMargin, modalContentCss = _a.modalContentCss, variant = _a.variant, _k = _a.styleConfig, styleConfig = _k === void 0 ? {} : _k, rest = tslib.__rest(_a, ["as", "children", "insidePortal", "open", "onClose", "onKeyDown", "hideCrossIcon", "footerAlignment", "size", "allowBackdropClose", "width", "blur", "backDropComponent", "animationDuration", "overflowY", "styledModalWrapperCss", "placement", "bottomMargin", "modalContentCss", "variant", "styleConfig"]);
     var theme = ctDesignTheme.useTheme();
     var backdrop = styleConfig.backdrop, childrenContainer = styleConfig.childrenContainer, modalContainer = styleConfig.modalContainer, root = styleConfig.root;
     var modalRef = React.useRef(null);
     var containerRef = React.useRef({});
-    var _k = React.useState(open), isOpen = _k[0], setIsOpen = _k[1];
+    var _l = React.useState(open), isOpen = _l[0], setIsOpen = _l[1];
     var handleRef = useMergeRefs__default.default(forwardedRef, modalRef);
     React.useLayoutEffect(function () {
         var timeoutId = null;
@@ -241,12 +251,13 @@ var Modal = React.forwardRef(function (_a, forwardedRef) {
         return null;
     }
     var fullScreenStyle = size === exports.ModalSize.FULL_SCREEN ? { height: '100vh', width: '100vw' } : {};
-    return (jsxRuntime.jsx(ctDesignPortal.Portal, tslib.__assign({ disablePortal: !insidePortal }, { children: jsxRuntime.jsx(ctDesignFocusLock.FocusLock, { children: jsxRuntime.jsx(ctDesignContainer.Container, tslib.__assign({ position: 'fixed', zIndex: theme.zIndex.modal, css: tslib.__assign({ inset: 0 }, fullScreenStyle) }, root, rest, { children: jsxRuntime.jsxs(StyledModal, tslib.__assign({ size: size, as: as, theme: theme, overflowY: overflowY, onKeyDown: handleKeyDown, ref: handleRef, styledModalWrapperCss: styledModalWrapperCss }, modalContainer, { children: [backDropComponent || (jsxRuntime.jsx(Backdrop, tslib.__assign({ open: open, blur: blur, transitionDuration: 350, onClick: handleBackdropClick }, backdrop))), jsxRuntime.jsx(ctDesignTransition.Transition, tslib.__assign({ type: size === exports.ModalSize.FULL_SCREEN ? 'slide' : 'fade', slideDirection: 'up', in: open, timeout: animationDuration }, { children: jsxRuntime.jsx(ctDesignContainer.Container, tslib.__assign({ className: childrenContainer === null || childrenContainer === void 0 ? void 0 : childrenContainer.className, css: getModalChildContainerStyle({
+    return (jsxRuntime.jsx(ctDesignPortal.Portal, tslib.__assign({ disablePortal: !insidePortal }, { children: jsxRuntime.jsx(ctDesignFocusLock.FocusLock, { children: jsxRuntime.jsx(ctDesignContainer.Container, tslib.__assign({ position: 'fixed', zIndex: theme.zIndex.modal, css: tslib.__assign({ inset: 0 }, fullScreenStyle) }, root, rest, { children: jsxRuntime.jsxs(StyledModal, tslib.__assign({ size: size, as: as, theme: theme, overflowY: overflowY, onKeyDown: handleKeyDown, ref: handleRef, styledModalWrapperCss: styledModalWrapperCss, placement: placement, bottomMargin: bottomMargin }, modalContainer, { children: [backDropComponent || (jsxRuntime.jsx(Backdrop, tslib.__assign({ open: open, blur: blur, transitionDuration: 350, onClick: handleBackdropClick, variant: variant }, backdrop))), jsxRuntime.jsx(ctDesignTransition.Transition, tslib.__assign({ type: size === exports.ModalSize.FULL_SCREEN ? 'slide' : 'fade', slideDirection: 'up', in: open, timeout: animationDuration }, { children: jsxRuntime.jsx(ctDesignContainer.Container, tslib.__assign({ className: childrenContainer === null || childrenContainer === void 0 ? void 0 : childrenContainer.className, css: getModalChildContainerStyle({
                                     theme: theme,
                                     size: size,
                                     blur: blur,
                                     overflowY: overflowY,
                                     modalContentCss: (childrenContainer === null || childrenContainer === void 0 ? void 0 : childrenContainer.css) || modalContentCss,
+                                    variant: variant,
                                 }) }, { children: jsxRuntime.jsx(ModalContext.Provider, tslib.__assign({ value: { footerAlignment: footerAlignment, hideCrossIcon: hideCrossIcon, onClose: onClose, size: size } }, { children: React__default.default.cloneElement(children, tslib.__assign({ onClose: onClose }, children.props)) })) })) }))] })) })) }) })));
 });
 
@@ -284,39 +295,28 @@ var ModalTitle = function (_a) {
 };
 
 var getCloseButtonStyle = function (_a) {
-    var theme = _a.theme, _b = _a.isLeft, isLeft = _b === void 0 ? false : _b;
-    return ({
-        position: 'absolute',
-        top: '-42px',
-        right: isLeft ? 'unset' : 0,
-        background: 'white',
-        height: '32px',
-        width: '32px',
-        display: 'flex',
-        alignItems: 'center',
-        padding: theme.spacing[1],
-        borderRadius: '40px',
-        cursor: 'pointer',
-    });
+    var theme = _a.theme, _b = _a.isLeft, isLeft = _b === void 0 ? false : _b, _c = _a.variant, variant = _c === void 0 ? 'neutral' : _c, isCenter = _a.isCenter, isTop = _a.isTop;
+    return (tslib.__assign({ position: 'absolute', right: isCenter ? '50%' : isLeft ? 'unset' : 0, transform: isCenter ? 'translateX(50%)' : 'none', background: variant === exports.ModalVariant.DARK ? theme.color.background.primary : theme.color.background.neutral, height: '32px', width: '32px', display: 'flex', alignItems: 'center', padding: theme.spacing[1], borderRadius: '40px', cursor: 'pointer' }, (isTop ? { top: '-42px' } : { bottom: '-42px' })));
 };
 
-var getCloseIcon = function (isBack) {
+var getCloseIcon = function (isBack, variant) {
     if (isBack === void 0) { isBack = false; }
+    if (variant === void 0) { variant = exports.ModalVariant.NEUTRAL; }
     if (isBack) {
         return jsxRuntime.jsx(ctDesignIcons.ModalBack, {});
     }
-    return jsxRuntime.jsx(ctDesignIcons.Cross, { height: 24, width: 24, crossColor: '#1A1A1A' });
+    return variant === exports.ModalVariant.DARK ? (jsxRuntime.jsx(ctDesignIcons.Cross, { height: 24, width: 24, crossColor: 'rgba(255, 255, 255, 1)' })) : (jsxRuntime.jsx(ctDesignIcons.Cross, { height: 24, width: 24, crossColor: '#1A1A1A' }));
 };
 var ModalWithCloseOverlay = React.forwardRef(function (props, forwardedRef) {
-    var _a = props || {}, wrapperCss = _a.wrapperCss, isBack = _a.isBack, children = _a.children, rest = tslib.__rest(_a, ["wrapperCss", "isBack", "children"]);
+    var _a = props || {}, wrapperCss = _a.wrapperCss, isBack = _a.isBack, children = _a.children, _b = _a.variant, variant = _b === void 0 ? exports.ModalVariant.NEUTRAL : _b, isCenter = _a.isCenter, _c = _a.isTop, isTop = _c === void 0 ? true : _c, rest = tslib.__rest(_a, ["wrapperCss", "isBack", "children", "variant", "isCenter", "isTop"]);
     var onClose = rest.onClose;
     var theme = ctDesignTheme.useTheme();
-    var closeButtonStyles = getCloseButtonStyle({ theme: theme, isLeft: isBack });
-    var CloseIcon = getCloseIcon(isBack);
+    var closeButtonStyles = getCloseButtonStyle({ theme: theme, isLeft: isBack, variant: variant, isCenter: isCenter, isTop: isTop });
+    var CloseIcon = getCloseIcon(isBack, variant);
     var onCloseClick = function (e) {
         onClose(e);
     };
-    return (jsxRuntime.jsx(Modal, tslib.__assign({ ref: forwardedRef, blur: true, size: 'NONE', insidePortal: true, overflowY: 'unset' }, rest, { children: jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(ctDesignContainer.Container, tslib.__assign({ position: 'relative', css: tslib.__assign({}, wrapperCss) }, { children: jsxRuntime.jsx(ctDesignContainer.Container, tslib.__assign({ css: tslib.__assign({}, closeButtonStyles), onClick: onCloseClick }, { children: CloseIcon })) })), children] }) })));
+    return (jsxRuntime.jsx(Modal, tslib.__assign({ ref: forwardedRef, blur: true, size: 'NONE', insidePortal: true, variant: variant, overflowY: 'unset' }, rest, { children: jsxRuntime.jsxs(ctDesignContainer.Container, tslib.__assign({ className: 'p-relative' }, { children: [jsxRuntime.jsx(ctDesignContainer.Container, tslib.__assign({ css: tslib.__assign({}, wrapperCss) }, { children: jsxRuntime.jsx(ctDesignContainer.Container, tslib.__assign({ css: tslib.__assign({}, closeButtonStyles), onClick: onCloseClick }, { children: CloseIcon })) })), children] })) })));
 });
 
 exports.Backdrop = Backdrop;