@xfers/design-system 4.7.2-dev.13a2dfe18b → 4.7.2-dev.81d0f0c1f0
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 +9 -10
- 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 +4 -5
- 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 +6 -7
- 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 +5 -6
- package/dist/components/Form/index.js.map +1 -1
- package/dist/components/Input/index.js +6 -7
- 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 +6 -7
- package/dist/components/Radio/index.js.map +1 -1
- package/dist/components/RangePicker/index.js +4 -5
- 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 +2 -3
- package/dist/components/Select/index.js.map +1 -1
- package/dist/components/Select/style.js +2 -2
- package/dist/components/Select/style.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 +4 -5
- package/dist/components/Tooltip/index.js.map +1 -1
- package/dist/index.js +4 -2
- package/dist/index.js.map +1 -1
- package/dist/shared/momentDatePicker.js +9 -0
- package/dist/shared/momentDatePicker.js.map +1 -0
- 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/DynamicSelect/DynamicSelect.d.ts +1 -1
- package/dist/types/components/Form/index.d.ts +1 -2
- package/dist/types/components/Grid/Section.d.ts +1 -1
- 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 +2 -2
- package/dist/types/components/Select/index.d.ts +1 -2
- package/dist/types/components/Select/style.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/dist/types/index.d.ts +1 -0
- package/dist/types/shared/momentDatePicker.d.ts +34 -0
- package/es/index.js +4 -24
- package/es/index.js.map +1 -1
- package/package.json +2 -3
|
@@ -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");
|
|
@@ -38,12 +37,12 @@ var styles_1 = require("./styles");
|
|
|
38
37
|
var CustomButton = function (_a) {
|
|
39
38
|
var _b = _a.type, type = _b === void 0 ? 'primary' : _b, size = _a.size, iconColor = _a.iconColor, _c = _a.isDisabled, isDisabled = _c === void 0 ? false : _c, _d = _a.isFullWidth, isFullWidth = _d === void 0 ? false : _d, _e = _a.className, className = _e === void 0 ? '' : _e, children = _a.children, icon = _a.icon, rest = __rest(_a, ["type", "size", "iconColor", "isDisabled", "isFullWidth", "className", "children", "icon"]);
|
|
40
39
|
var _f = (0, ThemeContext_1.useTheme)(), brand = _f.brand, button = _f.button, actionButton = _f.actionButton, color = _f.color;
|
|
41
|
-
var primaryStyle = "\n background-color: ".concat(brand.action.default, ";\n color: ").concat(brand.primary.contrast, ";\n border: none;\n\n &:focus {\n background-color: ").concat(brand.action.default, ";\n border: none;\n }\n \n &:active {\n background-color: ").concat(brand.action.pressed, ";\n border: none;\n }\n \n &:hover {\n background-color: ").concat(brand.action.hover, ";\n border: none;\n }\n ");
|
|
42
|
-
var secondaryStyle = "\n background-color: ".concat(button.background, ";\n color: ").concat(brand.primary.contrast, ";\n border: 1px solid ").concat(button.border, ";\n\n &:focus {\n background-color: ").concat(button.background, ";\n border: 1px solid ").concat(button.border, ";\n }\n\n &:hover {\n background-color: ").concat(brand.secondary.action.hover, ";\n border: 1px solid ").concat(button.border, ";\n }\n\n &:active {\n background-color: ").concat(brand.secondary.action.pressed, ";\n border: 1px solid ").concat(button.border, ";\n }\n\n &[ant-click-animating-without-extra-node]:after {\n --antd-wave-shadow-color: ").concat(theme_1.straitsXTheme.brand.primary.default, ";\n }\n ");
|
|
43
|
-
var tertiaryStyle = "\n background-color: transparent;\n color: ".concat(brand.primary.contrast, ";\n border: none;\n\n &:focus {\n background-color: transparent;\n border: none;\n }\n\n &:hover {\n background-color: ").concat(brand.tertiary.action.hover, ";\n border: none;\n }\n\n &:active {\n background-color: ").concat(brand.tertiary.action.pressed, ";\n border: none;\n }\n ");
|
|
44
|
-
var primaryDisabledStyle = "\n cursor: not-allowed;\n background-color: ".concat(color.surface.disabledSurface, ";\n color: ").concat(color.surface.disabledOnSurface, ";\n border: none;\n \n &:hover, &:focus, &:active {\n cursor: not-allowed;\n background-color: ").concat(color.surface.disabledSurface, ";\n color: ").concat(color.surface.disabledOnSurface, ";\n border: none;\n }\n ");
|
|
45
|
-
var secondaryDisabledStyle = "\n cursor: not-allowed;\n background-color: ".concat(button.background, ";\n color: ").concat(color.surface.disabledOnSurface, ";\n border: 1px solid ").concat(colors_1.GREY.S300, ";\n \n &:hover, &:focus, &:active {\n cursor: not-allowed;\n background-color: ").concat(button.background, ";\n color: ").concat(color.surface.disabledOnSurface, ";\n border: 1px solid ").concat(colors_1.GREY.BASE, ";\n }\n ");
|
|
46
|
-
var tertiaryDisabledStyle = "\n cursor: not-allowed;\n background-color: transparent;\n color: ".concat(color.surface.disabledOnSurface, ";\n border: none;\n \n &:hover, &:focus, &:active {\n cursor: not-allowed;\n background-color: transparent;\n color: ").concat(color.surface.disabledOnSurface, ";\n border: none;\n }\n ");
|
|
40
|
+
var primaryStyle = "\n background-color: ".concat(brand.action.default, " !important;\n color: ").concat(brand.primary.contrast, " !important;\n border: none !important;\n\n &:focus {\n background-color: ").concat(brand.action.default, " !important;\n border: none !important;\n }\n \n &:active {\n background-color: ").concat(brand.action.pressed, " !important;\n border: none !important;\n }\n \n &:hover {\n background-color: ").concat(brand.action.hover, " !important;\n border: none !important;\n }\n ");
|
|
41
|
+
var secondaryStyle = "\n background-color: ".concat(button.background, " !important;\n color: ").concat(brand.primary.contrast, " !important;\n border: 1px solid ").concat(button.border, " !important;\n\n &:focus {\n background-color: ").concat(button.background, " !important;\n border: 1px solid ").concat(button.border, " !important;\n }\n\n &:hover {\n background-color: ").concat(brand.secondary.action.hover, " !important;\n border: 1px solid ").concat(button.border, " !important;\n }\n\n &:active {\n background-color: ").concat(brand.secondary.action.pressed, " !important;\n border: 1px solid ").concat(button.border, " !important;\n }\n\n &[ant-click-animating-without-extra-node]:after {\n --antd-wave-shadow-color: ").concat(theme_1.straitsXTheme.brand.primary.default, ";\n }\n ");
|
|
42
|
+
var tertiaryStyle = "\n background-color: transparent !important;\n color: ".concat(brand.primary.contrast, " !important;\n border: none !important;\n\n &:focus {\n background-color: transparent !important;\n border: none !important;\n }\n\n &:hover {\n background-color: ").concat(brand.tertiary.action.hover, " !important;\n border: none !important;\n }\n\n &:active {\n background-color: ").concat(brand.tertiary.action.pressed, " !important;\n border: none !important;\n }\n ");
|
|
43
|
+
var primaryDisabledStyle = "\n cursor: not-allowed !important;\n background-color: ".concat(color.surface.disabledSurface, " !important;\n color: ").concat(color.surface.disabledOnSurface, " !important;\n border: none !important;\n \n &:hover, &:focus, &:active {\n cursor: not-allowed !important;\n background-color: ").concat(color.surface.disabledSurface, " !important;\n color: ").concat(color.surface.disabledOnSurface, " !important;\n border: none !important;\n }\n ");
|
|
44
|
+
var secondaryDisabledStyle = "\n cursor: not-allowed !important;\n background-color: ".concat(button.background, " !important;\n color: ").concat(color.surface.disabledOnSurface, " !important;\n border: 1px solid ").concat(colors_1.GREY.S300, " !important;\n \n &:hover, &:focus, &:active {\n cursor: not-allowed !important;\n background-color: ").concat(button.background, " !important;\n color: ").concat(color.surface.disabledOnSurface, " !important;\n border: 1px solid ").concat(colors_1.GREY.BASE, " !important;\n }\n ");
|
|
45
|
+
var tertiaryDisabledStyle = "\n cursor: not-allowed !important;\n background-color: transparent !important;\n color: ".concat(color.surface.disabledOnSurface, " !important;\n border: none !important;\n \n &:hover, &:focus, &:active {\n cursor: not-allowed !important;\n background-color: transparent !important;\n color: ").concat(color.surface.disabledOnSurface, " !important;\n border: none !important;\n }\n ");
|
|
47
46
|
var getDisabledStyle = function () {
|
|
48
47
|
if (!isDisabled)
|
|
49
48
|
return '';
|
|
@@ -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,sCAC/B,KAAK,CAAC,OAAO,CAAC,QAAQ,kGAIT,KAAK,CAAC,MAAM,CAAC,OAAO,gHAKpB,KAAK,CAAC,MAAM,CAAC,OAAO,iHAKpB,KAAK,CAAC,MAAM,CAAC,KAAK,4DAGzC,CAAA;IACD,IAAM,cAAc,GAAG,kCACD,MAAM,CAAC,UAAU,sCAC5B,KAAK,CAAC,OAAO,CAAC,QAAQ,iDACX,MAAM,CAAC,MAAM,oEAGX,MAAM,CAAC,UAAU,mDACjB,MAAM,CAAC,MAAM,2EAIb,KAAK,CAAC,SAAS,CAAC,MAAM,CAAC,KAAK,mDAC5B,MAAM,CAAC,MAAM,4EAIb,KAAK,CAAC,SAAS,CAAC,MAAM,CAAC,OAAO,mDAC9B,MAAM,CAAC,MAAM,2HAIL,qBAAa,CAAC,KAAK,CAAC,OAAO,CAAC,OAAO,iBAElE,CAAA;IAED,IAAM,aAAa,GAAG,sEAEX,KAAK,CAAC,OAAO,CAAC,QAAQ,2MAST,KAAK,CAAC,QAAQ,CAAC,MAAM,CAAC,KAAK,4GAK3B,KAAK,CAAC,QAAQ,CAAC,MAAM,CAAC,OAAO,4DAGpD,CAAA;IAED,IAAM,oBAAoB,GAAG,uEAEP,KAAK,CAAC,OAAO,CAAC,eAAe,sCACxC,KAAK,CAAC,OAAO,CAAC,iBAAiB,gKAKlB,KAAK,CAAC,OAAO,CAAC,eAAe,wCACxC,KAAK,CAAC,OAAO,CAAC,iBAAiB,4DAG3C,CAAA;IAED,IAAM,sBAAsB,GAAG,uEAET,MAAM,CAAC,UAAU,sCAC5B,KAAK,CAAC,OAAO,CAAC,iBAAiB,iDACpB,aAAI,CAAC,IAAI,kIAIP,MAAM,CAAC,UAAU,wCAC5B,KAAK,CAAC,OAAO,CAAC,iBAAiB,mDACpB,aAAI,CAAC,IAAI,4BAEhC,CAAA;IAED,IAAM,qBAAqB,GAAG,2GAGnB,KAAK,CAAC,OAAO,CAAC,iBAAiB,sMAM7B,KAAK,CAAC,OAAO,CAAC,iBAAiB,4DAG3C,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
|
-
var style = "\n &.ant-checkbox-group {\n width: 100
|
|
35
|
-
return react_1.default.createElement(
|
|
33
|
+
var style = "\n &.ant-checkbox-group {\n width: 100% !important;\n }\n\n & .ant-checkbox-group-item {\n display: flex !important;\n align-items: flex-start !important;\n\n border: 1px solid ".concat(theme_1.straitsXTheme.brand.line.base, " !important;\n border-radius: 5px !important;\n\n &:hover {\n border: 1px solid ").concat(theme_1.straitsXTheme.brand.primary.default, " !important;\n }\n\n &:focus-within {\n border: 1px solid ").concat(theme_1.straitsXTheme.brand.primary.default, " !important;\n }\n\n &:not(:last-child) {\n margin-bottom: 10px !important;\n width: 100% !important;\n }\n }\n\n & .ant-checkbox-wrapper-checked {\n border: 1px solid ").concat(theme_1.straitsXTheme.brand.primary.default, " !important;\n }\n\n & .ant-checkbox-wrapper {\n padding-left: 16px !important;\n padding-top: 11px !important;\n padding-bottom: 11px !important;\n line-height: 1.6 !important;\n color: ").concat(ColorStyles_1.NEUTRAL_COLORS.BLACK, " !important;\n font-family: ").concat(TypographyStyles_1.MAIN_FONT, " !important;\n }\n\n & .ant-checkbox {\n margin-top: 4px !important;\n }\n\n & .ant-checkbox + span {\n padding-left: 10px !important;\n padding-right: 10px !important;\n }\n\n & .ant-checkbox-checked .ant-checkbox-inner {\n background-color: ").concat(theme_1.straitsXTheme.brand.primary.illustration, " !important;\n border-color: ").concat(theme_1.straitsXTheme.brand.primary.default, " !important;\n }\n\n & .ant-checkbox-inner {\n border-radius: 5px !important;\n border: 1px solid ").concat(theme_1.straitsXTheme.brand.primary.default, " !important;\n }\n ");
|
|
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,wNASU,qBAAa,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,8GAI3B,qBAAa,CAAC,KAAK,CAAC,OAAO,CAAC,OAAO,wFAInC,qBAAa,CAAC,KAAK,CAAC,OAAO,CAAC,OAAO,6NAUrC,qBAAa,CAAC,KAAK,CAAC,OAAO,CAAC,OAAO,uOAQ9C,4BAAc,CAAC,KAAK,8CACd,4BAAS,sSAaJ,qBAAa,CAAC,KAAK,CAAC,OAAO,CAAC,YAAY,+CAC5C,qBAAa,CAAC,KAAK,CAAC,OAAO,CAAC,OAAO,+HAK/B,qBAAa,CAAC,KAAK,CAAC,OAAO,CAAC,OAAO,4BAE1D,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 TypographyStyles_1 = require("src/shared/TypographyStyles");
|
|
31
30
|
var MaterialSymbols_1 = require("src/icons/MaterialSymbols/MaterialSymbols");
|
|
32
31
|
var ThemeContext_1 = require("src/theme/ThemeContext");
|
|
@@ -40,14 +39,14 @@ function default_1(_a) {
|
|
|
40
39
|
var borderColor = error
|
|
41
40
|
? theme.color.status.critical
|
|
42
41
|
: theme.color.base.line;
|
|
43
|
-
var style = "\n -webkit-font-smoothing: antialiased;\n height: ".concat(height, ";\n width: 100
|
|
44
|
-
? "\n pointer-events: none;\n "
|
|
45
|
-
: '', "\n\n &.ant-picker {\n border-radius: ").concat(borderRadius, ";\n border-color: ").concat(borderColor, ";\n padding: ").concat(padding, ";\n transition: 0.3s all ease;\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, ";\n font-style: normal;\n font-weight: normal;\n font-size: 14px;\n line-height: 22px;\n color: ").concat(theme.color.base.onNeutral, ";\n }\n\n & .ant-picker-input > input {\n font-size: 14px;\n color: ").concat(theme.color.base.onNeutral, ";\n }\n\n & .ant-picker-input > input::placeholder {\n font-size: 14px;\n color: ").concat(theme.color.component.placeholderInput, ";\n }\n\n &.ant-picker.ant-picker-disabled {\n background: ").concat(theme.color.surface.disabledSurface, ";\n border: 1px solid ").concat(theme.color.base.line, ";\n }\n\n & .ant-picker-input > input[disabled] {\n color: ").concat(theme.color.base.onNeutral, ";\n -webkit-text-fill-color: ").concat(theme.color.base.onNeutral, ";\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, ";\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, ";\n }\n }\n ");
|
|
46
|
-
var dropdownStyle = "\n .ant-picker-cell-in-view.ant-picker-cell-selected .ant-picker-cell-inner{\n background-color: ".concat(theme.color.base.primary2, ";\n }\n ");
|
|
42
|
+
var style = "\n -webkit-font-smoothing: antialiased;\n height: ".concat(height, " !important;\n width: 100% !important;\n\n ").concat(disabled
|
|
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\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 ");
|
|
47
46
|
var calendarIcon = (react_1.default.createElement(MaterialSymbols_1.default, { icon: "date_range", size: "m", color: theme.color.base.onNeutral }));
|
|
48
47
|
return (react_1.default.createElement("div", null,
|
|
49
48
|
react_1.default.createElement(InputLabel_1.InputLabel, { label: label, required: required, optional: optional, showInfoIcon: showInfoIcon, onInfoClick: onInfoClick }),
|
|
50
|
-
react_1.default.createElement(
|
|
49
|
+
react_1.default.createElement(antd_1.DatePicker, __assign({ className: "".concat((0, emotion_1.css)(style)), popupClassName: (0, emotion_1.css)(dropdownStyle), disabled: disabled, suffixIcon: calendarIcon, format: "DD-MM-YYYY" }, rest)),
|
|
51
50
|
react_1.default.createElement(HelperText_1.HelperText, { text: helperText, error: error })));
|
|
52
51
|
}
|
|
53
52
|
//# 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":";;;;;;;;;;;;;;;;;;;;;;;;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"}
|
|
@@ -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
|
-
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 .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: ", ";\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 .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: ", ";\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);
|
|
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);
|
|
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,+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"}
|