@xfers/design-system 5.0.0-dev.99665c0a5d → 5.0.0-dev.a597d4d71a

package/dist/logos/Base.js

@@ -13,7 +13,10 @@ var __assign = (this && this.__assign) || function () {
 Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = require("react");
 var Base = function (props) { return (react_1.default.createElement("svg", __assign({ width: "40", height: "40", viewBox: "0 0 40 40", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
-    react_1.default.createElement("circle", { cx: "20", cy: "19.9927", r: "14.5", fill: "white" }),
-    react_1.default.createElement("path", { d: "M18.4373 0.0322952C14.0878 0.421211 10.2418 2.02264 6.95106 4.80799C6.27573 5.38565 4.94797 6.75258 4.39283 7.45035C2.00629 10.4416 0.598407 13.8046 0.106219 17.6766C-0.0196891 18.6661 -0.0368584 21.1254 0.0718806 22.0806C0.638468 26.8791 2.62439 30.9742 5.98957 34.2686C8.02128 36.2647 10.2361 37.6888 12.8802 38.6954C17.2183 40.354 22.1058 40.4341 26.5012 38.9185C30.3242 37.603 33.6093 35.2009 36.0645 31.9351C38.1248 29.1955 39.4469 25.884 39.899 22.3093C40.0192 21.3199 40.0363 18.8548 39.9276 17.9054C39.4583 13.9361 38.0161 10.4645 35.578 7.41031C34.9886 6.67823 33.678 5.34561 32.9053 4.6936C29.8721 2.13703 26.2093 0.569916 22.1459 0.0894852C21.4477 0.00369644 19.1298 -0.0306206 18.4373 0.0322952ZM21.5335 5.98618C24.521 6.30647 27.4741 7.69056 29.6775 9.80102C35.5151 15.3889 35.5151 24.5971 29.6775 30.1849C27.4455 32.324 24.5038 33.6909 21.4362 34.0112C20.4748 34.1085 18.4946 34.0513 17.6018 33.8911C12.451 32.9817 8.27309 29.43 6.60767 24.5399C6.25856 23.5161 5.9209 21.949 5.9209 21.3599V21.1369H16.3656H26.8102V19.9644V18.7919H16.3656H5.9209V18.5975C5.9209 18.3344 6.12121 17.1562 6.27001 16.5613C7.61494 11.168 12.1247 7.00424 17.6075 6.10057C17.9967 6.03766 18.4144 5.97475 18.5404 5.96331C19.0726 5.91755 21.0185 5.92899 21.5335 5.98618Z", fill: "#0052FF" }))); };
+    react_1.default.createElement("g", { clipPath: "url(#clip0_5531_97)" },
+        react_1.default.createElement("path", { d: "M0.000129395 3.16C0.000129395 2.0775 0.000129402 1.53656 0.204192 1.12C0.399504 0.72125 0.721692 0.399063 1.12044 0.20375C1.53669 0 2.07763 0 3.16013 0H36.8401C37.9223 0 38.4639 0 38.8801 0.204063C39.2786 0.399375 39.6008 0.721562 39.7964 1.12031C40.0001 1.53656 40.0001 2.07781 40.0001 3.16031V36.8403C40.0001 37.9225 40.0001 38.4641 39.7964 38.8803C39.6008 39.2788 39.2786 39.6009 38.8801 39.7966C38.4639 40.0003 37.9223 40.0003 36.8401 40.0003H3.16013C2.07763 40.0003 1.53669 40.0003 1.12013 39.7966C0.721379 39.6009 0.399192 39.2788 0.203879 38.8803C-0.000183105 38.4641 -0.000183105 37.9225 -0.000183105 36.8403V3.16H0.000129395Z", fill: "#0000FF" })),
+    react_1.default.createElement("defs", null,
+        react_1.default.createElement("clipPath", { id: "clip0_5531_97" },
+            react_1.default.createElement("rect", { width: "40", height: "40", fill: "white" }))))); };
 exports.default = Base;
 //# sourceMappingURL=Base.js.map

package/dist/logos/Base.js.map

