@xfers/design-system 5.0.0-dev.faa999c2a9 → 5.1.0-dev.f8f25fc0d8

package/cjs/logos.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var o=require("./StraitsXPersonalAccountLightLogo-042665bf.js");require("./_tslib-33b9f00a.js"),require("react"),exports.Alfamart=o.SvgAlfamart,exports.Alfamidi=o.SvgAlfamidi,exports.Anz=o.SvgAnz,exports.Arbitrum=o.Arbitrum,exports.Avalanche=o.Avalanche,exports.Base=o.Base,exports.Bca=o.SvgBca,exports.Bea=o.SvgBea,exports.Binance=o.SvgBinance,exports.Bitgo=o.SvgBitgo,exports.Bnbsmart=o.BnbSmart,exports.Bni=o.SvgBni,exports.Bnp=o.SvgBnp,exports.Boc=o.SvgBoc,exports.Bri=o.SvgBri,exports.Bsi=o.SvgBsi,exports.Bss=o.SvgBss,exports.Cimb=o.SvgCimb,exports.Citi=o.SvgCiti,exports.Coinhako=o.SvgCoinhako,exports.Coinut=o.SvgCoinut,exports.CrossLogo=o.SvgCrossLogo,exports.Crypto=o.SvgCrypto,exports.DanPlusDan=o.SvgDanPlusDan,exports.Dana=o.SvgDana,exports.Danamon=o.SvgDanamon,exports.DarkStraitsXLogo=o.SvgDarkStraitsXLogo,exports.DarkStraitsXUserInfoBarLogo=o.SvgDarkStraitsXUserInfoBarLogo,exports.Dbag=o.SvgDbag,exports.Dbs=o.SvgDbs,exports.Dextf=o.SvgDextf,exports.EarnPiggyBank=o.SvgEarnPiggyBank,exports.EmptyStraitsX=o.EmptyStraitsX,exports.Ethereum=o.SvgEthereum,exports.FaceScan=o.FaceScan,exports.Fazz=o.SvgFazzLogo,exports.Feb=o.SvgFeb,exports.Finblox=o.SvgFinblox,exports.Fireblocks=o.SvgFireblocks,exports.GoPay=o.SvgGoPay,exports.Gpn=o.SvgGpn,exports.Hana=o.SvgHana,exports.Hedera=o.SvgHedera,exports.Hlb=o.SvgHlb,exports.Hodlnaut=o.SvgHodlnaut,exports.Hsbc=o.SvgHsbc,exports.Icbc=o.SvgIcbc,exports.Icici=o.SvgIcici,exports.IdFlag=o.SvgIdFlag,exports.IdrLogo=o.SvgIdrLogo,exports.Indomaret=o.SvgIndomaret,exports.InfoLogo=o.SvgInfoLogo,exports.InterestCompoundedDaily=o.SvgInterestCompoundedDaily,exports.Jcb=o.SvgJcb,exports.Jpmc=o.SvgSmbc,exports.Jumio=o.SvgJumio,exports.Lawson=o.SvgLawson,exports.LedgerVault=o.SvgLedgerVault,exports.LevelDown=o.LevelDown,exports.LightStraitsXLogo=o.SvgLightStraitsXLogo,exports.LinkAja=o.SvgLinkAja,exports.Liquid=o.SvgLiquid,exports.Mandiri=o.SvgMandiri,exports.Mastercard=o.SvgMastercard,exports.Mbb=o.SvgMbb,exports.Miz=o.SvgMiz,exports.Mufg=o.SvgMufg,exports.MyInfoLogo=o.SvgMyInfoLogo,exports.NoFees=o.SvgNoFees,exports.NoLockInPeriod=o.SvgNoLockInPeriod,exports.NotesBell=o.NotesBell,exports.OVO=o.SvgOvo,exports.Ocbc=o.SvgOcbc,exports.OnchainCustodian=o.SvgOnchainCustodian,exports.Permata=o.SvgPermata,exports.Polygon=o.SvgPolygon,exports.Posb=o.SvgPosb,exports.QcpCapital=o.SvgQcpCapital,exports.Qris=o.SvgQris,exports.Rbs=o.SvgRbs,exports.Rhb=o.SvgRhb,exports.Ripple=o.Ripple,exports.Scb=o.SvgScb,exports.SendLogo=o.SvgSendLogo,exports.SgdLogo=o.SvgSgdLogo,exports.ShopeePay=o.SvgShopeePay,exports.Sifl=o.SvgSifl,exports.Smbc=o.SvgSmbc$1,exports.Solana=o.Solana,exports.Sparrow=o.SvgSparrow,exports.StateError=o.StateError,exports.StateSuccess=o.StateSuccess,exports.StraitsXBusinessAccountDarkLogo=o.SvgStraitsXBusinessAccountDarkLogo,exports.StraitsXBusinessAccountLightLogo=o.SvgStraitsXBusinessAccountLightLogo,exports.StraitsXLogo=o.SvgStraitsXLogo,exports.StraitsXMyInfo=o.SvgStraitsXMyInfo,exports.StraitsXPersonalAccountDarkLogo=o.SvgStraitsXPersonalAccountDarkLogo,exports.StraitsXPersonalAccountLightLogo=o.SvgStraitsXPersonalAccountLightLogo,exports.StraitsXSandboxLogo=o.SvgStraitsXSandboxLogo,exports.StraitsxSandboxLogo=o.SvgStraitsxSandboxLogo,exports.Target=o.Target,exports.ThreeDSecure=o.SvgThreedsecure,exports.ThreeDotsLogo=o.SvgThreeDotsLogo,exports.TickLogo=o.SvgTickLogo,exports.TokenizeXchange=o.SvgTokenizeXchange,exports.Tron=o.Tron,exports.Trwi=o.SvgTrwi,exports.Unagii=o.SvgUnagii,exports.Uniswap=o.SvgUniswap,exports.Uob=o.SvgUob,exports.UsFlag=o.SvgUsFlag,exports.UsdLogo=o.SvgUsdLogo,exports.UsdcLogo=o.SvgUsdcLogo,exports.UsdpLogo=o.SvgUsdpLogo,exports.UsdtLogo=o.SvgUsdtLogo,exports.VecDeposits=o.SvgVecDeposits,exports.VecDesktop=o.SvgVecDesktop,exports.VecEmpty=o.SvgVecEmpty,exports.VecEmptyPlain=o.SvgVecEmptyPlain,exports.VecEmptyPlainGreen=o.SvgVecEmptyPlainGreen,exports.VecMobile=o.SvgVecMobile,exports.VecRecipients=o.SvgVecRecipients,exports.VecThumbnailDoc=o.SvgVecThumbnailDoc,exports.Visa=o.SvgVisa,exports.WalletLogo=o.SvgWalletLogo,exports.XfersLogo=o.SvgXfersLogo,exports.XfersSandboxLogo=o.SvgXfersSandboxLogo,exports.XidrLogo=o.SvgXidrLogo,exports.XsgdLogo=o.SvgXsgdLogo,exports.XusdLogo=o.SvgXusdLogo,exports.Zillet=o.SvgZillet,exports.Zilliqa=o.SvgZilliqa,exports.Zilswap=o.SvgZilswap;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var o=require("./StraitsXPersonalAccountLightLogo-44c49e48.js");require("./_tslib-33b9f00a.js"),require("react"),exports.Alfamart=o.SvgAlfamart,exports.Alfamidi=o.SvgAlfamidi,exports.Anz=o.SvgAnz,exports.Arbitrum=o.Arbitrum,exports.Avalanche=o.Avalanche,exports.Base=o.Base,exports.Bca=o.SvgBca,exports.Bea=o.SvgBea,exports.Binance=o.SvgBinance,exports.Bitgo=o.SvgBitgo,exports.Bnbsmart=o.BnbSmart,exports.Bni=o.SvgBni,exports.Bnp=o.SvgBnp,exports.Boc=o.SvgBoc,exports.Bri=o.SvgBri,exports.Bsi=o.SvgBsi,exports.Bss=o.SvgBss,exports.Cimb=o.SvgCimb,exports.Citi=o.SvgCiti,exports.Coinhako=o.SvgCoinhako,exports.Coinut=o.SvgCoinut,exports.CrossLogo=o.SvgCrossLogo,exports.Crypto=o.SvgCrypto,exports.DanPlusDan=o.SvgDanPlusDan,exports.Dana=o.SvgDana,exports.Danamon=o.SvgDanamon,exports.DarkStraitsXLogo=o.SvgDarkStraitsXLogo,exports.DarkStraitsXUserInfoBarLogo=o.SvgDarkStraitsXUserInfoBarLogo,exports.Dbag=o.SvgDbag,exports.Dbs=o.SvgDbs,exports.Dextf=o.SvgDextf,exports.EarnPiggyBank=o.SvgEarnPiggyBank,exports.EmptyStraitsX=o.EmptyStraitsX,exports.Ethereum=o.SvgEthereum,exports.FaceScan=o.FaceScan,exports.Fazz=o.SvgFazzLogo,exports.Feb=o.SvgFeb,exports.Finblox=o.SvgFinblox,exports.Fireblocks=o.SvgFireblocks,exports.GoPay=o.SvgGoPay,exports.Gpn=o.SvgGpn,exports.Hana=o.SvgHana,exports.Hedera=o.SvgHedera,exports.Hlb=o.SvgHlb,exports.Hodlnaut=o.SvgHodlnaut,exports.Hsbc=o.SvgHsbc,exports.Icbc=o.SvgIcbc,exports.Icici=o.SvgIcici,exports.IdFlag=o.SvgIdFlag,exports.IdrLogo=o.SvgIdrLogo,exports.Indomaret=o.SvgIndomaret,exports.InfoLogo=o.SvgInfoLogo,exports.InterestCompoundedDaily=o.SvgInterestCompoundedDaily,exports.Jcb=o.SvgJcb,exports.Jpmc=o.SvgSmbc,exports.Jumio=o.SvgJumio,exports.Lawson=o.SvgLawson,exports.LedgerVault=o.SvgLedgerVault,exports.LevelDown=o.LevelDown,exports.LightStraitsXLogo=o.SvgLightStraitsXLogo,exports.LinkAja=o.SvgLinkAja,exports.Liquid=o.SvgLiquid,exports.Mandiri=o.SvgMandiri,exports.Mastercard=o.SvgMastercard,exports.Mbb=o.SvgMbb,exports.Miz=o.SvgMiz,exports.Mufg=o.SvgMufg,exports.MyInfoLogo=o.SvgMyInfoLogo,exports.NoFees=o.SvgNoFees,exports.NoLockInPeriod=o.SvgNoLockInPeriod,exports.NotesBell=o.NotesBell,exports.OVO=o.SvgOvo,exports.Ocbc=o.SvgOcbc,exports.OnchainCustodian=o.SvgOnchainCustodian,exports.Permata=o.SvgPermata,exports.Polygon=o.SvgPolygon,exports.Posb=o.SvgPosb,exports.QcpCapital=o.SvgQcpCapital,exports.Qris=o.SvgQris,exports.Rbs=o.SvgRbs,exports.Rhb=o.SvgRhb,exports.Ripple=o.Ripple,exports.Scb=o.SvgScb,exports.SendLogo=o.SvgSendLogo,exports.SgdLogo=o.SvgSgdLogo,exports.ShopeePay=o.SvgShopeePay,exports.Sifl=o.SvgSifl,exports.Smbc=o.SvgSmbc$1,exports.Solana=o.Solana,exports.Sparrow=o.SvgSparrow,exports.StateError=o.StateError,exports.StateSuccess=o.StateSuccess,exports.StraitsXBusinessAccountDarkLogo=o.SvgStraitsXBusinessAccountDarkLogo,exports.StraitsXBusinessAccountLightLogo=o.SvgStraitsXBusinessAccountLightLogo,exports.StraitsXLogo=o.SvgStraitsXLogo,exports.StraitsXMyInfo=o.SvgStraitsXMyInfo,exports.StraitsXPersonalAccountDarkLogo=o.SvgStraitsXPersonalAccountDarkLogo,exports.StraitsXPersonalAccountLightLogo=o.SvgStraitsXPersonalAccountLightLogo,exports.StraitsXSandboxLogo=o.SvgStraitsXSandboxLogo,exports.StraitsxSandboxLogo=o.SvgStraitsxSandboxLogo,exports.Target=o.Target,exports.ThreeDSecure=o.SvgThreedsecure,exports.ThreeDotsLogo=o.SvgThreeDotsLogo,exports.TickLogo=o.SvgTickLogo,exports.TokenizeXchange=o.SvgTokenizeXchange,exports.Tron=o.Tron,exports.Trwi=o.SvgTrwi,exports.Unagii=o.SvgUnagii,exports.Uniswap=o.SvgUniswap,exports.Uob=o.SvgUob,exports.UsFlag=o.SvgUsFlag,exports.UsdLogo=o.SvgUsdLogo,exports.UsdcLogo=o.SvgUsdcLogo,exports.UsdpLogo=o.SvgUsdpLogo,exports.UsdtLogo=o.SvgUsdtLogo,exports.VecDeposits=o.SvgVecDeposits,exports.VecDesktop=o.SvgVecDesktop,exports.VecEmpty=o.SvgVecEmpty,exports.VecEmptyPlain=o.SvgVecEmptyPlain,exports.VecEmptyPlainGreen=o.SvgVecEmptyPlainGreen,exports.VecMobile=o.SvgVecMobile,exports.VecRecipients=o.SvgVecRecipients,exports.VecThumbnailDoc=o.SvgVecThumbnailDoc,exports.Visa=o.SvgVisa,exports.WalletLogo=o.SvgWalletLogo,exports.XfersLogo=o.SvgXfersLogo,exports.XfersSandboxLogo=o.SvgXfersSandboxLogo,exports.XidrLogo=o.SvgXidrLogo,exports.XsgdLogo=o.SvgXsgdLogo,exports.XusdLogo=o.SvgXusdLogo,exports.Zillet=o.SvgZillet,exports.Zilliqa=o.SvgZilliqa,exports.Zilswap=o.SvgZilswap;
 //# sourceMappingURL=logos.js.map

