@tamagui/button 1.53.2 → 1.54.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/Button.js +7 -13
- package/dist/cjs/Button.js.map +1 -1
- package/dist/esm/Button.js +5 -13
- package/dist/esm/Button.js.map +1 -1
- package/dist/jsx/Button.js +5 -13
- package/dist/jsx/Button.js.map +1 -1
- package/package.json +7 -7
- package/src/Button.tsx +12 -16
- package/types/Button.d.ts +4 -3
- package/types/Button.d.ts.map +1 -1
package/dist/cjs/Button.js
CHANGED
|
@@ -22,6 +22,7 @@ __export(Button_exports, {
|
|
|
22
22
|
ButtonContext: () => ButtonContext,
|
|
23
23
|
ButtonFrame: () => ButtonFrame,
|
|
24
24
|
ButtonIcon: () => ButtonIcon,
|
|
25
|
+
ButtonNestingContext: () => ButtonNestingContext,
|
|
25
26
|
ButtonText: () => ButtonText,
|
|
26
27
|
buttonStaticConfig: () => buttonStaticConfig,
|
|
27
28
|
useButton: () => useButton
|
|
@@ -35,16 +36,7 @@ var import_stacks = require("@tamagui/stacks");
|
|
|
35
36
|
var import_text = require("@tamagui/text");
|
|
36
37
|
var import_web = require("@tamagui/web");
|
|
37
38
|
var import_react = require("react");
|
|
38
|
-
const ButtonContext = (0, import_web.createStyledContext)({
|
|
39
|
-
size: "$true",
|
|
40
|
-
color: void 0,
|
|
41
|
-
fontFamily: void 0,
|
|
42
|
-
fontSize: void 0,
|
|
43
|
-
fontStyle: void 0,
|
|
44
|
-
fontWeight: void 0,
|
|
45
|
-
letterSpacing: void 0,
|
|
46
|
-
textAlign: void 0
|
|
47
|
-
});
|
|
39
|
+
const ButtonContext = (0, import_web.createStyledContext)({});
|
|
48
40
|
const BUTTON_NAME = "Button";
|
|
49
41
|
const ButtonFrame = (0, import_web.styled)(import_stacks.ThemeableStack, {
|
|
50
42
|
name: BUTTON_NAME,
|
|
@@ -155,6 +147,7 @@ const Button2 = (0, import_web.withStaticProperties)(ButtonComponent, {
|
|
|
155
147
|
Text: ButtonText,
|
|
156
148
|
Icon: ButtonIcon
|
|
157
149
|
});
|
|
150
|
+
const ButtonNestingContext = (0, import_react.createContext)(false);
|
|
158
151
|
function useButton(propsIn, { Text = Button2.Text } = { Text: Button2.Text }) {
|
|
159
152
|
const {
|
|
160
153
|
children,
|
|
@@ -178,9 +171,9 @@ function useButton(propsIn, { Text = Button2.Text } = { Text: Button2.Text }) {
|
|
|
178
171
|
textProps,
|
|
179
172
|
...rest
|
|
180
173
|
} = propsIn;
|
|
181
|
-
const isNested = (0, import_react.useContext)(
|
|
174
|
+
const isNested = (0, import_react.useContext)(ButtonNestingContext);
|
|
182
175
|
const propsActive = (0, import_web.useProps)(propsIn);
|
|
183
|
-
const size = propsActive.size || "$true";
|
|
176
|
+
const size = propsActive.size || (propsActive.unstyled ? void 0 : "$true");
|
|
184
177
|
const iconSize = (typeof size === "number" ? size * 0.5 : (0, import_font_size.getFontSize)(size)) * scaleIcon;
|
|
185
178
|
const getThemedIcon = (0, import_helpers_tamagui.useGetThemedIcon)({ size: iconSize, color });
|
|
186
179
|
const [themedIcon, themedIconAfter] = [icon, iconAfter].map(getThemedIcon);
|
|
@@ -219,7 +212,7 @@ function useButton(propsIn, { Text = Button2.Text } = { Text: Button2.Text }) {
|
|
|
219
212
|
tag
|
|
220
213
|
},
|
|
221
214
|
...rest,
|
|
222
|
-
children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
215
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ButtonNestingContext.Provider, { value: true, children: inner })
|
|
223
216
|
};
|
|
224
217
|
return {
|
|
225
218
|
spaceSize,
|
|
@@ -233,6 +226,7 @@ function useButton(propsIn, { Text = Button2.Text } = { Text: Button2.Text }) {
|
|
|
233
226
|
ButtonContext,
|
|
234
227
|
ButtonFrame,
|
|
235
228
|
ButtonIcon,
|
|
229
|
+
ButtonNestingContext,
|
|
236
230
|
ButtonText,
|
|
237
231
|
buttonStaticConfig,
|
|
238
232
|
useButton
|
package/dist/cjs/Button.js.map
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/Button.tsx"],
|
|
4
|
-
"mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA,gBAAAA;AAAA,EAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;
|
|
4
|
+
"mappings": "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",
|
|
5
5
|
"names": ["Button"]
|
|
6
6
|
}
|
package/dist/esm/Button.js
CHANGED
|
@@ -8,7 +8,6 @@ import {
|
|
|
8
8
|
wrapChildrenInText
|
|
9
9
|
} from "@tamagui/text";
|
|
10
10
|
import {
|
|
11
|
-
ButtonNestingContext,
|
|
12
11
|
createStyledContext,
|
|
13
12
|
getVariableValue,
|
|
14
13
|
spacedChildren,
|
|
@@ -16,17 +15,8 @@ import {
|
|
|
16
15
|
useProps,
|
|
17
16
|
withStaticProperties
|
|
18
17
|
} from "@tamagui/web";
|
|
19
|
-
import { useContext } from "react";
|
|
20
|
-
const ButtonContext = createStyledContext({
|
|
21
|
-
size: "$true",
|
|
22
|
-
color: void 0,
|
|
23
|
-
fontFamily: void 0,
|
|
24
|
-
fontSize: void 0,
|
|
25
|
-
fontStyle: void 0,
|
|
26
|
-
fontWeight: void 0,
|
|
27
|
-
letterSpacing: void 0,
|
|
28
|
-
textAlign: void 0
|
|
29
|
-
});
|
|
18
|
+
import { createContext, useContext } from "react";
|
|
19
|
+
const ButtonContext = createStyledContext({});
|
|
30
20
|
const BUTTON_NAME = "Button";
|
|
31
21
|
const ButtonFrame = styled(ThemeableStack, {
|
|
32
22
|
name: BUTTON_NAME,
|
|
@@ -137,6 +127,7 @@ const Button2 = withStaticProperties(ButtonComponent, {
|
|
|
137
127
|
Text: ButtonText,
|
|
138
128
|
Icon: ButtonIcon
|
|
139
129
|
});
|
|
130
|
+
const ButtonNestingContext = createContext(false);
|
|
140
131
|
function useButton(propsIn, { Text = Button2.Text } = { Text: Button2.Text }) {
|
|
141
132
|
const {
|
|
142
133
|
children,
|
|
@@ -162,7 +153,7 @@ function useButton(propsIn, { Text = Button2.Text } = { Text: Button2.Text }) {
|
|
|
162
153
|
} = propsIn;
|
|
163
154
|
const isNested = useContext(ButtonNestingContext);
|
|
164
155
|
const propsActive = useProps(propsIn);
|
|
165
|
-
const size = propsActive.size || "$true";
|
|
156
|
+
const size = propsActive.size || (propsActive.unstyled ? void 0 : "$true");
|
|
166
157
|
const iconSize = (typeof size === "number" ? size * 0.5 : getFontSize(size)) * scaleIcon;
|
|
167
158
|
const getThemedIcon = useGetThemedIcon({ size: iconSize, color });
|
|
168
159
|
const [themedIcon, themedIconAfter] = [icon, iconAfter].map(getThemedIcon);
|
|
@@ -214,6 +205,7 @@ export {
|
|
|
214
205
|
ButtonContext,
|
|
215
206
|
ButtonFrame,
|
|
216
207
|
ButtonIcon,
|
|
208
|
+
ButtonNestingContext,
|
|
217
209
|
ButtonText,
|
|
218
210
|
buttonStaticConfig,
|
|
219
211
|
useButton
|
package/dist/esm/Button.js.map
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/Button.tsx"],
|
|
4
|
-
"mappings": "
|
|
4
|
+
"mappings": "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",
|
|
5
5
|
"names": ["Button"]
|
|
6
6
|
}
|
package/dist/jsx/Button.js
CHANGED
|
@@ -7,7 +7,6 @@ import {
|
|
|
7
7
|
wrapChildrenInText
|
|
8
8
|
} from "@tamagui/text";
|
|
9
9
|
import {
|
|
10
|
-
ButtonNestingContext,
|
|
11
10
|
createStyledContext,
|
|
12
11
|
getVariableValue,
|
|
13
12
|
spacedChildren,
|
|
@@ -15,17 +14,8 @@ import {
|
|
|
15
14
|
useProps,
|
|
16
15
|
withStaticProperties
|
|
17
16
|
} from "@tamagui/web";
|
|
18
|
-
import { useContext } from "react";
|
|
19
|
-
const ButtonContext = createStyledContext({
|
|
20
|
-
size: "$true",
|
|
21
|
-
color: void 0,
|
|
22
|
-
fontFamily: void 0,
|
|
23
|
-
fontSize: void 0,
|
|
24
|
-
fontStyle: void 0,
|
|
25
|
-
fontWeight: void 0,
|
|
26
|
-
letterSpacing: void 0,
|
|
27
|
-
textAlign: void 0
|
|
28
|
-
});
|
|
17
|
+
import { createContext, useContext } from "react";
|
|
18
|
+
const ButtonContext = createStyledContext({});
|
|
29
19
|
const BUTTON_NAME = "Button";
|
|
30
20
|
const ButtonFrame = styled(ThemeableStack, {
|
|
31
21
|
name: BUTTON_NAME,
|
|
@@ -136,6 +126,7 @@ const Button2 = withStaticProperties(ButtonComponent, {
|
|
|
136
126
|
Text: ButtonText,
|
|
137
127
|
Icon: ButtonIcon
|
|
138
128
|
});
|
|
129
|
+
const ButtonNestingContext = createContext(false);
|
|
139
130
|
function useButton(propsIn, { Text = Button2.Text } = { Text: Button2.Text }) {
|
|
140
131
|
const {
|
|
141
132
|
children,
|
|
@@ -161,7 +152,7 @@ function useButton(propsIn, { Text = Button2.Text } = { Text: Button2.Text }) {
|
|
|
161
152
|
} = propsIn;
|
|
162
153
|
const isNested = useContext(ButtonNestingContext);
|
|
163
154
|
const propsActive = useProps(propsIn);
|
|
164
|
-
const size = propsActive.size || "$true";
|
|
155
|
+
const size = propsActive.size || (propsActive.unstyled ? void 0 : "$true");
|
|
165
156
|
const iconSize = (typeof size === "number" ? size * 0.5 : getFontSize(size)) * scaleIcon;
|
|
166
157
|
const getThemedIcon = useGetThemedIcon({ size: iconSize, color });
|
|
167
158
|
const [themedIcon, themedIconAfter] = [icon, iconAfter].map(getThemedIcon);
|
|
@@ -213,6 +204,7 @@ export {
|
|
|
213
204
|
ButtonContext,
|
|
214
205
|
ButtonFrame,
|
|
215
206
|
ButtonIcon,
|
|
207
|
+
ButtonNestingContext,
|
|
216
208
|
ButtonText,
|
|
217
209
|
buttonStaticConfig,
|
|
218
210
|
useButton
|
package/dist/jsx/Button.js.map
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/Button.tsx"],
|
|
4
|
-
"mappings": "AAAA,SAAS,mBAAmB;AAC5B,SAAS,sBAAsB;AAC/B,SAAS,wBAAwB;AACjC,SAAS,sBAAsB;AAC/B;AAAA,EACE;AAAA,EAGA;AAAA,OACK;AACP;AAAA,
|
|
4
|
+
"mappings": "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",
|
|
5
5
|
"names": ["Button"]
|
|
6
6
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@tamagui/button",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.54.1",
|
|
4
4
|
"sideEffects": [
|
|
5
5
|
"*.css"
|
|
6
6
|
],
|
|
@@ -29,17 +29,17 @@
|
|
|
29
29
|
}
|
|
30
30
|
},
|
|
31
31
|
"dependencies": {
|
|
32
|
-
"@tamagui/font-size": "1.
|
|
33
|
-
"@tamagui/get-button-sized": "1.
|
|
34
|
-
"@tamagui/helpers-tamagui": "1.
|
|
35
|
-
"@tamagui/text": "1.
|
|
36
|
-
"@tamagui/web": "1.
|
|
32
|
+
"@tamagui/font-size": "1.54.1",
|
|
33
|
+
"@tamagui/get-button-sized": "1.54.1",
|
|
34
|
+
"@tamagui/helpers-tamagui": "1.54.1",
|
|
35
|
+
"@tamagui/text": "1.54.1",
|
|
36
|
+
"@tamagui/web": "1.54.1"
|
|
37
37
|
},
|
|
38
38
|
"peerDependencies": {
|
|
39
39
|
"react": "*"
|
|
40
40
|
},
|
|
41
41
|
"devDependencies": {
|
|
42
|
-
"@tamagui/build": "1.
|
|
42
|
+
"@tamagui/build": "1.54.1",
|
|
43
43
|
"react": "^18.2.0",
|
|
44
44
|
"vitest": "^0.26.3"
|
|
45
45
|
},
|
package/src/Button.tsx
CHANGED
|
@@ -9,7 +9,6 @@ import {
|
|
|
9
9
|
wrapChildrenInText,
|
|
10
10
|
} from '@tamagui/text'
|
|
11
11
|
import {
|
|
12
|
-
ButtonNestingContext,
|
|
13
12
|
FontSizeTokens,
|
|
14
13
|
GetProps,
|
|
15
14
|
SizeTokens,
|
|
@@ -21,22 +20,15 @@ import {
|
|
|
21
20
|
useProps,
|
|
22
21
|
withStaticProperties,
|
|
23
22
|
} from '@tamagui/web'
|
|
24
|
-
import { FunctionComponent, useContext } from 'react'
|
|
23
|
+
import { FunctionComponent, createContext, useContext } from 'react'
|
|
25
24
|
|
|
26
25
|
export const ButtonContext = createStyledContext<
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
fontFamily: undefined,
|
|
34
|
-
fontSize: undefined,
|
|
35
|
-
fontStyle: undefined,
|
|
36
|
-
fontWeight: undefined,
|
|
37
|
-
letterSpacing: undefined,
|
|
38
|
-
textAlign: undefined,
|
|
39
|
-
})
|
|
26
|
+
Partial<
|
|
27
|
+
TextContextStyles & {
|
|
28
|
+
size: SizeTokens
|
|
29
|
+
}
|
|
30
|
+
>
|
|
31
|
+
>({})
|
|
40
32
|
|
|
41
33
|
type ButtonIconProps = { color?: string; size?: number }
|
|
42
34
|
type IconProp = JSX.Element | FunctionComponent<ButtonIconProps> | null
|
|
@@ -169,6 +161,7 @@ const ButtonText = styled(SizableText, {
|
|
|
169
161
|
const ButtonIcon = (props: { children: React.ReactNode; scaleIcon?: number }) => {
|
|
170
162
|
const { children, scaleIcon = 1 } = props
|
|
171
163
|
const { size, color } = useContext(ButtonContext)
|
|
164
|
+
|
|
172
165
|
const iconSize =
|
|
173
166
|
(typeof size === 'number' ? size * 0.5 : getFontSize(size as FontSizeTokens)) *
|
|
174
167
|
scaleIcon
|
|
@@ -205,6 +198,8 @@ const Button = withStaticProperties(ButtonComponent, {
|
|
|
205
198
|
Icon: ButtonIcon,
|
|
206
199
|
})
|
|
207
200
|
|
|
201
|
+
export const ButtonNestingContext = createContext(false)
|
|
202
|
+
|
|
208
203
|
/**
|
|
209
204
|
* @deprecated Instead of useButton, see the Button docs for the newer and much improved Advanced customization pattern: https://tamagui.dev/docs/components/button
|
|
210
205
|
*/
|
|
@@ -240,7 +235,8 @@ function useButton<Props extends ButtonProps>(
|
|
|
240
235
|
|
|
241
236
|
const isNested = useContext(ButtonNestingContext)
|
|
242
237
|
const propsActive = useProps(propsIn) as any as ButtonProps
|
|
243
|
-
const size = propsActive.size || '$true'
|
|
238
|
+
const size = propsActive.size || (propsActive.unstyled ? undefined : '$true')
|
|
239
|
+
|
|
244
240
|
const iconSize =
|
|
245
241
|
(typeof size === 'number' ? size * 0.5 : getFontSize(size as FontSizeTokens)) *
|
|
246
242
|
scaleIcon
|
package/types/Button.d.ts
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import { TextContextStyles, TextParentStyles } from '@tamagui/text';
|
|
2
2
|
import { FontSizeTokens, GetProps, SizeTokens, ThemeableProps } from '@tamagui/web';
|
|
3
3
|
import { FunctionComponent } from 'react';
|
|
4
|
-
export declare const ButtonContext: import("@tamagui/web").StyledContext<TextContextStyles & {
|
|
4
|
+
export declare const ButtonContext: import("@tamagui/web").StyledContext<Partial<TextContextStyles & {
|
|
5
5
|
size: SizeTokens;
|
|
6
|
-
}
|
|
6
|
+
}>>;
|
|
7
7
|
type ButtonIconProps = {
|
|
8
8
|
color?: string;
|
|
9
9
|
size?: number;
|
|
@@ -375,7 +375,7 @@ declare const Button: import("@tamagui/web").ReactComponentWithRef<TextContextSt
|
|
|
375
375
|
readonly variant?: "outlined" | undefined;
|
|
376
376
|
readonly size?: SizeTokens | undefined;
|
|
377
377
|
readonly disabled?: boolean | undefined;
|
|
378
|
-
}>>, "color" | "space" | "size" | "zIndex" | "userSelect" | "cursor" | "pointerEvents" | "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" | "contain" | `$${string}` | `$${number}` | "children" | "onLayout" | "onStartShouldSetResponder" | "onMoveShouldSetResponder" | "onResponderEnd" | "onResponderGrant" | "onResponderReject" | "onResponderMove" | "onResponderRelease" | "onResponderStart" | "onResponderTerminationRequest" | "onResponderTerminate" | "onStartShouldSetResponderCapture" | "onMoveShouldSetResponderCapture" | "style" | "id" | "
|
|
378
|
+
}>>, "color" | "space" | "size" | "zIndex" | "userSelect" | "cursor" | "pointerEvents" | "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" | "contain" | `$${string}` | `$${number}` | "ellipse" | "children" | "onLayout" | "onStartShouldSetResponder" | "onMoveShouldSetResponder" | "onResponderEnd" | "onResponderGrant" | "onResponderReject" | "onResponderMove" | "onResponderRelease" | "onResponderStart" | "onResponderTerminationRequest" | "onResponderTerminate" | "onStartShouldSetResponderCapture" | "onMoveShouldSetResponderCapture" | "style" | "hitSlop" | "id" | "removeClippedSubviews" | "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" | "outlineColor" | "outlineOffset" | "outlineStyle" | "outlineWidth" | "spaceDirection" | "separator" | "animation" | "animateOnly" | "borderBlockColor" | "borderBlockEndColor" | "borderBlockStartColor" | "borderBottomEndRadius" | "borderBottomStartRadius" | "borderCurve" | "borderEndColor" | "borderEndEndRadius" | "borderEndStartRadius" | "borderStartColor" | "borderStartEndRadius" | "borderStartStartRadius" | "borderTopEndRadius" | "borderTopStartRadius" | "aspectRatio" | "borderEndWidth" | "borderStartWidth" | "end" | "marginEnd" | "marginStart" | "paddingEnd" | "paddingStart" | "start" | "direction" | "transform" | "transformMatrix" | "rotation" | "scaleX" | "scaleY" | "translateX" | "translateY" | "transparent" | "circular" | "hoverTheme" | "pressTheme" | "focusTheme" | "elevate" | "bordered" | "backgrounded" | "radiused" | "padded" | "chromeless" | "fullscreen" | "x" | "y" | "perspective" | "scale" | "skewX" | "skewY" | "matrix" | "rotate" | "rotateY" | "rotateX" | "rotateZ" | "theme" | "group" | `$theme-${string}` | `$theme-${number}` | "onPress" | "onPressIn" | "onPressOut" | "onLongPress" | "disabled" | "target" | "asChild" | "dangerouslySetInnerHTML" | "debug" | "className" | "themeShallow" | "tag" | "componentName" | "tabIndex" | "disableOptimization" | "forceStyle" | "disableClassName" | "onHoverIn" | "onHoverOut" | "onMouseEnter" | "onMouseLeave" | "onMouseDown" | "onMouseUp" | "onFocus" | "onScroll" | "hoverStyle" | "pressStyle" | "focusStyle" | "exitStyle" | "enterStyle" | "rel" | "download" | "dataSet" | "onScrollShouldSetResponder" | "onScrollShouldSetResponderCapture" | "onSelectionChangeShouldSetResponder" | "onSelectionChangeShouldSetResponderCapture" | "href" | "hrefAttrs" | "elevationAndroid" | "unstyled" | "variant" | "textProps" | "noTextWrap" | "themeInverse" | "themeReset" | "icon" | "iconAfter" | "scaleIcon" | "spaceFlex" | "scaleSpace">, import("@tamagui/web").TamaguiElement> & {
|
|
379
379
|
staticConfig: import("@tamagui/web").StaticConfig;
|
|
380
380
|
styleable: import("@tamagui/web").Styleable<Omit<import("react-native").ViewProps, "display" | "children" | "onLayout" | keyof import("react-native").GestureResponderHandlers | "style"> & import("@tamagui/web").ExtendBaseStackProps & import("@tamagui/web").TamaguiComponentPropsBase & {
|
|
381
381
|
style?: import("@tamagui/web").StyleProp<import("react-native").ViewStyle | import("react").CSSProperties | (import("react").CSSProperties & import("react-native").ViewStyle)>;
|
|
@@ -486,6 +486,7 @@ declare const Button: import("@tamagui/web").ReactComponentWithRef<TextContextSt
|
|
|
486
486
|
scaleIcon?: number;
|
|
487
487
|
}) => any;
|
|
488
488
|
};
|
|
489
|
+
export declare const ButtonNestingContext: import("react").Context<boolean>;
|
|
489
490
|
/**
|
|
490
491
|
* @deprecated Instead of useButton, see the Button docs for the newer and much improved Advanced customization pattern: https://tamagui.dev/docs/components/button
|
|
491
492
|
*/
|
package/types/Button.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../src/Button.tsx"],"names":[],"mappings":"AAIA,OAAO,EAEL,iBAAiB,EACjB,gBAAgB,EAEjB,MAAM,eAAe,CAAA;AACtB,OAAO,
|
|
1
|
+
{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../src/Button.tsx"],"names":[],"mappings":"AAIA,OAAO,EAEL,iBAAiB,EACjB,gBAAgB,EAEjB,MAAM,eAAe,CAAA;AACtB,OAAO,EACL,cAAc,EACd,QAAQ,EACR,UAAU,EACV,cAAc,EAOf,MAAM,cAAc,CAAA;AACrB,OAAO,EAAE,iBAAiB,EAA6B,MAAM,OAAO,CAAA;AAEpE,eAAO,MAAM,aAAa;UAGd,UAAU;GAGjB,CAAA;AAEL,KAAK,eAAe,GAAG;IAAE,KAAK,CAAC,EAAE,MAAM,CAAC;IAAC,IAAI,CAAC,EAAE,MAAM,CAAA;CAAE,CAAA;AACxD,KAAK,QAAQ,GAAG,GAAG,CAAC,OAAO,GAAG,iBAAiB,CAAC,eAAe,CAAC,GAAG,IAAI,CAAA;AAEvE,KAAK,WAAW,GAAG,gBAAgB,GACjC,QAAQ,CAAC,OAAO,WAAW,CAAC,GAC5B,cAAc,GAAG;IACf;;OAEG;IACH,IAAI,CAAC,EAAE,QAAQ,CAAA;IACf;;OAEG;IACH,SAAS,CAAC,EAAE,QAAQ,CAAA;IACpB;;;;OAIG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,GAAG,OAAO,CAAA;IAC5B;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAA;AAIH,QAAA,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAmEf,CAAA;AAEF,QAAA,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAqBd,CAAA;AAEF,QAAA,MAAM,UAAU,UAAW;IAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;IAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,QAU3E,CAAA;AAOD;;GAEG;AACH,QAAA,MAAM,kBAAkB;;CAavB,CAAA;AAED,QAAA,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IA7JR;;OAEG;;IAEH;;OAEG;;IAEH;;;;OAIG;;IAEH;;OAEG;;IAEH;;OAEG;;IAEH;;OAEG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;kBAkGoB;QAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;QAAC,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE;CAsC1E,CAAA;AAEF,eAAO,MAAM,oBAAoB,kCAAuB,CAAA;AAExD;;GAEG;AACH,iBAAS,SAAS,CAAC,KAAK,SAAS,WAAW,EAC1C,OAAO,EAAE,KAAK,EACd,EAAE,IAAkB,EAAE,GAAE;IAAE,IAAI,EAAE,GAAG,CAAA;CAA0B;;;;EA+F9D;AAED,OAAO,EACL,MAAM,EACN,WAAW,EACX,UAAU,EACV,UAAU,EACV,kBAAkB,EAElB,SAAS,GACV,CAAA;AACD,YAAY,EAAE,WAAW,EAAE,CAAA"}
|