@veracity/vui 2.24.2 → 2.25.0-beta.0

package/dist/cjs/core/vuiProvider/animations.d.ts

@@ -1,10 +1,10 @@
 export declare const bounce = "\n\t0%, 100% {\n\t\tanimationTimingFunction: cubic-bezier(0.8, 0, 1, 1);\n\t\ttransform: translateY(-25%);\n\t}\n\t50% {\n\t\tanimationTimingFunction: cubic-bezier(0, 0, 0.2, 1);\n\t\ttransform: translateY(0);\n\t}\n";
-export declare const fadeDown = "\n\tfrom {\n\t\topacity: 0;\n\t\ttransform: translateY(-20px)\n\t}\n\tto {\n\t\topacity: 1;\n\t\ttransform: translateY(0)\n\t}\n";
+export declare const fadeDown: (distance: number) => string;
 export declare const fadeIn = "\n\tfrom {\n\t\topacity: 0;\n\t}\n\tto {\n\t\topacity: 1;\n\t}\n";
-export declare const fadeLeft = "\n\tfrom {\n\t\topacity: 0;\n\t\ttransform: translateX(20px)\n\t}\n\tto {\n\t\topacity: 1;\n\t\ttransform: translateX(0)\n\t}\n";
+export declare const fadeLeft: (distance: number) => string;
 export declare const fadeOut = "\n\tfrom {\n\t\topacity: 1;\n\t}\n\tto {\n\t\topacity: 0;\n\t}\n";
-export declare const fadeRight = "\n\tfrom {\n\t\topacity: 0;\n\t\ttransform: translateX(-20px)\n\t}\n\tto {\n\t\topacity: 1;\n\t\ttransform: translateX(0)\n\t}\n";
-export declare const fadeUp = "\n\tfrom {\n\t\topacity: 0;\n\t\ttransform: translateY(20px)\n\t}\n\tto {\n\t\topacity: 1;\n\t\ttransform: translateY(0)\n\t}\n";
+export declare const fadeRight: (distance: number) => string;
+export declare const fadeUp: (distance: number) => string;
 export declare const pulse = "\n\t0%, 100% {\n\t\topacity: 1;\n\t}\n\t50% {\n\t\topacity: .5;\n\t}\n";
 export declare const spin = "\n\tfrom {\n\t\ttransform: rotate(0deg);\n\t}\n\tto {\n\t\ttransform: rotate(360deg);\n\t}\n";
 //# sourceMappingURL=animations.d.ts.map

