takeat-design-system-ui-kit 0.2.15 → 0.3.0
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/dist/cjs/components/Button/index.js +1 -19
- package/dist/cjs/components/Button/index.js.map +1 -1
- package/dist/cjs/components/Button/styles.js +7 -1
- package/dist/cjs/components/Button/styles.js.map +1 -1
- package/dist/cjs/components/FieldInfo/styles.js +10 -1
- package/dist/cjs/components/FieldInfo/styles.js.map +1 -1
- package/dist/cjs/components/Input/index.js +7 -68
- package/dist/cjs/components/Input/index.js.map +1 -1
- package/dist/cjs/components/Input/styles.js +32 -2
- package/dist/cjs/components/Input/styles.js.map +1 -1
- package/dist/cjs/utils/consts.d.ts +135 -88
- package/dist/cjs/utils/consts.js +48 -1
- package/dist/cjs/utils/consts.js.map +1 -1
- package/dist/esm/components/Button/index.js +1 -19
- package/dist/esm/components/Button/index.js.map +1 -1
- package/dist/esm/components/Button/styles.js +7 -1
- package/dist/esm/components/Button/styles.js.map +1 -1
- package/dist/esm/components/FieldInfo/styles.js +10 -1
- package/dist/esm/components/FieldInfo/styles.js.map +1 -1
- package/dist/esm/components/Input/index.js +7 -68
- package/dist/esm/components/Input/index.js.map +1 -1
- package/dist/esm/components/Input/styles.js +32 -2
- package/dist/esm/components/Input/styles.js.map +1 -1
- package/dist/esm/utils/consts.d.ts +135 -88
- package/dist/esm/utils/consts.js +48 -1
- package/dist/esm/utils/consts.js.map +1 -1
- package/package.json +1 -1
|
@@ -15,24 +15,6 @@ exports.BUTTON_OPTIONS = {
|
|
|
15
15
|
text: styles_1.TextButton,
|
|
16
16
|
segmented: styles_1.SegmentedButton,
|
|
17
17
|
};
|
|
18
|
-
var DEVICE_VARIANTS = {
|
|
19
|
-
totem: {
|
|
20
|
-
fontSize: "18px",
|
|
21
|
-
height: "56px",
|
|
22
|
-
},
|
|
23
|
-
tablet: {
|
|
24
|
-
fontSize: "16px",
|
|
25
|
-
height: "48px",
|
|
26
|
-
},
|
|
27
|
-
desktop: {
|
|
28
|
-
fontSize: "14px",
|
|
29
|
-
height: "40px",
|
|
30
|
-
},
|
|
31
|
-
mobile: {
|
|
32
|
-
fontSize: "12px",
|
|
33
|
-
height: "32px",
|
|
34
|
-
},
|
|
35
|
-
};
|
|
36
18
|
exports.Button = (0, react_1.forwardRef)(function Button(_a, ref) {
|
|
37
19
|
var _b = _a.variant, variant = _b === void 0 ? "primary" : _b, icon = _a.icon, customColor = _a.customColor, isLoading = _a.isLoading, isSelected = _a.isSelected, children = _a.children, props = tslib_1.__rest(_a, ["variant", "icon", "customColor", "isLoading", "isSelected", "children"]);
|
|
38
20
|
var theme = (0, styled_components_1.useTheme)();
|
|
@@ -42,6 +24,6 @@ exports.Button = (0, react_1.forwardRef)(function Button(_a, ref) {
|
|
|
42
24
|
: undefined;
|
|
43
25
|
// const onlyIcon = !!icon && !children;
|
|
44
26
|
var textAndIcon = !!icon && !!children;
|
|
45
|
-
return ((0, jsx_runtime_1.jsx)(ButtonToRender, tslib_1.__assign({ ref: ref, hasIcon: !!icon, textAndIcon: textAndIcon, isSelected: isSelected, colorVariants: colorVariants }, props, {
|
|
27
|
+
return ((0, jsx_runtime_1.jsx)(ButtonToRender, tslib_1.__assign({ ref: ref, hasIcon: !!icon, textAndIcon: textAndIcon, isSelected: isSelected, colorVariants: colorVariants }, props, { disabled: isLoading || props.disabled, children: isLoading ? ((0, jsx_runtime_1.jsx)(Spinner_1.Spinner, { color: theme.colors.neutral.light })) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [icon, children] })) })));
|
|
46
28
|
});
|
|
47
29
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Button/index.tsx"],"names":[],"mappings":";;;;;AAAA,+BAAyE;AACzE,mCAMkB;AAClB,mDAA8D;AAC9D,sCAAqC;AACrC,uDAA6C;AAEhC,QAAA,cAAc,GAAG;IAC5B,OAAO,EAAE,sBAAa;IACtB,QAAQ,EAAE,sBAAa;IACvB,KAAK,EAAE,oBAAW;IAClB,IAAI,EAAE,mBAAU;IAChB,SAAS,EAAE,wBAAe;CAC3B,CAAC;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Button/index.tsx"],"names":[],"mappings":";;;;;AAAA,+BAAyE;AACzE,mCAMkB;AAClB,mDAA8D;AAC9D,sCAAqC;AACrC,uDAA6C;AAEhC,QAAA,cAAc,GAAG;IAC5B,OAAO,EAAE,sBAAa;IACtB,QAAQ,EAAE,sBAAa;IACvB,KAAK,EAAE,oBAAW;IAClB,IAAI,EAAE,mBAAU;IAChB,SAAS,EAAE,wBAAe;CAC3B,CAAC;AAWW,QAAA,MAAM,GAAG,IAAA,kBAAU,EAAC,SAAS,MAAM,CAC9C,EAQc,EACd,GAAiC;IAR/B,IAAA,eAAmB,EAAnB,OAAO,mBAAG,SAAS,KAAA,EACnB,IAAI,UAAA,EACJ,WAAW,iBAAA,EACX,SAAS,eAAA,EACT,UAAU,gBAAA,EACV,QAAQ,cAAA,EACL,KAAK,sBAPV,yEAQC,CADS;IAIV,IAAM,KAAK,GAAG,IAAA,4BAAQ,GAAE,CAAC;IACzB,IAAM,cAAc,GAAG,sBAAc,CAAC,OAAO,CAAC,CAAC;IAC/C,IAAM,aAAa,GAAG,WAAW;QAC/B,CAAC,CAAC,IAAA,eAAO,EAAC,cAAM,OAAA,IAAA,iCAAqB,EAAC,WAAW,CAAC,EAAlC,CAAkC,EAAE,CAAC,WAAW,CAAC,CAAC;QAClE,CAAC,CAAC,SAAS,CAAC;IAEd,wCAAwC;IACxC,IAAM,WAAW,GAAG,CAAC,CAAC,IAAI,IAAI,CAAC,CAAC,QAAQ,CAAC;IAEzC,OAAO,CACL,uBAAC,cAAc,qBACb,GAAG,EAAE,GAAG,EACR,OAAO,EAAE,CAAC,CAAC,IAAI,EACf,WAAW,EAAE,WAAW,EACxB,UAAU,EAAE,UAAU,EACtB,aAAa,EAAE,aAAa,IACxB,KAAK,IACT,QAAQ,EAAE,SAAS,IAAI,KAAK,CAAC,QAAQ,YAEpC,SAAS,CAAC,CAAC,CAAC,CACX,uBAAC,iBAAO,IAAC,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,KAAK,GAAI,CAC/C,CAAC,CAAC,CAAC,CACF,6DACG,IAAI,EACJ,QAAQ,IACR,CACJ,IACc,CAClB,CAAC;AACJ,CAAC,CAAC,CAAC"}
|
|
@@ -3,7 +3,10 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
3
3
|
exports.AllButtonsTable = exports.SegmentedButton = exports.TextButton = exports.TonalButton = exports.OutlineButton = exports.PrimaryButton = void 0;
|
|
4
4
|
var tslib_1 = require("tslib");
|
|
5
5
|
var styled_components_1 = tslib_1.__importDefault(require("styled-components"));
|
|
6
|
-
exports.PrimaryButton = styled_components_1.default.button(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n width: fit-content;\n height:
|
|
6
|
+
exports.PrimaryButton = styled_components_1.default.button(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n width: fit-content;\n height: ", ";\n border: none;\n // Paddings variations\n ", "\n background-color: ", ";\n border-radius: ", ";\n cursor: pointer;\n display: inline-flex;\n justify-content: center;\n align-items: center;\n gap: ", ";\n transition: all 0.3s;\n\n font-family: ", ";\n font-size: ", ";\n font-weight: 600;\n line-height: 16px;\n letter-spacing: 0.5px;\n text-align: center;\n color: #fff;\n\n svg {\n font-size: 24px;\n fill: #fff;\n flex-shrink: 0;\n transition: all 0.3s;\n }\n\n &:hover {\n background-color: ", ";\n }\n\n &:active {\n background-color: ", ";\n }\n\n &:focus-visible {\n outline: 1px solid\n ", ";\n }\n\n &:disabled {\n background-color: ", ";\n color: ", ";\n cursor: default;\n\n svg {\n fill: ", ";\n }\n }\n"], ["\n width: fit-content;\n height: ", ";\n border: none;\n // Paddings variations\n ", "\n background-color: ", ";\n border-radius: ", ";\n cursor: pointer;\n display: inline-flex;\n justify-content: center;\n align-items: center;\n gap: ", ";\n transition: all 0.3s;\n\n font-family: ", ";\n font-size: ", ";\n font-weight: 600;\n line-height: 16px;\n letter-spacing: 0.5px;\n text-align: center;\n color: #fff;\n\n svg {\n font-size: 24px;\n fill: #fff;\n flex-shrink: 0;\n transition: all 0.3s;\n }\n\n &:hover {\n background-color: ", ";\n }\n\n &:active {\n background-color: ", ";\n }\n\n &:focus-visible {\n outline: 1px solid\n ", ";\n }\n\n &:disabled {\n background-color: ", ";\n color: ", ";\n cursor: default;\n\n svg {\n fill: ", ";\n }\n }\n"])), function (_a) {
|
|
7
|
+
var theme = _a.theme;
|
|
8
|
+
return theme.components.button.height[theme.device];
|
|
9
|
+
}, function (_a) {
|
|
7
10
|
var theme = _a.theme, hasIcon = _a.hasIcon, textAndIcon = _a.textAndIcon;
|
|
8
11
|
return textAndIcon
|
|
9
12
|
? "padding: 0 12px 0 ".concat(theme.spacing.xs, ";")
|
|
@@ -22,6 +25,9 @@ exports.PrimaryButton = styled_components_1.default.button(templateObject_1 || (
|
|
|
22
25
|
}, function (_a) {
|
|
23
26
|
var theme = _a.theme;
|
|
24
27
|
return theme.typography.family.default;
|
|
28
|
+
}, function (_a) {
|
|
29
|
+
var theme = _a.theme;
|
|
30
|
+
return theme.components.button.fontSize[theme.device];
|
|
25
31
|
}, function (_a) {
|
|
26
32
|
var theme = _a.theme, colorVariants = _a.colorVariants;
|
|
27
33
|
return (colorVariants === null || colorVariants === void 0 ? void 0 : colorVariants.dark) || theme.colors.primary.dark;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/components/Button/styles.ts"],"names":[],"mappings":";;;;AAAA,gFAAuC;AAS1B,QAAA,aAAa,GAAG,2BAAM,CAAC,MAAM,24BAAoB,
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/components/Button/styles.ts"],"names":[],"mappings":"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"}
|
|
@@ -3,12 +3,21 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
3
3
|
exports.FieldInfoContainer = void 0;
|
|
4
4
|
var tslib_1 = require("tslib");
|
|
5
5
|
var styled_components_1 = tslib_1.__importDefault(require("styled-components"));
|
|
6
|
-
exports.FieldInfoContainer = styled_components_1.default.div(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n display: flex;\n align-items: center;\n gap: ", ";\n color: ", ";\n font-size:
|
|
6
|
+
exports.FieldInfoContainer = styled_components_1.default.div(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n display: flex;\n align-items: center;\n gap: ", ";\n color: ", ";\n font-size: ", ";\n font-style: normal;\n font-weight: 400;\n line-height: ", ";\n height: ", ";\n letter-spacing: 0.4px;\n\n svg {\n fill: ", ";\n font-size: 16px;\n }\n"], ["\n display: flex;\n align-items: center;\n gap: ", ";\n color: ", ";\n font-size: ", ";\n font-style: normal;\n font-weight: 400;\n line-height: ", ";\n height: ", ";\n letter-spacing: 0.4px;\n\n svg {\n fill: ", ";\n font-size: 16px;\n }\n"])), function (_a) {
|
|
7
7
|
var theme = _a.theme;
|
|
8
8
|
return theme.spacing.xxs;
|
|
9
9
|
}, function (_a) {
|
|
10
10
|
var theme = _a.theme, isError = _a.isError;
|
|
11
11
|
return isError ? theme.colors.red.default : theme.colors.neutral.dark;
|
|
12
|
+
}, function (_a) {
|
|
13
|
+
var theme = _a.theme;
|
|
14
|
+
return theme.components.fieldInfo.fontSize[theme.device];
|
|
15
|
+
}, function (_a) {
|
|
16
|
+
var theme = _a.theme;
|
|
17
|
+
return theme.components.fieldInfo.fontSize[theme.device];
|
|
18
|
+
}, function (_a) {
|
|
19
|
+
var theme = _a.theme;
|
|
20
|
+
return theme.components.fieldInfo.fontSize[theme.device];
|
|
12
21
|
}, function (_a) {
|
|
13
22
|
var theme = _a.theme, isError = _a.isError;
|
|
14
23
|
return isError ? theme.colors.red.default : theme.colors.neutral.dark;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/components/FieldInfo/styles.ts"],"names":[],"mappings":";;;;AAAA,gFAAuC;AAM1B,QAAA,kBAAkB,GAAG,2BAAM,CAAC,GAAG,+UAAyB,qDAG5D,EAAgC,cAC9B,EACuD,
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/components/FieldInfo/styles.ts"],"names":[],"mappings":";;;;AAAA,gFAAuC;AAM1B,QAAA,kBAAkB,GAAG,2BAAM,CAAC,GAAG,+UAAyB,qDAG5D,EAAgC,cAC9B,EACuD,kBACnD,EACsC,gEAGpC,EACoC,eACzC,EAAgE,oDAIhE,EACwD,gCAGnE,KAjBQ,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,OAAO,CAAC,GAAG;AAAjB,CAAiB,EAC9B,UAAC,EAAkB;QAAhB,KAAK,WAAA,EAAE,OAAO,aAAA;IACxB,OAAA,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI;AAA9D,CAA8D,EACnD,UAAC,EAAS;QAAP,KAAK,WAAA;IACnB,OAAA,KAAK,CAAC,UAAU,CAAC,SAAS,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC;AAAjD,CAAiD,EAGpC,UAAC,EAAS;QAAP,KAAK,WAAA;IACrB,OAAA,KAAK,CAAC,UAAU,CAAC,SAAS,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC;AAAjD,CAAiD,EACzC,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,UAAU,CAAC,SAAS,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC;AAAjD,CAAiD,EAIhE,UAAC,EAAkB;QAAhB,KAAK,WAAA,EAAE,OAAO,aAAA;IACvB,OAAA,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI;AAA9D,CAA8D,EAGlE"}
|
|
@@ -13,76 +13,20 @@ var icons_1 = require("../icons");
|
|
|
13
13
|
var react_number_format_1 = require("react-number-format");
|
|
14
14
|
var functions_1 = require("../../utils/functions");
|
|
15
15
|
var FieldInfo_1 = require("../FieldInfo");
|
|
16
|
-
var DEVICE_VARIANTS = {
|
|
17
|
-
totem: {
|
|
18
|
-
label: {
|
|
19
|
-
fontSize: "20px",
|
|
20
|
-
},
|
|
21
|
-
input: {
|
|
22
|
-
fontSize: "18px",
|
|
23
|
-
height: "56px",
|
|
24
|
-
borderRadius: "12px",
|
|
25
|
-
},
|
|
26
|
-
info: {
|
|
27
|
-
fontSize: "16px",
|
|
28
|
-
},
|
|
29
|
-
},
|
|
30
|
-
tablet: {
|
|
31
|
-
label: {
|
|
32
|
-
fontSize: "18px",
|
|
33
|
-
},
|
|
34
|
-
input: {
|
|
35
|
-
fontSize: "16px",
|
|
36
|
-
height: "48px",
|
|
37
|
-
},
|
|
38
|
-
info: {
|
|
39
|
-
fontSize: "14px",
|
|
40
|
-
},
|
|
41
|
-
},
|
|
42
|
-
desktop: {
|
|
43
|
-
label: {
|
|
44
|
-
fontSize: "16px",
|
|
45
|
-
},
|
|
46
|
-
input: {
|
|
47
|
-
fontSize: "14px",
|
|
48
|
-
height: "40px",
|
|
49
|
-
},
|
|
50
|
-
info: {
|
|
51
|
-
fontSize: "12px",
|
|
52
|
-
},
|
|
53
|
-
},
|
|
54
|
-
mobile: {
|
|
55
|
-
label: {
|
|
56
|
-
fontSize: "14px",
|
|
57
|
-
},
|
|
58
|
-
input: {
|
|
59
|
-
fontSize: "12px",
|
|
60
|
-
height: "32px",
|
|
61
|
-
},
|
|
62
|
-
info: {
|
|
63
|
-
fontSize: "10px",
|
|
64
|
-
},
|
|
65
|
-
},
|
|
66
|
-
};
|
|
67
16
|
exports.Input = (0, react_1.forwardRef)(function (_a, ref) {
|
|
68
17
|
var _b;
|
|
69
18
|
var label = _a.label, info = _a.info, error = _a.error, isLoading = _a.isLoading, register = _a.register, mask = _a.mask, _c = _a.maskChar, maskChar = _c === void 0 ? null : _c, containerStyles = _a.containerStyles, isCurrency = _a.isCurrency, hasPrefix = _a.hasPrefix, minimumFractionDigits = _a.minimumFractionDigits, control = _a.control, iconLeft = _a.iconLeft, iconRight = _a.iconRight, props = tslib_1.__rest(_a, ["label", "info", "error", "isLoading", "register", "mask", "maskChar", "containerStyles", "isCurrency", "hasPrefix", "minimumFractionDigits", "control", "iconLeft", "iconRight"]);
|
|
70
19
|
var theme = (0, styled_components_1.useTheme)();
|
|
71
|
-
var spinnerSize = parseInt(
|
|
72
|
-
|
|
73
|
-
return ((0, jsx_runtime_1.jsxs)(styles_1.InputWrapper, { style: tslib_1.__assign(tslib_1.__assign({}, containerStyles), { width: (_b = props.style) === null || _b === void 0 ? void 0 : _b.width }), children: [label && ((0, jsx_runtime_1.jsx)("label", { style: tslib_1.__assign({}, DEVICE_VARIANTS[theme.device]
|
|
74
|
-
.label), children: label })), (0, jsx_runtime_1.jsxs)(styles_1.InputContainer, { hasIconLeft: !!iconLeft, hasError: !!error, children: [iconLeft && (0, jsx_runtime_1.jsx)("div", { className: "icon-left", children: iconLeft }), isCurrency ? ((0, jsx_runtime_1.jsx)(CurrencyInput, tslib_1.__assign({ control: control, hasPrefix: hasPrefix, minimumFractionDigits: minimumFractionDigits }, props, { ref: ref }))) : mask ? ((0, jsx_runtime_1.jsx)(MaskInput, tslib_1.__assign({ mask: mask, maskChar: maskChar, register: register }, props, { ref: ref }))) : ((0, jsx_runtime_1.jsx)(NormalInput, tslib_1.__assign({ isLoading: isLoading }, props, { ref: ref, register: register }))), isLoading ? ((0, jsx_runtime_1.jsx)(Spinner_1.Spinner, { size: spinnerSize, color: theme.colors.neutral.light, style: {
|
|
20
|
+
var spinnerSize = parseInt(theme.components.input.input.fontSize[theme.device].substring(-2)) + 4;
|
|
21
|
+
return ((0, jsx_runtime_1.jsxs)(styles_1.InputWrapper, { style: tslib_1.__assign({ width: (_b = props.style) === null || _b === void 0 ? void 0 : _b.width }, containerStyles), children: [label && (0, jsx_runtime_1.jsx)("label", { children: label }), (0, jsx_runtime_1.jsxs)(styles_1.InputContainer, { hasIconLeft: !!iconLeft, hasIconRight: !!iconRight, hasError: !!error, children: [iconLeft && (0, jsx_runtime_1.jsx)("div", { className: "icon-left", children: iconLeft }), isCurrency ? ((0, jsx_runtime_1.jsx)(CurrencyInput, tslib_1.__assign({ control: control, hasPrefix: hasPrefix, minimumFractionDigits: minimumFractionDigits }, props, { ref: ref }))) : mask ? ((0, jsx_runtime_1.jsx)(MaskInput, tslib_1.__assign({ mask: mask, maskChar: maskChar, register: register }, props, { ref: ref }))) : ((0, jsx_runtime_1.jsx)(NormalInput, tslib_1.__assign({ isLoading: isLoading }, props, { ref: ref, register: register }))), isLoading ? ((0, jsx_runtime_1.jsx)(Spinner_1.Spinner, { size: spinnerSize, color: theme.colors.neutral.light, style: {
|
|
75
22
|
position: "absolute",
|
|
76
23
|
right: 16,
|
|
77
24
|
top: "calc(50% - ".concat(spinnerSize / 2, "px)"),
|
|
78
|
-
} })) : error ? ((0, jsx_runtime_1.jsx)(icons_1.IconExclamation, { className: "error-icon" })) : (iconRight && (0, jsx_runtime_1.jsx)("div", { className: "icon-right", children: iconRight }))] }), (!!register || !!error || !!info) && ((0, jsx_runtime_1.jsx)(FieldInfo_1.FieldInfo, { className: "additional-info", isError: !!error,
|
|
79
|
-
.info), children: error || info }))] }));
|
|
25
|
+
} })) : error ? ((0, jsx_runtime_1.jsx)(icons_1.IconExclamation, { className: "error-icon" })) : (iconRight && (0, jsx_runtime_1.jsx)("div", { className: "icon-right", children: iconRight }))] }), (!!register || !!error || !!info) && ((0, jsx_runtime_1.jsx)(FieldInfo_1.FieldInfo, { className: "additional-info", isError: !!error, children: error || info }))] }));
|
|
80
26
|
});
|
|
81
27
|
var NormalInput = (0, react_1.forwardRef)(function (_a, ref) {
|
|
82
28
|
var isLoading = _a.isLoading, register = _a.register, props = tslib_1.__rest(_a, ["isLoading", "register"]);
|
|
83
|
-
|
|
84
|
-
return ((0, jsx_runtime_1.jsx)("input", tslib_1.__assign({}, props, { style: tslib_1.__assign(tslib_1.__assign(tslib_1.__assign({}, DEVICE_VARIANTS[theme.device]
|
|
85
|
-
.input), props.style), { width: "100%" }), disabled: isLoading || props.disabled }, register, { ref: function (e) {
|
|
29
|
+
return ((0, jsx_runtime_1.jsx)("input", tslib_1.__assign({}, props, { disabled: isLoading || props.disabled }, register, { ref: function (e) {
|
|
86
30
|
if (register) {
|
|
87
31
|
register.ref(e);
|
|
88
32
|
}
|
|
@@ -94,21 +38,18 @@ var NormalInput = (0, react_1.forwardRef)(function (_a, ref) {
|
|
|
94
38
|
});
|
|
95
39
|
var CurrencyInput = (0, react_1.forwardRef)(function (_a, ref) {
|
|
96
40
|
var control = _a.control, name = _a.name, hasPrefix = _a.hasPrefix, _b = _a.minimumFractionDigits, minimumFractionDigits = _b === void 0 ? 2 : _b, value = _a.value, register = _a.register, isLoading = _a.isLoading, props = tslib_1.__rest(_a, ["control", "name", "hasPrefix", "minimumFractionDigits", "value", "register", "isLoading"]);
|
|
97
|
-
var theme = (0, styled_components_1.useTheme)();
|
|
98
41
|
var multiplicator = Math.pow(10, minimumFractionDigits);
|
|
99
42
|
return control ? ((0, jsx_runtime_1.jsx)(react_hook_form_1.Controller, { name: name || "", control: control, render: function (_a) {
|
|
100
43
|
var field = _a.field;
|
|
101
44
|
return ((0, jsx_runtime_1.jsx)(react_number_format_1.NumberFormatBase, tslib_1.__assign({ format: function (e) {
|
|
102
45
|
return (0, functions_1.currencyFormatter)(parseFloat(e), hasPrefix, minimumFractionDigits);
|
|
103
|
-
}, value: Number(value) * multiplicator }, props, {
|
|
104
|
-
.input), props.style), { width: "100%" }), onValueChange: function (e) {
|
|
46
|
+
}, value: Number(value) * multiplicator }, props, { onValueChange: function (e) {
|
|
105
47
|
var _a;
|
|
106
48
|
(_a = field.onChange) === null || _a === void 0 ? void 0 : _a.call(field, e.floatValue ? e.floatValue / multiplicator : undefined);
|
|
107
49
|
}, defaultValue: props.defaultValue, disabled: isLoading || props.disabled, type: "text", getInputRef: ref })));
|
|
108
50
|
} })) : ((0, jsx_runtime_1.jsx)(react_number_format_1.NumberFormatBase, tslib_1.__assign({ format: function (e) {
|
|
109
51
|
return (0, functions_1.currencyFormatter)(parseFloat(e), hasPrefix, minimumFractionDigits);
|
|
110
|
-
} }, props, {
|
|
111
|
-
.input), props.style), { width: "100%" }), value: Number(value) * multiplicator, defaultValue: props.defaultValue, disabled: isLoading || props.disabled, onChange: undefined, onValueChange: function (e) {
|
|
52
|
+
} }, props, { value: Number(value) * multiplicator, defaultValue: props.defaultValue, disabled: isLoading || props.disabled, onChange: undefined, onValueChange: function (e) {
|
|
112
53
|
var _a;
|
|
113
54
|
return (_a = props.onChange) === null || _a === void 0 ? void 0 : _a.call(props, {
|
|
114
55
|
target: {
|
|
@@ -120,9 +61,7 @@ var CurrencyInput = (0, react_1.forwardRef)(function (_a, ref) {
|
|
|
120
61
|
});
|
|
121
62
|
var MaskInput = (0, react_1.forwardRef)(function (_a, ref) {
|
|
122
63
|
var mask = _a.mask, maskChar = _a.maskChar, register = _a.register, isLoading = _a.isLoading, props = tslib_1.__rest(_a, ["mask", "maskChar", "register", "isLoading"]);
|
|
123
|
-
|
|
124
|
-
return ((0, jsx_runtime_1.jsx)(react_input_mask_1.default, tslib_1.__assign({ mask: mask, maskChar: maskChar }, props, { style: tslib_1.__assign(tslib_1.__assign(tslib_1.__assign({}, DEVICE_VARIANTS[theme.device]
|
|
125
|
-
.input), props.style), { width: "100%" }), disabled: isLoading || props.disabled }, register, { ref: function (e) {
|
|
64
|
+
return ((0, jsx_runtime_1.jsx)(react_input_mask_1.default, tslib_1.__assign({ mask: mask, maskChar: maskChar }, props, { disabled: isLoading || props.disabled }, register, { ref: function (e) {
|
|
126
65
|
if (register) {
|
|
127
66
|
register.ref(e);
|
|
128
67
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Input/index.tsx"],"names":[],"mappings":";;;;;AAAA,+BAAwD;AACxD,mCAAwD;AACxD,mDAAoE;AACpE,8EAA8C;AAC9C,uDAA6C;AAC7C,sCAAqC;AACrC,kCAA2C;AAC3C,2DAAuD;AACvD,mDAA0D;AAC1D,0CAAyC;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Input/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -3,12 +3,15 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
3
3
|
exports.InputContainer = exports.InputWrapper = void 0;
|
|
4
4
|
var tslib_1 = require("tslib");
|
|
5
5
|
var styled_components_1 = tslib_1.__importDefault(require("styled-components"));
|
|
6
|
-
exports.InputWrapper = styled_components_1.default.div(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n display: flex;\n flex-direction: column;\n gap: ", ";\n\n color: ", ";\n font-size: 14px;\n font-style: normal;\n font-weight: 400;\n line-height: 20px; /* 142.857% */\n letter-spacing: 0.1px;\n\n label {\n font-size:
|
|
6
|
+
exports.InputWrapper = styled_components_1.default.div(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n display: flex;\n flex-direction: column;\n gap: ", ";\n\n color: ", ";\n font-size: 14px;\n font-style: normal;\n font-weight: 400;\n line-height: 20px; /* 142.857% */\n letter-spacing: 0.1px;\n\n label {\n font-size: ", ";\n font-style: normal;\n font-weight: 600;\n line-height: 24px; /* 150% */\n letter-spacing: 0.15px;\n color: ", ";\n }\n\n &:has(input:disabled) {\n label {\n color: ", ";\n }\n\n .additional-info {\n color: ", ";\n }\n }\n"], ["\n display: flex;\n flex-direction: column;\n gap: ", ";\n\n color: ", ";\n font-size: 14px;\n font-style: normal;\n font-weight: 400;\n line-height: 20px; /* 142.857% */\n letter-spacing: 0.1px;\n\n label {\n font-size: ", ";\n font-style: normal;\n font-weight: 600;\n line-height: 24px; /* 150% */\n letter-spacing: 0.15px;\n color: ", ";\n }\n\n &:has(input:disabled) {\n label {\n color: ", ";\n }\n\n .additional-info {\n color: ", ";\n }\n }\n"])), function (_a) {
|
|
7
7
|
var theme = _a.theme;
|
|
8
8
|
return theme.spacing.xxs;
|
|
9
9
|
}, function (_a) {
|
|
10
10
|
var theme = _a.theme;
|
|
11
11
|
return theme.colors.neutral.dark;
|
|
12
|
+
}, function (_a) {
|
|
13
|
+
var theme = _a.theme;
|
|
14
|
+
return theme.components.input.label.fontSize[theme.device];
|
|
12
15
|
}, function (_a) {
|
|
13
16
|
var theme = _a.theme;
|
|
14
17
|
return theme.colors.neutral.dark;
|
|
@@ -19,7 +22,7 @@ exports.InputWrapper = styled_components_1.default.div(templateObject_1 || (temp
|
|
|
19
22
|
var theme = _a.theme;
|
|
20
23
|
return theme.colors.neutral.light;
|
|
21
24
|
});
|
|
22
|
-
exports.InputContainer = styled_components_1.default.div(templateObject_2 || (templateObject_2 = tslib_1.__makeTemplateObject(["\n position: relative;\n display: inline-flex;\n flex-direction: column;\n gap: ", ";\n width: 100%;\n\n color: ", ";\n font-size: 12px;\n font-style: normal;\n font-weight: 400;\n line-height: 16px; /* 133.333% */\n letter-spacing: 0.4px;\n\n svg {\n fill: ", ";\n width:
|
|
25
|
+
exports.InputContainer = styled_components_1.default.div(templateObject_2 || (templateObject_2 = tslib_1.__makeTemplateObject(["\n position: relative;\n display: inline-flex;\n flex-direction: column;\n gap: ", ";\n width: 100%;\n\n color: ", ";\n font-size: 12px;\n font-style: normal;\n font-weight: 400;\n line-height: 16px; /* 133.333% */\n letter-spacing: 0.4px;\n\n svg {\n fill: ", ";\n width: ", ";\n height: ", ";\n }\n\n .icon-left {\n width: ", ";\n height: ", ";\n position: absolute;\n left: 16px;\n bottom: 50%;\n transform: translateY(50%);\n }\n\n .icon-right {\n width: ", ";\n height: ", ";\n position: absolute;\n right: 16px;\n bottom: 50%;\n transform: translateY(50%);\n }\n\n .error-icon {\n position: absolute;\n right: 16px;\n fill: ", ";\n bottom: 50%;\n transform: translateY(50%);\n }\n\n &:has(input:disabled) {\n svg {\n fill: ", ";\n }\n }\n\n input {\n height: ", ";\n width: 100%;\n padding: 10px 16px;\n border-radius: ", ";\n border: 1px solid ", ";\n background-color: transparent;\n\n color: ", ";\n font-family: Poppins;\n font-size: ", ";\n font-style: normal;\n font-weight: 400;\n line-height: 20px; /* 142.857% */\n letter-spacing: 0.1px;\n\n ", "\n ", "\n\n ", "\n\n &::placeholder {\n color: ", ";\n }\n\n &:hover {\n border-color: ", ";\n }\n\n &:focus {\n outline: none;\n }\n\n &:focus-visible {\n border: 1px solid ", ";\n }\n\n &:disabled {\n cursor: default;\n border-color: ", ";\n\n &::placeholder {\n color: ", ";\n }\n }\n }\n"], ["\n position: relative;\n display: inline-flex;\n flex-direction: column;\n gap: ", ";\n width: 100%;\n\n color: ", ";\n font-size: 12px;\n font-style: normal;\n font-weight: 400;\n line-height: 16px; /* 133.333% */\n letter-spacing: 0.4px;\n\n svg {\n fill: ", ";\n width: ", ";\n height: ", ";\n }\n\n .icon-left {\n width: ", ";\n height: ", ";\n position: absolute;\n left: 16px;\n bottom: 50%;\n transform: translateY(50%);\n }\n\n .icon-right {\n width: ", ";\n height: ", ";\n position: absolute;\n right: 16px;\n bottom: 50%;\n transform: translateY(50%);\n }\n\n .error-icon {\n position: absolute;\n right: 16px;\n fill: ", ";\n bottom: 50%;\n transform: translateY(50%);\n }\n\n &:has(input:disabled) {\n svg {\n fill: ", ";\n }\n }\n\n input {\n height: ", ";\n width: 100%;\n padding: 10px 16px;\n border-radius: ", ";\n border: 1px solid ", ";\n background-color: transparent;\n\n color: ", ";\n font-family: Poppins;\n font-size: ", ";\n font-style: normal;\n font-weight: 400;\n line-height: 20px; /* 142.857% */\n letter-spacing: 0.1px;\n\n ", "\n ", "\n\n ", "\n\n &::placeholder {\n color: ", ";\n }\n\n &:hover {\n border-color: ", ";\n }\n\n &:focus {\n outline: none;\n }\n\n &:focus-visible {\n border: 1px solid ", ";\n }\n\n &:disabled {\n cursor: default;\n border-color: ", ";\n\n &::placeholder {\n color: ", ";\n }\n }\n }\n"])), function (_a) {
|
|
23
26
|
var theme = _a.theme;
|
|
24
27
|
return theme.spacing.xxs;
|
|
25
28
|
}, function (_a) {
|
|
@@ -28,18 +31,45 @@ exports.InputContainer = styled_components_1.default.div(templateObject_2 || (te
|
|
|
28
31
|
}, function (_a) {
|
|
29
32
|
var theme = _a.theme;
|
|
30
33
|
return theme.colors.neutral.dark;
|
|
34
|
+
}, function (_a) {
|
|
35
|
+
var theme = _a.theme;
|
|
36
|
+
return "calc(".concat(theme.components.input.input.fontSize[theme.device], " + 6px)");
|
|
37
|
+
}, function (_a) {
|
|
38
|
+
var theme = _a.theme;
|
|
39
|
+
return "calc(".concat(theme.components.input.input.fontSize[theme.device], " + 6px)");
|
|
40
|
+
}, function (_a) {
|
|
41
|
+
var theme = _a.theme;
|
|
42
|
+
return "calc(".concat(theme.components.input.input.fontSize[theme.device], " + 6px)");
|
|
43
|
+
}, function (_a) {
|
|
44
|
+
var theme = _a.theme;
|
|
45
|
+
return "calc(".concat(theme.components.input.input.fontSize[theme.device], " + 6px)");
|
|
46
|
+
}, function (_a) {
|
|
47
|
+
var theme = _a.theme;
|
|
48
|
+
return "calc(".concat(theme.components.input.input.fontSize[theme.device], " + 6px)");
|
|
49
|
+
}, function (_a) {
|
|
50
|
+
var theme = _a.theme;
|
|
51
|
+
return "calc(".concat(theme.components.input.input.fontSize[theme.device], " + 6px)");
|
|
31
52
|
}, function (_a) {
|
|
32
53
|
var theme = _a.theme;
|
|
33
54
|
return theme.colors.red.default;
|
|
34
55
|
}, function (_a) {
|
|
35
56
|
var theme = _a.theme;
|
|
36
57
|
return theme.colors.neutral.light;
|
|
58
|
+
}, function (_a) {
|
|
59
|
+
var theme = _a.theme;
|
|
60
|
+
return theme.components.input.input.height[theme.device];
|
|
61
|
+
}, function (_a) {
|
|
62
|
+
var theme = _a.theme;
|
|
63
|
+
return theme.components.input.input.borderRadius[theme.device];
|
|
37
64
|
}, function (_a) {
|
|
38
65
|
var theme = _a.theme;
|
|
39
66
|
return theme.colors.neutral.dark;
|
|
40
67
|
}, function (_a) {
|
|
41
68
|
var theme = _a.theme;
|
|
42
69
|
return theme.colors.neutral.dark;
|
|
70
|
+
}, function (_a) {
|
|
71
|
+
var theme = _a.theme;
|
|
72
|
+
return theme.components.input.input.fontSize[theme.device];
|
|
43
73
|
}, function (_a) {
|
|
44
74
|
var hasIconLeft = _a.hasIconLeft;
|
|
45
75
|
return hasIconLeft && "padding-left: 40px;";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/components/Input/styles.ts"],"names":[],"mappings":";;;;AAAA,gFAAuC;AAM1B,QAAA,YAAY,GAAG,2BAAM,CAAC,GAAG,okBAAmB,wDAGhD,EAAgC,gBAE9B,EAAwC,
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/components/Input/styles.ts"],"names":[],"mappings":"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"}
|