@tamagui/button 1.0.1-rc.1.3 → 1.0.1-rc.1.4
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/package.json +6 -6
- package/types/Button.d.ts +70 -81
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@tamagui/button",
|
|
3
|
-
"version": "1.0.1-rc.1.
|
|
3
|
+
"version": "1.0.1-rc.1.4",
|
|
4
4
|
"sideEffects": [
|
|
5
5
|
"*.css"
|
|
6
6
|
],
|
|
@@ -28,17 +28,17 @@
|
|
|
28
28
|
}
|
|
29
29
|
},
|
|
30
30
|
"dependencies": {
|
|
31
|
-
"@tamagui/core": "^1.0.1-rc.1.
|
|
32
|
-
"@tamagui/font-size": "^1.0.1-rc.1.
|
|
33
|
-
"@tamagui/get-button-sized": "^1.0.1-rc.1.
|
|
34
|
-
"@tamagui/helpers-tamagui": "^1.0.1-rc.1.
|
|
31
|
+
"@tamagui/core": "^1.0.1-rc.1.4",
|
|
32
|
+
"@tamagui/font-size": "^1.0.1-rc.1.4",
|
|
33
|
+
"@tamagui/get-button-sized": "^1.0.1-rc.1.4",
|
|
34
|
+
"@tamagui/helpers-tamagui": "^1.0.1-rc.1.4"
|
|
35
35
|
},
|
|
36
36
|
"peerDependencies": {
|
|
37
37
|
"react": ">=18",
|
|
38
38
|
"react-dom": ">=18"
|
|
39
39
|
},
|
|
40
40
|
"devDependencies": {
|
|
41
|
-
"@tamagui/build": "^1.0.1-rc.1.
|
|
41
|
+
"@tamagui/build": "^1.0.1-rc.1.4",
|
|
42
42
|
"react": ">=18",
|
|
43
43
|
"react-dom": ">=18"
|
|
44
44
|
},
|
package/types/Button.d.ts
CHANGED
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import { GetProps, TamaguiElement, ThemeableProps } from '@tamagui/core';
|
|
2
2
|
import { TextParentStyles } from '@tamagui/text';
|
|
3
3
|
import { FunctionComponent } from 'react';
|
|
4
|
-
|
|
4
|
+
type ButtonIconProps = {
|
|
5
5
|
color?: string;
|
|
6
6
|
size?: number;
|
|
7
7
|
};
|
|
8
|
-
|
|
9
|
-
export
|
|
8
|
+
type IconProp = JSX.Element | FunctionComponent<ButtonIconProps> | null;
|
|
9
|
+
export type ButtonProps = Omit<TextParentStyles, 'TextComponent'> & GetProps<typeof ButtonFrame> & ThemeableProps & {
|
|
10
10
|
/**
|
|
11
11
|
* add icon before, passes color and size automatically if Component
|
|
12
12
|
*/
|
|
@@ -31,7 +31,7 @@ export declare type ButtonProps = Omit<TextParentStyles, 'TextComponent'> & GetP
|
|
|
31
31
|
*/
|
|
32
32
|
scaleSpace?: number;
|
|
33
33
|
};
|
|
34
|
-
export declare const ButtonFrame: import("@tamagui/core").TamaguiComponent<Omit<import("
|
|
34
|
+
export declare const ButtonFrame: import("@tamagui/core").TamaguiComponent<Omit<import("react-native").ViewProps, "display" | "children"> & import("@tamagui/core").RNWViewProps & import("@tamagui/core").TamaguiComponentPropsBase & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & Omit<{
|
|
35
35
|
readonly fullscreen?: boolean | undefined;
|
|
36
36
|
readonly elevation?: import("@tamagui/core").SizeTokens | undefined;
|
|
37
37
|
} & {
|
|
@@ -51,7 +51,7 @@ export declare const ButtonFrame: import("@tamagui/core").TamaguiComponent<Omit<
|
|
|
51
51
|
readonly size?: import("@tamagui/core").SizeTokens | undefined;
|
|
52
52
|
readonly active?: boolean | undefined;
|
|
53
53
|
readonly disabled?: boolean | undefined;
|
|
54
|
-
} & import("@tamagui/core").MediaProps<Partial<Omit<import("
|
|
54
|
+
} & import("@tamagui/core").MediaProps<Partial<Omit<import("react-native").ViewProps, "display" | "children"> & import("@tamagui/core").RNWViewProps & import("@tamagui/core").TamaguiComponentPropsBase & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & Omit<{
|
|
55
55
|
readonly fullscreen?: boolean | undefined;
|
|
56
56
|
readonly elevation?: import("@tamagui/core").SizeTokens | undefined;
|
|
57
57
|
} & {
|
|
@@ -71,7 +71,7 @@ export declare const ButtonFrame: import("@tamagui/core").TamaguiComponent<Omit<
|
|
|
71
71
|
readonly size?: import("@tamagui/core").SizeTokens | undefined;
|
|
72
72
|
readonly active?: boolean | undefined;
|
|
73
73
|
readonly disabled?: boolean | undefined;
|
|
74
|
-
}>> & import("@tamagui/core").PseudoProps<Partial<Omit<import("
|
|
74
|
+
}>> & import("@tamagui/core").PseudoProps<Partial<Omit<import("react-native").ViewProps, "display" | "children"> & import("@tamagui/core").RNWViewProps & import("@tamagui/core").TamaguiComponentPropsBase & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & Omit<{
|
|
75
75
|
readonly fullscreen?: boolean | undefined;
|
|
76
76
|
readonly elevation?: import("@tamagui/core").SizeTokens | undefined;
|
|
77
77
|
} & {
|
|
@@ -112,23 +112,21 @@ export declare const ButtonFrame: import("@tamagui/core").TamaguiComponent<Omit<
|
|
|
112
112
|
readonly active?: boolean | undefined;
|
|
113
113
|
readonly disabled?: boolean | undefined;
|
|
114
114
|
}>;
|
|
115
|
-
export declare const ButtonText: import("@tamagui/core").TamaguiComponent<(Omit<import("
|
|
115
|
+
export declare const ButtonText: import("@tamagui/core").TamaguiComponent<(Omit<import("react-native").TextProps, "children"> & import("@tamagui/core").RNWTextProps & import("@tamagui/core").TamaguiComponentPropsBase & import("@tamagui/core").WithThemeValues<import("@tamagui/core").TextStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").TextStylePropsBase>> & Omit<{}, "size"> & {
|
|
116
116
|
readonly size?: import("@tamagui/core").FontSizeTokens | undefined;
|
|
117
|
-
} & import("@tamagui/core").MediaProps<Partial<Omit<import("
|
|
118
|
-
readonly size?: import("@tamagui/core").FontSizeTokens | undefined;
|
|
119
|
-
|
|
120
|
-
*/
|
|
121
|
-
}>> & import("@tamagui/core").PseudoProps<Partial<Omit<import("@tamagui/types-react-native").TextProps, "children"> & import("@tamagui/core").RNWTextProps & import("@tamagui/core").TamaguiComponentPropsBase & import("@tamagui/core").WithThemeValues<import("@tamagui/core").TextStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").TextStylePropsBase>> & Omit<{}, "size"> & {
|
|
117
|
+
} & import("@tamagui/core").MediaProps<Partial<Omit<import("react-native").TextProps, "children"> & import("@tamagui/core").RNWTextProps & import("@tamagui/core").TamaguiComponentPropsBase & import("@tamagui/core").WithThemeValues<import("@tamagui/core").TextStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").TextStylePropsBase>> & Omit<{}, "size"> & {
|
|
118
|
+
readonly size?: import("@tamagui/core").FontSizeTokens | undefined;
|
|
119
|
+
}>> & import("@tamagui/core").PseudoProps<Partial<Omit<import("react-native").TextProps, "children"> & import("@tamagui/core").RNWTextProps & import("@tamagui/core").TamaguiComponentPropsBase & import("@tamagui/core").WithThemeValues<import("@tamagui/core").TextStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").TextStylePropsBase>> & Omit<{}, "size"> & {
|
|
122
120
|
readonly size?: import("@tamagui/core").FontSizeTokens | undefined;
|
|
123
|
-
}>>) | (Omit<import("
|
|
121
|
+
}>>) | (Omit<import("react-native").TextProps, "children"> & import("@tamagui/core").RNWTextProps & import("@tamagui/core").TamaguiComponentPropsBase & import("@tamagui/core").WithThemeValues<import("@tamagui/core").TextStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").TextStylePropsBase>> & Omit<{
|
|
124
122
|
readonly size?: import("@tamagui/core").FontSizeTokens | undefined;
|
|
125
123
|
}, string | number> & {
|
|
126
124
|
[x: string]: undefined;
|
|
127
|
-
} & import("@tamagui/core").MediaProps<Partial<Omit<import("
|
|
125
|
+
} & import("@tamagui/core").MediaProps<Partial<Omit<import("react-native").TextProps, "children"> & import("@tamagui/core").RNWTextProps & import("@tamagui/core").TamaguiComponentPropsBase & import("@tamagui/core").WithThemeValues<import("@tamagui/core").TextStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").TextStylePropsBase>> & Omit<{
|
|
128
126
|
readonly size?: import("@tamagui/core").FontSizeTokens | undefined;
|
|
129
127
|
}, string | number> & {
|
|
130
128
|
[x: string]: undefined;
|
|
131
|
-
}>> & import("@tamagui/core").PseudoProps<Partial<Omit<import("
|
|
129
|
+
}>> & import("@tamagui/core").PseudoProps<Partial<Omit<import("react-native").TextProps, "children"> & import("@tamagui/core").RNWTextProps & import("@tamagui/core").TamaguiComponentPropsBase & import("@tamagui/core").WithThemeValues<import("@tamagui/core").TextStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").TextStylePropsBase>> & Omit<{
|
|
132
130
|
readonly size?: import("@tamagui/core").FontSizeTokens | undefined;
|
|
133
131
|
}, string | number> & {
|
|
134
132
|
[x: string]: undefined;
|
|
@@ -146,11 +144,11 @@ export declare function useButton(props: ButtonProps, { Text }?: {
|
|
|
146
144
|
isNested: boolean;
|
|
147
145
|
props: {
|
|
148
146
|
children: string | number | boolean | any[] | JSX.Element | import("react").ReactFragment | null | undefined;
|
|
149
|
-
hitSlop?: import("
|
|
150
|
-
onLayout?: ((event: import("
|
|
147
|
+
hitSlop?: import("react-native").Insets | (import("react-native").Insets & number) | undefined;
|
|
148
|
+
onLayout?: ((event: import("react-native").LayoutChangeEvent) => void) | undefined;
|
|
151
149
|
pointerEvents?: "box-none" | "none" | "box-only" | "auto" | undefined;
|
|
152
150
|
removeClippedSubviews?: boolean | undefined;
|
|
153
|
-
style?: import("
|
|
151
|
+
style?: import("react-native").StyleProp<import("react-native").ViewStyle>;
|
|
154
152
|
testID?: string | undefined;
|
|
155
153
|
nativeID?: string | undefined;
|
|
156
154
|
collapsable?: boolean | undefined;
|
|
@@ -160,56 +158,44 @@ export declare function useButton(props: ButtonProps, { Text }?: {
|
|
|
160
158
|
shouldRasterizeIOS?: boolean | undefined;
|
|
161
159
|
isTVSelectable?: boolean | undefined;
|
|
162
160
|
hasTVPreferredFocus?: boolean | undefined;
|
|
163
|
-
tvParallaxProperties?: import("
|
|
161
|
+
tvParallaxProperties?: import("react-native").TVParallaxProperties | undefined;
|
|
164
162
|
tvParallaxShiftDistanceX?: number | undefined;
|
|
165
163
|
tvParallaxShiftDistanceY?: number | undefined;
|
|
166
164
|
tvParallaxTiltAngle?: number | undefined;
|
|
167
165
|
tvParallaxMagnification?: number | undefined;
|
|
168
|
-
onStartShouldSetResponder?: ((event: import("
|
|
169
|
-
onMoveShouldSetResponder?: ((event: import("
|
|
170
|
-
onResponderEnd?: ((event: import("
|
|
171
|
-
onResponderGrant?: ((event: import("
|
|
172
|
-
onResponderReject?: ((event: import("
|
|
173
|
-
onResponderMove?: ((event: import("
|
|
174
|
-
onResponderRelease?: ((event: import("
|
|
175
|
-
onResponderStart?: ((event: import("
|
|
176
|
-
onResponderTerminationRequest?: ((event: import("
|
|
177
|
-
onResponderTerminate?: ((event: import("
|
|
178
|
-
onStartShouldSetResponderCapture?: ((event: import("
|
|
179
|
-
onMoveShouldSetResponderCapture?: ((event: import("
|
|
180
|
-
onTouchStart?: ((event: import("
|
|
181
|
-
onTouchMove?: ((event: import("
|
|
182
|
-
onTouchEnd?: ((event: import("
|
|
183
|
-
onTouchCancel?: ((event: import("
|
|
184
|
-
onTouchEndCapture?: ((event: import("
|
|
185
|
-
onPointerEnter?: ((event: import("@tamagui/types-react-native").PointerEvent) => void) | undefined;
|
|
186
|
-
onPointerEnterCapture?: ((event: import("@tamagui/types-react-native").PointerEvent) => void) | undefined;
|
|
187
|
-
onPointerLeave?: ((event: import("@tamagui/types-react-native").PointerEvent) => void) | undefined;
|
|
188
|
-
onPointerLeaveCapture?: ((event: import("@tamagui/types-react-native").PointerEvent) => void) | undefined;
|
|
189
|
-
onPointerMove?: ((event: import("@tamagui/types-react-native").PointerEvent) => void) | undefined;
|
|
190
|
-
onPointerMoveCapture?: ((event: import("@tamagui/types-react-native").PointerEvent) => void) | undefined;
|
|
191
|
-
onPointerCancel?: ((event: import("@tamagui/types-react-native").PointerEvent) => void) | undefined;
|
|
192
|
-
onPointerCancelCapture?: ((event: import("@tamagui/types-react-native").PointerEvent) => void) | undefined;
|
|
193
|
-
onPointerDown?: ((event: import("@tamagui/types-react-native").PointerEvent) => void) | undefined;
|
|
194
|
-
onPointerDownCapture?: ((event: import("@tamagui/types-react-native").PointerEvent) => void) | undefined;
|
|
195
|
-
onPointerUp?: ((event: import("@tamagui/types-react-native").PointerEvent) => void) | undefined;
|
|
196
|
-
onPointerUpCapture?: ((event: import("@tamagui/types-react-native").PointerEvent) => void) | undefined;
|
|
166
|
+
onStartShouldSetResponder?: ((event: import("react-native").GestureResponderEvent) => boolean) | undefined;
|
|
167
|
+
onMoveShouldSetResponder?: ((event: import("react-native").GestureResponderEvent) => boolean) | undefined;
|
|
168
|
+
onResponderEnd?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
|
|
169
|
+
onResponderGrant?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
|
|
170
|
+
onResponderReject?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
|
|
171
|
+
onResponderMove?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
|
|
172
|
+
onResponderRelease?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
|
|
173
|
+
onResponderStart?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
|
|
174
|
+
onResponderTerminationRequest?: ((event: import("react-native").GestureResponderEvent) => boolean) | undefined;
|
|
175
|
+
onResponderTerminate?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
|
|
176
|
+
onStartShouldSetResponderCapture?: ((event: import("react-native").GestureResponderEvent) => boolean) | undefined;
|
|
177
|
+
onMoveShouldSetResponderCapture?: ((event: import("react-native").GestureResponderEvent) => boolean) | undefined;
|
|
178
|
+
onTouchStart?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
|
|
179
|
+
onTouchMove?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
|
|
180
|
+
onTouchEnd?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
|
|
181
|
+
onTouchCancel?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
|
|
182
|
+
onTouchEndCapture?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
|
|
197
183
|
accessible?: boolean | undefined;
|
|
198
184
|
accessibilityActions?: readonly Readonly<{
|
|
199
185
|
name: string;
|
|
200
186
|
label?: string | undefined;
|
|
201
187
|
}>[] | undefined;
|
|
202
188
|
accessibilityLabel?: string | undefined;
|
|
203
|
-
accessibilityRole?: "none" | "button" | "link" | "search" | "image" | "keyboardkey" | "text" | "adjustable" | "imagebutton" | "header" | "summary" | "list" | undefined;
|
|
204
|
-
|
|
189
|
+
accessibilityRole?: "none" | "button" | "link" | "search" | "image" | "keyboardkey" | "text" | "adjustable" | "imagebutton" | "header" | "summary" | "list" | undefined; /**
|
|
190
|
+
* adjust icon relative to size
|
|
191
|
+
*/
|
|
192
|
+
accessibilityState?: import("react-native").AccessibilityState | undefined;
|
|
205
193
|
accessibilityHint?: string | undefined;
|
|
206
|
-
accessibilityValue?: import("
|
|
207
|
-
onAccessibilityAction?: ((event: import("
|
|
208
|
-
accessibilityLabelledBy?: string | string[] | undefined;
|
|
194
|
+
accessibilityValue?: import("react-native").AccessibilityValue | undefined;
|
|
195
|
+
onAccessibilityAction?: ((event: import("react-native").AccessibilityActionEvent) => void) | undefined;
|
|
209
196
|
accessibilityLiveRegion?: "none" | "polite" | "assertive" | undefined;
|
|
210
197
|
importantForAccessibility?: "auto" | "yes" | "no" | "no-hide-descendants" | undefined;
|
|
211
198
|
accessibilityElementsHidden?: boolean | undefined;
|
|
212
|
-
accessibilityLanguage?: string | undefined;
|
|
213
199
|
accessibilityViewIsModal?: boolean | undefined;
|
|
214
200
|
onAccessibilityEscape?: (() => void) | undefined;
|
|
215
201
|
onAccessibilityTap?: (() => void) | undefined;
|
|
@@ -219,9 +205,14 @@ export declare function useButton(props: ButtonProps, { Text }?: {
|
|
|
219
205
|
target?: any;
|
|
220
206
|
rel?: any;
|
|
221
207
|
download?: any;
|
|
208
|
+
/**
|
|
209
|
+
* default: -1
|
|
210
|
+
*/
|
|
222
211
|
href?: string | undefined;
|
|
223
212
|
hrefAttrs?: {
|
|
224
|
-
target?: "top" | "_blank" | "_self" | "_top" | "blank" | "self" | undefined;
|
|
213
|
+
target?: "top" | "_blank" | "_self" | "_top" | "blank" | "self" | undefined; /**
|
|
214
|
+
* make the spacing elements flex
|
|
215
|
+
*/
|
|
225
216
|
rel?: string | undefined;
|
|
226
217
|
download?: boolean | undefined;
|
|
227
218
|
} | undefined;
|
|
@@ -238,9 +229,7 @@ export declare function useButton(props: ButtonProps, { Text }?: {
|
|
|
238
229
|
asChild?: boolean | undefined;
|
|
239
230
|
spaceDirection?: import("@tamagui/core").SpaceDirection | undefined;
|
|
240
231
|
dangerouslySetInnerHTML?: {
|
|
241
|
-
__html: string;
|
|
242
|
-
* adjust internal space relative to icon size
|
|
243
|
-
*/
|
|
232
|
+
__html: string;
|
|
244
233
|
} | undefined;
|
|
245
234
|
animation?: import("@tamagui/core").AnimationProp | undefined;
|
|
246
235
|
animateOnly?: string[] | undefined;
|
|
@@ -254,26 +243,26 @@ export declare function useButton(props: ButtonProps, { Text }?: {
|
|
|
254
243
|
forceStyle?: "hover" | "press" | "focus" | undefined;
|
|
255
244
|
onHoverIn?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
|
|
256
245
|
onHoverOut?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
|
|
257
|
-
onPress?: ((event: import("
|
|
258
|
-
onPressIn?: ((event: import("
|
|
259
|
-
onPressOut?: ((event: import("
|
|
260
|
-
backgroundColor?: import("@tamagui/core").ThemeValueFallback | import("@tamagui/core").ColorTokens | import("
|
|
261
|
-
borderBottomColor?: import("@tamagui/core").ThemeValueFallback | import("@tamagui/core").ColorTokens | import("
|
|
246
|
+
onPress?: ((event: import("react-native").GestureResponderEvent) => void) | null | undefined;
|
|
247
|
+
onPressIn?: ((event: import("react-native").GestureResponderEvent) => void) | null | undefined;
|
|
248
|
+
onPressOut?: ((event: import("react-native").GestureResponderEvent) => void) | null | undefined;
|
|
249
|
+
backgroundColor?: import("@tamagui/core").ThemeValueFallback | import("@tamagui/core").ColorTokens | import("react-native").OpaqueColorValue | undefined;
|
|
250
|
+
borderBottomColor?: import("@tamagui/core").ThemeValueFallback | import("@tamagui/core").ColorTokens | import("react-native").OpaqueColorValue | undefined;
|
|
262
251
|
borderBottomEndRadius?: import("@tamagui/core").RadiusTokens | import("@tamagui/core").ThemeValueFallback | undefined;
|
|
263
252
|
borderBottomLeftRadius?: import("@tamagui/core").RadiusTokens | import("@tamagui/core").ThemeValueFallback | undefined;
|
|
264
253
|
borderBottomRightRadius?: import("@tamagui/core").RadiusTokens | import("@tamagui/core").ThemeValueFallback | undefined;
|
|
265
254
|
borderBottomStartRadius?: import("@tamagui/core").RadiusTokens | import("@tamagui/core").ThemeValueFallback | undefined;
|
|
266
255
|
borderBottomWidth?: import("@tamagui/core").ThemeValueFallback | import("@tamagui/core").SpaceTokens | undefined;
|
|
267
|
-
borderColor?: import("@tamagui/core").ThemeValueFallback | import("@tamagui/core").ColorTokens | import("
|
|
268
|
-
borderEndColor?: import("
|
|
269
|
-
borderLeftColor?: import("@tamagui/core").ThemeValueFallback | import("@tamagui/core").ColorTokens | import("
|
|
256
|
+
borderColor?: import("@tamagui/core").ThemeValueFallback | import("@tamagui/core").ColorTokens | import("react-native").OpaqueColorValue | undefined;
|
|
257
|
+
borderEndColor?: import("react-native").ColorValue | undefined;
|
|
258
|
+
borderLeftColor?: import("@tamagui/core").ThemeValueFallback | import("@tamagui/core").ColorTokens | import("react-native").OpaqueColorValue | undefined;
|
|
270
259
|
borderLeftWidth?: import("@tamagui/core").ThemeValueFallback | import("@tamagui/core").SpaceTokens | undefined;
|
|
271
260
|
borderRadius?: import("@tamagui/core").RadiusTokens | import("@tamagui/core").ThemeValueFallback | undefined;
|
|
272
|
-
borderRightColor?: import("@tamagui/core").ThemeValueFallback | import("@tamagui/core").ColorTokens | import("
|
|
261
|
+
borderRightColor?: import("@tamagui/core").ThemeValueFallback | import("@tamagui/core").ColorTokens | import("react-native").OpaqueColorValue | undefined;
|
|
273
262
|
borderRightWidth?: import("@tamagui/core").ThemeValueFallback | import("@tamagui/core").SpaceTokens | undefined;
|
|
274
|
-
borderStartColor?: import("
|
|
263
|
+
borderStartColor?: import("react-native").ColorValue | undefined;
|
|
275
264
|
borderStyle?: "solid" | "dotted" | "dashed" | undefined;
|
|
276
|
-
borderTopColor?: import("@tamagui/core").ThemeValueFallback | import("@tamagui/core").ColorTokens | import("
|
|
265
|
+
borderTopColor?: import("@tamagui/core").ThemeValueFallback | import("@tamagui/core").ColorTokens | import("react-native").OpaqueColorValue | undefined;
|
|
277
266
|
borderTopEndRadius?: import("@tamagui/core").RadiusTokens | import("@tamagui/core").ThemeValueFallback | undefined;
|
|
278
267
|
borderTopLeftRadius?: import("@tamagui/core").RadiusTokens | import("@tamagui/core").ThemeValueFallback | undefined;
|
|
279
268
|
borderTopRightRadius?: import("@tamagui/core").RadiusTokens | import("@tamagui/core").ThemeValueFallback | undefined;
|
|
@@ -282,8 +271,8 @@ export declare function useButton(props: ButtonProps, { Text }?: {
|
|
|
282
271
|
borderWidth?: import("@tamagui/core").ThemeValueFallback | import("@tamagui/core").SpaceTokens | undefined;
|
|
283
272
|
opacity?: number | undefined;
|
|
284
273
|
alignContent?: "center" | "flex-start" | "flex-end" | "space-between" | "space-around" | "stretch" | undefined;
|
|
285
|
-
alignItems?: import("
|
|
286
|
-
alignSelf?: "auto" | import("
|
|
274
|
+
alignItems?: import("react-native").FlexAlignType | undefined;
|
|
275
|
+
alignSelf?: "auto" | import("react-native").FlexAlignType | undefined;
|
|
287
276
|
aspectRatio?: number | undefined;
|
|
288
277
|
borderEndWidth?: import("@tamagui/core").ThemeValueFallback | import("@tamagui/core").SpaceTokens | undefined;
|
|
289
278
|
borderStartWidth?: import("@tamagui/core").ThemeValueFallback | import("@tamagui/core").SpaceTokens | undefined;
|
|
@@ -328,7 +317,7 @@ export declare function useButton(props: ButtonProps, { Text }?: {
|
|
|
328
317
|
width?: import("@tamagui/core").SizeTokens | import("@tamagui/core").ThemeValueFallback | undefined;
|
|
329
318
|
zIndex?: import("@tamagui/core").ThemeValueFallback | import("@tamagui/core").ZIndexTokens | undefined;
|
|
330
319
|
direction?: "inherit" | "ltr" | "rtl" | undefined;
|
|
331
|
-
shadowColor?: import("@tamagui/core").ThemeValueFallback | import("@tamagui/core").ColorTokens | import("
|
|
320
|
+
shadowColor?: import("@tamagui/core").ThemeValueFallback | import("@tamagui/core").ColorTokens | import("react-native").OpaqueColorValue | undefined;
|
|
332
321
|
shadowOffset?: import("@tamagui/core").ThemeValueFallback | {
|
|
333
322
|
width: import("@tamagui/core").SpaceTokens;
|
|
334
323
|
height: import("@tamagui/core").SpaceTokens;
|
|
@@ -338,7 +327,7 @@ export declare function useButton(props: ButtonProps, { Text }?: {
|
|
|
338
327
|
} | undefined;
|
|
339
328
|
shadowOpacity?: number | undefined;
|
|
340
329
|
shadowRadius?: import("@tamagui/core").SizeTokens | import("@tamagui/core").ThemeValueFallback | undefined;
|
|
341
|
-
transform?: (import("
|
|
330
|
+
transform?: (import("react-native").PerpectiveTransform | import("react-native").RotateTransform | import("react-native").RotateXTransform | import("react-native").RotateYTransform | import("react-native").RotateZTransform | import("react-native").ScaleTransform | import("react-native").ScaleXTransform | import("react-native").ScaleYTransform | import("react-native").TranslateXTransform | import("react-native").TranslateYTransform | import("react-native").SkewXTransform | import("react-native").SkewYTransform | import("react-native").MatrixTransform)[] | undefined;
|
|
342
331
|
transformMatrix?: number[] | undefined;
|
|
343
332
|
rotation?: number | undefined;
|
|
344
333
|
scaleX?: import("@tamagui/core").ThemeValueFallback | import("@tamagui/core").SpaceTokens | undefined;
|
|
@@ -379,7 +368,7 @@ export declare function useButton(props: ButtonProps, { Text }?: {
|
|
|
379
368
|
fullscreen?: boolean | undefined;
|
|
380
369
|
size?: import("@tamagui/core").SizeTokens | undefined;
|
|
381
370
|
active?: boolean | undefined;
|
|
382
|
-
hoverStyle?: Partial<Omit<import("
|
|
371
|
+
hoverStyle?: Partial<Omit<import("react-native").ViewProps, "display" | "children"> & import("@tamagui/core").RNWViewProps & import("@tamagui/core").TamaguiComponentPropsBase & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & Omit<{
|
|
383
372
|
readonly fullscreen?: boolean | undefined;
|
|
384
373
|
readonly elevation?: import("@tamagui/core").SizeTokens | undefined;
|
|
385
374
|
} & {
|
|
@@ -400,7 +389,7 @@ export declare function useButton(props: ButtonProps, { Text }?: {
|
|
|
400
389
|
readonly active?: boolean | undefined;
|
|
401
390
|
readonly disabled?: boolean | undefined;
|
|
402
391
|
}> | null | undefined;
|
|
403
|
-
pressStyle?: Partial<Omit<import("
|
|
392
|
+
pressStyle?: Partial<Omit<import("react-native").ViewProps, "display" | "children"> & import("@tamagui/core").RNWViewProps & import("@tamagui/core").TamaguiComponentPropsBase & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & Omit<{
|
|
404
393
|
readonly fullscreen?: boolean | undefined;
|
|
405
394
|
readonly elevation?: import("@tamagui/core").SizeTokens | undefined;
|
|
406
395
|
} & {
|
|
@@ -421,7 +410,7 @@ export declare function useButton(props: ButtonProps, { Text }?: {
|
|
|
421
410
|
readonly active?: boolean | undefined;
|
|
422
411
|
readonly disabled?: boolean | undefined;
|
|
423
412
|
}> | null | undefined;
|
|
424
|
-
focusStyle?: Partial<Omit<import("
|
|
413
|
+
focusStyle?: Partial<Omit<import("react-native").ViewProps, "display" | "children"> & import("@tamagui/core").RNWViewProps & import("@tamagui/core").TamaguiComponentPropsBase & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & Omit<{
|
|
425
414
|
readonly fullscreen?: boolean | undefined;
|
|
426
415
|
readonly elevation?: import("@tamagui/core").SizeTokens | undefined;
|
|
427
416
|
} & {
|
|
@@ -442,7 +431,7 @@ export declare function useButton(props: ButtonProps, { Text }?: {
|
|
|
442
431
|
readonly active?: boolean | undefined;
|
|
443
432
|
readonly disabled?: boolean | undefined;
|
|
444
433
|
}> | null | undefined;
|
|
445
|
-
exitStyle?: Partial<Omit<import("
|
|
434
|
+
exitStyle?: Partial<Omit<import("react-native").ViewProps, "display" | "children"> & import("@tamagui/core").RNWViewProps & import("@tamagui/core").TamaguiComponentPropsBase & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & Omit<{
|
|
446
435
|
readonly fullscreen?: boolean | undefined;
|
|
447
436
|
readonly elevation?: import("@tamagui/core").SizeTokens | undefined;
|
|
448
437
|
} & {
|
|
@@ -463,7 +452,7 @@ export declare function useButton(props: ButtonProps, { Text }?: {
|
|
|
463
452
|
readonly active?: boolean | undefined;
|
|
464
453
|
readonly disabled?: boolean | undefined;
|
|
465
454
|
}> | null | undefined;
|
|
466
|
-
enterStyle?: Partial<Omit<import("
|
|
455
|
+
enterStyle?: Partial<Omit<import("react-native").ViewProps, "display" | "children"> & import("@tamagui/core").RNWViewProps & import("@tamagui/core").TamaguiComponentPropsBase & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & Omit<{
|
|
467
456
|
readonly fullscreen?: boolean | undefined;
|
|
468
457
|
readonly elevation?: import("@tamagui/core").SizeTokens | undefined;
|
|
469
458
|
} & {
|
|
@@ -491,7 +480,7 @@ export declare function useButton(props: ButtonProps, { Text }?: {
|
|
|
491
480
|
export declare const buttonStaticConfig: {
|
|
492
481
|
inlineProps: Set<string>;
|
|
493
482
|
};
|
|
494
|
-
export declare const Button: (props: Omit<Omit<TextParentStyles, "TextComponent"> & Omit<import("
|
|
483
|
+
export declare const Button: (props: Omit<Omit<TextParentStyles, "TextComponent"> & Omit<import("react-native").ViewProps, "display" | "children"> & import("@tamagui/core").RNWViewProps & import("@tamagui/core").TamaguiComponentPropsBase & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & Omit<{
|
|
495
484
|
readonly fullscreen?: boolean | undefined;
|
|
496
485
|
readonly elevation?: import("@tamagui/core").SizeTokens | undefined;
|
|
497
486
|
} & {
|
|
@@ -511,7 +500,7 @@ export declare const Button: (props: Omit<Omit<TextParentStyles, "TextComponent"
|
|
|
511
500
|
readonly size?: import("@tamagui/core").SizeTokens | undefined;
|
|
512
501
|
readonly active?: boolean | undefined;
|
|
513
502
|
readonly disabled?: boolean | undefined;
|
|
514
|
-
} & import("@tamagui/core").MediaProps<Partial<Omit<import("
|
|
503
|
+
} & import("@tamagui/core").MediaProps<Partial<Omit<import("react-native").ViewProps, "display" | "children"> & import("@tamagui/core").RNWViewProps & import("@tamagui/core").TamaguiComponentPropsBase & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & Omit<{
|
|
515
504
|
readonly fullscreen?: boolean | undefined;
|
|
516
505
|
readonly elevation?: import("@tamagui/core").SizeTokens | undefined;
|
|
517
506
|
} & {
|
|
@@ -531,7 +520,7 @@ export declare const Button: (props: Omit<Omit<TextParentStyles, "TextComponent"
|
|
|
531
520
|
readonly size?: import("@tamagui/core").SizeTokens | undefined;
|
|
532
521
|
readonly active?: boolean | undefined;
|
|
533
522
|
readonly disabled?: boolean | undefined;
|
|
534
|
-
}>> & import("@tamagui/core").PseudoProps<Partial<Omit<import("
|
|
523
|
+
}>> & import("@tamagui/core").PseudoProps<Partial<Omit<import("react-native").ViewProps, "display" | "children"> & import("@tamagui/core").RNWViewProps & import("@tamagui/core").TamaguiComponentPropsBase & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & Omit<{
|
|
535
524
|
readonly fullscreen?: boolean | undefined;
|
|
536
525
|
readonly elevation?: import("@tamagui/core").SizeTokens | undefined;
|
|
537
526
|
} & {
|