package/dist/cjs/core/vuiProvider/animations.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"animations.d.ts","sourceRoot":"","sources":["../../../../src/core/vuiProvider/animations.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,MAAM,6NASlB,CAAA;AAED,eAAO,MAAM,QAAQ,qIASpB,CAAA;AAED,eAAO,MAAM,MAAM,qEAOlB,CAAA;AAED,eAAO,MAAM,QAAQ,oIASpB,CAAA;AAED,eAAO,MAAM,OAAO,qEAOnB,CAAA;AAED,eAAO,MAAM,SAAS,qIASrB,CAAA;AAED,eAAO,MAAM,MAAM,oIASlB,CAAA;AAED,eAAO,MAAM,KAAK,2EAOjB,CAAA;AAED,eAAO,MAAM,IAAI,iGAOhB,CAAA"}
+{"version":3,"file":"animations.d.ts","sourceRoot":"","sources":["../../../../src/core/vuiProvider/animations.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,MAAM,6NASlB,CAAA;AAED,eAAO,MAAM,QAAQ,aAAc,MAAM,WASxC,CAAA;AAED,eAAO,MAAM,MAAM,qEAOlB,CAAA;AAED,eAAO,MAAM,QAAQ,aAAc,MAAM,WASxC,CAAA;AAED,eAAO,MAAM,OAAO,qEAOnB,CAAA;AAED,eAAO,MAAM,SAAS,aAAc,MAAM,WASzC,CAAA;AAED,eAAO,MAAM,MAAM,aAAc,MAAM,WAStC,CAAA;AAED,eAAO,MAAM,KAAK,2EAOjB,CAAA;AAED,eAAO,MAAM,IAAI,iGAOhB,CAAA"}

package/dist/cjs/core/vuiProvider/animations.js

@@ -11,16 +11,17 @@ exports.bounce = `
 		transform: translateY(0);
 	}
 `;
-exports.fadeDown = `
+const fadeDown = (distance) => `
 	from {
 		opacity: 0;
-		transform: translateY(-20px)
+		transform: translateY(-${distance}px)
 	}
 	to {
 		opacity: 1;
 		transform: translateY(0)
 	}
 `;
+exports.fadeDown = fadeDown;
 exports.fadeIn = `
 	from {
 		opacity: 0;
@@ -29,16 +30,17 @@ exports.fadeIn = `
 		opacity: 1;
 	}
 `;
-exports.fadeLeft = `
+const fadeLeft = (distance) => `
 	from {
 		opacity: 0;
-		transform: translateX(20px)
+		transform: translateX(${distance}px)
 	}
 	to {
 		opacity: 1;
 		transform: translateX(0)
 	}
 `;
+exports.fadeLeft = fadeLeft;
 exports.fadeOut = `
 	from {
 		opacity: 1;
@@ -47,26 +49,28 @@ exports.fadeOut = `
 		opacity: 0;
 	}
 `;
-exports.fadeRight = `
+const fadeRight = (distance) => `
 	from {
 		opacity: 0;
-		transform: translateX(-20px)
+		transform: translateX(-${distance}px)
 	}
 	to {
 		opacity: 1;
 		transform: translateX(0)
 	}
 `;
-exports.fadeUp = `
+exports.fadeRight = fadeRight;
+const fadeUp = (distance) => `
 	from {
 		opacity: 0;
-		transform: translateY(20px)
+		transform: translateY(${distance}px)
 	}
 	to {
 		opacity: 1;
 		transform: translateY(0)
 	}
 `;
+exports.fadeUp = fadeUp;
 exports.pulse = `
 	0%, 100% {
 		opacity: 1;

package/dist/cjs/core/vuiProvider/animations.js.map

@@ -1 +1 @@
-{"version":3,"file":"animations.js","sourceRoot":"","sources":["../../../../src/core/vuiProvider/animations.ts"],"names":[],"mappings":";;;AAAa,QAAA,MAAM,GAAG;;;;;;;;;CASrB,CAAA;AAEY,QAAA,QAAQ,GAAG;;;;;;;;;CASvB,CAAA;AAEY,QAAA,MAAM,GAAG;;;;;;;CAOrB,CAAA;AAEY,QAAA,QAAQ,GAAG;;;;;;;;;CASvB,CAAA;AAEY,QAAA,OAAO,GAAG;;;;;;;CAOtB,CAAA;AAEY,QAAA,SAAS,GAAG;;;;;;;;;CASxB,CAAA;AAEY,QAAA,MAAM,GAAG;;;;;;;;;CASrB,CAAA;AAEY,QAAA,KAAK,GAAG;;;;;;;CAOpB,CAAA;AAEY,QAAA,IAAI,GAAG;;;;;;;CAOnB,CAAA"}
+{"version":3,"file":"animations.js","sourceRoot":"","sources":["../../../../src/core/vuiProvider/animations.ts"],"names":[],"mappings":";;;AAAa,QAAA,MAAM,GAAG;;;;;;;;;CASrB,CAAA;AAEM,MAAM,QAAQ,GAAG,CAAC,QAAgB,EAAE,EAAE,CAAC;;;2BAGnB,QAAQ;;;;;;CAMlC,CAAA;AATY,QAAA,QAAQ,YASpB;AAEY,QAAA,MAAM,GAAG;;;;;;;CAOrB,CAAA;AAEM,MAAM,QAAQ,GAAG,CAAC,QAAgB,EAAE,EAAE,CAAC;;;0BAGpB,QAAQ;;;;;;CAMjC,CAAA;AATY,QAAA,QAAQ,YASpB;AAEY,QAAA,OAAO,GAAG;;;;;;;CAOtB,CAAA;AAEM,MAAM,SAAS,GAAG,CAAC,QAAgB,EAAE,EAAE,CAAC;;;2BAGpB,QAAQ;;;;;;CAMlC,CAAA;AATY,QAAA,SAAS,aASrB;AAEM,MAAM,MAAM,GAAG,CAAC,QAAgB,EAAE,EAAE,CAAC;;;0BAGlB,QAAQ;;;;;;CAMjC,CAAA;AATY,QAAA,MAAM,UASlB;AAEY,QAAA,KAAK,GAAG;;;;;;;CAOpB,CAAA;AAEY,QAAA,IAAI,GAAG;;;;;;;CAOnB,CAAA"}

package/dist/cjs/core/vuiProvider/globalStyle.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"globalStyle.d.ts","sourceRoot":"","sources":["../../../../src/core/vuiProvider/globalStyle.tsx"],"names":[],"mappings":"AAOA,KAAK,gBAAgB,GAAG;IACtB,WAAW,CAAC,EAAE,OAAO,CAAA;CACtB,CAAA;AAED;;;;;;GAMG;;AACH,wBA2FC"}
+{"version":3,"file":"globalStyle.d.ts","sourceRoot":"","sources":["../../../../src/core/vuiProvider/globalStyle.tsx"],"names":[],"mappings":"AAOA,KAAK,gBAAgB,GAAG;IACtB,WAAW,CAAC,EAAE,OAAO,CAAA;CACtB,CAAA;AAED;;;;;;GAMG;;AACH,wBAoGC"}

package/dist/cjs/core/vuiProvider/globalStyle.js

@@ -87,7 +87,7 @@ exports.default = (0, styled_1.createGlobalStyle) `
   }
 
   @keyframes vui-fadeDown {
-  ${animations_1.fadeDown}
+  ${(0, animations_1.fadeDown)(20)}
   }
 
   @keyframes vui-fadeIn {
@@ -95,19 +95,28 @@ exports.default = (0, styled_1.createGlobalStyle) `
   }
 
   @keyframes vui-fadeLeft {
-  ${animations_1.fadeLeft}
+  ${(0, animations_1.fadeLeft)(20)}
+  }
+
+  @keyframes vui-fadeLeftLong {
+  ${(0, animations_1.fadeLeft)(600)}
   }
 
   @keyframes vui-fadeOut {
   ${animations_1.fadeOut}
   }
 
+
   @keyframes vui-fadeRight {
-  ${animations_1.fadeRight}
+  ${(0, animations_1.fadeRight)(20)}
+  }
+
+  @keyframes vui-fadeRightLong {
+  ${(0, animations_1.fadeRight)(600)}
   }
 
   @keyframes vui-fadeUp {
-  ${animations_1.fadeUp}
+  ${(0, animations_1.fadeUp)(20)}
   }
 
   @keyframes vui-pulse {

package/dist/cjs/core/vuiProvider/globalStyle.js.map

@@ -1 +1 @@
-{"version":3,"file":"globalStyle.js","sourceRoot":"","sources":["../../../../src/core/vuiProvider/globalStyle.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,0EAAiD;AACjD,uCAAsC;AACtC,sCAAkD;AAClD,6CAA0G;AAC1G,qCAAwC;AACxC,4DAAmC;AAMnC;;;;;;GAMG;AACH,kBAAe,IAAA,0BAAiB,EAAkB;IAC9C,mBAAS;;MAEP,oBAAoB;;;;;;;;;;;;;;;;;;;;;;;;;;;;SA4BjB,sBAAa;;;;;;IAMlB,CAAC,CAAC,EAAE,CACJ,CAAC,CAAC,WAAW;IACb,IAAA,YAAG,EAAA;;;;;;;;;;;;;;KAcF;;;;IAID,mBAAM;;;;IAIN,qBAAQ;;;;IAIR,mBAAM;;;;IAIN,qBAAQ;;;;IAIR,oBAAO;;;;IAIP,sBAAS;;;;IAIT,mBAAM;;;;IAIN,kBAAK;;;;IAIL,iBAAI;;CAEP,CAAA;AAED,uFAAuF;AACvF,SAAS,oBAAoB;IAC3B,SAAS,YAAY,CAAC,IAAY,EAAE,KAAU;QAC5C,IAAI,CAAC,IAAA,gBAAQ,EAAC,KAAK,CAAC;YAAE,OAAO,GAAG,IAAI,KAAK,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,GAAG,KAAK,IAAI,KAAK,CAAA;QAE9F,OAAO,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,CAAC,GAAG,EAAE,KAAK,CAAC,EAAE,EAAE;YACxD,OAAO,CAAC,GAAG,IAAI,YAAY,CAAC,GAAG,IAAI,IAAI,GAAG,EAAE,EAAE,KAAK,CAAC,CAAC,CAAA;QACvD,CAAC,EAAE,EAAE,CAAC,CAAA;IACR,CAAC;IAED,MAAM,EAAE,UAAU,EAAE,YAAY,KAAgB,qBAAW,EAAtB,MAAM,UAAK,qBAAW,EAArD,8BAAuC,CAAc,CAAA;IAE3D,OAAO,YAAY,CAAC,OAAO,EAAE,MAAM,CAAC,CAAA;AACtC,CAAC"}
+{"version":3,"file":"globalStyle.js","sourceRoot":"","sources":["../../../../src/core/vuiProvider/globalStyle.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,0EAAiD;AACjD,uCAAsC;AACtC,sCAAkD;AAClD,6CAA0G;AAC1G,qCAAwC;AACxC,4DAAmC;AAMnC;;;;;;GAMG;AACH,kBAAe,IAAA,0BAAiB,EAAkB;IAC9C,mBAAS;;MAEP,oBAAoB;;;;;;;;;;;;;;;;;;;;;;;;;;;;SA4BjB,sBAAa;;;;;;IAMlB,CAAC,CAAC,EAAE,CACJ,CAAC,CAAC,WAAW;IACb,IAAA,YAAG,EAAA;;;;;;;;;;;;;;KAcF;;;;IAID,mBAAM;;;;IAIN,IAAA,qBAAQ,EAAC,EAAE,CAAC;;;;IAIZ,mBAAM;;;;IAIN,IAAA,qBAAQ,EAAC,EAAE,CAAC;;;;IAIZ,IAAA,qBAAQ,EAAC,GAAG,CAAC;;;;IAIb,oBAAO;;;;;IAKP,IAAA,sBAAS,EAAC,EAAE,CAAC;;;;IAIb,IAAA,sBAAS,EAAC,GAAG,CAAC;;;;IAId,IAAA,mBAAM,EAAC,EAAE,CAAC;;;;IAIV,kBAAK;;;;IAIL,iBAAI;;CAEP,CAAA;AAED,uFAAuF;AACvF,SAAS,oBAAoB;IAC3B,SAAS,YAAY,CAAC,IAAY,EAAE,KAAU;QAC5C,IAAI,CAAC,IAAA,gBAAQ,EAAC,KAAK,CAAC;YAAE,OAAO,GAAG,IAAI,KAAK,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,GAAG,KAAK,IAAI,KAAK,CAAA;QAE9F,OAAO,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,CAAC,GAAG,EAAE,KAAK,CAAC,EAAE,EAAE;YACxD,OAAO,CAAC,GAAG,IAAI,YAAY,CAAC,GAAG,IAAI,IAAI,GAAG,EAAE,EAAE,KAAK,CAAC,CAAC,CAAA;QACvD,CAAC,EAAE,EAAE,CAAC,CAAA;IACR,CAAC;IAED,MAAM,EAAE,UAAU,EAAE,YAAY,KAAgB,qBAAW,EAAtB,MAAM,UAAK,qBAAW,EAArD,8BAAuC,CAAc,CAAA;IAE3D,OAAO,YAAY,CAAC,OAAO,EAAE,MAAM,CAAC,CAAA;AACtC,CAAC"}

package/dist/cjs/dialog/consts.d.ts

@@ -1,6 +1,16 @@
 import { DialogStatusMapping } from './dialog.types';
 /** Defines icon visuals for each Dialog status. */
 export declare const dialogStatusMapping: DialogStatusMapping;
+export declare const modalAnimation: {
+    left: string;
+    center: string;
+    right: string;
+};
+export declare const modalJustifyContent: {
+    left: string;
+    center: string;
+    right: string;
+};
 export declare const containerId = "vui-dynamic-container";
 export declare const modalClass = "vui-modal";
 //# sourceMappingURL=consts.d.ts.map

package/dist/cjs/dialog/consts.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"consts.d.ts","sourceRoot":"","sources":["../../../src/dialog/consts.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAA;AAEpD,mDAAmD;AACnD,eAAO,MAAM,mBAAmB,EAAE,mBAyBjC,CAAA;AAED,eAAO,MAAM,WAAW,0BAA0B,CAAA;AAElD,eAAO,MAAM,UAAU,cAAc,CAAA"}
+{"version":3,"file":"consts.d.ts","sourceRoot":"","sources":["../../../src/dialog/consts.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAA;AAEpD,mDAAmD;AACnD,eAAO,MAAM,mBAAmB,EAAE,mBAyBjC,CAAA;AAED,eAAO,MAAM,cAAc;;;;CAI1B,CAAA;AAED,eAAO,MAAM,mBAAmB;;;;CAI/B,CAAA;AAED,eAAO,MAAM,WAAW,0BAA0B,CAAA;AAElD,eAAO,MAAM,UAAU,cAAc,CAAA"}

package/dist/cjs/dialog/consts.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.modalClass = exports.containerId = exports.dialogStatusMapping = void 0;
+exports.modalClass = exports.containerId = exports.modalJustifyContent = exports.modalAnimation = exports.dialogStatusMapping = void 0;
 /** Defines icon visuals for each Dialog status. */
 exports.dialogStatusMapping = {
     danger: {
@@ -28,6 +28,16 @@ exports.dialogStatusMapping = {
         },
     },
 };
+exports.modalAnimation = {
+    left: 'fadeRightLong',
+    center: 'fadeDown',
+    right: 'fadeLeftLong',
+};
+exports.modalJustifyContent = {
+    left: 'start',
+    center: 'center',
+    right: 'end',
+};
 exports.containerId = 'vui-dynamic-container';
 exports.modalClass = 'vui-modal';
 //# sourceMappingURL=consts.js.map

package/dist/cjs/dialog/consts.js.map

@@ -1 +1 @@
-{"version":3,"file":"consts.js","sourceRoot":"","sources":["../../../src/dialog/consts.ts"],"names":[],"mappings":";;;AAEA,mDAAmD;AACtC,QAAA,mBAAmB,GAAwB;IACtD,MAAM,EAAE;QACN,SAAS,EAAE;YACT,KAAK,EAAE,QAAQ;YACf,IAAI,EAAE,wBAAwB;SAC/B;KACF;IACD,KAAK,EAAE;QACL,SAAS,EAAE;YACT,KAAK,EAAE,QAAQ;YACf,IAAI,EAAE,gBAAgB;SACvB;KACF;IACD,IAAI,EAAE;QACJ,SAAS,EAAE;YACT,KAAK,EAAE,SAAS;YAChB,IAAI,EAAE,eAAe;SACtB;KACF;IACD,OAAO,EAAE;QACP,SAAS,EAAE;YACT,KAAK,EAAE,WAAW;YAClB,IAAI,EAAE,wBAAwB;SAC/B;KACF;CACF,CAAA;AAEY,QAAA,WAAW,GAAG,uBAAuB,CAAA;AAErC,QAAA,UAAU,GAAG,WAAW,CAAA"}
+{"version":3,"file":"consts.js","sourceRoot":"","sources":["../../../src/dialog/consts.ts"],"names":[],"mappings":";;;AAEA,mDAAmD;AACtC,QAAA,mBAAmB,GAAwB;IACtD,MAAM,EAAE;QACN,SAAS,EAAE;YACT,KAAK,EAAE,QAAQ;YACf,IAAI,EAAE,wBAAwB;SAC/B;KACF;IACD,KAAK,EAAE;QACL,SAAS,EAAE;YACT,KAAK,EAAE,QAAQ;YACf,IAAI,EAAE,gBAAgB;SACvB;KACF;IACD,IAAI,EAAE;QACJ,SAAS,EAAE;YACT,KAAK,EAAE,SAAS;YAChB,IAAI,EAAE,eAAe;SACtB;KACF;IACD,OAAO,EAAE;QACP,SAAS,EAAE;YACT,KAAK,EAAE,WAAW;YAClB,IAAI,EAAE,wBAAwB;SAC/B;KACF;CACF,CAAA;AAEY,QAAA,cAAc,GAAG;IAC5B,IAAI,EAAE,eAAe;IACrB,MAAM,EAAE,UAAU;IAClB,KAAK,EAAE,cAAc;CACtB,CAAA;AAEY,QAAA,mBAAmB,GAAG;IACjC,IAAI,EAAE,OAAO;IACb,MAAM,EAAE,QAAQ;IAChB,KAAK,EAAE,KAAK;CACb,CAAA;AAEY,QAAA,WAAW,GAAG,uBAAuB,CAAA;AAErC,QAAA,UAAU,GAAG,WAAW,CAAA"}

package/dist/cjs/dialog/dialog.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dialog.d.ts","sourceRoot":"","sources":["../../../src/dialog/dialog.tsx"],"names":[],"mappings":"AAEA,OAAO,EAA+B,YAAY,EAAE,MAAM,SAAS,CAAA;AAInE,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAC5C,OAAO,UAAU,MAAM,cAAc,CAAA;AACrC,OAAO,kBAAkB,MAAM,sBAAsB,CAAA;AACrD,OAAO,iBAAiB,MAAM,qBAAqB,CAAA;AACnD,OAAO,YAAY,MAAM,gBAAgB,CAAA;AACzC,OAAO,YAAY,MAAM,gBAAgB,CAAA;AACzC,OAAO,UAAU,MAAM,cAAc,CAAA;AACrC,OAAO,kBAAkB,MAAM,sBAAsB,CAAA;AACrD,OAAO,WAAW,MAAM,eAAe,CAAA;AAEvC,eAAO,MAAM,UAAU,+HAStB,CAAA;AAED;;;;;;GAMG;AACH,eAAO,MAAM,MAAM;UAqEX,iBAAiB;kBACT,yBAAyB;iBAC1B,wBAAwB;YAC7B,mBAAmB;YACnB,mBAAmB;UACrB,iBAAiB;kBACT,yBAAyB;WAChC,kBAAkB;CAC1B,CAAA;AAYD,eAAe,MAAM,CAAA"}
+{"version":3,"file":"dialog.d.ts","sourceRoot":"","sources":["../../../src/dialog/dialog.tsx"],"names":[],"mappings":"AAEA,OAAO,EAA+B,YAAY,EAAE,MAAM,SAAS,CAAA;AAKnE,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAC5C,OAAO,UAAU,MAAM,cAAc,CAAA;AACrC,OAAO,kBAAkB,MAAM,sBAAsB,CAAA;AACrD,OAAO,iBAAiB,MAAM,qBAAqB,CAAA;AACnD,OAAO,YAAY,MAAM,gBAAgB,CAAA;AACzC,OAAO,YAAY,MAAM,gBAAgB,CAAA;AACzC,OAAO,UAAU,MAAM,cAAc,CAAA;AACrC,OAAO,kBAAkB,MAAM,sBAAsB,CAAA;AACrD,OAAO,WAAW,MAAM,eAAe,CAAA;AAEvC,eAAO,MAAM,UAAU,+HAOtB,CAAA;AAED;;;;;;GAMG;AACH,eAAO,MAAM,MAAM;UA4EX,iBAAiB;kBACT,yBAAyB;iBAC1B,wBAAwB;YAC7B,mBAAmB;YACnB,mBAAmB;UACrB,iBAAiB;kBACT,yBAAyB;WAChC,kBAAkB;CAC1B,CAAA;AAYD,eAAe,MAAM,CAAA"}

package/dist/cjs/dialog/dialog.js

@@ -20,6 +20,7 @@ const react_1 = require("react");
 const core_1 = require("../core");
 const modal_1 = require("../modal");
 const utils_1 = require("../utils");
+const consts_1 = require("./consts");
 const context_1 = require("./context");
 const dialogBody_1 = __importDefault(require("./dialogBody"));
 const dialogCancelButton_1 = __importDefault(require("./dialogCancelButton"));
@@ -35,8 +36,6 @@ exports.DialogBase = core_1.styled.divBox `
   box-shadow: modal;
   display: flex;
   flex-direction: column;
-  margin: 16px;
-  max-height: calc(100vh - 32px); // full height - margin top/bottom
   width: 100%;
 `;
 /**
@@ -47,20 +46,20 @@ exports.DialogBase = core_1.styled.divBox `
  * The content can include important information, like warnings or errors, simple forms or prompts for user's decision. It blocks interaction with the rest of the page, but often can be disabled by pressing Escape, clicking on the backdrop or close button.
  */
 exports.Dialog = (0, core_1.vui)((props, ref) => {
-    const { body: bodyProp, cancelButton, children, className, closeButton, disableBackdropClose, footer, header, icon, id, isOpen, modalProps: modalPropsProp, onClose, size, status, submitButton, title, variant } = props, rest = __rest(props, ["body", "cancelButton", "children", "className", "closeButton", "disableBackdropClose", "footer", "header", "icon", "id", "isOpen", "modalProps", "onClose", "size", "status", "submitButton", "title", "variant"]);
+    const { body: bodyProp, cancelButton, children, className, closeButton, disableBackdropClose, footer, header, icon, id, isOpen, modalProps: modalPropsProp, placement = 'center', onClose, size, status, submitButton, title, variant } = props, rest = __rest(props, ["body", "cancelButton", "children", "className", "closeButton", "disableBackdropClose", "footer", "header", "icon", "id", "isOpen", "modalProps", "placement", "onClose", "size", "status", "submitButton", "title", "variant"]);
     const styles = (0, core_1.useStyleConfig)('Dialog', props);
     const idRef = (0, react_1.useRef)(id !== null && id !== void 0 ? id : (0, utils_1.random)().toString());
     const [dialogId, bodyId, titleId] = (0, utils_1.useIds)(idRef.current, ['dialog', 'dialog-body', 'dialog-title']);
     const body = (0, utils_1.isReactText)(bodyProp) ? { children: bodyProp } : bodyProp;
-    const showFooter = Boolean(footer || cancelButton || submitButton);
     const showHeader = Boolean(header || closeButton || icon || title);
+    const showFooter = Boolean(footer || cancelButton || submitButton);
     const ariaProps = {
         'aria-describedby': bodyId,
         'aria-labelledby': titleId,
     };
-    const modalProps = Object.assign(Object.assign({}, modalPropsProp), { contentProps: Object.assign({ alignItems: 'center', justifyContent: 'center' }, modalPropsProp === null || modalPropsProp === void 0 ? void 0 : modalPropsProp.contentProps) });
+    const modalProps = Object.assign({ animation: consts_1.modalAnimation[placement], contentProps: Object.assign({ alignItems: placement === 'center' ? 'center' : 'auto', justifyContent: consts_1.modalJustifyContent[placement] }, modalPropsProp === null || modalPropsProp === void 0 ? void 0 : modalPropsProp.contentProps) }, modalPropsProp);
     const context = { bodyId, icon, isOpen, onClose, size, status, titleId, variant };
-    return ((0, jsx_runtime_1.jsx)(context_1.DialogProvider, { value: context, children: (0, jsx_runtime_1.jsx)(modal_1.Modal, Object.assign({ isOpen, onClose }, modalProps, { disableBackdropClose, children: (0, jsx_runtime_1.jsx)(exports.DialogBase, Object.assign({ className: (0, utils_1.cs)('vui-dialog', className), id: dialogId, ref: ref, role: "dialog" }, ariaProps, styles.container, rest, { children: children !== null && children !== void 0 ? children : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, utils_1.isJsx)(header) ? header : showHeader && (0, jsx_runtime_1.jsx)(dialogHeader_1.default, Object.assign({ closeButton, icon, title }, header)), (0, utils_1.isJsx)(body) ? body : body && (0, jsx_runtime_1.jsx)(dialogBody_1.default, Object.assign({}, body)), (0, utils_1.isJsx)(footer) ? footer : showFooter && (0, jsx_runtime_1.jsx)(dialogFooter_1.default, Object.assign({ cancelButton, submitButton }, footer))] })) })) })) }));
+    return ((0, jsx_runtime_1.jsx)(context_1.DialogProvider, { value: context, children: (0, jsx_runtime_1.jsx)(modal_1.Modal, Object.assign({ isOpen, onClose }, modalProps, { disableBackdropClose, children: (0, jsx_runtime_1.jsx)(exports.DialogBase, Object.assign({ className: (0, utils_1.cs)('vui-dialog', className), id: dialogId, maxH: placement === 'center' ? 'calc(100vh - 32px)' : '100%', ref: ref, role: "dialog" }, ariaProps, styles.container, rest, { children: children !== null && children !== void 0 ? children : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, utils_1.isJsx)(header) ? header : showHeader && (0, jsx_runtime_1.jsx)(dialogHeader_1.default, Object.assign({ closeButton, icon, title }, header)), (0, utils_1.isJsx)(body) ? body : body && (0, jsx_runtime_1.jsx)(dialogBody_1.default, Object.assign({}, body)), (0, utils_1.isJsx)(footer) ? footer : showFooter && (0, jsx_runtime_1.jsx)(dialogFooter_1.default, Object.assign({ cancelButton, submitButton }, footer))] })) })) })) }));
 });
 exports.Dialog.Body = dialogBody_1.default;
 exports.Dialog.CancelButton = dialogCancelButton_1.default;

