@cleartrip/ct-design-modal 4.0.0-SNAPSHOT-reactnative.14.1 → 4.0.0-SNAPSHOT-native-main.6

package/dist/index.d.ts

@@ -1,10 +1,11 @@
 export { default as Modal } from './Modal';
-export * from './type';
+export type * from './type';
+export * from './constants';
 export { default as ModalAction } from './ModalAction';
 export { default as ModalContainer } from './ModalContainer';
 export { default as ModalContent } from './ModalContent';
 export { default as ModalTitle } from './ModalTitle';
 export { default as Backdrop } from './Backdrop';
-export * from './ModalsUsableComponents';
+export { ModalWithCloseOverlay } from './ModalsUsableComponents';
 export { MODAL_ANIMATION_DURATION } from './modalUtils';
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../packages/components/Modal/src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAC;AAC3C,cAAc,QAAQ,CAAC;AACvB,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC;AACvD,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAC7D,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAC;AACzD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC;AACrD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC;AACjD,cAAc,0BAA0B,CAAC;AACzC,OAAO,EAAE,wBAAwB,EAAE,MAAM,cAAc,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../packages/components/Modal/src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAC;AAC3C,mBAAmB,QAAQ,CAAC;AAC5B,cAAc,aAAa,CAAC;AAC5B,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC;AACvD,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAC7D,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAC;AACzD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC;AACrD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC;AACjD,OAAO,EAAE,qBAAqB,EAAE,MAAM,0BAA0B,CAAC;AACjE,OAAO,EAAE,wBAAwB,EAAE,MAAM,cAAc,CAAC"}

package/dist/index.native.d.ts

@@ -1,4 +1,5 @@
 export { default as Modal } from './Modal.native';
-export * from './type';
+export type * from './type';
+export * from './constants';
 export { MODAL_ANIMATION_DURATION } from './modalUtils';
 //# sourceMappingURL=index.native.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../packages/components/Modal/src/index.native.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAClD,cAAc,QAAQ,CAAC;AACvB,OAAO,EAAE,wBAAwB,EAAE,MAAM,cAAc,CAAC"}
+{"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../packages/components/Modal/src/index.native.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAClD,mBAAmB,QAAQ,CAAC;AAC5B,cAAc,aAAa,CAAC;AAC5B,OAAO,EAAE,wBAAwB,EAAE,MAAM,cAAc,CAAC"}

