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

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

@@ -1,60 +1,100 @@
-import { __makeTemplateObject } from "tslib";
 import styled from "styled-components";
-export var Tab = styled.button(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  gap: ", ";\n  padding: ", ";\n  border: none;\n  background-color: ", ";\n  border-radius: ", ";\n  width: fit-content;\n  cursor: pointer;\n\n  color: ", ";\n  font-family: ", ";\n  font-size: 14px;\n  font-style: normal;\n  font-weight: 500;\n  line-height: normal;\n\n  svg {\n    fill: ", ";\n    width: 20px;\n    height: 20px;\n    flex-shrink: 0;\n  }\n\n  &:hover {\n    background-color: ", ";\n  }\n\n  ", "\n\n  &:disabled {\n    cursor: default;\n    color: ", ";\n    background-color: ", ";\n\n    svg {\n      fill: ", ";\n    }\n  }\n"], ["\n  display: flex;\n  align-items: center;\n  gap: ", ";\n  padding: ", ";\n  border: none;\n  background-color: ", ";\n  border-radius: ", ";\n  width: fit-content;\n  cursor: pointer;\n\n  color: ", ";\n  font-family: ", ";\n  font-size: 14px;\n  font-style: normal;\n  font-weight: 500;\n  line-height: normal;\n\n  svg {\n    fill: ", ";\n    width: 20px;\n    height: 20px;\n    flex-shrink: 0;\n  }\n\n  &:hover {\n    background-color: ", ";\n  }\n\n  ", "\n\n  &:disabled {\n    cursor: default;\n    color: ", ";\n    background-color: ", ";\n\n    svg {\n      fill: ", ";\n    }\n  }\n"])), function (_a) {
-    var theme = _a.theme;
-    return theme.spacing.xs;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.spacing.xxs + " " + theme.spacing.xs;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.colors.neutral.lightest;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.radius.m + " " + theme.radius.m + " 0 0";
-}, 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.dark;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.colors.neutral.lighter;
-}, function (_a) {
-    var isSelected = _a.isSelected, theme = _a.theme;
-    return isSelected &&
-        "\n    background-color: #fff;\n    color: ".concat(theme.colors.neutral.darker, ";\n\n    svg {\n        fill: ").concat(theme.colors.neutral.darker, ";\n    }\n    ");
-}, 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.light;
-});
-export var NumberTag = styled.span(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background-color: ", ";\n  border-radius: ", ";\n  padding: ", ";\n  min-width: 19px;\n\n  color: #fff;\n  font-size: 11px;\n  font-style: normal;\n  font-weight: 600;\n  line-height: 11px;\n"], ["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background-color: ", ";\n  border-radius: ", ";\n  padding: ", ";\n  min-width: 19px;\n\n  color: #fff;\n  font-size: 11px;\n  font-style: normal;\n  font-weight: 600;\n  line-height: 11px;\n"])), function (_a) {
-    var theme = _a.theme;
-    return theme.colors.neutral.light;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.radius.s;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.spacing.xxs;
-});
-export var TransparentTab = styled(Tab)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  background-color: transparent;\n  position: relative;\n\n  &::after {\n    content: \"\";\n    position: absolute;\n    bottom: 0px;\n    left: 50%;\n    height: 2px;\n    width: 0px;\n    background-color: ", ";\n    border-radius: 2px;\n    transition: all 0.2s;\n  }\n\n  &:hover {\n    background-color: transparent;\n  }\n\n  &:hover::after {\n    width: calc(100% - 16px);\n    left: 8px;\n  }\n\n  ", "\n"], ["\n  background-color: transparent;\n  position: relative;\n\n  &::after {\n    content: \"\";\n    position: absolute;\n    bottom: 0px;\n    left: 50%;\n    height: 2px;\n    width: 0px;\n    background-color: ", ";\n    border-radius: 2px;\n    transition: all 0.2s;\n  }\n\n  &:hover {\n    background-color: transparent;\n  }\n\n  &:hover::after {\n    width: calc(100% - 16px);\n    left: 8px;\n  }\n\n  ", "\n"])), function (_a) {
-    var theme = _a.theme;
-    return theme.colors.neutral.default;
-}, function (_a) {
-    var isSelected = _a.isSelected, theme = _a.theme;
-    return isSelected &&
-        "\n        &::after {\n        width: calc(100% - 16px);\n        left: 8px;\n        background-color: ".concat(theme.colors.primary.default, ";\n        }\n    ");
-});
-var templateObject_1, templateObject_2, templateObject_3;
+export const Tab = styled.button `
+  display: flex;
+  align-items: center;
+  gap: ${({ theme }) => theme.spacing.xs};
+  padding: ${({ theme }) => theme.spacing.xxs + " " + theme.spacing.xs};
+  border: none;
+  background-color: ${({ theme }) => theme.colors.neutral.lightest};
+  border-radius: ${({ theme }) => theme.radius.m + " " + theme.radius.m + " 0 0"};
+  width: fit-content;
+  cursor: pointer;
+
+  color: ${({ theme }) => theme.colors.neutral.dark};
+  font-family: ${({ theme }) => theme.typography.family.default};
+  font-size: 14px;
+  font-style: normal;
+  font-weight: 500;
+  line-height: normal;
+
+  svg {
+    fill: ${({ theme }) => theme.colors.neutral.dark};
+    width: 20px;
+    height: 20px;
+    flex-shrink: 0;
+  }
+
+  &:hover {
+    background-color: ${({ theme }) => theme.colors.neutral.lighter};
+  }
+
+  ${({ isSelected, theme }) => isSelected &&
+    `
+    background-color: #fff;
+    color: ${theme.colors.neutral.darker};
+
+    svg {
+        fill: ${theme.colors.neutral.darker};
+    }
+    `}
+
+  &:disabled {
+    cursor: default;
+    color: ${({ theme }) => theme.colors.neutral.light};
+    background-color: ${({ theme }) => theme.colors.neutral.lighter};
+
+    svg {
+      fill: ${({ theme }) => theme.colors.neutral.light};
+    }
+  }
+`;
+export const NumberTag = styled.span `
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background-color: ${({ theme }) => theme.colors.neutral.light};
+  border-radius: ${({ theme }) => theme.radius.s};
+  padding: ${({ theme }) => theme.spacing.xxs};
+  min-width: 19px;
+
+  color: #fff;
+  font-size: 11px;
+  font-style: normal;
+  font-weight: 600;
+  line-height: 11px;
+`;
+export const TransparentTab = styled(Tab) `
+  background-color: transparent;
+  position: relative;
+
+  &::after {
+    content: "";
+    position: absolute;
+    bottom: 0px;
+    left: 50%;
+    height: 2px;
+    width: 0px;
+    background-color: ${({ theme }) => theme.colors.neutral.default};
+    border-radius: 2px;
+    transition: all 0.2s;
+  }
+
+  &:hover {
+    background-color: transparent;
+  }
+
+  &:hover::after {
+    width: calc(100% - 16px);
+    left: 8px;
+  }
+
+  ${({ isSelected, theme }) => isSelected &&
+    `
+        &::after {
+        width: calc(100% - 16px);
+        left: 8px;
+        background-color: ${theme.colors.primary.default};
+        }
+    `}
+`;
 //# sourceMappingURL=styles.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/components/SingleTab/styles.ts"],"names":[],"mappings":";AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAOvC,MAAM,CAAC,IAAM,GAAG,GAAG,MAAM,CAAC,MAAM,ypBAAU,qDAGjC,EAA+B,gBAC3B,EAAyD,0CAEhD,EAA4C,sBAC/C,EAC+B,2DAIvC,EAAwC,oBAClC,EAA8C,kHAOnD,EAAwC,yGAO5B,EAA2C,cAG/D,EASC,uDAIQ,EAAyC,2BAC9B,EAA2C,8BAGrD,EAAyC,iBAGtD,KA/CQ,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,OAAO,CAAC,EAAE;AAAhB,CAAgB,EAC3B,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,OAAO,CAAC,GAAG,GAAG,GAAG,GAAG,KAAK,CAAC,OAAO,CAAC,EAAE;AAA1C,CAA0C,EAEhD,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,QAAQ;AAA7B,CAA6B,EAC/C,UAAC,EAAS;QAAP,KAAK,WAAA;IACvB,OAAA,KAAK,CAAC,MAAM,CAAC,CAAC,GAAG,GAAG,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC,GAAG,MAAM;AAA9C,CAA8C,EAIvC,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI;AAAzB,CAAyB,EAClC,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,UAAU,CAAC,MAAM,CAAC,OAAO;AAA/B,CAA+B,EAOnD,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI;AAAzB,CAAyB,EAO5B,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,OAAO;AAA5B,CAA4B,EAG/D,UAAC,EAAqB;QAAnB,UAAU,gBAAA,EAAE,KAAK,WAAA;IACpB,OAAA,UAAU;QACV,oDAES,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,MAAM,2CAGxB,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,MAAM,mBAEtC;AARD,CAQC,EAIQ,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,KAAK;AAA1B,CAA0B,EAC9B,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,OAAO;AAA5B,CAA4B,EAGrD,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,KAAK;AAA1B,CAA0B,CAGtD,CAAC;AAEF,MAAM,CAAC,IAAM,SAAS,GAAG,MAAM,CAAC,IAAI,8UAAA,8FAId,EAAyC,sBAC5C,EAA6B,gBACnC,EAAgC,iIAQ5C,KAVqB,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,KAAK;AAA1B,CAA0B,EAC5C,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,CAAC;AAAd,CAAc,EACnC,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,OAAO,CAAC,GAAG;AAAjB,CAAiB,CAQ5C,CAAC;AAEF,MAAM,CAAC,IAAM,cAAc,GAAG,MAAM,CAAC,GAAG,CAAC,oeAAA,qNAWjB,EAA2C,oMAc/D,EAQC,IACJ,KAvBuB,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,OAAO;AAA5B,CAA4B,EAc/D,UAAC,EAAqB;QAAnB,UAAU,gBAAA,EAAE,KAAK,WAAA;IACpB,OAAA,UAAU;QACV,iHAIwB,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,OAAO,uBAEnD;AAPD,CAOC,CACJ,CAAC"}
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/components/SingleTab/styles.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAOvC,MAAM,CAAC,MAAM,GAAG,GAAG,MAAM,CAAC,MAAM,CAAU;;;SAGjC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE;aAC3B,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,GAAG,GAAG,GAAG,GAAG,KAAK,CAAC,OAAO,CAAC,EAAE;;sBAEhD,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,QAAQ;mBAC/C,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAC7B,KAAK,CAAC,MAAM,CAAC,CAAC,GAAG,GAAG,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC,GAAG,MAAM;;;;WAIvC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI;iBAClC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,UAAU,CAAC,MAAM,CAAC,OAAO;;;;;;;YAOnD,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI;;;;;;;wBAO5B,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,OAAO;;;IAG/D,CAAC,EAAE,UAAU,EAAE,KAAK,EAAE,EAAE,EAAE,CAC1B,UAAU;IACV;;aAES,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,MAAM;;;gBAGxB,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,MAAM;;KAEtC;;;;aAIQ,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,KAAK;wBAC9B,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,OAAO;;;cAGrD,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,KAAK;;;CAGtD,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAG,MAAM,CAAC,IAAI,CAAA;;;;sBAId,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,KAAK;mBAC5C,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;aACnC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,GAAG;;;;;;;;CAQ5C,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAG,MAAM,CAAC,GAAG,CAAC,CAAA;;;;;;;;;;;wBAWjB,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,OAAO;;;;;;;;;;;;;;IAc/D,CAAC,EAAE,UAAU,EAAE,KAAK,EAAE,EAAE,EAAE,CAC1B,UAAU;IACV;;;;4BAIwB,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,OAAO;;KAEnD;CACJ,CAAC"}

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

