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

package/dist/cjs/components/FormItens/Select/styles.js

@@ -1,97 +1,138 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.AdditionalInfo = exports.SelectWrapper = void 0;
-var tslib_1 = require("tslib");
-var styled_components_1 = tslib_1.__importDefault(require("styled-components"));
-exports.SelectWrapper = styled_components_1.default.label(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n  font-size: 16px;\n  font-style: normal;\n  font-weight: 600;\n  line-height: 24px;\n  letter-spacing: 0.15px;\n  color: ", ";\n  width: fit-content;\n\n  .custom-dropdown-icon {\n    fill: ", ";\n\n    padding-right: 8px;\n  }\n\n  .react-select__control {\n    border-radius: ", ";\n    border-color: ", ";\n    color: ", ";\n    font-size: 14px;\n    font-style: normal;\n    font-weight: 400;\n    line-height: 20px;\n    letter-spacing: 0.1px;\n    cursor: pointer;\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__menu {\n    border-radius: ", ";\n    padding: ", ";\n    border-color: transparent;\n    box-shadow: ", ";\n  }\n\n  .react-select__menu-list {\n    padding: 0;\n  }\n\n  .react-select__option {\n    padding: ", ";\n    border-radius: ", ";\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    transition: all 0.3s;\n    cursor: pointer;\n\n    &:hover {\n      background-color: ", ";\n    }\n  }\n\n  .react-select__option--is-focused {\n    background-color: transparent;\n  }\n\n  .react-select__option--is-selected {\n    background-color: ", ";\n    color: ", ";\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  display: flex;\n  flex-direction: column;\n  gap: 4px;\n  font-size: 16px;\n  font-style: normal;\n  font-weight: 600;\n  line-height: 24px;\n  letter-spacing: 0.15px;\n  color: ", ";\n  width: fit-content;\n\n  .custom-dropdown-icon {\n    fill: ", ";\n\n    padding-right: 8px;\n  }\n\n  .react-select__control {\n    border-radius: ", ";\n    border-color: ", ";\n    color: ", ";\n    font-size: 14px;\n    font-style: normal;\n    font-weight: 400;\n    line-height: 20px;\n    letter-spacing: 0.1px;\n    cursor: pointer;\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__menu {\n    border-radius: ", ";\n    padding: ", ";\n    border-color: transparent;\n    box-shadow: ", ";\n  }\n\n  .react-select__menu-list {\n    padding: 0;\n  }\n\n  .react-select__option {\n    padding: ", ";\n    border-radius: ", ";\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    transition: all 0.3s;\n    cursor: pointer;\n\n    &:hover {\n      background-color: ", ";\n    }\n  }\n\n  .react-select__option--is-focused {\n    background-color: transparent;\n  }\n\n  .react-select__option--is-selected {\n    background-color: ", ";\n    color: ", ";\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"])), function (_a) {
-    var theme = _a.theme, disabled = _a.disabled;
-    return disabled ? theme.colors.neutral.light : theme.colors.neutral.dark;
-}, function (_a) {
-    var theme = _a.theme, disabled = _a.disabled;
-    return disabled ? theme.colors.neutral.light : theme.colors.neutral.dark;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.radius.m;
-}, function (_a) {
-    var theme = _a.theme, hasError = _a.hasError;
-    return hasError ? theme.colors.red.default : 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.dark;
-}, 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;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.colors.neutral.light;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.radius.m;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.spacing.xs;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.shadows.default;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.spacing.xs;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.radius.s;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.colors.neutral.dark;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.typography.family.default;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.colors.neutral.lighter;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.colors.primary.lightest;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.colors.neutral.darker;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.radius.s;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.colors.neutral.lighter;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.spacing.xxs;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.colors.red.lightest;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.colors.red.default;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.colors.neutral.default;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.typography.family.default;
-});
-exports.AdditionalInfo = styled_components_1.default.div(templateObject_2 || (templateObject_2 = tslib_1.__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, disabled = _a.disabled;
-    return isError
-        ? theme.colors.primary.default
-        : disabled
-            ? theme.colors.neutral.light
-            : theme.colors.neutral.dark;
-});
-var templateObject_1, templateObject_2;
+const tslib_1 = require("tslib");
+const styled_components_1 = tslib_1.__importDefault(require("styled-components"));
+exports.SelectWrapper = styled_components_1.default.label `
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+  font-size: 16px;
+  font-style: normal;
+  font-weight: 600;
+  line-height: 24px;
+  letter-spacing: 0.15px;
+  color: ${({ theme, disabled }) => disabled ? theme.colors.neutral.light : theme.colors.neutral.dark};
+  width: fit-content;
+
+  .custom-dropdown-icon {
+    fill: ${({ theme, disabled }) => disabled ? theme.colors.neutral.light : theme.colors.neutral.dark};
+
+    padding-right: 8px;
+  }
+
+  .react-select__control {
+    border-radius: ${({ theme }) => theme.radius.m};
+    border-color: ${({ theme, hasError }) => hasError ? theme.colors.red.default : theme.colors.neutral.dark};
+    color: ${({ theme }) => theme.colors.neutral.dark};
+    font-size: 14px;
+    font-style: normal;
+    font-weight: 400;
+    line-height: 20px;
+    letter-spacing: 0.1px;
+    cursor: pointer;
+  }
+
+  [class$="-control"]:hover {
+    border-color: ${({ theme }) => theme.colors.neutral.dark};
+  }
+
+  .react-select__control--is-focused {
+    outline: none;
+    border-color: ${({ theme }) => theme.colors.blue.dark};
+    box-shadow: none;
+  }
+
+  .react-select__control--is-disabled {
+    background-color: transparent;
+    border-color: ${({ theme }) => theme.colors.neutral.light};
+    color: ${({ theme }) => theme.colors.neutral.light};
+
+    .react-select__placeholder {
+      color: ${({ theme }) => theme.colors.neutral.light};
+    }
+  }
+
+  .react-select__indicator-separator {
+    display: none;
+  }
+
+  .react-select__menu {
+    border-radius: ${({ theme }) => theme.radius.m};
+    padding: ${({ theme }) => theme.spacing.xs};
+    border-color: transparent;
+    box-shadow: ${({ theme }) => theme.shadows.default};
+  }
+
+  .react-select__menu-list {
+    padding: 0;
+  }
+
+  .react-select__option {
+    padding: ${({ theme }) => theme.spacing.xs};
+    border-radius: ${({ theme }) => theme.radius.s};
+    color: ${({ theme }) => theme.colors.neutral.dark};
+    font-family: ${({ theme }) => theme.typography.family.default};
+    font-size: 14px;
+    font-style: normal;
+    font-weight: 400;
+    line-height: 20px;
+    letter-spacing: 0.014px;
+    transition: all 0.3s;
+    cursor: pointer;
+
+    &:hover {
+      background-color: ${({ theme }) => theme.colors.neutral.lighter};
+    }
+  }
+
+  .react-select__option--is-focused {
+    background-color: transparent;
+  }
+
+  .react-select__option--is-selected {
+    background-color: ${({ theme }) => theme.colors.primary.lightest};
+    color: ${({ theme }) => theme.colors.neutral.darker};
+  }
+
+  .react-select__multi-value {
+    border-radius: ${({ theme }) => theme.radius.s};
+    background-color: ${({ theme }) => theme.colors.neutral.lighter};
+  }
+
+  .react-select__multi-value__label {
+    padding: ${({ theme }) => theme.spacing.xxs};
+  }
+
+  .react-select__multi-value__remove:hover {
+    background-color: ${({ theme }) => theme.colors.red.lightest};
+
+    svg {
+      fill: ${({ theme }) => theme.colors.red.default};
+    }
+  }
+
+  .react-select__menu-notice {
+    color: ${({ theme }) => theme.colors.neutral.default};
+    font-family: ${({ theme }) => theme.typography.family.default};
+    font-size: 14px;
+    font-style: normal;
+    font-weight: 400;
+    line-height: 20px;
+    letter-spacing: 0.014px;
+  }
+`;
+exports.AdditionalInfo = styled_components_1.default.div `
+  color: ${({ theme, isError, disabled }) => isError
+    ? theme.colors.primary.default
+    : disabled
+        ? theme.colors.neutral.light
+        : 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/cjs/components/FormItens/Select/styles.js.map

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

package/dist/cjs/components/FormItens/Switch/Switch.stories.js

@@ -1,10 +1,10 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.List = exports.Example = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var _1 = require(".");
-var styles_1 = require("../../StoriesComponents/styles");
-var meta = {
+const jsx_runtime_1 = require("react/jsx-runtime");
+const _1 = require(".");
+const styles_1 = require("../../StoriesComponents/styles");
+const meta = {
     title: "Design System/Switch",
     component: _1.Switch,
     parameters: {
@@ -64,7 +64,7 @@ exports.Example = {
 };
 exports.List = {
     name: "Lista de todos os estados",
-    render: function () {
+    render: () => {
         return ((0, jsx_runtime_1.jsxs)("div", { style: { display: "flex", flexDirection: "column", gap: 8 }, children: [(0, jsx_runtime_1.jsx)(_1.Switch, { label: "Marcado", checked: true }), (0, jsx_runtime_1.jsx)(_1.Switch, { label: "Marcado e desabilitado", disabled: true, checked: true }), (0, jsx_runtime_1.jsx)(_1.Switch, { label: "Desmarcado", checked: false }), (0, jsx_runtime_1.jsx)(_1.Switch, { label: "Desmarcado e desabilitado", disabled: true })] }));
     },
     // Disable all controls

package/dist/cjs/components/FormItens/Switch/Switch.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"Switch.stories.js","sourceRoot":"","sources":["../../../../../src/components/FormItens/Switch/Switch.stories.tsx"],"names":[],"mappings":";;;;AACA,sBAA2B;AAC3B,yDAA0D;AAE1D,IAAM,IAAI,GAAwB;IAChC,KAAK,EAAE,sBAAsB;IAC7B,SAAS,EAAE,SAAM;IACjB,UAAU,EAAE;QACV,iBAAiB,EAAE,CACjB,wBAAC,iBAAQ,wLAIP,gCAAM,EACN,gCAAM,mDAAyC,GAAG,EAClD,oFAAoC,oIAEpC,iGAAiD,IACxC,CACZ;KACF;IACD,QAAQ,EAAE;QACR,KAAK,EAAE;YACL,OAAO,EAAE;gBACP,IAAI,EAAE,MAAM;aACb;SACF;QACD,aAAa,EAAE;YACb,OAAO,EAAE;gBACP,IAAI,EAAE,cAAc;gBACpB,OAAO,EAAE,CAAC,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,QAAQ,CAAC;aAC5C;SACF;QACD,WAAW,EAAE;YACX,WAAW,EAAE,+CAA+C;YAC5D,OAAO,EAAE;gBACP,IAAI,EAAE,OAAO;aACd;SACF;QACD,SAAS,EAAE;YACT,OAAO,EAAE;gBACP,IAAI,EAAE,SAAS;aAChB;SACF;QACD,OAAO,EAAE;YACP,WAAW,EAAE,oDAAoD;YACjE,OAAO,EAAE;gBACP,IAAI,EAAE,SAAS;aAChB;SACF;QACD,QAAQ,EAAE;YACR,WAAW,EACT,0IAA0I;YAC5I,MAAM,EAAE,SAAS;SAClB;QACD,QAAQ,EAAE;YACR,WAAW,EACT,wGAAwG;YAC1G,OAAO,EAAE;gBACP,OAAO,EAAE,IAAI;aACd;SACF;KACF;IAED,IAAI,EAAE;QACJ,KAAK,EAAE,QAAQ;QACf,aAAa,EAAE,OAAO;QACtB,QAAQ,EAAE,KAAK;QACf,SAAS,EAAE,KAAK;QAChB,WAAW,EAAE,SAAS;KACvB;CACF,CAAC;AAEF,kBAAe,IAAI,CAAC;AAIP,QAAA,OAAO,GAAU;IAC5B,IAAI,EAAE,SAAS;CAChB,CAAC;AAEW,QAAA,IAAI,GAAU;IACzB,IAAI,EAAE,2BAA2B;IACjC,MAAM,EAAE;QACN,OAAO,CACL,iCAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,QAAQ,EAAE,GAAG,EAAE,CAAC,EAAE,aAC9D,uBAAC,SAAM,IAAC,KAAK,EAAC,SAAS,EAAC,OAAO,SAAG,EAClC,uBAAC,SAAM,IAAC,KAAK,EAAC,wBAAwB,EAAC,QAAQ,QAAC,OAAO,SAAG,EAC1D,uBAAC,SAAM,IAAC,KAAK,EAAC,YAAY,EAAC,OAAO,EAAE,KAAK,GAAI,EAC7C,uBAAC,SAAM,IAAC,KAAK,EAAC,2BAA2B,EAAC,QAAQ,SAAG,IACjD,CACP,CAAC;IACJ,CAAC;IACD,uBAAuB;IACvB,QAAQ,EAAE;QACR,KAAK,EAAE;YACL,KAAK,EAAE;gBACL,OAAO,EAAE,IAAI;aACd;SACF;QACD,OAAO,EAAE;YACP,KAAK,EAAE;gBACL,OAAO,EAAE,IAAI;aACd;SACF;QACD,QAAQ,EAAE;YACR,KAAK,EAAE;gBACL,OAAO,EAAE,IAAI;aACd;SACF;QACD,SAAS,EAAE;YACT,KAAK,EAAE;gBACL,OAAO,EAAE,IAAI;aACd;SACF;QACD,aAAa,EAAE;YACb,KAAK,EAAE;gBACL,OAAO,EAAE,IAAI;aACd;SACF;QACD,WAAW,EAAE;YACX,KAAK,EAAE;gBACL,OAAO,EAAE,IAAI;aACd;SACF;KACF;CACF,CAAC"}
+{"version":3,"file":"Switch.stories.js","sourceRoot":"","sources":["../../../../../src/components/FormItens/Switch/Switch.stories.tsx"],"names":[],"mappings":";;;;AACA,wBAA2B;AAC3B,2DAA0D;AAE1D,MAAM,IAAI,GAAwB;IAChC,KAAK,EAAE,sBAAsB;IAC7B,SAAS,EAAE,SAAM;IACjB,UAAU,EAAE;QACV,iBAAiB,EAAE,CACjB,wBAAC,iBAAQ,wLAIP,gCAAM,EACN,gCAAM,mDAAyC,GAAG,EAClD,oFAAoC,oIAEpC,iGAAiD,IACxC,CACZ;KACF;IACD,QAAQ,EAAE;QACR,KAAK,EAAE;YACL,OAAO,EAAE;gBACP,IAAI,EAAE,MAAM;aACb;SACF;QACD,aAAa,EAAE;YACb,OAAO,EAAE;gBACP,IAAI,EAAE,cAAc;gBACpB,OAAO,EAAE,CAAC,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,QAAQ,CAAC;aAC5C;SACF;QACD,WAAW,EAAE;YACX,WAAW,EAAE,+CAA+C;YAC5D,OAAO,EAAE;gBACP,IAAI,EAAE,OAAO;aACd;SACF;QACD,SAAS,EAAE;YACT,OAAO,EAAE;gBACP,IAAI,EAAE,SAAS;aAChB;SACF;QACD,OAAO,EAAE;YACP,WAAW,EAAE,oDAAoD;YACjE,OAAO,EAAE;gBACP,IAAI,EAAE,SAAS;aAChB;SACF;QACD,QAAQ,EAAE;YACR,WAAW,EACT,0IAA0I;YAC5I,MAAM,EAAE,SAAS;SAClB;QACD,QAAQ,EAAE;YACR,WAAW,EACT,wGAAwG;YAC1G,OAAO,EAAE;gBACP,OAAO,EAAE,IAAI;aACd;SACF;KACF;IAED,IAAI,EAAE;QACJ,KAAK,EAAE,QAAQ;QACf,aAAa,EAAE,OAAO;QACtB,QAAQ,EAAE,KAAK;QACf,SAAS,EAAE,KAAK;QAChB,WAAW,EAAE,SAAS;KACvB;CACF,CAAC;AAEF,kBAAe,IAAI,CAAC;AAIP,QAAA,OAAO,GAAU;IAC5B,IAAI,EAAE,SAAS;CAChB,CAAC;AAEW,QAAA,IAAI,GAAU;IACzB,IAAI,EAAE,2BAA2B;IACjC,MAAM,EAAE,GAAG,EAAE;QACX,OAAO,CACL,iCAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,QAAQ,EAAE,GAAG,EAAE,CAAC,EAAE,aAC9D,uBAAC,SAAM,IAAC,KAAK,EAAC,SAAS,EAAC,OAAO,SAAG,EAClC,uBAAC,SAAM,IAAC,KAAK,EAAC,wBAAwB,EAAC,QAAQ,QAAC,OAAO,SAAG,EAC1D,uBAAC,SAAM,IAAC,KAAK,EAAC,YAAY,EAAC,OAAO,EAAE,KAAK,GAAI,EAC7C,uBAAC,SAAM,IAAC,KAAK,EAAC,2BAA2B,EAAC,QAAQ,SAAG,IACjD,CACP,CAAC;IACJ,CAAC;IACD,uBAAuB;IACvB,QAAQ,EAAE;QACR,KAAK,EAAE;YACL,KAAK,EAAE;gBACL,OAAO,EAAE,IAAI;aACd;SACF;QACD,OAAO,EAAE;YACP,KAAK,EAAE;gBACL,OAAO,EAAE,IAAI;aACd;SACF;QACD,QAAQ,EAAE;YACR,KAAK,EAAE;gBACL,OAAO,EAAE,IAAI;aACd;SACF;QACD,SAAS,EAAE;YACT,KAAK,EAAE;gBACL,OAAO,EAAE,IAAI;aACd;SACF;QACD,aAAa,EAAE;YACb,KAAK,EAAE;gBACL,OAAO,EAAE,IAAI;aACd;SACF;QACD,WAAW,EAAE;YACX,KAAK,EAAE;gBACL,OAAO,EAAE,IAAI;aACd;SACF;KACF;CACF,CAAC"}

package/dist/cjs/components/FormItens/Switch/index.js

@@ -1,20 +1,18 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Switch = void 0;
-var tslib_1 = require("tslib");
-var jsx_runtime_1 = require("react/jsx-runtime");
-var functions_1 = require("../../../utils/functions");
-var styles_1 = require("./styles");
-var react_1 = require("react");
-var Spinner_1 = require("../../Spinner");
-var styled_components_1 = require("styled-components");
-exports.Switch = (0, react_1.forwardRef)(function Switch(_a, ref) {
-    var label = _a.label, _b = _a.labelPosition, labelPosition = _b === void 0 ? "right" : _b, customColor = _a.customColor, isLoading = _a.isLoading, register = _a.register, props = tslib_1.__rest(_a, ["label", "labelPosition", "customColor", "isLoading", "register"]);
-    var theme = (0, styled_components_1.useTheme)();
-    var colorVariants = customColor
-        ? (0, react_1.useMemo)(function () { return (0, functions_1.generateColorVariants)(customColor); }, [customColor])
+const jsx_runtime_1 = require("react/jsx-runtime");
+const functions_1 = require("../../../utils/functions");
+const styles_1 = require("./styles");
+const react_1 = require("react");
+const Spinner_1 = require("../../Spinner");
+const styled_components_1 = require("styled-components");
+exports.Switch = (0, react_1.forwardRef)(function Switch({ label, labelPosition = "right", customColor, isLoading, register, ...props }, ref) {
+    const theme = (0, styled_components_1.useTheme)();
+    const colorVariants = customColor
+        ? (0, react_1.useMemo)(() => (0, functions_1.generateColorVariants)(customColor), [customColor])
         : undefined;
-    return ((0, jsx_runtime_1.jsxs)(styles_1.SwitchLabel, { labelPosition: labelPosition, children: [(0, jsx_runtime_1.jsx)("input", tslib_1.__assign({ ref: ref, type: "checkbox" }, props, { disabled: isLoading || props.disabled }, register)), label && (0, jsx_runtime_1.jsx)("span", { children: label }), (0, jsx_runtime_1.jsx)(styles_1.SwitchArea, { colorVariants: colorVariants, isLoading: isLoading, children: (0, jsx_runtime_1.jsx)(Spinner_1.Spinner, { size: 10, color: theme.colors.neutral.lighter, style: {
+    return ((0, jsx_runtime_1.jsxs)(styles_1.SwitchLabel, { labelPosition: labelPosition, children: [(0, jsx_runtime_1.jsx)("input", { ref: ref, type: "checkbox", ...props, disabled: isLoading || props.disabled, ...register }), label && (0, jsx_runtime_1.jsx)("span", { children: label }), (0, jsx_runtime_1.jsx)(styles_1.SwitchArea, { colorVariants: colorVariants, isLoading: isLoading, children: (0, jsx_runtime_1.jsx)(Spinner_1.Spinner, { size: 10, color: theme.colors.neutral.lighter, style: {
                         position: "absolute",
                         left: 14,
                         top: 4,

package/dist/cjs/components/FormItens/Switch/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/FormItens/Switch/index.tsx"],"names":[],"mappings":";;;;;AACA,sDAAiE;AACjE,mCAAmD;AACnD,+BAA4C;AAE5C,yCAAwC;AACxC,uDAA6C;AAUhC,QAAA,MAAM,GAAG,IAAA,kBAAU,EAAC,SAAS,MAAM,CAC9C,EAOc,EACd,GAAgC;IAP9B,IAAA,KAAK,WAAA,EACL,qBAAuB,EAAvB,aAAa,mBAAG,OAAO,KAAA,EACvB,WAAW,iBAAA,EACX,SAAS,eAAA,EACT,QAAQ,cAAA,EACL,KAAK,sBANV,kEAOC,CADS;IAIV,IAAM,KAAK,GAAG,IAAA,4BAAQ,GAAE,CAAC;IACzB,IAAM,aAAa,GAAG,WAAW;QAC/B,CAAC,CAAC,IAAA,eAAO,EAAC,cAAM,OAAA,IAAA,iCAAqB,EAAC,WAAW,CAAC,EAAlC,CAAkC,EAAE,CAAC,WAAW,CAAC,CAAC;QAClE,CAAC,CAAC,SAAS,CAAC;IAEd,OAAO,CACL,wBAAC,oBAAW,IAAC,aAAa,EAAE,aAAa,aACvC,mDACE,GAAG,EAAE,GAAG,EACR,IAAI,EAAC,UAAU,IACX,KAAK,IACT,QAAQ,EAAE,SAAS,IAAI,KAAK,CAAC,QAAQ,IACjC,QAAQ,EACZ,EACD,KAAK,IAAI,2CAAO,KAAK,GAAQ,EAC9B,uBAAC,mBAAU,IAAC,aAAa,EAAE,aAAa,EAAE,SAAS,EAAE,SAAS,YAC5D,uBAAC,iBAAO,IACN,IAAI,EAAE,EAAE,EACR,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,OAAO,EACnC,KAAK,EAAE;wBACL,QAAQ,EAAE,UAAU;wBACpB,IAAI,EAAE,EAAE;wBACR,GAAG,EAAE,CAAC;wBACN,UAAU,EAAE,yCAAyC;wBACrD,MAAM,EAAE,CAAC;wBACT,OAAO,EAAE,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;qBAC3B,GACD,GACS,IACD,CACf,CAAC;AACJ,CAAC,CAAC,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/FormItens/Switch/index.tsx"],"names":[],"mappings":";;;;AACA,wDAAiE;AACjE,qCAAmD;AACnD,iCAA4C;AAE5C,2CAAwC;AACxC,yDAA6C;AAUhC,QAAA,MAAM,GAAG,IAAA,kBAAU,EAAC,SAAS,MAAM,CAC9C,EACE,KAAK,EACL,aAAa,GAAG,OAAO,EACvB,WAAW,EACX,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACI,EACd,GAAgC;IAEhC,MAAM,KAAK,GAAG,IAAA,4BAAQ,GAAE,CAAC;IACzB,MAAM,aAAa,GAAG,WAAW;QAC/B,CAAC,CAAC,IAAA,eAAO,EAAC,GAAG,EAAE,CAAC,IAAA,iCAAqB,EAAC,WAAW,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC;QAClE,CAAC,CAAC,SAAS,CAAC;IAEd,OAAO,CACL,wBAAC,oBAAW,IAAC,aAAa,EAAE,aAAa,aACvC,kCACE,GAAG,EAAE,GAAG,EACR,IAAI,EAAC,UAAU,KACX,KAAK,EACT,QAAQ,EAAE,SAAS,IAAI,KAAK,CAAC,QAAQ,KACjC,QAAQ,GACZ,EACD,KAAK,IAAI,2CAAO,KAAK,GAAQ,EAC9B,uBAAC,mBAAU,IAAC,aAAa,EAAE,aAAa,EAAE,SAAS,EAAE,SAAS,YAC5D,uBAAC,iBAAO,IACN,IAAI,EAAE,EAAE,EACR,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,OAAO,EACnC,KAAK,EAAE;wBACL,QAAQ,EAAE,UAAU;wBACpB,IAAI,EAAE,EAAE;wBACR,GAAG,EAAE,CAAC;wBACN,UAAU,EAAE,yCAAyC;wBACrD,MAAM,EAAE,CAAC;wBACT,OAAO,EAAE,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;qBAC3B,GACD,GACS,IACD,CACf,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/dist/cjs/components/FormItens/Switch/styles.js

@@ -1,52 +1,113 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.SwitchArea = exports.SwitchLabel = void 0;
-var tslib_1 = require("tslib");
-var styled_components_1 = tslib_1.__importDefault(require("styled-components"));
-var consts_1 = require("../../../utils/consts");
-exports.SwitchLabel = styled_components_1.default.label(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n  display: flex;\n  gap: ", ";\n  align-items: center;\n  justify-content: center;\n  width: fit-content;\n  flex-direction: ", ";\n  border-radius: ", ";\n  cursor: pointer;\n  user-select: none;\n\n  input {\n    opacity: 0;\n    width: 0;\n    height: 0;\n    position: absolute;\n  }\n\n  &:has(> input[type=\"checkbox\"]:focus-visible) {\n    outline: 1px solid black;\n    outline-offset: 2px;\n  }\n\n  span {\n    color: ", ";\n    font-family: Poppins;\n    font-size: 14px;\n    font-style: normal;\n    font-weight: 500;\n    line-height: 20px; /* 142.857% */\n    letter-spacing: 0.1px;\n    transition: all 0.3s;\n  }\n\n  &:has(> input[type=\"checkbox\"]:disabled) {\n    cursor: default;\n\n    span {\n      color: ", ";\n    }\n  }\n"], ["\n  display: flex;\n  gap: ", ";\n  align-items: center;\n  justify-content: center;\n  width: fit-content;\n  flex-direction: ", ";\n  border-radius: ", ";\n  cursor: pointer;\n  user-select: none;\n\n  input {\n    opacity: 0;\n    width: 0;\n    height: 0;\n    position: absolute;\n  }\n\n  &:has(> input[type=\"checkbox\"]:focus-visible) {\n    outline: 1px solid black;\n    outline-offset: 2px;\n  }\n\n  span {\n    color: ", ";\n    font-family: Poppins;\n    font-size: 14px;\n    font-style: normal;\n    font-weight: 500;\n    line-height: 20px; /* 142.857% */\n    letter-spacing: 0.1px;\n    transition: all 0.3s;\n  }\n\n  &:has(> input[type=\"checkbox\"]:disabled) {\n    cursor: default;\n\n    span {\n      color: ", ";\n    }\n  }\n"])), consts_1.spacing.xs, function (_a) {
-    var labelPosition = _a.labelPosition;
-    return consts_1.LABEL_POSITIONS[labelPosition];
-}, consts_1.spacing.xxs, function (_a) {
-    var theme = _a.theme;
-    return theme.colors.neutral.darker;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.colors.neutral.light;
-});
-exports.SwitchArea = styled_components_1.default.div(templateObject_2 || (templateObject_2 = tslib_1.__makeTemplateObject(["\n  flex-shrink: 0;\n  position: relative;\n  width: 40px;\n  height: 20px;\n  border-radius: 20px;\n  transition: all 0.3s;\n  background-color: ", ";\n  border: 1px solid transparent;\n\n  label:hover > & {\n    background-color: ", ";\n  }\n\n  // Switch button\n  &::after {\n    content: \"\";\n    position: absolute;\n    width: 14px;\n    height: 14px;\n    border-radius: 50%;\n    background-color: white;\n    transition: all 0.3s;\n    top: 2px;\n    left: ", ";\n  }\n\n  // Checked\n  input[type=\"checkbox\"]:checked ~ & {\n    background-color: ", ";\n\n    label:hover > & {\n      background-color: ", ";\n    }\n\n    &::after {\n      left: ", ";\n    }\n  }\n\n  // Disabled\n  input[type=\"checkbox\"]:disabled ~ & {\n    background-color: #fff;\n    border-color: ", ";\n\n    &::after {\n      background-color: ", ";\n    }\n  }\n\n  //Disabled and checked\n  input[type=\"checkbox\"]:disabled:checked ~ & {\n    background-color: ", ";\n    border-color: transparent;\n\n    label:hover > & {\n      background-color: ", ";\n    }\n\n    &::after {\n      background-color: ", ";\n    }\n  }\n"], ["\n  flex-shrink: 0;\n  position: relative;\n  width: 40px;\n  height: 20px;\n  border-radius: 20px;\n  transition: all 0.3s;\n  background-color: ", ";\n  border: 1px solid transparent;\n\n  label:hover > & {\n    background-color: ", ";\n  }\n\n  // Switch button\n  &::after {\n    content: \"\";\n    position: absolute;\n    width: 14px;\n    height: 14px;\n    border-radius: 50%;\n    background-color: white;\n    transition: all 0.3s;\n    top: 2px;\n    left: ", ";\n  }\n\n  // Checked\n  input[type=\"checkbox\"]:checked ~ & {\n    background-color: ", ";\n\n    label:hover > & {\n      background-color: ", ";\n    }\n\n    &::after {\n      left: ", ";\n    }\n  }\n\n  // Disabled\n  input[type=\"checkbox\"]:disabled ~ & {\n    background-color: #fff;\n    border-color: ", ";\n\n    &::after {\n      background-color: ", ";\n    }\n  }\n\n  //Disabled and checked\n  input[type=\"checkbox\"]:disabled:checked ~ & {\n    background-color: ", ";\n    border-color: transparent;\n\n    label:hover > & {\n      background-color: ", ";\n    }\n\n    &::after {\n      background-color: ", ";\n    }\n  }\n"])), 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 isLoading = _a.isLoading;
-    return (isLoading ? "12px" : "2px");
-}, function (_a) {
-    var colorVariants = _a.colorVariants, theme = _a.theme;
-    return (colorVariants === null || colorVariants === void 0 ? void 0 : colorVariants.default) || theme.colors.green.default;
-}, function (_a) {
-    var colorVariants = _a.colorVariants, theme = _a.theme;
-    return (colorVariants === null || colorVariants === void 0 ? void 0 : colorVariants.dark) || theme.colors.green.dark;
-}, function (_a) {
-    var isLoading = _a.isLoading;
-    return isLoading ? "12px" : "22px";
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.colors.neutral.light;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.colors.neutral.light;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.colors.neutral.lighter;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.colors.neutral.lighter;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.colors.neutral.light;
-});
-var templateObject_1, templateObject_2;
+const tslib_1 = require("tslib");
+const styled_components_1 = tslib_1.__importDefault(require("styled-components"));
+const consts_1 = require("../../../utils/consts");
+exports.SwitchLabel = styled_components_1.default.label `
+  display: flex;
+  gap: ${({ theme }) => theme.spacing.xs};
+  align-items: center;
+  justify-content: center;
+  width: fit-content;
+  flex-direction: ${({ labelPosition }) => consts_1.LABEL_POSITIONS[labelPosition]};
+  border-radius: ${({ theme }) => theme.spacing.xxs};
+  cursor: pointer;
+  user-select: none;
+
+  input {
+    opacity: 0;
+    width: 0;
+    height: 0;
+    position: absolute;
+  }
+
+  &:has(> input[type="checkbox"]:focus-visible) {
+    outline: 1px solid black;
+    outline-offset: 2px;
+  }
+
+  span {
+    color: ${({ theme }) => theme.colors.neutral.darker};
+    font-family: Poppins;
+    font-size: 14px;
+    font-style: normal;
+    font-weight: 500;
+    line-height: 20px; /* 142.857% */
+    letter-spacing: 0.1px;
+    transition: all 0.3s;
+  }
+
+  &:has(> input[type="checkbox"]:disabled) {
+    cursor: default;
+
+    span {
+      color: ${({ theme }) => theme.colors.neutral.light};
+    }
+  }
+`;
+exports.SwitchArea = styled_components_1.default.div `
+  flex-shrink: 0;
+  position: relative;
+  width: 40px;
+  height: 20px;
+  border-radius: 20px;
+  transition: all 0.3s;
+  background-color: ${({ theme }) => theme.colors.neutral.default};
+  border: 1px solid transparent;
+
+  label:hover > & {
+    background-color: ${({ theme }) => theme.colors.neutral.dark};
+  }
+
+  // Switch button
+  &::after {
+    content: "";
+    position: absolute;
+    width: 14px;
+    height: 14px;
+    border-radius: 50%;
+    background-color: white;
+    transition: all 0.3s;
+    top: 2px;
+    left: ${({ isLoading }) => (isLoading ? "12px" : "2px")};
+  }
+
+  // Checked
+  input[type="checkbox"]:checked ~ & {
+    background-color: ${({ colorVariants, theme }) => colorVariants?.default || theme.colors.green.default};
+
+    label:hover > & {
+      background-color: ${({ colorVariants, theme }) => colorVariants?.dark || theme.colors.green.dark};
+    }
+
+    &::after {
+      left: ${({ isLoading }) => isLoading ? "12px" : "22px"};
+    }
+  }
+
+  // Disabled
+  input[type="checkbox"]:disabled ~ & {
+    background-color: #fff;
+    border-color: ${({ theme }) => theme.colors.neutral.light};
+
+    &::after {
+      background-color: ${({ theme }) => theme.colors.neutral.light};
+    }
+  }
+
+  //Disabled and checked
+  input[type="checkbox"]:disabled:checked ~ & {
+    background-color: ${({ theme }) => theme.colors.neutral.lighter};
+    border-color: transparent;
+
+    label:hover > & {
+      background-color: ${({ theme }) => theme.colors.neutral.lighter};
+    }
+
+    &::after {
+      background-color: ${({ theme }) => theme.colors.neutral.light};
+    }
+  }
+`;
 //# sourceMappingURL=styles.js.map

package/dist/cjs/components/FormItens/Switch/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/components/FormItens/Switch/styles.ts"],"names":[],"mappings":";;;;AAAA,gFAAuC;AACvC,gDAAiE;AAOpD,QAAA,WAAW,GAAG,2BAAM,CAAC,KAAK,6zBAAkB,6BAEhD,EAAU,kGAIC,EAAqD,sBACtD,EAAW,sRAiBjB,EAA0C,4SAcxC,EAAyC,iBAGvD,KAvCQ,gBAAO,CAAC,EAAE,EAIC,UAAC,EAAiB;QAAf,aAAa,mBAAA;IAAO,OAAA,wBAAe,CAAC,aAAa,CAAC;AAA9B,CAA8B,EACtD,gBAAO,CAAC,GAAG,EAiBjB,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,MAAM;AAA3B,CAA2B,EAcxC,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,KAAK;AAA1B,CAA0B,EAGtD;AAOW,QAAA,UAAU,GAAG,2BAAM,CAAC,GAAG,4qCAAiB,oJAO/B,EAA2C,oFAIzC,EAAwC,2OAapD,EAAgE,0FAKpD,EACkC,sDAGhC,EAC4B,0CAIxC,EACqB,4HAOf,EAAyC,+CAGnC,EAAyC,sHAM3C,EAA2C,sFAIzC,EAA2C,sDAI3C,EAAyC,iBAGlE,KA3DqB,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,OAAO;AAA5B,CAA4B,EAIzC,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI;AAAzB,CAAyB,EAapD,UAAC,EAA8B;QAA5B,SAAS,eAAA;IAAwB,OAAA,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC;AAA5B,CAA4B,EAKpD,UAAC,EAAwB;QAAtB,aAAa,mBAAA,EAAE,KAAK,WAAA;IACzC,OAAA,CAAA,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,OAAO,KAAI,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,OAAO;AAApD,CAAoD,EAGhC,UAAC,EAAwB;QAAtB,aAAa,mBAAA,EAAE,KAAK,WAAA;IACzC,OAAA,CAAA,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,IAAI,KAAI,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI;AAA9C,CAA8C,EAIxC,UAAC,EAA8B;QAA5B,SAAS,eAAA;IAClB,OAAA,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM;AAA3B,CAA2B,EAOf,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,KAAK;AAA1B,CAA0B,EAGnC,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,KAAK;AAA1B,CAA0B,EAM3C,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,OAAO;AAA5B,CAA4B,EAIzC,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,OAAO;AAA5B,CAA4B,EAI3C,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,KAAK;AAA1B,CAA0B,EAGjE"}
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/components/FormItens/Switch/styles.ts"],"names":[],"mappings":";;;;AAAA,kFAAuC;AACvC,kDAAwD;AAO3C,QAAA,WAAW,GAAG,2BAAM,CAAC,KAAK,CAAkB;;SAEhD,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE;;;;oBAIpB,CAAC,EAAE,aAAa,EAAE,EAAE,EAAE,CAAC,wBAAe,CAAC,aAAa,CAAC;mBACtD,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,GAAG;;;;;;;;;;;;;;;;;aAiBtC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,MAAM;;;;;;;;;;;;;;eAcxC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,KAAK;;;CAGvD,CAAC;AAOW,QAAA,UAAU,GAAG,2BAAM,CAAC,GAAG,CAAiB;;;;;;;sBAO/B,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,OAAO;;;;wBAIzC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI;;;;;;;;;;;;;YAapD,CAAC,EAAE,SAAS,EAAmB,EAAE,EAAE,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC;;;;;wBAKpD,CAAC,EAAE,aAAa,EAAE,KAAK,EAAE,EAAE,EAAE,CAC/C,aAAa,EAAE,OAAO,IAAI,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,OAAO;;;0BAGhC,CAAC,EAAE,aAAa,EAAE,KAAK,EAAE,EAAE,EAAE,CAC/C,aAAa,EAAE,IAAI,IAAI,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI;;;;cAIxC,CAAC,EAAE,SAAS,EAAmB,EAAE,EAAE,CACzC,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM;;;;;;;oBAOf,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,KAAK;;;0BAGnC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,KAAK;;;;;;wBAM3C,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,OAAO;;;;0BAIzC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,OAAO;;;;0BAI3C,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,KAAK;;;CAGlE,CAAC"}

package/dist/cjs/components/Icon/Icon.stories.js

@@ -1,18 +1,19 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.List = exports.Example = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var react_1 = require("react");
-var _1 = require(".");
-var icons_1 = require("../../utils/icons");
-var styles_1 = require("./styles");
-var consts_1 = require("../../utils/consts");
-var styles_2 = require("../StoriesComponents/styles");
-var meta = {
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const _1 = require(".");
+const icons_1 = require("../../utils/icons");
+const styles_1 = require("./styles");
+const consts_1 = require("../../utils/consts");
+const styles_2 = require("../StoriesComponents/styles");
+const meta = {
     title: "Design System/Icon",
     component: _1.Icon,
     parameters: {
-        componentSubtitle: ((0, jsx_runtime_1.jsxs)(styles_2.Subtitle, { children: ["Componente para renderizar os \u00EDcones do sistema.", (0, jsx_runtime_1.jsx)("br", {}), " Na lista abaixo voc\u00EA pode pesquisar os \u00EDcones dispon\u00EDveis e copiar o c\u00F3digo para usar no seu projeto. Exemplo: Ao clicar no icone \"takeatIconFilled\" o c\u00F3digo", " ", "\n        <Icon icon=\"takeatIconFilled\" />", " ", "ser\u00E1 copiado para a \u00E1rea de transfer\u00EAncia."] })),
+        componentSubtitle: ((0, jsx_runtime_1.jsxs)(styles_2.Subtitle, { children: ["Componente para renderizar os \u00EDcones do sistema.", (0, jsx_runtime_1.jsx)("br", {}), " Na lista abaixo voc\u00EA pode pesquisar os \u00EDcones dispon\u00EDveis e copiar o c\u00F3digo para usar no seu projeto. Exemplo: Ao clicar no icone \"takeatIconFilled\" o c\u00F3digo", " ", `
+        <Icon icon="takeatIconFilled" />`, " ", "ser\u00E1 copiado para a \u00E1rea de transfer\u00EAncia."] })),
     },
     argTypes: {
         icon: {
@@ -37,13 +38,11 @@ exports.Example = {
 };
 exports.List = {
     name: "Lista de icones",
-    render: function () {
-        var _a = (0, react_1.useState)(""), search = _a[0], setSearch = _a[1];
-        return ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)(styles_1.SearchInput, { placeholder: "Buscar", value: search, onChange: function (e) { return setSearch(e.target.value); } }), (0, jsx_runtime_1.jsx)(styles_1.IconList, { children: Object.keys(icons_1.icons)
-                        .filter(function (icon) { return icon.includes(search); })
-                        .map(function (icon) { return ((0, jsx_runtime_1.jsxs)(styles_1.Item, { onClick: function () {
-                            return navigator.clipboard.writeText('<Icon icon="' + icon + '" />');
-                        }, children: [(0, jsx_runtime_1.jsx)(_1.Icon, { icon: icon, color: consts_1.defaultTheme.colors.primary.default }), (0, jsx_runtime_1.jsx)("span", { style: { color: consts_1.defaultTheme.colors.neutral.darker }, children: icon })] }, icon)); }) })] }));
+    render: () => {
+        const [search, setSearch] = (0, react_1.useState)("");
+        return ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)(styles_1.SearchInput, { placeholder: "Buscar", value: search, onChange: (e) => setSearch(e.target.value) }), (0, jsx_runtime_1.jsx)(styles_1.IconList, { children: Object.keys(icons_1.icons)
+                        .filter((icon) => icon.includes(search))
+                        .map((icon) => ((0, jsx_runtime_1.jsxs)(styles_1.Item, { onClick: () => navigator.clipboard.writeText('<Icon icon="' + icon + '" />'), children: [(0, jsx_runtime_1.jsx)(_1.Icon, { icon: icon, color: consts_1.defaultTheme.colors.primary.default }), (0, jsx_runtime_1.jsx)("span", { style: { color: consts_1.defaultTheme.colors.neutral.darker }, children: icon })] }, icon))) })] }));
     },
 };
 //# sourceMappingURL=Icon.stories.js.map

package/dist/cjs/components/Icon/Icon.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"Icon.stories.js","sourceRoot":"","sources":["../../../../src/components/Icon/Icon.stories.tsx"],"names":[],"mappings":";;;;AAAA,+BAAiC;AACjC,sBAAyB;AACzB,2CAA0C;AAC1C,mCAAuD;AACvD,6CAA8D;AAE9D,sDAAuD;AAEvD,IAAM,IAAI,GAAsB;IAC9B,KAAK,EAAE,oBAAoB;IAC3B,SAAS,EAAE,OAAI;IACf,UAAU,EAAE;QACV,iBAAiB,EAAE,CACjB,wBAAC,iBAAQ,wEAEP,gCAAM,+LAEsB,GAAG,EAC9B,8CACgC,EAAE,GAAG,iEAE7B,CACZ;KACF;IACD,QAAQ,EAAE;QACR,IAAI,EAAE;YACJ,OAAO,EAAE;gBACP,IAAI,EAAE,MAAM;aACb;SACF;QACD,KAAK,EAAE;YACL,WAAW,EAAE,4DAA4D;YACzE,OAAO,EAAE;gBACP,IAAI,EAAE,OAAO;aACd;SACF;KACF;CACF,CAAC;AAEF,kBAAe,IAAI,CAAC;AAIP,QAAA,OAAO,GAAU;IAC5B,IAAI,EAAE,SAAS;IACf,IAAI,EAAE;QACJ,IAAI,EAAE,kBAAkB;KACzB;CACF,CAAC;AAEW,QAAA,IAAI,GAAU;IACzB,IAAI,EAAE,iBAAiB;IACvB,MAAM,EAAE;QACA,IAAA,KAAsB,IAAA,gBAAQ,EAAC,EAAE,CAAC,EAAjC,MAAM,QAAA,EAAE,SAAS,QAAgB,CAAC;QAEzC,OAAO,CACL,4CACE,uBAAC,oBAAW,IACV,WAAW,EAAC,QAAQ,EACpB,KAAK,EAAE,MAAM,EACb,QAAQ,EAAE,UAAC,CAAC,IAAK,OAAA,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EAAzB,CAAyB,GAC1C,EAEF,uBAAC,iBAAQ,cACN,MAAM,CAAC,IAAI,CAAC,aAAK,CAAC;yBAChB,MAAM,CAAC,UAAC,IAAI,IAAK,OAAA,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,EAArB,CAAqB,CAAC;yBACvC,GAAG,CAAC,UAAC,IAAI,IAAK,OAAA,CACb,wBAAC,aAAI,IAEH,OAAO,EAAE;4BACP,OAAA,SAAS,CAAC,SAAS,CAAC,SAAS,CAAC,cAAc,GAAG,IAAI,GAAG,MAAM,CAAC;wBAA7D,CAA6D,aAG/D,uBAAC,OAAI,IACH,IAAI,EAAE,IAAmC,EACzC,KAAK,EAAE,qBAAY,CAAC,MAAM,CAAC,OAAO,CAAC,OAAO,GAC1C,EACF,iCAAM,KAAK,EAAE,EAAE,KAAK,EAAE,qBAAY,CAAC,MAAM,CAAC,OAAO,CAAC,MAAM,EAAE,YACvD,IAAI,GACA,KAXF,IAAI,CAYJ,CACR,EAfc,CAed,CAAC,GACK,IACP,CACP,CAAC;IACJ,CAAC;CACF,CAAC"}
+{"version":3,"file":"Icon.stories.js","sourceRoot":"","sources":["../../../../src/components/Icon/Icon.stories.tsx"],"names":[],"mappings":";;;;AAAA,iCAAiC;AACjC,wBAAyB;AACzB,6CAA0C;AAC1C,qCAAuD;AACvD,+CAAkD;AAElD,wDAAuD;AAEvD,MAAM,IAAI,GAAsB;IAC9B,KAAK,EAAE,oBAAoB;IAC3B,SAAS,EAAE,OAAI;IACf,UAAU,EAAE;QACV,iBAAiB,EAAE,CACjB,wBAAC,iBAAQ,wEAEP,gCAAM,+LAEsB,GAAG,EAC9B;yCACgC,EAAE,GAAG,iEAE7B,CACZ;KACF;IACD,QAAQ,EAAE;QACR,IAAI,EAAE;YACJ,OAAO,EAAE;gBACP,IAAI,EAAE,MAAM;aACb;SACF;QACD,KAAK,EAAE;YACL,WAAW,EAAE,4DAA4D;YACzE,OAAO,EAAE;gBACP,IAAI,EAAE,OAAO;aACd;SACF;KACF;CACF,CAAC;AAEF,kBAAe,IAAI,CAAC;AAIP,QAAA,OAAO,GAAU;IAC5B,IAAI,EAAE,SAAS;IACf,IAAI,EAAE;QACJ,IAAI,EAAE,kBAAkB;KACzB;CACF,CAAC;AAEW,QAAA,IAAI,GAAU;IACzB,IAAI,EAAE,iBAAiB;IACvB,MAAM,EAAE,GAAG,EAAE;QACX,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,IAAA,gBAAQ,EAAC,EAAE,CAAC,CAAC;QAEzC,OAAO,CACL,4CACE,uBAAC,oBAAW,IACV,WAAW,EAAC,QAAQ,EACpB,KAAK,EAAE,MAAM,EACb,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,GAC1C,EAEF,uBAAC,iBAAQ,cACN,MAAM,CAAC,IAAI,CAAC,aAAK,CAAC;yBAChB,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC;yBACvC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CACb,wBAAC,aAAI,IAEH,OAAO,EAAE,GAAG,EAAE,CACZ,SAAS,CAAC,SAAS,CAAC,SAAS,CAAC,cAAc,GAAG,IAAI,GAAG,MAAM,CAAC,aAG/D,uBAAC,OAAI,IACH,IAAI,EAAE,IAA0B,EAChC,KAAK,EAAE,qBAAY,CAAC,MAAM,CAAC,OAAO,CAAC,OAAO,GAC1C,EACF,iCAAM,KAAK,EAAE,EAAE,KAAK,EAAE,qBAAY,CAAC,MAAM,CAAC,OAAO,CAAC,MAAM,EAAE,YACvD,IAAI,GACA,KAXF,IAAI,CAYJ,CACR,CAAC,GACK,IACP,CACP,CAAC;IACJ,CAAC;CACF,CAAC"}

package/dist/cjs/components/Icon/index.d.ts

@@ -1,7 +1,7 @@
 import React from "react";
-import { ICON_NAMES } from "../../utils/consts";
+import { icons } from "../../utils/icons";
 interface IconProps extends React.HTMLAttributes<SVGElement> {
-    icon: (typeof ICON_NAMES)[number];
+    icon: keyof typeof icons;
     color?: string;
     size?: number;
 }