takeat-design-system-ui-kit 0.1.18 → 0.1.21

package/dist/esm/components/Divider/Divider.stories.js

@@ -1,8 +1,7 @@
-import { __assign } from "tslib";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Divider } from ".";
 import { Subtitle } from "../StoriesComponents/styles";
-var meta = {
+const meta = {
     component: Divider,
     title: "Design System/Divider",
     parameters: {
@@ -23,17 +22,17 @@ var meta = {
     },
 };
 export default meta;
-export var Example = {
+export const Example = {
     args: {
         label: "Divisor",
     },
-    render: function (args) {
+    render: (args) => {
         return (_jsxs("div", { style: {
                 width: "500px",
                 borderRadius: 16,
                 padding: 16,
                 border: "1px solid #ccc",
-            }, children: [_jsx("span", { children: "Conte\u00FAdo 1" }), _jsx(Divider, __assign({ label: "Divisor" }, args)), _jsx("span", { children: "Conte\u00FAdo 2" })] }));
+            }, children: [_jsx("span", { children: "Conte\u00FAdo 1" }), _jsx(Divider, { label: "Divisor", ...args }), _jsx("span", { children: "Conte\u00FAdo 2" })] }));
     },
 };
 //# sourceMappingURL=Divider.stories.js.map

package/dist/esm/components/Divider/Divider.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"Divider.stories.js","sourceRoot":"","sources":["../../../../src/components/Divider/Divider.stories.tsx"],"names":[],"mappings":";;AACA,OAAO,EAAE,OAAO,EAAE,MAAM,GAAG,CAAC;AAC5B,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AAEvD,IAAM,IAAI,GAAyB;IACjC,SAAS,EAAE,OAAO;IAClB,KAAK,EAAE,uBAAuB;IAC9B,UAAU,EAAE;QACV,iBAAiB,EAAE,CACjB,KAAC,QAAQ,gLAIE,CACZ;KACF;IACD,QAAQ,EAAE;QACR,KAAK,EAAE;YACL,OAAO,EAAE;gBACP,IAAI,EAAE,MAAM;aACb;SACF;QACD,KAAK,EAAE;YACL,WAAW,EACT,wGAAwG;YAC1G,OAAO,EAAE;gBACP,OAAO,EAAE,IAAI;aACd;SACF;KACF;CACF,CAAC;AAEF,eAAe,IAAI,CAAC;AAIpB,MAAM,CAAC,IAAM,OAAO,GAAU;IAC5B,IAAI,EAAE;QACJ,KAAK,EAAE,SAAS;KACjB;IACD,MAAM,EAAE,UAAC,IAAI;QACX,OAAO,CACL,eACE,KAAK,EAAE;gBACL,KAAK,EAAE,OAAO;gBACd,YAAY,EAAE,EAAE;gBAChB,OAAO,EAAE,EAAE;gBACX,MAAM,EAAE,gBAAgB;aACzB,aAED,6CAAuB,EACvB,KAAC,OAAO,aAAC,KAAK,EAAC,SAAS,IAAK,IAAI,EAAI,EACrC,6CAAuB,IACnB,CACP,CAAC;IACJ,CAAC;CACF,CAAC"}
+{"version":3,"file":"Divider.stories.js","sourceRoot":"","sources":["../../../../src/components/Divider/Divider.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,OAAO,EAAE,MAAM,GAAG,CAAC;AAC5B,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AAEvD,MAAM,IAAI,GAAyB;IACjC,SAAS,EAAE,OAAO;IAClB,KAAK,EAAE,uBAAuB;IAC9B,UAAU,EAAE;QACV,iBAAiB,EAAE,CACjB,KAAC,QAAQ,gLAIE,CACZ;KACF;IACD,QAAQ,EAAE;QACR,KAAK,EAAE;YACL,OAAO,EAAE;gBACP,IAAI,EAAE,MAAM;aACb;SACF;QACD,KAAK,EAAE;YACL,WAAW,EACT,wGAAwG;YAC1G,OAAO,EAAE;gBACP,OAAO,EAAE,IAAI;aACd;SACF;KACF;CACF,CAAC;AAEF,eAAe,IAAI,CAAC;AAIpB,MAAM,CAAC,MAAM,OAAO,GAAU;IAC5B,IAAI,EAAE;QACJ,KAAK,EAAE,SAAS;KACjB;IACD,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE;QACf,OAAO,CACL,eACE,KAAK,EAAE;gBACL,KAAK,EAAE,OAAO;gBACd,YAAY,EAAE,EAAE;gBAChB,OAAO,EAAE,EAAE;gBACX,MAAM,EAAE,gBAAgB;aACzB,aAED,6CAAuB,EACvB,KAAC,OAAO,IAAC,KAAK,EAAC,SAAS,KAAK,IAAI,GAAI,EACrC,6CAAuB,IACnB,CACP,CAAC;IACJ,CAAC;CACF,CAAC"}

package/dist/esm/components/Divider/index.js

@@ -1,12 +1,10 @@
-import { __assign, __rest } from "tslib";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { forwardRef } from "react";
 import { DividerWrapper, StyledDivider } from "./styles";
-export var Divider = forwardRef(function Divider(_a, ref) {
-    var label = _a.label, props = __rest(_a, ["label"]);
+export const Divider = forwardRef(function Divider({ label, ...props }, ref) {
     if (label) {
-        return (_jsxs(DividerWrapper, { children: [_jsx(StyledDivider, __assign({ ref: ref }, props)), label, _jsx(StyledDivider, __assign({ ref: ref }, props))] }));
+        return (_jsxs(DividerWrapper, { children: [_jsx(StyledDivider, { ref: ref, ...props }), label, _jsx(StyledDivider, { ref: ref, ...props })] }));
     }
-    return _jsx(StyledDivider, __assign({ ref: ref }, props));
+    return _jsx(StyledDivider, { ref: ref, ...props });
 });
 //# sourceMappingURL=index.js.map

package/dist/esm/components/Divider/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Divider/index.tsx"],"names":[],"mappings":";;AAAA,OAAc,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAMzD,MAAM,CAAC,IAAM,OAAO,GAAG,UAAU,CAAC,SAAS,OAAO,CAChD,EAAkC,EAClC,GAA6B;IAD3B,IAAA,KAAK,WAAA,EAAK,KAAK,cAAjB,SAAmB,CAAF;IAGjB,IAAI,KAAK,EAAE,CAAC;QACV,OAAO,CACL,MAAC,cAAc,eACb,KAAC,aAAa,aAAC,GAAG,EAAE,GAAG,IAAM,KAAK,EAAI,EACrC,KAAK,EACN,KAAC,aAAa,aAAC,GAAG,EAAE,GAAG,IAAM,KAAK,EAAI,IACvB,CAClB,CAAC;IACJ,CAAC;IACD,OAAO,KAAC,aAAa,aAAC,GAAG,EAAE,GAAG,IAAM,KAAK,EAAI,CAAC;AAChD,CAAC,CAAC,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Divider/index.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAMzD,MAAM,CAAC,MAAM,OAAO,GAAG,UAAU,CAAC,SAAS,OAAO,CAChD,EAAE,KAAK,EAAE,GAAG,KAAK,EAAiB,EAClC,GAA6B;IAE7B,IAAI,KAAK,EAAE,CAAC;QACV,OAAO,CACL,MAAC,cAAc,eACb,KAAC,aAAa,IAAC,GAAG,EAAE,GAAG,KAAM,KAAK,GAAI,EACrC,KAAK,EACN,KAAC,aAAa,IAAC,GAAG,EAAE,GAAG,KAAM,KAAK,GAAI,IACvB,CAClB,CAAC;IACJ,CAAC;IACD,OAAO,KAAC,aAAa,IAAC,GAAG,EAAE,GAAG,KAAM,KAAK,GAAI,CAAC;AAChD,CAAC,CAAC,CAAC"}

package/dist/esm/components/Divider/styles.js

@@ -1,12 +1,24 @@
-import { __makeTemplateObject } from "tslib";
 import styled from "styled-components";
-export var StyledDivider = styled.hr(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  border: 1px solid ", ";\n  margin: 0;\n"], ["\n  border: 1px solid ", ";\n  margin: 0;\n"])), function (_a) {
-    var theme = _a.theme;
-    return theme.colors.neutral.lighter;
-});
-export var DividerWrapper = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  display: flex;\n  gap: 12px;\n  align-items: center;\n  width: 100%;\n\n  color: ", ";\n  text-align: center;\n  font-size: 11px;\n  font-style: normal;\n  font-weight: 500;\n  line-height: 16px; /* 145.455% */\n  letter-spacing: 0.5px;\n\n  hr {\n    flex-grow: 1;\n  }\n"], ["\n  display: flex;\n  gap: 12px;\n  align-items: center;\n  width: 100%;\n\n  color: ", ";\n  text-align: center;\n  font-size: 11px;\n  font-style: normal;\n  font-weight: 500;\n  line-height: 16px; /* 145.455% */\n  letter-spacing: 0.5px;\n\n  hr {\n    flex-grow: 1;\n  }\n"])), function (_a) {
-    var theme = _a.theme;
-    return theme.colors.neutral.dark;
-});
-var templateObject_1, templateObject_2;
+export const StyledDivider = styled.hr `
+  border: 1px solid ${({ theme }) => theme.colors.neutral.lighter};
+  margin: 0;
+`;
+export const DividerWrapper = styled.div `
+  display: flex;
+  gap: 12px;
+  align-items: center;
+  width: 100%;
+
+  color: ${({ theme }) => theme.colors.neutral.dark};
+  text-align: center;
+  font-size: 11px;
+  font-style: normal;
+  font-weight: 500;
+  line-height: 16px; /* 145.455% */
+  letter-spacing: 0.5px;
+
+  hr {
+    flex-grow: 1;
+  }
+`;
 //# sourceMappingURL=styles.js.map