@@ -1,5 +1,5 @@
 import { Spinner } from ".";
-var meta = {
+const meta = {
     component: Spinner,
     title: "Design System/Spinner",
     argTypes: {
@@ -11,5 +11,5 @@ var meta = {
     },
 };
 export default meta;
-export var Example = {};
+export const Example = {};
 //# sourceMappingURL=Spinner.stories.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Spinner.stories.js","sourceRoot":"","sources":["../../../../src/components/Spinner/Spinner.stories.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,EAAE,MAAM,GAAG,CAAC;AAE5B,IAAM,IAAI,GAAyB;IACjC,SAAS,EAAE,OAAO;IAClB,KAAK,EAAE,uBAAuB;IAC9B,QAAQ,EAAE;QACR,IAAI,EAAE;YACJ,OAAO,EAAE;gBACP,IAAI,EAAE,QAAQ;aACf;SACF;KACF;CACF,CAAC;AAEF,eAAe,IAAI,CAAC;AAIpB,MAAM,CAAC,IAAM,OAAO,GAAU,EAAE,CAAC"}
+{"version":3,"file":"Spinner.stories.js","sourceRoot":"","sources":["../../../../src/components/Spinner/Spinner.stories.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,EAAE,MAAM,GAAG,CAAC;AAE5B,MAAM,IAAI,GAAyB;IACjC,SAAS,EAAE,OAAO;IAClB,KAAK,EAAE,uBAAuB;IAC9B,QAAQ,EAAE;QACR,IAAI,EAAE;YACJ,OAAO,EAAE;gBACP,IAAI,EAAE,QAAQ;aACf;SACF;KACF;CACF,CAAC;AAEF,eAAe,IAAI,CAAC;AAIpB,MAAM,CAAC,MAAM,OAAO,GAAU,EAAE,CAAC"}

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

@@ -1,9 +1,7 @@
-import { __assign, __rest } from "tslib";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { forwardRef } from "react";
 import { SpinnerStyles } from "./styles";
-export var Spinner = forwardRef(function Spinner(_a, ref) {
-    var color = _a.color, size = _a.size, props = __rest(_a, ["color", "size"]);
-    return _jsx(SpinnerStyles, __assign({ ref: ref, size: size, color: color }, props));
+export const Spinner = forwardRef(function Spinner({ color, size, ...props }, ref) {
+    return _jsx(SpinnerStyles, { ref: ref, size: size, color: color, ...props });
 });
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Spinner/index.tsx"],"names":[],"mappings":";;AAAA,OAAc,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAOzC,MAAM,CAAC,IAAM,OAAO,GAAG,UAAU,CAAC,SAAS,OAAO,CAChD,EAAuC,EACvC,GAA8B;IAD5B,IAAA,KAAK,WAAA,EAAE,IAAI,UAAA,EAAK,KAAK,cAAvB,iBAAyB,CAAF;IAGvB,OAAO,KAAC,aAAa,aAAC,GAAG,EAAE,GAAG,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,IAAM,KAAK,EAAI,CAAC;AAC1E,CAAC,CAAC,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Spinner/index.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAOzC,MAAM,CAAC,MAAM,OAAO,GAAG,UAAU,CAAC,SAAS,OAAO,CAChD,EAAE,KAAK,EAAE,IAAI,EAAE,GAAG,KAAK,EAAgB,EACvC,GAA8B;IAE9B,OAAO,KAAC,aAAa,IAAC,GAAG,EAAE,GAAG,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,KAAM,KAAK,GAAI,CAAC;AAC1E,CAAC,CAAC,CAAC"}

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

@@ -1,14 +1,26 @@
-import { __makeTemplateObject } from "tslib";
 import styled from "styled-components";
-export var SpinnerStyles = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  width: ", "px;\n  height: ", "px;\n  background-image: ", ";\n  mask-image: url(\"data:image/svg+xml, <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 22'><path d='M9.249 0.645999C9.63764 0.588245 10.0334 0.685283 10.3513 0.916254C10.6691 1.14722 10.8837 1.49369 10.9488 1.88116C11.0139 2.26864 10.9243 2.66619 10.6994 2.98835C10.4745 3.31051 10.1322 3.53157 9.746 3.604C7.99897 3.90027 6.41326 4.80555 5.26996 6.15934C4.12666 7.51314 3.49963 9.22802 3.5 11C3.5 12.9891 4.29018 14.8968 5.6967 16.3033C7.10322 17.7098 9.01088 18.5 11 18.5V21.5C5.201 21.5 0.5 16.8 0.5 11C0.5 5.855 4.226 1.49 9.249 0.645999ZM15.892 3.29799C16.0235 3.15124 16.1827 3.03185 16.3604 2.94664C16.5381 2.86143 16.7309 2.81208 16.9277 2.8014C17.1245 2.79072 17.3214 2.81892 17.5073 2.8844C17.6932 2.94987 17.8643 3.05134 18.011 3.18299C19.11 4.16702 19.9888 5.37197 20.59 6.71901C21.1913 8.06606 21.5013 9.52486 21.5 11C21.5 16.8 16.799 21.5 11 21.5V18.5C12.5182 18.5 14.0006 18.0393 15.2513 17.1788C16.502 16.3182 17.4621 15.0984 18.0047 13.6805C18.5473 12.2626 18.6469 10.7135 18.2902 9.23782C17.9335 7.76216 17.1373 6.42949 16.007 5.41599C15.7109 5.15036 15.5325 4.778 15.5109 4.38081C15.4893 3.98361 15.6264 3.59412 15.892 3.29799Z'/></svg>\");\n  mask-size: contain;\n  mask-repeat: no-repeat;\n  mask-position: center;\n  animation: spin 2s linear infinite;\n\n  @keyframes spin {\n    0% {\n      rotate: 0deg;\n    }\n    100% {\n      rotate: 360deg;\n    }\n  }\n"], ["\n  width: ", "px;\n  height: ", "px;\n  background-image: ", ";\n  mask-image: url(\"data:image/svg+xml, <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 22'><path d='M9.249 0.645999C9.63764 0.588245 10.0334 0.685283 10.3513 0.916254C10.6691 1.14722 10.8837 1.49369 10.9488 1.88116C11.0139 2.26864 10.9243 2.66619 10.6994 2.98835C10.4745 3.31051 10.1322 3.53157 9.746 3.604C7.99897 3.90027 6.41326 4.80555 5.26996 6.15934C4.12666 7.51314 3.49963 9.22802 3.5 11C3.5 12.9891 4.29018 14.8968 5.6967 16.3033C7.10322 17.7098 9.01088 18.5 11 18.5V21.5C5.201 21.5 0.5 16.8 0.5 11C0.5 5.855 4.226 1.49 9.249 0.645999ZM15.892 3.29799C16.0235 3.15124 16.1827 3.03185 16.3604 2.94664C16.5381 2.86143 16.7309 2.81208 16.9277 2.8014C17.1245 2.79072 17.3214 2.81892 17.5073 2.8844C17.6932 2.94987 17.8643 3.05134 18.011 3.18299C19.11 4.16702 19.9888 5.37197 20.59 6.71901C21.1913 8.06606 21.5013 9.52486 21.5 11C21.5 16.8 16.799 21.5 11 21.5V18.5C12.5182 18.5 14.0006 18.0393 15.2513 17.1788C16.502 16.3182 17.4621 15.0984 18.0047 13.6805C18.5473 12.2626 18.6469 10.7135 18.2902 9.23782C17.9335 7.76216 17.1373 6.42949 16.007 5.41599C15.7109 5.15036 15.5325 4.778 15.5109 4.38081C15.4893 3.98361 15.6264 3.59412 15.892 3.29799Z'/></svg>\");\n  mask-size: contain;\n  mask-repeat: no-repeat;\n  mask-position: center;\n  animation: spin 2s linear infinite;\n\n  @keyframes spin {\n    0% {\n      rotate: 0deg;\n    }\n    100% {\n      rotate: 360deg;\n    }\n  }\n"])), function (_a) {
-    var size = _a.size;
-    return size || 22;
-}, function (_a) {
-    var size = _a.size;
-    return size || 22;
-}, function (_a) {
-    var theme = _a.theme, color = _a.color;
-    return "conic-gradient(\n    ".concat(color || theme.colors.primary.default, " 0%,\n    transparent 5%,\n    transparent 10%,\n    ").concat(color || theme.colors.primary.default, " 100%\n  )");
-});
-var templateObject_1;
+export const SpinnerStyles = styled.div `
+  width: ${({ size }) => size || 22}px;
+  height: ${({ size }) => size || 22}px;
+  background-image: ${({ theme, color }) => `conic-gradient(
+    ${color || theme.colors.primary.default} 0%,
+    transparent 5%,
+    transparent 10%,
+    ${color || theme.colors.primary.default} 100%
+  )`};
+  mask-image: url("data:image/svg+xml, <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 22'><path d='M9.249 0.645999C9.63764 0.588245 10.0334 0.685283 10.3513 0.916254C10.6691 1.14722 10.8837 1.49369 10.9488 1.88116C11.0139 2.26864 10.9243 2.66619 10.6994 2.98835C10.4745 3.31051 10.1322 3.53157 9.746 3.604C7.99897 3.90027 6.41326 4.80555 5.26996 6.15934C4.12666 7.51314 3.49963 9.22802 3.5 11C3.5 12.9891 4.29018 14.8968 5.6967 16.3033C7.10322 17.7098 9.01088 18.5 11 18.5V21.5C5.201 21.5 0.5 16.8 0.5 11C0.5 5.855 4.226 1.49 9.249 0.645999ZM15.892 3.29799C16.0235 3.15124 16.1827 3.03185 16.3604 2.94664C16.5381 2.86143 16.7309 2.81208 16.9277 2.8014C17.1245 2.79072 17.3214 2.81892 17.5073 2.8844C17.6932 2.94987 17.8643 3.05134 18.011 3.18299C19.11 4.16702 19.9888 5.37197 20.59 6.71901C21.1913 8.06606 21.5013 9.52486 21.5 11C21.5 16.8 16.799 21.5 11 21.5V18.5C12.5182 18.5 14.0006 18.0393 15.2513 17.1788C16.502 16.3182 17.4621 15.0984 18.0047 13.6805C18.5473 12.2626 18.6469 10.7135 18.2902 9.23782C17.9335 7.76216 17.1373 6.42949 16.007 5.41599C15.7109 5.15036 15.5325 4.778 15.5109 4.38081C15.4893 3.98361 15.6264 3.59412 15.892 3.29799Z'/></svg>");
+  mask-size: contain;
+  mask-repeat: no-repeat;
+  mask-position: center;
+  animation: spin 2s linear infinite;
+
+  @keyframes spin {
+    0% {
+      rotate: 0deg;
+    }
+    100% {
+      rotate: 360deg;
+    }
+  }
+`;
 //# sourceMappingURL=styles.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/components/Spinner/styles.ts"],"names":[],"mappings":";AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAOvC,MAAM,CAAC,IAAM,aAAa,GAAG,MAAM,CAAC,GAAG,w/CAAoB,aAChD,EAAwB,iBACvB,EAAwB,2BACd,EAKlB,s3CAeH,KAtBU,UAAC,EAAQ;QAAN,IAAI,UAAA;IAAO,OAAA,IAAI,IAAI,EAAE;AAAV,CAAU,EACvB,UAAC,EAAQ;QAAN,IAAI,UAAA;IAAO,OAAA,IAAI,IAAI,EAAE;AAAV,CAAU,EACd,UAAC,EAAgB;QAAd,KAAK,WAAA,EAAE,KAAK,WAAA;IAAO,OAAA,+BACtC,KAAK,IAAI,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,OAAO,kEAGrC,KAAK,IAAI,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,OAAO,eACvC;AALwC,CAKxC,CAeH,CAAC"}
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/components/Spinner/styles.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAOvC,MAAM,CAAC,MAAM,aAAa,GAAG,MAAM,CAAC,GAAG,CAAoB;WAChD,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,IAAI,IAAI,EAAE;YACvB,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,IAAI,IAAI,EAAE;sBACd,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC;MACtC,KAAK,IAAI,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,OAAO;;;MAGrC,KAAK,IAAI,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,OAAO;IACvC;;;;;;;;;;;;;;;CAeH,CAAC"}

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

@@ -1,6 +1,16 @@
-import { __makeTemplateObject } from "tslib";
 import styled from "styled-components";
-export var Subtitle = styled.h2(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  font-family: \"Poppins\", sans-serif;\n  font-size: 14px;\n  font-weight: 500;\n  line-height: normal;\n"], ["\n  font-family: \"Poppins\", sans-serif;\n  font-size: 14px;\n  font-weight: 500;\n  line-height: normal;\n"])));
-export var ResizeableContainer = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  width: 100%;\n  border: 1px solid black;\n  padding: 8px;\n  border-radius: 8px 8px 0 8px;\n  resize: horizontal;\n  overflow: auto;\n"], ["\n  width: 100%;\n  border: 1px solid black;\n  padding: 8px;\n  border-radius: 8px 8px 0 8px;\n  resize: horizontal;\n  overflow: auto;\n"])));
-var templateObject_1, templateObject_2;
+export const Subtitle = styled.h2 `
+  font-family: "Poppins", sans-serif;
+  font-size: 14px;
+  font-weight: 500;
+  line-height: normal;
+`;
+export const ResizeableContainer = styled.div `
+  width: 100%;
+  border: 1px solid black;
+  padding: 8px;
+  border-radius: 8px 8px 0 8px;
+  resize: horizontal;
+  overflow: auto;
+`;
 //# sourceMappingURL=styles.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/components/StoriesComponents/styles.ts"],"names":[],"mappings":";AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAEvC,MAAM,CAAC,IAAM,QAAQ,GAAG,MAAM,CAAC,EAAE,iLAAA,8GAKhC,IAAA,CAAC;AAEF,MAAM,CAAC,IAAM,mBAAmB,GAAG,MAAM,CAAC,GAAG,+MAAA,4IAO5C,IAAA,CAAC"}
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/components/StoriesComponents/styles.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAEvC,MAAM,CAAC,MAAM,QAAQ,GAAG,MAAM,CAAC,EAAE,CAAA;;;;;CAKhC,CAAC;AAEF,MAAM,CAAC,MAAM,mBAAmB,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;CAO5C,CAAC"}

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