package/dist/cjs/dialog/dialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"dialog.js","sourceRoot":"","sources":["../../../src/dialog/dialog.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"dialog.js","sourceRoot":"","sources":["../../../src/dialog/dialog.tsx"],"names":[],"mappings":"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"}

package/dist/cjs/dialog/dialog.types.d.ts

@@ -1,4 +1,4 @@
-import { ReactText } from 'react';
+/// <reference types="react" />
 import { BoxProps } from '../box';
 import { ButtonProps, IconButtonProps } from '../button';
 import { HeadingProps } from '../heading';
@@ -17,9 +17,10 @@ export type DialogContext = Pick<DialogProps, 'icon' | 'isOpen' | 'onClose' | 's
 export type DialogFooterProps = PropsOf<'div', BoxProps & Pick<DialogProps, 'cancelButton' | 'submitButton'>>;
 export type DialogHeaderProps = PropsOf<'div', BoxProps & Pick<DialogProps, 'closeButton' | 'icon' | 'title'>>;
 export type DialogIconProps = PropsOf<'svg', IconProps>;
+export type DialogPlacement = 'left' | 'center' | 'right';
 export type DialogProps = SystemProps & ThemingProps<'Dialog'> & Pick<ModalProps, 'isOpen' | 'onClose'> & {
     /** Socket for the main Dialog content. */
-    body?: ReactText | DialogBodyProps | JSX.Element;
+    body?: string | number | DialogBodyProps | JSX.Element;
     /** Socket for a cancel button in the Dialog Footer. */
     cancelButton?: DialogCancelButtonProps | JSX.Element;
     /** Socket for a close icon button in the Dialog Header. */
@@ -34,6 +35,8 @@ export type DialogProps = SystemProps & ThemingProps<'Dialog'> & Pick<ModalProps
     icon?: IconProp | DialogIconProps | JSX.Element;
     /** The props being passed into the internal Modal component. */
     modalProps?: ModalProps;
+    /** Position of the dialog @default center */
+    placement?: DialogPlacement;
     /** Adds an icon for a given status, such as error or warning. */
     status?: DialogStatus;
     /** Socket for a submit button in the Dialog Footer. */

package/dist/cjs/dialog/dialog.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dialog.types.d.ts","sourceRoot":"","sources":["../../../src/dialog/dialog.types.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"dialog.types.d.ts","sourceRoot":"","sources":["../../../src/dialog/dialog.types.ts"],"names":[],"mappings":"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"}

package/dist/cjs/drawer/drawer.d.ts

@@ -0,0 +1,5 @@
+import { DrawerProps } from './drawer.types';
+/** Drawer component based on Dialog. */
+export declare const Drawer: import("../core").VuiComponent<"div", DrawerProps>;
+export default Drawer;
+//# sourceMappingURL=drawer.d.ts.map

package/dist/cjs/drawer/drawer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"drawer.d.ts","sourceRoot":"","sources":["../../../src/drawer/drawer.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAE5C,wCAAwC;AACxC,eAAO,MAAM,MAAM,oDAajB,CAAA;AAGF,eAAe,MAAM,CAAA"}

package/dist/cjs/drawer/drawer.js

@@ -0,0 +1,21 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Drawer = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const box_1 = __importDefault(require("../box"));
+const core_1 = require("../core");
+const dialog_1 = require("../dialog");
+const utils_1 = require("../utils");
+/** Drawer component based on Dialog. */
+exports.Drawer = (0, core_1.vui)((props, ref) => {
+    const { children, className, dialogProps, isLeft, isOpen, onClose } = (0, core_1.omitThemingProps)(props);
+    const styles = (0, core_1.useStyleConfig)('Drawer', props);
+    const placement = isLeft ? 'left' : 'right';
+    return ((0, jsx_runtime_1.jsx)(dialog_1.Dialog, Object.assign({ isOpen: isOpen, onClose: onClose, placement: placement, ref: ref }, dialogProps, { children: (0, jsx_runtime_1.jsx)(box_1.default, Object.assign({ className: (0, utils_1.cs)('vui-drawer', className), column: true, p: 3 }, styles, { h: "100vh", overflow: "hidden", children: children })) })));
+});
+exports.Drawer.displayName = 'Drawer';
+exports.default = exports.Drawer;
+//# sourceMappingURL=drawer.js.map

package/dist/cjs/drawer/drawer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"drawer.js","sourceRoot":"","sources":["../../../src/drawer/drawer.tsx"],"names":[],"mappings":";;;;;;;AAAA,iDAAwB;AACxB,kCAA+D;AAC/D,sCAAkC;AAClC,oCAA6B;AAG7B,wCAAwC;AAC3B,QAAA,MAAM,GAAG,IAAA,UAAG,EAAqB,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IAC3D,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,GAAG,IAAA,uBAAgB,EAAC,KAAK,CAAC,CAAA;IAC7F,MAAM,MAAM,GAAG,IAAA,qBAAc,EAAC,QAAQ,EAAE,KAAK,CAAC,CAAA;IAE9C,MAAM,SAAS,GAAG,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAA;IAE3C,OAAO,CACL,uBAAC,eAAM,kBAAC,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,GAAG,EAAE,GAAG,IAAM,WAAW,cACvF,uBAAC,aAAG,kBAAC,SAAS,EAAE,IAAA,UAAE,EAAC,YAAY,EAAE,SAAS,CAAC,EAAE,MAAM,QAAC,CAAC,EAAE,CAAC,IAAM,MAAM,IAAE,CAAC,EAAC,OAAO,EAAC,QAAQ,EAAC,QAAQ,YAC9F,QAAQ,IACL,IACC,CACV,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,cAAM,CAAC,WAAW,GAAG,QAAQ,CAAA;AAC7B,kBAAe,cAAM,CAAA"}