package/dist/esm/components/Divider/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/components/Divider/styles.ts"],"names":[],"mappings":";AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAEvC,MAAM,CAAC,IAAM,aAAa,GAAG,MAAM,CAAC,EAAE,gHAAA,wBAChB,EAA2C,mBAEhE,KAFqB,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,OAAO;AAA5B,CAA4B,CAEhE,CAAC;AAEF,MAAM,CAAC,IAAM,cAAc,GAAG,MAAM,CAAC,GAAG,yVAAA,uFAM7B,EAAwC,6LAWlD,KAXU,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI;AAAzB,CAAyB,CAWlD,CAAC"}
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/components/Divider/styles.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAEvC,MAAM,CAAC,MAAM,aAAa,GAAG,MAAM,CAAC,EAAE,CAAA;sBAChB,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,OAAO;;CAEhE,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;WAM7B,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI;;;;;;;;;;;CAWlD,CAAC"}

package/dist/esm/components/FormItens/Checkbox/Checkbox.stories.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Checkbox } from ".";
 import { Subtitle } from "../../StoriesComponents/styles";
-var meta = {
+const meta = {
     component: Checkbox,
     title: "Design System/Checkbox",
     parameters: {
@@ -32,5 +32,5 @@ var meta = {
     },
 };
 export default meta;
-export var Example = {};
+export const Example = {};
 //# sourceMappingURL=Checkbox.stories.js.map

package/dist/esm/components/FormItens/Checkbox/Checkbox.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.stories.js","sourceRoot":"","sources":["../../../../../src/components/FormItens/Checkbox/Checkbox.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,GAAG,CAAC;AAC7B,OAAO,EAAE,QAAQ,EAAE,MAAM,gCAAgC,CAAC;AAE1D,IAAM,IAAI,GAA0B;IAClC,SAAS,EAAE,QAAQ;IACnB,KAAK,EAAE,wBAAwB;IAC/B,UAAU,EAAE;QACV,iBAAiB,EAAE,CACjB,MAAC,QAAQ,gMAGP,cAAM,EACN,cAAM,8DAA+C,GAAG,EACxD,sEAAwC,4FAE/B,CACZ;KACF;IACD,QAAQ,EAAE;QACR,KAAK,EAAE;YACL,OAAO,EAAE;gBACP,IAAI,EAAE,MAAM;aACb;SACF;QACD,WAAW,EAAE;YACX,OAAO,EAAE;gBACP,IAAI,EAAE,MAAM;aACb;SACF;QACD,QAAQ,EAAE;YACR,WAAW,EACT,wGAAwG;YAC1G,OAAO,EAAE;gBACP,OAAO,EAAE,IAAI;aACd;SACF;KACF;IACD,IAAI,EAAE;QACJ,KAAK,EAAE,UAAU;QACjB,QAAQ,EAAE,KAAK;QACf,WAAW,EAAE,qBAAqB;KACnC;CACF,CAAC;AAEF,eAAe,IAAI,CAAC;AAIpB,MAAM,CAAC,IAAM,OAAO,GAAU,EAAE,CAAC"}
+{"version":3,"file":"Checkbox.stories.js","sourceRoot":"","sources":["../../../../../src/components/FormItens/Checkbox/Checkbox.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,GAAG,CAAC;AAC7B,OAAO,EAAE,QAAQ,EAAE,MAAM,gCAAgC,CAAC;AAE1D,MAAM,IAAI,GAA0B;IAClC,SAAS,EAAE,QAAQ;IACnB,KAAK,EAAE,wBAAwB;IAC/B,UAAU,EAAE;QACV,iBAAiB,EAAE,CACjB,MAAC,QAAQ,gMAGP,cAAM,EACN,cAAM,8DAA+C,GAAG,EACxD,sEAAwC,4FAE/B,CACZ;KACF;IACD,QAAQ,EAAE;QACR,KAAK,EAAE;YACL,OAAO,EAAE;gBACP,IAAI,EAAE,MAAM;aACb;SACF;QACD,WAAW,EAAE;YACX,OAAO,EAAE;gBACP,IAAI,EAAE,MAAM;aACb;SACF;QACD,QAAQ,EAAE;YACR,WAAW,EACT,wGAAwG;YAC1G,OAAO,EAAE;gBACP,OAAO,EAAE,IAAI;aACd;SACF;KACF;IACD,IAAI,EAAE;QACJ,KAAK,EAAE,UAAU;QACjB,QAAQ,EAAE,KAAK;QACf,WAAW,EAAE,qBAAqB;KACnC;CACF,CAAC;AAEF,eAAe,IAAI,CAAC;AAIpB,MAAM,CAAC,MAAM,OAAO,GAAU,EAAE,CAAC"}

package/dist/esm/components/FormItens/Checkbox/index.js

@@ -1,11 +1,9 @@
-import { __assign, __rest } from "tslib";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { forwardRef } from "react";
 import { CheckboxWrapper } from "./styles";
 import { Icon } from "../../Icon";
-export var Checkbox = forwardRef(function Checkbox(_a, ref) {
-    var label = _a.label, description = _a.description, register = _a.register, props = __rest(_a, ["label", "description", "register"]);
-    var disabled = props.disabled;
-    return (_jsxs(CheckboxWrapper, { children: [_jsxs("label", { "aria-disabled": disabled, children: [_jsx("input", __assign({ ref: ref, type: "checkbox", disabled: disabled }, props, register)), label, _jsx(Icon, { icon: "checkboxCheckedFilled" })] }), description && _jsx("p", { "aria-disabled": disabled, children: description })] }));
+export const Checkbox = forwardRef(function Checkbox({ label, description, register, ...props }, ref) {
+    const { disabled } = props;
+    return (_jsxs(CheckboxWrapper, { children: [_jsxs("label", { "aria-disabled": disabled, children: [_jsx("input", { ref: ref, type: "checkbox", disabled: disabled, ...props, ...register }), label, _jsx(Icon, { icon: "checkboxCheckedFilled" })] }), description && _jsx("p", { "aria-disabled": disabled, children: description })] }));
 });
 //# sourceMappingURL=index.js.map

package/dist/esm/components/FormItens/Checkbox/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/FormItens/Checkbox/index.tsx"],"names":[],"mappings":";;AAAA,OAAc,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAE3C,OAAO,EAAE,IAAI,EAAE,MAAM,YAAY,CAAC;AAQlC,MAAM,CAAC,IAAM,QAAQ,GAAG,UAAU,CAAC,SAAS,QAAQ,CAClD,EAAyD,EACzD,GAAgC;IAD9B,IAAA,KAAK,WAAA,EAAE,WAAW,iBAAA,EAAE,QAAQ,cAAA,EAAK,KAAK,cAAxC,oCAA0C,CAAF;IAGhC,IAAA,QAAQ,GAAK,KAAK,SAAV,CAAW;IAE3B,OAAO,CACL,MAAC,eAAe,eACd,kCAAsB,QAAQ,aAC5B,yBACE,GAAG,EAAE,GAAG,EACR,IAAI,EAAC,UAAU,EACf,QAAQ,EAAE,QAAQ,IACd,KAAK,EACL,QAAQ,EACZ,EACD,KAAK,EACN,KAAC,IAAI,IAAC,IAAI,EAAC,uBAAuB,GAAG,IAC/B,EACP,WAAW,IAAI,6BAAkB,QAAQ,YAAG,WAAW,GAAK,IAC7C,CACnB,CAAC;AACJ,CAAC,CAAC,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/FormItens/Checkbox/index.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAE3C,OAAO,EAAE,IAAI,EAAE,MAAM,YAAY,CAAC;AAQlC,MAAM,CAAC,MAAM,QAAQ,GAAG,UAAU,CAAC,SAAS,QAAQ,CAClD,EAAE,KAAK,EAAE,WAAW,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAiB,EACzD,GAAgC;IAEhC,MAAM,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IAE3B,OAAO,CACL,MAAC,eAAe,eACd,kCAAsB,QAAQ,aAC5B,gBACE,GAAG,EAAE,GAAG,EACR,IAAI,EAAC,UAAU,EACf,QAAQ,EAAE,QAAQ,KACd,KAAK,KACL,QAAQ,GACZ,EACD,KAAK,EACN,KAAC,IAAI,IAAC,IAAI,EAAC,uBAAuB,GAAG,IAC/B,EACP,WAAW,IAAI,6BAAkB,QAAQ,YAAG,WAAW,GAAK,IAC7C,CACnB,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/dist/esm/components/FormItens/Checkbox/styles.js

@@ -1,36 +1,95 @@
-import { __makeTemplateObject } from "tslib";
 import styled from "styled-components";
-import { spacing } from "../../../utils/consts";
-export var CheckboxWrapper = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  gap: ", ";\n  user-select: none;\n\n  label {\n    cursor: pointer;\n    width: fit-content;\n    color: ", ";\n    font-size: 14px;\n    font-style: normal;\n    font-weight: 600;\n    line-height: 20px; /* 142.857% */\n    letter-spacing: 0.1px;\n    display: flex;\n    gap: ", ";\n    align-items: center;\n    border-radius: 4px;\n\n    &[aria-disabled=\"true\"] {\n      color: ", ";\n      cursor: default;\n    }\n  }\n\n  input[type=\"checkbox\"] {\n    flex-shrink: 0;\n    position: relative;\n    -webkit-appearance: none;\n    appearance: none;\n    background-color: #fff;\n    margin: 0;\n    font: inherit;\n    color: currentColor;\n    width: 18px;\n    height: 18px;\n    border: 2px solid ", ";\n    border-radius: 2px;\n    cursor: pointer;\n  }\n\n  input[type=\"checkbox\"]:focus,\n  input[type=\"checkbox\"]:focus-visible {\n    outline: none;\n  }\n\n  label:has(> input[type=\"checkbox\"]:focus-visible) {\n    outline: 1px solid ", ";\n    outline-offset: 2px;\n  }\n\n  input[type=\"checkbox\"]:disabled {\n    cursor: default;\n    border-color: ", ";\n\n    &::before {\n      background-color: ", ";\n    }\n  }\n\n  p {\n    margin: 0;\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    &[aria-disabled=\"true\"] {\n      color: ", ";\n    }\n  }\n\n  svg {\n    position: absolute;\n    top: -2px;\n    left: -3px;\n    opacity: 0;\n    transition: opacity 0.3s;\n    fill: ", ";\n  }\n\n  input[type=\"checkbox\"]:disabled ~ svg {\n    fill: ", ";\n  }\n\n  input[type=\"checkbox\"]:checked ~ svg {\n    opacity: 1;\n  }\n"], ["\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  gap: ", ";\n  user-select: none;\n\n  label {\n    cursor: pointer;\n    width: fit-content;\n    color: ", ";\n    font-size: 14px;\n    font-style: normal;\n    font-weight: 600;\n    line-height: 20px; /* 142.857% */\n    letter-spacing: 0.1px;\n    display: flex;\n    gap: ", ";\n    align-items: center;\n    border-radius: 4px;\n\n    &[aria-disabled=\"true\"] {\n      color: ", ";\n      cursor: default;\n    }\n  }\n\n  input[type=\"checkbox\"] {\n    flex-shrink: 0;\n    position: relative;\n    -webkit-appearance: none;\n    appearance: none;\n    background-color: #fff;\n    margin: 0;\n    font: inherit;\n    color: currentColor;\n    width: 18px;\n    height: 18px;\n    border: 2px solid ", ";\n    border-radius: 2px;\n    cursor: pointer;\n  }\n\n  input[type=\"checkbox\"]:focus,\n  input[type=\"checkbox\"]:focus-visible {\n    outline: none;\n  }\n\n  label:has(> input[type=\"checkbox\"]:focus-visible) {\n    outline: 1px solid ", ";\n    outline-offset: 2px;\n  }\n\n  input[type=\"checkbox\"]:disabled {\n    cursor: default;\n    border-color: ", ";\n\n    &::before {\n      background-color: ", ";\n    }\n  }\n\n  p {\n    margin: 0;\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    &[aria-disabled=\"true\"] {\n      color: ", ";\n    }\n  }\n\n  svg {\n    position: absolute;\n    top: -2px;\n    left: -3px;\n    opacity: 0;\n    transition: opacity 0.3s;\n    fill: ", ";\n  }\n\n  input[type=\"checkbox\"]:disabled ~ svg {\n    fill: ", ";\n  }\n\n  input[type=\"checkbox\"]:checked ~ svg {\n    opacity: 1;\n  }\n"])), spacing.xxs, function (_a) {
-    var theme = _a.theme;
-    return theme.colors.neutral.darker;
-}, spacing.xxs, function (_a) {
-    var theme = _a.theme;
-    return theme.colors.neutral.default;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.colors.neutral.darker;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.colors.neutral.darker;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.colors.neutral.default;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.colors.neutral.default;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.colors.neutral.dark;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.colors.neutral.default;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.colors.green.default;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.colors.neutral.default;
-});
-var templateObject_1;
+export const CheckboxWrapper = styled.div `
+  position: relative;
+  display: flex;
+  flex-direction: column;
+  gap: ${({ theme }) => theme.spacing.xxs};
+  user-select: none;
+
+  label {
+    cursor: pointer;
+    width: fit-content;
+    color: ${({ theme }) => theme.colors.neutral.darker};
+    font-size: 14px;
+    font-style: normal;
+    font-weight: 600;
+    line-height: 20px; /* 142.857% */
+    letter-spacing: 0.1px;
+    display: flex;
+    gap: ${({ theme }) => theme.spacing.xxs};
+    align-items: center;
+    border-radius: 4px;
+
+    &[aria-disabled="true"] {
+      color: ${({ theme }) => theme.colors.neutral.default};
+      cursor: default;
+    }
+  }
+
+  input[type="checkbox"] {
+    flex-shrink: 0;
+    position: relative;
+    -webkit-appearance: none;
+    appearance: none;
+    background-color: #fff;
+    margin: 0;
+    font: inherit;
+    color: currentColor;
+    width: 18px;
+    height: 18px;
+    border: 2px solid ${({ theme }) => theme.colors.neutral.darker};
+    border-radius: 2px;
+    cursor: pointer;
+  }
+
+  input[type="checkbox"]:focus,
+  input[type="checkbox"]:focus-visible {
+    outline: none;
+  }
+
+  label:has(> input[type="checkbox"]:focus-visible) {
+    outline: 1px solid ${({ theme }) => theme.colors.neutral.darker};
+    outline-offset: 2px;
+  }
+
+  input[type="checkbox"]:disabled {
+    cursor: default;
+    border-color: ${({ theme }) => theme.colors.neutral.default};
+
+    &::before {
+      background-color: ${({ theme }) => theme.colors.neutral.default};
+    }
+  }
+
+  p {
+    margin: 0;
+    color: ${({ theme }) => theme.colors.neutral.dark};
+    font-size: 12px;
+    font-style: normal;
+    font-weight: 400;
+    line-height: 16px; /* 133.333% */
+    letter-spacing: 0.4px;
+
+    &[aria-disabled="true"] {
+      color: ${({ theme }) => theme.colors.neutral.default};
+    }
+  }
+
+  svg {
+    position: absolute;
+    top: -2px;
+    left: -3px;
+    opacity: 0;
+    transition: opacity 0.3s;
+    fill: ${({ theme }) => theme.colors.green.default};
+  }
+
+  input[type="checkbox"]:disabled ~ svg {
+    fill: ${({ theme }) => theme.colors.neutral.default};
+  }
+
+  input[type="checkbox"]:checked ~ svg {
+    opacity: 1;
+  }
+`;
 //# sourceMappingURL=styles.js.map

package/dist/esm/components/FormItens/Checkbox/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/components/FormItens/Checkbox/styles.ts"],"names":[],"mappings":";AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAC;AACvC,OAAO,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAEhD,MAAM,CAAC,IAAM,eAAe,GAAG,MAAM,CAAC,GAAG,gxDAAA,+EAIhC,EAAW,kGAMP,EAA0C,2KAO5C,EAAW,wGAKP,EAA2C,mUAgBlC,EAA0C,qPAWzC,EAA0C,qHAM/C,EAA2C,gDAGrC,EAA2C,qDAMxD,EAAwC,8LAQtC,EAA2C,gJAU9C,EAAyC,mEAIzC,EAA2C,8EAMtD,KAxFQ,OAAO,CAAC,GAAG,EAMP,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,MAAM;AAA3B,CAA2B,EAO5C,OAAO,CAAC,GAAG,EAKP,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,OAAO;AAA5B,CAA4B,EAgBlC,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,MAAM;AAA3B,CAA2B,EAWzC,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,MAAM;AAA3B,CAA2B,EAM/C,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,OAAO;AAA5B,CAA4B,EAGrC,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,OAAO;AAA5B,CAA4B,EAMxD,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI;AAAzB,CAAyB,EAQtC,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,OAAO;AAA5B,CAA4B,EAU9C,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,OAAO;AAA1B,CAA0B,EAIzC,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,OAAO;AAA5B,CAA4B,CAMtD,CAAC"}
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/components/FormItens/Checkbox/styles.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAEvC,MAAM,CAAC,MAAM,eAAe,GAAG,MAAM,CAAC,GAAG,CAAA;;;;SAIhC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,GAAG;;;;;;aAM5B,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,MAAM;;;;;;;WAO5C,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,GAAG;;;;;eAK5B,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,OAAO;;;;;;;;;;;;;;;;wBAgBlC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,MAAM;;;;;;;;;;;yBAWzC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,MAAM;;;;;;oBAM/C,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,OAAO;;;0BAGrC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,OAAO;;;;;;aAMxD,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI;;;;;;;;eAQtC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,OAAO;;;;;;;;;;YAU9C,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,OAAO;;;;YAIzC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,OAAO;;;;;;CAMtD,CAAC"}

package/dist/esm/components/FormItens/Input/Input.stories.js

@@ -5,7 +5,7 @@ import { Switch } from "../Switch";
 import { Radio } from "../Radio";
 import { Button } from "../../Button";
 import { Select } from "../Select";
-var meta = {
+const meta = {
     component: Input,
     title: "Design System/Input",
     argTypes: {
@@ -52,31 +52,30 @@ var meta = {
     },
 };
 export default meta;
-export var Default = {
+export const Default = {
     name: "Exemplo",
     args: {
         placeholder: "Placeholder",
     },
 };
-export var FormExample = {
+export const FormExample = {
     name: "Exemplo de formulário",
-    render: function () {
-        var _a, _b, _c, _d;
-        var _e = useForm(), control = _e.control, register = _e.register, handleSubmit = _e.handleSubmit, getValues = _e.getValues, errors = _e.formState.errors;
-        var onSubmit = function (data) { return alert(JSON.stringify(data, null, 2)); };
+    render: () => {
+        const { control, register, handleSubmit, getValues, formState: { errors }, } = useForm();
+        const onSubmit = (data) => alert(JSON.stringify(data, null, 2));
         return (_jsxs("form", { onSubmit: handleSubmit(onSubmit), style: { display: "flex", flexDirection: "column", gap: 8 }, children: [_jsx(Input, { placeholder: "Digite seu nome", label: "Nome", style: { width: 200 }, register: register("name", {
                         required: "Nome é obrigatório",
                         minLength: {
                             value: 6,
                             message: "Nome deve ter no mínimo 3 caracteres",
                         },
-                    }), info: "Testando info", error: (_b = (_a = errors.name) === null || _a === void 0 ? void 0 : _a.message) === null || _b === void 0 ? void 0 : _b.toString() }), _jsx(Switch, { name: "test_switch", label: "Teste switch", register: register("test_switch", { required: "Sueqgifq" }) }), _jsx(Radio, { label: "Testing 1", value: "Testing 1", register: register("test_radio") }), _jsx(Radio, { label: "Testing 2", value: "Testing 2", register: register("test_radio") }), _jsx(Select, { name: "test_select", control: control, options: [
+                    }), info: "Testando info", error: errors.name?.message?.toString() }), _jsx(Switch, { name: "test_switch", label: "Teste switch", register: register("test_switch", { required: "Sueqgifq" }) }), _jsx(Radio, { label: "Testing 1", value: "Testing 1", register: register("test_radio") }), _jsx(Radio, { label: "Testing 2", value: "Testing 2", register: register("test_radio") }), _jsx(Select, { name: "test_select", control: control, options: [
                         { value: "chocolate", label: "Chocolate" },
                         { value: "strawberry", label: "Strawberry" },
                         { value: "vanilla", label: "Vanilla" },
                     ], register: register("test_select", {
                         required: "Selecione uma opção",
-                    }), error: (_d = (_c = errors.test_select) === null || _c === void 0 ? void 0 : _c.message) === null || _d === void 0 ? void 0 : _d.toString(), info: "Testando info" }), _jsx(Button, { type: "submit", onClick: function () { return console.log("Get values: ", getValues()); }, children: "Enviar" })] }));
+                    }), error: errors.test_select?.message?.toString(), info: "Testando info" }), _jsx(Button, { type: "submit", onClick: () => console.log("Get values: ", getValues()), children: "Enviar" })] }));
     },
 };
 //# sourceMappingURL=Input.stories.js.map

