@tamagui/input 1.97.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/LICENSE +21 -0
- package/dist/cjs/Input.js +137 -0
- package/dist/cjs/Input.js.map +6 -0
- package/dist/cjs/Input.native.js +169 -0
- package/dist/cjs/Input.native.js.map +6 -0
- package/dist/cjs/TextArea.js +42 -0
- package/dist/cjs/TextArea.js.map +6 -0
- package/dist/cjs/TextArea.native.js +81 -0
- package/dist/cjs/TextArea.native.js.map +6 -0
- package/dist/cjs/index.js +16 -0
- package/dist/cjs/index.js.map +6 -0
- package/dist/cjs/index.native.js +22 -0
- package/dist/cjs/index.native.js.map +6 -0
- package/dist/cjs/shared.js +109 -0
- package/dist/cjs/shared.js.map +6 -0
- package/dist/cjs/shared.native.js +152 -0
- package/dist/cjs/shared.native.js.map +6 -0
- package/dist/cjs/types.js +14 -0
- package/dist/cjs/types.js.map +6 -0
- package/dist/cjs/types.native.js +15 -0
- package/dist/cjs/types.native.js.map +6 -0
- package/dist/esm/Input.js +117 -0
- package/dist/esm/Input.js.map +6 -0
- package/dist/esm/Input.mjs +121 -0
- package/dist/esm/Input.native.js +145 -0
- package/dist/esm/Input.native.js.map +6 -0
- package/dist/esm/TextArea.js +28 -0
- package/dist/esm/TextArea.js.map +6 -0
- package/dist/esm/TextArea.mjs +25 -0
- package/dist/esm/TextArea.native.js +62 -0
- package/dist/esm/TextArea.native.js.map +6 -0
- package/dist/esm/index.js +3 -0
- package/dist/esm/index.js.map +6 -0
- package/dist/esm/index.mjs +2 -0
- package/dist/esm/index.native.js +3 -0
- package/dist/esm/index.native.js.map +6 -0
- package/dist/esm/shared.js +97 -0
- package/dist/esm/shared.js.map +6 -0
- package/dist/esm/shared.mjs +100 -0
- package/dist/esm/shared.native.js +131 -0
- package/dist/esm/shared.native.js.map +6 -0
- package/dist/esm/types.js +1 -0
- package/dist/esm/types.js.map +6 -0
- package/dist/esm/types.mjs +0 -0
- package/dist/esm/types.native.js +1 -0
- package/dist/esm/types.native.js.map +6 -0
- package/dist/jsx/Input.js +117 -0
- package/dist/jsx/Input.js.map +6 -0
- package/dist/jsx/Input.mjs +121 -0
- package/dist/jsx/Input.native.js +145 -0
- package/dist/jsx/Input.native.js.map +6 -0
- package/dist/jsx/TextArea.js +28 -0
- package/dist/jsx/TextArea.js.map +6 -0
- package/dist/jsx/TextArea.mjs +25 -0
- package/dist/jsx/TextArea.native.js +62 -0
- package/dist/jsx/TextArea.native.js.map +6 -0
- package/dist/jsx/index.js +3 -0
- package/dist/jsx/index.js.map +6 -0
- package/dist/jsx/index.mjs +2 -0
- package/dist/jsx/index.native.js +3 -0
- package/dist/jsx/index.native.js.map +6 -0
- package/dist/jsx/shared.js +97 -0
- package/dist/jsx/shared.js.map +6 -0
- package/dist/jsx/shared.mjs +100 -0
- package/dist/jsx/shared.native.js +131 -0
- package/dist/jsx/shared.native.js.map +6 -0
- package/dist/jsx/types.js +1 -0
- package/dist/jsx/types.js.map +6 -0
- package/dist/jsx/types.mjs +0 -0
- package/dist/jsx/types.native.js +1 -0
- package/dist/jsx/types.native.js.map +6 -0
- package/package.json +55 -0
- package/src/Input.native.tsx +148 -0
- package/src/Input.tsx +142 -0
- package/src/TextArea.tsx +27 -0
- package/src/index.ts +2 -0
- package/src/shared.tsx +129 -0
- package/src/types.ts +59 -0
- package/types/Input.d.ts +293 -0
- package/types/Input.d.ts.map +1 -0
- package/types/Input.native.d.ts +295 -0
- package/types/Input.native.d.ts.map +1 -0
- package/types/TextArea.d.ts +277 -0
- package/types/TextArea.d.ts.map +1 -0
- package/types/index.d.ts +3 -0
- package/types/index.d.ts.map +1 -0
- package/types/shared.d.ts +307 -0
- package/types/shared.d.ts.map +1 -0
- package/types/types.d.ts +40 -0
- package/types/types.d.ts.map +1 -0
|
@@ -0,0 +1,277 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
export declare const TextArea: import("@tamagui/web").TamaguiComponent<import("@tamagui/web").TamaDefer, import("@tamagui/web").TamaguiElement, import("@tamagui/core").RNTamaguiViewNonStyleProps & import("@tamagui/web").StackNonStyleProps & import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStyleBase> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStyleBase>> & import("@tamagui/web").WithPseudoProps<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStyleBase> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStyleBase>>> & import("@tamagui/web").WithMediaProps<import("@tamagui/web").WithThemeShorthandsAndPseudos<import("@tamagui/web").StackStyleBase, {}>> & Omit<import("react").ClassAttributes<HTMLInputElement> & import("react").HTMLProps<HTMLInputElement>, "size" | `$${string}` | `$${number}` | import("@tamagui/web").GroupMediaKeys | `$theme-${string}` | `$theme-${number}` | "value" | keyof import("@tamagui/web").StackStyleBase | keyof import("@tamagui/web").StackNonStyleProps | keyof import("@tamagui/web").WithPseudoProps<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStyleBase> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStyleBase>>>> & import("react").CSSProperties & Omit<import("react-native").TextInputProps, "numberOfLines" | "selectionColor" | "inputMode" | "secureTextEntry" | "onChangeText" | "editable" | "enterKeyHint" | "keyboardType" | "placeholderTextColor"> & {
|
|
3
|
+
secureTextEntry?: boolean | undefined;
|
|
4
|
+
onChangeText?: ((e: import("react-native").NativeSyntheticEvent<import("react-native").TextInputChangeEventData>) => void) | undefined;
|
|
5
|
+
editable?: boolean | undefined;
|
|
6
|
+
enterKeyHint?: "search" | "done" | "go" | "next" | "send" | "enter" | "previous" | undefined;
|
|
7
|
+
keyboardType?: import("react-native").KeyboardTypeOptions | undefined;
|
|
8
|
+
inputMode?: import("react-native").InputModeOptions | undefined;
|
|
9
|
+
placeholderTextColor?: import("@tamagui/web").ColorTokens | undefined;
|
|
10
|
+
selectionColor?: import("@tamagui/web").ColorTokens | undefined;
|
|
11
|
+
tag?: "object" | "button" | "search" | "header" | "summary" | "menu" | "article" | "dialog" | "figure" | "form" | "img" | "main" | "meter" | "option" | "table" | (string & {}) | "address" | "aside" | "footer" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "nav" | "section" | "blockquote" | "dd" | "div" | "dl" | "dt" | "figcaption" | "hr" | "li" | "ol" | "ul" | "p" | "pre" | "a" | "abbr" | "b" | "bdi" | "bdo" | "br" | "cite" | "code" | "data" | "dfn" | "em" | "i" | "kbd" | "mark" | "q" | "rp" | "rt" | "rtc" | "ruby" | "s" | "samp" | "small" | "span" | "strong" | "sub" | "sup" | "time" | "u" | "var" | "wbr" | "area" | "audio" | "map" | "track" | "video" | "embed" | "param" | "picture" | "source" | "canvas" | "noscript" | "script" | "del" | "ins" | "caption" | "col" | "colgroup" | "thead" | "tbody" | "td" | "th" | "tr" | "datalist" | "fieldset" | "input" | "label" | "legend" | "optgroup" | "output" | "progress" | "select" | "textarea" | "details" | "template" | undefined;
|
|
12
|
+
multiline?: boolean | undefined;
|
|
13
|
+
numberOfLines?: number | undefined;
|
|
14
|
+
}, import("@tamagui/web").StackStyleBase, {
|
|
15
|
+
size?: import("@tamagui/web").SizeTokens | undefined;
|
|
16
|
+
disabled?: boolean | undefined;
|
|
17
|
+
unstyled?: boolean | undefined;
|
|
18
|
+
}, ({
|
|
19
|
+
name: string;
|
|
20
|
+
tag: string;
|
|
21
|
+
variants: {
|
|
22
|
+
readonly unstyled: {
|
|
23
|
+
readonly false: {
|
|
24
|
+
readonly borderColor: "$borderColor";
|
|
25
|
+
readonly backgroundColor: "$background";
|
|
26
|
+
readonly minWidth: 0;
|
|
27
|
+
readonly hoverStyle: {
|
|
28
|
+
readonly borderColor: "$borderColorHover";
|
|
29
|
+
};
|
|
30
|
+
readonly focusStyle: {
|
|
31
|
+
readonly borderColor: "$borderColorFocus";
|
|
32
|
+
};
|
|
33
|
+
readonly focusVisibleStyle: {
|
|
34
|
+
readonly outlineColor: "$outlineColor";
|
|
35
|
+
readonly outlineWidth: 2;
|
|
36
|
+
readonly outlineStyle: "solid";
|
|
37
|
+
};
|
|
38
|
+
readonly tabIndex: number;
|
|
39
|
+
readonly size: "$true";
|
|
40
|
+
readonly fontFamily: "$body";
|
|
41
|
+
readonly borderWidth: 1;
|
|
42
|
+
readonly outlineWidth: 0;
|
|
43
|
+
readonly color: "$color";
|
|
44
|
+
} | {
|
|
45
|
+
readonly borderColor: "$borderColor";
|
|
46
|
+
readonly backgroundColor: "$background";
|
|
47
|
+
readonly minWidth: 0;
|
|
48
|
+
readonly hoverStyle: {
|
|
49
|
+
readonly borderColor: "$borderColorHover";
|
|
50
|
+
};
|
|
51
|
+
readonly focusStyle: {
|
|
52
|
+
readonly borderColor: "$borderColorFocus";
|
|
53
|
+
};
|
|
54
|
+
readonly focusVisibleStyle: {
|
|
55
|
+
readonly outlineColor: "$outlineColor";
|
|
56
|
+
readonly outlineWidth: 2;
|
|
57
|
+
readonly outlineStyle: "solid";
|
|
58
|
+
};
|
|
59
|
+
readonly focusable: boolean;
|
|
60
|
+
readonly size: "$true";
|
|
61
|
+
readonly fontFamily: "$body";
|
|
62
|
+
readonly borderWidth: 1;
|
|
63
|
+
readonly outlineWidth: 0;
|
|
64
|
+
readonly color: "$color";
|
|
65
|
+
};
|
|
66
|
+
};
|
|
67
|
+
readonly size: {
|
|
68
|
+
readonly '...size': import("@tamagui/web").SizeVariantSpreadFunction<any>;
|
|
69
|
+
};
|
|
70
|
+
readonly disabled: {
|
|
71
|
+
readonly true: {};
|
|
72
|
+
};
|
|
73
|
+
};
|
|
74
|
+
defaultVariants: {
|
|
75
|
+
unstyled: boolean;
|
|
76
|
+
};
|
|
77
|
+
isInput?: undefined;
|
|
78
|
+
accept?: undefined;
|
|
79
|
+
validStyles?: undefined;
|
|
80
|
+
} | {
|
|
81
|
+
isInput: boolean;
|
|
82
|
+
accept: {
|
|
83
|
+
readonly placeholderTextColor: "color";
|
|
84
|
+
readonly selectionColor: "color";
|
|
85
|
+
};
|
|
86
|
+
validStyles: {
|
|
87
|
+
whiteSpace?: boolean | undefined;
|
|
88
|
+
wordWrap?: boolean | undefined;
|
|
89
|
+
textOverflow?: boolean | undefined;
|
|
90
|
+
textDecorationDistance?: boolean | undefined;
|
|
91
|
+
userSelect?: boolean | undefined;
|
|
92
|
+
selectable?: boolean | undefined;
|
|
93
|
+
cursor?: boolean | undefined;
|
|
94
|
+
WebkitLineClamp: boolean;
|
|
95
|
+
WebkitBoxOrient?: boolean | undefined;
|
|
96
|
+
textShadowOffset: boolean;
|
|
97
|
+
textShadowRadius: boolean;
|
|
98
|
+
color: boolean;
|
|
99
|
+
textDecorationColor: boolean;
|
|
100
|
+
textShadowColor: boolean;
|
|
101
|
+
textAlign: boolean;
|
|
102
|
+
textDecorationLine: boolean;
|
|
103
|
+
textDecorationStyle: boolean;
|
|
104
|
+
fontFamily: boolean;
|
|
105
|
+
fontSize: boolean;
|
|
106
|
+
fontStyle: boolean;
|
|
107
|
+
fontWeight: boolean;
|
|
108
|
+
letterSpacing: boolean;
|
|
109
|
+
lineHeight: boolean;
|
|
110
|
+
textTransform: boolean;
|
|
111
|
+
elevationAndroid?: boolean | undefined;
|
|
112
|
+
borderBottomStyle?: boolean | undefined;
|
|
113
|
+
borderTopStyle?: boolean | undefined;
|
|
114
|
+
borderLeftStyle?: boolean | undefined;
|
|
115
|
+
borderRightStyle?: boolean | undefined;
|
|
116
|
+
caretColor?: boolean | undefined;
|
|
117
|
+
scrollbarWidth?: boolean | undefined;
|
|
118
|
+
overflowX?: boolean | undefined;
|
|
119
|
+
overflowY?: boolean | undefined;
|
|
120
|
+
contain?: boolean | undefined;
|
|
121
|
+
pointerEvents?: boolean | undefined;
|
|
122
|
+
boxSizing?: boolean | undefined;
|
|
123
|
+
boxShadow?: boolean | undefined;
|
|
124
|
+
outlineStyle?: boolean | undefined;
|
|
125
|
+
outlineOffset?: boolean | undefined;
|
|
126
|
+
outlineWidth?: boolean | undefined;
|
|
127
|
+
touchAction?: boolean | undefined;
|
|
128
|
+
animationIterationCount: boolean;
|
|
129
|
+
aspectRatio: boolean;
|
|
130
|
+
borderImageOutset: boolean;
|
|
131
|
+
borderImageSlice: boolean;
|
|
132
|
+
borderImageWidth: boolean;
|
|
133
|
+
columnCount: boolean;
|
|
134
|
+
flex: boolean;
|
|
135
|
+
flexGrow: boolean;
|
|
136
|
+
flexOrder: boolean;
|
|
137
|
+
flexPositive: boolean;
|
|
138
|
+
flexShrink: boolean;
|
|
139
|
+
flexNegative: boolean;
|
|
140
|
+
gridRow: boolean;
|
|
141
|
+
gridRowEnd: boolean;
|
|
142
|
+
gridRowGap: boolean;
|
|
143
|
+
gridRowStart: boolean;
|
|
144
|
+
gridColumn: boolean;
|
|
145
|
+
gridColumnEnd: boolean;
|
|
146
|
+
gridColumnGap: boolean;
|
|
147
|
+
gridColumnStart: boolean;
|
|
148
|
+
lineClamp: boolean;
|
|
149
|
+
opacity: boolean;
|
|
150
|
+
order: boolean;
|
|
151
|
+
orphans: boolean;
|
|
152
|
+
tabSize: boolean;
|
|
153
|
+
widows: boolean;
|
|
154
|
+
zIndex: boolean;
|
|
155
|
+
zoom: boolean;
|
|
156
|
+
scale: boolean;
|
|
157
|
+
scaleX: boolean;
|
|
158
|
+
scaleY: boolean;
|
|
159
|
+
scaleZ: boolean;
|
|
160
|
+
shadowOpacity: boolean;
|
|
161
|
+
x: boolean;
|
|
162
|
+
y: boolean;
|
|
163
|
+
perspective: boolean;
|
|
164
|
+
skewX: boolean;
|
|
165
|
+
skewY: boolean;
|
|
166
|
+
matrix: boolean;
|
|
167
|
+
rotate: boolean;
|
|
168
|
+
rotateY: boolean;
|
|
169
|
+
rotateX: boolean;
|
|
170
|
+
rotateZ: boolean;
|
|
171
|
+
borderRadius: boolean;
|
|
172
|
+
borderTopLeftRadius: boolean;
|
|
173
|
+
borderTopRightRadius: boolean;
|
|
174
|
+
borderBottomLeftRadius: boolean;
|
|
175
|
+
borderBottomRightRadius: boolean;
|
|
176
|
+
borderStartStartRadius: boolean;
|
|
177
|
+
borderStartEndRadius: boolean;
|
|
178
|
+
borderEndStartRadius: boolean;
|
|
179
|
+
borderEndEndRadius: boolean;
|
|
180
|
+
width: boolean;
|
|
181
|
+
height: boolean;
|
|
182
|
+
minWidth: boolean;
|
|
183
|
+
minHeight: boolean;
|
|
184
|
+
maxWidth: boolean;
|
|
185
|
+
maxHeight: boolean;
|
|
186
|
+
outlineColor?: boolean | undefined;
|
|
187
|
+
backgroundColor: boolean;
|
|
188
|
+
borderColor: boolean;
|
|
189
|
+
borderBlockStartColor: boolean;
|
|
190
|
+
borderBlockEndColor: boolean;
|
|
191
|
+
borderBlockColor: boolean;
|
|
192
|
+
borderBottomColor: boolean;
|
|
193
|
+
borderTopColor: boolean;
|
|
194
|
+
borderLeftColor: boolean;
|
|
195
|
+
borderRightColor: boolean;
|
|
196
|
+
borderEndColor: boolean;
|
|
197
|
+
borderStartColor: boolean;
|
|
198
|
+
shadowColor: boolean;
|
|
199
|
+
backfaceVisibility: boolean;
|
|
200
|
+
borderBottomEndRadius: boolean;
|
|
201
|
+
borderBottomStartRadius: boolean;
|
|
202
|
+
borderBottomWidth: boolean;
|
|
203
|
+
borderLeftWidth: boolean;
|
|
204
|
+
borderRightWidth: boolean;
|
|
205
|
+
borderStyle: boolean;
|
|
206
|
+
borderTopEndRadius: boolean;
|
|
207
|
+
borderTopStartRadius: boolean;
|
|
208
|
+
borderTopWidth: boolean;
|
|
209
|
+
borderWidth: boolean;
|
|
210
|
+
transform: boolean;
|
|
211
|
+
transformOrigin: boolean;
|
|
212
|
+
alignContent: boolean;
|
|
213
|
+
alignItems: boolean;
|
|
214
|
+
alignSelf: boolean;
|
|
215
|
+
borderEndWidth: boolean;
|
|
216
|
+
borderStartWidth: boolean;
|
|
217
|
+
bottom: boolean;
|
|
218
|
+
display: boolean;
|
|
219
|
+
end: boolean;
|
|
220
|
+
flexBasis: boolean;
|
|
221
|
+
flexDirection: boolean;
|
|
222
|
+
flexWrap: boolean;
|
|
223
|
+
gap: boolean;
|
|
224
|
+
columnGap: boolean;
|
|
225
|
+
rowGap: boolean;
|
|
226
|
+
justifyContent: boolean;
|
|
227
|
+
left: boolean;
|
|
228
|
+
margin: boolean;
|
|
229
|
+
marginBlockEnd: boolean;
|
|
230
|
+
marginBlockStart: boolean;
|
|
231
|
+
marginInlineEnd: boolean;
|
|
232
|
+
marginInline: boolean;
|
|
233
|
+
marginInlineStart: boolean;
|
|
234
|
+
marginBottom: boolean;
|
|
235
|
+
marginEnd: boolean;
|
|
236
|
+
marginHorizontal: boolean;
|
|
237
|
+
marginLeft: boolean;
|
|
238
|
+
marginRight: boolean;
|
|
239
|
+
marginStart: boolean;
|
|
240
|
+
marginTop: boolean;
|
|
241
|
+
marginVertical: boolean;
|
|
242
|
+
overflow: boolean;
|
|
243
|
+
padding: boolean;
|
|
244
|
+
paddingBottom: boolean;
|
|
245
|
+
paddingInline: boolean;
|
|
246
|
+
paddingBlock: boolean;
|
|
247
|
+
paddingBlockStart: boolean;
|
|
248
|
+
paddingInlineEnd: boolean;
|
|
249
|
+
paddingInlineStart: boolean;
|
|
250
|
+
paddingEnd: boolean;
|
|
251
|
+
paddingHorizontal: boolean;
|
|
252
|
+
paddingLeft: boolean;
|
|
253
|
+
paddingRight: boolean;
|
|
254
|
+
paddingStart: boolean;
|
|
255
|
+
paddingTop: boolean;
|
|
256
|
+
paddingVertical: boolean;
|
|
257
|
+
position: boolean;
|
|
258
|
+
right: boolean;
|
|
259
|
+
start: boolean;
|
|
260
|
+
top: boolean;
|
|
261
|
+
direction: boolean;
|
|
262
|
+
shadowOffset: boolean;
|
|
263
|
+
shadowRadius: boolean;
|
|
264
|
+
focusVisibleStyle?: boolean | undefined;
|
|
265
|
+
enterStyle: boolean;
|
|
266
|
+
exitStyle: boolean;
|
|
267
|
+
hoverStyle: boolean;
|
|
268
|
+
pressStyle: boolean;
|
|
269
|
+
focusStyle: boolean;
|
|
270
|
+
disabledStyle: boolean;
|
|
271
|
+
};
|
|
272
|
+
name?: undefined;
|
|
273
|
+
tag?: undefined;
|
|
274
|
+
variants?: undefined;
|
|
275
|
+
defaultVariants?: undefined;
|
|
276
|
+
}) & import("@tamagui/web").StaticConfigPublic>;
|
|
277
|
+
//# sourceMappingURL=TextArea.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TextArea.d.ts","sourceRoot":"","sources":["../src/TextArea.tsx"],"names":[],"mappings":";AAGA,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+CAuBnB,CAAA"}
|
package/types/index.d.ts
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAA;AACvB,cAAc,YAAY,CAAA"}
|
|
@@ -0,0 +1,307 @@
|
|
|
1
|
+
import type { SizeVariantSpreadFunction } from '@tamagui/core';
|
|
2
|
+
export declare const defaultStyles: {
|
|
3
|
+
readonly borderColor: "$borderColor";
|
|
4
|
+
readonly backgroundColor: "$background";
|
|
5
|
+
readonly minWidth: 0;
|
|
6
|
+
readonly hoverStyle: {
|
|
7
|
+
readonly borderColor: "$borderColorHover";
|
|
8
|
+
};
|
|
9
|
+
readonly focusStyle: {
|
|
10
|
+
readonly borderColor: "$borderColorFocus";
|
|
11
|
+
};
|
|
12
|
+
readonly focusVisibleStyle: {
|
|
13
|
+
readonly outlineColor: "$outlineColor";
|
|
14
|
+
readonly outlineWidth: 2;
|
|
15
|
+
readonly outlineStyle: "solid";
|
|
16
|
+
};
|
|
17
|
+
readonly tabIndex: number;
|
|
18
|
+
readonly size: "$true";
|
|
19
|
+
readonly fontFamily: "$body";
|
|
20
|
+
readonly borderWidth: 1;
|
|
21
|
+
readonly outlineWidth: 0;
|
|
22
|
+
readonly color: "$color";
|
|
23
|
+
} | {
|
|
24
|
+
readonly borderColor: "$borderColor";
|
|
25
|
+
readonly backgroundColor: "$background";
|
|
26
|
+
readonly minWidth: 0;
|
|
27
|
+
readonly hoverStyle: {
|
|
28
|
+
readonly borderColor: "$borderColorHover";
|
|
29
|
+
};
|
|
30
|
+
readonly focusStyle: {
|
|
31
|
+
readonly borderColor: "$borderColorFocus";
|
|
32
|
+
};
|
|
33
|
+
readonly focusVisibleStyle: {
|
|
34
|
+
readonly outlineColor: "$outlineColor";
|
|
35
|
+
readonly outlineWidth: 2;
|
|
36
|
+
readonly outlineStyle: "solid";
|
|
37
|
+
};
|
|
38
|
+
readonly focusable: boolean;
|
|
39
|
+
readonly size: "$true";
|
|
40
|
+
readonly fontFamily: "$body";
|
|
41
|
+
readonly borderWidth: 1;
|
|
42
|
+
readonly outlineWidth: 0;
|
|
43
|
+
readonly color: "$color";
|
|
44
|
+
};
|
|
45
|
+
export declare const inputSizeVariant: SizeVariantSpreadFunction<any>;
|
|
46
|
+
export declare const textAreaSizeVariant: SizeVariantSpreadFunction<any>;
|
|
47
|
+
export declare const INPUT_NAME = "Input";
|
|
48
|
+
export declare const styledBody: ({
|
|
49
|
+
name: string;
|
|
50
|
+
tag: string;
|
|
51
|
+
variants: {
|
|
52
|
+
readonly unstyled: {
|
|
53
|
+
readonly false: {
|
|
54
|
+
readonly borderColor: "$borderColor";
|
|
55
|
+
readonly backgroundColor: "$background";
|
|
56
|
+
readonly minWidth: 0;
|
|
57
|
+
readonly hoverStyle: {
|
|
58
|
+
readonly borderColor: "$borderColorHover";
|
|
59
|
+
};
|
|
60
|
+
readonly focusStyle: {
|
|
61
|
+
readonly borderColor: "$borderColorFocus";
|
|
62
|
+
};
|
|
63
|
+
readonly focusVisibleStyle: {
|
|
64
|
+
readonly outlineColor: "$outlineColor";
|
|
65
|
+
readonly outlineWidth: 2;
|
|
66
|
+
readonly outlineStyle: "solid";
|
|
67
|
+
};
|
|
68
|
+
readonly tabIndex: number;
|
|
69
|
+
readonly size: "$true";
|
|
70
|
+
readonly fontFamily: "$body";
|
|
71
|
+
readonly borderWidth: 1;
|
|
72
|
+
readonly outlineWidth: 0;
|
|
73
|
+
readonly color: "$color";
|
|
74
|
+
} | {
|
|
75
|
+
readonly borderColor: "$borderColor";
|
|
76
|
+
readonly backgroundColor: "$background";
|
|
77
|
+
readonly minWidth: 0;
|
|
78
|
+
readonly hoverStyle: {
|
|
79
|
+
readonly borderColor: "$borderColorHover";
|
|
80
|
+
};
|
|
81
|
+
readonly focusStyle: {
|
|
82
|
+
readonly borderColor: "$borderColorFocus";
|
|
83
|
+
};
|
|
84
|
+
readonly focusVisibleStyle: {
|
|
85
|
+
readonly outlineColor: "$outlineColor";
|
|
86
|
+
readonly outlineWidth: 2;
|
|
87
|
+
readonly outlineStyle: "solid";
|
|
88
|
+
};
|
|
89
|
+
readonly focusable: boolean;
|
|
90
|
+
readonly size: "$true";
|
|
91
|
+
readonly fontFamily: "$body";
|
|
92
|
+
readonly borderWidth: 1;
|
|
93
|
+
readonly outlineWidth: 0;
|
|
94
|
+
readonly color: "$color";
|
|
95
|
+
};
|
|
96
|
+
};
|
|
97
|
+
readonly size: {
|
|
98
|
+
readonly '...size': SizeVariantSpreadFunction<any>;
|
|
99
|
+
};
|
|
100
|
+
readonly disabled: {
|
|
101
|
+
readonly true: {};
|
|
102
|
+
};
|
|
103
|
+
};
|
|
104
|
+
defaultVariants: {
|
|
105
|
+
unstyled: boolean;
|
|
106
|
+
};
|
|
107
|
+
isInput?: undefined;
|
|
108
|
+
accept?: undefined;
|
|
109
|
+
validStyles?: undefined;
|
|
110
|
+
} | {
|
|
111
|
+
isInput: boolean;
|
|
112
|
+
accept: {
|
|
113
|
+
readonly placeholderTextColor: "color";
|
|
114
|
+
readonly selectionColor: "color";
|
|
115
|
+
};
|
|
116
|
+
validStyles: {
|
|
117
|
+
whiteSpace?: boolean | undefined;
|
|
118
|
+
wordWrap?: boolean | undefined;
|
|
119
|
+
textOverflow?: boolean | undefined;
|
|
120
|
+
textDecorationDistance?: boolean | undefined;
|
|
121
|
+
userSelect?: boolean | undefined;
|
|
122
|
+
selectable?: boolean | undefined;
|
|
123
|
+
cursor?: boolean | undefined;
|
|
124
|
+
WebkitLineClamp: boolean;
|
|
125
|
+
WebkitBoxOrient?: boolean | undefined;
|
|
126
|
+
textShadowOffset: boolean;
|
|
127
|
+
textShadowRadius: boolean;
|
|
128
|
+
color: boolean;
|
|
129
|
+
textDecorationColor: boolean;
|
|
130
|
+
textShadowColor: boolean;
|
|
131
|
+
textAlign: boolean;
|
|
132
|
+
textDecorationLine: boolean;
|
|
133
|
+
textDecorationStyle: boolean;
|
|
134
|
+
fontFamily: boolean;
|
|
135
|
+
fontSize: boolean;
|
|
136
|
+
fontStyle: boolean;
|
|
137
|
+
fontWeight: boolean;
|
|
138
|
+
letterSpacing: boolean;
|
|
139
|
+
lineHeight: boolean;
|
|
140
|
+
textTransform: boolean;
|
|
141
|
+
elevationAndroid?: boolean | undefined;
|
|
142
|
+
borderBottomStyle?: boolean | undefined;
|
|
143
|
+
borderTopStyle?: boolean | undefined;
|
|
144
|
+
borderLeftStyle?: boolean | undefined;
|
|
145
|
+
borderRightStyle?: boolean | undefined;
|
|
146
|
+
caretColor?: boolean | undefined;
|
|
147
|
+
scrollbarWidth?: boolean | undefined;
|
|
148
|
+
overflowX?: boolean | undefined;
|
|
149
|
+
overflowY?: boolean | undefined;
|
|
150
|
+
contain?: boolean | undefined;
|
|
151
|
+
pointerEvents?: boolean | undefined;
|
|
152
|
+
boxSizing?: boolean | undefined;
|
|
153
|
+
boxShadow?: boolean | undefined;
|
|
154
|
+
outlineStyle?: boolean | undefined;
|
|
155
|
+
outlineOffset?: boolean | undefined;
|
|
156
|
+
outlineWidth?: boolean | undefined;
|
|
157
|
+
touchAction?: boolean | undefined;
|
|
158
|
+
animationIterationCount: boolean;
|
|
159
|
+
aspectRatio: boolean;
|
|
160
|
+
borderImageOutset: boolean;
|
|
161
|
+
borderImageSlice: boolean;
|
|
162
|
+
borderImageWidth: boolean;
|
|
163
|
+
columnCount: boolean;
|
|
164
|
+
flex: boolean;
|
|
165
|
+
flexGrow: boolean;
|
|
166
|
+
flexOrder: boolean;
|
|
167
|
+
flexPositive: boolean;
|
|
168
|
+
flexShrink: boolean;
|
|
169
|
+
flexNegative: boolean;
|
|
170
|
+
gridRow: boolean;
|
|
171
|
+
gridRowEnd: boolean;
|
|
172
|
+
gridRowGap: boolean;
|
|
173
|
+
gridRowStart: boolean;
|
|
174
|
+
gridColumn: boolean;
|
|
175
|
+
gridColumnEnd: boolean;
|
|
176
|
+
gridColumnGap: boolean;
|
|
177
|
+
gridColumnStart: boolean;
|
|
178
|
+
lineClamp: boolean;
|
|
179
|
+
opacity: boolean;
|
|
180
|
+
order: boolean;
|
|
181
|
+
orphans: boolean;
|
|
182
|
+
tabSize: boolean;
|
|
183
|
+
widows: boolean;
|
|
184
|
+
zIndex: boolean;
|
|
185
|
+
zoom: boolean;
|
|
186
|
+
scale: boolean;
|
|
187
|
+
scaleX: boolean;
|
|
188
|
+
scaleY: boolean;
|
|
189
|
+
scaleZ: boolean;
|
|
190
|
+
shadowOpacity: boolean;
|
|
191
|
+
x: boolean;
|
|
192
|
+
y: boolean;
|
|
193
|
+
perspective: boolean;
|
|
194
|
+
skewX: boolean;
|
|
195
|
+
skewY: boolean;
|
|
196
|
+
matrix: boolean;
|
|
197
|
+
rotate: boolean;
|
|
198
|
+
rotateY: boolean;
|
|
199
|
+
rotateX: boolean;
|
|
200
|
+
rotateZ: boolean;
|
|
201
|
+
borderRadius: boolean;
|
|
202
|
+
borderTopLeftRadius: boolean;
|
|
203
|
+
borderTopRightRadius: boolean;
|
|
204
|
+
borderBottomLeftRadius: boolean;
|
|
205
|
+
borderBottomRightRadius: boolean;
|
|
206
|
+
borderStartStartRadius: boolean;
|
|
207
|
+
borderStartEndRadius: boolean;
|
|
208
|
+
borderEndStartRadius: boolean;
|
|
209
|
+
borderEndEndRadius: boolean;
|
|
210
|
+
width: boolean;
|
|
211
|
+
height: boolean;
|
|
212
|
+
minWidth: boolean;
|
|
213
|
+
minHeight: boolean;
|
|
214
|
+
maxWidth: boolean;
|
|
215
|
+
maxHeight: boolean;
|
|
216
|
+
outlineColor?: boolean | undefined;
|
|
217
|
+
backgroundColor: boolean;
|
|
218
|
+
borderColor: boolean;
|
|
219
|
+
borderBlockStartColor: boolean;
|
|
220
|
+
borderBlockEndColor: boolean;
|
|
221
|
+
borderBlockColor: boolean;
|
|
222
|
+
borderBottomColor: boolean;
|
|
223
|
+
borderTopColor: boolean;
|
|
224
|
+
borderLeftColor: boolean;
|
|
225
|
+
borderRightColor: boolean;
|
|
226
|
+
borderEndColor: boolean;
|
|
227
|
+
borderStartColor: boolean;
|
|
228
|
+
shadowColor: boolean;
|
|
229
|
+
backfaceVisibility: boolean;
|
|
230
|
+
borderBottomEndRadius: boolean;
|
|
231
|
+
borderBottomStartRadius: boolean;
|
|
232
|
+
borderBottomWidth: boolean;
|
|
233
|
+
borderLeftWidth: boolean;
|
|
234
|
+
borderRightWidth: boolean;
|
|
235
|
+
borderStyle: boolean;
|
|
236
|
+
borderTopEndRadius: boolean;
|
|
237
|
+
borderTopStartRadius: boolean;
|
|
238
|
+
borderTopWidth: boolean;
|
|
239
|
+
borderWidth: boolean;
|
|
240
|
+
transform: boolean;
|
|
241
|
+
transformOrigin: boolean;
|
|
242
|
+
alignContent: boolean;
|
|
243
|
+
alignItems: boolean;
|
|
244
|
+
alignSelf: boolean;
|
|
245
|
+
borderEndWidth: boolean;
|
|
246
|
+
borderStartWidth: boolean;
|
|
247
|
+
bottom: boolean;
|
|
248
|
+
display: boolean;
|
|
249
|
+
end: boolean;
|
|
250
|
+
flexBasis: boolean;
|
|
251
|
+
flexDirection: boolean;
|
|
252
|
+
flexWrap: boolean;
|
|
253
|
+
gap: boolean;
|
|
254
|
+
columnGap: boolean;
|
|
255
|
+
rowGap: boolean;
|
|
256
|
+
justifyContent: boolean;
|
|
257
|
+
left: boolean;
|
|
258
|
+
margin: boolean;
|
|
259
|
+
marginBlockEnd: boolean;
|
|
260
|
+
marginBlockStart: boolean;
|
|
261
|
+
marginInlineEnd: boolean;
|
|
262
|
+
marginInline: boolean;
|
|
263
|
+
marginInlineStart: boolean;
|
|
264
|
+
marginBottom: boolean;
|
|
265
|
+
marginEnd: boolean;
|
|
266
|
+
marginHorizontal: boolean;
|
|
267
|
+
marginLeft: boolean;
|
|
268
|
+
marginRight: boolean;
|
|
269
|
+
marginStart: boolean;
|
|
270
|
+
marginTop: boolean;
|
|
271
|
+
marginVertical: boolean;
|
|
272
|
+
overflow: boolean;
|
|
273
|
+
padding: boolean;
|
|
274
|
+
paddingBottom: boolean;
|
|
275
|
+
paddingInline: boolean;
|
|
276
|
+
paddingBlock: boolean;
|
|
277
|
+
paddingBlockStart: boolean;
|
|
278
|
+
paddingInlineEnd: boolean;
|
|
279
|
+
paddingInlineStart: boolean;
|
|
280
|
+
paddingEnd: boolean;
|
|
281
|
+
paddingHorizontal: boolean;
|
|
282
|
+
paddingLeft: boolean;
|
|
283
|
+
paddingRight: boolean;
|
|
284
|
+
paddingStart: boolean;
|
|
285
|
+
paddingTop: boolean;
|
|
286
|
+
paddingVertical: boolean;
|
|
287
|
+
position: boolean;
|
|
288
|
+
right: boolean;
|
|
289
|
+
start: boolean;
|
|
290
|
+
top: boolean;
|
|
291
|
+
direction: boolean;
|
|
292
|
+
shadowOffset: boolean;
|
|
293
|
+
shadowRadius: boolean;
|
|
294
|
+
focusVisibleStyle?: boolean | undefined;
|
|
295
|
+
enterStyle: boolean;
|
|
296
|
+
exitStyle: boolean;
|
|
297
|
+
hoverStyle: boolean;
|
|
298
|
+
pressStyle: boolean;
|
|
299
|
+
focusStyle: boolean;
|
|
300
|
+
disabledStyle: boolean;
|
|
301
|
+
};
|
|
302
|
+
name?: undefined;
|
|
303
|
+
tag?: undefined;
|
|
304
|
+
variants?: undefined;
|
|
305
|
+
defaultVariants?: undefined;
|
|
306
|
+
})[];
|
|
307
|
+
//# sourceMappingURL=shared.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"shared.d.ts","sourceRoot":"","sources":["../src/shared.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,eAAe,CAAA;AAO9D,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkChB,CAAA;AAEV,eAAO,MAAM,gBAAgB,EAAE,yBAAyB,CAAC,GAAG,CAsB3D,CAAA;AAED,eAAO,MAAM,mBAAmB,EAAE,yBAAyB,CAAC,GAAG,CAyB9D,CAAA;AACD,eAAO,MAAM,UAAU,UAAU,CAAA;AAEjC,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAiCtB,CAAA"}
|
package/types/types.d.ts
ADDED
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import type { ColorTokens, StackProps, TamaguiComponentPropsBase } from '@tamagui/web';
|
|
3
|
+
import type { TextInputProps, InputModeOptions } from 'react-native';
|
|
4
|
+
type DetailedInputProps = React.DetailedHTMLProps<React.HTMLProps<HTMLInputElement>, HTMLInputElement>;
|
|
5
|
+
export type InputProps = StackProps & Omit<DetailedInputProps, 'className' | 'children' | 'value' | 'size' | keyof StackProps> & DetailedInputProps['style'] & Omit<TextInputProps, 'inputMode' | 'secureTextEntry' | 'onChangeText' | 'editable' | 'enterKeyHint' | 'keyboardType' | 'placeholderTextColor' | 'selectionColor' | 'numberOfLines'> & {
|
|
6
|
+
/**
|
|
7
|
+
* @deprecated - use `type="password"` instead
|
|
8
|
+
*/
|
|
9
|
+
secureTextEntry?: TextInputProps['secureTextEntry'];
|
|
10
|
+
/**
|
|
11
|
+
* @deprecated - use `onChange` instead
|
|
12
|
+
*/
|
|
13
|
+
onChangeText?: TextInputProps['onChange'];
|
|
14
|
+
/**
|
|
15
|
+
* @deprecated - use `readOnly` instead
|
|
16
|
+
*/
|
|
17
|
+
editable?: TextInputProps['editable'];
|
|
18
|
+
enterKeyHint?: 'done' | 'go' | 'next' | 'search' | 'send' | 'enter' | 'previous';
|
|
19
|
+
/**
|
|
20
|
+
* @deprecated - use `type` instead
|
|
21
|
+
*/
|
|
22
|
+
keyboardType?: TextInputProps['keyboardType'];
|
|
23
|
+
/**
|
|
24
|
+
* use `type` instead of inputMode for most cases, use `inputMode="none"` to disable the soft keyboard
|
|
25
|
+
*/
|
|
26
|
+
inputMode?: InputModeOptions;
|
|
27
|
+
placeholderTextColor?: ColorTokens;
|
|
28
|
+
selectionColor?: ColorTokens;
|
|
29
|
+
tag?: TamaguiComponentPropsBase['tag'];
|
|
30
|
+
/**
|
|
31
|
+
* @deprecated - use `tag='textarea'` instead
|
|
32
|
+
*/
|
|
33
|
+
multiline?: boolean;
|
|
34
|
+
/**
|
|
35
|
+
* @deprecated - use `rows` instead
|
|
36
|
+
*/
|
|
37
|
+
numberOfLines?: number;
|
|
38
|
+
};
|
|
39
|
+
export {};
|
|
40
|
+
//# sourceMappingURL=types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,UAAU,EAAE,yBAAyB,EAAE,MAAM,cAAc,CAAA;AACtF,OAAO,KAAK,EAAE,cAAc,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAA;AAEpE,KAAK,kBAAkB,GAAG,KAAK,CAAC,iBAAiB,CAC/C,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,EACjC,gBAAgB,CACjB,CAAA;AAED,MAAM,MAAM,UAAU,GAAG,UAAU,GACjC,IAAI,CACF,kBAAkB,EAClB,WAAW,GAAG,UAAU,GAAG,OAAO,GAAG,MAAM,GAAG,MAAM,UAAU,CAC/D,GACD,kBAAkB,CAAC,OAAO,CAAC,GAC3B,IAAI,CACF,cAAc,EACZ,WAAW,GACX,iBAAiB,GACjB,cAAc,GACd,UAAU,GACV,cAAc,GACd,cAAc,GACd,sBAAsB,GACtB,gBAAgB,GAChB,eAAe,CAClB,GAAG;IACF;;OAEG;IACH,eAAe,CAAC,EAAE,cAAc,CAAC,iBAAiB,CAAC,CAAA;IACnD;;OAEG;IACH,YAAY,CAAC,EAAE,cAAc,CAAC,UAAU,CAAC,CAAA;IACzC;;OAEG;IACH,QAAQ,CAAC,EAAE,cAAc,CAAC,UAAU,CAAC,CAAA;IACrC,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,MAAM,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,GAAG,UAAU,CAAA;IAChF;;OAEG;IACH,YAAY,CAAC,EAAE,cAAc,CAAC,cAAc,CAAC,CAAA;IAC7C;;OAEG;IACH,SAAS,CAAC,EAAE,gBAAgB,CAAA;IAC5B,oBAAoB,CAAC,EAAE,WAAW,CAAA;IAClC,cAAc,CAAC,EAAE,WAAW,CAAA;IAC5B,GAAG,CAAC,EAAE,yBAAyB,CAAC,KAAK,CAAC,CAAA;IACtC;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAA;CACvB,CAAA"}
|