@xfers/design-system 5.0.0 → 5.1.0-dev.5ea494c089

package/dist/components/Modal/DialogItems.js

@@ -0,0 +1,41 @@
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = require("react");
+var styled_1 = require("@emotion/styled");
+var fontStyles_1 = require("src/constants/fontStyles");
+var DialogItem = function (_a) {
+    var label = _a.label, value = _a.value, _b = _a.variant, variant = _b === void 0 ? 'small' : _b;
+    return (react_1.default.createElement(Row, null,
+        react_1.default.createElement(Label, { variant: variant }, label),
+        react_1.default.createElement(Value, { variant: variant }, value)));
+};
+var DialogItems = function (_a) {
+    var items = _a.items, className = _a.className;
+    return (react_1.default.createElement(Container, { className: className }, items.map(function (item, index) { return (react_1.default.createElement(DialogItem, __assign({ key: index }, item))); })));
+};
+exports.default = DialogItems;
+var Container = styled_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n"], ["\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n"])));
+var Row = styled_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n"], ["\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n"])));
+var Label = styled_1.default.span(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  font-family: ", ";\n  font-weight: ", ";\n  font-size: ", ";\n  line-height: 1;\n  color: ", ";\n"], ["\n  font-family: ", ";\n  font-weight: ", ";\n  font-size: ", ";\n  line-height: 1;\n  color: ", ";\n"])), function (props) {
+    return props.variant === 'large' ? fontStyles_1.SECONDARY_FONT : fontStyles_1.MAIN_FONT;
+}, function (props) { return (props.variant === 'large' ? 700 : 400); }, function (props) { return (props.variant === 'large' ? '20px' : '14px'); }, function (props) { return (props.variant === 'large' ? '#002b2a' : '#505454'); });
+var Value = styled_1.default.span(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  font-family: ", ";\n  font-weight: ", ";\n  font-size: ", ";\n  line-height: 1;\n  color: #002b2a;\n"], ["\n  font-family: ", ";\n  font-weight: ", ";\n  font-size: ", ";\n  line-height: 1;\n  color: #002b2a;\n"])), function (props) {
+    return props.variant === 'large' ? fontStyles_1.SECONDARY_FONT : fontStyles_1.MAIN_FONT;
+}, function (props) { return (props.variant === 'large' ? 700 : 400); }, function (props) { return (props.variant === 'large' ? '20px' : '14px'); });
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4;
+//# sourceMappingURL=DialogItems.js.map

package/dist/components/Modal/DialogItems.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DialogItems.js","sourceRoot":"","sources":["../../../src/components/Modal/DialogItems.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,+BAAyB;AACzB,0CAAoC;AACpC,uDAAoE;AAUpE,IAAM,UAAU,GAAG,UAAC,EAAoD;QAAlD,KAAK,WAAA,EAAE,KAAK,WAAA,EAAE,eAAiB,EAAjB,OAAO,mBAAG,OAAO,KAAA;IACnD,OAAO,CACL,8BAAC,GAAG;QACF,8BAAC,KAAK,IAAC,OAAO,EAAE,OAAO,IAAG,KAAK,CAAS;QACxC,8BAAC,KAAK,IAAC,OAAO,EAAE,OAAO,IAAG,KAAK,CAAS,CACpC,CACP,CAAA;AACH,CAAC,CAAA;AAOD,IAAM,WAAW,GAAG,UAAC,EAAsC;QAApC,KAAK,WAAA,EAAE,SAAS,eAAA;IACrC,OAAO,CACL,8BAAC,SAAS,IAAC,SAAS,EAAE,SAAS,IAC5B,KAAK,CAAC,GAAG,CAAC,UAAC,IAAI,EAAE,KAAK,IAAK,OAAA,CAC1B,8BAAC,UAAU,aAAC,GAAG,EAAE,KAAK,IAAM,IAAI,EAAI,CACrC,EAF2B,CAE3B,CAAC,CACQ,CACb,CAAA;AACH,CAAC,CAAA;AAED,kBAAe,WAAW,CAAA;AAE1B,IAAM,SAAS,GAAG,gBAAM,CAAC,GAAG,kIAAA,+DAI3B,IAAA,CAAA;AAED,IAAM,GAAG,GAAG,gBAAM,CAAC,GAAG,oJAAA,iFAIrB,IAAA,CAAA;AAED,IAAM,KAAK,GAAG,gBAAM,CAAC,IAAI,0KAAgC,mBACxC,EACyC,oBACzC,EAAkD,kBACpD,EAAwD,iCAE5D,EAA8D,KACxE,KANgB,UAAC,KAAK;IACnB,OAAA,KAAK,CAAC,OAAO,KAAK,OAAO,CAAC,CAAC,CAAC,2BAAc,CAAC,CAAC,CAAC,sBAAS;AAAtD,CAAsD,EACzC,UAAC,KAAK,IAAK,OAAA,CAAC,KAAK,CAAC,OAAO,KAAK,OAAO,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,EAAvC,CAAuC,EACpD,UAAC,KAAK,IAAK,OAAA,CAAC,KAAK,CAAC,OAAO,KAAK,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,EAA7C,CAA6C,EAE5D,UAAC,KAAK,IAAK,OAAA,CAAC,KAAK,CAAC,OAAO,KAAK,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,EAAnD,CAAmD,CACxE,CAAA;AAED,IAAM,KAAK,GAAG,gBAAM,CAAC,IAAI,6KAAgC,mBACxC,EACyC,oBACzC,EAAkD,kBACpD,EAAwD,2CAGtE,KANgB,UAAC,KAAK;IACnB,OAAA,KAAK,CAAC,OAAO,KAAK,OAAO,CAAC,CAAC,CAAC,2BAAc,CAAC,CAAC,CAAC,sBAAS;AAAtD,CAAsD,EACzC,UAAC,KAAK,IAAK,OAAA,CAAC,KAAK,CAAC,OAAO,KAAK,OAAO,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,EAAvC,CAAuC,EACpD,UAAC,KAAK,IAAK,OAAA,CAAC,KAAK,CAAC,OAAO,KAAK,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,EAA7C,CAA6C,CAGtE,CAAA"}

package/dist/components/Modal/index.js

@@ -1,42 +1,39 @@
 "use strict";
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = require("react");
-var styled_1 = require("@emotion/styled");
-var Typography_1 = require("src/components/Typography");
-var Divider_1 = require("src/components/Divider");
 var Cross_1 = require("src/icons/Cross");
 var ThemeContext_1 = require("src/theme/ThemeContext");
-var spacing_1 = require("src/constants/spacing");
+var styles_1 = require("./styles");
 var ModalContent = function (_a) {
-    var onClose = _a.onClose, icon = _a.icon, title = _a.title, children = _a.children, footer = _a.footer, disabledCloseIcon = _a.disabledCloseIcon, className = _a.className;
+    var onClose = _a.onClose, _b = _a.variant, variant = _b === void 0 ? 'default' : _b, _c = _a.size, size = _c === void 0 ? 'small' : _c, title = _a.title, children = _a.children, footer = _a.footer, disabledCloseIcon = _a.disabledCloseIcon, className = _a.className, illustration = _a.illustration, headerImage = _a.headerImage;
     var neutral = (0, ThemeContext_1.useTheme)().neutral;
-    return (react_1.default.createElement(ModalContentWrapper, { className: className },
-        (icon || title || !disabledCloseIcon) && (react_1.default.createElement(ModalHeader, { hasIcon: Boolean(icon) },
-            react_1.default.createElement(TitleContainer, null,
-                react_1.default.createElement(Title, null,
-                    icon,
-                    react_1.default.createElement(Typography_1.H2, null, title || '')),
-                !disabledCloseIcon && (react_1.default.createElement(Close, { onClick: function () { return onClose(); } },
-                    react_1.default.createElement(Cross_1.default, { color: neutral.text, width: 18 })))),
-            react_1.default.createElement(Divider_1.default, null))),
-        react_1.default.createElement(ModalBody, null, children),
-        footer && react_1.default.createElement(ModalFooter, null, footer)));
+    var resolvedSize = variant === 'newFeature' ? 'medium' : size;
+    var closeIcon = !disabledCloseIcon && (react_1.default.createElement(styles_1.Close, { onClick: function () { return onClose(); } },
+        react_1.default.createElement(Cross_1.default, { color: neutral.text, width: 18 })));
+    var renderHeader = function () {
+        switch (variant) {
+            case 'illustration':
+                return (react_1.default.createElement(react_1.default.Fragment, null,
+                    react_1.default.createElement(styles_1.IllustrationCloseBar, null, closeIcon),
+                    react_1.default.createElement(styles_1.IllustrationContainer, null,
+                        illustration && (react_1.default.createElement(styles_1.IllustrationWrapper, null, illustration)),
+                        title && react_1.default.createElement(styles_1.CenteredTitle, null, title))));
+            case 'newFeature':
+                return (react_1.default.createElement(react_1.default.Fragment, null,
+                    headerImage && (react_1.default.createElement(styles_1.NewFeatureImageContainer, null, headerImage)),
+                    title && (react_1.default.createElement(styles_1.CenteredTitleFrame, null,
+                        react_1.default.createElement(styles_1.NewFeatureTitle, null, title)))));
+            default:
+                return ((title || !disabledCloseIcon) && (react_1.default.createElement(styles_1.ModalHeader, null,
+                    react_1.default.createElement(styles_1.TitleContainer, null,
+                        react_1.default.createElement(styles_1.Title, null, title || ''),
+                        closeIcon))));
+        }
+    };
+    return (react_1.default.createElement(styles_1.ModalContentWrapper, { modalSize: resolvedSize, className: className },
+        renderHeader(),
+        react_1.default.createElement(styles_1.ModalBody, null, children),
+        footer && react_1.default.createElement(styles_1.ModalFooter, null, footer)));
 };
 exports.default = ModalContent;
