@xfers/design-system 5.0.0-dev.6a2d2b2b0e → 5.0.0-dev.6c05bfc6bc

package/dist/components/Modal/index.js

@@ -1,39 +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 });
 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 styles_1 = require("./styles");
+var spacing_1 = require("src/constants/spacing");
 var ModalContent = function (_a) {
-    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 onClose = _a.onClose, icon = _a.icon, title = _a.title, children = _a.children, footer = _a.footer, disabledCloseIcon = _a.disabledCloseIcon, className = _a.className;
     var neutral = (0, ThemeContext_1.useTheme)().neutral;
-    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)));
+    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)));
 };
 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,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,QACtB,WAAW,CACa,CAC5B;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"}
+{"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"}

package/dist/constants/Typography/Typography.styles.js

@@ -46,7 +46,9 @@ var OVERFLOW = {
 };
 var styTypography = function (level, props) {
     var _a, _b, _c, _d;
-    return (0, emotion_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    display: ", ";\n    text-align: ", ";\n\n    font-size: ", ";\n    line-height: ", ";\n    font-weight: ", ";\n    letter-spacing: ", ";\n    color: ", ";\n    font-family: ", ";\n\n    margin: 0;\n\n    ", ";\n  "], ["\n    display: ", ";\n    text-align: ", ";\n\n    font-size: ", ";\n    line-height: ", ";\n    font-weight: ", ";\n    letter-spacing: ", ";\n    color: ", ";\n    font-family: ", ";\n\n    margin: 0;\n\n    ", ";\n  "])), (_a = props.display) !== null && _a !== void 0 ? _a : 'block', (_b = props.align) !== null && _b !== void 0 ? _b : 'inherit', STYLES[level].FONT_SIZE[props.size], STYLES[level].LINE_HEIGHT[props.size], STYLES[level].FONT_WEIGHT[props.size], STYLES[level].LETTER_SPACING[props.size], (_c = props.color) !== null && _c !== void 0 ? _c : colors_1.BASE.ON_NEUTRAL, level === 'label' ? 'Red Hat Display' : 'Hanken Grotesk', OVERFLOW[(_d = props.overflow) !== null && _d !== void 0 ? _d : 'normal']);
+    return (0, emotion_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    display: ", ";\n    text-align: ", ";\n\n    font-size: ", ";\n    line-height: ", ";\n    font-weight: ", ";\n    letter-spacing: ", ";\n    color: ", ";\n    font-family: ", ";\n\n    margin: 0;\n\n    ", ";\n  "], ["\n    display: ", ";\n    text-align: ", ";\n\n    font-size: ", ";\n    line-height: ", ";\n    font-weight: ", ";\n    letter-spacing: ", ";\n    color: ", ";\n    font-family: ", ";\n\n    margin: 0;\n\n    ", ";\n  "])), (_a = props.display) !== null && _a !== void 0 ? _a : 'block', (_b = props.align) !== null && _b !== void 0 ? _b : 'inherit', STYLES[level].FONT_SIZE[props.size], STYLES[level].LINE_HEIGHT[props.size], STYLES[level].FONT_WEIGHT[props.size], STYLES[level].LETTER_SPACING[props.size], (_c = props.color) !== null && _c !== void 0 ? _c : colors_1.BASE.ON_NEUTRAL, level === 'label'
+        ? 'Red Hat Display, Inter'
+        : 'Hanken Grotesk, Inter', OVERFLOW[(_d = props.overflow) !== null && _d !== void 0 ? _d : 'normal']);
 };
 exports.styTypography = styTypography;
 var templateObject_1;

package/dist/constants/Typography/Typography.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Typography.styles.js","sourceRoot":"","sources":["../../../src/constants/Typography/Typography.styles.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"Typography.styles.js","sourceRoot":"","sources":["../../../src/constants/Typography/Typography.styles.ts"],"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.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;
+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;
 // Components
 var AntdConfigProvider_1 = require("./components/AntdConfigProvider");
 Object.defineProperty(exports, "AntdConfigProvider", { enumerable: true, get: function () { return AntdConfigProvider_1.default; } });
@@ -53,8 +53,6 @@ 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":";AAAA,0EAA0E;AAC1E,iCAAiC;;;;;;;;;;;;;;;;;;AAEjC,aAAa;AACb,sEAA+E;AAAtE,wHAAA,OAAO,OAAsB;AACtC,4CAAqD;AAA5C,8FAAA,OAAO,OAAS;AACzB,8CAAuD;AAA9C,gGAAA,OAAO,OAAU;AAC1B,0DAAmE;AAA1D,4GAAA,OAAO,OAAgB;AAChC,sDAA+D;AAAtD,wGAAA,OAAO,OAAc;AAC9B,oDAA6D;AAApD,sGAAA,OAAO,OAAa;AAC7B,oDAA6D;AAApD,sGAAA,OAAO,OAAa;AAC7B,0CAAmD;AAA1C,4FAAA,OAAO,OAAQ;AACxB,4CAAqD;AAA5C,8FAAA,OAAO,OAAS;AACzB,kDAA2D;AAAlD,oGAAA,OAAO,OAAY;AAC5B,kDAA2D;AAAlD,oGAAA,OAAO,OAAY;AAC5B,4DAAqE;AAA5D,8GAAA,OAAO,OAAiB;AACjC,0CAAmD;AAA1C,4FAAA,OAAO,OAAQ;AACxB,4CAAqD;AAA5C,8FAAA,OAAO,OAAS;AACzB,gEAAyE;AAAhE,kHAAA,OAAO,OAAmB;AACnC,wCAAiD;AAAxC,0FAAA,OAAO,OAAO;AACvB,4CAAqD;AAA5C,8FAAA,OAAO,OAAS;AACzB,gEAAyE;AAAhE,kHAAA,OAAO,OAAmB;AACnC,sDAA+D;AAAtD,wGAAA,OAAO,OAAc;AAC9B,4CAAqD;AAA5C,8FAAA,OAAO,OAAS;AACzB,wDAAiE;AAAxD,0GAAA,OAAO,OAAe;AAC/B,8CAAuD;AAA9C,gGAAA,OAAO,OAAU;AAC1B,4CAAqD;AAA5C,8FAAA,OAAO,OAAS;AACzB,4CAAqD;AAA5C,8FAAA,OAAO,OAAS;AACzB,0CAAmD;AAA1C,4FAAA,OAAO,OAAQ;AACxB,4CAAqD;AAA5C,8FAAA,OAAO,OAAS;AACzB,sDAA+D;AAAtD,wGAAA,OAAO,OAAc;AAC9B,kDAA2D;AAAlD,oGAAA,OAAO,OAAY;AAC5B,sDAA4E;AAAnE,gGAAA,EAAE,OAAA;AAAE,gGAAA,EAAE,OAAA;AAAE,gGAAA,EAAE,OAAA;AAAE,gGAAA,EAAE,OAAA;AAAE,gGAAA,EAAE,OAAA;AAAE,oGAAA,MAAM,OAAA;AAAE,oGAAA,MAAM,OAAA;AAC3C,oDAA6D;AAApD,sGAAA,OAAO,OAAa;AAC7B,gDAAyD;AAAhD,kGAAA,OAAO,OAAW;AAC3B,0CAAmD;AAA1C,4FAAA,OAAO,OAAQ;AACxB,8CAAuD;AAA9C,gGAAA,OAAO,OAAU;AAC1B,kEAA2E;AAAlE,oHAAA,OAAO,OAAoB;AACpC,0CAAmD;AAA1C,4FAAA,OAAO,OAAQ;AACxB,8CAAuD;AAA9C,gGAAA,OAAO,OAAU;AAC1B,0CAA2C;AAAlC,+FAAA,OAAO,OAAA;AAChB,gDAAyD;AAAhD,kGAAA,OAAO,OAAW;AAC3B,gDAAyD;AAAhD,kGAAA,OAAO,OAAW;AAC3B,oDAA6D;AAApD,sGAAA,OAAO,OAAa;AAC7B,0CAAmD;AAA1C,4FAAA,OAAO,OAAQ;AACxB,wDAAiE;AAAxD,0GAAA,OAAO,OAAe;AAC/B,kDAA2D;AAAlD,oGAAA,OAAO,OAAY;AAC5B,oDAA6D;AAApD,sGAAA,OAAO,OAAa;AAE7B,mBAAmB;AACnB,4EAAmF;AAA1E,6HAAA,yBAAyB,OAAA;AAElC,QAAQ;AACR,0CAAuB;AACvB,2DAAyD;AAAhD,kHAAA,eAAe,OAAA;AAExB,QAAQ;AACR,0CAAuB;AAEvB,aAAa;AACb,gEAA8D;AAArD,wGAAA,UAAU,OAAA;AAEnB,qDAA8D;AAArD,6GAAA,aAAa,OAAA;AAAE,wGAAA,QAAQ,OAAA;AAChC,uCAAyD;AAAhD,mGAAA,UAAU,OAAA;AAAE,sGAAA,aAAa,OAAA;AAElC,sDAA+D;AAAtD,6GAAA,aAAa,OAAA;AAAE,wGAAA,QAAQ,OAAA;AAEhC,uDAKgC;AAJ9B,6HAAA,8BAA8B,OAAA;AAC9B,iHAAA,kBAAkB,OAAA;AAClB,gHAAA,iBAAiB,OAAA;AACjB,gHAAA,iBAAiB,OAAA;AAGnB,wBAAwB;AAExB,oDAU6B;AAT3B,0GAAA,WAAW,OAAA;AACX,2GAAA,YAAY,OAAA;AACZ,yGAAA,UAAU,OAAA;AACV,4GAAA,aAAa,OAAA;AACb,6GAAA,cAAc,OAAA;AACd,0GAAA,WAAW,OAAA;AACX,0GAAA,WAAW,OAAA;AACX,0GAAA,WAAW,OAAA;AACX,gHAAA,iBAAiB,OAAA;AAGnB,8DAMkC;AALhC,6GAAA,SAAS,OAAA;AACT,iHAAA,aAAa,OAAA;AACb,+GAAA,WAAW,OAAA;AACX,6GAAA,SAAS,OAAA;AACT,+GAAA,WAAW,OAAA"}

package/dist/shared/modalContext.js

@@ -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(5, 21, 19, 0.70);\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.70);\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(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) {
     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,yRAAmB,+MAU3C,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,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"}

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

@@ -1,19 +1,12 @@
 import React from 'react';
-import { ModalSize } from './styles';
-export type ModalVariant = 'default' | 'illustration' | 'newFeature';
 type ModalContentProps = {
     onClose: () => void;
-    variant?: ModalVariant;
-    size?: ModalSize;
+    icon: React.ReactNode | false;
     title?: React.ReactNode;
     children: React.ReactNode;
     footer: React.ReactNode;
     disabledCloseIcon?: boolean;
     className?: string;
-    illustration?: React.ReactNode;
-    headerImage?: React.ReactNode;
-    /** @deprecated No longer rendered. Will be removed in a future version. */
-    icon?: React.ReactNode | false;
 };
-declare const ModalContent: ({ onClose, variant, size, title, children, footer, disabledCloseIcon, className, illustration, headerImage, }: ModalContentProps) => React.JSX.Element;
+declare const ModalContent: ({ onClose, icon, title, children, footer, disabledCloseIcon, className }: ModalContentProps) => React.JSX.Element;
 export default ModalContent;

package/dist/types/index.d.ts

@@ -15,7 +15,6 @@ export { default as Input } from './components/Input';
 export { default as InputWithButton } from './components/InputWithButton';
 export { default as Tag } from './components/Tag';
 export { default as Modal } from './components/Modal';
-export { default as DialogItems } from './components/Modal/DialogItems';
 export { default as DeprecatedModal } from './components/DeprecatedModal';
 export { default as Pagination } from './components/Pagination';
 export { default as Radio } from './components/Radio';