@tamagui/button 3.0.0-beta.807.1 → 3.0.0-beta.831.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 (17) hide show
  1. package/dist/cjs/Button.cjs +18 -103
  2. package/dist/cjs/Button.native.cjs +18 -126
  3. package/dist/cjs/Button.native.js +18 -126
  4. package/dist/cjs/Button.native.js.map +1 -1
  5. package/dist/esm/Button.mjs +21 -104
  6. package/dist/esm/Button.mjs.map +1 -1
  7. package/dist/esm/Button.native.js +21 -127
  8. package/dist/esm/Button.native.js.map +1 -1
  9. package/dist/jsx/Button.mjs +21 -104
  10. package/dist/jsx/Button.mjs.map +1 -1
  11. package/dist/jsx/Button.native.cjs +18 -126
  12. package/dist/jsx/Button.native.js +18 -126
  13. package/dist/jsx/Button.native.js.map +1 -1
  14. package/package.json +11 -11
  15. package/src/Button.tsx +68 -190
  16. package/types/Button.d.ts +38 -275
  17. package/types/Button.d.ts.map +1 -1
package/types/Button.d.ts CHANGED
@@ -1,40 +1,16 @@
1
- import type { TextContextStyles, TextParentStyles } from '@tamagui/text';
2
- import type { GetProps } from '@tamagui/web';
1
+ import type { TextParentStyles } from '@tamagui/text';
2
+ import { textParentProps } from '@tamagui/text';
3
+ import type { GetProps, TamaguiComponentPropsBaseBase } from '@tamagui/web';
3
4
  import type { FunctionComponent, JSX, ReactNode } from 'react';
4
- export declare const ButtonContext: import("@tamagui/web").StyledContext<TextContextStyles, "color" | "ellipsis" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "letterSpacing" | "maxFontSizeMultiplier" | "textAlign">;
5
- export declare const ButtonFrame: FunctionComponent<Omit<import("@tamagui/web").StackNonStyleProps, "disabled" | "ellipsis" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "letterSpacing" | "maxFontSizeMultiplier" | "textAlign" | keyof import("@tamagui/web").StackStyleBase> & import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStyleBase> & import("@tamagui/web").WithFlatVariantValues<{
5
+ export declare const ButtonFrame: FunctionComponent<Omit<import("@tamagui/web").StackNonStyleProps, "disabled" | keyof import("@tamagui/web").StackStyleBase> & import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStyleBase> & import("@tamagui/web").WithFlatVariantValues<{
6
6
  disabled?: boolean | undefined;
7
- ellipsis?: import("@tamagui/web").FlatStyleValue<"unset" | boolean | undefined>;
8
- fontFamily?: import("@tamagui/web").FlatStyleValue<import("@tamagui/web").GetThemeValueForKey<"fontFamily"> | undefined>;
9
- fontSize?: import("@tamagui/web").FlatStyleValue<import("@tamagui/web").GetThemeValueForKey<"fontSize"> | undefined>;
10
- fontStyle?: import("@tamagui/web").FlatStyleValue<"italic" | "normal" | "unset" | undefined>;
11
- fontWeight?: import("@tamagui/web").FlatStyleValue<"unset" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | import("@tamagui/web").GetThemeValueForKey<"fontWeight"> | undefined>;
12
- letterSpacing?: import("@tamagui/web").FlatStyleValue<"unset" | import("@tamagui/web").GetThemeValueForKey<"letterSpacing"> | undefined>;
13
- maxFontSizeMultiplier?: number | undefined;
14
- textAlign?: import("@tamagui/web").FlatStyleValue<"auto" | "center" | "justify" | "left" | "right" | "unset" | undefined>;
15
7
  }> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStyleBase>> & {
16
8
  ref?: import("react").Ref<import("@tamagui/web").TamaguiElement> | undefined;
17
9
  }> & import("@tamagui/web").StaticComponentObject<import("@tamagui/web").TamaDefer, import("@tamagui/web").TamaguiElement, import("@tamagui/web").StackNonStyleProps, import("@tamagui/web").StackStyleBase, {
18
10
  disabled?: boolean | undefined;
19
- ellipsis?: import("@tamagui/web").FlatStyleValue<"unset" | boolean | undefined>;
20
- fontFamily?: import("@tamagui/web").FlatStyleValue<import("@tamagui/web").GetThemeValueForKey<"fontFamily"> | undefined>;
21
- fontSize?: import("@tamagui/web").FlatStyleValue<import("@tamagui/web").GetThemeValueForKey<"fontSize"> | undefined>;
22
- fontStyle?: import("@tamagui/web").FlatStyleValue<"italic" | "normal" | "unset" | undefined>;
23
- fontWeight?: import("@tamagui/web").FlatStyleValue<"unset" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | import("@tamagui/web").GetThemeValueForKey<"fontWeight"> | undefined>;
24
- letterSpacing?: import("@tamagui/web").FlatStyleValue<"unset" | import("@tamagui/web").GetThemeValueForKey<"letterSpacing"> | undefined>;
25
- maxFontSizeMultiplier?: number | undefined;
26
- textAlign?: import("@tamagui/web").FlatStyleValue<"auto" | "center" | "justify" | "left" | "right" | "unset" | undefined>;
27
11
  }, import("@tamagui/web").StaticConfigPublic> & Omit<import("@tamagui/web").StaticConfigPublic, "staticConfig"> & {
28
12
  __tama: [import("@tamagui/web").TamaDefer, import("@tamagui/web").TamaguiElement, import("@tamagui/web").StackNonStyleProps, import("@tamagui/web").StackStyleBase, {
29
13
  disabled?: boolean | undefined;
30
- ellipsis?: import("@tamagui/web").FlatStyleValue<"unset" | boolean | undefined>;
31
- fontFamily?: import("@tamagui/web").FlatStyleValue<import("@tamagui/web").GetThemeValueForKey<"fontFamily"> | undefined>;
32
- fontSize?: import("@tamagui/web").FlatStyleValue<import("@tamagui/web").GetThemeValueForKey<"fontSize"> | undefined>;
33
- fontStyle?: import("@tamagui/web").FlatStyleValue<"italic" | "normal" | "unset" | undefined>;
34
- fontWeight?: import("@tamagui/web").FlatStyleValue<"unset" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | import("@tamagui/web").GetThemeValueForKey<"fontWeight"> | undefined>;
35
- letterSpacing?: import("@tamagui/web").FlatStyleValue<"unset" | import("@tamagui/web").GetThemeValueForKey<"letterSpacing"> | undefined>;
36
- maxFontSizeMultiplier?: number | undefined;
37
- textAlign?: import("@tamagui/web").FlatStyleValue<"auto" | "center" | "justify" | "left" | "right" | "unset" | undefined>;
38
14
  }, import("@tamagui/web").StaticConfigPublic];
39
15
  };
40
16
  export declare const ButtonText: FunctionComponent<Omit<import("@tamagui/web").TextNonStyleProps, keyof import("@tamagui/web").TextStylePropsBase> & import("@tamagui/web").WithThemeValues<import("@tamagui/web").TextStylePropsBase> & import("@tamagui/web").WithFlatVariantValues<{}> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").TextStylePropsBase>> & {
@@ -44,7 +20,7 @@ export declare const ButtonText: FunctionComponent<Omit<import("@tamagui/web").T
44
20
  };
