@tamagui/button 1.27.2 → 1.28.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.
Files changed (22) hide show
  1. package/dist/cjs/Button.js +24 -45
  2. package/dist/cjs/Button.js.map +1 -1
  3. package/dist/cjs/Button.test.js.map +1 -1
  4. package/dist/esm/Button.js +28 -52
  5. package/dist/esm/Button.js.map +1 -1
  6. package/dist/esm/Button.test.js.map +1 -1
  7. package/dist/jsx/Button.js +28 -48
  8. package/dist/jsx/Button.js.map +1 -1
  9. package/dist/jsx/Button.mjs +28 -48
  10. package/dist/jsx/Button.mjs.map +1 -1
  11. package/dist/jsx/Button.test.js.map +1 -1
  12. package/dist/jsx/Button.test.mjs.map +1 -1
  13. package/package.json +7 -7
  14. package/src/Button.test.tsx +1 -4
  15. package/src/Button.tsx +47 -91
  16. package/types/Button.d.ts +117 -107
  17. package/types/Button.d.ts.map +1 -1
  18. package/dist/esm/Button.mjs +0 -237
  19. package/dist/esm/Button.test.mjs +0 -11
  20. package/dist/esm/index.mjs +0 -2
  21. package/dist/jsx/base.mjs +0 -5
  22. package/dist/jsx/themed.mjs +0 -232
package/types/Button.d.ts CHANGED
@@ -1,7 +1,9 @@
1
- import type { Scope } from '@tamagui/create-context';
2
- import { TextParentStyles } from '@tamagui/text';
3
- import { GetProps, SizeTokens, TamaguiElement, ThemeableProps } from '@tamagui/web';
1
+ import { TextContextStyles, TextParentStyles } from '@tamagui/text';
2
+ import { GetProps, SizeTokens, ThemeableProps } from '@tamagui/web';
4
3
  import { FunctionComponent } from 'react';