-var ModalHeader = styled_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  ", "\n  padding-left: ", ";\n  padding-right: ", ";\n"], ["\n  ", "\n  padding-left: ", ";\n  padding-right: ", ";\n"])), function (props) {
-    return props.hasIcon
-        ? "\n      height: 86px;\n    "
-        : "\n      height: 73px;\n    ";
-}, spacing_1.EXTRA_LARGE_SPACING, spacing_1.EXTRA_LARGE_SPACING);
-var ModalBody = (0, styled_1.default)(Typography_1.P1)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  border-bottom: 1px solid #e8e8e8;\n  padding-top: ", ";\n  padding-left: ", ";\n  padding-right: ", ";\n  padding-bottom: ", ";\n"], ["\n  border-bottom: 1px solid #e8e8e8;\n  padding-top: ", ";\n  padding-left: ", ";\n  padding-right: ", ";\n  padding-bottom: ", ";\n"])), spacing_1.LARGE_SPACING, spacing_1.EXTRA_LARGE_SPACING, spacing_1.EXTRA_LARGE_SPACING, spacing_1.EXTRA_LARGE_SPACING);
-var ModalFooter = styled_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  background: #f6f7f9;\n  display: flex;\n  justify-content: flex-end;\n  padding-right: ", ";\n  padding-top: ", ";\n  padding-bottom: ", ";\n"], ["\n  background: #f6f7f9;\n  display: flex;\n  justify-content: flex-end;\n  padding-right: ", ";\n  padding-top: ", ";\n  padding-bottom: ", ";\n"])), spacing_1.EXTRA_LARGE_SPACING, spacing_1.SMALL_SPACING, spacing_1.SMALL_SPACING);
-var TitleContainer = styled_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  height: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n"], ["\n  height: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n"])));
-var Title = styled_1.default.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  user-select: none;\n  & :not(:last-child) {\n    margin-right: 10px;\n  }\n"], ["\n  display: flex;\n  align-items: center;\n  user-select: none;\n  & :not(:last-child) {\n    margin-right: 10px;\n  }\n"])));
-var Close = styled_1.default.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  cursor: pointer;\n  padding-left: 5px;\n  padding-right: 5px;\n  margin-right: -5px;\n"], ["\n  cursor: pointer;\n  padding-left: 5px;\n  padding-right: 5px;\n  margin-right: -5px;\n"])));
-var ModalContentWrapper = styled_1.default.div(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n  width: calc(100vw - 32px);\n  max-width: 400px;\n  background: white;\n  box-shadow: 0px 4px 10px rgba(170, 170, 170, 0.25);\n  border-radius: 5px;\n  overflow: hidden;\n  -webkit-font-smoothing: antialiased;\n  margin-bottom: 1.7vh;\n  position: absolute;\n  top: 6.8vh;\n  left: 50%;\n  transform: translateX(-50%);\n"], ["\n  width: calc(100vw - 32px);\n  max-width: 400px;\n  background: white;\n  box-shadow: 0px 4px 10px rgba(170, 170, 170, 0.25);\n  border-radius: 5px;\n  overflow: hidden;\n  -webkit-font-smoothing: antialiased;\n  margin-bottom: 1.7vh;\n  position: absolute;\n  top: 6.8vh;\n  left: 50%;\n  transform: translateX(-50%);\n"])));
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7;
 //# sourceMappingURL=index.js.map

package/dist/components/Modal/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Modal/index.tsx"],"names":[],"mappings":";;;;;;AAAA,+BAAyB;AACzB,0CAAoC;AACpC,wDAAkD;AAClD,kDAA4C;AAC5C,yCAAuC;AACvC,uDAAiD;AACjD,iDAI8B;AAY9B,IAAM,YAAY,GAAG,UAAC,EAQF;QAPlB,OAAO,aAAA,EACP,IAAI,UAAA,EACJ,KAAK,WAAA,EACL,QAAQ,cAAA,EACR,MAAM,YAAA,EACN,iBAAiB,uBAAA,EACjB,SAAS,eAAA;IAED,IAAA,OAAO,GAAK,IAAA,uBAAQ,GAAE,QAAf,CAAe;IAE9B,OAAO,CACL,8BAAC,mBAAmB,IAAC,SAAS,EAAE,SAAS;QACtC,CAAC,IAAI,IAAI,KAAK,IAAI,CAAC,iBAAiB,CAAC,IAAI,CACxC,8BAAC,WAAW,IAAC,OAAO,EAAE,OAAO,CAAC,IAAI,CAAC;YACjC,8BAAC,cAAc;gBACb,8BAAC,KAAK;oBACH,IAAI;oBACL,8BAAC,eAAE,QAAE,KAAK,IAAI,EAAE,CAAM,CAChB;gBACP,CAAC,iBAAiB,IAAI,CACrB,8BAAC,KAAK,IAAC,OAAO,EAAE,cAAM,OAAA,OAAO,EAAE,EAAT,CAAS;oBAC7B,8BAAC,eAAS,IAAC,KAAK,EAAE,OAAO,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,GAAI,CACvC,CACT,CACc;YACjB,8BAAC,iBAAO,OAAG,CACC,CACf;QACD,8BAAC,SAAS,QAAE,QAAQ,CAAa;QAChC,MAAM,IAAI,8BAAC,WAAW,QAAE,MAAM,CAAe,CAC1B,CACvB,CAAA;AACH,CAAC,CAAA;AACD,kBAAe,YAAY,CAAA;AAE3B,IAAM,WAAW,GAAG,gBAAM,CAAC,GAAG,8HAAsB,MAChD,EAOC,oBACa,EAAmB,sBAClB,EAAmB,KACrC,KAVG,UAAA,KAAK;IACL,OAAA,KAAK,CAAC,OAAO;QACX,CAAC,CAAC,6BAEH;QACC,CAAC,CAAC,6BAEH;AAND,CAMC,EACa,6BAAmB,EAClB,6BAAmB,CACrC,CAAA;AAED,IAAM,SAAS,GAAG,IAAA,gBAAM,EAAC,eAAE,CAAC,0MAAA,wDAEX,EAAa,qBACZ,EAAmB,sBAClB,EAAmB,uBAClB,EAAmB,KACtC,KAJgB,uBAAa,EACZ,6BAAmB,EAClB,6BAAmB,EAClB,6BAAmB,CACtC,CAAA;AAED,IAAM,WAAW,GAAG,gBAAM,CAAC,GAAG,sNAAA,6FAIX,EAAmB,oBACrB,EAAa,uBACV,EAAa,KAChC,KAHkB,6BAAmB,EACrB,uBAAa,EACV,uBAAa,CAChC,CAAA;AAED,IAAM,cAAc,GAAG,gBAAM,CAAC,GAAG,qKAAA,kGAKhC,IAAA,CAAA;AAED,IAAM,KAAK,GAAG,gBAAM,CAAC,GAAG,8LAAA,2HAOvB,IAAA,CAAA;AAED,IAAM,KAAK,GAAG,gBAAM,CAAC,GAAG,+JAAA,4FAKvB,IAAA,CAAA;AAED,IAAM,mBAAmB,GAAG,gBAAM,CAAC,GAAG,wYAAA,qUAarC,IAAA,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Modal/index.tsx"],"names":[],"mappings":";;AAAA,+BAAyB;AACzB,yCAAuC;AACvC,uDAAiD;AACjD,mCAgBiB;AAmBjB,IAAM,YAAY,GAAG,UAAC,EAWF;QAVlB,OAAO,aAAA,EACP,eAAmB,EAAnB,OAAO,mBAAG,SAAS,KAAA,EACnB,YAAc,EAAd,IAAI,mBAAG,OAAO,KAAA,EACd,KAAK,WAAA,EACL,QAAQ,cAAA,EACR,MAAM,YAAA,EACN,iBAAiB,uBAAA,EACjB,SAAS,eAAA,EACT,YAAY,kBAAA,EACZ,WAAW,iBAAA;IAEH,IAAA,OAAO,GAAK,IAAA,uBAAQ,GAAE,QAAf,CAAe;IAC9B,IAAM,YAAY,GAAc,OAAO,KAAK,YAAY,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAA;IAE1E,IAAM,SAAS,GAAG,CAAC,iBAAiB,IAAI,CACtC,8BAAC,cAAK,IAAC,OAAO,EAAE,cAAM,OAAA,OAAO,EAAE,EAAT,CAAS;QAC7B,8BAAC,eAAS,IAAC,KAAK,EAAE,OAAO,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,GAAI,CACvC,CACT,CAAA;IAED,IAAM,YAAY,GAAG;QACnB,QAAQ,OAAO,EAAE,CAAC;YAChB,KAAK,cAAc;gBACjB,OAAO,CACL;oBACE,8BAAC,6BAAoB,QAAE,SAAS,CAAwB;oBACxD,8BAAC,8BAAqB;wBACnB,YAAY,IAAI,CACf,8BAAC,4BAAmB,QAAE,YAAY,CAAuB,CAC1D;wBACA,KAAK,IAAI,8BAAC,sBAAa,QAAE,KAAK,CAAiB,CAC1B,CACvB,CACJ,CAAA;YAEH,KAAK,YAAY;gBACf,OAAO,CACL;oBACG,WAAW,IAAI,CACd,8BAAC,iCAAwB,QAAE,WAAW,CAA4B,CACnE;oBACA,KAAK,IAAI,CACR,8BAAC,2BAAkB;wBACjB,8BAAC,wBAAe,QAAE,KAAK,CAAmB,CACvB,CACtB,CACA,CACJ,CAAA;YAEH;gBACE,OAAO,CACL,CAAC,KAAK,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAC/B,8BAAC,oBAAW;oBACV,8BAAC,uBAAc;wBACb,8BAAC,cAAK,QAAE,KAAK,IAAI,EAAE,CAAS;wBAC3B,SAAS,CACK,CACL,CACf,CACF,CAAA;QACL,CAAC;IACH,CAAC,CAAA;IAED,OAAO,CACL,8BAAC,4BAAmB,IAAC,SAAS,EAAE,YAAY,EAAE,SAAS,EAAE,SAAS;QAC/D,YAAY,EAAE;QACf,8BAAC,kBAAS,QAAE,QAAQ,CAAa;QAChC,MAAM,IAAI,8BAAC,oBAAW,QAAE,MAAM,CAAe,CAC1B,CACvB,CAAA;AACH,CAAC,CAAA;AAED,kBAAe,YAAY,CAAA"}

package/dist/components/Modal/styles.js

@@ -0,0 +1,42 @@
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Close = exports.ModalFooter = exports.ModalBody = exports.NewFeatureTitle = exports.CenteredTitleFrame = exports.NewFeatureImageContainer = exports.CenteredTitle = exports.IllustrationWrapper = exports.IllustrationContainer = exports.IllustrationCloseBar = exports.Title = exports.TitleContainer = exports.ModalHeader = exports.ModalContentWrapper = void 0;
+var styled_1 = require("@emotion/styled");
+var fontStyles_1 = require("src/constants/fontStyles");
+var spacing_1 = require("src/constants/spacing");
+var WIDTH_MAP = {
+    small: '400px',
+    medium: '600px',
+};
+exports.ModalContentWrapper = styled_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  width: calc(100vw - 32px);\n  max-width: ", ";\n  background: white;\n  box-shadow:\n    0px 20px 24px -4px rgba(10, 13, 18, 0.08),\n    0px 8px 8px -4px rgba(10, 13, 18, 0.03);\n  border-radius: 12px;\n  overflow: hidden;\n  -webkit-font-smoothing: antialiased;\n  margin-bottom: 1.7vh;\n  position: absolute;\n  top: 6.8vh;\n  left: 50%;\n  transform: translateX(-50%);\n"], ["\n  width: calc(100vw - 32px);\n  max-width: ", ";\n  background: white;\n  box-shadow:\n    0px 20px 24px -4px rgba(10, 13, 18, 0.08),\n    0px 8px 8px -4px rgba(10, 13, 18, 0.03);\n  border-radius: 12px;\n  overflow: hidden;\n  -webkit-font-smoothing: antialiased;\n  margin-bottom: 1.7vh;\n  position: absolute;\n  top: 6.8vh;\n  left: 50%;\n  transform: translateX(-50%);\n"
+    // ─── Default variant ───
+])), function (props) { return WIDTH_MAP[props.modalSize]; });
+// ─── Default variant ───
+exports.ModalHeader = styled_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  padding: 16px ", ";\n"], ["\n  padding: 16px ", ";\n"])), spacing_1.LARGE_SPACING);
+exports.TitleContainer = styled_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  padding-top: 4px;\n  padding-bottom: 16px;\n  border-bottom: 1px solid #d8d8d8;\n"], ["\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  padding-top: 4px;\n  padding-bottom: 16px;\n  border-bottom: 1px solid #d8d8d8;\n"])));
+exports.Title = styled_1.default.h2(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  flex: 1 0 0;\n  min-width: 0;\n  margin: 0;\n  font-family: ", ";\n  font-weight: 700;\n  font-size: 20px;\n  line-height: 1;\n  color: #002b2a;\n"], ["\n  flex: 1 0 0;\n  min-width: 0;\n  margin: 0;\n  font-family: ", ";\n  font-weight: 700;\n  font-size: 20px;\n  line-height: 1;\n  color: #002b2a;\n"
+    // ─── Illustration variant ───
+])), fontStyles_1.SECONDARY_FONT);
+// ─── Illustration variant ───
+exports.IllustrationCloseBar = styled_1.default.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  display: flex;\n  justify-content: flex-end;\n  align-items: center;\n  padding: 16px ", ";\n  height: 56px;\n  box-sizing: border-box;\n"], ["\n  display: flex;\n  justify-content: flex-end;\n  align-items: center;\n  padding: 16px ", ";\n  height: 56px;\n  box-sizing: border-box;\n"])), spacing_1.LARGE_SPACING);
+exports.IllustrationContainer = styled_1.default.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  padding: 0 ", ";\n"], ["\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  padding: 0 ", ";\n"])), spacing_1.LARGE_SPACING);
+exports.IllustrationWrapper = styled_1.default.div(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n  width: 160px;\n  height: 160px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n"], ["\n  width: 160px;\n  height: 160px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n"])));
+exports.CenteredTitle = styled_1.default.h2(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n  margin: 16px 0 8px;\n  font-family: ", ";\n  font-weight: 700;\n  font-size: 20px;\n  line-height: 1.3;\n  color: #002b2a;\n  text-align: center;\n  width: 100%;\n"], ["\n  margin: 16px 0 8px;\n  font-family: ", ";\n  font-weight: 700;\n  font-size: 20px;\n  line-height: 1.3;\n  color: #002b2a;\n  text-align: center;\n  width: 100%;\n"
+    // ─── New Feature variant ───
+])), fontStyles_1.SECONDARY_FONT);
+// ─── New Feature variant ───
+exports.NewFeatureImageContainer = styled_1.default.div(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n  padding: 40px ", " 0;\n  overflow: hidden;\n\n  img {\n    width: 100%;\n    display: block;\n    border-radius: 8px;\n  }\n"], ["\n  padding: 40px ", " 0;\n  overflow: hidden;\n\n  img {\n    width: 100%;\n    display: block;\n    border-radius: 8px;\n  }\n"])), spacing_1.LARGE_SPACING);
+exports.CenteredTitleFrame = styled_1.default.div(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n  padding: 16px ", ";\n  text-align: center;\n"], ["\n  padding: 16px ", ";\n  text-align: center;\n"])), spacing_1.LARGE_SPACING);
+exports.NewFeatureTitle = styled_1.default.h2(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n  margin: 0;\n  font-family: ", ";\n  font-weight: 700;\n  font-size: 20px;\n  line-height: 1.3;\n  color: #002b2a;\n"], ["\n  margin: 0;\n  font-family: ", ";\n  font-weight: 700;\n  font-size: 20px;\n  line-height: 1.3;\n  color: #002b2a;\n"
+    // ─── Shared ───
+])), fontStyles_1.SECONDARY_FONT);
+// ─── Shared ───
+exports.ModalBody = styled_1.default.div(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n  padding: 0 ", " 16px;\n  font-family: ", ";\n  font-size: 14px;\n  line-height: 1.4;\n  color: #002b2a;\n"], ["\n  padding: 0 ", " 16px;\n  font-family: ", ";\n  font-size: 14px;\n  line-height: 1.4;\n  color: #002b2a;\n"])), spacing_1.LARGE_SPACING, fontStyles_1.MAIN_FONT);
+exports.ModalFooter = styled_1.default.div(templateObject_13 || (templateObject_13 = __makeTemplateObject(["\n  background: #f6f7f9;\n  display: flex;\n  gap: 16px;\n  padding: ", ";\n\n  > * {\n    flex: 1 0 0;\n  }\n"], ["\n  background: #f6f7f9;\n  display: flex;\n  gap: 16px;\n  padding: ", ";\n\n  > * {\n    flex: 1 0 0;\n  }\n"])), spacing_1.LARGE_SPACING);
+exports.Close = styled_1.default.div(templateObject_14 || (templateObject_14 = __makeTemplateObject(["\n  cursor: pointer;\n  flex-shrink: 0;\n"], ["\n  cursor: pointer;\n  flex-shrink: 0;\n"])));
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11, templateObject_12, templateObject_13, templateObject_14;
+//# sourceMappingURL=styles.js.map

package/dist/components/Modal/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/Modal/styles.ts"],"names":[],"mappings":";;;;;;;AAAA,0CAAoC;AACpC,uDAAoE;AACpE,iDAAqD;AAIrD,IAAM,SAAS,GAA8B;IAC3C,KAAK,EAAE,OAAO;IACd,MAAM,EAAE,OAAO;CAChB,CAAA;AAEY,QAAA,mBAAmB,GAAG,gBAAM,CAAC,GAAG,8bAA0B,+CAExD,EAAqC,0UAanD;IAED,0BAA0B;KAfX,UAAC,KAAK,IAAK,OAAA,SAAS,CAAC,KAAK,CAAC,SAAS,CAAC,EAA1B,CAA0B,EAanD;AAED,0BAA0B;AAEb,QAAA,WAAW,GAAG,gBAAM,CAAC,GAAG,8FAAA,oBACnB,EAAa,KAC9B,KADiB,uBAAa,EAC9B;AAEY,QAAA,cAAc,GAAG,gBAAM,CAAC,GAAG,kNAAA,+IAOvC,KAAA;AAEY,QAAA,KAAK,GAAG,gBAAM,CAAC,EAAE,2NAAA,kEAIb,EAAc,oFAK9B;IAED,+BAA+B;KAPd,2BAAc,EAK9B;AAED,+BAA+B;AAElB,QAAA,oBAAoB,GAAG,gBAAM,CAAC,GAAG,kNAAA,4FAI5B,EAAa,iDAG9B,KAHiB,uBAAa,EAG9B;AAEY,QAAA,qBAAqB,GAAG,gBAAM,CAAC,GAAG,gKAAA,sFAIhC,EAAa,KAC3B,KADc,uBAAa,EAC3B;AAEY,QAAA,mBAAmB,GAAG,gBAAM,CAAC,GAAG,gLAAA,6GAM5C,KAAA;AAEY,QAAA,aAAa,GAAG,gBAAM,CAAC,EAAE,4OAAA,0CAErB,EAAc,6HAO9B;IAED,8BAA8B;KATb,2BAAc,EAO9B;AAED,8BAA8B;AAEjB,QAAA,wBAAwB,GAAG,gBAAM,CAAC,GAAG,qMAAA,oBAChC,EAAa,4GAQ9B,KARiB,uBAAa,EAQ9B;AAEY,QAAA,kBAAkB,GAAG,gBAAM,CAAC,GAAG,uHAAA,oBAC1B,EAAa,4BAE9B,KAFiB,uBAAa,EAE9B;AAEY,QAAA,eAAe,GAAG,gBAAM,CAAC,EAAE,8LAAA,iCAEvB,EAAc,sFAK9B;IAED,iBAAiB;KAPA,2BAAc,EAK9B;AAED,iBAAiB;AAEJ,QAAA,SAAS,GAAG,gBAAM,CAAC,GAAG,oLAAA,iBACpB,EAAa,yBACX,EAAS,iEAIzB,KALc,uBAAa,EACX,sBAAS,EAIzB;AAEY,QAAA,WAAW,GAAG,gBAAM,CAAC,GAAG,qLAAA,uEAIxB,EAAa,uCAKzB,KALY,uBAAa,EAKzB;AAEY,QAAA,KAAK,GAAG,gBAAM,CAAC,GAAG,gHAAA,2CAG9B,KAAA"}

package/dist/components/Tooltip/index.js

@@ -41,7 +41,8 @@ function default_1(_a) {
             content,
             (actionTitle || dismissTitle) && (react_1.default.createElement(FooterContainer, null,
                 react_1.default.createElement(DismissButton, { onClick: onDismissButtonClick }, dismissTitle),
-                react_1.default.createElement(ActionButton, { onClick: onActionButtonClick }, actionTitle)))), mouseEnterDelay: mouseEnterDelay, mouseLeaveDelay: mouseLeaveDelay }, children));
+                react_1.default.createElement(ActionButton, { onClick: onActionButtonClick }, actionTitle)))), mouseEnterDelay: mouseEnterDelay, mouseLeaveDelay: mouseLeaveDelay },
+        react_1.default.createElement("span", { style: { display: 'inline' } }, children)));
 }
 var defaultOverlayStyle = (0, emotion_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  max-width: 200px;\n  font-family: ", ";\n  font-size: ", ";\n  font-weight: ", ";\n  color: ", ";\n  box-shadow: none;\n\n  .ant-tooltip-inner {\n    padding: 12px;\n    border-radius: 8px;\n    box-shadow: none;\n    background-color: ", ";\n  }\n\n  ", " {\n    max-width: 250px;\n  }\n\n  .ant-tooltip-arrow {\n    width: 16px;\n    height: 16px;\n\n    .ant-tooltip-arrow-content {\n      background-color: ", ";\n      box-shadow: none;\n      width: 16px;\n      height: 16px;\n    }\n  }\n"], ["\n  max-width: 200px;\n  font-family: ", ";\n  font-size: ", ";\n  font-weight: ", ";\n  color: ", ";\n  box-shadow: none;\n\n  .ant-tooltip-inner {\n    padding: 12px;\n    border-radius: 8px;\n    box-shadow: none;\n    background-color: ", ";\n  }\n\n  ", " {\n    max-width: 250px;\n  }\n\n  .ant-tooltip-arrow {\n    width: 16px;\n    height: 16px;\n\n    .ant-tooltip-arrow-content {\n      background-color: ", ";\n      box-shadow: none;\n      width: 16px;\n      height: 16px;\n    }\n  }\n"])), fontStyles_1.MAIN_FONT, TypographyStyles_1.FONT_SIZE.P1, TypographyStyles_1.FONT_WEIGHT.REGULAR, theme_1.straitsXTheme.text.white, theme_1.straitsXTheme.brand.primary.contrast, breakPoints_1.DESKTOP_BREAKPOINT, theme_1.straitsXTheme.brand.primary.contrast);
 var Container = styled_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  line-height: 22px;\n"], ["\n  line-height: 22px;\n"])));

package/dist/components/Tooltip/index.js.map

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

package/dist/index.js

@@ -16,8 +16,8 @@ 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);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Coachmark = exports.Timeline = exports.SummaryCard = exports.Spin = exports.ErrorPage = exports.Tooltip = exports.CopyBox = exports.Section = exports.Banner = exports.Note = exports.ContentBreakdown = exports.Hidden = exports.Link = exports.Divider = exports.EmptyData = exports.SmallP = exports.P1Bold = exports.P1 = exports.H4 = exports.H3 = exports.H2 = exports.H1 = exports.Checkbox = exports.DatePicker = exports.Timer = exports.Tabs = exports.Table = exports.Steps = exports.Select = exports.RangePicker = exports.Radio = exports.Pagination = exports.DeprecatedModal = exports.Modal = exports.Tag = exports.InputWithButton = exports.Input = exports.Form = exports.DynamicSelect = exports.Dropdown = exports.Carousel = exports.Chart = exports.Card = exports.BadgeIcon = exports.Accordion = exports.ActionCard = exports.ActionButton = exports.Button = exports.Alert = exports.AntdConfigProvider = void 0;
-exports.LINE_HEIGHT = exports.FONT_SIZE = exports.FONT_WEIGHT = exports.FALLBACK_FONT = exports.MAIN_FONT = exports.BACKGROUND_COLORS = exports.TEXT_COLORS = exports.ICON_COLORS = exports.MAIN_COLORS = exports.NEUTRAL_COLORS = exports.YELLOW_COLORS = exports.RED_COLORS = exports.GREEN_COLORS = exports.BLUE_COLORS = exports.TABLET_BREAKPOINT = exports.LAPTOP_BREAKPOINT = exports.DESKTOP_BREAKPOINT = exports.EXTRA_LARGE_DESKTOP_BREAKPOINT = exports.useModal = exports.ModalProvider = exports.straitsXTheme = exports.xfersTheme = exports.useTheme = exports.ThemeProvider = exports.Typography = exports.MaterialSymbols = exports.getCoachmarkJoyrideConfig = void 0;
+exports.Timeline = exports.SummaryCard = exports.Spin = exports.ErrorPage = exports.Tooltip = exports.CopyBox = exports.Section = exports.Banner = exports.Note = exports.ContentBreakdown = exports.Hidden = exports.Link = exports.Divider = exports.EmptyData = exports.SmallP = exports.P1Bold = exports.P1 = exports.H4 = exports.H3 = exports.H2 = exports.H1 = exports.Checkbox = exports.DatePicker = exports.Timer = exports.Tabs = exports.Table = exports.Steps = exports.Select = exports.RangePicker = exports.Radio = exports.Pagination = exports.DeprecatedModal = exports.DialogItems = exports.Modal = exports.Tag = exports.InputWithButton = exports.Input = exports.Form = exports.DynamicSelect = exports.Dropdown = exports.Carousel = exports.Chart = exports.Card = exports.BadgeIcon = exports.Accordion = exports.ActionCard = exports.ActionButton = exports.Button = exports.Alert = exports.AntdConfigProvider = void 0;
+exports.LINE_HEIGHT = exports.FONT_SIZE = exports.FONT_WEIGHT = exports.FALLBACK_FONT = exports.MAIN_FONT = exports.BACKGROUND_COLORS = exports.TEXT_COLORS = exports.ICON_COLORS = exports.MAIN_COLORS = exports.NEUTRAL_COLORS = exports.YELLOW_COLORS = exports.RED_COLORS = exports.GREEN_COLORS = exports.BLUE_COLORS = exports.TABLET_BREAKPOINT = exports.LAPTOP_BREAKPOINT = exports.DESKTOP_BREAKPOINT = exports.EXTRA_LARGE_DESKTOP_BREAKPOINT = exports.useModal = exports.ModalProvider = exports.straitsXTheme = exports.xfersTheme = exports.useTheme = exports.ThemeProvider = exports.Typography = exports.MaterialSymbols = exports.getCoachmarkJoyrideConfig = exports.Coachmark = void 0;
 // Components
 var AntdConfigProvider_1 = require("./components/AntdConfigProvider");
 Object.defineProperty(exports, "AntdConfigProvider", { enumerable: true, get: function () { return AntdConfigProvider_1.default; } });