45
21
  export type ButtonIconProps = {
46
22
  children: ReactNode;
47
- color?: TextContextStyles['color'];
23
+ color?: string;
48
24
  scaleIcon?: number;
49
25
  size?: number;
50
26
  };
@@ -56,11 +32,21 @@ type ButtonIconInput = JSX.Element | FunctionComponent<{
56
32
  color?: any;
57
33
  size?: any;
58
34
  }) => ReactNode) | null;
59
- export type ButtonBehaviorProps = TextParentStyles & {
35
+ /**
36
+ * The props `useButton` reads and replaces. It hands the frame everything else
37
+ * untouched, so this is exactly what its result omits.
38
+ */
39
+ type ButtonConsumedProps = {
40
+ children?: ReactNode;
41
+ disabled?: boolean;
42
+ render?: TamaguiComponentPropsBaseBase['render'];
60
43
  icon?: ButtonIconInput;
61
44
  iconAfter?: ButtonIconInput;
62
45
  iconSize?: number;
63
46
  scaleIcon?: number;
47
+ };
48
+ /** passed straight through to the rendered `<button>` */
49
+ type ButtonHTMLProps = {
64
50
  type?: 'submit' | 'reset' | 'button';
65
51
  form?: string;
66
52
  formAction?: string;
@@ -71,257 +57,34 @@ export type ButtonBehaviorProps = TextParentStyles & {
71
57
  name?: string;
72
58
  value?: string | readonly string[] | number;
73
59
  };
60
+ export type ButtonBehaviorProps = TextParentStyles & ButtonConsumedProps & ButtonHTMLProps;
61
+ /**
62
+ * What `useButton` returns: the caller's props minus the ones it consumed, plus
63
+ * the ones it decides. Spelled out rather than cast, so a skin that spreads the
64
+ * result onto a frame is type-checked on exactly what it will receive.
65
+ */
66
+ export type UseButtonProps<Props> = Omit<Omit<Props, keyof TextParentStyles | keyof typeof textParentProps>, keyof ButtonConsumedProps> & {
67
+ children: ReactNode;
68
+ 'aria-disabled'?: boolean;
69
+ disabled?: boolean;
70
+ render?: TamaguiComponentPropsBaseBase['render'];
71
+ tabIndex?: number;
72
+ };
74
73
  export type UseButtonOptions = {
75
74
  Text?: any;
76
- iconColor?: TextContextStyles['color'];
75
+ iconColor?: string;
77
76
  iconSize?: number;
78
77
  textProps?: Record<string, unknown>;
79
78
  };
80
- export declare function useButton<Props extends ButtonBehaviorProps>(propsIn: Props, { Text, iconColor: iconColorOption, iconSize: iconSizeOption, textProps: textPropsOption, }?: UseButtonOptions): {
79
+ /**
80
+ * Button behavior: icon theming, wrapping bare children in a text, and the html
81
+ * nesting rules. Flat text styles are partitioned in one pass and handed to the
82
+ * wrapped text, with no style resolution hook or text context.
83
+ */
84
+ export declare function useButton<Props extends ButtonBehaviorProps>(propsIn: Props, { Text, iconColor, iconSize: iconSizeOption, textProps: textPropsOption, }?: UseButtonOptions): {
81
85
  isNested: boolean;
82
- props: Props;
83
- };
84
- declare const ButtonComponent: import("@tamagui/web").TamaguiComponent<Omit<import("@tamagui/web").GetFinalProps<import("@tamagui/web").StackNonStyleProps, import("@tamagui/web").StackStyleBase, {
85
- disabled?: boolean | undefined;
86
- ellipsis?: import("@tamagui/web").FlatStyleValue<"unset" | boolean | undefined>;
87
- fontFamily?: import("@tamagui/web").FlatStyleValue<import("@tamagui/web").GetThemeValueForKey<"fontFamily"> | undefined>;
88
- fontSize?: import("@tamagui/web").FlatStyleValue<import("@tamagui/web").GetThemeValueForKey<"fontSize"> | undefined>;
89
- fontStyle?: import("@tamagui/web").FlatStyleValue<"italic" | "normal" | "unset" | undefined>;
90
- fontWeight?: import("@tamagui/web").FlatStyleValue<"unset" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | import("@tamagui/web").GetThemeValueForKey<"fontWeight"> | undefined>;
91
- letterSpacing?: import("@tamagui/web").FlatStyleValue<"unset" | import("@tamagui/web").GetThemeValueForKey<"letterSpacing"> | undefined>;
92
- maxFontSizeMultiplier?: number | undefined;
93
- textAlign?: import("@tamagui/web").FlatStyleValue<"auto" | "center" | "justify" | "left" | "right" | "unset" | undefined>;
94
- }>, "form" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "icon" | "iconAfter" | "iconSize" | "name" | "noTextWrap" | "scaleIcon" | "textProps" | "type" | "value" | keyof TextContextStyles> & TextContextStyles & {
95
- textProps?: Partial<import("@tamagui/text").SizableTextProps>;
96
- noTextWrap?: boolean;
97
- } & {
98
- icon?: ButtonIconInput;
99
- iconAfter?: ButtonIconInput;
100
- iconSize?: number;
101
- scaleIcon?: number;
102
- type?: 'submit' | 'reset' | 'button';
103
- form?: string;
104
- formAction?: string;
105
- formEncType?: string;
106
- formMethod?: string;
107
- formNoValidate?: boolean;
108
- formTarget?: string;
109
- name?: string;
110
- value?: string | readonly string[] | number;
111
- }, import("react-native").View | (HTMLElement & import("@tamagui/web").TamaguiElementMethods), import("@tamagui/web").StackNonStyleProps & TextContextStyles & {
112
- textProps?: Partial<import("@tamagui/text").SizableTextProps>;
113
- noTextWrap?: boolean;
114
- } & {
115
- icon?: ButtonIconInput;
116
- iconAfter?: ButtonIconInput;
117
- iconSize?: number;
118
- scaleIcon?: number;
119
- type?: 'submit' | 'reset' | 'button';
120
- form?: string;
121
- formAction?: string;
122
- formEncType?: string;
123
- formMethod?: string;
124
- formNoValidate?: boolean;
125
- formTarget?: string;
126
- name?: string;
127
- value?: string | readonly string[] | number;
128
- }, import("@tamagui/web").StackStyleBase, {
129
- disabled?: boolean | undefined;
130
- ellipsis?: import("@tamagui/web").FlatStyleValue<"unset" | boolean | undefined>;
131
- fontFamily?: import("@tamagui/web").FlatStyleValue<import("@tamagui/web").GetThemeValueForKey<"fontFamily"> | undefined>;
132
- fontSize?: import("@tamagui/web").FlatStyleValue<import("@tamagui/web").GetThemeValueForKey<"fontSize"> | undefined>;
133
- fontStyle?: import("@tamagui/web").FlatStyleValue<"italic" | "normal" | "unset" | undefined>;
134
- fontWeight?: import("@tamagui/web").FlatStyleValue<"unset" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | import("@tamagui/web").GetThemeValueForKey<"fontWeight"> | undefined>;
135
- letterSpacing?: import("@tamagui/web").FlatStyleValue<"unset" | import("@tamagui/web").GetThemeValueForKey<"letterSpacing"> | undefined>;
136
- maxFontSizeMultiplier?: number | undefined;
137
- textAlign?: import("@tamagui/web").FlatStyleValue<"auto" | "center" | "justify" | "left" | "right" | "unset" | undefined>;
138
- }, import("@tamagui/web").StaticConfigPublic>;
139
- export declare const Button: FunctionComponent<Omit<import("@tamagui/web").GetFinalProps<import("@tamagui/web").StackNonStyleProps, import("@tamagui/web").StackStyleBase, {
140
- disabled?: boolean | undefined;
141
- ellipsis?: import("@tamagui/web").FlatStyleValue<"unset" | boolean | undefined>;
142
- fontFamily?: import("@tamagui/web").FlatStyleValue<import("@tamagui/web").GetThemeValueForKey<"fontFamily"> | undefined>;
143
- fontSize?: import("@tamagui/web").FlatStyleValue<import("@tamagui/web").GetThemeValueForKey<"fontSize"> | undefined>;
144
- fontStyle?: import("@tamagui/web").FlatStyleValue<"italic" | "normal" | "unset" | undefined>;
145
- fontWeight?: import("@tamagui/web").FlatStyleValue<"unset" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | import("@tamagui/web").GetThemeValueForKey<"fontWeight"> | undefined>;
146
- letterSpacing?: import("@tamagui/web").FlatStyleValue<"unset" | import("@tamagui/web").GetThemeValueForKey<"letterSpacing"> | undefined>;
147
- maxFontSizeMultiplier?: number | undefined;
148
- textAlign?: import("@tamagui/web").FlatStyleValue<"auto" | "center" | "justify" | "left" | "right" | "unset" | undefined>;
149
- }>, "form" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "icon" | "iconAfter" | "iconSize" | "name" | "noTextWrap" | "scaleIcon" | "textProps" | "type" | "value" | keyof TextContextStyles> & TextContextStyles & {
150
- textProps?: Partial<import("@tamagui/text").SizableTextProps>;
151
- noTextWrap?: boolean;
152
- } & {
153
- icon?: ButtonIconInput;
154
- iconAfter?: ButtonIconInput;
155
- iconSize?: number;
156
- scaleIcon?: number;
157
- type?: 'submit' | 'reset' | 'button';
158
- form?: string;
159
- formAction?: string;
160
- formEncType?: string;
161
- formMethod?: string;
162
- formNoValidate?: boolean;
163
- formTarget?: string;
164
- name?: string;
165
- value?: string | readonly string[] | number;
166
- } & {
167
- ref?: import("react").Ref<import("react-native").View | (HTMLElement & import("@tamagui/web").TamaguiElementMethods)> | undefined;
168
- }> & import("@tamagui/web").StaticComponentObject<Omit<import("@tamagui/web").GetFinalProps<import("@tamagui/web").StackNonStyleProps, import("@tamagui/web").StackStyleBase, {
169
- disabled?: boolean | undefined;
170
- ellipsis?: import("@tamagui/web").FlatStyleValue<"unset" | boolean | undefined>;
171
- fontFamily?: import("@tamagui/web").FlatStyleValue<import("@tamagui/web").GetThemeValueForKey<"fontFamily"> | undefined>;
172
- fontSize?: import("@tamagui/web").FlatStyleValue<import("@tamagui/web").GetThemeValueForKey<"fontSize"> | undefined>;
173
- fontStyle?: import("@tamagui/web").FlatStyleValue<"italic" | "normal" | "unset" | undefined>;
174
- fontWeight?: import("@tamagui/web").FlatStyleValue<"unset" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | import("@tamagui/web").GetThemeValueForKey<"fontWeight"> | undefined>;
175
- letterSpacing?: import("@tamagui/web").FlatStyleValue<"unset" | import("@tamagui/web").GetThemeValueForKey<"letterSpacing"> | undefined>;
176
- maxFontSizeMultiplier?: number | undefined;
177
- textAlign?: import("@tamagui/web").FlatStyleValue<"auto" | "center" | "justify" | "left" | "right" | "unset" | undefined>;
178
- }>, "form" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "icon" | "iconAfter" | "iconSize" | "name" | "noTextWrap" | "scaleIcon" | "textProps" | "type" | "value" | keyof TextContextStyles> & TextContextStyles & {
179
- textProps?: Partial<import("@tamagui/text").SizableTextProps>;
180
- noTextWrap?: boolean;
181
- } & {
182
- icon?: ButtonIconInput;
183
- iconAfter?: ButtonIconInput;
184
- iconSize?: number;
185
- scaleIcon?: number;
186
- type?: 'submit' | 'reset' | 'button';
187
- form?: string;
188
- formAction?: string;
189
- formEncType?: string;
190
- formMethod?: string;
191
- formNoValidate?: boolean;
192
- formTarget?: string;
193
- name?: string;
194
- value?: string | readonly string[] | number;
195
- }, import("react-native").View | (HTMLElement & import("@tamagui/web").TamaguiElementMethods), import("@tamagui/web").StackNonStyleProps & TextContextStyles & {
196
- textProps?: Partial<import("@tamagui/text").SizableTextProps>;
197
- noTextWrap?: boolean;
198
- } & {
199
- icon?: ButtonIconInput;
200
- iconAfter?: ButtonIconInput;
201
- iconSize?: number;
202
- scaleIcon?: number;
203
- type?: 'submit' | 'reset' | 'button';
204
- form?: string;
205
- formAction?: string;
206
- formEncType?: string;
207
- formMethod?: string;
208
- formNoValidate?: boolean;
209
- formTarget?: string;
210
- name?: string;
211
- value?: string | readonly string[] | number;
212
- }, import("@tamagui/web").StackStyleBase, {
213
- disabled?: boolean | undefined;
214
- ellipsis?: import("@tamagui/web").FlatStyleValue<"unset" | boolean | undefined>;
215
- fontFamily?: import("@tamagui/web").FlatStyleValue<import("@tamagui/web").GetThemeValueForKey<"fontFamily"> | undefined>;
216
- fontSize?: import("@tamagui/web").FlatStyleValue<import("@tamagui/web").GetThemeValueForKey<"fontSize"> | undefined>;
217
- fontStyle?: import("@tamagui/web").FlatStyleValue<"italic" | "normal" | "unset" | undefined>;
218
- fontWeight?: import("@tamagui/web").FlatStyleValue<"unset" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | import("@tamagui/web").GetThemeValueForKey<"fontWeight"> | undefined>;
219
- letterSpacing?: import("@tamagui/web").FlatStyleValue<"unset" | import("@tamagui/web").GetThemeValueForKey<"letterSpacing"> | undefined>;
220
- maxFontSizeMultiplier?: number | undefined;
221
- textAlign?: import("@tamagui/web").FlatStyleValue<"auto" | "center" | "justify" | "left" | "right" | "unset" | undefined>;
222
- }, import("@tamagui/web").StaticConfigPublic> & Omit<import("@tamagui/web").StaticConfigPublic, "staticConfig"> & {
223
- __tama: [Omit<import("@tamagui/web").GetFinalProps<import("@tamagui/web").StackNonStyleProps, import("@tamagui/web").StackStyleBase, {
224
- disabled?: boolean | undefined;
225
- ellipsis?: import("@tamagui/web").FlatStyleValue<"unset" | boolean | undefined>;
226
- fontFamily?: import("@tamagui/web").FlatStyleValue<import("@tamagui/web").GetThemeValueForKey<"fontFamily"> | undefined>;
227
- fontSize?: import("@tamagui/web").FlatStyleValue<import("@tamagui/web").GetThemeValueForKey<"fontSize"> | undefined>;
228
- fontStyle?: import("@tamagui/web").FlatStyleValue<"italic" | "normal" | "unset" | undefined>;
229
- fontWeight?: import("@tamagui/web").FlatStyleValue<"unset" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | import("@tamagui/web").GetThemeValueForKey<"fontWeight"> | undefined>;
230
- letterSpacing?: import("@tamagui/web").FlatStyleValue<"unset" | import("@tamagui/web").GetThemeValueForKey<"letterSpacing"> | undefined>;
231
- maxFontSizeMultiplier?: number | undefined;
232
- textAlign?: import("@tamagui/web").FlatStyleValue<"auto" | "center" | "justify" | "left" | "right" | "unset" | undefined>;
233
- }>, "form" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "icon" | "iconAfter" | "iconSize" | "name" | "noTextWrap" | "scaleIcon" | "textProps" | "type" | "value" | keyof TextContextStyles> & TextContextStyles & {
234
- textProps?: Partial<import("@tamagui/text").SizableTextProps>;
235
- noTextWrap?: boolean;
236
- } & {
237
- icon?: ButtonIconInput;
238
- iconAfter?: ButtonIconInput;
239
- iconSize?: number;
240
- scaleIcon?: number;
241
- type?: 'submit' | 'reset' | 'button';
242
- form?: string;
243
- formAction?: string;
244
- formEncType?: string;
245
- formMethod?: string;
246
- formNoValidate?: boolean;
247
- formTarget?: string;
248
- name?: string;
249
- value?: string | readonly string[] | number;
250
- }, import("react-native").View | (HTMLElement & import("@tamagui/web").TamaguiElementMethods), import("@tamagui/web").StackNonStyleProps & TextContextStyles & {
251
- textProps?: Partial<import("@tamagui/text").SizableTextProps>;
252
- noTextWrap?: boolean;
253
- } & {
254
- icon?: ButtonIconInput;
255
- iconAfter?: ButtonIconInput;
256
- iconSize?: number;
257
- scaleIcon?: number;
258
- type?: 'submit' | 'reset' | 'button';
259
- form?: string;
260
- formAction?: string;
261
- formEncType?: string;
262
- formMethod?: string;
263
- formNoValidate?: boolean;
264
- formTarget?: string;
265
- name?: string;
266
- value?: string | readonly string[] | number;
267
- }, import("@tamagui/web").StackStyleBase, {
268
- disabled?: boolean | undefined;
269
- ellipsis?: import("@tamagui/web").FlatStyleValue<"unset" | boolean | undefined>;
270
- fontFamily?: import("@tamagui/web").FlatStyleValue<import("@tamagui/web").GetThemeValueForKey<"fontFamily"> | undefined>;
271
- fontSize?: import("@tamagui/web").FlatStyleValue<import("@tamagui/web").GetThemeValueForKey<"fontSize"> | undefined>;
272
- fontStyle?: import("@tamagui/web").FlatStyleValue<"italic" | "normal" | "unset" | undefined>;
273
- fontWeight?: import("@tamagui/web").FlatStyleValue<"unset" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | import("@tamagui/web").GetThemeValueForKey<"fontWeight"> | undefined>;
274
- letterSpacing?: import("@tamagui/web").FlatStyleValue<"unset" | import("@tamagui/web").GetThemeValueForKey<"letterSpacing"> | undefined>;
275
- maxFontSizeMultiplier?: number | undefined;
276
- textAlign?: import("@tamagui/web").FlatStyleValue<"auto" | "center" | "justify" | "left" | "right" | "unset" | undefined>;
277
- }, import("@tamagui/web").StaticConfigPublic];
278
- } & {
279
- Apply: import("react").Provider<TextContextStyles> & import("react").ProviderExoticComponent<Partial<TextContextStyles> & {
280
- children?: ReactNode;
281
- scope?: string;
282
- }>;
283
- Frame: FunctionComponent<Omit<import("@tamagui/web").StackNonStyleProps, "disabled" | "ellipsis" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "letterSpacing" | "maxFontSizeMultiplier" | "textAlign" | keyof import("@tamagui/web").StackStyleBase> & import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStyleBase> & import("@tamagui/web").WithFlatVariantValues<{
284
- disabled?: boolean | undefined;
285
- ellipsis?: import("@tamagui/web").FlatStyleValue<"unset" | boolean | undefined>;
286
- fontFamily?: import("@tamagui/web").FlatStyleValue<import("@tamagui/web").GetThemeValueForKey<"fontFamily"> | undefined>;
287
- fontSize?: import("@tamagui/web").FlatStyleValue<import("@tamagui/web").GetThemeValueForKey<"fontSize"> | undefined>;
288
- fontStyle?: import("@tamagui/web").FlatStyleValue<"italic" | "normal" | "unset" | undefined>;
289
- fontWeight?: import("@tamagui/web").FlatStyleValue<"unset" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | import("@tamagui/web").GetThemeValueForKey<"fontWeight"> | undefined>;
290
- letterSpacing?: import("@tamagui/web").FlatStyleValue<"unset" | import("@tamagui/web").GetThemeValueForKey<"letterSpacing"> | undefined>;
291
- maxFontSizeMultiplier?: number | undefined;
292
- textAlign?: import("@tamagui/web").FlatStyleValue<"auto" | "center" | "justify" | "left" | "right" | "unset" | undefined>;
293
- }> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStyleBase>> & {
294
- ref?: import("react").Ref<import("@tamagui/web").TamaguiElement> | undefined;
295
- }> & import("@tamagui/web").StaticComponentObject<import("@tamagui/web").TamaDefer, import("@tamagui/web").TamaguiElement, import("@tamagui/web").StackNonStyleProps, import("@tamagui/web").StackStyleBase, {
296
- disabled?: boolean | undefined;
297
- ellipsis?: import("@tamagui/web").FlatStyleValue<"unset" | boolean | undefined>;
298
- fontFamily?: import("@tamagui/web").FlatStyleValue<import("@tamagui/web").GetThemeValueForKey<"fontFamily"> | undefined>;
299
- fontSize?: import("@tamagui/web").FlatStyleValue<import("@tamagui/web").GetThemeValueForKey<"fontSize"> | undefined>;
300
- fontStyle?: import("@tamagui/web").FlatStyleValue<"italic" | "normal" | "unset" | undefined>;
301
- fontWeight?: import("@tamagui/web").FlatStyleValue<"unset" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | import("@tamagui/web").GetThemeValueForKey<"fontWeight"> | undefined>;
302
- letterSpacing?: import("@tamagui/web").FlatStyleValue<"unset" | import("@tamagui/web").GetThemeValueForKey<"letterSpacing"> | undefined>;
303
- maxFontSizeMultiplier?: number | undefined;
304
- textAlign?: import("@tamagui/web").FlatStyleValue<"auto" | "center" | "justify" | "left" | "right" | "unset" | undefined>;
305
- }, import("@tamagui/web").StaticConfigPublic> & Omit<import("@tamagui/web").StaticConfigPublic, "staticConfig"> & {
306
- __tama: [import("@tamagui/web").TamaDefer, import("@tamagui/web").TamaguiElement, import("@tamagui/web").StackNonStyleProps, import("@tamagui/web").StackStyleBase, {
307
- disabled?: boolean | undefined;
308
- ellipsis?: import("@tamagui/web").FlatStyleValue<"unset" | boolean | undefined>;
309
- fontFamily?: import("@tamagui/web").FlatStyleValue<import("@tamagui/web").GetThemeValueForKey<"fontFamily"> | undefined>;
310
- fontSize?: import("@tamagui/web").FlatStyleValue<import("@tamagui/web").GetThemeValueForKey<"fontSize"> | undefined>;
311
- fontStyle?: import("@tamagui/web").FlatStyleValue<"italic" | "normal" | "unset" | undefined>;
312
- fontWeight?: import("@tamagui/web").FlatStyleValue<"unset" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | import("@tamagui/web").GetThemeValueForKey<"fontWeight"> | undefined>;
313
- letterSpacing?: import("@tamagui/web").FlatStyleValue<"unset" | import("@tamagui/web").GetThemeValueForKey<"letterSpacing"> | undefined>;
314
- maxFontSizeMultiplier?: number | undefined;
315
- textAlign?: import("@tamagui/web").FlatStyleValue<"auto" | "center" | "justify" | "left" | "right" | "unset" | undefined>;
316
- }, import("@tamagui/web").StaticConfigPublic];
317
- };
318
- Icon: typeof ButtonIcon;
319
- Text: FunctionComponent<Omit<import("@tamagui/web").TextNonStyleProps, keyof import("@tamagui/web").TextStylePropsBase> & import("@tamagui/web").WithThemeValues<import("@tamagui/web").TextStylePropsBase> & import("@tamagui/web").WithFlatVariantValues<{}> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").TextStylePropsBase>> & {
320
- ref?: import("react").Ref<import("@tamagui/web").TamaguiTextElement> | undefined;
321
- }> & import("@tamagui/web").StaticComponentObject<import("@tamagui/web").TamaDefer, import("@tamagui/web").TamaguiTextElement, import("@tamagui/web").TextNonStyleProps, import("@tamagui/web").TextStylePropsBase, {}, import("@tamagui/web").StaticConfigPublic> & Omit<import("@tamagui/web").StaticConfigPublic, "staticConfig"> & {
322
- __tama: [import("@tamagui/web").TamaDefer, import("@tamagui/web").TamaguiTextElement, import("@tamagui/web").TextNonStyleProps, import("@tamagui/web").TextStylePropsBase, {}, import("@tamagui/web").StaticConfigPublic];
323
- };
86
+ props: UseButtonProps<Props>;
324
87
  };
325
- export type ButtonProps = GetProps<typeof ButtonComponent>;
88
+ export type ButtonFrameProps = GetProps<typeof ButtonFrame>;
326
89
  export {};
327
90
  //# 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":"AAEA,OAAO,KAAK,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAA;AAExE,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAA;AAW5C,OAAO,KAAK,EAAE,iBAAiB,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAgB9D,eAAO,MAAM,aAAa,kMAkBzB,CAAA;AAED,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkBtB,CAAA;AAEF,eAAO,MAAM,UAAU;;;;CAMrB,CAAA;AAEF,MAAM,MAAM,eAAe,GAAG;IAC5B,QAAQ,EAAE,SAAS,CAAA;IACnB,KAAK,CAAC,EAAE,iBAAiB,CAAC,OAAO,CAAC,CAAA;IAClC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,IAAI,CAAC,EAAE,MAAM,CAAA;CACd,CAAA;AASD,eAAO,MAAM,UAAU,yCAA8C,eAAe,QAgBnF,CAAA;AAED,KAAK,eAAe,GAChB,GAAG,CAAC,OAAO,GACX,iBAAiB,CAAC;IAAE,KAAK,CAAC,EAAE,GAAG,CAAC;IAAC,IAAI,CAAC,EAAE,GAAG,CAAA;CAAE,CAAC,GAC9C,CAAC,CAAC,KAAK,EAAE;IAAE,KAAK,CAAC,EAAE,GAAG,CAAC;IAAC,IAAI,CAAC,EAAE,GAAG,CAAA;CAAE,KAAK,SAAS,CAAC,GACnD,IAAI,CAAA;AAER,MAAM,MAAM,mBAAmB,GAAG,gBAAgB,GAAG;IACnD,IAAI,CAAC,EAAE,eAAe,CAAA;IACtB,SAAS,CAAC,EAAE,eAAe,CAAA;IAC3B,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,SAAS,CAAC,EAAE,MAAM,CAAA;IAGlB,IAAI,CAAC,EAAE,QAAQ,GAAG,OAAO,GAAG,QAAQ,CAAA;IACpC,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,MAAM,EAAE,GAAG,MAAM,CAAA;CAC5C,CAAA;AAED,MAAM,MAAM,gBAAgB,GAAG;IAC7B,IAAI,CAAC,EAAE,GAAG,CAAA;IACV,SAAS,CAAC,EAAE,iBAAiB,CAAC,OAAO,CAAC,CAAA;IACtC,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;CACpC,CAAA;AAuBD,wBAAgB,SAAS,CAAC,KAAK,SAAS,mBAAmB,EACzD,OAAO,EAAE,KAAK,EACd,EACE,IAAiB,EACjB,SAAS,EAAE,eAAe,EAC1B,QAAQ,EAAE,cAAc,EACxB,SAAS,EAAE,eAAe,GAC3B,GAAE,gBAAqB;;;EA2IzB;AAED,QAAA,MAAM,eAAe;;;;;;;;;;;;;;WAjMZ,eAAe;gBACV,eAAe;eAChB,MAAM;gBACL,MAAM;WAGX,QAAQ,GAAG,OAAO,GAAG,QAAQ;WAC7B,MAAM;iBACA,MAAM;kBACL,MAAM;iBACP,MAAM;qBACF,OAAO;iBACX,MAAM;WACZ,MAAM;YACL,MAAM,GAAG,SAAS,MAAM,EAAE,GAAG,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;6CA0L5C,CAAA;AAED,eAAO,MAAM,MAAM;;;;;;;;;;;;;;WA1MV,eAAe;gBACV,eAAe;eAChB,MAAM;gBACL,MAAM;WAGX,QAAQ,GAAG,OAAO,GAAG,QAAQ;WAC7B,MAAM;iBACA,MAAM;kBACL,MAAM;iBACP,MAAM;qBACF,OAAO;iBACX,MAAM;WACZ,MAAM;YACL,MAAM,GAAG,SAAS,MAAM,EAAE,GAAG,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;eAdpC,eAAe;oBACV,eAAe;mBAChB,MAAM;oBACL,MAAM;eAGX,QAAQ,GAAG,OAAO,GAAG,QAAQ;eAC7B,MAAM;qBACA,MAAM;sBACL,MAAM;qBACP,MAAM;yBACF,OAAO;qBACX,MAAM;eACZ,MAAM;gBACL,MAAM,GAAG,SAAS,MAAM,EAAE,GAAG,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiM3C,CAAA;AAEF,MAAM,MAAM,WAAW,GAAG,QAAQ,CAAC,OAAO,eAAe,CAAC,CAAA"}
1
+ {"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../src/Button.tsx"],"names":[],"mappings":"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"}