@tamagui/button 2.5.3 → 2.6.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.
Files changed (46) hide show
  1. package/dist/cjs/Button.native.js.map +1 -1
  2. package/dist/cjs/Button.test.native.js.map +1 -1
  3. package/dist/cjs/index.native.js.map +1 -1
  4. package/package.json +12 -12
  5. package/dist/cjs/v1/Button.cjs +0 -268
  6. package/dist/cjs/v1/Button.native.js +0 -273
  7. package/dist/cjs/v1/Button.native.js.map +0 -1
  8. package/dist/cjs/v1/Button.test.cjs +0 -9
  9. package/dist/cjs/v1/Button.test.native.js +0 -12
  10. package/dist/cjs/v1/Button.test.native.js.map +0 -1
  11. package/dist/cjs/v1/index.cjs +0 -20
  12. package/dist/cjs/v1/index.native.js +0 -23
  13. package/dist/cjs/v1/index.native.js.map +0 -1
  14. package/dist/esm/v1/Button.mjs +0 -238
  15. package/dist/esm/v1/Button.mjs.map +0 -1
  16. package/dist/esm/v1/Button.native.js +0 -240
  17. package/dist/esm/v1/Button.native.js.map +0 -1
  18. package/dist/esm/v1/Button.test.mjs +0 -10
  19. package/dist/esm/v1/Button.test.mjs.map +0 -1
  20. package/dist/esm/v1/Button.test.native.js +0 -10
  21. package/dist/esm/v1/Button.test.native.js.map +0 -1
  22. package/dist/esm/v1/index.mjs +0 -2
  23. package/dist/esm/v1/index.mjs.map +0 -1
  24. package/dist/esm/v1/index.native.js +0 -2
  25. package/dist/esm/v1/index.native.js.map +0 -1
  26. package/dist/jsx/v1/Button.mjs +0 -238
  27. package/dist/jsx/v1/Button.mjs.map +0 -1
  28. package/dist/jsx/v1/Button.native.js +0 -273
  29. package/dist/jsx/v1/Button.native.js.map +0 -1
  30. package/dist/jsx/v1/Button.test.mjs +0 -10
  31. package/dist/jsx/v1/Button.test.mjs.map +0 -1
  32. package/dist/jsx/v1/Button.test.native.js +0 -12
  33. package/dist/jsx/v1/Button.test.native.js.map +0 -1
  34. package/dist/jsx/v1/index.mjs +0 -2
  35. package/dist/jsx/v1/index.mjs.map +0 -1
  36. package/dist/jsx/v1/index.native.js +0 -23
  37. package/dist/jsx/v1/index.native.js.map +0 -1
  38. package/src/v1/Button.test.tsx +0 -21
  39. package/src/v1/Button.tsx +0 -342
  40. package/src/v1/index.ts +0 -1
  41. package/types/v1/Button.d.ts +0 -302
  42. package/types/v1/Button.d.ts.map +0 -1
  43. package/types/v1/Button.test.d.ts +0 -2
  44. package/types/v1/Button.test.d.ts.map +0 -1
  45. package/types/v1/index.d.ts +0 -2
  46. package/types/v1/index.d.ts.map +0 -1