package/dist/components/DatePicker/index.js

@@ -26,25 +26,27 @@ exports.default = default_1;
 var react_1 = require("react");
 var emotion_1 = require("emotion");
 var antd_1 = require("antd");
-var Typography_1 = require("src/components/Typography");
 var TypographyStyles_1 = require("src/shared/TypographyStyles");
-var ColorStyles_1 = require("src/shared/ColorStyles");
+var MaterialSymbols_1 = require("src/icons/MaterialSymbols/MaterialSymbols");
 var ThemeContext_1 = require("src/theme/ThemeContext");
-var theme_1 = require("src/theme/theme");
+var inputStyles_1 = require("../Input/inputStyles");
+var InputLabel_1 = require("../Input/InputLabel");
+var HelperText_1 = require("../Input/HelperText");
 function default_1(_a) {
-    var _b = _a.disabled, disabled = _b === void 0 ? false : _b, label = _a.label, _c = _a.required, required = _c === void 0 ? false : _c, rest = __rest(_a, ["disabled", "label", "required"]);
-    var _d = (0, ThemeContext_1.useTheme)(), error = _d.error, spacing = _d.spacing;
-    var style = "\n    -webkit-font-smoothing: antialiased;\n    height: 44px !important;\n    width: 100% !important;\n\n    ".concat(disabled
+    var _b = _a.disabled, disabled = _b === void 0 ? false : _b, label = _a.label, _c = _a.required, required = _c === void 0 ? false : _c, _d = _a.optional, optional = _d === void 0 ? false : _d, _e = _a.size, size = _e === void 0 ? 'large' : _e, _f = _a.error, error = _f === void 0 ? false : _f, helperText = _a.helperText, showInfoIcon = _a.showInfoIcon, onInfoClick = _a.onInfoClick, rest = __rest(_a, ["disabled", "label", "required", "optional", "size", "error", "helperText", "showInfoIcon", "onInfoClick"]);
+    var theme = (0, ThemeContext_1.useTheme)();
+    var _g = inputStyles_1.SIZE_CONFIG[size], height = _g.height, borderRadius = _g.borderRadius, padding = _g.padding;
+    var borderColor = error
+        ? theme.color.status.critical
+        : theme.color.base.line;
+    var style = "\n    -webkit-font-smoothing: antialiased;\n    height: ".concat(height, " !important;\n    width: 100% !important;\n\n    ").concat(disabled
         ? "\n      pointer-events: none !important;\n      "
-        : '', "\n\n    &.ant-picker {\n      border-radius: 5px !important;\n      border-color: #E8E8E8 !important;\n      transition: 0.3s all ease !important;\n\n      &:hover {\n        border-color: ").concat(theme_1.straitsXTheme.brand.primary.default, " !important;\n      }\n\n      &.ant-picker-focused {\n        border-color: ").concat(theme_1.straitsXTheme.brand.primary.default, " !important;\n        box-shadow: 0 0 0 2px ").concat(theme_1.straitsXTheme.brand.primary.background, " !important;\n      }\n    }\n\n    &.ant-picker > .ant-picker-input {\n      font-family: ").concat(TypographyStyles_1.MAIN_FONT, " !important;\n      font-style: normal !important;\n      font-weight: normal !important;\n      font-size: 14px !important;\n      line-height: 22px !important;\n      color: #121212 !important;\n    }\n\n    & .ant-picker-input > input {\n      font-size: 14px !important;\n      color: #121212 !important;\n    }\n\n    & .ant-picker-input > input::placeholder {\n      font-size: 14px !important;\n      color: ").concat(ColorStyles_1.NEUTRAL_COLORS.G400, " !important;\n    }\n\n    &.ant-picker.ant-picker-disabled {\n      background: ").concat(ColorStyles_1.NEUTRAL_COLORS.G100, " !important;\n      border: 1px solid ").concat(ColorStyles_1.NEUTRAL_COLORS.G200, " !important;\n    }\n\n    & .ant-picker-input > input[disabled] {\n      color: ").concat(ColorStyles_1.NEUTRAL_COLORS.BLACK, " !important;\n    }\n\n    & .ant-picker-cell-in-view{\n      &.ant-picker-cell-today .ant-picker-cell-inner{\n        &:before {\n          border-color: ").concat(theme_1.straitsXTheme.brand.primary.default, " !important;\n        } \n      }\n\n      &ant-picker-cell-range-end .ant-picker-cell-inner,\n      &ant-picker-cell-range-start .ant-picker-cell-inner,\n      &ant-picker-cell-selected .ant-picker-cell-inner {\n        background: ").concat(theme_1.straitsXTheme.brand.primary.background, " !important;\n      }\n    }\n  ");
-    var dropdownStyle = "\n    .ant-picker-cell-in-view.ant-picker-cell-selected .ant-picker-cell-inner{\n      background-color: ".concat(theme_1.straitsXTheme.brand.primary.default, " !important;\n    }\n  ");
-    var Asterisk = function () {
-        return react_1.default.createElement("span", { style: { color: error.text, marginLeft: 2 } }, "*");
-    };
-    return (react_1.default.createElement(react_1.default.Fragment, null,
-        label && (react_1.default.createElement(Typography_1.P1Bold, { style: { display: 'flex', marginBottom: spacing.xs } },
-            label,
-            required && react_1.default.createElement(Asterisk, null))),
-        react_1.default.createElement(antd_1.DatePicker, __assign({ className: "".concat((0, emotion_1.css)(style)), popupClassName: (0, emotion_1.css)(dropdownStyle), disabled: disabled }, rest))));
+        : '', "\n\n    &.ant-picker {\n      border-radius: ").concat(borderRadius, " !important;\n      border-color: ").concat(borderColor, " !important;\n      padding: ").concat(padding, " !important;\n      transition: 0.3s all ease !important;\n\n      &:hover {\n        border-color: ").concat(theme.color.base.primary2, " !important;\n      }\n\n      &.ant-picker-focused {\n        border-color: ").concat(theme.color.base.primary2, " !important;\n        box-shadow: none !important;\n        -webkit-box-shadow: none !important;\n      }\n    }\n\n    &.ant-picker > .ant-picker-input {\n      font-family: ").concat(TypographyStyles_1.MAIN_FONT, " !important;\n      font-style: normal !important;\n      font-weight: normal !important;\n      font-size: 14px !important;\n      line-height: 22px !important;\n      color: ").concat(theme.color.base.onNeutral, " !important;\n    }\n\n    & .ant-picker-input > input {\n      font-size: 14px !important;\n      color: ").concat(theme.color.base.onNeutral, " !important;\n    }\n\n    & .ant-picker-input > input::placeholder {\n      font-size: 14px !important;\n      color: ").concat(theme.color.component.placeholderInput, " !important;\n    }\n\n    &.ant-picker.ant-picker-disabled {\n      background: ").concat(theme.color.surface.disabledSurface, " !important;\n      border: 1px solid ").concat(theme.color.base.line, " !important;\n    }\n\n    & .ant-picker-input > input[disabled] {\n      color: ").concat(theme.color.base.onNeutral, " !important;\n      -webkit-text-fill-color: ").concat(theme.color.base.onNeutral, " !important;\n    }\n\n    & .ant-picker-cell-in-view {\n      &.ant-picker-cell-today .ant-picker-cell-inner {\n        &:before {\n          border-color: ").concat(theme.color.base.primary2, " !important;\n        }\n      }\n\n      &ant-picker-cell-range-end .ant-picker-cell-inner,\n      &ant-picker-cell-range-start .ant-picker-cell-inner,\n      &ant-picker-cell-selected .ant-picker-cell-inner {\n        background: ").concat(theme.color.base.primary2, " !important;\n      }\n    }\n  ");
+    var dropdownStyle = "\n    .ant-picker-cell-in-view.ant-picker-cell-selected .ant-picker-cell-inner {\n      background-color: ".concat(theme.color.base.primary2, " !important;\n    }\n  ");
+    var calendarIcon = (react_1.default.createElement(MaterialSymbols_1.default, { icon: "date_range", size: "m", color: theme.color.base.onNeutral }));
+    return (react_1.default.createElement("div", null,
+        react_1.default.createElement(InputLabel_1.InputLabel, { label: label, required: required, optional: optional, showInfoIcon: showInfoIcon, onInfoClick: onInfoClick }),
+        react_1.default.createElement(antd_1.DatePicker, __assign({ className: "".concat((0, emotion_1.css)(style)), popupClassName: (0, emotion_1.css)(dropdownStyle), disabled: disabled, suffixIcon: calendarIcon, format: "DD-MM-YYYY" }, rest)),
+        react_1.default.createElement(HelperText_1.HelperText, { text: helperText, error: error })));
 }
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/DatePicker/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAyBA,4BA2GC;AApID,+BAAyB;AACzB,mCAA6B;AAC7B,6BAAiC;AACjC,wDAAkD;AAClD,gEAAuD;AACvD,sDAAuD;AACvD,uDAAiD;AACjD,yCAA+C;AAkB/C,mBAAyB,EAKjB;IAJN,IAAA,gBAAgB,EAAhB,QAAQ,mBAAG,KAAK,KAAA,EAChB,KAAK,WAAA,EACL,gBAAgB,EAAhB,QAAQ,mBAAG,KAAK,KAAA,EACb,IAAI,cAJgB,iCAKxB,CADQ;IAED,IAAA,KAAqB,IAAA,uBAAQ,GAAE,EAA7B,KAAK,WAAA,EAAE,OAAO,aAAe,CAAA;IAErC,IAAM,KAAK,GAAG,uHAMV,QAAQ;QACN,CAAC,CAAC,kDAEH;QACC,CAAC,CAAC,EAAE,0MASY,qBAAa,CAAC,KAAK,CAAC,OAAO,CAAC,OAAO,0FAInC,qBAAa,CAAC,KAAK,CAAC,OAAO,CAAC,OAAO,yDAEjD,qBAAa,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,wGAM3B,4BAAS,4aAef,4BAAc,CAAC,IAAI,8FAId,4BAAc,CAAC,IAAI,mDACb,4BAAc,CAAC,IAAI,8FAI9B,4BAAc,CAAC,KAAK,wKAMT,qBAAa,CAAC,KAAK,CAAC,OAAO,CAAC,OAAO,sPAOvC,qBAAa,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,qCAGzD,CAAA;IAED,IAAM,aAAa,GAAG,mHAEE,qBAAa,CAAC,KAAK,CAAC,OAAO,CAAC,OAAO,4BAE1D,CAAA;IAED,IAAM,QAAQ,GAAG;QACf,OAAO,wCAAM,KAAK,EAAE,EAAE,KAAK,EAAE,KAAK,CAAC,IAAI,EAAE,UAAU,EAAE,CAAC,EAAE,QAAU,CAAA;IACpE,CAAC,CAAA;IAED,OAAO,CACL;QACG,KAAK,IAAI,CACR,8BAAC,mBAAM,IAAC,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,YAAY,EAAE,OAAO,CAAC,EAAE,EAAE;YACzD,KAAK;YACL,QAAQ,IAAI,8BAAC,QAAQ,OAAG,CAClB,CACV;QACD,8BAAC,iBAAU,aACT,SAAS,EAAE,UAAG,IAAA,aAAG,EAAC,KAAK,CAAC,CAAE,EAC1B,cAAc,EAAE,IAAA,aAAG,EAAC,aAAa,CAAC,EAClC,QAAQ,EAAE,QAAQ,IACd,IAAI,EACR,CACD,CACJ,CAAA;AACH,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/DatePicker/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAgCA,4BA8HC;AA9JD,+BAAyB;AACzB,mCAA6B;AAC7B,6BAAiC;AACjC,gEAAuD;AACvD,6EAAuE;AACvE,uDAAiD;AACjD,oDAA6D;AAC7D,kDAAgD;AAChD,kDAAgD;AAwBhD,mBAAyB,EAWjB;IAVN,IAAA,gBAAgB,EAAhB,QAAQ,mBAAG,KAAK,KAAA,EAChB,KAAK,WAAA,EACL,gBAAgB,EAAhB,QAAQ,mBAAG,KAAK,KAAA,EAChB,gBAAgB,EAAhB,QAAQ,mBAAG,KAAK,KAAA,EAChB,YAAc,EAAd,IAAI,mBAAG,OAAO,KAAA,EACd,aAAa,EAAb,KAAK,mBAAG,KAAK,KAAA,EACb,UAAU,gBAAA,EACV,YAAY,kBAAA,EACZ,WAAW,iBAAA,EACR,IAAI,cAVgB,2GAWxB,CADQ;IAEP,IAAM,KAAK,GAAG,IAAA,uBAAQ,GAAE,CAAA;IAClB,IAAA,KAAoC,yBAAW,CAAC,IAAI,CAAC,EAAnD,MAAM,YAAA,EAAE,YAAY,kBAAA,EAAE,OAAO,aAAsB,CAAA;IAC3D,IAAM,WAAW,GAAG,KAAK;QACvB,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,QAAQ;QAC7B,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAA;IAEzB,IAAM,KAAK,GAAG,kEAEF,MAAM,8DAId,QAAQ;QACN,CAAC,CAAC,kDAEH;QACC,CAAC,CAAC,EAAE,0DAIW,YAAY,+CACb,WAAW,0CAChB,OAAO,iHAIA,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,QAAQ,0FAIzB,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,QAAQ,4LAO5B,4BAAS,6LAKf,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,SAAS,uHAK1B,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,SAAS,oIAK1B,KAAK,CAAC,KAAK,CAAC,SAAS,CAAC,gBAAgB,8FAIjC,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,eAAe,mDAC7B,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,8FAIhC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,SAAS,0DACR,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,SAAS,0KAMjC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,QAAQ,qPAO7B,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,QAAQ,qCAG5C,CAAA;IAED,IAAM,aAAa,GAAG,oHAEE,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,QAAQ,4BAEhD,CAAA;IAED,IAAM,YAAY,GAAG,CACnB,8BAAC,yBAAe,IACd,IAAI,EAAC,YAAY,EACjB,IAAI,EAAC,GAAG,EACR,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,SAAS,GACjC,CACH,CAAA;IAED,OAAO,CACL;QACE,8BAAC,uBAAU,IACT,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,YAAY,EAAE,YAAY,EAC1B,WAAW,EAAE,WAAW,GACxB;QACF,8BAAC,iBAAU,aACT,SAAS,EAAE,UAAG,IAAA,aAAG,EAAC,KAAK,CAAC,CAAE,EAC1B,cAAc,EAAE,IAAA,aAAG,EAAC,aAAa,CAAC,EAClC,QAAQ,EAAE,QAAQ,EAClB,UAAU,EAAE,YAAY,EACxB,MAAM,EAAC,YAAY,IACf,IAAI,EACR;QACF,8BAAC,uBAAU,IAAC,IAAI,EAAE,UAAU,EAAE,KAAK,EAAE,KAAK,GAAI,CAC1C,CACP,CAAA;AACH,CAAC"}

