@tamagui/toggle-group 1.10.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.
- package/dist/cjs/Toggle.js +127 -0
- package/dist/cjs/Toggle.js.map +7 -0
- package/dist/cjs/ToggleGroup.js +342 -0
- package/dist/cjs/ToggleGroup.js.map +7 -0
- package/dist/cjs/index.js +19 -0
- package/dist/cjs/index.js.map +7 -0
- package/dist/esm/Toggle.js +92 -0
- package/dist/esm/Toggle.js.map +7 -0
- package/dist/esm/Toggle.mjs +92 -0
- package/dist/esm/Toggle.mjs.map +7 -0
- package/dist/esm/ToggleGroup.js +313 -0
- package/dist/esm/ToggleGroup.js.map +7 -0
- package/dist/esm/ToggleGroup.mjs +313 -0
- package/dist/esm/ToggleGroup.mjs.map +7 -0
- package/dist/esm/index.js +2 -0
- package/dist/esm/index.js.map +7 -0
- package/dist/esm/index.mjs +2 -0
- package/dist/esm/index.mjs.map +7 -0
- package/dist/jsx/Toggle.js +88 -0
- package/dist/jsx/Toggle.js.map +7 -0
- package/dist/jsx/Toggle.mjs +88 -0
- package/dist/jsx/Toggle.mjs.map +7 -0
- package/dist/jsx/ToggleGroup.js +279 -0
- package/dist/jsx/ToggleGroup.js.map +7 -0
- package/dist/jsx/ToggleGroup.mjs +279 -0
- package/dist/jsx/ToggleGroup.mjs.map +7 -0
- package/dist/jsx/index.js +2 -0
- package/dist/jsx/index.js.map +7 -0
- package/dist/jsx/index.mjs +2 -0
- package/dist/jsx/index.mjs.map +7 -0
- package/package.json +56 -0
- package/src/Toggle.tsx +129 -0
- package/src/ToggleGroup.tsx +476 -0
- package/src/index.ts +1 -0
- package/types/Toggle.d.ts +154 -0
- package/types/Toggle.d.ts.map +1 -0
- package/types/ToggleGroup.d.ts +538 -0
- package/types/ToggleGroup.d.ts.map +1 -0
- package/types/index.d.ts +2 -0
- package/types/index.d.ts.map +1 -0
|
@@ -0,0 +1,538 @@
|
|
|
1
|
+
import { Scope } from '@tamagui/create-context';
|
|
2
|
+
import { GroupProps } from '@tamagui/group';
|
|
3
|
+
import { RovingFocusGroup } from '@tamagui/roving-focus';
|
|
4
|
+
import { GetProps, SizeTokens } from '@tamagui/web';
|
|
5
|
+
import React from 'react';
|
|
6
|
+
import { ToggleFrame } from './Toggle';
|
|
7
|
+
declare const createToggleGroupScope: import("@tamagui/create-context").CreateScope;
|
|
8
|
+
type ToggleGroupItemProps = GetProps<typeof ToggleFrame> & {
|
|
9
|
+
value: string;
|
|
10
|
+
id?: string;
|
|
11
|
+
disabled?: boolean;
|
|
12
|
+
size?: SizeTokens;
|
|
13
|
+
/**
|
|
14
|
+
* Used to disable passing styles down to children.
|
|
15
|
+
*/
|
|
16
|
+
disablePassStyles?: boolean;
|
|
17
|
+
};
|
|
18
|
+
interface ToggleGroupSingleProps extends ToggleGroupImplSingleProps {
|
|
19
|
+
type: 'single';
|
|
20
|
+
}
|
|
21
|
+
interface ToggleGroupMultipleProps extends ToggleGroupImplMultipleProps {
|
|
22
|
+
type: 'multiple';
|
|
23
|
+
}
|
|
24
|
+
type ToggleGroupProps = ToggleGroupSingleProps | ToggleGroupMultipleProps;
|
|
25
|
+
declare const ToggleGroup: React.ForwardRefExoticComponent<(Omit<ToggleGroupSingleProps, "ref"> | Omit<ToggleGroupMultipleProps, "ref">) & React.RefAttributes<HTMLElement>> & {
|
|
26
|
+
Item: React.ForwardRefExoticComponent<Omit<import("react-native").ViewProps, "display" | "children" | "onLayout" | keyof import("react-native").GestureResponderHandlers> & import("@tamagui/web").ExtendBaseStackProps & import("@tamagui/web").TamaguiComponentPropsBase & import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStylePropsBase> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStylePropsBase>> & import("@tamagui/core/types/reactNativeTypes").RNViewProps & Omit<{
|
|
27
|
+
readonly fullscreen?: boolean | undefined;
|
|
28
|
+
readonly elevation?: SizeTokens | undefined;
|
|
29
|
+
} & {
|
|
30
|
+
readonly backgrounded?: boolean | undefined;
|
|
31
|
+
readonly radiused?: boolean | undefined;
|
|
32
|
+
readonly hoverTheme?: boolean | undefined;
|
|
33
|
+
readonly pressTheme?: boolean | undefined;
|
|
34
|
+
readonly focusTheme?: boolean | undefined;
|
|
35
|
+
readonly circular?: boolean | undefined;
|
|
36
|
+
readonly padded?: boolean | undefined;
|
|
37
|
+
readonly elevate?: boolean | undefined;
|
|
38
|
+
readonly bordered?: number | boolean | undefined;
|
|
39
|
+
readonly transparent?: boolean | undefined;
|
|
40
|
+
readonly chromeless?: boolean | "all" | undefined;
|
|
41
|
+
}, "unstyled" | "active" | "orientation"> & {
|
|
42
|
+
readonly unstyled?: boolean | undefined;
|
|
43
|
+
readonly active?: boolean | undefined;
|
|
44
|
+
readonly orientation?: "horizontal" | "vertical" | undefined;
|
|
45
|
+
} & import("@tamagui/web").MediaProps<Partial<Omit<import("react-native").ViewProps, "display" | "children" | "onLayout" | keyof import("react-native").GestureResponderHandlers> & import("@tamagui/web").ExtendBaseStackProps & import("@tamagui/web").TamaguiComponentPropsBase & import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStylePropsBase> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStylePropsBase>> & import("@tamagui/core/types/reactNativeTypes").RNViewProps & Omit<{
|
|
46
|
+
readonly fullscreen?: boolean | undefined;
|
|
47
|
+
readonly elevation?: SizeTokens | undefined;
|
|
48
|
+
} & {
|
|
49
|
+
readonly backgrounded?: boolean | undefined;
|
|
50
|
+
readonly radiused?: boolean | undefined;
|
|
51
|
+
readonly hoverTheme?: boolean | undefined;
|
|
52
|
+
readonly pressTheme?: boolean | undefined;
|
|
53
|
+
readonly focusTheme?: boolean | undefined;
|
|
54
|
+
readonly circular?: boolean | undefined;
|
|
55
|
+
readonly padded?: boolean | undefined;
|
|
56
|
+
readonly elevate?: boolean | undefined;
|
|
57
|
+
readonly bordered?: number | boolean | undefined;
|
|
58
|
+
readonly transparent?: boolean | undefined;
|
|
59
|
+
readonly chromeless?: boolean | "all" | undefined;
|
|
60
|
+
}, "unstyled" | "active" | "orientation"> & {
|
|
61
|
+
readonly unstyled?: boolean | undefined;
|
|
62
|
+
readonly active?: boolean | undefined;
|
|
63
|
+
readonly orientation?: "horizontal" | "vertical" | undefined;
|
|
64
|
+
}>> & import("@tamagui/web").PseudoProps<Partial<Omit<import("react-native").ViewProps, "display" | "children" | "onLayout" | keyof import("react-native").GestureResponderHandlers> & import("@tamagui/web").ExtendBaseStackProps & import("@tamagui/web").TamaguiComponentPropsBase & import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStylePropsBase> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStylePropsBase>> & import("@tamagui/core/types/reactNativeTypes").RNViewProps & Omit<{
|
|
65
|
+
readonly fullscreen?: boolean | undefined;
|
|
66
|
+
readonly elevation?: SizeTokens | undefined;
|
|
67
|
+
} & {
|
|
68
|
+
readonly backgrounded?: boolean | undefined;
|
|
69
|
+
readonly radiused?: boolean | undefined;
|
|
70
|
+
readonly hoverTheme?: boolean | undefined;
|
|
71
|
+
readonly pressTheme?: boolean | undefined;
|
|
72
|
+
readonly focusTheme?: boolean | undefined;
|
|
73
|
+
readonly circular?: boolean | undefined;
|
|
74
|
+
readonly padded?: boolean | undefined;
|
|
75
|
+
readonly elevate?: boolean | undefined;
|
|
76
|
+
readonly bordered?: number | boolean | undefined;
|
|
77
|
+
readonly transparent?: boolean | undefined;
|
|
78
|
+
readonly chromeless?: boolean | "all" | undefined;
|
|
79
|
+
}, "unstyled" | "active" | "orientation"> & {
|
|
80
|
+
readonly unstyled?: boolean | undefined;
|
|
81
|
+
readonly active?: boolean | undefined;
|
|
82
|
+
readonly orientation?: "horizontal" | "vertical" | undefined;
|
|
83
|
+
}>> & {
|
|
84
|
+
value: string;
|
|
85
|
+
id?: string | undefined;
|
|
86
|
+
disabled?: boolean | undefined;
|
|
87
|
+
size?: SizeTokens | undefined;
|
|
88
|
+
/**
|
|
89
|
+
* Used to disable passing styles down to children.
|
|
90
|
+
*/
|
|
91
|
+
disablePassStyles?: boolean | undefined;
|
|
92
|
+
} & React.RefAttributes<HTMLButtonElement>>;
|
|
93
|
+
};
|
|
94
|
+
interface ToggleGroupImplSingleProps extends ToggleGroupImplProps {
|
|
95
|
+
/**
|
|
96
|
+
* The controlled stateful value of the item that is pressed.
|
|
97
|
+
*/
|
|
98
|
+
value?: string;
|
|
99
|
+
/**
|
|
100
|
+
* The value of the item that is pressed when initially rendered. Use
|
|
101
|
+
* `defaultValue` if you do not need to control the state of a toggle group.
|
|
102
|
+
*/
|
|
103
|
+
defaultValue?: string;
|
|
104
|
+
/**
|
|
105
|
+
* The callback that fires when the value of the toggle group changes.
|
|
106
|
+
*/
|
|
107
|
+
onValueChange?(value: string): void;
|
|
108
|
+
/**
|
|
109
|
+
* Won't let the user turn the active item off.
|
|
110
|
+
*/
|
|
111
|
+
disableDeactivation?: boolean;
|
|
112
|
+
}
|
|
113
|
+
interface ToggleGroupImplMultipleProps extends ToggleGroupImplProps {
|
|
114
|
+
/**
|
|
115
|
+
* The controlled stateful value of the items that are pressed.
|
|
116
|
+
*/
|
|
117
|
+
value?: string[];
|
|
118
|
+
/**
|
|
119
|
+
* The value of the items that are pressed when initially rendered. Use
|
|
120
|
+
* `defaultValue` if you do not need to control the state of a toggle group.
|
|
121
|
+
*/
|
|
122
|
+
defaultValue?: string[];
|
|
123
|
+
/**
|
|
124
|
+
* The callback that fires when the state of the toggle group changes.
|
|
125
|
+
*/
|
|
126
|
+
onValueChange?(value: string[]): void;
|
|
127
|
+
}
|
|
128
|
+
type RovingFocusGroupProps = React.ComponentPropsWithoutRef<typeof RovingFocusGroup>;
|
|
129
|
+
declare const ToggleGroupImplElementFrame: import("@tamagui/web").TamaguiComponent<Omit<import("react-native").ViewProps, "display" | "children" | "onLayout" | keyof import("react-native").GestureResponderHandlers> & import("@tamagui/web").ExtendBaseStackProps & import("@tamagui/web").TamaguiComponentPropsBase & import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStylePropsBase> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStylePropsBase>> & import("@tamagui/core/types/reactNativeTypes").RNViewProps & Omit<{
|
|
130
|
+
readonly fullscreen?: boolean | undefined;
|
|
131
|
+
readonly elevation?: SizeTokens | undefined;
|
|
132
|
+
} & {
|
|
133
|
+
readonly backgrounded?: boolean | undefined;
|
|
134
|
+
readonly radiused?: boolean | undefined;
|
|
135
|
+
readonly hoverTheme?: boolean | undefined;
|
|
136
|
+
readonly pressTheme?: boolean | undefined;
|
|
137
|
+
readonly focusTheme?: boolean | undefined;
|
|
138
|
+
readonly circular?: boolean | undefined;
|
|
139
|
+
readonly padded?: boolean | undefined;
|
|
140
|
+
readonly elevate?: boolean | undefined;
|
|
141
|
+
readonly bordered?: number | boolean | undefined;
|
|
142
|
+
readonly transparent?: boolean | undefined;
|
|
143
|
+
readonly chromeless?: boolean | "all" | undefined;
|
|
144
|
+
}, "unstyled" | "size"> & {
|
|
145
|
+
readonly unstyled?: boolean | undefined;
|
|
146
|
+
readonly size?: any;
|
|
147
|
+
} & import("@tamagui/web").MediaProps<Partial<Omit<import("react-native").ViewProps, "display" | "children" | "onLayout" | keyof import("react-native").GestureResponderHandlers> & import("@tamagui/web").ExtendBaseStackProps & import("@tamagui/web").TamaguiComponentPropsBase & import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStylePropsBase> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStylePropsBase>> & import("@tamagui/core/types/reactNativeTypes").RNViewProps & Omit<{
|
|
148
|
+
readonly fullscreen?: boolean | undefined;
|
|
149
|
+
readonly elevation?: SizeTokens | undefined;
|
|
150
|
+
} & {
|
|
151
|
+
readonly backgrounded?: boolean | undefined;
|
|
152
|
+
readonly radiused?: boolean | undefined;
|
|
153
|
+
readonly hoverTheme?: boolean | undefined;
|
|
154
|
+
readonly pressTheme?: boolean | undefined;
|
|
155
|
+
readonly focusTheme?: boolean | undefined;
|
|
156
|
+
readonly circular?: boolean | undefined;
|
|
157
|
+
readonly padded?: boolean | undefined;
|
|
158
|
+
readonly elevate?: boolean | undefined;
|
|
159
|
+
readonly bordered?: number | boolean | undefined;
|
|
160
|
+
readonly transparent?: boolean | undefined; /**
|
|
161
|
+
* The value of the item that is pressed when initially rendered. Use
|
|
162
|
+
* `defaultValue` if you do not need to control the state of a toggle group.
|
|
163
|
+
*/
|
|
164
|
+
readonly chromeless?: boolean | "all" | undefined;
|
|
165
|
+
}, "unstyled" | "size"> & {
|
|
166
|
+
readonly unstyled?: boolean | undefined;
|
|
167
|
+
readonly size?: any;
|
|
168
|
+
}>> & import("@tamagui/web").PseudoProps<Partial<Omit<import("react-native").ViewProps, "display" | "children" | "onLayout" | keyof import("react-native").GestureResponderHandlers> & import("@tamagui/web").ExtendBaseStackProps & import("@tamagui/web").TamaguiComponentPropsBase & import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStylePropsBase> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStylePropsBase>> & import("@tamagui/core/types/reactNativeTypes").RNViewProps & Omit<{
|
|
169
|
+
readonly fullscreen?: boolean | undefined;
|
|
170
|
+
readonly elevation?: SizeTokens | undefined;
|
|
171
|
+
} & {
|
|
172
|
+
readonly backgrounded?: boolean | undefined;
|
|
173
|
+
readonly radiused?: boolean | undefined;
|
|
174
|
+
readonly hoverTheme?: boolean | undefined;
|
|
175
|
+
readonly pressTheme?: boolean | undefined;
|
|
176
|
+
readonly focusTheme?: boolean | undefined;
|
|
177
|
+
readonly circular?: boolean | undefined;
|
|
178
|
+
readonly padded?: boolean | undefined;
|
|
179
|
+
readonly elevate?: boolean | undefined;
|
|
180
|
+
readonly bordered?: number | boolean | undefined;
|
|
181
|
+
readonly transparent?: boolean | undefined;
|
|
182
|
+
readonly chromeless?: boolean | "all" | undefined;
|
|
183
|
+
}, "unstyled" | "size"> & {
|
|
184
|
+
readonly unstyled?: boolean | undefined;
|
|
185
|
+
readonly size?: any;
|
|
186
|
+
}>> & {
|
|
187
|
+
axis?: "horizontal" | "vertical" | undefined;
|
|
188
|
+
scrollable?: boolean | undefined;
|
|
189
|
+
showScrollIndicator?: boolean | undefined;
|
|
190
|
+
disabled?: boolean | undefined;
|
|
191
|
+
disablePassBorderRadius?: (boolean | "bottom" | "end" | "start" | "top") | undefined;
|
|
192
|
+
forceUseItem?: boolean | undefined;
|
|
193
|
+
} & {
|
|
194
|
+
__scopeGroup?: Scope<any>;
|
|
195
|
+
} & React.RefAttributes<import("@tamagui/web").TamaguiElement> & Omit<import("@tamagui/web").StackProps, "removeClippedSubviews" | "style" | "testID" | "nativeID" | "collapsable" | "needsOffscreenAlphaCompositing" | "renderToHardwareTextureAndroid" | "focusable" | "shouldRasterizeIOS" | "isTVSelectable" | "hasTVPreferredFocus" | "tvParallaxProperties" | "tvParallaxShiftDistanceX" | "tvParallaxShiftDistanceY" | "tvParallaxTiltAngle" | "tvParallaxMagnification" | "onTouchStart" | "onTouchMove" | "onTouchEnd" | "onTouchCancel" | "onTouchEndCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerUp" | "onPointerUpCapture" | "accessible" | "accessibilityActions" | "accessibilityLabel" | "accessibilityRole" | "accessibilityState" | "accessibilityHint" | "accessibilityValue" | "onAccessibilityAction" | "accessibilityLabelledBy" | "accessibilityLiveRegion" | "importantForAccessibility" | "accessibilityElementsHidden" | "accessibilityLanguage" | "accessibilityViewIsModal" | "onAccessibilityEscape" | "onAccessibilityTap" | "onMagicTap" | "accessibilityIgnoresInvertColors" | "elevation" | "backgroundColor" | "borderBottomColor" | "borderBottomEndRadius" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderBottomStartRadius" | "borderBottomWidth" | "borderColor" | "borderEndColor" | "borderLeftColor" | "borderLeftWidth" | "borderRadius" | "borderRightColor" | "borderRightWidth" | "borderStartColor" | "borderStyle" | "borderTopColor" | "borderTopEndRadius" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderTopStartRadius" | "borderTopWidth" | "borderWidth" | "opacity" | "alignContent" | "alignItems" | "alignSelf" | "aspectRatio" | "borderEndWidth" | "borderStartWidth" | "bottom" | "end" | "flex" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "height" | "justifyContent" | "left" | "margin" | "marginBottom" | "marginEnd" | "marginHorizontal" | "marginLeft" | "marginRight" | "marginStart" | "marginTop" | "marginVertical" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "overflow" | "padding" | "paddingBottom" | "paddingEnd" | "paddingHorizontal" | "paddingLeft" | "paddingRight" | "paddingStart" | "paddingTop" | "paddingVertical" | "position" | "right" | "start" | "top" | "width" | "zIndex" | "direction" | "shadowColor" | "shadowOffset" | "shadowOpacity" | "shadowRadius" | "transform" | "transformMatrix" | "rotation" | "translateX" | "translateY" | "transparent" | "hoverTheme" | "pressTheme" | "focusTheme" | "elevate" | "bordered" | "circular" | "backgrounded" | "radiused" | "padded" | "chromeless" | "fullscreen" | `$${string}` | `$${number}` | keyof import("@tamagui/web").TransformStyleProps | keyof {
|
|
196
|
+
pointerEvents?: "box-none" | "none" | "box-only" | "auto" | undefined;
|
|
197
|
+
cursor?: import("csstype").Property.Cursor | undefined;
|
|
198
|
+
contain?: import("csstype").Property.Contain | undefined;
|
|
199
|
+
display?: "flex" | "none" | "inherit" | "inline" | "block" | "contents" | "inline-flex" | undefined;
|
|
200
|
+
gap?: import("@tamagui/web").SpaceTokens | undefined;
|
|
201
|
+
columnGap?: import("@tamagui/web").SpaceTokens | undefined;
|
|
202
|
+
rowGap?: import("@tamagui/web").SpaceTokens | undefined;
|
|
203
|
+
userSelect?: import("csstype").Property.UserSelect | undefined;
|
|
204
|
+
outlineColor?: import("csstype").Property.OutlineColor | undefined;
|
|
205
|
+
outlineStyle?: import("csstype").Property.OutlineStyle | undefined;
|
|
206
|
+
outlineOffset?: import("csstype").Property.OutlineOffset<0 | (string & {})> | undefined;
|
|
207
|
+
outlineWidth?: import("csstype").Property.OutlineWidth<0 | (string & {})> | undefined;
|
|
208
|
+
} | keyof import("@tamagui/web").TamaguiComponentPropsBase | "unstyled" | keyof import("@tamagui/core/types/reactNativeTypes").RNViewProps | "size" | keyof import("@tamagui/web").PseudoProps<Partial<Omit<import("react-native").ViewProps, "display" | "children" | "onLayout" | keyof import("react-native").GestureResponderHandlers> & import("@tamagui/web").ExtendBaseStackProps & import("@tamagui/web").TamaguiComponentPropsBase & import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStylePropsBase> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStylePropsBase>> & import("@tamagui/core/types/reactNativeTypes").RNViewProps & Omit<{
|
|
209
|
+
readonly fullscreen?: boolean | undefined;
|
|
210
|
+
readonly elevation?: SizeTokens | undefined;
|
|
211
|
+
} & {
|
|
212
|
+
readonly backgrounded?: boolean | undefined;
|
|
213
|
+
readonly radiused?: boolean | undefined;
|
|
214
|
+
readonly hoverTheme?: boolean | undefined;
|
|
215
|
+
readonly pressTheme?: boolean | undefined;
|
|
216
|
+
readonly focusTheme?: boolean | undefined;
|
|
217
|
+
readonly circular?: boolean | undefined;
|
|
218
|
+
readonly padded?: boolean | undefined;
|
|
219
|
+
readonly elevate?: boolean | undefined;
|
|
220
|
+
readonly bordered?: number | boolean | undefined;
|
|
221
|
+
readonly transparent?: boolean | undefined;
|
|
222
|
+
readonly chromeless?: boolean | "all" | undefined;
|
|
223
|
+
}, "unstyled" | "size"> & {
|
|
224
|
+
readonly unstyled?: boolean | undefined;
|
|
225
|
+
readonly size?: any;
|
|
226
|
+
}>> | "axis" | "scrollable" | "showScrollIndicator" | "disablePassBorderRadius" | "forceUseItem" | "__scopeGroup" | keyof React.RefAttributes<import("@tamagui/web").TamaguiElement>> & Omit<{}, "unstyled" | "orientation"> & {
|
|
227
|
+
readonly unstyled?: boolean | undefined;
|
|
228
|
+
readonly orientation?: "horizontal" | "vertical" | undefined;
|
|
229
|
+
} & import("@tamagui/web").MediaProps<Partial<Omit<import("react-native").ViewProps, "display" | "children" | "onLayout" | keyof import("react-native").GestureResponderHandlers> & import("@tamagui/web").ExtendBaseStackProps & import("@tamagui/web").TamaguiComponentPropsBase & import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStylePropsBase> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStylePropsBase>> & import("@tamagui/core/types/reactNativeTypes").RNViewProps & Omit<{
|
|
230
|
+
readonly fullscreen?: boolean | undefined;
|
|
231
|
+
readonly elevation?: SizeTokens | undefined;
|
|
232
|
+
} & {
|
|
233
|
+
readonly backgrounded?: boolean | undefined;
|
|
234
|
+
readonly radiused?: boolean | undefined;
|
|
235
|
+
readonly hoverTheme?: boolean | undefined;
|
|
236
|
+
readonly pressTheme?: boolean | undefined;
|
|
237
|
+
readonly focusTheme?: boolean | undefined;
|
|
238
|
+
readonly circular?: boolean | undefined;
|
|
239
|
+
readonly padded?: boolean | undefined;
|
|
240
|
+
readonly elevate?: boolean | undefined;
|
|
241
|
+
readonly bordered?: number | boolean | undefined;
|
|
242
|
+
readonly transparent?: boolean | undefined;
|
|
243
|
+
readonly chromeless?: boolean | "all" | undefined;
|
|
244
|
+
}, "unstyled" | "size"> & {
|
|
245
|
+
readonly unstyled?: boolean | undefined;
|
|
246
|
+
readonly size?: any;
|
|
247
|
+
} & import("@tamagui/web").MediaProps<Partial<Omit<import("react-native").ViewProps, "display" | "children" | "onLayout" | keyof import("react-native").GestureResponderHandlers> & import("@tamagui/web").ExtendBaseStackProps & import("@tamagui/web").TamaguiComponentPropsBase & import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStylePropsBase> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStylePropsBase>> & import("@tamagui/core/types/reactNativeTypes").RNViewProps & Omit<{
|
|
248
|
+
readonly fullscreen?: boolean | undefined;
|
|
249
|
+
readonly elevation?: SizeTokens | undefined;
|
|
250
|
+
} & {
|
|
251
|
+
readonly backgrounded?: boolean | undefined;
|
|
252
|
+
readonly radiused?: boolean | undefined;
|
|
253
|
+
readonly hoverTheme?: boolean | undefined;
|
|
254
|
+
readonly pressTheme?: boolean | undefined;
|
|
255
|
+
readonly focusTheme?: boolean | undefined;
|
|
256
|
+
readonly circular?: boolean | undefined;
|
|
257
|
+
readonly padded?: boolean | undefined;
|
|
258
|
+
readonly elevate?: boolean | undefined;
|
|
259
|
+
readonly bordered?: number | boolean | undefined;
|
|
260
|
+
readonly transparent?: boolean | undefined; /**
|
|
261
|
+
* The value of the item that is pressed when initially rendered. Use
|
|
262
|
+
* `defaultValue` if you do not need to control the state of a toggle group.
|
|
263
|
+
*/
|
|
264
|
+
readonly chromeless?: boolean | "all" | undefined;
|
|
265
|
+
}, "unstyled" | "size"> & {
|
|
266
|
+
readonly unstyled?: boolean | undefined;
|
|
267
|
+
readonly size?: any;
|
|
268
|
+
}>> & import("@tamagui/web").PseudoProps<Partial<Omit<import("react-native").ViewProps, "display" | "children" | "onLayout" | keyof import("react-native").GestureResponderHandlers> & import("@tamagui/web").ExtendBaseStackProps & import("@tamagui/web").TamaguiComponentPropsBase & import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStylePropsBase> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStylePropsBase>> & import("@tamagui/core/types/reactNativeTypes").RNViewProps & Omit<{
|
|
269
|
+
readonly fullscreen?: boolean | undefined;
|
|
270
|
+
readonly elevation?: SizeTokens | undefined;
|
|
271
|
+
} & {
|
|
272
|
+
readonly backgrounded?: boolean | undefined;
|
|
273
|
+
readonly radiused?: boolean | undefined;
|
|
274
|
+
readonly hoverTheme?: boolean | undefined;
|
|
275
|
+
readonly pressTheme?: boolean | undefined;
|
|
276
|
+
readonly focusTheme?: boolean | undefined;
|
|
277
|
+
readonly circular?: boolean | undefined;
|
|
278
|
+
readonly padded?: boolean | undefined;
|
|
279
|
+
readonly elevate?: boolean | undefined;
|
|
280
|
+
readonly bordered?: number | boolean | undefined;
|
|
281
|
+
readonly transparent?: boolean | undefined;
|
|
282
|
+
readonly chromeless?: boolean | "all" | undefined;
|
|
283
|
+
}, "unstyled" | "size"> & {
|
|
284
|
+
readonly unstyled?: boolean | undefined;
|
|
285
|
+
readonly size?: any;
|
|
286
|
+
}>> & {
|
|
287
|
+
axis?: "horizontal" | "vertical" | undefined;
|
|
288
|
+
scrollable?: boolean | undefined;
|
|
289
|
+
showScrollIndicator?: boolean | undefined;
|
|
290
|
+
disabled?: boolean | undefined;
|
|
291
|
+
disablePassBorderRadius?: (boolean | "bottom" | "end" | "start" | "top") | undefined;
|
|
292
|
+
forceUseItem?: boolean | undefined;
|
|
293
|
+
} & {
|
|
294
|
+
__scopeGroup?: Scope<any>;
|
|
295
|
+
} & React.RefAttributes<import("@tamagui/web").TamaguiElement> & Omit<import("@tamagui/web").StackProps, "removeClippedSubviews" | "style" | "testID" | "nativeID" | "collapsable" | "needsOffscreenAlphaCompositing" | "renderToHardwareTextureAndroid" | "focusable" | "shouldRasterizeIOS" | "isTVSelectable" | "hasTVPreferredFocus" | "tvParallaxProperties" | "tvParallaxShiftDistanceX" | "tvParallaxShiftDistanceY" | "tvParallaxTiltAngle" | "tvParallaxMagnification" | "onTouchStart" | "onTouchMove" | "onTouchEnd" | "onTouchCancel" | "onTouchEndCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerUp" | "onPointerUpCapture" | "accessible" | "accessibilityActions" | "accessibilityLabel" | "accessibilityRole" | "accessibilityState" | "accessibilityHint" | "accessibilityValue" | "onAccessibilityAction" | "accessibilityLabelledBy" | "accessibilityLiveRegion" | "importantForAccessibility" | "accessibilityElementsHidden" | "accessibilityLanguage" | "accessibilityViewIsModal" | "onAccessibilityEscape" | "onAccessibilityTap" | "onMagicTap" | "accessibilityIgnoresInvertColors" | "elevation" | "backgroundColor" | "borderBottomColor" | "borderBottomEndRadius" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderBottomStartRadius" | "borderBottomWidth" | "borderColor" | "borderEndColor" | "borderLeftColor" | "borderLeftWidth" | "borderRadius" | "borderRightColor" | "borderRightWidth" | "borderStartColor" | "borderStyle" | "borderTopColor" | "borderTopEndRadius" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderTopStartRadius" | "borderTopWidth" | "borderWidth" | "opacity" | "alignContent" | "alignItems" | "alignSelf" | "aspectRatio" | "borderEndWidth" | "borderStartWidth" | "bottom" | "end" | "flex" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "height" | "justifyContent" | "left" | "margin" | "marginBottom" | "marginEnd" | "marginHorizontal" | "marginLeft" | "marginRight" | "marginStart" | "marginTop" | "marginVertical" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "overflow" | "padding" | "paddingBottom" | "paddingEnd" | "paddingHorizontal" | "paddingLeft" | "paddingRight" | "paddingStart" | "paddingTop" | "paddingVertical" | "position" | "right" | "start" | "top" | "width" | "zIndex" | "direction" | "shadowColor" | "shadowOffset" | "shadowOpacity" | "shadowRadius" | "transform" | "transformMatrix" | "rotation" | "translateX" | "translateY" | "transparent" | "hoverTheme" | "pressTheme" | "focusTheme" | "elevate" | "bordered" | "circular" | "backgrounded" | "radiused" | "padded" | "chromeless" | "fullscreen" | `$${string}` | `$${number}` | keyof import("@tamagui/web").TransformStyleProps | keyof {
|
|
296
|
+
pointerEvents?: "box-none" | "none" | "box-only" | "auto" | undefined;
|
|
297
|
+
cursor?: import("csstype").Property.Cursor | undefined;
|
|
298
|
+
contain?: import("csstype").Property.Contain | undefined;
|
|
299
|
+
display?: "flex" | "none" | "inherit" | "inline" | "block" | "contents" | "inline-flex" | undefined;
|
|
300
|
+
gap?: import("@tamagui/web").SpaceTokens | undefined;
|
|
301
|
+
columnGap?: import("@tamagui/web").SpaceTokens | undefined;
|
|
302
|
+
rowGap?: import("@tamagui/web").SpaceTokens | undefined;
|
|
303
|
+
userSelect?: import("csstype").Property.UserSelect | undefined;
|
|
304
|
+
outlineColor?: import("csstype").Property.OutlineColor | undefined;
|
|
305
|
+
outlineStyle?: import("csstype").Property.OutlineStyle | undefined;
|
|
306
|
+
outlineOffset?: import("csstype").Property.OutlineOffset<0 | (string & {})> | undefined;
|
|
307
|
+
outlineWidth?: import("csstype").Property.OutlineWidth<0 | (string & {})> | undefined;
|
|
308
|
+
} | keyof import("@tamagui/web").TamaguiComponentPropsBase | "unstyled" | keyof import("@tamagui/core/types/reactNativeTypes").RNViewProps | "size" | keyof import("@tamagui/web").PseudoProps<Partial<Omit<import("react-native").ViewProps, "display" | "children" | "onLayout" | keyof import("react-native").GestureResponderHandlers> & import("@tamagui/web").ExtendBaseStackProps & import("@tamagui/web").TamaguiComponentPropsBase & import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStylePropsBase> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStylePropsBase>> & import("@tamagui/core/types/reactNativeTypes").RNViewProps & Omit<{
|
|
309
|
+
readonly fullscreen?: boolean | undefined;
|
|
310
|
+
readonly elevation?: SizeTokens | undefined;
|
|
311
|
+
} & {
|
|
312
|
+
readonly backgrounded?: boolean | undefined;
|
|
313
|
+
readonly radiused?: boolean | undefined;
|
|
314
|
+
readonly hoverTheme?: boolean | undefined;
|
|
315
|
+
readonly pressTheme?: boolean | undefined;
|
|
316
|
+
readonly focusTheme?: boolean | undefined;
|
|
317
|
+
readonly circular?: boolean | undefined;
|
|
318
|
+
readonly padded?: boolean | undefined;
|
|
319
|
+
readonly elevate?: boolean | undefined;
|
|
320
|
+
readonly bordered?: number | boolean | undefined;
|
|
321
|
+
readonly transparent?: boolean | undefined;
|
|
322
|
+
readonly chromeless?: boolean | "all" | undefined;
|
|
323
|
+
}, "unstyled" | "size"> & {
|
|
324
|
+
readonly unstyled?: boolean | undefined;
|
|
325
|
+
readonly size?: any;
|
|
326
|
+
}>> | "axis" | "scrollable" | "showScrollIndicator" | "disablePassBorderRadius" | "forceUseItem" | "__scopeGroup" | keyof React.RefAttributes<import("@tamagui/web").TamaguiElement>> & Omit<{}, "unstyled" | "orientation"> & {
|
|
327
|
+
readonly unstyled?: boolean | undefined;
|
|
328
|
+
readonly orientation?: "horizontal" | "vertical" | undefined;
|
|
329
|
+
}>> & import("@tamagui/web").PseudoProps<Partial<Omit<import("react-native").ViewProps, "display" | "children" | "onLayout" | keyof import("react-native").GestureResponderHandlers> & import("@tamagui/web").ExtendBaseStackProps & import("@tamagui/web").TamaguiComponentPropsBase & import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStylePropsBase> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStylePropsBase>> & import("@tamagui/core/types/reactNativeTypes").RNViewProps & Omit<{
|
|
330
|
+
readonly fullscreen?: boolean | undefined;
|
|
331
|
+
readonly elevation?: SizeTokens | undefined;
|
|
332
|
+
} & {
|
|
333
|
+
readonly backgrounded?: boolean | undefined;
|
|
334
|
+
readonly radiused?: boolean | undefined;
|
|
335
|
+
readonly hoverTheme?: boolean | undefined;
|
|
336
|
+
readonly pressTheme?: boolean | undefined;
|
|
337
|
+
readonly focusTheme?: boolean | undefined;
|
|
338
|
+
readonly circular?: boolean | undefined;
|
|
339
|
+
readonly padded?: boolean | undefined;
|
|
340
|
+
readonly elevate?: boolean | undefined;
|
|
341
|
+
readonly bordered?: number | boolean | undefined;
|
|
342
|
+
readonly transparent?: boolean | undefined;
|
|
343
|
+
readonly chromeless?: boolean | "all" | undefined;
|
|
344
|
+
}, "unstyled" | "size"> & {
|
|
345
|
+
readonly unstyled?: boolean | undefined;
|
|
346
|
+
readonly size?: any;
|
|
347
|
+
} & import("@tamagui/web").MediaProps<Partial<Omit<import("react-native").ViewProps, "display" | "children" | "onLayout" | keyof import("react-native").GestureResponderHandlers> & import("@tamagui/web").ExtendBaseStackProps & import("@tamagui/web").TamaguiComponentPropsBase & import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStylePropsBase> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStylePropsBase>> & import("@tamagui/core/types/reactNativeTypes").RNViewProps & Omit<{
|
|
348
|
+
readonly fullscreen?: boolean | undefined;
|
|
349
|
+
readonly elevation?: SizeTokens | undefined;
|
|
350
|
+
} & {
|
|
351
|
+
readonly backgrounded?: boolean | undefined;
|
|
352
|
+
readonly radiused?: boolean | undefined;
|
|
353
|
+
readonly hoverTheme?: boolean | undefined;
|
|
354
|
+
readonly pressTheme?: boolean | undefined;
|
|
355
|
+
readonly focusTheme?: boolean | undefined;
|
|
356
|
+
readonly circular?: boolean | undefined;
|
|
357
|
+
readonly padded?: boolean | undefined;
|
|
358
|
+
readonly elevate?: boolean | undefined;
|
|
359
|
+
readonly bordered?: number | boolean | undefined;
|
|
360
|
+
readonly transparent?: boolean | undefined; /**
|
|
361
|
+
* The value of the item that is pressed when initially rendered. Use
|
|
362
|
+
* `defaultValue` if you do not need to control the state of a toggle group.
|
|
363
|
+
*/
|
|
364
|
+
readonly chromeless?: boolean | "all" | undefined;
|
|
365
|
+
}, "unstyled" | "size"> & {
|
|
366
|
+
readonly unstyled?: boolean | undefined;
|
|
367
|
+
readonly size?: any;
|
|
368
|
+
}>> & import("@tamagui/web").PseudoProps<Partial<Omit<import("react-native").ViewProps, "display" | "children" | "onLayout" | keyof import("react-native").GestureResponderHandlers> & import("@tamagui/web").ExtendBaseStackProps & import("@tamagui/web").TamaguiComponentPropsBase & import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStylePropsBase> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStylePropsBase>> & import("@tamagui/core/types/reactNativeTypes").RNViewProps & Omit<{
|
|
369
|
+
readonly fullscreen?: boolean | undefined;
|
|
370
|
+
readonly elevation?: SizeTokens | undefined;
|
|
371
|
+
} & {
|
|
372
|
+
readonly backgrounded?: boolean | undefined;
|
|
373
|
+
readonly radiused?: boolean | undefined;
|
|
374
|
+
readonly hoverTheme?: boolean | undefined;
|
|
375
|
+
readonly pressTheme?: boolean | undefined;
|
|
376
|
+
readonly focusTheme?: boolean | undefined;
|
|
377
|
+
readonly circular?: boolean | undefined;
|
|
378
|
+
readonly padded?: boolean | undefined;
|
|
379
|
+
readonly elevate?: boolean | undefined;
|
|
380
|
+
readonly bordered?: number | boolean | undefined;
|
|
381
|
+
readonly transparent?: boolean | undefined;
|
|
382
|
+
readonly chromeless?: boolean | "all" | undefined;
|
|
383
|
+
}, "unstyled" | "size"> & {
|
|
384
|
+
readonly unstyled?: boolean | undefined;
|
|
385
|
+
readonly size?: any;
|
|
386
|
+
}>> & {
|
|
387
|
+
axis?: "horizontal" | "vertical" | undefined;
|
|
388
|
+
scrollable?: boolean | undefined;
|
|
389
|
+
showScrollIndicator?: boolean | undefined;
|
|
390
|
+
disabled?: boolean | undefined;
|
|
391
|
+
disablePassBorderRadius?: (boolean | "bottom" | "end" | "start" | "top") | undefined;
|
|
392
|
+
forceUseItem?: boolean | undefined;
|
|
393
|
+
} & {
|
|
394
|
+
__scopeGroup?: Scope<any>;
|
|
395
|
+
} & React.RefAttributes<import("@tamagui/web").TamaguiElement> & Omit<import("@tamagui/web").StackProps, "removeClippedSubviews" | "style" | "testID" | "nativeID" | "collapsable" | "needsOffscreenAlphaCompositing" | "renderToHardwareTextureAndroid" | "focusable" | "shouldRasterizeIOS" | "isTVSelectable" | "hasTVPreferredFocus" | "tvParallaxProperties" | "tvParallaxShiftDistanceX" | "tvParallaxShiftDistanceY" | "tvParallaxTiltAngle" | "tvParallaxMagnification" | "onTouchStart" | "onTouchMove" | "onTouchEnd" | "onTouchCancel" | "onTouchEndCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerUp" | "onPointerUpCapture" | "accessible" | "accessibilityActions" | "accessibilityLabel" | "accessibilityRole" | "accessibilityState" | "accessibilityHint" | "accessibilityValue" | "onAccessibilityAction" | "accessibilityLabelledBy" | "accessibilityLiveRegion" | "importantForAccessibility" | "accessibilityElementsHidden" | "accessibilityLanguage" | "accessibilityViewIsModal" | "onAccessibilityEscape" | "onAccessibilityTap" | "onMagicTap" | "accessibilityIgnoresInvertColors" | "elevation" | "backgroundColor" | "borderBottomColor" | "borderBottomEndRadius" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderBottomStartRadius" | "borderBottomWidth" | "borderColor" | "borderEndColor" | "borderLeftColor" | "borderLeftWidth" | "borderRadius" | "borderRightColor" | "borderRightWidth" | "borderStartColor" | "borderStyle" | "borderTopColor" | "borderTopEndRadius" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderTopStartRadius" | "borderTopWidth" | "borderWidth" | "opacity" | "alignContent" | "alignItems" | "alignSelf" | "aspectRatio" | "borderEndWidth" | "borderStartWidth" | "bottom" | "end" | "flex" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "height" | "justifyContent" | "left" | "margin" | "marginBottom" | "marginEnd" | "marginHorizontal" | "marginLeft" | "marginRight" | "marginStart" | "marginTop" | "marginVertical" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "overflow" | "padding" | "paddingBottom" | "paddingEnd" | "paddingHorizontal" | "paddingLeft" | "paddingRight" | "paddingStart" | "paddingTop" | "paddingVertical" | "position" | "right" | "start" | "top" | "width" | "zIndex" | "direction" | "shadowColor" | "shadowOffset" | "shadowOpacity" | "shadowRadius" | "transform" | "transformMatrix" | "rotation" | "translateX" | "translateY" | "transparent" | "hoverTheme" | "pressTheme" | "focusTheme" | "elevate" | "bordered" | "circular" | "backgrounded" | "radiused" | "padded" | "chromeless" | "fullscreen" | `$${string}` | `$${number}` | keyof import("@tamagui/web").TransformStyleProps | keyof {
|
|
396
|
+
pointerEvents?: "box-none" | "none" | "box-only" | "auto" | undefined;
|
|
397
|
+
cursor?: import("csstype").Property.Cursor | undefined;
|
|
398
|
+
contain?: import("csstype").Property.Contain | undefined;
|
|
399
|
+
display?: "flex" | "none" | "inherit" | "inline" | "block" | "contents" | "inline-flex" | undefined;
|
|
400
|
+
gap?: import("@tamagui/web").SpaceTokens | undefined;
|
|
401
|
+
columnGap?: import("@tamagui/web").SpaceTokens | undefined;
|
|
402
|
+
rowGap?: import("@tamagui/web").SpaceTokens | undefined;
|
|
403
|
+
userSelect?: import("csstype").Property.UserSelect | undefined;
|
|
404
|
+
outlineColor?: import("csstype").Property.OutlineColor | undefined;
|
|
405
|
+
outlineStyle?: import("csstype").Property.OutlineStyle | undefined;
|
|
406
|
+
outlineOffset?: import("csstype").Property.OutlineOffset<0 | (string & {})> | undefined;
|
|
407
|
+
outlineWidth?: import("csstype").Property.OutlineWidth<0 | (string & {})> | undefined;
|
|
408
|
+
} | keyof import("@tamagui/web").TamaguiComponentPropsBase | "unstyled" | keyof import("@tamagui/core/types/reactNativeTypes").RNViewProps | "size" | keyof import("@tamagui/web").PseudoProps<Partial<Omit<import("react-native").ViewProps, "display" | "children" | "onLayout" | keyof import("react-native").GestureResponderHandlers> & import("@tamagui/web").ExtendBaseStackProps & import("@tamagui/web").TamaguiComponentPropsBase & import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStylePropsBase> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStylePropsBase>> & import("@tamagui/core/types/reactNativeTypes").RNViewProps & Omit<{
|
|
409
|
+
readonly fullscreen?: boolean | undefined;
|
|
410
|
+
readonly elevation?: SizeTokens | undefined;
|
|
411
|
+
} & {
|
|
412
|
+
readonly backgrounded?: boolean | undefined;
|
|
413
|
+
readonly radiused?: boolean | undefined;
|
|
414
|
+
readonly hoverTheme?: boolean | undefined;
|
|
415
|
+
readonly pressTheme?: boolean | undefined;
|
|
416
|
+
readonly focusTheme?: boolean | undefined;
|
|
417
|
+
readonly circular?: boolean | undefined;
|
|
418
|
+
readonly padded?: boolean | undefined;
|
|
419
|
+
readonly elevate?: boolean | undefined;
|
|
420
|
+
readonly bordered?: number | boolean | undefined;
|
|
421
|
+
readonly transparent?: boolean | undefined;
|
|
422
|
+
readonly chromeless?: boolean | "all" | undefined;
|
|
423
|
+
}, "unstyled" | "size"> & {
|
|
424
|
+
readonly unstyled?: boolean | undefined;
|
|
425
|
+
readonly size?: any;
|
|
426
|
+
}>> | "axis" | "scrollable" | "showScrollIndicator" | "disablePassBorderRadius" | "forceUseItem" | "__scopeGroup" | keyof React.RefAttributes<import("@tamagui/web").TamaguiElement>> & Omit<{}, "unstyled" | "orientation"> & {
|
|
427
|
+
readonly unstyled?: boolean | undefined;
|
|
428
|
+
readonly orientation?: "horizontal" | "vertical" | undefined;
|
|
429
|
+
}>>, import("@tamagui/web").TamaguiElement, Omit<import("react-native").ViewProps, "display" | "children" | "onLayout" | keyof import("react-native").GestureResponderHandlers> & import("@tamagui/web").ExtendBaseStackProps & import("@tamagui/web").TamaguiComponentPropsBase & import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStylePropsBase> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStylePropsBase>> & import("@tamagui/core/types/reactNativeTypes").RNViewProps & Omit<{
|
|
430
|
+
readonly fullscreen?: boolean | undefined;
|
|
431
|
+
readonly elevation?: SizeTokens | undefined;
|
|
432
|
+
} & {
|
|
433
|
+
readonly backgrounded?: boolean | undefined;
|
|
434
|
+
readonly radiused?: boolean | undefined;
|
|
435
|
+
readonly hoverTheme?: boolean | undefined;
|
|
436
|
+
readonly pressTheme?: boolean | undefined;
|
|
437
|
+
readonly focusTheme?: boolean | undefined;
|
|
438
|
+
readonly circular?: boolean | undefined;
|
|
439
|
+
readonly padded?: boolean | undefined;
|
|
440
|
+
readonly elevate?: boolean | undefined;
|
|
441
|
+
readonly bordered?: number | boolean | undefined;
|
|
442
|
+
readonly transparent?: boolean | undefined;
|
|
443
|
+
readonly chromeless?: boolean | "all" | undefined;
|
|
444
|
+
}, "unstyled" | "size"> & {
|
|
445
|
+
readonly unstyled?: boolean | undefined;
|
|
446
|
+
readonly size?: any;
|
|
447
|
+
} & import("@tamagui/web").MediaProps<Partial<Omit<import("react-native").ViewProps, "display" | "children" | "onLayout" | keyof import("react-native").GestureResponderHandlers> & import("@tamagui/web").ExtendBaseStackProps & import("@tamagui/web").TamaguiComponentPropsBase & import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStylePropsBase> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStylePropsBase>> & import("@tamagui/core/types/reactNativeTypes").RNViewProps & Omit<{
|
|
448
|
+
readonly fullscreen?: boolean | undefined;
|
|
449
|
+
readonly elevation?: SizeTokens | undefined;
|
|
450
|
+
} & {
|
|
451
|
+
readonly backgrounded?: boolean | undefined;
|
|
452
|
+
readonly radiused?: boolean | undefined;
|
|
453
|
+
readonly hoverTheme?: boolean | undefined;
|
|
454
|
+
readonly pressTheme?: boolean | undefined;
|
|
455
|
+
readonly focusTheme?: boolean | undefined;
|
|
456
|
+
readonly circular?: boolean | undefined;
|
|
457
|
+
readonly padded?: boolean | undefined;
|
|
458
|
+
readonly elevate?: boolean | undefined;
|
|
459
|
+
readonly bordered?: number | boolean | undefined;
|
|
460
|
+
readonly transparent?: boolean | undefined; /**
|
|
461
|
+
* The value of the item that is pressed when initially rendered. Use
|
|
462
|
+
* `defaultValue` if you do not need to control the state of a toggle group.
|
|
463
|
+
*/
|
|
464
|
+
readonly chromeless?: boolean | "all" | undefined;
|
|
465
|
+
}, "unstyled" | "size"> & {
|
|
466
|
+
readonly unstyled?: boolean | undefined;
|
|
467
|
+
readonly size?: any;
|
|
468
|
+
}>> & import("@tamagui/web").PseudoProps<Partial<Omit<import("react-native").ViewProps, "display" | "children" | "onLayout" | keyof import("react-native").GestureResponderHandlers> & import("@tamagui/web").ExtendBaseStackProps & import("@tamagui/web").TamaguiComponentPropsBase & import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStylePropsBase> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStylePropsBase>> & import("@tamagui/core/types/reactNativeTypes").RNViewProps & Omit<{
|
|
469
|
+
readonly fullscreen?: boolean | undefined;
|
|
470
|
+
readonly elevation?: SizeTokens | undefined;
|
|
471
|
+
} & {
|
|
472
|
+
readonly backgrounded?: boolean | undefined;
|
|
473
|
+
readonly radiused?: boolean | undefined;
|
|
474
|
+
readonly hoverTheme?: boolean | undefined;
|
|
475
|
+
readonly pressTheme?: boolean | undefined;
|
|
476
|
+
readonly focusTheme?: boolean | undefined;
|
|
477
|
+
readonly circular?: boolean | undefined;
|
|
478
|
+
readonly padded?: boolean | undefined;
|
|
479
|
+
readonly elevate?: boolean | undefined;
|
|
480
|
+
readonly bordered?: number | boolean | undefined;
|
|
481
|
+
readonly transparent?: boolean | undefined;
|
|
482
|
+
readonly chromeless?: boolean | "all" | undefined;
|
|
483
|
+
}, "unstyled" | "size"> & {
|
|
484
|
+
readonly unstyled?: boolean | undefined;
|
|
485
|
+
readonly size?: any;
|
|
486
|
+
}>> & {
|
|
487
|
+
axis?: "horizontal" | "vertical" | undefined;
|
|
488
|
+
scrollable?: boolean | undefined;
|
|
489
|
+
showScrollIndicator?: boolean | undefined;
|
|
490
|
+
disabled?: boolean | undefined;
|
|
491
|
+
disablePassBorderRadius?: (boolean | "bottom" | "end" | "start" | "top") | undefined;
|
|
492
|
+
forceUseItem?: boolean | undefined;
|
|
493
|
+
} & {
|
|
494
|
+
__scopeGroup?: Scope<any>;
|
|
495
|
+
} & React.RefAttributes<import("@tamagui/web").TamaguiElement> & Omit<import("@tamagui/web").StackProps, "removeClippedSubviews" | "style" | "testID" | "nativeID" | "collapsable" | "needsOffscreenAlphaCompositing" | "renderToHardwareTextureAndroid" | "focusable" | "shouldRasterizeIOS" | "isTVSelectable" | "hasTVPreferredFocus" | "tvParallaxProperties" | "tvParallaxShiftDistanceX" | "tvParallaxShiftDistanceY" | "tvParallaxTiltAngle" | "tvParallaxMagnification" | "onTouchStart" | "onTouchMove" | "onTouchEnd" | "onTouchCancel" | "onTouchEndCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerUp" | "onPointerUpCapture" | "accessible" | "accessibilityActions" | "accessibilityLabel" | "accessibilityRole" | "accessibilityState" | "accessibilityHint" | "accessibilityValue" | "onAccessibilityAction" | "accessibilityLabelledBy" | "accessibilityLiveRegion" | "importantForAccessibility" | "accessibilityElementsHidden" | "accessibilityLanguage" | "accessibilityViewIsModal" | "onAccessibilityEscape" | "onAccessibilityTap" | "onMagicTap" | "accessibilityIgnoresInvertColors" | "elevation" | "backgroundColor" | "borderBottomColor" | "borderBottomEndRadius" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderBottomStartRadius" | "borderBottomWidth" | "borderColor" | "borderEndColor" | "borderLeftColor" | "borderLeftWidth" | "borderRadius" | "borderRightColor" | "borderRightWidth" | "borderStartColor" | "borderStyle" | "borderTopColor" | "borderTopEndRadius" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderTopStartRadius" | "borderTopWidth" | "borderWidth" | "opacity" | "alignContent" | "alignItems" | "alignSelf" | "aspectRatio" | "borderEndWidth" | "borderStartWidth" | "bottom" | "end" | "flex" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "height" | "justifyContent" | "left" | "margin" | "marginBottom" | "marginEnd" | "marginHorizontal" | "marginLeft" | "marginRight" | "marginStart" | "marginTop" | "marginVertical" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "overflow" | "padding" | "paddingBottom" | "paddingEnd" | "paddingHorizontal" | "paddingLeft" | "paddingRight" | "paddingStart" | "paddingTop" | "paddingVertical" | "position" | "right" | "start" | "top" | "width" | "zIndex" | "direction" | "shadowColor" | "shadowOffset" | "shadowOpacity" | "shadowRadius" | "transform" | "transformMatrix" | "rotation" | "translateX" | "translateY" | "transparent" | "hoverTheme" | "pressTheme" | "focusTheme" | "elevate" | "bordered" | "circular" | "backgrounded" | "radiused" | "padded" | "chromeless" | "fullscreen" | `$${string}` | `$${number}` | keyof import("@tamagui/web").TransformStyleProps | keyof {
|
|
496
|
+
pointerEvents?: "box-none" | "none" | "box-only" | "auto" | undefined;
|
|
497
|
+
cursor?: import("csstype").Property.Cursor | undefined;
|
|
498
|
+
contain?: import("csstype").Property.Contain | undefined;
|
|
499
|
+
display?: "flex" | "none" | "inherit" | "inline" | "block" | "contents" | "inline-flex" | undefined;
|
|
500
|
+
gap?: import("@tamagui/web").SpaceTokens | undefined;
|
|
501
|
+
columnGap?: import("@tamagui/web").SpaceTokens | undefined;
|
|
502
|
+
rowGap?: import("@tamagui/web").SpaceTokens | undefined;
|
|
503
|
+
userSelect?: import("csstype").Property.UserSelect | undefined;
|
|
504
|
+
outlineColor?: import("csstype").Property.OutlineColor | undefined;
|
|
505
|
+
outlineStyle?: import("csstype").Property.OutlineStyle | undefined;
|
|
506
|
+
outlineOffset?: import("csstype").Property.OutlineOffset<0 | (string & {})> | undefined;
|
|
507
|
+
outlineWidth?: import("csstype").Property.OutlineWidth<0 | (string & {})> | undefined;
|
|
508
|
+
} | keyof import("@tamagui/web").TamaguiComponentPropsBase | "unstyled" | keyof import("@tamagui/core/types/reactNativeTypes").RNViewProps | "size" | keyof import("@tamagui/web").PseudoProps<Partial<Omit<import("react-native").ViewProps, "display" | "children" | "onLayout" | keyof import("react-native").GestureResponderHandlers> & import("@tamagui/web").ExtendBaseStackProps & import("@tamagui/web").TamaguiComponentPropsBase & import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStylePropsBase> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStylePropsBase>> & import("@tamagui/core/types/reactNativeTypes").RNViewProps & Omit<{
|
|
509
|
+
readonly fullscreen?: boolean | undefined;
|
|
510
|
+
readonly elevation?: SizeTokens | undefined;
|
|
511
|
+
} & {
|
|
512
|
+
readonly backgrounded?: boolean | undefined;
|
|
513
|
+
readonly radiused?: boolean | undefined;
|
|
514
|
+
readonly hoverTheme?: boolean | undefined;
|
|
515
|
+
readonly pressTheme?: boolean | undefined;
|
|
516
|
+
readonly focusTheme?: boolean | undefined;
|
|
517
|
+
readonly circular?: boolean | undefined;
|
|
518
|
+
readonly padded?: boolean | undefined;
|
|
519
|
+
readonly elevate?: boolean | undefined;
|
|
520
|
+
readonly bordered?: number | boolean | undefined;
|
|
521
|
+
readonly transparent?: boolean | undefined;
|
|
522
|
+
readonly chromeless?: boolean | "all" | undefined;
|
|
523
|
+
}, "unstyled" | "size"> & {
|
|
524
|
+
readonly unstyled?: boolean | undefined;
|
|
525
|
+
readonly size?: any;
|
|
526
|
+
}>> | "axis" | "scrollable" | "showScrollIndicator" | "disablePassBorderRadius" | "forceUseItem" | "__scopeGroup" | keyof React.RefAttributes<import("@tamagui/web").TamaguiElement>>, {
|
|
527
|
+
readonly unstyled?: boolean | undefined;
|
|
528
|
+
readonly orientation?: "horizontal" | "vertical" | undefined;
|
|
529
|
+
}>;
|
|
530
|
+
type ToggleGroupImplProps = GetProps<typeof ToggleGroupImplElementFrame> & GroupProps & {
|
|
531
|
+
rovingFocus?: boolean;
|
|
532
|
+
dir?: RovingFocusGroupProps['dir'];
|
|
533
|
+
loop?: RovingFocusGroupProps['loop'];
|
|
534
|
+
sizeAdjust?: number;
|
|
535
|
+
};
|
|
536
|
+
export { ToggleGroup, createToggleGroupScope };
|
|
537
|
+
export type { ToggleGroupItemProps, ToggleGroupMultipleProps, ToggleGroupSingleProps, ToggleGroupProps, };
|
|
538
|
+
//# sourceMappingURL=ToggleGroup.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ToggleGroup.d.ts","sourceRoot":"","sources":["../src/ToggleGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAsB,MAAM,yBAAyB,CAAA;AAInE,OAAO,EAAS,UAAU,EAAgB,MAAM,gBAAgB,CAAA;AAEhE,OAAO,EAAE,gBAAgB,EAA+B,MAAM,uBAAuB,CAAA;AAGrF,OAAO,EACL,QAAQ,EACR,UAAU,EAMX,MAAM,cAAc,CAAA;AACrB,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAU,WAAW,EAAe,MAAM,UAAU,CAAA;AAG3D,QAAA,MAAiC,sBAAsB,+CAGtD,CAAA;AAiBD,KAAK,oBAAoB,GAAG,QAAQ,CAAC,OAAO,WAAW,CAAC,GAAG;IACzD,KAAK,EAAE,MAAM,CAAA;IACb,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,IAAI,CAAC,EAAE,UAAU,CAAA;IACjB;;OAEG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAA;CAC5B,CAAA;AAmID,UAAU,sBAAuB,SAAQ,0BAA0B;IACjE,IAAI,EAAE,QAAQ,CAAA;CACf;AACD,UAAU,wBAAyB,SAAQ,4BAA4B;IACrE,IAAI,EAAE,UAAU,CAAA;CACjB;AAED,KAAK,gBAAgB,GAAG,sBAAsB,GAAG,wBAAwB,CAAA;AAEzE,QAAA,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;eApJR,MAAM;;;;QAIb;;WAEG;;;CA6KJ,CAAA;AAkBD,UAAU,0BAA2B,SAAQ,oBAAoB;IAC/D;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IACd;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB;;OAEG;IACH,aAAa,CAAC,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAA;IACnC;;OAEG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAA;CAC9B;AAmCD,UAAU,4BAA6B,SAAQ,oBAAoB;IACjE;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,EAAE,CAAA;IAChB;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,EAAE,CAAA;IACvB;;OAEG;IACH,aAAa,CAAC,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,IAAI,CAAA;CACtC;AAyDD,KAAK,qBAAqB,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,gBAAgB,CAAC,CAAA;AAIpF,QAAA,MAAM,2BAA2B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gDA3H/B;;;OAGG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gDAHH;;;OAGG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gDAHH;;;OAGG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gDAHH;;;OAGG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA8IH,CAAA;AAEF,KAAK,oBAAoB,GAAG,QAAQ,CAAC,OAAO,2BAA2B,CAAC,GACtE,UAAU,GAAG;IACX,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,GAAG,CAAC,EAAE,qBAAqB,CAAC,KAAK,CAAC,CAAA;IAClC,IAAI,CAAC,EAAE,qBAAqB,CAAC,MAAM,CAAC,CAAA;IACpC,UAAU,CAAC,EAAE,MAAM,CAAA;CACpB,CAAA;AAsEH,OAAO,EAAE,WAAW,EAAE,sBAAsB,EAAE,CAAA;AAC9C,YAAY,EACV,oBAAoB,EACpB,wBAAwB,EACxB,sBAAsB,EACtB,gBAAgB,GACjB,CAAA"}
|
package/types/index.d.ts
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAA"}
|