@dreamcommerce/aurora 0.3.4-177 → 0.3.4-180

package/build/cjs/packages/aurora/src/components/modal/hoc/absolute_modal/index.js

@@ -46,7 +46,7 @@ var useStyles = reactJss_esm.createUseStyles({
     }
 });
 var AbsoluteModal = function (_a) {
-    var vPosition = _a.vPosition, hPosition = _a.hPosition, _b = _a.offset, offset = _b === void 0 ? 0 : _b, transform = _a.transform, _c = _a.transformLength, transformLength = _c === void 0 ? constants.DEFAULT_TRANSLATE_MOVE : _c, children = _a.children, animationDirection = _a.animationDirection, isVisible = _a.isVisible, rest = _tslib.__rest(_a, ["vPosition", "hPosition", "offset", "transform", "transformLength", "children", "animationDirection", "isVisible"]);
+    var vPosition = _a.vPosition, hPosition = _a.hPosition, _b = _a.offset, offset = _b === void 0 ? 0 : _b, transform = _a.transform, _c = _a.transformLength, transformLength = _c === void 0 ? constants.DEFAULT_TRANSLATE_MOVE : _c, children = _a.children, animationDirection = _a.animationDirection, isVisible = _a.isVisible, withBackground = _a.withBackground, rest = _tslib.__rest(_a, ["vPosition", "hPosition", "offset", "transform", "transformLength", "children", "animationDirection", "isVisible", "withBackground"]);
     var modalRef = React.useRef(null);
     var _d = React.useState({}), position = _d[0], setPosition = _d[1];
     var classes = useStyles(_tslib.__assign(_tslib.__assign({}, position), { isVisible: isVisible, transformLength: transformLength, transform: transform, animationDirection: animationDirection }));
@@ -61,7 +61,9 @@ var AbsoluteModal = function (_a) {
             animationDirection: animationDirection
         }));
     }, [animationDirection, hPosition, offset, transformLength, vPosition, isVisible]);
-    return reactDom.createPortal(React__default['default'].createElement(modal['default'], _tslib.__assign({ className: "".concat(classes.modal, " ").concat(isVisible ? main_module['default']['modal-window_visible'] : ''), modalRef: modalRef }, rest), children), document.body);
+    return (React__default['default'].createElement(React__default['default'].Fragment, null,
+        reactDom.createPortal(React__default['default'].createElement(modal['default'], _tslib.__assign({ className: "".concat(classes.modal, " ").concat(isVisible ? main_module['default']['modal-window_visible'] : ''), modalRef: modalRef }, rest), children), document.body),
+        isVisible && withBackground && reactDom.createPortal(React__default['default'].createElement("div", { className: main_module['default']['modal-window-mask'] }), document.body)));
 };
 
 exports.default = AbsoluteModal;

package/build/cjs/packages/aurora/src/components/modal/hoc/absolute_modal/index.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA,2BAA2B,+DAAmE;AAC9F;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA,2BAA2B,+DAAmE;AAC9F;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/cjs/packages/aurora/src/components/modal/hoc/relative_modal/index.js

@@ -39,7 +39,7 @@ var useStyles = reactJss_esm.createUseStyles({
     }
 });
 var RelativeModal = function (_a) {
-    var position = _a.position, _b = _a.offset, offset = _b === void 0 ? 0 : _b, _c = _a.transformLength, transformLength = _c === void 0 ? constants.DEFAULT_TRANSLATE_MOVE : _c, children = _a.children, animationDirection = _a.animationDirection, isVisible = _a.isVisible, relativeTo = _a.relativeTo, rest = _tslib.__rest(_a, ["position", "offset", "transformLength", "children", "animationDirection", "isVisible", "relativeTo"]);
+    var position = _a.position, _b = _a.offset, offset = _b === void 0 ? 0 : _b, _c = _a.transformLength, transformLength = _c === void 0 ? constants.DEFAULT_TRANSLATE_MOVE : _c, children = _a.children, animationDirection = _a.animationDirection, isVisible = _a.isVisible, relativeTo = _a.relativeTo, withBackground = _a.withBackground, rest = _tslib.__rest(_a, ["position", "offset", "transformLength", "children", "animationDirection", "isVisible", "relativeTo", "withBackground"]);
     var modalRef = React.useRef(null);
     var _d = React.useState({}), positioning = _d[0], setPosition = _d[1];
     var classes = useStyles(_tslib.__assign(_tslib.__assign({}, positioning), { isVisible: isVisible, transformLength: transformLength, animationDirection: animationDirection }));
@@ -67,7 +67,9 @@ var RelativeModal = function (_a) {
             modalRect: (_b = modalRef === null || modalRef === void 0 ? void 0 : modalRef.current) === null || _b === void 0 ? void 0 : _b.getBoundingClientRect()
         }));
     }, 50);
-    return reactDom.createPortal(React__default['default'].createElement(modal['default'], _tslib.__assign({ className: "".concat(classes.modal, " ").concat(isVisible ? main_module['default']['modal-window_visible'] : ''), modalRef: modalRef }, rest), children), document.body);
+    return (React__default['default'].createElement(React__default['default'].Fragment, null,
+        reactDom.createPortal(React__default['default'].createElement(modal['default'], _tslib.__assign({ className: "".concat(classes.modal, " ").concat(isVisible ? main_module['default']['modal-window_visible'] : ''), modalRef: modalRef }, rest), children), document.body),
+        isVisible && withBackground && reactDom.createPortal(React__default['default'].createElement("div", { className: main_module['default']['modal-window-mask'] }), document.body)));
 };
 
 exports.default = RelativeModal;

package/build/cjs/packages/aurora/src/components/modal/hoc/relative_modal/index.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA,2BAA2B,+DAAmE;AAC9F;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA,2BAA2B,+DAAmE;AAC9F;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/cjs/packages/aurora/src/css/modal/main.module.less.js

@@ -4,8 +4,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var styleInject_es = require('../../../../../external/style-inject/dist/style-inject.es.js');
 
