takeat-design-system-ui-kit 0.6.51 → 0.7.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.d.ts +4 -1
- package/dist/cjs/components/Button/index.js +2 -1
- package/dist/cjs/components/Button/index.js.map +1 -1
- package/dist/cjs/components/Button/styles.d.ts +3 -0
- package/dist/cjs/components/Button/styles.js +10 -11
- package/dist/cjs/components/Button/styles.js.map +1 -1
- package/dist/cjs/components/Input/Input.stories.js +8 -0
- package/dist/cjs/components/Input/Input.stories.js.map +1 -1
- package/dist/cjs/components/Input/index.d.ts +2 -1
- package/dist/cjs/components/Input/index.js +9 -4
- package/dist/cjs/components/Input/index.js.map +1 -1
- package/dist/cjs/components/Input/styles.d.ts +2 -0
- package/dist/cjs/components/Input/styles.js +33 -24
- package/dist/cjs/components/Input/styles.js.map +1 -1
- package/dist/cjs/components/Modal/index.js +10 -4
- package/dist/cjs/components/Modal/index.js.map +1 -1
- package/dist/cjs/utils/consts.d.ts +94 -9
- package/dist/cjs/utils/consts.js +82 -0
- package/dist/cjs/utils/consts.js.map +1 -1
- package/dist/esm/components/Button/index.d.ts +4 -1
- package/dist/esm/components/Button/index.js +3 -2
- package/dist/esm/components/Button/index.js.map +1 -1
- package/dist/esm/components/Button/styles.d.ts +3 -0
- package/dist/esm/components/Button/styles.js +9 -10
- package/dist/esm/components/Button/styles.js.map +1 -1
- package/dist/esm/components/Input/Input.stories.js +8 -0
- package/dist/esm/components/Input/Input.stories.js.map +1 -1
- package/dist/esm/components/Input/index.d.ts +2 -1
- package/dist/esm/components/Input/index.js +9 -4
- package/dist/esm/components/Input/index.js.map +1 -1
- package/dist/esm/components/Input/styles.d.ts +2 -0
- package/dist/esm/components/Input/styles.js +33 -24
- package/dist/esm/components/Input/styles.js.map +1 -1
- package/dist/esm/components/Modal/index.js +11 -5
- package/dist/esm/components/Modal/index.js.map +1 -1
- package/dist/esm/utils/consts.d.ts +94 -9
- package/dist/esm/utils/consts.js +82 -0
- package/dist/esm/utils/consts.js.map +1 -1
- package/package.json +1 -1
|
@@ -14,9 +14,12 @@ export declare const BUTTON_OPTIONS: {
|
|
|
14
14
|
segmented: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("styled-components").FastOmit<Omit<import("styled-components").FastOmit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, keyof import("./styles").PrimaryButtonProps> & import("./styles").PrimaryButtonProps, "ref"> & {
|
|
15
15
|
ref?: ((instance: HTMLButtonElement | null) => void | React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | React.RefObject<HTMLButtonElement> | null | undefined;
|
|
16
16
|
}, never>, import("./styles").SegmentedButtonProps>> & string;
|
|
17
|
+
link: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<Omit<import("styled-components").FastOmit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, keyof import("./styles").PrimaryButtonProps> & import("./styles").PrimaryButtonProps, "ref"> & {
|
|
18
|
+
ref?: ((instance: HTMLButtonElement | null) => void | React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | React.RefObject<HTMLButtonElement> | null | undefined;
|
|
19
|
+
}, never>, never>> & string;
|
|
17
20
|
};
|
|
18
21
|
interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
|
|
19
|
-
variant?: "default" | "tonal" | "outlined" | "text" | "segmented";
|
|
22
|
+
variant?: "default" | "tonal" | "outlined" | "text" | "segmented" | "link";
|
|
20
23
|
size?: "small" | "medium" | "large";
|
|
21
24
|
icon?: React.ReactNode;
|
|
22
25
|
color?: ColorType;
|
|
@@ -14,6 +14,7 @@ exports.BUTTON_OPTIONS = {
|
|
|
14
14
|
tonal: styles_1.TonalButton,
|
|
15
15
|
text: styles_1.TextButton,
|
|
16
16
|
segmented: styles_1.SegmentedButton,
|
|
17
|
+
link: styles_1.LinkButton,
|
|
17
18
|
};
|
|
18
19
|
exports.Button = (0, react_1.forwardRef)(function Button(_a, ref) {
|
|
19
20
|
var _b = _a.variant, variant = _b === void 0 ? "default" : _b, _c = _a.size, size = _c === void 0 ? "large" : _c, icon = _a.icon, customColor = _a.customColor, color = _a.color, isLoading = _a.isLoading, isSelected = _a.isSelected, children = _a.children, triggerKey = _a.triggerKey, props = tslib_1.__rest(_a, ["variant", "size", "icon", "customColor", "color", "isLoading", "isSelected", "children", "triggerKey"]);
|
|
@@ -59,6 +60,6 @@ exports.Button = (0, react_1.forwardRef)(function Button(_a, ref) {
|
|
|
59
60
|
window.removeEventListener("keydown", handleKeyDown);
|
|
60
61
|
};
|
|
61
62
|
}, [triggerKey, ref]);
|
|
62
|
-
return ((0, jsx_runtime_1.jsx)(ButtonToRender, tslib_1.__assign({ ref: ref || buttonRef, "$hasIcon": !!icon, "$textAndIcon": textAndIcon, "$size": size, 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
|
|
63
|
+
return ((0, jsx_runtime_1.jsx)(ButtonToRender, tslib_1.__assign({ ref: ref || buttonRef, "$hasIcon": !!icon, "$textAndIcon": textAndIcon, "$size": size, 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] })) })));
|
|
63
64
|
});
|
|
64
65
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Button/index.tsx"],"names":[],"mappings":";;;;;AAAA,+BAMe;AACf,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Button/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -15,6 +15,9 @@ export declare const TonalButton: import("styled-components/dist/types").IStyled
|
|
|
15
15
|
export declare const TextButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, keyof PrimaryButtonProps> & PrimaryButtonProps, "ref"> & {
|
|
16
16
|
ref?: ((instance: HTMLButtonElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLButtonElement> | null | undefined;
|
|
17
17
|
}, never>> & string;
|
|
18
|
+
export declare const LinkButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<Omit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, keyof PrimaryButtonProps> & PrimaryButtonProps, "ref"> & {
|
|
19
|
+
ref?: ((instance: HTMLButtonElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLButtonElement> | null | undefined;
|
|
20
|
+
}, never>, never>> & string;
|
|
18
21
|
export interface SegmentedButtonProps {
|
|
19
22
|
isSelected?: boolean;
|
|
20
23
|
}
|
|
@@ -1,18 +1,16 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.AllButtonsTable = exports.SegmentedButton = exports.TextButton = exports.TonalButton = exports.OutlineButton = exports.PrimaryButton = void 0;
|
|
3
|
+
exports.AllButtonsTable = exports.SegmentedButton = exports.LinkButton = 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
|
-
var SIZE_MAP = {
|
|
7
|
-
large: "l",
|
|
8
|
-
medium: "m",
|
|
9
|
-
small: "s",
|
|
10
|
-
};
|
|
11
6
|
var getDeviceSize = function (device, size) {
|
|
12
7
|
if (device === "desktop") {
|
|
13
8
|
return size;
|
|
14
9
|
}
|
|
15
|
-
|
|
10
|
+
if (size === "large") {
|
|
11
|
+
return device;
|
|
12
|
+
}
|
|
13
|
+
return "".concat(device, "-").concat(size);
|
|
16
14
|
};
|
|
17
15
|
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: ", ";\n fill: #fff;\n flex-shrink: 0;\n transition: all 0.3s;\n }\n\n &:hover {\n background-color: ", ";\n\n @media (hover: none) {\n background-color: ", ";\n }\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: ", ";\n fill: #fff;\n flex-shrink: 0;\n transition: all 0.3s;\n }\n\n &:hover {\n background-color: ", ";\n\n @media (hover: none) {\n background-color: ", ";\n }\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) {
|
|
18
16
|
var theme = _a.theme, $size = _a.$size;
|
|
@@ -32,7 +30,7 @@ exports.PrimaryButton = styled_components_1.default.button(templateObject_1 || (
|
|
|
32
30
|
return ($colorVariants === null || $colorVariants === void 0 ? void 0 : $colorVariants.default) || theme.colors.primary.default;
|
|
33
31
|
}, function (_a) {
|
|
34
32
|
var theme = _a.theme, $size = _a.$size;
|
|
35
|
-
return theme.
|
|
33
|
+
return theme.components.button.borderRadius[getDeviceSize(theme.device, $size)];
|
|
36
34
|
}, function (_a) {
|
|
37
35
|
var theme = _a.theme;
|
|
38
36
|
return theme.spacing.xs;
|
|
@@ -148,7 +146,8 @@ exports.TextButton = (0, styled_components_1.default)(exports.PrimaryButton)(tem
|
|
|
148
146
|
var theme = _a.theme;
|
|
149
147
|
return theme.colors.neutral.light;
|
|
150
148
|
});
|
|
151
|
-
exports.
|
|
149
|
+
exports.LinkButton = (0, styled_components_1.default)(exports.TextButton)(templateObject_5 || (templateObject_5 = tslib_1.__makeTemplateObject(["\n padding: 0;\n height: fit-content;\n"], ["\n padding: 0;\n height: fit-content;\n"])));
|
|
150
|
+
exports.SegmentedButton = (0, styled_components_1.default)(exports.OutlineButton)(templateObject_6 || (templateObject_6 = tslib_1.__makeTemplateObject(["\n border-radius: 0;\n background-color: ", ";\n color: ", ";\n\n &:hover {\n color: ", ";\n }\n\n &:first-child {\n border-top-left-radius: ", ";\n border-bottom-left-radius: ", ";\n }\n\n &:last-child {\n border-top-right-radius: ", ";\n border-bottom-right-radius: ", ";\n }\n\n &:not(:last-child) {\n border-right: 0;\n }\n\n &:disabled {\n background-color: transparent;\n color: ", ";\n }\n"], ["\n border-radius: 0;\n background-color: ", ";\n color: ", ";\n\n &:hover {\n color: ", ";\n }\n\n &:first-child {\n border-top-left-radius: ", ";\n border-bottom-left-radius: ", ";\n }\n\n &:last-child {\n border-top-right-radius: ", ";\n border-bottom-right-radius: ", ";\n }\n\n &:not(:last-child) {\n border-right: 0;\n }\n\n &:disabled {\n background-color: transparent;\n color: ", ";\n }\n"])), function (_a) {
|
|
152
151
|
var theme = _a.theme, isSelected = _a.isSelected, $colorVariants = _a.$colorVariants;
|
|
153
152
|
return isSelected
|
|
154
153
|
? ($colorVariants === null || $colorVariants === void 0 ? void 0 : $colorVariants.default) || theme.colors.primary.default
|
|
@@ -178,7 +177,7 @@ exports.SegmentedButton = (0, styled_components_1.default)(exports.OutlineButton
|
|
|
178
177
|
return theme.colors.neutral.light;
|
|
179
178
|
});
|
|
180
179
|
//Stories
|
|
181
|
-
exports.AllButtonsTable = styled_components_1.default.table(
|
|
180
|
+
exports.AllButtonsTable = styled_components_1.default.table(templateObject_7 || (templateObject_7 = tslib_1.__makeTemplateObject(["\n width: 100%;\n border-collapse: collapse;\n\n th {\n border: 1px solid black;\n padding: ", ";\n background-color: ", ";\n }\n\n td {\n border: 1px solid black;\n padding: ", ";\n text-align: center;\n }\n"], ["\n width: 100%;\n border-collapse: collapse;\n\n th {\n border: 1px solid black;\n padding: ", ";\n background-color: ", ";\n }\n\n td {\n border: 1px solid black;\n padding: ", ";\n text-align: center;\n }\n"])), function (_a) {
|
|
182
181
|
var theme = _a.theme;
|
|
183
182
|
return theme.spacing.xs;
|
|
184
183
|
}, function (_a) {
|
|
@@ -188,5 +187,5 @@ exports.AllButtonsTable = styled_components_1.default.table(templateObject_6 ||
|
|
|
188
187
|
var theme = _a.theme;
|
|
189
188
|
return theme.spacing.xs;
|
|
190
189
|
});
|
|
191
|
-
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6;
|
|
190
|
+
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7;
|
|
192
191
|
//# sourceMappingURL=styles.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/components/Button/styles.ts"],"names":[],"mappings":";;;;AAAA,gFAAuC;
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/components/Button/styles.ts"],"names":[],"mappings":"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"}
|
|
@@ -29,6 +29,13 @@ var meta = {
|
|
|
29
29
|
},
|
|
30
30
|
},
|
|
31
31
|
},
|
|
32
|
+
size: {
|
|
33
|
+
description: "Tamanho do input",
|
|
34
|
+
control: {
|
|
35
|
+
type: "select",
|
|
36
|
+
},
|
|
37
|
+
options: ["small", "medium", "large"],
|
|
38
|
+
},
|
|
32
39
|
disabled: {
|
|
33
40
|
control: {
|
|
34
41
|
type: "boolean",
|
|
@@ -141,6 +148,7 @@ var meta = {
|
|
|
141
148
|
},
|
|
142
149
|
args: {
|
|
143
150
|
label: "Label",
|
|
151
|
+
size: "large",
|
|
144
152
|
disabled: false,
|
|
145
153
|
isLoading: false,
|
|
146
154
|
info: "Alguma informação",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Input.stories.js","sourceRoot":"","sources":["../../../../src/components/Input/Input.stories.tsx"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"Input.stories.js","sourceRoot":"","sources":["../../../../src/components/Input/Input.stories.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,9 +1,10 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
import { Control, UseFormRegisterReturn } from "react-hook-form";
|
|
3
|
-
interface InputProps extends React.InputHTMLAttributes<HTMLInputElement> {
|
|
3
|
+
interface InputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size'> {
|
|
4
4
|
label?: React.ReactNode;
|
|
5
5
|
info?: React.ReactNode;
|
|
6
6
|
error?: string;
|
|
7
|
+
size?: "small" | "medium" | "large";
|
|
7
8
|
isLoading?: boolean;
|
|
8
9
|
register?: UseFormRegisterReturn;
|
|
9
10
|
mask?: string;
|
|
@@ -56,10 +56,15 @@ var maskValue = function (value, mask) {
|
|
|
56
56
|
};
|
|
57
57
|
exports.Input = (0, react_1.forwardRef)(function (_a, ref) {
|
|
58
58
|
var _b;
|
|
59
|
-
var label = _a.label, info = _a.info, error = _a.error, isLoading = _a.isLoading, register = _a.register, mask = _a.mask, 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", "containerStyles", "isCurrency", "hasPrefix", "minimumFractionDigits", "control", "iconLeft", "iconRight"]);
|
|
59
|
+
var label = _a.label, info = _a.info, error = _a.error, _c = _a.size, size = _c === void 0 ? "large" : _c, isLoading = _a.isLoading, register = _a.register, mask = _a.mask, 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", "size", "isLoading", "register", "mask", "containerStyles", "isCurrency", "hasPrefix", "minimumFractionDigits", "control", "iconLeft", "iconRight"]);
|
|
60
60
|
var theme = (0, styled_components_1.useTheme)();
|
|
61
|
-
var
|
|
62
|
-
|
|
61
|
+
var deviceSize = theme.device === "desktop"
|
|
62
|
+
? size
|
|
63
|
+
: size === "large"
|
|
64
|
+
? theme.device
|
|
65
|
+
: "".concat(theme.device, "-").concat(size);
|
|
66
|
+
var spinnerSize = parseInt(theme.components.input.input.fontSize[deviceSize].substring(-2)) + 4;
|
|
67
|
+
var _d = (0, react_1.useState)(false), passwordShowing = _d[0], setPasswordShowing = _d[1];
|
|
63
68
|
var togglePasswordVisibility = function () {
|
|
64
69
|
setPasswordShowing(function (prev) { return !prev; });
|
|
65
70
|
};
|
|
@@ -71,7 +76,7 @@ exports.Input = (0, react_1.forwardRef)(function (_a, ref) {
|
|
|
71
76
|
? maskValue(props.value.toString(), mask)
|
|
72
77
|
: props.value
|
|
73
78
|
: undefined;
|
|
74
|
-
return ((0, jsx_runtime_1.jsxs)(styles_1.InputWrapper, { className: props.className, 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": !!passwordIcon, "$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, { type: inputType, ref: ref }))) : ((0, jsx_runtime_1.jsx)(NormalInput, tslib_1.__assign({ isLoading: isLoading }, props, { value: valueFormatted, type: inputType, ref: ref, register: register, mask: mask, control: control, onChange: function (e) {
|
|
79
|
+
return ((0, jsx_runtime_1.jsxs)(styles_1.InputWrapper, { className: props.className, style: tslib_1.__assign({ width: (_b = props.style) === null || _b === void 0 ? void 0 : _b.width }, containerStyles), "$size": size, children: [label && (0, jsx_runtime_1.jsx)("label", { children: label }), (0, jsx_runtime_1.jsxs)(styles_1.InputContainer, { "$hasIconLeft": !!iconLeft, "$hasIconRight": !!passwordIcon, "$hasError": !!error, "$size": size, 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, { type: inputType, ref: ref }))) : ((0, jsx_runtime_1.jsx)(NormalInput, tslib_1.__assign({ isLoading: isLoading }, props, { value: valueFormatted, type: inputType, ref: ref, register: register, mask: mask, control: control, onChange: function (e) {
|
|
75
80
|
var _a;
|
|
76
81
|
if (mask) {
|
|
77
82
|
var maskedValue = maskValue(e.target.value, mask);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Input/index.tsx"],"names":[],"mappings":";;;;;AAAA,+BAA0E;AAC1E,mCAAwD;AACxD,mDAA6E;AAC7E,uDAA6C;AAC7C,sCAAqC;AACrC,kCAAkE;AAClE,2DAAuD;AACvD,mDAA0D;AAC1D,0CAAyC;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Input/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,11 +1,13 @@
|
|
|
1
1
|
interface InputWrapperProps {
|
|
2
2
|
disabled?: boolean;
|
|
3
|
+
$size: "small" | "medium" | "large";
|
|
3
4
|
}
|
|
4
5
|
export declare const InputWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, InputWrapperProps>> & string;
|
|
5
6
|
interface InputContainerProps {
|
|
6
7
|
$hasError?: boolean;
|
|
7
8
|
$hasIconLeft?: boolean;
|
|
8
9
|
$hasIconRight?: boolean;
|
|
10
|
+
$size: "small" | "medium" | "large";
|
|
9
11
|
}
|
|
10
12
|
export declare const InputContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, InputContainerProps>> & string;
|
|
11
13
|
export {};
|
|
@@ -3,15 +3,24 @@ 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
|
-
|
|
6
|
+
var getDeviceSize = function (device, size) {
|
|
7
|
+
if (device === "desktop") {
|
|
8
|
+
return size;
|
|
9
|
+
}
|
|
10
|
+
if (size === "large") {
|
|
11
|
+
return device;
|
|
12
|
+
}
|
|
13
|
+
return "".concat(device, "-").concat(size);
|
|
14
|
+
};
|
|
15
|
+
exports.InputWrapper = styled_components_1.default.div(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n position: relative;\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;\n letter-spacing: 0.1px;\n\n label {\n font-size: ", ";\n font-style: normal;\n font-weight: 600;\n line-height: 24px;\n letter-spacing: 0.15px;\n color: ", ";\n }\n\n &:has(input:disabled) {\n label {\n color: ", ";\n\n svg {\n fill: ", ";\n }\n }\n }\n"], ["\n position: relative;\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;\n letter-spacing: 0.1px;\n\n label {\n font-size: ", ";\n font-style: normal;\n font-weight: 600;\n line-height: 24px;\n letter-spacing: 0.15px;\n color: ", ";\n }\n\n &:has(input:disabled) {\n label {\n color: ", ";\n\n svg {\n fill: ", ";\n }\n }\n }\n"])), function (_a) {
|
|
7
16
|
var theme = _a.theme;
|
|
8
17
|
return theme.spacing.xxs;
|
|
9
18
|
}, function (_a) {
|
|
10
19
|
var theme = _a.theme;
|
|
11
20
|
return theme.colors.neutral.dark;
|
|
12
21
|
}, function (_a) {
|
|
13
|
-
var theme = _a.theme;
|
|
14
|
-
return theme.components.input.label.fontSize[theme.device];
|
|
22
|
+
var theme = _a.theme, $size = _a.$size;
|
|
23
|
+
return theme.components.input.label.fontSize[getDeviceSize(theme.device, $size)];
|
|
15
24
|
}, function (_a) {
|
|
16
25
|
var theme = _a.theme;
|
|
17
26
|
return theme.colors.neutral.dark;
|
|
@@ -22,7 +31,7 @@ exports.InputWrapper = styled_components_1.default.div(templateObject_1 || (temp
|
|
|
22
31
|
var theme = _a.theme;
|
|
23
32
|
return theme.colors.neutral.light;
|
|
24
33
|
});
|
|
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
|
|
34
|
+
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;\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: ", ";\n border-radius: ", ";\n border: 1px solid ", ";\n background-color: transparent;\n\n color: ", ";\n font-family: ", ";\n font-size: ", ";\n font-style: normal;\n font-weight: 400;\n line-height: 20px;\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 color: ", ";\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;\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: ", ";\n border-radius: ", ";\n border: 1px solid ", ";\n background-color: transparent;\n\n color: ", ";\n font-family: ", ";\n font-size: ", ";\n font-style: normal;\n font-weight: 400;\n line-height: 20px;\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 color: ", ";\n border-color: ", ";\n\n &::placeholder {\n color: ", ";\n }\n }\n }\n"])), function (_a) {
|
|
26
35
|
var theme = _a.theme;
|
|
27
36
|
return theme.spacing.xxs;
|
|
28
37
|
}, function (_a) {
|
|
@@ -32,23 +41,23 @@ exports.InputContainer = styled_components_1.default.div(templateObject_2 || (te
|
|
|
32
41
|
var theme = _a.theme;
|
|
33
42
|
return theme.colors.neutral.dark;
|
|
34
43
|
}, function (_a) {
|
|
35
|
-
var theme = _a.theme;
|
|
36
|
-
return "calc(".concat(theme.components.input.input.fontSize[theme.device], " + 6px)");
|
|
44
|
+
var theme = _a.theme, $size = _a.$size;
|
|
45
|
+
return "calc(".concat(theme.components.input.input.fontSize[getDeviceSize(theme.device, $size)], " + 6px)");
|
|
37
46
|
}, function (_a) {
|
|
38
|
-
var theme = _a.theme;
|
|
39
|
-
return "calc(".concat(theme.components.input.input.fontSize[theme.device], " + 6px)");
|
|
47
|
+
var theme = _a.theme, $size = _a.$size;
|
|
48
|
+
return "calc(".concat(theme.components.input.input.fontSize[getDeviceSize(theme.device, $size)], " + 6px)");
|
|
40
49
|
}, function (_a) {
|
|
41
|
-
var theme = _a.theme;
|
|
42
|
-
return "calc(".concat(theme.components.input.input.fontSize[theme.device], " + 6px)");
|
|
50
|
+
var theme = _a.theme, $size = _a.$size;
|
|
51
|
+
return "calc(".concat(theme.components.input.input.fontSize[getDeviceSize(theme.device, $size)], " + 6px)");
|
|
43
52
|
}, function (_a) {
|
|
44
|
-
var theme = _a.theme;
|
|
45
|
-
return "calc(".concat(theme.components.input.input.fontSize[theme.device], " + 6px)");
|
|
53
|
+
var theme = _a.theme, $size = _a.$size;
|
|
54
|
+
return "calc(".concat(theme.components.input.input.fontSize[getDeviceSize(theme.device, $size)], " + 6px)");
|
|
46
55
|
}, function (_a) {
|
|
47
|
-
var theme = _a.theme;
|
|
48
|
-
return "calc(".concat(theme.components.input.input.fontSize[theme.device], " + 6px)");
|
|
56
|
+
var theme = _a.theme, $size = _a.$size;
|
|
57
|
+
return "calc(".concat(theme.components.input.input.fontSize[getDeviceSize(theme.device, $size)], " + 6px)");
|
|
49
58
|
}, function (_a) {
|
|
50
|
-
var theme = _a.theme;
|
|
51
|
-
return "calc(".concat(theme.components.input.input.fontSize[theme.device], " + 6px)");
|
|
59
|
+
var theme = _a.theme, $size = _a.$size;
|
|
60
|
+
return "calc(".concat(theme.components.input.input.fontSize[getDeviceSize(theme.device, $size)], " + 6px)");
|
|
52
61
|
}, function (_a) {
|
|
53
62
|
var theme = _a.theme;
|
|
54
63
|
return theme.colors.red.default;
|
|
@@ -56,14 +65,14 @@ exports.InputContainer = styled_components_1.default.div(templateObject_2 || (te
|
|
|
56
65
|
var theme = _a.theme;
|
|
57
66
|
return theme.colors.neutral.light;
|
|
58
67
|
}, function (_a) {
|
|
59
|
-
var theme = _a.theme;
|
|
60
|
-
return theme.components.input.input.height[theme.device];
|
|
68
|
+
var theme = _a.theme, $size = _a.$size;
|
|
69
|
+
return theme.components.input.input.height[getDeviceSize(theme.device, $size)];
|
|
61
70
|
}, function (_a) {
|
|
62
|
-
var theme = _a.theme;
|
|
63
|
-
return theme.components.input.input.padding[theme.device];
|
|
71
|
+
var theme = _a.theme, $size = _a.$size;
|
|
72
|
+
return theme.components.input.input.padding[getDeviceSize(theme.device, $size)];
|
|
64
73
|
}, function (_a) {
|
|
65
|
-
var theme = _a.theme;
|
|
66
|
-
return theme.components.input.input.borderRadius[theme.device];
|
|
74
|
+
var theme = _a.theme, $size = _a.$size;
|
|
75
|
+
return theme.components.input.input.borderRadius[getDeviceSize(theme.device, $size)];
|
|
67
76
|
}, function (_a) {
|
|
68
77
|
var theme = _a.theme;
|
|
69
78
|
return theme.colors.neutral.dark;
|
|
@@ -74,8 +83,8 @@ exports.InputContainer = styled_components_1.default.div(templateObject_2 || (te
|
|
|
74
83
|
var theme = _a.theme;
|
|
75
84
|
return theme.typography.family.default;
|
|
76
85
|
}, function (_a) {
|
|
77
|
-
var theme = _a.theme;
|
|
78
|
-
return theme.components.input.input.fontSize[theme.device];
|
|
86
|
+
var theme = _a.theme, $size = _a.$size;
|
|
87
|
+
return theme.components.input.input.fontSize[getDeviceSize(theme.device, $size)];
|
|
79
88
|
}, function (_a) {
|
|
80
89
|
var $hasIconLeft = _a.$hasIconLeft;
|
|
81
90
|
return $hasIconLeft && "padding-left: 40px;";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/components/Input/styles.ts"],"names":[],"mappings":";;;;AAAA,gFAAuC;
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/components/Input/styles.ts"],"names":[],"mappings":"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"}
|
|
@@ -27,10 +27,16 @@ var Modal = (0, react_1.forwardRef)(function Modal(_a, ref) {
|
|
|
27
27
|
}
|
|
28
28
|
return child;
|
|
29
29
|
});
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
},
|
|
30
|
+
var mouseDownTarget = (0, react_1.useRef)(null);
|
|
31
|
+
return (0, react_dom_1.createPortal)((0, jsx_runtime_1.jsx)(framer_motion_1.AnimatePresence, { children: open && ((0, jsx_runtime_1.jsx)(styles_1.ModalOverlay, { initial: { opacity: 0 }, animate: { opacity: 1 }, exit: { opacity: 0 }, transition: { duration: 0.3 }, ref: ref, style: overlayStyles, onMouseDown: function (e) {
|
|
32
|
+
mouseDownTarget.current = e.target;
|
|
33
|
+
}, onMouseUp: function (e) {
|
|
34
|
+
if (e.target === mouseDownTarget.current) {
|
|
35
|
+
e.stopPropagation();
|
|
36
|
+
toggle === null || toggle === void 0 ? void 0 : toggle();
|
|
37
|
+
}
|
|
38
|
+
mouseDownTarget.current = null;
|
|
39
|
+
}, children: (0, jsx_runtime_1.jsx)(styles_1.ModalContent, tslib_1.__assign({ initial: { scale: 0.9 }, animate: { scale: 1 }, exit: { scale: 0.9 }, transition: { duration: 0.3 }, onMouseDown: function (e) { return e.stopPropagation(); } }, props, { children: modifiedChildren })) })) }), document.body);
|
|
34
40
|
});
|
|
35
41
|
var Header = function (_a) {
|
|
36
42
|
var children = _a.children, hasClose = _a.hasClose, toggle = _a.toggle, props = tslib_1.__rest(_a, ["children", "hasClose", "toggle"]);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Modal/index.tsx"],"names":[],"mappings":";;;;AAAA,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Modal/index.tsx"],"names":[],"mappings":"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"}
|