package/dist/components/DynamicSelect/DynamicSelect.js

@@ -61,13 +61,13 @@ menu, _a) {
                 iconSrc: iconSrc,
                 extraText: extraText,
                 extraAction: extraAction,
-                isAddItemBarVisible: isAddItemBarVisible
+                isAddItemBarVisible: isAddItemBarVisible,
             }),
         bottomContent));
 };
 var DynamicSelect = function (_a) {
     var _b = _a.className, className = _b === void 0 ? '' : _b, children = _a.children, _c = _a.disabled, disabled = _c === void 0 ? false : _c, mode = _a.mode, label = _a.label, _d = _a.iconSrc, iconSrc = _d === void 0 ? '' : _d, _e = _a.extraText, extraText = _e === void 0 ? '' : _e, _f = _a.extraAction, extraAction = _f === void 0 ? function () { } : _f, _g = _a.isAddItemBarVisible, isAddItemBarVisible = _g === void 0 ? true : _g, _h = _a.topContent, topContent = _h === void 0 ? null : _h, _j = _a.bottomContent, bottomContent = _j === void 0 ? null : _j, _k = _a.actionContent, actionContent = _k === void 0 ? null : _k, rest = __rest(_a, ["className", "children", "disabled", "mode", "label", "iconSrc", "extraText", "extraAction", "isAddItemBarVisible", "topContent", "bottomContent", "actionContent"]);
-    return (react_1.default.createElement(Select_1.default, __assign({ className: className, type: "dropdown", disabled: disabled, mode: mode, label: label, dropdownRender: function (menu) {
+    return (react_1.default.createElement(Select_1.default, __assign({ className: className, disabled: disabled, mode: mode, label: label, dropdownRender: function (menu) {
             return ExtraElement(menu, {
                 iconSrc: iconSrc,
                 extraText: extraText,
@@ -75,7 +75,7 @@ var DynamicSelect = function (_a) {
                 isAddItemBarVisible: isAddItemBarVisible,
                 topContent: topContent,
                 bottomContent: bottomContent,
-                actionContent: actionContent
+                actionContent: actionContent,
             });
         } }, rest), children));
 };

package/dist/components/DynamicSelect/DynamicSelect.js.map

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

package/dist/components/Form/index.js

@@ -31,7 +31,7 @@ var emotion_1 = require("emotion");
 var antd_1 = require("antd");
 var ColorStyles_1 = require("src/shared/ColorStyles");
 var TypographyStyles_1 = require("src/shared/TypographyStyles");
-var baseStyle = (0, emotion_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  & .ant-form-item {\n    margin-bottom: 0 !important;\n  }\n\n  & .ant-form-item-has-error {\n    font-family: ", " !important;\n    font-size: ", " !important;\n    line-height: 17px !important;\n\n    & .ant-form-item-explain {\n      color: ", " !important;\n      padding-top: 5px !important;\n      padding-bottom: 5px !important;\n    }\n\n    & .ant-input,\n    .ant-picker-input,\n    .ant-select-selector {\n      color: ", " !important;\n\n      &::placeholder,\n      input::placeholder,\n      .ant-select-selection-placeholder {\n        color: ", " !important;\n        font-weight: 400 !important;\n      }\n    }\n\n    & .ant-input,\n    .ant-picker,\n    .ant-select,\n    .ant-select-selector {\n      border-top-right-radius: 5px !important;\n      border-bottom-right-radius: 5px !important;\n      border-color: ", " !important;\n      background-color: ", " !important;\n\n      &:hover {\n        border-color: ", " !important;\n        background-color: ", " !important;\n      }\n\n      &:focus {\n        border-color: ", " !important;\n        -webkit-box-shadow: 0 0 0 3px ", " !important;\n        box-shadow: 0 0 0 3px ", " !important;\n        background-color: ", " !important;\n      }\n    }\n\n    & .ant-input-group-addon:not(:last-child) {\n      color: ", " !important;\n      background-color: ", " !important;\n      border-top-left-radius: 5px !important;\n      border-bottom-left-radius: 5px !important;\n      border-color: ", " !important;\n      border-right: 0 !important;\n    }\n  }\n"], ["\n  & .ant-form-item {\n    margin-bottom: 0 !important;\n  }\n\n  & .ant-form-item-has-error {\n    font-family: ", " !important;\n    font-size: ", " !important;\n    line-height: 17px !important;\n\n    & .ant-form-item-explain {\n      color: ", " !important;\n      padding-top: 5px !important;\n      padding-bottom: 5px !important;\n    }\n\n    & .ant-input,\n    .ant-picker-input,\n    .ant-select-selector {\n      color: ", " !important;\n\n      &::placeholder,\n      input::placeholder,\n      .ant-select-selection-placeholder {\n        color: ", " !important;\n        font-weight: 400 !important;\n      }\n    }\n\n    & .ant-input,\n    .ant-picker,\n    .ant-select,\n    .ant-select-selector {\n      border-top-right-radius: 5px !important;\n      border-bottom-right-radius: 5px !important;\n      border-color: ", " !important;\n      background-color: ", " !important;\n\n      &:hover {\n        border-color: ", " !important;\n        background-color: ", " !important;\n      }\n\n      &:focus {\n        border-color: ", " !important;\n        -webkit-box-shadow: 0 0 0 3px ", " !important;\n        box-shadow: 0 0 0 3px ", " !important;\n        background-color: ", " !important;\n      }\n    }\n\n    & .ant-input-group-addon:not(:last-child) {\n      color: ", " !important;\n      background-color: ", " !important;\n      border-top-left-radius: 5px !important;\n      border-bottom-left-radius: 5px !important;\n      border-color: ", " !important;\n      border-right: 0 !important;\n    }\n  }\n"])), TypographyStyles_1.MAIN_FONT, TypographyStyles_1.FONT_SIZE.P1, ColorStyles_1.RED_COLORS.R400, ColorStyles_1.RED_COLORS.R400, ColorStyles_1.RED_COLORS.R400, ColorStyles_1.RED_COLORS.R300, ColorStyles_1.RED_COLORS.R100, ColorStyles_1.RED_COLORS.R300, ColorStyles_1.RED_COLORS.R100, ColorStyles_1.RED_COLORS.R300, ColorStyles_1.RED_COLORS.R200, ColorStyles_1.RED_COLORS.R200, ColorStyles_1.RED_COLORS.R100, ColorStyles_1.RED_COLORS.R400, ColorStyles_1.RED_COLORS.R100, ColorStyles_1.RED_COLORS.R300);
+var baseStyle = (0, emotion_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  & .ant-form-item {\n    margin-bottom: 0 !important;\n  }\n\n  & .ant-form-item-has-error {\n    font-family: ", " !important;\n    font-size: ", " !important;\n    line-height: 17px !important;\n\n    & .ant-form-item-explain {\n      color: ", " !important;\n      padding-top: 5px !important;\n      padding-bottom: 5px !important;\n    }\n\n    & .ant-input,\n    .ant-picker-input,\n    .ant-select-selector {\n      color: ", " !important;\n\n      &::placeholder,\n      input::placeholder,\n      .ant-select-selection-placeholder {\n        color: ", " !important;\n        font-weight: 400 !important;\n      }\n    }\n\n    & .ant-input,\n    .ant-picker,\n    .ant-select,\n    .ant-select-selector {\n      border-top-right-radius: 5px !important;\n      border-bottom-right-radius: 5px !important;\n      border-color: ", " !important;\n      background-color: ", " !important;\n\n      &:hover {\n        border-color: ", " !important;\n        background-color: ", " !important;\n      }\n\n      &:focus {\n        border-color: ", " !important;\n        -webkit-box-shadow: 0 0 0 3px ", " !important;\n        box-shadow: 0 0 0 3px ", " !important;\n        background-color: ", " !important;\n      }\n    }\n\n    & .ant-input-group-addon .ant-select,\n    & .ant-input-group-addon .ant-select-selector {\n      background-color: transparent !important;\n      border-color: transparent !important;\n    }\n\n    & .ant-input-group-addon:not(:last-child) {\n      color: ", " !important;\n      background-color: ", " !important;\n      border-top-left-radius: 5px !important;\n      border-bottom-left-radius: 5px !important;\n      border-color: ", " !important;\n      border-right: 0 !important;\n    }\n  }\n"], ["\n  & .ant-form-item {\n    margin-bottom: 0 !important;\n  }\n\n  & .ant-form-item-has-error {\n    font-family: ", " !important;\n    font-size: ", " !important;\n    line-height: 17px !important;\n\n    & .ant-form-item-explain {\n      color: ", " !important;\n      padding-top: 5px !important;\n      padding-bottom: 5px !important;\n    }\n\n    & .ant-input,\n    .ant-picker-input,\n    .ant-select-selector {\n      color: ", " !important;\n\n      &::placeholder,\n      input::placeholder,\n      .ant-select-selection-placeholder {\n        color: ", " !important;\n        font-weight: 400 !important;\n      }\n    }\n\n    & .ant-input,\n    .ant-picker,\n    .ant-select,\n    .ant-select-selector {\n      border-top-right-radius: 5px !important;\n      border-bottom-right-radius: 5px !important;\n      border-color: ", " !important;\n      background-color: ", " !important;\n\n      &:hover {\n        border-color: ", " !important;\n        background-color: ", " !important;\n      }\n\n      &:focus {\n        border-color: ", " !important;\n        -webkit-box-shadow: 0 0 0 3px ", " !important;\n        box-shadow: 0 0 0 3px ", " !important;\n        background-color: ", " !important;\n      }\n    }\n\n    & .ant-input-group-addon .ant-select,\n    & .ant-input-group-addon .ant-select-selector {\n      background-color: transparent !important;\n      border-color: transparent !important;\n    }\n\n    & .ant-input-group-addon:not(:last-child) {\n      color: ", " !important;\n      background-color: ", " !important;\n      border-top-left-radius: 5px !important;\n      border-bottom-left-radius: 5px !important;\n      border-color: ", " !important;\n      border-right: 0 !important;\n    }\n  }\n"])), TypographyStyles_1.MAIN_FONT, TypographyStyles_1.FONT_SIZE.P1, ColorStyles_1.RED_COLORS.R400, ColorStyles_1.RED_COLORS.R400, ColorStyles_1.RED_COLORS.R400, ColorStyles_1.RED_COLORS.R300, ColorStyles_1.RED_COLORS.R100, ColorStyles_1.RED_COLORS.R300, ColorStyles_1.RED_COLORS.R100, ColorStyles_1.RED_COLORS.R300, ColorStyles_1.RED_COLORS.R200, ColorStyles_1.RED_COLORS.R200, ColorStyles_1.RED_COLORS.R100, ColorStyles_1.RED_COLORS.R400, ColorStyles_1.RED_COLORS.R100, ColorStyles_1.RED_COLORS.R300);
 var MainForm = function (_a) {
     var _b = _a.className, className = _b === void 0 ? '' : _b, children = _a.children, rest = __rest(_a, ["className", "children"]);
     return (react_1.default.createElement(antd_1.Form, __assign({ className: (0, emotion_1.cx)(baseStyle, className) }, rest), children));

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Form/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+BAAyB;AACzB,mCAAiC;AACjC,6BAAqD;AACrD,sDAAmD;AACnD,gEAAkE;AAElE,IAAM,SAAS,OAAG,aAAG,wkDAAA,oHAMF,EAAS,+BACX,EAAY,kGAId,EAAe,wLAQf,EAAe,8HAKb,EAAe,kRAWV,EAAe,wCACX,EAAe,yDAGjB,EAAe,0CACX,EAAe,kEAInB,EAAe,sDACC,EAAe,8CACvB,EAAe,0CACnB,EAAe,gGAK5B,EAAe,wCACJ,EAAe,qIAGnB,EAAe,+DAIpC,KAtDkB,4BAAS,EACX,4BAAS,CAAC,EAAE,EAId,wBAAU,CAAC,IAAI,EAQf,wBAAU,CAAC,IAAI,EAKb,wBAAU,CAAC,IAAI,EAWV,wBAAU,CAAC,IAAI,EACX,wBAAU,CAAC,IAAI,EAGjB,wBAAU,CAAC,IAAI,EACX,wBAAU,CAAC,IAAI,EAInB,wBAAU,CAAC,IAAI,EACC,wBAAU,CAAC,IAAI,EACvB,wBAAU,CAAC,IAAI,EACnB,wBAAU,CAAC,IAAI,EAK5B,wBAAU,CAAC,IAAI,EACJ,wBAAU,CAAC,IAAI,EAGnB,wBAAU,CAAC,IAAI,CAIpC,CAAA;AAOD,IAAM,QAAQ,GAAG,UAAU,EAA4C;IAA1C,IAAA,iBAAc,EAAd,SAAS,mBAAG,EAAE,KAAA,EAAE,QAAQ,cAAA,EAAK,IAAI,cAAnC,yBAAqC,CAAF;IAC5D,OAAO,CACL,8BAAC,WAAI,aAAC,SAAS,EAAE,IAAA,YAAE,EAAC,SAAS,EAAE,SAAS,CAAC,IAAM,IAAI,GAChD,QAAQ,CACJ,CACR,CAAA;AACH,CAAC,CAAA;AAED,QAAQ,CAAC,IAAI,GAAG,UAAU,EAA0C;IAAxC,IAAA,iBAAc,EAAd,SAAS,mBAAG,EAAE,KAAA,EAAK,IAAI,cAAzB,aAA2B,CAAF;IACjD,OAAO,8BAAC,WAAI,CAAC,IAAI,aAAC,SAAS,EAAE,IAAA,YAAE,EAAC,SAAS,EAAE,SAAS,CAAC,IAAM,IAAI,EAAI,CAAA;AACrE,CAAC,CAAA;AAED,QAAQ,CAAC,OAAO,GAAG,WAAI,CAAC,OAAO,CAAA;AAE/B,kBAAe,QAAQ,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Form/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+BAAyB;AACzB,mCAAiC;AACjC,6BAAqD;AACrD,sDAAmD;AACnD,gEAAkE;AAElE,IAAM,SAAS,OAAG,aAAG,+wDAAA,oHAMF,EAAS,+BACX,EAAY,kGAId,EAAe,wLAQf,EAAe,8HAKb,EAAe,kRAWV,EAAe,wCACX,EAAe,yDAGjB,EAAe,0CACX,EAAe,kEAInB,EAAe,sDACC,EAAe,8CACvB,EAAe,0CACnB,EAAe,uSAW5B,EAAe,wCACJ,EAAe,qIAGnB,EAAe,+DAIpC,KA5DkB,4BAAS,EACX,4BAAS,CAAC,EAAE,EAId,wBAAU,CAAC,IAAI,EAQf,wBAAU,CAAC,IAAI,EAKb,wBAAU,CAAC,IAAI,EAWV,wBAAU,CAAC,IAAI,EACX,wBAAU,CAAC,IAAI,EAGjB,wBAAU,CAAC,IAAI,EACX,wBAAU,CAAC,IAAI,EAInB,wBAAU,CAAC,IAAI,EACC,wBAAU,CAAC,IAAI,EACvB,wBAAU,CAAC,IAAI,EACnB,wBAAU,CAAC,IAAI,EAW5B,wBAAU,CAAC,IAAI,EACJ,wBAAU,CAAC,IAAI,EAGnB,wBAAU,CAAC,IAAI,CAIpC,CAAA;AAOD,IAAM,QAAQ,GAAG,UAAU,EAA4C;IAA1C,IAAA,iBAAc,EAAd,SAAS,mBAAG,EAAE,KAAA,EAAE,QAAQ,cAAA,EAAK,IAAI,cAAnC,yBAAqC,CAAF;IAC5D,OAAO,CACL,8BAAC,WAAI,aAAC,SAAS,EAAE,IAAA,YAAE,EAAC,SAAS,EAAE,SAAS,CAAC,IAAM,IAAI,GAChD,QAAQ,CACJ,CACR,CAAA;AACH,CAAC,CAAA;AAED,QAAQ,CAAC,IAAI,GAAG,UAAU,EAA0C;IAAxC,IAAA,iBAAc,EAAd,SAAS,mBAAG,EAAE,KAAA,EAAK,IAAI,cAAzB,aAA2B,CAAF;IACjD,OAAO,8BAAC,WAAI,CAAC,IAAI,aAAC,SAAS,EAAE,IAAA,YAAE,EAAC,SAAS,EAAE,SAAS,CAAC,IAAM,IAAI,EAAI,CAAA;AACrE,CAAC,CAAA;AAED,QAAQ,CAAC,OAAO,GAAG,WAAI,CAAC,OAAO,CAAA;AAE/B,kBAAe,QAAQ,CAAA"}

package/dist/components/Input/HelperText.js

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.HelperText = HelperText;
+var react_1 = require("react");
+var Typography_1 = require("src/constants/Typography/Typography");
+var ThemeContext_1 = require("src/theme/ThemeContext");
+function HelperText(_a) {
+    var text = _a.text, error = _a.error;
+    var theme = (0, ThemeContext_1.useTheme)();
+    if (!text)
+        return null;
+    var color = error
+        ? theme.color.status.critical
+        : theme.color.component.helperInput;
+    return (react_1.default.createElement(Typography_1.Typography.Body, { size: "sm", style: { color: color, marginTop: 4 } }, text));
+}
+//# sourceMappingURL=HelperText.js.map

package/dist/components/Input/HelperText.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HelperText.js","sourceRoot":"","sources":["../../../src/components/Input/HelperText.tsx"],"names":[],"mappings":";;AASA,gCAiBC;AA1BD,+BAAyB;AACzB,kEAAgE;AAChE,uDAAiD;AAOjD,SAAgB,UAAU,CAAC,EAGT;QAFhB,IAAI,UAAA,EACJ,KAAK,WAAA;IAEL,IAAM,KAAK,GAAG,IAAA,uBAAQ,GAAE,CAAA;IAExB,IAAI,CAAC,IAAI;QAAE,OAAO,IAAI,CAAA;IAEtB,IAAM,KAAK,GAAG,KAAK;QACjB,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,QAAQ;QAC7B,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,SAAS,CAAC,WAAW,CAAA;IAErC,OAAO,CACL,8BAAC,uBAAU,CAAC,IAAI,IAAC,IAAI,EAAC,IAAI,EAAC,KAAK,EAAE,EAAE,KAAK,OAAA,EAAE,SAAS,EAAE,CAAC,EAAE,IACtD,IAAI,CACW,CACnB,CAAA;AACH,CAAC"}

package/dist/components/Input/InputLabel.js

@@ -0,0 +1,43 @@
+"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.InputLabel = InputLabel;
+var react_1 = require("react");
+var styled_1 = require("@emotion/styled");
+var ThemeContext_1 = require("src/theme/ThemeContext");
+var icons_1 = require("src/icons");
+var Typography_1 = require("src/constants/Typography/Typography");
+var Tooltip_1 = require("src/components/Tooltip");
+function InputLabel(_a) {
+    var label = _a.label, required = _a.required, optional = _a.optional, showInfoIcon = _a.showInfoIcon, infoText = _a.infoText, onInfoClick = _a.onInfoClick;
+    var theme = (0, ThemeContext_1.useTheme)();
+    if (!label)
+        return null;
+    return (react_1.default.createElement(LabelContainer, null,
+        react_1.default.createElement(Typography_1.Typography.Body, { size: "sm", style: { color: theme.color.base.onNeutral } },
+            label,
+            required && (react_1.default.createElement("span", { style: { color: theme.error.text, marginLeft: 2 } }, "*"))),
+        optional && (react_1.default.createElement(Typography_1.Typography.Body, { size: "sm", style: { color: theme.color.base.onNeutralSecondary } }, "Optional")),
+        showInfoIcon && infoText && (react_1.default.createElement(Tooltip_1.default, { content: infoText, placement: "top" },
+            react_1.default.createElement("span", { role: "button", tabIndex: 0, "aria-label": "More information", onClick: onInfoClick, onKeyDown: function (e) {
+                    if (e.key === 'Enter' || e.key === ' ') {
+                        e.preventDefault();
+                        onInfoClick === null || onInfoClick === void 0 ? void 0 : onInfoClick();
+                    }
+                }, style: { display: 'inline-flex', cursor: 'pointer' } },
+                react_1.default.createElement(icons_1.Info, { style: { width: 16, height: 16 } })))),
+        showInfoIcon && !infoText && (react_1.default.createElement("span", { role: "button", tabIndex: 0, "aria-label": "More information", onClick: onInfoClick, onKeyDown: function (e) {
+                if (e.key === 'Enter' || e.key === ' ') {
+                    e.preventDefault();
+                    onInfoClick === null || onInfoClick === void 0 ? void 0 : onInfoClick();
+                }
+            }, style: { display: 'inline-flex', cursor: 'pointer' } },
+            react_1.default.createElement(icons_1.Info, { style: { width: 16, height: 16 } })))));
+}
+// ─── Styled Components ───
+var LabelContainer = styled_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  gap: 4px;\n  margin-bottom: 4px;\n"], ["\n  display: flex;\n  align-items: center;\n  gap: 4px;\n  margin-bottom: 4px;\n"])));
+var templateObject_1;
+//# sourceMappingURL=InputLabel.js.map

package/dist/components/Input/InputLabel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InputLabel.js","sourceRoot":"","sources":["../../../src/components/Input/InputLabel.tsx"],"names":[],"mappings":";;;;;;AAgBA,gCAkEC;AAlFD,+BAAyB;AACzB,0CAAoC;AACpC,uDAAiD;AACjD,mCAAgC;AAChC,kEAAgE;AAChE,kDAA4C;AAW5C,SAAgB,UAAU,CAAC,EAOT;QANhB,KAAK,WAAA,EACL,QAAQ,cAAA,EACR,QAAQ,cAAA,EACR,YAAY,kBAAA,EACZ,QAAQ,cAAA,EACR,WAAW,iBAAA;IAEX,IAAM,KAAK,GAAG,IAAA,uBAAQ,GAAE,CAAA;IAExB,IAAI,CAAC,KAAK;QAAE,OAAO,IAAI,CAAA;IAEvB,OAAO,CACL,8BAAC,cAAc;QACb,8BAAC,uBAAU,CAAC,IAAI,IAAC,IAAI,EAAC,IAAI,EAAC,KAAK,EAAE,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,SAAS,EAAE;YACpE,KAAK;YACL,QAAQ,IAAI,CACX,wCAAM,KAAK,EAAE,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,IAAI,EAAE,UAAU,EAAE,CAAC,EAAE,QAAU,CAClE,CACe;QACjB,QAAQ,IAAI,CACX,8BAAC,uBAAU,CAAC,IAAI,IACd,IAAI,EAAC,IAAI,EACT,KAAK,EAAE,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,kBAAkB,EAAE,eAGrC,CACnB;QACA,YAAY,IAAI,QAAQ,IAAI,CAC3B,8BAAC,iBAAO,IAAC,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAC,KAAK;YACzC,wCACE,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,CAAC,gBACA,kBAAkB,EAC7B,OAAO,EAAE,WAAW,EACpB,SAAS,EAAE,UAAC,CAAC;oBACX,IAAI,CAAC,CAAC,GAAG,KAAK,OAAO,IAAI,CAAC,CAAC,GAAG,KAAK,GAAG,EAAE,CAAC;wBACvC,CAAC,CAAC,cAAc,EAAE,CAAA;wBAClB,WAAW,aAAX,WAAW,uBAAX,WAAW,EAAI,CAAA;oBACjB,CAAC;gBACH,CAAC,EACD,KAAK,EAAE,EAAE,OAAO,EAAE,aAAa,EAAE,MAAM,EAAE,SAAS,EAAE;gBAEpD,8BAAC,YAAI,IAAC,KAAK,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,GAAI,CACrC,CACC,CACX;QACA,YAAY,IAAI,CAAC,QAAQ,IAAI,CAC5B,wCACE,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,CAAC,gBACA,kBAAkB,EAC7B,OAAO,EAAE,WAAW,EACpB,SAAS,EAAE,UAAC,CAAC;gBACX,IAAI,CAAC,CAAC,GAAG,KAAK,OAAO,IAAI,CAAC,CAAC,GAAG,KAAK,GAAG,EAAE,CAAC;oBACvC,CAAC,CAAC,cAAc,EAAE,CAAA;oBAClB,WAAW,aAAX,WAAW,uBAAX,WAAW,EAAI,CAAA;gBACjB,CAAC;YACH,CAAC,EACD,KAAK,EAAE,EAAE,OAAO,EAAE,aAAa,EAAE,MAAM,EAAE,SAAS,EAAE;YAEpD,8BAAC,YAAI,IAAC,KAAK,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,GAAI,CACrC,CACR,CACc,CAClB,CAAA;AACH,CAAC;AAED,4BAA4B;AAE5B,IAAM,cAAc,GAAG,gBAAM,CAAC,GAAG,qJAAA,kFAKhC,IAAA,CAAA"}

package/dist/components/Input/index.js

@@ -1,8 +1,4 @@
 "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++) {
@@ -26,69 +22,57 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-/* eslint-disable max-lines */
 var react_1 = require("react");
 var emotion_1 = require("emotion");
-var styled_1 = require("@emotion/styled");
 var antd_1 = require("antd");
-var Typography_1 = require("src/components/Typography");
-var Link_1 = require("src/components/Link");
 var ThemeContext_1 = require("src/theme/ThemeContext");
-var icons_1 = require("src/icons");
-// deprecated constants
-var ColorStyles_1 = require("src/shared/ColorStyles");
-var theme_1 = require("src/theme/theme");
-var TypographyStyles_1 = require("src/shared/TypographyStyles");
-var style = "\n  -webkit-font-smoothing: antialiased;\n\n  & .ant-input, &.ant-input, &.ant-input-password {\n    padding: 0 !important;\n    font-family: ".concat(TypographyStyles_1.MAIN_FONT, " !important;\n    font-size: ").concat(TypographyStyles_1.FONT_SIZE.P1, " !important;\n    color: ").concat(ColorStyles_1.NEUTRAL_COLORS.BLACK, " !important;\n    line-height: 17px !important;\n    padding-left: 15px !important;\n    padding-top: 12px !important;\n    padding-bottom: 13px !important;\n\n    &::placeholder {\n      color: ").concat(ColorStyles_1.NEUTRAL_COLORS.G400, " !important;\n      font-weight: 400 !important;\n    }\n  }\n\n  &.ant-input, &.ant-input-password {\n    border-radius: 5px;\n    border-color: ").concat(ColorStyles_1.NEUTRAL_COLORS.G200, " !important;\n\n    &:hover {\n      border-color: ").concat(theme_1.straitsXTheme.brand.primary.default, " !important;\n    }\n\n    &:focus {\n      border-color: ").concat(theme_1.straitsXTheme.brand.primary.default, " !important;\n      -webkit-box-shadow: 0 0 0 3px #F0FFF9 !important;\n      box-shadow: 0 0 0 3px #F0FFF9 !important;\n      color: ").concat(ColorStyles_1.NEUTRAL_COLORS.BLACK, " !important;\n    }\n  }\n\n  & .ant-input, .ant-input-password {\n    border-top-right-radius: 5px;\n    border-bottom-right-radius: 5px;\n    border-color: ").concat(ColorStyles_1.NEUTRAL_COLORS.G200, " !important;\n\n    &:hover {\n      border-color: ").concat(theme_1.straitsXTheme.brand.primary.default, " !important;\n    }\n\n    &:focus {\n      border-color: ").concat(theme_1.straitsXTheme.brand.primary.default, " !important;\n      -webkit-box-shadow: 0 0 0 3px #F0FFF9 !important;\n      box-shadow: 0 0 0 3px #F0FFF9 !important;\n      color: ").concat(ColorStyles_1.NEUTRAL_COLORS.BLACK, " !important;\n    }\n  }\n\n  &.ant-input-disabled {\n    background-color: ").concat(ColorStyles_1.NEUTRAL_COLORS.G100, " !important;\n    border-color: ").concat(ColorStyles_1.NEUTRAL_COLORS.G200, " !important;\n\n    &:hover {\n      border-color: ").concat(ColorStyles_1.NEUTRAL_COLORS.G200, " !important;\n    }\n  }\n\n  & .ant-input-group-addon:not(:last-child) {\n    font-family: ").concat(TypographyStyles_1.MAIN_FONT, ";\n    color: ").concat(ColorStyles_1.NEUTRAL_COLORS.BLACK, ";\n    background-color: ").concat(ColorStyles_1.NEUTRAL_COLORS.G100, ";\n    border-top-left-radius: 5px;\n    border-bottom-left-radius: 5px;\n    border-color: ").concat(ColorStyles_1.NEUTRAL_COLORS.G200, ";\n    border-right: 0;\n    padding-left: 15px;\n    padding-right: 15px;\n\n    + .ant-input-disabled {\n      background-color: ").concat(ColorStyles_1.NEUTRAL_COLORS.G100, ";\n      border-color: ").concat(ColorStyles_1.NEUTRAL_COLORS.G200, ";\n      color: ").concat(ColorStyles_1.NEUTRAL_COLORS.G400, ";\n\n      &:hover {\n        border-color: ").concat(ColorStyles_1.NEUTRAL_COLORS.G200, ";\n      }\n    }\n  }\n\n  & .ant-input-group-addon:last-child {\n    border-top-right-radius: 5px;\n    border-bottom-right-radius: 5px;\n    border-color: ").concat(ColorStyles_1.NEUTRAL_COLORS.G200, ";\n  }\n\n  &.ant-input-search {\n    padding: 0;\n    font-family: ").concat(TypographyStyles_1.MAIN_FONT, ";\n    font-size: ").concat(TypographyStyles_1.FONT_SIZE.P1, ";\n    line-height: 17px;\n    padding-left: 15px;\n    padding-top: 6px;\n    padding-bottom: 6px;\n    border-radius: 5px;\n    border-color: ").concat(ColorStyles_1.NEUTRAL_COLORS.G200, ";\n    width: 132px;\n\n    &::placeholder {\n      color: ").concat(ColorStyles_1.NEUTRAL_COLORS.G400, ";\n      font-weight: 400;\n    }\n\n    &:hover {\n      border-color: ").concat(theme_1.straitsXTheme.brand.primary.default, ";\n    }\n\n    & > .ant-input-suffix {\n      width: 18px;\n      margin-right: 14px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n    }\n  }\n\n  &.ant-input-affix-wrapper-focused {\n    border-color: ").concat(theme_1.straitsXTheme.brand.primary.default, ";\n    -webkit-box-shadow: 0 0 0 3px #F0FFF9;\n    box-shadow: 0 0 0 3px #F0FFF9;\n  }\n");
-var Asterisk = function () {
-    var error = (0, ThemeContext_1.useTheme)().error;
-    return react_1.default.createElement("span", { style: { color: error.text, marginLeft: 2 } }, "*");
-};
-var OptionalText = function () {
-    return (react_1.default.createElement(Typography_1.SmallP, { style: { color: ColorStyles_1.NEUTRAL_COLORS.G500, marginLeft: 3 } }, "Optional"));
-};
-var Label = styled_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  justify-content: space-between;\n  margin-bottom: 5px;\n"], ["\n  display: flex;\n  justify-content: space-between;\n  margin-bottom: 5px;\n"])));
+var MaterialSymbols_1 = require("src/icons/MaterialSymbols/MaterialSymbols");
+var inputStyles_1 = require("./inputStyles");
+var HelperText_1 = require("./HelperText");
+var InputLabel_1 = require("./InputLabel");
 var MainInput = function (_a) {
-    var _b = _a.addonBefore, addonBefore = _b === void 0 ? '' : _b, _c = _a.placeholder, placeholder = _c === void 0 ? '' : _c, _d = _a.disabled, disabled = _d === void 0 ? false : _d, _e = _a.className, className = _e === void 0 ? '' : _e, label = _a.label, required = _a.required, _f = _a.optional, optional = _f === void 0 ? false : _f, rest = __rest(_a, ["addonBefore", "placeholder", "disabled", "className", "label", "required", "optional"]);
-    return (react_1.default.createElement(react_1.default.Fragment, null,
-        label && (react_1.default.createElement(Label, null,
-            react_1.default.createElement(Typography_1.P1Bold, null,
-                label,
-                required && react_1.default.createElement(Asterisk, null)),
-            optional && react_1.default.createElement(OptionalText, null))),
-        react_1.default.createElement(antd_1.Input, __assign({ className: "".concat((0, emotion_1.css)(style), " ").concat(className), addonBefore: addonBefore, placeholder: placeholder, disabled: disabled }, rest))));
+    var addonBefore = _a.addonBefore, addonAfter = _a.addonAfter, _b = _a.placeholder, placeholder = _b === void 0 ? '' : _b, _c = _a.disabled, disabled = _c === void 0 ? false : _c, _d = _a.disabledAddon, disabledAddon = _d === void 0 ? false : _d, _e = _a.className, className = _e === void 0 ? '' : _e, label = _a.label, required = _a.required, _f = _a.optional, optional = _f === void 0 ? false : _f, _g = _a.size, size = _g === void 0 ? 'large' : _g, helperText = _a.helperText, error = _a.error, showInfoIcon = _a.showInfoIcon, infoText = _a.infoText, onInfoClick = _a.onInfoClick, rest = __rest(_a, ["addonBefore", "addonAfter", "placeholder", "disabled", "disabledAddon", "className", "label", "required", "optional", "size", "helperText", "error", "showInfoIcon", "infoText", "onInfoClick"]);
+    var theme = (0, ThemeContext_1.useTheme)();
+    var style = (0, inputStyles_1.getBaseInputStyle)(theme, size, error, disabledAddon);
+    return (react_1.default.createElement("div", null,
+        react_1.default.createElement(InputLabel_1.InputLabel, { label: label, required: required, optional: optional, showInfoIcon: showInfoIcon, infoText: infoText, onInfoClick: onInfoClick }),
+        react_1.default.createElement(antd_1.Input, __assign({ className: "".concat((0, emotion_1.css)(style), " ").concat(className), addonBefore: addonBefore, addonAfter: addonAfter, placeholder: placeholder, disabled: disabled }, rest)),
+        react_1.default.createElement(HelperText_1.HelperText, { text: helperText, error: error })));
 };
 MainInput.Password = function (_a) {
-    var _b = _a.addonBefore, addonBefore = _b === void 0 ? '' : _b, _c = _a.placeholder, placeholder = _c === void 0 ? '' : _c, _d = _a.disabled, disabled = _d === void 0 ? false : _d, _e = _a.className, className = _e === void 0 ? '' : _e, label = _a.label, required = _a.required, rest = __rest(_a, ["addonBefore", "placeholder", "disabled", "className", "label", "required"]);
-    return (react_1.default.createElement(react_1.default.Fragment, null,
-        label && (react_1.default.createElement(Label, null,
-            react_1.default.createElement(Typography_1.P1Bold, null,
-                label,
-                required && react_1.default.createElement(Asterisk, null)))),
-        react_1.default.createElement(antd_1.Input.Password, __assign({ className: "".concat((0, emotion_1.css)(style), " ").concat(className), addonBefore: addonBefore, placeholder: placeholder, disabled: disabled, visibilityToggle: false }, rest))));
+    var _b = _a.addonBefore, addonBefore = _b === void 0 ? '' : _b, _c = _a.placeholder, placeholder = _c === void 0 ? '' : _c, _d = _a.disabled, disabled = _d === void 0 ? false : _d, _e = _a.className, className = _e === void 0 ? '' : _e, label = _a.label, required = _a.required, _f = _a.optional, optional = _f === void 0 ? false : _f, _g = _a.size, size = _g === void 0 ? 'large' : _g, helperText = _a.helperText, error = _a.error, showInfoIcon = _a.showInfoIcon, infoText = _a.infoText, onInfoClick = _a.onInfoClick, rest = __rest(_a, ["addonBefore", "placeholder", "disabled", "className", "label", "required", "optional", "size", "helperText", "error", "showInfoIcon", "infoText", "onInfoClick"]);
+    var theme = (0, ThemeContext_1.useTheme)();
+    var style = (0, inputStyles_1.getBaseInputStyle)(theme, size, error);
+    return (react_1.default.createElement("div", null,
+        react_1.default.createElement(InputLabel_1.InputLabel, { label: label, required: required, optional: optional, showInfoIcon: showInfoIcon, infoText: infoText, onInfoClick: onInfoClick }),
+        react_1.default.createElement(antd_1.Input.Password, __assign({ className: "".concat((0, emotion_1.css)(style), " ").concat(className), addonBefore: addonBefore, placeholder: placeholder, disabled: disabled, visibilityToggle: true }, rest)),
+        react_1.default.createElement(HelperText_1.HelperText, { text: helperText, error: error })));
 };
 MainInput.Search = function (_a) {
-    var _b = _a.addonBefore, addonBefore = _b === void 0 ? '' : _b, _c = _a.placeholder, placeholder = _c === void 0 ? '' : _c, _d = _a.className, className = _d === void 0 ? '' : _d, onChange = _a.onChange, onSearch = _a.onSearch, rest = __rest(_a, ["addonBefore", "placeholder", "className", "onChange", "onSearch"]);
-    var _e = (0, ThemeContext_1.useTheme)(), neutral = _e.neutral, text = _e.text, primary = _e.brand.primary;
-    var searchStyle = "\n    & .ant-input-group-addon:not(:last-child) {\n      font-family: ".concat(TypographyStyles_1.MAIN_FONT, ";\n      color: ").concat(text.default, ";\n      background-color: ").concat(neutral.white, ";\n      border-top-left-radius: 5px;\n      border-bottom-left-radius: 5px;\n      border: 1px solid ").concat(neutral.border, ";\n      border-right: 0;\n      padding: ").concat(typeof addonBefore === 'string' ? '0 15px' : '0', ";\n\n      & .ant-select {\n        margin: 0;\n        \n        \n        &.ant-select-single:not(.ant-select-customize-input) .ant-select-selector, &.ant-select-multiple:not(.ant-select-customize-input) .ant-select-selector {\n          height: 38px;\n        }\n        \n        &.ant-select-single.ant-select-focused:not(.ant-select-customize-input) .ant-select-selector, &.ant-select-multiple.ant-select-focused:not(.ant-select-customize-input) .ant-select-selector {\n          border-color: ").concat(primary.default, ";\n          -webkit-box-shadow: 0 0 0 2px ").concat(primary.default, "33;\n          box-shadow: 0 0 0 2px ").concat(primary.default, "33;\n        }\n      } \n    }\n\n    & .ant-input-affix-wrapper, &.ant-input-affix-wrapper {\n      border-radius: 5px;\n      border: 1px solid ").concat(neutral.border, ";\n      padding: 8px 15px !important;\n\n      &:hover {\n        border-color: ").concat(primary.default, ";\n      }\n    }\n\n    & .ant-input-affix-wrapper-focused, .ant-input-affix-wrapper:focus {\n      border-color: ").concat(primary.default, ";\n      -webkit-box-shadow: 0 0 0 2px ").concat(primary.default, "33;\n      box-shadow: 0 0 0 2px ").concat(primary.default, "33;\n    }\n  ");
-    return (react_1.default.createElement(antd_1.Input, __assign({ placeholder: placeholder, addonBefore: addonBefore, onChange: onChange, onKeyDown: onSearch, className: "".concat((0, emotion_1.css)(searchStyle), " ").concat(className), suffix: react_1.default.createElement(Link_1.default, { style: {
-                display: 'grid',
-                justifyContent: 'center',
-            }, onClick: onSearch },
-            react_1.default.createElement(icons_1.Search, { style: { color: neutral.emphasis } })) }, rest)));
+    var _b = _a.addonBefore, addonBefore = _b === void 0 ? '' : _b, _c = _a.placeholder, placeholder = _c === void 0 ? '' : _c, _d = _a.className, className = _d === void 0 ? '' : _d, onChange = _a.onChange, onSearch = _a.onSearch, _e = _a.size, size = _e === void 0 ? 'large' : _e, helperText = _a.helperText, error = _a.error, rest = __rest(_a, ["addonBefore", "placeholder", "className", "onChange", "onSearch", "size", "helperText", "error"]);
+    var theme = (0, ThemeContext_1.useTheme)();
+    var searchStyle = "".concat((0, inputStyles_1.getBaseInputStyle)(theme, size, error), "\n    & .ant-input-group-addon:not(:last-child) {\n      background-color: ").concat(theme.color.surface.neutral, ";\n      padding: ").concat(typeof addonBefore === 'string' ? '0 15px' : '0', ";\n    }\n    &.ant-input-affix-wrapper .ant-input-prefix {\n      margin-right: 8px;\n      display: flex;\n      align-items: center;\n    }\n  ");
+    return (react_1.default.createElement("div", null,
+        react_1.default.createElement(antd_1.Input, __assign({ placeholder: placeholder, addonBefore: addonBefore, onChange: onChange, onKeyDown: onSearch, className: "".concat((0, emotion_1.css)(searchStyle), " ").concat(className), prefix: react_1.default.createElement("span", { onClick: onSearch, style: {
+                    display: 'flex',
+                    cursor: onSearch ? 'pointer' : 'default',
+                } },
+                react_1.default.createElement(MaterialSymbols_1.default, { icon: "search", size: size === 'small' ? 'xs' : 'm', color: theme.color.base.onNeutral })) }, rest)),
+        react_1.default.createElement(HelperText_1.HelperText, { text: helperText, error: error })));
 };
 MainInput.TextArea = function (_a) {
-    var _b = _a.className, className = _b === void 0 ? '' : _b, label = _a.label, _c = _a.required, required = _c === void 0 ? false : _c, _d = _a.optional, optional = _d === void 0 ? false : _d, rest = __rest(_a, ["className", "label", "required", "optional"]);
-    var textAreaStyle = "\t  \n  &.ant-input {\t \n    resize: none;\t\n    border-radius: 5px;\t  \n    font-family: ".concat(TypographyStyles_1.MAIN_FONT, ";\t  \n    font-size: ").concat(TypographyStyles_1.FONT_SIZE.P1, ";\t  \n    color: ").concat(ColorStyles_1.NEUTRAL_COLORS.BLACK, ";\t \n    line-height: 17px;\t\n    padding-top: 12px;\t\n    padding-left: 15px;\t\n    padding-right: 15px;\t\n    padding-bottom: 12px;\t\n    border-color: ").concat(ColorStyles_1.NEUTRAL_COLORS.G200, ";\t\n  }\t\n  &.ant-input::placeholder {\t\n    color: ").concat(ColorStyles_1.NEUTRAL_COLORS.G400, ";\t\n    font-weight: 400;\t\n  }\t\n  &.ant-input:hover {\t\n    border-color: ").concat(theme_1.straitsXTheme.brand.primary.default, ";\t\n  }\t\n  &.ant-input:focus {\t\n    border-color: ").concat(theme_1.straitsXTheme.brand.primary.default, ";\t\n    -webkit-box-shadow: 0 0 0 3px #F0FFF9;\t\n    box-shadow: 0 0 0 3px #F0FFF9;\t\n    color: ").concat(ColorStyles_1.NEUTRAL_COLORS.BLACK, "\t\n  }\t\n");
-    return (react_1.default.createElement(react_1.default.Fragment, null,
-        label && (react_1.default.createElement(Label, null,
-            react_1.default.createElement(Typography_1.P1Bold, null,
-                label,
-                required && react_1.default.createElement(Asterisk, null)),
-            optional && react_1.default.createElement(OptionalText, null))),
-        react_1.default.createElement(antd_1.Input.TextArea, __assign({ className: "".concat((0, emotion_1.css)(textAreaStyle), " ").concat(className) }, rest))));
+    var _b = _a.className, className = _b === void 0 ? '' : _b, label = _a.label, _c = _a.required, required = _c === void 0 ? false : _c, _d = _a.optional, optional = _d === void 0 ? false : _d, _e = _a.size, size = _e === void 0 ? 'large' : _e, helperText = _a.helperText, error = _a.error, showInfoIcon = _a.showInfoIcon, infoText = _a.infoText, onInfoClick = _a.onInfoClick, rest = __rest(_a, ["className", "label", "required", "optional", "size", "helperText", "error", "showInfoIcon", "infoText", "onInfoClick"]);
+    var theme = (0, ThemeContext_1.useTheme)();
+    var borderColor = error
+        ? theme.color.status.critical
+        : theme.color.base.line;
+    var _f = inputStyles_1.SIZE_CONFIG[size], borderRadius = _f.borderRadius, padding = _f.padding;
+    var textAreaStyle = "".concat((0, inputStyles_1.getBaseInputStyle)(theme, size, error), "\n    &.ant-input {\n      min-height: 72px;\n      height: auto;\n      resize: none;\n      border-radius: ").concat(borderRadius, " !important;\n      border-color: ").concat(borderColor, ";\n      padding: ").concat(padding, ";\n      &:hover:not(:disabled):not(.ant-input-disabled) { border-color: ").concat(error ? theme.color.status.critical : theme.color.base.primary2, " !important; }\n      &:focus {\n        border-color: ").concat(theme.color.base.primary2, ";\n        box-shadow: none;\n      }\n      &:disabled {\n        color: ").concat(theme.color.base.onNeutral, " !important;\n        -webkit-text-fill-color: ").concat(theme.color.base.onNeutral, " !important;\n        background-color: ").concat(theme.color.surface.disabledSurface, ";\n        border-color: ").concat(theme.color.base.line, ";\n        &::placeholder {\n          color: ").concat(theme.color.surface.disabledOnSurface, " !important;\n          -webkit-text-fill-color: ").concat(theme.color.surface.disabledOnSurface, " !important;\n        }\n        &:hover { border-color: ").concat(theme.color.base.line, " !important; }\n      }\n    }\n  ");
+    return (react_1.default.createElement("div", null,
+        react_1.default.createElement(InputLabel_1.InputLabel, { label: label, required: required, optional: optional, showInfoIcon: showInfoIcon, infoText: infoText, onInfoClick: onInfoClick }),
+        react_1.default.createElement(antd_1.Input.TextArea, __assign({ className: "".concat((0, emotion_1.css)(textAreaStyle), " ").concat(className) }, rest)),
+        react_1.default.createElement(HelperText_1.HelperText, { text: helperText, error: error })));
 };
 MainInput.Group = antd_1.Input.Group;
 exports.default = MainInput;
-var templateObject_1;
 //# sourceMappingURL=index.js.map

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

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

package/dist/components/Input/inputStyles.js

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SIZE_CONFIG = void 0;
+exports.getBaseInputStyle = getBaseInputStyle;
+var TypographyStyles_1 = require("src/shared/TypographyStyles");
+Object.defineProperty(exports, "SIZE_CONFIG", { enumerable: true, get: function () { return TypographyStyles_1.SIZE_CONFIG; } });
+function getBaseInputStyle(theme, size, error, disabledAddon) {
+    if (size === void 0) { size = 'large'; }
+    var _a = TypographyStyles_1.SIZE_CONFIG[size], height = _a.height, borderRadius = _a.borderRadius, padding = _a.padding;
+    var borderColor = error
+        ? theme.color.status.critical
+        : theme.color.base.line;
+    return "\n    -webkit-font-smoothing: antialiased;\n\n    /* Shared font/sizing for all .ant-input elements */\n    & .ant-input, &.ant-input, &.ant-input-password {\n      padding: ".concat(padding, ";\n      font-family: ").concat(TypographyStyles_1.MAIN_FONT, ";\n      font-size: ").concat(TypographyStyles_1.FONT_SIZE.P1, ";\n      color: ").concat(theme.color.base.onNeutral, ";\n      line-height: 17px;\n      height: ").concat(height, ";\n      box-sizing: border-box;\n      &::placeholder {\n        color: ").concat(theme.color.component.placeholderInput, ";\n        font-weight: 400;\n      }\n    }\n\n    /* Case 1: Standalone input \u2014 class directly on .ant-input */\n    &.ant-input, &.ant-input-password {\n      border-radius: ").concat(borderRadius, " !important;\n      border-color: ").concat(borderColor, ";\n      height: ").concat(height, ";\n      padding: ").concat(padding, ";\n      &:hover:not(:disabled):not(.ant-input-affix-wrapper-disabled) { border-color: ").concat(error ? theme.color.status.critical : theme.color.base.primary2, " !important; }\n      &:focus {\n        border-color: ").concat(error ? theme.color.status.critical : theme.color.base.primary2, ";\n        box-shadow: none;\n        color: ").concat(theme.color.base.onNeutral, ";\n      }\n    }\n\n    /* Case 2: Input with addon \u2014 class on .ant-input-group-wrapper */\n    /* addonBefore: input is after addon \u2014 flat left, rounded right */\n    & .ant-input-group > .ant-input:last-child {\n      border-radius: 0 ").concat(borderRadius, " ").concat(borderRadius, " 0 !important;\n      border-color: ").concat(borderColor, ";\n      height: ").concat(height, ";\n      &:hover:not(:disabled):not(.ant-input-affix-wrapper-disabled) { border-color: ").concat(error ? theme.color.status.critical : theme.color.base.primary2, " !important; }\n      &:focus {\n        border-color: ").concat(error ? theme.color.status.critical : theme.color.base.primary2, ";\n        box-shadow: none;\n        color: ").concat(theme.color.base.onNeutral, ";\n      }\n    }\n    /* addonAfter: input is before addon \u2014 rounded left, flat right */\n    & .ant-input-group > .ant-input:first-child {\n      border-radius: ").concat(borderRadius, " 0 0 ").concat(borderRadius, " !important;\n      border-color: ").concat(borderColor, ";\n      height: ").concat(height, ";\n      &:hover:not(:disabled):not(.ant-input-affix-wrapper-disabled) { border-color: ").concat(error ? theme.color.status.critical : theme.color.base.primary2, " !important; }\n      &:focus {\n        border-color: ").concat(error ? theme.color.status.critical : theme.color.base.primary2, ";\n        box-shadow: none;\n        color: ").concat(theme.color.base.onNeutral, ";\n      }\n    }\n\n    /* Case 3: Input with prefix (e.g. Search without addon) \u2014 class on .ant-input-affix-wrapper */\n    &.ant-input-affix-wrapper {\n      border-radius: ").concat(borderRadius, " !important;\n      border-color: ").concat(borderColor, ";\n      height: ").concat(height, ";\n      padding: ").concat(padding, ";\n      &:hover:not(:disabled):not(.ant-input-affix-wrapper-disabled) { border-color: ").concat(error ? theme.color.status.critical : theme.color.base.primary2, " !important; }\n      & .ant-input {\n        height: auto;\n        padding: 0;\n        border: none;\n        border-radius: 0 !important;\n      }\n    }\n    &.ant-input-affix-wrapper-focused {\n      border-color: ").concat(error ? theme.color.status.critical : theme.color.base.primary2, " !important;\n      box-shadow: none;\n    }\n\n    /* Case 4: addon + prefix \u2014 class on .ant-input-group-wrapper */\n    & .ant-input-group > .ant-input-affix-wrapper:last-child,\n    & .ant-input-group > .ant-input-affix-wrapper:first-child {\n      border-color: ").concat(borderColor, ";\n      height: ").concat(height, ";\n      padding: ").concat(padding, ";\n      &:hover:not(:disabled):not(.ant-input-affix-wrapper-disabled) { border-color: ").concat(error ? theme.color.status.critical : theme.color.base.primary2, " !important; }\n      &.ant-input-affix-wrapper-focused {\n        border-color: ").concat(error ? theme.color.status.critical : theme.color.base.primary2, " !important;\n        box-shadow: none;\n      }\n      & .ant-input {\n        height: auto;\n        padding: 0;\n        border: none;\n        border-radius: 0 !important;\n        box-shadow: none;\n        &:hover, &:focus { border: none; box-shadow: none; }\n      }\n    }\n    /* addonBefore + prefix \u2014 rounded right */\n    & .ant-input-group > .ant-input-affix-wrapper:last-child {\n      border-radius: 0 ").concat(borderRadius, " ").concat(borderRadius, " 0 !important;\n      padding-left: 8px;\n    }\n    /* prefix + addonAfter \u2014 rounded left */\n    & .ant-input-group > .ant-input-affix-wrapper:first-child {\n      border-radius: ").concat(borderRadius, " 0 0 ").concat(borderRadius, " !important;\n    }\n\n    /* Disabled states */\n    &.ant-input-disabled, & .ant-input-disabled {\n      background-color: ").concat(theme.color.surface.disabledSurface, ";\n      border-color: ").concat(theme.color.base.line, ";\n      color: ").concat(theme.color.base.onNeutral, ";\n      -webkit-text-fill-color: ").concat(theme.color.base.onNeutral, ";\n      &::placeholder {\n        color: ").concat(theme.color.component.placeholderInput, ";\n        -webkit-text-fill-color: ").concat(theme.color.component.placeholderInput, ";\n      }\n      &:hover { border-color: ").concat(theme.color.base.line, " !important; }\n    }\n    &.ant-input-affix-wrapper-disabled {\n      background-color: ").concat(theme.color.surface.disabledSurface, ";\n      border-color: ").concat(theme.color.base.line, ";\n      &:hover { border-color: ").concat(theme.color.base.line, " !important; }\n      & .ant-input-disabled {\n        background-color: ").concat(theme.color.surface.disabledSurface, ";\n        color: ").concat(theme.color.base.onNeutral, ";\n        -webkit-text-fill-color: ").concat(theme.color.base.onNeutral, ";\n        &::placeholder {\n          color: ").concat(theme.color.component.placeholderInput, ";\n          -webkit-text-fill-color: ").concat(theme.color.component.placeholderInput, ";\n        }\n      }\n    }\n\n    /* Addon containers */\n    &.ant-input-group-wrapper-status-error .ant-input-group-addon,\n    &.ant-input-group-wrapper-status-error .ant-input-group-addon:last-child,\n    &.ant-input-group-wrapper-status-error .ant-input-group-addon:not(:last-child) {\n      background-color: ").concat(theme.color.surface.neutral, " !important;\n    }\n    &.ant-input-group-wrapper-status-error .ant-input-group-addon .ant-select {\n      background-color: ").concat(theme.color.surface.neutral, " !important;\n    }\n\n    & .ant-input-group-addon:not(:last-child) {\n      font-family: ").concat(TypographyStyles_1.MAIN_FONT, ";\n      color: ").concat(theme.color.base.onNeutral, ";\n      background-color: ").concat(theme.color.surface.neutral, ";\n      border-top-left-radius: ").concat(borderRadius, " !important;\n      border-bottom-left-radius: ").concat(borderRadius, " !important;\n      border-color: ").concat(theme.color.base.line, ";\n      border-right: 0;\n      padding-left: 12px;\n      padding-right: 8px;\n      &:has(.ant-select) {\n        padding: 4px;\n        .ant-select-focused .ant-select-selector {\n          border-color: transparent !important;\n          box-shadow: none !important;\n        }\n        .ant-select-selector {\n          border: none !important;\n          box-shadow: none !important;\n          background: transparent !important;\n          height: 100%;\n        }\n      }\n      &:has([data-addon-custom]) {\n        background-color: ").concat(theme.color.surface.neutral, ";\n        padding-left: 12px;\n        padding-right: 8px;\n      }\n      + .ant-input-disabled {\n        background-color: ").concat(theme.color.surface.disabledSurface, ";\n        border-color: ").concat(theme.color.base.line, ";\n        color: ").concat(theme.color.base.onNeutral, ";\n        -webkit-text-fill-color: ").concat(theme.color.base.onNeutral, ";\n        &::placeholder {\n          color: ").concat(theme.color.component.placeholderInput, ";\n          -webkit-text-fill-color: ").concat(theme.color.component.placeholderInput, ";\n        }\n        &:hover { border-color: ").concat(theme.color.base.line, "; }\n      }\n    }\n    & .ant-input-group-addon:last-child {\n      font-family: ").concat(TypographyStyles_1.MAIN_FONT, ";\n      color: ").concat(theme.color.base.onNeutral, ";\n      background-color: ").concat(theme.color.surface.neutral, ";\n      border-top-right-radius: ").concat(borderRadius, " !important;\n      border-bottom-right-radius: ").concat(borderRadius, " !important;\n      border-color: ").concat(theme.color.base.line, ";\n      border-left: 0;\n      padding-left: 16px;\n      padding-right: 16px;\n      &:has(.ant-select) {\n        padding: 4px;\n        .ant-select-focused .ant-select-selector {\n          border-color: transparent !important;\n          box-shadow: none !important;\n        }\n        .ant-select-selector {\n          border: none !important;\n          box-shadow: none !important;\n          background: transparent !important;\n          height: 100%;\n        }\n      }\n      &:has([data-addon-custom]) {\n        background-color: ").concat(theme.color.surface.neutral, ";\n        padding-left: 8px;\n        padding-right: 12px;\n      }\n      &:hover {\n        background-color: ").concat(theme.color.interactive.hoverSurface, ";\n        border-color: ").concat(theme.color.base.line, ";\n        border-left: 1px solid ").concat(theme.color.base.line, ";\n      }\n      &:focus-within {\n        background-color: ").concat(theme.color.surface.neutral, ";\n        border-color: ").concat(theme.color.base.primary2, " !important;\n        border-left: 1px solid ").concat(theme.color.base.primary2, ";\n      }\n    }\n    & .ant-input-group-addon:not(:last-child):hover {\n      background-color: ").concat(theme.color.interactive.hoverSurface, ";\n      border-color: ").concat(theme.color.base.line, ";\n      border-right: 1px solid ").concat(theme.color.base.line, ";\n    }\n    & .ant-input-group-addon:not(:last-child):focus-within {\n      background-color: ").concat(theme.color.surface.neutral, ";\n      border-color: ").concat(theme.color.base.primary2, " !important;\n      border-right: 1px solid ").concat(theme.color.base.primary2, ";\n    }\n    & .ant-input-group:has(.ant-input-group-addon:last-child:hover) > .ant-input:first-child,\n    & .ant-input-group:has(.ant-input-group-addon:last-child:hover) > .ant-input-affix-wrapper:first-child {\n      border-right: 0 !important;\n    }\n    & .ant-input-group:has(.ant-input-group-addon:last-child:focus-within) > .ant-input:first-child,\n    & .ant-input-group:has(.ant-input-group-addon:last-child:focus-within) > .ant-input-affix-wrapper:first-child {\n      border-right: 0 !important;\n    }\n    & .ant-input-group:has(.ant-input-group-addon:not(:last-child):hover) > .ant-input:last-child,\n    & .ant-input-group:has(.ant-input-group-addon:not(:last-child):hover) > .ant-input-affix-wrapper:last-child {\n      border-left: 0 !important;\n    }\n    & .ant-input-group:has(.ant-input-group-addon:not(:last-child):focus-within) > .ant-input:last-child,\n    & .ant-input-group:has(.ant-input-group-addon:not(:last-child):focus-within) > .ant-input-affix-wrapper:last-child {\n      border-left: 0 !important;\n    }\n    ").concat(disabledAddon
+        ? "\n    & .ant-input-group-addon:last-child {\n      background-color: ".concat(theme.color.surface.disabledSurface, ";\n      color: ").concat(theme.color.base.onNeutral, ";\n      pointer-events: none;\n      cursor: not-allowed;\n      border-color: ").concat(theme.color.base.line, ";\n      border-left: 1px solid ").concat(theme.color.base.line, ";\n      &:has([data-addon-custom]) {\n        background-color: ").concat(theme.color.surface.disabledSurface, ";\n      }\n    }\n    & .ant-input-group > .ant-input:first-child,\n    & .ant-input-group > .ant-input-affix-wrapper:first-child {\n      border-right: 0;\n    }\n    & .ant-input-group-addon:not(:last-child) {\n      background-color: ").concat(theme.color.surface.disabledSurface, ";\n      color: ").concat(theme.color.base.onNeutral, ";\n      pointer-events: none;\n      cursor: not-allowed;\n      border-color: ").concat(theme.color.base.line, ";\n      border-right: 1px solid ").concat(theme.color.base.line, ";\n      &:has([data-addon-custom]) {\n        background-color: ").concat(theme.color.surface.disabledSurface, ";\n      }\n    }\n    & .ant-input-group > .ant-input:last-child,\n    & .ant-input-group > .ant-input-affix-wrapper:last-child {\n      border-left: 0;\n    }\n    ")
+        : '', "\n  ");
+}
+//# sourceMappingURL=inputStyles.js.map

package/dist/components/Input/inputStyles.js.map

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

package/dist/components/InputWithButton/index.js

@@ -0,0 +1,60 @@
+"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 ThemeContext_1 = require("src/theme/ThemeContext");
+var TypographyStyles_1 = require("src/shared/TypographyStyles");
+var InputWithButton = function (_a) {
+    var buttonText = _a.buttonText, onButtonClick = _a.onButtonClick, prefix = _a.prefix, placeholder = _a.placeholder, value = _a.value, defaultValue = _a.defaultValue, onChange = _a.onChange, _b = _a.disabled, disabled = _b === void 0 ? false : _b, _c = _a.disabledInput, disabledInput = _c === void 0 ? false : _c, _d = _a.disabledPrefix, disabledPrefix = _d === void 0 ? false : _d, _e = _a.staticPrefix, staticPrefix = _e === void 0 ? false : _e, _f = _a.error, error = _f === void 0 ? false : _f, className = _a.className;
+    var theme = (0, ThemeContext_1.useTheme)();
+    var inputDisabled = disabled || disabledInput;
+    var prefixDisabled = disabled || disabledPrefix;
+    var borderColor = error
+        ? theme.color.status.critical
+        : theme.color.base.line;
+    var prefixBorderColor = theme.color.base.line;
+    var getPrefixBgColor = function () {
+        if (prefixDisabled)
+            return theme.color.surface.disabledSurface;
+        if (staticPrefix)
+            return theme.color.surface.secondaryNeutral;
+        return theme.color.surface.neutral;
+    };
+    return (react_1.default.createElement(Container, { className: className },
+        prefix && (react_1.default.createElement(PrefixContainer, { borderColor: prefixBorderColor, bgColor: getPrefixBgColor(), hoverBgColor: prefixDisabled
+                ? theme.color.surface.disabledSurface
+                : theme.color.interactive.hoverSurface, textColor: prefixDisabled
+                ? theme.color.surface.disabledOnSurface
+                : theme.color.base.onNeutral, isDisabled: prefixDisabled }, prefix)),
+        react_1.default.createElement(StyledInput, { type: "text", placeholder: placeholder, value: value, defaultValue: defaultValue, onChange: onChange, disabled: inputDisabled, borderColor: borderColor, focusBorderColor: theme.color.base.primary2, textColor: theme.color.base.onNeutral, placeholderColor: theme.color.component.placeholderInput, disabledBgColor: theme.color.surface.disabledSurface, disabledTextColor: theme.color.surface.disabledOnSurface, hasPrefix: !!prefix, isDisabled: inputDisabled }),
+        react_1.default.createElement(StyledButton, { type: "button", onClick: onButtonClick, disabled: disabled || error, bgColor: theme.color.base.primary, disabledBgColor: theme.color.surface.disabledSurface, textColor: theme.color.base.onNeutral, disabledTextColor: theme.color.surface.disabledOnSurface, isDisabled: disabled || error }, buttonText)));
+};
+exports.default = InputWithButton;
+// ─── Styled Components ───
+var _a = TypographyStyles_1.SIZE_CONFIG.large, height = _a.height, borderRadius = _a.borderRadius, padding = _a.padding;
+var Container = styled_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  height: ", ";\n  width: 100%;\n  position: relative;\n"], ["\n  display: flex;\n  height: ", ";\n  width: 100%;\n  position: relative;\n"])), height);
+var PrefixContainer = styled_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  padding: 0 16px;\n  border: 1px solid ", ";\n  border-right: none;\n  border-radius: ", " 0 0 ", ";\n  background-color: ", ";\n  color: ", ";\n  font-family: ", ";\n  font-size: ", ";\n  white-space: nowrap;\n  cursor: ", ";\n  box-sizing: border-box;\n  overflow: visible;\n\n  & > * {\n    pointer-events: ", ";\n  }\n\n  &:hover {\n    background-color: ", ";\n  }\n"], ["\n  display: flex;\n  align-items: center;\n  padding: 0 16px;\n  border: 1px solid ", ";\n  border-right: none;\n  border-radius: ", " 0 0 ", ";\n  background-color: ", ";\n  color: ", ";\n  font-family: ", ";\n  font-size: ", ";\n  white-space: nowrap;\n  cursor: ", ";\n  box-sizing: border-box;\n  overflow: visible;\n\n  & > * {\n    pointer-events: ", ";\n  }\n\n  &:hover {\n    background-color: ", ";\n  }\n"])), function (props) { return props.borderColor; }, borderRadius, borderRadius, function (props) { return props.bgColor; }, function (props) { return props.textColor; }, TypographyStyles_1.MAIN_FONT, TypographyStyles_1.FONT_SIZE.P1, function (props) { return (props.isDisabled ? 'not-allowed' : 'default'); }, function (props) { return (props.isDisabled ? 'none' : 'auto'); }, function (props) {
+    return props.isDisabled ? props.bgColor : props.hoverBgColor;
+});
+var StyledInput = styled_1.default.input(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  flex: 1;\n  min-width: 0;\n  height: 100%;\n  padding: ", ";\n  border: 1px solid ", ";\n  border-radius: ", ";\n  font-family: ", ";\n  font-size: ", ";\n  color: ", ";\n  background-color: ", ";\n  outline: none;\n  box-sizing: border-box;\n  cursor: ", ";\n\n  &::placeholder {\n    color: ", ";\n    font-weight: 400;\n  }\n\n  &:focus {\n    border-color: ", ";\n  }\n\n  &:hover {\n    border-color: ", ";\n  }\n"], ["\n  flex: 1;\n  min-width: 0;\n  height: 100%;\n  padding: ", ";\n  border: 1px solid ", ";\n  border-radius: ", ";\n  font-family: ", ";\n  font-size: ", ";\n  color: ", ";\n  background-color: ", ";\n  outline: none;\n  box-sizing: border-box;\n  cursor: ", ";\n\n  &::placeholder {\n    color: ", ";\n    font-weight: 400;\n  }\n\n  &:focus {\n    border-color: ", ";\n  }\n\n  &:hover {\n    border-color: ", ";\n  }\n"])), padding, function (props) { return props.borderColor; }, function (props) {
+    return props.hasPrefix ? '0' : "".concat(borderRadius, " 0 0 ").concat(borderRadius);
+}, TypographyStyles_1.MAIN_FONT, TypographyStyles_1.FONT_SIZE.P1, function (props) {
+    return props.isDisabled ? props.disabledTextColor : props.textColor;
+}, function (props) {
+    return props.isDisabled ? props.disabledBgColor : 'transparent';
+}, function (props) { return (props.isDisabled ? 'not-allowed' : 'text'); }, function (props) { return props.placeholderColor; }, function (props) {
+    return props.isDisabled ? props.borderColor : props.focusBorderColor;
+}, function (props) {
+    return props.isDisabled ? props.borderColor : props.focusBorderColor;
+});
+var StyledButton = styled_1.default.button(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 0 24px;\n  border: none;\n  border-radius: 0 ", " ", " 0;\n  background-color: ", ";\n  color: ", ";\n  font-family: ", ";\n  font-size: ", ";\n  font-weight: 700;\n  white-space: nowrap;\n  cursor: ", ";\n  box-sizing: border-box;\n\n  &:hover {\n    opacity: ", ";\n  }\n"], ["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 0 24px;\n  border: none;\n  border-radius: 0 ", " ", " 0;\n  background-color: ", ";\n  color: ", ";\n  font-family: ", ";\n  font-size: ", ";\n  font-weight: 700;\n  white-space: nowrap;\n  cursor: ", ";\n  box-sizing: border-box;\n\n  &:hover {\n    opacity: ", ";\n  }\n"])), borderRadius, borderRadius, function (props) {
+    return props.isDisabled ? props.disabledBgColor : props.bgColor;
+}, function (props) {
+    return props.isDisabled ? props.disabledTextColor : props.textColor;
+}, TypographyStyles_1.MAIN_FONT, TypographyStyles_1.FONT_SIZE.P1, function (props) { return (props.isDisabled ? 'not-allowed' : 'pointer'); }, function (props) { return (props.isDisabled ? 1 : 0.9); });
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4;
+//# sourceMappingURL=index.js.map