takeat-design-system-ui-kit 0.2.2 → 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.
Files changed (5) hide show
  1. package/dist/cjs/components/Input/styles.js +5 -2
  2. package/dist/cjs/components/Input/styles.js.map +1 -1
  3. package/dist/esm/components/Input/styles.js +5 -2
  4. package/dist/esm/components/Input/styles.js.map +1 -1
  5. package/package.json +1 -1
package/dist/cjs/components/Input/styles.js CHANGED
@@ -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.darker;
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;
package/dist/cjs/components/Input/styles.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/components/Input/styles.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/components/Input/styles.ts"],"names":[],"mappings":"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"}
package/dist/esm/components/Input/styles.js CHANGED
@@ -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.darker;
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;
package/dist/esm/components/Input/styles.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/components/Input/styles.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/components/Input/styles.ts"],"names":[],"mappings":"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"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "takeat-design-system-ui-kit",
3
- "version": "0.2.2",
3
+ "version": "0.2.3",
4
4
  "type": "module",
5
5
  "scripts": {
6
6
  "dev": "vite",