@@ -53,6 +53,8 @@ var Tag_1 = require("./components/Tag");
 Object.defineProperty(exports, "Tag", { enumerable: true, get: function () { return Tag_1.default; } });
 var Modal_1 = require("./components/Modal");
 Object.defineProperty(exports, "Modal", { enumerable: true, get: function () { return Modal_1.default; } });
+var DialogItems_1 = require("./components/Modal/DialogItems");
+Object.defineProperty(exports, "DialogItems", { enumerable: true, get: function () { return DialogItems_1.default; } });
 var DeprecatedModal_1 = require("./components/DeprecatedModal");
 Object.defineProperty(exports, "DeprecatedModal", { enumerable: true, get: function () { return DeprecatedModal_1.default; } });
 var Pagination_1 = require("./components/Pagination");

package/dist/index.js.map

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

package/dist/shared/modalContext.js

@@ -11,7 +11,7 @@ var styled_1 = require("@emotion/styled");
 var core_1 = require("@emotion/core");
 var ModalContext = react_1.default.createContext({
     setModal: function () { return null; },
-    resetModal: function () { return null; }
+    resetModal: function () { return null; },
 });
 var bodyElement = document.body;
 var ModalContainer = function (_a) {
@@ -51,7 +51,7 @@ var useModal = function () {
 };
 exports.useModal = useModal;
 var showAnimation = (0, core_1.keyframes)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  0% {\n    opacity: 0;\n  }\n  100% {\n    opacity: 1;\n  }\n"], ["\n  0% {\n    opacity: 0;\n  }\n  100% {\n    opacity: 1;\n  }\n"])));
-var ModalMask = styled_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  position: fixed;\n  width: 100vw;\n  height: 100%;\n  background: rgba(0, 0, 0, 0.2);\n  top: 0;\n  left: 0;\n  display: none;\n  overflow: auto;\n  z-index: 9; // bigger than nav bar z-index: 8\n  ", ";\n"], ["\n  position: fixed;\n  width: 100vw;\n  height: 100%;\n  background: rgba(0, 0, 0, 0.2);\n  top: 0;\n  left: 0;\n  display: none;\n  overflow: auto;\n  z-index: 9; // bigger than nav bar z-index: 8\n  ", ";\n"])), function (props) {
+var ModalMask = styled_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  position: fixed;\n  width: 100vw;\n  height: 100%;\n  background: rgba(5, 21, 19, 0.7);\n  top: 0;\n  left: 0;\n  display: none;\n  overflow: auto;\n  z-index: 9; // bigger than nav bar z-index: 8\n  ", ";\n"], ["\n  position: fixed;\n  width: 100vw;\n  height: 100%;\n  background: rgba(5, 21, 19, 0.7);\n  top: 0;\n  left: 0;\n  display: none;\n  overflow: auto;\n  z-index: 9; // bigger than nav bar z-index: 8\n  ", ";\n"])), function (props) {
     return props.open && (0, core_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n      display: block;\n      animation: ", " 0.3s ease;\n    "], ["\n      display: block;\n      animation: ", " 0.3s ease;\n    "])), showAnimation);
 });
 var templateObject_1, templateObject_2, templateObject_3, templateObject_4;