package/dist/cjs/drawer/drawer.types.d.ts

@@ -0,0 +1,14 @@
+import { DialogProps } from '../dialog';
+import { SystemProps } from '../system';
+import { ThemingProps } from '../theme';
+export type DrawerProps = SystemProps & ThemingProps<'Drawer'> & {
+    /** The props being passed into the internal Dialog component. */
+    dialogProps?: DialogProps;
+    /** Determines if the drawer is on the left side of the screen. @default false */
+    isLeft?: boolean;
+    /** Determines if the drawer is open. @default false */
+    isOpen?: boolean;
+    /** Function to be called when the drawer is closed */
+    onClose?: () => void;
+};
+//# sourceMappingURL=drawer.types.d.ts.map

package/dist/cjs/drawer/drawer.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"drawer.types.d.ts","sourceRoot":"","sources":["../../../src/drawer/drawer.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAA;AACvC,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAA;AACvC,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AAEvC,MAAM,MAAM,WAAW,GAAG,WAAW,GACnC,YAAY,CAAC,QAAQ,CAAC,GAAG;IACvB,iEAAiE;IACjE,WAAW,CAAC,EAAE,WAAW,CAAA;IACzB,iFAAiF;IACjF,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,uDAAuD;IACvD,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,sDAAsD;IACtD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;CACrB,CAAA"}

package/dist/cjs/drawer/drawer.types.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=drawer.types.js.map

package/dist/cjs/drawer/drawer.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"drawer.types.js","sourceRoot":"","sources":["../../../src/drawer/drawer.types.ts"],"names":[],"mappings":""}

package/dist/cjs/drawer/index.d.ts

