@tamagui/button 1.26.0 → 1.27.0-1684163004699

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 (35) hide show
  1. package/dist/cjs/Button.js +19 -51
  2. package/dist/cjs/Button.js.map +1 -1
  3. package/dist/cjs/Button.test.js.map +1 -1
  4. package/dist/cjs/base.js +29 -0
  5. package/dist/cjs/base.js.map +6 -0
  6. package/dist/cjs/themed.js +252 -0
  7. package/dist/cjs/themed.js.map +6 -0
  8. package/dist/esm/Button.js +19 -57
  9. package/dist/esm/Button.js.map +1 -1
  10. package/dist/esm/Button.test.js.map +1 -1
  11. package/dist/esm/base.js +5 -0
  12. package/dist/esm/base.js.map +6 -0
  13. package/dist/esm/{Button.mjs → themed.js} +77 -77
  14. package/dist/esm/themed.js.map +6 -0
  15. package/dist/jsx/Button.js +19 -53
  16. package/dist/jsx/Button.js.map +1 -1
  17. package/dist/jsx/Button.mjs +19 -53
  18. package/dist/jsx/Button.mjs.map +1 -1
  19. package/dist/jsx/Button.test.js.map +1 -1
  20. package/dist/jsx/Button.test.mjs.map +1 -1
  21. package/dist/jsx/base.js +5 -0
  22. package/dist/jsx/base.js.map +6 -0
  23. package/dist/jsx/base.mjs.map +6 -0
  24. package/dist/jsx/themed.js +232 -0
  25. package/dist/jsx/themed.js.map +6 -0
  26. package/dist/jsx/themed.mjs.map +6 -0
  27. package/package.json +7 -7
  28. package/src/Button.test.tsx +1 -4
  29. package/src/Button.tsx +35 -97
  30. package/types/Button.d.ts +91 -80
  31. package/types/Button.d.ts.map +1 -1
  32. package/types/base.d.ts.map +1 -0
  33. package/types/themed.d.ts.map +1 -0
  34. package/dist/esm/Button.test.mjs +0 -11
  35. package/dist/esm/index.mjs +0 -2
package/types/Button.d.ts CHANGED
@@ -1,7 +1,10 @@
1
- import type { Scope } from '@tamagui/create-context';
2
1
  import { TextParentStyles } from '@tamagui/text';
3
- import { GetProps, SizeTokens, TamaguiElement, ThemeableProps } from '@tamagui/web';
2
+ import { ColorStyleProp, GetProps, SizeTokens, ThemeableProps } from '@tamagui/web';
4
3
  import { FunctionComponent } from 'react';