-var css_248z = "/* font colors */\n/* actions */\n/* background */\n/* errors */\n/* borders */\n/* grid */\n/* scrollBar */\n/* sizes */\n.main-module_modal-window__1epDY {\n  flex-direction: column;\n  position: relative;\n  z-index: 2000;\n  max-width: 1400px;\n  max-height: 100%;\n  min-width: 320px;\n  background-color: #ffffff;\n  border-radius: 5px;\n  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.33);\n  transition: all 0.25s ease;\n}\n.main-module_modal-window_show-transition-start__20Zyy,\n.main-module_modal-window_hide-transition-end__2tbM7 {\n  opacity: 0;\n  transform: translate3d(0, -20vh, 0);\n}\n.main-module_modal-window_show-transition-end__1bGXM,\n.main-module_modal-window_hide-transition-start__3v2ve {\n  opacity: 1;\n  transform: translate3d(0, 0, 0);\n}\n.main-module_modal-window_show-tooltip-transition-start__3T6jk,\n.main-module_modal-window_hide-tooltip-transition-end__1-Elu {\n  opacity: 0;\n}\n.main-module_modal-window_show-tooltip-transition-end__3qcFY,\n.main-module_modal-window_hide-tooltip-transition-start__1LrQS {\n  opacity: 1;\n}\n.main-module_modal-window_visible__Y9ArZ {\n  display: flex;\n}\n.main-module_modal-window_relative__2bV4q {\n  position: absolute;\n}\n.main-module_modal-window_loading__i6ehQ {\n  min-width: auto;\n}\n.main-module_modal-window_small__2ohvZ {\n  max-width: 440px;\n}\n.main-module_modal-window__body__o4m8Y {\n  display: flex;\n  flex-direction: column;\n  overflow: hidden;\n  max-height: calc(var(--vh, 1vh) * 100 - (2 * 1rem));\n}\n.main-module_modal-window__body_no-overflow__144M5 {\n  overflow: visible;\n}\n.main-module_modal-window__header__vMn-j {\n  flex: 0 0 auto;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: 2rem 2rem 0.5rem 2rem;\n}\n.main-module_modal-window__header-actions__Qj4RZ:only-child {\n  margin-left: auto;\n}\n.main-module_modal-window__close-icon__32GlC {\n  cursor: pointer;\n  fill: #5c657e;\n}\n.main-module_modal-window__close-icon__32GlC * {\n  fill: #5c657e;\n}\n.main-module_modal-window__content__2Yq_0 {\n  overflow-y: auto;\n  -ms-scroll-chaining: none;\n      overscroll-behavior: none;\n  padding: 1rem 2rem 1rem 2rem;\n}\n.main-module_modal-window__content_no-overflow__d24L_ {\n  overflow-y: visible;\n}\n.main-module_modal-window__footer__1o3OM {\n  padding: 0.75rem 2rem;\n  text-align: right;\n  border-top: 1px solid #ececec;\n  border-bottom: 2px solid transparent;\n}\n.main-module_modal-window-mask__mR_gM {\n  display: none;\n  align-items: center;\n  justify-content: center;\n  position: fixed;\n  top: 0;\n  left: 0;\n  z-index: 9000;\n  background-color: rgba(0, 0, 0, 0.5);\n  width: calc(100vw);\n  height: calc(100vh);\n  height: calc(var(--vh, 1vh) * 100);\n  transition: all 0.25s ease;\n}\n.main-module_modal-window-mask_visible__3yPXX {\n  display: block;\n}\n.main-module_modal-window-mask_show-transition-start__2F24Y,\n.main-module_modal-window-mask_hide-transition-end__1SeMQ {\n  opacity: 0;\n}\n.main-module_modal-window-mask_show-transition-end__3QHf6,\n.main-module_modal-window-mask_hide-transition-start__1FESf {\n  opacity: 1;\n}\n";
-var cssClasses = {"modal-window":"main-module_modal-window__1epDY","modal-window_show-transition-start":"main-module_modal-window_show-transition-start__20Zyy","modal-window_hide-transition-end":"main-module_modal-window_hide-transition-end__2tbM7","modal-window_show-transition-end":"main-module_modal-window_show-transition-end__1bGXM","modal-window_hide-transition-start":"main-module_modal-window_hide-transition-start__3v2ve","modal-window_show-tooltip-transition-start":"main-module_modal-window_show-tooltip-transition-start__3T6jk","modal-window_hide-tooltip-transition-end":"main-module_modal-window_hide-tooltip-transition-end__1-Elu","modal-window_show-tooltip-transition-end":"main-module_modal-window_show-tooltip-transition-end__3qcFY","modal-window_hide-tooltip-transition-start":"main-module_modal-window_hide-tooltip-transition-start__1LrQS","modal-window_visible":"main-module_modal-window_visible__Y9ArZ","modal-window_relative":"main-module_modal-window_relative__2bV4q","modal-window_loading":"main-module_modal-window_loading__i6ehQ","modal-window_small":"main-module_modal-window_small__2ohvZ","modal-window__body":"main-module_modal-window__body__o4m8Y","modal-window__body_no-overflow":"main-module_modal-window__body_no-overflow__144M5","modal-window__header":"main-module_modal-window__header__vMn-j","modal-window__header-actions":"main-module_modal-window__header-actions__Qj4RZ","modal-window__close-icon":"main-module_modal-window__close-icon__32GlC","modal-window__content":"main-module_modal-window__content__2Yq_0","modal-window__content_no-overflow":"main-module_modal-window__content_no-overflow__d24L_","modal-window__footer":"main-module_modal-window__footer__1o3OM","modal-window-mask":"main-module_modal-window-mask__mR_gM","modal-window-mask_visible":"main-module_modal-window-mask_visible__3yPXX","modal-window-mask_show-transition-start":"main-module_modal-window-mask_show-transition-start__2F24Y","modal-window-mask_hide-transition-end":"main-module_modal-window-mask_hide-transition-end__1SeMQ","modal-window-mask_show-transition-end":"main-module_modal-window-mask_show-transition-end__3QHf6","modal-window-mask_hide-transition-start":"main-module_modal-window-mask_hide-transition-start__1FESf"};
+var css_248z = "/* font colors */\n/* actions */\n/* background */\n/* errors */\n/* borders */\n/* grid */\n/* scrollBar */\n/* sizes */\n.main-module_modal-window__1epDY {\n  flex-direction: column;\n  position: relative;\n  z-index: 2000;\n  max-width: 1400px;\n  max-height: 100%;\n  min-width: 320px;\n  background-color: #ffffff;\n  border-radius: 5px;\n  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.33);\n  transition: all 0.25s ease;\n}\n.main-module_modal-window_show-transition-start__20Zyy,\n.main-module_modal-window_hide-transition-end__2tbM7 {\n  opacity: 0;\n  transform: translate3d(0, -20vh, 0);\n}\n.main-module_modal-window_show-transition-end__1bGXM,\n.main-module_modal-window_hide-transition-start__3v2ve {\n  opacity: 1;\n  transform: translate3d(0, 0, 0);\n}\n.main-module_modal-window_show-tooltip-transition-start__3T6jk,\n.main-module_modal-window_hide-tooltip-transition-end__1-Elu {\n  opacity: 0;\n}\n.main-module_modal-window_show-tooltip-transition-end__3qcFY,\n.main-module_modal-window_hide-tooltip-transition-start__1LrQS {\n  opacity: 1;\n}\n.main-module_modal-window_visible__Y9ArZ {\n  display: flex;\n}\n.main-module_modal-window_relative__2bV4q {\n  position: absolute;\n}\n.main-module_modal-window_loading__i6ehQ {\n  min-width: auto;\n}\n.main-module_modal-window_small__2ohvZ {\n  max-width: 440px;\n}\n.main-module_modal-window__body__o4m8Y {\n  display: flex;\n  flex-direction: column;\n  overflow: hidden;\n  max-height: calc(var(--vh, 1vh) * 100 - (2 * 1rem));\n}\n.main-module_modal-window__body_no-overflow__144M5 {\n  overflow: visible;\n}\n.main-module_modal-window__header__vMn-j {\n  flex: 0 0 auto;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: 2rem 2rem 0.5rem 2rem;\n}\n.main-module_modal-window__header-actions__Qj4RZ:only-child {\n  margin-left: auto;\n}\n.main-module_modal-window__close-icon__32GlC {\n  cursor: pointer;\n  fill: #5c657e;\n}\n.main-module_modal-window__close-icon__32GlC * {\n  fill: #5c657e;\n}\n.main-module_modal-window__content__2Yq_0 {\n  overflow-y: auto;\n  -ms-scroll-chaining: none;\n      overscroll-behavior: none;\n  padding: 1rem 2rem 1rem 2rem;\n}\n.main-module_modal-window__content_no-overflow__d24L_ {\n  overflow-y: visible;\n}\n.main-module_modal-window__footer__1o3OM {\n  padding: 0.75rem 2rem;\n  text-align: right;\n  border-top: 1px solid #ececec;\n  border-bottom: 2px solid transparent;\n}\n.main-module_modal-window-mask__mR_gM {\n  align-items: center;\n  justify-content: center;\n  position: fixed;\n  top: 0;\n  left: 0;\n  z-index: 1900;\n  background-color: rgba(0, 0, 0, 0.5);\n  width: calc(100vw);\n  height: calc(100vh);\n  height: calc(var(--vh, 1vh) * 100);\n  transition: all 0.25s ease;\n}\n.main-module_modal-window-mask_show-transition-start__2F24Y,\n.main-module_modal-window-mask_hide-transition-end__1SeMQ {\n  opacity: 0;\n}\n.main-module_modal-window-mask_show-transition-end__3QHf6,\n.main-module_modal-window-mask_hide-transition-start__1FESf {\n  opacity: 1;\n}\n";
+var cssClasses = {"modal-window":"main-module_modal-window__1epDY","modal-window_show-transition-start":"main-module_modal-window_show-transition-start__20Zyy","modal-window_hide-transition-end":"main-module_modal-window_hide-transition-end__2tbM7","modal-window_show-transition-end":"main-module_modal-window_show-transition-end__1bGXM","modal-window_hide-transition-start":"main-module_modal-window_hide-transition-start__3v2ve","modal-window_show-tooltip-transition-start":"main-module_modal-window_show-tooltip-transition-start__3T6jk","modal-window_hide-tooltip-transition-end":"main-module_modal-window_hide-tooltip-transition-end__1-Elu","modal-window_show-tooltip-transition-end":"main-module_modal-window_show-tooltip-transition-end__3qcFY","modal-window_hide-tooltip-transition-start":"main-module_modal-window_hide-tooltip-transition-start__1LrQS","modal-window_visible":"main-module_modal-window_visible__Y9ArZ","modal-window_relative":"main-module_modal-window_relative__2bV4q","modal-window_loading":"main-module_modal-window_loading__i6ehQ","modal-window_small":"main-module_modal-window_small__2ohvZ","modal-window__body":"main-module_modal-window__body__o4m8Y","modal-window__body_no-overflow":"main-module_modal-window__body_no-overflow__144M5","modal-window__header":"main-module_modal-window__header__vMn-j","modal-window__header-actions":"main-module_modal-window__header-actions__Qj4RZ","modal-window__close-icon":"main-module_modal-window__close-icon__32GlC","modal-window__content":"main-module_modal-window__content__2Yq_0","modal-window__content_no-overflow":"main-module_modal-window__content_no-overflow__d24L_","modal-window__footer":"main-module_modal-window__footer__1o3OM","modal-window-mask":"main-module_modal-window-mask__mR_gM","modal-window-mask_show-transition-start":"main-module_modal-window-mask_show-transition-start__2F24Y","modal-window-mask_hide-transition-end":"main-module_modal-window-mask_hide-transition-end__1SeMQ","modal-window-mask_show-transition-end":"main-module_modal-window-mask_show-transition-end__3QHf6","modal-window-mask_hide-transition-start":"main-module_modal-window-mask_hide-transition-start__1FESf"};
 styleInject_es['default'](css_248z);
 
 exports.default = cssClasses;

