@xfers/design-system 4.7.1 → 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/Input/inputStyles.js +2 -2
- package/dist/components/Input/inputStyles.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 +3 -4
- package/dist/components/Select/index.js.map +1 -1
- package/dist/components/Select/style.js +10 -6
- package/dist/components/Select/style.js.map +1 -1
- package/dist/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 +4 -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 +4 -5
|
@@ -24,20 +24,19 @@ 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
|
|
27
|
+
var antd_1 = require("antd");
|
|
28
28
|
var ThemeContext_1 = require("src/theme/ThemeContext");
|
|
29
29
|
var MaterialSymbols_1 = require("src/icons/MaterialSymbols/MaterialSymbols");
|
|
30
30
|
var inputStyles_1 = require("./inputStyles");
|
|
31
31
|
var HelperText_1 = require("./HelperText");
|
|
32
32
|
var InputLabel_1 = require("./InputLabel");
|
|
33
|
-
require("antd/es/input/style/css");
|
|
34
33
|
var MainInput = function (_a) {
|
|
35
34
|
var addonBefore = _a.addonBefore, addonAfter = _a.addonAfter, _b = _a.placeholder, placeholder = _b === void 0 ? '' : _b, _c = _a.disabled, disabled = _c === void 0 ? false : _c, _d = _a.disabledAddon, disabledAddon = _d === void 0 ? false : _d, _e = _a.className, className = _e === void 0 ? '' : _e, label = _a.label, required = _a.required, _f = _a.optional, optional = _f === void 0 ? false : _f, _g = _a.size, size = _g === void 0 ? 'large' : _g, helperText = _a.helperText, error = _a.error, showInfoIcon = _a.showInfoIcon, infoText = _a.infoText, onInfoClick = _a.onInfoClick, rest = __rest(_a, ["addonBefore", "addonAfter", "placeholder", "disabled", "disabledAddon", "className", "label", "required", "optional", "size", "helperText", "error", "showInfoIcon", "infoText", "onInfoClick"]);
|
|
36
35
|
var theme = (0, ThemeContext_1.useTheme)();
|
|
37
36
|
var style = (0, inputStyles_1.getBaseInputStyle)(theme, size, error, disabledAddon);
|
|
38
37
|
return (react_1.default.createElement("div", null,
|
|
39
38
|
react_1.default.createElement(InputLabel_1.InputLabel, { label: label, required: required, optional: optional, showInfoIcon: showInfoIcon, infoText: infoText, onInfoClick: onInfoClick }),
|
|
40
|
-
react_1.default.createElement(
|
|
39
|
+
react_1.default.createElement(antd_1.Input, __assign({ className: "".concat((0, emotion_1.css)(style), " ").concat(className), addonBefore: addonBefore, addonAfter: addonAfter, placeholder: placeholder, disabled: disabled }, rest)),
|
|
41
40
|
react_1.default.createElement(HelperText_1.HelperText, { text: helperText, error: error })));
|
|
42
41
|
};
|
|
43
42
|
MainInput.Password = function (_a) {
|
|
@@ -46,7 +45,7 @@ MainInput.Password = function (_a) {
|
|
|
46
45
|
var style = (0, inputStyles_1.getBaseInputStyle)(theme, size, error);
|
|
47
46
|
return (react_1.default.createElement("div", null,
|
|
48
47
|
react_1.default.createElement(InputLabel_1.InputLabel, { label: label, required: required, optional: optional, showInfoIcon: showInfoIcon, infoText: infoText, onInfoClick: onInfoClick }),
|
|
49
|
-
react_1.default.createElement(
|
|
48
|
+
react_1.default.createElement(antd_1.Input.Password, __assign({ className: "".concat((0, emotion_1.css)(style), " ").concat(className), addonBefore: addonBefore, placeholder: placeholder, disabled: disabled, visibilityToggle: true }, rest)),
|
|
50
49
|
react_1.default.createElement(HelperText_1.HelperText, { text: helperText, error: error })));
|
|
51
50
|
};
|
|
52
51
|
MainInput.Search = function (_a) {
|
|
@@ -54,7 +53,7 @@ MainInput.Search = function (_a) {
|
|
|
54
53
|
var theme = (0, ThemeContext_1.useTheme)();
|
|
55
54
|
var searchStyle = "".concat((0, inputStyles_1.getBaseInputStyle)(theme, size, error), "\n & .ant-input-group-addon:not(:last-child) {\n background-color: ").concat(theme.color.surface.neutral, ";\n padding: ").concat(typeof addonBefore === 'string' ? '0 15px' : '0', ";\n }\n &.ant-input-affix-wrapper .ant-input-prefix {\n margin-right: 8px;\n display: flex;\n align-items: center;\n }\n ");
|
|
56
55
|
return (react_1.default.createElement("div", null,
|
|
57
|
-
react_1.default.createElement(
|
|
56
|
+
react_1.default.createElement(antd_1.Input, __assign({ placeholder: placeholder, addonBefore: addonBefore, onChange: onChange, onKeyDown: onSearch, className: "".concat((0, emotion_1.css)(searchStyle), " ").concat(className), prefix: react_1.default.createElement("span", { onClick: onSearch, style: {
|
|
58
57
|
display: 'flex',
|
|
59
58
|
cursor: onSearch ? 'pointer' : 'default',
|
|
60
59
|
} },
|
|
@@ -71,9 +70,9 @@ MainInput.TextArea = function (_a) {
|
|
|
71
70
|
var textAreaStyle = "".concat((0, inputStyles_1.getBaseInputStyle)(theme, size, error), "\n &.ant-input {\n min-height: 72px;\n height: auto;\n resize: none;\n border-radius: ").concat(borderRadius, " !important;\n border-color: ").concat(borderColor, ";\n padding: ").concat(padding, ";\n &:hover:not(:disabled):not(.ant-input-disabled) { border-color: ").concat(error ? theme.color.status.critical : theme.color.base.primary2, " !important; }\n &:focus {\n border-color: ").concat(theme.color.base.primary2, ";\n box-shadow: none;\n }\n &:disabled {\n color: ").concat(theme.color.base.onNeutral, " !important;\n -webkit-text-fill-color: ").concat(theme.color.base.onNeutral, " !important;\n background-color: ").concat(theme.color.surface.disabledSurface, ";\n border-color: ").concat(theme.color.base.line, ";\n &::placeholder {\n color: ").concat(theme.color.surface.disabledOnSurface, " !important;\n -webkit-text-fill-color: ").concat(theme.color.surface.disabledOnSurface, " !important;\n }\n &:hover { border-color: ").concat(theme.color.base.line, " !important; }\n }\n }\n ");
|
|
72
71
|
return (react_1.default.createElement("div", null,
|
|
73
72
|
react_1.default.createElement(InputLabel_1.InputLabel, { label: label, required: required, optional: optional, showInfoIcon: showInfoIcon, infoText: infoText, onInfoClick: onInfoClick }),
|
|
74
|
-
react_1.default.createElement(
|
|
73
|
+
react_1.default.createElement(antd_1.Input.TextArea, __assign({ className: "".concat((0, emotion_1.css)(textAreaStyle), " ").concat(className) }, rest)),
|
|
75
74
|
react_1.default.createElement(HelperText_1.HelperText, { text: helperText, error: error })));
|
|
76
75
|
};
|
|
77
|
-
MainInput.Group =
|
|
76
|
+
MainInput.Group = antd_1.Input.Group;
|
|
78
77
|
exports.default = MainInput;
|
|
79
78
|
//# 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,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Input/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -10,8 +10,8 @@ function getBaseInputStyle(theme, size, error, disabledAddon) {
|
|
|
10
10
|
var borderColor = error
|
|
11
11
|
? theme.color.status.critical
|
|
12
12
|
: theme.color.base.line;
|
|
13
|
-
return "\n -webkit-font-smoothing: antialiased;\n\n /* Shared font/sizing for all .ant-input elements */\n & .ant-input, &.ant-input, &.ant-input-password {\n padding: ".concat(padding, ";\n font-family: ").concat(TypographyStyles_1.MAIN_FONT, ";\n font-size: ").concat(TypographyStyles_1.FONT_SIZE.P1, ";\n color: ").concat(theme.color.base.onNeutral, ";\n line-height: 17px;\n height: ").concat(height, ";\n box-sizing: border-box;\n &::placeholder {\n color: ").concat(theme.color.component.placeholderInput, ";\n font-weight: 400;\n }\n }\n\n /* Case 1: Standalone input \u2014 class directly on .ant-input */\n &.ant-input, &.ant-input-password {\n border-radius: ").concat(borderRadius, " !important;\n border-color: ").concat(borderColor, ";\n height: ").concat(height, ";\n padding: ").concat(padding, ";\n &:hover:not(:disabled):not(.ant-input-affix-wrapper-disabled) { border-color: ").concat(error ? theme.color.status.critical : theme.color.base.primary2, " !important; }\n &:focus {\n border-color: ").concat(error ? theme.color.status.critical : theme.color.base.primary2, ";\n box-shadow: none;\n color: ").concat(theme.color.base.onNeutral, ";\n }\n }\n\n /* Case 2: Input with addon \u2014 class on .ant-input-group-wrapper */\n /* addonBefore: input is after addon \u2014 flat left, rounded right */\n & .ant-input-group > .ant-input:last-child {\n border-radius: 0 ").concat(borderRadius, " ").concat(borderRadius, " 0 !important;\n border-color: ").concat(borderColor, ";\n height: ").concat(height, ";\n &:hover:not(:disabled):not(.ant-input-affix-wrapper-disabled) { border-color: ").concat(error ? theme.color.status.critical : theme.color.base.primary2, " !important; }\n &:focus {\n border-color: ").concat(error ? theme.color.status.critical : theme.color.base.primary2, ";\n box-shadow: none;\n color: ").concat(theme.color.base.onNeutral, ";\n }\n }\n /* addonAfter: input is before addon \u2014 rounded left, flat right */\n & .ant-input-group > .ant-input:first-child {\n border-radius: ").concat(borderRadius, " 0 0 ").concat(borderRadius, " !important;\n border-color: ").concat(borderColor, ";\n height: ").concat(height, ";\n &:hover:not(:disabled):not(.ant-input-affix-wrapper-disabled) { border-color: ").concat(error ? theme.color.status.critical : theme.color.base.primary2, " !important; }\n &:focus {\n border-color: ").concat(error ? theme.color.status.critical : theme.color.base.primary2, ";\n box-shadow: none;\n color: ").concat(theme.color.base.onNeutral, ";\n }\n }\n\n /* Case 3: Input with prefix (e.g. Search without addon) \u2014 class on .ant-input-affix-wrapper */\n &.ant-input-affix-wrapper {\n border-radius: ").concat(borderRadius, " !important;\n border-color: ").concat(borderColor, ";\n height: ").concat(height, ";\n padding: ").concat(padding, ";\n &:hover:not(:disabled):not(.ant-input-affix-wrapper-disabled) { border-color: ").concat(error ? theme.color.status.critical : theme.color.base.primary2, " !important; }\n & .ant-input {\n height: auto;\n padding: 0;\n border: none;\n border-radius: 0 !important;\n }\n }\n &.ant-input-affix-wrapper-focused {\n border-color: ").concat(error ? theme.color.status.critical : theme.color.base.primary2, " !important;\n box-shadow: none;\n }\n\n /* Case 4: addon + prefix \u2014 class on .ant-input-group-wrapper */\n & .ant-input-group > .ant-input-affix-wrapper:last-child,\n & .ant-input-group > .ant-input-affix-wrapper:first-child {\n border-color: ").concat(borderColor, ";\n height: ").concat(height, ";\n padding: ").concat(padding, ";\n &:hover:not(:disabled):not(.ant-input-affix-wrapper-disabled) { border-color: ").concat(error ? theme.color.status.critical : theme.color.base.primary2, " !important; }\n &.ant-input-affix-wrapper-focused {\n border-color: ").concat(error ? theme.color.status.critical : theme.color.base.primary2, " !important;\n box-shadow: none;\n }\n & .ant-input {\n height: auto;\n padding: 0;\n border: none;\n border-radius: 0 !important;\n box-shadow: none;\n &:hover, &:focus { border: none; box-shadow: none; }\n }\n }\n /* addonBefore + prefix \u2014 rounded right */\n & .ant-input-group > .ant-input-affix-wrapper:last-child {\n border-radius: 0 ").concat(borderRadius, " ").concat(borderRadius, " 0 !important;\n padding-left: 8px;\n }\n /* prefix + addonAfter \u2014 rounded left */\n & .ant-input-group > .ant-input-affix-wrapper:first-child {\n border-radius: ").concat(borderRadius, " 0 0 ").concat(borderRadius, " !important;\n }\n\n /* Disabled states */\n &.ant-input-disabled, & .ant-input-disabled {\n background-color: ").concat(theme.color.surface.disabledSurface, ";\n border-color: ").concat(theme.color.base.line, ";\n color: ").concat(theme.color.base.onNeutral, ";\n -webkit-text-fill-color: ").concat(theme.color.base.onNeutral, ";\n &::placeholder {\n color: ").concat(theme.color.component.placeholderInput, ";\n -webkit-text-fill-color: ").concat(theme.color.component.placeholderInput, ";\n }\n &:hover { border-color: ").concat(theme.color.base.line, " !important; }\n }\n &.ant-input-affix-wrapper-disabled {\n background-color: ").concat(theme.color.surface.disabledSurface, ";\n border-color: ").concat(theme.color.base.line, ";\n &:hover { border-color: ").concat(theme.color.base.line, " !important; }\n & .ant-input-disabled {\n background-color: ").concat(theme.color.surface.disabledSurface, ";\n color: ").concat(theme.color.base.onNeutral, ";\n -webkit-text-fill-color: ").concat(theme.color.base.onNeutral, ";\n &::placeholder {\n color: ").concat(theme.color.component.placeholderInput, ";\n -webkit-text-fill-color: ").concat(theme.color.component.placeholderInput, ";\n }\n }\n }\n\n /* Addon containers */\n & .ant-input-group-addon:not(:last-child) {\n font-family: ").concat(TypographyStyles_1.MAIN_FONT, ";\n color: ").concat(theme.color.base.onNeutral, ";\n background-color: ").concat(theme.color.surface.neutral, ";\n border-top-left-radius: ").concat(borderRadius, " !important;\n border-bottom-left-radius: ").concat(borderRadius, " !important;\n border-color: ").concat(borderColor, ";\n border-right: 0;\n padding-left: 12px;\n padding-right: 8px;\n &:has(.ant-select) {\n padding: 4px;\n .ant-select-focused .ant-select-selector {\n border-color: transparent !important;\n box-shadow: none !important;\n }\n .ant-select-selector {\n border: none !important;\n box-shadow: none !important;\n background: transparent !important;\n height: 100%;\n }\n }\n &:has([data-addon-custom]) {\n background-color: ").concat(theme.color.surface.neutral, ";\n padding-left: 12px;\n padding-right: 8px;\n }\n + .ant-input-disabled {\n background-color: ").concat(theme.color.surface.disabledSurface, ";\n border-color: ").concat(theme.color.base.line, ";\n color: ").concat(theme.color.base.onNeutral, ";\n -webkit-text-fill-color: ").concat(theme.color.base.onNeutral, ";\n &::placeholder {\n color: ").concat(theme.color.component.placeholderInput, ";\n -webkit-text-fill-color: ").concat(theme.color.component.placeholderInput, ";\n }\n &:hover { border-color: ").concat(theme.color.base.line, "; }\n }\n }\n & .ant-input-group-addon:last-child {\n font-family: ").concat(TypographyStyles_1.MAIN_FONT, ";\n color: ").concat(theme.color.base.onNeutral, ";\n background-color: ").concat(theme.color.surface.neutral, ";\n border-top-right-radius: ").concat(borderRadius, " !important;\n border-bottom-right-radius: ").concat(borderRadius, " !important;\n border-color: ").concat(borderColor, ";\n border-left: 0;\n padding-left: 16px;\n padding-right: 16px;\n &:has(.ant-select) {\n padding: 4px;\n .ant-select-focused .ant-select-selector {\n border-color: transparent !important;\n box-shadow: none !important;\n }\n .ant-select-selector {\n border: none !important;\n box-shadow: none !important;\n background: transparent !important;\n height: 100%;\n }\n }\n &:has([data-addon-custom]) {\n background-color: ").concat(theme.color.surface.neutral, ";\n padding-left: 8px;\n padding-right: 12px;\n }\n &:hover {\n background-color: ").concat(theme.color.interactive.hoverSurface, ";\n border-color: ").concat(theme.color.base.line, ";\n border-left: 1px solid ").concat(theme.color.base.line, ";\n }\n &:focus-within {\n background-color: ").concat(theme.color.surface.neutral, ";\n border-color: ").concat(theme.color.base.primary2, " !important;\n border-left: 1px solid ").concat(theme.color.base.primary2, ";\n }\n }\n & .ant-input-group-addon:not(:last-child):hover {\n background-color: ").concat(theme.color.interactive.hoverSurface, ";\n border-color: ").concat(theme.color.base.line, ";\n border-right: 1px solid ").concat(theme.color.base.line, ";\n }\n & .ant-input-group-addon:not(:last-child):focus-within {\n background-color: ").concat(theme.color.surface.neutral, ";\n border-color: ").concat(theme.color.base.primary2, " !important;\n border-right: 1px solid ").concat(theme.color.base.primary2, ";\n }\n & .ant-input-group:has(.ant-input-group-addon:last-child:hover) > .ant-input:first-child,\n & .ant-input-group:has(.ant-input-group-addon:last-child:hover) > .ant-input-affix-wrapper:first-child {\n border-right: 0 !important;\n }\n & .ant-input-group:has(.ant-input-group-addon:last-child:focus-within) > .ant-input:first-child,\n & .ant-input-group:has(.ant-input-group-addon:last-child:focus-within) > .ant-input-affix-wrapper:first-child {\n border-right: 0 !important;\n }\n & .ant-input-group:has(.ant-input-group-addon:not(:last-child):hover) > .ant-input:last-child,\n & .ant-input-group:has(.ant-input-group-addon:not(:last-child):hover) > .ant-input-affix-wrapper:last-child {\n border-left: 0 !important;\n }\n & .ant-input-group:has(.ant-input-group-addon:not(:last-child):focus-within) > .ant-input:last-child,\n & .ant-input-group:has(.ant-input-group-addon:not(:last-child):focus-within) > .ant-input-affix-wrapper:last-child {\n border-left: 0 !important;\n }\n ").concat(disabledAddon
|
|
14
|
-
? "\n & .ant-input-group-addon:last-child {\n background-color: ".concat(theme.color.surface.disabledSurface, ";\n color: ").concat(theme.color.base.onNeutral, ";\n pointer-events: none;\n cursor: not-allowed;\n border-color: ").concat(theme.color.base.line, ";\n border-left: 1px solid ").concat(theme.color.base.line, ";\n &:has([data-addon-custom]) {\n background-color: ").concat(theme.color.surface.disabledSurface, ";\n }\n }\n & .ant-input-group > .ant-input:first-child
|
|
13
|
+
return "\n -webkit-font-smoothing: antialiased;\n\n /* Shared font/sizing for all .ant-input elements */\n & .ant-input, &.ant-input, &.ant-input-password {\n padding: ".concat(padding, ";\n font-family: ").concat(TypographyStyles_1.MAIN_FONT, ";\n font-size: ").concat(TypographyStyles_1.FONT_SIZE.P1, ";\n color: ").concat(theme.color.base.onNeutral, ";\n line-height: 17px;\n height: ").concat(height, ";\n box-sizing: border-box;\n &::placeholder {\n color: ").concat(theme.color.component.placeholderInput, ";\n font-weight: 400;\n }\n }\n\n /* Case 1: Standalone input \u2014 class directly on .ant-input */\n &.ant-input, &.ant-input-password {\n border-radius: ").concat(borderRadius, " !important;\n border-color: ").concat(borderColor, ";\n height: ").concat(height, ";\n padding: ").concat(padding, ";\n &:hover:not(:disabled):not(.ant-input-affix-wrapper-disabled) { border-color: ").concat(error ? theme.color.status.critical : theme.color.base.primary2, " !important; }\n &:focus {\n border-color: ").concat(error ? theme.color.status.critical : theme.color.base.primary2, ";\n box-shadow: none;\n color: ").concat(theme.color.base.onNeutral, ";\n }\n }\n\n /* Case 2: Input with addon \u2014 class on .ant-input-group-wrapper */\n /* addonBefore: input is after addon \u2014 flat left, rounded right */\n & .ant-input-group > .ant-input:last-child {\n border-radius: 0 ").concat(borderRadius, " ").concat(borderRadius, " 0 !important;\n border-color: ").concat(borderColor, ";\n height: ").concat(height, ";\n &:hover:not(:disabled):not(.ant-input-affix-wrapper-disabled) { border-color: ").concat(error ? theme.color.status.critical : theme.color.base.primary2, " !important; }\n &:focus {\n border-color: ").concat(error ? theme.color.status.critical : theme.color.base.primary2, ";\n box-shadow: none;\n color: ").concat(theme.color.base.onNeutral, ";\n }\n }\n /* addonAfter: input is before addon \u2014 rounded left, flat right */\n & .ant-input-group > .ant-input:first-child {\n border-radius: ").concat(borderRadius, " 0 0 ").concat(borderRadius, " !important;\n border-color: ").concat(borderColor, ";\n height: ").concat(height, ";\n &:hover:not(:disabled):not(.ant-input-affix-wrapper-disabled) { border-color: ").concat(error ? theme.color.status.critical : theme.color.base.primary2, " !important; }\n &:focus {\n border-color: ").concat(error ? theme.color.status.critical : theme.color.base.primary2, ";\n box-shadow: none;\n color: ").concat(theme.color.base.onNeutral, ";\n }\n }\n\n /* Case 3: Input with prefix (e.g. Search without addon) \u2014 class on .ant-input-affix-wrapper */\n &.ant-input-affix-wrapper {\n border-radius: ").concat(borderRadius, " !important;\n border-color: ").concat(borderColor, ";\n height: ").concat(height, ";\n padding: ").concat(padding, ";\n &:hover:not(:disabled):not(.ant-input-affix-wrapper-disabled) { border-color: ").concat(error ? theme.color.status.critical : theme.color.base.primary2, " !important; }\n & .ant-input {\n height: auto;\n padding: 0;\n border: none;\n border-radius: 0 !important;\n }\n }\n &.ant-input-affix-wrapper-focused {\n border-color: ").concat(error ? theme.color.status.critical : theme.color.base.primary2, " !important;\n box-shadow: none;\n }\n\n /* Case 4: addon + prefix \u2014 class on .ant-input-group-wrapper */\n & .ant-input-group > .ant-input-affix-wrapper:last-child,\n & .ant-input-group > .ant-input-affix-wrapper:first-child {\n border-color: ").concat(borderColor, ";\n height: ").concat(height, ";\n padding: ").concat(padding, ";\n &:hover:not(:disabled):not(.ant-input-affix-wrapper-disabled) { border-color: ").concat(error ? theme.color.status.critical : theme.color.base.primary2, " !important; }\n &.ant-input-affix-wrapper-focused {\n border-color: ").concat(error ? theme.color.status.critical : theme.color.base.primary2, " !important;\n box-shadow: none;\n }\n & .ant-input {\n height: auto;\n padding: 0;\n border: none;\n border-radius: 0 !important;\n box-shadow: none;\n &:hover, &:focus { border: none; box-shadow: none; }\n }\n }\n /* addonBefore + prefix \u2014 rounded right */\n & .ant-input-group > .ant-input-affix-wrapper:last-child {\n border-radius: 0 ").concat(borderRadius, " ").concat(borderRadius, " 0 !important;\n padding-left: 8px;\n }\n /* prefix + addonAfter \u2014 rounded left */\n & .ant-input-group > .ant-input-affix-wrapper:first-child {\n border-radius: ").concat(borderRadius, " 0 0 ").concat(borderRadius, " !important;\n }\n\n /* Disabled states */\n &.ant-input-disabled, & .ant-input-disabled {\n background-color: ").concat(theme.color.surface.disabledSurface, ";\n border-color: ").concat(theme.color.base.line, ";\n color: ").concat(theme.color.base.onNeutral, ";\n -webkit-text-fill-color: ").concat(theme.color.base.onNeutral, ";\n &::placeholder {\n color: ").concat(theme.color.component.placeholderInput, ";\n -webkit-text-fill-color: ").concat(theme.color.component.placeholderInput, ";\n }\n &:hover { border-color: ").concat(theme.color.base.line, " !important; }\n }\n &.ant-input-affix-wrapper-disabled {\n background-color: ").concat(theme.color.surface.disabledSurface, ";\n border-color: ").concat(theme.color.base.line, ";\n &:hover { border-color: ").concat(theme.color.base.line, " !important; }\n & .ant-input-disabled {\n background-color: ").concat(theme.color.surface.disabledSurface, ";\n color: ").concat(theme.color.base.onNeutral, ";\n -webkit-text-fill-color: ").concat(theme.color.base.onNeutral, ";\n &::placeholder {\n color: ").concat(theme.color.component.placeholderInput, ";\n -webkit-text-fill-color: ").concat(theme.color.component.placeholderInput, ";\n }\n }\n }\n\n /* Addon containers */\n &.ant-input-group-wrapper-status-error .ant-input-group-addon,\n &.ant-input-group-wrapper-status-error .ant-input-group-addon:last-child,\n &.ant-input-group-wrapper-status-error .ant-input-group-addon:not(:last-child) {\n background-color: ").concat(theme.color.surface.neutral, " !important;\n }\n &.ant-input-group-wrapper-status-error .ant-input-group-addon .ant-select {\n background-color: ").concat(theme.color.surface.neutral, " !important;\n }\n\n & .ant-input-group-addon:not(:last-child) {\n font-family: ").concat(TypographyStyles_1.MAIN_FONT, ";\n color: ").concat(theme.color.base.onNeutral, ";\n background-color: ").concat(theme.color.surface.neutral, ";\n border-top-left-radius: ").concat(borderRadius, " !important;\n border-bottom-left-radius: ").concat(borderRadius, " !important;\n border-color: ").concat(theme.color.base.line, ";\n border-right: 0;\n padding-left: 12px;\n padding-right: 8px;\n &:has(.ant-select) {\n padding: 4px;\n .ant-select-focused .ant-select-selector {\n border-color: transparent !important;\n box-shadow: none !important;\n }\n .ant-select-selector {\n border: none !important;\n box-shadow: none !important;\n background: transparent !important;\n height: 100%;\n }\n }\n &:has([data-addon-custom]) {\n background-color: ").concat(theme.color.surface.neutral, ";\n padding-left: 12px;\n padding-right: 8px;\n }\n + .ant-input-disabled {\n background-color: ").concat(theme.color.surface.disabledSurface, ";\n border-color: ").concat(theme.color.base.line, ";\n color: ").concat(theme.color.base.onNeutral, ";\n -webkit-text-fill-color: ").concat(theme.color.base.onNeutral, ";\n &::placeholder {\n color: ").concat(theme.color.component.placeholderInput, ";\n -webkit-text-fill-color: ").concat(theme.color.component.placeholderInput, ";\n }\n &:hover { border-color: ").concat(theme.color.base.line, "; }\n }\n }\n & .ant-input-group-addon:last-child {\n font-family: ").concat(TypographyStyles_1.MAIN_FONT, ";\n color: ").concat(theme.color.base.onNeutral, ";\n background-color: ").concat(theme.color.surface.neutral, ";\n border-top-right-radius: ").concat(borderRadius, " !important;\n border-bottom-right-radius: ").concat(borderRadius, " !important;\n border-color: ").concat(theme.color.base.line, ";\n border-left: 0;\n padding-left: 16px;\n padding-right: 16px;\n &:has(.ant-select) {\n padding: 4px;\n .ant-select-focused .ant-select-selector {\n border-color: transparent !important;\n box-shadow: none !important;\n }\n .ant-select-selector {\n border: none !important;\n box-shadow: none !important;\n background: transparent !important;\n height: 100%;\n }\n }\n &:has([data-addon-custom]) {\n background-color: ").concat(theme.color.surface.neutral, ";\n padding-left: 8px;\n padding-right: 12px;\n }\n &:hover {\n background-color: ").concat(theme.color.interactive.hoverSurface, ";\n border-color: ").concat(theme.color.base.line, ";\n border-left: 1px solid ").concat(theme.color.base.line, ";\n }\n &:focus-within {\n background-color: ").concat(theme.color.surface.neutral, ";\n border-color: ").concat(theme.color.base.primary2, " !important;\n border-left: 1px solid ").concat(theme.color.base.primary2, ";\n }\n }\n & .ant-input-group-addon:not(:last-child):hover {\n background-color: ").concat(theme.color.interactive.hoverSurface, ";\n border-color: ").concat(theme.color.base.line, ";\n border-right: 1px solid ").concat(theme.color.base.line, ";\n }\n & .ant-input-group-addon:not(:last-child):focus-within {\n background-color: ").concat(theme.color.surface.neutral, ";\n border-color: ").concat(theme.color.base.primary2, " !important;\n border-right: 1px solid ").concat(theme.color.base.primary2, ";\n }\n & .ant-input-group:has(.ant-input-group-addon:last-child:hover) > .ant-input:first-child,\n & .ant-input-group:has(.ant-input-group-addon:last-child:hover) > .ant-input-affix-wrapper:first-child {\n border-right: 0 !important;\n }\n & .ant-input-group:has(.ant-input-group-addon:last-child:focus-within) > .ant-input:first-child,\n & .ant-input-group:has(.ant-input-group-addon:last-child:focus-within) > .ant-input-affix-wrapper:first-child {\n border-right: 0 !important;\n }\n & .ant-input-group:has(.ant-input-group-addon:not(:last-child):hover) > .ant-input:last-child,\n & .ant-input-group:has(.ant-input-group-addon:not(:last-child):hover) > .ant-input-affix-wrapper:last-child {\n border-left: 0 !important;\n }\n & .ant-input-group:has(.ant-input-group-addon:not(:last-child):focus-within) > .ant-input:last-child,\n & .ant-input-group:has(.ant-input-group-addon:not(:last-child):focus-within) > .ant-input-affix-wrapper:last-child {\n border-left: 0 !important;\n }\n ").concat(disabledAddon
|
|
14
|
+
? "\n & .ant-input-group-addon:last-child {\n background-color: ".concat(theme.color.surface.disabledSurface, ";\n color: ").concat(theme.color.base.onNeutral, ";\n pointer-events: none;\n cursor: not-allowed;\n border-color: ").concat(theme.color.base.line, ";\n border-left: 1px solid ").concat(theme.color.base.line, ";\n &:has([data-addon-custom]) {\n background-color: ").concat(theme.color.surface.disabledSurface, ";\n }\n }\n & .ant-input-group > .ant-input:first-child,\n & .ant-input-group > .ant-input-affix-wrapper:first-child {\n border-right: 0;\n }\n & .ant-input-group-addon:not(:last-child) {\n background-color: ").concat(theme.color.surface.disabledSurface, ";\n color: ").concat(theme.color.base.onNeutral, ";\n pointer-events: none;\n cursor: not-allowed;\n border-color: ").concat(theme.color.base.line, ";\n border-right: 1px solid ").concat(theme.color.base.line, ";\n &:has([data-addon-custom]) {\n background-color: ").concat(theme.color.surface.disabledSurface, ";\n }\n }\n & .ant-input-group > .ant-input:last-child,\n & .ant-input-group > .ant-input-affix-wrapper:last-child {\n border-left: 0;\n }\n ")
|
|
15
15
|
: '', "\n ");
|
|
16
16
|
}
|
|
17
17
|
//# sourceMappingURL=inputStyles.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"inputStyles.js","sourceRoot":"","sources":["../../../src/components/Input/inputStyles.ts"],"names":[],"mappings":";;;AAUA,
|
|
1
|
+
{"version":3,"file":"inputStyles.js","sourceRoot":"","sources":["../../../src/components/Input/inputStyles.ts"],"names":[],"mappings":"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"}
|
|
@@ -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
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Pagination/index.tsx"],"names":[],"mappings":";;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Pagination/index.tsx"],"names":[],"mappings":";;AAkBA,4BA+DC;AAjFD,+BAAyB;AACzB,mCAA6B;AAC7B,6BAAkD;AAElD,sDAAoE;AACpE,gEAAuD;AAavD,mBAAyB,EAQjB;QAPN,OAAO,aAAA,EACP,QAAQ,cAAA,EACR,KAAK,WAAA,EACL,QAAQ,cAAA,EACR,eAAe,qBAAA,EACf,gBAAgB,sBAAA,EAChB,eAAe,qBAAA;IAEf,IAAM,KAAK,GAAG,+SAYU,4BAAc,CAAC,IAAI,mJAOxB,4BAAS,mEAEJ,4BAAc,CAAC,IAAI,2IAMvB,yBAAW,CAAC,YAAY,yPAa3C,CAAA;IAED,OAAO,CACL,8BAAC,iBAAU,IACT,SAAS,EAAE,UAAG,IAAA,aAAG,EAAC,KAAK,CAAC,CAAE,EAC1B,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,eAAe,EAAE,eAAe,EAChC,gBAAgB,EAAE,gBAAgB,EAClC,eAAe,EAAE,eAAe,GAChC,CACH,CAAA;AACH,CAAC"}
|
|
@@ -24,8 +24,7 @@ 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/radio/style/css");
|
|
27
|
+
var antd_1 = require("antd");
|
|
29
28
|
var ColorStyles_1 = require("src/shared/ColorStyles");
|
|
30
29
|
var TypographyStyles_1 = require("src/shared/TypographyStyles");
|
|
31
30
|
var ThemeContext_1 = require("src/theme/ThemeContext");
|
|
@@ -33,10 +32,10 @@ var colors_1 = require("src/constants/Colors/colors");
|
|
|
33
32
|
function RadioButton(_a) {
|
|
34
33
|
var children = _a.children, disabled = _a.disabled, rest = __rest(_a, ["children", "disabled"]);
|
|
35
34
|
var brand = (0, ThemeContext_1.useTheme)().brand;
|
|
36
|
-
var style = "\n &.ant-radio-button-wrapper {\n ".concat(!disabled ? "color: ".concat(ColorStyles_1.NEUTRAL_COLORS.BLACK, ";") : '', "\n -webkit-font-smoothing: antialiased;\n display: block;\n width: 100
|
|
37
|
-
? "\n border-color: ".concat(brand.primary.default, ";\n color: ").concat(ColorStyles_1.NEUTRAL_COLORS.BLACK, ";\n ")
|
|
38
|
-
: '', "\n }\n\n &.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled),\n &.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):hover,\n &.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):first-child {\n border: 2px solid ").concat(brand.primary.default, ";\n color: ").concat(brand.primary.default, ";\n\n circle {\n transition: all 0.3s;\n }\n\n circle.center {\n fill: ").concat(colors_1.GREEN.S500, ";\n }\n\n circle.border {\n stroke: ").concat(brand.primary.default, ";\n }\n }\n\n &.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):active {\n border-color: ").concat(brand.primary.default, ";\n color: ").concat(brand.primary.default, ";\n }\n\n &.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled).ant-radio-button-wrapper:first-child{\n border-right-color: ").concat(ColorStyles_1.NEUTRAL_COLORS.BLACK, ";\n }\n ");
|
|
39
|
-
return (react_1.default.createElement(
|
|
35
|
+
var style = "\n &.ant-radio-button-wrapper {\n ".concat(!disabled ? "color: ".concat(ColorStyles_1.NEUTRAL_COLORS.BLACK, " !important;") : '', "\n -webkit-font-smoothing: antialiased !important;\n display: block !important;\n width: 100% !important;\n font-family: ").concat(TypographyStyles_1.MAIN_FONT, " !important;\n font-weight: 400 !important;\n border-radius: 5px !important;\n border: 1px solid ").concat(ColorStyles_1.NEUTRAL_COLORS.G200, " !important;\n user-select: none !important;\n }\n\n .ant-radio-group-large &.ant-radio-button-wrapper {\n height: 44px !important;\n }\n\n &.ant-radio-button-wrapper:first-child, &.ant-radio-button-wrapper:last-child {\n border-radius: 5px !important;\n }\n\n &.ant-radio-button-wrapper:first-child:last-child {\n border-radius: 5px !important;\n }\n\n .ant-radio-group &.ant-radio-button-wrapper {\n font-size: 14px !important;\n }\n\n &.ant-radio-button-wrapper:not(:first-child)::before {\n display: none !important;\n }\n\n &.ant-radio-button-wrapper:hover {\n ").concat(!disabled
|
|
36
|
+
? "\n border-color: ".concat(brand.primary.default, " !important;\n color: ").concat(ColorStyles_1.NEUTRAL_COLORS.BLACK, " !important;\n ")
|
|
37
|
+
: '', "\n }\n\n &.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled),\n &.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):hover,\n &.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):first-child {\n border: 2px solid ").concat(brand.primary.default, " !important;\n color: ").concat(brand.primary.default, " !important;\n\n circle {\n transition: all 0.3s !important;\n }\n\n circle.center {\n fill: ").concat(colors_1.GREEN.S500, " !important;\n }\n\n circle.border {\n stroke: ").concat(brand.primary.default, " !important;\n }\n }\n\n &.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):active {\n border-color: ").concat(brand.primary.default, " !important;\n color: ").concat(brand.primary.default, " !important;\n }\n\n &.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled).ant-radio-button-wrapper:first-child{\n border-right-color: ").concat(ColorStyles_1.NEUTRAL_COLORS.BLACK, " !important;\n }\n ");
|
|
38
|
+
return (react_1.default.createElement(antd_1.Radio.Button, __assign({ className: (0, emotion_1.css)(style), disabled: disabled }, rest),
|
|
40
39
|
react_1.default.createElement("div", { style: {
|
|
41
40
|
display: 'flex',
|
|
42
41
|
height: '100%',
|
|
@@ -54,7 +53,7 @@ function RadioButton(_a) {
|
|
|
54
53
|
children)));
|
|
55
54
|
}
|
|
56
55
|
exports.default = {
|
|
57
|
-
Group: function (props) { return (react_1.default.createElement(
|
|
56
|
+
Group: function (props) { return (react_1.default.createElement(antd_1.Radio.Group, __assign({ size: "large", onChange: props.onChange }, props))); },
|
|
58
57
|
Button: RadioButton,
|
|
59
58
|
};
|
|
60
59
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Radio/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA,+BAAyB;AACzB,mCAA6B;AAC7B,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Radio/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA,+BAAyB;AACzB,mCAA6B;AAC7B,6BAA4B;AAC5B,sDAAuD;AACvD,gEAAuD;AACvD,uDAAiD;AACjD,sDAAmD;AASnD,SAAS,WAAW,CAAC,EAAsC;IAApC,IAAA,QAAQ,cAAA,EAAE,QAAQ,cAAA,EAAK,IAAI,cAA7B,wBAA+B,CAAF;IACxC,IAAA,KAAK,GAAK,IAAA,uBAAQ,GAAE,MAAf,CAAe;IAE5B,IAAM,KAAK,GAAG,oDAER,CAAC,QAAQ,CAAC,CAAC,CAAC,iBAAU,4BAAc,CAAC,KAAK,iBAAc,CAAC,CAAC,CAAC,EAAE,0JAIhD,4BAAS,6HAGJ,4BAAc,CAAC,IAAI,0oBA0BrC,CAAC,QAAQ;QACP,CAAC,CAAC,kCACY,KAAK,CAAC,OAAO,CAAC,OAAO,0CAC5B,4BAAc,CAAC,KAAK,yBAC9B;QACG,CAAC,CAAC,EAAE,sTAOY,KAAK,CAAC,OAAO,CAAC,OAAO,wCAChC,KAAK,CAAC,OAAO,CAAC,OAAO,uIAOpB,cAAK,CAAC,IAAI,6EAIR,KAAK,CAAC,OAAO,CAAC,OAAO,0JAKjB,KAAK,CAAC,OAAO,CAAC,OAAO,wCAC5B,KAAK,CAAC,OAAO,CAAC,OAAO,oLAIR,4BAAc,CAAC,KAAK,4BAE7C,CAAA;IAED,OAAO,CACL,8BAAC,YAAK,CAAC,MAAM,aAAC,SAAS,EAAE,IAAA,aAAG,EAAC,KAAK,CAAC,EAAE,QAAQ,EAAE,QAAQ,IAAM,IAAI;QAC/D,uCACE,KAAK,EAAE;gBACL,OAAO,EAAE,MAAM;gBACf,MAAM,EAAE,MAAM;gBACd,UAAU,EAAE,QAAQ;aACrB;YAED,uCACE,KAAK,EAAE;oBACL,KAAK,EAAE,MAAM;oBACb,MAAM,EAAE,MAAM;oBACd,UAAU,EAAE,MAAM;oBAClB,WAAW,EAAE,MAAM;iBACpB;gBAED,uCACE,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B;oBAElC,0CACE,SAAS,EAAC,QAAQ,EAClB,EAAE,EAAC,IAAI,EACP,EAAE,EAAC,IAAI,EACP,CAAC,EAAC,KAAK,EACP,MAAM,EAAC,SAAS,GAChB;oBACF,0CACE,SAAS,EAAC,QAAQ,EAClB,EAAE,EAAC,IAAI,EACP,EAAE,EAAC,IAAI,EACP,CAAC,EAAC,GAAG,EACL,IAAI,EAAC,kBAAkB,GACvB,CACE,CACF;YACL,QAAQ,CACL,CACO,CAChB,CAAA;AACH,CAAC;AAED,kBAAe;IACb,KAAK,EAAE,UAAC,KAA+C,IAAK,OAAA,CAC1D,8BAAC,YAAK,CAAC,KAAK,aAAC,IAAI,EAAC,OAAO,EAAC,QAAQ,EAAE,KAAK,CAAC,QAAQ,IAAM,KAAK,EAAI,CAClE,EAF2D,CAE3D;IACD,MAAM,EAAE,WAAW;CACpB,CAAA"}
|
|
@@ -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 momentDatePicker_1 = require("src/shared/momentDatePicker");
|
|
30
29
|
var TypographyStyles_1 = require("src/shared/TypographyStyles");
|
|
31
30
|
var ThemeContext_1 = require("src/theme/ThemeContext");
|
|
32
31
|
var inputStyles_1 = require("../Input/inputStyles");
|
|
@@ -34,8 +33,8 @@ function default_1(_a) {
|
|
|
34
33
|
var _b = _a.format, format = _b === void 0 ? 'DD-MM-YYYY' : _b, _c = _a.size, size = _c === void 0 ? 'large' : _c, rest = __rest(_a, ["format", "size"]);
|
|
35
34
|
var theme = (0, ThemeContext_1.useTheme)();
|
|
36
35
|
var _d = inputStyles_1.SIZE_CONFIG[size], height = _d.height, borderRadius = _d.borderRadius, padding = _d.padding;
|
|
37
|
-
var style = "\n -webkit-font-smoothing: antialiased;\n height: ".concat(height, ";\n\n &.ant-picker {\n border-radius: ").concat(borderRadius, ";\n border-color: ").concat(theme.color.base.line, ";\n padding: ").concat(padding, ";\n transition: 0.3s all ease;\n\n &:hover {\n border-color: ").concat(theme.color.base.primary2, ";\n }\n\n &.ant-picker-focused {\n border-color: ").concat(theme.color.base.primary2, ";\n box-shadow: none;\n -webkit-box-shadow: none;\n }\n\n .ant-picker-active-bar {\n background: ").concat(theme.color.base.primary2, ";\n }\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 color: ").concat(theme.color.base.onNeutral, ";\n }\n\n & .ant-picker-input > input::placeholder {\n color: ").concat(theme.color.component.placeholderInput, ";\n }\n ");
|
|
38
|
-
var dropdownStyle = "\n .ant-picker-cell.ant-picker-cell-in-view.ant-picker-cell-range-end > .ant-picker-cell-inner {\n background-color: ".concat(theme.color.base.primary2, ";\n }\n\n .ant-picker-cell.ant-picker-cell-in-view.ant-picker-cell-range-start > .ant-picker-cell-inner {\n background-color: ").concat(theme.color.base.primary2, ";\n }\n\n .ant-picker-cell.ant-picker-cell-in-view {\n &.ant-picker-cell-in-range::before {\n background-color: ").concat(theme.color.interactive.selected, ";\n }\n\n &.ant-picker-cell-range-end::before {\n background-color: ").concat(theme.color.interactive.selected, ";\n }\n\n &.ant-picker-cell-range-start::before {\n background-color: ").concat(theme.color.interactive.selected, ";\n }\n }\n ");
|
|
39
|
-
return (react_1.default.createElement(
|
|
36
|
+
var style = "\n -webkit-font-smoothing: antialiased;\n height: ".concat(height, " !important;\n\n &.ant-picker {\n border-radius: ").concat(borderRadius, " !important;\n border-color: ").concat(theme.color.base.line, " !important;\n padding: ").concat(padding, " !important;\n transition: 0.3s all ease !important;\n\n &:hover {\n border-color: ").concat(theme.color.base.primary2, " !important;\n }\n\n &.ant-picker-focused {\n border-color: ").concat(theme.color.base.primary2, " !important;\n box-shadow: none !important;\n -webkit-box-shadow: none !important;\n }\n\n .ant-picker-active-bar {\n background: ").concat(theme.color.base.primary2, " !important;\n }\n }\n\n\n &.ant-picker > .ant-picker-input {\n font-family: ").concat(TypographyStyles_1.MAIN_FONT, " !important;\n font-style: normal !important;\n font-weight: normal !important;\n font-size: 14px !important;\n line-height: 22px !important;\n color: ").concat(theme.color.base.onNeutral, " !important;\n }\n\n & .ant-picker-input > input {\n color: ").concat(theme.color.base.onNeutral, " !important;\n }\n\n & .ant-picker-input > input::placeholder {\n color: ").concat(theme.color.component.placeholderInput, " !important;\n }\n ");
|
|
37
|
+
var dropdownStyle = "\n .ant-picker-cell.ant-picker-cell-in-view.ant-picker-cell-range-end > .ant-picker-cell-inner {\n background-color: ".concat(theme.color.base.primary2, " !important;\n }\n\n .ant-picker-cell.ant-picker-cell-in-view.ant-picker-cell-range-start > .ant-picker-cell-inner {\n background-color: ").concat(theme.color.base.primary2, " !important;\n }\n\n .ant-picker-cell.ant-picker-cell-in-view {\n &.ant-picker-cell-in-range::before {\n background-color: ").concat(theme.color.interactive.selected, " !important;\n }\n\n &.ant-picker-cell-range-end::before {\n background-color: ").concat(theme.color.interactive.selected, " !important;\n }\n\n &.ant-picker-cell-range-start::before {\n background-color: ").concat(theme.color.interactive.selected, " !important;\n }\n }\n ");
|
|
38
|
+
return (react_1.default.createElement(momentDatePicker_1.default.RangePicker, __assign({ className: "".concat((0, emotion_1.css)(style)), format: format, popupClassName: (0, emotion_1.css)(dropdownStyle) }, rest)));
|
|
40
39
|
}
|
|
41
40
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/RangePicker/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/RangePicker/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAwBA,4BAoFC;AA5GD,+BAAyB;AAEzB,mCAA6B;AAC7B,gEAA0D;AAC1D,gEAAuD;AACvD,uDAAiD;AACjD,oDAA6D;AAkB7D,mBAAyB,EAIjB;IAHN,IAAA,cAAqB,EAArB,MAAM,mBAAG,YAAY,KAAA,EACrB,YAAc,EAAd,IAAI,mBAAG,OAAO,KAAA,EACX,IAAI,cAHgB,kBAIxB,CADQ;IAEP,IAAM,KAAK,GAAG,IAAA,uBAAQ,GAAE,CAAA;IAClB,IAAA,KAAoC,yBAAW,CAAC,IAAI,CAAC,EAAnD,MAAM,YAAA,EAAE,YAAY,kBAAA,EAAE,OAAO,aAAsB,CAAA;IAE3D,IAAM,KAAK,GAAG,kEAEF,MAAM,sEAGG,YAAY,+CACb,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,0CAC1B,OAAO,iHAIA,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,QAAQ,0FAIzB,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,QAAQ,8KAM3B,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,QAAQ,0GAM1B,4BAAS,6LAKf,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,SAAS,oFAI1B,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,SAAS,iGAI1B,KAAK,CAAC,KAAK,CAAC,SAAS,CAAC,gBAAgB,4BAElD,CAAA;IAED,IAAM,aAAa,GAAG,uIAEE,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,QAAQ,iKAIzB,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,QAAQ,0JAKvB,KAAK,CAAC,KAAK,CAAC,WAAW,CAAC,QAAQ,6GAIhC,KAAK,CAAC,KAAK,CAAC,WAAW,CAAC,QAAQ,+GAIhC,KAAK,CAAC,KAAK,CAAC,WAAW,CAAC,QAAQ,qCAGzD,CAAA;IAED,OAAO,CACL,8BAAC,0BAAgB,CAAC,WAAW,aAC3B,SAAS,EAAE,UAAG,IAAA,aAAG,EAAC,KAAK,CAAC,CAAE,EAC1B,MAAM,EAAE,MAAM,EACd,cAAc,EAAE,IAAA,aAAG,EAAC,aAAa,CAAC,IAC9B,IAAI,EACR,CACH,CAAA;AACH,CAAC"}
|
|
@@ -3,7 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
3
3
|
exports.getCustomSelectTag = exports.renderHelperText = exports.renderOptions = exports.getPlaceholder = exports.renderLabel = exports.getSuffixIcon = void 0;
|
|
4
4
|
var react_1 = require("react");
|
|
5
5
|
var theme_1 = require("src/theme/theme");
|
|
6
|
-
var
|
|
6
|
+
var antd_1 = require("antd");
|
|
7
7
|
var index_1 = require("src/components/Tooltip/index");
|
|
8
8
|
var Tag_1 = require("src/components/Tag");
|
|
9
9
|
var Typography_1 = require("src/constants/Typography/Typography");
|
|
@@ -29,7 +29,7 @@ exports.getPlaceholder = getPlaceholder;
|
|
|
29
29
|
var renderOptions = function (options, size) {
|
|
30
30
|
return options.map(function (_a) {
|
|
31
31
|
var value = _a.value, label = _a.label, Icon = _a.icon, disabled = _a.disabled;
|
|
32
|
-
return (react_1.default.createElement(
|
|
32
|
+
return (react_1.default.createElement(antd_1.Select.Option, { key: value, value: value, disabled: disabled },
|
|
33
33
|
react_1.default.createElement(style_1.OptionContainer, null,
|
|
34
34
|
Icon && react_1.default.createElement(Icon, { style: { width: '16px', height: '16px' } }),
|
|
35
35
|
react_1.default.createElement(Typography_1.Typography.Body, { size: const_1.OPTIONS_TEXT_SIZE[size] }, label))));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"helpers.js","sourceRoot":"","sources":["../../../src/components/Select/helpers.tsx"],"names":[],"mappings":";;;AAAA,+BAAyB;AACzB,yCAA+C;AAC/C,
|
|
1
|
+
{"version":3,"file":"helpers.js","sourceRoot":"","sources":["../../../src/components/Select/helpers.tsx"],"names":[],"mappings":"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"}
|
|
@@ -23,8 +23,7 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
23
23
|
};
|
|
24
24
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
25
25
|
var react_1 = require("react");
|
|
26
|
-
var
|
|
27
|
-
require("antd/es/select/style/css");
|
|
26
|
+
var antd_1 = require("antd");
|
|
28
27
|
var Typography_1 = require("src/constants/Typography/Typography");
|
|
29
28
|
var helpers_1 = require("./helpers");
|
|
30
29
|
var style_1 = require("./style");
|
|
@@ -34,10 +33,10 @@ var Select = function (_a) {
|
|
|
34
33
|
var ref = selectRef || internalRef;
|
|
35
34
|
return (react_1.default.createElement(style_1.SelectContainer, null,
|
|
36
35
|
label && (0, helpers_1.renderLabel)(label, labelTooltip),
|
|
37
|
-
react_1.default.createElement(style_1.StyledAntSelect, __assign({ disabled: disabled, mode: mode, ref: ref, "$size": size, "$mode": mode }, rest, { error: error, dropdownRender: function (menu) { return (react_1.default.createElement(style_1.StyledDropdown, { "$size": size },
|
|
36
|
+
react_1.default.createElement(style_1.StyledAntSelect, __assign({ disabled: disabled, mode: mode, ref: ref, "$size": size, "$mode": mode, getPopupContainer: function () { return document.body; } }, rest, { error: error, dropdownRender: function (menu) { return (react_1.default.createElement(style_1.StyledDropdown, { "$size": size },
|
|
38
37
|
react_1.default.createElement(Typography_1.Typography.Body, { size: size === 'sm' ? 'md' : 'lg' }, menu))); }, dropdownStyle: style_1.dropdownStyle, suffixIcon: (0, helpers_1.getSuffixIcon)(secondaryText), placeholder: (0, helpers_1.getPlaceholder)(size, placeholder), showArrow: true, tagRender: (0, helpers_1.getCustomSelectTag)(mode, disabled, size), maxTagCount: 999 }), options ? (0, helpers_1.renderOptions)(options, size) : children),
|
|
39
38
|
(0, helpers_1.renderHelperText)(helperText)));
|
|
40
39
|
};
|
|
41
|
-
Select.Option =
|
|
40
|
+
Select.Option = antd_1.Select.Option;
|
|
42
41
|
exports.default = Select;
|
|
43
42
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Select/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA,+BAAgD;AAChD,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Select/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA,+BAAgD;AAChD,6BAAuD;AAGvD,kEAAgE;AAChE,qCAOkB;AAClB,iCAKgB;AAyBhB,IAAM,MAAM,GAAG,UAAU,EAcjB;IAbN,IAAA,QAAQ,cAAA,EACR,gBAAgB,EAAhB,QAAQ,mBAAG,KAAK,KAAA,EAChB,YAAW,EAAX,IAAI,mBAAG,IAAI,KAAA,EACX,IAAI,UAAA,EACJ,KAAK,WAAA,EACL,YAAY,kBAAA,EACZ,SAAS,eAAA,EACT,WAAW,iBAAA,EACX,aAAa,EAAb,KAAK,mBAAG,KAAK,KAAA,EACb,aAAa,mBAAA,EACb,UAAU,gBAAA,EACV,OAAO,aAAA,EACJ,IAAI,cAbgB,gJAcxB,CADQ;IAEP,IAAM,WAAW,GAAG,IAAA,cAAM,EAAgB,IAAI,CAAC,CAAA;IAC/C,IAAM,GAAG,GAAG,SAAS,IAAI,WAAW,CAAA;IAEpC,OAAO,CACL,8BAAC,uBAAe;QACb,KAAK,IAAI,IAAA,qBAAW,EAAC,KAAK,EAAE,YAAY,CAAC;QAC1C,8BAAC,uBAAe,aACd,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,IAAI,EACV,GAAG,EAAE,GAAG,WACD,IAAI,WACJ,IAAI,EACX,iBAAiB,EAAE,cAAM,OAAA,QAAQ,CAAC,IAAI,EAAb,CAAa,IAClC,IAAI,IACR,KAAK,EAAE,KAAK,EACZ,cAAc,EAAE,UAAC,IAAI,IAAK,OAAA,CACxB,8BAAC,sBAAc,aAAQ,IAAI;gBACzB,8BAAC,uBAAU,CAAC,IAAI,IAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,IAC/C,IAAI,CACW,CACH,CAClB,EANyB,CAMzB,EACD,aAAa,EAAE,qBAAa,EAC5B,UAAU,EAAE,IAAA,uBAAa,EAAC,aAAa,CAAC,EACxC,WAAW,EAAE,IAAA,wBAAc,EAAC,IAAI,EAAE,WAAW,CAAC,EAC9C,SAAS,QACT,SAAS,EAAE,IAAA,4BAAkB,EAAC,IAAI,EAAE,QAAQ,EAAE,IAAI,CAAC,EACnD,WAAW,EAAE,GAAG,KAEf,OAAO,CAAC,CAAC,CAAC,IAAA,uBAAa,EAAC,OAAO,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,QAAQ,CAClC;QACjB,IAAA,0BAAgB,EAAC,UAAU,CAAC,CACb,CACnB,CAAA;AACH,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,GAAG,aAAS,CAAC,MAAM,CAAA;AAChC,kBAAe,MAAM,CAAA"}
|
|
@@ -6,7 +6,7 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
|
|
|
6
6
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
7
7
|
exports.dropdownStyle = exports.StyledDropdown = exports.StyledAntSelect = exports.SelectContainer = exports.OptionContainer = exports.LabelContainer = void 0;
|
|
8
8
|
var styled_1 = require("@emotion/styled");
|
|
9
|
-
var
|
|
9
|
+
var antd_1 = require("antd");
|
|
10
10
|
var theme_1 = require("src/theme/theme");
|
|
11
11
|
exports.LabelContainer = styled_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n display: flex;\n align-items: center;\n gap: 4px;\n span {\n display: inline-flex;\n cursor: pointer;\n }\n"], ["\n display: flex;\n align-items: center;\n gap: 4px;\n span {\n display: inline-flex;\n cursor: pointer;\n }\n"])));
|
|
12
12
|
exports.OptionContainer = styled_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n display: flex;\n align-items: center;\n gap: 8px;\n"], ["\n display: flex;\n align-items: center;\n gap: 8px;\n"])));
|
|
@@ -34,14 +34,18 @@ var selectHoverFocusStyles = function (props) { return "\n &:hover .ant-select-
|
|
|
34
34
|
: theme_1.straitsXTheme.color.base.primary2, " !important;\n "), "\n }\n"); };
|
|
35
35
|
var selectPlaceholderStyles = "\n .ant-select-selection-placeholder {\n display: flex;\n align-items: center;\n \n span {\n color: ".concat(theme_1.straitsXTheme.color.component.placeholderInput, " !important;\n }\n }\n");
|
|
36
36
|
var selectOverflowStyles = function (props) { return "\n .ant-select-selection-overflow {\n gap: 8px;\n ".concat(props.$mode === 'multiple' ? 'flex-wrap: wrap !important;' : '', "\n ").concat(props.$mode === 'multiple' ? 'align-content: center !important;' : '', "\n }\n"); };
|
|
37
|
-
var selectSelectedItemStyles = "\n .ant-select-selection-item {\n display: flex !important;\n align-items: center !important;\n color: ".concat(theme_1.straitsXTheme.color.base.onNeutral, " !important;\n }\n");
|
|
37
|
+
var selectSelectedItemStyles = "\n .ant-select-selection-item {\n display: flex !important;\n align-items: center !important;\n color: ".concat(theme_1.straitsXTheme.color.base.onNeutral, " !important;\n }\n\n &.ant-select-open .ant-select-selection-item {\n color: ").concat(theme_1.straitsXTheme.color.base.onNeutral, " !important;\n }\n");
|
|
38
38
|
var selectArrowStyles = "\n .ant-select-arrow {\n display: flex !important;\n align-items: center !important;\n gap: 8px !important;\n width: auto !important;\n align-self: center !important;\n \n span {\n color: ".concat(theme_1.straitsXTheme.color.base.onNeutral, " !important;\n }\n }\n");
|
|
39
|
-
exports.StyledAntSelect = (0, styled_1.default)(
|
|
40
|
-
var dropdownBaseItemStyles = "\n .rc-virtual-list-holder-inner {\n gap:
|
|
39
|
+
exports.StyledAntSelect = (0, styled_1.default)(antd_1.Select)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n .ant-form-item-has-error & {\n background-color: ", " !important;\n }\n ", "\n ", "\n ", "\n ", "\n ", "\n ", "\n"], ["\n .ant-form-item-has-error & {\n background-color: ", " !important;\n }\n ", "\n ", "\n ", "\n ", "\n ", "\n ", "\n"])), theme_1.straitsXTheme.color.surface.neutral, function (props) { return selectSelectorStyles(props); }, function (props) { return selectHoverFocusStyles(props); }, selectPlaceholderStyles, function (props) { return selectOverflowStyles(props); }, selectSelectedItemStyles, selectArrowStyles);
|
|
40
|
+
var dropdownBaseItemStyles = "\n .rc-virtual-list-holder-inner {\n gap: 0;\n }\n .rc-virtual-list-holder {\n overflow-y: auto !important;\n }\n .ant-select-item {\n color: ".concat(theme_1.straitsXTheme.color.base.onNeutral, " !important;\n padding: 12px !important;\n margin-bottom: 4px !important;\n }\n .ant-select-item:last-child {\n margin-bottom: 0 !important;\n }\n");
|
|
41
41
|
var dropdownSelectedOptionStyles = "\n .ant-select-item-option-selected {\n background: #d7efe2 !important;\n position: relative !important;\n \n .anticon {\n display: none !important;\n }\n \n &::after {\n content: 'check' !important;\n font-family: 'Material Symbols Rounded' !important;\n color: ".concat(theme_1.straitsXTheme.color.status.positive, " !important;\n position: absolute !important;\n right: 12px !important;\n top: 50% !important;\n transform: translateY(-50%) !important;\n font-size: 16px !important;\n }\n }\n");
|
|
42
42
|
var dropdownInteractiveStyles = "\n .ant-select-item:hover {\n background: ".concat(theme_1.straitsXTheme.color.interactive.hoverSurface, " !important;\n }\n \n .ant-select-item:active {\n background: ").concat(theme_1.straitsXTheme.color.interactive.pressedSurface, " !important;\n }\n");
|
|
43
43
|
var dropdownDisabledOptionStyles = "\n .ant-select-item-option-disabled,\n .ant-select-item-option-disabled:hover {\n background: ".concat(theme_1.straitsXTheme.color.surface.disabledSurface, " !important;\n span { \n color: ").concat(theme_1.straitsXTheme.color.surface.disabledOnSurface, " !important;\n }\n }\n");
|
|
44
|
-
exports.StyledDropdown = styled_1.default.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n ", "\n ", "\n ", "\n ", "\n"], ["\n ", "\n ", "\n ", "\n ", "\n"])), dropdownBaseItemStyles, dropdownSelectedOptionStyles, dropdownInteractiveStyles, dropdownDisabledOptionStyles);
|
|
45
|
-
exports.dropdownStyle = {
|
|
44
|
+
exports.StyledDropdown = styled_1.default.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n ", "\n ", "\n ", "\n ", "\n padding-bottom: 8px;\n"], ["\n ", "\n ", "\n ", "\n ", "\n padding-bottom: 8px;\n"])), dropdownBaseItemStyles, dropdownSelectedOptionStyles, dropdownInteractiveStyles, dropdownDisabledOptionStyles);
|
|
45
|
+
exports.dropdownStyle = {
|
|
46
|
+
padding: 0,
|
|
47
|
+
paddingBottom: '4px',
|
|
48
|
+
borderRadius: '12px',
|
|
49
|
+
};
|
|
46
50
|
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5;
|
|
47
51
|
//# sourceMappingURL=style.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"style.js","sourceRoot":"","sources":["../../../src/components/Select/style.ts"],"names":[],"mappings":";;;;;;;AAAA,0CAAoC;AACpC,
|
|
1
|
+
{"version":3,"file":"style.js","sourceRoot":"","sources":["../../../src/components/Select/style.ts"],"names":[],"mappings":"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"}
|
|
@@ -27,15 +27,14 @@ 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
|
|
30
|
+
var antd_1 = require("antd");
|
|
31
31
|
var emotion_1 = require("emotion");
|
|
32
|
-
require("antd/es/spin/style/css");
|
|
33
32
|
var ThemeContext_1 = require("src/theme/ThemeContext");
|
|
34
33
|
var MainSpin = function (_a) {
|
|
35
34
|
var size = _a.size, props = __rest(_a, ["size"]);
|
|
36
35
|
var brand = (0, ThemeContext_1.useTheme)().brand;
|
|
37
36
|
var brandStyle = (0, emotion_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n & .ant-spin-dot-item {\n background-color: ", ";\n }\n "], ["\n & .ant-spin-dot-item {\n background-color: ", ";\n }\n "])), brand.primary.default);
|
|
38
|
-
return react_1.default.createElement(
|
|
37
|
+
return react_1.default.createElement(antd_1.Spin, __assign({ className: (0, emotion_1.cx)(brandStyle), size: size }, props));
|
|
39
38
|
};
|
|
40
39
|
exports.default = MainSpin;
|
|
41
40
|
var templateObject_1;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Spin/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+BAAyB;AACzB,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Spin/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+BAAyB;AACzB,6BAA2B;AAC3B,mCAAiC;AACjC,uDAAiD;AAMjD,IAAM,QAAQ,GAAG,UAAC,EAA6B;IAA3B,IAAA,IAAI,UAAA,EAAK,KAAK,cAAhB,QAAkB,CAAF;IACxB,IAAA,KAAK,GAAK,IAAA,uBAAQ,GAAE,MAAf,CAAe;IAC5B,IAAM,UAAU,OAAG,aAAG,4IAAA,wDAEE,EAAqB,cAE5C,KAFuB,KAAK,CAAC,OAAO,CAAC,OAAO,CAE5C,CAAA;IAED,OAAO,8BAAC,WAAI,aAAC,SAAS,EAAE,IAAA,YAAE,EAAC,UAAU,CAAC,EAAE,IAAI,EAAE,IAAI,IAAM,KAAK,EAAI,CAAA;AACnE,CAAC,CAAA;AAED,kBAAe,QAAQ,CAAA"}
|
|
@@ -28,18 +28,17 @@ 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/steps/style/css");
|
|
31
|
+
var antd_1 = require("antd");
|
|
33
32
|
var fontStyles_1 = require("src/constants/fontStyles");
|
|
34
33
|
var DesktopSteps = function (_a) {
|
|
35
34
|
var className = _a.className, rest = __rest(_a, ["className"]);
|
|
36
35
|
var style = "\n & .ant-steps-item-title {\n padding-right: 0;\n }\n \n & .ant-steps-item-finish > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title {\n ".concat(fontStyles_1.baseStyle, "\n ").concat(fontStyles_1.InactiveDesktopStepperStyle, "\n }\n \n & .ant-steps-item-process > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title {\n ").concat(fontStyles_1.baseStyle, "\n ").concat(fontStyles_1.ActiveDesktopStepperStyle, "\n }\n \n & .ant-steps-item-finish .ant-steps-item-icon > .ant-steps-icon .ant-steps-icon-dot {\n background: #43CC32;\n }\n \n &.ant-steps-dot .ant-steps-item-icon {\n width: 13px;\n height: 13px;\n }\n \n &.ant-steps-dot .ant-steps-item-content {\n width: unset;\n max-width: 100%;\n }\n \n &.ant-steps-dot .ant-steps-item-process .ant-steps-item-icon {\n width: 13px;\n height: 13px;\n }\n \n &.ant-steps-vertical.ant-steps-dot .ant-steps-item-icon {\n margin-top: 6px;\n }\n \n &.ant-steps-dot .ant-steps-item-tail::after {\n margin-left: 15px;\n }\n \n & .ant-steps-item-finish > .ant-steps-item-container > .ant-steps-item-tail::after {\n background: #CACACA;\n }\n \n &.ant-steps-vertical.ant-steps-dot .ant-steps-item-process .ant-steps-icon-dot {\n top: 0;\n }\n \n &.ant-steps-vertical .ant-steps-item-icon {\n margin-right: 10px;\n }\n \n &.ant-steps-vertical.ant-steps-dot .ant-steps-item-process .ant-steps-icon-dot {\n left: 0;\n }\n \n & .ant-steps-item-icon > .ant-steps-icon {\n top: 0;\n }\n \n &.ant-steps-vertical.ant-steps-dot .ant-steps-item > .ant-steps-item-container > .ant-steps-item-tail {\n top: 4px;\n left: -9px;\n }\n \n & .ant-steps-item-process > .ant-steps-item-container > .ant-steps-item-tail::after {\n background: #CACACA;\n }\n \n & .ant-steps-item-wait > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title {\n ").concat(fontStyles_1.baseStyle, "\n ").concat(fontStyles_1.InactiveDesktopStepperStyle, "\n color: #777777;\n }\n ");
|
|
37
|
-
return react_1.default.createElement(
|
|
36
|
+
return react_1.default.createElement(antd_1.Steps, __assign({}, rest, { className: (0, emotion_1.cx)((0, emotion_1.css)(style), className) }));
|
|
38
37
|
};
|
|
39
38
|
var DesktopStep = function (_a) {
|
|
40
39
|
var props = __rest(_a, []);
|
|
41
40
|
var ellipseStyle = (0, emotion_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n & .ant-steps-item-title {\n white-space: nowrap;\n width: 100%;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n "], ["\n & .ant-steps-item-title {\n white-space: nowrap;\n width: 100%;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n "])));
|
|
42
|
-
return react_1.default.createElement(
|
|
41
|
+
return react_1.default.createElement(antd_1.Steps.Step, __assign({ className: (0, emotion_1.cx)(ellipseStyle) }, props));
|
|
43
42
|
};
|
|
44
43
|
DesktopSteps.Step = DesktopStep;
|
|
45
44
|
exports.default = DesktopSteps;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DesktopSteps.js","sourceRoot":"","sources":["../../../src/components/Steps/DesktopSteps.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+BAAyB;AACzB,mCAAiC;AACjC,
|
|
1
|
+
{"version":3,"file":"DesktopSteps.js","sourceRoot":"","sources":["../../../src/components/Steps/DesktopSteps.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+BAAyB;AACzB,mCAAiC;AACjC,6BAAmD;AACnD,uDAIiC;AAEjC,IAAM,YAAY,GAAG,UAAC,EAKrB;IAJC,IAAA,SAAS,eAAA,EACN,IAAI,cAFa,aAGrB,CADQ;IAIP,IAAM,KAAK,GAAG,6MAMN,sBAAS,uBACT,wCAA2B,qJAI3B,sBAAS,uBACT,sCAAyB,ooDA4DzB,sBAAS,uBACT,wCAA2B,6CAGhC,CAAA;IAEH,OAAO,8BAAC,YAAK,eAAK,IAAI,IAAE,SAAS,EAAE,IAAA,YAAE,EAAC,IAAA,aAAG,EAAC,KAAK,CAAC,EAAE,SAAS,CAAC,IAAI,CAAA;AAClE,CAAC,CAAA;AAED,IAAM,WAAW,GAAwB,UAAC,EAAY;QAAP,KAAK,cAAV,EAAY,CAAF;IAClD,IAAM,YAAY,OAAG,aAAG,yNAAA,qJAOvB,IAAA,CAAA;IACD,OAAO,8BAAC,YAAK,CAAC,IAAI,aAAC,SAAS,EAAE,IAAA,YAAE,EAAC,YAAY,CAAC,IAAM,KAAK,EAAI,CAAA;AAC/D,CAAC,CAAA;AACD,YAAY,CAAC,IAAI,GAAG,WAAW,CAAA;AAE/B,kBAAe,YAAY,CAAA"}
|
|
@@ -27,15 +27,14 @@ 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/table/style/css");
|
|
30
|
+
var antd_1 = require("antd");
|
|
32
31
|
var emotion_1 = require("emotion");
|
|
33
32
|
var colors_1 = require("src/constants/Colors/colors");
|
|
34
33
|
var TypographyStyles_1 = require("src/shared/TypographyStyles");
|
|
35
34
|
var baseStyle = (0, emotion_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n -webkit-font-smoothing: antialiased;\n font-family: ", ";\n color: ", ";\n"], ["\n -webkit-font-smoothing: antialiased;\n font-family: ", ";\n color: ", ";\n"])), TypographyStyles_1.MAIN_FONT, colors_1.BLACK.DEFAULT);
|
|
36
35
|
var CustomTable = function (_a) {
|
|
37
36
|
var className = _a.className, emptyText = _a.emptyText, restProps = __rest(_a, ["className", "emptyText"]);
|
|
38
|
-
return (react_1.default.createElement(
|
|
37
|
+
return (react_1.default.createElement(antd_1.Table, __assign({ className: (0, emotion_1.cx)(baseStyle, className), locale: {
|
|
39
38
|
emptyText: emptyText,
|
|
40
39
|
} }, restProps)));
|
|
41
40
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Table/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+BAAyB;AACzB,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Table/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+BAAyB;AACzB,6BAAwC;AACxC,mCAAiC;AACjC,sDAAmD;AACnD,gEAAuD;AAQvD,IAAM,SAAS,OAAG,aAAG,sJAAA,2DAEJ,EAAS,cACf,EAAa,KACvB,KAFgB,4BAAS,EACf,cAAK,CAAC,OAAO,CACvB,CAAA;AAED,IAAM,WAAW,GAAG,UAAC,EAIF;IAHjB,IAAA,SAAS,eAAA,EACT,SAAS,eAAA,EACN,SAAS,cAHO,0BAIpB,CADa;IACU,OAAA,CACtB,8BAAC,YAAK,aACJ,SAAS,EAAE,IAAA,YAAE,EAAC,SAAS,EAAE,SAAS,CAAC,EACnC,MAAM,EAAE;YACN,SAAS,WAAA;SACV,IACG,SAAS,EACb,CACH,CAAA;CAAA,CAAA;AACD,kBAAe,WAAW,CAAA"}
|
|
@@ -24,16 +24,15 @@ 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/tabs/style/css");
|
|
27
|
+
var antd_1 = require("antd");
|
|
29
28
|
var TypographyStyles_1 = require("src/shared/TypographyStyles");
|
|
30
29
|
var src_1 = require("src");
|
|
31
30
|
var Tabs = function (_a) {
|
|
32
31
|
var children = _a.children, rest = __rest(_a, ["children"]);
|
|
33
32
|
var brand = (0, src_1.useTheme)().brand;
|
|
34
33
|
var style = "\n font-family: ".concat(TypographyStyles_1.MAIN_FONT, ";\n font-size: 16px;\n font-weight: 400;\n\n &.ant-tabs {\n width: 100%;\n }\n\n .ant-tabs-ink-bar {\n z-index: 0;\n }\n\n .ant-tabs-nav .ant-tabs-tab {\n margin-right: 20px;\n padding-top: 8px;\n padding-bottom: 8px;\n }\n\n .ant-tabs-nav .ant-tabs-tab:hover,\n .ant-tabs-nav .ant-tabs-tab-active .ant-tabs-tab-btn {\n color: ").concat(brand.primary.default, ";\n }\n\n .ant-tabs-nav .ant-tabs-tab-active {\n font-weight: 700;\n font-size: 16px;\n font-family: ").concat(TypographyStyles_1.SECONDARY_FONT, ";\n }\n \n .ant-tabs-ink-bar {\n background-color: ").concat(brand.primary.default, "; \n }\n ");
|
|
35
|
-
return (react_1.default.createElement(
|
|
34
|
+
return (react_1.default.createElement(antd_1.Tabs, __assign({ className: "".concat((0, emotion_1.css)(style)) }, rest), children));
|
|
36
35
|
};
|
|
37
|
-
Tabs.TabPane =
|
|
36
|
+
Tabs.TabPane = antd_1.Tabs.TabPane;
|
|
38
37
|
exports.default = Tabs;
|
|
39
38
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Tabs/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA,+BAAyB;AACzB,mCAA6B;AAE7B,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Tabs/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA,+BAAyB;AACzB,mCAA6B;AAE7B,6BAAsC;AAEtC,gEAAuE;AACvE,2BAA8B;AAU9B,IAAM,IAAI,GAAG,UAAC,EAA4B;IAA1B,IAAA,QAAQ,cAAA,EAAK,IAAI,cAAnB,YAAqB,CAAF;IACvB,IAAA,KAAK,GAAK,IAAA,cAAQ,GAAE,MAAf,CAAe;IAC5B,IAAM,KAAK,GAAG,6BACG,4BAAS,gZAoBb,KAAK,CAAC,OAAO,CAAC,OAAO,uIAMf,iCAAc,8EAIT,KAAK,CAAC,OAAO,CAAC,OAAO,oBAE1C,CAAA;IAEH,OAAO,CACL,8BAAC,WAAO,aAAC,SAAS,EAAE,UAAG,IAAA,aAAG,EAAC,KAAK,CAAC,CAAE,IAAM,IAAI,GAC1C,QAAQ,CACD,CACX,CAAA;AACH,CAAC,CAAA;AAED,IAAI,CAAC,OAAO,GAAG,WAAO,CAAC,OAAO,CAAA;AAE9B,kBAAe,IAAI,CAAA"}
|