@@ -1,7 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { TabGroup } from ".";
 import { Icon } from "../Icon";
-var meta = {
+const meta = {
     component: TabGroup,
     title: "Design System/TabGroup",
     argTypes: {
@@ -41,7 +41,7 @@ var meta = {
     },
 };
 export default meta;
-export var Example = {
+export const Example = {
     args: {
         variant: "transparent",
         tabs: [

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

@@ -1 +1 @@
-{"version":3,"file":"TabGroup.stories.js","sourceRoot":"","sources":["../../../../src/components/TabGroup/TabGroup.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,GAAG,CAAC;AAC7B,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAE/B,IAAM,IAAI,GAA0B;IAClC,SAAS,EAAE,QAAQ;IACnB,KAAK,EAAE,wBAAwB;IAC/B,QAAQ,EAAE;QACR,IAAI,EAAE;YACJ,WAAW,EACT,mLAAmL;YACrL,OAAO,EAAE;gBACP,OAAO,EAAE,IAAI;aACd;SACF;QACD,OAAO,EAAE;YACP,OAAO,EAAE;gBACP,IAAI,EAAE,cAAc;gBACpB,OAAO,EAAE,CAAC,SAAS,EAAE,aAAa,CAAC;aACpC;SACF;QACD,UAAU,EAAE;YACV,WAAW,EAAE,uCAAuC;YACpD,OAAO,EAAE;gBACP,IAAI,EAAE,QAAQ;aACf;SACF;QACD,KAAK,EAAE;YACL,WAAW,EAAE,yDAAyD;YACtE,OAAO,EAAE;gBACP,IAAI,EAAE,QAAQ;aACf;SACF;QACD,WAAW,EAAE;YACX,WAAW,EAAE,gCAAgC;YAC7C,MAAM,EAAE,WAAW;SACpB;KACF;IACD,IAAI,EAAE;QACJ,OAAO,EAAE,SAAS;QAClB,IAAI,EAAE,CAAC,OAAO,EAAE,OAAO,EAAE,OAAO,CAAC;QACjC,UAAU,EAAE,CAAC;KACd;CACF,CAAC;AAEF,eAAe,IAAI,CAAC;AAIpB,MAAM,CAAC,IAAM,OAAO,GAAU;IAC5B,IAAI,EAAE;QACJ,OAAO,EAAE,aAAa;QACtB,IAAI,EAAE;YACJ,OAAO;YACP;gBACE,IAAI,EAAE,OAAO;gBACb,IAAI,EAAE,KAAC,IAAI,IAAC,IAAI,EAAC,kBAAkB,GAAG;gBACtC,OAAO,EAAE,CAAC;aACX;YACD,OAAO;SACR;QACD,UAAU,EAAE,CAAC;KACd;CACF,CAAC"}
+{"version":3,"file":"TabGroup.stories.js","sourceRoot":"","sources":["../../../../src/components/TabGroup/TabGroup.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,GAAG,CAAC;AAC7B,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAE/B,MAAM,IAAI,GAA0B;IAClC,SAAS,EAAE,QAAQ;IACnB,KAAK,EAAE,wBAAwB;IAC/B,QAAQ,EAAE;QACR,IAAI,EAAE;YACJ,WAAW,EACT,mLAAmL;YACrL,OAAO,EAAE;gBACP,OAAO,EAAE,IAAI;aACd;SACF;QACD,OAAO,EAAE;YACP,OAAO,EAAE;gBACP,IAAI,EAAE,cAAc;gBACpB,OAAO,EAAE,CAAC,SAAS,EAAE,aAAa,CAAC;aACpC;SACF;QACD,UAAU,EAAE;YACV,WAAW,EAAE,uCAAuC;YACpD,OAAO,EAAE;gBACP,IAAI,EAAE,QAAQ;aACf;SACF;QACD,KAAK,EAAE;YACL,WAAW,EAAE,yDAAyD;YACtE,OAAO,EAAE;gBACP,IAAI,EAAE,QAAQ;aACf;SACF;QACD,WAAW,EAAE;YACX,WAAW,EAAE,gCAAgC;YAC7C,MAAM,EAAE,WAAW;SACpB;KACF;IACD,IAAI,EAAE;QACJ,OAAO,EAAE,SAAS;QAClB,IAAI,EAAE,CAAC,OAAO,EAAE,OAAO,EAAE,OAAO,CAAC;QACjC,UAAU,EAAE,CAAC;KACd;CACF,CAAC;AAEF,eAAe,IAAI,CAAC;AAIpB,MAAM,CAAC,MAAM,OAAO,GAAU;IAC5B,IAAI,EAAE;QACJ,OAAO,EAAE,aAAa;QACtB,IAAI,EAAE;YACJ,OAAO;YACP;gBACE,IAAI,EAAE,OAAO;gBACb,IAAI,EAAE,KAAC,IAAI,IAAC,IAAI,EAAC,kBAAkB,GAAG;gBACtC,OAAO,EAAE,CAAC;aACX;YACD,OAAO;SACR;QACD,UAAU,EAAE,CAAC;KACd;CACF,CAAC"}

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

@@ -1,28 +1,26 @@
-import { __assign, __rest } from "tslib";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { forwardRef, useEffect, useState } from "react";
 import { TabGroupWrapper } from "./styles";
 import { SingleTab } from "../SingleTab";
-export var TabGroup = forwardRef(function TabGroup(_a, ref) {
-    var _b = _a.variant, variant = _b === void 0 ? "default" : _b, tabs = _a.tabs, _c = _a.defaultTab, defaultTab = _c === void 0 ? 0 : _c, onTabChange = _a.onTabChange, value = _a.value, props = __rest(_a, ["variant", "tabs", "defaultTab", "onTabChange", "value"]);
-    var _d = useState(defaultTab), tabSelected = _d[0], setTabSelected = _d[1];
-    useEffect(function () {
+export const TabGroup = forwardRef(function TabGroup({ variant = "default", tabs, defaultTab = 0, onTabChange, value, ...props }, ref) {
+    const [tabSelected, setTabSelected] = useState(defaultTab);
+    useEffect(() => {
         if (value) {
             setTabSelected(value);
         }
     }, [value]);
-    return (_jsx(TabGroupWrapper, __assign({ ref: ref }, props, { children: Array.isArray(tabs) &&
-            tabs.map(function (tab, idx) {
+    return (_jsx(TabGroupWrapper, { ref: ref, ...props, children: Array.isArray(tabs) &&
+            tabs.map((tab, idx) => {
                 if (typeof tab === "string") {
-                    return (_jsx(SingleTab, { isSelected: tabSelected === idx, onClick: function () {
+                    return (_jsx(SingleTab, { isSelected: tabSelected === idx, onClick: () => {
                             setTabSelected(idx);
-                            onTabChange === null || onTabChange === void 0 ? void 0 : onTabChange(idx);
+                            onTabChange?.(idx);
                         }, variant: variant, children: tab }, idx));
                 }
-                return (_jsx(SingleTab, { isSelected: tabSelected === idx, onClick: function () {
+                return (_jsx(SingleTab, { isSelected: tabSelected === idx, onClick: () => {
                         setTabSelected(idx);
-                        onTabChange === null || onTabChange === void 0 ? void 0 : onTabChange(idx);
+                        onTabChange?.(idx);
                     }, variant: variant, icon: tab.icon, counter: tab.counter, children: tab.text }, idx));
-            }) })));
+            }) }));
 });
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/TabGroup/index.tsx"],"names":[],"mappings":";;AAAA,OAAc,EAAE,UAAU,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC/D,OAAO,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAC3C,OAAO,EAAE,SAAS,EAAe,MAAM,cAAc,CAAC;AAgBtD,MAAM,CAAC,IAAM,QAAQ,GAAG,UAAU,CAAC,SAAS,QAAQ,CAClD,EAOgB,EAChB,GAA8B;IAP5B,IAAA,eAAmB,EAAnB,OAAO,mBAAG,SAAS,KAAA,EACnB,IAAI,UAAA,EACJ,kBAAc,EAAd,UAAU,mBAAG,CAAC,KAAA,EACd,WAAW,iBAAA,EACX,KAAK,WAAA,EACF,KAAK,cANV,yDAOC,CADS;IAIJ,IAAA,KAAgC,QAAQ,CAAC,UAAU,CAAC,EAAnD,WAAW,QAAA,EAAE,cAAc,QAAwB,CAAC;IAE3D,SAAS,CAAC;QACR,IAAI,KAAK,EAAE,CAAC;YACV,cAAc,CAAC,KAAK,CAAC,CAAC;QACxB,CAAC;IACH,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,OAAO,CACL,KAAC,eAAe,aAAC,GAAG,EAAE,GAAG,IAAM,KAAK,cACjC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC;YAClB,IAAI,CAAC,GAAG,CAAC,UAAC,GAAG,EAAE,GAAG;gBAChB,IAAI,OAAO,GAAG,KAAK,QAAQ,EAAE,CAAC;oBAC5B,OAAO,CACL,KAAC,SAAS,IAER,UAAU,EAAE,WAAW,KAAK,GAAG,EAC/B,OAAO,EAAE;4BACP,cAAc,CAAC,GAAG,CAAC,CAAC;4BACpB,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAG,GAAG,CAAC,CAAC;wBACrB,CAAC,EACD,OAAO,EAAE,OAAO,YAEf,GAAG,IARC,GAAG,CASE,CACb,CAAC;gBACJ,CAAC;gBACD,OAAO,CACL,KAAC,SAAS,IAER,UAAU,EAAE,WAAW,KAAK,GAAG,EAC/B,OAAO,EAAE;wBACP,cAAc,CAAC,GAAG,CAAC,CAAC;wBACpB,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAG,GAAG,CAAC,CAAC;oBACrB,CAAC,EACD,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,GAAG,CAAC,IAAI,EACd,OAAO,EAAE,GAAG,CAAC,OAAO,YAEnB,GAAG,CAAC,IAAI,IAVJ,GAAG,CAWE,CACb,CAAC;YACJ,CAAC,CAAC,IACY,CACnB,CAAC;AACJ,CAAC,CAAC,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/TabGroup/index.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,UAAU,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC/D,OAAO,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAC3C,OAAO,EAAE,SAAS,EAAe,MAAM,cAAc,CAAC;AAgBtD,MAAM,CAAC,MAAM,QAAQ,GAAG,UAAU,CAAC,SAAS,QAAQ,CAClD,EACE,OAAO,GAAG,SAAS,EACnB,IAAI,EACJ,UAAU,GAAG,CAAC,EACd,WAAW,EACX,KAAK,EACL,GAAG,KAAK,EACM,EAChB,GAA8B;IAE9B,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAC,UAAU,CAAC,CAAC;IAE3D,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,KAAK,EAAE,CAAC;YACV,cAAc,CAAC,KAAK,CAAC,CAAC;QACxB,CAAC;IACH,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,OAAO,CACL,KAAC,eAAe,IAAC,GAAG,EAAE,GAAG,KAAM,KAAK,YACjC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC;YAClB,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,GAAG,EAAE,EAAE;gBACpB,IAAI,OAAO,GAAG,KAAK,QAAQ,EAAE,CAAC;oBAC5B,OAAO,CACL,KAAC,SAAS,IAER,UAAU,EAAE,WAAW,KAAK,GAAG,EAC/B,OAAO,EAAE,GAAG,EAAE;4BACZ,cAAc,CAAC,GAAG,CAAC,CAAC;4BACpB,WAAW,EAAE,CAAC,GAAG,CAAC,CAAC;wBACrB,CAAC,EACD,OAAO,EAAE,OAAO,YAEf,GAAG,IARC,GAAG,CASE,CACb,CAAC;gBACJ,CAAC;gBACD,OAAO,CACL,KAAC,SAAS,IAER,UAAU,EAAE,WAAW,KAAK,GAAG,EAC/B,OAAO,EAAE,GAAG,EAAE;wBACZ,cAAc,CAAC,GAAG,CAAC,CAAC;wBACpB,WAAW,EAAE,CAAC,GAAG,CAAC,CAAC;oBACrB,CAAC,EACD,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,GAAG,CAAC,IAAI,EACd,OAAO,EAAE,GAAG,CAAC,OAAO,YAEnB,GAAG,CAAC,IAAI,IAVJ,GAAG,CAWE,CACb,CAAC;YACJ,CAAC,CAAC,GACY,CACnB,CAAC;AACJ,CAAC,CAAC,CAAC"}

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

@@ -1,8 +1,7 @@
-import { __makeTemplateObject } from "tslib";
 import styled from "styled-components";
-export var TabGroupWrapper = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  gap: ", ";\n  align-items: flex-end;\n"], ["\n  display: flex;\n  gap: ", ";\n  align-items: flex-end;\n"])), function (_a) {
-    var theme = _a.theme;
-    return theme.spacing.xs;
-});
-var templateObject_1;
+export const TabGroupWrapper = styled.div `
+  display: flex;
+  gap: ${({ theme }) => theme.spacing.xs};
+  align-items: flex-end;
+`;
 //# sourceMappingURL=styles.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/components/TabGroup/styles.ts"],"names":[],"mappings":";AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAEvC,MAAM,CAAC,IAAM,eAAe,GAAG,MAAM,CAAC,GAAG,iIAAA,6BAEhC,EAA+B,+BAEvC,KAFQ,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,OAAO,CAAC,EAAE;AAAhB,CAAgB,CAEvC,CAAC"}
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/components/TabGroup/styles.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAEvC,MAAM,CAAC,MAAM,eAAe,GAAG,MAAM,CAAC,GAAG,CAAA;;SAEhC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE;;CAEvC,CAAC"}

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

@@ -1,7 +1,6 @@
-import { __assign } from "tslib";
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { Tooltip } from ".";
-var meta = {
+const meta = {
     component: Tooltip,
     title: "Design System/Tooltip",
     argTypes: {
@@ -59,9 +58,9 @@ var meta = {
     },
 };
 export default meta;
-export var Example = {
-    render: function (args) {
-        return (_jsxs(_Fragment, { children: [_jsx("div", { id: "teste", style: { width: "fit-content", margin: "50px auto" }, children: "Hover me" }), _jsx(Tooltip, __assign({}, args, { children: "Exemplo de tooltip" }))] }));
+export const Example = {
+    render: (args) => {
+        return (_jsxs(_Fragment, { children: [_jsx("div", { id: "teste", style: { width: "fit-content", margin: "50px auto" }, children: "Hover me" }), _jsx(Tooltip, { ...args, children: "Exemplo de tooltip" })] }));
     },
 };
 //# sourceMappingURL=Tooltip.stories.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.stories.js","sourceRoot":"","sources":["../../../../src/components/Tooltip/Tooltip.stories.tsx"],"names":[],"mappings":";;AACA,OAAO,EAAE,OAAO,EAAE,MAAM,GAAG,CAAC;AAE5B,IAAM,IAAI,GAAyB;IACjC,SAAS,EAAE,OAAO;IAClB,KAAK,EAAE,uBAAuB;IAC9B,QAAQ,EAAE;QACR,YAAY,EAAE;YACZ,OAAO,EAAE,MAAM;YACf,WAAW,EACT,+FAA+F;SAClG;QACD,IAAI,EAAE;YACJ,OAAO,EAAE,SAAS;SACnB;QACD,OAAO,EAAE;YACP,OAAO,EAAE,SAAS;SACnB;QACD,MAAM,EAAE;YACN,OAAO,EAAE,SAAS;SACnB;QACD,KAAK,EAAE;YACL,OAAO,EAAE;gBACP,IAAI,EAAE,OAAO;gBACb,OAAO,EAAE;oBACP,KAAK;oBACL,WAAW;oBACX,SAAS;oBACT,OAAO;oBACP,aAAa;oBACb,WAAW;oBACX,QAAQ;oBACR,cAAc;oBACd,YAAY;oBACZ,MAAM;oBACN,YAAY;oBACZ,UAAU;iBACX;aACF;SACF;QACD,MAAM,EAAE;YACN,IAAI,EAAE,QAAQ;YACd,WAAW,EAAE,uDAAuD;SACrE;QACD,KAAK,EAAE;YACL,OAAO,EAAE,SAAS;YAClB,WAAW,EAAE,mCAAmC;YAChD,KAAK,EAAE;gBACL,YAAY,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE;aACnC;SACF;KACF;IACD,IAAI,EAAE;QACJ,IAAI,EAAE,KAAK;QACX,OAAO,EAAE,KAAK;QACd,KAAK,EAAE,QAAQ;QACf,YAAY,EAAE,QAAQ;QACtB,MAAM,EAAE,EAAE;QACV,KAAK,EAAE,KAAK;KACb;CACF,CAAC;AAEF,eAAe,IAAI,CAAC;AAIpB,MAAM,CAAC,IAAM,OAAO,GAAU;IAC5B,MAAM,EAAE,UAAC,IAAI;QACX,OAAO,CACL,8BACE,cAAK,EAAE,EAAC,OAAO,EAAC,KAAK,EAAE,EAAE,KAAK,EAAE,aAAa,EAAE,MAAM,EAAE,WAAW,EAAE,yBAE9D,EACN,KAAC,OAAO,eAAK,IAAI,sCAA8B,IAC9C,CACJ,CAAC;IACJ,CAAC;CACF,CAAC"}
+{"version":3,"file":"Tooltip.stories.js","sourceRoot":"","sources":["../../../../src/components/Tooltip/Tooltip.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,OAAO,EAAE,MAAM,GAAG,CAAC;AAE5B,MAAM,IAAI,GAAyB;IACjC,SAAS,EAAE,OAAO;IAClB,KAAK,EAAE,uBAAuB;IAC9B,QAAQ,EAAE;QACR,YAAY,EAAE;YACZ,OAAO,EAAE,MAAM;YACf,WAAW,EACT,+FAA+F;SAClG;QACD,IAAI,EAAE;YACJ,OAAO,EAAE,SAAS;SACnB;QACD,OAAO,EAAE;YACP,OAAO,EAAE,SAAS;SACnB;QACD,MAAM,EAAE;YACN,OAAO,EAAE,SAAS;SACnB;QACD,KAAK,EAAE;YACL,OAAO,EAAE;gBACP,IAAI,EAAE,OAAO;gBACb,OAAO,EAAE;oBACP,KAAK;oBACL,WAAW;oBACX,SAAS;oBACT,OAAO;oBACP,aAAa;oBACb,WAAW;oBACX,QAAQ;oBACR,cAAc;oBACd,YAAY;oBACZ,MAAM;oBACN,YAAY;oBACZ,UAAU;iBACX;aACF;SACF;QACD,MAAM,EAAE;YACN,IAAI,EAAE,QAAQ;YACd,WAAW,EAAE,uDAAuD;SACrE;QACD,KAAK,EAAE;YACL,OAAO,EAAE,SAAS;YAClB,WAAW,EAAE,mCAAmC;YAChD,KAAK,EAAE;gBACL,YAAY,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE;aACnC;SACF;KACF;IACD,IAAI,EAAE;QACJ,IAAI,EAAE,KAAK;QACX,OAAO,EAAE,KAAK;QACd,KAAK,EAAE,QAAQ;QACf,YAAY,EAAE,QAAQ;QACtB,MAAM,EAAE,EAAE;QACV,KAAK,EAAE,KAAK;KACb;CACF,CAAC;AAEF,eAAe,IAAI,CAAC;AAIpB,MAAM,CAAC,MAAM,OAAO,GAAU;IAC5B,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE;QACf,OAAO,CACL,8BACE,cAAK,EAAE,EAAC,OAAO,EAAC,KAAK,EAAE,EAAE,KAAK,EAAE,aAAa,EAAE,MAAM,EAAE,WAAW,EAAE,yBAE9D,EACN,KAAC,OAAO,OAAK,IAAI,mCAA8B,IAC9C,CACJ,CAAC;IACJ,CAAC;CACF,CAAC"}

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

@@ -1,19 +1,17 @@
-import { __assign, __rest } from "tslib";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { forwardRef } from "react";
 import { Tooltip as ReactTooltip, } from "react-tooltip";
 import { useTheme } from "styled-components";
-export var Tooltip = forwardRef(function Tooltip(_a, ref) {
-    var dark = _a.dark, children = _a.children, props = __rest(_a, ["dark", "children"]);
-    var theme = useTheme();
-    return (_jsx(ReactTooltip, __assign({ opacity: 1, style: {
+export const Tooltip = forwardRef(function Tooltip({ dark, children, ...props }, ref) {
+    const theme = useTheme();
+    return (_jsx(ReactTooltip, { opacity: 1, style: {
             backgroundColor: dark ? theme.colors.neutral.darker : "#fff",
-            padding: "".concat(theme.spacing.xs, " ").concat(theme.spacing.s),
+            padding: `${theme.spacing.xs} ${theme.spacing.s}`,
             borderRadius: theme.radius.s,
             color: dark ? theme.colors.neutral.lightest : theme.colors.neutral.dark,
             fontSize: 12,
             fontWeight: 500,
             filter: "drop-shadow(0px 0px 2px #0000001F) drop-shadow(0px 2px 4px #00000024)",
-        }, ref: ref }, props, { children: children })));
+        }, ref: ref, ...props, children: children }));
 });
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Tooltip/index.tsx"],"names":[],"mappings":";;AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,OAAO,CAAC;AAC9C,OAAO,EAEL,OAAO,IAAI,YAAY,GAExB,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAM7C,MAAM,CAAC,IAAM,OAAO,GAAG,UAAU,CAAC,SAAS,OAAO,CAChD,EAA0C,EAC1C,GAA+B;IAD7B,IAAA,IAAI,UAAA,EAAE,QAAQ,cAAA,EAAK,KAAK,cAA1B,oBAA4B,CAAF;IAG1B,IAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IAEzB,OAAO,CACL,KAAC,YAAY,aACX,OAAO,EAAE,CAAC,EACV,KAAK,EAAE;YACL,eAAe,EAAE,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM;YAC5D,OAAO,EAAE,UAAG,KAAK,CAAC,OAAO,CAAC,EAAE,cAAI,KAAK,CAAC,OAAO,CAAC,CAAC,CAAE;YACjD,YAAY,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;YAC5B,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI;YACvE,QAAQ,EAAE,EAAE;YACZ,UAAU,EAAE,GAAG;YACf,MAAM,EACJ,uEAAuE;SAC1E,EACD,GAAG,EAAE,GAAG,IACJ,KAAK,cAER,QAAQ,IACI,CAChB,CAAC;AACJ,CAAC,CAAC,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Tooltip/index.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,OAAO,CAAC;AAC9C,OAAO,EAEL,OAAO,IAAI,YAAY,GAExB,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAM7C,MAAM,CAAC,MAAM,OAAO,GAAG,UAAU,CAAC,SAAS,OAAO,CAChD,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAgB,EAC1C,GAA+B;IAE/B,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IAEzB,OAAO,CACL,KAAC,YAAY,IACX,OAAO,EAAE,CAAC,EACV,KAAK,EAAE;YACL,eAAe,EAAE,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM;YAC5D,OAAO,EAAE,GAAG,KAAK,CAAC,OAAO,CAAC,EAAE,IAAI,KAAK,CAAC,OAAO,CAAC,CAAC,EAAE;YACjD,YAAY,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;YAC5B,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI;YACvE,QAAQ,EAAE,EAAE;YACZ,UAAU,EAAE,GAAG;YACf,MAAM,EACJ,uEAAuE;SAC1E,EACD,GAAG,EAAE,GAAG,KACJ,KAAK,YAER,QAAQ,GACI,CAChB,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/dist/esm/utils/GlobalStyle.js

@@ -1,12 +1,46 @@
 // GlobalStyles.tsx
-import { __makeTemplateObject } from "tslib";
 import { createGlobalStyle } from "styled-components";
-export var GlobalStyle = createGlobalStyle(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  :root {\n  }\n\n* {\n    margin: 0;\n    padding: 0;\n    box-sizing: border-box;\n}\n\n body {\n    font-family: ", ";\n }\n\n  /* Estilo global da scrollbar */\n  ::-webkit-scrollbar {\n    width: 8px;\n    height: 8px;\n  }\n\n  ::-webkit-scrollbar-track {\n    background-color: transparent;\n    border-radius: 10px;\n  }\n\n\n  ::-webkit-scrollbar-thumb {\n    background-color: ", ";\n    border-radius: 10px;\n    border: 2px solid transparent;\n    background-clip: padding-box;\n    transition: all 0.3s;\n  }\n\n  ::-webkit-scrollbar-thumb:hover {\nborder:0;\n  }\n\n  ::-webkit-scrollbar-button {\n    display: none;\n  }\n\n"], ["\n  :root {\n  }\n\n* {\n    margin: 0;\n    padding: 0;\n    box-sizing: border-box;\n}\n\n body {\n    font-family: ", ";\n }\n\n  /* Estilo global da scrollbar */\n  ::-webkit-scrollbar {\n    width: 8px;\n    height: 8px;\n  }\n\n  ::-webkit-scrollbar-track {\n    background-color: transparent;\n    border-radius: 10px;\n  }\n\n\n  ::-webkit-scrollbar-thumb {\n    background-color: ", ";\n    border-radius: 10px;\n    border: 2px solid transparent;\n    background-clip: padding-box;\n    transition: all 0.3s;\n  }\n\n  ::-webkit-scrollbar-thumb:hover {\nborder:0;\n  }\n\n  ::-webkit-scrollbar-button {\n    display: none;\n  }\n\n"])), function (_a) {
-    var theme = _a.theme;
-    return theme.typography.family.default;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.colors.neutral.light;
-});
-var templateObject_1;
+export const GlobalStyle = createGlobalStyle `
+  :root {
+  }
+
+* {
+    margin: 0;
+    padding: 0;
+    box-sizing: border-box;
+}
+
+ body {
+    font-family: ${({ theme }) => theme.typography.family.default};
+ }
+
+  /* Estilo global da scrollbar */
+  ::-webkit-scrollbar {
+    width: 8px;
+    height: 8px;
+  }
+
+  ::-webkit-scrollbar-track {
+    background-color: transparent;
+    border-radius: 10px;
+  }
+
+
+  ::-webkit-scrollbar-thumb {
+    background-color: ${({ theme }) => theme.colors.neutral.light};
+    border-radius: 10px;
+    border: 2px solid transparent;
+    background-clip: padding-box;
+    transition: all 0.3s;
+  }
+
+  ::-webkit-scrollbar-thumb:hover {
+border:0;
+  }
+
+  ::-webkit-scrollbar-button {
+    display: none;
+  }
+
+`;
 //# sourceMappingURL=GlobalStyle.js.map

package/dist/esm/utils/GlobalStyle.js.map

@@ -1 +1 @@
-{"version":3,"file":"GlobalStyle.js","sourceRoot":"","sources":["../../../src/utils/GlobalStyle.ts"],"names":[],"mappings":"AAAA,mBAAmB;;AAEnB,OAAO,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AAEtD,MAAM,CAAC,IAAM,WAAW,GAAG,iBAAiB,ssBAAA,wHAWzB,EAA8C,6QAgBzC,EAAyC,0PAehE,KA/BkB,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,UAAU,CAAC,MAAM,CAAC,OAAO;AAA/B,CAA+B,EAgBzC,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,KAAK;AAA1B,CAA0B,CAehE,CAAC"}
+{"version":3,"file":"GlobalStyle.js","sourceRoot":"","sources":["../../../src/utils/GlobalStyle.ts"],"names":[],"mappings":"AAAA,mBAAmB;AAEnB,OAAO,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AAEtD,MAAM,CAAC,MAAM,WAAW,GAAG,iBAAiB,CAAA;;;;;;;;;;;mBAWzB,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,UAAU,CAAC,MAAM,CAAC,OAAO;;;;;;;;;;;;;;;;wBAgBzC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,KAAK;;;;;;;;;;;;;;;CAehE,CAAC"}

package/dist/esm/utils/consts.d.ts

@@ -1,13 +1,3 @@
-export declare const ICON_NAMES: readonly ["arrowDown", "arrowDropDown", "arrowDropUp", "arrowUp", "barGraph", "bell", "bellNotification", "bill", "bookOpen", "bullhorn", "cached", "calendar", "calendarCheck", "cashier", "chat", "check", "checkbox", "checkboxChecked", "chevronDown", "chevronUp", "clipboardCheck", "clock", "close", "closeCircle", "cloud", "copy", "dollarSign", "download", "exchange", "exclamation", "externalLink", "eye", "eyeSlash", "folderOpen", "hand", "home", "idCard", "info", "instagram", "like", "logout", "mail", "menu", "menuCircles", "minus", "minusCircle", "money", "moneyCircle", "motorcycle", "pencil", "percent", "phone", "piggyBank", "playCircle", "playSquare", "plus", "plusCircle", "power", "printer", "qrCode", "question", "radioButtonChecked", "radioButton", "refresh", "search", "settings", "star", "store", "ticket", "trash", "trendingDown", "trendingUp", "user", "userAdd", "userCircle", "utensils", "warning", "whatsapp", "filterList", "chevronRight", "chevronLeft", "waiter", "loading", "addCircleFilled", "bellFilled", "bellNotificationFilled", "billFilled", "bookOpenFilled", "calendarCheckFilled", "calendarFilled", "cashierFilled", "chatFilled", "clipboardCheckFilled", "closeCircleFilled", "cloudFilled", "copyFilled", "deleteFilled", "eyeFilled", "eyeSlashFilled", "folderOpenFilled", "handFilled", "helpFilled", "homeFilled", "idCardFilled", "infoFilled", "likeFilled", "mailFilled", "minusCircleFilled", "moneyFilled", "pencilFilled", "phoneFilled", "piggyBankFilled", "playCircleFilled", "playSquareFilled", "printerFilled", "scheduleFilled", "settingsFilled", "starFilled", "storeFilled", "ticketFilled", "userAddFilled", "userCircleFilled", "userFilled", "warningFilled", "whatsappFilled", "takeatIcon", "takeatIconFilled", "manager", "checkboxCheckedFilled"];
-export declare const spacing: {
-    xxs: string;
-    xs: string;
-    s: string;
-    m: string;
-    l: string;
-    xl: string;
-    xxl: string;
-};
 export declare const defaultTheme: {
     colors: {
         primary: {