package/build/esm/packages/aurora/src/components/modal/hoc/absolute_modal/index.js

@@ -38,7 +38,7 @@ var useStyles = createUseStyles({
     }
 });
 var AbsoluteModal = function (_a) {
-    var vPosition = _a.vPosition, hPosition = _a.hPosition, _b = _a.offset, offset = _b === void 0 ? 0 : _b, transform = _a.transform, _c = _a.transformLength, transformLength = _c === void 0 ? DEFAULT_TRANSLATE_MOVE : _c, children = _a.children, animationDirection = _a.animationDirection, isVisible = _a.isVisible, rest = __rest(_a, ["vPosition", "hPosition", "offset", "transform", "transformLength", "children", "animationDirection", "isVisible"]);
+    var vPosition = _a.vPosition, hPosition = _a.hPosition, _b = _a.offset, offset = _b === void 0 ? 0 : _b, transform = _a.transform, _c = _a.transformLength, transformLength = _c === void 0 ? DEFAULT_TRANSLATE_MOVE : _c, children = _a.children, animationDirection = _a.animationDirection, isVisible = _a.isVisible, withBackground = _a.withBackground, rest = __rest(_a, ["vPosition", "hPosition", "offset", "transform", "transformLength", "children", "animationDirection", "isVisible", "withBackground"]);
     var modalRef = useRef(null);
     var _d = useState({}), position = _d[0], setPosition = _d[1];
     var classes = useStyles(__assign(__assign({}, position), { isVisible: isVisible, transformLength: transformLength, transform: transform, animationDirection: animationDirection }));
@@ -53,7 +53,9 @@ var AbsoluteModal = function (_a) {
             animationDirection: animationDirection
         }));
     }, [animationDirection, hPosition, offset, transformLength, vPosition, isVisible]);