4
+ export declare const ButtonContext: import("@tamagui/web").StyledContext<TextContextStyles & {
5
+ size: SizeTokens;
6
+ }>;
5
7
  type ButtonIconProps = {
6
8
  color?: string;
7
9
  size?: number;
@@ -50,7 +52,7 @@ declare const ButtonFrame: import("@tamagui/web").TamaguiComponent<Omit<import("
50
52
  readonly bordered?: number | boolean | undefined;
51
53
  readonly transparent?: boolean | undefined;
52
54
  readonly chromeless?: boolean | "all" | undefined;
53
- }, "disabled" | "unstyled" | "size" | "active"> & {
55
+ }, "size" | "disabled" | "unstyled" | "active"> & {
54
56
  readonly unstyled?: boolean | undefined;
55
57
  readonly size?: SizeTokens | undefined;
56
58
  readonly active?: boolean | undefined;
@@ -70,7 +72,7 @@ declare const ButtonFrame: import("@tamagui/web").TamaguiComponent<Omit<import("
70
72
  readonly bordered?: number | boolean | undefined;
71
73
  readonly transparent?: boolean | undefined;
72
74
  readonly chromeless?: boolean | "all" | undefined;
73
- }, "disabled" | "unstyled" | "size" | "active"> & {
75
+ }, "size" | "disabled" | "unstyled" | "active"> & {
74
76
  readonly unstyled?: boolean | undefined;
75
77
  readonly size?: SizeTokens | undefined;
76
78
  readonly active?: boolean | undefined;
@@ -90,12 +92,12 @@ declare const ButtonFrame: import("@tamagui/web").TamaguiComponent<Omit<import("
90
92
  readonly bordered?: number | boolean | undefined;
91
93
  readonly transparent?: boolean | undefined;
92
94
  readonly chromeless?: boolean | "all" | undefined;
93
- }, "disabled" | "unstyled" | "size" | "active"> & {
95
+ }, "size" | "disabled" | "unstyled" | "active"> & {
94
96
  readonly unstyled?: boolean | undefined;
95
97
  readonly size?: SizeTokens | undefined;
96
98
  readonly active?: boolean | undefined;
97
99
  readonly disabled?: boolean | undefined;
98
- }>>, TamaguiElement, Omit<import("react-native/types").ViewProps, "display" | "children" | "onLayout" | keyof import("react-native/types").GestureResponderHandlers> & import("@tamagui/web").ExtendBaseStackProps & import("@tamagui/web").TamaguiComponentPropsBase & import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStylePropsBase> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStylePropsBase>> & import("@tamagui/core/types/reactNativeTypes").RNViewProps, {
100
+ }>>, import("@tamagui/web").TamaguiElement, Omit<import("react-native/types").ViewProps, "display" | "children" | "onLayout" | keyof import("react-native/types").GestureResponderHandlers> & import("@tamagui/web").ExtendBaseStackProps & import("@tamagui/web").TamaguiComponentPropsBase & import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStylePropsBase> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStylePropsBase>> & import("@tamagui/core/types/reactNativeTypes").RNViewProps, {
99
101
  readonly fullscreen?: boolean | undefined;
100
102
  readonly elevation?: SizeTokens | undefined;
101
103
  } & {
@@ -118,7 +120,7 @@ declare const ButtonFrame: import("@tamagui/web").TamaguiComponent<Omit<import("
118
120
  }, {
119
121
  displayName: string | undefined;
120
122
  }>;
121
- declare const ButtonTextFrame: import("@tamagui/web").TamaguiComponent<Omit<import("react-native/types").TextProps, "children" | ("onLayout" | keyof import("react-native/types").GestureResponderHandlers)> & import("@tamagui/web").ExtendsBaseTextProps & import("@tamagui/web").TamaguiComponentPropsBase & import("@tamagui/web").WithThemeValues<import("@tamagui/web").TextStylePropsBase> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").TextStylePropsBase>> & Omit<{
123
+ declare const ButtonText: import("@tamagui/web").TamaguiComponent<Omit<import("react-native/types").TextProps, "children" | ("onLayout" | keyof import("react-native/types").GestureResponderHandlers)> & import("@tamagui/web").ExtendsBaseTextProps & import("@tamagui/web").TamaguiComponentPropsBase & import("@tamagui/web").WithThemeValues<import("@tamagui/web").TextStylePropsBase> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").TextStylePropsBase>> & Omit<{
122
124
  readonly size?: import("@tamagui/web").FontSizeTokens | undefined;
123
125
  }, "unstyled"> & {
124
126
  readonly unstyled?: boolean | undefined;
@@ -130,17 +132,20 @@ declare const ButtonTextFrame: import("@tamagui/web").TamaguiComponent<Omit<impo
130
132
  readonly size?: import("@tamagui/web").FontSizeTokens | undefined;
131
133
  }, "unstyled"> & {
132
134
  readonly unstyled?: boolean | undefined;
133
- }>>, TamaguiElement, import("@tamagui/web").TextPropsBase, {
135
+ }>>, import("@tamagui/web").TamaguiElement, import("@tamagui/web").TextPropsBase, {
134
136
  readonly size?: import("@tamagui/web").FontSizeTokens | undefined;
135
137
  } & {
136
138
  readonly unstyled?: boolean | undefined;
137
139
  }, {
138
140
  displayName: string | undefined;
139
141
  }>;
140
- type ScopedProps<P> = P & {
141
- __scopeButton?: Scope;
142
- };
143
- declare const createButtonScope: import("@tamagui/create-context").CreateScope;
142
+ declare const ButtonIcon: (props: {
143
+ children: React.ReactNode;
144
+ scaleIcon?: number;
145
+ }) => any;
146
+ /**
147
+ * @deprecated Instead of useButton, see the Button docs for the newer and much improved Advanced customization pattern: https://tamagui.dev/docs/components/button
148
+ */
144
149
  declare const buttonStaticConfig: {
145
150
  inlineProps: Set<string>;
146
151
  };
@@ -159,7 +164,7 @@ declare const Button: import("@tamagui/web").ReactComponentWithRef<Omit<TextPare
159
164
  readonly bordered?: number | boolean | undefined;
160
165
  readonly transparent?: boolean | undefined;
161
166
  readonly chromeless?: boolean | "all" | undefined;
162
- }, "disabled" | "unstyled" | "size" | "active"> & {
167
+ }, "size" | "disabled" | "unstyled" | "active"> & {
163
168
  readonly unstyled?: boolean | undefined;
164
169
  readonly size?: SizeTokens | undefined;
165
170
  readonly active?: boolean | undefined;
@@ -179,7 +184,7 @@ declare const Button: import("@tamagui/web").ReactComponentWithRef<Omit<TextPare
179
184
  readonly bordered?: number | boolean | undefined;
180
185
  readonly transparent?: boolean | undefined;
181
186
  readonly chromeless?: boolean | "all" | undefined;
182
- }, "disabled" | "unstyled" | "size" | "active"> & {
187
+ }, "size" | "disabled" | "unstyled" | "active"> & {
183
188
  readonly unstyled?: boolean | undefined;
184
189
  readonly size?: SizeTokens | undefined;
185
190
  readonly active?: boolean | undefined;
@@ -199,7 +204,7 @@ declare const Button: import("@tamagui/web").ReactComponentWithRef<Omit<TextPare
199
204
  readonly bordered?: number | boolean | undefined;
200
205
  readonly transparent?: boolean | undefined;
201
206
  readonly chromeless?: boolean | "all" | undefined;
202
- }, "disabled" | "unstyled" | "size" | "active"> & {
207
+ }, "size" | "disabled" | "unstyled" | "active"> & {
203
208
  readonly unstyled?: boolean | undefined;
204
209
  readonly size?: SizeTokens | undefined;
205
210
  readonly active?: boolean | undefined;
@@ -231,8 +236,6 @@ declare const Button: import("@tamagui/web").ReactComponentWithRef<Omit<TextPare
231
236
  *
232
237
  */
233
238
  unstyled?: boolean | undefined;
234
- } & {
235
- __scopeButton?: Scope;
236
239
  } & Omit<Omit<import("react-native/types").ViewProps, "display" | "children" | "onLayout" | keyof import("react-native/types").GestureResponderHandlers> & import("@tamagui/web").ExtendBaseStackProps & import("@tamagui/web").TamaguiComponentPropsBase & import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStylePropsBase> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStylePropsBase>> & import("@tamagui/core/types/reactNativeTypes").RNViewProps & Omit<{
237
240
  readonly fullscreen?: boolean | undefined;
238
241
  readonly elevation?: SizeTokens | undefined;
@@ -248,7 +251,7 @@ declare const Button: import("@tamagui/web").ReactComponentWithRef<Omit<TextPare
248
251
  readonly bordered?: number | boolean | undefined;
249
252
  readonly transparent?: boolean | undefined;
250
253
  readonly chromeless?: boolean | "all" | undefined;
251
- }, "disabled" | "unstyled" | "size" | "active"> & {
254
+ }, "size" | "disabled" | "unstyled" | "active"> & {
252
255
  readonly unstyled?: boolean | undefined;
253
256
  readonly size?: SizeTokens | undefined;
254
257
  readonly active?: boolean | undefined;
@@ -268,7 +271,7 @@ declare const Button: import("@tamagui/web").ReactComponentWithRef<Omit<TextPare
268
271
  readonly bordered?: number | boolean | undefined;
269
272
  readonly transparent?: boolean | undefined;
270
273
  readonly chromeless?: boolean | "all" | undefined;
271
- }, "disabled" | "unstyled" | "size" | "active"> & {
274
+ }, "size" | "disabled" | "unstyled" | "active"> & {
272
275
  readonly unstyled?: boolean | undefined;
273
276
  readonly size?: SizeTokens | undefined;
274
277
  readonly active?: boolean | undefined;
@@ -288,12 +291,12 @@ declare const Button: import("@tamagui/web").ReactComponentWithRef<Omit<TextPare
288
291
  readonly bordered?: number | boolean | undefined;
289
292
  readonly transparent?: boolean | undefined;
290
293
  readonly chromeless?: boolean | "all" | undefined;
291
- }, "disabled" | "unstyled" | "size" | "active"> & {
294
+ }, "size" | "disabled" | "unstyled" | "active"> & {
292
295
  readonly unstyled?: boolean | undefined;
293
296
  readonly size?: SizeTokens | undefined;
294
297
  readonly active?: boolean | undefined;
295
298
  readonly disabled?: boolean | undefined;
296
- }>>, "color" | "fontWeight" | "fontSize" | "fontFamily" | "fontStyle" | "letterSpacing" | "textAlign" | "textProps" | "noTextWrap" | "display" | "children" | "onLayout" | "onStartShouldSetResponder" | "onMoveShouldSetResponder" | "onResponderEnd" | "onResponderGrant" | "onResponderReject" | "onResponderMove" | "onResponderRelease" | "onResponderStart" | "onResponderTerminationRequest" | "onResponderTerminate" | "onStartShouldSetResponderCapture" | "onMoveShouldSetResponderCapture" | "hitSlop" | "id" | "pointerEvents" | "removeClippedSubviews" | "style" | "testID" | "nativeID" | "collapsable" | "needsOffscreenAlphaCompositing" | "renderToHardwareTextureAndroid" | "focusable" | "shouldRasterizeIOS" | "isTVSelectable" | "hasTVPreferredFocus" | "tvParallaxProperties" | "tvParallaxShiftDistanceX" | "tvParallaxShiftDistanceY" | "tvParallaxTiltAngle" | "tvParallaxMagnification" | "onTouchStart" | "onTouchMove" | "onTouchEnd" | "onTouchCancel" | "onTouchEndCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerUp" | "onPointerUpCapture" | "accessible" | "accessibilityActions" | "accessibilityLabel" | "aria-label" | "accessibilityRole" | "accessibilityState" | "aria-busy" | "aria-checked" | "aria-disabled" | "aria-expanded" | "aria-selected" | "aria-labelledby" | "accessibilityHint" | "accessibilityValue" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "onAccessibilityAction" | "importantForAccessibility" | "aria-hidden" | "aria-live" | "aria-modal" | "role" | "accessibilityLiveRegion" | "accessibilityLabelledBy" | "accessibilityElementsHidden" | "accessibilityViewIsModal" | "onAccessibilityEscape" | "onAccessibilityTap" | "onMagicTap" | "accessibilityIgnoresInvertColors" | "accessibilityLanguage" | "elevation" | "gap" | "columnGap" | "rowGap" | "backgroundColor" | "borderBottomColor" | "borderBottomEndRadius" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderBottomStartRadius" | "borderBottomWidth" | "borderColor" | "borderEndColor" | "borderLeftColor" | "borderLeftWidth" | "borderRadius" | "borderRightColor" | "borderRightWidth" | "borderStartColor" | "borderStyle" | "borderTopColor" | "borderTopEndRadius" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderTopStartRadius" | "borderTopWidth" | "borderWidth" | "opacity" | "alignContent" | "alignItems" | "alignSelf" | "aspectRatio" | "borderEndWidth" | "borderStartWidth" | "bottom" | "end" | "flex" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "height" | "justifyContent" | "left" | "margin" | "marginBottom" | "marginEnd" | "marginHorizontal" | "marginLeft" | "marginRight" | "marginStart" | "marginTop" | "marginVertical" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "overflow" | "padding" | "paddingBottom" | "paddingEnd" | "paddingHorizontal" | "paddingLeft" | "paddingRight" | "paddingStart" | "paddingTop" | "paddingVertical" | "position" | "right" | "start" | "top" | "width" | "zIndex" | "direction" | "shadowColor" | "shadowOffset" | "shadowOpacity" | "shadowRadius" | "transform" | "transformMatrix" | "rotation" | "scaleX" | "scaleY" | "translateX" | "translateY" | "transparent" | "hoverTheme" | "pressTheme" | "focusTheme" | "elevate" | "bordered" | "circular" | "backgrounded" | "radiused" | "padded" | "chromeless" | "fullscreen" | `$${string}` | `$${number}` | "x" | "y" | "perspective" | "scale" | "skewX" | "skewY" | "matrix" | "rotate" | "rotateY" | "rotateX" | "rotateZ" | "cursor" | "contain" | "userSelect" | "outlineColor" | "outlineStyle" | "outlineOffset" | "outlineWidth" | "theme" | "space" | "separator" | "onPress" | "onPressIn" | "onPressOut" | "disabled" | "target" | "asChild" | "spaceDirection" | "dangerouslySetInnerHTML" | "animation" | "animateOnly" | "debug" | "className" | "themeShallow" | "tag" | "componentName" | "tabIndex" | "forceStyle" | "onHoverIn" | "onHoverOut" | "onMouseEnter" | "onMouseLeave" | "onMouseDown" | "onMouseUp" | "onFocus" | "onScroll" | "hoverStyle" | "pressStyle" | "focusStyle" | "exitStyle" | "enterStyle" | "rel" | "download" | "dataSet" | "onScrollShouldSetResponder" | "onScrollShouldSetResponderCapture" | "onSelectionChangeShouldSetResponder" | "onSelectionChangeShouldSetResponderCapture" | "href" | "hrefAttrs" | "elevationAndroid" | "unstyled" | "size" | "active" | "__scopeButton" | "themeInverse" | "themeReset" | "icon" | "iconAfter" | "scaleIcon" | "spaceFlex" | "scaleSpace">, TamaguiElement> & {
299
+ }>>, "userSelect" | "cursor" | "pointerEvents" | "color" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "letterSpacing" | "textAlign" | "alignContent" | "alignItems" | "alignSelf" | "bottom" | "backgroundColor" | "borderBottomColor" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderBottomWidth" | "borderLeftColor" | "borderLeftWidth" | "borderColor" | "borderRadius" | "borderStyle" | "borderRightWidth" | "borderRightColor" | "borderTopColor" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderTopWidth" | "borderWidth" | "display" | "flex" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "height" | "justifyContent" | "left" | "margin" | "maxHeight" | "maxWidth" | "marginBottom" | "minHeight" | "minWidth" | "marginLeft" | "marginRight" | "marginTop" | "marginHorizontal" | "marginVertical" | "opacity" | "overflow" | "padding" | "paddingBottom" | "paddingLeft" | "position" | "paddingRight" | "paddingTop" | "paddingHorizontal" | "paddingVertical" | "right" | "shadowColor" | "shadowRadius" | "shadowOffset" | "shadowOpacity" | "top" | "width" | "zIndex" | "space" | "size" | "contain" | `$${string}` | `$${number}` | "children" | "onLayout" | "onStartShouldSetResponder" | "onMoveShouldSetResponder" | "onResponderEnd" | "onResponderGrant" | "onResponderReject" | "onResponderMove" | "onResponderRelease" | "onResponderStart" | "onResponderTerminationRequest" | "onResponderTerminate" | "onStartShouldSetResponderCapture" | "onMoveShouldSetResponderCapture" | "id" | "onPress" | "onPressIn" | "onPressOut" | "style" | "testID" | "nativeID" | "disabled" | "accessible" | "accessibilityActions" | "accessibilityLabel" | "aria-label" | "accessibilityRole" | "accessibilityState" | "aria-busy" | "aria-checked" | "aria-disabled" | "aria-expanded" | "aria-selected" | "aria-labelledby" | "accessibilityHint" | "accessibilityValue" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "onAccessibilityAction" | "importantForAccessibility" | "aria-hidden" | "aria-live" | "aria-modal" | "role" | "accessibilityLiveRegion" | "accessibilityLabelledBy" | "accessibilityElementsHidden" | "accessibilityViewIsModal" | "onAccessibilityEscape" | "onAccessibilityTap" | "onMagicTap" | "accessibilityIgnoresInvertColors" | "accessibilityLanguage" | "elevation" | "gap" | "columnGap" | "rowGap" | "borderBottomEndRadius" | "borderBottomStartRadius" | "borderEndColor" | "borderStartColor" | "borderTopEndRadius" | "borderTopStartRadius" | "aspectRatio" | "borderEndWidth" | "borderStartWidth" | "end" | "marginEnd" | "marginStart" | "paddingEnd" | "paddingStart" | "start" | "direction" | "transform" | "transformMatrix" | "rotation" | "scaleX" | "scaleY" | "translateX" | "translateY" | "x" | "y" | "perspective" | "scale" | "skewX" | "skewY" | "matrix" | "rotate" | "rotateY" | "rotateX" | "rotateZ" | "outlineColor" | "outlineStyle" | "outlineOffset" | "outlineWidth" | "theme" | "hitSlop" | "removeClippedSubviews" | "collapsable" | "needsOffscreenAlphaCompositing" | "renderToHardwareTextureAndroid" | "focusable" | "shouldRasterizeIOS" | "isTVSelectable" | "hasTVPreferredFocus" | "tvParallaxProperties" | "tvParallaxShiftDistanceX" | "tvParallaxShiftDistanceY" | "tvParallaxTiltAngle" | "tvParallaxMagnification" | "onTouchStart" | "onTouchMove" | "onTouchEnd" | "onTouchCancel" | "onTouchEndCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerUp" | "onPointerUpCapture" | "separator" | "target" | "asChild" | "spaceDirection" | "dangerouslySetInnerHTML" | "animation" | "animateOnly" | "debug" | "className" | "themeShallow" | "tag" | "componentName" | "tabIndex" | "forceStyle" | "onHoverIn" | "onHoverOut" | "onMouseEnter" | "onMouseLeave" | "onMouseDown" | "onMouseUp" | "onFocus" | "onScroll" | "hoverStyle" | "pressStyle" | "focusStyle" | "exitStyle" | "enterStyle" | "textProps" | "noTextWrap" | "transparent" | "hoverTheme" | "pressTheme" | "focusTheme" | "elevate" | "bordered" | "circular" | "backgrounded" | "radiused" | "padded" | "chromeless" | "fullscreen" | "rel" | "download" | "dataSet" | "onScrollShouldSetResponder" | "onScrollShouldSetResponderCapture" | "onSelectionChangeShouldSetResponder" | "onSelectionChangeShouldSetResponderCapture" | "href" | "hrefAttrs" | "elevationAndroid" | "unstyled" | "active" | "themeInverse" | "themeReset" | "icon" | "iconAfter" | "scaleIcon" | "spaceFlex" | "scaleSpace">, import("@tamagui/web").TamaguiElement> & {
297
300
  staticConfig: import("@tamagui/web").StaticConfigParsed;
298
301
  styleable: import("@tamagui/web").Styleable<Omit<import("react-native/types").ViewProps, "display" | "children" | "onLayout" | keyof import("react-native/types").GestureResponderHandlers> & import("@tamagui/web").ExtendBaseStackProps & import("@tamagui/web").TamaguiComponentPropsBase & import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStylePropsBase> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStylePropsBase>> & import("@tamagui/core/types/reactNativeTypes").RNViewProps & Omit<{
299
302
  readonly fullscreen?: boolean | undefined;
@@ -310,7 +313,7 @@ declare const Button: import("@tamagui/web").ReactComponentWithRef<Omit<TextPare
310
313
  readonly bordered?: number | boolean | undefined;
311
314
  readonly transparent?: boolean | undefined;
312
315
  readonly chromeless?: boolean | "all" | undefined;
313
- }, "disabled" | "unstyled" | "size" | "active"> & {
316
+ }, "size" | "disabled" | "unstyled" | "active"> & {
314
317
  readonly unstyled?: boolean | undefined;
315
318
  readonly size?: SizeTokens | undefined;
316
319
  readonly active?: boolean | undefined;
@@ -330,7 +333,7 @@ declare const Button: import("@tamagui/web").ReactComponentWithRef<Omit<TextPare
330
333
  readonly bordered?: number | boolean | undefined;
331
334
  readonly transparent?: boolean | undefined;
332
335
  readonly chromeless?: boolean | "all" | undefined;
333
- }, "disabled" | "unstyled" | "size" | "active"> & {
336
+ }, "size" | "disabled" | "unstyled" | "active"> & {
334
337
  readonly unstyled?: boolean | undefined;
335
338
  readonly size?: SizeTokens | undefined;
336
339
  readonly active?: boolean | undefined;
@@ -350,14 +353,14 @@ declare const Button: import("@tamagui/web").ReactComponentWithRef<Omit<TextPare
350
353
  readonly bordered?: number | boolean | undefined;
351
354
  readonly transparent?: boolean | undefined;
352
355
  readonly chromeless?: boolean | "all" | undefined;
353
- }, "disabled" | "unstyled" | "size" | "active"> & {
356
+ }, "size" | "disabled" | "unstyled" | "active"> & {
354
357
  readonly unstyled?: boolean | undefined;
355
358
  readonly size?: SizeTokens | undefined;
356
359
  readonly active?: boolean | undefined;
357
360
  readonly disabled?: boolean | undefined;
358
- }>>, TamaguiElement>;
361
+ }>>, import("@tamagui/web").TamaguiElement>;
359
362
  } & {
360
- Text: import("react").ForwardRefExoticComponent<Omit<import("react-native/types").TextProps, "children" | ("onLayout" | keyof import("react-native/types").GestureResponderHandlers)> & import("@tamagui/web").ExtendsBaseTextProps & import("@tamagui/web").TamaguiComponentPropsBase & import("@tamagui/web").WithThemeValues<import("@tamagui/web").TextStylePropsBase> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").TextStylePropsBase>> & Omit<{
363
+ Text: import("@tamagui/web").TamaguiComponent<Omit<import("react-native/types").TextProps, "children" | ("onLayout" | keyof import("react-native/types").GestureResponderHandlers)> & import("@tamagui/web").ExtendsBaseTextProps & import("@tamagui/web").TamaguiComponentPropsBase & import("@tamagui/web").WithThemeValues<import("@tamagui/web").TextStylePropsBase> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").TextStylePropsBase>> & Omit<{
361
364
  readonly size?: import("@tamagui/web").FontSizeTokens | undefined;
362
365
  }, "unstyled"> & {
363
366
  readonly unstyled?: boolean | undefined;
@@ -369,14 +372,21 @@ declare const Button: import("@tamagui/web").ReactComponentWithRef<Omit<TextPare
369
372
  readonly size?: import("@tamagui/web").FontSizeTokens | undefined;
370
373
  }, "unstyled"> & {
371
374
  readonly unstyled?: boolean | undefined;
372
- }>> & {
373
- __scopeButton?: Scope;
374
- } & import("react").RefAttributes<TamaguiElement>>;
375
- Icon: (props: ScopedProps<{
375
+ }>>, import("@tamagui/web").TamaguiElement, import("@tamagui/web").TextPropsBase, {
376
+ readonly size?: import("@tamagui/web").FontSizeTokens | undefined;
377
+ } & {
378
+ readonly unstyled?: boolean | undefined;
379
+ }, {
380
+ displayName: string | undefined;
381
+ }>;
382
+ Icon: (props: {
376
383
  children: React.ReactNode;
377
384
  scaleIcon?: number;
378
- }>) => any;
385
+ }) => any;
379
386
  };