package/dist/style.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"style.d.ts","sourceRoot":"","sources":["../packages/components/Modal/src/style.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAa,MAAM,QAAQ,CAAC;AAEnD,eAAO,MAAM,kBAAkB,GAAI,MAAM,cAAc;;;;;;;;;;;;;;;CAwCtD,CAAC"}
+{"version":3,"file":"style.d.ts","sourceRoot":"","sources":["../packages/components/Modal/src/style.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,QAAQ,CAAC;AAGxC,eAAO,MAAM,kBAAkB,GAAI,MAAM,cAAc;;;;;;;;;;;;;;;CAwCtD,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"style.native.d.ts","sourceRoot":"","sources":["../packages/components/Modal/src/style.native.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAC;AAC5D,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,4BAA4B,CAAC;AAExD,OAAO,EAEL,yBAAyB,EACzB,mBAAmB,EAEnB,cAAc,EAEf,MAAM,QAAQ,CAAC;AA+ChB,eAAO,MAAM,2BAA2B,GAAI,wBAIzC;IACD,KAAK,EAAE,KAAK,CAAC;IACb,IAAI,EAAE,cAAc,CAAC;IACrB,IAAI,EAAE,OAAO,CAAC;CACf;YAnDY,MAAM,GAAG,MAAM;aAAW,MAAM,GAAG,MAAM;WAAS,MAAM;gBA8BvD,MAAM,GAAG,MAAM,GAAG,KAAK;kBACrB,MAAM;mBACL;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE;oBAChC,MAAM;mBACP,MAAM;CAoBrB,CAAC;AAEH,eAAO,MAAM,iBAAiB,GAAI,eAAe;IAAE,SAAS,EAAE,mBAAmB,CAAA;CAAE,KAAG,SAEpF,CAAC;AAEH,eAAO,MAAM,wBAAwB,GAAI,4BAEtC;IACD,qBAAqB,EAAE,yBAAyB,CAAC;CAClD;gBAG8C,MAAM;CAMpD,CAAC"}
+{"version":3,"file":"style.native.d.ts","sourceRoot":"","sources":["../packages/components/Modal/src/style.native.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAC;AAC5D,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,4BAA4B,CAAC;AAExD,OAAO,EAAE,yBAAyB,EAAE,mBAAmB,EAAE,cAAc,EAAE,MAAM,QAAQ,CAAC;AAiDxF,eAAO,MAAM,2BAA2B,GAAI,wBAIzC;IACD,KAAK,EAAE,KAAK,CAAC;IACb,IAAI,EAAE,cAAc,CAAC;IACrB,IAAI,EAAE,OAAO,CAAC;CACf;YAnDY,MAAM,GAAG,MAAM;aAAW,MAAM,GAAG,MAAM;WAAS,MAAM;gBA8BvD,MAAM,GAAG,MAAM,GAAG,KAAK;kBACrB,MAAM;mBACL;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE;oBAChC,MAAM;mBACP,MAAM;CAoBrB,CAAC;AAEH,eAAO,MAAM,iBAAiB,GAAI,eAAe;IAAE,SAAS,EAAE,mBAAmB,CAAA;CAAE,KAAG,SAEpF,CAAC;AAEH,eAAO,MAAM,wBAAwB,GAAI,4BAEtC;IACD,qBAAqB,EAAE,yBAAyB,CAAC;CAClD;gBAG8C,MAAM;CAMpD,CAAC"}

package/dist/type.d.ts

@@ -1,39 +1,13 @@
 import type { Styles } from '@cleartrip/ct-design-types';
 import { ReactNode, ReactElement } from 'react';
 import type { ContainerRef } from '@cleartrip/ct-design-container';
-export declare enum ModalSize {
-    SMALL = "SMALL",
-    MEDIUM = "MEDIUM",
-    LARGE = "LARGE",
-    FULL_SCREEN = "FULL_SCREEN",
-    NONE = "NONE",
-    REGULAR = "REGULAR",
-    BIG = "BIG"
-}
-export declare enum ModalVariant {
-    DARK = "dark",
-    NEUTRAL = "neutral"
-}
-export declare enum ModalPlacement {
-    CENTER = "center",
-    BOTTOM = "bottom"
-}
+import { ModalSize, ModalVariant, ModalPlacement, ActionButtonVariant, ActionButtonAlignment } from './constants';
 export type ModalSizeTypes = `${ModalSize}`;
 type OwnModalProps = {
     footerAlignment?: 'start' | 'end' | 'center';
     animationDuration?: number;
 };
 export type ModalProps = IModalProps;
-export declare enum ActionButtonVariant {
-    BACK = "back",
-    CLOSE = "close",
-    NONE = "none"
-}
-export declare enum ActionButtonAlignment {
-    CENTER = "center",
-    LEFT = "left",
-    RIGHT = "right"
-}
 export type ActionButtonVariantsType = `${ActionButtonVariant}`;
 export type ActionButtonAlignmentType = `${ActionButtonAlignment}`;
 export type ModalPlacementTypes = `${ModalPlacement}`;

package/dist/type.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"type.d.ts","sourceRoot":"","sources":["../packages/components/Modal/src/type.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AACzD,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAChD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,gCAAgC,CAAC;AAEnE,oBAAY,SAAS;IACnB,KAAK,UAAU;IACf,MAAM,WAAW;IACjB,KAAK,UAAU;IACf,WAAW,gBAAgB;IAC3B,IAAI,SAAS;IACb,OAAO,YAAY;IACnB,GAAG,QAAQ;CACZ;AAED,oBAAY,YAAY;IACtB,IAAI,SAAS;IACb,OAAO,YAAY;CACpB;AAED,oBAAY,cAAc;IACxB,MAAM,WAAW;IACjB,MAAM,WAAW;CAClB;AAED,MAAM,MAAM,cAAc,GAAG,GAAG,SAAS,EAAE,CAAC;AAE5C,KAAK,aAAa,GAAG;IAInB,eAAe,CAAC,EAAE,OAAO,GAAG,KAAK,GAAG,QAAQ,CAAC;IAC7C,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B,CAAC;AAEF,MAAM,MAAM,UAAU,GAAG,WAAW,CAAC;AAErC,oBAAY,mBAAmB;IAC7B,IAAI,SAAS;IACb,KAAK,UAAU;IACf,IAAI,SAAS;CACd;AAED,oBAAY,qBAAqB;IAC/B,MAAM,WAAW;IACjB,IAAI,SAAS;IACb,KAAK,UAAU;CAChB;AAED,MAAM,MAAM,wBAAwB,GAAG,GAAG,mBAAmB,EAAE,CAAC;AAChE,MAAM,MAAM,yBAAyB,GAAG,GAAG,qBAAqB,EAAE,CAAC;AACnE,MAAM,MAAM,mBAAmB,GAAG,GAAG,cAAc,EAAE,CAAC;AACtD,MAAM,MAAM,iBAAiB,GAAG,GAAG,YAAY,EAAE,CAAC;AAElD,MAAM,WAAW,WAAW;IAC1B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,MAAM,WAAW,WAAY,SAAQ,aAAa;IAEhD,qBAAqB,CAAC,EAAE,yBAAyB,CAAC;IAElD,gBAAgB,CAAC,EAAE,wBAAwB,CAAC;IAE5C,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAE7B,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAE3B,iBAAiB,CAAC,EAAE,SAAS,CAAC;IAE9B,IAAI,CAAC,EAAE,OAAO,CAAC;IAEf,QAAQ,CAAC,EAAE,YAAY,CAAC;QAAE,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;KAAE,CAAC,CAAC;IAElD,YAAY,CAAC,EAAE,OAAO,CAAC;IAEvB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IAErB,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,aAAa,CAAC,cAAc,CAAC,KAAK,IAAI,CAAC;IAEjE,IAAI,EAAE,OAAO,CAAC;IAEd,SAAS,CAAC,EAAE,mBAAmB,CAAC;IAEhC,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,YAAY,CAAC,CAAC;IAE9B,IAAI,CAAC,EAAE,cAAc,CAAC;IAEtB,WAAW,CAAC,EAAE;QACZ,IAAI,CAAC,EAAE,MAAM,EAAE,CAAC;QAChB,cAAc,CAAC,EAAE,MAAM,EAAE,CAAC;QAC1B,kBAAkB,CAAC,EAAE,MAAM,EAAE,CAAC;QAC9B,kBAAkB,CAAC,EAAE,MAAM,EAAE,CAAC;KAC/B,CAAC;IAEF,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAI5B,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB"}
+{"version":3,"file":"type.d.ts","sourceRoot":"","sources":["../packages/components/Modal/src/type.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AACzD,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAChD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,gCAAgC,CAAC;AAEnE,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,cAAc,EAAE,mBAAmB,EAAE,qBAAqB,EAAE,MAAM,aAAa,CAAC;AAElH,MAAM,MAAM,cAAc,GAAG,GAAG,SAAS,EAAE,CAAC;AAE5C,KAAK,aAAa,GAAG;IAInB,eAAe,CAAC,EAAE,OAAO,GAAG,KAAK,GAAG,QAAQ,CAAC;IAC7C,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B,CAAC;AAEF,MAAM,MAAM,UAAU,GAAG,WAAW,CAAC;AAErC,MAAM,MAAM,wBAAwB,GAAG,GAAG,mBAAmB,EAAE,CAAC;AAChE,MAAM,MAAM,yBAAyB,GAAG,GAAG,qBAAqB,EAAE,CAAC;AACnE,MAAM,MAAM,mBAAmB,GAAG,GAAG,cAAc,EAAE,CAAC;AACtD,MAAM,MAAM,iBAAiB,GAAG,GAAG,YAAY,EAAE,CAAC;AAElD,MAAM,WAAW,WAAW;IAC1B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,MAAM,WAAW,WAAY,SAAQ,aAAa;IAEhD,qBAAqB,CAAC,EAAE,yBAAyB,CAAC;IAElD,gBAAgB,CAAC,EAAE,wBAAwB,CAAC;IAE5C,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAE7B,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAE3B,iBAAiB,CAAC,EAAE,SAAS,CAAC;IAE9B,IAAI,CAAC,EAAE,OAAO,CAAC;IAEf,QAAQ,CAAC,EAAE,YAAY,CAAC;QAAE,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;KAAE,CAAC,CAAC;IAElD,YAAY,CAAC,EAAE,OAAO,CAAC;IAEvB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IAErB,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,aAAa,CAAC,cAAc,CAAC,KAAK,IAAI,CAAC;IAEjE,IAAI,EAAE,OAAO,CAAC;IAEd,SAAS,CAAC,EAAE,mBAAmB,CAAC;IAEhC,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,YAAY,CAAC,CAAC;IAE9B,IAAI,CAAC,EAAE,cAAc,CAAC;IAEtB,WAAW,CAAC,EAAE;QACZ,IAAI,CAAC,EAAE,MAAM,EAAE,CAAC;QAChB,cAAc,CAAC,EAAE,MAAM,EAAE,CAAC;QAC1B,kBAAkB,CAAC,EAAE,MAAM,EAAE,CAAC;QAC9B,kBAAkB,CAAC,EAAE,MAAM,EAAE,CAAC;KAC/B,CAAC;IAEF,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAI5B,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cleartrip/ct-design-modal",
-  "version": "4.0.0-SNAPSHOT-reactnative.14.1",
+  "version": "4.0.0-SNAPSHOT-native-main.6",
   "description": "Modal Component",
   "types": "dist/index.d.ts",
   "main": "./dist/ct-design-modal.cjs.js",
@@ -26,23 +26,23 @@
   "dependencies": {
     "@emotion/react": "^11.14.0",
     "@emotion/styled": "^11.14.0",
-    "@cleartrip/ct-design-container": "4.0.0-SNAPSHOT-reactnative.14.1",
-    "@cleartrip/ct-design-types": "4.0.0-SNAPSHOT-reactnative.14.1",
-    "@cleartrip/ct-design-transition": "4.0.0-SNAPSHOT-reactnative.14.1",
-    "@cleartrip/ct-design-portal": "4.0.0-SNAPSHOT-reactnative.14.1",
-    "@cleartrip/ct-design-overlay": "4.0.0-SNAPSHOT-reactnative.14.1",
-    "@cleartrip/ct-design-focus-lock": "4.0.0-SNAPSHOT-reactnative.14.1",
-    "@cleartrip/ct-design-use-merge-refs": "4.0.0-SNAPSHOT-reactnative.14.1",
-    "@cleartrip/ct-design-icons": "4.0.0-SNAPSHOT-reactnative.14.1",
-    "@cleartrip/ct-design-typography": "4.0.0-SNAPSHOT-reactnative.14.1",
-    "@cleartrip/ct-design-box": "4.0.0-SNAPSHOT-reactnative.14.1",
-    "@cleartrip/ct-design-theme": "4.0.0-SNAPSHOT-reactnative.14.1",
-    "@cleartrip/ct-design-button": "4.0.0-SNAPSHOT-reactnative.14.1",
-    "@cleartrip/ct-design-style-manager": "4.0.0-SNAPSHOT-reactnative.14.1"
+    "@cleartrip/ct-design-container": "4.0.0-SNAPSHOT-native-main.6",
+    "@cleartrip/ct-design-types": "4.0.0-SNAPSHOT-native-main.6",
+    "@cleartrip/ct-design-transition": "4.0.0-SNAPSHOT-native-main.6",
+    "@cleartrip/ct-design-portal": "4.0.0-SNAPSHOT-native-main.6",
+    "@cleartrip/ct-design-overlay": "4.0.0-SNAPSHOT-native-main.6",
+    "@cleartrip/ct-design-focus-lock": "4.0.0-SNAPSHOT-native-main.6",
+    "@cleartrip/ct-design-use-merge-refs": "4.0.0-SNAPSHOT-native-main.6",
+    "@cleartrip/ct-design-icons": "4.0.0-SNAPSHOT-native-main.6",
+    "@cleartrip/ct-design-typography": "4.0.0-SNAPSHOT-native-main.6",
+    "@cleartrip/ct-design-box": "4.0.0-SNAPSHOT-native-main.6",
+    "@cleartrip/ct-design-theme": "4.0.0-SNAPSHOT-native-main.6",
+    "@cleartrip/ct-design-button": "4.0.0-SNAPSHOT-native-main.6",
+    "@cleartrip/ct-design-style-manager": "4.0.0-SNAPSHOT-native-main.6"
   },
   "devDependencies": {
     "@emotion/babel-plugin": "^11.12.0",
-    "@cleartrip/ct-design-icons": "4.0.0-SNAPSHOT-reactnative.14.1"
+    "@cleartrip/ct-design-icons": "4.0.0-SNAPSHOT-native-main.6"
   },
   "peerDependencies": {
     "react": ">=16.8.0",

package/src/Backdrop/Backdrop.tsx

@@ -4,7 +4,7 @@ import { css } from '@emotion/css';
 import { Transition } from '@cleartrip/ct-design-transition';
 import { useStyles, useWebMergeStyles } from '@cleartrip/ct-design-style-manager';
 
-import { ModalVariant } from '../type';
+import { ModalVariant } from '../constants';
 import { getBackdropDynamicStyles, staticBackdropStyles } from './style';
 import { BackdropProps } from './type';
 

package/src/Backdrop/style.ts

@@ -1,5 +1,5 @@
 import { makeStyles } from '@cleartrip/ct-design-style-manager';
-import { ModalVariant } from '../type';
+import { ModalVariant } from '../constants';
 
 export const staticBackdropStyles = makeStyles(() => ({
   root: {

package/src/Backdrop/type.ts

@@ -1,7 +1,7 @@
 import type { HTMLAttributes } from 'react';
 import type { Styles } from '@cleartrip/ct-design-types';
 import type { TransitionProps } from '@cleartrip/ct-design-transition';
-import { ModalVariant } from '../type';
+import { ModalVariant } from '../constants';
 
 export interface BackdropStyleConfigProps {
   root?: Styles[];

package/src/Modal.native.tsx

@@ -8,17 +8,8 @@ import { Portal } from '@cleartrip/ct-design-portal';
 import { makeStyles, useStyles } from '@cleartrip/ct-design-style-manager';
 import { Cross, ModalBack } from '@cleartrip/ct-design-icons';
 
-import {
-  ActionButtonAlignment,
-  ActionButtonVariant,
-  ActionButtonVariantsType,
-  IChildProps,
-  IModalProps,
-  ModalPlacement,
-  ModalSize,
-  ModalVariant,
-  ModalVariantTypes,
-} from './type';
+import { ActionButtonVariantsType, IChildProps, IModalProps, ModalVariantTypes } from './type';
+import { ActionButtonAlignment, ActionButtonVariant, ModalPlacement, ModalSize, ModalVariant } from './constants';
 import { getActionButtonAlignment, getModalChildContainerStyle } from './style.native';
 import { MODAL_ANIMATION_DURATION } from './modalUtils';
 

package/src/Modal.tsx

@@ -1,7 +1,8 @@
 import React, { forwardRef, useEffect, useLayoutEffect, useMemo, useRef, useState } from 'react';
 import { CSSProperties } from 'react';
 import { getModalSizeStyles } from './style';
-import { IModalProps, ModalPlacement, ModalSize, ModalVariant } from './type';
+import { IModalProps } from './type';
+import { ModalPlacement, ModalSize, ModalVariant } from './constants';
 import { Portal } from '@cleartrip/ct-design-portal';
 import { FocusLock } from '@cleartrip/ct-design-focus-lock';
 import { Transition } from '@cleartrip/ct-design-transition';

package/src/ModalContainer/ModalContainer.tsx

@@ -5,7 +5,8 @@ import { useStyles } from '@cleartrip/ct-design-style-manager';
 import type { Styles } from '@cleartrip/ct-design-types';
 
 import ModalContext from '../ModalContext';
-import { ModalSize, ModalSizeTypes } from '../type';
+import { ModalSizeTypes } from '../type';
+import { ModalSize } from '../constants';
 
 type ModalContainerProps = {
   size?: ModalSizeTypes;

package/src/ModalTitle/ModalTitle.tsx

@@ -8,7 +8,8 @@ import { Typography, TypographyStyleConfigProps } from '@cleartrip/ct-design-typ
 import type { Styles } from '@cleartrip/ct-design-types';
 
 import ModalContext from '../ModalContext';
-import { ModalProps, ModalSize } from '../type';
+import { ModalProps } from '../type';
+import { ModalSize } from '../constants';
 
 type ModalTitleStyleConfig = {
   root?: Styles[];

package/src/ModalsUsableComponents/ModalWithCloseOverlay.tsx

@@ -5,7 +5,7 @@ import { makeStyles, useStyles } from '@cleartrip/ct-design-style-manager';
 import { Cross, ModalBack } from '@cleartrip/ct-design-icons';
 
 import Modal from '../Modal';
-import { ModalVariant } from '../type';
+import { ModalVariant } from '../constants';
 import { ModalWithCloseOverlayProps } from './type';
 
 const staticStyles = makeStyles(() => ({

package/src/constants.ts

@@ -0,0 +1,31 @@
+export enum ModalSize {
+  SMALL = 'SMALL',
+  MEDIUM = 'MEDIUM',
+  LARGE = 'LARGE',
+  FULL_SCREEN = 'FULL_SCREEN',
+  NONE = 'NONE',
+  REGULAR = 'REGULAR',
+  BIG = 'BIG',
+}
+
+export enum ModalVariant {
+  DARK = 'dark',
+  NEUTRAL = 'neutral',
+}
+
+export enum ModalPlacement {
+  CENTER = 'center',
+  BOTTOM = 'bottom',
+}
+
+export enum ActionButtonVariant {
+  BACK = 'back',
+  CLOSE = 'close',
+  NONE = 'none',
+}
+
+export enum ActionButtonAlignment {
+  CENTER = 'center',
+  LEFT = 'left',
+  RIGHT = 'right',
+}

package/src/index.native.ts

@@ -1,3 +1,4 @@
 export { default as Modal } from './Modal.native';
-export * from './type';
+export type * from './type';
+export * from './constants';
 export { MODAL_ANIMATION_DURATION } from './modalUtils';

package/src/index.ts

@@ -1,9 +1,10 @@
 export { default as Modal } from './Modal';
-export * from './type';
+export type * from './type';
+export * from './constants';
 export { default as ModalAction } from './ModalAction';
 export { default as ModalContainer } from './ModalContainer';
 export { default as ModalContent } from './ModalContent';
 export { default as ModalTitle } from './ModalTitle';
 export { default as Backdrop } from './Backdrop';
-export * from './ModalsUsableComponents';
+export { ModalWithCloseOverlay } from './ModalsUsableComponents';
 export { MODAL_ANIMATION_DURATION } from './modalUtils';

package/src/style.native.ts

@@ -1,14 +1,9 @@
 import type { ViewStyle } from '@cleartrip/ct-design-types';
 import type { Theme } from '@cleartrip/ct-design-theme';
 
-import {
-  ActionButtonAlignment,
-  ActionButtonAlignmentType,
-  ModalPlacementTypes,
-  ModalSize,
-  ModalSizeTypes,
-  ModalVariant,
-} from './type';
+import { ActionButtonAlignmentType, ModalPlacementTypes, ModalSizeTypes } from './type';
+
+import { ActionButtonAlignment, ModalSize, ModalVariant } from './constants';
 
 const getModalSizeStyles = (
   size: ModalSizeTypes,

package/src/style.ts

@@ -1,4 +1,5 @@
-import { ModalSizeTypes, ModalSize } from './type';
+import { ModalSizeTypes } from './type';
+import { ModalSize } from './constants';
 
 export const getModalSizeStyles = (size: ModalSizeTypes) => {
   switch (size) {

package/src/type.ts

@@ -2,25 +2,7 @@ import type { Styles } from '@cleartrip/ct-design-types';
 import { ReactNode, ReactElement } from 'react';
 import type { ContainerRef } from '@cleartrip/ct-design-container';
 
-export enum ModalSize {
-  SMALL = 'SMALL',
-  MEDIUM = 'MEDIUM',
-  LARGE = 'LARGE',
-  FULL_SCREEN = 'FULL_SCREEN',
-  NONE = 'NONE',
-  REGULAR = 'REGULAR',
-  BIG = 'BIG',
-}
-
-export enum ModalVariant {
-  DARK = 'dark',
-  NEUTRAL = 'neutral',
-}
-
-export enum ModalPlacement {
-  CENTER = 'center',
-  BOTTOM = 'bottom',
-}
+import { ModalSize, ModalVariant, ModalPlacement, ActionButtonVariant, ActionButtonAlignment } from './constants';
 
 export type ModalSizeTypes = `${ModalSize}`;
 
@@ -34,18 +16,6 @@ type OwnModalProps = {
 
 export type ModalProps = IModalProps;
 
-export enum ActionButtonVariant {
-  BACK = 'back',
-  CLOSE = 'close',
-  NONE = 'none',
-}
-
-export enum ActionButtonAlignment {
-  CENTER = 'center',
-  LEFT = 'left',
-  RIGHT = 'right',
-}
-
 export type ActionButtonVariantsType = `${ActionButtonVariant}`;
 export type ActionButtonAlignmentType = `${ActionButtonAlignment}`;
 export type ModalPlacementTypes = `${ModalPlacement}`;