tamagui 3.0.13 → 3.0.15
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.cjs +13 -20
- package/dist/cjs/components/Input.native.cjs +11 -24
- package/dist/cjs/components/Input.native.js +11 -24
- package/dist/cjs/components/Input.native.js.map +1 -1
- package/dist/esm/components/Input.mjs +13 -20
- package/dist/esm/components/Input.mjs.map +1 -1
- package/dist/esm/components/Input.native.js +11 -24
- package/dist/esm/components/Input.native.js.map +1 -1
- package/dist/jsx/components/Input.mjs +13 -20
- package/dist/jsx/components/Input.mjs.map +1 -1
- package/dist/jsx/components/Input.native.cjs +11 -24
- package/dist/jsx/components/Input.native.js +11 -24
- package/dist/jsx/components/Input.native.js.map +1 -1
- package/dist/native.cjs +30 -19
- package/dist/test.cjs +30 -19
- package/package.json +67 -67
- package/src/components/Input.tsx +38 -26
- package/types/components/Input.d.ts.map +1 -1
|
@@ -32,48 +32,41 @@ const inputSize = {
|
|
|
32
32
|
paddingInline: "2",
|
|
33
33
|
paddingBlock: "1",
|
|
34
34
|
borderRadius: "sm",
|
|
35
|
-
fontSize: "xs"
|
|
35
|
+
fontSize: "xs",
|
|
36
|
+
lineHeight: import_core.isWeb ? "xs" : void 0
|
|
36
37
|
},
|
|
37
38
|
sm: {
|
|
38
39
|
paddingInline: "3",
|
|
39
40
|
paddingBlock: "1.5",
|
|
40
41
|
borderRadius: "md",
|
|
41
|
-
fontSize: "sm"
|
|
42
|
+
fontSize: "sm",
|
|
43
|
+
lineHeight: import_core.isWeb ? "sm" : void 0
|
|
42
44
|
},
|
|
43
45
|
md: {
|
|
44
46
|
paddingInline: "4",
|
|
45
47
|
paddingBlock: "2",
|
|
46
48
|
borderRadius: "md",
|
|
47
|
-
fontSize: "sm"
|
|
49
|
+
fontSize: "sm",
|
|
50
|
+
lineHeight: import_core.isWeb ? "sm" : void 0
|
|
48
51
|
},
|
|
49
52
|
lg: {
|
|
50
53
|
paddingInline: "6",
|
|
51
54
|
paddingBlock: "2",
|
|
52
55
|
borderRadius: "md",
|
|
53
|
-
fontSize: "base"
|
|
56
|
+
fontSize: "base",
|
|
57
|
+
lineHeight: import_core.isWeb ? "base" : void 0
|
|
54
58
|
},
|
|
55
59
|
xl: {
|
|
56
60
|
paddingInline: "8",
|
|
57
61
|
paddingBlock: "2.5",
|
|
58
62
|
borderRadius: "lg",
|
|
59
|
-
fontSize: "lg"
|
|
63
|
+
fontSize: "lg",
|
|
64
|
+
lineHeight: import_core.isWeb ? "lg" : void 0
|
|
60
65
|
}
|
|
61
66
|
};
|
|
62
|
-
const inputLineHeight = {
|
|
63
|
-
xs: "xs",
|
|
64
|
-
sm: "sm",
|
|
65
|
-
md: "sm",
|
|
66
|
-
lg: "base",
|
|
67
|
-
xl: "lg"
|
|
68
|
-
};
|
|
69
|
-
const resolveInputSize = (size) => typeof size === "string" && size in inputSize ? size : "md";
|
|
70
|
-
const resolveInputLineHeight = (props) => {
|
|
71
|
-
if (!import_core.isWeb || props.lineHeight != null) return;
|
|
72
|
-
const lineHeight = inputLineHeight[resolveInputSize(props.size)];
|
|
73
|
-
if (lineHeight) return { lineHeight };
|
|
74
|
-
};
|
|
75
67
|
const inputSkin = {
|
|
76
68
|
fontFamily: "body",
|
|
69
|
+
lineHeight: import_core.isWeb ? "sm" : void 0,
|
|
77
70
|
color: "color",
|
|
78
71
|
backgroundColor: "background",
|
|
79
72
|
borderColor: "border-color hover:border-color-hover focus:border-color-focus",
|
|
@@ -91,7 +84,7 @@ const InputFrame = (0, import_core.styled)(import_input.Input, {
|
|
|
91
84
|
true: inputSize.md
|
|
92
85
|
} },
|
|
93
86
|
defaultVariants: { size: "md" }
|
|
94
|
-
})
|
|
87
|
+
});
|
|
95
88
|
const TextAreaFrame = (0, import_core.styled)(import_input.TextArea, {
|
|
96
89
|
displayName: "TextArea",
|
|
97
90
|
className: "is_TextArea",
|
|
@@ -101,7 +94,7 @@ const TextAreaFrame = (0, import_core.styled)(import_input.TextArea, {
|
|
|
101
94
|
true: inputSize.md
|
|
102
95
|
} },
|
|
103
96
|
defaultVariants: { size: "md" }
|
|
104
|
-
})
|
|
97
|
+
});
|
|
105
98
|
const Input = (0, import_core.createStyledHOC)(InputFrame, function Input2({ theme, ...props }, ref) {
|
|
106
99
|
const input = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_core.Theme, {
|
|
107
100
|
name: "Input",
|
|
@@ -34,50 +34,41 @@ var inputSize = {
|
|
|
34
34
|
paddingInline: "2",
|
|
35
35
|
paddingBlock: "1",
|
|
36
36
|
borderRadius: "sm",
|
|
37
|
-
fontSize: "xs"
|
|
37
|
+
fontSize: "xs",
|
|
38
|
+
lineHeight: import_core.isWeb ? "xs" : void 0
|
|
38
39
|
},
|
|
39
40
|
sm: {
|
|
40
41
|
paddingInline: "3",
|
|
41
42
|
paddingBlock: "1.5",
|
|
42
43
|
borderRadius: "md",
|
|
43
|
-
fontSize: "sm"
|
|
44
|
+
fontSize: "sm",
|
|
45
|
+
lineHeight: import_core.isWeb ? "sm" : void 0
|
|
44
46
|
},
|
|
45
47
|
md: {
|
|
46
48
|
paddingInline: "4",
|
|
47
49
|
paddingBlock: "2",
|
|
48
50
|
borderRadius: "md",
|
|
49
|
-
fontSize: "sm"
|
|
51
|
+
fontSize: "sm",
|
|
52
|
+
lineHeight: import_core.isWeb ? "sm" : void 0
|
|
50
53
|
},
|
|
51
54
|
lg: {
|
|
52
55
|
paddingInline: "6",
|
|
53
56
|
paddingBlock: "2",
|
|
54
57
|
borderRadius: "md",
|
|
55
|
-
fontSize: "base"
|
|
58
|
+
fontSize: "base",
|
|
59
|
+
lineHeight: import_core.isWeb ? "base" : void 0
|
|
56
60
|
},
|
|
57
61
|
xl: {
|
|
58
62
|
paddingInline: "8",
|
|
59
63
|
paddingBlock: "2.5",
|
|
60
64
|
borderRadius: "lg",
|
|
61
|
-
fontSize: "lg"
|
|
65
|
+
fontSize: "lg",
|
|
66
|
+
lineHeight: import_core.isWeb ? "lg" : void 0
|
|
62
67
|
}
|
|
63
68
|
};
|
|
64
|
-
var inputLineHeight = {
|
|
65
|
-
xs: "xs",
|
|
66
|
-
sm: "sm",
|
|
67
|
-
md: "sm",
|
|
68
|
-
lg: "base",
|
|
69
|
-
xl: "lg"
|
|
70
|
-
};
|
|
71
|
-
var resolveInputSize = function resolveInputSize2(size) {
|
|
72
|
-
return typeof size === "string" && size in inputSize ? size : "md";
|
|
73
|
-
};
|
|
74
|
-
var resolveInputLineHeight = function resolveInputLineHeight2(props) {
|
|
75
|
-
if (!import_core.isWeb || props.lineHeight != null) return;
|
|
76
|
-
var lineHeight = inputLineHeight[resolveInputSize(props.size)];
|
|
77
|
-
if (lineHeight) return { lineHeight };
|
|
78
|
-
};
|
|
79
69
|
var inputSkin = {
|
|
80
70
|
fontFamily: "body",
|
|
71
|
+
lineHeight: import_core.isWeb ? "sm" : void 0,
|
|
81
72
|
color: "color",
|
|
82
73
|
backgroundColor: "background",
|
|
83
74
|
borderColor: "border-color hover:border-color-hover focus:border-color-focus",
|
|
@@ -95,8 +86,6 @@ var InputFrame = (0, import_core.styled)(import_input.Input, {
|
|
|
95
86
|
true: inputSize.md
|
|
96
87
|
} },
|
|
97
88
|
defaultVariants: { size: "md" }
|
|
98
|
-
}).resolve(function(props) {
|
|
99
|
-
return resolveInputLineHeight(props);
|
|
100
89
|
});
|
|
101
90
|
var TextAreaFrame = (0, import_core.styled)(import_input.TextArea, {
|
|
102
91
|
displayName: "TextArea",
|
|
@@ -107,8 +96,6 @@ var TextAreaFrame = (0, import_core.styled)(import_input.TextArea, {
|
|
|
107
96
|
true: inputSize.md
|
|
108
97
|
} },
|
|
109
98
|
defaultVariants: { size: "md" }
|
|
110
|
-
}).resolve(function(props) {
|
|
111
|
-
return resolveInputLineHeight(props);
|
|
112
99
|
});
|
|
113
100
|
var Input = (0, import_core.createStyledHOC)(InputFrame, function Input2(param, ref) {
|
|
114
101
|
var { theme, ...props } = param;
|
|
@@ -34,50 +34,41 @@ var inputSize = {
|
|
|
34
34
|
paddingInline: "2",
|
|
35
35
|
paddingBlock: "1",
|
|
36
36
|
borderRadius: "sm",
|
|
37
|
-
fontSize: "xs"
|
|
37
|
+
fontSize: "xs",
|
|
38
|
+
lineHeight: import_core.isWeb ? "xs" : void 0
|
|
38
39
|
},
|
|
39
40
|
sm: {
|
|
40
41
|
paddingInline: "3",
|
|
41
42
|
paddingBlock: "1.5",
|
|
42
43
|
borderRadius: "md",
|
|
43
|
-
fontSize: "sm"
|
|
44
|
+
fontSize: "sm",
|
|
45
|
+
lineHeight: import_core.isWeb ? "sm" : void 0
|
|
44
46
|
},
|
|
45
47
|
md: {
|
|
46
48
|
paddingInline: "4",
|
|
47
49
|
paddingBlock: "2",
|
|
48
50
|
borderRadius: "md",
|
|
49
|
-
fontSize: "sm"
|
|
51
|
+
fontSize: "sm",
|
|
52
|
+
lineHeight: import_core.isWeb ? "sm" : void 0
|
|
50
53
|
},
|
|
51
54
|
lg: {
|
|
52
55
|
paddingInline: "6",
|
|
53
56
|
paddingBlock: "2",
|
|
54
57
|
borderRadius: "md",
|
|
55
|
-
fontSize: "base"
|
|
58
|
+
fontSize: "base",
|
|
59
|
+
lineHeight: import_core.isWeb ? "base" : void 0
|
|
56
60
|
},
|
|
57
61
|
xl: {
|
|
58
62
|
paddingInline: "8",
|
|
59
63
|
paddingBlock: "2.5",
|
|
60
64
|
borderRadius: "lg",
|
|
61
|
-
fontSize: "lg"
|
|
65
|
+
fontSize: "lg",
|
|
66
|
+
lineHeight: import_core.isWeb ? "lg" : void 0
|
|
62
67
|
}
|
|
63
68
|
};
|
|
64
|
-
var inputLineHeight = {
|
|
65
|
-
xs: "xs",
|
|
66
|
-
sm: "sm",
|
|
67
|
-
md: "sm",
|
|
68
|
-
lg: "base",
|
|
69
|
-
xl: "lg"
|
|
70
|
-
};
|
|
71
|
-
var resolveInputSize = function resolveInputSize2(size) {
|
|
72
|
-
return typeof size === "string" && size in inputSize ? size : "md";
|
|
73
|
-
};
|
|
74
|
-
var resolveInputLineHeight = function resolveInputLineHeight2(props) {
|
|
75
|
-
if (!import_core.isWeb || props.lineHeight != null) return;
|
|
76
|
-
var lineHeight = inputLineHeight[resolveInputSize(props.size)];
|
|
77
|
-
if (lineHeight) return { lineHeight };
|
|
78
|
-
};
|
|
79
69
|
var inputSkin = {
|
|
80
70
|
fontFamily: "body",
|
|
71
|
+
lineHeight: import_core.isWeb ? "sm" : void 0,
|
|
81
72
|
color: "color",
|
|
82
73
|
backgroundColor: "background",
|
|
83
74
|
borderColor: "border-color hover:border-color-hover focus:border-color-focus",
|
|
@@ -95,8 +86,6 @@ var InputFrame = (0, import_core.styled)(import_input.Input, {
|
|
|
95
86
|
true: inputSize.md
|
|
96
87
|
} },
|
|
97
88
|
defaultVariants: { size: "md" }
|
|
98
|
-
}).resolve(function(props) {
|
|
99
|
-
return resolveInputLineHeight(props);
|
|
100
89
|
});
|
|
101
90
|
var TextAreaFrame = (0, import_core.styled)(import_input.TextArea, {
|
|
102
91
|
displayName: "TextArea",
|
|
@@ -107,8 +96,6 @@ var TextAreaFrame = (0, import_core.styled)(import_input.TextArea, {
|
|
|
107
96
|
true: inputSize.md
|
|
108
97
|
} },
|
|
109
98
|
defaultVariants: { size: "md" }
|
|
110
|
-
}).resolve(function(props) {
|
|
111
|
-
return resolveInputLineHeight(props);
|
|
112
99
|
});
|
|
113
100
|
var Input = (0, import_core.createStyledHOC)(InputFrame, function Input2(param, ref) {
|
|
114
101
|
var { theme, ...props } = param;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Input.native.js","names":[],"sources":["cjs/components/Input.native.js"],"sourcesContent":["\"use strict\";\nvar __defProp = Object.defineProperty;\nvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames = Object.getOwnPropertyNames;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __export = (target, all) => {\n for (var name in all)\n __defProp(target, name, { get: all[name], enumerable: true });\n};\nvar __copyProps = (to, from, except, desc) => {\n if (from && typeof from === \"object\" || typeof from === \"function\") {\n for (let key of __getOwnPropNames(from))\n if (!__hasOwnProp.call(to, key) && key !== except)\n __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });\n }\n return to;\n};\nvar __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: true }), mod);\nvar Input_exports = {};\n__export(Input_exports, {\n Input: () => Input,\n TextArea: () => TextArea\n});\nmodule.exports = __toCommonJS(Input_exports);\nvar import_jsx_runtime = require(\"react/jsx-runtime\");\nvar import_core = require(\"@tamagui/core\");\nvar import_input = require(\"@tamagui/input\");\nvar inputSize = {\n xs: {\n paddingInline: \"2\",\n paddingBlock: \"1\",\n borderRadius: \"sm\",\n fontSize: \"xs\"\n },\n sm: {\n paddingInline: \"3\",\n paddingBlock: \"1.5\",\n borderRadius: \"md\",\n fontSize: \"sm\"\n },\n md: {\n paddingInline: \"4\",\n paddingBlock: \"2\",\n borderRadius: \"md\",\n fontSize: \"sm\"\n },\n lg: {\n paddingInline: \"6\",\n paddingBlock: \"2\",\n borderRadius: \"md\",\n fontSize: \"base\"\n },\n xl: {\n paddingInline: \"8\",\n paddingBlock: \"2.5\",\n borderRadius: \"lg\",\n fontSize: \"lg\"
|
|
1
|
+
{"version":3,"file":"Input.native.js","names":[],"sources":["cjs/components/Input.native.js"],"sourcesContent":["\"use strict\";\nvar __defProp = Object.defineProperty;\nvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames = Object.getOwnPropertyNames;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __export = (target, all) => {\n for (var name in all)\n __defProp(target, name, { get: all[name], enumerable: true });\n};\nvar __copyProps = (to, from, except, desc) => {\n if (from && typeof from === \"object\" || typeof from === \"function\") {\n for (let key of __getOwnPropNames(from))\n if (!__hasOwnProp.call(to, key) && key !== except)\n __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });\n }\n return to;\n};\nvar __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: true }), mod);\nvar Input_exports = {};\n__export(Input_exports, {\n Input: () => Input,\n TextArea: () => TextArea\n});\nmodule.exports = __toCommonJS(Input_exports);\nvar import_jsx_runtime = require(\"react/jsx-runtime\");\nvar import_core = require(\"@tamagui/core\");\nvar import_input = require(\"@tamagui/input\");\nvar inputSize = {\n xs: {\n paddingInline: \"2\",\n paddingBlock: \"1\",\n borderRadius: \"sm\",\n fontSize: \"xs\",\n lineHeight: import_core.isWeb ? \"xs\" : void 0\n },\n sm: {\n paddingInline: \"3\",\n paddingBlock: \"1.5\",\n borderRadius: \"md\",\n fontSize: \"sm\",\n lineHeight: import_core.isWeb ? \"sm\" : void 0\n },\n md: {\n paddingInline: \"4\",\n paddingBlock: \"2\",\n borderRadius: \"md\",\n fontSize: \"sm\",\n lineHeight: import_core.isWeb ? \"sm\" : void 0\n },\n lg: {\n paddingInline: \"6\",\n paddingBlock: \"2\",\n borderRadius: \"md\",\n fontSize: \"base\",\n lineHeight: import_core.isWeb ? \"base\" : void 0\n },\n xl: {\n paddingInline: \"8\",\n paddingBlock: \"2.5\",\n borderRadius: \"lg\",\n fontSize: \"lg\",\n lineHeight: import_core.isWeb ? \"lg\" : void 0\n }\n};\nvar inputSkin = {\n fontFamily: \"body\",\n lineHeight: import_core.isWeb ? \"sm\" : void 0,\n color: \"color\",\n backgroundColor: \"background\",\n borderColor: \"border-color hover:border-color-hover focus:border-color-focus\",\n borderWidth: 1,\n outlineColor: \"focus-visible:outline-color\",\n outlineWidth: \"focus-visible:2px\",\n outlineStyle: \"focus-visible:solid\"\n};\nvar InputFrame = (0, import_core.styled)(import_input.Input, {\n displayName: \"Input\",\n className: \"is_Input\",\n ...inputSkin,\n variants: {\n size: {\n ...inputSize,\n true: inputSize.md\n }\n },\n defaultVariants: {\n size: \"md\"\n }\n});\nvar TextAreaFrame = (0, import_core.styled)(import_input.TextArea, {\n displayName: \"TextArea\",\n className: \"is_TextArea\",\n ...inputSkin,\n variants: {\n size: {\n ...inputSize,\n true: inputSize.md\n }\n },\n defaultVariants: {\n size: \"md\"\n }\n});\nvar Input = (0, import_core.createStyledHOC)(InputFrame, function Input2(param, ref) {\n var { theme, ...props } = param;\n var input = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_core.Theme, {\n name: \"Input\",\n children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(InputFrame, {\n ref,\n ...props\n })\n });\n return theme ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_core.Theme, {\n name: theme,\n children: input\n }) : input;\n}, {\n disableTheme: true\n});\nvar TextArea = (0, import_core.createStyledHOC)(TextAreaFrame, function TextArea2(param, ref) {\n var { theme, ...props } = param;\n var textArea = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_core.Theme, {\n name: \"TextArea\",\n children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TextAreaFrame, {\n ref,\n ...props\n })\n });\n return theme ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_core.Theme, {\n name: theme,\n children: textArea\n }) : textArea;\n}, {\n disableTheme: true\n});\n//# sourceMappingURL=Input.js.map\n"],"mappings":"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"}
|
|
@@ -7,48 +7,41 @@ const inputSize = {
|
|
|
7
7
|
paddingInline: "2",
|
|
8
8
|
paddingBlock: "1",
|
|
9
9
|
borderRadius: "sm",
|
|
10
|
-
fontSize: "xs"
|
|
10
|
+
fontSize: "xs",
|
|
11
|
+
lineHeight: isWeb ? "xs" : void 0
|
|
11
12
|
},
|
|
12
13
|
sm: {
|
|
13
14
|
paddingInline: "3",
|
|
14
15
|
paddingBlock: "1.5",
|
|
15
16
|
borderRadius: "md",
|
|
16
|
-
fontSize: "sm"
|
|
17
|
+
fontSize: "sm",
|
|
18
|
+
lineHeight: isWeb ? "sm" : void 0
|
|
17
19
|
},
|
|
18
20
|
md: {
|
|
19
21
|
paddingInline: "4",
|
|
20
22
|
paddingBlock: "2",
|
|
21
23
|
borderRadius: "md",
|
|
22
|
-
fontSize: "sm"
|
|
24
|
+
fontSize: "sm",
|
|
25
|
+
lineHeight: isWeb ? "sm" : void 0
|
|
23
26
|
},
|
|
24
27
|
lg: {
|
|
25
28
|
paddingInline: "6",
|
|
26
29
|
paddingBlock: "2",
|
|
27
30
|
borderRadius: "md",
|
|
28
|
-
fontSize: "base"
|
|
31
|
+
fontSize: "base",
|
|
32
|
+
lineHeight: isWeb ? "base" : void 0
|
|
29
33
|
},
|
|
30
34
|
xl: {
|
|
31
35
|
paddingInline: "8",
|
|
32
36
|
paddingBlock: "2.5",
|
|
33
37
|
borderRadius: "lg",
|
|
34
|
-
fontSize: "lg"
|
|
38
|
+
fontSize: "lg",
|
|
39
|
+
lineHeight: isWeb ? "lg" : void 0
|
|
35
40
|
}
|
|
36
41
|
};
|
|
37
|
-
const inputLineHeight = {
|
|
38
|
-
xs: "xs",
|
|
39
|
-
sm: "sm",
|
|
40
|
-
md: "sm",
|
|
41
|
-
lg: "base",
|
|
42
|
-
xl: "lg"
|
|
43
|
-
};
|
|
44
|
-
const resolveInputSize = (size) => typeof size === "string" && size in inputSize ? size : "md";
|
|
45
|
-
const resolveInputLineHeight = (props) => {
|
|
46
|
-
if (!isWeb || props.lineHeight != null) return;
|
|
47
|
-
const lineHeight = inputLineHeight[resolveInputSize(props.size)];
|
|
48
|
-
if (lineHeight) return { lineHeight };
|
|
49
|
-
};
|
|
50
42
|
const inputSkin = {
|
|
51
43
|
fontFamily: "body",
|
|
44
|
+
lineHeight: isWeb ? "sm" : void 0,
|
|
52
45
|
color: "color",
|
|
53
46
|
backgroundColor: "background",
|
|
54
47
|
borderColor: "border-color hover:border-color-hover focus:border-color-focus",
|
|
@@ -66,7 +59,7 @@ const InputFrame = styled(Input$1, {
|
|
|
66
59
|
true: inputSize.md
|
|
67
60
|
} },
|
|
68
61
|
defaultVariants: { size: "md" }
|
|
69
|
-
})
|
|
62
|
+
});
|
|
70
63
|
const TextAreaFrame = styled(TextArea$1, {
|
|
71
64
|
displayName: "TextArea",
|
|
72
65
|
className: "is_TextArea",
|
|
@@ -76,7 +69,7 @@ const TextAreaFrame = styled(TextArea$1, {
|
|
|
76
69
|
true: inputSize.md
|
|
77
70
|
} },
|
|
78
71
|
defaultVariants: { size: "md" }
|
|
79
|
-
})
|
|
72
|
+
});
|
|
80
73
|
const Input = createStyledHOC(InputFrame, function Input2({ theme, ...props }, ref) {
|
|
81
74
|
const input = /* @__PURE__ */ jsx(Theme, {
|
|
82
75
|
name: "Input",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Input.js","names":["UiInput","UiTextArea"],"sources":["esm/components/Input.js"],"sourcesContent":["import {\n createStyledHOC,\n isWeb,\n styled,\n Theme\n} from \"@tamagui/core\";\nimport { Input as UiInput, TextArea as UiTextArea } from \"@tamagui/input\";\nimport { jsx } from \"react/jsx-runtime\";\nconst inputSize = {\n xs: {
|
|
1
|
+
{"version":3,"file":"Input.js","names":["UiInput","UiTextArea"],"sources":["esm/components/Input.js"],"sourcesContent":["import {\n createStyledHOC,\n isWeb,\n styled,\n Theme\n} from \"@tamagui/core\";\nimport { Input as UiInput, TextArea as UiTextArea } from \"@tamagui/input\";\nimport { jsx } from \"react/jsx-runtime\";\nconst inputSize = {\n xs: {\n paddingInline: \"2\",\n paddingBlock: \"1\",\n borderRadius: \"sm\",\n fontSize: \"xs\",\n lineHeight: isWeb ? \"xs\" : void 0\n },\n sm: {\n paddingInline: \"3\",\n paddingBlock: \"1.5\",\n borderRadius: \"md\",\n fontSize: \"sm\",\n lineHeight: isWeb ? \"sm\" : void 0\n },\n md: {\n paddingInline: \"4\",\n paddingBlock: \"2\",\n borderRadius: \"md\",\n fontSize: \"sm\",\n lineHeight: isWeb ? \"sm\" : void 0\n },\n lg: {\n paddingInline: \"6\",\n paddingBlock: \"2\",\n borderRadius: \"md\",\n fontSize: \"base\",\n lineHeight: isWeb ? \"base\" : void 0\n },\n xl: {\n paddingInline: \"8\",\n paddingBlock: \"2.5\",\n borderRadius: \"lg\",\n fontSize: \"lg\",\n lineHeight: isWeb ? \"lg\" : void 0\n }\n};\nconst inputSkin = {\n fontFamily: \"body\",\n lineHeight: isWeb ? \"sm\" : void 0,\n color: \"color\",\n backgroundColor: \"background\",\n borderColor: \"border-color hover:border-color-hover focus:border-color-focus\",\n borderWidth: 1,\n outlineColor: \"focus-visible:outline-color\",\n outlineWidth: \"focus-visible:2px\",\n outlineStyle: \"focus-visible:solid\"\n};\nconst InputFrame = styled(UiInput, {\n displayName: \"Input\",\n className: \"is_Input\",\n ...inputSkin,\n variants: {\n size: {\n ...inputSize,\n true: inputSize.md\n }\n },\n defaultVariants: {\n size: \"md\"\n }\n});\nconst TextAreaFrame = styled(UiTextArea, {\n displayName: \"TextArea\",\n className: \"is_TextArea\",\n ...inputSkin,\n variants: {\n size: {\n ...inputSize,\n true: inputSize.md\n }\n },\n defaultVariants: {\n size: \"md\"\n }\n});\nconst Input = createStyledHOC(\n InputFrame,\n function Input2({ theme, ...props }, ref) {\n const input = /* @__PURE__ */ jsx(Theme, { name: \"Input\", children: /* @__PURE__ */ jsx(InputFrame, { ref, ...props }) });\n return theme ? /* @__PURE__ */ jsx(Theme, { name: theme, children: input }) : input;\n },\n { disableTheme: true }\n);\nconst TextArea = createStyledHOC(\n TextAreaFrame,\n function TextArea2({ theme, ...props }, ref) {\n const textArea = /* @__PURE__ */ jsx(Theme, { name: \"TextArea\", children: /* @__PURE__ */ jsx(TextAreaFrame, { ref, ...props }) });\n return theme ? /* @__PURE__ */ jsx(Theme, { name: theme, children: textArea }) : textArea;\n },\n { disableTheme: true }\n);\nexport {\n Input,\n TextArea\n};\n//# sourceMappingURL=Input.js.map\n"],"mappings":";;;;;AAQA,MAAM,YAAY;CAChB,IAAI;EACF,eAAe;EACf,cAAc;EACd,cAAc;EACd,UAAU;EACV,YAAY,QAAQ,OAAO,KAAK;CAClC;CACA,IAAI;EACF,eAAe;EACf,cAAc;EACd,cAAc;EACd,UAAU;EACV,YAAY,QAAQ,OAAO,KAAK;CAClC;CACA,IAAI;EACF,eAAe;EACf,cAAc;EACd,cAAc;EACd,UAAU;EACV,YAAY,QAAQ,OAAO,KAAK;CAClC;CACA,IAAI;EACF,eAAe;EACf,cAAc;EACd,cAAc;EACd,UAAU;EACV,YAAY,QAAQ,SAAS,KAAK;CACpC;CACA,IAAI;EACF,eAAe;EACf,cAAc;EACd,cAAc;EACd,UAAU;EACV,YAAY,QAAQ,OAAO,KAAK;CAClC;AACF;AACA,MAAM,YAAY;CAChB,YAAY;CACZ,YAAY,QAAQ,OAAO,KAAK;CAChC,OAAO;CACP,iBAAiB;CACjB,aAAa;CACb,aAAa;CACb,cAAc;CACd,cAAc;CACd,cAAc;AAChB;AACA,MAAM,aAAa,OAAOA,SAAS;CACjC,aAAa;CACb,WAAW;CACX,GAAG;CACH,UAAU,EACR,MAAM;EACJ,GAAG;EACH,MAAM,UAAU;CAClB,EACF;CACA,iBAAiB,EACf,MAAM,KACR;AACF,CAAC;AACD,MAAM,gBAAgB,OAAOC,YAAY;CACvC,aAAa;CACb,WAAW;CACX,GAAG;CACH,UAAU,EACR,MAAM;EACJ,GAAG;EACH,MAAM,UAAU;CAClB,EACF;CACA,iBAAiB,EACf,MAAM,KACR;AACF,CAAC;AACD,MAAM,QAAQ,gBACZ,YACA,SAAS,OAAO,EAAE,OAAO,GAAG,SAAS,KAAK;CACxC,MAAM,QAAwB,oBAAI,OAAO;EAAE,MAAM;EAAS,UAA0B,oBAAI,YAAY;GAAE;GAAK,GAAG;EAAM,CAAC;CAAE,CAAC;CACxH,OAAO,QAAwB,oBAAI,OAAO;EAAE,MAAM;EAAO,UAAU;CAAM,CAAC,IAAI;AAChF,GACA,EAAE,cAAc,KAAK,CACvB;AACA,MAAM,WAAW,gBACf,eACA,SAAS,UAAU,EAAE,OAAO,GAAG,SAAS,KAAK;CAC3C,MAAM,WAA2B,oBAAI,OAAO;EAAE,MAAM;EAAY,UAA0B,oBAAI,eAAe;GAAE;GAAK,GAAG;EAAM,CAAC;CAAE,CAAC;CACjI,OAAO,QAAwB,oBAAI,OAAO;EAAE,MAAM;EAAO,UAAU;CAAS,CAAC,IAAI;AACnF,GACA,EAAE,cAAc,KAAK,CACvB"}
|
|
@@ -7,50 +7,41 @@ var inputSize = {
|
|
|
7
7
|
paddingInline: "2",
|
|
8
8
|
paddingBlock: "1",
|
|
9
9
|
borderRadius: "sm",
|
|
10
|
-
fontSize: "xs"
|
|
10
|
+
fontSize: "xs",
|
|
11
|
+
lineHeight: isWeb ? "xs" : void 0
|
|
11
12
|
},
|
|
12
13
|
sm: {
|
|
13
14
|
paddingInline: "3",
|
|
14
15
|
paddingBlock: "1.5",
|
|
15
16
|
borderRadius: "md",
|
|
16
|
-
fontSize: "sm"
|
|
17
|
+
fontSize: "sm",
|
|
18
|
+
lineHeight: isWeb ? "sm" : void 0
|
|
17
19
|
},
|
|
18
20
|
md: {
|
|
19
21
|
paddingInline: "4",
|
|
20
22
|
paddingBlock: "2",
|
|
21
23
|
borderRadius: "md",
|
|
22
|
-
fontSize: "sm"
|
|
24
|
+
fontSize: "sm",
|
|
25
|
+
lineHeight: isWeb ? "sm" : void 0
|
|
23
26
|
},
|
|
24
27
|
lg: {
|
|
25
28
|
paddingInline: "6",
|
|
26
29
|
paddingBlock: "2",
|
|
27
30
|
borderRadius: "md",
|
|
28
|
-
fontSize: "base"
|
|
31
|
+
fontSize: "base",
|
|
32
|
+
lineHeight: isWeb ? "base" : void 0
|
|
29
33
|
},
|
|
30
34
|
xl: {
|
|
31
35
|
paddingInline: "8",
|
|
32
36
|
paddingBlock: "2.5",
|
|
33
37
|
borderRadius: "lg",
|
|
34
|
-
fontSize: "lg"
|
|
38
|
+
fontSize: "lg",
|
|
39
|
+
lineHeight: isWeb ? "lg" : void 0
|
|
35
40
|
}
|
|
36
41
|
};
|
|
37
|
-
var inputLineHeight = {
|
|
38
|
-
xs: "xs",
|
|
39
|
-
sm: "sm",
|
|
40
|
-
md: "sm",
|
|
41
|
-
lg: "base",
|
|
42
|
-
xl: "lg"
|
|
43
|
-
};
|
|
44
|
-
var resolveInputSize = function resolveInputSize2(size) {
|
|
45
|
-
return typeof size === "string" && size in inputSize ? size : "md";
|
|
46
|
-
};
|
|
47
|
-
var resolveInputLineHeight = function resolveInputLineHeight2(props) {
|
|
48
|
-
if (!isWeb || props.lineHeight != null) return;
|
|
49
|
-
var lineHeight = inputLineHeight[resolveInputSize(props.size)];
|
|
50
|
-
if (lineHeight) return { lineHeight };
|
|
51
|
-
};
|
|
52
42
|
var inputSkin = {
|
|
53
43
|
fontFamily: "body",
|
|
44
|
+
lineHeight: isWeb ? "sm" : void 0,
|
|
54
45
|
color: "color",
|
|
55
46
|
backgroundColor: "background",
|
|
56
47
|
borderColor: "border-color hover:border-color-hover focus:border-color-focus",
|
|
@@ -68,8 +59,6 @@ var InputFrame = styled(Input$1, {
|
|
|
68
59
|
true: inputSize.md
|
|
69
60
|
} },
|
|
70
61
|
defaultVariants: { size: "md" }
|
|
71
|
-
}).resolve(function(props) {
|
|
72
|
-
return resolveInputLineHeight(props);
|
|
73
62
|
});
|
|
74
63
|
var TextAreaFrame = styled(TextArea$1, {
|
|
75
64
|
displayName: "TextArea",
|
|
@@ -80,8 +69,6 @@ var TextAreaFrame = styled(TextArea$1, {
|
|
|
80
69
|
true: inputSize.md
|
|
81
70
|
} },
|
|
82
71
|
defaultVariants: { size: "md" }
|
|
83
|
-
}).resolve(function(props) {
|
|
84
|
-
return resolveInputLineHeight(props);
|
|
85
72
|
});
|
|
86
73
|
var Input = createStyledHOC(InputFrame, function Input2(param, ref) {
|
|
87
74
|
var { theme, ...props } = param;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Input.native.js","names":["UiInput","UiTextArea"],"sources":["esm/components/Input.native.js"],"sourcesContent":["import { jsx as _jsx } from \"react/jsx-runtime\";\nimport { createStyledHOC, isWeb, styled, Theme } from \"@tamagui/core\";\nimport { Input as UiInput, TextArea as UiTextArea } from \"@tamagui/input\";\nvar inputSize = {\n xs: {\n paddingInline: \"2\",\n paddingBlock: \"1\",\n borderRadius: \"sm\",\n fontSize: \"xs\"\n },\n sm: {\n paddingInline: \"3\",\n paddingBlock: \"1.5\",\n borderRadius: \"md\",\n fontSize: \"sm\"\n },\n md: {\n paddingInline: \"4\",\n paddingBlock: \"2\",\n borderRadius: \"md\",\n fontSize: \"sm\"\n },\n lg: {\n paddingInline: \"6\",\n paddingBlock: \"2\",\n borderRadius: \"md\",\n fontSize: \"base\"\n },\n xl: {\n paddingInline: \"8\",\n paddingBlock: \"2.5\",\n borderRadius: \"lg\",\n fontSize: \"lg\"
|
|
1
|
+
{"version":3,"file":"Input.native.js","names":["UiInput","UiTextArea"],"sources":["esm/components/Input.native.js"],"sourcesContent":["import { jsx as _jsx } from \"react/jsx-runtime\";\nimport { createStyledHOC, isWeb, styled, Theme } from \"@tamagui/core\";\nimport { Input as UiInput, TextArea as UiTextArea } from \"@tamagui/input\";\nvar inputSize = {\n xs: {\n paddingInline: \"2\",\n paddingBlock: \"1\",\n borderRadius: \"sm\",\n fontSize: \"xs\",\n lineHeight: isWeb ? \"xs\" : void 0\n },\n sm: {\n paddingInline: \"3\",\n paddingBlock: \"1.5\",\n borderRadius: \"md\",\n fontSize: \"sm\",\n lineHeight: isWeb ? \"sm\" : void 0\n },\n md: {\n paddingInline: \"4\",\n paddingBlock: \"2\",\n borderRadius: \"md\",\n fontSize: \"sm\",\n lineHeight: isWeb ? \"sm\" : void 0\n },\n lg: {\n paddingInline: \"6\",\n paddingBlock: \"2\",\n borderRadius: \"md\",\n fontSize: \"base\",\n lineHeight: isWeb ? \"base\" : void 0\n },\n xl: {\n paddingInline: \"8\",\n paddingBlock: \"2.5\",\n borderRadius: \"lg\",\n fontSize: \"lg\",\n lineHeight: isWeb ? \"lg\" : void 0\n }\n};\nvar inputSkin = {\n fontFamily: \"body\",\n lineHeight: isWeb ? \"sm\" : void 0,\n color: \"color\",\n backgroundColor: \"background\",\n borderColor: \"border-color hover:border-color-hover focus:border-color-focus\",\n borderWidth: 1,\n outlineColor: \"focus-visible:outline-color\",\n outlineWidth: \"focus-visible:2px\",\n outlineStyle: \"focus-visible:solid\"\n};\nvar InputFrame = styled(UiInput, {\n displayName: \"Input\",\n className: \"is_Input\",\n ...inputSkin,\n variants: {\n size: {\n ...inputSize,\n true: inputSize.md\n }\n },\n defaultVariants: {\n size: \"md\"\n }\n});\nvar TextAreaFrame = styled(UiTextArea, {\n displayName: \"TextArea\",\n className: \"is_TextArea\",\n ...inputSkin,\n variants: {\n size: {\n ...inputSize,\n true: inputSize.md\n }\n },\n defaultVariants: {\n size: \"md\"\n }\n});\nvar Input = createStyledHOC(InputFrame, function Input2(param, ref) {\n var { theme, ...props } = param;\n var input = /* @__PURE__ */ _jsx(Theme, {\n name: \"Input\",\n children: /* @__PURE__ */ _jsx(InputFrame, {\n ref,\n ...props\n })\n });\n return theme ? /* @__PURE__ */ _jsx(Theme, {\n name: theme,\n children: input\n }) : input;\n}, {\n disableTheme: true\n});\nvar TextArea = createStyledHOC(TextAreaFrame, function TextArea2(param, ref) {\n var { theme, ...props } = param;\n var textArea = /* @__PURE__ */ _jsx(Theme, {\n name: \"TextArea\",\n children: /* @__PURE__ */ _jsx(TextAreaFrame, {\n ref,\n ...props\n })\n });\n return theme ? /* @__PURE__ */ _jsx(Theme, {\n name: theme,\n children: textArea\n }) : textArea;\n}, {\n disableTheme: true\n});\nexport {\n Input,\n TextArea\n};\n//# sourceMappingURL=Input.js.map\n"],"mappings":";;;;;AAGA,IAAI,YAAY;CACd,IAAI;EACF,eAAe;EACf,cAAc;EACd,cAAc;EACd,UAAU;EACV,YAAY,QAAQ,OAAO,KAAK;CAClC;CACA,IAAI;EACF,eAAe;EACf,cAAc;EACd,cAAc;EACd,UAAU;EACV,YAAY,QAAQ,OAAO,KAAK;CAClC;CACA,IAAI;EACF,eAAe;EACf,cAAc;EACd,cAAc;EACd,UAAU;EACV,YAAY,QAAQ,OAAO,KAAK;CAClC;CACA,IAAI;EACF,eAAe;EACf,cAAc;EACd,cAAc;EACd,UAAU;EACV,YAAY,QAAQ,SAAS,KAAK;CACpC;CACA,IAAI;EACF,eAAe;EACf,cAAc;EACd,cAAc;EACd,UAAU;EACV,YAAY,QAAQ,OAAO,KAAK;CAClC;AACF;AACA,IAAI,YAAY;CACd,YAAY;CACZ,YAAY,QAAQ,OAAO,KAAK;CAChC,OAAO;CACP,iBAAiB;CACjB,aAAa;CACb,aAAa;CACb,cAAc;CACd,cAAc;CACd,cAAc;AAChB;AACA,IAAI,aAAa,OAAOA,SAAS;CAC/B,aAAa;CACb,WAAW;CACX,GAAG;CACH,UAAU,EACR,MAAM;EACJ,GAAG;EACH,MAAM,UAAU;CAClB,EACF;CACA,iBAAiB,EACf,MAAM,KACR;AACF,CAAC;AACD,IAAI,gBAAgB,OAAOC,YAAY;CACrC,aAAa;CACb,WAAW;CACX,GAAG;CACH,UAAU,EACR,MAAM;EACJ,GAAG;EACH,MAAM,UAAU;CAClB,EACF;CACA,iBAAiB,EACf,MAAM,KACR;AACF,CAAC;AACD,IAAI,QAAQ,gBAAgB,YAAY,SAAS,OAAO,OAAO,KAAK;CAClE,IAAI,EAAE,OAAO,GAAG,UAAU;CAC1B,IAAI,QAAwB,oBAAK,OAAO;EACtC,MAAM;EACN,UAA0B,oBAAK,YAAY;GACzC;GACA,GAAG;EACL,CAAC;CACH,CAAC;CACD,OAAO,QAAwB,oBAAK,OAAO;EACzC,MAAM;EACN,UAAU;CACZ,CAAC,IAAI;AACP,GAAG,EACD,cAAc,KAChB,CAAC;AACD,IAAI,WAAW,gBAAgB,eAAe,SAAS,UAAU,OAAO,KAAK;CAC3E,IAAI,EAAE,OAAO,GAAG,UAAU;CAC1B,IAAI,WAA2B,oBAAK,OAAO;EACzC,MAAM;EACN,UAA0B,oBAAK,eAAe;GAC5C;GACA,GAAG;EACL,CAAC;CACH,CAAC;CACD,OAAO,QAAwB,oBAAK,OAAO;EACzC,MAAM;EACN,UAAU;CACZ,CAAC,IAAI;AACP,GAAG,EACD,cAAc,KAChB,CAAC"}
|
|
@@ -7,48 +7,41 @@ const inputSize = {
|
|
|
7
7
|
paddingInline: "2",
|
|
8
8
|
paddingBlock: "1",
|
|
9
9
|
borderRadius: "sm",
|
|
10
|
-
fontSize: "xs"
|
|
10
|
+
fontSize: "xs",
|
|
11
|
+
lineHeight: isWeb ? "xs" : void 0
|
|
11
12
|
},
|
|
12
13
|
sm: {
|
|
13
14
|
paddingInline: "3",
|
|
14
15
|
paddingBlock: "1.5",
|
|
15
16
|
borderRadius: "md",
|
|
16
|
-
fontSize: "sm"
|
|
17
|
+
fontSize: "sm",
|
|
18
|
+
lineHeight: isWeb ? "sm" : void 0
|
|
17
19
|
},
|
|
18
20
|
md: {
|
|
19
21
|
paddingInline: "4",
|
|
20
22
|
paddingBlock: "2",
|
|
21
23
|
borderRadius: "md",
|
|
22
|
-
fontSize: "sm"
|
|
24
|
+
fontSize: "sm",
|
|
25
|
+
lineHeight: isWeb ? "sm" : void 0
|
|
23
26
|
},
|
|
24
27
|
lg: {
|
|
25
28
|
paddingInline: "6",
|
|
26
29
|
paddingBlock: "2",
|
|
27
30
|
borderRadius: "md",
|
|
28
|
-
fontSize: "base"
|
|
31
|
+
fontSize: "base",
|
|
32
|
+
lineHeight: isWeb ? "base" : void 0
|
|
29
33
|
},
|
|
30
34
|
xl: {
|
|
31
35
|
paddingInline: "8",
|
|
32
36
|
paddingBlock: "2.5",
|
|
33
37
|
borderRadius: "lg",
|
|
34
|
-
fontSize: "lg"
|
|
38
|
+
fontSize: "lg",
|
|
39
|
+
lineHeight: isWeb ? "lg" : void 0
|
|
35
40
|
}
|
|
36
41
|
};
|
|
37
|
-
const inputLineHeight = {
|
|
38
|
-
xs: "xs",
|
|
39
|
-
sm: "sm",
|
|
40
|
-
md: "sm",
|
|
41
|
-
lg: "base",
|
|
42
|
-
xl: "lg"
|
|
43
|
-
};
|
|
44
|
-
const resolveInputSize = (size) => typeof size === "string" && size in inputSize ? size : "md";
|
|
45
|
-
const resolveInputLineHeight = (props) => {
|
|
46
|
-
if (!isWeb || props.lineHeight != null) return;
|
|
47
|
-
const lineHeight = inputLineHeight[resolveInputSize(props.size)];
|
|
48
|
-
if (lineHeight) return { lineHeight };
|
|
49
|
-
};
|
|
50
42
|
const inputSkin = {
|
|
51
43
|
fontFamily: "body",
|
|
44
|
+
lineHeight: isWeb ? "sm" : void 0,
|
|
52
45
|
color: "color",
|
|
53
46
|
backgroundColor: "background",
|
|
54
47
|
borderColor: "border-color hover:border-color-hover focus:border-color-focus",
|
|
@@ -66,7 +59,7 @@ const InputFrame = styled(Input$1, {
|
|
|
66
59
|
true: inputSize.md
|
|
67
60
|
} },
|
|
68
61
|
defaultVariants: { size: "md" }
|
|
69
|
-
})
|
|
62
|
+
});
|
|
70
63
|
const TextAreaFrame = styled(TextArea$1, {
|
|
71
64
|
displayName: "TextArea",
|
|
72
65
|
className: "is_TextArea",
|
|
@@ -76,7 +69,7 @@ const TextAreaFrame = styled(TextArea$1, {
|
|
|
76
69
|
true: inputSize.md
|
|
77
70
|
} },
|
|
78
71
|
defaultVariants: { size: "md" }
|
|
79
|
-
})
|
|
72
|
+
});
|
|
80
73
|
const Input = createStyledHOC(InputFrame, function Input2({ theme, ...props }, ref) {
|
|
81
74
|
const input = /* @__PURE__ */ jsx(Theme, {
|
|
82
75
|
name: "Input",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Input.js","names":["UiInput","UiTextArea"],"sources":["jsx/components/Input.js"],"sourcesContent":["import {\n createStyledHOC,\n isWeb,\n styled,\n Theme\n} from \"@tamagui/core\";\nimport { Input as UiInput, TextArea as UiTextArea } from \"@tamagui/input\";\nimport { jsx } from \"react/jsx-runtime\";\nconst inputSize = {\n xs: {
|
|
1
|
+
{"version":3,"file":"Input.js","names":["UiInput","UiTextArea"],"sources":["jsx/components/Input.js"],"sourcesContent":["import {\n createStyledHOC,\n isWeb,\n styled,\n Theme\n} from \"@tamagui/core\";\nimport { Input as UiInput, TextArea as UiTextArea } from \"@tamagui/input\";\nimport { jsx } from \"react/jsx-runtime\";\nconst inputSize = {\n xs: {\n paddingInline: \"2\",\n paddingBlock: \"1\",\n borderRadius: \"sm\",\n fontSize: \"xs\",\n lineHeight: isWeb ? \"xs\" : void 0\n },\n sm: {\n paddingInline: \"3\",\n paddingBlock: \"1.5\",\n borderRadius: \"md\",\n fontSize: \"sm\",\n lineHeight: isWeb ? \"sm\" : void 0\n },\n md: {\n paddingInline: \"4\",\n paddingBlock: \"2\",\n borderRadius: \"md\",\n fontSize: \"sm\",\n lineHeight: isWeb ? \"sm\" : void 0\n },\n lg: {\n paddingInline: \"6\",\n paddingBlock: \"2\",\n borderRadius: \"md\",\n fontSize: \"base\",\n lineHeight: isWeb ? \"base\" : void 0\n },\n xl: {\n paddingInline: \"8\",\n paddingBlock: \"2.5\",\n borderRadius: \"lg\",\n fontSize: \"lg\",\n lineHeight: isWeb ? \"lg\" : void 0\n }\n};\nconst inputSkin = {\n fontFamily: \"body\",\n lineHeight: isWeb ? \"sm\" : void 0,\n color: \"color\",\n backgroundColor: \"background\",\n borderColor: \"border-color hover:border-color-hover focus:border-color-focus\",\n borderWidth: 1,\n outlineColor: \"focus-visible:outline-color\",\n outlineWidth: \"focus-visible:2px\",\n outlineStyle: \"focus-visible:solid\"\n};\nconst InputFrame = styled(UiInput, {\n displayName: \"Input\",\n className: \"is_Input\",\n ...inputSkin,\n variants: {\n size: {\n ...inputSize,\n true: inputSize.md\n }\n },\n defaultVariants: {\n size: \"md\"\n }\n});\nconst TextAreaFrame = styled(UiTextArea, {\n displayName: \"TextArea\",\n className: \"is_TextArea\",\n ...inputSkin,\n variants: {\n size: {\n ...inputSize,\n true: inputSize.md\n }\n },\n defaultVariants: {\n size: \"md\"\n }\n});\nconst Input = createStyledHOC(\n InputFrame,\n function Input2({ theme, ...props }, ref) {\n const input = /* @__PURE__ */ jsx(Theme, { name: \"Input\", children: /* @__PURE__ */ jsx(InputFrame, { ref, ...props }) });\n return theme ? /* @__PURE__ */ jsx(Theme, { name: theme, children: input }) : input;\n },\n { disableTheme: true }\n);\nconst TextArea = createStyledHOC(\n TextAreaFrame,\n function TextArea2({ theme, ...props }, ref) {\n const textArea = /* @__PURE__ */ jsx(Theme, { name: \"TextArea\", children: /* @__PURE__ */ jsx(TextAreaFrame, { ref, ...props }) });\n return theme ? /* @__PURE__ */ jsx(Theme, { name: theme, children: textArea }) : textArea;\n },\n { disableTheme: true }\n);\nexport {\n Input,\n TextArea\n};\n//# sourceMappingURL=Input.js.map\n"],"mappings":";;;;;AAQA,MAAM,YAAY;CAChB,IAAI;EACF,eAAe;EACf,cAAc;EACd,cAAc;EACd,UAAU;EACV,YAAY,QAAQ,OAAO,KAAK;CAClC;CACA,IAAI;EACF,eAAe;EACf,cAAc;EACd,cAAc;EACd,UAAU;EACV,YAAY,QAAQ,OAAO,KAAK;CAClC;CACA,IAAI;EACF,eAAe;EACf,cAAc;EACd,cAAc;EACd,UAAU;EACV,YAAY,QAAQ,OAAO,KAAK;CAClC;CACA,IAAI;EACF,eAAe;EACf,cAAc;EACd,cAAc;EACd,UAAU;EACV,YAAY,QAAQ,SAAS,KAAK;CACpC;CACA,IAAI;EACF,eAAe;EACf,cAAc;EACd,cAAc;EACd,UAAU;EACV,YAAY,QAAQ,OAAO,KAAK;CAClC;AACF;AACA,MAAM,YAAY;CAChB,YAAY;CACZ,YAAY,QAAQ,OAAO,KAAK;CAChC,OAAO;CACP,iBAAiB;CACjB,aAAa;CACb,aAAa;CACb,cAAc;CACd,cAAc;CACd,cAAc;AAChB;AACA,MAAM,aAAa,OAAOA,SAAS;CACjC,aAAa;CACb,WAAW;CACX,GAAG;CACH,UAAU,EACR,MAAM;EACJ,GAAG;EACH,MAAM,UAAU;CAClB,EACF;CACA,iBAAiB,EACf,MAAM,KACR;AACF,CAAC;AACD,MAAM,gBAAgB,OAAOC,YAAY;CACvC,aAAa;CACb,WAAW;CACX,GAAG;CACH,UAAU,EACR,MAAM;EACJ,GAAG;EACH,MAAM,UAAU;CAClB,EACF;CACA,iBAAiB,EACf,MAAM,KACR;AACF,CAAC;AACD,MAAM,QAAQ,gBACZ,YACA,SAAS,OAAO,EAAE,OAAO,GAAG,SAAS,KAAK;CACxC,MAAM,QAAwB,oBAAI,OAAO;EAAE,MAAM;EAAS,UAA0B,oBAAI,YAAY;GAAE;GAAK,GAAG;EAAM,CAAC;CAAE,CAAC;CACxH,OAAO,QAAwB,oBAAI,OAAO;EAAE,MAAM;EAAO,UAAU;CAAM,CAAC,IAAI;AAChF,GACA,EAAE,cAAc,KAAK,CACvB;AACA,MAAM,WAAW,gBACf,eACA,SAAS,UAAU,EAAE,OAAO,GAAG,SAAS,KAAK;CAC3C,MAAM,WAA2B,oBAAI,OAAO;EAAE,MAAM;EAAY,UAA0B,oBAAI,eAAe;GAAE;GAAK,GAAG;EAAM,CAAC;CAAE,CAAC;CACjI,OAAO,QAAwB,oBAAI,OAAO;EAAE,MAAM;EAAO,UAAU;CAAS,CAAC,IAAI;AACnF,GACA,EAAE,cAAc,KAAK,CACvB"}
|