takeat-design-system-ui-kit 0.2.1 → 0.2.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/components/Input/styles.js +5 -2
- package/dist/cjs/components/Input/styles.js.map +1 -1
- package/dist/cjs/components/TabGroup/index.js +1 -1
- package/dist/cjs/components/TabGroup/index.js.map +1 -1
- package/dist/esm/components/Input/styles.js +5 -2
- package/dist/esm/components/Input/styles.js.map +1 -1
- package/dist/esm/components/TabGroup/index.js +1 -1
- package/dist/esm/components/TabGroup/index.js.map +1 -1
- package/package.json +1 -1
|
@@ -19,7 +19,7 @@ exports.InputWrapper = styled_components_1.default.div(templateObject_1 || (temp
|
|
|
19
19
|
var theme = _a.theme;
|
|
20
20
|
return theme.colors.neutral.light;
|
|
21
21
|
});
|
|
22
|
-
exports.InputContainer = styled_components_1.default.div(templateObject_2 || (templateObject_2 = tslib_1.__makeTemplateObject(["\n position: relative;\n display: inline-flex;\n flex-direction: column;\n gap: ", ";\n width: 100%;\n\n color: ", ";\n font-size: 12px;\n font-style: normal;\n font-weight: 400;\n line-height: 16px; /* 133.333% */\n letter-spacing: 0.4px;\n\n svg {\n fill: ", ";\n width: 20px;\n height: 20px;\n }\n\n .icon-left {\n width: 20px;\n height: 20px;\n position: absolute;\n left: 16px;\n bottom: 50%;\n transform: translateY(50%);\n }\n\n .icon-right {\n width: 20px;\n height: 20px;\n position: absolute;\n right: 16px;\n bottom: 50%;\n transform: translateY(50%);\n }\n\n .error-icon {\n position: absolute;\n right: 16px;\n fill: ", ";\n bottom: 50%;\n transform: translateY(50%);\n }\n\n &:has(input:disabled) {\n svg {\n fill: ", ";\n }\n }\n\n input {\n height: 40px;\n padding: 10px 16px;\n border-radius: 8px;\n border: 1px solid ", ";\n background-color: transparent;\n\n color: ", ";\n font-family: Poppins;\n font-size: 14px;\n font-style: normal;\n font-weight: 400;\n line-height: 20px; /* 142.857% */\n letter-spacing: 0.1px;\n\n ", "\n ", "\n\n ", "\n\n &::placeholder {\n color: ", ";\n }\n\n &:focus {\n outline: none;\n }\n\n &:focus-visible {\n border: 1px solid ", ";\n }\n\n &:disabled {\n cursor: default;\n border-color: ", ";\n\n &::placeholder {\n color: ", ";\n }\n }\n }\n"], ["\n position: relative;\n display: inline-flex;\n flex-direction: column;\n gap: ", ";\n width: 100%;\n\n color: ", ";\n font-size: 12px;\n font-style: normal;\n font-weight: 400;\n line-height: 16px; /* 133.333% */\n letter-spacing: 0.4px;\n\n svg {\n fill: ", ";\n width: 20px;\n height: 20px;\n }\n\n .icon-left {\n width: 20px;\n height: 20px;\n position: absolute;\n left: 16px;\n bottom: 50%;\n transform: translateY(50%);\n }\n\n .icon-right {\n width: 20px;\n height: 20px;\n position: absolute;\n right: 16px;\n bottom: 50%;\n transform: translateY(50%);\n }\n\n .error-icon {\n position: absolute;\n right: 16px;\n fill: ", ";\n bottom: 50%;\n transform: translateY(50%);\n }\n\n &:has(input:disabled) {\n svg {\n fill: ", ";\n }\n }\n\n input {\n height: 40px;\n padding: 10px 16px;\n border-radius: 8px;\n border: 1px solid ", ";\n background-color: transparent;\n\n color: ", ";\n font-family: Poppins;\n font-size: 14px;\n font-style: normal;\n font-weight: 400;\n line-height: 20px; /* 142.857% */\n letter-spacing: 0.1px;\n\n ", "\n ", "\n\n ", "\n\n &::placeholder {\n color: ", ";\n }\n\n &:focus {\n outline: none;\n }\n\n &:focus-visible {\n border: 1px solid ", ";\n }\n\n &:disabled {\n cursor: default;\n border-color: ", ";\n\n &::placeholder {\n color: ", ";\n }\n }\n }\n"])), function (_a) {
|
|
22
|
+
exports.InputContainer = styled_components_1.default.div(templateObject_2 || (templateObject_2 = tslib_1.__makeTemplateObject(["\n position: relative;\n display: inline-flex;\n flex-direction: column;\n gap: ", ";\n width: 100%;\n\n color: ", ";\n font-size: 12px;\n font-style: normal;\n font-weight: 400;\n line-height: 16px; /* 133.333% */\n letter-spacing: 0.4px;\n\n svg {\n fill: ", ";\n width: 20px;\n height: 20px;\n }\n\n .icon-left {\n width: 20px;\n height: 20px;\n position: absolute;\n left: 16px;\n bottom: 50%;\n transform: translateY(50%);\n }\n\n .icon-right {\n width: 20px;\n height: 20px;\n position: absolute;\n right: 16px;\n bottom: 50%;\n transform: translateY(50%);\n }\n\n .error-icon {\n position: absolute;\n right: 16px;\n fill: ", ";\n bottom: 50%;\n transform: translateY(50%);\n }\n\n &:has(input:disabled) {\n svg {\n fill: ", ";\n }\n }\n\n input {\n height: 40px;\n padding: 10px 16px;\n border-radius: 8px;\n border: 1px solid ", ";\n background-color: transparent;\n\n color: ", ";\n font-family: Poppins;\n font-size: 14px;\n font-style: normal;\n font-weight: 400;\n line-height: 20px; /* 142.857% */\n letter-spacing: 0.1px;\n\n ", "\n ", "\n\n ", "\n\n &::placeholder {\n color: ", ";\n }\n\n &:hover {\n border-color: ", ";\n }\n\n &:focus {\n outline: none;\n }\n\n &:focus-visible {\n border: 1px solid ", ";\n }\n\n &:disabled {\n cursor: default;\n border-color: ", ";\n\n &::placeholder {\n color: ", ";\n }\n }\n }\n"], ["\n position: relative;\n display: inline-flex;\n flex-direction: column;\n gap: ", ";\n width: 100%;\n\n color: ", ";\n font-size: 12px;\n font-style: normal;\n font-weight: 400;\n line-height: 16px; /* 133.333% */\n letter-spacing: 0.4px;\n\n svg {\n fill: ", ";\n width: 20px;\n height: 20px;\n }\n\n .icon-left {\n width: 20px;\n height: 20px;\n position: absolute;\n left: 16px;\n bottom: 50%;\n transform: translateY(50%);\n }\n\n .icon-right {\n width: 20px;\n height: 20px;\n position: absolute;\n right: 16px;\n bottom: 50%;\n transform: translateY(50%);\n }\n\n .error-icon {\n position: absolute;\n right: 16px;\n fill: ", ";\n bottom: 50%;\n transform: translateY(50%);\n }\n\n &:has(input:disabled) {\n svg {\n fill: ", ";\n }\n }\n\n input {\n height: 40px;\n padding: 10px 16px;\n border-radius: 8px;\n border: 1px solid ", ";\n background-color: transparent;\n\n color: ", ";\n font-family: Poppins;\n font-size: 14px;\n font-style: normal;\n font-weight: 400;\n line-height: 20px; /* 142.857% */\n letter-spacing: 0.1px;\n\n ", "\n ", "\n\n ", "\n\n &::placeholder {\n color: ", ";\n }\n\n &:hover {\n border-color: ", ";\n }\n\n &:focus {\n outline: none;\n }\n\n &:focus-visible {\n border: 1px solid ", ";\n }\n\n &:disabled {\n cursor: default;\n border-color: ", ";\n\n &::placeholder {\n color: ", ";\n }\n }\n }\n"])), function (_a) {
|
|
23
23
|
var theme = _a.theme;
|
|
24
24
|
return theme.spacing.xxs;
|
|
25
25
|
}, function (_a) {
|
|
@@ -36,7 +36,7 @@ exports.InputContainer = styled_components_1.default.div(templateObject_2 || (te
|
|
|
36
36
|
return theme.colors.neutral.light;
|
|
37
37
|
}, function (_a) {
|
|
38
38
|
var theme = _a.theme;
|
|
39
|
-
return theme.colors.neutral.
|
|
39
|
+
return theme.colors.neutral.dark;
|
|
40
40
|
}, function (_a) {
|
|
41
41
|
var theme = _a.theme;
|
|
42
42
|
return theme.colors.neutral.dark;
|
|
@@ -53,6 +53,9 @@ exports.InputContainer = styled_components_1.default.div(templateObject_2 || (te
|
|
|
53
53
|
}, function (_a) {
|
|
54
54
|
var theme = _a.theme;
|
|
55
55
|
return theme.colors.neutral.default;
|
|
56
|
+
}, function (_a) {
|
|
57
|
+
var theme = _a.theme;
|
|
58
|
+
return theme.colors.neutral.darker;
|
|
56
59
|
}, function (_a) {
|
|
57
60
|
var theme = _a.theme;
|
|
58
61
|
return theme.colors.blue.dark;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/components/Input/styles.ts"],"names":[],"mappings":";;;;AAAA,gFAAuC;AAM1B,QAAA,YAAY,GAAG,2BAAM,CAAC,GAAG,okBAAmB,wDAGhD,EAAgC,gBAE9B,EAAwC,kSAatC,EAAwC,iEAKtC,EAAyC,mDAIzC,EAAyC,iBAGvD,KA3BQ,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,OAAO,CAAC,GAAG;AAAjB,CAAiB,EAE9B,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI;AAAzB,CAAyB,EAatC,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI;AAAzB,CAAyB,EAKtC,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,KAAK;AAA1B,CAA0B,EAIzC,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,KAAK;AAA1B,CAA0B,EAGtD;AAQW,QAAA,cAAc,GAAG,2BAAM,CAAC,GAAG,
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/components/Input/styles.ts"],"names":[],"mappings":";;;;AAAA,gFAAuC;AAM1B,QAAA,YAAY,GAAG,2BAAM,CAAC,GAAG,okBAAmB,wDAGhD,EAAgC,gBAE9B,EAAwC,kSAatC,EAAwC,iEAKtC,EAAyC,mDAIzC,EAAyC,iBAGvD,KA3BQ,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,OAAO,CAAC,GAAG;AAAjB,CAAiB,EAE9B,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI;AAAzB,CAAyB,EAatC,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI;AAAzB,CAAyB,EAKtC,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,KAAK;AAA1B,CAA0B,EAIzC,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,KAAK;AAA1B,CAA0B,EAGtD;AAQW,QAAA,cAAc,GAAG,2BAAM,CAAC,GAAG,6lDAAqB,sFAIpD,EAAgC,gCAG9B,EAA2C,yJAQ1C,EAAwC,2aA0BxC,EAAuC,iHAOrC,EAAyC,yHAQ/B,EAAwC,sDAGnD,EAAwC,+KAQ/C,EAAyD,QACzD,EAA4D,UAE5D,EAGqB,yCAGZ,EAA2C,iDAIpC,EAA0C,2GAQtC,EAAqC,4EAKzC,EAAyC,8CAG9C,EAAyC,0BAIzD,KAhGQ,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,OAAO,CAAC,GAAG;AAAjB,CAAiB,EAG9B,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,OAAO;AAA5B,CAA4B,EAQ1C,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI;AAAzB,CAAyB,EA0BxC,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,GAAG,CAAC,OAAO;AAAxB,CAAwB,EAOrC,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,KAAK;AAA1B,CAA0B,EAQ/B,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI;AAAzB,CAAyB,EAGnD,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI;AAAzB,CAAyB,EAQ/C,UAAC,EAAe;QAAb,WAAW,iBAAA;IAAO,OAAA,WAAW,IAAI,qBAAqB;AAApC,CAAoC,EACzD,UAAC,EAAgB;QAAd,YAAY,kBAAA;IAAO,OAAA,YAAY,IAAI,sBAAsB;AAAtC,CAAsC,EAE5D,UAAC,EAAmB;QAAjB,QAAQ,cAAA,EAAE,KAAK,WAAA;IAClB,OAAA,QAAQ;QACR,wBAAiB,KAAK,CAAC,MAAM,CAAC,GAAG,CAAC,OAAO,kCACpB;AAFrB,CAEqB,EAGZ,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,OAAO;AAA5B,CAA4B,EAIpC,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,MAAM;AAA3B,CAA2B,EAQtC,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI;AAAtB,CAAsB,EAKzC,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,KAAK;AAA1B,CAA0B,EAG9C,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,KAAK;AAA1B,CAA0B,EAIxD"}
|
|
@@ -10,7 +10,7 @@ exports.TabGroup = (0, react_1.forwardRef)(function TabGroup(_a, ref) {
|
|
|
10
10
|
var _b = _a.variant, variant = _b === void 0 ? "default" : _b, tabs = _a.tabs, _c = _a.defaultTab, defaultTab = _c === void 0 ? 0 : _c, onTabChange = _a.onTabChange, value = _a.value, props = tslib_1.__rest(_a, ["variant", "tabs", "defaultTab", "onTabChange", "value"]);
|
|
11
11
|
var _d = (0, react_1.useState)(defaultTab), tabSelected = _d[0], setTabSelected = _d[1];
|
|
12
12
|
(0, react_1.useEffect)(function () {
|
|
13
|
-
if (value) {
|
|
13
|
+
if (typeof value === "number") {
|
|
14
14
|
setTabSelected(value);
|
|
15
15
|
}
|
|
16
16
|
}, [value]);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/TabGroup/index.tsx"],"names":[],"mappings":";;;;;AAAA,+BAA+D;AAC/D,mCAA2C;AAC3C,0CAAsD;AAgBzC,QAAA,QAAQ,GAAG,IAAA,kBAAU,EAAC,SAAS,QAAQ,CAClD,EAOgB,EAChB,GAA8B;IAP5B,IAAA,eAAmB,EAAnB,OAAO,mBAAG,SAAS,KAAA,EACnB,IAAI,UAAA,EACJ,kBAAc,EAAd,UAAU,mBAAG,CAAC,KAAA,EACd,WAAW,iBAAA,EACX,KAAK,WAAA,EACF,KAAK,sBANV,yDAOC,CADS;IAIJ,IAAA,KAAgC,IAAA,gBAAQ,EAAC,UAAU,CAAC,EAAnD,WAAW,QAAA,EAAE,cAAc,QAAwB,CAAC;IAE3D,IAAA,iBAAS,EAAC;QACR,IAAI,KAAK,EAAE,CAAC;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/TabGroup/index.tsx"],"names":[],"mappings":";;;;;AAAA,+BAA+D;AAC/D,mCAA2C;AAC3C,0CAAsD;AAgBzC,QAAA,QAAQ,GAAG,IAAA,kBAAU,EAAC,SAAS,QAAQ,CAClD,EAOgB,EAChB,GAA8B;IAP5B,IAAA,eAAmB,EAAnB,OAAO,mBAAG,SAAS,KAAA,EACnB,IAAI,UAAA,EACJ,kBAAc,EAAd,UAAU,mBAAG,CAAC,KAAA,EACd,WAAW,iBAAA,EACX,KAAK,WAAA,EACF,KAAK,sBANV,yDAOC,CADS;IAIJ,IAAA,KAAgC,IAAA,gBAAQ,EAAC,UAAU,CAAC,EAAnD,WAAW,QAAA,EAAE,cAAc,QAAwB,CAAC;IAE3D,IAAA,iBAAS,EAAC;QACR,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE,CAAC;YAC9B,cAAc,CAAC,KAAK,CAAC,CAAC;QACxB,CAAC;IACH,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,OAAO,CACL,uBAAC,wBAAe,qBAAC,GAAG,EAAE,GAAG,IAAM,KAAK,cACjC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC;YAClB,IAAI,CAAC,GAAG,CAAC,UAAC,GAAG,EAAE,GAAG;gBAChB,IAAI,OAAO,GAAG,KAAK,QAAQ,EAAE,CAAC;oBAC5B,OAAO,CACL,uBAAC,qBAAS,IAER,UAAU,EAAE,WAAW,KAAK,GAAG,EAC/B,OAAO,EAAE;4BACP,cAAc,CAAC,GAAG,CAAC,CAAC;4BACpB,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAG,GAAG,CAAC,CAAC;wBACrB,CAAC,EACD,OAAO,EAAE,OAAO,YAEf,GAAG,IARC,GAAG,CASE,CACb,CAAC;gBACJ,CAAC;gBACD,OAAO,CACL,uBAAC,qBAAS,IAER,UAAU,EAAE,WAAW,KAAK,GAAG,EAC/B,OAAO,EAAE;wBACP,cAAc,CAAC,GAAG,CAAC,CAAC;wBACpB,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAG,GAAG,CAAC,CAAC;oBACrB,CAAC,EACD,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,GAAG,CAAC,IAAI,EACd,OAAO,EAAE,GAAG,CAAC,OAAO,YAEnB,GAAG,CAAC,IAAI,IAVJ,GAAG,CAWE,CACb,CAAC;YACJ,CAAC,CAAC,IACY,CACnB,CAAC;AACJ,CAAC,CAAC,CAAC"}
|
|
@@ -16,7 +16,7 @@ export var InputWrapper = styled.div(templateObject_1 || (templateObject_1 = __m
|
|
|
16
16
|
var theme = _a.theme;
|
|
17
17
|
return theme.colors.neutral.light;
|
|
18
18
|
});
|
|
19
|
-
export var InputContainer = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n position: relative;\n display: inline-flex;\n flex-direction: column;\n gap: ", ";\n width: 100%;\n\n color: ", ";\n font-size: 12px;\n font-style: normal;\n font-weight: 400;\n line-height: 16px; /* 133.333% */\n letter-spacing: 0.4px;\n\n svg {\n fill: ", ";\n width: 20px;\n height: 20px;\n }\n\n .icon-left {\n width: 20px;\n height: 20px;\n position: absolute;\n left: 16px;\n bottom: 50%;\n transform: translateY(50%);\n }\n\n .icon-right {\n width: 20px;\n height: 20px;\n position: absolute;\n right: 16px;\n bottom: 50%;\n transform: translateY(50%);\n }\n\n .error-icon {\n position: absolute;\n right: 16px;\n fill: ", ";\n bottom: 50%;\n transform: translateY(50%);\n }\n\n &:has(input:disabled) {\n svg {\n fill: ", ";\n }\n }\n\n input {\n height: 40px;\n padding: 10px 16px;\n border-radius: 8px;\n border: 1px solid ", ";\n background-color: transparent;\n\n color: ", ";\n font-family: Poppins;\n font-size: 14px;\n font-style: normal;\n font-weight: 400;\n line-height: 20px; /* 142.857% */\n letter-spacing: 0.1px;\n\n ", "\n ", "\n\n ", "\n\n &::placeholder {\n color: ", ";\n }\n\n &:focus {\n outline: none;\n }\n\n &:focus-visible {\n border: 1px solid ", ";\n }\n\n &:disabled {\n cursor: default;\n border-color: ", ";\n\n &::placeholder {\n color: ", ";\n }\n }\n }\n"], ["\n position: relative;\n display: inline-flex;\n flex-direction: column;\n gap: ", ";\n width: 100%;\n\n color: ", ";\n font-size: 12px;\n font-style: normal;\n font-weight: 400;\n line-height: 16px; /* 133.333% */\n letter-spacing: 0.4px;\n\n svg {\n fill: ", ";\n width: 20px;\n height: 20px;\n }\n\n .icon-left {\n width: 20px;\n height: 20px;\n position: absolute;\n left: 16px;\n bottom: 50%;\n transform: translateY(50%);\n }\n\n .icon-right {\n width: 20px;\n height: 20px;\n position: absolute;\n right: 16px;\n bottom: 50%;\n transform: translateY(50%);\n }\n\n .error-icon {\n position: absolute;\n right: 16px;\n fill: ", ";\n bottom: 50%;\n transform: translateY(50%);\n }\n\n &:has(input:disabled) {\n svg {\n fill: ", ";\n }\n }\n\n input {\n height: 40px;\n padding: 10px 16px;\n border-radius: 8px;\n border: 1px solid ", ";\n background-color: transparent;\n\n color: ", ";\n font-family: Poppins;\n font-size: 14px;\n font-style: normal;\n font-weight: 400;\n line-height: 20px; /* 142.857% */\n letter-spacing: 0.1px;\n\n ", "\n ", "\n\n ", "\n\n &::placeholder {\n color: ", ";\n }\n\n &:focus {\n outline: none;\n }\n\n &:focus-visible {\n border: 1px solid ", ";\n }\n\n &:disabled {\n cursor: default;\n border-color: ", ";\n\n &::placeholder {\n color: ", ";\n }\n }\n }\n"])), function (_a) {
|
|
19
|
+
export var InputContainer = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n position: relative;\n display: inline-flex;\n flex-direction: column;\n gap: ", ";\n width: 100%;\n\n color: ", ";\n font-size: 12px;\n font-style: normal;\n font-weight: 400;\n line-height: 16px; /* 133.333% */\n letter-spacing: 0.4px;\n\n svg {\n fill: ", ";\n width: 20px;\n height: 20px;\n }\n\n .icon-left {\n width: 20px;\n height: 20px;\n position: absolute;\n left: 16px;\n bottom: 50%;\n transform: translateY(50%);\n }\n\n .icon-right {\n width: 20px;\n height: 20px;\n position: absolute;\n right: 16px;\n bottom: 50%;\n transform: translateY(50%);\n }\n\n .error-icon {\n position: absolute;\n right: 16px;\n fill: ", ";\n bottom: 50%;\n transform: translateY(50%);\n }\n\n &:has(input:disabled) {\n svg {\n fill: ", ";\n }\n }\n\n input {\n height: 40px;\n padding: 10px 16px;\n border-radius: 8px;\n border: 1px solid ", ";\n background-color: transparent;\n\n color: ", ";\n font-family: Poppins;\n font-size: 14px;\n font-style: normal;\n font-weight: 400;\n line-height: 20px; /* 142.857% */\n letter-spacing: 0.1px;\n\n ", "\n ", "\n\n ", "\n\n &::placeholder {\n color: ", ";\n }\n\n &:hover {\n border-color: ", ";\n }\n\n &:focus {\n outline: none;\n }\n\n &:focus-visible {\n border: 1px solid ", ";\n }\n\n &:disabled {\n cursor: default;\n border-color: ", ";\n\n &::placeholder {\n color: ", ";\n }\n }\n }\n"], ["\n position: relative;\n display: inline-flex;\n flex-direction: column;\n gap: ", ";\n width: 100%;\n\n color: ", ";\n font-size: 12px;\n font-style: normal;\n font-weight: 400;\n line-height: 16px; /* 133.333% */\n letter-spacing: 0.4px;\n\n svg {\n fill: ", ";\n width: 20px;\n height: 20px;\n }\n\n .icon-left {\n width: 20px;\n height: 20px;\n position: absolute;\n left: 16px;\n bottom: 50%;\n transform: translateY(50%);\n }\n\n .icon-right {\n width: 20px;\n height: 20px;\n position: absolute;\n right: 16px;\n bottom: 50%;\n transform: translateY(50%);\n }\n\n .error-icon {\n position: absolute;\n right: 16px;\n fill: ", ";\n bottom: 50%;\n transform: translateY(50%);\n }\n\n &:has(input:disabled) {\n svg {\n fill: ", ";\n }\n }\n\n input {\n height: 40px;\n padding: 10px 16px;\n border-radius: 8px;\n border: 1px solid ", ";\n background-color: transparent;\n\n color: ", ";\n font-family: Poppins;\n font-size: 14px;\n font-style: normal;\n font-weight: 400;\n line-height: 20px; /* 142.857% */\n letter-spacing: 0.1px;\n\n ", "\n ", "\n\n ", "\n\n &::placeholder {\n color: ", ";\n }\n\n &:hover {\n border-color: ", ";\n }\n\n &:focus {\n outline: none;\n }\n\n &:focus-visible {\n border: 1px solid ", ";\n }\n\n &:disabled {\n cursor: default;\n border-color: ", ";\n\n &::placeholder {\n color: ", ";\n }\n }\n }\n"])), function (_a) {
|
|
20
20
|
var theme = _a.theme;
|
|
21
21
|
return theme.spacing.xxs;
|
|
22
22
|
}, function (_a) {
|
|
@@ -33,7 +33,7 @@ export var InputContainer = styled.div(templateObject_2 || (templateObject_2 = _
|
|
|
33
33
|
return theme.colors.neutral.light;
|
|
34
34
|
}, function (_a) {
|
|
35
35
|
var theme = _a.theme;
|
|
36
|
-
return theme.colors.neutral.
|
|
36
|
+
return theme.colors.neutral.dark;
|
|
37
37
|
}, function (_a) {
|
|
38
38
|
var theme = _a.theme;
|
|
39
39
|
return theme.colors.neutral.dark;
|
|
@@ -50,6 +50,9 @@ export var InputContainer = styled.div(templateObject_2 || (templateObject_2 = _
|
|
|
50
50
|
}, function (_a) {
|
|
51
51
|
var theme = _a.theme;
|
|
52
52
|
return theme.colors.neutral.default;
|
|
53
|
+
}, function (_a) {
|
|
54
|
+
var theme = _a.theme;
|
|
55
|
+
return theme.colors.neutral.darker;
|
|
53
56
|
}, function (_a) {
|
|
54
57
|
var theme = _a.theme;
|
|
55
58
|
return theme.colors.blue.dark;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/components/Input/styles.ts"],"names":[],"mappings":";AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAMvC,MAAM,CAAC,IAAM,YAAY,GAAG,MAAM,CAAC,GAAG,4jBAAmB,wDAGhD,EAAgC,gBAE9B,EAAwC,kSAatC,EAAwC,iEAKtC,EAAyC,mDAIzC,EAAyC,iBAGvD,KA3BQ,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,OAAO,CAAC,GAAG;AAAjB,CAAiB,EAE9B,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI;AAAzB,CAAyB,EAatC,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI;AAAzB,CAAyB,EAKtC,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,KAAK;AAA1B,CAA0B,EAIzC,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,KAAK;AAA1B,CAA0B,CAGvD,CAAC;AAQF,MAAM,CAAC,IAAM,cAAc,GAAG,MAAM,CAAC,GAAG,
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/components/Input/styles.ts"],"names":[],"mappings":"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"}
|
|
@@ -7,7 +7,7 @@ export var TabGroup = forwardRef(function TabGroup(_a, ref) {
|
|
|
7
7
|
var _b = _a.variant, variant = _b === void 0 ? "default" : _b, tabs = _a.tabs, _c = _a.defaultTab, defaultTab = _c === void 0 ? 0 : _c, onTabChange = _a.onTabChange, value = _a.value, props = __rest(_a, ["variant", "tabs", "defaultTab", "onTabChange", "value"]);
|
|
8
8
|
var _d = useState(defaultTab), tabSelected = _d[0], setTabSelected = _d[1];
|
|
9
9
|
useEffect(function () {
|
|
10
|
-
if (value) {
|
|
10
|
+
if (typeof value === "number") {
|
|
11
11
|
setTabSelected(value);
|
|
12
12
|
}
|
|
13
13
|
}, [value]);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/TabGroup/index.tsx"],"names":[],"mappings":";;AAAA,OAAc,EAAE,UAAU,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC/D,OAAO,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAC3C,OAAO,EAAE,SAAS,EAAe,MAAM,cAAc,CAAC;AAgBtD,MAAM,CAAC,IAAM,QAAQ,GAAG,UAAU,CAAC,SAAS,QAAQ,CAClD,EAOgB,EAChB,GAA8B;IAP5B,IAAA,eAAmB,EAAnB,OAAO,mBAAG,SAAS,KAAA,EACnB,IAAI,UAAA,EACJ,kBAAc,EAAd,UAAU,mBAAG,CAAC,KAAA,EACd,WAAW,iBAAA,EACX,KAAK,WAAA,EACF,KAAK,cANV,yDAOC,CADS;IAIJ,IAAA,KAAgC,QAAQ,CAAC,UAAU,CAAC,EAAnD,WAAW,QAAA,EAAE,cAAc,QAAwB,CAAC;IAE3D,SAAS,CAAC;QACR,IAAI,KAAK,EAAE,CAAC;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/TabGroup/index.tsx"],"names":[],"mappings":";;AAAA,OAAc,EAAE,UAAU,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC/D,OAAO,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAC3C,OAAO,EAAE,SAAS,EAAe,MAAM,cAAc,CAAC;AAgBtD,MAAM,CAAC,IAAM,QAAQ,GAAG,UAAU,CAAC,SAAS,QAAQ,CAClD,EAOgB,EAChB,GAA8B;IAP5B,IAAA,eAAmB,EAAnB,OAAO,mBAAG,SAAS,KAAA,EACnB,IAAI,UAAA,EACJ,kBAAc,EAAd,UAAU,mBAAG,CAAC,KAAA,EACd,WAAW,iBAAA,EACX,KAAK,WAAA,EACF,KAAK,cANV,yDAOC,CADS;IAIJ,IAAA,KAAgC,QAAQ,CAAC,UAAU,CAAC,EAAnD,WAAW,QAAA,EAAE,cAAc,QAAwB,CAAC;IAE3D,SAAS,CAAC;QACR,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE,CAAC;YAC9B,cAAc,CAAC,KAAK,CAAC,CAAC;QACxB,CAAC;IACH,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,OAAO,CACL,KAAC,eAAe,aAAC,GAAG,EAAE,GAAG,IAAM,KAAK,cACjC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC;YAClB,IAAI,CAAC,GAAG,CAAC,UAAC,GAAG,EAAE,GAAG;gBAChB,IAAI,OAAO,GAAG,KAAK,QAAQ,EAAE,CAAC;oBAC5B,OAAO,CACL,KAAC,SAAS,IAER,UAAU,EAAE,WAAW,KAAK,GAAG,EAC/B,OAAO,EAAE;4BACP,cAAc,CAAC,GAAG,CAAC,CAAC;4BACpB,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAG,GAAG,CAAC,CAAC;wBACrB,CAAC,EACD,OAAO,EAAE,OAAO,YAEf,GAAG,IARC,GAAG,CASE,CACb,CAAC;gBACJ,CAAC;gBACD,OAAO,CACL,KAAC,SAAS,IAER,UAAU,EAAE,WAAW,KAAK,GAAG,EAC/B,OAAO,EAAE;wBACP,cAAc,CAAC,GAAG,CAAC,CAAC;wBACpB,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAG,GAAG,CAAC,CAAC;oBACrB,CAAC,EACD,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,GAAG,CAAC,IAAI,EACd,OAAO,EAAE,GAAG,CAAC,OAAO,YAEnB,GAAG,CAAC,IAAI,IAVJ,GAAG,CAWE,CACb,CAAC;YACJ,CAAC,CAAC,IACY,CACnB,CAAC;AACJ,CAAC,CAAC,CAAC"}
|