387
+ /**
388
+ * @deprecated Instead of useButton, see the Button docs for the newer and much improved Advanced customization pattern: https://tamagui.dev/docs/components/button
389
+ */
380
390
  declare function useButton(propsIn: ButtonProps, { Text }?: {
381
391
  Text: any;
382
392
  }): {
@@ -384,42 +394,11 @@ declare function useButton(propsIn: ButtonProps, { Text }?: {
384
394
  isNested: boolean;
385
395
  props: {
386
396
  children: string | number | boolean | JSX.Element | import("react").ReactFragment | null | undefined;
387
- hitSlop?: import("react-native/types").Insets | (import("react-native/types").Insets & number) | undefined;
397
+ pointerEvents?: "none" | "auto" | "box-none" | "box-only" | undefined;
388
398
  id?: string | undefined;
389
- pointerEvents?: "box-none" | "none" | "box-only" | "auto" | undefined;
390
- removeClippedSubviews?: boolean | undefined;
391
399
  style?: import("react-native/types").StyleProp<import("react-native/types").ViewStyle>;
392
400
  testID?: string | undefined;
393
401
  nativeID?: string | undefined;
394
- collapsable?: boolean | undefined;
395
- needsOffscreenAlphaCompositing?: boolean | undefined;
396
- renderToHardwareTextureAndroid?: boolean | undefined;
397
- focusable?: boolean | undefined;
398
- shouldRasterizeIOS?: boolean | undefined;
399
- isTVSelectable?: boolean | undefined;
400
- hasTVPreferredFocus?: boolean | undefined;
401
- tvParallaxProperties?: import("react-native/types").TVParallaxProperties | undefined;
402
- tvParallaxShiftDistanceX?: number | undefined;
403
- tvParallaxShiftDistanceY?: number | undefined;
404
- tvParallaxTiltAngle?: number | undefined;
405
- tvParallaxMagnification?: number | undefined;
406
- onTouchStart?: ((event: import("react-native/types").GestureResponderEvent) => void) | undefined;
407
- onTouchMove?: ((event: import("react-native/types").GestureResponderEvent) => void) | undefined;
408
- onTouchEnd?: ((event: import("react-native/types").GestureResponderEvent) => void) | undefined;
409
- onTouchCancel?: ((event: import("react-native/types").GestureResponderEvent) => void) | undefined;
410
- onTouchEndCapture?: ((event: import("react-native/types").GestureResponderEvent) => void) | undefined;
411
- onPointerEnter?: ((event: import("react-native/types").PointerEvent) => void) | undefined;
412
- onPointerEnterCapture?: ((event: import("react-native/types").PointerEvent) => void) | undefined;
413
- onPointerLeave?: ((event: import("react-native/types").PointerEvent) => void) | undefined;
414
- onPointerLeaveCapture?: ((event: import("react-native/types").PointerEvent) => void) | undefined;
415
- onPointerMove?: ((event: import("react-native/types").PointerEvent) => void) | undefined;
416
- onPointerMoveCapture?: ((event: import("react-native/types").PointerEvent) => void) | undefined;
417
- onPointerCancel?: ((event: import("react-native/types").PointerEvent) => void) | undefined;
418
- onPointerCancelCapture?: ((event: import("react-native/types").PointerEvent) => void) | undefined;
419
- onPointerDown?: ((event: import("react-native/types").PointerEvent) => void) | undefined;
420
- onPointerDownCapture?: ((event: import("react-native/types").PointerEvent) => void) | undefined;
421
- onPointerUp?: ((event: import("react-native/types").PointerEvent) => void) | undefined;
422
- onPointerUpCapture?: ((event: import("react-native/types").PointerEvent) => void) | undefined;
423
402
  accessible?: boolean | undefined;
424
403
  accessibilityActions?: readonly Readonly<{
425
404
  name: string;
@@ -446,7 +425,7 @@ declare function useButton(propsIn: ButtonProps, { Text }?: {
446
425
  'aria-hidden'?: boolean | undefined;
447
426
  'aria-live'?: "polite" | "assertive" | "off" | undefined;
448
427
  'aria-modal'?: boolean | undefined;
449
- role?: "none" | "alert" | "alertdialog" | "application" | "article" | "banner" | "button" | "cell" | "checkbox" | "columnheader" | "combobox" | "complementary" | "contentinfo" | "definition" | "dialog" | "directory" | "document" | "feed" | "figure" | "form" | "grid" | "group" | "heading" | "img" | "link" | "list" | "listitem" | "log" | "main" | "marquee" | "math" | "menu" | "menubar" | "menuitem" | "meter" | "navigation" | "note" | "option" | "presentation" | "progressbar" | "radio" | "radiogroup" | "region" | "row" | "rowgroup" | "rowheader" | "scrollbar" | "searchbox" | "separator" | "slider" | "spinbutton" | "status" | "summary" | "switch" | "tab" | "table" | "tablist" | "tabpanel" | "term" | "timer" | "toolbar" | "tooltip" | "tree" | "treegrid" | "treeitem" | undefined;
428
+ role?: "heading" | "none" | "alert" | "alertdialog" | "application" | "article" | "banner" | "button" | "cell" | "checkbox" | "columnheader" | "combobox" | "complementary" | "contentinfo" | "definition" | "dialog" | "directory" | "document" | "feed" | "figure" | "form" | "grid" | "group" | "img" | "link" | "list" | "listitem" | "log" | "main" | "marquee" | "math" | "menu" | "menubar" | "menuitem" | "meter" | "navigation" | "note" | "option" | "presentation" | "progressbar" | "radio" | "radiogroup" | "region" | "row" | "rowgroup" | "rowheader" | "scrollbar" | "searchbox" | "separator" | "slider" | "spinbutton" | "status" | "summary" | "switch" | "tab" | "table" | "tablist" | "tabpanel" | "term" | "timer" | "toolbar" | "tooltip" | "tree" | "treegrid" | "treeitem" | undefined;
450
429
  accessibilityLiveRegion?: "none" | "polite" | "assertive" | undefined;
451
430
  accessibilityLabelledBy?: string | string[] | undefined;
452
431
  accessibilityElementsHidden?: boolean | undefined;
@@ -456,6 +435,37 @@ declare function useButton(propsIn: ButtonProps, { Text }?: {
456
435
  onMagicTap?: (() => void) | undefined;
457
436
  accessibilityIgnoresInvertColors?: boolean | undefined;
458
437
  accessibilityLanguage?: string | undefined;
438
+ hitSlop?: import("react-native/types").Insets | (import("react-native/types").Insets & number) | undefined;
439
+ removeClippedSubviews?: boolean | undefined;
440
+ collapsable?: boolean | undefined;
441
+ needsOffscreenAlphaCompositing?: boolean | undefined;
442
+ renderToHardwareTextureAndroid?: boolean | undefined;
443
+ focusable?: boolean | undefined;
444
+ shouldRasterizeIOS?: boolean | undefined;
445
+ isTVSelectable?: boolean | undefined;
446
+ hasTVPreferredFocus?: boolean | undefined;
447
+ tvParallaxProperties?: import("react-native/types").TVParallaxProperties | undefined;
448
+ tvParallaxShiftDistanceX?: number | undefined;
449
+ tvParallaxShiftDistanceY?: number | undefined;
450
+ tvParallaxTiltAngle?: number | undefined;
451
+ tvParallaxMagnification?: number | undefined;
452
+ onTouchStart?: ((event: import("react-native/types").GestureResponderEvent) => void) | undefined;
453
+ onTouchMove?: ((event: import("react-native/types").GestureResponderEvent) => void) | undefined;
454
+ onTouchEnd?: ((event: import("react-native/types").GestureResponderEvent) => void) | undefined;
455
+ onTouchCancel?: ((event: import("react-native/types").GestureResponderEvent) => void) | undefined;
456
+ onTouchEndCapture?: ((event: import("react-native/types").GestureResponderEvent) => void) | undefined;
457
+ onPointerEnter?: ((event: import("react-native/types").PointerEvent) => void) | undefined;
458
+ onPointerEnterCapture?: ((event: import("react-native/types").PointerEvent) => void) | undefined;
459
+ onPointerLeave?: ((event: import("react-native/types").PointerEvent) => void) | undefined;
460
+ onPointerLeaveCapture?: ((event: import("react-native/types").PointerEvent) => void) | undefined;
461
+ onPointerMove?: ((event: import("react-native/types").PointerEvent) => void) | undefined;
462
+ onPointerMoveCapture?: ((event: import("react-native/types").PointerEvent) => void) | undefined;
463
+ onPointerCancel?: ((event: import("react-native/types").PointerEvent) => void) | undefined;
464
+ onPointerCancelCapture?: ((event: import("react-native/types").PointerEvent) => void) | undefined;
465
+ onPointerDown?: ((event: import("react-native/types").PointerEvent) => void) | undefined;
466
+ onPointerDownCapture?: ((event: import("react-native/types").PointerEvent) => void) | undefined;
467
+ onPointerUp?: ((event: import("react-native/types").PointerEvent) => void) | undefined;
468
+ onPointerUpCapture?: ((event: import("react-native/types").PointerEvent) => void) | undefined;
459
469
  target?: string | undefined;
460
470
  asChild?: boolean | undefined;
461
471
  spaceDirection?: import("@tamagui/web").SpaceDirection | undefined;
@@ -483,78 +493,60 @@ declare function useButton(propsIn: ButtonProps, { Text }?: {
483
493
  onMouseUp?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
484
494
  onFocus?: ((event: import("react").FocusEvent<HTMLDivElement, Element>) => void) | undefined;
485
495
  onScroll?: ((event: import("react").UIEvent<HTMLDivElement, UIEvent>) => void) | undefined;
496
+ alignContent?: "center" | "flex-start" | "flex-end" | "stretch" | "space-between" | "space-around" | undefined;
497
+ alignItems?: import("react-native/types").FlexAlignType | undefined;
498
+ alignSelf?: "auto" | import("react-native/types").FlexAlignType | undefined;
499
+ bottom?: import("@tamagui/web").ThemeValueFallback | import("@tamagui/web").SpaceTokens | undefined;
486
500
  backgroundColor?: import("@tamagui/web").ColorTokens | import("@tamagui/web").ThemeValueFallback | import("react-native/types").OpaqueColorValue | undefined;
487
501
  borderBottomColor?: import("@tamagui/web").ColorTokens | import("@tamagui/web").ThemeValueFallback | import("react-native/types").OpaqueColorValue | undefined;
488
- borderBottomEndRadius?: import("@tamagui/web").ThemeValueFallback | import("@tamagui/web").RadiusTokens | undefined;
489
502
  borderBottomLeftRadius?: import("@tamagui/web").ThemeValueFallback | import("@tamagui/web").RadiusTokens | undefined;
490
503
  borderBottomRightRadius?: import("@tamagui/web").ThemeValueFallback | import("@tamagui/web").RadiusTokens | undefined;
491
- borderBottomStartRadius?: import("@tamagui/web").ThemeValueFallback | import("@tamagui/web").RadiusTokens | undefined;
492
504
  borderBottomWidth?: import("@tamagui/web").ThemeValueFallback | import("@tamagui/web").SpaceTokens | undefined;
493
- borderColor?: import("@tamagui/web").ColorTokens | import("@tamagui/web").ThemeValueFallback | import("react-native/types").OpaqueColorValue | undefined;
494
- borderEndColor?: import("react-native/types").ColorValue | undefined;
495
505
  borderLeftColor?: import("@tamagui/web").ColorTokens | import("@tamagui/web").ThemeValueFallback | import("react-native/types").OpaqueColorValue | undefined;
496
506
  borderLeftWidth?: import("@tamagui/web").ThemeValueFallback | import("@tamagui/web").SpaceTokens | undefined;
507
+ borderColor?: import("@tamagui/web").ColorTokens | import("@tamagui/web").ThemeValueFallback | import("react-native/types").OpaqueColorValue | undefined;
497
508
  borderRadius?: import("@tamagui/web").ThemeValueFallback | import("@tamagui/web").RadiusTokens | undefined;
498
- borderRightColor?: import("@tamagui/web").ColorTokens | import("@tamagui/web").ThemeValueFallback | import("react-native/types").OpaqueColorValue | undefined;
499
- borderRightWidth?: import("@tamagui/web").ThemeValueFallback | import("@tamagui/web").SpaceTokens | undefined;
500
- borderStartColor?: import("react-native/types").ColorValue | undefined;
501
509
  borderStyle?: "solid" | "dashed" | "dotted" | undefined;
510
+ borderRightWidth?: import("@tamagui/web").ThemeValueFallback | import("@tamagui/web").SpaceTokens | undefined;
511
+ borderRightColor?: import("@tamagui/web").ColorTokens | import("@tamagui/web").ThemeValueFallback | import("react-native/types").OpaqueColorValue | undefined;
502
512
  borderTopColor?: import("@tamagui/web").ColorTokens | import("@tamagui/web").ThemeValueFallback | import("react-native/types").OpaqueColorValue | undefined;
503
- borderTopEndRadius?: import("@tamagui/web").ThemeValueFallback | import("@tamagui/web").RadiusTokens | undefined;
504
513
  borderTopLeftRadius?: import("@tamagui/web").ThemeValueFallback | import("@tamagui/web").RadiusTokens | undefined;
505
514
  borderTopRightRadius?: import("@tamagui/web").ThemeValueFallback | import("@tamagui/web").RadiusTokens | undefined;
506
- borderTopStartRadius?: import("@tamagui/web").ThemeValueFallback | import("@tamagui/web").RadiusTokens | undefined;
507
515
  borderTopWidth?: import("@tamagui/web").ThemeValueFallback | import("@tamagui/web").SpaceTokens | undefined;
508
516
  borderWidth?: import("@tamagui/web").ThemeValueFallback | import("@tamagui/web").SpaceTokens | undefined;
509
- opacity?: number | undefined;
510
- alignContent?: "center" | "flex-start" | "flex-end" | "stretch" | "space-between" | "space-around" | undefined;
511
- alignItems?: import("react-native/types").FlexAlignType | undefined;
512
- alignSelf?: "auto" | import("react-native/types").FlexAlignType | undefined;
513
- aspectRatio?: string | number | undefined;
514
- borderEndWidth?: import("@tamagui/web").ThemeValueFallback | import("@tamagui/web").SpaceTokens | undefined;
515
- borderStartWidth?: import("@tamagui/web").ThemeValueFallback | import("@tamagui/web").SpaceTokens | undefined;
516
- bottom?: import("@tamagui/web").ThemeValueFallback | import("@tamagui/web").SpaceTokens | undefined;
517
- end?: string | number | undefined;
518
517
  flex?: number | undefined;
519
518
  flexBasis?: string | number | undefined;
520
519
  flexDirection?: "row" | "column" | "row-reverse" | "column-reverse" | undefined;
521
520
  flexGrow?: number | undefined;
522
521
  flexShrink?: number | undefined;
523
522
  flexWrap?: "nowrap" | "wrap" | "wrap-reverse" | undefined;
524
- height?: import("@tamagui/web").ThemeValueFallback | SizeTokens | undefined;
523
+ height?: SizeTokens | import("@tamagui/web").ThemeValueFallback | undefined;
525
524
  justifyContent?: "center" | "flex-start" | "flex-end" | "space-between" | "space-around" | "space-evenly" | undefined;
526
525
  left?: import("@tamagui/web").ThemeValueFallback | import("@tamagui/web").SpaceTokens | undefined;
527
526
  margin?: import("@tamagui/web").ThemeValueFallback | import("@tamagui/web").SpaceTokens | undefined;
527
+ maxHeight?: SizeTokens | import("@tamagui/web").ThemeValueFallback | undefined;
528
+ maxWidth?: SizeTokens | import("@tamagui/web").ThemeValueFallback | undefined;
528
529
  marginBottom?: import("@tamagui/web").ThemeValueFallback | import("@tamagui/web").SpaceTokens | undefined;
529
- marginEnd?: import("@tamagui/web").ThemeValueFallback | import("@tamagui/web").SpaceTokens | undefined;
530
- marginHorizontal?: import("@tamagui/web").ThemeValueFallback | import("@tamagui/web").SpaceTokens | undefined;
530
+ minHeight?: SizeTokens | import("@tamagui/web").ThemeValueFallback | undefined;
531
+ minWidth?: SizeTokens | import("@tamagui/web").ThemeValueFallback | undefined;
531
532
  marginLeft?: import("@tamagui/web").ThemeValueFallback | import("@tamagui/web").SpaceTokens | undefined;
532
533
  marginRight?: import("@tamagui/web").ThemeValueFallback | import("@tamagui/web").SpaceTokens | undefined;
533
- marginStart?: import("@tamagui/web").ThemeValueFallback | import("@tamagui/web").SpaceTokens | undefined;
534
534
  marginTop?: import("@tamagui/web").ThemeValueFallback | import("@tamagui/web").SpaceTokens | undefined;
535
+ marginHorizontal?: import("@tamagui/web").ThemeValueFallback | import("@tamagui/web").SpaceTokens | undefined;
535
536
  marginVertical?: import("@tamagui/web").ThemeValueFallback | import("@tamagui/web").SpaceTokens | undefined;
536
- maxHeight?: import("@tamagui/web").ThemeValueFallback | SizeTokens | undefined;
537
- maxWidth?: import("@tamagui/web").ThemeValueFallback | SizeTokens | undefined;
538
- minHeight?: import("@tamagui/web").ThemeValueFallback | SizeTokens | undefined;
539
- minWidth?: import("@tamagui/web").ThemeValueFallback | SizeTokens | undefined;
537
+ opacity?: number | undefined;
540
538
  overflow?: "hidden" | "visible" | "scroll" | undefined;
541
539
  padding?: import("@tamagui/web").ThemeValueFallback | import("@tamagui/web").SpaceTokens | undefined;
542
540
  paddingBottom?: import("@tamagui/web").ThemeValueFallback | import("@tamagui/web").SpaceTokens | undefined;
543
- paddingEnd?: import("@tamagui/web").ThemeValueFallback | import("@tamagui/web").SpaceTokens | undefined;
544
- paddingHorizontal?: import("@tamagui/web").ThemeValueFallback | import("@tamagui/web").SpaceTokens | undefined;
545
541
  paddingLeft?: import("@tamagui/web").ThemeValueFallback | import("@tamagui/web").SpaceTokens | undefined;
542
+ position?: "absolute" | "relative" | undefined;
546
543
  paddingRight?: import("@tamagui/web").ThemeValueFallback | import("@tamagui/web").SpaceTokens | undefined;
547
- paddingStart?: import("@tamagui/web").ThemeValueFallback | import("@tamagui/web").SpaceTokens | undefined;
548
544
  paddingTop?: import("@tamagui/web").ThemeValueFallback | import("@tamagui/web").SpaceTokens | undefined;
545
+ paddingHorizontal?: import("@tamagui/web").ThemeValueFallback | import("@tamagui/web").SpaceTokens | undefined;
549
546
  paddingVertical?: import("@tamagui/web").ThemeValueFallback | import("@tamagui/web").SpaceTokens | undefined;
550
- position?: "absolute" | "relative" | undefined;
551
547
  right?: import("@tamagui/web").ThemeValueFallback | import("@tamagui/web").SpaceTokens | undefined;
552
- start?: string | number | undefined;
553
- top?: import("@tamagui/web").ThemeValueFallback | import("@tamagui/web").SpaceTokens | undefined;
554
- width?: import("@tamagui/web").ThemeValueFallback | SizeTokens | undefined;
555
- zIndex?: import("@tamagui/web").ThemeValueFallback | import("@tamagui/web").ZIndexTokens | undefined;
556
- direction?: "inherit" | "ltr" | "rtl" | undefined;
557
548
  shadowColor?: import("@tamagui/web").ColorTokens | import("@tamagui/web").ThemeValueFallback | import("react-native/types").OpaqueColorValue | undefined;
549
+ shadowRadius?: SizeTokens | import("@tamagui/web").ThemeValueFallback | undefined;
558
550
  shadowOffset?: import("@tamagui/web").ThemeValueFallback | {
559
551
  width: import("@tamagui/web").SpaceTokens;
560
552
  height: import("@tamagui/web").SpaceTokens;
@@ -563,7 +555,25 @@ declare function useButton(propsIn: ButtonProps, { Text }?: {
563
555
  height: number;
564
556
  } | undefined;
565
557
  shadowOpacity?: number | undefined;
566
- shadowRadius?: import("@tamagui/web").ThemeValueFallback | SizeTokens | undefined;
558
+ top?: import("@tamagui/web").ThemeValueFallback | import("@tamagui/web").SpaceTokens | undefined;
559
+ width?: SizeTokens | import("@tamagui/web").ThemeValueFallback | undefined;
560
+ zIndex?: import("@tamagui/web").ThemeValueFallback | import("@tamagui/web").ZIndexTokens | undefined;
561
+ borderBottomEndRadius?: import("@tamagui/web").ThemeValueFallback | import("@tamagui/web").RadiusTokens | undefined;
562
+ borderBottomStartRadius?: import("@tamagui/web").ThemeValueFallback | import("@tamagui/web").RadiusTokens | undefined;
563
+ borderEndColor?: import("react-native/types").ColorValue | undefined;
564
+ borderStartColor?: import("react-native/types").ColorValue | undefined;
565
+ borderTopEndRadius?: import("@tamagui/web").ThemeValueFallback | import("@tamagui/web").RadiusTokens | undefined;
566
+ borderTopStartRadius?: import("@tamagui/web").ThemeValueFallback | import("@tamagui/web").RadiusTokens | undefined;
567
+ aspectRatio?: string | number | undefined;
568
+ borderEndWidth?: import("@tamagui/web").ThemeValueFallback | import("@tamagui/web").SpaceTokens | undefined;
569
+ borderStartWidth?: import("@tamagui/web").ThemeValueFallback | import("@tamagui/web").SpaceTokens | undefined;
570
+ end?: string | number | undefined;
571
+ marginEnd?: import("@tamagui/web").ThemeValueFallback | import("@tamagui/web").SpaceTokens | undefined;
572
+ marginStart?: import("@tamagui/web").ThemeValueFallback | import("@tamagui/web").SpaceTokens | undefined;
573
+ paddingEnd?: import("@tamagui/web").ThemeValueFallback | import("@tamagui/web").SpaceTokens | undefined;
574
+ paddingStart?: import("@tamagui/web").ThemeValueFallback | import("@tamagui/web").SpaceTokens | undefined;
575
+ start?: string | number | undefined;
576
+ direction?: "inherit" | "ltr" | "rtl" | undefined;
567
577
  transform?: (import("react-native/types").PerpectiveTransform | import("react-native/types").RotateTransform | import("react-native/types").RotateXTransform | import("react-native/types").RotateYTransform | import("react-native/types").RotateZTransform | import("react-native/types").ScaleTransform | import("react-native/types").ScaleXTransform | import("react-native/types").ScaleYTransform | import("react-native/types").TranslateXTransform | import("react-native/types").TranslateYTransform | import("react-native/types").SkewXTransform | import("react-native/types").SkewYTransform | import("react-native/types").MatrixTransform)[] | undefined;
568
578
  transformMatrix?: number[] | undefined;
569
579
  rotation?: number | undefined;
@@ -654,7 +664,7 @@ declare function useButton(propsIn: ButtonProps, { Text }?: {
654
664
  readonly bordered?: number | boolean | undefined;
655
665
  readonly transparent?: boolean | undefined;
656
666
  readonly chromeless?: boolean | "all" | undefined;
657
- }, "disabled" | "unstyled" | "size" | "active"> & {
667
+ }, "size" | "disabled" | "unstyled" | "active"> & {
658
668
  readonly unstyled?: boolean | undefined;
659
669
  readonly size?: SizeTokens | undefined;
660
670
  readonly active?: boolean | undefined;
@@ -675,7 +685,7 @@ declare function useButton(propsIn: ButtonProps, { Text }?: {
675
685
  readonly bordered?: number | boolean | undefined;
676
686
  readonly transparent?: boolean | undefined;
677
687
  readonly chromeless?: boolean | "all" | undefined;
678
- }, "disabled" | "unstyled" | "size" | "active"> & {
688
+ }, "size" | "disabled" | "unstyled" | "active"> & {
679
689
  readonly unstyled?: boolean | undefined;
680
690
  readonly size?: SizeTokens | undefined;
681
691
  readonly active?: boolean | undefined;
@@ -696,7 +706,7 @@ declare function useButton(propsIn: ButtonProps, { Text }?: {
696
706
  readonly bordered?: number | boolean | undefined;
697
707
  readonly transparent?: boolean | undefined;
698
708
  readonly chromeless?: boolean | "all" | undefined;
699
- }, "disabled" | "unstyled" | "size" | "active"> & {
709
+ }, "size" | "disabled" | "unstyled" | "active"> & {
700
710
  readonly unstyled?: boolean | undefined;
701
711
  readonly size?: SizeTokens | undefined;
702
712
  readonly active?: boolean | undefined;
@@ -717,7 +727,7 @@ declare function useButton(propsIn: ButtonProps, { Text }?: {
717
727
  readonly bordered?: number | boolean | undefined;
718
728
  readonly transparent?: boolean | undefined;
719
729
  readonly chromeless?: boolean | "all" | undefined;
720
- }, "disabled" | "unstyled" | "size" | "active"> & {
730
+ }, "size" | "disabled" | "unstyled" | "active"> & {
721
731
  readonly unstyled?: boolean | undefined;
722
732
  readonly size?: SizeTokens | undefined;
723
733
  readonly active?: boolean | undefined;
@@ -738,7 +748,7 @@ declare function useButton(propsIn: ButtonProps, { Text }?: {
738
748
  readonly bordered?: number | boolean | undefined;
739
749
  readonly transparent?: boolean | undefined;
740
750
  readonly chromeless?: boolean | "all" | undefined;
741
- }, "disabled" | "unstyled" | "size" | "active"> & {
751
+ }, "size" | "disabled" | "unstyled" | "active"> & {
742
752
  readonly unstyled?: boolean | undefined;
743
753
  readonly size?: SizeTokens | undefined;
744
754
  readonly active?: boolean | undefined;
@@ -748,6 +758,6 @@ declare function useButton(propsIn: ButtonProps, { Text }?: {
748
758
  themeReset?: boolean | undefined;
749
759
  };
750
760
  };
751
- export { createButtonScope, Button, useButton, buttonStaticConfig, ButtonFrame, ButtonTextFrame as ButtonText, };
761
+ export { Button, ButtonFrame, ButtonText, ButtonIcon, useButton, buttonStaticConfig, };
752
762
  export type { ButtonProps };
753
763
  //# sourceMappingURL=Button.d.ts.map
package/types/Button.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../src/Button.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../src/Button.tsx"],"names":[],"mappings":"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"}