@@ -0,0 +1,4 @@
+export * from './drawer';
+export { default } from './drawer';
+export * from './drawer.types';
+//# sourceMappingURL=index.d.ts.map

package/dist/cjs/drawer/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/drawer/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAA;AACxB,OAAO,EAAE,OAAO,EAAE,MAAM,UAAU,CAAA;AAClC,cAAc,gBAAgB,CAAA"}

package/dist/cjs/drawer/index.js

@@ -0,0 +1,25 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = void 0;
+__exportStar(require("./drawer"), exports);
+var drawer_1 = require("./drawer");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(drawer_1).default; } });
+__exportStar(require("./drawer.types"), exports);
+//# sourceMappingURL=index.js.map

package/dist/cjs/drawer/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/drawer/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA,2CAAwB;AACxB,mCAAkC;AAAzB,kHAAA,OAAO,OAAA;AAChB,iDAA8B"}

package/dist/cjs/drawer/theme.d.ts

@@ -0,0 +1,8 @@
+declare const _default: {
+    baseStyle: {};
+    defaultProps: {};
+    sizes: {};
+    variants: {};
+};
+export default _default;
+//# sourceMappingURL=theme.d.ts.map

package/dist/cjs/drawer/theme.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../src/drawer/theme.ts"],"names":[],"mappings":";;;;;;AAQA,wBAKC"}

package/dist/cjs/drawer/theme.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const baseStyle = {};
+const defaultProps = {};
+const sizes = {};
+const variants = {};
+exports.default = {
+    baseStyle,
+    defaultProps,
+    sizes,
+    variants,
+};
+//# sourceMappingURL=theme.js.map

package/dist/cjs/drawer/theme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme.js","sourceRoot":"","sources":["../../../src/drawer/theme.ts"],"names":[],"mappings":";;AAAA,MAAM,SAAS,GAAG,EAAE,CAAA;AAEpB,MAAM,YAAY,GAAG,EAAE,CAAA;AAEvB,MAAM,KAAK,GAAG,EAAE,CAAA;AAEhB,MAAM,QAAQ,GAAG,EAAE,CAAA;AAEnB,kBAAe;IACb,SAAS;IACT,YAAY;IACZ,KAAK;IACL,QAAQ;CACT,CAAA"}

package/dist/cjs/index.d.ts

@@ -16,6 +16,7 @@ export * from './datePicker';
 export * from './dialog';
 export * from './divider';
 export * from './dragAndDrop';
+export * from './drawer';
 export * from './focusLock';
 export * from './footer';
 export * from './grid';

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAA;AAC3B,cAAc,UAAU,CAAA;AACxB,cAAc,SAAS,CAAA;AACvB,cAAc,OAAO,CAAA;AACrB,cAAc,eAAe,CAAA;AAC7B,cAAc,UAAU,CAAA;AACxB,cAAc,eAAe,CAAA;AAC7B,cAAc,qBAAqB,CAAA;AACnC,cAAc,YAAY,CAAA;AAC1B,cAAc,QAAQ,CAAA;AACtB,cAAc,YAAY,CAAA;AAC1B,cAAc,mBAAmB,CAAA;AACjC,cAAc,QAAQ,CAAA;AACtB,cAAc,cAAc,CAAA;AAC5B,cAAc,cAAc,CAAA;AAC5B,cAAc,UAAU,CAAA;AACxB,cAAc,WAAW,CAAA;AACzB,cAAc,eAAe,CAAA;AAC7B,cAAc,aAAa,CAAA;AAC3B,cAAc,UAAU,CAAA;AACxB,cAAc,QAAQ,CAAA;AACtB,cAAc,UAAU,CAAA;AACxB,cAAc,WAAW,CAAA;AACzB,cAAc,QAAQ,CAAA;AACtB,cAAc,SAAS,CAAA;AACvB,cAAc,SAAS,CAAA;AACvB,cAAc,SAAS,CAAA;AACvB,cAAc,SAAS,CAAA;AACvB,cAAc,QAAQ,CAAA;AACtB,cAAc,QAAQ,CAAA;AACtB,cAAc,QAAQ,CAAA;AACtB,cAAc,QAAQ,CAAA;AACtB,cAAc,WAAW,CAAA;AACzB,cAAc,SAAS,CAAA;AACvB,cAAc,gBAAgB,CAAA;AAC9B,cAAc,KAAK,CAAA;AACnB,cAAc,cAAc,CAAA;AAC5B,cAAc,SAAS,CAAA;AACvB,cAAc,WAAW,CAAA;AACzB,cAAc,UAAU,CAAA;AACxB,cAAc,YAAY,CAAA;AAC1B,cAAc,oBAAoB,CAAA;AAClC,cAAc,SAAS,CAAA;AACvB,cAAc,SAAS,CAAA;AACvB,cAAc,UAAU,CAAA;AACxB,cAAc,YAAY,CAAA;AAC1B,cAAc,YAAY,CAAA;AAC1B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,qBAAqB,CAAA;AACnC,cAAc,mBAAmB,CAAA;AACjC,cAAc,WAAW,CAAA;AACzB,cAAc,OAAO,CAAA;AACrB,cAAc,UAAU,CAAA;AACxB,cAAc,UAAU,CAAA;AACxB,cAAc,KAAK,CAAA;AACnB,cAAc,SAAS,CAAA;AACvB,cAAc,WAAW,CAAA;AACzB,cAAc,SAAS,CAAA;AACvB,cAAc,QAAQ,CAAA;AACtB,cAAc,OAAO,CAAA;AACrB,cAAc,YAAY,CAAA;AAC1B,cAAc,SAAS,CAAA;AACvB,cAAc,QAAQ,CAAA;AACtB,cAAc,YAAY,CAAA;AAC1B,cAAc,SAAS,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAA;AAC3B,cAAc,UAAU,CAAA;AACxB,cAAc,SAAS,CAAA;AACvB,cAAc,OAAO,CAAA;AACrB,cAAc,eAAe,CAAA;AAC7B,cAAc,UAAU,CAAA;AACxB,cAAc,eAAe,CAAA;AAC7B,cAAc,qBAAqB,CAAA;AACnC,cAAc,YAAY,CAAA;AAC1B,cAAc,QAAQ,CAAA;AACtB,cAAc,YAAY,CAAA;AAC1B,cAAc,mBAAmB,CAAA;AACjC,cAAc,QAAQ,CAAA;AACtB,cAAc,cAAc,CAAA;AAC5B,cAAc,cAAc,CAAA;AAC5B,cAAc,UAAU,CAAA;AACxB,cAAc,WAAW,CAAA;AACzB,cAAc,eAAe,CAAA;AAC7B,cAAc,UAAU,CAAA;AACxB,cAAc,aAAa,CAAA;AAC3B,cAAc,UAAU,CAAA;AACxB,cAAc,QAAQ,CAAA;AACtB,cAAc,UAAU,CAAA;AACxB,cAAc,WAAW,CAAA;AACzB,cAAc,QAAQ,CAAA;AACtB,cAAc,SAAS,CAAA;AACvB,cAAc,SAAS,CAAA;AACvB,cAAc,SAAS,CAAA;AACvB,cAAc,SAAS,CAAA;AACvB,cAAc,QAAQ,CAAA;AACtB,cAAc,QAAQ,CAAA;AACtB,cAAc,QAAQ,CAAA;AACtB,cAAc,QAAQ,CAAA;AACtB,cAAc,WAAW,CAAA;AACzB,cAAc,SAAS,CAAA;AACvB,cAAc,gBAAgB,CAAA;AAC9B,cAAc,KAAK,CAAA;AACnB,cAAc,cAAc,CAAA;AAC5B,cAAc,SAAS,CAAA;AACvB,cAAc,WAAW,CAAA;AACzB,cAAc,UAAU,CAAA;AACxB,cAAc,YAAY,CAAA;AAC1B,cAAc,oBAAoB,CAAA;AAClC,cAAc,SAAS,CAAA;AACvB,cAAc,SAAS,CAAA;AACvB,cAAc,UAAU,CAAA;AACxB,cAAc,YAAY,CAAA;AAC1B,cAAc,YAAY,CAAA;AAC1B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,qBAAqB,CAAA;AACnC,cAAc,mBAAmB,CAAA;AACjC,cAAc,WAAW,CAAA;AACzB,cAAc,OAAO,CAAA;AACrB,cAAc,UAAU,CAAA;AACxB,cAAc,UAAU,CAAA;AACxB,cAAc,KAAK,CAAA;AACnB,cAAc,SAAS,CAAA;AACvB,cAAc,WAAW,CAAA;AACzB,cAAc,SAAS,CAAA;AACvB,cAAc,QAAQ,CAAA;AACtB,cAAc,OAAO,CAAA;AACrB,cAAc,YAAY,CAAA;AAC1B,cAAc,SAAS,CAAA;AACvB,cAAc,QAAQ,CAAA;AACtB,cAAc,YAAY,CAAA;AAC1B,cAAc,SAAS,CAAA"}

package/dist/cjs/index.js

@@ -32,6 +32,7 @@ __exportStar(require("./datePicker"), exports);
 __exportStar(require("./dialog"), exports);
 __exportStar(require("./divider"), exports);
 __exportStar(require("./dragAndDrop"), exports);
+__exportStar(require("./drawer"), exports);
 __exportStar(require("./focusLock"), exports);
 __exportStar(require("./footer"), exports);
 __exportStar(require("./grid"), exports);