package/dist/shared/modalContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"modalContext.js","sourceRoot":"","sources":["../../src/shared/modalContext.tsx"],"names":[],"mappings":";;;;;;;AAAA,+BAA+D;AAC/D,uCAAgC;AAChC,0CAAoC;AACpC,sCAAsD;AAEtD,IAAM,YAAY,GAAG,eAAK,CAAC,aAAa,CAIrC;IACD,QAAQ,EAAE,cAAM,OAAA,IAAI,EAAJ,CAAI;IACpB,UAAU,EAAE,cAAM,OAAA,IAAI,EAAJ,CAAI;CACvB,CAAC,CAAA;AAEF,IAAM,WAAW,GAAG,QAAQ,CAAC,IAAI,CAAA;AAKjC,IAAM,cAAc,GAAG,UAAC,EAA8B;QAA5B,KAAK,WAAA;IAC7B,sDAAsD;IAC/C,IAAA,WAAW,GAAI,IAAA,gBAAQ,EAAC,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC,GAA3C,CAA2C;IAC7D,WAAW,CAAC,YAAY,CAAC,IAAI,EAAE,YAAY,CAAC,CAAA;IAE5C,IAAA,iBAAS,EACP;QACE,WAAW,CAAC,WAAW,CAAC,WAAW,CAAC,CAAA;QACpC,OAAO;YACL,WAAW,CAAC,WAAW,CAAC,WAAW,CAAC,CAAA;QACtC,CAAC,CAAA;IACH,CAAC,EACD,CAAC,WAAW,CAAC,CACd,CAAA;IAED,IAAM,0BAA0B,GAAG,CACjC,8BAAC,aAAM,IACL,MAAM,MAAE,UAAG,sIAAA,kEAIV,OACD,CACH,CAAA;IACD,OAAO,mBAAQ,CAAC,YAAY,CAC1B,8BAAC,SAAS,IAAC,IAAI,EAAE,CAAC,CAAC,KAAK;QACrB,CAAC,CAAC,KAAK,IAAI,0BAA0B;QACrC,KAAK,CACI,EACZ,WAAW,CACZ,CAAA;AACH,CAAC,CAAA;AAGD,IAAM,aAAa,GAAG,UAAC,EAAgC;QAA9B,QAAQ,cAAA;IAC/B,sDAAsD;IAChD,IAAA,KAAoB,IAAA,gBAAQ,GAAkC,EAA7D,KAAK,QAAA,EAAE,QAAQ,QAA8C,CAAA;IACpE,IAAM,UAAU,GAAG,IAAA,mBAAW,EAC5B;QACE,QAAQ,CAAC,SAAS,CAAC,CAAA;IACrB,CAAC,EACD,CAAC,QAAQ,CAAC,CACX,CAAA;IAED,OAAO,CACL,8BAAC,YAAY,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,UAAU,YAAA,EAAE,QAAQ,UAAA,EAAE;QACnD,QAAQ;QACT,8BAAC,cAAc,IAAC,KAAK,EAAE,KAAK,GAAI,CACV,CACzB,CAAA;AACH,CAAC,CAAA;AAWQ,sCAAa;AATtB,IAAM,QAAQ,GAAG;IACf,IAAM,OAAO,GAAG,eAAK,CAAC,UAAU,CAAC,YAAY,CAAC,CAAA;IAE9C,IAAI,OAAO,KAAK,SAAS,EAAE,CAAC;QAC1B,MAAM,IAAI,KAAK,CAAC,6CAA6C,CAAC,CAAA;IAChE,CAAC;IACD,OAAO,OAAO,CAAA;AAChB,CAAC,CAAA;AAEuB,4BAAQ;AAEhC,IAAM,aAAa,OAAG,gBAAS,sIAAA,kEAO9B,IAAA,CAAA;AACD,IAAM,SAAS,GAAG,gBAAM,CAAC,GAAG,sRAAmB,4MAU3C,EAKC,KACJ,KANG,UAAA,KAAK;IACL,OAAA,KAAK,CAAC,IAAI,QACV,UAAG,qIAAA,4CAEY,EAAa,mBAC3B,KADc,aAAa,CAC3B;AAJD,CAIC,CACJ,CAAA"}
+{"version":3,"file":"modalContext.js","sourceRoot":"","sources":["../../src/shared/modalContext.tsx"],"names":[],"mappings":";;;;;;;AAAA,+BAA+D;AAC/D,uCAAgC;AAChC,0CAAoC;AACpC,sCAAsD;AAEtD,IAAM,YAAY,GAAG,eAAK,CAAC,aAAa,CAIrC;IACD,QAAQ,EAAE,cAAM,OAAA,IAAI,EAAJ,CAAI;IACpB,UAAU,EAAE,cAAM,OAAA,IAAI,EAAJ,CAAI;CACvB,CAAC,CAAA;AAEF,IAAM,WAAW,GAAG,QAAQ,CAAC,IAAI,CAAA;AAKjC,IAAM,cAAc,GAAG,UAAC,EAA8B;QAA5B,KAAK,WAAA;IAC7B,sDAAsD;IAC/C,IAAA,WAAW,GAAI,IAAA,gBAAQ,EAAC,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC,GAA3C,CAA2C;IAC7D,WAAW,CAAC,YAAY,CAAC,IAAI,EAAE,YAAY,CAAC,CAAA;IAE5C,IAAA,iBAAS,EAAC;QACR,WAAW,CAAC,WAAW,CAAC,WAAW,CAAC,CAAA;QACpC,OAAO;YACL,WAAW,CAAC,WAAW,CAAC,WAAW,CAAC,CAAA;QACtC,CAAC,CAAA;IACH,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAA;IAEjB,IAAM,0BAA0B,GAAG,CACjC,8BAAC,aAAM,IACL,MAAM,MAAE,UAAG,sIAAA,kEAIV,OACD,CACH,CAAA;IACD,OAAO,mBAAQ,CAAC,YAAY,CAC1B,8BAAC,SAAS,IAAC,IAAI,EAAE,CAAC,CAAC,KAAK;QACrB,CAAC,CAAC,KAAK,IAAI,0BAA0B;QACrC,KAAK,CACI,EACZ,WAAW,CACZ,CAAA;AACH,CAAC,CAAA;AAGD,IAAM,aAAa,GAAG,UAAC,EAAgC;QAA9B,QAAQ,cAAA;IAC/B,sDAAsD;IAChD,IAAA,KAAoB,IAAA,gBAAQ,GAAkC,EAA7D,KAAK,QAAA,EAAE,QAAQ,QAA8C,CAAA;IACpE,IAAM,UAAU,GAAG,IAAA,mBAAW,EAAC;QAC7B,QAAQ,CAAC,SAAS,CAAC,CAAA;IACrB,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAA;IAEd,OAAO,CACL,8BAAC,YAAY,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,UAAU,YAAA,EAAE,QAAQ,UAAA,EAAE;QACnD,QAAQ;QACT,8BAAC,cAAc,IAAC,KAAK,EAAE,KAAK,GAAI,CACV,CACzB,CAAA;AACH,CAAC,CAAA;AAWQ,sCAAa;AATtB,IAAM,QAAQ,GAAG;IACf,IAAM,OAAO,GAAG,eAAK,CAAC,UAAU,CAAC,YAAY,CAAC,CAAA;IAE9C,IAAI,OAAO,KAAK,SAAS,EAAE,CAAC;QAC1B,MAAM,IAAI,KAAK,CAAC,6CAA6C,CAAC,CAAA;IAChE,CAAC;IACD,OAAO,OAAO,CAAA;AAChB,CAAC,CAAA;AAEuB,4BAAQ;AAEhC,IAAM,aAAa,OAAG,gBAAS,sIAAA,kEAO9B,IAAA,CAAA;AACD,IAAM,SAAS,GAAG,gBAAM,CAAC,GAAG,wRAAmB,8MAU3C,EAKC,KACJ,KANG,UAAC,KAAK;IACN,OAAA,KAAK,CAAC,IAAI,QACV,UAAG,qIAAA,4CAEY,EAAa,mBAC3B,KADc,aAAa,CAC3B;AAJD,CAIC,CACJ,CAAA"}