4
+ export declare const ButtonContext: import("@tamagui/web").StyledContext<{
5
+ size: SizeTokens;
6
+ color?: ColorStyleProp | undefined;
7
+ }>;
5
8
  type ButtonIconProps = {
6
9
  color?: string;
7
10
  size?: number;
@@ -50,7 +53,7 @@ declare const ButtonFrame: import("@tamagui/web").TamaguiComponent<Omit<import("
50
53
  readonly bordered?: number | boolean | undefined;
51
54
  readonly transparent?: boolean | undefined;
52
55
  readonly chromeless?: boolean | "all" | undefined;
53
- }, "disabled" | "unstyled" | "size" | "active"> & {
56
+ }, "size" | "disabled" | "unstyled" | "active"> & {
54
57
  readonly unstyled?: boolean | undefined;
55
58
  readonly size?: SizeTokens | undefined;
56
59
  readonly active?: boolean | undefined;
@@ -70,7 +73,7 @@ declare const ButtonFrame: import("@tamagui/web").TamaguiComponent<Omit<import("
70
73
  readonly bordered?: number | boolean | undefined;
71
74
  readonly transparent?: boolean | undefined;
72
75
  readonly chromeless?: boolean | "all" | undefined;
73
- }, "disabled" | "unstyled" | "size" | "active"> & {
76
+ }, "size" | "disabled" | "unstyled" | "active"> & {
74
77
  readonly unstyled?: boolean | undefined;
75
78
  readonly size?: SizeTokens | undefined;
76
79
  readonly active?: boolean | undefined;
@@ -90,12 +93,12 @@ declare const ButtonFrame: import("@tamagui/web").TamaguiComponent<Omit<import("
90
93
  readonly bordered?: number | boolean | undefined;
91
94
  readonly transparent?: boolean | undefined;
92
95
  readonly chromeless?: boolean | "all" | undefined;
93
- }, "disabled" | "unstyled" | "size" | "active"> & {
96
+ }, "size" | "disabled" | "unstyled" | "active"> & {
94
97
  readonly unstyled?: boolean | undefined;
95
98
  readonly size?: SizeTokens | undefined;
96
99
  readonly active?: boolean | undefined;
97
100
  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, {
101
+ }>>, 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
102
  readonly fullscreen?: boolean | undefined;
100
103
  readonly elevation?: SizeTokens | undefined;
101
104
  } & {
@@ -118,7 +121,7 @@ declare const ButtonFrame: import("@tamagui/web").TamaguiComponent<Omit<import("
118
121
  }, {
119
122
  displayName: string | undefined;
120
123
  }>;
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<{
124
+ 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
125
  readonly size?: import("@tamagui/web").FontSizeTokens | undefined;
123
126
  }, "unstyled"> & {
124
127
  readonly unstyled?: boolean | undefined;
@@ -130,17 +133,20 @@ declare const ButtonTextFrame: import("@tamagui/web").TamaguiComponent<Omit<impo
130
133
  readonly size?: import("@tamagui/web").FontSizeTokens | undefined;
131
134
  }, "unstyled"> & {
132
135
  readonly unstyled?: boolean | undefined;
133
- }>>, TamaguiElement, import("@tamagui/web").TextPropsBase, {
136
+ }>>, import("@tamagui/web").TamaguiElement, import("@tamagui/web").TextPropsBase, {
134
137
  readonly size?: import("@tamagui/web").FontSizeTokens | undefined;
135
138
  } & {
136
139
  readonly unstyled?: boolean | undefined;
137
140
  }, {
138
141
  displayName: string | undefined;
139
142
  }>;
140
- type ScopedProps<P> = P & {
141
- __scopeButton?: Scope;
142
- };
143
- declare const createButtonScope: import("@tamagui/create-context").CreateScope;
143
+ declare const ButtonIcon: (props: {
144
+ children: React.ReactNode;
145
+ scaleIcon?: number;
146
+ }) => any;
147
+ /**
148
+ * @deprecated Instead of useButton, see the Button docs for the newer and much improved Advanced customization pattern: https://tamagui.dev/docs/components/button
149
+ */
144
150
  declare const buttonStaticConfig: {
145
151
  inlineProps: Set<string>;
146
152
  };
@@ -159,7 +165,7 @@ declare const Button: import("@tamagui/web").ReactComponentWithRef<Omit<TextPare
159
165
  readonly bordered?: number | boolean | undefined;
160
166
  readonly transparent?: boolean | undefined;
161
167
  readonly chromeless?: boolean | "all" | undefined;
162
- }, "disabled" | "unstyled" | "size" | "active"> & {
168
+ }, "size" | "disabled" | "unstyled" | "active"> & {
163
169
  readonly unstyled?: boolean | undefined;
164
170
  readonly size?: SizeTokens | undefined;
165
171
  readonly active?: boolean | undefined;
@@ -179,7 +185,7 @@ declare const Button: import("@tamagui/web").ReactComponentWithRef<Omit<TextPare
179
185
  readonly bordered?: number | boolean | undefined;
180
186
  readonly transparent?: boolean | undefined;
181
187
  readonly chromeless?: boolean | "all" | undefined;
182
- }, "disabled" | "unstyled" | "size" | "active"> & {
188
+ }, "size" | "disabled" | "unstyled" | "active"> & {
183
189
  readonly unstyled?: boolean | undefined;
184
190
  readonly size?: SizeTokens | undefined;
185
191
  readonly active?: boolean | undefined;
@@ -199,7 +205,7 @@ declare const Button: import("@tamagui/web").ReactComponentWithRef<Omit<TextPare
199
205
  readonly bordered?: number | boolean | undefined;
200
206
  readonly transparent?: boolean | undefined;
201
207
  readonly chromeless?: boolean | "all" | undefined;
202
- }, "disabled" | "unstyled" | "size" | "active"> & {
208
+ }, "size" | "disabled" | "unstyled" | "active"> & {
203
209
  readonly unstyled?: boolean | undefined;
204
210
  readonly size?: SizeTokens | undefined;
205
211
  readonly active?: boolean | undefined;
@@ -231,8 +237,6 @@ declare const Button: import("@tamagui/web").ReactComponentWithRef<Omit<TextPare
231
237
  *
232
238
  */
233
239
  unstyled?: boolean | undefined;
234
- } & {
235
- __scopeButton?: Scope;
236
240
  } & 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
241
  readonly fullscreen?: boolean | undefined;
238
242
  readonly elevation?: SizeTokens | undefined;
@@ -248,7 +252,7 @@ declare const Button: import("@tamagui/web").ReactComponentWithRef<Omit<TextPare
248
252
  readonly bordered?: number | boolean | undefined;
249
253
  readonly transparent?: boolean | undefined;
250
254
  readonly chromeless?: boolean | "all" | undefined;
251
- }, "disabled" | "unstyled" | "size" | "active"> & {
255
+ }, "size" | "disabled" | "unstyled" | "active"> & {
252
256
  readonly unstyled?: boolean | undefined;
253
257
  readonly size?: SizeTokens | undefined;
254
258
  readonly active?: boolean | undefined;
@@ -268,7 +272,7 @@ declare const Button: import("@tamagui/web").ReactComponentWithRef<Omit<TextPare
268
272
  readonly bordered?: number | boolean | undefined;
269
273
  readonly transparent?: boolean | undefined;
270
274
  readonly chromeless?: boolean | "all" | undefined;
271
- }, "disabled" | "unstyled" | "size" | "active"> & {
275
+ }, "size" | "disabled" | "unstyled" | "active"> & {
272
276
  readonly unstyled?: boolean | undefined;
273
277
  readonly size?: SizeTokens | undefined;
274
278
  readonly active?: boolean | undefined;
@@ -288,12 +292,12 @@ declare const Button: import("@tamagui/web").ReactComponentWithRef<Omit<TextPare
288
292
  readonly bordered?: number | boolean | undefined;
289
293
  readonly transparent?: boolean | undefined;
290
294
  readonly chromeless?: boolean | "all" | undefined;
291
- }, "disabled" | "unstyled" | "size" | "active"> & {
295
+ }, "size" | "disabled" | "unstyled" | "active"> & {
292
296
  readonly unstyled?: boolean | undefined;
293
297
  readonly size?: SizeTokens | undefined;
294
298
  readonly active?: boolean | undefined;
295
299
  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> & {
300
+ }>>, "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}` | "textProps" | "noTextWrap" | "children" | "onLayout" | "onStartShouldSetResponder" | "onMoveShouldSetResponder" | "onResponderEnd" | "onResponderGrant" | "onResponderReject" | "onResponderMove" | "onResponderRelease" | "onResponderStart" | "onResponderTerminationRequest" | "onResponderTerminate" | "onStartShouldSetResponderCapture" | "onMoveShouldSetResponderCapture" | "hitSlop" | "id" | "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" | "borderBottomEndRadius" | "borderBottomStartRadius" | "borderEndColor" | "borderStartColor" | "borderTopEndRadius" | "borderTopStartRadius" | "aspectRatio" | "borderEndWidth" | "borderStartWidth" | "end" | "marginEnd" | "marginStart" | "paddingEnd" | "paddingStart" | "start" | "direction" | "transform" | "transformMatrix" | "rotation" | "scaleX" | "scaleY" | "translateX" | "translateY" | "transparent" | "hoverTheme" | "pressTheme" | "focusTheme" | "elevate" | "bordered" | "circular" | "backgrounded" | "radiused" | "padded" | "chromeless" | "fullscreen" | "x" | "y" | "perspective" | "scale" | "skewX" | "skewY" | "matrix" | "rotate" | "rotateY" | "rotateX" | "rotateZ" | "outlineColor" | "outlineStyle" | "outlineOffset" | "outlineWidth" | "theme" | "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" | "active" | "themeInverse" | "themeReset" | "icon" | "iconAfter" | "scaleIcon" | "spaceFlex" | "scaleSpace">, import("@tamagui/web").TamaguiElement> & {
297
301
  staticConfig: import("@tamagui/web").StaticConfigParsed;
298
302
  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
303
  readonly fullscreen?: boolean | undefined;
@@ -310,7 +314,7 @@ declare const Button: import("@tamagui/web").ReactComponentWithRef<Omit<TextPare
310
314
  readonly bordered?: number | boolean | undefined;
311
315
  readonly transparent?: boolean | undefined;
312
316
  readonly chromeless?: boolean | "all" | undefined;
313
- }, "disabled" | "unstyled" | "size" | "active"> & {
317
+ }, "size" | "disabled" | "unstyled" | "active"> & {
314
318
  readonly unstyled?: boolean | undefined;
315
319
  readonly size?: SizeTokens | undefined;
316
320
  readonly active?: boolean | undefined;
@@ -330,7 +334,7 @@ declare const Button: import("@tamagui/web").ReactComponentWithRef<Omit<TextPare
330
334
  readonly bordered?: number | boolean | undefined;
331
335
  readonly transparent?: boolean | undefined;
332
336
  readonly chromeless?: boolean | "all" | undefined;
333
- }, "disabled" | "unstyled" | "size" | "active"> & {
337
+ }, "size" | "disabled" | "unstyled" | "active"> & {
334
338
  readonly unstyled?: boolean | undefined;
335
339
  readonly size?: SizeTokens | undefined;
336
340
  readonly active?: boolean | undefined;
@@ -350,14 +354,14 @@ declare const Button: import("@tamagui/web").ReactComponentWithRef<Omit<TextPare
350
354
  readonly bordered?: number | boolean | undefined;
351
355
  readonly transparent?: boolean | undefined;
352
356
  readonly chromeless?: boolean | "all" | undefined;
353
- }, "disabled" | "unstyled" | "size" | "active"> & {
357
+ }, "size" | "disabled" | "unstyled" | "active"> & {
354
358
  readonly unstyled?: boolean | undefined;
355
359
  readonly size?: SizeTokens | undefined;
356
360
  readonly active?: boolean | undefined;
357
361
  readonly disabled?: boolean | undefined;
358
- }>>, TamaguiElement>;
362
+ }>>, import("@tamagui/web").TamaguiElement>;
359
363
  } & {
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<{
364
+ 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
365
  readonly size?: import("@tamagui/web").FontSizeTokens | undefined;
362
366
  }, "unstyled"> & {
363
367
  readonly unstyled?: boolean | undefined;
@@ -369,14 +373,21 @@ declare const Button: import("@tamagui/web").ReactComponentWithRef<Omit<TextPare
369
373
  readonly size?: import("@tamagui/web").FontSizeTokens | undefined;
370
374
  }, "unstyled"> & {
371
375
  readonly unstyled?: boolean | undefined;
372
- }>> & {
373
- __scopeButton?: Scope;
374
- } & import("react").RefAttributes<TamaguiElement>>;
375
- Icon: (props: ScopedProps<{
376
+ }>>, import("@tamagui/web").TamaguiElement, import("@tamagui/web").TextPropsBase, {
377
+ readonly size?: import("@tamagui/web").FontSizeTokens | undefined;
378
+ } & {
379
+ readonly unstyled?: boolean | undefined;
380
+ }, {
381
+ displayName: string | undefined;
382
+ }>;
383
+ Icon: (props: {
376
384
  children: React.ReactNode;
377
385
  scaleIcon?: number;
378
- }>) => any;
386
+ }) => any;
379
387
  };
