takeat-design-system-ui-kit 0.4.7 → 0.4.8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (25) hide show
  1. package/dist/cjs/components/Button/styles.js +16 -4
  2. package/dist/cjs/components/Button/styles.js.map +1 -1
  3. package/dist/cjs/components/Radio/styles.js +7 -1
  4. package/dist/cjs/components/Radio/styles.js.map +1 -1
  5. package/dist/cjs/components/Select/styles.js +11 -2
  6. package/dist/cjs/components/Select/styles.js.map +1 -1
  7. package/dist/cjs/components/SingleTab/styles.js +1 -1
  8. package/dist/cjs/components/SingleTab/styles.js.map +1 -1
  9. package/dist/cjs/components/Switch/styles.js +7 -1
  10. package/dist/cjs/components/Switch/styles.js.map +1 -1
  11. package/dist/cjs/utils/GlobalStyle.js +1 -1
  12. package/dist/cjs/utils/GlobalStyle.js.map +1 -1
  13. package/dist/esm/components/Button/styles.js +16 -4
  14. package/dist/esm/components/Button/styles.js.map +1 -1
  15. package/dist/esm/components/Radio/styles.js +7 -1
  16. package/dist/esm/components/Radio/styles.js.map +1 -1
  17. package/dist/esm/components/Select/styles.js +11 -2
  18. package/dist/esm/components/Select/styles.js.map +1 -1
  19. package/dist/esm/components/SingleTab/styles.js +1 -1
  20. package/dist/esm/components/SingleTab/styles.js.map +1 -1
  21. package/dist/esm/components/Switch/styles.js +7 -1
  22. package/dist/esm/components/Switch/styles.js.map +1 -1
  23. package/dist/esm/utils/GlobalStyle.js +1 -1
  24. package/dist/esm/utils/GlobalStyle.js.map +1 -1
  25. package/package.json +1 -1
package/dist/cjs/components/Button/styles.js CHANGED
@@ -3,7 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
3
3
  exports.AllButtonsTable = exports.SegmentedButton = exports.TextButton = exports.TonalButton = exports.OutlineButton = exports.PrimaryButton = void 0;
4
4
  var tslib_1 = require("tslib");
5
5
  var styled_components_1 = tslib_1.__importDefault(require("styled-components"));