package/dist/types/components/Accordion/index.d.ts

@@ -10,5 +10,5 @@ type AccordionProps = {
     additionalHeaderItem?: React.ReactNode;
     withBoxShadow?: boolean;
 };
-declare const Accordion: ({ header, body, defaultOpen, headerHeightDesktop, headerHeightMobile, toggleText, onCloseToggleText, additionalHeaderItem, withBoxShadow }: AccordionProps) => React.JSX.Element;
+declare const Accordion: ({ header, body, defaultOpen, headerHeightDesktop, headerHeightMobile, toggleText, onCloseToggleText, additionalHeaderItem, withBoxShadow }: AccordionProps) => JSX.Element;
 export default Accordion;

package/dist/types/components/ActionButton/ActionButton.d.ts

@@ -4,5 +4,5 @@ type ActionButtonProps = {
     icon: React.ReactElement;
     disabled?: boolean;
 } & Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'type'>;
-declare const ActionButton: ({ icon, type, disabled, ...props }: ActionButtonProps) => React.JSX.Element;
+declare const ActionButton: ({ icon, type, disabled, ...props }: ActionButtonProps) => JSX.Element;
 export default ActionButton;

package/dist/types/components/ActionCard/index.d.ts

@@ -4,5 +4,5 @@ type ActionCardProps = {
     footer?: React.ReactNode;
     children: React.ReactNode;
 };