@@ -1 +1 @@
-{"version":3,"file":"Base.js","sourceRoot":"","sources":["../../src/logos/Base.tsx"],"names":[],"mappings":";;;;;;;;;;;;;AAAA,+BAAuC;AAEvC,IAAM,IAAI,GAAG,UAAC,KAA8B,IAAK,OAAA,CAC/C,gDACE,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,IAC9B,KAAK;IAET,0CAAQ,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,SAAS,EAAC,CAAC,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,GAAG;IACrD,wCACE,CAAC,EAAC,2uCAA2uC,EAC7uC,IAAI,EAAC,SAAS,GACd,CACE,CACP,EAfgD,CAehD,CAAA;AAED,kBAAe,IAAI,CAAA"}
+{"version":3,"file":"Base.js","sourceRoot":"","sources":["../../src/logos/Base.tsx"],"names":[],"mappings":";;;;;;;;;;;;;AAAA,+BAAuC;AAEvC,IAAM,IAAI,GAAG,UAAC,KAA8B,IAAK,OAAA,CAC/C,gDACE,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,IAC9B,KAAK;IAET,qCAAG,QAAQ,EAAC,qBAAqB;QAC/B,wCACE,CAAC,EAAC,4nBAA4nB,EAC9nB,IAAI,EAAC,SAAS,GACd,CACA;IACJ;QACE,4CAAU,EAAE,EAAC,eAAe;YAC1B,wCAAM,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,IAAI,EAAC,OAAO,GAAG,CACnC,CACN,CACH,CACP,EArBgD,CAqBhD,CAAA;AAED,kBAAe,IAAI,CAAA"}

package/dist/shared/TypographyStyles.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.LINE_HEIGHT = exports.FONT_SIZE = exports.FONT_WEIGHT = exports.FALLBACK_FONT = exports.SECONDARY_FONT = exports.MAIN_FONT = void 0;
+exports.LINE_HEIGHT = exports.SIZE_CONFIG = exports.FONT_SIZE = exports.FONT_WEIGHT = exports.FALLBACK_FONT = exports.SECONDARY_FONT = exports.MAIN_FONT = void 0;
 exports.MAIN_FONT = 'Hanken Grotesk';
 exports.SECONDARY_FONT = 'Red Hat Display';
 exports.FALLBACK_FONT = 'Inter';
@@ -24,6 +24,18 @@ var FONT_SIZE;
     FONT_SIZE["SMALL"] = "12px";
     FONT_SIZE["SMALL_MOBILE"] = "14px";
 })(FONT_SIZE || (exports.FONT_SIZE = FONT_SIZE = {}));