package/dist/cjs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,8CAA2B;AAC3B,2CAAwB;AACxB,0CAAuB;AACvB,wCAAqB;AACrB,gDAA6B;AAC7B,2CAAwB;AACxB,gDAA6B;AAC7B,sDAAmC;AACnC,6CAA0B;AAC1B,yCAAsB;AACtB,6CAA0B;AAC1B,oDAAiC;AACjC,yCAAsB;AACtB,+CAA4B;AAC5B,+CAA4B;AAC5B,2CAAwB;AACxB,4CAAyB;AACzB,gDAA6B;AAC7B,8CAA2B;AAC3B,2CAAwB;AACxB,yCAAsB;AACtB,2CAAwB;AACxB,4CAAyB;AACzB,yCAAsB;AACtB,0CAAuB;AACvB,0CAAuB;AACvB,0CAAuB;AACvB,0CAAuB;AACvB,yCAAsB;AACtB,yCAAsB;AACtB,yCAAsB;AACtB,yCAAsB;AACtB,4CAAyB;AACzB,0CAAuB;AACvB,iDAA8B;AAC9B,sCAAmB;AACnB,+CAA4B;AAC5B,0CAAuB;AACvB,4CAAyB;AACzB,2CAAwB;AACxB,6CAA0B;AAC1B,qDAAkC;AAClC,0CAAuB;AACvB,0CAAuB;AACvB,2CAAwB;AACxB,6CAA0B;AAC1B,6CAA0B;AAC1B,kDAA+B;AAC/B,sDAAmC;AACnC,oDAAiC;AACjC,4CAAyB;AACzB,wCAAqB;AACrB,2CAAwB;AACxB,2CAAwB;AACxB,sCAAmB;AACnB,0CAAuB;AACvB,4CAAyB;AACzB,0CAAuB;AACvB,yCAAsB;AACtB,wCAAqB;AACrB,6CAA0B;AAC1B,0CAAuB;AACvB,yCAAsB;AACtB,6CAA0B;AAC1B,0CAAuB"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,8CAA2B;AAC3B,2CAAwB;AACxB,0CAAuB;AACvB,wCAAqB;AACrB,gDAA6B;AAC7B,2CAAwB;AACxB,gDAA6B;AAC7B,sDAAmC;AACnC,6CAA0B;AAC1B,yCAAsB;AACtB,6CAA0B;AAC1B,oDAAiC;AACjC,yCAAsB;AACtB,+CAA4B;AAC5B,+CAA4B;AAC5B,2CAAwB;AACxB,4CAAyB;AACzB,gDAA6B;AAC7B,2CAAwB;AACxB,8CAA2B;AAC3B,2CAAwB;AACxB,yCAAsB;AACtB,2CAAwB;AACxB,4CAAyB;AACzB,yCAAsB;AACtB,0CAAuB;AACvB,0CAAuB;AACvB,0CAAuB;AACvB,0CAAuB;AACvB,yCAAsB;AACtB,yCAAsB;AACtB,yCAAsB;AACtB,yCAAsB;AACtB,4CAAyB;AACzB,0CAAuB;AACvB,iDAA8B;AAC9B,sCAAmB;AACnB,+CAA4B;AAC5B,0CAAuB;AACvB,4CAAyB;AACzB,2CAAwB;AACxB,6CAA0B;AAC1B,qDAAkC;AAClC,0CAAuB;AACvB,0CAAuB;AACvB,2CAAwB;AACxB,6CAA0B;AAC1B,6CAA0B;AAC1B,kDAA+B;AAC/B,sDAAmC;AACnC,oDAAiC;AACjC,4CAAyB;AACzB,wCAAqB;AACrB,2CAAwB;AACxB,2CAAwB;AACxB,sCAAmB;AACnB,0CAAuB;AACvB,4CAAyB;AACzB,0CAAuB;AACvB,yCAAsB;AACtB,wCAAqB;AACrB,6CAA0B;AAC1B,0CAAuB;AACvB,yCAAsB;AACtB,6CAA0B;AAC1B,0CAAuB"}