-declare const ActionCard: ({ children, title, footer }: ActionCardProps) => React.JSX.Element;
+declare const ActionCard: ({ children, title, footer }: ActionCardProps) => JSX.Element;
 export default ActionCard;

package/dist/types/components/Alert/Alert.d.ts

@@ -1,4 +1,3 @@
-import React from 'react';
 import { CustomAlertProps } from './types';
-declare const CustomAlert: ({ type, message, closable, icon, showIcon, onClose, title, }: CustomAlertProps) => React.JSX.Element | null;
+declare const CustomAlert: ({ type, message, closable, icon, showIcon, onClose, title, }: CustomAlertProps) => JSX.Element | null;
 export default CustomAlert;

package/dist/types/components/AntdConfigProvider/index.d.ts

@@ -2,5 +2,5 @@ import React from 'react';
 type Props = {
     children: React.ReactNode;
 };
-export default function AntdConfigProvider({ children }: Props): React.JSX.Element;
+export default function AntdConfigProvider({ children }: Props): JSX.Element;
 export {};

package/dist/types/components/BadgeIcon/index.d.ts

@@ -4,5 +4,5 @@ type BadgeIconProps = {
     icon: React.ReactElement;
     iconWidth?: number;
 } & React.HTMLAttributes<HTMLDivElement>;