package/dist/esm/components/FormItens/Input/Input.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"Input.stories.js","sourceRoot":"","sources":["../../../../../src/components/FormItens/Input/Input.stories.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Input.stories.js","sourceRoot":"","sources":["../../../../../src/components/FormItens/Input/Input.stories.tsx"],"names":[],"mappings":"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"}

package/dist/esm/components/FormItens/Input/index.js

@@ -1,4 +1,3 @@
-import { __assign, __rest } from "tslib";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { forwardRef } from "react";
 import { AdditionalInfo, InputContainer, InputWrapper } from "./styles";
@@ -6,9 +5,8 @@ import { Icon } from "../../Icon";
 import ReactInputMask from "react-input-mask";
 import { useTheme } from "styled-components";
 import { Spinner } from "../../Spinner";
-export var Input = forwardRef(function Input(_a, ref) {
-    var label = _a.label, info = _a.info, error = _a.error, isLoading = _a.isLoading, register = _a.register, mask = _a.mask, _b = _a.maskChar, maskChar = _b === void 0 ? null : _b, props = __rest(_a, ["label", "info", "error", "isLoading", "register", "mask", "maskChar"]);
-    var theme = useTheme();
-    return (_jsxs(InputWrapper, { children: [label && _jsx("label", { children: label }), _jsxs(InputContainer, { hasError: !!error, children: [mask ? (_jsx(ReactInputMask, __assign({ mask: mask, maskChar: maskChar, inputRef: ref }, props, { disabled: isLoading || props.disabled }, register))) : (_jsx("input", __assign({ ref: ref }, props, { disabled: isLoading || props.disabled }, register))), error && _jsx(Icon, { icon: "exclamation", className: "error-icon" }), isLoading && (_jsx(Spinner, { size: 16, color: theme.colors.neutral.light, style: { position: "absolute", right: 16, top: 12 } }))] }), (!!register || !!error || !!info) && (_jsx(AdditionalInfo, { className: "additional-info", isError: !!error, children: error || info }))] }));
+export const Input = forwardRef(function Input({ label, info, error, isLoading, register, mask, maskChar = null, ...props }, ref) {
+    const theme = useTheme();
+    return (_jsxs(InputWrapper, { children: [label && _jsx("label", { children: label }), _jsxs(InputContainer, { hasError: !!error, children: [mask ? (_jsx(ReactInputMask, { mask: mask, maskChar: maskChar, inputRef: ref, ...props, disabled: isLoading || props.disabled, ...register })) : (_jsx("input", { ref: ref, ...props, disabled: isLoading || props.disabled, ...register })), error && _jsx(Icon, { icon: "exclamation", className: "error-icon" }), isLoading && (_jsx(Spinner, { size: 16, color: theme.colors.neutral.light, style: { position: "absolute", right: 16, top: 12 } }))] }), (!!register || !!error || !!info) && (_jsx(AdditionalInfo, { className: "additional-info", isError: !!error, children: error || info }))] }));
 });
 //# sourceMappingURL=index.js.map

package/dist/esm/components/FormItens/Input/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/FormItens/Input/index.tsx"],"names":[],"mappings":";;AAAA,OAAc,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AACxE,OAAO,EAAE,IAAI,EAAE,MAAM,YAAY,CAAC;AAElC,OAAO,cAAc,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AAYxC,MAAM,CAAC,IAAM,KAAK,GAAG,UAAU,CAAC,SAAS,KAAK,CAC5C,EASa,EACb,GAAgC;IAT9B,IAAA,KAAK,WAAA,EACL,IAAI,UAAA,EACJ,KAAK,WAAA,EACL,SAAS,eAAA,EACT,QAAQ,cAAA,EACR,IAAI,UAAA,EACJ,gBAAe,EAAf,QAAQ,mBAAG,IAAI,KAAA,EACZ,KAAK,cARV,uEASC,CADS;IAIV,IAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IAEzB,OAAO,CACL,MAAC,YAAY,eACV,KAAK,IAAI,0BAAQ,KAAK,GAAS,EAChC,MAAC,cAAc,IAAC,QAAQ,EAAE,CAAC,CAAC,KAAK,aAC9B,IAAI,CAAC,CAAC,CAAC,CACN,KAAC,cAAc,aACb,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,GAAG,IACT,KAAK,IACT,QAAQ,EAAE,SAAS,IAAI,KAAK,CAAC,QAAQ,IACjC,QAAQ,EACZ,CACH,CAAC,CAAC,CAAC,CACF,yBACE,GAAG,EAAE,GAAG,IACJ,KAAK,IACT,QAAQ,EAAE,SAAS,IAAI,KAAK,CAAC,QAAQ,IACjC,QAAQ,EACZ,CACH,EACA,KAAK,IAAI,KAAC,IAAI,IAAC,IAAI,EAAC,aAAa,EAAC,SAAS,EAAC,YAAY,GAAG,EAC3D,SAAS,IAAI,CACZ,KAAC,OAAO,IACN,IAAI,EAAE,EAAE,EACR,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,KAAK,EACjC,KAAK,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE,KAAK,EAAE,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,GACnD,CACH,IACc,EAEhB,CAAC,CAAC,CAAC,QAAQ,IAAI,CAAC,CAAC,KAAK,IAAI,CAAC,CAAC,IAAI,CAAC,IAAI,CACpC,KAAC,cAAc,IAAC,SAAS,EAAC,iBAAiB,EAAC,OAAO,EAAE,CAAC,CAAC,KAAK,YACzD,KAAK,IAAI,IAAI,GACC,CAClB,IACY,CAChB,CAAC;AACJ,CAAC,CAAC,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/FormItens/Input/index.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AACxE,OAAO,EAAE,IAAI,EAAE,MAAM,YAAY,CAAC;AAElC,OAAO,cAAc,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AAYxC,MAAM,CAAC,MAAM,KAAK,GAAG,UAAU,CAAC,SAAS,KAAK,CAC5C,EACE,KAAK,EACL,IAAI,EACJ,KAAK,EACL,SAAS,EACT,QAAQ,EACR,IAAI,EACJ,QAAQ,GAAG,IAAI,EACf,GAAG,KAAK,EACG,EACb,GAAgC;IAEhC,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IAEzB,OAAO,CACL,MAAC,YAAY,eACV,KAAK,IAAI,0BAAQ,KAAK,GAAS,EAChC,MAAC,cAAc,IAAC,QAAQ,EAAE,CAAC,CAAC,KAAK,aAC9B,IAAI,CAAC,CAAC,CAAC,CACN,KAAC,cAAc,IACb,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,GAAG,KACT,KAAK,EACT,QAAQ,EAAE,SAAS,IAAI,KAAK,CAAC,QAAQ,KACjC,QAAQ,GACZ,CACH,CAAC,CAAC,CAAC,CACF,gBACE,GAAG,EAAE,GAAG,KACJ,KAAK,EACT,QAAQ,EAAE,SAAS,IAAI,KAAK,CAAC,QAAQ,KACjC,QAAQ,GACZ,CACH,EACA,KAAK,IAAI,KAAC,IAAI,IAAC,IAAI,EAAC,aAAa,EAAC,SAAS,EAAC,YAAY,GAAG,EAC3D,SAAS,IAAI,CACZ,KAAC,OAAO,IACN,IAAI,EAAE,EAAE,EACR,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,KAAK,EACjC,KAAK,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE,KAAK,EAAE,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,GACnD,CACH,IACc,EAEhB,CAAC,CAAC,CAAC,QAAQ,IAAI,CAAC,CAAC,KAAK,IAAI,CAAC,CAAC,IAAI,CAAC,IAAI,CACpC,KAAC,cAAc,IAAC,SAAS,EAAC,iBAAiB,EAAC,OAAO,EAAE,CAAC,CAAC,KAAK,YACzD,KAAK,IAAI,IAAI,GACC,CAClB,IACY,CAChB,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/dist/esm/components/FormItens/Input/styles.js

@@ -1,54 +1,119 @@
-import { __makeTemplateObject } from "tslib";
 import styled from "styled-components";
-import { spacing } from "../../../utils/consts";
-export var InputWrapper = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  gap: ", ";\n  width: fit-content;\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: 16px;\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  width: fit-content;\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: 16px;\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"])), spacing.xxs, function (_a) {
-    var theme = _a.theme;
-    return theme.colors.neutral.dark;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.colors.neutral.dark;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.colors.neutral.light;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.colors.neutral.light;
-});
-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: fit-content;\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    position: absolute;\n    fill: ", ";\n    bottom: 10px;\n    left: 16px;\n    width: 20px;\n    height: 20px;\n  }\n\n  .close-icon {\n    right: 16px;\n    left: unset;\n    cursor: pointer;\n  }\n\n  .error-icon {\n    right: 16px;\n    fill: ", ";\n    left: unset;\n  }\n\n  input {\n    height: 40px;\n    padding: 10px 16px;\n    border-radius: 8px;\n    border: 1px solid ", ";\n    background-color: transparent;\n\n    color: ", ";\n    font-family: Poppins;\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    ", "\n\n    &::placeholder {\n      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: fit-content;\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    position: absolute;\n    fill: ", ";\n    bottom: 10px;\n    left: 16px;\n    width: 20px;\n    height: 20px;\n  }\n\n  .close-icon {\n    right: 16px;\n    left: unset;\n    cursor: pointer;\n  }\n\n  .error-icon {\n    right: 16px;\n    fill: ", ";\n    left: unset;\n  }\n\n  input {\n    height: 40px;\n    padding: 10px 16px;\n    border-radius: 8px;\n    border: 1px solid ", ";\n    background-color: transparent;\n\n    color: ", ";\n    font-family: Poppins;\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    ", "\n\n    &::placeholder {\n      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"])), spacing.xxs, function (_a) {
-    var theme = _a.theme;
-    return theme.colors.neutral.default;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.colors.neutral.dark;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.colors.red.default;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.colors.neutral.darker;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.colors.neutral.dark;
-}, function (_a) {
-    var hasError = _a.hasError, theme = _a.theme;
-    return hasError &&
-        "border-color: ".concat(theme.colors.red.default, ";\n      padding-right: 36px;");
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.colors.neutral.default;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.colors.blue.dark;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.colors.neutral.light;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.colors.neutral.light;
-});
-export var AdditionalInfo = styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  color: ", ";\n  font-size: 12px;\n  font-style: normal;\n  font-weight: 400;\n  line-height: 16px;\n  height: 16px;\n  letter-spacing: 0.4px;\n"], ["\n  color: ", ";\n  font-size: 12px;\n  font-style: normal;\n  font-weight: 400;\n  line-height: 16px;\n  height: 16px;\n  letter-spacing: 0.4px;\n"])), function (_a) {
-    var theme = _a.theme, isError = _a.isError;
-    return isError ? theme.colors.primary.default : theme.colors.neutral.dark;
-});
-var templateObject_1, templateObject_2, templateObject_3;
+export const InputWrapper = styled.div `
+  display: flex;
+  flex-direction: column;
+  gap: ${({ theme }) => theme.spacing.xxs};
+  width: fit-content;
+
+  color: ${({ theme }) => theme.colors.neutral.dark};
+  font-size: 14px;
+  font-style: normal;
+  font-weight: 400;
+  line-height: 20px; /* 142.857% */
+  letter-spacing: 0.1px;
+
+  label {
+    font-size: 16px;
+    font-style: normal;
+    font-weight: 600;
+    line-height: 24px; /* 150% */
+    letter-spacing: 0.15px;
+    color: ${({ theme }) => theme.colors.neutral.dark};
+  }
+
+  &:has(input:disabled) {
+    label {
+      color: ${({ theme }) => theme.colors.neutral.light};
+    }
+
+    .additional-info {
+      color: ${({ theme }) => theme.colors.neutral.light};
+    }
+  }
+`;
+export const InputContainer = styled.div `
+  position: relative;
+  display: inline-flex;
+  flex-direction: column;
+  gap: ${({ theme }) => theme.spacing.xxs};
+  width: fit-content;
+
+  color: ${({ theme }) => theme.colors.neutral.default};
+  font-size: 12px;
+  font-style: normal;
+  font-weight: 400;
+  line-height: 16px; /* 133.333% */
+  letter-spacing: 0.4px;
+
+  svg {
+    position: absolute;
+    fill: ${({ theme }) => theme.colors.neutral.dark};
+    bottom: 10px;
+    left: 16px;
+    width: 20px;
+    height: 20px;
+  }
+
+  .close-icon {
+    right: 16px;
+    left: unset;
+    cursor: pointer;
+  }
+
+  .error-icon {
+    right: 16px;
+    fill: ${({ theme }) => theme.colors.red.default};
+    left: unset;
+  }
+
+  input {
+    height: 40px;
+    padding: 10px 16px;
+    border-radius: 8px;
+    border: 1px solid ${({ theme }) => theme.colors.neutral.darker};
+    background-color: transparent;
+
+    color: ${({ theme }) => theme.colors.neutral.dark};
+    font-family: Poppins;
+    font-size: 14px;
+    font-style: normal;
+    font-weight: 400;
+    line-height: 20px; /* 142.857% */
+    letter-spacing: 0.1px;
+
+    ${({ hasError, theme }) => hasError &&
+    `border-color: ${theme.colors.red.default};
+      padding-right: 36px;`}
+
+    &::placeholder {
+      color: ${({ theme }) => theme.colors.neutral.default};
+    }
+
+    &:focus {
+      outline: none;
+    }
+
+    &:focus-visible {
+      border: 1px solid ${({ theme }) => theme.colors.blue.dark};
+    }
+
+    &:disabled {
+      cursor: default;
+      border-color: ${({ theme }) => theme.colors.neutral.light};
+
+      &::placeholder {
+        color: ${({ theme }) => theme.colors.neutral.light};
+      }
+    }
+  }
+`;
+export const AdditionalInfo = styled.div `
+  color: ${({ theme, isError }) => isError ? theme.colors.primary.default : theme.colors.neutral.dark};
+  font-size: 12px;
+  font-style: normal;
+  font-weight: 400;
+  line-height: 16px;
+  height: 16px;
+  letter-spacing: 0.4px;
+`;
 //# sourceMappingURL=styles.js.map

