takeat-design-system-ui-kit 0.5.21 → 0.6.1
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/FieldInfo/index.d.ts +3 -2
- package/dist/cjs/components/FieldInfo/index.js +2 -1
- package/dist/cjs/components/FieldInfo/index.js.map +1 -1
- package/dist/cjs/components/FieldInfo/styles.d.ts +3 -1
- package/dist/cjs/components/FieldInfo/styles.js +2 -4
- package/dist/cjs/components/FieldInfo/styles.js.map +1 -1
- package/dist/cjs/components/Input/Input.stories.js +1 -9
- package/dist/cjs/components/Input/Input.stories.js.map +1 -1
- package/dist/cjs/components/Input/index.d.ts +2 -2
- 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.js +4 -1
- package/dist/cjs/components/Input/styles.js.map +1 -1
- package/dist/cjs/components/Select/Select.stories.d.ts +1 -0
- package/dist/cjs/components/Select/Select.stories.js +22 -2
- package/dist/cjs/components/Select/Select.stories.js.map +1 -1
- package/dist/cjs/components/Select/index.d.ts +1 -0
- package/dist/cjs/components/Select/index.js +24 -9
- package/dist/cjs/components/Select/index.js.map +1 -1
- package/dist/cjs/components/Select/styles.js +13 -1
- package/dist/cjs/components/Select/styles.js.map +1 -1
- package/dist/cjs/components/SingleCalendar/SingleCalendar.stories.js +4 -1
- package/dist/cjs/components/SingleCalendar/SingleCalendar.stories.js.map +1 -1
- package/dist/cjs/components/SingleCalendar/index.d.ts +2 -0
- package/dist/cjs/components/SingleCalendar/index.js +3 -2
- package/dist/cjs/components/SingleCalendar/index.js.map +1 -1
- package/dist/cjs/components/SingleCalendar/styles.js +7 -1
- package/dist/cjs/components/SingleCalendar/styles.js.map +1 -1
- package/dist/esm/components/FieldInfo/index.d.ts +3 -2
- package/dist/esm/components/FieldInfo/index.js +2 -1
- package/dist/esm/components/FieldInfo/index.js.map +1 -1
- package/dist/esm/components/FieldInfo/styles.d.ts +3 -1
- package/dist/esm/components/FieldInfo/styles.js +2 -4
- package/dist/esm/components/FieldInfo/styles.js.map +1 -1
- package/dist/esm/components/Input/Input.stories.js +1 -9
- package/dist/esm/components/Input/Input.stories.js.map +1 -1
- package/dist/esm/components/Input/index.d.ts +2 -2
- 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.js +4 -1
- package/dist/esm/components/Input/styles.js.map +1 -1
- package/dist/esm/components/Select/Select.stories.d.ts +1 -0
- package/dist/esm/components/Select/Select.stories.js +22 -2
- package/dist/esm/components/Select/Select.stories.js.map +1 -1
- package/dist/esm/components/Select/index.d.ts +1 -0
- package/dist/esm/components/Select/index.js +24 -9
- package/dist/esm/components/Select/index.js.map +1 -1
- package/dist/esm/components/Select/styles.js +13 -1
- package/dist/esm/components/Select/styles.js.map +1 -1
- package/dist/esm/components/SingleCalendar/SingleCalendar.stories.js +4 -1
- package/dist/esm/components/SingleCalendar/SingleCalendar.stories.js.map +1 -1
- package/dist/esm/components/SingleCalendar/index.d.ts +2 -0
- package/dist/esm/components/SingleCalendar/index.js +3 -2
- package/dist/esm/components/SingleCalendar/index.js.map +1 -1
- package/dist/esm/components/SingleCalendar/styles.js +7 -1
- package/dist/esm/components/SingleCalendar/styles.js.map +1 -1
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/SingleCalendar/index.tsx"],"names":[],"mappings":";;;;;AAAA,qDAOe;AACf,mCAUkB;AAClB,qCAWkB;AAClB,oCAAmC;AACnC,mDAAsD;AACtD,0CAAuC;AACvC,2DAAsD;AACtD,sCAAqC;AACrC,uDAA6C;AAC7C,kCAAgE;AAChE,uCAAyC;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/SingleCalendar/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -3,7 +3,13 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
3
3
|
exports.ContentFooter = exports.DayButton = exports.StyledCalendar = exports.MonthYearHeader = exports.CalendarContainer = exports.ContentBody = exports.DatePickerContent = exports.DatePickerTrigger = exports.DatePickerWrapper = void 0;
|
|
4
4
|
var tslib_1 = require("tslib");
|
|
5
5
|
var styled_components_1 = tslib_1.__importDefault(require("styled-components"));
|
|
6
|
-
exports.DatePickerWrapper = styled_components_1.default.div(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n position: relative;\n width: fit-content;\n"], ["\n position: relative;\n width: fit-content;\n"])))
|
|
6
|
+
exports.DatePickerWrapper = styled_components_1.default.div(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n display: flex;\n flex-direction: column;\n gap: 4px;\n\n position: relative;\n width: fit-content;\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 display: flex;\n flex-direction: column;\n gap: 4px;\n\n position: relative;\n width: fit-content;\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"])), function (_a) {
|
|
7
|
+
var theme = _a.theme;
|
|
8
|
+
return theme.components.input.label.fontSize[theme.device];
|
|
9
|
+
}, function (_a) {
|
|
10
|
+
var theme = _a.theme;
|
|
11
|
+
return theme.colors.neutral.dark;
|
|
12
|
+
});
|
|
7
13
|
exports.DatePickerTrigger = styled_components_1.default.button(templateObject_2 || (templateObject_2 = tslib_1.__makeTemplateObject(["\n width: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n gap: ", ";\n background-color: #fff;\n border: 1px solid ", ";\n border-radius: ", ";\n padding: 0 ", ";\n height: 40px;\n cursor: pointer;\n\n color: ", ";\n font-family: ", ";\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n line-height: 20px; /* 142.857% */\n letter-spacing: 0.1px;\n\n span {\n font-weight: 400;\n }\n\n svg {\n fill: ", ";\n width: 20px;\n height: 20px;\n }\n\n &:disabled {\n cursor: default;\n color: ", ";\n border-color: ", ";\n\n svg {\n fill: ", ";\n }\n }\n"], ["\n width: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n gap: ", ";\n background-color: #fff;\n border: 1px solid ", ";\n border-radius: ", ";\n padding: 0 ", ";\n height: 40px;\n cursor: pointer;\n\n color: ", ";\n font-family: ", ";\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n line-height: 20px; /* 142.857% */\n letter-spacing: 0.1px;\n\n span {\n font-weight: 400;\n }\n\n svg {\n fill: ", ";\n width: 20px;\n height: 20px;\n }\n\n &:disabled {\n cursor: default;\n color: ", ";\n border-color: ", ";\n\n svg {\n fill: ", ";\n }\n }\n"])), function (_a) {
|
|
8
14
|
var theme = _a.theme;
|
|
9
15
|
return theme.spacing.xs;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/components/SingleCalendar/styles.ts"],"names":[],"mappings":";;;;AAAA,gFAAuC;AAE1B,QAAA,iBAAiB,GAAG,2BAAM,CAAC,GAAG,
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/components/SingleCalendar/styles.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
import React from "react";
|
|
2
|
-
|
|
2
|
+
import { HTMLMotionProps } from "framer-motion";
|
|
3
|
+
interface FieldInfoProps extends Omit<HTMLMotionProps<"span">, "ref"> {
|
|
3
4
|
isError?: boolean;
|
|
4
5
|
isDisabled?: boolean;
|
|
5
6
|
}
|
|
6
|
-
export declare const FieldInfo: React.ForwardRefExoticComponent<FieldInfoProps & React.RefAttributes<
|
|
7
|
+
export declare const FieldInfo: React.ForwardRefExoticComponent<FieldInfoProps & React.RefAttributes<HTMLSpanElement>>;
|
|
7
8
|
export {};
|
|
@@ -2,8 +2,9 @@ import { __assign, __rest } from "tslib";
|
|
|
2
2
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
3
3
|
import { forwardRef } from "react";
|
|
4
4
|
import { FieldInfoContainer } from "./styles";
|
|
5
|
+
import { AnimatePresence } from "framer-motion";
|
|
5
6
|
export var FieldInfo = forwardRef(function FieldInfo(_a, ref) {
|
|
6
7
|
var isError = _a.isError, isDisabled = _a.isDisabled, children = _a.children, props = __rest(_a, ["isError", "isDisabled", "children"]);
|
|
7
|
-
return (_jsx(FieldInfoContainer, __assign({ "$isDisabled": isDisabled, "$isError": isError, ref: ref }, props, { children: children })));
|
|
8
|
+
return (_jsx(AnimatePresence, { initial: false, children: children && (_jsx(FieldInfoContainer, __assign({ initial: { height: 0 }, animate: { height: "auto" }, exit: { height: 0 }, transition: { duration: 0.3 }, "$isDisabled": isDisabled, "$isError": isError, ref: ref }, props, { children: children }))) }));
|
|
8
9
|
});
|
|
9
10
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/FieldInfo/index.tsx"],"names":[],"mappings":";;AAAA,OAAc,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAC;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/FieldInfo/index.tsx"],"names":[],"mappings":";;AAAA,OAAc,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAC;AAC9C,OAAO,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAQhD,MAAM,CAAC,IAAM,SAAS,GAAG,UAAU,CAAC,SAAS,SAAS,CACpD,EAA2D,EAC3D,GAA+B;IAD7B,IAAA,OAAO,aAAA,EAAE,UAAU,gBAAA,EAAE,QAAQ,cAAA,EAAK,KAAK,cAAzC,qCAA2C,CAAF;IAGzC,OAAO,CACL,KAAC,eAAe,IAAC,OAAO,EAAE,KAAK,YAC5B,QAAQ,IAAI,CACX,KAAC,kBAAkB,aACjB,OAAO,EAAE,EAAE,MAAM,EAAE,CAAC,EAAE,EACtB,OAAO,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,EAC3B,IAAI,EAAE,EAAE,MAAM,EAAE,CAAC,EAAE,EACnB,UAAU,EAAE,EAAE,QAAQ,EAAE,GAAG,EAAE,iBAChB,UAAU,cACb,OAAO,EACjB,GAAG,EAAE,GAAG,IACJ,KAAK,cAER,QAAQ,IACU,CACtB,GACe,CACnB,CAAC;AACJ,CAAC,CAAC,CAAC"}
|
|
@@ -2,5 +2,7 @@ interface FieldInfoContainerProps {
|
|
|
2
2
|
$isError?: boolean;
|
|
3
3
|
$isDisabled?: boolean;
|
|
4
4
|
}
|
|
5
|
-
export declare const FieldInfoContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("
|
|
5
|
+
export declare const FieldInfoContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<Omit<Omit<import("framer-motion").HTMLMotionProps<"span">, "ref"> & import("react").RefAttributes<HTMLSpanElement>, "ref"> & {
|
|
6
|
+
ref?: ((instance: HTMLSpanElement | 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<HTMLSpanElement> | null | undefined;
|
|
7
|
+
}, FieldInfoContainerProps>> & string & Omit<import("framer-motion").ForwardRefComponent<HTMLSpanElement, import("framer-motion").HTMLMotionProps<"span">>, keyof import("react").Component<any, {}, any>>;
|
|
6
8
|
export {};
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { __makeTemplateObject } from "tslib";
|
|
2
2
|
import styled from "styled-components";
|
|
3
|
-
|
|
3
|
+
import { motion } from "framer-motion";
|
|
4
|
+
export var FieldInfoContainer = styled(motion.span)(templateObject_1 || (templateObject_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 overflow: hidden;\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 overflow: hidden;\n\n svg {\n fill: ", ";\n font-size: 16px;\n }\n"])), function (_a) {
|
|
4
5
|
var theme = _a.theme;
|
|
5
6
|
return theme.spacing.xxs;
|
|
6
7
|
}, function (_a) {
|
|
@@ -19,9 +20,6 @@ export var FieldInfoContainer = styled.div(templateObject_1 || (templateObject_1
|
|
|
19
20
|
}, function (_a) {
|
|
20
21
|
var theme = _a.theme;
|
|
21
22
|
return theme.components.fieldInfo.fontSize[theme.device];
|
|
22
|
-
}, function (_a) {
|
|
23
|
-
var theme = _a.theme;
|
|
24
|
-
return theme.components.fieldInfo.fontSize[theme.device];
|
|
25
23
|
}, function (_a) {
|
|
26
24
|
var theme = _a.theme, $isError = _a.$isError, $isDisabled = _a.$isDisabled;
|
|
27
25
|
return $isError
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/components/FieldInfo/styles.ts"],"names":[],"mappings":";AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAC;
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/components/FieldInfo/styles.ts"],"names":[],"mappings":";AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAC;AACvC,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAMvC,MAAM,CAAC,IAAM,kBAAkB,GAAG,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,4VAAyB,qDAGrE,EAAgC,cAC9B,EAKwB,kBACpB,EACsC,gEAGpC,EACoC,eACzC,EAAgE,yEAKhE,EAKyB,gCAGpC,KA1BQ,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,OAAO,CAAC,GAAG;AAAjB,CAAiB,EAC9B,UAAC,EAAgC;QAA9B,KAAK,WAAA,EAAE,QAAQ,cAAA,EAAE,WAAW,iBAAA;IACtC,OAAA,QAAQ;QACN,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,GAAG,CAAC,OAAO;QAC1B,CAAC,CAAC,WAAW;YACX,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,KAAK;YAC5B,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI;AAJ/B,CAI+B,EACpB,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,EAKhE,UAAC,EAAgC;QAA9B,KAAK,WAAA,EAAE,QAAQ,cAAA,EAAE,WAAW,iBAAA;IACrC,OAAA,QAAQ;QACN,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,GAAG,CAAC,OAAO;QAC1B,CAAC,CAAC,WAAW;YACX,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,KAAK;YAC5B,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI;AAJ/B,CAI+B,CAGpC,CAAC"}
|
|
@@ -8,7 +8,6 @@ import { Button } from "../Button";
|
|
|
8
8
|
import { Select } from "../Select";
|
|
9
9
|
import { Subtitle } from "../StoriesComponents/styles";
|
|
10
10
|
import { useState } from "react";
|
|
11
|
-
import { IconCloseCircleFilled, IconSearch } from "../icons";
|
|
12
11
|
var meta = {
|
|
13
12
|
component: Input,
|
|
14
13
|
title: "Design System/Input",
|
|
@@ -156,8 +155,6 @@ export var Default = {
|
|
|
156
155
|
mask: "(99) 99999-9999",
|
|
157
156
|
label: "Label",
|
|
158
157
|
placeholder: "Placeholder",
|
|
159
|
-
iconLeft: _jsx(IconSearch, {}),
|
|
160
|
-
iconRight: _jsx(IconCloseCircleFilled, {}),
|
|
161
158
|
},
|
|
162
159
|
render: function (args) {
|
|
163
160
|
return _jsx(Input, __assign({}, args, { style: { width: 350 } }));
|
|
@@ -168,13 +165,8 @@ export var FormExample = {
|
|
|
168
165
|
render: function () {
|
|
169
166
|
var _a, _b, _c, _d;
|
|
170
167
|
var _e = useForm(), control = _e.control, register = _e.register, handleSubmit = _e.handleSubmit, getValues = _e.getValues, errors = _e.formState.errors;
|
|
171
|
-
var _f = useState(""), maskInput = _f[0], setMaskInput = _f[1];
|
|
172
168
|
var onSubmit = function (data) { return alert(JSON.stringify(data, null, 2)); };
|
|
173
|
-
return (_jsxs("form", { onSubmit: handleSubmit(onSubmit), style: { display: "flex", flexDirection: "column", gap: 8 }, children: [_jsx(Input
|
|
174
|
-
// name="name"
|
|
175
|
-
, {
|
|
176
|
-
// name="name"
|
|
177
|
-
value: maskInput, onChange: function (e) { return setMaskInput(e.target.value); }, placeholder: "Digite seu nome", label: "Telefone", style: { width: 200 }, mask: "(99) 99999-9999", register: register("phone", {
|
|
169
|
+
return (_jsxs("form", { onSubmit: handleSubmit(onSubmit), style: { display: "flex", flexDirection: "column", gap: 8 }, children: [_jsx(Input, { placeholder: "Digite seu nome", label: "Telefone", style: { width: 200 }, mask: "(99) 99999-9999", register: register("phone", {
|
|
178
170
|
required: "Nome é obrigatório",
|
|
179
171
|
minLength: {
|
|
180
172
|
value: 6,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Input.stories.js","sourceRoot":"","sources":["../../../../src/components/Input/Input.stories.tsx"],"names":[],"mappings":";;AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAC;AAC1C,OAAO,EAAE,KAAK,EAAE,MAAM,GAAG,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AACnC,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AACjC,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AAEnC,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AACnC,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AACvD,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"Input.stories.js","sourceRoot":"","sources":["../../../../src/components/Input/Input.stories.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React from "react";
|
|
2
|
-
import { UseFormRegisterReturn } from "react-hook-form";
|
|
2
|
+
import { Control, UseFormRegisterReturn } from "react-hook-form";
|
|
3
3
|
interface InputProps extends React.InputHTMLAttributes<HTMLInputElement> {
|
|
4
4
|
label?: React.ReactNode;
|
|
5
5
|
info?: React.ReactNode;
|
|
@@ -11,7 +11,7 @@ interface InputProps extends React.InputHTMLAttributes<HTMLInputElement> {
|
|
|
11
11
|
isCurrency?: boolean;
|
|
12
12
|
hasPrefix?: boolean;
|
|
13
13
|
minimumFractionDigits?: number;
|
|
14
|
-
control?: any
|
|
14
|
+
control?: Control<any>;
|
|
15
15
|
onChange?: (e: any) => void;
|
|
16
16
|
iconLeft?: React.ReactNode;
|
|
17
17
|
iconRight?: React.ReactNode;
|
|
@@ -68,7 +68,7 @@ export var Input = forwardRef(function (_a, ref) {
|
|
|
68
68
|
? maskValue(props.value.toString(), mask)
|
|
69
69
|
: props.value
|
|
70
70
|
: undefined;
|
|
71
|
-
return (_jsxs(InputWrapper, { className: props.className, style: __assign({ width: (_b = props.style) === null || _b === void 0 ? void 0 : _b.width }, containerStyles), children: [label && _jsx("label", { children: label }), _jsxs(InputContainer, { "$hasIconLeft": !!iconLeft, "$hasIconRight": !!passwordIcon, "$hasError": !!error, children: [iconLeft && _jsx("div", { className: "icon-left", children: iconLeft }), isCurrency ? (_jsx(CurrencyInput, __assign({ control: control, hasPrefix: hasPrefix, minimumFractionDigits: minimumFractionDigits }, props, { type: inputType, ref: ref }))) : (_jsx(NormalInput, __assign({ isLoading: isLoading }, props, { value: valueFormatted, type: inputType, ref: ref, register: register, onChange: function (e) {
|
|
71
|
+
return (_jsxs(InputWrapper, { className: props.className, style: __assign({ width: (_b = props.style) === null || _b === void 0 ? void 0 : _b.width }, containerStyles), children: [label && _jsx("label", { children: label }), _jsxs(InputContainer, { "$hasIconLeft": !!iconLeft, "$hasIconRight": !!passwordIcon, "$hasError": !!error, children: [iconLeft && _jsx("div", { className: "icon-left", children: iconLeft }), isCurrency ? (_jsx(CurrencyInput, __assign({ control: control, hasPrefix: hasPrefix, minimumFractionDigits: minimumFractionDigits }, props, { type: inputType, ref: ref }))) : (_jsx(NormalInput, __assign({ isLoading: isLoading }, props, { value: valueFormatted, type: inputType, ref: ref, register: register, mask: mask, control: control, onChange: function (e) {
|
|
72
72
|
var _a;
|
|
73
73
|
if (mask) {
|
|
74
74
|
var maskedValue = maskValue(e.target.value, mask);
|
|
@@ -79,11 +79,16 @@ export var Input = forwardRef(function (_a, ref) {
|
|
|
79
79
|
position: "absolute",
|
|
80
80
|
right: 16,
|
|
81
81
|
top: "calc(50% - ".concat(spinnerSize / 2, "px)"),
|
|
82
|
-
} })) : error ? (_jsx(IconExclamation, { className: "error-icon" })) : (passwordIcon && _jsx("div", { className: "icon-right", children: passwordIcon }))] }),
|
|
82
|
+
} })) : error ? (_jsx(IconExclamation, { className: "error-icon" })) : (passwordIcon && _jsx("div", { className: "icon-right", children: passwordIcon }))] }), _jsx(FieldInfo, { isDisabled: props.disabled || isLoading, isError: !!error, children: error || info })] }));
|
|
83
83
|
});
|
|
84
84
|
var NormalInput = forwardRef(function (_a, ref) {
|
|
85
|
-
var isLoading = _a.isLoading, register = _a.register, props = __rest(_a, ["isLoading", "register"]);
|
|
86
|
-
return (_jsx(
|
|
85
|
+
var isLoading = _a.isLoading, register = _a.register, control = _a.control, mask = _a.mask, props = __rest(_a, ["isLoading", "register", "control", "mask"]);
|
|
86
|
+
return mask && register ? (_jsx(Controller, { control: control, name: register.name, render: function (_a) {
|
|
87
|
+
var _b = _a.field, value = _b.value, onChange = _b.onChange, field = __rest(_b, ["value", "onChange"]);
|
|
88
|
+
return (_jsx("input", __assign({}, field, props, { disabled: isLoading || props.disabled, value: value, onChange: function (e) {
|
|
89
|
+
onChange(maskValue(e.target.value, mask));
|
|
90
|
+
} })));
|
|
91
|
+
} })) : (_jsx("input", __assign({}, props, { disabled: isLoading || props.disabled }, register, { ref: function (e) {
|
|
87
92
|
if (register) {
|
|
88
93
|
register.ref(e);
|
|
89
94
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Input/index.tsx"],"names":[],"mappings":";;AAAA,OAAc,EAAgB,UAAU,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAClE,OAAO,EAAE,cAAc,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AACxD,OAAO,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Input/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -19,7 +19,7 @@ export var InputWrapper = styled.div(templateObject_1 || (templateObject_1 = __m
|
|
|
19
19
|
var theme = _a.theme;
|
|
20
20
|
return theme.colors.neutral.light;
|
|
21
21
|
});
|
|
22
|
-
export var InputContainer = styled.div(templateObject_2 || (templateObject_2 = __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:
|
|
22
|
+
export var InputContainer = styled.div(templateObject_2 || (templateObject_2 = __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: ", ";\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; /* 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: ", ";\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; /* 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
23
|
var theme = _a.theme;
|
|
24
24
|
return theme.spacing.xxs;
|
|
25
25
|
}, function (_a) {
|
|
@@ -55,6 +55,9 @@ export var InputContainer = styled.div(templateObject_2 || (templateObject_2 = _
|
|
|
55
55
|
}, function (_a) {
|
|
56
56
|
var theme = _a.theme;
|
|
57
57
|
return theme.components.input.input.height[theme.device];
|
|
58
|
+
}, function (_a) {
|
|
59
|
+
var theme = _a.theme;
|
|
60
|
+
return theme.components.input.input.padding[theme.device];
|
|
58
61
|
}, function (_a) {
|
|
59
62
|
var theme = _a.theme;
|
|
60
63
|
return theme.components.input.input.borderRadius[theme.device];
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/components/Input/styles.ts"],"names":[],"mappings":";AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAMvC,MAAM,CAAC,IAAM,YAAY,GAAG,MAAM,CAAC,GAAG,2kBAAmB,+EAIhD,EAAgC,gBAE9B,EAAwC,gKAQlC,EACwC,gIAK5C,EAAwC,iEAKtC,EAAyC,kCAGxC,EAAyC,0BAIxD,KA5BQ,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,OAAO,CAAC,GAAG;AAAjB,CAAiB,EAE9B,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI;AAAzB,CAAyB,EAQlC,UAAC,EAAS;QAAP,KAAK,WAAA;IACnB,OAAA,KAAK,CAAC,UAAU,CAAC,KAAK,CAAC,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC;AAAnD,CAAmD,EAK5C,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI;AAAzB,CAAyB,EAKtC,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,KAAK;AAA1B,CAA0B,EAGxC,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,KAAK;AAA1B,CAA0B,CAIxD,CAAC;AAQF,MAAM,CAAC,IAAM,cAAc,GAAG,MAAM,CAAC,GAAG,
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/components/Input/styles.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,7 +1,9 @@
|
|
|
1
1
|
import { __assign } from "tslib";
|
|
2
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
3
|
import { Select } from ".";
|
|
4
4
|
import { Subtitle } from "../StoriesComponents/styles";
|
|
5
|
+
import { Button } from "../Button";
|
|
6
|
+
import { useForm } from "react-hook-form";
|
|
5
7
|
var meta = {
|
|
6
8
|
component: Select,
|
|
7
9
|
title: "Design System/Select",
|
|
@@ -149,7 +151,25 @@ export var Example = {
|
|
|
149
151
|
},
|
|
150
152
|
},
|
|
151
153
|
render: function (args) {
|
|
152
|
-
return (_jsx(Select, __assign({ name: "segmentation.client", label: "Clientes *", options: CLIENT_OPTIONS, isSearchable: true, menuPortalTarget: document.body }, args)));
|
|
154
|
+
return (_jsx(Select, __assign({ name: "segmentation.client", label: "Clientes *", options: CLIENT_OPTIONS, isSearchable: true, menuPortalTarget: document.body, menuIsOpen: true }, args)));
|
|
155
|
+
},
|
|
156
|
+
};
|
|
157
|
+
export var FormExample = {
|
|
158
|
+
render: function (args) {
|
|
159
|
+
var _a = useForm({
|
|
160
|
+
defaultValues: {
|
|
161
|
+
teste: "registered",
|
|
162
|
+
},
|
|
163
|
+
}), register = _a.register, handleSubmit = _a.handleSubmit, control = _a.control;
|
|
164
|
+
var onSubmit = function (data) {
|
|
165
|
+
console.log(data);
|
|
166
|
+
};
|
|
167
|
+
return (_jsxs("form", { style: {
|
|
168
|
+
display: "flex",
|
|
169
|
+
flexDirection: "column",
|
|
170
|
+
gap: 20,
|
|
171
|
+
width: 300,
|
|
172
|
+
}, onSubmit: handleSubmit(onSubmit), children: [_jsx(Select, __assign({ name: "teste", control: control, register: register("teste") }, args, { options: CLIENT_OPTIONS })), _jsx(Button, { type: "submit", children: "Enviar" })] }));
|
|
153
173
|
},
|
|
154
174
|
};
|
|
155
175
|
//# sourceMappingURL=Select.stories.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Select.stories.js","sourceRoot":"","sources":["../../../../src/components/Select/Select.stories.tsx"],"names":[],"mappings":";;AACA,OAAO,EAAE,MAAM,EAAE,MAAM,GAAG,CAAC;AAC3B,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;
|
|
1
|
+
{"version":3,"file":"Select.stories.js","sourceRoot":"","sources":["../../../../src/components/Select/Select.stories.tsx"],"names":[],"mappings":"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"}
|
|
@@ -15,6 +15,7 @@ export interface CustomSelectProps extends Omit<ReactSelectProps<Option, false>,
|
|
|
15
15
|
isLoading?: boolean;
|
|
16
16
|
containerStyles?: React.CSSProperties;
|
|
17
17
|
isMulti?: boolean;
|
|
18
|
+
options?: Option[];
|
|
18
19
|
}
|
|
19
20
|
export declare const Select: ({ name, label, register, control, error, info, isLoading, ...props }: CustomSelectProps) => import("react/jsx-runtime").JSX.Element;
|
|
20
21
|
export {};
|
|
@@ -12,33 +12,48 @@ var RawSelect = forwardRef(function (_a, ref) {
|
|
|
12
12
|
var label = _a.label, error = _a.error, control = _a.control, info = _a.info, isDisabled = _a.isDisabled, isLoading = _a.isLoading, containerStyles = _a.containerStyles, isMulti = _a.isMulti, props = __rest(_a, ["label", "error", "control", "info", "isDisabled", "isLoading", "containerStyles", "isMulti"]);
|
|
13
13
|
var theme = useTheme();
|
|
14
14
|
var customStyles = {
|
|
15
|
-
menu: function (provided) { return (__assign(__assign({}, provided), {
|
|
16
|
-
menuList: function (provided) { return (__assign(__assign({}, provided), { padding: 0 })); },
|
|
17
|
-
option: function (provided, state) { return (__assign(__assign({}, provided), { cursor: state.isDisabled ? "default" : "pointer", borderRadius:
|
|
18
|
-
? theme.colors.primary.lightest
|
|
15
|
+
menu: function (provided) { return (__assign(__assign({}, provided), { padding: theme.spacing.xs, borderColor: "transparent", boxShadow: theme.shadows.default, backgroundColor: theme.colors.neutral.white, borderRadius: theme.components.input.input.borderRadius[theme.device] })); },
|
|
16
|
+
menuList: function (provided) { return (__assign(__assign({}, provided), { display: "flex", flexDirection: "column", gap: 4, padding: 0 })); },
|
|
17
|
+
option: function (provided, state) { return (__assign(__assign({}, provided), { cursor: state.isDisabled ? "default" : "pointer", borderRadius: 8, backgroundColor: (state.isSelected
|
|
18
|
+
? theme.colors.primary.lightest + "80"
|
|
19
19
|
: state.isFocused
|
|
20
20
|
? theme.colors.neutral.lightest
|
|
21
21
|
: "transparent") + " !important", color: state.isSelected
|
|
22
22
|
? theme.colors.neutral.darker
|
|
23
23
|
: state.isDisabled
|
|
24
24
|
? theme.colors.neutral.light
|
|
25
|
-
: theme.colors.neutral.dark,
|
|
25
|
+
: theme.colors.neutral.dark, fontSize: theme.components.input.input.fontSize[theme.device] })); },
|
|
26
26
|
singleValue: function (provided) { return (__assign(__assign({}, provided), { color: theme.colors.neutral.dark })); },
|
|
27
|
+
input: function (provided) { return (__assign(__assign({}, provided), { padding: 0 })); },
|
|
28
|
+
dropdownIndicator: function (provided) { return (__assign(__assign({}, provided), { padding: 0 })); },
|
|
27
29
|
};
|
|
28
30
|
return (_jsxs(SelectWrapper, { style: containerStyles, disabled: isDisabled || isLoading, "$hasError": !!error, children: [label, _jsx(ReactSelect, __assign({ ref: ref, styles: customStyles, closeMenuOnSelect: !isMulti, components: {
|
|
29
31
|
DropdownIndicator: function () {
|
|
30
32
|
if (isLoading) {
|
|
31
|
-
return
|
|
33
|
+
return _jsx(Spinner, { color: theme.colors.neutral.light, size: 16 });
|
|
32
34
|
}
|
|
33
|
-
return
|
|
35
|
+
return _jsx(IconChevronDown, { className: "custom-dropdown-icon" });
|
|
34
36
|
},
|
|
35
|
-
}, isDisabled: isDisabled || isLoading, classNamePrefix: "react-select", noOptionsMessage: function () { return "Nada encontrado"; }, isMulti: isMulti }, props, { placeholder: props.placeholder || "Selecione" })),
|
|
37
|
+
}, isDisabled: isDisabled || isLoading, classNamePrefix: "react-select", noOptionsMessage: function () { return "Nada encontrado"; }, isMulti: isMulti }, props, { placeholder: props.placeholder || "Selecione" })), _jsx(FieldInfo, { isDisabled: isDisabled || isLoading, isError: !!error, children: error || info })] }));
|
|
36
38
|
});
|
|
37
39
|
export var Select = function (_a) {
|
|
38
40
|
var name = _a.name, label = _a.label, register = _a.register, control = _a.control, error = _a.error, info = _a.info, isLoading = _a.isLoading, props = __rest(_a, ["name", "label", "register", "control", "error", "info", "isLoading"]);
|
|
41
|
+
var options = props.options, isMulti = props.isMulti;
|
|
39
42
|
return control ? (_jsx(Controller, { name: name || "", control: control, render: function (_a) {
|
|
40
43
|
var field = _a.field;
|
|
41
|
-
|
|
44
|
+
var value = isMulti
|
|
45
|
+
? options === null || options === void 0 ? void 0 : options.filter(function (option) { var _a; return (_a = field.value) === null || _a === void 0 ? void 0 : _a.includes(option.value); })
|
|
46
|
+
: options === null || options === void 0 ? void 0 : options.find(function (option) { return option.value === field.value; });
|
|
47
|
+
var onChange = function (selectedOptions) {
|
|
48
|
+
var isArray = Array.isArray(selectedOptions);
|
|
49
|
+
if (isArray) {
|
|
50
|
+
field.onChange(selectedOptions === null || selectedOptions === void 0 ? void 0 : selectedOptions.map(function (option) { return option.value; }));
|
|
51
|
+
}
|
|
52
|
+
else {
|
|
53
|
+
field.onChange(selectedOptions === null || selectedOptions === void 0 ? void 0 : selectedOptions.value);
|
|
54
|
+
}
|
|
55
|
+
};
|
|
56
|
+
return (_jsx(RawSelect, __assign({ label: label, error: error, info: info, isLoading: isLoading, isDisabled: props.isDisabled }, props, field, { value: value, onChange: onChange })));
|
|
42
57
|
} })) : (_jsx(RawSelect, __assign({ label: label, error: error, info: info, isLoading: isLoading, isDisabled: props.isDisabled }, props)));
|
|
43
58
|
};
|
|
44
59
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Select/index.tsx"],"names":[],"mappings":";;AAAA,OAAO,WAA0C,MAAM,cAAc,CAAC;AACtE,OAAO,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AACzC,OAAO,EAAE,UAAU,EAAyB,MAAM,iBAAiB,CAAC;AACpE,OAAc,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AACrC,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAC3C,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Select/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { __makeTemplateObject } from "tslib";
|
|
2
2
|
import styled from "styled-components";
|
|
3
|
-
export var SelectWrapper = styled.label(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n position: relative;\n display: flex;\n flex-direction: column;\n gap: 4px;\n font-size: ", ";\n font-style: normal;\n font-weight: 600;\n line-height: 24px;\n letter-spacing: 0.15px;\n color: ", ";\n width: 100%;\n\n .custom-dropdown-icon {\n fill: ", ";\n\n padding-right:
|
|
3
|
+
export var SelectWrapper = styled.label(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n position: relative;\n display: flex;\n flex-direction: column;\n gap: 4px;\n font-size: ", ";\n font-style: normal;\n font-weight: 600;\n line-height: 24px;\n letter-spacing: 0.15px;\n color: ", ";\n width: 100%;\n\n .custom-dropdown-icon {\n fill: ", ";\n font-size: 20px;\n }\n\n .react-select__indicators {\n padding-right: ", ";\n }\n\n .react-select__control {\n background-color: ", ";\n min-height: ", ";\n border-radius: ", ";\n border-color: ", ";\n color: ", ";\n font-size: ", ";\n font-style: normal;\n font-weight: 400;\n line-height: 20px;\n letter-spacing: 0.1px;\n cursor: pointer;\n }\n\n .react-select__value-container {\n padding: ", ";\n }\n\n [class$=\"-control\"]:hover {\n border-color: ", ";\n }\n\n .react-select__control--is-focused {\n outline: none;\n border-color: ", ";\n box-shadow: none;\n }\n\n .react-select__control--is-disabled {\n background-color: transparent;\n border-color: ", ";\n color: ", ";\n\n .react-select__placeholder {\n color: ", ";\n }\n }\n\n .react-select__indicator-separator {\n display: none;\n }\n\n .react-select__multi-value {\n border-radius: ", ";\n background-color: ", ";\n }\n\n .react-select__multi-value__label {\n padding: ", ";\n }\n\n .react-select__multi-value__remove:hover {\n background-color: ", ";\n\n svg {\n fill: ", ";\n }\n }\n\n .react-select__menu-notice {\n color: ", ";\n font-family: ", ";\n font-size: 14px;\n font-style: normal;\n font-weight: 400;\n line-height: 20px;\n letter-spacing: 0.014px;\n }\n\n .react-select__option {\n font-size: ", ";\n border-radius: 8px;\n font-family: ", ";\n font-style: normal;\n font-weight: 400;\n line-height: 20px;\n letter-spacing: 0.014px;\n }\n"], ["\n position: relative;\n display: flex;\n flex-direction: column;\n gap: 4px;\n font-size: ", ";\n font-style: normal;\n font-weight: 600;\n line-height: 24px;\n letter-spacing: 0.15px;\n color: ", ";\n width: 100%;\n\n .custom-dropdown-icon {\n fill: ", ";\n font-size: 20px;\n }\n\n .react-select__indicators {\n padding-right: ", ";\n }\n\n .react-select__control {\n background-color: ", ";\n min-height: ", ";\n border-radius: ", ";\n border-color: ", ";\n color: ", ";\n font-size: ", ";\n font-style: normal;\n font-weight: 400;\n line-height: 20px;\n letter-spacing: 0.1px;\n cursor: pointer;\n }\n\n .react-select__value-container {\n padding: ", ";\n }\n\n [class$=\"-control\"]:hover {\n border-color: ", ";\n }\n\n .react-select__control--is-focused {\n outline: none;\n border-color: ", ";\n box-shadow: none;\n }\n\n .react-select__control--is-disabled {\n background-color: transparent;\n border-color: ", ";\n color: ", ";\n\n .react-select__placeholder {\n color: ", ";\n }\n }\n\n .react-select__indicator-separator {\n display: none;\n }\n\n .react-select__multi-value {\n border-radius: ", ";\n background-color: ", ";\n }\n\n .react-select__multi-value__label {\n padding: ", ";\n }\n\n .react-select__multi-value__remove:hover {\n background-color: ", ";\n\n svg {\n fill: ", ";\n }\n }\n\n .react-select__menu-notice {\n color: ", ";\n font-family: ", ";\n font-size: 14px;\n font-style: normal;\n font-weight: 400;\n line-height: 20px;\n letter-spacing: 0.014px;\n }\n\n .react-select__option {\n font-size: ", ";\n border-radius: 8px;\n font-family: ", ";\n font-style: normal;\n font-weight: 400;\n line-height: 20px;\n letter-spacing: 0.014px;\n }\n"])), function (_a) {
|
|
4
4
|
var theme = _a.theme;
|
|
5
5
|
return theme.components.input.label.fontSize[theme.device];
|
|
6
6
|
}, function (_a) {
|
|
@@ -9,6 +9,9 @@ export var SelectWrapper = styled.label(templateObject_1 || (templateObject_1 =
|
|
|
9
9
|
}, function (_a) {
|
|
10
10
|
var theme = _a.theme, disabled = _a.disabled;
|
|
11
11
|
return disabled ? theme.colors.neutral.light : theme.colors.neutral.dark;
|
|
12
|
+
}, function (_a) {
|
|
13
|
+
var theme = _a.theme;
|
|
14
|
+
return theme.components.input.input.padding[theme.device].split(" ")[1];
|
|
12
15
|
}, function (_a) {
|
|
13
16
|
var theme = _a.theme;
|
|
14
17
|
return theme.colors.neutral.white;
|
|
@@ -27,6 +30,9 @@ export var SelectWrapper = styled.label(templateObject_1 || (templateObject_1 =
|
|
|
27
30
|
}, function (_a) {
|
|
28
31
|
var theme = _a.theme;
|
|
29
32
|
return theme.components.input.input.fontSize[theme.device];
|
|
33
|
+
}, function (_a) {
|
|
34
|
+
var theme = _a.theme;
|
|
35
|
+
return theme.components.input.input.padding[theme.device];
|
|
30
36
|
}, function (_a) {
|
|
31
37
|
var theme = _a.theme;
|
|
32
38
|
return theme.colors.neutral.dark;
|
|
@@ -63,6 +69,12 @@ export var SelectWrapper = styled.label(templateObject_1 || (templateObject_1 =
|
|
|
63
69
|
}, function (_a) {
|
|
64
70
|
var theme = _a.theme;
|
|
65
71
|
return theme.typography.family.default;
|
|
72
|
+
}, function (_a) {
|
|
73
|
+
var theme = _a.theme;
|
|
74
|
+
return theme.components.input.input.fontSize[theme.device];
|
|
75
|
+
}, function (_a) {
|
|
76
|
+
var theme = _a.theme;
|
|
77
|
+
return theme.typography.family.default;
|
|
66
78
|
});
|
|
67
79
|
var templateObject_1;
|
|
68
80
|
//# sourceMappingURL=styles.js.map
|