-declare const BadgeIcon: ({ icon, type, iconWidth, ...rest }: BadgeIconProps) => React.JSX.Element;
+declare const BadgeIcon: ({ icon, type, iconWidth, ...rest }: BadgeIconProps) => JSX.Element;
 export default BadgeIcon;

package/dist/types/components/Banner/index.d.ts

@@ -4,5 +4,5 @@ type BannerProps = {
     withIcon?: boolean;
     children: React.ReactNode;
 } & React.HTMLAttributes<HTMLDivElement>;
-declare const Banner: ({ withIcon, children, type, ...rest }: BannerProps) => React.JSX.Element;
+declare const Banner: ({ withIcon, children, type, ...rest }: BannerProps) => JSX.Element;
 export default Banner;

package/dist/types/components/Button/Button.d.ts

@@ -10,5 +10,5 @@ type CustomButtonProps = {
     className?: string;
     icon?: React.ReactNode;
 } & Omit<ButtonProps, 'type' | 'disabled'>;
-declare const CustomButton: ({ type, size, iconColor, isDisabled, isFullWidth, className, children, icon, ...rest }: CustomButtonProps) => React.JSX.Element;
+declare const CustomButton: ({ type, size, iconColor, isDisabled, isFullWidth, className, children, icon, ...rest }: CustomButtonProps) => JSX.Element;
 export default CustomButton;

package/dist/types/components/Card/index.d.ts