-    return createPortal(React.createElement(Modal, __assign({ className: "".concat(classes.modal, " ").concat(isVisible ? cssClasses['modal-window_visible'] : ''), modalRef: modalRef }, rest), children), document.body);
+    return (React.createElement(React.Fragment, null,
+        createPortal(React.createElement(Modal, __assign({ className: "".concat(classes.modal, " ").concat(isVisible ? cssClasses['modal-window_visible'] : ''), modalRef: modalRef }, rest), children), document.body),
+        isVisible && withBackground && createPortal(React.createElement("div", { className: cssClasses['modal-window-mask'] }), document.body)));
 };
 
 export default AbsoluteModal;

package/build/esm/packages/aurora/src/components/modal/hoc/absolute_modal/index.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA,gCAAgC,+DAAmE;AACnG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA,gCAAgC,+DAAmE;AACnG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/esm/packages/aurora/src/components/modal/hoc/relative_modal/index.js

@@ -31,7 +31,7 @@ var useStyles = createUseStyles({
     }
 });
 var RelativeModal = function (_a) {
-    var position = _a.position, _b = _a.offset, offset = _b === void 0 ? 0 : _b, _c = _a.transformLength, transformLength = _c === void 0 ? DEFAULT_TRANSLATE_MOVE : _c, children = _a.children, animationDirection = _a.animationDirection, isVisible = _a.isVisible, relativeTo = _a.relativeTo, rest = __rest(_a, ["position", "offset", "transformLength", "children", "animationDirection", "isVisible", "relativeTo"]);
+    var position = _a.position, _b = _a.offset, offset = _b === void 0 ? 0 : _b, _c = _a.transformLength, transformLength = _c === void 0 ? DEFAULT_TRANSLATE_MOVE : _c, children = _a.children, animationDirection = _a.animationDirection, isVisible = _a.isVisible, relativeTo = _a.relativeTo, withBackground = _a.withBackground, rest = __rest(_a, ["position", "offset", "transformLength", "children", "animationDirection", "isVisible", "relativeTo", "withBackground"]);
     var modalRef = useRef(null);
     var _d = useState({}), positioning = _d[0], setPosition = _d[1];
     var classes = useStyles(__assign(__assign({}, positioning), { isVisible: isVisible, transformLength: transformLength, animationDirection: animationDirection }));
@@ -59,7 +59,9 @@ var RelativeModal = function (_a) {
             modalRect: (_b = modalRef === null || modalRef === void 0 ? void 0 : modalRef.current) === null || _b === void 0 ? void 0 : _b.getBoundingClientRect()
         }));
     }, 50);
-    return createPortal(React.createElement(Modal, __assign({ className: "".concat(classes.modal, " ").concat(isVisible ? cssClasses['modal-window_visible'] : ''), modalRef: modalRef }, rest), children), document.body);
+    return (React.createElement(React.Fragment, null,
+        createPortal(React.createElement(Modal, __assign({ className: "".concat(classes.modal, " ").concat(isVisible ? cssClasses['modal-window_visible'] : ''), modalRef: modalRef }, rest), children), document.body),
+        isVisible && withBackground && createPortal(React.createElement("div", { className: cssClasses['modal-window-mask'] }), document.body)));
 };
 
 export default RelativeModal;

package/build/esm/packages/aurora/src/components/modal/hoc/relative_modal/index.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA,gCAAgC,+DAAmE;AACnG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA,gCAAgC,+DAAmE;AACnG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/esm/packages/aurora/src/components/modal/types.d.ts