package/dist/esm/components/FormItens/Input/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/components/FormItens/Input/styles.ts"],"names":[],"mappings":";AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAC;AACvC,OAAO,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAMhD,MAAM,CAAC,IAAM,YAAY,GAAG,MAAM,CAAC,GAAG,mlBAAmB,wDAGhD,EAAW,uCAGT,EAAwC,kSAatC,EAAwC,iEAKtC,EAAyC,mDAIzC,EAAyC,iBAGvD,KA5BQ,OAAO,CAAC,GAAG,EAGT,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI;AAAzB,CAAyB,EAatC,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,EAIzC,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,KAAK;AAA1B,CAA0B,CAGvD,CAAC;AAMF,MAAM,CAAC,IAAM,cAAc,GAAG,MAAM,CAAC,GAAG,6uCAAqB,sFAIpD,EAAW,uCAGT,EAA2C,kLAS1C,EAAwC,oNAexC,EAAuC,oIAQ3B,EAA0C,sDAGrD,EAAwC,+KAQ/C,EAGqB,yCAGZ,EAA2C,2GAQhC,EAAqC,4EAKzC,EAAyC,8CAG9C,EAAyC,0BAIzD,KAxEQ,OAAO,CAAC,GAAG,EAGT,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,OAAO;AAA5B,CAA4B,EAS1C,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI;AAAzB,CAAyB,EAexC,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,GAAG,CAAC,OAAO;AAAxB,CAAwB,EAQ3B,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,MAAM;AAA3B,CAA2B,EAGrD,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI;AAAzB,CAAyB,EAQ/C,UAAC,EAAmB;QAAjB,QAAQ,cAAA,EAAE,KAAK,WAAA;IAClB,OAAA,QAAQ;QACR,wBAAiB,KAAK,CAAC,MAAM,CAAC,GAAG,CAAC,OAAO,kCACpB;AAFrB,CAEqB,EAGZ,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,OAAO;AAA5B,CAA4B,EAQhC,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI;AAAtB,CAAsB,EAKzC,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,KAAK;AAA1B,CAA0B,EAG9C,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,KAAK;AAA1B,CAA0B,CAIzD,CAAC;AAMF,MAAM,CAAC,IAAM,cAAc,GAAG,MAAM,CAAC,GAAG,wNAAgB,aAC7C,EAC2D,sIAOrE,KARU,UAAC,EAAkB;QAAhB,KAAK,WAAA,EAAE,OAAO,aAAA;IACxB,OAAA,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI;AAAlE,CAAkE,CAOrE,CAAC"}
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/components/FormItens/Input/styles.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAMvC,MAAM,CAAC,MAAM,YAAY,GAAG,MAAM,CAAC,GAAG,CAAmB;;;SAGhD,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,GAAG;;;WAG9B,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI;;;;;;;;;;;;;aAatC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI;;;;;eAKtC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,KAAK;;;;eAIzC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,KAAK;;;CAGvD,CAAC;AAMF,MAAM,CAAC,MAAM,cAAc,GAAG,MAAM,CAAC,GAAG,CAAqB;;;;SAIpD,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,GAAG;;;WAG9B,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,OAAO;;;;;;;;;YAS1C,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI;;;;;;;;;;;;;;;YAexC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,GAAG,CAAC,OAAO;;;;;;;;wBAQ3B,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,MAAM;;;aAGrD,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI;;;;;;;;MAQ/C,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE,EAAE,CACxB,QAAQ;IACR,iBAAiB,KAAK,CAAC,MAAM,CAAC,GAAG,CAAC,OAAO;2BACpB;;;eAGZ,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,OAAO;;;;;;;;0BAQhC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI;;;;;sBAKzC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,KAAK;;;iBAG9C,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,KAAK;;;;CAIzD,CAAC;AAMF,MAAM,CAAC,MAAM,cAAc,GAAG,MAAM,CAAC,GAAG,CAAgB;WAC7C,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,EAAE,EAAE,CAC9B,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI;;;;;;;CAOrE,CAAC"}