@@ -1,4 +1,3 @@
-import React from 'react';
 import { CardProps } from 'antd';
 type CardWithoutType = Omit<CardProps, 'type'>;
 type CustomCardProps = CardWithoutType & {
@@ -7,5 +6,5 @@ type CustomCardProps = CardWithoutType & {
     alignBody?: 'left' | 'right';
     type?: 'default' | 'dark';
 };
-declare const CustomCard: ({ className, alignTitle, alignBody, type, ...restProps }: CustomCardProps) => React.JSX.Element;
+declare const CustomCard: ({ className, alignTitle, alignBody, type, ...restProps }: CustomCardProps) => JSX.Element;
 export default CustomCard;

package/dist/types/components/Carousel/index.d.ts

@@ -4,5 +4,5 @@ type Props = {
     children: React.ReactNode[];
     width?: number;
 };
-declare function Carousel({ children, activeKey, width, ...rest }: Props): React.JSX.Element;
+declare function Carousel({ children, activeKey, width, ...rest }: Props): JSX.Element;
 export default Carousel;

package/dist/types/components/Chart/index.d.ts

@@ -1,4 +1,3 @@
-import React from 'react';
 type ChartProps = {
     xValues: number[] | string[];
     yValues: number[];
@@ -8,5 +7,5 @@ type ChartProps = {
     width?: number;
     straitsXStyle?: boolean;
 };
-declare const CustomChart: ({ xValues, yValues, dataPrefix, dataPostfix, straitsXStyle, height }: ChartProps) => React.JSX.Element;
+declare const CustomChart: ({ xValues, yValues, dataPrefix, dataPostfix, straitsXStyle, height }: ChartProps) => JSX.Element;
 export default CustomChart;

package/dist/types/components/Checkbox/index.d.ts

@@ -1,7 +1,6 @@
-import React from 'react';
 import type { CheckboxGroupProps } from 'antd/es/checkbox';
 type GroupProps = CheckboxGroupProps;
-declare function CheckboxGroup({ className, ...props }: GroupProps): React.JSX.Element;
+declare function CheckboxGroup({ className, ...props }: GroupProps): JSX.Element;
 declare const _default: {
     Group: typeof CheckboxGroup;
 };

package/dist/types/components/Coachmark/index.d.ts

@@ -1,4 +1,4 @@
-import React, { ReactNode } from 'react';
+import { ReactNode } from 'react';
 type CoachmarkProps = {
     index: number;
     size: number;
@@ -25,5 +25,5 @@ type CoachmarkProps = {
         onClick: () => void;
     };
 };
-export default function Coachmark({ index, primaryProps, size, skipProps, step, tooltipProps, backProps, }: CoachmarkProps): React.JSX.Element;
+export default function Coachmark({ index, primaryProps, size, skipProps, step, tooltipProps, backProps, }: CoachmarkProps): JSX.Element;
 export {};

package/dist/types/components/ContentBreakdown/index.d.ts

@@ -3,5 +3,5 @@ type ContentBreakdownProps = {
     title: string;
     children: React.ReactElement;
 };
-declare const ContentBreakdown: ({ title, children }: ContentBreakdownProps) => React.JSX.Element;
+declare const ContentBreakdown: ({ title, children }: ContentBreakdownProps) => JSX.Element;
 export default ContentBreakdown;

package/dist/types/components/CopyBox/CopyBox.d.ts

@@ -13,5 +13,5 @@ type CopyBoxType = {
     helperTextType?: 'error' | undefined;
     onButtonClick?: () => void;
 };
-declare const CopyBox: ({ value, allowCopy, valueToCopy, isBankAddress, showCopyIcon, icon, iconSize, labelText, labelTooltip, helperText, helperTextType, onButtonClick }: CopyBoxType) => React.JSX.Element;
+declare const CopyBox: ({ value, allowCopy, valueToCopy, isBankAddress, showCopyIcon, icon, iconSize, labelText, labelTooltip, helperText, helperTextType, onButtonClick }: CopyBoxType) => JSX.Element;
 export default CopyBox;

package/dist/types/components/DatePicker/index.d.ts

@@ -1,4 +1,3 @@
-import React from 'react';
 import { InputSize } from '../Input/inputStyles';
 type Props = {
     placeholder?: string;
@@ -18,5 +17,5 @@ type Props = {
     showInfoIcon?: boolean;
     onInfoClick?: () => void;
 };
-export default function ({ disabled, label, required, optional, size, error, helperText, showInfoIcon, onInfoClick, ...rest }: Props): React.JSX.Element;
+export default function ({ disabled, label, required, optional, size, error, helperText, showInfoIcon, onInfoClick, ...rest }: Props): JSX.Element;
 export {};

package/dist/types/components/Divider/index.d.ts

@@ -1,6 +1,5 @@
-import React from 'react';
 type DividerProps = {
     spacing?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
 };
-declare const Divider: ({ spacing, ...rest }: DividerProps) => React.JSX.Element;
+declare const Divider: ({ spacing, ...rest }: DividerProps) => JSX.Element;
 export default Divider;

package/dist/types/components/Dropdown/index.d.ts

@@ -11,5 +11,5 @@ type Props = {
     disabled?: boolean;
     trigger?: Array<'click' | 'hover' | 'contextMenu'>;
 } & Omit<DropdownProps, 'menu'>;
-export default function ({ menu, children, type, placement, className, trigger, disabled, ...rest }: Props): React.JSX.Element;
+export default function ({ menu, children, type, placement, className, trigger, disabled, ...rest }: Props): JSX.Element;
 export {};

package/dist/types/components/DynamicSelect/DynamicSelect.d.ts

@@ -12,21 +12,21 @@ export type IExtraElementProps = {
 };
 type IAddItemProps = Omit<IExtraElementProps, 'topContent' | 'bottomContent'>;
 declare const DynamicSelect: {
-    ({ className, children, disabled, mode, label, iconSrc, extraText, extraAction, isAddItemBarVisible, topContent, bottomContent, actionContent, ...rest }: IDynamicSelectProps): React.JSX.Element;
+    ({ className, children, disabled, mode, label, iconSrc, extraText, extraAction, isAddItemBarVisible, topContent, bottomContent, actionContent, ...rest }: IDynamicSelectProps): JSX.Element;
     Option: import("rc-select/lib/Option").OptionFC;
 };
 export declare const AddIcon: import("@emotion/styled-base").StyledComponent<React.DetailedHTMLProps<React.ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, Pick<React.ClassAttributes<HTMLImageElement> & React.ImgHTMLAttributes<HTMLImageElement>, keyof React.ImgHTMLAttributes<HTMLImageElement>>, object>;
-export declare const AddButton: import("@emotion/styled-base").StyledComponent<Omit<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & Pick<Pick<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement>, keyof React.HTMLAttributes<HTMLDivElement>>, keyof React.HTMLAttributes<HTMLDivElement>> & {
+export declare const AddButton: import("@emotion/styled-base").StyledComponent<Pick<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & Pick<Pick<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement>, keyof React.HTMLAttributes<HTMLDivElement>>, keyof React.HTMLAttributes<HTMLDivElement>> & {
     theme?: object | undefined;
 } & {
-    children?: import("react").ReactNode | undefined;
-}, "ref"> & {
+    children?: React.ReactNode;
+}, "theme" | "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
     ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
-}, Pick<Omit<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & Pick<Pick<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement>, keyof React.HTMLAttributes<HTMLDivElement>>, keyof React.HTMLAttributes<HTMLDivElement>> & {
+}, Pick<Pick<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & Pick<Pick<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement>, keyof React.HTMLAttributes<HTMLDivElement>>, keyof React.HTMLAttributes<HTMLDivElement>> & {
     theme?: object | undefined;
 } & {
-    children?: import("react").ReactNode | undefined;
-}, "ref"> & {
+    children?: React.ReactNode;
+}, "theme" | "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
     ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
 }, "theme" | keyof React.HTMLAttributes<HTMLDivElement>>, object>;
 export default DynamicSelect;

package/dist/types/components/EmptyData/index.d.ts

@@ -5,5 +5,5 @@ type EmptyDataProps = {
     info?: React.ReactNode;
     svgUniqueId?: string;
 };
-declare const EmptyData: ({ title, subtitle, info, svgUniqueId, }: EmptyDataProps) => React.JSX.Element;
+declare const EmptyData: ({ title, subtitle, info, svgUniqueId, }: EmptyDataProps) => JSX.Element;
 export default EmptyData;

package/dist/types/components/ErrorPage/index.d.ts

@@ -6,5 +6,5 @@ type ErrorPageProps = {
     fallbackContent?: React.ReactNode;
     backgroundColor?: string;
 };
-declare const ErrorPage: ({ title, subtitle, content, fallbackContent, backgroundColor }: ErrorPageProps) => React.JSX.Element;
+declare const ErrorPage: ({ title, subtitle, content, fallbackContent, backgroundColor }: ErrorPageProps) => JSX.Element;
 export default ErrorPage;

package/dist/types/components/Form/index.d.ts

@@ -5,8 +5,8 @@ type Props = FormProps & {
     children: React.ReactNode;
 };
 declare const MainForm: {
-    ({ className, children, ...rest }: Props): React.JSX.Element;
-    Item({ className, ...rest }: FormItemProps): React.JSX.Element;
+    ({ className, children, ...rest }: Props): JSX.Element;
+    Item({ className, ...rest }: FormItemProps): JSX.Element;
     useForm: typeof import("antd/es/form/Form").useForm;
 };
 export default MainForm;

package/dist/types/components/Grid/Section.d.ts

@@ -1,28 +1,28 @@
 declare const Section: {
-    Title: import("@emotion/styled-base").StyledComponent<Omit<import("react").ClassAttributes<HTMLHeadingElement> & import("react").HTMLAttributes<HTMLHeadingElement> & Pick<Pick<import("react").ClassAttributes<HTMLHeadingElement> & import("react").HTMLAttributes<HTMLHeadingElement>, keyof import("react").HTMLAttributes<HTMLHeadingElement>>, keyof import("react").HTMLAttributes<HTMLHeadingElement>> & {
+    Title: import("@emotion/styled-base").StyledComponent<Pick<import("react").ClassAttributes<HTMLHeadingElement> & import("react").HTMLAttributes<HTMLHeadingElement> & Pick<Pick<import("react").ClassAttributes<HTMLHeadingElement> & import("react").HTMLAttributes<HTMLHeadingElement>, keyof import("react").HTMLAttributes<HTMLHeadingElement>>, keyof import("react").HTMLAttributes<HTMLHeadingElement>> & {
         theme?: object | undefined;
     } & {
-        children?: import("react").ReactNode | undefined;
-    }, "ref"> & {
+        children?: import("react").ReactNode;
+    }, "theme" | "key" | keyof import("react").HTMLAttributes<HTMLHeadingElement>> & {
         ref?: ((instance: HTMLHeadingElement | null) => void) | import("react").RefObject<HTMLHeadingElement> | null | undefined;
-    }, Pick<Omit<import("react").ClassAttributes<HTMLHeadingElement> & import("react").HTMLAttributes<HTMLHeadingElement> & Pick<Pick<import("react").ClassAttributes<HTMLHeadingElement> & import("react").HTMLAttributes<HTMLHeadingElement>, keyof import("react").HTMLAttributes<HTMLHeadingElement>>, keyof import("react").HTMLAttributes<HTMLHeadingElement>> & {
+    }, Pick<Pick<import("react").ClassAttributes<HTMLHeadingElement> & import("react").HTMLAttributes<HTMLHeadingElement> & Pick<Pick<import("react").ClassAttributes<HTMLHeadingElement> & import("react").HTMLAttributes<HTMLHeadingElement>, keyof import("react").HTMLAttributes<HTMLHeadingElement>>, keyof import("react").HTMLAttributes<HTMLHeadingElement>> & {
         theme?: object | undefined;
     } & {
-        children?: import("react").ReactNode | undefined;
-    }, "ref"> & {
+        children?: import("react").ReactNode;
+    }, "theme" | "key" | keyof import("react").HTMLAttributes<HTMLHeadingElement>> & {
         ref?: ((instance: HTMLHeadingElement | null) => void) | import("react").RefObject<HTMLHeadingElement> | null | undefined;
     }, "theme" | keyof import("react").HTMLAttributes<HTMLHeadingElement>>, object>;
-    Subtitle: import("@emotion/styled-base").StyledComponent<Omit<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Pick<Pick<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, keyof import("react").HTMLAttributes<HTMLDivElement>>, keyof import("react").HTMLAttributes<HTMLDivElement>> & {
+    Subtitle: import("@emotion/styled-base").StyledComponent<Pick<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Pick<Pick<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, keyof import("react").HTMLAttributes<HTMLDivElement>>, keyof import("react").HTMLAttributes<HTMLDivElement>> & {
         theme?: object | undefined;
     } & {
-        children?: import("react").ReactNode | undefined;
-    }, "ref"> & {
+        children?: import("react").ReactNode;
+    }, "theme" | "key" | keyof import("react").HTMLAttributes<HTMLDivElement>> & {
         ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
-    }, Pick<Omit<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Pick<Pick<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, keyof import("react").HTMLAttributes<HTMLDivElement>>, keyof import("react").HTMLAttributes<HTMLDivElement>> & {
+    }, Pick<Pick<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Pick<Pick<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, keyof import("react").HTMLAttributes<HTMLDivElement>>, keyof import("react").HTMLAttributes<HTMLDivElement>> & {
         theme?: object | undefined;
     } & {
-        children?: import("react").ReactNode | undefined;
-    }, "ref"> & {
+        children?: import("react").ReactNode;
+    }, "theme" | "key" | keyof import("react").HTMLAttributes<HTMLDivElement>> & {
         ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
     }, "theme" | keyof import("react").HTMLAttributes<HTMLDivElement>>, object>;
     Row: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, keyof import("react").HTMLAttributes<HTMLDivElement>>, object>;