@tamagui/switch 1.57.7 → 1.58.0

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 (28) hide show
  1. package/dist/cjs/Switch.js +19 -219
  2. package/dist/cjs/Switch.js.map +2 -2
  3. package/dist/cjs/createSwitch.js +257 -0
  4. package/dist/cjs/createSwitch.js.map +6 -0
  5. package/dist/cjs/index.js +3 -1
  6. package/dist/cjs/index.js.map +1 -1
  7. package/dist/esm/Switch.js +19 -215
  8. package/dist/esm/Switch.js.map +2 -2
  9. package/dist/esm/createSwitch.js +232 -0
  10. package/dist/esm/createSwitch.js.map +6 -0
  11. package/dist/esm/index.js +1 -0
  12. package/dist/esm/index.js.map +1 -1
  13. package/dist/jsx/Switch.js +19 -194
  14. package/dist/jsx/Switch.js.map +2 -2
  15. package/dist/jsx/createSwitch.js +219 -0
  16. package/dist/jsx/createSwitch.js.map +6 -0
  17. package/dist/jsx/index.js +1 -0
  18. package/dist/jsx/index.js.map +1 -1
  19. package/package.json +11 -11
  20. package/src/Switch.tsx +20 -284
  21. package/src/createSwitch.tsx +304 -0
  22. package/src/index.ts +1 -0
  23. package/types/Switch.d.ts +46 -191
  24. package/types/Switch.d.ts.map +1 -1
  25. package/types/createSwitch.d.ts +41 -0
  26. package/types/createSwitch.d.ts.map +1 -0
  27. package/types/index.d.ts +1 -0
  28. package/types/index.d.ts.map +1 -1
