@tamagui/button 1.142.0 → 2.0.0-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.cjs +126 -158
- package/dist/cjs/Button.js +102 -120
- package/dist/cjs/Button.js.map +2 -2
- package/dist/cjs/Button.native.js +128 -160
- package/dist/cjs/Button.native.js.map +1 -1
- package/dist/cjs/v1/Button.cjs +259 -0
- package/dist/cjs/v1/Button.js +208 -0
- package/dist/cjs/v1/Button.js.map +6 -0
- package/dist/cjs/v1/Button.native.js +265 -0
- package/dist/cjs/v1/Button.native.js.map +1 -0
- package/dist/cjs/v1/Button.test.cjs +9 -0
- package/dist/cjs/v1/Button.test.js +8 -0
- package/dist/cjs/v1/Button.test.js.map +6 -0
- package/dist/cjs/v1/Button.test.native.js +12 -0
- package/dist/cjs/v1/Button.test.native.js.map +1 -0
- package/dist/cjs/v1/index.cjs +18 -0
- package/dist/cjs/v1/index.js +15 -0
- package/dist/cjs/v1/index.js.map +6 -0
- package/dist/cjs/v1/index.native.js +21 -0
- package/dist/cjs/v1/index.native.js.map +1 -0
- package/dist/esm/Button.js +108 -126
- package/dist/esm/Button.js.map +2 -2
- package/dist/esm/Button.mjs +127 -155
- package/dist/esm/Button.mjs.map +1 -1
- package/dist/esm/Button.native.js +130 -158
- package/dist/esm/Button.native.js.map +1 -1
- package/dist/esm/v1/Button.js +201 -0
- package/dist/esm/v1/Button.js.map +6 -0
- package/dist/esm/v1/Button.mjs +231 -0
- package/dist/esm/v1/Button.mjs.map +1 -0
- package/dist/esm/v1/Button.native.js +234 -0
- package/dist/esm/v1/Button.native.js.map +1 -0
- package/dist/esm/v1/Button.test.js +10 -0
- package/dist/esm/v1/Button.test.js.map +6 -0
- package/dist/esm/v1/Button.test.mjs +10 -0
- package/dist/esm/v1/Button.test.mjs.map +1 -0
- package/dist/esm/v1/Button.test.native.js +10 -0
- package/dist/esm/v1/Button.test.native.js.map +1 -0
- package/dist/esm/v1/index.js +2 -0
- package/dist/esm/v1/index.js.map +6 -0
- package/dist/esm/v1/index.mjs +2 -0
- package/dist/esm/v1/index.mjs.map +1 -0
- package/dist/esm/v1/index.native.js +2 -0
- package/dist/esm/v1/index.native.js.map +1 -0
- package/dist/jsx/Button.js +108 -126
- package/dist/jsx/Button.js.map +2 -2
- package/dist/jsx/Button.mjs +127 -155
- package/dist/jsx/Button.mjs.map +1 -1
- package/dist/jsx/Button.native.js +128 -160
- package/dist/jsx/Button.native.js.map +1 -1
- package/dist/jsx/v1/Button.js +201 -0
- package/dist/jsx/v1/Button.js.map +6 -0
- package/dist/jsx/v1/Button.mjs +231 -0
- package/dist/jsx/v1/Button.mjs.map +1 -0
- package/dist/jsx/v1/Button.native.js +265 -0
- package/dist/jsx/v1/Button.native.js.map +1 -0
- package/dist/jsx/v1/Button.test.js +10 -0
- package/dist/jsx/v1/Button.test.js.map +6 -0
- package/dist/jsx/v1/Button.test.mjs +10 -0
- package/dist/jsx/v1/Button.test.mjs.map +1 -0
- package/dist/jsx/v1/Button.test.native.js +12 -0
- package/dist/jsx/v1/Button.test.native.js.map +1 -0
- package/dist/jsx/v1/index.js +2 -0
- package/dist/jsx/v1/index.js.map +6 -0
- package/dist/jsx/v1/index.mjs +2 -0
- package/dist/jsx/v1/index.mjs.map +1 -0
- package/dist/jsx/v1/index.native.js +21 -0
- package/dist/jsx/v1/index.native.js.map +1 -0
- package/package.json +12 -11
- package/src/Button.tsx +172 -243
- package/src/v1/Button.test.tsx +21 -0
- package/src/v1/Button.tsx +336 -0
- package/src/v1/index.ts +1 -0
- package/types/Button.d.ts +80 -323
- package/types/Button.d.ts.map +1 -1
- package/types/v1/Button.d.ts +338 -0
- package/types/v1/Button.d.ts.map +1 -0
- package/types/v1/Button.test.d.ts +2 -0
- package/types/v1/Button.test.d.ts.map +1 -0
- package/types/v1/index.d.ts +2 -0
- package/types/v1/index.d.ts.map +1 -0
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
|
|
5
|
-
"names": ["
|
|
4
|
+
"mappings": "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",
|
|
5
|
+
"names": ["icon"]
|
|
6
6
|
}
|
|
@@ -22,46 +22,32 @@ var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
|
|
|
22
22
|
}), mod);
|
|
23
23
|
var Button_exports = {};
|
|
24
24
|
__export(Button_exports, {
|
|
25
|
-
Button: () =>
|
|
26
|
-
ButtonContext: () => ButtonContext
|
|
27
|
-
ButtonFrame: () => ButtonFrame,
|
|
28
|
-
ButtonIcon: () => ButtonIcon,
|
|
29
|
-
ButtonText: () => ButtonText,
|
|
30
|
-
useButton: () => useButton
|
|
25
|
+
Button: () => Button,
|
|
26
|
+
ButtonContext: () => ButtonContext
|
|
31
27
|
});
|
|
32
28
|
module.exports = __toCommonJS(Button_exports);
|
|
33
29
|
var import_jsx_runtime = require("react/jsx-runtime"),
|
|
34
30
|
import_font_size = require("@tamagui/font-size"),
|
|
35
31
|
import_get_button_sized = require("@tamagui/get-button-sized"),
|
|
36
|
-
import_helpers = require("@tamagui/helpers"),
|
|
37
|
-
import_helpers_tamagui = require("@tamagui/helpers-tamagui"),
|
|
38
32
|
import_stacks = require("@tamagui/stacks"),
|
|
39
33
|
import_text = require("@tamagui/text"),
|
|
40
34
|
import_web = require("@tamagui/web"),
|
|
41
35
|
import_react = require("react"),
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
color: void 0,
|
|
45
|
-
ellipse: void 0,
|
|
46
|
-
fontFamily: void 0,
|
|
47
|
-
fontSize: void 0,
|
|
48
|
-
fontStyle: void 0,
|
|
49
|
-
fontWeight: void 0,
|
|
50
|
-
letterSpacing: void 0,
|
|
51
|
-
maxFontSizeMultiplier: void 0,
|
|
36
|
+
import_helpers_tamagui = require("@tamagui/helpers-tamagui"),
|
|
37
|
+
context = (0, import_web.createStyledContext)({
|
|
52
38
|
size: void 0,
|
|
53
|
-
|
|
54
|
-
|
|
39
|
+
variant: void 0,
|
|
40
|
+
color: void 0,
|
|
41
|
+
elevation: void 0
|
|
55
42
|
}),
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
name:
|
|
59
|
-
|
|
60
|
-
|
|
43
|
+
Frame = (0, import_web.styled)(import_web.View, {
|
|
44
|
+
context,
|
|
45
|
+
name: "Button",
|
|
46
|
+
group: "Button",
|
|
47
|
+
containerType: "normal",
|
|
61
48
|
role: "button",
|
|
49
|
+
tag: "button",
|
|
62
50
|
focusable: !0,
|
|
63
|
-
// forces runtime pressStyle so it passes through context text colors
|
|
64
|
-
disableClassName: !0,
|
|
65
51
|
variants: {
|
|
66
52
|
unstyled: {
|
|
67
53
|
false: {
|
|
@@ -71,11 +57,17 @@ var import_jsx_runtime = require("react/jsx-runtime"),
|
|
|
71
57
|
flexWrap: "nowrap",
|
|
72
58
|
flexDirection: "row",
|
|
73
59
|
cursor: "pointer",
|
|
74
|
-
|
|
75
|
-
pressTheme: !0,
|
|
76
|
-
backgrounded: !0,
|
|
60
|
+
backgroundColor: "$background",
|
|
77
61
|
borderWidth: 1,
|
|
78
62
|
borderColor: "transparent",
|
|
63
|
+
hoverStyle: {
|
|
64
|
+
backgroundColor: "$backgroundHover",
|
|
65
|
+
borderColor: "$borderColorHover"
|
|
66
|
+
},
|
|
67
|
+
pressStyle: {
|
|
68
|
+
backgroundColor: "$backgroundPress",
|
|
69
|
+
borderColor: "$borderColorHover"
|
|
70
|
+
},
|
|
79
71
|
focusVisibleStyle: {
|
|
80
72
|
outlineColor: "$outlineColor",
|
|
81
73
|
outlineStyle: "solid",
|
|
@@ -84,7 +76,7 @@ var import_jsx_runtime = require("react/jsx-runtime"),
|
|
|
84
76
|
}
|
|
85
77
|
},
|
|
86
78
|
variant: {
|
|
87
|
-
outlined: {
|
|
79
|
+
outlined: process.env.TAMAGUI_HEADLESS === "1" ? {} : {
|
|
88
80
|
backgroundColor: "transparent",
|
|
89
81
|
borderWidth: 2,
|
|
90
82
|
borderColor: "$borderColor",
|
|
@@ -98,13 +90,37 @@ var import_jsx_runtime = require("react/jsx-runtime"),
|
|
|
98
90
|
},
|
|
99
91
|
focusVisibleStyle: {
|
|
100
92
|
backgroundColor: "transparent",
|
|
101
|
-
borderColor: "$borderColorFocus"
|
|
93
|
+
borderColor: "$borderColorFocus",
|
|
94
|
+
outlineColor: "$outlineColor",
|
|
95
|
+
outlineStyle: "solid",
|
|
96
|
+
outlineWidth: 2
|
|
102
97
|
}
|
|
103
98
|
}
|
|
104
99
|
},
|
|
100
|
+
circular: import_stacks.themeableVariants.circular,
|
|
101
|
+
chromeless: import_stacks.themeableVariants.chromeless,
|
|
102
|
+
bordered: import_stacks.themeableVariants.bordered,
|
|
105
103
|
size: {
|
|
106
|
-
"...size":
|
|
107
|
-
|
|
104
|
+
"...size": function (val, extras) {
|
|
105
|
+
var buttonStyle = (0, import_get_button_sized.getButtonSized)(val, extras),
|
|
106
|
+
gap = (0, import_web.getTokenValue)(val) * 0.4;
|
|
107
|
+
return {
|
|
108
|
+
...buttonStyle,
|
|
109
|
+
gap
|
|
110
|
+
};
|
|
111
|
+
},
|
|
112
|
+
":number": function (val, extras) {
|
|
113
|
+
var buttonStyle = (0, import_get_button_sized.getButtonSized)(val, extras),
|
|
114
|
+
gap = val * 0.4;
|
|
115
|
+
return {
|
|
116
|
+
...buttonStyle,
|
|
117
|
+
gap
|
|
118
|
+
};
|
|
119
|
+
}
|
|
120
|
+
},
|
|
121
|
+
elevation: {
|
|
122
|
+
"...size": import_stacks.getElevation,
|
|
123
|
+
":number": import_stacks.getElevation
|
|
108
124
|
},
|
|
109
125
|
disabled: {
|
|
110
126
|
true: {
|
|
@@ -116,9 +132,8 @@ var import_jsx_runtime = require("react/jsx-runtime"),
|
|
|
116
132
|
unstyled: process.env.TAMAGUI_HEADLESS === "1"
|
|
117
133
|
}
|
|
118
134
|
}),
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
context: ButtonContext,
|
|
135
|
+
Text = (0, import_web.styled)(import_text.SizableText, {
|
|
136
|
+
context,
|
|
122
137
|
variants: {
|
|
123
138
|
unstyled: {
|
|
124
139
|
false: {
|
|
@@ -127,7 +142,7 @@ var import_jsx_runtime = require("react/jsx-runtime"),
|
|
|
127
142
|
// flexGrow 1 leads to inconsistent native style where text pushes to start of view
|
|
128
143
|
flexGrow: 0,
|
|
129
144
|
flexShrink: 1,
|
|
130
|
-
|
|
145
|
+
ellipsis: !0,
|
|
131
146
|
color: "$color"
|
|
132
147
|
}
|
|
133
148
|
}
|
|
@@ -136,134 +151,87 @@ var import_jsx_runtime = require("react/jsx-runtime"),
|
|
|
136
151
|
unstyled: process.env.TAMAGUI_HEADLESS === "1"
|
|
137
152
|
}
|
|
138
153
|
}),
|
|
139
|
-
|
|
154
|
+
Icon = function (props) {
|
|
140
155
|
var {
|
|
141
156
|
children,
|
|
142
|
-
scaleIcon = 1
|
|
157
|
+
scaleIcon = 1,
|
|
158
|
+
marginLeft,
|
|
159
|
+
marginRight,
|
|
160
|
+
size
|
|
143
161
|
} = props,
|
|
162
|
+
styledContext = context.useStyledContext();
|
|
163
|
+
if (!styledContext) throw new Error("Button.Icon must be used within a Button");
|
|
164
|
+
var getIcon = (0, import_helpers_tamagui.useGetIcon)(),
|
|
165
|
+
sizeToken = size ?? styledContext.size,
|
|
166
|
+
iconSize = (typeof sizeToken == "number" ? sizeToken * 0.5 : (0, import_font_size.getFontSize)(sizeToken)) * scaleIcon;
|
|
167
|
+
return getIcon(children, {
|
|
168
|
+
size: iconSize,
|
|
169
|
+
color: styledContext.color,
|
|
170
|
+
marginLeft,
|
|
171
|
+
marginRight
|
|
172
|
+
});
|
|
173
|
+
},
|
|
174
|
+
ButtonContext = (0, import_web.createStyledContext)({
|
|
175
|
+
size: void 0,
|
|
176
|
+
variant: void 0,
|
|
177
|
+
color: void 0
|
|
178
|
+
}),
|
|
179
|
+
ButtonComponent = Frame.styleable(function (propsIn, ref) {
|
|
180
|
+
var isNested = (0, import_react.useContext)(import_stacks.ButtonNestingContext),
|
|
181
|
+
processedProps = (0, import_web.useProps)(propsIn, {
|
|
182
|
+
noNormalize: !0,
|
|
183
|
+
noExpand: !0
|
|
184
|
+
}),
|
|
144
185
|
{
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
186
|
+
children,
|
|
187
|
+
iconSize,
|
|
188
|
+
icon,
|
|
189
|
+
iconAfter,
|
|
190
|
+
scaleIcon = 1,
|
|
191
|
+
noTextWrap,
|
|
192
|
+
...props
|
|
193
|
+
} = processedProps,
|
|
194
|
+
size = propsIn.size || (propsIn.unstyled ? void 0 : "$true"),
|
|
195
|
+
styledContext = context.useStyledContext(),
|
|
196
|
+
_ref,
|
|
197
|
+
finalSize = (_ref = iconSize ?? size) !== null && _ref !== void 0 ? _ref : styledContext?.size,
|
|
198
|
+
iconSizeNumber = (typeof finalSize == "number" ? finalSize * 0.5 : (0, import_font_size.getFontSize)(finalSize)) * scaleIcon,
|
|
199
|
+
getIcon = (0, import_helpers_tamagui.useGetIcon)(),
|
|
200
|
+
[themedIcon, themedIconAfter] = [icon, iconAfter].map(function (icon2) {
|
|
201
|
+
return icon2 ? getIcon(icon2, {
|
|
202
|
+
size: iconSizeNumber,
|
|
203
|
+
color: styledContext?.color
|
|
204
|
+
}) : null;
|
|
205
|
+
}),
|
|
206
|
+
wrappedChildren = (0, import_text.wrapChildrenInText)(Text, {
|
|
207
|
+
children,
|
|
208
|
+
noTextWrap
|
|
209
|
+
}, {
|
|
210
|
+
unstyled: process.env.TAMAGUI_HEADLESS === "1",
|
|
211
|
+
size: finalSize ?? styledContext?.size
|
|
152
212
|
});
|
|
153
|
-
return
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
213
|
+
return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_stacks.ButtonNestingContext.Provider, {
|
|
214
|
+
value: !0,
|
|
215
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(Frame, {
|
|
216
|
+
ref,
|
|
217
|
+
...props,
|
|
218
|
+
...(isNested && {
|
|
219
|
+
tag: "span"
|
|
220
|
+
}),
|
|
221
|
+
// Pass resolved size to circular variant when no explicit size provided
|
|
222
|
+
...(props.circular && !propsIn.size && {
|
|
223
|
+
size
|
|
224
|
+
}),
|
|
225
|
+
tabIndex: 0,
|
|
226
|
+
focusable: !0,
|
|
227
|
+
children: [themedIcon, wrappedChildren, themedIconAfter]
|
|
228
|
+
})
|
|
163
229
|
});
|
|
164
230
|
}),
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
|
|
231
|
+
Button = (0, import_web.withStaticProperties)(ButtonComponent, {
|
|
232
|
+
Apply: context.Provider,
|
|
233
|
+
Frame,
|
|
234
|
+
Text,
|
|
235
|
+
Icon
|
|
168
236
|
});
|
|
169
|
-
function useButton(param) {
|
|
170
|
-
var {
|
|
171
|
-
textProps,
|
|
172
|
-
...propsIn
|
|
173
|
-
} = param,
|
|
174
|
-
{
|
|
175
|
-
Text = Button2.Text
|
|
176
|
-
} = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {
|
|
177
|
-
Text: Button2.Text
|
|
178
|
-
},
|
|
179
|
-
isNested = (0, import_react.useContext)(import_stacks.ButtonNestingContext),
|
|
180
|
-
propsActive = (0, import_web.useProps)(propsIn, {
|
|
181
|
-
noNormalize: !0,
|
|
182
|
-
noExpand: !0
|
|
183
|
-
}),
|
|
184
|
-
{
|
|
185
|
-
icon,
|
|
186
|
-
iconAfter,
|
|
187
|
-
space,
|
|
188
|
-
spaceFlex,
|
|
189
|
-
scaleIcon = 1,
|
|
190
|
-
scaleSpace = 0.66,
|
|
191
|
-
separator,
|
|
192
|
-
noTextWrap,
|
|
193
|
-
fontFamily,
|
|
194
|
-
fontSize,
|
|
195
|
-
fontWeight,
|
|
196
|
-
fontStyle,
|
|
197
|
-
letterSpacing,
|
|
198
|
-
tag,
|
|
199
|
-
ellipse,
|
|
200
|
-
maxFontSizeMultiplier,
|
|
201
|
-
...restProps
|
|
202
|
-
} = propsActive,
|
|
203
|
-
size = propsActive.size || (propsActive.unstyled ? void 0 : "$true"),
|
|
204
|
-
color = propsActive.color,
|
|
205
|
-
iconSize = (typeof size == "number" ? size * 0.5 : (0, import_font_size.getFontSize)(size, {
|
|
206
|
-
font: fontFamily?.[0] === "$" ? fontFamily : void 0
|
|
207
|
-
})) * scaleIcon,
|
|
208
|
-
getThemedIcon = (0, import_helpers_tamagui.useGetThemedIcon)({
|
|
209
|
-
size: iconSize,
|
|
210
|
-
color
|
|
211
|
-
}),
|
|
212
|
-
[themedIcon, themedIconAfter] = [icon, iconAfter].map(getThemedIcon),
|
|
213
|
-
spaceSize = space ?? (0, import_web.getVariableValue)(iconSize) * scaleSpace,
|
|
214
|
-
contents = noTextWrap ? [propsIn.children] : (0, import_text.wrapChildrenInText)(Text, {
|
|
215
|
-
children: propsIn.children,
|
|
216
|
-
color,
|
|
217
|
-
fontFamily,
|
|
218
|
-
fontSize,
|
|
219
|
-
textProps,
|
|
220
|
-
fontWeight,
|
|
221
|
-
fontStyle,
|
|
222
|
-
letterSpacing,
|
|
223
|
-
ellipse,
|
|
224
|
-
maxFontSizeMultiplier
|
|
225
|
-
}, Text === ButtonText && propsActive.unstyled !== !0 ? {
|
|
226
|
-
unstyled: process.env.TAMAGUI_HEADLESS === "1",
|
|
227
|
-
size
|
|
228
|
-
} : void 0),
|
|
229
|
-
inner = (0, import_web.spacedChildren)({
|
|
230
|
-
// a bit arbitrary but scaling to font size is necessary so long as button does
|
|
231
|
-
space: spaceSize === !1 ? 0 : spaceSize == !0 ? "$true" : spaceSize,
|
|
232
|
-
spaceFlex,
|
|
233
|
-
ensureKeys: !0,
|
|
234
|
-
separator,
|
|
235
|
-
direction: propsActive.flexDirection === "column" || propsActive.flexDirection === "column-reverse" ? "vertical" : "horizontal",
|
|
236
|
-
// for keys to stay the same we keep indices as similar a possible
|
|
237
|
-
// so even if icons are undefined we still pass them
|
|
238
|
-
children: [themedIcon, ...contents, themedIconAfter]
|
|
239
|
-
}),
|
|
240
|
-
props = {
|
|
241
|
-
size,
|
|
242
|
-
...(propsIn.disabled && {
|
|
243
|
-
// in rnw - false still has keyboard tabIndex, undefined = not actually focusable
|
|
244
|
-
focusable: void 0,
|
|
245
|
-
// even with tabIndex unset, it will keep focusVisibleStyle on web so disable it here
|
|
246
|
-
focusVisibleStyle: {
|
|
247
|
-
borderColor: "$background"
|
|
248
|
-
}
|
|
249
|
-
}),
|
|
250
|
-
// fixes SSR issue + DOM nesting issue of not allowing button in button
|
|
251
|
-
tag: tag ?? (isNested ? "span" :
|
|
252
|
-
// defaults to <a /> when accessibilityRole = link
|
|
253
|
-
// see https://github.com/tamagui/tamagui/issues/505
|
|
254
|
-
propsActive.accessibilityRole === "link" || propsActive.role === "link" ? "a" : "button"),
|
|
255
|
-
...restProps,
|
|
256
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_stacks.ButtonNestingContext.Provider, {
|
|
257
|
-
value: !0,
|
|
258
|
-
children: inner
|
|
259
|
-
}),
|
|
260
|
-
// forces it to be a runtime pressStyle so it passes through context text colors
|
|
261
|
-
disableClassName: !0
|
|
262
|
-
};
|
|
263
|
-
return {
|
|
264
|
-
spaceSize,
|
|
265
|
-
isNested,
|
|
266
|
-
props
|
|
267
|
-
};
|
|
268
|
-
}
|
|
269
237
|
//# sourceMappingURL=Button.native.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","Button_exports","__export","Button","
|
|
1
|
+
{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","Button_exports","__export","Button","ButtonContext","module","exports","import_jsx_runtime","require","import_font_size","import_get_button_sized","import_stacks","import_text","import_web","import_react","import_helpers_tamagui","context","createStyledContext","size","variant","color","elevation","Frame","styled","View","name","group","containerType","role","tag","focusable","variants","unstyled","false","justifyContent","alignItems","flexWrap","flexDirection","cursor","backgroundColor","borderWidth","borderColor","hoverStyle","pressStyle","focusVisibleStyle","outlineColor","outlineStyle","outlineWidth","outlined","process","env","TAMAGUI_HEADLESS","circular","themeableVariants","chromeless","bordered","...size","val","extras","buttonStyle","getButtonSized","gap","getTokenValue",":number","getElevation","disabled","true","pointerEvents","defaultVariants","Text","SizableText","userSelect","flexGrow","flexShrink","ellipsis","Icon","props","children","scaleIcon","marginLeft","marginRight","styledContext","useStyledContext","Error","getIcon","useGetIcon","sizeToken","iconSize","getFontSize","ButtonComponent","styleable","propsIn","ref","isNested","useContext","ButtonNestingContext","processedProps","useProps","noNormalize","noExpand","icon","iconAfter","noTextWrap","_ref","finalSize","iconSizeNumber","themedIcon","themedIconAfter","map","icon2","wrappedChildren","wrapChildrenInText","jsx","Provider","jsxs","tabIndex","withStaticProperties","Apply"],"sources":["../../src/Button.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
|