388
+ /**
389
+ * @deprecated Instead of useButton, see the Button docs for the newer and much improved Advanced customization pattern: https://tamagui.dev/docs/components/button
390
+ */
380
391
  declare function useButton(propsIn: ButtonProps, { Text }?: {
381
392
  Text: any;
382
393
  }): {
@@ -384,9 +395,9 @@ declare function useButton(propsIn: ButtonProps, { Text }?: {
384
395
  isNested: boolean;
385
396
  props: {
386
397
  children: string | number | boolean | JSX.Element | import("react").ReactFragment | null | undefined;
398
+ pointerEvents?: "none" | "box-none" | "box-only" | "auto" | undefined;
387
399
  hitSlop?: import("react-native/types").Insets | (import("react-native/types").Insets & number) | undefined;
388
400
  id?: string | undefined;
389
- pointerEvents?: "box-none" | "none" | "box-only" | "auto" | undefined;
390
401
  removeClippedSubviews?: boolean | undefined;
391
402
  style?: import("react-native/types").StyleProp<import("react-native/types").ViewStyle>;
392
403
  testID?: string | undefined;
@@ -446,7 +457,7 @@ declare function useButton(propsIn: ButtonProps, { Text }?: {
446
457
  'aria-hidden'?: boolean | undefined;
447
458
  'aria-live'?: "polite" | "assertive" | "off" | undefined;
448
459
  '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;
460
+ 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
461
  accessibilityLiveRegion?: "none" | "polite" | "assertive" | undefined;
451
462
  accessibilityLabelledBy?: string | string[] | undefined;
452
463
  accessibilityElementsHidden?: boolean | undefined;
@@ -483,78 +494,60 @@ declare function useButton(propsIn: ButtonProps, { Text }?: {
483
494
  onMouseUp?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
484
495
  onFocus?: ((event: import("react").FocusEvent<HTMLDivElement, Element>) => void) | undefined;
485
496
  onScroll?: ((event: import("react").UIEvent<HTMLDivElement, UIEvent>) => void) | undefined;
486
- backgroundColor?: import("@tamagui/web").ColorTokens | import("@tamagui/web").ThemeValueFallback | import("react-native/types").OpaqueColorValue | undefined;
487
- 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;
497
+ alignContent?: "center" | "flex-start" | "flex-end" | "stretch" | "space-between" | "space-around" | undefined;
498
+ alignItems?: import("react-native/types").FlexAlignType | undefined;
499
+ alignSelf?: "auto" | import("react-native/types").FlexAlignType | undefined;
500
+ bottom?: import("@tamagui/web").ThemeValueFallback | import("@tamagui/web").SpaceTokens | undefined;
501
+ backgroundColor?: import("@tamagui/web").ThemeValueFallback | import("@tamagui/web").ColorTokens | import("react-native/types").OpaqueColorValue | undefined;
502
+ borderBottomColor?: import("@tamagui/web").ThemeValueFallback | import("@tamagui/web").ColorTokens | import("react-native/types").OpaqueColorValue | undefined;
489
503
  borderBottomLeftRadius?: import("@tamagui/web").ThemeValueFallback | import("@tamagui/web").RadiusTokens | undefined;
490
504
  borderBottomRightRadius?: import("@tamagui/web").ThemeValueFallback | import("@tamagui/web").RadiusTokens | undefined;
491
- borderBottomStartRadius?: import("@tamagui/web").ThemeValueFallback | import("@tamagui/web").RadiusTokens | undefined;
492
505
  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
- borderLeftColor?: import("@tamagui/web").ColorTokens | import("@tamagui/web").ThemeValueFallback | import("react-native/types").OpaqueColorValue | undefined;
506
+ borderLeftColor?: import("@tamagui/web").ThemeValueFallback | import("@tamagui/web").ColorTokens | import("react-native/types").OpaqueColorValue | undefined;
496
507
  borderLeftWidth?: import("@tamagui/web").ThemeValueFallback | import("@tamagui/web").SpaceTokens | undefined;
508
+ borderColor?: import("@tamagui/web").ThemeValueFallback | import("@tamagui/web").ColorTokens | import("react-native/types").OpaqueColorValue | undefined;
497
509
  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
510
  borderStyle?: "solid" | "dashed" | "dotted" | undefined;
502
- 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;
511
+ borderRightWidth?: import("@tamagui/web").ThemeValueFallback | import("@tamagui/web").SpaceTokens | undefined;
512
+ borderRightColor?: import("@tamagui/web").ThemeValueFallback | import("@tamagui/web").ColorTokens | import("react-native/types").OpaqueColorValue | undefined;
513
+ borderTopColor?: import("@tamagui/web").ThemeValueFallback | import("@tamagui/web").ColorTokens | import("react-native/types").OpaqueColorValue | undefined;
504
514
  borderTopLeftRadius?: import("@tamagui/web").ThemeValueFallback | import("@tamagui/web").RadiusTokens | undefined;
505
515
  borderTopRightRadius?: import("@tamagui/web").ThemeValueFallback | import("@tamagui/web").RadiusTokens | undefined;
506
- borderTopStartRadius?: import("@tamagui/web").ThemeValueFallback | import("@tamagui/web").RadiusTokens | undefined;
507
516
  borderTopWidth?: import("@tamagui/web").ThemeValueFallback | import("@tamagui/web").SpaceTokens | undefined;
508
517
  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
518
  flex?: number | undefined;
519
519
  flexBasis?: string | number | undefined;
520
520
  flexDirection?: "row" | "column" | "row-reverse" | "column-reverse" | undefined;
521
521
  flexGrow?: number | undefined;
522
522
  flexShrink?: number | undefined;
523
523
  flexWrap?: "nowrap" | "wrap" | "wrap-reverse" | undefined;
524
- height?: import("@tamagui/web").ThemeValueFallback | SizeTokens | undefined;
524
+ height?: SizeTokens | import("@tamagui/web").ThemeValueFallback | undefined;
525
525
  justifyContent?: "center" | "flex-start" | "flex-end" | "space-between" | "space-around" | "space-evenly" | undefined;
526
526
  left?: import("@tamagui/web").ThemeValueFallback | import("@tamagui/web").SpaceTokens | undefined;
527
527
  margin?: import("@tamagui/web").ThemeValueFallback | import("@tamagui/web").SpaceTokens | undefined;
528
+ maxHeight?: SizeTokens | import("@tamagui/web").ThemeValueFallback | undefined;
529
+ maxWidth?: SizeTokens | import("@tamagui/web").ThemeValueFallback | undefined;
528
530
  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;
531
+ minHeight?: SizeTokens | import("@tamagui/web").ThemeValueFallback | undefined;
532
+ minWidth?: SizeTokens | import("@tamagui/web").ThemeValueFallback | undefined;
531
533
  marginLeft?: import("@tamagui/web").ThemeValueFallback | import("@tamagui/web").SpaceTokens | undefined;
532
534
  marginRight?: import("@tamagui/web").ThemeValueFallback | import("@tamagui/web").SpaceTokens | undefined;
533
- marginStart?: import("@tamagui/web").ThemeValueFallback | import("@tamagui/web").SpaceTokens | undefined;
534
535
  marginTop?: import("@tamagui/web").ThemeValueFallback | import("@tamagui/web").SpaceTokens | undefined;
536
+ marginHorizontal?: import("@tamagui/web").ThemeValueFallback | import("@tamagui/web").SpaceTokens | undefined;
535
537
  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;
538
+ opacity?: number | undefined;
540
539
  overflow?: "hidden" | "visible" | "scroll" | undefined;
541
540
  padding?: import("@tamagui/web").ThemeValueFallback | import("@tamagui/web").SpaceTokens | undefined;
542
541
  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
542
  paddingLeft?: import("@tamagui/web").ThemeValueFallback | import("@tamagui/web").SpaceTokens | undefined;
543
+ position?: "absolute" | "relative" | undefined;
546
544
  paddingRight?: import("@tamagui/web").ThemeValueFallback | import("@tamagui/web").SpaceTokens | undefined;
547
- paddingStart?: import("@tamagui/web").ThemeValueFallback | import("@tamagui/web").SpaceTokens | undefined;
548
545
  paddingTop?: import("@tamagui/web").ThemeValueFallback | import("@tamagui/web").SpaceTokens | undefined;
546
+ paddingHorizontal?: import("@tamagui/web").ThemeValueFallback | import("@tamagui/web").SpaceTokens | undefined;
549
547
  paddingVertical?: import("@tamagui/web").ThemeValueFallback | import("@tamagui/web").SpaceTokens | undefined;
550
- position?: "absolute" | "relative" | undefined;
551
548
  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
- shadowColor?: import("@tamagui/web").ColorTokens | import("@tamagui/web").ThemeValueFallback | import("react-native/types").OpaqueColorValue | undefined;
549
+ shadowColor?: import("@tamagui/web").ThemeValueFallback | import("@tamagui/web").ColorTokens | import("react-native/types").OpaqueColorValue | undefined;
550
+ shadowRadius?: SizeTokens | import("@tamagui/web").ThemeValueFallback | undefined;
558
551
  shadowOffset?: import("@tamagui/web").ThemeValueFallback | {
559
552
  width: import("@tamagui/web").SpaceTokens;
560
553
  height: import("@tamagui/web").SpaceTokens;
@@ -563,7 +556,25 @@ declare function useButton(propsIn: ButtonProps, { Text }?: {
563
556
  height: number;
564
557
  } | undefined;
565
558
  shadowOpacity?: number | undefined;
566
- shadowRadius?: import("@tamagui/web").ThemeValueFallback | SizeTokens | undefined;
559
+ top?: import("@tamagui/web").ThemeValueFallback | import("@tamagui/web").SpaceTokens | undefined;
560
+ width?: SizeTokens | import("@tamagui/web").ThemeValueFallback | undefined;
561
+ zIndex?: import("@tamagui/web").ThemeValueFallback | import("@tamagui/web").ZIndexTokens | undefined;
562
+ borderBottomEndRadius?: import("@tamagui/web").ThemeValueFallback | import("@tamagui/web").RadiusTokens | undefined;
563
+ borderBottomStartRadius?: import("@tamagui/web").ThemeValueFallback | import("@tamagui/web").RadiusTokens | undefined;
564
+ borderEndColor?: import("react-native/types").ColorValue | undefined;
565
+ borderStartColor?: import("react-native/types").ColorValue | undefined;
566
+ borderTopEndRadius?: import("@tamagui/web").ThemeValueFallback | import("@tamagui/web").RadiusTokens | undefined;
567
+ borderTopStartRadius?: import("@tamagui/web").ThemeValueFallback | import("@tamagui/web").RadiusTokens | undefined;
568
+ aspectRatio?: string | number | undefined;
569
+ borderEndWidth?: import("@tamagui/web").ThemeValueFallback | import("@tamagui/web").SpaceTokens | undefined;
570
+ borderStartWidth?: import("@tamagui/web").ThemeValueFallback | import("@tamagui/web").SpaceTokens | undefined;
571
+ end?: string | number | undefined;
572
+ marginEnd?: import("@tamagui/web").ThemeValueFallback | import("@tamagui/web").SpaceTokens | undefined;
573
+ marginStart?: import("@tamagui/web").ThemeValueFallback | import("@tamagui/web").SpaceTokens | undefined;
574
+ paddingEnd?: import("@tamagui/web").ThemeValueFallback | import("@tamagui/web").SpaceTokens | undefined;
575
+ paddingStart?: import("@tamagui/web").ThemeValueFallback | import("@tamagui/web").SpaceTokens | undefined;
576
+ start?: string | number | undefined;
577
+ direction?: "inherit" | "ltr" | "rtl" | undefined;
567
578
  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
579
  transformMatrix?: number[] | undefined;
569
580
  rotation?: number | undefined;
@@ -654,7 +665,7 @@ declare function useButton(propsIn: ButtonProps, { Text }?: {
654
665
  readonly bordered?: number | boolean | undefined;
655
666
  readonly transparent?: boolean | undefined;
656
667
  readonly chromeless?: boolean | "all" | undefined;
657
- }, "disabled" | "unstyled" | "size" | "active"> & {
668
+ }, "size" | "disabled" | "unstyled" | "active"> & {
658
669
  readonly unstyled?: boolean | undefined;
659
670
  readonly size?: SizeTokens | undefined;
660
671
  readonly active?: boolean | undefined;
@@ -675,7 +686,7 @@ declare function useButton(propsIn: ButtonProps, { Text }?: {
675
686
  readonly bordered?: number | boolean | undefined;
676
687
  readonly transparent?: boolean | undefined;
677
688
  readonly chromeless?: boolean | "all" | undefined;
678
- }, "disabled" | "unstyled" | "size" | "active"> & {
689
+ }, "size" | "disabled" | "unstyled" | "active"> & {
679
690
  readonly unstyled?: boolean | undefined;
680
691
  readonly size?: SizeTokens | undefined;
681
692
  readonly active?: boolean | undefined;
@@ -696,7 +707,7 @@ declare function useButton(propsIn: ButtonProps, { Text }?: {
696
707
  readonly bordered?: number | boolean | undefined;
697
708
  readonly transparent?: boolean | undefined;
698
709
  readonly chromeless?: boolean | "all" | undefined;
699
- }, "disabled" | "unstyled" | "size" | "active"> & {
710
+ }, "size" | "disabled" | "unstyled" | "active"> & {
700
711
  readonly unstyled?: boolean | undefined;
701
712
  readonly size?: SizeTokens | undefined;
702
713
  readonly active?: boolean | undefined;
@@ -717,7 +728,7 @@ declare function useButton(propsIn: ButtonProps, { Text }?: {
717
728
  readonly bordered?: number | boolean | undefined;
718
729
  readonly transparent?: boolean | undefined;
719
730
  readonly chromeless?: boolean | "all" | undefined;
720
- }, "disabled" | "unstyled" | "size" | "active"> & {
731
+ }, "size" | "disabled" | "unstyled" | "active"> & {
721
732
  readonly unstyled?: boolean | undefined;
722
733
  readonly size?: SizeTokens | undefined;
723
734
  readonly active?: boolean | undefined;
@@ -738,7 +749,7 @@ declare function useButton(propsIn: ButtonProps, { Text }?: {
738
749
  readonly bordered?: number | boolean | undefined;
739
750
  readonly transparent?: boolean | undefined;
740
751
  readonly chromeless?: boolean | "all" | undefined;
741
- }, "disabled" | "unstyled" | "size" | "active"> & {
752
+ }, "size" | "disabled" | "unstyled" | "active"> & {
742
753
  readonly unstyled?: boolean | undefined;
743
754
  readonly size?: SizeTokens | undefined;
744
755
  readonly active?: boolean | undefined;
@@ -748,6 +759,6 @@ declare function useButton(propsIn: ButtonProps, { Text }?: {
748
759
  themeReset?: boolean | undefined;
749
760
  };
750
761
  };
751
- export { createButtonScope, Button, useButton, buttonStaticConfig, ButtonFrame, ButtonTextFrame as ButtonText, };
762
+ export { Button, ButtonFrame, ButtonText, ButtonIcon, useButton, buttonStaticConfig, };
752
763
  export type { ButtonProps };
753
764
  //# 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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"}
package/types/base.d.ts.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"base.d.ts","sourceRoot":"","sources":["../src/base.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA"}
package/types/themed.d.ts.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"themed.d.ts","sourceRoot":"","sources":["../src/themed.tsx"],"names":[],"mappings":"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"}
package/dist/esm/Button.test.mjs DELETED
@@ -1,11 +0,0 @@
1
- process.env.TAMAGUI_TARGET = "web";
2
- import { getDefaultTamaguiConfig } from "@tamagui/config-default";
3
- import { createTamagui } from "@tamagui/core";
4
- import { describe, expect, test } from "vitest";
5
- const conf = createTamagui(getDefaultTamaguiConfig());
6
- describe("Button", () => {
7
- test(`123`, () => {
8
- expect(true).toBeTruthy();
9
- });
10
- });
11
- //# sourceMappingURL=Button.test.mjs.map
package/dist/esm/index.mjs DELETED
@@ -1,2 +0,0 @@
1
- export * from "./Button";
2
- //# sourceMappingURL=index.mjs.map