@@ -1,240 +0,0 @@
1
- import { jsx as _jsx } from "react/jsx-runtime";
2
- import { getFontSize } from "@tamagui/font-size";
3
- import { getButtonSized } from "@tamagui/get-button-sized";
4
- import { withStaticProperties } from "@tamagui/helpers";
5
- import { useGetThemedIcon } from "@tamagui/helpers-tamagui";
6
- import { ButtonNestingContext, ThemeableStack } from "@tamagui/stacks";
7
- import { SizableText, wrapChildrenInText } from "@tamagui/text";
8
- import { createStyledContext, getVariableValue, styled, useProps } from "@tamagui/web";
9
- import { useContext } from "react";
10
- import { spacedChildren } from "@tamagui/spacer";
11
- var ButtonContext = createStyledContext({
12
- // keeping these here means they work with styled() passing down color to text
13
- color: void 0,
14
- ellipsis: void 0,
15
- fontFamily: void 0,
16
- fontSize: void 0,
17
- fontStyle: void 0,
18
- fontWeight: void 0,
19
- letterSpacing: void 0,
20
- maxFontSizeMultiplier: void 0,
21
- size: void 0,
22
- textAlign: void 0,
23
- variant: void 0
24
- });
25
- var BUTTON_NAME = "Button";
26
- var ButtonFrame = styled(ThemeableStack, {
27
- name: BUTTON_NAME,
28
- render: "button",
29
- context: ButtonContext,
30
- role: "button",
31
- focusable: true,
32
- variants: {
33
- unstyled: {
34
- true: {
35
- // reset browser <button> defaults
36
- outlineWidth: 0,
37
- borderWidth: 0,
38
- backgroundColor: "transparent"
39
- },
40
- false: {
41
- size: "$true",
42
- justifyContent: "center",
43
- alignItems: "center",
44
- flexWrap: "nowrap",
45
- flexDirection: "row",
46
- cursor: "pointer",
47
- hoverTheme: true,
48
- pressTheme: true,
49
- backgroundColor: "$background",
50
- borderWidth: 1,
51
- borderColor: "transparent",
52
- focusVisibleStyle: {
53
- outlineColor: "$outlineColor",
54
- outlineStyle: "solid",
55
- outlineWidth: 2
56
- }
57
- }
58
- },
59
- variant: {
60
- outlined: {
61
- backgroundColor: "transparent",
62
- borderWidth: 2,
63
- borderColor: "$borderColor",
64
- hoverStyle: {
65
- backgroundColor: "transparent",
66
- borderColor: "$borderColorHover"
67
- },
68
- pressStyle: {
69
- backgroundColor: "transparent",
70
- borderColor: "$borderColorPress"
71
- },
72
- focusVisibleStyle: {
73
- backgroundColor: "transparent",
74
- borderColor: "$borderColorFocus"
75
- }
76
- }
77
- },
78
- size: {
79
- "...size": getButtonSized,
80
- ":number": getButtonSized
81
- },
82
- disabled: {
83
- true: {
84
- pointerEvents: "none"
85
- }
86
- }
87
- },
88
- defaultVariants: {
89
- unstyled: process.env.TAMAGUI_HEADLESS === "1"
90
- }
91
- });
92
- var ButtonText = styled(SizableText, {
93
- name: "Button",
94
- context: ButtonContext,
95
- variants: {
96
- unstyled: {
97
- false: {
98
- userSelect: "none",
99
- cursor: "pointer",
100
- // flexGrow 1 leads to inconsistent native style where text pushes to start of view
101
- flexGrow: 0,
102
- flexShrink: 1,
103
- ellipsis: true,
104
- color: "$color"
105
- }
106
- }
107
- },
108
- defaultVariants: {
109
- unstyled: process.env.TAMAGUI_HEADLESS === "1"
110
- }
111
- });
112
- var ButtonIcon = function (props) {
113
- var {
114
- children,
115
- scaleIcon = 1
116
- } = props;
117
- var {
118
- size,
119
- color
120
- } = useContext(ButtonContext);
121
- var iconSize = (typeof size === "number" ? size * 0.5 : getFontSize(size)) * scaleIcon;
122
- var getThemedIcon = useGetThemedIcon({
123
- size: iconSize,
124
- color
125
- });
126
- return getThemedIcon(children);
127
- };
128
- var ButtonComponent = ButtonFrame.styleable(function Button(props, ref) {
129
- var {
130
- props: buttonProps
131
- } = useButton(props);
132
- return /* @__PURE__ */_jsx(ButtonFrame, {
133
- "data-disable-theme": true,
134
- ...buttonProps,
135
- ref
136
- });
137
- });
138
- var Button2 = withStaticProperties(ButtonComponent, {
139
- Text: ButtonText,
140
- Icon: ButtonIcon
141
- });
142
- function useButton(param) {
143
- var {
144
- textProps,
145
- ...propsIn
146
- } = param,
147
- {
148
- Text = Button2.Text
149
- } = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {
150
- Text: Button2.Text
151
- };
152
- var isNested = useContext(ButtonNestingContext);
153
- var propsActive = useProps(propsIn, {
154
- noNormalize: true,
155
- noExpand: true
156
- });
157
- var {
158
- icon,
159
- iconAfter,
160
- gap,
161
- spaceFlex,
162
- scaleIcon = 1,
163
- scaleSpace = 0.66,
164
- noTextWrap,
165
- fontFamily,
166
- fontSize,
167
- fontWeight,
168
- fontStyle,
169
- letterSpacing,
170
- render,
171
- ellipsis,
172
- maxFontSizeMultiplier,
173
- ...restProps
174
- } = propsActive;
175
- var size = propsActive.size || (propsActive.unstyled ? void 0 : "$true");
176
- var color = propsActive.color;
177
- var iconSize = (typeof size === "number" ? size * 0.5 : getFontSize(size, {
178
- font: (fontFamily === null || fontFamily === void 0 ? void 0 : fontFamily[0]) === "$" ? fontFamily : void 0
179
- })) * scaleIcon;
180
- var getThemedIcon = useGetThemedIcon({
181
- size: iconSize,
182
- color
183
- });
184
- var [themedIcon, themedIconAfter] = [icon, iconAfter].map(getThemedIcon);
185
- var spaceSize = gap !== null && gap !== void 0 ? gap : getVariableValue(iconSize) * scaleSpace;
186
- var contents = noTextWrap ? [propsIn.children] : wrapChildrenInText(Text, {
187
- children: propsIn.children,
188
- fontFamily,
189
- fontSize,
190
- textProps,
191
- fontWeight,
192
- fontStyle,
193
- letterSpacing,
194
- ellipsis,
195
- maxFontSizeMultiplier
196
- }, Text === ButtonText && propsActive.unstyled !== true ? {
197
- unstyled: process.env.TAMAGUI_HEADLESS === "1",
198
- size
199
- } : void 0);
200
- var inner = spacedChildren({
201
- // a bit arbitrary but scaling to font size is necessary so long as button does
202
- space: spaceSize,
203
- spaceFlex,
204
- ensureKeys: true,
205
- direction: propsActive.flexDirection === "column" || propsActive.flexDirection === "column-reverse" ? "vertical" : "horizontal",
206
- // for keys to stay the same we keep indices as similar a possible
207
- // so even if icons are undefined we still pass them
208
- children: [themedIcon, ...contents, themedIconAfter]
209
- });
210
- var props = {
211
- size,
212
- ...(propsIn.disabled && {
213
- // in rnw - false still has keyboard tabIndex, undefined = not actually focusable
214
- focusable: void 0,
215
- // even with tabIndex unset, it will keep focusVisibleStyle on web so disable it here
216
- focusVisibleStyle: {
217
- borderColor: "$background"
218
- }
219
- }),
220
- // fixes SSR issue + DOM nesting issue of not allowing button in button
221
- render: render !== null && render !== void 0 ? render : isNested ? "span" :
222
- // defaults to <a /> when accessibilityRole = link
223
- // see https://github.com/tamagui/tamagui/issues/505
224
- propsActive.accessibilityRole === "link" || propsActive.role === "link" ? "a" : "button",
225
- ...restProps,
226
- children: /* @__PURE__ */_jsx(ButtonNestingContext.Provider, {
227
- value: true,
228
- children: inner
229
- }),
230
- // forces it to be a runtime pressStyle so it passes through context text colors
231
- disableClassName: true
232
- };
233
- return {
234
- spaceSize,
235
- isNested,
236
- props
237
- };
238
- }
239
- export { Button2 as Button, ButtonContext, ButtonFrame, ButtonIcon, ButtonText, useButton };
240
- //# sourceMappingURL=Button.native.js.map
@@ -1 +0,0 @@
1
- {"version":3,"names":["jsx","_jsx","getFontSize","getButtonSized","withStaticProperties","useGetThemedIcon","ButtonNestingContext","ThemeableStack","SizableText","wrapChildrenInText","createStyledContext","getVariableValue","styled","useProps","useContext","spacedChildren","ButtonContext","color","ellipsis","fontFamily","fontSize","fontStyle","fontWeight","letterSpacing","maxFontSizeMultiplier","size","textAlign","variant","BUTTON_NAME","ButtonFrame","name","render","context","role","focusable","variants","unstyled","true","outlineWidth","borderWidth","backgroundColor","false","justifyContent","alignItems","flexWrap","flexDirection","cursor","hoverTheme","pressTheme","borderColor","focusVisibleStyle","outlineColor","outlineStyle","outlined","hoverStyle","pressStyle","disabled","pointerEvents","defaultVariants","process","env","TAMAGUI_HEADLESS","ButtonText","userSelect","flexGrow","flexShrink","ButtonIcon","props","children","scaleIcon","iconSize","getThemedIcon","ButtonComponent","styleable","Button","ref","buttonProps","useButton","Button2","Text","Icon","param","textProps","propsIn","arguments","length","isNested","propsActive","noNormalize","noExpand","icon","iconAfter","gap","spaceFlex","scaleSpace","noTextWrap","restProps","font","themedIcon","themedIconAfter","map","spaceSize","contents","inner","space","ensureKeys","direction","accessibilityRole","Provider","value","disableClassName"],"sources":["../../../src/v1/Button.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
@@ -1,10 +0,0 @@
1
- import { getDefaultTamaguiConfig } from "@tamagui/config-default";
2
- import { createTamagui } from "@tamagui/core";
3
- import { describe, expect, test } from "vitest";
4
- const conf = createTamagui(getDefaultTamaguiConfig());
5
- describe("Button", () => {
6
- test(`123`, () => {
7
- expect(true).toBeTruthy();
8
- });
9
- });
10
- //# sourceMappingURL=Button.test.mjs.map
@@ -1 +0,0 @@
1
- {"version":3,"names":["getDefaultTamaguiConfig","createTamagui","describe","expect","test","conf","toBeTruthy"],"sources":["../../../src/v1/Button.test.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,uBAAA,QAA+B;AACxC,SAASC,aAAA,QAAqB;AAC9B,SAASC,QAAA,EAAUC,MAAA,EAAQC,IAAA,QAAY;AAEvC,MAAMC,IAAA,GAAOJ,aAAA,CAAcD,uBAAA,CAAwB,CAAC;AAEpDE,QAAA,CAAS,UAAU,MAAM;EACvBE,IAAA,CAAK,OAAO,MAAM;IAChBD,MAAA,CAAO,IAAI,EAAEG,UAAA,CAAW;EAC1B,CAAC;AAWH,CAAC","ignoreList":[]}
@@ -1,10 +0,0 @@
1
- import { getDefaultTamaguiConfig } from "@tamagui/config-default";
2
- import { createTamagui } from "@tamagui/core";
3
- import { describe, expect, test } from "vitest";
4
- var conf = createTamagui(getDefaultTamaguiConfig());
5
- describe("Button", function () {
6
- test(`123`, function () {
7
- expect(true).toBeTruthy();
8
- });
9
- });
10
- //# sourceMappingURL=Button.test.native.js.map
@@ -1 +0,0 @@
1
- {"version":3,"names":["getDefaultTamaguiConfig","createTamagui","describe","expect","test","conf","toBeTruthy"],"sources":["../../../src/v1/Button.test.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,uBAAA,QAA+B;AACxC,SAASC,aAAA,QAAqB;AAC9B,SAASC,QAAA,EAAUC,MAAA,EAAQC,IAAA,QAAY;AAEvC,IAAAC,IAAM,GAAAJ,aAAO,CAAAD,uBAAc,GAAwB;AAEnDE,QAAA,CAAS,UAAU,YAAM;EACvBE,IAAA,CAAK,OAAO,YAAM;IAChBD,MAAA,CAAO,IAAI,EAAEG,UAAA,CAAW;EAC1B,CAAC;AAWH,CAAC","ignoreList":[]}
@@ -1,2 +0,0 @@
1
- export * from "./Button.mjs";
2
- //# sourceMappingURL=index.mjs.map
@@ -1 +0,0 @@
1
- {"version":3,"names":[],"sources":["../../../src/v1/index.ts"],"sourcesContent":[null],"mappings":"AAAA,cAAc","ignoreList":[]}
@@ -1,2 +0,0 @@
1
- export * from "./Button.native.js";
2
- //# sourceMappingURL=index.native.js.map
@@ -1 +0,0 @@
1
- {"version":3,"names":[],"sources":["../../../src/v1/index.ts"],"sourcesContent":[null],"mappings":"AAAA,cAAc","ignoreList":[]}
@@ -1,238 +0,0 @@
1
- import { getFontSize } from "@tamagui/font-size";
2
- import { getButtonSized } from "@tamagui/get-button-sized";
3
- import { withStaticProperties } from "@tamagui/helpers";
4
- import { useGetThemedIcon } from "@tamagui/helpers-tamagui";
5
- import { ButtonNestingContext, ThemeableStack } from "@tamagui/stacks";
6
- import { SizableText, wrapChildrenInText } from "@tamagui/text";
7
- import { createStyledContext, getVariableValue, styled, useProps } from "@tamagui/web";
8
- import { useContext } from "react";
9
- import { spacedChildren } from "@tamagui/spacer";
10
- import { jsx } from "react/jsx-runtime";
11
- const ButtonContext = createStyledContext({
12
- // keeping these here means they work with styled() passing down color to text
13
- color: void 0,
14
- ellipsis: void 0,
15
- fontFamily: void 0,
16
- fontSize: void 0,
17
- fontStyle: void 0,
18
- fontWeight: void 0,
19
- letterSpacing: void 0,
20
- maxFontSizeMultiplier: void 0,
21
- size: void 0,
22
- textAlign: void 0,
23
- variant: void 0
24
- });
25
- const BUTTON_NAME = "Button";
26
- const ButtonFrame = styled(ThemeableStack, {
27
- name: BUTTON_NAME,
28
- render: "button",
29
- context: ButtonContext,
30
- role: "button",
31
- focusable: true,
32
- variants: {
33
- unstyled: {
34
- true: {
35
- // reset browser <button> defaults
36
- outlineWidth: 0,
37
- borderWidth: 0,
38
- backgroundColor: "transparent"
39
- },
40
- false: {
41
- size: "$true",
42
- justifyContent: "center",
43
- alignItems: "center",
44
- flexWrap: "nowrap",
45
- flexDirection: "row",
46
- cursor: "pointer",
47
- hoverTheme: true,
48
- pressTheme: true,
49
- backgroundColor: "$background",
50
- borderWidth: 1,
51
- borderColor: "transparent",
52
- focusVisibleStyle: {
53
- outlineColor: "$outlineColor",
54
- outlineStyle: "solid",
55
- outlineWidth: 2
56
- }
57
- }
58
- },
59
- variant: {
60
- outlined: {
61
- backgroundColor: "transparent",
62
- borderWidth: 2,
63
- borderColor: "$borderColor",
64
- hoverStyle: {
65
- backgroundColor: "transparent",
66
- borderColor: "$borderColorHover"
67
- },
68
- pressStyle: {
69
- backgroundColor: "transparent",
70
- borderColor: "$borderColorPress"
71
- },
72
- focusVisibleStyle: {
73
- backgroundColor: "transparent",
74
- borderColor: "$borderColorFocus"
75
- }
76
- }
77
- },
78
- size: {
79
- "...size": getButtonSized,
80
- ":number": getButtonSized
81
- },
82
- disabled: {
83
- true: {
84
- pointerEvents: "none"
85
- }
86
- }
87
- },
88
- defaultVariants: {
89
- unstyled: process.env.TAMAGUI_HEADLESS === "1"
90
- }
91
- });
92
- const ButtonText = styled(SizableText, {
93
- name: "Button",
94
- context: ButtonContext,
95
- variants: {
96
- unstyled: {
97
- false: {
98
- userSelect: "none",
99
- cursor: "pointer",
100
- // flexGrow 1 leads to inconsistent native style where text pushes to start of view
101
- flexGrow: 0,
102
- flexShrink: 1,
103
- ellipsis: true,
104
- color: "$color"
105
- }
106
- }
107
- },
108
- defaultVariants: {
109
- unstyled: process.env.TAMAGUI_HEADLESS === "1"
110
- }
111
- });
112
- const ButtonIcon = props => {
113
- const {
114
- children,
115
- scaleIcon = 1
116
- } = props;
117
- const {
118
- size,
119
- color
120
- } = useContext(ButtonContext);
121
- const iconSize = (typeof size === "number" ? size * 0.5 : getFontSize(size)) * scaleIcon;
122
- const getThemedIcon = useGetThemedIcon({
123
- size: iconSize,
124
- color
125
- });
126
- return getThemedIcon(children);
127
- };
128
- const ButtonComponent = ButtonFrame.styleable(function Button(props, ref) {
129
- const {
130
- props: buttonProps
131
- } = useButton(props);
132
- return /* @__PURE__ */jsx(ButtonFrame, {
133
- "data-disable-theme": true,
134
- ...buttonProps,
135
- ref
136
- });
137
- });
138
- const Button2 = withStaticProperties(ButtonComponent, {
139
- Text: ButtonText,
140
- Icon: ButtonIcon
141
- });
142
- function useButton({
143
- textProps,
144
- ...propsIn
145
- }, {
146
- Text = Button2.Text
147
- } = {
148
- Text: Button2.Text
149
- }) {
150
- const isNested = useContext(ButtonNestingContext);
151
- const propsActive = useProps(propsIn, {
152
- noNormalize: true,
153
- noExpand: true
154
- });
155
- const {
156
- icon,
157
- iconAfter,
158
- gap,
159
- spaceFlex,
160
- scaleIcon = 1,
161
- scaleSpace = 0.66,
162
- noTextWrap,
163
- fontFamily,
164
- fontSize,
165
- fontWeight,
166
- fontStyle,
167
- letterSpacing,
168
- render,
169
- ellipsis,
170
- maxFontSizeMultiplier,
171
- ...restProps
172
- } = propsActive;
173
- const size = propsActive.size || (propsActive.unstyled ? void 0 : "$true");
174
- const color = propsActive.color;
175
- const iconSize = (typeof size === "number" ? size * 0.5 : getFontSize(size, {
176
- font: fontFamily?.[0] === "$" ? fontFamily : void 0
177
- })) * scaleIcon;
178
- const getThemedIcon = useGetThemedIcon({
179
- size: iconSize,
180
- color
181
- });
182
- const [themedIcon, themedIconAfter] = [icon, iconAfter].map(getThemedIcon);
183
- const spaceSize = gap ?? getVariableValue(iconSize) * scaleSpace;
184
- const contents = noTextWrap ? [propsIn.children] : wrapChildrenInText(Text, {
185
- children: propsIn.children,
186
- fontFamily,
187
- fontSize,
188
- textProps,
189
- fontWeight,
190
- fontStyle,
191
- letterSpacing,
192
- ellipsis,
193
- maxFontSizeMultiplier
194
- }, Text === ButtonText && propsActive.unstyled !== true ? {
195
- unstyled: process.env.TAMAGUI_HEADLESS === "1",
196
- size
197
- } : void 0);
198
- const inner = spacedChildren({
199
- // a bit arbitrary but scaling to font size is necessary so long as button does
200
- space: spaceSize,
201
- spaceFlex,
202
- ensureKeys: true,
203
- direction: propsActive.flexDirection === "column" || propsActive.flexDirection === "column-reverse" ? "vertical" : "horizontal",
204
- // for keys to stay the same we keep indices as similar a possible
205
- // so even if icons are undefined we still pass them
206
- children: [themedIcon, ...contents, themedIconAfter]
207
- });
208
- const props = {
209
- size,
210
- ...(propsIn.disabled && {
211
- // in rnw - false still has keyboard tabIndex, undefined = not actually focusable
212
- focusable: void 0,
213
- // even with tabIndex unset, it will keep focusVisibleStyle on web so disable it here
214
- focusVisibleStyle: {
215
- borderColor: "$background"
216
- }
217
- }),
218
- // fixes SSR issue + DOM nesting issue of not allowing button in button
219
- render: render ?? (isNested ? "span" :
220
- // defaults to <a /> when accessibilityRole = link
221
- // see https://github.com/tamagui/tamagui/issues/505
222
- propsActive.accessibilityRole === "link" || propsActive.role === "link" ? "a" : "button"),
223
- ...restProps,
224
- children: /* @__PURE__ */jsx(ButtonNestingContext.Provider, {
225
- value: true,
226
- children: inner
227
- }),
228
- // forces it to be a runtime pressStyle so it passes through context text colors
229
- disableClassName: true
230
- };
231
- return {
232
- spaceSize,
233
- isNested,
234
- props
235
- };
236
- }
237
- export { Button2 as Button, ButtonContext, ButtonFrame, ButtonIcon, ButtonText, useButton };
238
- //# sourceMappingURL=Button.mjs.map
@@ -1 +0,0 @@
1
- {"version":3,"names":["getFontSize","getButtonSized","withStaticProperties","useGetThemedIcon","ButtonNestingContext","ThemeableStack","SizableText","wrapChildrenInText","createStyledContext","getVariableValue","styled","useProps","useContext","spacedChildren","jsx","ButtonContext","color","ellipsis","fontFamily","fontSize","fontStyle","fontWeight","letterSpacing","maxFontSizeMultiplier","size","textAlign","variant","BUTTON_NAME","ButtonFrame","name","render","context","role","focusable","variants","unstyled","true","outlineWidth","borderWidth","backgroundColor","false","justifyContent","alignItems","flexWrap","flexDirection","cursor","hoverTheme","pressTheme","borderColor","focusVisibleStyle","outlineColor","outlineStyle","outlined","hoverStyle","pressStyle","disabled","pointerEvents","defaultVariants","process","env","TAMAGUI_HEADLESS","ButtonText","userSelect","flexGrow","flexShrink","ButtonIcon","props","children","scaleIcon","iconSize","getThemedIcon","ButtonComponent","styleable","Button","ref","buttonProps","useButton","Text","Icon","textProps","propsIn","Button2","isNested","propsActive","noNormalize","noExpand","icon","iconAfter","gap","spaceFlex","scaleSpace","noTextWrap","restProps","font","themedIcon","themedIconAfter","map","spaceSize","contents","inner","space","ensureKeys","direction","accessibilityRole","Provider","value","disableClassName"],"sources":["../../../src/v1/Button.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}