@@ -10,6 +10,7 @@ export interface IFooterProps {
 }
 export interface IModalProps {
     className?: string;
+    withBackground?: boolean;
     modalRef?: RefObject<HTMLDivElement>;
 }
 export interface IModalComposition {

package/build/esm/packages/aurora/src/css/modal/main.module.less.js

@@ -1,7 +1,7 @@
 import styleInject from '../../../../../external/style-inject/dist/style-inject.es.js';
 
-var css_248z = "/* font colors */\n/* actions */\n/* background */\n/* errors */\n/* borders */\n/* grid */\n/* scrollBar */\n/* sizes */\n.main-module_modal-window__1epDY {\n  flex-direction: column;\n  position: relative;\n  z-index: 2000;\n  max-width: 1400px;\n  max-height: 100%;\n  min-width: 320px;\n  background-color: #ffffff;\n  border-radius: 5px;\n  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.33);\n  transition: all 0.25s ease;\n}\n.main-module_modal-window_show-transition-start__20Zyy,\n.main-module_modal-window_hide-transition-end__2tbM7 {\n  opacity: 0;\n  transform: translate3d(0, -20vh, 0);\n}\n.main-module_modal-window_show-transition-end__1bGXM,\n.main-module_modal-window_hide-transition-start__3v2ve {\n  opacity: 1;\n  transform: translate3d(0, 0, 0);\n}\n.main-module_modal-window_show-tooltip-transition-start__3T6jk,\n.main-module_modal-window_hide-tooltip-transition-end__1-Elu {\n  opacity: 0;\n}\n.main-module_modal-window_show-tooltip-transition-end__3qcFY,\n.main-module_modal-window_hide-tooltip-transition-start__1LrQS {\n  opacity: 1;\n}\n.main-module_modal-window_visible__Y9ArZ {\n  display: flex;\n}\n.main-module_modal-window_relative__2bV4q {\n  position: absolute;\n}\n.main-module_modal-window_loading__i6ehQ {\n  min-width: auto;\n}\n.main-module_modal-window_small__2ohvZ {\n  max-width: 440px;\n}\n.main-module_modal-window__body__o4m8Y {\n  display: flex;\n  flex-direction: column;\n  overflow: hidden;\n  max-height: calc(var(--vh, 1vh) * 100 - (2 * 1rem));\n}\n.main-module_modal-window__body_no-overflow__144M5 {\n  overflow: visible;\n}\n.main-module_modal-window__header__vMn-j {\n  flex: 0 0 auto;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: 2rem 2rem 0.5rem 2rem;\n}\n.main-module_modal-window__header-actions__Qj4RZ:only-child {\n  margin-left: auto;\n}\n.main-module_modal-window__close-icon__32GlC {\n  cursor: pointer;\n  fill: #5c657e;\n}\n.main-module_modal-window__close-icon__32GlC * {\n  fill: #5c657e;\n}\n.main-module_modal-window__content__2Yq_0 {\n  overflow-y: auto;\n  -ms-scroll-chaining: none;\n      overscroll-behavior: none;\n  padding: 1rem 2rem 1rem 2rem;\n}\n.main-module_modal-window__content_no-overflow__d24L_ {\n  overflow-y: visible;\n}\n.main-module_modal-window__footer__1o3OM {\n  padding: 0.75rem 2rem;\n  text-align: right;\n  border-top: 1px solid #ececec;\n  border-bottom: 2px solid transparent;\n}\n.main-module_modal-window-mask__mR_gM {\n  display: none;\n  align-items: center;\n  justify-content: center;\n  position: fixed;\n  top: 0;\n  left: 0;\n  z-index: 9000;\n  background-color: rgba(0, 0, 0, 0.5);\n  width: calc(100vw);\n  height: calc(100vh);\n  height: calc(var(--vh, 1vh) * 100);\n  transition: all 0.25s ease;\n}\n.main-module_modal-window-mask_visible__3yPXX {\n  display: block;\n}\n.main-module_modal-window-mask_show-transition-start__2F24Y,\n.main-module_modal-window-mask_hide-transition-end__1SeMQ {\n  opacity: 0;\n}\n.main-module_modal-window-mask_show-transition-end__3QHf6,\n.main-module_modal-window-mask_hide-transition-start__1FESf {\n  opacity: 1;\n}\n";
-var cssClasses = {"modal-window":"main-module_modal-window__1epDY","modal-window_show-transition-start":"main-module_modal-window_show-transition-start__20Zyy","modal-window_hide-transition-end":"main-module_modal-window_hide-transition-end__2tbM7","modal-window_show-transition-end":"main-module_modal-window_show-transition-end__1bGXM","modal-window_hide-transition-start":"main-module_modal-window_hide-transition-start__3v2ve","modal-window_show-tooltip-transition-start":"main-module_modal-window_show-tooltip-transition-start__3T6jk","modal-window_hide-tooltip-transition-end":"main-module_modal-window_hide-tooltip-transition-end__1-Elu","modal-window_show-tooltip-transition-end":"main-module_modal-window_show-tooltip-transition-end__3qcFY","modal-window_hide-tooltip-transition-start":"main-module_modal-window_hide-tooltip-transition-start__1LrQS","modal-window_visible":"main-module_modal-window_visible__Y9ArZ","modal-window_relative":"main-module_modal-window_relative__2bV4q","modal-window_loading":"main-module_modal-window_loading__i6ehQ","modal-window_small":"main-module_modal-window_small__2ohvZ","modal-window__body":"main-module_modal-window__body__o4m8Y","modal-window__body_no-overflow":"main-module_modal-window__body_no-overflow__144M5","modal-window__header":"main-module_modal-window__header__vMn-j","modal-window__header-actions":"main-module_modal-window__header-actions__Qj4RZ","modal-window__close-icon":"main-module_modal-window__close-icon__32GlC","modal-window__content":"main-module_modal-window__content__2Yq_0","modal-window__content_no-overflow":"main-module_modal-window__content_no-overflow__d24L_","modal-window__footer":"main-module_modal-window__footer__1o3OM","modal-window-mask":"main-module_modal-window-mask__mR_gM","modal-window-mask_visible":"main-module_modal-window-mask_visible__3yPXX","modal-window-mask_show-transition-start":"main-module_modal-window-mask_show-transition-start__2F24Y","modal-window-mask_hide-transition-end":"main-module_modal-window-mask_hide-transition-end__1SeMQ","modal-window-mask_show-transition-end":"main-module_modal-window-mask_show-transition-end__3QHf6","modal-window-mask_hide-transition-start":"main-module_modal-window-mask_hide-transition-start__1FESf"};
+var css_248z = "/* font colors */\n/* actions */\n/* background */\n/* errors */\n/* borders */\n/* grid */\n/* scrollBar */\n/* sizes */\n.main-module_modal-window__1epDY {\n  flex-direction: column;\n  position: relative;\n  z-index: 2000;\n  max-width: 1400px;\n  max-height: 100%;\n  min-width: 320px;\n  background-color: #ffffff;\n  border-radius: 5px;\n  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.33);\n  transition: all 0.25s ease;\n}\n.main-module_modal-window_show-transition-start__20Zyy,\n.main-module_modal-window_hide-transition-end__2tbM7 {\n  opacity: 0;\n  transform: translate3d(0, -20vh, 0);\n}\n.main-module_modal-window_show-transition-end__1bGXM,\n.main-module_modal-window_hide-transition-start__3v2ve {\n  opacity: 1;\n  transform: translate3d(0, 0, 0);\n}\n.main-module_modal-window_show-tooltip-transition-start__3T6jk,\n.main-module_modal-window_hide-tooltip-transition-end__1-Elu {\n  opacity: 0;\n}\n.main-module_modal-window_show-tooltip-transition-end__3qcFY,\n.main-module_modal-window_hide-tooltip-transition-start__1LrQS {\n  opacity: 1;\n}\n.main-module_modal-window_visible__Y9ArZ {\n  display: flex;\n}\n.main-module_modal-window_relative__2bV4q {\n  position: absolute;\n}\n.main-module_modal-window_loading__i6ehQ {\n  min-width: auto;\n}\n.main-module_modal-window_small__2ohvZ {\n  max-width: 440px;\n}\n.main-module_modal-window__body__o4m8Y {\n  display: flex;\n  flex-direction: column;\n  overflow: hidden;\n  max-height: calc(var(--vh, 1vh) * 100 - (2 * 1rem));\n}\n.main-module_modal-window__body_no-overflow__144M5 {\n  overflow: visible;\n}\n.main-module_modal-window__header__vMn-j {\n  flex: 0 0 auto;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: 2rem 2rem 0.5rem 2rem;\n}\n.main-module_modal-window__header-actions__Qj4RZ:only-child {\n  margin-left: auto;\n}\n.main-module_modal-window__close-icon__32GlC {\n  cursor: pointer;\n  fill: #5c657e;\n}\n.main-module_modal-window__close-icon__32GlC * {\n  fill: #5c657e;\n}\n.main-module_modal-window__content__2Yq_0 {\n  overflow-y: auto;\n  -ms-scroll-chaining: none;\n      overscroll-behavior: none;\n  padding: 1rem 2rem 1rem 2rem;\n}\n.main-module_modal-window__content_no-overflow__d24L_ {\n  overflow-y: visible;\n}\n.main-module_modal-window__footer__1o3OM {\n  padding: 0.75rem 2rem;\n  text-align: right;\n  border-top: 1px solid #ececec;\n  border-bottom: 2px solid transparent;\n}\n.main-module_modal-window-mask__mR_gM {\n  align-items: center;\n  justify-content: center;\n  position: fixed;\n  top: 0;\n  left: 0;\n  z-index: 1900;\n  background-color: rgba(0, 0, 0, 0.5);\n  width: calc(100vw);\n  height: calc(100vh);\n  height: calc(var(--vh, 1vh) * 100);\n  transition: all 0.25s ease;\n}\n.main-module_modal-window-mask_show-transition-start__2F24Y,\n.main-module_modal-window-mask_hide-transition-end__1SeMQ {\n  opacity: 0;\n}\n.main-module_modal-window-mask_show-transition-end__3QHf6,\n.main-module_modal-window-mask_hide-transition-start__1FESf {\n  opacity: 1;\n}\n";
+var cssClasses = {"modal-window":"main-module_modal-window__1epDY","modal-window_show-transition-start":"main-module_modal-window_show-transition-start__20Zyy","modal-window_hide-transition-end":"main-module_modal-window_hide-transition-end__2tbM7","modal-window_show-transition-end":"main-module_modal-window_show-transition-end__1bGXM","modal-window_hide-transition-start":"main-module_modal-window_hide-transition-start__3v2ve","modal-window_show-tooltip-transition-start":"main-module_modal-window_show-tooltip-transition-start__3T6jk","modal-window_hide-tooltip-transition-end":"main-module_modal-window_hide-tooltip-transition-end__1-Elu","modal-window_show-tooltip-transition-end":"main-module_modal-window_show-tooltip-transition-end__3qcFY","modal-window_hide-tooltip-transition-start":"main-module_modal-window_hide-tooltip-transition-start__1LrQS","modal-window_visible":"main-module_modal-window_visible__Y9ArZ","modal-window_relative":"main-module_modal-window_relative__2bV4q","modal-window_loading":"main-module_modal-window_loading__i6ehQ","modal-window_small":"main-module_modal-window_small__2ohvZ","modal-window__body":"main-module_modal-window__body__o4m8Y","modal-window__body_no-overflow":"main-module_modal-window__body_no-overflow__144M5","modal-window__header":"main-module_modal-window__header__vMn-j","modal-window__header-actions":"main-module_modal-window__header-actions__Qj4RZ","modal-window__close-icon":"main-module_modal-window__close-icon__32GlC","modal-window__content":"main-module_modal-window__content__2Yq_0","modal-window__content_no-overflow":"main-module_modal-window__content_no-overflow__d24L_","modal-window__footer":"main-module_modal-window__footer__1o3OM","modal-window-mask":"main-module_modal-window-mask__mR_gM","modal-window-mask_show-transition-start":"main-module_modal-window-mask_show-transition-start__2F24Y","modal-window-mask_hide-transition-end":"main-module_modal-window-mask_hide-transition-end__1SeMQ","modal-window-mask_show-transition-end":"main-module_modal-window-mask_show-transition-end__3QHf6","modal-window-mask_hide-transition-start":"main-module_modal-window-mask_hide-transition-start__1FESf"};
 styleInject(css_248z);
 
 export default cssClasses;

package/build/esm/packages/aurora/src/src/components/modal/hoc/absolute_modal/index.d.ts

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+import { IAbsoluteModalProps, IModalProps } from '@auroraComponents/modal/types';
+declare const AbsoluteModal: FC<IAbsoluteModalProps & IModalProps>;
+export default AbsoluteModal;

package/build/esm/packages/aurora/src/src/index.d.ts

@@ -0,0 +1,84 @@
+import './i18n';
+/**
+ * import components for export
+ */
+import Button from '@auroraComponents/button';
+import ButtonsGroup from '@auroraComponents/buttons_group';
+import ColorPicker from '@auroraComponents/color_picker';
+import ControlInput from '@auroraComponents/controls/hoc/control_input';
+import ControlCheckbox from '@auroraComponents/controls/hoc/control_checkbox';
+import ControlCheckboxSwitch from '@auroraComponents/controls/hoc/control_checkbox_switch';
+import ControlRadio from '@auroraComponents/controls/hoc/control_radio';
+import ControlRange from '@auroraComponents/controls/hoc/control_range';
+import ControlDatepicker from '@auroraComponents/controls/hoc/control_date_picker';
+import ControlColorPicker from '@auroraComponents/controls/hoc/control_color_picker';
+import ControlTagsSelector from '@auroraComponents/controls/hoc/control_tags_selector';
+import ControlTextarea from '@auroraComponents/controls/hoc/control_textarea';
+import ControlSelect from '@auroraComponents/controls/hoc/control_select';
+import ControlMultiSelect from '@auroraComponents/controls/hoc/control_multi_select';
+import ControlFilePicker from '@auroraComponents/controls/hoc/control_file_picker';
+import ControlCellSelector from '@auroraComponents/controls/hoc/control_cell_selector';
+import Datepicker from '@auroraComponents/date_picker';
+import Dropdown from '@auroraComponents/dropdown';
+import Gallery from '@auroraComponents/gallery';
+import Grid from '@auroraComponents/grid';
+import Heading from '@auroraComponents/heading';
+import Label from '@auroraComponents/label';
+import FilePicker from '@auroraComponents/file_picker';
+import ModalProvider from '@auroraComponents/modal/hoc/modal_provider';
+import AbsoluteModal from '@auroraComponents/modal/hoc/absolute_modal';
+import RelativeModal from '@auroraComponents/modal/hoc/relative_modal';
+import MultiSelect from '@auroraComponents/dropdown/hoc/multiselect';
+import Modal from '@auroraComponents/modal';
+import Select from '@auroraComponents/dropdown/hoc/select';
+import Spacing from '@auroraComponents/spacing';
+import Table from '@auroraComponents/table';
+import DataTable from '@auroraComponents/table/hoc/data-table';
+import { TabItem, Tabs } from '@auroraComponents/tabs';
+import Tag from '@auroraComponents/tag';
+import TagsSelector from '@auroraComponents/tags_selector';
+import Hint from '@auroraComponents/hint';
+import Loader from '@auroraComponents/loader';
+import WithLoader from '@auroraComponents/with_loader';
+import Tooltip from '@auroraComponents/tooltip';
+/**
+ * Assets
+ */
+import IconCalendar from '@auroraAssets/icon_calendar';
+import IconArrow from '@auroraAssets/icon_arrow';
+import IconTick from '@auroraAssets/icon_tick';
+/**
+ * import context for export
+ */
+import { DropdownContext } from '@auroraComponents/dropdown/context';
+import { ModalContext } from '@auroraComponents/modal/context/modal_context';
+/**
+ * import types for export
+ */
+import { IDropdownProps, ISelectOption } from '@auroraComponents/dropdown/types';
+import { IHeadingProps } from '@auroraComponents/heading/types';
+import { ICellProps, IIRowProps, ITableProps } from '@auroraComponents/table/types';
+import { IDropdownContext } from '@auroraComponents/dropdown/context/types';
+import ControlRadioGroup from '@auroraComponents/controls/hoc/control_radio_group';
+import { IControlRadioGroupOption } from '@auroraComponents/controls/types';
+import { IColor } from '@auroraComponents/color_picker/types';
+import { IDatepickerRange } from '@auroraComponents/date_picker/types';
+import { TFilePickerFile } from '@auroraComponents/file_picker/types';
+import MessageBox from '@auroraComponents/message-box';
+import FlashMessenger from '@auroraComponents/flash_messenger';
+import { TMessageBoxType } from '@auroraComponents/message-box/types';
+import { useFlashMessenger } from '@auroraComponents/flash_messenger/context';
+import { ILoaderProps } from '@auroraComponents/loader/types';
+import { IWithLoader } from '@auroraComponents/with_loader/types';
+/**
+ * export hooks
+ */
+import { useDropdownContext } from '@auroraComponents/dropdown/context';
+/**
+ * export components
+ */
+export { Button, Tooltip, ButtonsGroup, Dropdown, Select, MultiSelect, Label, ControlInput, ControlCheckbox, ControlCheckboxSwitch, ControlRadio, ControlSelect, ControlRange, ControlMultiSelect, ControlTextarea, Gallery, Datepicker, ColorPicker, ControlColorPicker, ControlDatepicker, ControlFilePicker, Heading, Modal, ModalProvider, AbsoluteModal, RelativeModal, Tabs, TabItem, Tag, TagsSelector, ControlTagsSelector, Table, DataTable, Grid, DropdownContext, ModalContext, IconCalendar, Spacing, IconArrow, IconTick, FilePicker, ControlCellSelector, Hint, ControlRadioGroup, MessageBox, FlashMessenger, useFlashMessenger, Loader, WithLoader, useDropdownContext };
+/**
+ * export types
+ */
+export type { IDropdownProps, ISelectOption, IHeadingProps, ICellProps, IIRowProps, ITableProps, IDropdownContext, IControlRadioGroupOption, IColor, IDatepickerRange, TFilePickerFile, TMessageBoxType, ILoaderProps, IWithLoader };

package/build/esm/packages/aurora/src/stories/button/button.stories.d.ts

@@ -0,0 +1,146 @@
+import React from 'react';
+declare const _default: {
+    parameters: {
+        storySource: {
+            source: string;
+            locationsMap: {
+                "standard-button": {
+                    startLoc: {
+                        col: number;
+                        line: number;
+                    };
+                    endLoc: {
+                        col: number;
+                        line: number;
+                    };
+                    startBody: {
+                        col: number;
+                        line: number;
+                    };
+                    endBody: {
+                        col: number;
+                        line: number;
+                    };
+                };
+                "small-button": {
+                    startLoc: {
+                        col: number;
+                        line: number;
+                    };
+                    endLoc: {
+                        col: number;
+                        line: number;
+                    };
+                    startBody: {
+                        col: number;
+                        line: number;
+                    };
+                    endBody: {
+                        col: number;
+                        line: number;
+                    };
+                };
+                "outline-button": {
+                    startLoc: {
+                        col: number;
+                        line: number;
+                    };
+                    endLoc: {
+                        col: number;
+                        line: number;
+                    };
+                    startBody: {
+                        col: number;
+                        line: number;
+                    };
+                    endBody: {
+                        col: number;
+                        line: number;
+                    };
+                };
+                "button-link": {
+                    startLoc: {
+                        col: number;
+                        line: number;
+                    };
+                    endLoc: {
+                        col: number;
+                        line: number;
+                    };
+                    startBody: {
+                        col: number;
+                        line: number;
+                    };
+                    endBody: {
+                        col: number;
+                        line: number;
+                    };
+                };
+                "button-link-small": {
+                    startLoc: {
+                        col: number;
+                        line: number;
+                    };
+                    endLoc: {
+                        col: number;
+                        line: number;
+                    };
+                    startBody: {
+                        col: number;
+                        line: number;
+                    };
+                    endBody: {
+                        col: number;
+                        line: number;
+                    };
+                };
+                "link-button": {
+                    startLoc: {
+                        col: number;
+                        line: number;
+                    };
+                    endLoc: {
+                        col: number;
+                        line: number;
+                    };
+                    startBody: {
+                        col: number;
+                        line: number;
+                    };
+                    endBody: {
+                        col: number;
+                        line: number;
+                    };
+                };
+                "link-button-with-onclick-function": {
+                    startLoc: {
+                        col: number;
+                        line: number;
+                    };
+                    endLoc: {
+                        col: number;
+                        line: number;
+                    };
+                    startBody: {
+                        col: number;
+                        line: number;
+                    };
+                    endBody: {
+                        col: number;
+                        line: number;
+                    };
+                };
+            };
+        };
+    };
+    title: string;
+    component: React.FC<import("../../src/components/button/types").IButtonProps>;
+};
+export default _default;
+export declare const StandardButton: () => JSX.Element;
+export declare const SmallButton: () => JSX.Element;
+export declare const OutlineButton: () => JSX.Element;
+export declare const ButtonLink: () => JSX.Element;
+export declare const ButtonLinkSmall: () => JSX.Element;
+export declare const LinkButton: () => JSX.Element;
+export declare const LinkButtonWithOnclickFunction: () => JSX.Element;

package/build/esm/packages/aurora/src/stories/controls/control_cell_selector/control_cell_selector.stories.d.ts

@@ -0,0 +1,90 @@
+import React from 'react';
+declare const _default: {
+    parameters: {
+        storySource: {
+            source: string;
+            locationsMap: {
+                "standard-cell-selector": {
+                    startLoc: {
+                        col: number;
+                        line: number;
+                    };
+                    endLoc: {
+                        col: number;
+                        line: number;
+                    };
+                    startBody: {
+                        col: number;
+                        line: number;
+                    };
+                    endBody: {
+                        col: number;
+                        line: number;
+                    };
+                };
+                "standard-control-cell-selector": {
+                    startLoc: {
+                        col: number;
+                        line: number;
+                    };
+                    endLoc: {
+                        col: number;
+                        line: number;
+                    };
+                    startBody: {
+                        col: number;
+                        line: number;
+                    };
+                    endBody: {
+                        col: number;
+                        line: number;
+                    };
+                };
+                "control-cell-selector-with-label": {
+                    startLoc: {
+                        col: number;
+                        line: number;
+                    };
+                    endLoc: {
+                        col: number;
+                        line: number;
+                    };
+                    startBody: {
+                        col: number;
+                        line: number;
+                    };
+                    endBody: {
+                        col: number;
+                        line: number;
+                    };
+                };
+                "control-cell-selector-with-knobs": {
+                    startLoc: {
+                        col: number;
+                        line: number;
+                    };
+                    endLoc: {
+                        col: number;
+                        line: number;
+                    };
+                    startBody: {
+                        col: number;
+                        line: number;
+                    };
+                    endBody: {
+                        col: number;
+                        line: number;
+                    };
+                };
+            };
+        };
+    };
+    title: string;
+    component: React.FC<import("../../../src/components/controls/types").ICellSelector>;
+    decorators: ((...args: any) => any)[];
+};
+export default _default;
+export declare const StandardCellSelector: () => JSX.Element;
+export declare const StandardControlCellSelector: () => JSX.Element;
+export declare const ControlCellSelectorWithLabel: () => JSX.Element;
+export declare const ControlCellSelectorWithKnobs: () => JSX.Element;

package/build/esm/packages/aurora/src/stories/controls/control_checkbox/checkbox.stories.d.ts

@@ -0,0 +1,89 @@
+import React from 'react';
+declare const _default: {
+    parameters: {
+        storySource: {
+            source: string;
+            locationsMap: {
+                "standard-checkbox": {
+                    startLoc: {
+                        col: number;
+                        line: number;
+                    };
+                    endLoc: {
+                        col: number;
+                        line: number;
+                    };
+                    startBody: {
+                        col: number;
+                        line: number;
+                    };
+                    endBody: {
+                        col: number;
+                        line: number;
+                    };
+                };
+                "checked-checkbox": {
+                    startLoc: {
+                        col: number;
+                        line: number;
+                    };
+                    endLoc: {
+                        col: number;
+                        line: number;
+                    };
+                    startBody: {
+                        col: number;
+                        line: number;
+                    };
+                    endBody: {
+                        col: number;
+                        line: number;
+                    };
+                };
+                "unchecked-disabled-checkbox": {
+                    startLoc: {
+                        col: number;
+                        line: number;
+                    };
+                    endLoc: {
+                        col: number;
+                        line: number;
+                    };
+                    startBody: {
+                        col: number;
+                        line: number;
+                    };
+                    endBody: {
+                        col: number;
+                        line: number;
+                    };
+                };
+                "checked-disabled-checkbox": {
+                    startLoc: {
+                        col: number;
+                        line: number;
+                    };
+                    endLoc: {
+                        col: number;
+                        line: number;
+                    };
+                    startBody: {
+                        col: number;
+                        line: number;
+                    };
+                    endBody: {
+                        col: number;
+                        line: number;
+                    };
+                };
+            };
+        };
+    };
+    title: string;
+    component: React.FC<import("../../../src/components/controls/types").IControlCheckboxProps>;
+};
+export default _default;
+export declare const StandardCheckbox: () => JSX.Element;
+export declare const CheckedCheckbox: () => JSX.Element;
+export declare const UncheckedDisabledCheckbox: () => JSX.Element;
+export declare const CheckedDisabledCheckbox: () => JSX.Element;