tamagui 3.0.14 → 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 +13 -7
- package/dist/test.cjs +13 -7
- 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"}
|
|
@@ -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":["jsx/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":["jsx/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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"}
|
package/dist/native.cjs
CHANGED
|
@@ -40357,35 +40357,41 @@ var inputSize = {
|
|
|
40357
40357
|
paddingInline: "2",
|
|
40358
40358
|
paddingBlock: "1",
|
|
40359
40359
|
borderRadius: "sm",
|
|
40360
|
-
fontSize: "xs"
|
|
40360
|
+
fontSize: "xs",
|
|
40361
|
+
lineHeight: void 0
|
|
40361
40362
|
},
|
|
40362
40363
|
sm: {
|
|
40363
40364
|
paddingInline: "3",
|
|
40364
40365
|
paddingBlock: "1.5",
|
|
40365
40366
|
borderRadius: "md",
|
|
40366
|
-
fontSize: "sm"
|
|
40367
|
+
fontSize: "sm",
|
|
40368
|
+
lineHeight: void 0
|
|
40367
40369
|
},
|
|
40368
40370
|
md: {
|
|
40369
40371
|
paddingInline: "4",
|
|
40370
40372
|
paddingBlock: "2",
|
|
40371
40373
|
borderRadius: "md",
|
|
40372
|
-
fontSize: "sm"
|
|
40374
|
+
fontSize: "sm",
|
|
40375
|
+
lineHeight: void 0
|
|
40373
40376
|
},
|
|
40374
40377
|
lg: {
|
|
40375
40378
|
paddingInline: "6",
|
|
40376
40379
|
paddingBlock: "2",
|
|
40377
40380
|
borderRadius: "md",
|
|
40378
|
-
fontSize: "base"
|
|
40381
|
+
fontSize: "base",
|
|
40382
|
+
lineHeight: void 0
|
|
40379
40383
|
},
|
|
40380
40384
|
xl: {
|
|
40381
40385
|
paddingInline: "8",
|
|
40382
40386
|
paddingBlock: "2.5",
|
|
40383
40387
|
borderRadius: "lg",
|
|
40384
|
-
fontSize: "lg"
|
|
40388
|
+
fontSize: "lg",
|
|
40389
|
+
lineHeight: void 0
|
|
40385
40390
|
}
|
|
40386
40391
|
};
|
|
40387
40392
|
var inputSkin = {
|
|
40388
40393
|
fontFamily: "body",
|
|
40394
|
+
lineHeight: void 0,
|
|
40389
40395
|
color: "color",
|
|
40390
40396
|
backgroundColor: "background",
|
|
40391
40397
|
borderColor: "border-color hover:border-color-hover focus:border-color-focus",
|
|
@@ -40400,14 +40406,14 @@ var InputFrame = styled(Input$1, _objectSpread2(_objectSpread2({
|
|
|
40400
40406
|
}, inputSkin), {}, {
|
|
40401
40407
|
variants: { size: _objectSpread2(_objectSpread2({}, inputSize), {}, { true: inputSize.md }) },
|
|
40402
40408
|
defaultVariants: { size: "md" }
|
|
40403
|
-
}))
|
|
40409
|
+
}));
|
|
40404
40410
|
var TextAreaFrame = styled(TextArea$1, _objectSpread2(_objectSpread2({
|
|
40405
40411
|
displayName: "TextArea",
|
|
40406
40412
|
className: "is_TextArea"
|
|
40407
40413
|
}, inputSkin), {}, {
|
|
40408
40414
|
variants: { size: _objectSpread2(_objectSpread2({}, inputSize), {}, { true: inputSize.md }) },
|
|
40409
40415
|
defaultVariants: { size: "md" }
|
|
40410
|
-
}))
|
|
40416
|
+
}));
|
|
40411
40417
|
var Input = createStyledHOC(InputFrame, function Input(_ref, ref) {
|
|
40412
40418
|
let { theme } = _ref, props = _objectWithoutProperties(_ref, _excluded$5);
|
|
40413
40419
|
const input = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Theme, {
|
package/dist/test.cjs
CHANGED
|
@@ -40473,35 +40473,41 @@ var inputSize = {
|
|
|
40473
40473
|
paddingInline: "2",
|
|
40474
40474
|
paddingBlock: "1",
|
|
40475
40475
|
borderRadius: "sm",
|
|
40476
|
-
fontSize: "xs"
|
|
40476
|
+
fontSize: "xs",
|
|
40477
|
+
lineHeight: void 0
|
|
40477
40478
|
},
|
|
40478
40479
|
sm: {
|
|
40479
40480
|
paddingInline: "3",
|
|
40480
40481
|
paddingBlock: "1.5",
|
|
40481
40482
|
borderRadius: "md",
|
|
40482
|
-
fontSize: "sm"
|
|
40483
|
+
fontSize: "sm",
|
|
40484
|
+
lineHeight: void 0
|
|
40483
40485
|
},
|
|
40484
40486
|
md: {
|
|
40485
40487
|
paddingInline: "4",
|
|
40486
40488
|
paddingBlock: "2",
|
|
40487
40489
|
borderRadius: "md",
|
|
40488
|
-
fontSize: "sm"
|
|
40490
|
+
fontSize: "sm",
|
|
40491
|
+
lineHeight: void 0
|
|
40489
40492
|
},
|
|
40490
40493
|
lg: {
|
|
40491
40494
|
paddingInline: "6",
|
|
40492
40495
|
paddingBlock: "2",
|
|
40493
40496
|
borderRadius: "md",
|
|
40494
|
-
fontSize: "base"
|
|
40497
|
+
fontSize: "base",
|
|
40498
|
+
lineHeight: void 0
|
|
40495
40499
|
},
|
|
40496
40500
|
xl: {
|
|
40497
40501
|
paddingInline: "8",
|
|
40498
40502
|
paddingBlock: "2.5",
|
|
40499
40503
|
borderRadius: "lg",
|
|
40500
|
-
fontSize: "lg"
|
|
40504
|
+
fontSize: "lg",
|
|
40505
|
+
lineHeight: void 0
|
|
40501
40506
|
}
|
|
40502
40507
|
};
|
|
40503
40508
|
var inputSkin = {
|
|
40504
40509
|
fontFamily: "body",
|
|
40510
|
+
lineHeight: void 0,
|
|
40505
40511
|
color: "color",
|
|
40506
40512
|
backgroundColor: "background",
|
|
40507
40513
|
borderColor: "border-color hover:border-color-hover focus:border-color-focus",
|
|
@@ -40516,14 +40522,14 @@ var InputFrame = styled(Input$1, _objectSpread2(_objectSpread2({
|
|
|
40516
40522
|
}, inputSkin), {}, {
|
|
40517
40523
|
variants: { size: _objectSpread2(_objectSpread2({}, inputSize), {}, { true: inputSize.md }) },
|
|
40518
40524
|
defaultVariants: { size: "md" }
|
|
40519
|
-
}))
|
|
40525
|
+
}));
|
|
40520
40526
|
var TextAreaFrame = styled(TextArea$1, _objectSpread2(_objectSpread2({
|
|
40521
40527
|
displayName: "TextArea",
|
|
40522
40528
|
className: "is_TextArea"
|
|
40523
40529
|
}, inputSkin), {}, {
|
|
40524
40530
|
variants: { size: _objectSpread2(_objectSpread2({}, inputSize), {}, { true: inputSize.md }) },
|
|
40525
40531
|
defaultVariants: { size: "md" }
|
|
40526
|
-
}))
|
|
40532
|
+
}));
|
|
40527
40533
|
var Input = createStyledHOC(InputFrame, function Input(_ref, ref) {
|
|
40528
40534
|
let { theme } = _ref, props = _objectWithoutProperties(_ref, _excluded$5);
|
|
40529
40535
|
const input = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Theme, {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "tamagui",
|
|
3
|
-
"version": "3.0.
|
|
3
|
+
"version": "3.0.15",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"gitHead": "a49cc7ea6b93ba384e77a4880ae48ac4a5635c14",
|
|
6
6
|
"description": "Style and UI for React (web and native) meet an optimizing compiler",
|
|
@@ -315,73 +315,73 @@
|
|
|
315
315
|
"check-circular-deps": "npx madge --circular ./src/index.ts"
|
|
316
316
|
},
|
|
317
317
|
"dependencies": {
|
|
318
|
-
"@tamagui/accordion": "3.0.
|
|
319
|
-
"@tamagui/adapt": "3.0.
|
|
320
|
-
"@tamagui/alert-dialog": "3.0.
|
|
321
|
-
"@tamagui/animate": "3.0.
|
|
322
|
-
"@tamagui/animate-presence": "3.0.
|
|
323
|
-
"@tamagui/avatar": "3.0.
|
|
324
|
-
"@tamagui/button": "3.0.
|
|
325
|
-
"@tamagui/card": "3.0.
|
|
326
|
-
"@tamagui/checkbox": "3.0.
|
|
327
|
-
"@tamagui/collapsible": "3.0.
|
|
328
|
-
"@tamagui/compose-refs": "3.0.
|
|
329
|
-
"@tamagui/constants": "3.0.
|
|
330
|
-
"@tamagui/context-menu": "3.0.
|
|
331
|
-
"@tamagui/core": "3.0.
|
|
332
|
-
"@tamagui/create-context": "3.0.
|
|
333
|
-
"@tamagui/create-menu": "3.0.
|
|
334
|
-
"@tamagui/dialog": "3.0.
|
|
335
|
-
"@tamagui/element": "3.0.
|
|
336
|
-
"@tamagui/fake-react-native": "3.0.
|
|
337
|
-
"@tamagui/field": "3.0.
|
|
338
|
-
"@tamagui/focusable": "3.0.
|
|
339
|
-
"@tamagui/font-size": "3.0.
|
|
340
|
-
"@tamagui/form": "3.0.
|
|
341
|
-
"@tamagui/get-font-sized": "3.0.
|
|
342
|
-
"@tamagui/get-token": "3.0.
|
|
343
|
-
"@tamagui/group": "3.0.
|
|
344
|
-
"@tamagui/helpers-tamagui": "3.0.
|
|
345
|
-
"@tamagui/image": "3.0.
|
|
346
|
-
"@tamagui/input": "3.0.
|
|
347
|
-
"@tamagui/label": "3.0.
|
|
348
|
-
"@tamagui/linear-gradient": "3.0.
|
|
349
|
-
"@tamagui/list-item": "3.0.
|
|
350
|
-
"@tamagui/menu": "3.0.
|
|
351
|
-
"@tamagui/polyfill-dev": "3.0.
|
|
352
|
-
"@tamagui/popover": "3.0.
|
|
353
|
-
"@tamagui/popper": "3.0.
|
|
354
|
-
"@tamagui/portal": "3.0.
|
|
355
|
-
"@tamagui/progress": "3.0.
|
|
356
|
-
"@tamagui/radio-group": "3.0.
|
|
357
|
-
"@tamagui/react-native-media-driver": "3.0.
|
|
358
|
-
"@tamagui/react-native-types": "3.0.
|
|
359
|
-
"@tamagui/scroll-view": "3.0.
|
|
360
|
-
"@tamagui/select": "3.0.
|
|
361
|
-
"@tamagui/separator": "3.0.
|
|
362
|
-
"@tamagui/shapes": "3.0.
|
|
363
|
-
"@tamagui/sheet": "3.0.
|
|
364
|
-
"@tamagui/slider": "3.0.
|
|
365
|
-
"@tamagui/spacer": "3.0.
|
|
366
|
-
"@tamagui/spinner": "3.0.
|
|
367
|
-
"@tamagui/stacks": "3.0.
|
|
368
|
-
"@tamagui/switch": "3.0.
|
|
369
|
-
"@tamagui/tabs": "3.0.
|
|
370
|
-
"@tamagui/text": "3.0.
|
|
371
|
-
"@tamagui/theme": "3.0.
|
|
372
|
-
"@tamagui/toast": "3.0.
|
|
373
|
-
"@tamagui/toggle-group": "3.0.
|
|
374
|
-
"@tamagui/tooltip": "3.0.
|
|
375
|
-
"@tamagui/ui": "3.0.
|
|
376
|
-
"@tamagui/use-controllable-state": "3.0.
|
|
377
|
-
"@tamagui/use-debounce": "3.0.
|
|
378
|
-
"@tamagui/use-force-update": "3.0.
|
|
379
|
-
"@tamagui/use-window-dimensions": "3.0.
|
|
380
|
-
"@tamagui/visually-hidden": "3.0.
|
|
381
|
-
"@tamagui/z-index-stack": "3.0.
|
|
318
|
+
"@tamagui/accordion": "3.0.15",
|
|
319
|
+
"@tamagui/adapt": "3.0.15",
|
|
320
|
+
"@tamagui/alert-dialog": "3.0.15",
|
|
321
|
+
"@tamagui/animate": "3.0.15",
|
|
322
|
+
"@tamagui/animate-presence": "3.0.15",
|
|
323
|
+
"@tamagui/avatar": "3.0.15",
|
|
324
|
+
"@tamagui/button": "3.0.15",
|
|
325
|
+
"@tamagui/card": "3.0.15",
|
|
326
|
+
"@tamagui/checkbox": "3.0.15",
|
|
327
|
+
"@tamagui/collapsible": "3.0.15",
|
|
328
|
+
"@tamagui/compose-refs": "3.0.15",
|
|
329
|
+
"@tamagui/constants": "3.0.15",
|
|
330
|
+
"@tamagui/context-menu": "3.0.15",
|
|
331
|
+
"@tamagui/core": "3.0.15",
|
|
332
|
+
"@tamagui/create-context": "3.0.15",
|
|
333
|
+
"@tamagui/create-menu": "3.0.15",
|
|
334
|
+
"@tamagui/dialog": "3.0.15",
|
|
335
|
+
"@tamagui/element": "3.0.15",
|
|
336
|
+
"@tamagui/fake-react-native": "3.0.15",
|
|
337
|
+
"@tamagui/field": "3.0.15",
|
|
338
|
+
"@tamagui/focusable": "3.0.15",
|
|
339
|
+
"@tamagui/font-size": "3.0.15",
|
|
340
|
+
"@tamagui/form": "3.0.15",
|
|
341
|
+
"@tamagui/get-font-sized": "3.0.15",
|
|
342
|
+
"@tamagui/get-token": "3.0.15",
|
|
343
|
+
"@tamagui/group": "3.0.15",
|
|
344
|
+
"@tamagui/helpers-tamagui": "3.0.15",
|
|
345
|
+
"@tamagui/image": "3.0.15",
|
|
346
|
+
"@tamagui/input": "3.0.15",
|
|
347
|
+
"@tamagui/label": "3.0.15",
|
|
348
|
+
"@tamagui/linear-gradient": "3.0.15",
|
|
349
|
+
"@tamagui/list-item": "3.0.15",
|
|
350
|
+
"@tamagui/menu": "3.0.15",
|
|
351
|
+
"@tamagui/polyfill-dev": "3.0.15",
|
|
352
|
+
"@tamagui/popover": "3.0.15",
|
|
353
|
+
"@tamagui/popper": "3.0.15",
|
|
354
|
+
"@tamagui/portal": "3.0.15",
|
|
355
|
+
"@tamagui/progress": "3.0.15",
|
|
356
|
+
"@tamagui/radio-group": "3.0.15",
|
|
357
|
+
"@tamagui/react-native-media-driver": "3.0.15",
|
|
358
|
+
"@tamagui/react-native-types": "3.0.15",
|
|
359
|
+
"@tamagui/scroll-view": "3.0.15",
|
|
360
|
+
"@tamagui/select": "3.0.15",
|
|
361
|
+
"@tamagui/separator": "3.0.15",
|
|
362
|
+
"@tamagui/shapes": "3.0.15",
|
|
363
|
+
"@tamagui/sheet": "3.0.15",
|
|
364
|
+
"@tamagui/slider": "3.0.15",
|
|
365
|
+
"@tamagui/spacer": "3.0.15",
|
|
366
|
+
"@tamagui/spinner": "3.0.15",
|
|
367
|
+
"@tamagui/stacks": "3.0.15",
|
|
368
|
+
"@tamagui/switch": "3.0.15",
|
|
369
|
+
"@tamagui/tabs": "3.0.15",
|
|
370
|
+
"@tamagui/text": "3.0.15",
|
|
371
|
+
"@tamagui/theme": "3.0.15",
|
|
372
|
+
"@tamagui/toast": "3.0.15",
|
|
373
|
+
"@tamagui/toggle-group": "3.0.15",
|
|
374
|
+
"@tamagui/tooltip": "3.0.15",
|
|
375
|
+
"@tamagui/ui": "3.0.15",
|
|
376
|
+
"@tamagui/use-controllable-state": "3.0.15",
|
|
377
|
+
"@tamagui/use-debounce": "3.0.15",
|
|
378
|
+
"@tamagui/use-force-update": "3.0.15",
|
|
379
|
+
"@tamagui/use-window-dimensions": "3.0.15",
|
|
380
|
+
"@tamagui/visually-hidden": "3.0.15",
|
|
381
|
+
"@tamagui/z-index-stack": "3.0.15"
|
|
382
382
|
},
|
|
383
383
|
"devDependencies": {
|
|
384
|
-
"@tamagui/build": "3.0.
|
|
384
|
+
"@tamagui/build": "3.0.15",
|
|
385
385
|
"react": "19.2.3",
|
|
386
386
|
"react-native": "0.87.1",
|
|
387
387
|
"react-native-web": "~0.21.0"
|
|
@@ -400,5 +400,5 @@
|
|
|
400
400
|
],
|
|
401
401
|
"module:jsx": "dist/jsx",
|
|
402
402
|
"removeSideEffects": true,
|
|
403
|
-
"releaseSourceCommit": "
|
|
403
|
+
"releaseSourceCommit": "181782eb92d59e1a0c5b235070f58003af6a1280"
|
|
404
404
|
}
|
package/src/components/Input.tsx
CHANGED
|
@@ -17,34 +17,46 @@ import { Input as UiInput, TextArea as UiTextArea } from '@tamagui/input'
|
|
|
17
17
|
export type InputSize = ComponentSize | boolean
|
|
18
18
|
|
|
19
19
|
const inputSize = {
|
|
20
|
-
xs: {
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
20
|
+
xs: {
|
|
21
|
+
paddingInline: '2',
|
|
22
|
+
paddingBlock: '1',
|
|
23
|
+
borderRadius: 'sm',
|
|
24
|
+
fontSize: 'xs',
|
|
25
|
+
lineHeight: isWeb ? 'xs' : undefined,
|
|
26
|
+
},
|
|
27
|
+
sm: {
|
|
28
|
+
paddingInline: '3',
|
|
29
|
+
paddingBlock: '1.5',
|
|
30
|
+
borderRadius: 'md',
|
|
31
|
+
fontSize: 'sm',
|
|
32
|
+
lineHeight: isWeb ? 'sm' : undefined,
|
|
33
|
+
},
|
|
34
|
+
md: {
|
|
35
|
+
paddingInline: '4',
|
|
36
|
+
paddingBlock: '2',
|
|
37
|
+
borderRadius: 'md',
|
|
38
|
+
fontSize: 'sm',
|
|
39
|
+
lineHeight: isWeb ? 'sm' : undefined,
|
|
40
|
+
},
|
|
41
|
+
lg: {
|
|
42
|
+
paddingInline: '6',
|
|
43
|
+
paddingBlock: '2',
|
|
44
|
+
borderRadius: 'md',
|
|
45
|
+
fontSize: 'base',
|
|
46
|
+
lineHeight: isWeb ? 'base' : undefined,
|
|
47
|
+
},
|
|
48
|
+
xl: {
|
|
49
|
+
paddingInline: '8',
|
|
50
|
+
paddingBlock: '2.5',
|
|
51
|
+
borderRadius: 'lg',
|
|
52
|
+
fontSize: 'lg',
|
|
53
|
+
lineHeight: isWeb ? 'lg' : undefined,
|
|
54
|
+
},
|
|
33
55
|
} as const
|
|
34
56
|
|
|
35
|
-
const resolveInputSize = (size: InputSize | undefined): keyof typeof inputSize =>
|
|
36
|
-
typeof size === 'string' && size in inputSize ? (size as keyof typeof inputSize) : 'md'
|
|
37
|
-
|
|
38
|
-
// line height ships only on web: on native the platform default applies, so an
|
|
39
|
-
// input's height stays padding plus line height on both platforms
|
|
40
|
-
const resolveInputLineHeight = (props: { size?: InputSize; lineHeight?: unknown }) => {
|
|
41
|
-
if (!isWeb || props.lineHeight != null) return
|
|
42
|
-
const lineHeight = inputLineHeight[resolveInputSize(props.size)]
|
|
43
|
-
if (lineHeight) return { lineHeight }
|
|
44
|
-
}
|
|
45
|
-
|
|
46
57
|
const inputSkin = {
|
|
47
58
|
fontFamily: 'body',
|
|
59
|
+
lineHeight: isWeb ? 'sm' : undefined,
|
|
48
60
|
color: 'color',
|
|
49
61
|
backgroundColor: 'background',
|
|
50
62
|
borderColor: 'border-color hover:border-color-hover focus:border-color-focus',
|
|
@@ -67,7 +79,7 @@ const InputFrame = styled(UiInput, {
|
|
|
67
79
|
defaultVariants: {
|
|
68
80
|
size: 'md',
|
|
69
81
|
},
|
|
70
|
-
})
|
|
82
|
+
})
|
|
71
83
|
|
|
72
84
|
const TextAreaFrame = styled(UiTextArea, {
|
|
73
85
|
displayName: 'TextArea',
|
|
@@ -82,7 +94,7 @@ const TextAreaFrame = styled(UiTextArea, {
|
|
|
82
94
|
defaultVariants: {
|
|
83
95
|
size: 'md',
|
|
84
96
|
},
|
|
85
|
-
})
|
|
97
|
+
})
|
|
86
98
|
|
|
87
99
|
export const Input = createStyledHOC(
|
|
88
100
|
InputFrame,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../src/components/Input.tsx"],"names":[],"mappings":"AAKA,OAAO,EACL,KAAK,aAAa,EAElB,KAAK,QAAQ,EAKd,MAAM,eAAe,CAAA;AAGtB,MAAM,MAAM,SAAS,GAAG,aAAa,GAAG,OAAO,CAAA;
|
|
1
|
+
{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../src/components/Input.tsx"],"names":[],"mappings":"AAKA,OAAO,EACL,KAAK,aAAa,EAElB,KAAK,QAAQ,EAKd,MAAM,eAAe,CAAA;AAGtB,MAAM,MAAM,SAAS,GAAG,aAAa,GAAG,OAAO,CAAA;AAkF/C,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+CAWjB,CAAA;AAED,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+CAWpB,CAAA;AAED,MAAM,MAAM,UAAU,GAAG,QAAQ,CAAC,OAAO,KAAK,CAAC,CAAA;AAC/C,MAAM,MAAM,aAAa,GAAG,QAAQ,CAAC,OAAO,QAAQ,CAAC,CAAA"}
|