+exports.SIZE_CONFIG = {
+    large: {
+        height: '48px',
+        borderRadius: '12px',
+        padding: '12px 16px',
+    },
+    small: {
+        height: '36px',
+        borderRadius: '8px',
+        padding: '8px 12px',
+    },
+};
 var LINE_HEIGHT;
 (function (LINE_HEIGHT) {
     LINE_HEIGHT["H1"] = "29px";

package/dist/shared/TypographyStyles.js.map

@@ -1 +1 @@
-{"version":3,"file":"TypographyStyles.js","sourceRoot":"","sources":["../../src/shared/TypographyStyles.ts"],"names":[],"mappings":";;;AAAa,QAAA,SAAS,GAAG,gBAAgB,CAAA;AAC5B,QAAA,cAAc,GAAG,iBAAiB,CAAA;AAClC,QAAA,aAAa,GAAG,OAAO,CAAA;AAEpC,IAAY,WAIX;AAJD,WAAY,WAAW;IACrB,+CAAU,CAAA;IACV,mDAAY,CAAA;IACZ,qDAAa,CAAA;AACf,CAAC,EAJW,WAAW,2BAAX,WAAW,QAItB;AAED,IAAY,SAYX;AAZD,WAAY,SAAS;IACnB,wBAAW,CAAA;IACX,+BAAkB,CAAA;IAClB,wBAAW,CAAA;IACX,+BAAkB,CAAA;IAClB,wBAAW,CAAA;IACX,+BAAkB,CAAA;IAClB,wBAAW,CAAA;IACX,wBAAW,CAAA;IACX,+BAAkB,CAAA;IAClB,2BAAc,CAAA;IACd,kCAAqB,CAAA;AACvB,CAAC,EAZW,SAAS,yBAAT,SAAS,QAYpB;AAED,IAAY,WAYX;AAZD,WAAY,WAAW;IACrB,0BAAW,CAAA;IACX,iCAAkB,CAAA;IAClB,0BAAW,CAAA;IACX,iCAAkB,CAAA;IAClB,0BAAW,CAAA;IACX,iCAAkB,CAAA;IAClB,0BAAW,CAAA;IACX,0BAAW,CAAA;IACX,iCAAkB,CAAA;IAClB,6BAAc,CAAA;IACd,oCAAqB,CAAA;AACvB,CAAC,EAZW,WAAW,2BAAX,WAAW,QAYtB"}
+{"version":3,"file":"TypographyStyles.js","sourceRoot":"","sources":["../../src/shared/TypographyStyles.ts"],"names":[],"mappings":";;;AAAa,QAAA,SAAS,GAAG,gBAAgB,CAAA;AAC5B,QAAA,cAAc,GAAG,iBAAiB,CAAA;AAClC,QAAA,aAAa,GAAG,OAAO,CAAA;AAEpC,IAAY,WAIX;AAJD,WAAY,WAAW;IACrB,+CAAU,CAAA;IACV,mDAAY,CAAA;IACZ,qDAAa,CAAA;AACf,CAAC,EAJW,WAAW,2BAAX,WAAW,QAItB;AAED,IAAY,SAYX;AAZD,WAAY,SAAS;IACnB,wBAAW,CAAA;IACX,+BAAkB,CAAA;IAClB,wBAAW,CAAA;IACX,+BAAkB,CAAA;IAClB,wBAAW,CAAA;IACX,+BAAkB,CAAA;IAClB,wBAAW,CAAA;IACX,wBAAW,CAAA;IACX,+BAAkB,CAAA;IAClB,2BAAc,CAAA;IACd,kCAAqB,CAAA;AACvB,CAAC,EAZW,SAAS,yBAAT,SAAS,QAYpB;AAIY,QAAA,WAAW,GAAG;IACzB,KAAK,EAAE;QACL,MAAM,EAAE,MAAM;QACd,YAAY,EAAE,MAAM;QACpB,OAAO,EAAE,WAAW;KACrB;IACD,KAAK,EAAE;QACL,MAAM,EAAE,MAAM;QACd,YAAY,EAAE,KAAK;QACnB,OAAO,EAAE,UAAU;KACpB;CACF,CAAA;AAED,IAAY,WAYX;AAZD,WAAY,WAAW;IACrB,0BAAW,CAAA;IACX,iCAAkB,CAAA;IAClB,0BAAW,CAAA;IACX,iCAAkB,CAAA;IAClB,0BAAW,CAAA;IACX,iCAAkB,CAAA;IAClB,0BAAW,CAAA;IACX,0BAAW,CAAA;IACX,iCAAkB,CAAA;IAClB,6BAAc,CAAA;IACd,oCAAqB,CAAA;AACvB,CAAC,EAZW,WAAW,2BAAX,WAAW,QAYtB"}

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/shared/momentDatePicker.js

@@ -0,0 +1,9 @@
+"use strict";
+// This file is used to generate a DatePicker component that uses Moment.js as its date library.
+// This is necessary because the default DatePicker component from Ant Design uses Day.js, which is not compatible with Moment.js
+Object.defineProperty(exports, "__esModule", { value: true });
+var antd_1 = require("antd");
+var moment_1 = require("rc-picker/lib/generate/moment");
+var MomentDatePicker = antd_1.DatePicker.generatePicker(moment_1.default);
+exports.default = MomentDatePicker;
+//# sourceMappingURL=momentDatePicker.js.map

package/dist/shared/momentDatePicker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"momentDatePicker.js","sourceRoot":"","sources":["../../src/shared/momentDatePicker.ts"],"names":[],"mappings":";AAAA,gGAAgG;AAChG,iIAAiI;;AAEjI,6BAAiC;AAEjC,wDAAgE;AAEhE,IAAM,gBAAgB,GAAG,iBAAU,CAAC,cAAc,CAAS,gBAAoB,CAAC,CAAA;AAEhF,kBAAe,gBAAgB,CAAA"}

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

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

package/dist/types/components/Input/HelperText.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+type HelperTextProps = {
+    text?: string;
+    error?: boolean;
+};
+export declare function HelperText({ text, error, }: HelperTextProps): React.ReactElement | null;
+export {};

package/dist/types/components/Input/InputLabel.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+type InputLabelProps = {
+    label?: string;
+    required?: boolean;
+    optional?: boolean;
+    showInfoIcon?: boolean;
+    infoText?: string;
+    onInfoClick?: () => void;
+};
+export declare function InputLabel({ label, required, optional, showInfoIcon, infoText, onInfoClick, }: InputLabelProps): React.ReactElement | null;
+export {};

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

@@ -1,22 +1,39 @@
 import React from 'react';
 import { InputProps } from 'antd';
-type Props = {
-    addonBefore?: string;
-    placeholder?: string;
-    disabled?: boolean;
-    className?: string;
+import { InputSize } from './inputStyles';
+type BaseInputProps = {
     label?: string;
     required?: boolean;
     optional?: boolean;
-} & Omit<InputProps, 'addonBefore' | 'placeholder' | 'disabled' | 'className'>;
+    size?: InputSize;
+    helperText?: string;
+    error?: boolean;
+    showInfoIcon?: boolean;
+    infoText?: string;
+    onInfoClick?: () => void;
+};
+type Props = BaseInputProps & {
+    addonBefore?: string | React.ReactNode;
+    addonAfter?: string | React.ReactNode;
+    placeholder?: string;
+    disabled?: boolean;
+    disabledAddon?: boolean;
+    className?: string;
+} & Omit<InputProps, 'addonBefore' | 'addonAfter' | 'placeholder' | 'disabled' | 'className' | 'size'>;
 declare const MainInput: {
-    ({ addonBefore, placeholder, disabled, className, label, required, optional, ...rest }: Props): React.JSX.Element;
-    Password({ addonBefore, placeholder, disabled, className, label, required, ...rest }: Props): React.JSX.Element;
-    Search({ addonBefore, placeholder, className, onChange, onSearch, ...rest }: SearchProps): React.JSX.Element;
-    TextArea({ className, label, required, optional, ...rest }: TextAreaProps): React.JSX.Element;
+    ({ addonBefore, addonAfter, placeholder, disabled, disabledAddon, className, label, required, optional, size, helperText, error, showInfoIcon, infoText, onInfoClick, ...rest }: Props): React.JSX.Element;
+    Password({ addonBefore, placeholder, disabled, className, label, required, optional, size, helperText, error, showInfoIcon, infoText, onInfoClick, ...rest }: PasswordProps): React.JSX.Element;
+    Search({ addonBefore, placeholder, className, onChange, onSearch, size, helperText, error, ...rest }: SearchProps): React.JSX.Element;
+    TextArea({ className, label, required, optional, size, helperText, error, showInfoIcon, infoText, onInfoClick, ...rest }: TextAreaProps): React.JSX.Element;
     Group: import("react").FC<import("antd/es/input").GroupProps>;
 };
-type SearchProps = {
+type PasswordProps = BaseInputProps & {
+    addonBefore?: string;
+    placeholder?: string;
+    disabled?: boolean;
+    className?: string;
+} & Omit<InputProps, 'addonBefore' | 'placeholder' | 'disabled' | 'className' | 'size'>;
+type SearchProps = Pick<BaseInputProps, 'size' | 'helperText' | 'error'> & {
     addonBefore?: string | React.ReactNode;
     placeholder?: string;
     className?: string;
@@ -25,15 +42,12 @@ type SearchProps = {
     onSearch?: () => void;
     value?: string;
 };
-type TextAreaProps = {
+type TextAreaProps = BaseInputProps & {
     placeholder?: string;
     className?: string;
     style?: Record<string, unknown>;
     onChange?: (e: any) => void;
     onFocus?: any;
-    label?: string;
-    required?: boolean;
-    optional?: boolean;
     disabled?: boolean;
     value?: string;
     rows?: number;

package/dist/types/components/Input/inputStyles.d.ts

@@ -0,0 +1,4 @@
+import { SIZE_CONFIG, InputSize } from 'src/shared/TypographyStyles';
+import { straitsXTheme } from 'src/theme/theme';
+export { SIZE_CONFIG, InputSize };
+export declare function getBaseInputStyle(theme: typeof straitsXTheme, size?: InputSize, error?: boolean, disabledAddon?: boolean): string;

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

@@ -0,0 +1,18 @@
+import React from 'react';
+type Props = {
+    buttonText: string;
+    onButtonClick?: () => void;
+    prefix?: React.ReactNode;
+    placeholder?: string;
+    value?: string;
+    defaultValue?: string;
+    onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
+    disabled?: boolean;
+    disabledInput?: boolean;
+    disabledPrefix?: boolean;
+    staticPrefix?: boolean;
+    error?: boolean;
+    className?: string;
+};
+declare const InputWithButton: React.FC<Props>;
+export default InputWithButton;

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

@@ -0,0 +1,13 @@
+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/index.d.ts

@@ -1,12 +1,19 @@
 import React from 'react';
+import { ModalSize } from './styles';
+export type ModalVariant = 'default' | 'illustration' | 'newFeature';
 type ModalContentProps = {
     onClose: () => void;
-    icon: React.ReactNode | false;
+    variant?: ModalVariant;
+    size?: ModalSize;
     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, icon, title, children, footer, disabledCloseIcon, className }: ModalContentProps) => React.JSX.Element;
+declare const ModalContent: ({ onClose, variant, size, title, children, footer, disabledCloseIcon, className, illustration, headerImage, }: ModalContentProps) => React.JSX.Element;
 export default ModalContent;

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

@@ -0,0 +1,17 @@
+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>;

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

@@ -1,4 +1,6 @@
 import React from 'react';
+import type { Moment } from 'moment';
+import { InputSize } from '../Input/inputStyles';
 type Props = {
     format?: string;
     style?: Record<string, unknown>;
@@ -6,8 +8,9 @@ type Props = {
     onChange?: any;
     ranges?: any;
     disabledDate?: any;
-    value?: [any, any];
+    value?: [Moment | null, Moment | null];
     picker?: any;
+    size?: InputSize;
 };
-export default function ({ format, ...rest }: Props): React.JSX.Element;
+export default function ({ format, size, ...rest }: Props): React.JSX.Element;
 export {};

package/dist/types/components/Select/style.d.ts

@@ -14,5 +14,6 @@ export declare const StyledDropdown: import("@emotion/styled-base").StyledCompon
 }, object>;
 export declare const dropdownStyle: {
     padding: number;
+    paddingBottom: string;
     borderRadius: string;
 };

package/dist/types/icons/Coins.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+declare function Coins(props: React.SVGProps<SVGSVGElement>): React.JSX.Element;
+export default Coins;

package/dist/types/icons/StraitsXDecoVertical.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+declare function Coins(props: React.SVGProps<SVGSVGElement>): React.JSX.Element;
+export default Coins;

package/dist/types/icons/SwitchAccount.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+declare function SvgSwitchAccount(props: React.SVGProps<SVGSVGElement>): React.JSX.Element;
+export default SvgSwitchAccount;

package/dist/types/icons/index.d.ts

@@ -80,6 +80,7 @@ export { default as Settings } from 'src/icons/Settings';
 export { default as SignUpTwoTone } from 'src/icons/SignUpTwoTone';
 export { default as StateSuccessV2 } from 'src/icons/StateSuccess';
 export { default as Switch } from 'src/icons/Switch';
+export { default as SwitchAccount } from 'src/icons/SwitchAccount';
 export { default as Thumbnail } from 'src/icons/Thumbnail';
 export { default as ThumbnailTwoTone } from 'src/icons/ThumbnailTwoTone';
 export { default as Tick } from 'src/icons/Tick';
@@ -130,3 +131,5 @@ export { default as TwoFA } from './TwoFA';
 export { default as GenerateVA } from './GenerateVA';
 export { default as Time } from './Time';
 export { default as MintSetupWallet } from './MintSetupWallet';
+export { default as Coins } from './Coins';
+export { default as StraitsXDecoVertical } from './StraitsXDecoVertical';

package/dist/types/index.d.ts

@@ -12,8 +12,10 @@ export { default as Dropdown } from './components/Dropdown';
 export { default as DynamicSelect } from './components/DynamicSelect';
 export { default as Form } from './components/Form';
 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';

package/dist/types/shared/TypographyStyles.d.ts

@@ -19,6 +19,19 @@ export declare enum FONT_SIZE {
     SMALL = "12px",
     SMALL_MOBILE = "14px"
 }
+export type InputSize = 'large' | 'small';
+export declare const SIZE_CONFIG: {
+    large: {
+        height: string;
+        borderRadius: string;
+        padding: string;
+    };
+    small: {
+        height: string;
+        borderRadius: string;
+        padding: string;
+    };
+};
 export declare enum LINE_HEIGHT {
     H1 = "29px",
     H1_MOBILE = "28px",

package/dist/types/shared/momentDatePicker.d.ts

@@ -0,0 +1,34 @@
+import type { Moment } from 'moment';
+declare const MomentDatePicker: (<ValueType = Moment>(props: import("antd/es/date-picker/generatePicker/interface").PickerPropsWithMultiple<Moment, import("antd/es/date-picker/generatePicker").PickerProps<Moment>, ValueType>) => React.ReactElement) & {
+    displayName?: string;
+} & {
+    displayName?: string;
+    WeekPicker: (<ValueType = Moment>(props: import("antd/es/date-picker/generatePicker/interface").PickerPropsWithMultiple<Moment, Omit<import("antd/es/date-picker/generatePicker").PickerProps<Moment>, "picker">, ValueType>) => React.ReactElement) & {
+        displayName?: string;
+    };
+    MonthPicker: (<ValueType = Moment>(props: import("antd/es/date-picker/generatePicker/interface").PickerPropsWithMultiple<Moment, Omit<import("antd/es/date-picker/generatePicker").PickerProps<Moment>, "picker">, ValueType>) => React.ReactElement) & {
+        displayName?: string;
+    };
+    YearPicker: (<ValueType = Moment>(props: import("antd/es/date-picker/generatePicker/interface").PickerPropsWithMultiple<Moment, Omit<import("antd/es/date-picker/generatePicker").PickerProps<Moment>, "picker">, ValueType>) => React.ReactElement) & {
+        displayName?: string;
+    };
+    RangePicker: import("react").ForwardRefExoticComponent<Omit<import("rc-picker").RangePickerProps<Moment>, "locale" | "generateConfig" | "hideHeader"> & {
+        locale?: import("antd/es/date-picker/generatePicker").PickerLocale;
+        size?: import("antd/es/button").ButtonSize;
+        placement?: "bottomLeft" | "bottomRight" | "topLeft" | "topRight";
+        bordered?: boolean;
+        status?: import("antd/es/_util/statusUtils").InputStatus;
+        variant?: import("antd/es/config-provider").Variant;
+        dropdownClassName?: string;
+        popupClassName?: string;
+        rootClassName?: string;
+        popupStyle?: React.CSSProperties;
+    } & import("react").RefAttributes<import("rc-picker").PickerRef>>;
+    TimePicker: (<ValueType = Moment>(props: import("antd/es/date-picker/generatePicker/interface").PickerPropsWithMultiple<Moment, Omit<import("antd/es/date-picker/generatePicker/interface").GenericTimePickerProps<Moment>, "picker">, ValueType>) => React.ReactElement) & {
+        displayName?: string;
+    };
+    QuarterPicker: (<ValueType = Moment>(props: import("antd/es/date-picker/generatePicker/interface").PickerPropsWithMultiple<Moment, Omit<import("antd/es/date-picker/generatePicker").PickerProps<Moment>, "picker">, ValueType>) => React.ReactElement) & {
+        displayName?: string;
+    };
+};
+export default MomentDatePicker;