package/dist/cjs/modal/modal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"modal.d.ts","sourceRoot":"","sources":["../../../src/modal/modal.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAO,YAAY,EAAE,MAAM,SAAS,CAAA;AAK3C,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAC1C,OAAO,aAAa,MAAM,iBAAiB,CAAA;AAC3C,OAAO,YAAY,MAAM,gBAAgB,CAAA;AAGzC;;;;;GAKG;AACH,eAAO,MAAM,KAAK;cA+FN,oBAAoB;aACrB,mBAAmB;CAC7B,CAAA;AAMD,eAAe,KAAK,CAAA"}
+{"version":3,"file":"modal.d.ts","sourceRoot":"","sources":["../../../src/modal/modal.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAO,YAAY,EAAE,MAAM,SAAS,CAAA;AAK3C,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAC1C,OAAO,aAAa,MAAM,iBAAiB,CAAA;AAC3C,OAAO,YAAY,MAAM,gBAAgB,CAAA;AAGzC;;;;;GAKG;AACH,eAAO,MAAM,KAAK;cAgGN,oBAAoB;aACrB,mBAAmB;CAC7B,CAAA;AAMD,eAAe,KAAK,CAAA"}

package/dist/cjs/modal/modal.js

@@ -34,7 +34,7 @@ const modalManager_1 = require("./modalManager");
  */
 exports.Modal = (0, core_1.vui)((props, ref) => {
     var _a, _b;
-    const { allowPinchZoom, children, className, contentProps, disableAutoFocus, disableBackdropClose, disableEscClose, disablePortal, disableReturnFocus, disableScrollLock, disableTrapFocus, finalFocusRef, hideBackdrop, initialFocusRef, isOpen, onBackdropClick: onBackdropClickProp, onClose, onEsc, preserveScrollBar, size, variant } = props, rest = __rest(props, ["allowPinchZoom", "children", "className", "contentProps", "disableAutoFocus", "disableBackdropClose", "disableEscClose", "disablePortal", "disableReturnFocus", "disableScrollLock", "disableTrapFocus", "finalFocusRef", "hideBackdrop", "initialFocusRef", "isOpen", "onBackdropClick", "onClose", "onEsc", "preserveScrollBar", "size", "variant"]);
+    const { allowPinchZoom, animation = 'fadeDown', children, className, contentProps, disableAutoFocus, disableBackdropClose, disableEscClose, disablePortal, disableReturnFocus, disableScrollLock, disableTrapFocus, finalFocusRef, hideBackdrop, initialFocusRef, isOpen, onBackdropClick: onBackdropClickProp, onClose, onEsc, preserveScrollBar, size, variant } = props, rest = __rest(props, ["allowPinchZoom", "animation", "children", "className", "contentProps", "disableAutoFocus", "disableBackdropClose", "disableEscClose", "disablePortal", "disableReturnFocus", "disableScrollLock", "disableTrapFocus", "finalFocusRef", "hideBackdrop", "initialFocusRef", "isOpen", "onBackdropClick", "onClose", "onEsc", "preserveScrollBar", "size", "variant"]);
     const modalRef = (0, react_1.useRef)(null);
     const mouseDownTarget = (0, react_1.useRef)(null);
     (0, modalManager_1.useModalManager)(modalRef, isOpen, disableScrollLock);
@@ -69,7 +69,7 @@ exports.Modal = (0, core_1.vui)((props, ref) => {
         tabIndex: (_b = (_a = children === null || children === void 0 ? void 0 : children.props) === null || _a === void 0 ? void 0 : _a.tabIndex) !== null && _b !== void 0 ? _b : -1,
     };
     const context = { isOpen, onBackdropClick, onClose, size, variant };
-    return ((0, jsx_runtime_1.jsx)(context_1.ModalProvider, { value: context, children: (0, jsx_runtime_1.jsx)(portal_1.default, { disablePortal: disablePortal, children: (0, jsx_runtime_1.jsxs)(box_1.default, Object.assign({ className: (0, utils_1.cs)('vui-modal', className), ref: (0, utils_1.mergeRefs)(ref, modalRef) }, rest, { onKeyDown: (0, utils_1.callAll)(props.onKeyDown, onKeyDown), onMouseDown: (0, utils_1.callAll)(props.onMouseDown, onMouseDown), children: [!hideBackdrop && (0, jsx_runtime_1.jsx)(modalBackdrop_1.default, {}), (0, jsx_runtime_1.jsx)(focusLock_1.default, { autoFocus: !disableAutoFocus, finalFocusRef: finalFocusRef, initialFocusRef: initialFocusRef, isDisabled: disableTrapFocus, returnFocus: !disableReturnFocus, children: (0, jsx_runtime_1.jsx)(modalContent_1.default, Object.assign({ animation: "fadeDown" }, contentProps, { children: (0, react_1.cloneElement)(children, childProps) })) })] })) }) }));
+    return ((0, jsx_runtime_1.jsx)(context_1.ModalProvider, { value: context, children: (0, jsx_runtime_1.jsx)(portal_1.default, { disablePortal: disablePortal, children: (0, jsx_runtime_1.jsxs)(box_1.default, Object.assign({ className: (0, utils_1.cs)('vui-modal', className), ref: (0, utils_1.mergeRefs)(ref, modalRef) }, rest, { onKeyDown: (0, utils_1.callAll)(props.onKeyDown, onKeyDown), onMouseDown: (0, utils_1.callAll)(props.onMouseDown, onMouseDown), children: [!hideBackdrop && (0, jsx_runtime_1.jsx)(modalBackdrop_1.default, {}), (0, jsx_runtime_1.jsx)(focusLock_1.default, { autoFocus: !disableAutoFocus, finalFocusRef: finalFocusRef, initialFocusRef: initialFocusRef, isDisabled: disableTrapFocus, returnFocus: !disableReturnFocus, children: (0, jsx_runtime_1.jsx)(modalContent_1.default, Object.assign({ animation: animation }, contentProps, { children: (0, react_1.cloneElement)(children, childProps) })) })] })) }) }));
 });
 exports.Modal.Backdrop = modalBackdrop_1.default;
 exports.Modal.Content = modalContent_1.default;

package/dist/cjs/modal/modal.js.map

@@ -1 +1 @@
-{"version":3,"file":"modal.js","sourceRoot":"","sources":["../../../src/modal/modal.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA,iCAAmD;AAEnD,iDAAwB;AACxB,kCAA2C;AAC3C,6DAAoC;AACpC,uDAA8B;AAC9B,oCAA4E;AAC5E,uCAAyC;AAEzC,oEAA2C;AAC3C,kEAAyC;AACzC,iDAAyD;AAEzD;;;;;GAKG;AACU,QAAA,KAAK,GAAG,IAAA,UAAG,EAAoB,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;;IACzD,MAAM,EACJ,cAAc,EACd,QAAQ,EACR,SAAS,EACT,YAAY,EACZ,gBAAgB,EAChB,oBAAoB,EACpB,eAAe,EACf,aAAa,EACb,kBAAkB,EAClB,iBAAiB,EACjB,gBAAgB,EAChB,aAAa,EACb,YAAY,EACZ,eAAe,EACf,MAAM,EACN,eAAe,EAAE,mBAAmB,EACpC,OAAO,EACP,KAAK,EACL,iBAAiB,EACjB,IAAI,EACJ,OAAO,KAEL,KAAK,EADJ,IAAI,UACL,KAAK,EAvBH,uVAuBL,CAAQ,CAAA;IACT,MAAM,QAAQ,GAAG,IAAA,cAAM,EAAc,IAAI,CAAC,CAAA;IAC1C,MAAM,eAAe,GAAG,IAAA,cAAM,EAAqB,IAAI,CAAC,CAAA;IAExD,IAAA,8BAAe,EAAC,QAAQ,EAAE,MAAM,EAAE,iBAAiB,CAAC,CAAA;IAEpD,IAAI,CAAC,MAAM;QAAE,OAAO,IAAI,CAAA;IAExB,MAAM,eAAe,GAAG,CAAC,CAAa,EAAE,EAAE;QACxC,CAAC,CAAC,eAAe,EAAE,CAAA;QAEnB,mFAAmF;QACnF,IAAI,eAAe,CAAC,OAAO,KAAK,CAAC,CAAC,MAAM;YAAE,OAAM;QAEhD,IAAI,CAAC,sBAAO,CAAC,UAAU,CAAC,QAAQ,CAAC;YAAE,OAAM;QAEzC,IAAI,CAAC,oBAAoB,EAAE,CAAC;YAC1B,OAAO,aAAP,OAAO,uBAAP,OAAO,EAAI,CAAA;YACX,mBAAmB,aAAnB,mBAAmB,uBAAnB,mBAAmB,CAAG,CAAC,CAAC,CAAA;QAC1B,CAAC;IACH,CAAC,CAAA;IAED,MAAM,SAAS,GAAG,CAAC,CAAgC,EAAE,EAAE;QACrD,IAAI,CAAC,CAAC,GAAG,KAAK,QAAQ,EAAE,CAAC;YACvB,CAAC,CAAC,eAAe,EAAE,CAAA;YAEnB,CAAC,eAAe,KAAI,OAAO,aAAP,OAAO,uBAAP,OAAO,EAAI,CAAA,CAAA;YAE/B,KAAK,aAAL,KAAK,uBAAL,KAAK,EAAI,CAAA;QACX,CAAC;IACH,CAAC,CAAA;IAED,MAAM,WAAW,GAAG,CAAC,CAAa,EAAE,EAAE,CAAC,CAAC,eAAe,CAAC,OAAO,GAAG,CAAC,CAAC,MAAM,CAAC,CAAA;IAE3E,MAAM,UAAU,GAAG;QACjB,OAAO,EAAE,CAAC,CAAM,EAAE,EAAE;;YAClB,CAAC,CAAC,eAAe,EAAE,CAAA;YACnB,MAAA,MAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,KAAK,0CAAE,OAAO,mDAAG,CAAC,CAAC,CAAA;QAC/B,CAAC;QACD,QAAQ,EAAE,MAAA,MAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,KAAK,0CAAE,QAAQ,mCAAI,CAAC,CAAC;KAC1C,CAAA;IAED,MAAM,OAAO,GAAG,EAAE,MAAM,EAAE,eAAe,EAAE,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,CAAA;IAEnE,OAAO,CACL,uBAAC,uBAAa,IAAC,KAAK,EAAE,OAAO,YAC3B,uBAAC,gBAAM,IAAC,aAAa,EAAE,aAAa,YAClC,wBAAC,aAAG,kBACF,SAAS,EAAE,IAAA,UAAE,EAAC,WAAW,EAAE,SAAS,CAAC,EACrC,GAAG,EAAE,IAAA,iBAAS,EAAC,GAAG,EAAE,QAAQ,CAAC,IACzB,IAAI,IACR,SAAS,EAAE,IAAA,eAAO,EAAC,KAAK,CAAC,SAAS,EAAE,SAAS,CAAC,EAC9C,WAAW,EAAE,IAAA,eAAO,EAAC,KAAK,CAAC,WAAW,EAAE,WAAW,CAAC,aAEnD,CAAC,YAAY,IAAI,uBAAC,uBAAa,KAAG,EACnC,uBAAC,mBAAS,IACR,SAAS,EAAE,CAAC,gBAAgB,EAC5B,aAAa,EAAE,aAAa,EAC5B,eAAe,EAAE,eAAe,EAChC,UAAU,EAAE,gBAAgB,EAC5B,WAAW,EAAE,CAAC,kBAAkB,YAEhC,uBAAC,sBAAY,kBAAC,SAAS,EAAC,UAAU,IAAK,YAAY,cAChD,IAAA,oBAAY,EAAC,QAAQ,EAAE,UAAU,CAAC,IACtB,GACL,KACR,GACC,GACK,CACjB,CAAA;AACH,CAAC,CAGA,CAAA;AAED,aAAK,CAAC,QAAQ,GAAG,uBAAa,CAAA;AAC9B,aAAK,CAAC,OAAO,GAAG,sBAAY,CAAA;AAC5B,aAAK,CAAC,WAAW,GAAG,OAAO,CAAA;AAE3B,kBAAe,aAAK,CAAA"}
+{"version":3,"file":"modal.js","sourceRoot":"","sources":["../../../src/modal/modal.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA,iCAAmD;AAEnD,iDAAwB;AACxB,kCAA2C;AAC3C,6DAAoC;AACpC,uDAA8B;AAC9B,oCAA4E;AAC5E,uCAAyC;AAEzC,oEAA2C;AAC3C,kEAAyC;AACzC,iDAAyD;AAEzD;;;;;GAKG;AACU,QAAA,KAAK,GAAG,IAAA,UAAG,EAAoB,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;;IACzD,MAAM,EACJ,cAAc,EACd,SAAS,GAAG,UAAU,EACtB,QAAQ,EACR,SAAS,EACT,YAAY,EACZ,gBAAgB,EAChB,oBAAoB,EACpB,eAAe,EACf,aAAa,EACb,kBAAkB,EAClB,iBAAiB,EACjB,gBAAgB,EAChB,aAAa,EACb,YAAY,EACZ,eAAe,EACf,MAAM,EACN,eAAe,EAAE,mBAAmB,EACpC,OAAO,EACP,KAAK,EACL,iBAAiB,EACjB,IAAI,EACJ,OAAO,KAEL,KAAK,EADJ,IAAI,UACL,KAAK,EAxBH,oWAwBL,CAAQ,CAAA;IACT,MAAM,QAAQ,GAAG,IAAA,cAAM,EAAc,IAAI,CAAC,CAAA;IAC1C,MAAM,eAAe,GAAG,IAAA,cAAM,EAAqB,IAAI,CAAC,CAAA;IAExD,IAAA,8BAAe,EAAC,QAAQ,EAAE,MAAM,EAAE,iBAAiB,CAAC,CAAA;IAEpD,IAAI,CAAC,MAAM;QAAE,OAAO,IAAI,CAAA;IAExB,MAAM,eAAe,GAAG,CAAC,CAAa,EAAE,EAAE;QACxC,CAAC,CAAC,eAAe,EAAE,CAAA;QAEnB,mFAAmF;QACnF,IAAI,eAAe,CAAC,OAAO,KAAK,CAAC,CAAC,MAAM;YAAE,OAAM;QAEhD,IAAI,CAAC,sBAAO,CAAC,UAAU,CAAC,QAAQ,CAAC;YAAE,OAAM;QAEzC,IAAI,CAAC,oBAAoB,EAAE,CAAC;YAC1B,OAAO,aAAP,OAAO,uBAAP,OAAO,EAAI,CAAA;YACX,mBAAmB,aAAnB,mBAAmB,uBAAnB,mBAAmB,CAAG,CAAC,CAAC,CAAA;QAC1B,CAAC;IACH,CAAC,CAAA;IAED,MAAM,SAAS,GAAG,CAAC,CAAgC,EAAE,EAAE;QACrD,IAAI,CAAC,CAAC,GAAG,KAAK,QAAQ,EAAE,CAAC;YACvB,CAAC,CAAC,eAAe,EAAE,CAAA;YAEnB,CAAC,eAAe,KAAI,OAAO,aAAP,OAAO,uBAAP,OAAO,EAAI,CAAA,CAAA;YAE/B,KAAK,aAAL,KAAK,uBAAL,KAAK,EAAI,CAAA;QACX,CAAC;IACH,CAAC,CAAA;IAED,MAAM,WAAW,GAAG,CAAC,CAAa,EAAE,EAAE,CAAC,CAAC,eAAe,CAAC,OAAO,GAAG,CAAC,CAAC,MAAM,CAAC,CAAA;IAE3E,MAAM,UAAU,GAAG;QACjB,OAAO,EAAE,CAAC,CAAM,EAAE,EAAE;;YAClB,CAAC,CAAC,eAAe,EAAE,CAAA;YACnB,MAAA,MAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,KAAK,0CAAE,OAAO,mDAAG,CAAC,CAAC,CAAA;QAC/B,CAAC;QACD,QAAQ,EAAE,MAAA,MAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,KAAK,0CAAE,QAAQ,mCAAI,CAAC,CAAC;KAC1C,CAAA;IAED,MAAM,OAAO,GAAG,EAAE,MAAM,EAAE,eAAe,EAAE,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,CAAA;IAEnE,OAAO,CACL,uBAAC,uBAAa,IAAC,KAAK,EAAE,OAAO,YAC3B,uBAAC,gBAAM,IAAC,aAAa,EAAE,aAAa,YAClC,wBAAC,aAAG,kBACF,SAAS,EAAE,IAAA,UAAE,EAAC,WAAW,EAAE,SAAS,CAAC,EACrC,GAAG,EAAE,IAAA,iBAAS,EAAC,GAAG,EAAE,QAAQ,CAAC,IACzB,IAAI,IACR,SAAS,EAAE,IAAA,eAAO,EAAC,KAAK,CAAC,SAAS,EAAE,SAAS,CAAC,EAC9C,WAAW,EAAE,IAAA,eAAO,EAAC,KAAK,CAAC,WAAW,EAAE,WAAW,CAAC,aAEnD,CAAC,YAAY,IAAI,uBAAC,uBAAa,KAAG,EACnC,uBAAC,mBAAS,IACR,SAAS,EAAE,CAAC,gBAAgB,EAC5B,aAAa,EAAE,aAAa,EAC5B,eAAe,EAAE,eAAe,EAChC,UAAU,EAAE,gBAAgB,EAC5B,WAAW,EAAE,CAAC,kBAAkB,YAEhC,uBAAC,sBAAY,kBAAC,SAAS,EAAE,SAAS,IAAM,YAAY,cACjD,IAAA,oBAAY,EAAC,QAAQ,EAAE,UAAU,CAAC,IACtB,GACL,KACR,GACC,GACK,CACjB,CAAA;AACH,CAAC,CAGA,CAAA;AAED,aAAK,CAAC,QAAQ,GAAG,uBAAa,CAAA;AAC9B,aAAK,CAAC,OAAO,GAAG,sBAAY,CAAA;AAC5B,aAAK,CAAC,WAAW,GAAG,OAAO,CAAA;AAE3B,kBAAe,aAAK,CAAA"}

package/dist/cjs/modal/modal.types.d.ts

@@ -1,6 +1,6 @@
 import { ReactElement } from 'react';
 import { FocusableElement } from '../focusLock/focusLock.types';
-import { SystemProps } from '../system';
+import { AnimationProp, SystemProps } from '../system';
 import { ThemingProps } from '../theme';
 import { MouseEvent } from '../utils';
 export type ModalBackdropProps = SystemProps;
@@ -9,6 +9,8 @@ export type ModalContext = Pick<ModalProps, 'isOpen' | 'onBackdropClick' | 'onCl
 export type ModalProps = SystemProps & ThemingProps<'Modal'> & {
     /** Handle zoom/pinch gestures on iOS devices when scroll locking is enabled. */
     allowPinchZoom?: boolean;
+    /** The animation to use when the Modal is open. @default fadeDown */
+    animation?: AnimationProp;
     /** A single child content element. */
     children: ReactElement;
     /** Props passed to internal ModalContent component. */

package/dist/cjs/modal/modal.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"modal.types.d.ts","sourceRoot":"","sources":["../../../src/modal/modal.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,OAAO,CAAA;AAEpC,OAAO,EAAE,gBAAgB,EAAE,MAAM,8BAA8B,CAAA;AAC/D,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAA;AACvC,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AACvC,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AAErC,MAAM,MAAM,kBAAkB,GAAG,WAAW,CAAA;AAE5C,MAAM,MAAM,iBAAiB,GAAG,WAAW,CAAA;AAE3C,MAAM,MAAM,YAAY,GAAG,IAAI,CAAC,UAAU,EAAE,QAAQ,GAAG,iBAAiB,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,CAAC,CAAA;AAE1G,MAAM,MAAM,UAAU,GAAG,WAAW,GAClC,YAAY,CAAC,OAAO,CAAC,GAAG;IACtB,gFAAgF;IAChF,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,sCAAsC;IACtC,QAAQ,EAAE,YAAY,CAAA;IACtB,uDAAuD;IACvD,YAAY,CAAC,EAAE,iBAAiB,CAAA;IAChC,kGAAkG;IAClG,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B,4DAA4D;IAC5D,oBAAoB,CAAC,EAAE,OAAO,CAAA;IAC9B,oDAAoD;IACpD,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,4EAA4E;IAC5E,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,4FAA4F;IAC5F,kBAAkB,CAAC,EAAE,OAAO,CAAA;IAC5B,mEAAmE;IACnE,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,mFAAmF;IACnF,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B,uEAAuE;IACvE,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,CAAA;IACjD,wFAAwF;IACxF,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,6EAA6E;IAC7E,eAAe,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,CAAA;IACnD,gEAAgE;IAChE,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,oFAAoF;IACpF,eAAe,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI,CAAA;IACzC,6CAA6C;IAC7C,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,0EAA0E;IAC1E,KAAK,CAAC,EAAE,MAAM,IAAI,CAAA;IAClB,2CAA2C;IAC3C,iBAAiB,CAAC,EAAE,OAAO,CAAA;CAC5B,CAAA"}
+{"version":3,"file":"modal.types.d.ts","sourceRoot":"","sources":["../../../src/modal/modal.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,OAAO,CAAA;AAEpC,OAAO,EAAE,gBAAgB,EAAE,MAAM,8BAA8B,CAAA;AAC/D,OAAO,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,WAAW,CAAA;AACtD,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AACvC,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AAErC,MAAM,MAAM,kBAAkB,GAAG,WAAW,CAAA;AAE5C,MAAM,MAAM,iBAAiB,GAAG,WAAW,CAAA;AAE3C,MAAM,MAAM,YAAY,GAAG,IAAI,CAAC,UAAU,EAAE,QAAQ,GAAG,iBAAiB,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,CAAC,CAAA;AAE1G,MAAM,MAAM,UAAU,GAAG,WAAW,GAClC,YAAY,CAAC,OAAO,CAAC,GAAG;IACtB,gFAAgF;IAChF,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,qEAAqE;IACrE,SAAS,CAAC,EAAE,aAAa,CAAA;IACzB,sCAAsC;IACtC,QAAQ,EAAE,YAAY,CAAA;IACtB,uDAAuD;IACvD,YAAY,CAAC,EAAE,iBAAiB,CAAA;IAChC,kGAAkG;IAClG,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B,4DAA4D;IAC5D,oBAAoB,CAAC,EAAE,OAAO,CAAA;IAC9B,oDAAoD;IACpD,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,4EAA4E;IAC5E,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,4FAA4F;IAC5F,kBAAkB,CAAC,EAAE,OAAO,CAAA;IAC5B,mEAAmE;IACnE,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,mFAAmF;IACnF,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B,uEAAuE;IACvE,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,CAAA;IACjD,wFAAwF;IACxF,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,6EAA6E;IAC7E,eAAe,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,CAAA;IACnD,gEAAgE;IAChE,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,oFAAoF;IACpF,eAAe,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI,CAAA;IACzC,6CAA6C;IAC7C,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,0EAA0E;IAC1E,KAAK,CAAC,EAAE,MAAM,IAAI,CAAA;IAClB,2CAA2C;IAC3C,iBAAiB,CAAC,EAAE,OAAO,CAAA;CAC5B,CAAA"}

package/dist/cjs/theme/components.d.ts

@@ -606,6 +606,12 @@ declare const _default: {
             };
         };
     };
+    Drawer: {
+        baseStyle: {};
+        defaultProps: {};
+        sizes: {};
+        variants: {};
+    };
     Footer: {
         baseStyle: {};
         defaultProps: {