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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xfers/design-system",
-  "version": "5.0.0-dev.6a2d2b2b0e",
+  "version": "5.0.0-dev.6c05bfc6bc",
   "description": "StraitsX design system",
   "keywords": [
     "xfers",

package/dist/components/Modal/DialogItems.js

@@ -1,37 +0,0 @@
-"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

@@ -1 +0,0 @@
-{"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,EAAiE,oBACjE,EAAgD,kBAClD,EAAsD,iCAE1D,EAA4D,KACtE,KALgB,UAAA,KAAK,IAAI,OAAA,CAAC,KAAK,CAAC,OAAO,KAAK,OAAO,CAAC,CAAC,CAAC,2BAAc,CAAC,CAAC,CAAC,sBAAS,CAAC,EAAxD,CAAwD,EACjE,UAAA,KAAK,IAAI,OAAA,CAAC,KAAK,CAAC,OAAO,KAAK,OAAO,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,EAAvC,CAAuC,EAClD,UAAA,KAAK,IAAI,OAAA,CAAC,KAAK,CAAC,OAAO,KAAK,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,EAA7C,CAA6C,EAE1D,UAAA,KAAK,IAAI,OAAA,CAAC,KAAK,CAAC,OAAO,KAAK,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,EAAnD,CAAmD,CACtE,CAAA;AAED,IAAM,KAAK,GAAG,gBAAM,CAAC,IAAI,6KAAgC,mBACxC,EAAiE,oBACjE,EAAgD,kBAClD,EAAsD,2CAGpE,KALgB,UAAA,KAAK,IAAI,OAAA,CAAC,KAAK,CAAC,OAAO,KAAK,OAAO,CAAC,CAAC,CAAC,2BAAc,CAAC,CAAC,CAAC,sBAAS,CAAC,EAAxD,CAAwD,EACjE,UAAA,KAAK,IAAI,OAAA,CAAC,KAAK,CAAC,OAAO,KAAK,OAAO,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,EAAvC,CAAuC,EAClD,UAAA,KAAK,IAAI,OAAA,CAAC,KAAK,CAAC,OAAO,KAAK,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,EAA7C,CAA6C,CAGpE,CAAA"}

package/dist/components/Modal/styles.js

@@ -1,42 +0,0 @@
-"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: 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: 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 0;\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 0;\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

@@ -1 +0,0 @@
-{"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,ybAA0B,+CAExD,EAAmC,qUAYjD;IAED,0BAA0B;KAdX,UAAA,KAAK,IAAI,OAAA,SAAS,CAAC,KAAK,CAAC,SAAS,CAAC,EAA1B,CAA0B,EAYjD;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,0OAAA,wCAErB,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/types/components/Modal/DialogItems.d.ts

@@ -1,13 +0,0 @@
-import React from 'react';
-type DialogItemVariant = 'small' | 'large';
-type DialogItemProps = {
-    label: string;
-    value: React.ReactNode;
-    variant?: DialogItemVariant;
-};
-type DialogItemsProps = {
-    items: DialogItemProps[];
-    className?: string;
-};
-declare const DialogItems: ({ items, className }: DialogItemsProps) => React.JSX.Element;
-export default DialogItems;

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

@@ -1,17 +0,0 @@
-export type ModalSize = 'small' | 'medium';
-export declare const ModalContentWrapper: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
-    modalSize: ModalSize;
-}, object>;
-export declare const ModalHeader: 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>;
-export declare const TitleContainer: 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>;
-export declare const Title: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, Pick<import("react").ClassAttributes<HTMLHeadingElement> & import("react").HTMLAttributes<HTMLHeadingElement>, keyof import("react").HTMLAttributes<HTMLHeadingElement>>, object>;
-export declare const IllustrationCloseBar: 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>;
-export declare const IllustrationContainer: 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>;
-export declare const IllustrationWrapper: 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>;
-export declare const CenteredTitle: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, Pick<import("react").ClassAttributes<HTMLHeadingElement> & import("react").HTMLAttributes<HTMLHeadingElement>, keyof import("react").HTMLAttributes<HTMLHeadingElement>>, object>;
-export declare const NewFeatureImageContainer: 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>;
-export declare const CenteredTitleFrame: 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>;
-export declare const NewFeatureTitle: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, Pick<import("react").ClassAttributes<HTMLHeadingElement> & import("react").HTMLAttributes<HTMLHeadingElement>, keyof import("react").HTMLAttributes<HTMLHeadingElement>>, object>;
-export declare const ModalBody: 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>;
-export declare const ModalFooter: 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>;
-export declare const Close: 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>;