package/types/Switch.d.ts CHANGED
@@ -1,9 +1,7 @@
1
- import { GetProps, NativeValue, SizeTokens } from '@tamagui/core';
2
- import * as React from 'react';
3
- import { SwitchProps as NativeSwitchProps, View } from 'react-native';
4
- export declare const createSwitchScope: import("@tamagui/create-context").CreateScope;
5
- export declare const SwitchThumbFrame: import("@tamagui/core").TamaguiComponent<Omit<import("react-native").ViewProps, "display" | "children" | "onLayout" | keyof import("react-native").GestureResponderHandlers | "style"> & import("@tamagui/core").ExtendBaseStackProps & import("@tamagui/core").TamaguiComponentPropsBase & {
6
- style?: import("@tamagui/core").StyleProp<import("react-native").ViewStyle | React.CSSProperties | (React.CSSProperties & import("react-native").ViewStyle)>;
1
+ /// <reference types="react" />
2
+ import { SizeTokens } from '@tamagui/core';
3
+ export declare const SwitchThumb: import("@tamagui/core").TamaguiComponent<Omit<import("react-native").ViewProps, "display" | "children" | "onLayout" | keyof import("react-native").GestureResponderHandlers | "style"> & import("@tamagui/core").ExtendBaseStackProps & import("@tamagui/core").TamaguiComponentPropsBase & {
4
+ style?: import("@tamagui/core").StyleProp<import("react-native").ViewStyle | import("react").CSSProperties | (import("react").CSSProperties & import("react-native").ViewStyle)>;
7
5
  } & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & import("@tamagui/core").RNViewProps & Omit<{
8
6
  readonly fullscreen?: boolean | undefined;
9
7
  readonly elevation?: SizeTokens | undefined;
@@ -23,7 +21,7 @@ export declare const SwitchThumbFrame: import("@tamagui/core").TamaguiComponent<
23
21
  readonly unstyled?: boolean | undefined;
24
22
  readonly size?: SizeTokens | undefined;
25
23
  } & import("@tamagui/core").PseudoProps<Partial<Omit<import("react-native").ViewProps, "display" | "children" | "onLayout" | keyof import("react-native").GestureResponderHandlers | "style"> & import("@tamagui/core").ExtendBaseStackProps & import("@tamagui/core").TamaguiComponentPropsBase & {
26
- style?: import("@tamagui/core").StyleProp<import("react-native").ViewStyle | React.CSSProperties | (React.CSSProperties & import("react-native").ViewStyle)>;
24
+ style?: import("@tamagui/core").StyleProp<import("react-native").ViewStyle | import("react").CSSProperties | (import("react").CSSProperties & import("react-native").ViewStyle)>;
27
25
  } & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & import("@tamagui/core").RNViewProps & Omit<{
28
26
  readonly fullscreen?: boolean | undefined;
29
27
  readonly elevation?: SizeTokens | undefined;
@@ -43,7 +41,7 @@ export declare const SwitchThumbFrame: import("@tamagui/core").TamaguiComponent<
43
41
  readonly unstyled?: boolean | undefined;
44
42
  readonly size?: SizeTokens | undefined;
45
43
  }>> & import("@tamagui/core").MediaProps<Partial<Omit<import("react-native").ViewProps, "display" | "children" | "onLayout" | keyof import("react-native").GestureResponderHandlers | "style"> & import("@tamagui/core").ExtendBaseStackProps & import("@tamagui/core").TamaguiComponentPropsBase & {
46
- style?: import("@tamagui/core").StyleProp<import("react-native").ViewStyle | React.CSSProperties | (React.CSSProperties & import("react-native").ViewStyle)>;
44
+ style?: import("@tamagui/core").StyleProp<import("react-native").ViewStyle | import("react").CSSProperties | (import("react").CSSProperties & import("react-native").ViewStyle)>;
47
45
  } & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & import("@tamagui/core").RNViewProps & Omit<{
48
46
  readonly fullscreen?: boolean | undefined;
49
47
  readonly elevation?: SizeTokens | undefined;
@@ -63,7 +61,7 @@ export declare const SwitchThumbFrame: import("@tamagui/core").TamaguiComponent<
63
61
  readonly unstyled?: boolean | undefined;
64
62
  readonly size?: SizeTokens | undefined;
65
63
  }>>, import("@tamagui/core").TamaguiElement, Omit<import("react-native").ViewProps, "display" | "children" | "onLayout" | keyof import("react-native").GestureResponderHandlers | "style"> & import("@tamagui/core").ExtendBaseStackProps & import("@tamagui/core").TamaguiComponentPropsBase & {
66
- style?: import("@tamagui/core").StyleProp<import("react-native").ViewStyle | React.CSSProperties | (React.CSSProperties & import("react-native").ViewStyle)>;
64
+ style?: import("@tamagui/core").StyleProp<import("react-native").ViewStyle | import("react").CSSProperties | (import("react").CSSProperties & import("react-native").ViewStyle)>;
67
65
  } & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & import("@tamagui/core").RNViewProps, {
68
66
  readonly fullscreen?: boolean | undefined;
69
67
  readonly elevation?: SizeTokens | undefined;
@@ -85,9 +83,9 @@ export declare const SwitchThumbFrame: import("@tamagui/core").TamaguiComponent<
85
83
  }, {
86
84
  displayName: string | undefined;
87
85
  __baseProps: Omit<import("react-native").ViewProps, "display" | "children" | "onLayout" | keyof import("react-native").GestureResponderHandlers | "style"> & import("@tamagui/core").ExtendBaseStackProps & import("@tamagui/core").TamaguiComponentPropsBase & {
88
- style?: import("@tamagui/core").StyleProp<import("react-native").ViewStyle | React.CSSProperties | (React.CSSProperties & import("react-native").ViewStyle)>;
86
+ style?: import("@tamagui/core").StyleProp<import("react-native").ViewStyle | import("react").CSSProperties | (import("react").CSSProperties & import("react-native").ViewStyle)>;
89
87
  } & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & import("@tamagui/core").RNViewProps & {
90
- style?: import("@tamagui/core").StyleProp<import("react-native").ViewStyle | React.CSSProperties | (React.CSSProperties & import("react-native").ViewStyle)>;
88
+ style?: import("@tamagui/core").StyleProp<import("react-native").ViewStyle | import("react").CSSProperties | (import("react").CSSProperties & import("react-native").ViewStyle)>;
91
89
  };
92
90
  __variantProps: {
93
91
  readonly fullscreen?: boolean | undefined;
@@ -109,220 +107,77 @@ export declare const SwitchThumbFrame: import("@tamagui/core").TamaguiComponent<
109
107
  readonly chromeless?: boolean | "all" | undefined;
110
108
  };
111
109
  }>;
112
- export type SwitchThumbProps = GetProps<typeof SwitchThumbFrame>;
113
- export declare const SwitchThumb: React.ForwardRefExoticComponent<Omit<import("react-native").ViewProps, "display" | "children" | "onLayout" | keyof import("react-native").GestureResponderHandlers | "style"> & import("@tamagui/core").ExtendBaseStackProps & import("@tamagui/core").TamaguiComponentPropsBase & {
114
- style?: import("@tamagui/core").StyleProp<import("react-native").ViewStyle | React.CSSProperties | (React.CSSProperties & import("react-native").ViewStyle)>;
115
- } & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & import("@tamagui/core").RNViewProps & Omit<{
116
- readonly fullscreen?: boolean | undefined;
117
- readonly elevation?: SizeTokens | undefined;
118
- } & {
119
- readonly backgrounded?: boolean | undefined;
120
- readonly radiused?: boolean | undefined;
121
- readonly hoverTheme?: boolean | undefined;
122
- readonly pressTheme?: boolean | undefined;
123
- readonly focusTheme?: boolean | undefined;
124
- readonly circular?: boolean | undefined;
125
- readonly padded?: boolean | undefined;
126
- readonly elevate?: boolean | undefined;
127
- readonly bordered?: number | boolean | undefined;
128
- readonly transparent?: boolean | undefined;
129
- readonly chromeless?: boolean | "all" | undefined;
130
- }, "size" | "unstyled"> & {
131
- readonly unstyled?: boolean | undefined;
132
- readonly size?: SizeTokens | undefined;
133
- } & import("@tamagui/core").PseudoProps<Partial<Omit<import("react-native").ViewProps, "display" | "children" | "onLayout" | keyof import("react-native").GestureResponderHandlers | "style"> & import("@tamagui/core").ExtendBaseStackProps & import("@tamagui/core").TamaguiComponentPropsBase & {
134
- style?: import("@tamagui/core").StyleProp<import("react-native").ViewStyle | React.CSSProperties | (React.CSSProperties & import("react-native").ViewStyle)>;
135
- } & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & import("@tamagui/core").RNViewProps & Omit<{
136
- readonly fullscreen?: boolean | undefined;
137
- readonly elevation?: SizeTokens | undefined;
138
- } & {
139
- readonly backgrounded?: boolean | undefined;
140
- readonly radiused?: boolean | undefined;
141
- readonly hoverTheme?: boolean | undefined;
142
- readonly pressTheme?: boolean | undefined;
143
- readonly focusTheme?: boolean | undefined;
144
- readonly circular?: boolean | undefined;
145
- readonly padded?: boolean | undefined;
146
- readonly elevate?: boolean | undefined;
147
- readonly bordered?: number | boolean | undefined;
148
- readonly transparent?: boolean | undefined;
149
- readonly chromeless?: boolean | "all" | undefined;
150
- }, "size" | "unstyled"> & {
151
- readonly unstyled?: boolean | undefined;
152
- readonly size?: SizeTokens | undefined;
153
- }>> & import("@tamagui/core").MediaProps<Partial<Omit<import("react-native").ViewProps, "display" | "children" | "onLayout" | keyof import("react-native").GestureResponderHandlers | "style"> & import("@tamagui/core").ExtendBaseStackProps & import("@tamagui/core").TamaguiComponentPropsBase & {
154
- style?: import("@tamagui/core").StyleProp<import("react-native").ViewStyle | React.CSSProperties | (React.CSSProperties & import("react-native").ViewStyle)>;
155
- } & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & import("@tamagui/core").RNViewProps & Omit<{
156
- readonly fullscreen?: boolean | undefined;
157
- readonly elevation?: SizeTokens | undefined;
158
- } & {
159
- readonly backgrounded?: boolean | undefined;
160
- readonly radiused?: boolean | undefined;
161
- readonly hoverTheme?: boolean | undefined;
162
- readonly pressTheme?: boolean | undefined;
163
- readonly focusTheme?: boolean | undefined;
164
- readonly circular?: boolean | undefined;
165
- readonly padded?: boolean | undefined;
166
- readonly elevate?: boolean | undefined;
167
- readonly bordered?: number | boolean | undefined;
168
- readonly transparent?: boolean | undefined;
169
- readonly chromeless?: boolean | "all" | undefined;
170
- }, "size" | "unstyled"> & {
171
- readonly unstyled?: boolean | undefined;
172
- readonly size?: SizeTokens | undefined;
173
- }>> & React.RefAttributes<import("@tamagui/core").TamaguiElement>>;
174
110
  export declare const SwitchFrame: import("@tamagui/core").TamaguiComponent<Omit<import("react-native").ViewProps, "display" | "children" | "onLayout" | keyof import("react-native").GestureResponderHandlers | "style"> & import("@tamagui/core").ExtendBaseStackProps & import("@tamagui/core").TamaguiComponentPropsBase & {
175
- style?: import("@tamagui/core").StyleProp<import("react-native").ViewStyle | React.CSSProperties | (React.CSSProperties & import("react-native").ViewStyle)>;
111
+ style?: import("@tamagui/core").StyleProp<import("react-native").ViewStyle | import("react").CSSProperties | (import("react").CSSProperties & import("react-native").ViewStyle)>;
176
112
  } & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & import("@tamagui/core").RNViewProps & Omit<{
177
113
  readonly fullscreen?: boolean | undefined;
178
114
  readonly elevation?: SizeTokens | undefined;
179
- }, "size" | "unstyled"> & {
115
+ }, "size" | "unstyled" | "checked" | "frameWidth"> & {
180
116
  readonly unstyled?: boolean | undefined;
117
+ readonly checked?: boolean | undefined;
118
+ readonly frameWidth?: number | undefined;
181
119
  readonly size?: SizeTokens | undefined;
182
120
  } & import("@tamagui/core").PseudoProps<Partial<Omit<import("react-native").ViewProps, "display" | "children" | "onLayout" | keyof import("react-native").GestureResponderHandlers | "style"> & import("@tamagui/core").ExtendBaseStackProps & import("@tamagui/core").TamaguiComponentPropsBase & {
183
- style?: import("@tamagui/core").StyleProp<import("react-native").ViewStyle | React.CSSProperties | (React.CSSProperties & import("react-native").ViewStyle)>;
121
+ style?: import("@tamagui/core").StyleProp<import("react-native").ViewStyle | import("react").CSSProperties | (import("react").CSSProperties & import("react-native").ViewStyle)>;
184
122
  } & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & import("@tamagui/core").RNViewProps & Omit<{
185
123
  readonly fullscreen?: boolean | undefined;
186
124
  readonly elevation?: SizeTokens | undefined;
187
- }, "size" | "unstyled"> & {
125
+ }, "size" | "unstyled" | "checked" | "frameWidth"> & {
188
126
  readonly unstyled?: boolean | undefined;
127
+ readonly checked?: boolean | undefined;
128
+ readonly frameWidth?: number | undefined;
189
129
  readonly size?: SizeTokens | undefined;
190
130
  }>> & import("@tamagui/core").MediaProps<Partial<Omit<import("react-native").ViewProps, "display" | "children" | "onLayout" | keyof import("react-native").GestureResponderHandlers | "style"> & import("@tamagui/core").ExtendBaseStackProps & import("@tamagui/core").TamaguiComponentPropsBase & {
191
- style?: import("@tamagui/core").StyleProp<import("react-native").ViewStyle | React.CSSProperties | (React.CSSProperties & import("react-native").ViewStyle)>;
131
+ style?: import("@tamagui/core").StyleProp<import("react-native").ViewStyle | import("react").CSSProperties | (import("react").CSSProperties & import("react-native").ViewStyle)>;
192
132
  } & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & import("@tamagui/core").RNViewProps & Omit<{
193
133
  readonly fullscreen?: boolean | undefined;
194
134
  readonly elevation?: SizeTokens | undefined;
195
- }, "size" | "unstyled"> & {
135
+ }, "size" | "unstyled" | "checked" | "frameWidth"> & {
196
136
  readonly unstyled?: boolean | undefined;
137
+ readonly checked?: boolean | undefined;
138
+ readonly frameWidth?: number | undefined;
197
139
  readonly size?: SizeTokens | undefined;
198
140
  }>>, import("@tamagui/core").TamaguiElement, Omit<import("react-native").ViewProps, "display" | "children" | "onLayout" | keyof import("react-native").GestureResponderHandlers | "style"> & import("@tamagui/core").ExtendBaseStackProps & import("@tamagui/core").TamaguiComponentPropsBase & {
199
- style?: import("@tamagui/core").StyleProp<import("react-native").ViewStyle | React.CSSProperties | (React.CSSProperties & import("react-native").ViewStyle)>;
141
+ style?: import("@tamagui/core").StyleProp<import("react-native").ViewStyle | import("react").CSSProperties | (import("react").CSSProperties & import("react-native").ViewStyle)>;
200
142
  } & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & import("@tamagui/core").RNViewProps, {
201
143
  readonly fullscreen?: boolean | undefined;
202
144
  readonly elevation?: SizeTokens | undefined;
203
145
  } & {
204
146
  readonly unstyled?: boolean | undefined;
147
+ readonly checked?: boolean | undefined;
148
+ readonly frameWidth?: number | undefined;
205
149
  readonly size?: SizeTokens | undefined;
206
150
  }, {
207
151
  displayName: string | undefined;
208
152
  __baseProps: Omit<import("react-native").ViewProps, "display" | "children" | "onLayout" | keyof import("react-native").GestureResponderHandlers | "style"> & import("@tamagui/core").ExtendBaseStackProps & import("@tamagui/core").TamaguiComponentPropsBase & {
209
- style?: import("@tamagui/core").StyleProp<import("react-native").ViewStyle | React.CSSProperties | (React.CSSProperties & import("react-native").ViewStyle)>;
153
+ style?: import("@tamagui/core").StyleProp<import("react-native").ViewStyle | import("react").CSSProperties | (import("react").CSSProperties & import("react-native").ViewStyle)>;
210
154
  } & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & import("@tamagui/core").RNViewProps & {
211
- style?: import("@tamagui/core").StyleProp<import("react-native").ViewStyle | React.CSSProperties | (React.CSSProperties & import("react-native").ViewStyle)>;
155
+ style?: import("@tamagui/core").StyleProp<import("react-native").ViewStyle | import("react").CSSProperties | (import("react").CSSProperties & import("react-native").ViewStyle)>;
212
156
  };
213
157
  __variantProps: {
214
158
  readonly fullscreen?: boolean | undefined;
215
159
  readonly elevation?: SizeTokens | undefined;
216
160
  };
217
161
  }>;
218
- type SwitchButtonProps = GetProps<typeof SwitchFrame>;
219
- export type SwitchProps = SwitchButtonProps & {
220
- labeledBy?: string;
221
- name?: string;
222
- value?: string;
223
- checked?: boolean;
224
- defaultChecked?: boolean;
225
- required?: boolean;
226
- native?: NativeValue<'mobile' | 'ios' | 'android'>;
227
- nativeProps?: NativeSwitchProps;
228
- onCheckedChange?(checked: boolean): void;
229
- };
230
- export declare const Switch: React.ForwardRefExoticComponent<Omit<import("react-native").ViewProps, "display" | "children" | "onLayout" | keyof import("react-native").GestureResponderHandlers | "style"> & import("@tamagui/core").ExtendBaseStackProps & import("@tamagui/core").TamaguiComponentPropsBase & {
231
- style?: import("@tamagui/core").StyleProp<import("react-native").ViewStyle | React.CSSProperties | (React.CSSProperties & import("react-native").ViewStyle)>;
232
- } & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & import("@tamagui/core").RNViewProps & Omit<{
233
- readonly fullscreen?: boolean | undefined;
234
- readonly elevation?: SizeTokens | undefined;
235
- }, "size" | "unstyled"> & {
236
- readonly unstyled?: boolean | undefined;
237
- readonly size?: SizeTokens | undefined;
238
- } & import("@tamagui/core").PseudoProps<Partial<Omit<import("react-native").ViewProps, "display" | "children" | "onLayout" | keyof import("react-native").GestureResponderHandlers | "style"> & import("@tamagui/core").ExtendBaseStackProps & import("@tamagui/core").TamaguiComponentPropsBase & {
239
- style?: import("@tamagui/core").StyleProp<import("react-native").ViewStyle | React.CSSProperties | (React.CSSProperties & import("react-native").ViewStyle)>;
240
- } & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & import("@tamagui/core").RNViewProps & Omit<{
241
- readonly fullscreen?: boolean | undefined;
242
- readonly elevation?: SizeTokens | undefined;
243
- }, "size" | "unstyled"> & {
244
- readonly unstyled?: boolean | undefined;
245
- readonly size?: SizeTokens | undefined;
246
- }>> & import("@tamagui/core").MediaProps<Partial<Omit<import("react-native").ViewProps, "display" | "children" | "onLayout" | keyof import("react-native").GestureResponderHandlers | "style"> & import("@tamagui/core").ExtendBaseStackProps & import("@tamagui/core").TamaguiComponentPropsBase & {
247
- style?: import("@tamagui/core").StyleProp<import("react-native").ViewStyle | React.CSSProperties | (React.CSSProperties & import("react-native").ViewStyle)>;
248
- } & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & import("@tamagui/core").RNViewProps & Omit<{
249
- readonly fullscreen?: boolean | undefined;
250
- readonly elevation?: SizeTokens | undefined;
251
- }, "size" | "unstyled"> & {
252
- readonly unstyled?: boolean | undefined;
253
- readonly size?: SizeTokens | undefined;
254
- }>> & {
255
- labeledBy?: string | undefined;
256
- name?: string | undefined;
257
- value?: string | undefined;
258
- checked?: boolean | undefined;
259
- defaultChecked?: boolean | undefined;
260
- required?: boolean | undefined;
261
- native?: NativeValue<"android" | "ios" | "mobile"> | undefined;
262
- nativeProps?: NativeSwitchProps | undefined;
263
- onCheckedChange?(checked: boolean): void;
264
- } & React.RefAttributes<View | HTMLButtonElement>> & {
265
- Thumb: React.ForwardRefExoticComponent<Omit<import("react-native").ViewProps, "display" | "children" | "onLayout" | keyof import("react-native").GestureResponderHandlers | "style"> & import("@tamagui/core").ExtendBaseStackProps & import("@tamagui/core").TamaguiComponentPropsBase & {
266
- style?: import("@tamagui/core").StyleProp<import("react-native").ViewStyle | React.CSSProperties | (React.CSSProperties & import("react-native").ViewStyle)>;
267
- } & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & import("@tamagui/core").RNViewProps & Omit<{
268
- readonly fullscreen?: boolean | undefined;
269
- readonly elevation?: SizeTokens | undefined;
270
- } & {
271
- readonly backgrounded?: boolean | undefined;
272
- readonly radiused?: boolean | undefined;
273
- readonly hoverTheme?: boolean | undefined;
274
- readonly pressTheme?: boolean | undefined;
275
- readonly focusTheme?: boolean | undefined;
276
- readonly circular?: boolean | undefined;
277
- readonly padded?: boolean | undefined;
278
- readonly elevate?: boolean | undefined;
279
- readonly bordered?: number | boolean | undefined;
280
- readonly transparent?: boolean | undefined;
281
- readonly chromeless?: boolean | "all" | undefined;
282
- }, "size" | "unstyled"> & {
283
- readonly unstyled?: boolean | undefined;
284
- readonly size?: SizeTokens | undefined;
285
- } & import("@tamagui/core").PseudoProps<Partial<Omit<import("react-native").ViewProps, "display" | "children" | "onLayout" | keyof import("react-native").GestureResponderHandlers | "style"> & import("@tamagui/core").ExtendBaseStackProps & import("@tamagui/core").TamaguiComponentPropsBase & {
286
- style?: import("@tamagui/core").StyleProp<import("react-native").ViewStyle | React.CSSProperties | (React.CSSProperties & import("react-native").ViewStyle)>;
287
- } & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & import("@tamagui/core").RNViewProps & Omit<{
288
- readonly fullscreen?: boolean | undefined;
289
- readonly elevation?: SizeTokens | undefined;
290
- } & {
291
- readonly backgrounded?: boolean | undefined;
292
- readonly radiused?: boolean | undefined;
293
- readonly hoverTheme?: boolean | undefined;
294
- readonly pressTheme?: boolean | undefined;
295
- readonly focusTheme?: boolean | undefined;
296
- readonly circular?: boolean | undefined;
297
- readonly padded?: boolean | undefined;
298
- readonly elevate?: boolean | undefined;
299
- readonly bordered?: number | boolean | undefined;
300
- readonly transparent?: boolean | undefined;
301
- readonly chromeless?: boolean | "all" | undefined;
302
- }, "size" | "unstyled"> & {
303
- readonly unstyled?: boolean | undefined;
304
- readonly size?: SizeTokens | undefined;
305
- }>> & import("@tamagui/core").MediaProps<Partial<Omit<import("react-native").ViewProps, "display" | "children" | "onLayout" | keyof import("react-native").GestureResponderHandlers | "style"> & import("@tamagui/core").ExtendBaseStackProps & import("@tamagui/core").TamaguiComponentPropsBase & {
306
- style?: import("@tamagui/core").StyleProp<import("react-native").ViewStyle | React.CSSProperties | (React.CSSProperties & import("react-native").ViewStyle)>;
307
- } & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & import("@tamagui/core").RNViewProps & Omit<{
308
- readonly fullscreen?: boolean | undefined;
309
- readonly elevation?: SizeTokens | undefined;
310
- } & {
311
- readonly backgrounded?: boolean | undefined;
312
- readonly radiused?: boolean | undefined;
313
- readonly hoverTheme?: boolean | undefined;
314
- readonly pressTheme?: boolean | undefined;
315
- readonly focusTheme?: boolean | undefined;
316
- readonly circular?: boolean | undefined;
317
- readonly padded?: boolean | undefined;
318
- readonly elevate?: boolean | undefined;
319
- readonly bordered?: number | boolean | undefined;
320
- readonly transparent?: boolean | undefined;
321
- readonly chromeless?: boolean | "all" | undefined;
322
- }, "size" | "unstyled"> & {
323
- readonly unstyled?: boolean | undefined;
324
- readonly size?: SizeTokens | undefined;
325
- }>> & React.RefAttributes<import("@tamagui/core").TamaguiElement>>;
162
+ export declare const Switch: import("react").ForwardRefExoticComponent<Omit<import("react-native").ViewProps, "display" | "children" | ("onLayout" | keyof import("react-native").GestureResponderHandlers) | "style"> & import("@tamagui/core").ExtendBaseStackProps & import("@tamagui/core").TamaguiComponentPropsBase & {
163
+ style?: import("@tamagui/core").StyleProp<import("react-native").ViewStyle | import("react").CSSProperties | (import("react").CSSProperties & import("react-native").ViewStyle)>;
164
+ } & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & import("@tamagui/core").PseudoProps<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>>> & import("@tamagui/core").MediaProps<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & import("@tamagui/core").PseudoProps<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>>>> & {
165
+ size?: number | SizeTokens | undefined;
166
+ unstyled?: boolean | undefined;
167
+ } & import("./createSwitch").SwitchExtraProps & import("react").RefAttributes<import("@tamagui/core").TamaguiElement>> & {
168
+ Thumb: import("@tamagui/core").ReactComponentWithRef<Object & Omit<Omit<import("react-native").ViewProps, "display" | "children" | ("onLayout" | keyof import("react-native").GestureResponderHandlers) | "style"> & import("@tamagui/core").ExtendBaseStackProps & import("@tamagui/core").TamaguiComponentPropsBase & {
169
+ style?: import("@tamagui/core").StyleProp<import("react-native").ViewStyle | import("react").CSSProperties | (import("react").CSSProperties & import("react-native").ViewStyle)>;
170
+ } & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & import("@tamagui/core").PseudoProps<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>>> & import("@tamagui/core").MediaProps<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & import("@tamagui/core").PseudoProps<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>>>> & {
171
+ size?: number | SizeTokens | undefined;
172
+ unstyled?: boolean | undefined;
173
+ }, keyof Object>, any> & {
174
+ staticConfig: import("@tamagui/core").StaticConfig;
175
+ styleable: import("@tamagui/core").Styleable<Omit<import("react-native").ViewProps, "display" | "children" | ("onLayout" | keyof import("react-native").GestureResponderHandlers) | "style"> & import("@tamagui/core").ExtendBaseStackProps & import("@tamagui/core").TamaguiComponentPropsBase & {
176
+ style?: import("@tamagui/core").StyleProp<import("react-native").ViewStyle | import("react").CSSProperties | (import("react").CSSProperties & import("react-native").ViewStyle)>;
177
+ } & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & import("@tamagui/core").PseudoProps<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>>> & import("@tamagui/core").MediaProps<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & import("@tamagui/core").PseudoProps<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>>>> & {
178
+ size?: number | SizeTokens | undefined;
179
+ unstyled?: boolean | undefined;
180
+ }, any>;
181
+ };
326
182
  };
327
- export {};
328
183
  //# sourceMappingURL=Switch.d.ts.map
package/types/Switch.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Switch.d.ts","sourceRoot":"","sources":["../src/Switch.tsx"],"names":[],"mappings":"AAIA,OAAO,EACL,QAAQ,EAER,WAAW,EACX,UAAU,EAKX,MAAM,eAAe,CAAA;AAQtB,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAEL,WAAW,IAAI,iBAAiB,EAEhC,IAAI,EACL,MAAM,cAAc,CAAA;AAWrB,eAAO,MAAM,iBAAiB,+CAAmB,CAAA;AAejD,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA0B3B,CAAA;AAEF,MAAM,MAAM,gBAAgB,GAAG,QAAQ,CAAC,OAAO,gBAAgB,CAAC,CAAA;AAEhE,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;kEA6BvB,CAAA;AAMD,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAsCtB,CAAA;AAEF,KAAK,iBAAiB,GAAG,QAAQ,CAAC,OAAO,WAAW,CAAC,CAAA;AAErD,MAAM,MAAM,WAAW,GAAG,iBAAiB,GAAG;IAC5C,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,MAAM,CAAC,EAAE,WAAW,CAAC,QAAQ,GAAG,KAAK,GAAG,SAAS,CAAC,CAAA;IAClD,WAAW,CAAC,EAAE,iBAAiB,CAAA;IAC/B,eAAe,CAAC,CAAC,OAAO,EAAE,OAAO,GAAG,IAAI,CAAA;CACzC,CAAA;AAiID,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;8BAlIS,OAAO,GAAG,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoIxC,CAAA"}
1
+ {"version":3,"file":"Switch.d.ts","sourceRoot":"","sources":["../src/Switch.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAA4B,MAAM,eAAe,CAAA;AAMpE,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA2BtB,CAAA;AAOF,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA+CtB,CAAA;AAEF,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;CAIjB,CAAA"}
package/types/createSwitch.d.ts ADDED
@@ -0,0 +1,41 @@
1
+ import { NativeValue, SizeTokens, StackProps, TamaguiComponentExpectingVariants, TamaguiElement } from '@tamagui/core';
2
+ import * as React from 'react';
3
+ import { SwitchProps as NativeSwitchProps } from 'react-native';
4
+ export declare const SwitchContext: import("@tamagui/core").StyledContext<{
5
+ checked: boolean;
6
+ disabled?: boolean | undefined;
7
+ frameWidth: number;
8
+ size?: SizeTokens | undefined;
9
+ unstyled?: boolean | undefined;
10
+ }>;
11
+ type SwitchSharedProps = {
12
+ size?: SizeTokens | number;
13
+ unstyled?: boolean;
14
+ };
15
+ type SwitchBaseProps = StackProps & SwitchSharedProps;
16
+ export type SwitchExtraProps = {
17
+ labeledBy?: string;
18
+ name?: string;
19
+ value?: string;
20
+ checked?: boolean;
21
+ defaultChecked?: boolean;
22
+ required?: boolean;
23
+ native?: NativeValue<'mobile' | 'ios' | 'android'>;
24
+ nativeProps?: NativeSwitchProps;
25
+ onCheckedChange?(checked: boolean): void;
26
+ };
27
+ type SwitchProps = SwitchBaseProps & SwitchExtraProps;
28
+ export declare function createSwitch<F extends TamaguiComponentExpectingVariants<SwitchProps, SwitchSharedProps & SwitchExtraProps>, T extends TamaguiComponentExpectingVariants<SwitchBaseProps, SwitchSharedProps>>({ Frame, Thumb, acceptsUnstyled }: {
29
+ Frame: F;
30
+ Thumb: T;
31
+ acceptsUnstyled?: boolean;
32
+ }): React.ForwardRefExoticComponent<Omit<import("react-native").ViewProps, "display" | "children" | ("onLayout" | keyof import("react-native").GestureResponderHandlers) | "style"> & import("@tamagui/core").ExtendBaseStackProps & import("@tamagui/core").TamaguiComponentPropsBase & {
33
+ style?: import("@tamagui/core").StyleProp<import("react-native").ViewStyle | React.CSSProperties | (React.CSSProperties & import("react-native").ViewStyle)>;
34
+ } & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & import("@tamagui/core").PseudoProps<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>>> & import("@tamagui/core").MediaProps<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & import("@tamagui/core").PseudoProps<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>>>> & SwitchSharedProps & SwitchExtraProps & React.RefAttributes<TamaguiElement>> & {
35
+ Thumb: import("@tamagui/core").ReactComponentWithRef<Object & Omit<SwitchBaseProps, keyof Object>, any> & {
36
+ staticConfig: import("@tamagui/core").StaticConfig;
37
+ styleable: import("@tamagui/core").Styleable<SwitchBaseProps, any>;
38
+ };
39
+ };
40
+ export {};
41
+ //# sourceMappingURL=createSwitch.d.ts.map
package/types/createSwitch.d.ts.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"createSwitch.d.ts","sourceRoot":"","sources":["../src/createSwitch.tsx"],"names":[],"mappings":"AACA,OAAO,EACL,WAAW,EACX,UAAU,EACV,UAAU,EACV,iCAAiC,EACjC,cAAc,EAOf,MAAM,eAAe,CAAA;AAMtB,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAEL,WAAW,IAAI,iBAAiB,EAEjC,MAAM,cAAc,CAAA;AAErB,eAAO,MAAM,aAAa;aACf,OAAO;;gBAEJ,MAAM;;;EASlB,CAAA;AAEF,KAAK,iBAAiB,GAAG;IACvB,IAAI,CAAC,EAAE,UAAU,GAAG,MAAM,CAAA;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAA;AAED,KAAK,eAAe,GAAG,UAAU,GAAG,iBAAiB,CAAA;AAErD,MAAM,MAAM,gBAAgB,GAAG;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,MAAM,CAAC,EAAE,WAAW,CAAC,QAAQ,GAAG,KAAK,GAAG,SAAS,CAAC,CAAA;IAClD,WAAW,CAAC,EAAE,iBAAiB,CAAA;IAC/B,eAAe,CAAC,CAAC,OAAO,EAAE,OAAO,GAAG,IAAI,CAAA;CACzC,CAAA;AAED,KAAK,WAAW,GAAG,eAAe,GAAG,gBAAgB,CAAA;AAErD,wBAAgB,YAAY,CAC1B,CAAC,SAAS,iCAAiC,CACzC,WAAW,EACX,iBAAiB,GAAG,gBAAgB,CACrC,EACD,CAAC,SAAS,iCAAiC,CAAC,eAAe,EAAE,iBAAiB,CAAC,EAC/E,EAAE,KAAK,EAAE,KAAK,EAAE,eAAe,EAAE,EAAE;IAAE,KAAK,EAAE,CAAC,CAAC;IAAC,KAAK,EAAE,CAAC,CAAC;IAAC,eAAe,CAAC,EAAE,OAAO,CAAA;CAAE;;;;;;;EA4OrF"}
package/types/index.d.ts CHANGED
@@ -1,2 +1,3 @@
1
1
  export * from './Switch';
2
+ export * from './createSwitch';
2
3
  //# sourceMappingURL=index.d.ts.map
package/types/index.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAA"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAA;AACxB,cAAc,gBAAgB,CAAA"}