@xfers/design-system 5.0.0-dev.6d501f8a49 → 5.0.0-dev.8da41ea20c
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/cjs/StraitsXDecoVertical-70fd7a91.js +2 -0
- package/cjs/StraitsXDecoVertical-70fd7a91.js.map +1 -0
- package/cjs/StraitsXPersonalAccountLightLogo-44c49e48.js +2 -0
- package/cjs/StraitsXPersonalAccountLightLogo-44c49e48.js.map +1 -0
- package/cjs/icons.js +1 -1
- package/cjs/icons.js.map +1 -1
- package/cjs/index.js +4 -20
- package/cjs/index.js.map +1 -1
- package/cjs/logos.js +1 -1
- package/dist/components/DatePicker/index.js +2 -2
- package/dist/components/DatePicker/index.js.map +1 -1
- package/dist/components/Form/index.js +1 -1
- package/dist/components/Form/index.js.map +1 -1
- package/dist/components/Input/index.js +0 -1
- package/dist/components/Input/index.js.map +1 -1
- package/dist/components/Input/inputStyles.js +2 -2
- package/dist/components/Input/inputStyles.js.map +1 -1
- package/dist/components/Modal/DialogItems.js +41 -0
- package/dist/components/Modal/DialogItems.js.map +1 -0
- package/dist/components/Modal/index.js +29 -32
- package/dist/components/Modal/index.js.map +1 -1
- package/dist/components/Modal/styles.js +42 -0
- package/dist/components/Modal/styles.js.map +1 -0
- package/dist/components/RangePicker/index.js +2 -2
- package/dist/components/RangePicker/index.js.map +1 -1
- package/dist/components/Select/helpers.js +2 -2
- package/dist/components/Select/helpers.js.map +1 -1
- package/dist/components/Select/index.js +1 -1
- package/dist/components/Select/index.js.map +1 -1
- package/dist/components/Select/style.js +10 -6
- package/dist/components/Select/style.js.map +1 -1
- package/dist/icons/Coins.js +23 -0
- package/dist/icons/Coins.js.map +1 -0
- package/dist/icons/StraitsXDecoVertical.js +25 -0
- package/dist/icons/StraitsXDecoVertical.js.map +1 -0
- package/dist/icons/SwitchAccount.js +20 -0
- package/dist/icons/SwitchAccount.js.map +1 -0
- package/dist/icons/index.js +8 -2
- package/dist/icons/index.js.map +1 -1
- package/dist/index.js +4 -2
- package/dist/index.js.map +1 -1
- package/dist/logos/Base.js +5 -2
- package/dist/logos/Base.js.map +1 -1
- package/dist/shared/modalContext.js +2 -2
- package/dist/shared/modalContext.js.map +1 -1
- package/dist/shared/momentDatePicker.js +9 -0
- package/dist/shared/momentDatePicker.js.map +1 -0
- package/dist/types/components/Modal/DialogItems.d.ts +13 -0
- package/dist/types/components/Modal/index.d.ts +9 -2
- package/dist/types/components/Modal/styles.d.ts +17 -0
- package/dist/types/components/RangePicker/index.d.ts +2 -1
- package/dist/types/components/Select/style.d.ts +1 -0
- package/dist/types/icons/Coins.d.ts +3 -0
- package/dist/types/icons/StraitsXDecoVertical.d.ts +3 -0
- package/dist/types/icons/SwitchAccount.d.ts +3 -0
- package/dist/types/icons/index.d.ts +3 -0
- package/dist/types/index.d.ts +1 -0
- package/dist/types/shared/momentDatePicker.d.ts +34 -0
- package/es/StraitsXDecoVertical-0243d5ce.js +2 -0
- package/es/StraitsXDecoVertical-0243d5ce.js.map +1 -0
- package/es/{StraitsXPersonalAccountLightLogo-2319d5c0.js → StraitsXPersonalAccountLightLogo-17fc73c1.js} +2 -2
- package/es/{StraitsXPersonalAccountLightLogo-2319d5c0.js.map → StraitsXPersonalAccountLightLogo-17fc73c1.js.map} +1 -1
- package/es/icons.js +1 -1
- package/es/icons.js.map +1 -1
- package/es/index.js +4 -20
- package/es/index.js.map +1 -1
- package/es/logos.js +1 -1
- package/package.json +1 -1
- package/cjs/MintSetupWallet-000e4d82.js +0 -2
- package/cjs/MintSetupWallet-000e4d82.js.map +0 -1
- package/cjs/StraitsXPersonalAccountLightLogo-042665bf.js +0 -2
- package/cjs/StraitsXPersonalAccountLightLogo-042665bf.js.map +0 -1
- package/es/MintSetupWallet-16164339.js +0 -2
- package/es/MintSetupWallet-16164339.js.map +0 -1
package/cjs/logos.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var o=require("./StraitsXPersonalAccountLightLogo-
|
|
1
|
+
"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;
|
|
2
2
|
//# sourceMappingURL=logos.js.map
|
|
@@ -41,8 +41,8 @@ function default_1(_a) {
|
|
|
41
41
|
: theme.color.base.line;
|
|
42
42
|
var style = "\n -webkit-font-smoothing: antialiased;\n height: ".concat(height, " !important;\n width: 100% !important;\n\n ").concat(disabled
|
|
43
43
|
? "\n pointer-events: none !important;\n "
|
|
44
|
-
: '', "\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 & .ant-picker-input > input
|
|
45
|
-
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 ");
|
|
44
|
+
: '', "\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 ");
|
|
45
|
+
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 ");
|
|
46
46
|
var calendarIcon = (react_1.default.createElement(MaterialSymbols_1.default, { icon: "date_range", size: "m", color: theme.color.base.onNeutral }));
|
|
47
47
|
return (react_1.default.createElement("div", null,
|
|
48
48
|
react_1.default.createElement(InputLabel_1.InputLabel, { label: label, required: required, optional: optional, showInfoIcon: showInfoIcon, onInfoClick: onInfoClick }),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/DatePicker/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAgCA,
|
|
1
|
+
{"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"}
|
|
@@ -31,7 +31,7 @@ var emotion_1 = require("emotion");
|
|
|
31
31
|
var antd_1 = require("antd");
|
|
32
32
|
var ColorStyles_1 = require("src/shared/ColorStyles");
|
|
33
33
|
var TypographyStyles_1 = require("src/shared/TypographyStyles");
|
|
34
|
-
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);
|
|
34
|
+
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);
|
|
35
35
|
var MainForm = function (_a) {
|
|
36
36
|
var _b = _a.className, className = _b === void 0 ? '' : _b, children = _a.children, rest = __rest(_a, ["className", "children"]);
|
|
37
37
|
return (react_1.default.createElement(antd_1.Form, __assign({ className: (0, emotion_1.cx)(baseStyle, className) }, rest), children));
|
|
@@ -1 +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,
|
|
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,+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"}
|
|
@@ -22,7 +22,6 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
22
22
|
return t;
|
|
23
23
|
};
|
|
24
24
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
25
|
-
/* eslint-disable max-lines */
|
|
26
25
|
var react_1 = require("react");
|
|
27
26
|
var emotion_1 = require("emotion");
|
|
28
27
|
var antd_1 = require("antd");
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Input/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Input/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -10,8 +10,8 @@ function getBaseInputStyle(theme, size, error, disabledAddon) {
|
|
|
10
10
|
var borderColor = error
|
|
11
11
|
? theme.color.status.critical
|
|
12
12
|
: theme.color.base.line;
|
|
13
|
-
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-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(borderColor, ";\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(borderColor, ";\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
|
|
14
|
-
? "\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
|
|
13
|
+
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
|
|
14
|
+
? "\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 ")
|
|
15
15
|
: '', "\n ");
|
|
16
16
|
}
|
|
17
17
|
//# sourceMappingURL=inputStyles.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"inputStyles.js","sourceRoot":"","sources":["../../../src/components/Input/inputStyles.ts"],"names":[],"mappings":";;;AAUA,
|
|
1
|
+
{"version":3,"file":"inputStyles.js","sourceRoot":"","sources":["../../../src/components/Input/inputStyles.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
|
|
3
|
+
if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
|
|
4
|
+
return cooked;
|
|
5
|
+
};
|
|
6
|
+
var __assign = (this && this.__assign) || function () {
|
|
7
|
+
__assign = Object.assign || function(t) {
|
|
8
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
9
|
+
s = arguments[i];
|
|
10
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
11
|
+
t[p] = s[p];
|
|
12
|
+
}
|
|
13
|
+
return t;
|
|
14
|
+
};
|
|
15
|
+
return __assign.apply(this, arguments);
|
|
16
|
+
};
|
|
17
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
18
|
+
var react_1 = require("react");
|
|
19
|
+
var styled_1 = require("@emotion/styled");
|
|
20
|
+
var fontStyles_1 = require("src/constants/fontStyles");
|
|
21
|
+
var DialogItem = function (_a) {
|
|
22
|
+
var label = _a.label, value = _a.value, _b = _a.variant, variant = _b === void 0 ? 'small' : _b;
|
|
23
|
+
return (react_1.default.createElement(Row, null,
|
|
24
|
+
react_1.default.createElement(Label, { variant: variant }, label),
|
|
25
|
+
react_1.default.createElement(Value, { variant: variant }, value)));
|
|
26
|
+
};
|
|
27
|
+
var DialogItems = function (_a) {
|
|
28
|
+
var items = _a.items, className = _a.className;
|
|
29
|
+
return (react_1.default.createElement(Container, { className: className }, items.map(function (item, index) { return (react_1.default.createElement(DialogItem, __assign({ key: index }, item))); })));
|
|
30
|
+
};
|
|
31
|
+
exports.default = DialogItems;
|
|
32
|
+
var Container = styled_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n display: flex;\n flex-direction: column;\n gap: 12px;\n"], ["\n display: flex;\n flex-direction: column;\n gap: 12px;\n"])));
|
|
33
|
+
var Row = styled_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n display: flex;\n align-items: center;\n justify-content: space-between;\n"], ["\n display: flex;\n align-items: center;\n justify-content: space-between;\n"])));
|
|
34
|
+
var Label = styled_1.default.span(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n font-family: ", ";\n font-weight: ", ";\n font-size: ", ";\n line-height: 1;\n color: ", ";\n"], ["\n font-family: ", ";\n font-weight: ", ";\n font-size: ", ";\n line-height: 1;\n color: ", ";\n"])), function (props) {
|
|
35
|
+
return props.variant === 'large' ? fontStyles_1.SECONDARY_FONT : fontStyles_1.MAIN_FONT;
|
|
36
|
+
}, function (props) { return (props.variant === 'large' ? 700 : 400); }, function (props) { return (props.variant === 'large' ? '20px' : '14px'); }, function (props) { return (props.variant === 'large' ? '#002b2a' : '#505454'); });
|
|
37
|
+
var Value = styled_1.default.span(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n font-family: ", ";\n font-weight: ", ";\n font-size: ", ";\n line-height: 1;\n color: #002b2a;\n"], ["\n font-family: ", ";\n font-weight: ", ";\n font-size: ", ";\n line-height: 1;\n color: #002b2a;\n"])), function (props) {
|
|
38
|
+
return props.variant === 'large' ? fontStyles_1.SECONDARY_FONT : fontStyles_1.MAIN_FONT;
|
|
39
|
+
}, function (props) { return (props.variant === 'large' ? 700 : 400); }, function (props) { return (props.variant === 'large' ? '20px' : '14px'); });
|
|
40
|
+
var templateObject_1, templateObject_2, templateObject_3, templateObject_4;
|
|
41
|
+
//# sourceMappingURL=DialogItems.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DialogItems.js","sourceRoot":"","sources":["../../../src/components/Modal/DialogItems.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,+BAAyB;AACzB,0CAAoC;AACpC,uDAAoE;AAUpE,IAAM,UAAU,GAAG,UAAC,EAAoD;QAAlD,KAAK,WAAA,EAAE,KAAK,WAAA,EAAE,eAAiB,EAAjB,OAAO,mBAAG,OAAO,KAAA;IACnD,OAAO,CACL,8BAAC,GAAG;QACF,8BAAC,KAAK,IAAC,OAAO,EAAE,OAAO,IAAG,KAAK,CAAS;QACxC,8BAAC,KAAK,IAAC,OAAO,EAAE,OAAO,IAAG,KAAK,CAAS,CACpC,CACP,CAAA;AACH,CAAC,CAAA;AAOD,IAAM,WAAW,GAAG,UAAC,EAAsC;QAApC,KAAK,WAAA,EAAE,SAAS,eAAA;IACrC,OAAO,CACL,8BAAC,SAAS,IAAC,SAAS,EAAE,SAAS,IAC5B,KAAK,CAAC,GAAG,CAAC,UAAC,IAAI,EAAE,KAAK,IAAK,OAAA,CAC1B,8BAAC,UAAU,aAAC,GAAG,EAAE,KAAK,IAAM,IAAI,EAAI,CACrC,EAF2B,CAE3B,CAAC,CACQ,CACb,CAAA;AACH,CAAC,CAAA;AAED,kBAAe,WAAW,CAAA;AAE1B,IAAM,SAAS,GAAG,gBAAM,CAAC,GAAG,kIAAA,+DAI3B,IAAA,CAAA;AAED,IAAM,GAAG,GAAG,gBAAM,CAAC,GAAG,oJAAA,iFAIrB,IAAA,CAAA;AAED,IAAM,KAAK,GAAG,gBAAM,CAAC,IAAI,0KAAgC,mBACxC,EACyC,oBACzC,EAAkD,kBACpD,EAAwD,iCAE5D,EAA8D,KACxE,KANgB,UAAC,KAAK;IACnB,OAAA,KAAK,CAAC,OAAO,KAAK,OAAO,CAAC,CAAC,CAAC,2BAAc,CAAC,CAAC,CAAC,sBAAS;AAAtD,CAAsD,EACzC,UAAC,KAAK,IAAK,OAAA,CAAC,KAAK,CAAC,OAAO,KAAK,OAAO,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,EAAvC,CAAuC,EACpD,UAAC,KAAK,IAAK,OAAA,CAAC,KAAK,CAAC,OAAO,KAAK,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,EAA7C,CAA6C,EAE5D,UAAC,KAAK,IAAK,OAAA,CAAC,KAAK,CAAC,OAAO,KAAK,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,EAAnD,CAAmD,CACxE,CAAA;AAED,IAAM,KAAK,GAAG,gBAAM,CAAC,IAAI,6KAAgC,mBACxC,EACyC,oBACzC,EAAkD,kBACpD,EAAwD,2CAGtE,KANgB,UAAC,KAAK;IACnB,OAAA,KAAK,CAAC,OAAO,KAAK,OAAO,CAAC,CAAC,CAAC,2BAAc,CAAC,CAAC,CAAC,sBAAS;AAAtD,CAAsD,EACzC,UAAC,KAAK,IAAK,OAAA,CAAC,KAAK,CAAC,OAAO,KAAK,OAAO,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,EAAvC,CAAuC,EACpD,UAAC,KAAK,IAAK,OAAA,CAAC,KAAK,CAAC,OAAO,KAAK,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,EAA7C,CAA6C,CAGtE,CAAA"}
|
|
@@ -1,42 +1,39 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
|
|
3
|
-
if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
|
|
4
|
-
return cooked;
|
|
5
|
-
};
|
|
6
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
7
3
|
var react_1 = require("react");
|
|
8
|
-
var styled_1 = require("@emotion/styled");
|
|
9
|
-
var Typography_1 = require("src/components/Typography");
|
|
10
|
-
var Divider_1 = require("src/components/Divider");
|
|
11
4
|
var Cross_1 = require("src/icons/Cross");
|
|
12
5
|
var ThemeContext_1 = require("src/theme/ThemeContext");
|
|
13
|
-
var
|
|
6
|
+
var styles_1 = require("./styles");
|
|
14
7
|
var ModalContent = function (_a) {
|
|
15
|
-
var onClose = _a.onClose,
|
|
8
|
+
var onClose = _a.onClose, _b = _a.variant, variant = _b === void 0 ? 'default' : _b, _c = _a.size, size = _c === void 0 ? 'small' : _c, title = _a.title, children = _a.children, footer = _a.footer, disabledCloseIcon = _a.disabledCloseIcon, className = _a.className, illustration = _a.illustration, headerImage = _a.headerImage;
|
|
16
9
|
var neutral = (0, ThemeContext_1.useTheme)().neutral;
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
react_1.default.createElement(
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
10
|
+
var resolvedSize = variant === 'newFeature' ? 'medium' : size;
|
|
11
|
+
var closeIcon = !disabledCloseIcon && (react_1.default.createElement(styles_1.Close, { onClick: function () { return onClose(); } },
|
|
12
|
+
react_1.default.createElement(Cross_1.default, { color: neutral.text, width: 18 })));
|
|
13
|
+
var renderHeader = function () {
|
|
14
|
+
switch (variant) {
|
|
15
|
+
case 'illustration':
|
|
16
|
+
return (react_1.default.createElement(react_1.default.Fragment, null,
|
|
17
|
+
react_1.default.createElement(styles_1.IllustrationCloseBar, null, closeIcon),
|
|
18
|
+
react_1.default.createElement(styles_1.IllustrationContainer, null,
|
|
19
|
+
illustration && (react_1.default.createElement(styles_1.IllustrationWrapper, null, illustration)),
|
|
20
|
+
title && react_1.default.createElement(styles_1.CenteredTitle, null, title))));
|
|
21
|
+
case 'newFeature':
|
|
22
|
+
return (react_1.default.createElement(react_1.default.Fragment, null,
|
|
23
|
+
headerImage && (react_1.default.createElement(styles_1.NewFeatureImageContainer, null, headerImage)),
|
|
24
|
+
title && (react_1.default.createElement(styles_1.CenteredTitleFrame, null,
|
|
25
|
+
react_1.default.createElement(styles_1.NewFeatureTitle, null, title)))));
|
|
26
|
+
default:
|
|
27
|
+
return ((title || !disabledCloseIcon) && (react_1.default.createElement(styles_1.ModalHeader, null,
|
|
28
|
+
react_1.default.createElement(styles_1.TitleContainer, null,
|
|
29
|
+
react_1.default.createElement(styles_1.Title, null, title || ''),
|
|
30
|
+
closeIcon))));
|
|
31
|
+
}
|
|
32
|
+
};
|
|
33
|
+
return (react_1.default.createElement(styles_1.ModalContentWrapper, { modalSize: resolvedSize, className: className },
|
|
34
|
+
renderHeader(),
|
|
35
|
+
react_1.default.createElement(styles_1.ModalBody, null, children),
|
|
36
|
+
footer && react_1.default.createElement(styles_1.ModalFooter, null, footer)));
|
|
28
37
|
};
|
|
29
38
|
exports.default = ModalContent;
|
|
30
|
-
var ModalHeader = styled_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n ", "\n padding-left: ", ";\n padding-right: ", ";\n"], ["\n ", "\n padding-left: ", ";\n padding-right: ", ";\n"])), function (props) {
|
|
31
|
-
return props.hasIcon
|
|
32
|
-
? "\n height: 86px;\n "
|
|
33
|
-
: "\n height: 73px;\n ";
|
|
34
|
-
}, spacing_1.EXTRA_LARGE_SPACING, spacing_1.EXTRA_LARGE_SPACING);
|
|
35
|
-
var ModalBody = (0, styled_1.default)(Typography_1.P1)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n border-bottom: 1px solid #e8e8e8;\n padding-top: ", ";\n padding-left: ", ";\n padding-right: ", ";\n padding-bottom: ", ";\n"], ["\n border-bottom: 1px solid #e8e8e8;\n padding-top: ", ";\n padding-left: ", ";\n padding-right: ", ";\n padding-bottom: ", ";\n"])), spacing_1.LARGE_SPACING, spacing_1.EXTRA_LARGE_SPACING, spacing_1.EXTRA_LARGE_SPACING, spacing_1.EXTRA_LARGE_SPACING);
|
|
36
|
-
var ModalFooter = styled_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n background: #f6f7f9;\n display: flex;\n justify-content: flex-end;\n padding-right: ", ";\n padding-top: ", ";\n padding-bottom: ", ";\n"], ["\n background: #f6f7f9;\n display: flex;\n justify-content: flex-end;\n padding-right: ", ";\n padding-top: ", ";\n padding-bottom: ", ";\n"])), spacing_1.EXTRA_LARGE_SPACING, spacing_1.SMALL_SPACING, spacing_1.SMALL_SPACING);
|
|
37
|
-
var TitleContainer = styled_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n height: 100%;\n display: flex;\n align-items: center;\n justify-content: space-between;\n"], ["\n height: 100%;\n display: flex;\n align-items: center;\n justify-content: space-between;\n"])));
|
|
38
|
-
var Title = styled_1.default.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n display: flex;\n align-items: center;\n user-select: none;\n & :not(:last-child) {\n margin-right: 10px;\n }\n"], ["\n display: flex;\n align-items: center;\n user-select: none;\n & :not(:last-child) {\n margin-right: 10px;\n }\n"])));
|
|
39
|
-
var Close = styled_1.default.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n cursor: pointer;\n padding-left: 5px;\n padding-right: 5px;\n margin-right: -5px;\n"], ["\n cursor: pointer;\n padding-left: 5px;\n padding-right: 5px;\n margin-right: -5px;\n"])));
|
|
40
|
-
var ModalContentWrapper = styled_1.default.div(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n width: calc(100vw - 32px);\n max-width: 400px;\n background: white;\n box-shadow: 0px 4px 10px rgba(170, 170, 170, 0.25);\n border-radius: 5px;\n overflow: hidden;\n -webkit-font-smoothing: antialiased;\n margin-bottom: 1.7vh;\n position: absolute;\n top: 6.8vh;\n left: 50%;\n transform: translateX(-50%);\n"], ["\n width: calc(100vw - 32px);\n max-width: 400px;\n background: white;\n box-shadow: 0px 4px 10px rgba(170, 170, 170, 0.25);\n border-radius: 5px;\n overflow: hidden;\n -webkit-font-smoothing: antialiased;\n margin-bottom: 1.7vh;\n position: absolute;\n top: 6.8vh;\n left: 50%;\n transform: translateX(-50%);\n"])));
|
|
41
|
-
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7;
|
|
42
39
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Modal/index.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Modal/index.tsx"],"names":[],"mappings":";;AAAA,+BAAyB;AACzB,yCAAuC;AACvC,uDAAiD;AACjD,mCAgBiB;AAmBjB,IAAM,YAAY,GAAG,UAAC,EAWF;QAVlB,OAAO,aAAA,EACP,eAAmB,EAAnB,OAAO,mBAAG,SAAS,KAAA,EACnB,YAAc,EAAd,IAAI,mBAAG,OAAO,KAAA,EACd,KAAK,WAAA,EACL,QAAQ,cAAA,EACR,MAAM,YAAA,EACN,iBAAiB,uBAAA,EACjB,SAAS,eAAA,EACT,YAAY,kBAAA,EACZ,WAAW,iBAAA;IAEH,IAAA,OAAO,GAAK,IAAA,uBAAQ,GAAE,QAAf,CAAe;IAC9B,IAAM,YAAY,GAAc,OAAO,KAAK,YAAY,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAA;IAE1E,IAAM,SAAS,GAAG,CAAC,iBAAiB,IAAI,CACtC,8BAAC,cAAK,IAAC,OAAO,EAAE,cAAM,OAAA,OAAO,EAAE,EAAT,CAAS;QAC7B,8BAAC,eAAS,IAAC,KAAK,EAAE,OAAO,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,GAAI,CACvC,CACT,CAAA;IAED,IAAM,YAAY,GAAG;QACnB,QAAQ,OAAO,EAAE,CAAC;YAChB,KAAK,cAAc;gBACjB,OAAO,CACL;oBACE,8BAAC,6BAAoB,QAAE,SAAS,CAAwB;oBACxD,8BAAC,8BAAqB;wBACnB,YAAY,IAAI,CACf,8BAAC,4BAAmB,QAAE,YAAY,CAAuB,CAC1D;wBACA,KAAK,IAAI,8BAAC,sBAAa,QAAE,KAAK,CAAiB,CAC1B,CACvB,CACJ,CAAA;YAEH,KAAK,YAAY;gBACf,OAAO,CACL;oBACG,WAAW,IAAI,CACd,8BAAC,iCAAwB,QAAE,WAAW,CAA4B,CACnE;oBACA,KAAK,IAAI,CACR,8BAAC,2BAAkB;wBACjB,8BAAC,wBAAe,QAAE,KAAK,CAAmB,CACvB,CACtB,CACA,CACJ,CAAA;YAEH;gBACE,OAAO,CACL,CAAC,KAAK,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAC/B,8BAAC,oBAAW;oBACV,8BAAC,uBAAc;wBACb,8BAAC,cAAK,QAAE,KAAK,IAAI,EAAE,CAAS;wBAC3B,SAAS,CACK,CACL,CACf,CACF,CAAA;QACL,CAAC;IACH,CAAC,CAAA;IAED,OAAO,CACL,8BAAC,4BAAmB,IAAC,SAAS,EAAE,YAAY,EAAE,SAAS,EAAE,SAAS;QAC/D,YAAY,EAAE;QACf,8BAAC,kBAAS,QAAE,QAAQ,CAAa;QAChC,MAAM,IAAI,8BAAC,oBAAW,QAAE,MAAM,CAAe,CAC1B,CACvB,CAAA;AACH,CAAC,CAAA;AAED,kBAAe,YAAY,CAAA"}
|
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
|
|
3
|
+
if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
|
|
4
|
+
return cooked;
|
|
5
|
+
};
|
|
6
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
7
|
+
exports.Close = exports.ModalFooter = exports.ModalBody = exports.NewFeatureTitle = exports.CenteredTitleFrame = exports.NewFeatureImageContainer = exports.CenteredTitle = exports.IllustrationWrapper = exports.IllustrationContainer = exports.IllustrationCloseBar = exports.Title = exports.TitleContainer = exports.ModalHeader = exports.ModalContentWrapper = void 0;
|
|
8
|
+
var styled_1 = require("@emotion/styled");
|
|
9
|
+
var fontStyles_1 = require("src/constants/fontStyles");
|
|
10
|
+
var spacing_1 = require("src/constants/spacing");
|
|
11
|
+
var WIDTH_MAP = {
|
|
12
|
+
small: '400px',
|
|
13
|
+
medium: '600px',
|
|
14
|
+
};
|
|
15
|
+
exports.ModalContentWrapper = styled_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n width: calc(100vw - 32px);\n max-width: ", ";\n background: white;\n box-shadow:\n 0px 20px 24px -4px rgba(10, 13, 18, 0.08),\n 0px 8px 8px -4px rgba(10, 13, 18, 0.03);\n border-radius: 12px;\n overflow: hidden;\n -webkit-font-smoothing: antialiased;\n margin-bottom: 1.7vh;\n position: absolute;\n top: 6.8vh;\n left: 50%;\n transform: translateX(-50%);\n"], ["\n width: calc(100vw - 32px);\n max-width: ", ";\n background: white;\n box-shadow:\n 0px 20px 24px -4px rgba(10, 13, 18, 0.08),\n 0px 8px 8px -4px rgba(10, 13, 18, 0.03);\n border-radius: 12px;\n overflow: hidden;\n -webkit-font-smoothing: antialiased;\n margin-bottom: 1.7vh;\n position: absolute;\n top: 6.8vh;\n left: 50%;\n transform: translateX(-50%);\n"
|
|
16
|
+
// ─── Default variant ───
|
|
17
|
+
])), function (props) { return WIDTH_MAP[props.modalSize]; });
|
|
18
|
+
// ─── Default variant ───
|
|
19
|
+
exports.ModalHeader = styled_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n padding: 16px ", ";\n"], ["\n padding: 16px ", ";\n"])), spacing_1.LARGE_SPACING);
|
|
20
|
+
exports.TitleContainer = styled_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n display: flex;\n align-items: center;\n gap: 12px;\n padding-top: 4px;\n padding-bottom: 16px;\n border-bottom: 1px solid #d8d8d8;\n"], ["\n display: flex;\n align-items: center;\n gap: 12px;\n padding-top: 4px;\n padding-bottom: 16px;\n border-bottom: 1px solid #d8d8d8;\n"])));
|
|
21
|
+
exports.Title = styled_1.default.h2(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n flex: 1 0 0;\n min-width: 0;\n margin: 0;\n font-family: ", ";\n font-weight: 700;\n font-size: 20px;\n line-height: 1;\n color: #002b2a;\n"], ["\n flex: 1 0 0;\n min-width: 0;\n margin: 0;\n font-family: ", ";\n font-weight: 700;\n font-size: 20px;\n line-height: 1;\n color: #002b2a;\n"
|
|
22
|
+
// ─── Illustration variant ───
|
|
23
|
+
])), fontStyles_1.SECONDARY_FONT);
|
|
24
|
+
// ─── Illustration variant ───
|
|
25
|
+
exports.IllustrationCloseBar = styled_1.default.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n display: flex;\n justify-content: flex-end;\n align-items: center;\n padding: 16px ", ";\n height: 56px;\n box-sizing: border-box;\n"], ["\n display: flex;\n justify-content: flex-end;\n align-items: center;\n padding: 16px ", ";\n height: 56px;\n box-sizing: border-box;\n"])), spacing_1.LARGE_SPACING);
|
|
26
|
+
exports.IllustrationContainer = styled_1.default.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n display: flex;\n flex-direction: column;\n align-items: center;\n padding: 0 ", ";\n"], ["\n display: flex;\n flex-direction: column;\n align-items: center;\n padding: 0 ", ";\n"])), spacing_1.LARGE_SPACING);
|
|
27
|
+
exports.IllustrationWrapper = styled_1.default.div(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n width: 160px;\n height: 160px;\n display: flex;\n align-items: center;\n justify-content: center;\n"], ["\n width: 160px;\n height: 160px;\n display: flex;\n align-items: center;\n justify-content: center;\n"])));
|
|
28
|
+
exports.CenteredTitle = styled_1.default.h2(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n margin: 16px 0 0;\n font-family: ", ";\n font-weight: 700;\n font-size: 20px;\n line-height: 1.3;\n color: #002b2a;\n text-align: center;\n width: 100%;\n"], ["\n margin: 16px 0 0;\n font-family: ", ";\n font-weight: 700;\n font-size: 20px;\n line-height: 1.3;\n color: #002b2a;\n text-align: center;\n width: 100%;\n"
|
|
29
|
+
// ─── New Feature variant ───
|
|
30
|
+
])), fontStyles_1.SECONDARY_FONT);
|
|
31
|
+
// ─── New Feature variant ───
|
|
32
|
+
exports.NewFeatureImageContainer = styled_1.default.div(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n padding: 40px ", " 0;\n overflow: hidden;\n\n img {\n width: 100%;\n display: block;\n border-radius: 8px;\n }\n"], ["\n padding: 40px ", " 0;\n overflow: hidden;\n\n img {\n width: 100%;\n display: block;\n border-radius: 8px;\n }\n"])), spacing_1.LARGE_SPACING);
|
|
33
|
+
exports.CenteredTitleFrame = styled_1.default.div(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n padding: 16px ", ";\n text-align: center;\n"], ["\n padding: 16px ", ";\n text-align: center;\n"])), spacing_1.LARGE_SPACING);
|
|
34
|
+
exports.NewFeatureTitle = styled_1.default.h2(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n margin: 0;\n font-family: ", ";\n font-weight: 700;\n font-size: 20px;\n line-height: 1.3;\n color: #002b2a;\n"], ["\n margin: 0;\n font-family: ", ";\n font-weight: 700;\n font-size: 20px;\n line-height: 1.3;\n color: #002b2a;\n"
|
|
35
|
+
// ─── Shared ───
|
|
36
|
+
])), fontStyles_1.SECONDARY_FONT);
|
|
37
|
+
// ─── Shared ───
|
|
38
|
+
exports.ModalBody = styled_1.default.div(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n padding: 0 ", " 16px;\n font-family: ", ";\n font-size: 14px;\n line-height: 1.4;\n color: #002b2a;\n"], ["\n padding: 0 ", " 16px;\n font-family: ", ";\n font-size: 14px;\n line-height: 1.4;\n color: #002b2a;\n"])), spacing_1.LARGE_SPACING, fontStyles_1.MAIN_FONT);
|
|
39
|
+
exports.ModalFooter = styled_1.default.div(templateObject_13 || (templateObject_13 = __makeTemplateObject(["\n background: #f6f7f9;\n display: flex;\n gap: 16px;\n padding: ", ";\n\n > * {\n flex: 1 0 0;\n }\n"], ["\n background: #f6f7f9;\n display: flex;\n gap: 16px;\n padding: ", ";\n\n > * {\n flex: 1 0 0;\n }\n"])), spacing_1.LARGE_SPACING);
|
|
40
|
+
exports.Close = styled_1.default.div(templateObject_14 || (templateObject_14 = __makeTemplateObject(["\n cursor: pointer;\n flex-shrink: 0;\n"], ["\n cursor: pointer;\n flex-shrink: 0;\n"])));
|
|
41
|
+
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11, templateObject_12, templateObject_13, templateObject_14;
|
|
42
|
+
//# sourceMappingURL=styles.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/Modal/styles.ts"],"names":[],"mappings":";;;;;;;AAAA,0CAAoC;AACpC,uDAAoE;AACpE,iDAAqD;AAIrD,IAAM,SAAS,GAA8B;IAC3C,KAAK,EAAE,OAAO;IACd,MAAM,EAAE,OAAO;CAChB,CAAA;AAEY,QAAA,mBAAmB,GAAG,gBAAM,CAAC,GAAG,8bAA0B,+CAExD,EAAqC,0UAanD;IAED,0BAA0B;KAfX,UAAC,KAAK,IAAK,OAAA,SAAS,CAAC,KAAK,CAAC,SAAS,CAAC,EAA1B,CAA0B,EAanD;AAED,0BAA0B;AAEb,QAAA,WAAW,GAAG,gBAAM,CAAC,GAAG,8FAAA,oBACnB,EAAa,KAC9B,KADiB,uBAAa,EAC9B;AAEY,QAAA,cAAc,GAAG,gBAAM,CAAC,GAAG,kNAAA,+IAOvC,KAAA;AAEY,QAAA,KAAK,GAAG,gBAAM,CAAC,EAAE,2NAAA,kEAIb,EAAc,oFAK9B;IAED,+BAA+B;KAPd,2BAAc,EAK9B;AAED,+BAA+B;AAElB,QAAA,oBAAoB,GAAG,gBAAM,CAAC,GAAG,kNAAA,4FAI5B,EAAa,iDAG9B,KAHiB,uBAAa,EAG9B;AAEY,QAAA,qBAAqB,GAAG,gBAAM,CAAC,GAAG,gKAAA,sFAIhC,EAAa,KAC3B,KADc,uBAAa,EAC3B;AAEY,QAAA,mBAAmB,GAAG,gBAAM,CAAC,GAAG,gLAAA,6GAM5C,KAAA;AAEY,QAAA,aAAa,GAAG,gBAAM,CAAC,EAAE,0OAAA,wCAErB,EAAc,6HAO9B;IAED,8BAA8B;KATb,2BAAc,EAO9B;AAED,8BAA8B;AAEjB,QAAA,wBAAwB,GAAG,gBAAM,CAAC,GAAG,qMAAA,oBAChC,EAAa,4GAQ9B,KARiB,uBAAa,EAQ9B;AAEY,QAAA,kBAAkB,GAAG,gBAAM,CAAC,GAAG,uHAAA,oBAC1B,EAAa,4BAE9B,KAFiB,uBAAa,EAE9B;AAEY,QAAA,eAAe,GAAG,gBAAM,CAAC,EAAE,8LAAA,iCAEvB,EAAc,sFAK9B;IAED,iBAAiB;KAPA,2BAAc,EAK9B;AAED,iBAAiB;AAEJ,QAAA,SAAS,GAAG,gBAAM,CAAC,GAAG,oLAAA,iBACpB,EAAa,yBACX,EAAS,iEAIzB,KALc,uBAAa,EACX,sBAAS,EAIzB;AAEY,QAAA,WAAW,GAAG,gBAAM,CAAC,GAAG,qLAAA,uEAIxB,EAAa,uCAKzB,KALY,uBAAa,EAKzB;AAEY,QAAA,KAAK,GAAG,gBAAM,CAAC,GAAG,gHAAA,2CAG9B,KAAA"}
|
|
@@ -25,7 +25,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
25
25
|
exports.default = default_1;
|
|
26
26
|
var react_1 = require("react");
|
|
27
27
|
var emotion_1 = require("emotion");
|
|
28
|
-
var
|
|
28
|
+
var momentDatePicker_1 = require("src/shared/momentDatePicker");
|
|
29
29
|
var TypographyStyles_1 = require("src/shared/TypographyStyles");
|
|
30
30
|
var ThemeContext_1 = require("src/theme/ThemeContext");
|
|
31
31
|
var inputStyles_1 = require("../Input/inputStyles");
|
|
@@ -35,6 +35,6 @@ function default_1(_a) {
|
|
|
35
35
|
var _d = inputStyles_1.SIZE_CONFIG[size], height = _d.height, borderRadius = _d.borderRadius, padding = _d.padding;
|
|
36
36
|
var style = "\n -webkit-font-smoothing: antialiased;\n height: ".concat(height, " !important;\n\n &.ant-picker {\n border-radius: ").concat(borderRadius, " !important;\n border-color: ").concat(theme.color.base.line, " !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 .ant-picker-active-bar {\n background: ").concat(theme.color.base.primary2, " !important;\n }\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 color: ").concat(theme.color.base.onNeutral, " !important;\n }\n\n & .ant-picker-input > input::placeholder {\n color: ").concat(theme.color.component.placeholderInput, " !important;\n }\n ");
|
|
37
37
|
var dropdownStyle = "\n .ant-picker-cell.ant-picker-cell-in-view.ant-picker-cell-range-end > .ant-picker-cell-inner {\n background-color: ".concat(theme.color.base.primary2, " !important;\n }\n\n .ant-picker-cell.ant-picker-cell-in-view.ant-picker-cell-range-start > .ant-picker-cell-inner {\n background-color: ").concat(theme.color.base.primary2, " !important;\n }\n\n .ant-picker-cell.ant-picker-cell-in-view {\n &.ant-picker-cell-in-range::before {\n background-color: ").concat(theme.color.interactive.selected, " !important;\n }\n\n &.ant-picker-cell-range-end::before {\n background-color: ").concat(theme.color.interactive.selected, " !important;\n }\n\n &.ant-picker-cell-range-start::before {\n background-color: ").concat(theme.color.interactive.selected, " !important;\n }\n }\n ");
|
|
38
|
-
return (react_1.default.createElement(
|
|
38
|
+
return (react_1.default.createElement(momentDatePicker_1.default.RangePicker, __assign({ className: "".concat((0, emotion_1.css)(style)), format: format, popupClassName: (0, emotion_1.css)(dropdownStyle) }, rest)));
|
|
39
39
|
}
|
|
40
40
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/RangePicker/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAwBA,4BAoFC;AA5GD,+BAAyB;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/RangePicker/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAwBA,4BAoFC;AA5GD,+BAAyB;AAEzB,mCAA6B;AAC7B,gEAA0D;AAC1D,gEAAuD;AACvD,uDAAiD;AACjD,oDAA6D;AAkB7D,mBAAyB,EAIjB;IAHN,IAAA,cAAqB,EAArB,MAAM,mBAAG,YAAY,KAAA,EACrB,YAAc,EAAd,IAAI,mBAAG,OAAO,KAAA,EACX,IAAI,cAHgB,kBAIxB,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;IAE3D,IAAM,KAAK,GAAG,kEAEF,MAAM,sEAGG,YAAY,+CACb,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,0CAC1B,OAAO,iHAIA,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,QAAQ,0FAIzB,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,QAAQ,8KAM3B,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,QAAQ,0GAM1B,4BAAS,6LAKf,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,SAAS,oFAI1B,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,SAAS,iGAI1B,KAAK,CAAC,KAAK,CAAC,SAAS,CAAC,gBAAgB,4BAElD,CAAA;IAED,IAAM,aAAa,GAAG,uIAEE,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,QAAQ,iKAIzB,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,QAAQ,0JAKvB,KAAK,CAAC,KAAK,CAAC,WAAW,CAAC,QAAQ,6GAIhC,KAAK,CAAC,KAAK,CAAC,WAAW,CAAC,QAAQ,+GAIhC,KAAK,CAAC,KAAK,CAAC,WAAW,CAAC,QAAQ,qCAGzD,CAAA;IAED,OAAO,CACL,8BAAC,0BAAgB,CAAC,WAAW,aAC3B,SAAS,EAAE,UAAG,IAAA,aAAG,EAAC,KAAK,CAAC,CAAE,EAC1B,MAAM,EAAE,MAAM,EACd,cAAc,EAAE,IAAA,aAAG,EAAC,aAAa,CAAC,IAC9B,IAAI,EACR,CACH,CAAA;AACH,CAAC"}
|
|
@@ -3,7 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
3
3
|
exports.getCustomSelectTag = exports.renderHelperText = exports.renderOptions = exports.getPlaceholder = exports.renderLabel = exports.getSuffixIcon = void 0;
|
|
4
4
|
var react_1 = require("react");
|
|
5
5
|
var theme_1 = require("src/theme/theme");
|
|
6
|
-
var
|
|
6
|
+
var antd_1 = require("antd");
|
|
7
7
|
var index_1 = require("src/components/Tooltip/index");
|
|
8
8
|
var Tag_1 = require("src/components/Tag");
|
|
9
9
|
var Typography_1 = require("src/constants/Typography/Typography");
|
|
@@ -29,7 +29,7 @@ exports.getPlaceholder = getPlaceholder;
|
|
|
29
29
|
var renderOptions = function (options, size) {
|
|
30
30
|
return options.map(function (_a) {
|
|
31
31
|
var value = _a.value, label = _a.label, Icon = _a.icon, disabled = _a.disabled;
|
|
32
|
-
return (react_1.default.createElement(
|
|
32
|
+
return (react_1.default.createElement(antd_1.Select.Option, { key: value, value: value, disabled: disabled },
|
|
33
33
|
react_1.default.createElement(style_1.OptionContainer, null,
|
|
34
34
|
Icon && react_1.default.createElement(Icon, { style: { width: '16px', height: '16px' } }),
|
|
35
35
|
react_1.default.createElement(Typography_1.Typography.Body, { size: const_1.OPTIONS_TEXT_SIZE[size] }, label))));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"helpers.js","sourceRoot":"","sources":["../../../src/components/Select/helpers.tsx"],"names":[],"mappings":";;;AAAA,+BAAyB;AACzB,yCAA+C;AAC/C,
|
|
1
|
+
{"version":3,"file":"helpers.js","sourceRoot":"","sources":["../../../src/components/Select/helpers.tsx"],"names":[],"mappings":"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"}
|
|
@@ -33,7 +33,7 @@ var Select = function (_a) {
|
|
|
33
33
|
var ref = selectRef || internalRef;
|
|
34
34
|
return (react_1.default.createElement(style_1.SelectContainer, null,
|
|
35
35
|
label && (0, helpers_1.renderLabel)(label, labelTooltip),
|
|
36
|
-
react_1.default.createElement(style_1.StyledAntSelect, __assign({ disabled: disabled, mode: mode, ref: ref, "$size": size, "$mode": mode }, rest, { error: error, dropdownRender: function (menu) { return (react_1.default.createElement(style_1.StyledDropdown, { "$size": size },
|
|
36
|
+
react_1.default.createElement(style_1.StyledAntSelect, __assign({ disabled: disabled, mode: mode, ref: ref, "$size": size, "$mode": mode, getPopupContainer: function () { return document.body; } }, rest, { error: error, dropdownRender: function (menu) { return (react_1.default.createElement(style_1.StyledDropdown, { "$size": size },
|
|
37
37
|
react_1.default.createElement(Typography_1.Typography.Body, { size: size === 'sm' ? 'md' : 'lg' }, menu))); }, dropdownStyle: style_1.dropdownStyle, suffixIcon: (0, helpers_1.getSuffixIcon)(secondaryText), placeholder: (0, helpers_1.getPlaceholder)(size, placeholder), showArrow: true, tagRender: (0, helpers_1.getCustomSelectTag)(mode, disabled, size), maxTagCount: 999 }), options ? (0, helpers_1.renderOptions)(options, size) : children),
|
|
38
38
|
(0, helpers_1.renderHelperText)(helperText)));
|
|
39
39
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Select/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA,+BAAgD;AAChD,6BAAuD;AAGvD,kEAAgE;AAChE,qCAOkB;AAClB,iCAKgB;AAyBhB,IAAM,MAAM,GAAG,UAAU,EAcjB;IAbN,IAAA,QAAQ,cAAA,EACR,gBAAgB,EAAhB,QAAQ,mBAAG,KAAK,KAAA,EAChB,YAAW,EAAX,IAAI,mBAAG,IAAI,KAAA,EACX,IAAI,UAAA,EACJ,KAAK,WAAA,EACL,YAAY,kBAAA,EACZ,SAAS,eAAA,EACT,WAAW,iBAAA,EACX,aAAa,EAAb,KAAK,mBAAG,KAAK,KAAA,EACb,aAAa,mBAAA,EACb,UAAU,gBAAA,EACV,OAAO,aAAA,EACJ,IAAI,cAbgB,gJAcxB,CADQ;IAEP,IAAM,WAAW,GAAG,IAAA,cAAM,EAAgB,IAAI,CAAC,CAAA;IAC/C,IAAM,GAAG,GAAG,SAAS,IAAI,WAAW,CAAA;IAEpC,OAAO,CACL,8BAAC,uBAAe;QACb,KAAK,IAAI,IAAA,qBAAW,EAAC,KAAK,EAAE,YAAY,CAAC;QAC1C,8BAAC,uBAAe,aACd,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,IAAI,EACV,GAAG,EAAE,GAAG,WACD,IAAI,WACJ,IAAI,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Select/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA,+BAAgD;AAChD,6BAAuD;AAGvD,kEAAgE;AAChE,qCAOkB;AAClB,iCAKgB;AAyBhB,IAAM,MAAM,GAAG,UAAU,EAcjB;IAbN,IAAA,QAAQ,cAAA,EACR,gBAAgB,EAAhB,QAAQ,mBAAG,KAAK,KAAA,EAChB,YAAW,EAAX,IAAI,mBAAG,IAAI,KAAA,EACX,IAAI,UAAA,EACJ,KAAK,WAAA,EACL,YAAY,kBAAA,EACZ,SAAS,eAAA,EACT,WAAW,iBAAA,EACX,aAAa,EAAb,KAAK,mBAAG,KAAK,KAAA,EACb,aAAa,mBAAA,EACb,UAAU,gBAAA,EACV,OAAO,aAAA,EACJ,IAAI,cAbgB,gJAcxB,CADQ;IAEP,IAAM,WAAW,GAAG,IAAA,cAAM,EAAgB,IAAI,CAAC,CAAA;IAC/C,IAAM,GAAG,GAAG,SAAS,IAAI,WAAW,CAAA;IAEpC,OAAO,CACL,8BAAC,uBAAe;QACb,KAAK,IAAI,IAAA,qBAAW,EAAC,KAAK,EAAE,YAAY,CAAC;QAC1C,8BAAC,uBAAe,aACd,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,IAAI,EACV,GAAG,EAAE,GAAG,WACD,IAAI,WACJ,IAAI,EACX,iBAAiB,EAAE,cAAM,OAAA,QAAQ,CAAC,IAAI,EAAb,CAAa,IAClC,IAAI,IACR,KAAK,EAAE,KAAK,EACZ,cAAc,EAAE,UAAC,IAAI,IAAK,OAAA,CACxB,8BAAC,sBAAc,aAAQ,IAAI;gBACzB,8BAAC,uBAAU,CAAC,IAAI,IAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,IAC/C,IAAI,CACW,CACH,CAClB,EANyB,CAMzB,EACD,aAAa,EAAE,qBAAa,EAC5B,UAAU,EAAE,IAAA,uBAAa,EAAC,aAAa,CAAC,EACxC,WAAW,EAAE,IAAA,wBAAc,EAAC,IAAI,EAAE,WAAW,CAAC,EAC9C,SAAS,QACT,SAAS,EAAE,IAAA,4BAAkB,EAAC,IAAI,EAAE,QAAQ,EAAE,IAAI,CAAC,EACnD,WAAW,EAAE,GAAG,KAEf,OAAO,CAAC,CAAC,CAAC,IAAA,uBAAa,EAAC,OAAO,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,QAAQ,CAClC;QACjB,IAAA,0BAAgB,EAAC,UAAU,CAAC,CACb,CACnB,CAAA;AACH,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,GAAG,aAAS,CAAC,MAAM,CAAA;AAChC,kBAAe,MAAM,CAAA"}
|
|
@@ -32,16 +32,20 @@ var selectHoverFocusStyles = function (props) { return "\n &:hover .ant-select-
|
|
|
32
32
|
"\n box-shadow: 0 0 0 1px ".concat(theme_1.straitsXTheme.color.base.onNeutral, "20 !important;\n border: 1px solid ").concat(props.error
|
|
33
33
|
? theme_1.straitsXTheme.color.status.critical
|
|
34
34
|
: theme_1.straitsXTheme.color.base.primary2, " !important;\n "), "\n }\n"); };
|
|
35
|
-
var selectPlaceholderStyles = "\n .ant-select-selection-placeholder {\n
|
|
35
|
+
var selectPlaceholderStyles = "\n .ant-select-selection-placeholder {\n display: flex;\n align-items: center;\n \n span {\n color: ".concat(theme_1.straitsXTheme.color.component.placeholderInput, " !important;\n }\n }\n");
|
|
36
36
|
var selectOverflowStyles = function (props) { return "\n .ant-select-selection-overflow {\n gap: 8px;\n ".concat(props.$mode === 'multiple' ? 'flex-wrap: wrap !important;' : '', "\n ").concat(props.$mode === 'multiple' ? 'align-content: center !important;' : '', "\n }\n"); };
|
|
37
|
-
var selectSelectedItemStyles = "\n .ant-select-selection-item {\n display: flex !important;\n align-items: center !important;\n color: ".concat(theme_1.straitsXTheme.color.base.onNeutral, " !important;\n }\n");
|
|
37
|
+
var selectSelectedItemStyles = "\n .ant-select-selection-item {\n display: flex !important;\n align-items: center !important;\n color: ".concat(theme_1.straitsXTheme.color.base.onNeutral, " !important;\n }\n\n &.ant-select-open .ant-select-selection-item {\n color: ").concat(theme_1.straitsXTheme.color.base.onNeutral, " !important;\n }\n");
|
|
38
38
|
var selectArrowStyles = "\n .ant-select-arrow {\n display: flex !important;\n align-items: center !important;\n gap: 8px !important;\n width: auto !important;\n align-self: center !important;\n \n span {\n color: ".concat(theme_1.straitsXTheme.color.base.onNeutral, " !important;\n }\n }\n");
|
|
39
|
-
exports.StyledAntSelect = (0, styled_1.default)(antd_1.Select)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n ", "\n ", "\n ", "\n ", "\n ", "\n ", "\n"], ["\n ", "\n ", "\n ", "\n ", "\n ", "\n ", "\n"])), function (props) { return selectSelectorStyles(props); }, function (props) { return selectHoverFocusStyles(props); }, selectPlaceholderStyles, function (props) { return selectOverflowStyles(props); }, selectSelectedItemStyles, selectArrowStyles);
|
|
40
|
-
var dropdownBaseItemStyles = "\n .rc-virtual-list-holder-inner {\n gap:
|
|
39
|
+
exports.StyledAntSelect = (0, styled_1.default)(antd_1.Select)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n .ant-form-item-has-error & {\n background-color: ", " !important;\n }\n ", "\n ", "\n ", "\n ", "\n ", "\n ", "\n"], ["\n .ant-form-item-has-error & {\n background-color: ", " !important;\n }\n ", "\n ", "\n ", "\n ", "\n ", "\n ", "\n"])), theme_1.straitsXTheme.color.surface.neutral, function (props) { return selectSelectorStyles(props); }, function (props) { return selectHoverFocusStyles(props); }, selectPlaceholderStyles, function (props) { return selectOverflowStyles(props); }, selectSelectedItemStyles, selectArrowStyles);
|
|
40
|
+
var dropdownBaseItemStyles = "\n .rc-virtual-list-holder-inner {\n gap: 0;\n }\n .rc-virtual-list-holder {\n overflow-y: auto !important;\n }\n .ant-select-item {\n color: ".concat(theme_1.straitsXTheme.color.base.onNeutral, " !important;\n padding: 12px !important;\n margin-bottom: 4px !important;\n }\n .ant-select-item:last-child {\n margin-bottom: 0 !important;\n }\n");
|
|
41
41
|
var dropdownSelectedOptionStyles = "\n .ant-select-item-option-selected {\n background: #d7efe2 !important;\n position: relative !important;\n \n .anticon {\n display: none !important;\n }\n \n &::after {\n content: 'check' !important;\n font-family: 'Material Symbols Rounded' !important;\n color: ".concat(theme_1.straitsXTheme.color.status.positive, " !important;\n position: absolute !important;\n right: 12px !important;\n top: 50% !important;\n transform: translateY(-50%) !important;\n font-size: 16px !important;\n }\n }\n");
|
|
42
42
|
var dropdownInteractiveStyles = "\n .ant-select-item:hover {\n background: ".concat(theme_1.straitsXTheme.color.interactive.hoverSurface, " !important;\n }\n \n .ant-select-item:active {\n background: ").concat(theme_1.straitsXTheme.color.interactive.pressedSurface, " !important;\n }\n");
|
|
43
43
|
var dropdownDisabledOptionStyles = "\n .ant-select-item-option-disabled,\n .ant-select-item-option-disabled:hover {\n background: ".concat(theme_1.straitsXTheme.color.surface.disabledSurface, " !important;\n span { \n color: ").concat(theme_1.straitsXTheme.color.surface.disabledOnSurface, " !important;\n }\n }\n");
|
|
44
|
-
exports.StyledDropdown = styled_1.default.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n ", "\n ", "\n ", "\n ", "\n"], ["\n ", "\n ", "\n ", "\n ", "\n"])), dropdownBaseItemStyles, dropdownSelectedOptionStyles, dropdownInteractiveStyles, dropdownDisabledOptionStyles);
|
|
45
|
-
exports.dropdownStyle = {
|
|
44
|
+
exports.StyledDropdown = styled_1.default.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n ", "\n ", "\n ", "\n ", "\n padding-bottom: 8px;\n"], ["\n ", "\n ", "\n ", "\n ", "\n padding-bottom: 8px;\n"])), dropdownBaseItemStyles, dropdownSelectedOptionStyles, dropdownInteractiveStyles, dropdownDisabledOptionStyles);
|
|
45
|
+
exports.dropdownStyle = {
|
|
46
|
+
padding: 0,
|
|
47
|
+
paddingBottom: '4px',
|
|
48
|
+
borderRadius: '12px',
|
|
49
|
+
};
|
|
46
50
|
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5;
|
|
47
51
|
//# sourceMappingURL=style.js.map
|