@tamagui/input 2.0.0-rc.9 → 2.0.0
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/Input.cjs +165 -153
- package/dist/cjs/Input.native.js +256 -233
- package/dist/cjs/Input.native.js.map +1 -1
- package/dist/cjs/InputNativeProps.cjs +7 -5
- package/dist/cjs/InputNativeProps.native.js +7 -5
- package/dist/cjs/InputNativeProps.native.js.map +1 -1
- package/dist/cjs/TextArea.cjs +15 -13
- package/dist/cjs/TextArea.native.js +34 -32
- package/dist/cjs/TextArea.native.js.map +1 -1
- package/dist/cjs/index.cjs +13 -11
- package/dist/cjs/index.native.js +13 -11
- package/dist/cjs/index.native.js.map +1 -1
- package/dist/cjs/inputTypes.test-d.cjs +125 -0
- package/dist/cjs/inputTypes.test-d.native.js +128 -0
- package/dist/cjs/inputTypes.test-d.native.js.map +1 -0
- package/dist/cjs/shared.cjs +119 -104
- package/dist/cjs/shared.native.js +125 -110
- package/dist/cjs/shared.native.js.map +1 -1
- package/dist/cjs/types.cjs +7 -5
- package/dist/cjs/types.native.js +7 -5
- package/dist/cjs/types.native.js.map +1 -1
- package/dist/cjs/v1/Input.cjs +177 -170
- package/dist/cjs/v1/Input.native.js +154 -112
- package/dist/cjs/v1/Input.native.js.map +1 -1
- package/dist/cjs/v1/TextArea.cjs +15 -13
- package/dist/cjs/v1/TextArea.native.js +34 -32
- package/dist/cjs/v1/TextArea.native.js.map +1 -1
- package/dist/cjs/v1/index.cjs +7 -5
- package/dist/cjs/v1/index.native.js +7 -5
- package/dist/cjs/v1/index.native.js.map +1 -1
- package/dist/cjs/v1/types.cjs +7 -5
- package/dist/cjs/v1/types.native.js +7 -5
- package/dist/cjs/v1/types.native.js.map +1 -1
- package/dist/esm/Input.mjs +134 -124
- package/dist/esm/Input.mjs.map +1 -1
- package/dist/esm/Input.native.js +225 -204
- package/dist/esm/Input.native.js.map +1 -1
- package/dist/esm/TextArea.mjs.map +1 -1
- package/dist/esm/TextArea.native.js.map +1 -1
- package/dist/esm/index.js +4 -7
- package/dist/esm/index.js.map +1 -6
- package/dist/esm/inputTypes.test-d.mjs +126 -0
- package/dist/esm/inputTypes.test-d.mjs.map +1 -0
- package/dist/esm/inputTypes.test-d.native.js +126 -0
- package/dist/esm/inputTypes.test-d.native.js.map +1 -0
- package/dist/esm/shared.mjs +102 -89
- package/dist/esm/shared.mjs.map +1 -1
- package/dist/esm/shared.native.js +107 -94
- package/dist/esm/shared.native.js.map +1 -1
- package/dist/esm/v1/Input.mjs +146 -141
- package/dist/esm/v1/Input.mjs.map +1 -1
- package/dist/esm/v1/Input.native.js +123 -83
- package/dist/esm/v1/Input.native.js.map +1 -1
- package/dist/jsx/Input.mjs +134 -124
- package/dist/jsx/Input.mjs.map +1 -1
- package/dist/jsx/Input.native.js +256 -233
- package/dist/jsx/Input.native.js.map +1 -1
- package/dist/jsx/InputNativeProps.native.js +7 -5
- package/dist/jsx/TextArea.mjs.map +1 -1
- package/dist/jsx/TextArea.native.js +34 -32
- package/dist/jsx/TextArea.native.js.map +1 -1
- package/dist/jsx/index.js +4 -7
- package/dist/jsx/index.js.map +1 -6
- package/dist/jsx/index.native.js +13 -11
- package/dist/jsx/inputTypes.test-d.mjs +126 -0
- package/dist/jsx/inputTypes.test-d.mjs.map +1 -0
- package/dist/jsx/inputTypes.test-d.native.js +128 -0
- package/dist/jsx/inputTypes.test-d.native.js.map +1 -0
- package/dist/jsx/shared.mjs +102 -89
- package/dist/jsx/shared.mjs.map +1 -1
- package/dist/jsx/shared.native.js +125 -110
- package/dist/jsx/shared.native.js.map +1 -1
- package/dist/jsx/types.native.js +7 -5
- package/dist/jsx/v1/Input.mjs +146 -141
- package/dist/jsx/v1/Input.mjs.map +1 -1
- package/dist/jsx/v1/Input.native.js +154 -112
- package/dist/jsx/v1/Input.native.js.map +1 -1
- package/dist/jsx/v1/TextArea.native.js +34 -32
- package/dist/jsx/v1/TextArea.native.js.map +1 -1
- package/dist/jsx/v1/index.native.js +7 -5
- package/dist/jsx/v1/types.native.js +7 -5
- package/package.json +20 -19
- package/src/Input.native.tsx +2 -2
- package/src/Input.tsx +7 -5
- package/src/TextArea.tsx +3 -3
- package/src/index.ts +1 -1
- package/src/inputTypes.test-d.ts +237 -0
- package/src/shared.tsx +6 -0
- package/src/types.ts +24 -14
- package/src/v1/Input.tsx +4 -4
- package/types/Input.d.ts +14 -12
- package/types/Input.d.ts.map +1 -1
- package/types/Input.native.d.ts +12 -12
- package/types/Input.native.d.ts.map +1 -1
- package/types/TextArea.d.ts +8 -7
- package/types/TextArea.d.ts.map +1 -1
- package/types/index.d.ts +1 -1
- package/types/index.d.ts.map +1 -1
- package/types/shared.d.ts +5 -0
- package/types/shared.d.ts.map +1 -1
- package/types/types.d.ts +14 -4
- package/types/types.d.ts.map +1 -1
- package/types/v1/Input.d.ts +12 -12
- package/types/v1/Input.native.d.ts +12 -12
- package/types/v1/TextArea.d.ts +6 -6
- package/dist/cjs/Input.js +0 -143
- package/dist/cjs/Input.js.map +0 -6
- package/dist/cjs/InputNativeProps.js +0 -14
- package/dist/cjs/InputNativeProps.js.map +0 -6
- package/dist/cjs/TextArea.js +0 -43
- package/dist/cjs/TextArea.js.map +0 -6
- package/dist/cjs/index.js +0 -24
- package/dist/cjs/index.js.map +0 -6
- package/dist/cjs/shared.js +0 -111
- package/dist/cjs/shared.js.map +0 -6
- package/dist/cjs/types.js +0 -14
- package/dist/cjs/types.js.map +0 -6
- package/dist/cjs/v1/Input.js +0 -171
- package/dist/cjs/v1/Input.js.map +0 -6
- package/dist/cjs/v1/TextArea.js +0 -43
- package/dist/cjs/v1/TextArea.js.map +0 -6
- package/dist/cjs/v1/index.js +0 -16
- package/dist/cjs/v1/index.js.map +0 -6
- package/dist/cjs/v1/types.js +0 -14
- package/dist/cjs/v1/types.js.map +0 -6
- package/dist/esm/Input.js +0 -124
- package/dist/esm/Input.js.map +0 -6
- package/dist/esm/InputNativeProps.js +0 -1
- package/dist/esm/InputNativeProps.js.map +0 -6
- package/dist/esm/TextArea.js +0 -29
- package/dist/esm/TextArea.js.map +0 -6
- package/dist/esm/shared.js +0 -99
- package/dist/esm/shared.js.map +0 -6
- package/dist/esm/types.js +0 -1
- package/dist/esm/types.js.map +0 -6
- package/dist/esm/v1/Input.js +0 -152
- package/dist/esm/v1/Input.js.map +0 -6
- package/dist/esm/v1/TextArea.js +0 -29
- package/dist/esm/v1/TextArea.js.map +0 -6
- package/dist/esm/v1/index.js +0 -3
- package/dist/esm/v1/index.js.map +0 -6
- package/dist/esm/v1/types.js +0 -1
- package/dist/esm/v1/types.js.map +0 -6
- package/dist/jsx/Input.js +0 -124
- package/dist/jsx/Input.js.map +0 -6
- package/dist/jsx/InputNativeProps.js +0 -1
- package/dist/jsx/InputNativeProps.js.map +0 -6
- package/dist/jsx/TextArea.js +0 -29
- package/dist/jsx/TextArea.js.map +0 -6
- package/dist/jsx/shared.js +0 -99
- package/dist/jsx/shared.js.map +0 -6
- package/dist/jsx/types.js +0 -1
- package/dist/jsx/types.js.map +0 -6
- package/dist/jsx/v1/Input.js +0 -152
- package/dist/jsx/v1/Input.js.map +0 -6
- package/dist/jsx/v1/TextArea.js +0 -29
- package/dist/jsx/v1/TextArea.js.map +0 -6
- package/dist/jsx/v1/index.js +0 -3
- package/dist/jsx/v1/index.js.map +0 -6
- package/dist/jsx/v1/types.js +0 -1
- package/dist/jsx/v1/types.js.map +0 -6
package/dist/cjs/shared.cjs
CHANGED
|
@@ -3,20 +3,22 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
|
3
3
|
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
4
4
|
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
5
5
|
var __export = (target, all) => {
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
6
|
+
for (var name in all) __defProp(target, name, {
|
|
7
|
+
get: all[name],
|
|
8
|
+
enumerable: true
|
|
9
|
+
});
|
|
10
|
+
};
|
|
11
|
+
var __copyProps = (to, from, except, desc) => {
|
|
12
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
13
|
+
for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
|
|
13
14
|
get: () => from[key],
|
|
14
15
|
enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
|
|
15
16
|
});
|
|
16
|
-
|
|
17
|
-
|
|
17
|
+
}
|
|
18
|
+
return to;
|
|
19
|
+
};
|
|
18
20
|
var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
|
|
19
|
-
value:
|
|
21
|
+
value: true
|
|
20
22
|
}), mod);
|
|
21
23
|
var shared_exports = {};
|
|
22
24
|
__export(shared_exports, {
|
|
@@ -27,103 +29,116 @@ __export(shared_exports, {
|
|
|
27
29
|
textAreaSizeVariant: () => textAreaSizeVariant
|
|
28
30
|
});
|
|
29
31
|
module.exports = __toCommonJS(shared_exports);
|
|
30
|
-
var import_core = require("@tamagui/core")
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
32
|
+
var import_core = require("@tamagui/core");
|
|
33
|
+
var import_core2 = require("@tamagui/core");
|
|
34
|
+
var import_get_button_sized = require("@tamagui/get-button-sized");
|
|
35
|
+
var import_get_font_sized = require("@tamagui/get-font-sized");
|
|
36
|
+
var import_get_token = require("@tamagui/get-token");
|
|
35
37
|
const defaultStyles = {
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
},
|
|
53
|
-
focusStyle: {
|
|
54
|
-
borderColor: "$borderColorFocus"
|
|
55
|
-
},
|
|
56
|
-
focusVisibleStyle: {
|
|
57
|
-
outlineColor: "$outlineColor",
|
|
58
|
-
outlineWidth: 2,
|
|
59
|
-
outlineStyle: "solid"
|
|
60
|
-
}
|
|
61
|
-
},
|
|
62
|
-
inputSizeVariant = (val = "$true", extras) => {
|
|
63
|
-
if (extras.props.tag === "textarea" || extras.props.rows > 1 || extras.props.multiline || extras.props.numberOfLines > 1) return textAreaSizeVariant(val, extras);
|
|
64
|
-
const buttonStyles = (0, import_get_button_sized.getButtonSized)(val, extras),
|
|
65
|
-
paddingHorizontal = (0, import_get_token.getSpace)(val, {
|
|
66
|
-
shift: -1,
|
|
67
|
-
bounds: [2]
|
|
68
|
-
}),
|
|
69
|
-
fontStyle = (0, import_get_font_sized.getFontSized)(val, extras);
|
|
70
|
-
return !import_core2.isWeb && fontStyle && delete fontStyle.lineHeight, {
|
|
71
|
-
...fontStyle,
|
|
72
|
-
...buttonStyles,
|
|
73
|
-
paddingHorizontal
|
|
74
|
-
};
|
|
38
|
+
size: "$true",
|
|
39
|
+
fontFamily: "$body",
|
|
40
|
+
borderWidth: 1,
|
|
41
|
+
outlineWidth: 0,
|
|
42
|
+
color: "$color",
|
|
43
|
+
...(import_core2.isWeb ? {
|
|
44
|
+
tabIndex: 0
|
|
45
|
+
} : {
|
|
46
|
+
focusable: true
|
|
47
|
+
}),
|
|
48
|
+
borderColor: "$borderColor",
|
|
49
|
+
backgroundColor: "$background",
|
|
50
|
+
// this fixes a flex bug where it overflows container
|
|
51
|
+
minWidth: 0,
|
|
52
|
+
hoverStyle: {
|
|
53
|
+
borderColor: "$borderColorHover"
|
|
75
54
|
},
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
props
|
|
79
|
-
} = extras,
|
|
80
|
-
buttonStyles = (0, import_get_button_sized.getButtonSized)(val, extras),
|
|
81
|
-
fontStyle = (0, import_get_font_sized.getFontSized)(val, extras),
|
|
82
|
-
lines = props.rows ?? props.numberOfLines,
|
|
83
|
-
height = typeof lines == "number" ? lines * (0, import_core2.getVariableValue)(fontStyle.lineHeight) : "auto";
|
|
84
|
-
!import_core2.isWeb && fontStyle && delete fontStyle.lineHeight;
|
|
85
|
-
const paddingVertical = (0, import_get_token.getSpace)(val, {
|
|
86
|
-
shift: -2,
|
|
87
|
-
bounds: [2]
|
|
88
|
-
}),
|
|
89
|
-
paddingHorizontal = (0, import_get_token.getSpace)(val, {
|
|
90
|
-
shift: -1,
|
|
91
|
-
bounds: [2]
|
|
92
|
-
});
|
|
93
|
-
return {
|
|
94
|
-
...buttonStyles,
|
|
95
|
-
...fontStyle,
|
|
96
|
-
paddingVertical,
|
|
97
|
-
paddingHorizontal,
|
|
98
|
-
height
|
|
99
|
-
};
|
|
55
|
+
focusStyle: {
|
|
56
|
+
borderColor: "$borderColorFocus"
|
|
100
57
|
},
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
58
|
+
focusVisibleStyle: {
|
|
59
|
+
outlineColor: "$outlineColor",
|
|
60
|
+
outlineWidth: 2,
|
|
61
|
+
outlineStyle: "solid"
|
|
62
|
+
}
|
|
63
|
+
};
|
|
64
|
+
const inputSizeVariant = (val = "$true", extras) => {
|
|
65
|
+
if (extras.props.tag === "textarea" || extras.props.rows > 1 || extras.props.multiline || extras.props.numberOfLines > 1) {
|
|
66
|
+
return textAreaSizeVariant(val, extras);
|
|
67
|
+
}
|
|
68
|
+
const buttonStyles = (0, import_get_button_sized.getButtonSized)(val, extras);
|
|
69
|
+
const paddingHorizontal = (0, import_get_token.getSpace)(val, {
|
|
70
|
+
shift: -1,
|
|
71
|
+
bounds: [2]
|
|
72
|
+
});
|
|
73
|
+
const fontStyle = (0, import_get_font_sized.getFontSized)(val, extras);
|
|
74
|
+
if (!import_core2.isWeb && fontStyle) {
|
|
75
|
+
delete fontStyle["lineHeight"];
|
|
76
|
+
}
|
|
77
|
+
return {
|
|
78
|
+
...fontStyle,
|
|
79
|
+
...buttonStyles,
|
|
80
|
+
paddingHorizontal
|
|
81
|
+
};
|
|
82
|
+
};
|
|
83
|
+
const textAreaSizeVariant = (val = "$true", extras) => {
|
|
84
|
+
const {
|
|
85
|
+
props
|
|
86
|
+
} = extras;
|
|
87
|
+
const buttonStyles = (0, import_get_button_sized.getButtonSized)(val, extras);
|
|
88
|
+
const fontStyle = (0, import_get_font_sized.getFontSized)(val, extras);
|
|
89
|
+
const lines = props.rows ?? props.numberOfLines;
|
|
90
|
+
const height = typeof lines === "number" ? lines * (0, import_core2.getVariableValue)(fontStyle.lineHeight) : "auto";
|
|
91
|
+
if (!import_core2.isWeb && fontStyle) {
|
|
92
|
+
delete fontStyle["lineHeight"];
|
|
93
|
+
}
|
|
94
|
+
const paddingVertical = (0, import_get_token.getSpace)(val, {
|
|
95
|
+
shift: -2,
|
|
96
|
+
bounds: [2]
|
|
97
|
+
});
|
|
98
|
+
const paddingHorizontal = (0, import_get_token.getSpace)(val, {
|
|
99
|
+
shift: -1,
|
|
100
|
+
bounds: [2]
|
|
101
|
+
});
|
|
102
|
+
return {
|
|
103
|
+
...buttonStyles,
|
|
104
|
+
...fontStyle,
|
|
105
|
+
paddingVertical,
|
|
106
|
+
paddingHorizontal,
|
|
107
|
+
height
|
|
108
|
+
};
|
|
109
|
+
};
|
|
110
|
+
const INPUT_NAME = "Input";
|
|
111
|
+
const styledBody = [{
|
|
112
|
+
name: INPUT_NAME,
|
|
113
|
+
render: "input",
|
|
114
|
+
variants: {
|
|
115
|
+
unstyled: {
|
|
116
|
+
true: {
|
|
117
|
+
// reset browser <input>/<textarea> defaults
|
|
118
|
+
outlineWidth: 0,
|
|
119
|
+
borderWidth: 0,
|
|
120
|
+
backgroundColor: "transparent"
|
|
111
121
|
},
|
|
112
|
-
|
|
113
|
-
true: {}
|
|
114
|
-
}
|
|
122
|
+
false: defaultStyles
|
|
115
123
|
},
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
}
|
|
119
|
-
}, {
|
|
120
|
-
isInput: !0,
|
|
121
|
-
accept: {
|
|
122
|
-
placeholderTextColor: "color",
|
|
123
|
-
selectionColor: "color",
|
|
124
|
-
cursorColor: "color",
|
|
125
|
-
selectionHandleColor: "color",
|
|
126
|
-
underlineColorAndroid: "color"
|
|
124
|
+
size: {
|
|
125
|
+
"...size": inputSizeVariant
|
|
127
126
|
},
|
|
128
|
-
|
|
129
|
-
|
|
127
|
+
disabled: {
|
|
128
|
+
true: {}
|
|
129
|
+
}
|
|
130
|
+
},
|
|
131
|
+
defaultVariants: {
|
|
132
|
+
unstyled: process.env.TAMAGUI_HEADLESS === "1"
|
|
133
|
+
}
|
|
134
|
+
}, {
|
|
135
|
+
isInput: true,
|
|
136
|
+
accept: {
|
|
137
|
+
placeholderTextColor: "color",
|
|
138
|
+
selectionColor: "color",
|
|
139
|
+
cursorColor: "color",
|
|
140
|
+
selectionHandleColor: "color",
|
|
141
|
+
underlineColorAndroid: "color"
|
|
142
|
+
},
|
|
143
|
+
validStyles: import_core.Text.staticConfig.validStyles
|
|
144
|
+
}];
|
|
@@ -5,20 +5,22 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
|
5
5
|
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
6
6
|
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
7
7
|
var __export = (target, all) => {
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
8
|
+
for (var name in all) __defProp(target, name, {
|
|
9
|
+
get: all[name],
|
|
10
|
+
enumerable: true
|
|
11
|
+
});
|
|
12
|
+
};
|
|
13
|
+
var __copyProps = (to, from, except, desc) => {
|
|
14
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
15
|
+
for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
|
|
15
16
|
get: () => from[key],
|
|
16
17
|
enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
|
|
17
18
|
});
|
|
18
|
-
|
|
19
|
-
|
|
19
|
+
}
|
|
20
|
+
return to;
|
|
21
|
+
};
|
|
20
22
|
var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
|
|
21
|
-
value:
|
|
23
|
+
value: true
|
|
22
24
|
}), mod);
|
|
23
25
|
var shared_exports = {};
|
|
24
26
|
__export(shared_exports, {
|
|
@@ -29,109 +31,122 @@ __export(shared_exports, {
|
|
|
29
31
|
textAreaSizeVariant: () => textAreaSizeVariant
|
|
30
32
|
});
|
|
31
33
|
module.exports = __toCommonJS(shared_exports);
|
|
32
|
-
var import_core = require("@tamagui/core")
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
},
|
|
55
|
-
focusStyle: {
|
|
56
|
-
borderColor: "$borderColorFocus"
|
|
57
|
-
},
|
|
58
|
-
focusVisibleStyle: {
|
|
59
|
-
outlineColor: "$outlineColor",
|
|
60
|
-
outlineWidth: 2,
|
|
61
|
-
outlineStyle: "solid"
|
|
62
|
-
}
|
|
63
|
-
},
|
|
64
|
-
inputSizeVariant = function () {
|
|
65
|
-
var val = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : "$true",
|
|
66
|
-
extras = arguments.length > 1 ? arguments[1] : void 0;
|
|
67
|
-
if (extras.props.tag === "textarea" || extras.props.rows > 1 || extras.props.multiline || extras.props.numberOfLines > 1) return textAreaSizeVariant(val, extras);
|
|
68
|
-
var buttonStyles = (0, import_get_button_sized.getButtonSized)(val, extras),
|
|
69
|
-
paddingHorizontal = (0, import_get_token.getSpace)(val, {
|
|
70
|
-
shift: -1,
|
|
71
|
-
bounds: [2]
|
|
72
|
-
}),
|
|
73
|
-
fontStyle = (0, import_get_font_sized.getFontSized)(val, extras);
|
|
74
|
-
return !import_core2.isWeb && fontStyle && delete fontStyle.lineHeight, {
|
|
75
|
-
...fontStyle,
|
|
76
|
-
...buttonStyles,
|
|
77
|
-
paddingHorizontal
|
|
78
|
-
};
|
|
34
|
+
var import_core = require("@tamagui/core");
|
|
35
|
+
var import_core2 = require("@tamagui/core");
|
|
36
|
+
var import_get_button_sized = require("@tamagui/get-button-sized");
|
|
37
|
+
var import_get_font_sized = require("@tamagui/get-font-sized");
|
|
38
|
+
var import_get_token = require("@tamagui/get-token");
|
|
39
|
+
var defaultStyles = {
|
|
40
|
+
size: "$true",
|
|
41
|
+
fontFamily: "$body",
|
|
42
|
+
borderWidth: 1,
|
|
43
|
+
outlineWidth: 0,
|
|
44
|
+
color: "$color",
|
|
45
|
+
...(import_core2.isWeb ? {
|
|
46
|
+
tabIndex: 0
|
|
47
|
+
} : {
|
|
48
|
+
focusable: true
|
|
49
|
+
}),
|
|
50
|
+
borderColor: "$borderColor",
|
|
51
|
+
backgroundColor: "$background",
|
|
52
|
+
// this fixes a flex bug where it overflows container
|
|
53
|
+
minWidth: 0,
|
|
54
|
+
hoverStyle: {
|
|
55
|
+
borderColor: "$borderColorHover"
|
|
79
56
|
},
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
extras = arguments.length > 1 ? arguments[1] : void 0,
|
|
83
|
-
{
|
|
84
|
-
props
|
|
85
|
-
} = extras,
|
|
86
|
-
buttonStyles = (0, import_get_button_sized.getButtonSized)(val, extras),
|
|
87
|
-
fontStyle = (0, import_get_font_sized.getFontSized)(val, extras),
|
|
88
|
-
_props_rows,
|
|
89
|
-
lines = (_props_rows = props.rows) !== null && _props_rows !== void 0 ? _props_rows : props.numberOfLines,
|
|
90
|
-
height = typeof lines == "number" ? lines * (0, import_core2.getVariableValue)(fontStyle.lineHeight) : "auto";
|
|
91
|
-
!import_core2.isWeb && fontStyle && delete fontStyle.lineHeight;
|
|
92
|
-
var paddingVertical = (0, import_get_token.getSpace)(val, {
|
|
93
|
-
shift: -2,
|
|
94
|
-
bounds: [2]
|
|
95
|
-
}),
|
|
96
|
-
paddingHorizontal = (0, import_get_token.getSpace)(val, {
|
|
97
|
-
shift: -1,
|
|
98
|
-
bounds: [2]
|
|
99
|
-
});
|
|
100
|
-
return {
|
|
101
|
-
...buttonStyles,
|
|
102
|
-
...fontStyle,
|
|
103
|
-
paddingVertical,
|
|
104
|
-
paddingHorizontal,
|
|
105
|
-
height
|
|
106
|
-
};
|
|
57
|
+
focusStyle: {
|
|
58
|
+
borderColor: "$borderColorFocus"
|
|
107
59
|
},
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
60
|
+
focusVisibleStyle: {
|
|
61
|
+
outlineColor: "$outlineColor",
|
|
62
|
+
outlineWidth: 2,
|
|
63
|
+
outlineStyle: "solid"
|
|
64
|
+
}
|
|
65
|
+
};
|
|
66
|
+
var inputSizeVariant = function () {
|
|
67
|
+
var val = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : "$true",
|
|
68
|
+
extras = arguments.length > 1 ? arguments[1] : void 0;
|
|
69
|
+
if (extras.props.tag === "textarea" || extras.props.rows > 1 || extras.props.multiline || extras.props.numberOfLines > 1) {
|
|
70
|
+
return textAreaSizeVariant(val, extras);
|
|
71
|
+
}
|
|
72
|
+
var buttonStyles = (0, import_get_button_sized.getButtonSized)(val, extras);
|
|
73
|
+
var paddingHorizontal = (0, import_get_token.getSpace)(val, {
|
|
74
|
+
shift: -1,
|
|
75
|
+
bounds: [2]
|
|
76
|
+
});
|
|
77
|
+
var fontStyle = (0, import_get_font_sized.getFontSized)(val, extras);
|
|
78
|
+
if (!import_core2.isWeb && fontStyle) {
|
|
79
|
+
delete fontStyle["lineHeight"];
|
|
80
|
+
}
|
|
81
|
+
return {
|
|
82
|
+
...fontStyle,
|
|
83
|
+
...buttonStyles,
|
|
84
|
+
paddingHorizontal
|
|
85
|
+
};
|
|
86
|
+
};
|
|
87
|
+
var textAreaSizeVariant = function () {
|
|
88
|
+
var val = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : "$true",
|
|
89
|
+
extras = arguments.length > 1 ? arguments[1] : void 0;
|
|
90
|
+
var {
|
|
91
|
+
props
|
|
92
|
+
} = extras;
|
|
93
|
+
var buttonStyles = (0, import_get_button_sized.getButtonSized)(val, extras);
|
|
94
|
+
var fontStyle = (0, import_get_font_sized.getFontSized)(val, extras);
|
|
95
|
+
var _props_rows;
|
|
96
|
+
var lines = (_props_rows = props.rows) !== null && _props_rows !== void 0 ? _props_rows : props.numberOfLines;
|
|
97
|
+
var height = typeof lines === "number" ? lines * (0, import_core2.getVariableValue)(fontStyle.lineHeight) : "auto";
|
|
98
|
+
if (!import_core2.isWeb && fontStyle) {
|
|
99
|
+
delete fontStyle["lineHeight"];
|
|
100
|
+
}
|
|
101
|
+
var paddingVertical = (0, import_get_token.getSpace)(val, {
|
|
102
|
+
shift: -2,
|
|
103
|
+
bounds: [2]
|
|
104
|
+
});
|
|
105
|
+
var paddingHorizontal = (0, import_get_token.getSpace)(val, {
|
|
106
|
+
shift: -1,
|
|
107
|
+
bounds: [2]
|
|
108
|
+
});
|
|
109
|
+
return {
|
|
110
|
+
...buttonStyles,
|
|
111
|
+
...fontStyle,
|
|
112
|
+
paddingVertical,
|
|
113
|
+
paddingHorizontal,
|
|
114
|
+
height
|
|
115
|
+
};
|
|
116
|
+
};
|
|
117
|
+
var INPUT_NAME = "Input";
|
|
118
|
+
var styledBody = [{
|
|
119
|
+
name: INPUT_NAME,
|
|
120
|
+
render: "input",
|
|
121
|
+
variants: {
|
|
122
|
+
unstyled: {
|
|
123
|
+
true: {
|
|
124
|
+
// reset browser <input>/<textarea> defaults
|
|
125
|
+
outlineWidth: 0,
|
|
126
|
+
borderWidth: 0,
|
|
127
|
+
backgroundColor: "transparent"
|
|
118
128
|
},
|
|
119
|
-
|
|
120
|
-
true: {}
|
|
121
|
-
}
|
|
129
|
+
false: defaultStyles
|
|
122
130
|
},
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
}
|
|
126
|
-
}, {
|
|
127
|
-
isInput: !0,
|
|
128
|
-
accept: {
|
|
129
|
-
placeholderTextColor: "color",
|
|
130
|
-
selectionColor: "color",
|
|
131
|
-
cursorColor: "color",
|
|
132
|
-
selectionHandleColor: "color",
|
|
133
|
-
underlineColorAndroid: "color"
|
|
131
|
+
size: {
|
|
132
|
+
"...size": inputSizeVariant
|
|
134
133
|
},
|
|
135
|
-
|
|
136
|
-
|
|
134
|
+
disabled: {
|
|
135
|
+
true: {}
|
|
136
|
+
}
|
|
137
|
+
},
|
|
138
|
+
defaultVariants: {
|
|
139
|
+
unstyled: process.env.TAMAGUI_HEADLESS === "1"
|
|
140
|
+
}
|
|
141
|
+
}, {
|
|
142
|
+
isInput: true,
|
|
143
|
+
accept: {
|
|
144
|
+
placeholderTextColor: "color",
|
|
145
|
+
selectionColor: "color",
|
|
146
|
+
cursorColor: "color",
|
|
147
|
+
selectionHandleColor: "color",
|
|
148
|
+
underlineColorAndroid: "color"
|
|
149
|
+
},
|
|
150
|
+
validStyles: import_core.Text.staticConfig.validStyles
|
|
151
|
+
}];
|
|
137
152
|
//# sourceMappingURL=shared.native.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","shared_exports","__export","INPUT_NAME","defaultStyles","inputSizeVariant","styledBody","textAreaSizeVariant","module","exports","import_core","require","import_core2","import_get_button_sized","import_get_font_sized","import_get_token","size","fontFamily","borderWidth","outlineWidth","color","isWeb","tabIndex","focusable","borderColor","backgroundColor","minWidth","hoverStyle","focusStyle","focusVisibleStyle","outlineColor","outlineStyle","val","arguments","length","extras","props","tag","rows","multiline","numberOfLines","buttonStyles","getButtonSized","paddingHorizontal","getSpace","shift","bounds","fontStyle","getFontSized","
|
|
1
|
+
{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","shared_exports","__export","INPUT_NAME","defaultStyles","inputSizeVariant","styledBody","textAreaSizeVariant","module","exports","import_core","require","import_core2","import_get_button_sized","import_get_font_sized","import_get_token","size","fontFamily","borderWidth","outlineWidth","color","isWeb","tabIndex","focusable","borderColor","backgroundColor","minWidth","hoverStyle","focusStyle","focusVisibleStyle","outlineColor","outlineStyle","val","arguments","length","extras","props","tag","rows","multiline","numberOfLines","buttonStyles","getButtonSized","paddingHorizontal","getSpace","shift","bounds","fontStyle","getFontSized","_props_rows","lines","height","getVariableValue","lineHeight","paddingVertical","name","render","variants","unstyled","true","false","disabled","defaultVariants","process","env","TAMAGUI_HEADLESS","isInput"],"sources":["../../src/shared.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
|
package/dist/cjs/types.cjs
CHANGED
|
@@ -3,14 +3,16 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
|
3
3
|
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
4
4
|
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
5
5
|
var __copyProps = (to, from, except, desc) => {
|
|
6
|
-
if (from && typeof from
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
6
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
7
|
+
for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
|
|
8
|
+
get: () => from[key],
|
|
9
|
+
enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
|
|
10
|
+
});
|
|
11
|
+
}
|
|
10
12
|
return to;
|
|
11
13
|
};
|
|
12
14
|
var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
|
|
13
|
-
value:
|
|
15
|
+
value: true
|
|
14
16
|
}), mod);
|
|
15
17
|
var types_exports = {};
|
|
16
18
|
module.exports = __toCommonJS(types_exports);
|
package/dist/cjs/types.native.js
CHANGED
|
@@ -5,14 +5,16 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
|
5
5
|
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
6
6
|
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
7
7
|
var __copyProps = (to, from, except, desc) => {
|
|
8
|
-
if (from && typeof from
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
8
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
9
|
+
for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
|
|
10
|
+
get: () => from[key],
|
|
11
|
+
enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
|
|
12
|
+
});
|
|
13
|
+
}
|
|
12
14
|
return to;
|
|
13
15
|
};
|
|
14
16
|
var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
|
|
15
|
-
value:
|
|
17
|
+
value: true
|
|
16
18
|
}), mod);
|
|
17
19
|
var types_exports = {};
|
|
18
20
|
module.exports = __toCommonJS(types_exports);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","types_exports"],"sources":["../../src/types.ts"],"sourcesContent":[null],"mappings":"
|
|
1
|
+
{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","types_exports"],"sources":["../../src/types.ts"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,aAAA","ignoreList":[]}
|