6
- exports.PrimaryButton = styled_components_1.default.button(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n width: fit-content;\n height: ", ";\n border: none;\n // Paddings variations\n ", "\n background-color: ", ";\n border-radius: ", ";\n cursor: pointer;\n display: inline-flex;\n justify-content: center;\n align-items: center;\n gap: ", ";\n transition: all 0.3s;\n\n font-family: ", ";\n font-size: ", ";\n font-weight: 600;\n line-height: 16px;\n letter-spacing: 0.5px;\n text-align: center;\n color: #fff;\n\n svg {\n font-size: 24px;\n fill: #fff;\n flex-shrink: 0;\n transition: all 0.3s;\n }\n\n &:hover {\n background-color: ", ";\n }\n\n &:active {\n background-color: ", ";\n }\n\n &:focus-visible {\n outline: 1px solid\n ", ";\n }\n\n &:disabled {\n background-color: ", ";\n color: ", ";\n cursor: default;\n\n svg {\n fill: ", ";\n }\n }\n"], ["\n width: fit-content;\n height: ", ";\n border: none;\n // Paddings variations\n ", "\n background-color: ", ";\n border-radius: ", ";\n cursor: pointer;\n display: inline-flex;\n justify-content: center;\n align-items: center;\n gap: ", ";\n transition: all 0.3s;\n\n font-family: ", ";\n font-size: ", ";\n font-weight: 600;\n line-height: 16px;\n letter-spacing: 0.5px;\n text-align: center;\n color: #fff;\n\n svg {\n font-size: 24px;\n fill: #fff;\n flex-shrink: 0;\n transition: all 0.3s;\n }\n\n &:hover {\n background-color: ", ";\n }\n\n &:active {\n background-color: ", ";\n }\n\n &:focus-visible {\n outline: 1px solid\n ", ";\n }\n\n &:disabled {\n background-color: ", ";\n color: ", ";\n cursor: default;\n\n svg {\n fill: ", ";\n }\n }\n"])), function (_a) {
6
+ exports.PrimaryButton = styled_components_1.default.button(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n width: fit-content;\n height: ", ";\n border: none;\n // Paddings variations\n ", "\n background-color: ", ";\n border-radius: ", ";\n cursor: pointer;\n display: inline-flex;\n justify-content: center;\n align-items: center;\n gap: ", ";\n transition: all 0.3s;\n\n font-family: ", ";\n font-size: ", ";\n font-weight: 600;\n line-height: 16px;\n letter-spacing: 0.5px;\n text-align: center;\n color: #fff;\n\n svg {\n font-size: 24px;\n fill: #fff;\n flex-shrink: 0;\n transition: all 0.3s;\n }\n\n &:hover {\n background-color: ", ";\n\n @media (hover: none) {\n background-color: ", ";\n }\n }\n\n &:active {\n background-color: ", ";\n }\n\n &:focus-visible {\n outline: 1px solid\n ", ";\n }\n\n &:disabled {\n background-color: ", ";\n color: ", ";\n cursor: default;\n\n svg {\n fill: ", ";\n }\n }\n"], ["\n width: fit-content;\n height: ", ";\n border: none;\n // Paddings variations\n ", "\n background-color: ", ";\n border-radius: ", ";\n cursor: pointer;\n display: inline-flex;\n justify-content: center;\n align-items: center;\n gap: ", ";\n transition: all 0.3s;\n\n font-family: ", ";\n font-size: ", ";\n font-weight: 600;\n line-height: 16px;\n letter-spacing: 0.5px;\n text-align: center;\n color: #fff;\n\n svg {\n font-size: 24px;\n fill: #fff;\n flex-shrink: 0;\n transition: all 0.3s;\n }\n\n &:hover {\n background-color: ", ";\n\n @media (hover: none) {\n background-color: ", ";\n }\n }\n\n &:active {\n background-color: ", ";\n }\n\n &:focus-visible {\n outline: 1px solid\n ", ";\n }\n\n &:disabled {\n background-color: ", ";\n color: ", ";\n cursor: default;\n\n svg {\n fill: ", ";\n }\n }\n"])), function (_a) {
7
7
  var theme = _a.theme;
8
8
  return theme.components.button.height[theme.device];
9
9
  }, function (_a) {
@@ -31,6 +31,9 @@ exports.PrimaryButton = styled_components_1.default.button(templateObject_1 || (
31
31
  }, function (_a) {
32
32
  var theme = _a.theme, colorVariants = _a.colorVariants;
33
33
  return (colorVariants === null || colorVariants === void 0 ? void 0 : colorVariants.dark) || theme.colors.primary.dark;
34
+ }, function (_a) {
35
+ var theme = _a.theme, colorVariants = _a.colorVariants;
36
+ return (colorVariants === null || colorVariants === void 0 ? void 0 : colorVariants.default) || theme.colors.primary.default;
34
37
  }, function (_a) {
35
38
  var theme = _a.theme, colorVariants = _a.colorVariants;
36
39
  return (colorVariants === null || colorVariants === void 0 ? void 0 : colorVariants.darker) || theme.colors.primary.darker;
@@ -47,7 +50,7 @@ exports.PrimaryButton = styled_components_1.default.button(templateObject_1 || (
47
50
  var theme = _a.theme;
48
51
  return theme.colors.neutral.light;
49
52
  });
50
- exports.OutlineButton = (0, styled_components_1.default)(exports.PrimaryButton)(templateObject_2 || (templateObject_2 = tslib_1.__makeTemplateObject(["\n background-color: transparent;\n border: 1px solid\n ", ";\n color: ", ";\n\n svg {\n fill: ", ";\n }\n\n &:hover {\n background-color: ", ";\n }\n\n &:active {\n background-color: ", ";\n }\n\n &:disabled {\n background-color: ", ";\n color: ", ";\n border-color: ", ";\n }\n"], ["\n background-color: transparent;\n border: 1px solid\n ", ";\n color: ", ";\n\n svg {\n fill: ", ";\n }\n\n &:hover {\n background-color: ", ";\n }\n\n &:active {\n background-color: ", ";\n }\n\n &:disabled {\n background-color: ", ";\n color: ", ";\n border-color: ", ";\n }\n"])), function (_a) {
53
+ exports.OutlineButton = (0, styled_components_1.default)(exports.PrimaryButton)(templateObject_2 || (templateObject_2 = tslib_1.__makeTemplateObject(["\n background-color: transparent;\n border: 1px solid\n ", ";\n color: ", ";\n\n svg {\n fill: ", ";\n }\n\n &:hover {\n background-color: ", ";\n\n @media (hover: none) {\n background-color: transparent;\n }\n }\n\n &:active {\n background-color: ", ";\n }\n\n &:disabled {\n background-color: ", ";\n color: ", ";\n border-color: ", ";\n }\n"], ["\n background-color: transparent;\n border: 1px solid\n ", ";\n color: ", ";\n\n svg {\n fill: ", ";\n }\n\n &:hover {\n background-color: ", ";\n\n @media (hover: none) {\n background-color: transparent;\n }\n }\n\n &:active {\n background-color: ", ";\n }\n\n &:disabled {\n background-color: ", ";\n color: ", ";\n border-color: ", ";\n }\n"])), function (_a) {
51
54
  var theme = _a.theme, colorVariants = _a.colorVariants;
52
55
  return (colorVariants === null || colorVariants === void 0 ? void 0 : colorVariants.default) || theme.colors.primary.default;
53
56
  }, function (_a) {
@@ -72,7 +75,7 @@ exports.OutlineButton = (0, styled_components_1.default)(exports.PrimaryButton)(
72
75
  var theme = _a.theme;
73
76
  return theme.colors.neutral.light;
74
77
  });
75
- exports.TonalButton = (0, styled_components_1.default)(exports.PrimaryButton)(templateObject_3 || (templateObject_3 = tslib_1.__makeTemplateObject(["\n background-color: ", ";\n color: ", ";\n\n svg {\n fill: ", ";\n }\n\n &:hover {\n background-color: ", ";\n }\n\n &:active {\n background-color: ", ";\n }\n\n &:disabled {\n background-color: ", ";\n color: ", ";\n }\n"], ["\n background-color: ", ";\n color: ", ";\n\n svg {\n fill: ", ";\n }\n\n &:hover {\n background-color: ", ";\n }\n\n &:active {\n background-color: ", ";\n }\n\n &:disabled {\n background-color: ", ";\n color: ", ";\n }\n"])), function (_a) {
78
+ exports.TonalButton = (0, styled_components_1.default)(exports.PrimaryButton)(templateObject_3 || (templateObject_3 = tslib_1.__makeTemplateObject(["\n background-color: ", ";\n color: ", ";\n\n svg {\n fill: ", ";\n }\n\n &:hover {\n background-color: ", ";\n\n @media (hover: none) {\n background-color: ", ";\n }\n }\n\n &:active {\n background-color: ", ";\n }\n\n &:disabled {\n background-color: ", ";\n color: ", ";\n }\n"], ["\n background-color: ", ";\n color: ", ";\n\n svg {\n fill: ", ";\n }\n\n &:hover {\n background-color: ", ";\n\n @media (hover: none) {\n background-color: ", ";\n }\n }\n\n &:active {\n background-color: ", ";\n }\n\n &:disabled {\n background-color: ", ";\n color: ", ";\n }\n"])), function (_a) {
76
79
  var theme = _a.theme, colorVariants = _a.colorVariants;
77
80
  return (colorVariants === null || colorVariants === void 0 ? void 0 : colorVariants.lightest) || theme.colors.primary.lightest;
78
81
  }, function (_a) {
@@ -84,6 +87,9 @@ exports.TonalButton = (0, styled_components_1.default)(exports.PrimaryButton)(te
84
87
  }, function (_a) {
85
88
  var theme = _a.theme, colorVariants = _a.colorVariants;
86
89
  return (colorVariants === null || colorVariants === void 0 ? void 0 : colorVariants.lighter) || theme.colors.primary.lighter;
90
+ }, function (_a) {
91
+ var theme = _a.theme, colorVariants = _a.colorVariants;
92
+ return (colorVariants === null || colorVariants === void 0 ? void 0 : colorVariants.lightest) || theme.colors.primary.lightest;
87
93
  }, function (_a) {
88
94
  var theme = _a.theme, colorVariants = _a.colorVariants;
89
95
  return (colorVariants === null || colorVariants === void 0 ? void 0 : colorVariants.light) || theme.colors.primary.light;
@@ -94,7 +100,7 @@ exports.TonalButton = (0, styled_components_1.default)(exports.PrimaryButton)(te
94
100
  var theme = _a.theme;
95
101
  return theme.colors.neutral.light;
96
102
  });
97
- exports.TextButton = (0, styled_components_1.default)(exports.PrimaryButton)(templateObject_4 || (templateObject_4 = tslib_1.__makeTemplateObject(["\n background-color: transparent;\n color: ", ";\n\n svg {\n fill: ", ";\n transition: all 0.3s;\n }\n\n &:hover {\n background-color: transparent;\n color: ", ";\n svg {\n fill: ", ";\n }\n }\n\n &:active {\n background-color: transparent;\n color: ", ";\n svg {\n fill: ", ";\n }\n }\n\n &:disabled {\n background-color: transparent;\n color: ", ";\n\n svg {\n fill: ", ";\n }\n }\n"], ["\n background-color: transparent;\n color: ", ";\n\n svg {\n fill: ", ";\n transition: all 0.3s;\n }\n\n &:hover {\n background-color: transparent;\n color: ", ";\n svg {\n fill: ", ";\n }\n }\n\n &:active {\n background-color: transparent;\n color: ", ";\n svg {\n fill: ", ";\n }\n }\n\n &:disabled {\n background-color: transparent;\n color: ", ";\n\n svg {\n fill: ", ";\n }\n }\n"])), function (_a) {
103
+ exports.TextButton = (0, styled_components_1.default)(exports.PrimaryButton)(templateObject_4 || (templateObject_4 = tslib_1.__makeTemplateObject(["\n background-color: transparent;\n color: ", ";\n\n svg {\n fill: ", ";\n transition: all 0.3s;\n }\n\n &:hover {\n background-color: transparent;\n color: ", ";\n svg {\n fill: ", ";\n }\n\n @media (hover: none) {\n color: ", ";\n svg {\n fill: ", ";\n }\n }\n }\n\n &:active {\n background-color: transparent;\n color: ", ";\n svg {\n fill: ", ";\n }\n }\n\n &:disabled {\n background-color: transparent;\n color: ", ";\n\n svg {\n fill: ", ";\n }\n }\n"], ["\n background-color: transparent;\n color: ", ";\n\n svg {\n fill: ", ";\n transition: all 0.3s;\n }\n\n &:hover {\n background-color: transparent;\n color: ", ";\n svg {\n fill: ", ";\n }\n\n @media (hover: none) {\n color: ", ";\n svg {\n fill: ", ";\n }\n }\n }\n\n &:active {\n background-color: transparent;\n color: ", ";\n svg {\n fill: ", ";\n }\n }\n\n &:disabled {\n background-color: transparent;\n color: ", ";\n\n svg {\n fill: ", ";\n }\n }\n"])), function (_a) {
98
104
  var theme = _a.theme, colorVariants = _a.colorVariants;
99
105
  return (colorVariants === null || colorVariants === void 0 ? void 0 : colorVariants.default) || theme.colors.primary.default;
100
106
  }, function (_a) {
@@ -106,6 +112,12 @@ exports.TextButton = (0, styled_components_1.default)(exports.PrimaryButton)(tem
106
112
  }, function (_a) {
107
113
  var theme = _a.theme, colorVariants = _a.colorVariants;
108
114
  return (colorVariants === null || colorVariants === void 0 ? void 0 : colorVariants.dark) || theme.colors.primary.dark;
115
+ }, function (_a) {
116
+ var theme = _a.theme, colorVariants = _a.colorVariants;
117
+ return (colorVariants === null || colorVariants === void 0 ? void 0 : colorVariants.default) || theme.colors.primary.default;
118
+ }, function (_a) {
119
+ var theme = _a.theme, colorVariants = _a.colorVariants;
120
+ return (colorVariants === null || colorVariants === void 0 ? void 0 : colorVariants.default) || theme.colors.primary.default;
109
121
  }, function (_a) {
110
122
  var theme = _a.theme, colorVariants = _a.colorVariants;
111
123
  return (colorVariants === null || colorVariants === void 0 ? void 0 : colorVariants.darker) || theme.colors.primary.darker;
package/dist/cjs/components/Button/styles.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/components/Button/styles.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/components/Button/styles.ts"],"names":[],"mappings":"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"}
package/dist/cjs/components/Radio/styles.js CHANGED
@@ -17,7 +17,7 @@ exports.RadioLabel = styled_components_1.default.label(templateObject_1 || (temp
17
17
  var theme = _a.theme;
18
18
  return theme.colors.neutral.light;
19
19
  });
20
- exports.ButtonArea = styled_components_1.default.div(templateObject_2 || (templateObject_2 = tslib_1.__makeTemplateObject(["\n flex-shrink: 0;\n position: relative;\n width: 20px;\n height: 20px;\n border-radius: 50%;\n border: 2px solid ", ";\n transition: border-color 0.3s;\n\n &::after {\n content: \"\";\n position: absolute;\n width: 10px;\n height: 10px;\n top: 3px;\n left: 3px;\n border-radius: 50%;\n background-color: transparent;\n transition: background-color 0.3s;\n }\n\n // Label esta hovered\n label:hover > & {\n border-color: ", ";\n }\n\n // Checked\n input[type=\"radio\"]:checked ~ & {\n border-color: ", ";\n\n &::after {\n background-color: ", ";\n }\n\n label:hover > & {\n border-color: ", ";\n\n &::after {\n background-color: ", ";\n }\n }\n }\n\n // Disabled\n input[type=\"radio\"]:disabled ~ & {\n border-color: ", ";\n }\n\n //Disabled and checked\n input[type=\"radio\"]:checked:disabled ~ & {\n &::after {\n background-color: ", ";\n }\n }\n"], ["\n flex-shrink: 0;\n position: relative;\n width: 20px;\n height: 20px;\n border-radius: 50%;\n border: 2px solid ", ";\n transition: border-color 0.3s;\n\n &::after {\n content: \"\";\n position: absolute;\n width: 10px;\n height: 10px;\n top: 3px;\n left: 3px;\n border-radius: 50%;\n background-color: transparent;\n transition: background-color 0.3s;\n }\n\n // Label esta hovered\n label:hover > & {\n border-color: ", ";\n }\n\n // Checked\n input[type=\"radio\"]:checked ~ & {\n border-color: ", ";\n\n &::after {\n background-color: ", ";\n }\n\n label:hover > & {\n border-color: ", ";\n\n &::after {\n background-color: ", ";\n }\n }\n }\n\n // Disabled\n input[type=\"radio\"]:disabled ~ & {\n border-color: ", ";\n }\n\n //Disabled and checked\n input[type=\"radio\"]:checked:disabled ~ & {\n &::after {\n background-color: ", ";\n }\n }\n"])), function (_a) {
20
+ exports.ButtonArea = styled_components_1.default.div(templateObject_2 || (templateObject_2 = tslib_1.__makeTemplateObject(["\n flex-shrink: 0;\n position: relative;\n width: 20px;\n height: 20px;\n border-radius: 50%;\n border: 2px solid ", ";\n transition: border-color 0.3s;\n\n &::after {\n content: \"\";\n position: absolute;\n width: 10px;\n height: 10px;\n top: 3px;\n left: 3px;\n border-radius: 50%;\n background-color: transparent;\n transition: background-color 0.3s;\n }\n\n // Label esta hovered\n label:hover > & {\n border-color: ", ";\n }\n\n // Checked\n input[type=\"radio\"]:checked ~ & {\n border-color: ", ";\n\n &::after {\n background-color: ", ";\n }\n\n label:hover > & {\n border-color: ", ";\n\n &::after {\n background-color: ", ";\n }\n\n @media (hover: none) {\n border-color: ", ";\n\n &::after {\n background-color: ", ";\n }\n }\n }\n }\n\n // Disabled\n input[type=\"radio\"]:disabled ~ & {\n border-color: ", ";\n }\n\n //Disabled and checked\n input[type=\"radio\"]:checked:disabled ~ & {\n &::after {\n background-color: ", ";\n }\n }\n"], ["\n flex-shrink: 0;\n position: relative;\n width: 20px;\n height: 20px;\n border-radius: 50%;\n border: 2px solid ", ";\n transition: border-color 0.3s;\n\n &::after {\n content: \"\";\n position: absolute;\n width: 10px;\n height: 10px;\n top: 3px;\n left: 3px;\n border-radius: 50%;\n background-color: transparent;\n transition: background-color 0.3s;\n }\n\n // Label esta hovered\n label:hover > & {\n border-color: ", ";\n }\n\n // Checked\n input[type=\"radio\"]:checked ~ & {\n border-color: ", ";\n\n &::after {\n background-color: ", ";\n }\n\n label:hover > & {\n border-color: ", ";\n\n &::after {\n background-color: ", ";\n }\n\n @media (hover: none) {\n border-color: ", ";\n\n &::after {\n background-color: ", ";\n }\n }\n }\n }\n\n // Disabled\n input[type=\"radio\"]:disabled ~ & {\n border-color: ", ";\n }\n\n //Disabled and checked\n input[type=\"radio\"]:checked:disabled ~ & {\n &::after {\n background-color: ", ";\n }\n }\n"])), function (_a) {
21
21
  var theme = _a.theme;
22
22
  return theme.colors.neutral.dark;
23
23
  }, function (_a) {
@@ -35,6 +35,12 @@ exports.ButtonArea = styled_components_1.default.div(templateObject_2 || (templa
35
35
  }, function (_a) {
36
36
  var theme = _a.theme, colorVariants = _a.colorVariants;
37
37
  return (colorVariants === null || colorVariants === void 0 ? void 0 : colorVariants.dark) || theme.colors.green.dark;
38
+ }, function (_a) {
39
+ var theme = _a.theme, colorVariants = _a.colorVariants;
40
+ return (colorVariants === null || colorVariants === void 0 ? void 0 : colorVariants.default) || theme.colors.green.default;
41
+ }, function (_a) {
42
+ var theme = _a.theme, colorVariants = _a.colorVariants;
43
+ return (colorVariants === null || colorVariants === void 0 ? void 0 : colorVariants.default) || theme.colors.green.default;
38
44
  }, function (_a) {
39
45
  var theme = _a.theme;
40
46
  return theme.colors.neutral.light;
package/dist/cjs/components/Radio/styles.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/components/Radio/styles.ts"],"names":[],"mappings":";;;;AAAA,gFAAuC;AACvC,6CAAqD;AAOxC,QAAA,UAAU,GAAG,2BAAM,CAAC,KAAK,iwBAAiB,oGAKnC,EAAqD,sBACtD,EAAgC,wLAUtC,EAA0C,2WAoBxC,EAAyC,iBAGvD,KAlCmB,UAAC,EAAiB;QAAf,aAAa,mBAAA;IAAO,OAAA,wBAAe,CAAC,aAAa,CAAC;AAA9B,CAA8B,EACtD,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,OAAO,CAAC,GAAG;AAAjB,CAAiB,EAUtC,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,MAAM;AAA3B,CAA2B,EAoBxC,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,KAAK;AAA1B,CAA0B,EAGtD;AAMW,QAAA,UAAU,GAAG,2BAAM,CAAC,GAAG,2gCAAiB,0HAM/B,EAAwC,oVAiB1C,EAA0C,mFAK1C,EACsC,+CAGhC,EACkC,yDAItC,EACgC,mDAG1B,EAC4B,qGAOpC,EAAyC,8HAMnC,EAAyC,iBAGlE,KApDqB,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI;AAAzB,CAAyB,EAiB1C,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,MAAM;AAA3B,CAA2B,EAK1C,UAAC,EAAwB;QAAtB,KAAK,WAAA,EAAE,aAAa,mBAAA;IACrC,OAAA,CAAA,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,OAAO,KAAI,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,OAAO;AAApD,CAAoD,EAGhC,UAAC,EAAwB;QAAtB,KAAK,WAAA,EAAE,aAAa,mBAAA;IACzC,OAAA,CAAA,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,OAAO,KAAI,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,OAAO;AAApD,CAAoD,EAItC,UAAC,EAAwB;QAAtB,KAAK,WAAA,EAAE,aAAa,mBAAA;IACrC,OAAA,CAAA,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,IAAI,KAAI,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI;AAA9C,CAA8C,EAG1B,UAAC,EAAwB;QAAtB,KAAK,WAAA,EAAE,aAAa,mBAAA;IACzC,OAAA,CAAA,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,IAAI,KAAI,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI;AAA9C,CAA8C,EAOpC,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,KAAK;AAA1B,CAA0B,EAMnC,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,KAAK;AAA1B,CAA0B,EAGjE"}
1
+ {"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/components/Radio/styles.ts"],"names":[],"mappings":";;;;AAAA,gFAAuC;AACvC,6CAAqD;AAOxC,QAAA,UAAU,GAAG,2BAAM,CAAC,KAAK,iwBAAiB,oGAKnC,EAAqD,sBACtD,EAAgC,wLAUtC,EAA0C,2WAoBxC,EAAyC,iBAGvD,KAlCmB,UAAC,EAAiB;QAAf,aAAa,mBAAA;IAAO,OAAA,wBAAe,CAAC,aAAa,CAAC;AAA9B,CAA8B,EACtD,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,OAAO,CAAC,GAAG;AAAjB,CAAiB,EAUtC,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,MAAM;AAA3B,CAA2B,EAoBxC,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,KAAK;AAA1B,CAA0B,EAGtD;AAMW,QAAA,UAAU,GAAG,2BAAM,CAAC,GAAG,qpCAAiB,0HAM/B,EAAwC,oVAiB1C,EAA0C,mFAK1C,EACsC,+CAGhC,EACkC,yDAItC,EACgC,mDAG1B,EAC4B,oEAIhC,EACsC,uDAGhC,EACkC,gHAQ5C,EAAyC,8HAMnC,EAAyC,iBAGlE,KA9DqB,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI;AAAzB,CAAyB,EAiB1C,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,MAAM;AAA3B,CAA2B,EAK1C,UAAC,EAAwB;QAAtB,KAAK,WAAA,EAAE,aAAa,mBAAA;IACrC,OAAA,CAAA,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,OAAO,KAAI,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,OAAO;AAApD,CAAoD,EAGhC,UAAC,EAAwB;QAAtB,KAAK,WAAA,EAAE,aAAa,mBAAA;IACzC,OAAA,CAAA,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,OAAO,KAAI,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,OAAO;AAApD,CAAoD,EAItC,UAAC,EAAwB;QAAtB,KAAK,WAAA,EAAE,aAAa,mBAAA;IACrC,OAAA,CAAA,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,IAAI,KAAI,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI;AAA9C,CAA8C,EAG1B,UAAC,EAAwB;QAAtB,KAAK,WAAA,EAAE,aAAa,mBAAA;IACzC,OAAA,CAAA,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,IAAI,KAAI,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI;AAA9C,CAA8C,EAIhC,UAAC,EAAwB;QAAtB,KAAK,WAAA,EAAE,aAAa,mBAAA;IACrC,OAAA,CAAA,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,OAAO,KAAI,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,OAAO;AAApD,CAAoD,EAGhC,UAAC,EAAwB;QAAtB,KAAK,WAAA,EAAE,aAAa,mBAAA;IACzC,OAAA,CAAA,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,OAAO,KAAI,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,OAAO;AAApD,CAAoD,EAQ5C,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,KAAK;AAA1B,CAA0B,EAMnC,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,KAAK;AAA1B,CAA0B,EAGjE"}
package/dist/cjs/components/Select/styles.js CHANGED
@@ -3,7 +3,10 @@ Object.defineProperty(exports, "__esModule", { value: true });
3
3
  exports.SelectWrapper = void 0;
4
4
  var tslib_1 = require("tslib");
5
5
  var styled_components_1 = tslib_1.__importDefault(require("styled-components"));
6
- 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: 100%;\n\n .custom-dropdown-icon {\n fill: ", ";\n\n padding-right: 8px;\n }\n\n .react-select__control {\n min-height: 40px;\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__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: 100%;\n\n .custom-dropdown-icon {\n fill: ", ";\n\n padding-right: 8px;\n }\n\n .react-select__control {\n min-height: 40px;\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__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) {
6
+ exports.SelectWrapper = styled_components_1.default.label(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n position: relative;\n display: flex;\n flex-direction: column;\n gap: 4px;\n font-size: ", ";\n font-style: normal;\n font-weight: 600;\n line-height: 24px;\n letter-spacing: 0.15px;\n color: ", ";\n width: 100%;\n\n .custom-dropdown-icon {\n fill: ", ";\n\n padding-right: 8px;\n }\n\n .react-select__control {\n min-height: ", ";\n border-radius: ", ";\n border-color: ", ";\n color: ", ";\n font-size: ", ";\n font-style: normal;\n font-weight: 400;\n line-height: 20px;\n letter-spacing: 0.1px;\n cursor: pointer;\n }\n\n [class$=\"-control\"]:hover {\n border-color: ", ";\n }\n\n .react-select__control--is-focused {\n outline: none;\n border-color: ", ";\n box-shadow: none;\n }\n\n .react-select__control--is-disabled {\n background-color: transparent;\n border-color: ", ";\n color: ", ";\n\n .react-select__placeholder {\n color: ", ";\n }\n }\n\n .react-select__indicator-separator {\n display: none;\n }\n\n .react-select__multi-value {\n border-radius: ", ";\n background-color: ", ";\n }\n\n .react-select__multi-value__label {\n padding: ", ";\n }\n\n .react-select__multi-value__remove:hover {\n background-color: ", ";\n\n svg {\n fill: ", ";\n }\n }\n\n .react-select__menu-notice {\n color: ", ";\n font-family: ", ";\n font-size: 14px;\n font-style: normal;\n font-weight: 400;\n line-height: 20px;\n letter-spacing: 0.014px;\n }\n"], ["\n position: relative;\n display: flex;\n flex-direction: column;\n gap: 4px;\n font-size: ", ";\n font-style: normal;\n font-weight: 600;\n line-height: 24px;\n letter-spacing: 0.15px;\n color: ", ";\n width: 100%;\n\n .custom-dropdown-icon {\n fill: ", ";\n\n padding-right: 8px;\n }\n\n .react-select__control {\n min-height: ", ";\n border-radius: ", ";\n border-color: ", ";\n color: ", ";\n font-size: ", ";\n font-style: normal;\n font-weight: 400;\n line-height: 20px;\n letter-spacing: 0.1px;\n cursor: pointer;\n }\n\n [class$=\"-control\"]:hover {\n border-color: ", ";\n }\n\n .react-select__control--is-focused {\n outline: none;\n border-color: ", ";\n box-shadow: none;\n }\n\n .react-select__control--is-disabled {\n background-color: transparent;\n border-color: ", ";\n color: ", ";\n\n .react-select__placeholder {\n color: ", ";\n }\n }\n\n .react-select__indicator-separator {\n display: none;\n }\n\n .react-select__multi-value {\n border-radius: ", ";\n background-color: ", ";\n }\n\n .react-select__multi-value__label {\n padding: ", ";\n }\n\n .react-select__multi-value__remove:hover {\n background-color: ", ";\n\n svg {\n fill: ", ";\n }\n }\n\n .react-select__menu-notice {\n color: ", ";\n font-family: ", ";\n font-size: 14px;\n font-style: normal;\n font-weight: 400;\n line-height: 20px;\n letter-spacing: 0.014px;\n }\n"])), function (_a) {
7
+ var theme = _a.theme;
8
+ return theme.components.input.label.fontSize[theme.device];
9
+ }, function (_a) {
7
10
  var theme = _a.theme, disabled = _a.disabled;
8
11
  return disabled ? theme.colors.neutral.light : theme.colors.neutral.dark;
9
12
  }, function (_a) {
@@ -11,13 +14,19 @@ exports.SelectWrapper = styled_components_1.default.label(templateObject_1 || (t
11
14
  return disabled ? theme.colors.neutral.light : theme.colors.neutral.dark;
12
15
  }, function (_a) {
13
16
  var theme = _a.theme;
14
- return theme.radius.m;
17
+ return theme.components.input.input.height[theme.device];
18
+ }, function (_a) {
19
+ var theme = _a.theme;
20
+ return theme.components.input.input.borderRadius[theme.device];
15
21
  }, function (_a) {
16
22
  var theme = _a.theme, hasError = _a.hasError;
17
23
  return hasError ? theme.colors.red.default : theme.colors.neutral.dark;
18
24
  }, function (_a) {
19
25
  var theme = _a.theme;
20
26
  return theme.colors.neutral.dark;
27
+ }, function (_a) {
28
+ var theme = _a.theme;
29
+ return theme.components.input.input.fontSize[theme.device];
21
30
  }, function (_a) {
22
31
  var theme = _a.theme;
23
32
  return theme.colors.neutral.dark;
package/dist/cjs/components/Select/styles.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/components/Select/styles.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/components/Select/styles.ts"],"names":[],"mappings":"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"}
package/dist/cjs/components/SingleTab/styles.js CHANGED
@@ -3,7 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
3
3
  exports.TransparentTab = exports.NumberTag = exports.Tab = void 0;
4
4
  var tslib_1 = require("tslib");
5
5
  var styled_components_1 = tslib_1.__importDefault(require("styled-components"));
6
- exports.Tab = styled_components_1.default.button(templateObject_1 || (templateObject_1 = tslib_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) {
6
+ exports.Tab = styled_components_1.default.button(templateObject_1 || (templateObject_1 = tslib_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 transition: all 0.3s;\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 transition: all 0.3s;\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 transition: all 0.3s;\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 transition: all 0.3s;\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) {
7
7
  var theme = _a.theme;
8
8
  return theme.spacing.xs;
9
9
  }, function (_a) {
package/dist/cjs/components/SingleTab/styles.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/components/SingleTab/styles.ts"],"names":[],"mappings":";;;;AAAA,gFAAuC;AAO1B,QAAA,GAAG,GAAG,2BAAM,CAAC,MAAM,iqBAAU,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,EAGrD;AAEW,QAAA,SAAS,GAAG,2BAAM,CAAC,IAAI,sVAAA,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,EAQ3C;AAEW,QAAA,cAAc,GAAG,IAAA,2BAAM,EAAC,WAAG,CAAC,4eAAA,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,EACH"}
1
+ {"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/components/SingleTab/styles.ts"],"names":[],"mappings":"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"}
package/dist/cjs/components/Switch/styles.js CHANGED
@@ -20,12 +20,15 @@ exports.SwitchLabel = styled_components_1.default.label(templateObject_1 || (tem
20
20
  var theme = _a.theme;
21
21
  return theme.colors.neutral.light;
22
22
  });
23
- 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) {
23
+ 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 @media (hover: none) {\n background-color: ", ";\n }\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 @media (hover: none) {\n background-color: ", ";\n }\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 @media (hover: none) {\n background-color: ", ";\n }\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 @media (hover: none) {\n background-color: ", ";\n }\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) {
24
24
  var theme = _a.theme;
25
25
  return theme.colors.neutral.default;
26
26
  }, function (_a) {
27
27
  var theme = _a.theme;
28
28
  return theme.colors.neutral.dark;
29
+ }, function (_a) {
30
+ var theme = _a.theme;
31
+ return theme.colors.neutral.default;
29
32
  }, function (_a) {
30
33
  var isLoading = _a.isLoading;
31
34
  return (isLoading ? "12px" : "2px");
@@ -35,6 +38,9 @@ exports.SwitchArea = styled_components_1.default.div(templateObject_2 || (templa
35
38
  }, function (_a) {
36
39
  var colorVariants = _a.colorVariants, theme = _a.theme;
37
40
  return (colorVariants === null || colorVariants === void 0 ? void 0 : colorVariants.dark) || theme.colors.green.dark;
41
+ }, function (_a) {
42
+ var colorVariants = _a.colorVariants, theme = _a.theme;
43
+ return (colorVariants === null || colorVariants === void 0 ? void 0 : colorVariants.default) || theme.colors.green.default;
38
44
  }, function (_a) {
39
45
  var isLoading = _a.isLoading;
40
46
  return isLoading ? "12px" : "22px";
package/dist/cjs/components/Switch/styles.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/components/Switch/styles.ts"],"names":[],"mappings":";;;;AAAA,gFAAuC;AACvC,6CAAqD;AAOxC,QAAA,WAAW,GAAG,2BAAM,CAAC,KAAK,6zBAAkB,6BAEhD,EAA+B,kGAIpB,EAAqD,sBACtD,EAAgC,sRAiBtC,EAA0C,4SAcxC,EAAyC,iBAGvD,KAvCQ,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,OAAO,CAAC,EAAE;AAAhB,CAAgB,EAIpB,UAAC,EAAiB;QAAf,aAAa,mBAAA;IAAO,OAAA,wBAAe,CAAC,aAAa,CAAC;AAA9B,CAA8B,EACtD,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,OAAO,CAAC,GAAG;AAAjB,CAAiB,EAiBtC,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"}
1
+ {"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/components/Switch/styles.ts"],"names":[],"mappings":"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"}
package/dist/cjs/utils/GlobalStyle.js CHANGED
@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
4
4
  exports.GlobalStyle = void 0;
5
5
  var tslib_1 = require("tslib");
6
6
  var styled_components_1 = require("styled-components");
7
- exports.GlobalStyle = (0, styled_components_1.createGlobalStyle)(templateObject_1 || (templateObject_1 = tslib_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 {\n border: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 {\n border:0;\n }\n\n ::-webkit-scrollbar-button {\n display: none;\n }\n\n"])), function (_a) {
7
+ exports.GlobalStyle = (0, styled_components_1.createGlobalStyle)(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n :root {\n }\n\n* {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n -webkit-tap-highlight-color: transparent;\n\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 {\n border: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 -webkit-tap-highlight-color: transparent;\n\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 {\n border:0;\n }\n\n ::-webkit-scrollbar-button {\n display: none;\n }\n\n"])), function (_a) {
8
8
  var theme = _a.theme;
9
9
  return theme.typography.family.default;
10
10
  }, function (_a) {
package/dist/cjs/utils/GlobalStyle.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"GlobalStyle.js","sourceRoot":"","sources":["../../../src/utils/GlobalStyle.ts"],"names":[],"mappings":";AAAA,mBAAmB;;;;AAEnB,uDAAsD;AAEzC,QAAA,WAAW,OAAG,qCAAiB,mtBAAA,wHAWzB,EAA8C,6QAgBzC,EAAyC,8PAehE,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,EAe/D"}
1
+ {"version":3,"file":"GlobalStyle.js","sourceRoot":"","sources":["../../../src/utils/GlobalStyle.ts"],"names":[],"mappings":";AAAA,mBAAmB;;;;AAEnB,uDAAsD;AAEzC,QAAA,WAAW,OAAG,qCAAiB,owBAAA,yKAazB,EAA8C,6QAgBzC,EAAyC,8PAehE,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,EAe/D"}
package/dist/esm/components/Button/styles.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import { __makeTemplateObject } from "tslib";
2
2
  import styled from "styled-components";
3
- export var PrimaryButton = styled.button(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n width: fit-content;\n height: ", ";\n border: none;\n // Paddings variations\n ", "\n background-color: ", ";\n border-radius: ", ";\n cursor: pointer;\n display: inline-flex;\n justify-content: center;\n align-items: center;\n gap: ", ";\n transition: all 0.3s;\n\n font-family: ", ";\n font-size: ", ";\n font-weight: 600;\n line-height: 16px;\n letter-spacing: 0.5px;\n text-align: center;\n color: #fff;\n\n svg {\n font-size: 24px;\n fill: #fff;\n flex-shrink: 0;\n transition: all 0.3s;\n }\n\n &:hover {\n background-color: ", ";\n }\n\n &:active {\n background-color: ", ";\n }\n\n &:focus-visible {\n outline: 1px solid\n ", ";\n }\n\n &:disabled {\n background-color: ", ";\n color: ", ";\n cursor: default;\n\n svg {\n fill: ", ";\n }\n }\n"], ["\n width: fit-content;\n height: ", ";\n border: none;\n // Paddings variations\n ", "\n background-color: ", ";\n border-radius: ", ";\n cursor: pointer;\n display: inline-flex;\n justify-content: center;\n align-items: center;\n gap: ", ";\n transition: all 0.3s;\n\n font-family: ", ";\n font-size: ", ";\n font-weight: 600;\n line-height: 16px;\n letter-spacing: 0.5px;\n text-align: center;\n color: #fff;\n\n svg {\n font-size: 24px;\n fill: #fff;\n flex-shrink: 0;\n transition: all 0.3s;\n }\n\n &:hover {\n background-color: ", ";\n }\n\n &:active {\n background-color: ", ";\n }\n\n &:focus-visible {\n outline: 1px solid\n ", ";\n }\n\n &:disabled {\n background-color: ", ";\n color: ", ";\n cursor: default;\n\n svg {\n fill: ", ";\n }\n }\n"])), function (_a) {
3
+ export var PrimaryButton = styled.button(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n width: fit-content;\n height: ", ";\n border: none;\n // Paddings variations\n ", "\n background-color: ", ";\n border-radius: ", ";\n cursor: pointer;\n display: inline-flex;\n justify-content: center;\n align-items: center;\n gap: ", ";\n transition: all 0.3s;\n\n font-family: ", ";\n font-size: ", ";\n font-weight: 600;\n line-height: 16px;\n letter-spacing: 0.5px;\n text-align: center;\n color: #fff;\n\n svg {\n font-size: 24px;\n fill: #fff;\n flex-shrink: 0;\n transition: all 0.3s;\n }\n\n &:hover {\n background-color: ", ";\n\n @media (hover: none) {\n background-color: ", ";\n }\n }\n\n &:active {\n background-color: ", ";\n }\n\n &:focus-visible {\n outline: 1px solid\n ", ";\n }\n\n &:disabled {\n background-color: ", ";\n color: ", ";\n cursor: default;\n\n svg {\n fill: ", ";\n }\n }\n"], ["\n width: fit-content;\n height: ", ";\n border: none;\n // Paddings variations\n ", "\n background-color: ", ";\n border-radius: ", ";\n cursor: pointer;\n display: inline-flex;\n justify-content: center;\n align-items: center;\n gap: ", ";\n transition: all 0.3s;\n\n font-family: ", ";\n font-size: ", ";\n font-weight: 600;\n line-height: 16px;\n letter-spacing: 0.5px;\n text-align: center;\n color: #fff;\n\n svg {\n font-size: 24px;\n fill: #fff;\n flex-shrink: 0;\n transition: all 0.3s;\n }\n\n &:hover {\n background-color: ", ";\n\n @media (hover: none) {\n background-color: ", ";\n }\n }\n\n &:active {\n background-color: ", ";\n }\n\n &:focus-visible {\n outline: 1px solid\n ", ";\n }\n\n &:disabled {\n background-color: ", ";\n color: ", ";\n cursor: default;\n\n svg {\n fill: ", ";\n }\n }\n"])), function (_a) {
4
4
  var theme = _a.theme;
5
5
  return theme.components.button.height[theme.device];
6
6
  }, function (_a) {
@@ -28,6 +28,9 @@ export var PrimaryButton = styled.button(templateObject_1 || (templateObject_1 =
28
28
  }, function (_a) {
29
29
  var theme = _a.theme, colorVariants = _a.colorVariants;
30
30
  return (colorVariants === null || colorVariants === void 0 ? void 0 : colorVariants.dark) || theme.colors.primary.dark;
31
+ }, function (_a) {
32
+ var theme = _a.theme, colorVariants = _a.colorVariants;
33
+ return (colorVariants === null || colorVariants === void 0 ? void 0 : colorVariants.default) || theme.colors.primary.default;
31
34
  }, function (_a) {
32
35
  var theme = _a.theme, colorVariants = _a.colorVariants;
33
36
  return (colorVariants === null || colorVariants === void 0 ? void 0 : colorVariants.darker) || theme.colors.primary.darker;
@@ -44,7 +47,7 @@ export var PrimaryButton = styled.button(templateObject_1 || (templateObject_1 =
44
47
  var theme = _a.theme;
45
48
  return theme.colors.neutral.light;
46
49
  });
47
- export var OutlineButton = styled(PrimaryButton)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n background-color: transparent;\n border: 1px solid\n ", ";\n color: ", ";\n\n svg {\n fill: ", ";\n }\n\n &:hover {\n background-color: ", ";\n }\n\n &:active {\n background-color: ", ";\n }\n\n &:disabled {\n background-color: ", ";\n color: ", ";\n border-color: ", ";\n }\n"], ["\n background-color: transparent;\n border: 1px solid\n ", ";\n color: ", ";\n\n svg {\n fill: ", ";\n }\n\n &:hover {\n background-color: ", ";\n }\n\n &:active {\n background-color: ", ";\n }\n\n &:disabled {\n background-color: ", ";\n color: ", ";\n border-color: ", ";\n }\n"])), function (_a) {
50
+ export var OutlineButton = styled(PrimaryButton)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n background-color: transparent;\n border: 1px solid\n ", ";\n color: ", ";\n\n svg {\n fill: ", ";\n }\n\n &:hover {\n background-color: ", ";\n\n @media (hover: none) {\n background-color: transparent;\n }\n }\n\n &:active {\n background-color: ", ";\n }\n\n &:disabled {\n background-color: ", ";\n color: ", ";\n border-color: ", ";\n }\n"], ["\n background-color: transparent;\n border: 1px solid\n ", ";\n color: ", ";\n\n svg {\n fill: ", ";\n }\n\n &:hover {\n background-color: ", ";\n\n @media (hover: none) {\n background-color: transparent;\n }\n }\n\n &:active {\n background-color: ", ";\n }\n\n &:disabled {\n background-color: ", ";\n color: ", ";\n border-color: ", ";\n }\n"])), function (_a) {
48
51
  var theme = _a.theme, colorVariants = _a.colorVariants;
49
52
  return (colorVariants === null || colorVariants === void 0 ? void 0 : colorVariants.default) || theme.colors.primary.default;
50
53
  }, function (_a) {
@@ -69,7 +72,7 @@ export var OutlineButton = styled(PrimaryButton)(templateObject_2 || (templateOb
69
72
  var theme = _a.theme;
70
73
  return theme.colors.neutral.light;
71
74
  });
72
- export var TonalButton = styled(PrimaryButton)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n background-color: ", ";\n color: ", ";\n\n svg {\n fill: ", ";\n }\n\n &:hover {\n background-color: ", ";\n }\n\n &:active {\n background-color: ", ";\n }\n\n &:disabled {\n background-color: ", ";\n color: ", ";\n }\n"], ["\n background-color: ", ";\n color: ", ";\n\n svg {\n fill: ", ";\n }\n\n &:hover {\n background-color: ", ";\n }\n\n &:active {\n background-color: ", ";\n }\n\n &:disabled {\n background-color: ", ";\n color: ", ";\n }\n"])), function (_a) {
75
+ export var TonalButton = styled(PrimaryButton)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n background-color: ", ";\n color: ", ";\n\n svg {\n fill: ", ";\n }\n\n &:hover {\n background-color: ", ";\n\n @media (hover: none) {\n background-color: ", ";\n }\n }\n\n &:active {\n background-color: ", ";\n }\n\n &:disabled {\n background-color: ", ";\n color: ", ";\n }\n"], ["\n background-color: ", ";\n color: ", ";\n\n svg {\n fill: ", ";\n }\n\n &:hover {\n background-color: ", ";\n\n @media (hover: none) {\n background-color: ", ";\n }\n }\n\n &:active {\n background-color: ", ";\n }\n\n &:disabled {\n background-color: ", ";\n color: ", ";\n }\n"])), function (_a) {
73
76
  var theme = _a.theme, colorVariants = _a.colorVariants;
74
77
  return (colorVariants === null || colorVariants === void 0 ? void 0 : colorVariants.lightest) || theme.colors.primary.lightest;
75
78
  }, function (_a) {
@@ -81,6 +84,9 @@ export var TonalButton = styled(PrimaryButton)(templateObject_3 || (templateObje
81
84
  }, function (_a) {
82
85
  var theme = _a.theme, colorVariants = _a.colorVariants;
83
86
  return (colorVariants === null || colorVariants === void 0 ? void 0 : colorVariants.lighter) || theme.colors.primary.lighter;
87
+ }, function (_a) {
88
+ var theme = _a.theme, colorVariants = _a.colorVariants;
89
+ return (colorVariants === null || colorVariants === void 0 ? void 0 : colorVariants.lightest) || theme.colors.primary.lightest;
84
90
  }, function (_a) {
85
91
  var theme = _a.theme, colorVariants = _a.colorVariants;
86
92
  return (colorVariants === null || colorVariants === void 0 ? void 0 : colorVariants.light) || theme.colors.primary.light;
@@ -91,7 +97,7 @@ export var TonalButton = styled(PrimaryButton)(templateObject_3 || (templateObje
91
97
  var theme = _a.theme;
92
98
  return theme.colors.neutral.light;
93
99
  });
94
- export var TextButton = styled(PrimaryButton)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n background-color: transparent;\n color: ", ";\n\n svg {\n fill: ", ";\n transition: all 0.3s;\n }\n\n &:hover {\n background-color: transparent;\n color: ", ";\n svg {\n fill: ", ";\n }\n }\n\n &:active {\n background-color: transparent;\n color: ", ";\n svg {\n fill: ", ";\n }\n }\n\n &:disabled {\n background-color: transparent;\n color: ", ";\n\n svg {\n fill: ", ";\n }\n }\n"], ["\n background-color: transparent;\n color: ", ";\n\n svg {\n fill: ", ";\n transition: all 0.3s;\n }\n\n &:hover {\n background-color: transparent;\n color: ", ";\n svg {\n fill: ", ";\n }\n }\n\n &:active {\n background-color: transparent;\n color: ", ";\n svg {\n fill: ", ";\n }\n }\n\n &:disabled {\n background-color: transparent;\n color: ", ";\n\n svg {\n fill: ", ";\n }\n }\n"])), function (_a) {
100
+ export var TextButton = styled(PrimaryButton)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n background-color: transparent;\n color: ", ";\n\n svg {\n fill: ", ";\n transition: all 0.3s;\n }\n\n &:hover {\n background-color: transparent;\n color: ", ";\n svg {\n fill: ", ";\n }\n\n @media (hover: none) {\n color: ", ";\n svg {\n fill: ", ";\n }\n }\n }\n\n &:active {\n background-color: transparent;\n color: ", ";\n svg {\n fill: ", ";\n }\n }\n\n &:disabled {\n background-color: transparent;\n color: ", ";\n\n svg {\n fill: ", ";\n }\n }\n"], ["\n background-color: transparent;\n color: ", ";\n\n svg {\n fill: ", ";\n transition: all 0.3s;\n }\n\n &:hover {\n background-color: transparent;\n color: ", ";\n svg {\n fill: ", ";\n }\n\n @media (hover: none) {\n color: ", ";\n svg {\n fill: ", ";\n }\n }\n }\n\n &:active {\n background-color: transparent;\n color: ", ";\n svg {\n fill: ", ";\n }\n }\n\n &:disabled {\n background-color: transparent;\n color: ", ";\n\n svg {\n fill: ", ";\n }\n }\n"])), function (_a) {
95
101
  var theme = _a.theme, colorVariants = _a.colorVariants;
96
102
  return (colorVariants === null || colorVariants === void 0 ? void 0 : colorVariants.default) || theme.colors.primary.default;
97
103
  }, function (_a) {
@@ -103,6 +109,12 @@ export var TextButton = styled(PrimaryButton)(templateObject_4 || (templateObjec
103
109
  }, function (_a) {
104
110
  var theme = _a.theme, colorVariants = _a.colorVariants;
105
111
  return (colorVariants === null || colorVariants === void 0 ? void 0 : colorVariants.dark) || theme.colors.primary.dark;
112
+ }, function (_a) {
113
+ var theme = _a.theme, colorVariants = _a.colorVariants;
114
+ return (colorVariants === null || colorVariants === void 0 ? void 0 : colorVariants.default) || theme.colors.primary.default;
115
+ }, function (_a) {
116
+ var theme = _a.theme, colorVariants = _a.colorVariants;
117
+ return (colorVariants === null || colorVariants === void 0 ? void 0 : colorVariants.default) || theme.colors.primary.default;
106
118
  }, function (_a) {
107
119
  var theme = _a.theme, colorVariants = _a.colorVariants;
108
120
  return (colorVariants === null || colorVariants === void 0 ? void 0 : colorVariants.darker) || theme.colors.primary.darker;
package/dist/esm/components/Button/styles.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/components/Button/styles.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/components/Button/styles.ts"],"names":[],"mappings":";AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAC;AASvC,MAAM,CAAC,IAAM,aAAa,GAAG,MAAM,CAAC,MAAM,u8BAAoB,qCAElD,EAA2D,kDAGnE,EAKsC,wBACpB,EACoC,sBACvC,EAA6B,6GAKvC,EAA+B,+CAGvB,EAA8C,kBAChD,EAA6D,6PAepD,EAC8B,2DAG5B,EACoC,uDAKtC,EACkC,+DAKlD,EACoD,kDAIpC,EAA2C,gBACtD,EAAyC,oDAIxC,EAAyC,iBAGtD,KAhEW,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,UAAU,CAAC,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC;AAA5C,CAA4C,EAGnE,UAAC,EAA+B;QAA7B,KAAK,WAAA,EAAE,OAAO,aAAA,EAAE,WAAW,iBAAA;IAC9B,OAAA,WAAW;QACT,CAAC,CAAC,4BAAqB,KAAK,CAAC,OAAO,CAAC,EAAE,MAAG;QAC1C,CAAC,CAAC,OAAO;YACP,CAAC,CAAC,qBAAc,KAAK,CAAC,OAAO,CAAC,EAAE,MAAG;YACnC,CAAC,CAAC,qBAAc,KAAK,CAAC,OAAO,CAAC,CAAC,MAAG;AAJtC,CAIsC,EACpB,UAAC,EAAwB;QAAtB,KAAK,WAAA,EAAE,aAAa,mBAAA;IACzC,OAAA,CAAA,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,OAAO,KAAI,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,OAAO;AAAtD,CAAsD,EACvC,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,CAAC;AAAd,CAAc,EAKvC,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,OAAO,CAAC,EAAE;AAAhB,CAAgB,EAGvB,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,UAAU,CAAC,MAAM,CAAC,OAAO;AAA/B,CAA+B,EAChD,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,UAAU,CAAC,MAAM,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC;AAA9C,CAA8C,EAepD,UAAC,EAAwB;QAAtB,KAAK,WAAA,EAAE,aAAa,mBAAA;IACzC,OAAA,CAAA,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,IAAI,KAAI,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI;AAAhD,CAAgD,EAG5B,UAAC,EAAwB;QAAtB,KAAK,WAAA,EAAE,aAAa,mBAAA;IACzC,OAAA,CAAA,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,OAAO,KAAI,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,OAAO;AAAtD,CAAsD,EAKtC,UAAC,EAAwB;QAAtB,KAAK,WAAA,EAAE,aAAa,mBAAA;IACzC,OAAA,CAAA,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,MAAM,KAAI,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,MAAM;AAApD,CAAoD,EAKlD,UAAC,EAAwB;QAAtB,KAAK,WAAA,EAAE,aAAa,mBAAA;IACvB,OAAA,CAAA,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,MAAM,KAAI,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,MAAM;AAApD,CAAoD,EAIpC,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,OAAO;AAA5B,CAA4B,EACtD,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,KAAK;AAA1B,CAA0B,EAIxC,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,KAAK;AAA1B,CAA0B,CAGtD,CAAC;AAEF,MAAM,CAAC,IAAM,aAAa,GAAG,MAAM,CAAC,aAAa,CAAC,ucAAA,+DAG5C,EACsD,cACjD,EAC+C,0BAG9C,EACgD,+CAIpC,EACsC,2HAQtC,EACoC,kDAIpC,EAA4C,gBACvD,EAAyC,uBAClC,EAAyC,UAE5D,KA7BK,UAAC,EAAwB;QAAtB,KAAK,WAAA,EAAE,aAAa,mBAAA;IACvB,OAAA,CAAA,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,OAAO,KAAI,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,OAAO;AAAtD,CAAsD,EACjD,UAAC,EAAwB;QAAtB,KAAK,WAAA,EAAE,aAAa,mBAAA;IAC9B,OAAA,CAAA,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,OAAO,KAAI,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,OAAO;AAAtD,CAAsD,EAG9C,UAAC,EAAwB;QAAtB,KAAK,WAAA,EAAE,aAAa,mBAAA;IAC7B,OAAA,CAAA,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,OAAO,KAAI,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,OAAO;AAAtD,CAAsD,EAIpC,UAAC,EAAwB;QAAtB,KAAK,WAAA,EAAE,aAAa,mBAAA;IACzC,OAAA,CAAA,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,QAAQ,KAAI,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,QAAQ;AAAxD,CAAwD,EAQtC,UAAC,EAAwB;QAAtB,KAAK,WAAA,EAAE,aAAa,mBAAA;IACzC,OAAA,CAAA,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,OAAO,KAAI,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,OAAO;AAAtD,CAAsD,EAIpC,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,QAAQ;AAA7B,CAA6B,EACvD,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,KAAK;AAA1B,CAA0B,EAClC,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,KAAK;AAA1B,CAA0B,CAE5D,CAAC;AAEF,MAAM,CAAC,IAAM,WAAW,GAAG,MAAM,CAAC,aAAa,CAAC,gYAAA,wBAC1B,EACsC,cACjD,EAC6C,0BAG5C,EAA0C,+CAI9B,EACoC,2DAGlC,EACsC,uDAKxC,EACgC,kDAIhC,EAA2C,gBACtD,EAAyC,UAErD,KA5BqB,UAAC,EAAwB;QAAtB,KAAK,WAAA,EAAE,aAAa,mBAAA;IACzC,OAAA,CAAA,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,QAAQ,KAAI,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,QAAQ;AAAxD,CAAwD,EACjD,UAAC,EAAwB;QAAtB,KAAK,WAAA,EAAE,aAAa,mBAAA;IAC9B,OAAA,CAAA,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,MAAM,KAAI,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,MAAM;AAApD,CAAoD,EAG5C,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,MAAM;AAA3B,CAA2B,EAI9B,UAAC,EAAwB;QAAtB,KAAK,WAAA,EAAE,aAAa,mBAAA;IACzC,OAAA,CAAA,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,OAAO,KAAI,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,OAAO;AAAtD,CAAsD,EAGlC,UAAC,EAAwB;QAAtB,KAAK,WAAA,EAAE,aAAa,mBAAA;IACzC,OAAA,CAAA,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,QAAQ,KAAI,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,QAAQ;AAAxD,CAAwD,EAKxC,UAAC,EAAwB;QAAtB,KAAK,WAAA,EAAE,aAAa,mBAAA;IACzC,OAAA,CAAA,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,KAAK,KAAI,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,KAAK;AAAlD,CAAkD,EAIhC,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,OAAO;AAA5B,CAA4B,EACtD,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,KAAK;AAA1B,CAA0B,CAErD,CAAC;AAEF,MAAM,CAAC,IAAM,UAAU,GAAG,MAAM,CAAC,aAAa,CAAC,4mBAAA,+CAEpC,EAC+C,0BAG9C,EACgD,mGAM/C,EACyC,4BAExC,EAC0C,uDAIzC,EAC+C,gCAE9C,EACgD,yFAOnD,EAC6C,4BAE5C,EAC8C,kFAM/C,EAAyC,8BAGxC,EAAyC,iBAGtD,KA9CU,UAAC,EAAwB;QAAtB,KAAK,WAAA,EAAE,aAAa,mBAAA;IAC9B,OAAA,CAAA,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,OAAO,KAAI,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,OAAO;AAAtD,CAAsD,EAG9C,UAAC,EAAwB;QAAtB,KAAK,WAAA,EAAE,aAAa,mBAAA;IAC7B,OAAA,CAAA,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,OAAO,KAAI,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,OAAO;AAAtD,CAAsD,EAM/C,UAAC,EAAwB;QAAtB,KAAK,WAAA,EAAE,aAAa,mBAAA;IAC9B,OAAA,CAAA,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,IAAI,KAAI,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI;AAAhD,CAAgD,EAExC,UAAC,EAAwB;QAAtB,KAAK,WAAA,EAAE,aAAa,mBAAA;IAC7B,OAAA,CAAA,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,IAAI,KAAI,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI;AAAhD,CAAgD,EAIzC,UAAC,EAAwB;QAAtB,KAAK,WAAA,EAAE,aAAa,mBAAA;IAC9B,OAAA,CAAA,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,OAAO,KAAI,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,OAAO;AAAtD,CAAsD,EAE9C,UAAC,EAAwB;QAAtB,KAAK,WAAA,EAAE,aAAa,mBAAA;IAC7B,OAAA,CAAA,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,OAAO,KAAI,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,OAAO;AAAtD,CAAsD,EAOnD,UAAC,EAAwB;QAAtB,KAAK,WAAA,EAAE,aAAa,mBAAA;IAC9B,OAAA,CAAA,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,MAAM,KAAI,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,MAAM;AAApD,CAAoD,EAE5C,UAAC,EAAwB;QAAtB,KAAK,WAAA,EAAE,aAAa,mBAAA;IAC7B,OAAA,CAAA,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,MAAM,KAAI,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,MAAM;AAApD,CAAoD,EAM/C,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,KAAK;AAA1B,CAA0B,EAGxC,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,KAAK;AAA1B,CAA0B,CAGtD,CAAC;AAMF,MAAM,CAAC,IAAM,eAAe,GAAG,MAAM,CAAC,aAAa,CAAC,sfAAsB,6CAEpD,EAGD,cACV,EAGmD,+BAGjD,EAC+C,2DAI9B,EAA6B,oCAC1B,EAA6B,2DAI/B,EAA6B,qCAC1B,EAA6B,gIASlD,EAAyC,UAErD,KAhCqB,UAAC,EAAoC;QAAlC,KAAK,WAAA,EAAE,UAAU,gBAAA,EAAE,aAAa,mBAAA;IACrD,OAAA,UAAU;QACR,CAAC,CAAC,CAAA,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,OAAO,KAAI,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,OAAO;QACxD,CAAC,CAAC,aAAa;AAFjB,CAEiB,EACV,UAAC,EAAoC;QAAlC,KAAK,WAAA,EAAE,UAAU,gBAAA,EAAE,aAAa,mBAAA;IAC1C,OAAA,UAAU;QACR,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,QAAQ;QAC/B,CAAC,CAAC,CAAA,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,OAAO,KAAI,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,OAAO;AAF1D,CAE0D,EAGjD,UAAC,EAAwB;QAAtB,KAAK,WAAA,EAAE,aAAa,mBAAA;IAC9B,OAAA,CAAA,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,OAAO,KAAI,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,OAAO;AAAtD,CAAsD,EAI9B,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,CAAC;AAAd,CAAc,EAC1B,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,CAAC;AAAd,CAAc,EAI/B,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,CAAC;AAAd,CAAc,EAC1B,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,CAAC;AAAd,CAAc,EASlD,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,KAAK;AAA1B,CAA0B,CAErD,CAAC;AAEF,SAAS;AAET,MAAM,CAAC,IAAM,eAAe,GAAG,MAAM,CAAC,KAAK,6SAAA,uGAM5B,EAA+B,2BACtB,EAA4C,+DAKrD,EAA+B,mCAG7C,KATc,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,OAAO,CAAC,EAAE;AAAhB,CAAgB,EACtB,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,QAAQ;AAA7B,CAA6B,EAKrD,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,OAAO,CAAC,EAAE;AAAhB,CAAgB,CAG7C,CAAC"}
package/dist/esm/components/Radio/styles.js CHANGED
@@ -14,7 +14,7 @@ export var RadioLabel = styled.label(templateObject_1 || (templateObject_1 = __m
14
14
  var theme = _a.theme;
15
15
  return theme.colors.neutral.light;
16
16
  });
17
- export var ButtonArea = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n flex-shrink: 0;\n position: relative;\n width: 20px;\n height: 20px;\n border-radius: 50%;\n border: 2px solid ", ";\n transition: border-color 0.3s;\n\n &::after {\n content: \"\";\n position: absolute;\n width: 10px;\n height: 10px;\n top: 3px;\n left: 3px;\n border-radius: 50%;\n background-color: transparent;\n transition: background-color 0.3s;\n }\n\n // Label esta hovered\n label:hover > & {\n border-color: ", ";\n }\n\n // Checked\n input[type=\"radio\"]:checked ~ & {\n border-color: ", ";\n\n &::after {\n background-color: ", ";\n }\n\n label:hover > & {\n border-color: ", ";\n\n &::after {\n background-color: ", ";\n }\n }\n }\n\n // Disabled\n input[type=\"radio\"]:disabled ~ & {\n border-color: ", ";\n }\n\n //Disabled and checked\n input[type=\"radio\"]:checked:disabled ~ & {\n &::after {\n background-color: ", ";\n }\n }\n"], ["\n flex-shrink: 0;\n position: relative;\n width: 20px;\n height: 20px;\n border-radius: 50%;\n border: 2px solid ", ";\n transition: border-color 0.3s;\n\n &::after {\n content: \"\";\n position: absolute;\n width: 10px;\n height: 10px;\n top: 3px;\n left: 3px;\n border-radius: 50%;\n background-color: transparent;\n transition: background-color 0.3s;\n }\n\n // Label esta hovered\n label:hover > & {\n border-color: ", ";\n }\n\n // Checked\n input[type=\"radio\"]:checked ~ & {\n border-color: ", ";\n\n &::after {\n background-color: ", ";\n }\n\n label:hover > & {\n border-color: ", ";\n\n &::after {\n background-color: ", ";\n }\n }\n }\n\n // Disabled\n input[type=\"radio\"]:disabled ~ & {\n border-color: ", ";\n }\n\n //Disabled and checked\n input[type=\"radio\"]:checked:disabled ~ & {\n &::after {\n background-color: ", ";\n }\n }\n"])), function (_a) {
17
+ export var ButtonArea = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n flex-shrink: 0;\n position: relative;\n width: 20px;\n height: 20px;\n border-radius: 50%;\n border: 2px solid ", ";\n transition: border-color 0.3s;\n\n &::after {\n content: \"\";\n position: absolute;\n width: 10px;\n height: 10px;\n top: 3px;\n left: 3px;\n border-radius: 50%;\n background-color: transparent;\n transition: background-color 0.3s;\n }\n\n // Label esta hovered\n label:hover > & {\n border-color: ", ";\n }\n\n // Checked\n input[type=\"radio\"]:checked ~ & {\n border-color: ", ";\n\n &::after {\n background-color: ", ";\n }\n\n label:hover > & {\n border-color: ", ";\n\n &::after {\n background-color: ", ";\n }\n\n @media (hover: none) {\n border-color: ", ";\n\n &::after {\n background-color: ", ";\n }\n }\n }\n }\n\n // Disabled\n input[type=\"radio\"]:disabled ~ & {\n border-color: ", ";\n }\n\n //Disabled and checked\n input[type=\"radio\"]:checked:disabled ~ & {\n &::after {\n background-color: ", ";\n }\n }\n"], ["\n flex-shrink: 0;\n position: relative;\n width: 20px;\n height: 20px;\n border-radius: 50%;\n border: 2px solid ", ";\n transition: border-color 0.3s;\n\n &::after {\n content: \"\";\n position: absolute;\n width: 10px;\n height: 10px;\n top: 3px;\n left: 3px;\n border-radius: 50%;\n background-color: transparent;\n transition: background-color 0.3s;\n }\n\n // Label esta hovered\n label:hover > & {\n border-color: ", ";\n }\n\n // Checked\n input[type=\"radio\"]:checked ~ & {\n border-color: ", ";\n\n &::after {\n background-color: ", ";\n }\n\n label:hover > & {\n border-color: ", ";\n\n &::after {\n background-color: ", ";\n }\n\n @media (hover: none) {\n border-color: ", ";\n\n &::after {\n background-color: ", ";\n }\n }\n }\n }\n\n // Disabled\n input[type=\"radio\"]:disabled ~ & {\n border-color: ", ";\n }\n\n //Disabled and checked\n input[type=\"radio\"]:checked:disabled ~ & {\n &::after {\n background-color: ", ";\n }\n }\n"])), function (_a) {
18
18
  var theme = _a.theme;
19
19
  return theme.colors.neutral.dark;
20
20
  }, function (_a) {
@@ -32,6 +32,12 @@ export var ButtonArea = styled.div(templateObject_2 || (templateObject_2 = __mak
32
32
  }, function (_a) {
33
33
  var theme = _a.theme, colorVariants = _a.colorVariants;
34
34
  return (colorVariants === null || colorVariants === void 0 ? void 0 : colorVariants.dark) || theme.colors.green.dark;
35
+ }, function (_a) {
36
+ var theme = _a.theme, colorVariants = _a.colorVariants;
37
+ return (colorVariants === null || colorVariants === void 0 ? void 0 : colorVariants.default) || theme.colors.green.default;
38
+ }, function (_a) {
39
+ var theme = _a.theme, colorVariants = _a.colorVariants;
40
+ return (colorVariants === null || colorVariants === void 0 ? void 0 : colorVariants.default) || theme.colors.green.default;
35
41
  }, function (_a) {
36
42
  var theme = _a.theme;
37
43
  return theme.colors.neutral.light;
package/dist/esm/components/Radio/styles.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/components/Radio/styles.ts"],"names":[],"mappings":";AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAC;AACvC,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAOrD,MAAM,CAAC,IAAM,UAAU,GAAG,MAAM,CAAC,KAAK,yvBAAiB,oGAKnC,EAAqD,sBACtD,EAAgC,wLAUtC,EAA0C,2WAoBxC,EAAyC,iBAGvD,KAlCmB,UAAC,EAAiB;QAAf,aAAa,mBAAA;IAAO,OAAA,eAAe,CAAC,aAAa,CAAC;AAA9B,CAA8B,EACtD,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,OAAO,CAAC,GAAG;AAAjB,CAAiB,EAUtC,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,MAAM;AAA3B,CAA2B,EAoBxC,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,KAAK;AAA1B,CAA0B,CAGvD,CAAC;AAMF,MAAM,CAAC,IAAM,UAAU,GAAG,MAAM,CAAC,GAAG,mgCAAiB,0HAM/B,EAAwC,oVAiB1C,EAA0C,mFAK1C,EACsC,+CAGhC,EACkC,yDAItC,EACgC,mDAG1B,EAC4B,qGAOpC,EAAyC,8HAMnC,EAAyC,iBAGlE,KApDqB,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI;AAAzB,CAAyB,EAiB1C,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,MAAM;AAA3B,CAA2B,EAK1C,UAAC,EAAwB;QAAtB,KAAK,WAAA,EAAE,aAAa,mBAAA;IACrC,OAAA,CAAA,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,OAAO,KAAI,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,OAAO;AAApD,CAAoD,EAGhC,UAAC,EAAwB;QAAtB,KAAK,WAAA,EAAE,aAAa,mBAAA;IACzC,OAAA,CAAA,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,OAAO,KAAI,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,OAAO;AAApD,CAAoD,EAItC,UAAC,EAAwB;QAAtB,KAAK,WAAA,EAAE,aAAa,mBAAA;IACrC,OAAA,CAAA,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,IAAI,KAAI,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI;AAA9C,CAA8C,EAG1B,UAAC,EAAwB;QAAtB,KAAK,WAAA,EAAE,aAAa,mBAAA;IACzC,OAAA,CAAA,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,IAAI,KAAI,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI;AAA9C,CAA8C,EAOpC,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,KAAK;AAA1B,CAA0B,EAMnC,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,KAAK;AAA1B,CAA0B,CAGlE,CAAC"}
1
+ {"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/components/Radio/styles.ts"],"names":[],"mappings":"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"}
package/dist/esm/components/Select/styles.js CHANGED
@@ -1,6 +1,9 @@
1
1
  import { __makeTemplateObject } from "tslib";
2
2
  import styled from "styled-components";
3
- export var SelectWrapper = styled.label(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n 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: 100%;\n\n .custom-dropdown-icon {\n fill: ", ";\n\n padding-right: 8px;\n }\n\n .react-select__control {\n min-height: 40px;\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__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: 100%;\n\n .custom-dropdown-icon {\n fill: ", ";\n\n padding-right: 8px;\n }\n\n .react-select__control {\n min-height: 40px;\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__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) {
3
+ export var SelectWrapper = styled.label(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n position: relative;\n display: flex;\n flex-direction: column;\n gap: 4px;\n font-size: ", ";\n font-style: normal;\n font-weight: 600;\n line-height: 24px;\n letter-spacing: 0.15px;\n color: ", ";\n width: 100%;\n\n .custom-dropdown-icon {\n fill: ", ";\n\n padding-right: 8px;\n }\n\n .react-select__control {\n min-height: ", ";\n border-radius: ", ";\n border-color: ", ";\n color: ", ";\n font-size: ", ";\n font-style: normal;\n font-weight: 400;\n line-height: 20px;\n letter-spacing: 0.1px;\n cursor: pointer;\n }\n\n [class$=\"-control\"]:hover {\n border-color: ", ";\n }\n\n .react-select__control--is-focused {\n outline: none;\n border-color: ", ";\n box-shadow: none;\n }\n\n .react-select__control--is-disabled {\n background-color: transparent;\n border-color: ", ";\n color: ", ";\n\n .react-select__placeholder {\n color: ", ";\n }\n }\n\n .react-select__indicator-separator {\n display: none;\n }\n\n .react-select__multi-value {\n border-radius: ", ";\n background-color: ", ";\n }\n\n .react-select__multi-value__label {\n padding: ", ";\n }\n\n .react-select__multi-value__remove:hover {\n background-color: ", ";\n\n svg {\n fill: ", ";\n }\n }\n\n .react-select__menu-notice {\n color: ", ";\n font-family: ", ";\n font-size: 14px;\n font-style: normal;\n font-weight: 400;\n line-height: 20px;\n letter-spacing: 0.014px;\n }\n"], ["\n position: relative;\n display: flex;\n flex-direction: column;\n gap: 4px;\n font-size: ", ";\n font-style: normal;\n font-weight: 600;\n line-height: 24px;\n letter-spacing: 0.15px;\n color: ", ";\n width: 100%;\n\n .custom-dropdown-icon {\n fill: ", ";\n\n padding-right: 8px;\n }\n\n .react-select__control {\n min-height: ", ";\n border-radius: ", ";\n border-color: ", ";\n color: ", ";\n font-size: ", ";\n font-style: normal;\n font-weight: 400;\n line-height: 20px;\n letter-spacing: 0.1px;\n cursor: pointer;\n }\n\n [class$=\"-control\"]:hover {\n border-color: ", ";\n }\n\n .react-select__control--is-focused {\n outline: none;\n border-color: ", ";\n box-shadow: none;\n }\n\n .react-select__control--is-disabled {\n background-color: transparent;\n border-color: ", ";\n color: ", ";\n\n .react-select__placeholder {\n color: ", ";\n }\n }\n\n .react-select__indicator-separator {\n display: none;\n }\n\n .react-select__multi-value {\n border-radius: ", ";\n background-color: ", ";\n }\n\n .react-select__multi-value__label {\n padding: ", ";\n }\n\n .react-select__multi-value__remove:hover {\n background-color: ", ";\n\n svg {\n fill: ", ";\n }\n }\n\n .react-select__menu-notice {\n color: ", ";\n font-family: ", ";\n font-size: 14px;\n font-style: normal;\n font-weight: 400;\n line-height: 20px;\n letter-spacing: 0.014px;\n }\n"])), function (_a) {
4
+ var theme = _a.theme;
5
+ return theme.components.input.label.fontSize[theme.device];
6
+ }, function (_a) {
4
7
  var theme = _a.theme, disabled = _a.disabled;
5
8
  return disabled ? theme.colors.neutral.light : theme.colors.neutral.dark;
6
9
  }, function (_a) {
@@ -8,13 +11,19 @@ export var SelectWrapper = styled.label(templateObject_1 || (templateObject_1 =
8
11
  return disabled ? theme.colors.neutral.light : theme.colors.neutral.dark;
9
12
  }, function (_a) {
10
13
  var theme = _a.theme;
11
- return theme.radius.m;
14
+ return theme.components.input.input.height[theme.device];
15
+ }, function (_a) {
16
+ var theme = _a.theme;
17
+ return theme.components.input.input.borderRadius[theme.device];
12
18
  }, function (_a) {
13
19
  var theme = _a.theme, hasError = _a.hasError;
14
20
  return hasError ? theme.colors.red.default : theme.colors.neutral.dark;
15
21
  }, function (_a) {
16
22
  var theme = _a.theme;
17
23
  return theme.colors.neutral.dark;
24
+ }, function (_a) {
25
+ var theme = _a.theme;
26
+ return theme.components.input.input.fontSize[theme.device];
18
27
  }, function (_a) {
19
28
  var theme = _a.theme;
20
29
  return theme.colors.neutral.dark;
package/dist/esm/components/Select/styles.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/components/Select/styles.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/components/Select/styles.ts"],"names":[],"mappings":"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"}
package/dist/esm/components/SingleTab/styles.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import { __makeTemplateObject } from "tslib";
2
2
  import styled from "styled-components";
3
- 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) {
3
+ 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 transition: all 0.3s;\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 transition: all 0.3s;\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 transition: all 0.3s;\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 transition: all 0.3s;\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) {
4
4
  var theme = _a.theme;
5
5
  return theme.spacing.xs;
6
6
  }, function (_a) {
package/dist/esm/components/SingleTab/styles.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/components/SingleTab/styles.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/components/SingleTab/styles.ts"],"names":[],"mappings":"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"}
package/dist/esm/components/Switch/styles.js CHANGED
@@ -17,12 +17,15 @@ export var SwitchLabel = styled.label(templateObject_1 || (templateObject_1 = __
17
17
  var theme = _a.theme;
18
18
  return theme.colors.neutral.light;
19
19
  });
20
- export var SwitchArea = styled.div(templateObject_2 || (templateObject_2 = __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) {
20
+ export var SwitchArea = styled.div(templateObject_2 || (templateObject_2 = __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 @media (hover: none) {\n background-color: ", ";\n }\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 @media (hover: none) {\n background-color: ", ";\n }\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 @media (hover: none) {\n background-color: ", ";\n }\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 @media (hover: none) {\n background-color: ", ";\n }\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) {
21
21
  var theme = _a.theme;
22
22
  return theme.colors.neutral.default;
23
23
  }, function (_a) {
24
24
  var theme = _a.theme;
25
25
  return theme.colors.neutral.dark;
26
+ }, function (_a) {
27
+ var theme = _a.theme;
28
+ return theme.colors.neutral.default;
26
29
  }, function (_a) {
27
30
  var isLoading = _a.isLoading;
28
31
  return (isLoading ? "12px" : "2px");
@@ -32,6 +35,9 @@ export var SwitchArea = styled.div(templateObject_2 || (templateObject_2 = __mak
32
35
  }, function (_a) {
33
36
  var colorVariants = _a.colorVariants, theme = _a.theme;
34
37
  return (colorVariants === null || colorVariants === void 0 ? void 0 : colorVariants.dark) || theme.colors.green.dark;
38
+ }, function (_a) {
39
+ var colorVariants = _a.colorVariants, theme = _a.theme;
40
+ return (colorVariants === null || colorVariants === void 0 ? void 0 : colorVariants.default) || theme.colors.green.default;
35
41
  }, function (_a) {
36
42
  var isLoading = _a.isLoading;
37
43
  return isLoading ? "12px" : "22px";
package/dist/esm/components/Switch/styles.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/components/Switch/styles.ts"],"names":[],"mappings":";AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAC;AACvC,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAOrD,MAAM,CAAC,IAAM,WAAW,GAAG,MAAM,CAAC,KAAK,qzBAAkB,6BAEhD,EAA+B,kGAIpB,EAAqD,sBACtD,EAAgC,sRAiBtC,EAA0C,4SAcxC,EAAyC,iBAGvD,KAvCQ,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,OAAO,CAAC,EAAE;AAAhB,CAAgB,EAIpB,UAAC,EAAiB;QAAf,aAAa,mBAAA;IAAO,OAAA,eAAe,CAAC,aAAa,CAAC;AAA9B,CAA8B,EACtD,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,OAAO,CAAC,GAAG;AAAjB,CAAiB,EAiBtC,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,CAGvD,CAAC;AAOF,MAAM,CAAC,IAAM,UAAU,GAAG,MAAM,CAAC,GAAG,oqCAAiB,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,CAGlE,CAAC"}
1
+ {"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/components/Switch/styles.ts"],"names":[],"mappings":"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"}
package/dist/esm/utils/GlobalStyle.js CHANGED
@@ -1,7 +1,7 @@
1
1
  // GlobalStyles.tsx
2
2
  import { __makeTemplateObject } from "tslib";
3
3
  import { createGlobalStyle } from "styled-components";
4
- 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 {\n border: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 {\n border:0;\n }\n\n ::-webkit-scrollbar-button {\n display: none;\n }\n\n"])), function (_a) {
4
+ 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 -webkit-tap-highlight-color: transparent;\n\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 {\n border: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 -webkit-tap-highlight-color: transparent;\n\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 {\n border:0;\n }\n\n ::-webkit-scrollbar-button {\n display: none;\n }\n\n"])), function (_a) {
5
5
  var theme = _a.theme;
6
6
  return theme.typography.family.default;
7
7
  }, function (_a) {
package/dist/esm/utils/GlobalStyle.js.map CHANGED
@@ -1 +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,0sBAAA,wHAWzB,EAA8C,6QAgBzC,EAAyC,8PAehE,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"}
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,2vBAAA,yKAazB,EAA8C,6QAgBzC,EAAyC,8PAehE,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"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "takeat-design-system-ui-kit",
3
- "version": "0.4.7",
3
+ "version": "0.4.8",
4
4
  "type": "module",
5
5
  "scripts": {
6
6
  "dev": "vite",