@xfers/design-system 4.4.6 → 5.0.0-dev.ddcddabbc0
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/index.js +4 -24
- package/cjs/index.js.map +1 -1
- package/dist/components/Alert/Alert.js +0 -1
- package/dist/components/Alert/Alert.js.map +1 -1
- package/dist/components/Alert/styles.js +2 -2
- package/dist/components/Alert/styles.js.map +1 -1
- package/dist/components/AntdConfigProvider/index.js +20 -0
- package/dist/components/AntdConfigProvider/index.js.map +1 -0
- package/dist/components/Button/Button.js +3 -4
- package/dist/components/Button/Button.js.map +1 -1
- package/dist/components/Card/index.js +2 -3
- package/dist/components/Card/index.js.map +1 -1
- package/dist/components/Carousel/index.js +4 -5
- package/dist/components/Carousel/index.js.map +1 -1
- package/dist/components/Checkbox/index.js +3 -4
- package/dist/components/Checkbox/index.js.map +1 -1
- package/dist/components/CopyBox/styles.js +5 -3
- package/dist/components/CopyBox/styles.js.map +1 -1
- package/dist/components/DatePicker/index.js +2 -3
- package/dist/components/DatePicker/index.js.map +1 -1
- package/dist/components/Dropdown/index.js +16 -10
- package/dist/components/Dropdown/index.js.map +1 -1
- package/dist/components/EmptyData/index.js +2 -2
- package/dist/components/EmptyData/index.js.map +1 -1
- package/dist/components/Form/index.js +4 -5
- package/dist/components/Form/index.js.map +1 -1
- package/dist/components/Input/index.js +8 -8
- package/dist/components/Input/index.js.map +1 -1
- package/dist/components/Pagination/index.js +2 -3
- package/dist/components/Pagination/index.js.map +1 -1
- package/dist/components/Radio/index.js +3 -4
- package/dist/components/Radio/index.js.map +1 -1
- package/dist/components/RangePicker/index.js +2 -3
- package/dist/components/RangePicker/index.js.map +1 -1
- package/dist/components/Select/index.js +5 -8
- package/dist/components/Select/index.js.map +1 -1
- package/dist/components/Spin/index.js +2 -3
- package/dist/components/Spin/index.js.map +1 -1
- package/dist/components/Steps/DesktopSteps.js +3 -4
- package/dist/components/Steps/DesktopSteps.js.map +1 -1
- package/dist/components/Table/index.js +2 -3
- package/dist/components/Table/index.js.map +1 -1
- package/dist/components/Tabs/index.js +3 -4
- package/dist/components/Tabs/index.js.map +1 -1
- package/dist/components/Timeline/index.js +3 -4
- package/dist/components/Timeline/index.js.map +1 -1
- package/dist/components/Tooltip/index.js +3 -4
- package/dist/components/Tooltip/index.js.map +1 -1
- package/dist/types/components/Alert/Alert.d.ts +0 -1
- package/dist/types/components/Alert/styles.d.ts +1 -3
- package/dist/types/components/Alert/types.d.ts +1 -1
- package/dist/types/components/AntdConfigProvider/index.d.ts +6 -0
- package/dist/types/components/Button/Button.d.ts +1 -2
- package/dist/types/components/Card/index.d.ts +1 -2
- package/dist/types/components/Carousel/index.d.ts +0 -1
- package/dist/types/components/Checkbox/index.d.ts +1 -2
- package/dist/types/components/CopyBox/styles.d.ts +1 -15
- package/dist/types/components/DatePicker/index.d.ts +0 -1
- package/dist/types/components/Dropdown/index.d.ts +4 -6
- package/dist/types/components/Form/index.d.ts +1 -2
- package/dist/types/components/Input/index.d.ts +1 -2
- package/dist/types/components/Pagination/index.d.ts +2 -3
- package/dist/types/components/Radio/index.d.ts +1 -2
- package/dist/types/components/RangePicker/index.d.ts +0 -1
- package/dist/types/components/Select/index.d.ts +3 -5
- package/dist/types/components/Spin/index.d.ts +0 -1
- package/dist/types/components/Steps/DesktopSteps.d.ts +1 -2
- package/dist/types/components/Table/index.d.ts +1 -2
- package/dist/types/components/Tabs/index.d.ts +1 -2
- package/dist/types/components/Timeline/index.d.ts +2 -3
- package/dist/types/components/Tooltip/index.d.ts +1 -2
- package/es/index.js +4 -24
- package/es/index.js.map +1 -1
- package/package.json +4 -5
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
var react_1 = require("react");
|
|
4
|
-
require("antd/es/alert/style/css");
|
|
5
4
|
var icons_1 = require("src/icons");
|
|
6
5
|
var Typography_1 = require("src/constants/Typography/Typography");
|
|
7
6
|
var colors_1 = require("src/constants/Colors/colors");
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Alert.js","sourceRoot":"","sources":["../../../src/components/Alert/Alert.tsx"],"names":[],"mappings":";;AAAA,+BAAuC;AACvC,
|
|
1
|
+
{"version":3,"file":"Alert.js","sourceRoot":"","sources":["../../../src/components/Alert/Alert.tsx"],"names":[],"mappings":";;AAAA,+BAAuC;AACvC,mCAAuC;AACvC,kEAAgE;AAChE,sDAA0D;AAE1D,mCAIiB;AAEjB,IAAM,WAAW,GAAG,UAAC,EAQF;QAPjB,IAAI,UAAA,EACJ,OAAO,aAAA,EACP,QAAQ,cAAA,EACR,IAAI,UAAA,EACJ,QAAQ,cAAA,EACR,OAAO,aAAA,EACP,KAAK,WAAA;IAEC,IAAA,KAA4B,IAAA,gBAAQ,EAAC,IAAI,CAAC,EAAzC,SAAS,QAAA,EAAE,YAAY,QAAkB,CAAA;IAEhD,IAAM,OAAO,GAAG;QACd,IAAM,WAAW,GAAG,IAAI,CAAC,CAAC,CAAC,CACzB,eAAK,CAAC,YAAY,CAAC,IAA0B,EAAE;YAC7C,KAAK,EAAE,EAAE;YACT,MAAM,EAAE,EAAE;SACX,CAAC,CACH,CAAC,CAAC,CAAC,CACF,8BAAC,YAAI,IAAC,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,GAAI,CAChC,CAAA;QACD,OAAO,8BAAC,2BAAkB,QAAE,WAAW,CAAsB,CAAA;IAC/D,CAAC,CAAA;IAED,IAAM,OAAO,GAAG;QACd,IAAM,SAAS,GAAG,IAAI,KAAK,MAAM,CAAC,CAAC,CAAC,cAAK,CAAC,OAAO,CAAC,CAAC,CAAC,cAAK,CAAC,OAAO,CAAA;QAEjE,OAAO,CACL,8BAAC,oCAA2B;YACzB,KAAK,IAAI,CACR,8BAAC,uBAAU,CAAC,KAAK,IAAC,KAAK,EAAE,SAAS,EAAE,IAAI,EAAC,IAAI,IAC1C,KAAK,CACW,CACpB;YACD,8BAAC,uBAAU,CAAC,IAAI,IAAC,KAAK,EAAE,SAAS,EAAE,IAAI,EAAC,IAAI,IACzC,OAAO,CACQ,CACU,CAC/B,CAAA;IACH,CAAC,CAAA;IAED,IAAM,SAAS,GAAG,cAAM,OAAA,8BAAC,aAAK,IAAC,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,GAAI,EAAhC,CAAgC,CAAA;IAExD,IAAM,WAAW,GAAG;QAClB,YAAY,CAAC,KAAK,CAAC,CAAA;QACnB,IAAI,OAAO,EAAE,CAAC;YACZ,OAAO,EAAE,CAAA;QACX,CAAC;IACH,CAAC,CAAA;IAED,IAAI,CAAC,SAAS;QAAE,OAAO,IAAI,CAAA;IAE3B,OAAO,CACL,8BAAC,oBAAW,IACV,IAAI,EAAE,IAAI,IAAI,SAAS,EACvB,OAAO,EAAE,8BAAC,OAAO,OAAG,EACpB,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,OAAO,EAAE,EACf,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,WAAW,EACpB,SAAS,EAAE,8BAAC,SAAS,OAAG,GACxB,CACH,CAAA;AACH,CAAC,CAAA;AAED,kBAAe,WAAW,CAAA"}
|
|
@@ -6,7 +6,7 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
|
|
|
6
6
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
7
7
|
exports.AlertIconContainer = exports.StyledAlertMessageContainer = exports.StyledAlert = void 0;
|
|
8
8
|
var styled_1 = require("@emotion/styled");
|
|
9
|
-
var
|
|
9
|
+
var antd_1 = require("antd");
|
|
10
10
|
var colors_1 = require("src/constants/Colors/colors");
|
|
11
11
|
var ColorStyles_1 = require("src/shared/ColorStyles");
|
|
12
12
|
var baseAlertStyles = "\n width: 328px !important;\n min-height: 52px !important;\n border-radius: 8px !important;\n padding: 8px 12px !important;\n \n .ant-alert-icon {\n align-self: flex-start !important;\n margin-top: 0 !important;\n }\n";
|
|
@@ -15,7 +15,7 @@ var SuccessStyle = getThemeStyles(ColorStyles_1.GREEN_COLORS.G400, ColorStyles_1
|
|
|
15
15
|
var WarningStyle = getThemeStyles(ColorStyles_1.YELLOW_COLORS.Y400, ColorStyles_1.YELLOW_COLORS.Y400, ColorStyles_1.YELLOW_COLORS.Y100);
|
|
16
16
|
var ErrorStyle = getThemeStyles(ColorStyles_1.RED_COLORS.R400, ColorStyles_1.RED_COLORS.R400, ColorStyles_1.RED_COLORS.R100);
|
|
17
17
|
var InfoStyle = "\n border: none !important;\n background-color: ".concat(colors_1.GREEN.CONTRAST, " !important;\n \n .ant-alert-icon {\n color: ").concat(colors_1.WHITE.DEFAULT, " !important;\n }\n \n .ant-alert-close-icon {\n color: ").concat(colors_1.WHITE.DEFAULT, " !important;\n }\n");
|
|
18
|
-
exports.StyledAlert = (0, styled_1.default)(
|
|
18
|
+
exports.StyledAlert = (0, styled_1.default)(antd_1.Alert)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n &.ant-alert {\n ", "\n ", "\n ", "\n ", "\n ", "\n }\n"], ["\n &.ant-alert {\n ", "\n ", "\n ", "\n ", "\n ", "\n }\n"])), baseAlertStyles, function (_a) {
|
|
19
19
|
var type = _a.type;
|
|
20
20
|
return type === 'success' && SuccessStyle;
|
|
21
21
|
}, function (_a) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/Alert/styles.ts"],"names":[],"mappings":";;;;;;;AAAA,0CAAoC;AACpC,
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/Alert/styles.ts"],"names":[],"mappings":";;;;;;;AAAA,0CAAoC;AACpC,6BAA4B;AAC5B,sDAA0D;AAC1D,sDAAgF;AAEhF,IAAM,eAAe,GAAG,wOAUvB,CAAA;AAED,IAAM,cAAc,GAAG,UACrB,WAAmB,EACnB,SAAiB,EACjB,eAAuB,IACpB,OAAA,gCACiB,WAAW,+CACX,eAAe,+DAGxB,SAAS,0EAIT,SAAS,wBAErB,EAXI,CAWJ,CAAA;AAED,IAAM,YAAY,GAAG,cAAc,CACjC,0BAAY,CAAC,IAAI,EACjB,0BAAY,CAAC,IAAI,EACjB,0BAAY,CAAC,IAAI,CAClB,CAAA;AACD,IAAM,YAAY,GAAG,cAAc,CACjC,2BAAa,CAAC,IAAI,EAClB,2BAAa,CAAC,IAAI,EAClB,2BAAa,CAAC,IAAI,CACnB,CAAA;AACD,IAAM,UAAU,GAAG,cAAc,CAC/B,wBAAU,CAAC,IAAI,EACf,wBAAU,CAAC,IAAI,EACf,wBAAU,CAAC,IAAI,CAChB,CAAA;AACD,IAAM,SAAS,GAAG,4DAEI,cAAK,CAAC,QAAQ,+DAGvB,cAAK,CAAC,OAAO,0EAIb,cAAK,CAAC,OAAO,wBAEzB,CAAA;AAEY,QAAA,WAAW,GAAG,IAAA,gBAAM,EAAC,YAAK,CAAC,+IAEtC,yBAEI,EAAe,QACf,EAAgD,QAChD,EAAgD,QAChD,EAA4C,QAC5C,EAA0C,SAE/C,KANK,eAAe,EACf,UAAC,EAAQ;QAAN,IAAI,UAAA;IAAO,OAAA,IAAI,KAAK,SAAS,IAAI,YAAY;AAAlC,CAAkC,EAChD,UAAC,EAAQ;QAAN,IAAI,UAAA;IAAO,OAAA,IAAI,KAAK,SAAS,IAAI,YAAY;AAAlC,CAAkC,EAChD,UAAC,EAAQ;QAAN,IAAI,UAAA;IAAO,OAAA,IAAI,KAAK,OAAO,IAAI,UAAU;AAA9B,CAA8B,EAC5C,UAAC,EAAQ;QAAN,IAAI,UAAA;IAAO,OAAA,IAAI,KAAK,MAAM,IAAI,SAAS;AAA5B,CAA4B,EAE/C;AAEY,QAAA,2BAA2B,GAAG,gBAAM,CAAC,GAAG,8UAAA,2QAkBpD,KAAA;AAEY,QAAA,kBAAkB,GAAG,gBAAM,CAAC,GAAG,wGAAA,qCAG3C,KAAA"}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.default = AntdConfigProvider;
|
|
4
|
+
var react_1 = require("react");
|
|
5
|
+
var antd_1 = require("antd");
|
|
6
|
+
function AntdConfigProvider(_a) {
|
|
7
|
+
var children = _a.children;
|
|
8
|
+
return (react_1.default.createElement(antd_1.ConfigProvider, { theme: {
|
|
9
|
+
token: {
|
|
10
|
+
colorPrimary: '#1890ff',
|
|
11
|
+
borderRadius: 2,
|
|
12
|
+
},
|
|
13
|
+
components: {
|
|
14
|
+
Button: {
|
|
15
|
+
borderRadius: 2,
|
|
16
|
+
},
|
|
17
|
+
},
|
|
18
|
+
} }, children));
|
|
19
|
+
}
|
|
20
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/AntdConfigProvider/index.tsx"],"names":[],"mappings":";;AAOA,qCAkBC;AAzBD,+BAAyB;AACzB,6BAAqC;AAMrC,SAAwB,kBAAkB,CAAC,EAAmB;QAAjB,QAAQ,cAAA;IACnD,OAAO,CACL,8BAAC,qBAAc,IACb,KAAK,EAAE;YACL,KAAK,EAAE;gBACL,YAAY,EAAE,SAAS;gBACvB,YAAY,EAAE,CAAC;aAChB;YACD,UAAU,EAAE;gBACV,MAAM,EAAE;oBACN,YAAY,EAAE,CAAC;iBAChB;aACF;SACF,IAEA,QAAQ,CACM,CAClB,CAAA;AACH,CAAC"}
|
|
@@ -28,8 +28,7 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
28
28
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
29
29
|
var react_1 = require("react");
|
|
30
30
|
var styled_1 = require("@emotion/styled");
|
|
31
|
-
var
|
|
32
|
-
require("antd/es/button/style/css");
|
|
31
|
+
var antd_1 = require("antd");
|
|
33
32
|
var fontStyles_1 = require("src/constants/fontStyles");
|
|
34
33
|
var ThemeContext_1 = require("src/theme/ThemeContext");
|
|
35
34
|
var theme_1 = require("src/theme/theme");
|
|
@@ -61,8 +60,8 @@ var CustomButton = function (_a) {
|
|
|
61
60
|
var fullWidthStyle = "\n width: 100%;\n ";
|
|
62
61
|
var defaultIconStyle = "\n color: ".concat(actionButton.color, ";\n\n &:focus {\n color: ").concat(actionButton.color, ";\n }\n\n &:hover {\n color: ").concat(actionButton.hover, ";\n }\n\n &:active {\n color: ").concat(actionButton.color, ";\n }\n ");
|
|
63
62
|
var primaryIconStyle = "\n color: ".concat(brand.action.default, ";\n\n &:focus {\n color: ").concat(brand.action.default, ";\n }\n\n &:hover {\n color: ").concat(brand.action.hover, ";\n }\n\n &:active {\n color: ").concat(brand.action.default, ";\n }\n ");
|
|
64
|
-
var StyledButton = (0, styled_1.default)(
|
|
65
|
-
var StyledIconButton = (0, styled_1.default)(
|
|
63
|
+
var StyledButton = (0, styled_1.default)(antd_1.Button)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n &.ant-btn {\n text-shadow: none;\n -webkit-font-smoothing: antialiased;\n border-radius: 99px;\n min-width: 100px;\n height: ", ";\n box-shadow: none;\n display: flex;\n align-items: center;\n justify-content: center;\n ", "\n ", "\n ", "\n ", "\n ", "\n ", "\n ", "\n padding: 16px;\n\n & > svg {\n vertical-align: middle;\n font-size: 16px;\n margin-right: 6px;\n ", "\n }\n &:hover,\n &:focus,\n &:active {\n color: ", " !important;\n }\n }\n "], ["\n &.ant-btn {\n text-shadow: none;\n -webkit-font-smoothing: antialiased;\n border-radius: 99px;\n min-width: 100px;\n height: ", ";\n box-shadow: none;\n display: flex;\n align-items: center;\n justify-content: center;\n ", "\n ", "\n ", "\n ", "\n ", "\n ", "\n ", "\n padding: 16px;\n\n & > svg {\n vertical-align: middle;\n font-size: 16px;\n margin-right: 6px;\n ", "\n }\n &:hover,\n &:focus,\n &:active {\n color: ", " !important;\n }\n }\n "])), size === 'small' ? '36px' : '48px', fontStyles_1.baseStyle, size === 'small' ? fontStyles_1.smallButtonStyle : fontStyles_1.buttonStyle, type === 'primary' && primaryStyle, type === 'secondary' && secondaryStyle, type === 'tertiary' && tertiaryStyle, getDisabledStyle(), isFullWidth && fullWidthStyle, iconColor === 'primary' ? primaryIconStyle : defaultIconStyle, brand.primary.contrast);
|
|
64
|
+
var StyledIconButton = (0, styled_1.default)(antd_1.Button)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n &.ant-btn {\n ", ";\n ", "\n ", "\n ", "\n ", "\n ", "\n ", "\n }\n "], ["\n &.ant-btn {\n ", ";\n ", "\n ", "\n ", "\n ", "\n ", "\n ", "\n }\n "])), fontStyles_1.baseStyle, size === 'small' ? styles_1.iconButtonSmallStyle : styles_1.iconButtonStyle, type === 'primary' && styles_1.iconButtonPrimaryStyle, type === 'secondary' && styles_1.iconButtonSecondaryStyle, type === 'tertiary' && styles_1.iconButtonTertiaryStyle, (0, styles_1.iconButtonSVGStyle)(size), isDisabled && (0, styles_1.iconButtonDisabledStyle)(type));
|
|
66
65
|
var disabledClassName = isDisabled ? "straitsx-button-disabled" : undefined;
|
|
67
66
|
if (icon) {
|
|
68
67
|
return (react_1.default.createElement(StyledIconButton, __assign({ className: "".concat(className, " ").concat(disabledClassName), disabled: isDisabled }, rest), icon));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../src/components/Button/Button.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+BAAyB;AACzB,0CAAoC;AACpC,
|
|
1
|
+
{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../src/components/Button/Button.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+BAAyB;AACzB,0CAAoC;AACpC,6BAA0C;AAC1C,uDAIiC;AACjC,uDAAiD;AACjD,yCAA+C;AAC/C,sDAAkD;AAClD,mCAQiB;AAajB,IAAM,YAAY,GAAG,UAAC,EAUF;IATlB,IAAA,YAAgB,EAAhB,IAAI,mBAAG,SAAS,KAAA,EAChB,IAAI,UAAA,EACJ,SAAS,eAAA,EACT,kBAAkB,EAAlB,UAAU,mBAAG,KAAK,KAAA,EAClB,mBAAmB,EAAnB,WAAW,mBAAG,KAAK,KAAA,EACnB,iBAAc,EAAd,SAAS,mBAAG,EAAE,KAAA,EACd,QAAQ,cAAA,EACR,IAAI,UAAA,EACD,IAAI,cATa,2FAUrB,CADQ;IAED,IAAA,KAAyC,IAAA,uBAAQ,GAAE,EAAjD,KAAK,WAAA,EAAE,MAAM,YAAA,EAAE,YAAY,kBAAA,EAAE,KAAK,WAAe,CAAA;IAEzD,IAAM,YAAY,GAAG,kCACC,KAAK,CAAC,MAAM,CAAC,OAAO,2BAC/B,KAAK,CAAC,OAAO,CAAC,QAAQ,4EAIT,KAAK,CAAC,MAAM,CAAC,OAAO,0FAKpB,KAAK,CAAC,MAAM,CAAC,OAAO,2FAKpB,KAAK,CAAC,MAAM,CAAC,KAAK,sCAGzC,CAAA;IACD,IAAM,cAAc,GAAG,kCACD,MAAM,CAAC,UAAU,2BAC5B,KAAK,CAAC,OAAO,CAAC,QAAQ,sCACX,MAAM,CAAC,MAAM,yDAGX,MAAM,CAAC,UAAU,wCACjB,MAAM,CAAC,MAAM,gEAIb,KAAK,CAAC,SAAS,CAAC,MAAM,CAAC,KAAK,wCAC5B,MAAM,CAAC,MAAM,iEAIb,KAAK,CAAC,SAAS,CAAC,MAAM,CAAC,OAAO,wCAC9B,MAAM,CAAC,MAAM,gHAIL,qBAAa,CAAC,KAAK,CAAC,OAAO,CAAC,OAAO,iBAElE,CAAA;IAED,IAAM,aAAa,GAAG,2DAEX,KAAK,CAAC,OAAO,CAAC,QAAQ,+JAST,KAAK,CAAC,QAAQ,CAAC,MAAM,CAAC,KAAK,sFAK3B,KAAK,CAAC,QAAQ,CAAC,MAAM,CAAC,OAAO,sCAGpD,CAAA;IAED,IAAM,oBAAoB,GAAG,4DAEP,KAAK,CAAC,OAAO,CAAC,eAAe,2BACxC,KAAK,CAAC,OAAO,CAAC,iBAAiB,+HAKlB,KAAK,CAAC,OAAO,CAAC,eAAe,6BACxC,KAAK,CAAC,OAAO,CAAC,iBAAiB,sCAG3C,CAAA;IAED,IAAM,sBAAsB,GAAG,4DAET,MAAM,CAAC,UAAU,2BAC5B,KAAK,CAAC,OAAO,CAAC,iBAAiB,sCACpB,aAAI,CAAC,IAAI,4GAIP,MAAM,CAAC,UAAU,6BAC5B,KAAK,CAAC,OAAO,CAAC,iBAAiB,wCACpB,aAAI,CAAC,IAAI,iBAEhC,CAAA;IAED,IAAM,qBAAqB,GAAG,qFAGnB,KAAK,CAAC,OAAO,CAAC,iBAAiB,0JAM7B,KAAK,CAAC,OAAO,CAAC,iBAAiB,sCAG3C,CAAA;IAED,IAAM,gBAAgB,GAAG;QACvB,IAAI,CAAC,UAAU;YAAE,OAAO,EAAE,CAAA;QAE1B,QAAQ,IAAI,EAAE,CAAC;YACb,KAAK,SAAS;gBACZ,OAAO,oBAAoB,CAAA;YAC7B,KAAK,WAAW;gBACd,OAAO,sBAAsB,CAAA;YAC/B,KAAK,UAAU;gBACb,OAAO,qBAAqB,CAAA;YAC9B;gBACE,OAAO,oBAAoB,CAAA;QAC/B,CAAC;IACH,CAAC,CAAA;IAED,IAAM,cAAc,GAAG,wBAEtB,CAAA;IAED,IAAM,gBAAgB,GAAG,2BACV,YAAY,CAAC,KAAK,wDAGd,YAAY,CAAC,KAAK,mEAIlB,YAAY,CAAC,KAAK,oEAIlB,YAAY,CAAC,KAAK,qBAEpC,CAAA;IACD,IAAM,gBAAgB,GAAG,2BACV,KAAK,CAAC,MAAM,CAAC,OAAO,wDAGhB,KAAK,CAAC,MAAM,CAAC,OAAO,mEAIpB,KAAK,CAAC,MAAM,CAAC,KAAK,oEAIlB,KAAK,CAAC,MAAM,CAAC,OAAO,qBAEtC,CAAA;IAED,IAAM,YAAY,GAAG,IAAA,gBAAM,EAAC,aAAM,CAAC,mqBAAA,8JAMrB,EAAkC,sHAK1C,EAAa,UACb,EAAiD,UACjD,EAAkC,UAClC,EAAsC,UACtC,EAAoC,UACpC,EAAkB,UAClB,EAA6B,4IAO3B,EAA6D,8EAKtD,EAAsB,kCAGpC,KA1Ba,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,EAK1C,sBAAa,EACb,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,6BAAgB,CAAC,CAAC,CAAC,wBAAW,EACjD,IAAI,KAAK,SAAS,IAAI,YAAY,EAClC,IAAI,KAAK,WAAW,IAAI,cAAc,EACtC,IAAI,KAAK,UAAU,IAAI,aAAa,EACpC,gBAAgB,EAAE,EAClB,WAAW,IAAI,cAAc,EAO3B,SAAS,KAAK,SAAS,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,gBAAgB,EAKtD,KAAK,CAAC,OAAO,CAAC,QAAQ,CAGpC,CAAA;IAED,IAAM,gBAAgB,GAAG,IAAA,gBAAM,EAAC,aAAM,CAAC,sLAAA,2BAEjC,EAAa,WACb,EAAyD,UACzD,EAA4C,UAC5C,EAAgD,UAChD,EAA8C,UAC9C,EAAwB,UACxB,EAA2C,aAEhD,KARK,sBAAa,EACb,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,6BAAoB,CAAC,CAAC,CAAC,wBAAe,EACzD,IAAI,KAAK,SAAS,IAAI,+BAAsB,EAC5C,IAAI,KAAK,WAAW,IAAI,iCAAwB,EAChD,IAAI,KAAK,UAAU,IAAI,gCAAuB,EAC9C,IAAA,2BAAkB,EAAC,IAAI,CAAC,EACxB,UAAU,IAAI,IAAA,gCAAuB,EAAC,IAAI,CAAC,CAEhD,CAAA;IAED,IAAM,iBAAiB,GAAG,UAAU,CAAC,CAAC,CAAC,0BAA0B,CAAC,CAAC,CAAC,SAAS,CAAA;IAE7E,IAAI,IAAI,EAAE,CAAC;QACT,OAAO,CACL,8BAAC,gBAAgB,aACf,SAAS,EAAE,UAAG,SAAS,cAAI,iBAAiB,CAAE,EAC9C,QAAQ,EAAE,UAAU,IAChB,IAAI,GAEP,IAAI,CACY,CACpB,CAAA;IACH,CAAC;IAED,OAAO,CACL,8BAAC,YAAY,aACX,SAAS,EAAE,UAAG,SAAS,cAAI,iBAAiB,CAAE,EAC9C,QAAQ,EAAE,UAAU,IAChB,IAAI,GAEP,QAAQ,CACI,CAChB,CAAA;AACH,CAAC,CAAA;AAED,kBAAe,YAAY,CAAA"}
|
|
@@ -27,8 +27,7 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
27
27
|
};
|
|
28
28
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
29
29
|
var react_1 = require("react");
|
|
30
|
-
var
|
|
31
|
-
require("antd/es/card/style/css");
|
|
30
|
+
var antd_1 = require("antd");
|
|
32
31
|
var emotion_1 = require("emotion");
|
|
33
32
|
var TypographyStyles_1 = require("src/shared/TypographyStyles");
|
|
34
33
|
var ThemeContext_1 = require("src/theme/ThemeContext");
|
|
@@ -41,7 +40,7 @@ var CustomCard = function (_a) {
|
|
|
41
40
|
: card.background.dark, TypographyStyles_1.FONT_WEIGHT.BOLD, TypographyStyles_1.FONT_SIZE.P1_MOBILE, TypographyStyles_1.LINE_HEIGHT.P1_MOBILE, textColor, textColor, TypographyStyles_1.FONT_WEIGHT.BOLD, TypographyStyles_1.FONT_SIZE.P1_MOBILE, TypographyStyles_1.LINE_HEIGHT.P1_MOBILE, textColor, TypographyStyles_1.FONT_WEIGHT.REGULAR, TypographyStyles_1.FONT_SIZE.P1_MOBILE, TypographyStyles_1.LINE_HEIGHT.P1_MOBILE, textColor);
|
|
42
41
|
var alignTitleStyle = function (props) { return (0, emotion_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n .ant-card-head-wrapper {\n align-items: ", ";\n }\n "], ["\n .ant-card-head-wrapper {\n align-items: ", ";\n }\n "])), props); };
|
|
43
42
|
var alignBodyStyle = function (props) { return (0, emotion_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n .ant-card-body {\n text-align: ", ";\n }\n "], ["\n .ant-card-body {\n text-align: ", ";\n }\n "])), props); };
|
|
44
|
-
return (react_1.default.createElement(
|
|
43
|
+
return (react_1.default.createElement(antd_1.Card, __assign({ className: (0, emotion_1.cx)(baseStyle, className, alignTitleStyle(alignTitle), alignBodyStyle(alignBody)) }, restProps)));
|
|
45
44
|
};
|
|
46
45
|
exports.default = CustomCard;
|
|
47
46
|
var templateObject_1, templateObject_2, templateObject_3;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Card/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+BAAyB;AACzB,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Card/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+BAAyB;AACzB,6BAAsC;AACtC,mCAAiC;AACjC,gEAIoC;AACpC,uDAAiD;AAWjD,IAAM,UAAU,GAAG,UAAC,EAMF;IALhB,IAAA,SAAS,eAAA,EACT,kBAAqB,EAArB,UAAU,mBAAG,QAAQ,KAAA,EACrB,iBAAkB,EAAlB,SAAS,mBAAG,MAAM,KAAA,EAClB,YAAgB,EAAhB,IAAI,mBAAG,SAAS,KAAA,EACb,SAAS,cALM,gDAMnB,CADa;IAEN,IAAA,KAA0B,IAAA,uBAAQ,GAAE,EAAlC,IAAI,UAAA,EAAE,IAAI,UAAA,EAAE,OAAO,aAAe,CAAA;IAE1C,IAAM,SAAS,GAAG,uBACP,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,oDAG5C,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,gDAI9C,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,iBAE1D,CAAA;IAED,IAAM,SAAS,OAAG,aAAG,qwBAAA,iGAIH,EAAc,qBAChB,EAEU,uFAIP,EAAgB,sBAClB,EAAmB,wBACjB,EAAqB,WAClC,EAAS,qGAKP,EAAS,wFAKI,EAAgB,wBAClB,EAAmB,0BACjB,EAAqB,aAClC,EAAS,0FAME,EAAmB,sBACrB,EAAmB,wBACjB,EAAqB,WAClC,EAAS,cAEd,KAlCiB,OAAO,CAAC,MAAM,EAChB,IAAI,KAAK,SAAS;QAC9B,CAAC,CAAC,IAAI,CAAC,UAAU,CAAC,OAAO;QACzB,CAAC,CAAC,IAAI,CAAC,UAAU,CAAC,IAAI,EAIP,8BAAW,CAAC,IAAI,EAClB,4BAAS,CAAC,SAAS,EACjB,8BAAW,CAAC,SAAS,EAClC,SAAS,EAKP,SAAS,EAKI,8BAAW,CAAC,IAAI,EAClB,4BAAS,CAAC,SAAS,EACjB,8BAAW,CAAC,SAAS,EAClC,SAAS,EAME,8BAAW,CAAC,OAAO,EACrB,4BAAS,CAAC,SAAS,EACjB,8BAAW,CAAC,SAAS,EAClC,SAAS,CAEd,CAAA;IAED,IAAM,eAAe,GAAG,UAAC,KAAa,IAAK,WAAA,aAAG,yIAAA,qDAE3B,EAAK,cAEvB,KAFkB,KAAK,GAFmB,CAI1C,CAAA;IAED,IAAM,cAAc,GAAG,UAAC,KAAa,IAAK,WAAA,aAAG,gIAAA,4CAE3B,EAAK,cAEtB,KAFiB,KAAK,GAFmB,CAIzC,CAAA;IAED,OAAO,CACL,8BAAC,WAAI,aACH,SAAS,EAAE,IAAA,YAAE,EACX,SAAS,EACT,SAAS,EACT,eAAe,CAAC,UAAU,CAAC,EAC3B,cAAc,CAAC,SAAS,CAAC,CAC1B,IACG,SAAS,EACb,CACH,CAAA;AACH,CAAC,CAAA;AAED,kBAAe,UAAU,CAAA"}
|
|
@@ -28,21 +28,20 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
28
28
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
29
29
|
var react_1 = require("react");
|
|
30
30
|
var styled_1 = require("@emotion/styled");
|
|
31
|
-
var
|
|
32
|
-
require("antd/es/tabs/style/css");
|
|
31
|
+
var antd_1 = require("antd");
|
|
33
32
|
var ThemeContext_1 = require("src/theme/ThemeContext");
|
|
34
33
|
function Carousel(_a) {
|
|
35
34
|
var children = _a.children, activeKey = _a.activeKey, _b = _a.width, width = _b === void 0 ? 250 : _b, rest = __rest(_a, ["children", "activeKey", "width"]);
|
|
36
35
|
var brand = (0, ThemeContext_1.useTheme)().brand;
|
|
37
|
-
var panels = children.map(function (child, index) { return (react_1.default.createElement(
|
|
38
|
-
var dots = children.map(function (child, index) { return (react_1.default.createElement(Dot, { isActive: index === activeKey, activeColor: brand.primary.default })); });
|
|
36
|
+
var panels = children.map(function (child, index) { return (react_1.default.createElement(antd_1.Tabs.TabPane, { key: index, forceRender: true }, child)); });
|
|
37
|
+
var dots = children.map(function (child, index) { return (react_1.default.createElement(Dot, { key: index, isActive: index === activeKey, activeColor: brand.primary.default })); });
|
|
39
38
|
return (react_1.default.createElement(Container, null,
|
|
40
39
|
react_1.default.createElement(AnimatedTabs, __assign({ renderTabBar: function () { return react_1.default.createElement("div", null); }, width: width, activeKey: activeKey.toString(), animated: true }, rest), panels),
|
|
41
40
|
react_1.default.createElement(Footer, null, dots)));
|
|
42
41
|
}
|
|
43
42
|
exports.default = Carousel;
|
|
44
43
|
var Container = styled_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n"], ["\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n"])));
|
|
45
|
-
var AnimatedTabs = (0, styled_1.default)(
|
|
44
|
+
var AnimatedTabs = (0, styled_1.default)(antd_1.Tabs)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n width: ", ";\n\n & .ant-tabs-content-animated {\n transition: margin 1s ease-out;\n }\n"], ["\n width: ", ";\n\n & .ant-tabs-content-animated {\n transition: margin 1s ease-out;\n }\n"])), function (props) { return "".concat(props.width, "px"); });
|
|
46
45
|
var Footer = styled_1.default.span(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n display: flex;\n gap: 0.25rem;\n margin-top: 10px;\n"], ["\n display: flex;\n gap: 0.25rem;\n margin-top: 10px;\n"])));
|
|
47
46
|
var Dot = styled_1.default.span(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n height: 10px;\n width: 10px;\n background-color: ", ";\n border-radius: 50%;\n display: inline-block;\n"], ["\n height: 10px;\n width: 10px;\n background-color: ", ";\n border-radius: 50%;\n display: inline-block;\n"])), function (props) {
|
|
48
47
|
return props.isActive ? props.activeColor : '#d3d7de';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Carousel/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+BAAyB;AACzB,0CAAoC;AAEpC,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Carousel/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+BAAyB;AACzB,0CAAoC;AAEpC,6BAA2B;AAC3B,uDAAiD;AAQjD,SAAS,QAAQ,CAAC,EAAoD;IAAlD,IAAA,QAAQ,cAAA,EAAE,SAAS,eAAA,EAAE,aAAW,EAAX,KAAK,mBAAG,GAAG,KAAA,EAAK,IAAI,cAA3C,kCAA6C,CAAF;IACnD,IAAA,KAAK,GAAK,IAAA,uBAAQ,GAAE,MAAf,CAAe;IAE5B,IAAM,MAAM,GAAG,QAAQ,CAAC,GAAG,CAAC,UAAC,KAAK,EAAE,KAAK,IAAK,OAAA,CAC5C,8BAAC,WAAI,CAAC,OAAO,IAAC,GAAG,EAAE,KAAK,EAAE,WAAW,UAClC,KAAK,CACO,CAChB,EAJ6C,CAI7C,CAAC,CAAA;IAEF,IAAM,IAAI,GAAG,QAAQ,CAAC,GAAG,CAAC,UAAC,KAAK,EAAE,KAAK,IAAK,OAAA,CAC1C,8BAAC,GAAG,IACF,GAAG,EAAE,KAAK,EACV,QAAQ,EAAE,KAAK,KAAK,SAAS,EAC7B,WAAW,EAAE,KAAK,CAAC,OAAO,CAAC,OAAO,GAClC,CACH,EAN2C,CAM3C,CAAC,CAAA;IAEF,OAAO,CACL,8BAAC,SAAS;QACR,8BAAC,YAAY,aACX,YAAY,EAAE,cAAM,OAAA,0CAAO,EAAP,CAAO,EAC3B,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,SAAS,CAAC,QAAQ,EAAE,EAC/B,QAAQ,UACJ,IAAI,GAEP,MAAM,CACM;QACf,8BAAC,MAAM,QAAE,IAAI,CAAU,CACb,CACb,CAAA;AACH,CAAC;AAED,kBAAe,QAAQ,CAAA;AAEvB,IAAM,SAAS,GAAG,gBAAM,CAAC,GAAG,wKAAA,qGAK3B,IAAA,CAAA;AAED,IAAM,YAAY,GAAG,IAAA,gBAAM,EAAC,WAAI,CAAC,qKAAmB,aACzC,EAA6B,mFAKvC,KALU,UAAC,KAAK,IAAK,OAAA,UAAG,KAAK,CAAC,KAAK,OAAI,EAAlB,CAAkB,CAKvC,CAAA;AAED,IAAM,MAAM,GAAG,gBAAM,CAAC,IAAI,+HAAA,4DAIzB,IAAA,CAAA;AAED,IAAM,GAAG,GAAG,gBAAM,CAAC,IAAI,oLAA4C,yDAG7C,EAC4B,sDAGjD,KAJqB,UAAC,KAAK;IACxB,OAAA,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC,SAAS;AAA9C,CAA8C,CAGjD,CAAA"}
|
|
@@ -24,17 +24,16 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
24
24
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
25
25
|
var react_1 = require("react");
|
|
26
26
|
var emotion_1 = require("emotion");
|
|
27
|
-
var
|
|
28
|
-
require("antd/es/checkbox/style/css");
|
|
27
|
+
var antd_1 = require("antd");
|
|
29
28
|
var theme_1 = require("src/theme/theme");
|
|
30
29
|
var ColorStyles_1 = require("src/shared/ColorStyles");
|
|
31
30
|
var TypographyStyles_1 = require("src/shared/TypographyStyles");
|
|
32
31
|
function CheckboxGroup(_a) {
|
|
33
32
|
var _b = _a.className, className = _b === void 0 ? '' : _b, props = __rest(_a, ["className"]);
|
|
34
33
|
var style = "\n &.ant-checkbox-group {\n width: 100%;\n }\n\n & .ant-checkbox-group-item {\n display: flex;\n align-items: flex-start;\n\n border: 1px solid ".concat(theme_1.straitsXTheme.brand.line.base, ";\n border-radius: 5px;\n\n &:hover {\n border: 1px solid ").concat(theme_1.straitsXTheme.brand.primary.default, ";\n }\n\n &:focus-within {\n border: 1px solid ").concat(theme_1.straitsXTheme.brand.primary.default, ";\n }\n\n &:not(:last-child) {\n margin-bottom: 10px;\n width: 100%;\n }\n }\n\n & .ant-checkbox-wrapper-checked {\n border: 1px solid ").concat(theme_1.straitsXTheme.brand.primary.default, ";\n }\n\n & .ant-checkbox-wrapper {\n padding-left: 16px;\n padding-top: 11px;\n padding-bottom: 11px;\n line-height: 1.6;\n color: ").concat(ColorStyles_1.NEUTRAL_COLORS.BLACK, ";\n font-family: ").concat(TypographyStyles_1.MAIN_FONT, ";\n }\n\n & .ant-checkbox {\n margin-top: 4px;\n }\n\n & .ant-checkbox + span {\n padding-left: 10px;\n padding-right: 10px;\n }\n\n & .ant-checkbox-checked .ant-checkbox-inner {\n background-color: ").concat(theme_1.straitsXTheme.brand.primary.illustration, ";\n border-color: ").concat(theme_1.straitsXTheme.brand.primary.default, ";\n }\n\n & .ant-checkbox-inner {\n border-radius: 5px;\n border: 1px solid ").concat(theme_1.straitsXTheme.brand.primary.default, ";\n }\n ");
|
|
35
|
-
return react_1.default.createElement(
|
|
34
|
+
return react_1.default.createElement(antd_1.Checkbox.Group, __assign({ className: "".concat((0, emotion_1.css)(style), " ").concat(className) }, props));
|
|
36
35
|
}
|
|
37
36
|
exports.default = {
|
|
38
|
-
Group: CheckboxGroup
|
|
37
|
+
Group: CheckboxGroup,
|
|
39
38
|
};
|
|
40
39
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Checkbox/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA,+BAAyB;AACzB,mCAA6B;AAC7B,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Checkbox/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA,+BAAyB;AACzB,mCAA6B;AAC7B,6BAA+B;AAE/B,yCAA+C;AAE/C,sDAAuD;AACvD,gEAAuD;AAIvD,SAAS,aAAa,CAAC,EAAwC;IAAtC,IAAA,iBAAc,EAAd,SAAS,mBAAG,EAAE,KAAA,EAAK,KAAK,cAA1B,aAA4B,CAAF;IAC/C,IAAM,KAAK,GAAG,uLASU,qBAAa,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,wFAI3B,qBAAa,CAAC,KAAK,CAAC,OAAO,CAAC,OAAO,6EAInC,qBAAa,CAAC,KAAK,CAAC,OAAO,CAAC,OAAO,4LAUrC,qBAAa,CAAC,KAAK,CAAC,OAAO,CAAC,OAAO,gLAQ9C,4BAAc,CAAC,KAAK,mCACd,4BAAS,0PAaJ,qBAAa,CAAC,KAAK,CAAC,OAAO,CAAC,YAAY,oCAC5C,qBAAa,CAAC,KAAK,CAAC,OAAO,CAAC,OAAO,yGAK/B,qBAAa,CAAC,KAAK,CAAC,OAAO,CAAC,OAAO,iBAE1D,CAAA;IAED,OAAO,8BAAC,eAAQ,CAAC,KAAK,aAAC,SAAS,EAAE,UAAG,IAAA,aAAG,EAAC,KAAK,CAAC,cAAI,SAAS,CAAE,IAAM,KAAK,EAAI,CAAA;AAC/E,CAAC;AAED,kBAAe;IACb,KAAK,EAAE,aAAa;CACrB,CAAA"}
|
|
@@ -7,15 +7,17 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
7
7
|
exports.CopyButton = exports.TextValueStyles = exports.TextContainer = exports.CopyContainer = exports.IconContainer = exports.TooltipContainer = exports.LabelContainer = exports.Container = void 0;
|
|
8
8
|
var theme_1 = require("src/theme/theme");
|
|
9
9
|
var styled_1 = require("@emotion/styled");
|
|
10
|
-
var
|
|
10
|
+
var antd_1 = require("antd");
|
|
11
11
|
var fontStyles_1 = require("src/constants/fontStyles");
|
|
12
12
|
exports.Container = styled_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n display: flex;\n flex-direction: column;\n gap: 4px;\n"], ["\n display: flex;\n flex-direction: column;\n gap: 4px;\n"])));
|
|
13
13
|
exports.LabelContainer = styled_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n display: flex;\n align-items: center;\n gap: 4px;\n"], ["\n display: flex;\n align-items: center;\n gap: 4px;\n"])));
|
|
14
14
|
exports.TooltipContainer = styled_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n display: flex;\n align-items: center;\n"], ["\n display: flex;\n align-items: center;\n"])));
|
|
15
|
-
exports.IconContainer = styled_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n display: flex;\n align-items: center;\n gap: 4px;\n > svg {\n width: ", "!important;\n height: 24px;\n }\n"], ["\n display: flex;\n align-items: center;\n gap: 4px;\n > svg {\n width: ", "!important;\n height: 24px;\n }\n"])), function (props) {
|
|
15
|
+
exports.IconContainer = styled_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n display: flex;\n align-items: center;\n gap: 4px;\n > svg {\n width: ", "!important;\n height: 24px;\n }\n"], ["\n display: flex;\n align-items: center;\n gap: 4px;\n > svg {\n width: ", "!important;\n height: 24px;\n }\n"])), function (props) {
|
|
16
|
+
return props.iconSize === 'wide' ? '48px' : '24px';
|
|
17
|
+
});
|
|
16
18
|
exports.CopyContainer = styled_1.default.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n display: flex;\n background: ", ";\n border-radius: 12px;\n border: 1px solid ", ";\n min-height: 48px;\n"], ["\n display: flex;\n background: ", ";\n border-radius: 12px;\n border: 1px solid ", ";\n min-height: 48px;\n"])), theme_1.straitsXTheme.color.surface.disabledSurface, theme_1.straitsXTheme.color.base.line);
|
|
17
19
|
exports.TextContainer = styled_1.default.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n display: flex;\n align-items: center;\n gap: 8px;\n padding: 12px 16px;\n flex: 1 1 0px;\n"], ["\n display: flex;\n align-items: center;\n gap: 8px;\n padding: 12px 16px;\n flex: 1 1 0px;\n"])));
|
|
18
20
|
exports.TextValueStyles = styled_1.default.div(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n color: ", ";\n line-height: '24px';\n max-height: ", ";\n word-break: ", ";\n"], ["\n color: ", ";\n line-height: '24px';\n max-height: ", ";\n word-break: ", ";\n"])), theme_1.straitsXTheme.color.base.onNeutral, function (props) { return (props.isBankAddress ? 'auto' : '48px'); }, function (props) { return (props.isBankAddress ? 'break-word' : 'break-all'); });
|
|
19
|
-
exports.CopyButton = (0, styled_1.default)(
|
|
21
|
+
exports.CopyButton = (0, styled_1.default)(antd_1.Button)(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n &.ant-btn {\n text-shadow: none;\n -webkit-font-smoothing: antialiased;\n box-shadow: none;\n display: flex;\n align-items: center;\n justify-content: center;\n border-top-left-radius: 0px;\n border-bottom-left-radius: 0px;\n border-top-right-radius: 12px;\n border-bottom-right-radius: 12px;\n border-left: 1px solid ", " !important;\n border-right: 0px;\n border-block: 0px;\n background: ", ";\n padding: 12px;\n min-width: unset;\n min-height: unset;\n height: auto;\n & > svg {\n vertical-align: middle;\n font-size: 16px;\n margin: 0px;\n }\n ", ";\n &[ant-click-animating-without-extra-node]:after {\n --antd-wave-shadow-color: ", ";\n }\n }\n"], ["\n &.ant-btn {\n text-shadow: none;\n -webkit-font-smoothing: antialiased;\n box-shadow: none;\n display: flex;\n align-items: center;\n justify-content: center;\n border-top-left-radius: 0px;\n border-bottom-left-radius: 0px;\n border-top-right-radius: 12px;\n border-bottom-right-radius: 12px;\n border-left: 1px solid ", " !important;\n border-right: 0px;\n border-block: 0px;\n background: ", ";\n padding: 12px;\n min-width: unset;\n min-height: unset;\n height: auto;\n & > svg {\n vertical-align: middle;\n font-size: 16px;\n margin: 0px;\n }\n ", ";\n &[ant-click-animating-without-extra-node]:after {\n --antd-wave-shadow-color: ", ";\n }\n }\n"])), theme_1.straitsXTheme.color.base.line, theme_1.straitsXTheme.color.surface.neutral, fontStyles_1.baseStyle, theme_1.straitsXTheme.brand.primary.default);
|
|
20
22
|
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8;
|
|
21
23
|
//# sourceMappingURL=styles.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/CopyBox/styles.ts"],"names":[],"mappings":";;;;;;;AAAA,yCAA+C;AAC/C,0CAAoC;AACpC,
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/CopyBox/styles.ts"],"names":[],"mappings":";;;;;;;AAAA,yCAA+C;AAC/C,0CAAoC;AACpC,6BAA6B;AAC7B,uDAAqE;AAExD,QAAA,SAAS,GAAG,gBAAM,CAAC,GAAG,iIAAA,8DAIlC,KAAA;AAEY,QAAA,cAAc,GAAG,gBAAM,CAAC,GAAG,8HAAA,2DAIvC,KAAA;AACY,QAAA,gBAAgB,GAAG,gBAAM,CAAC,GAAG,iHAAA,8CAGzC,KAAA;AACY,QAAA,aAAa,GAAG,gBAAM,CAAC,GAAG,6LAAkC,iFAK5D,EACoC,uCAGhD,KAJY,UAAC,KAAK;IACb,OAAA,KAAK,CAAC,QAAQ,KAAK,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM;AAA3C,CAA2C,EAGhD;AACY,QAAA,aAAa,GAAG,gBAAM,CAAC,GAAG,sLAAA,oCAEvB,EAA2C,iDAErC,EAA6B,0BAElD,KAJe,qBAAa,CAAC,KAAK,CAAC,OAAO,CAAC,eAAe,EAErC,qBAAa,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,EAElD;AACY,QAAA,aAAa,GAAG,gBAAM,CAAC,GAAG,uKAAA,oGAMtC,KAAA;AAEY,QAAA,eAAe,GAAG,gBAAM,CAAC,GAAG,yJAA4B,aAC1D,EAAkC,2CAE7B,EAAkD,mBAClD,EAA6D,KAC5E,KAJU,qBAAa,CAAC,KAAK,CAAC,IAAI,CAAC,SAAS,EAE7B,UAAC,KAAK,IAAK,OAAA,CAAC,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,EAAvC,CAAuC,EAClD,UAAC,KAAK,IAAK,OAAA,CAAC,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,WAAW,CAAC,EAAlD,CAAkD,EAC5E;AAEY,QAAA,UAAU,GAAG,IAAA,gBAAM,EAAC,aAAM,CAAC,6yBAAA,qWAYX,EAA6B,gFAGxC,EAAmC,gMAU/C,EAAa,4FAEe,EAAmC,iBAGpE,KAlB4B,qBAAa,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,EAGxC,qBAAa,CAAC,KAAK,CAAC,OAAO,CAAC,OAAO,EAU/C,sBAAa,EAEe,qBAAa,CAAC,KAAK,CAAC,OAAO,CAAC,OAAO,EAGpE"}
|
|
@@ -25,8 +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
|
|
29
|
-
require("antd/es/date-picker/style/css");
|
|
28
|
+
var antd_1 = require("antd");
|
|
30
29
|
var Typography_1 = require("src/components/Typography");
|
|
31
30
|
var TypographyStyles_1 = require("src/shared/TypographyStyles");
|
|
32
31
|
var ColorStyles_1 = require("src/shared/ColorStyles");
|
|
@@ -46,6 +45,6 @@ function default_1(_a) {
|
|
|
46
45
|
label && (react_1.default.createElement(Typography_1.P1Bold, { style: { display: 'flex', marginBottom: spacing.xs } },
|
|
47
46
|
label,
|
|
48
47
|
required && react_1.default.createElement(Asterisk, null))),
|
|
49
|
-
react_1.default.createElement(
|
|
48
|
+
react_1.default.createElement(antd_1.DatePicker, __assign({ className: "".concat((0, emotion_1.css)(style)), dropdownClassName: (0, emotion_1.css)(dropdownStyle), disabled: disabled }, rest))));
|
|
50
49
|
}
|
|
51
50
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/DatePicker/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;
|
|
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,iGAMV,QAAQ;QACN,CAAC,CAAC,uCAEH;QACC,CAAC,CAAC,EAAE,yKASY,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,yUAef,4BAAc,CAAC,IAAI,mFAId,4BAAc,CAAC,IAAI,wCACb,4BAAc,CAAC,IAAI,mFAI9B,4BAAc,CAAC,KAAK,6JAMT,qBAAa,CAAC,KAAK,CAAC,OAAO,CAAC,OAAO,2OAOvC,qBAAa,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,0BAGzD,CAAA;IAED,IAAM,aAAa,GAAG,mHAEE,qBAAa,CAAC,KAAK,CAAC,OAAO,CAAC,OAAO,iBAE1D,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,iBAAiB,EAAE,IAAA,aAAG,EAAC,aAAa,CAAC,EACrC,QAAQ,EAAE,QAAQ,IACd,IAAI,EACR,CACD,CACJ,CAAA;AACH,CAAC"}
|
|
@@ -29,19 +29,19 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
29
29
|
exports.default = default_1;
|
|
30
30
|
var react_1 = require("react");
|
|
31
31
|
var styled_1 = require("@emotion/styled");
|
|
32
|
-
var
|
|
33
|
-
require("antd/es/dropdown/style/css");
|
|
34
|
-
require("antd/es/menu/style/css");
|
|
32
|
+
var antd_1 = require("antd");
|
|
35
33
|
var fontStyles_1 = require("src/constants/fontStyles");
|
|
36
34
|
var ThemeContext_1 = require("src/theme/ThemeContext");
|
|
37
35
|
function default_1(_a) {
|
|
38
|
-
var
|
|
36
|
+
var menu = _a.menu, children = _a.children, _b = _a.type, type = _b === void 0 ? 'default' : _b, _c = _a.placement, placement = _c === void 0 ? 'bottomLeft' : _c, _d = _a.className, className = _d === void 0 ? '' : _d, _e = _a.trigger, trigger = _e === void 0 ? ['click'] : _e, _f = _a.disabled, disabled = _f === void 0 ? false : _f, rest = __rest(_a, ["menu", "children", "type", "placement", "className", "trigger", "disabled"]);
|
|
39
37
|
var _g = (0, ThemeContext_1.useTheme)(), brand = _g.brand, spacing = _g.spacing;
|
|
40
38
|
var primaryStyle = "\n background-color: ".concat(brand.action.default, ";\n color: ").concat(brand.primary.contrast, ";\n border: 1px solid ").concat(brand.primary.contrast, ";\n\n &:focus {\n background-color: ").concat(brand.action.default, ";\n color: ").concat(brand.primary.contrast, ";\n border: 1px solid ").concat(brand.primary.contrast, ";\n }\n\n &:active {\n background-color: ").concat(brand.action.default, ";\n color: ").concat(brand.primary.contrast, ";\n border: 1px solid ").concat(brand.primary.contrast, ";\n }\n\n &:hover {\n background-color: ").concat(brand.action.hover, ";\n color: ").concat(brand.primary.contrast, ";\n border: 1px solid ").concat(brand.primary.contrast, ";\n }\n ");
|
|
41
39
|
var disabledStyle = "\n cursor: auto;\n pointer-events: none;\n opacity: ".concat(brand.action.disabledOpacity, ";\n ");
|
|
42
|
-
var DropdownButton = (0, styled_1.default)(
|
|
40
|
+
var DropdownButton = (0, styled_1.default)(antd_1.Dropdown.Button)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n &.ant-btn-group > .ant-btn:first-child:not(:last-child) {\n text-shadow: none;\n -webkit-font-smoothing: antialiased;\n border-top-left-radius: 5px;\n border-bottom-left-radius: 5px;\n height: unset;\n box-shadow: none;\n line-height: 0.75;\n ", ";\n ", ";\n ", ";\n ", "\n padding: ", ";\n }\n\n &.ant-btn-group > .ant-btn:last-child:not(:first-child) {\n text-shadow: none;\n -webkit-font-smoothing: antialiased;\n border-top-right-radius: 5px;\n border-bottom-right-radius: 5px;\n height: 44px;\n min-width: 45px;\n line-height: 0.75;\n box-shadow: none;\n ", ";\n ", ";\n ", ";\n ", "\n padding: ", ";\n }\n "], ["\n &.ant-btn-group > .ant-btn:first-child:not(:last-child) {\n text-shadow: none;\n -webkit-font-smoothing: antialiased;\n border-top-left-radius: 5px;\n border-bottom-left-radius: 5px;\n height: unset;\n box-shadow: none;\n line-height: 0.75;\n ", ";\n ", ";\n ", ";\n ", "\n padding: ", ";\n }\n\n &.ant-btn-group > .ant-btn:last-child:not(:first-child) {\n text-shadow: none;\n -webkit-font-smoothing: antialiased;\n border-top-right-radius: 5px;\n border-bottom-right-radius: 5px;\n height: 44px;\n min-width: 45px;\n line-height: 0.75;\n box-shadow: none;\n ", ";\n ", ";\n ", ";\n ", "\n padding: ", ";\n }\n "])), fontStyles_1.baseStyle, fontStyles_1.buttonStyle, primaryStyle, disabled === true && disabledStyle, spacing.md, fontStyles_1.baseStyle, fontStyles_1.buttonStyle, primaryStyle, disabled === true && disabledStyle, spacing.sm);
|
|
43
41
|
if (type === 'split') {
|
|
44
|
-
return (react_1.default.createElement(DropdownButton, __assign({ className: className,
|
|
42
|
+
return (react_1.default.createElement(DropdownButton, __assign({ className: className,
|
|
43
|
+
// @ts-expect-error - antd v5 menu prop expects MenuProps but we support ReactElement for backward compatibility
|
|
44
|
+
menu: menu, placement: placement, trigger: trigger }, rest), children));
|
|
45
45
|
}
|
|
46
46
|
var dropdownRef = (0, react_1.useRef)(null);
|
|
47
47
|
(0, react_1.useEffect)(function () {
|
|
@@ -51,16 +51,22 @@ function default_1(_a) {
|
|
|
51
51
|
}
|
|
52
52
|
};
|
|
53
53
|
var dropdownElement = dropdownRef.current;
|
|
54
|
-
dropdownElement
|
|
54
|
+
if (dropdownElement) {
|
|
55
55
|
dropdownElement.addEventListener('touchmove', handleTouchMove, {
|
|
56
|
-
passive: true
|
|
56
|
+
passive: true,
|
|
57
57
|
});
|
|
58
|
+
}
|
|
58
59
|
return function () {
|
|
59
|
-
dropdownElement
|
|
60
|
+
if (dropdownElement) {
|
|
60
61
|
dropdownElement.removeEventListener('touchmove', handleTouchMove);
|
|
62
|
+
}
|
|
61
63
|
};
|
|
62
64
|
}, []);
|
|
63
|
-
return (react_1.default.createElement(
|
|
65
|
+
return (react_1.default.createElement(antd_1.Dropdown
|
|
66
|
+
// @ts-expect-error - antd v5 menu prop expects MenuProps but we support ReactElement for backward compatibility
|
|
67
|
+
, __assign({
|
|
68
|
+
// @ts-expect-error - antd v5 menu prop expects MenuProps but we support ReactElement for backward compatibility
|
|
69
|
+
menu: menu, placement: placement, trigger: trigger }, rest),
|
|
64
70
|
react_1.default.createElement("div", { ref: dropdownRef }, children)));
|
|
65
71
|
}
|
|
66
72
|
var templateObject_1;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Dropdown/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Dropdown/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -5,7 +5,7 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
|
|
|
5
5
|
};
|
|
6
6
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
7
7
|
var react_1 = require("react");
|
|
8
|
-
var
|
|
8
|
+
var antd_1 = require("antd");
|
|
9
9
|
var styled_1 = require("@emotion/styled");
|
|
10
10
|
var colors_1 = require("src/constants/Colors/colors");
|
|
11
11
|
var EmptyIcon_1 = require("src/icons/EmptyIcon");
|
|
@@ -14,7 +14,7 @@ var EmptyData = function (_a) {
|
|
|
14
14
|
var _b = _a.title, title = _b === void 0 ? 'No results found' : _b, subtitle = _a.subtitle, info = _a.info, _c = _a.svgUniqueId, svgUniqueId = _c === void 0 ? 'randomString' : _c;
|
|
15
15
|
var centerSvgStyle = { marginBottom: 10, display: 'block', margin: 'auto' };
|
|
16
16
|
return (react_1.default.createElement(Container, null,
|
|
17
|
-
react_1.default.createElement(
|
|
17
|
+
react_1.default.createElement(antd_1.Empty, { image: react_1.default.createElement(EmptyIcon_1.default, { id: svgUniqueId, height: 80, width: 130 }), imageStyle: centerSvgStyle, description: false }),
|
|
18
18
|
title && react_1.default.createElement(Title, null, title),
|
|
19
19
|
subtitle && react_1.default.createElement(Subtitle, null, subtitle),
|
|
20
20
|
info && react_1.default.createElement(Info, null, info)));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/EmptyData/index.tsx"],"names":[],"mappings":";;;;;;AAAA,+BAAyB;AACzB,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/EmptyData/index.tsx"],"names":[],"mappings":";;;;;;AAAA,+BAAyB;AACzB,6BAA4B;AAC5B,0CAAoC;AACpC,sDAAyD;AACzD,iDAA2C;AAC3C,4CAA0C;AAS1C,IAAM,SAAS,GAAG,UAAC,EAKF;QAJf,aAA0B,EAA1B,KAAK,mBAAG,kBAAkB,KAAA,EAC1B,QAAQ,cAAA,EACR,IAAI,UAAA,EACJ,mBAA4B,EAA5B,WAAW,mBAAG,cAAc,KAAA;IAE5B,IAAM,cAAc,GAAG,EAAE,YAAY,EAAE,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,CAAA;IAC7E,OAAO,CACL,8BAAC,SAAS;QACR,8BAAC,YAAK,IACJ,KAAK,EAAE,8BAAC,mBAAS,IAAC,EAAE,EAAE,WAAW,EAAE,MAAM,EAAE,EAAE,EAAE,KAAK,EAAE,GAAG,GAAI,EAC7D,UAAU,EAAE,cAAc,EAC1B,WAAW,EAAE,KAAK,GAClB;QACD,KAAK,IAAI,8BAAC,KAAK,QAAE,KAAK,CAAS;QAC/B,QAAQ,IAAI,8BAAC,QAAQ,QAAE,QAAQ,CAAY;QAC3C,IAAI,IAAI,8BAAC,IAAI,QAAE,IAAI,CAAQ,CAClB,CACb,CAAA;AACH,CAAC,CAAA;AAED,IAAM,SAAS,GAAG,gBAAM,CAAC,GAAG,kLAAA,+GAM3B,IAAA,CAAA;AAED,IAAM,KAAK,GAAG,IAAA,gBAAM,EAAC,mBAAM,CAAC,0IAAA,uEAI3B,IAAA,CAAA;AAED,IAAM,QAAQ,GAAG,IAAA,gBAAM,EAAC,eAAE,CAAC,kLAAA,oCAEhB,EAAS,yEAInB,KAJU,aAAI,CAAC,IAAI,CAInB,CAAA;AAED,IAAM,IAAI,GAAG,IAAA,gBAAM,EAAC,eAAE,CAAC,mLAAA,oCAEZ,EAAa,0EAIvB,KAJU,cAAK,CAAC,OAAO,CAIvB,CAAA;AAED,kBAAe,SAAS,CAAA"}
|
|
@@ -28,20 +28,19 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
28
28
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
29
29
|
var react_1 = require("react");
|
|
30
30
|
var emotion_1 = require("emotion");
|
|
31
|
-
var
|
|
32
|
-
require("antd/es/form/style/css");
|
|
31
|
+
var antd_1 = require("antd");
|
|
33
32
|
var ColorStyles_1 = require("src/shared/ColorStyles");
|
|
34
33
|
var TypographyStyles_1 = require("src/shared/TypographyStyles");
|
|
35
34
|
var baseStyle = (0, emotion_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n & .ant-form-item {\n margin-bottom: 0;\n }\n\n & .ant-form-item-has-error {\n font-family: ", ";\n font-size: ", ";\n line-height: 17px;\n\n & .ant-form-item-explain {\n color: ", ";\n padding-top: 5px;\n padding-bottom: 5px;\n }\n\n & .ant-input,\n .ant-picker-input,\n .ant-select-selector {\n color: ", ";\n\n &::placeholder,\n input::placeholder,\n .ant-select-selection-placeholder {\n color: ", ";\n font-weight: 400;\n }\n }\n\n & .ant-input,\n .ant-picker,\n .ant-select,\n .ant-select-selector {\n border-top-right-radius: 5px;\n border-bottom-right-radius: 5px;\n border-color: ", " !important;\n background-color: ", ";\n\n &:hover {\n border-color: ", ";\n background-color: ", ";\n }\n\n &:focus {\n border-color: ", ";\n -webkit-box-shadow: 0 0 0 3px ", ";\n box-shadow: 0 0 0 3px ", ";\n background-color: ", ";\n }\n }\n\n & .ant-input-group-addon:not(:last-child) {\n color: ", ";\n background-color: ", ";\n border-top-left-radius: 5px;\n border-bottom-left-radius: 5px;\n border-color: ", ";\n border-right: 0;\n }\n }\n"], ["\n & .ant-form-item {\n margin-bottom: 0;\n }\n\n & .ant-form-item-has-error {\n font-family: ", ";\n font-size: ", ";\n line-height: 17px;\n\n & .ant-form-item-explain {\n color: ", ";\n padding-top: 5px;\n padding-bottom: 5px;\n }\n\n & .ant-input,\n .ant-picker-input,\n .ant-select-selector {\n color: ", ";\n\n &::placeholder,\n input::placeholder,\n .ant-select-selection-placeholder {\n color: ", ";\n font-weight: 400;\n }\n }\n\n & .ant-input,\n .ant-picker,\n .ant-select,\n .ant-select-selector {\n border-top-right-radius: 5px;\n border-bottom-right-radius: 5px;\n border-color: ", " !important;\n background-color: ", ";\n\n &:hover {\n border-color: ", ";\n background-color: ", ";\n }\n\n &:focus {\n border-color: ", ";\n -webkit-box-shadow: 0 0 0 3px ", ";\n box-shadow: 0 0 0 3px ", ";\n background-color: ", ";\n }\n }\n\n & .ant-input-group-addon:not(:last-child) {\n color: ", ";\n background-color: ", ";\n border-top-left-radius: 5px;\n border-bottom-left-radius: 5px;\n border-color: ", ";\n border-right: 0;\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);
|
|
36
35
|
var MainForm = function (_a) {
|
|
37
36
|
var _b = _a.className, className = _b === void 0 ? '' : _b, children = _a.children, rest = __rest(_a, ["className", "children"]);
|
|
38
|
-
return (react_1.default.createElement(
|
|
37
|
+
return (react_1.default.createElement(antd_1.Form, __assign({ className: (0, emotion_1.cx)(baseStyle, className) }, rest), children));
|
|
39
38
|
};
|
|
40
39
|
MainForm.Item = function (_a) {
|
|
41
40
|
var _b = _a.className, className = _b === void 0 ? '' : _b, rest = __rest(_a, ["className"]);
|
|
42
|
-
return react_1.default.createElement(
|
|
41
|
+
return react_1.default.createElement(antd_1.Form.Item, __assign({ className: (0, emotion_1.cx)(baseStyle, className) }, rest));
|
|
43
42
|
};
|
|
44
|
-
MainForm.useForm =
|
|
43
|
+
MainForm.useForm = antd_1.Form.useForm;
|
|
45
44
|
exports.default = MainForm;
|
|
46
45
|
var templateObject_1;
|
|
47
46
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Form/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+BAAyB;AACzB,mCAAiC;AACjC,
|
|
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,qzCAAA,yGAMF,EAAS,oBACX,EAAY,4EAId,EAAe,uJAQf,EAAe,mHAKb,EAAe,sOAWV,EAAe,wCACX,EAAe,8CAGjB,EAAe,+BACX,EAAe,uDAInB,EAAe,2CACC,EAAe,mCACvB,EAAe,+BACnB,EAAe,qFAK5B,EAAe,6BACJ,EAAe,oGAGnB,EAAe,yCAIpC,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"}
|
|
@@ -26,15 +26,15 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
26
26
|
return t;
|
|
27
27
|
};
|
|
28
28
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
29
|
+
/* eslint-disable max-lines */
|
|
29
30
|
var react_1 = require("react");
|
|
30
31
|
var emotion_1 = require("emotion");
|
|
31
32
|
var styled_1 = require("@emotion/styled");
|
|
32
|
-
var
|
|
33
|
+
var antd_1 = require("antd");
|
|
33
34
|
var Typography_1 = require("src/components/Typography");
|
|
34
35
|
var Link_1 = require("src/components/Link");
|
|
35
36
|
var ThemeContext_1 = require("src/theme/ThemeContext");
|
|
36
37
|
var icons_1 = require("src/icons");
|
|
37
|
-
require("antd/es/input/style/css");
|
|
38
38
|
// deprecated constants
|
|
39
39
|
var ColorStyles_1 = require("src/shared/ColorStyles");
|
|
40
40
|
var theme_1 = require("src/theme/theme");
|
|
@@ -56,7 +56,7 @@ var MainInput = function (_a) {
|
|
|
56
56
|
label,
|
|
57
57
|
required && react_1.default.createElement(Asterisk, null)),
|
|
58
58
|
optional && react_1.default.createElement(OptionalText, null))),
|
|
59
|
-
react_1.default.createElement(
|
|
59
|
+
react_1.default.createElement(antd_1.Input, __assign({ className: "".concat((0, emotion_1.css)(style), " ").concat(className), addonBefore: addonBefore, placeholder: placeholder, disabled: disabled }, rest))));
|
|
60
60
|
};
|
|
61
61
|
MainInput.Password = function (_a) {
|
|
62
62
|
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"]);
|
|
@@ -65,15 +65,15 @@ MainInput.Password = function (_a) {
|
|
|
65
65
|
react_1.default.createElement(Typography_1.P1Bold, null,
|
|
66
66
|
label,
|
|
67
67
|
required && react_1.default.createElement(Asterisk, null)))),
|
|
68
|
-
react_1.default.createElement(
|
|
68
|
+
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))));
|
|
69
69
|
};
|
|
70
70
|
MainInput.Search = function (_a) {
|
|
71
71
|
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"]);
|
|
72
72
|
var _e = (0, ThemeContext_1.useTheme)(), neutral = _e.neutral, text = _e.text, primary = _e.brand.primary;
|
|
73
73
|
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 ");
|
|
74
|
-
return (react_1.default.createElement(
|
|
74
|
+
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: {
|
|
75
75
|
display: 'grid',
|
|
76
|
-
justifyContent: 'center'
|
|
76
|
+
justifyContent: 'center',
|
|
77
77
|
}, onClick: onSearch },
|
|
78
78
|
react_1.default.createElement(icons_1.Search, { style: { color: neutral.emphasis } })) }, rest)));
|
|
79
79
|
};
|
|
@@ -86,9 +86,9 @@ MainInput.TextArea = function (_a) {
|
|
|
86
86
|
label,
|
|
87
87
|
required && react_1.default.createElement(Asterisk, null)),
|
|
88
88
|
optional && react_1.default.createElement(OptionalText, null))),
|
|
89
|
-
react_1.default.createElement(
|
|
89
|
+
react_1.default.createElement(antd_1.Input.TextArea, __assign({ className: "".concat((0, emotion_1.css)(textAreaStyle), " ").concat(className) }, rest))));
|
|
90
90
|
};
|
|
91
|
-
MainInput.Group =
|
|
91
|
+
MainInput.Group = antd_1.Input.Group;
|
|
92
92
|
exports.default = MainInput;
|
|
93
93
|
var templateObject_1;
|
|
94
94
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Input/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+BAAyB;AACzB,mCAA6B;AAC7B,0CAAoC;AACpC,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Input/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -3,13 +3,12 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
3
3
|
exports.default = default_1;
|
|
4
4
|
var react_1 = require("react");
|
|
5
5
|
var emotion_1 = require("emotion");
|
|
6
|
-
var
|
|
7
|
-
require("antd/es/pagination/style/css");
|
|
6
|
+
var antd_1 = require("antd");
|
|
8
7
|
var ColorStyles_1 = require("src/shared/ColorStyles");
|
|
9
8
|
var TypographyStyles_1 = require("src/shared/TypographyStyles");
|
|
10
9
|
function default_1(_a) {
|
|
11
10
|
var current = _a.current, pageSize = _a.pageSize, total = _a.total, onChange = _a.onChange, showSizeChanger = _a.showSizeChanger, onShowSizeChange = _a.onShowSizeChange, pageSizeOptions = _a.pageSizeOptions;
|
|
12
11
|
var style = "\n -webkit-font-smoothing: antialiased;\n\n & > .ant-pagination-prev {\n height: 36px;\n line-height: 36px;\n min-width: 36px;\n margin-right: 5px;\n }\n\n & > .ant-pagination-prev .ant-pagination-item-link {\n border-radius: 5px;\n border: 1px solid ".concat(ColorStyles_1.NEUTRAL_COLORS.G200, ";\n }\n\n & > .ant-pagination-item {\n height: 36px;\n line-height: 36px;\n min-width: 36px;\n font-family: ").concat(TypographyStyles_1.MAIN_FONT, ";\n border-radius: 5px;\n border: 1px solid ").concat(ColorStyles_1.NEUTRAL_COLORS.G200, ";\n margin-right: 5px;\n transition: 0.3s all;\n }\n\n & > .ant-pagination-item-active {\n border-color: ").concat(ColorStyles_1.MAIN_COLORS.PRIMARY_BLUE, ";\n }\n\n & > .ant-pagination-next {\n height: 36px;\n line-height: 36px;\n min-width: 36px;\n margin-right: 5px;\n }\n\n & > .ant-pagination-next .ant-pagination-item-link {\n border-radius: 5px;\n }\n ");
|
|
13
|
-
return (react_1.default.createElement(
|
|
12
|
+
return (react_1.default.createElement(antd_1.Pagination, { className: "".concat((0, emotion_1.css)(style)), current: current, pageSize: pageSize, total: total, onChange: onChange, showSizeChanger: showSizeChanger, onShowSizeChange: onShowSizeChange, pageSizeOptions: pageSizeOptions }));
|
|
14
13
|
}
|
|
15
14
|
//# sourceMappingURL=index.js.map
|