@tamagui/demos 1.74.7 → 1.74.9
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/package.json +18 -18
- package/dist/cjs/AnimationCSSDriverLayoutDemo.js +0 -138
- package/dist/cjs/AnimationCSSDriverLayoutDemo.js.map +0 -6
- package/dist/cjs/ButtonHeadlessDemo.js +0 -110
- package/dist/cjs/ButtonHeadlessDemo.js.map +0 -6
- package/dist/cjs/ButtonNewDemo.js +0 -55
- package/dist/cjs/ButtonNewDemo.js.map +0 -6
- package/dist/cjs/ButtonSimpleDemo.js +0 -49
- package/dist/cjs/ButtonSimpleDemo.js.map +0 -6
- package/dist/cjs/conf.js +0 -29
- package/dist/cjs/conf.js.map +0 -6
- package/dist/esm/AccordionDemo.mjs +0 -25
- package/dist/esm/AccordionDemo.mjs.map +0 -6
- package/dist/esm/AddThemeDemo.mjs +0 -35
- package/dist/esm/AddThemeDemo.mjs.map +0 -6
- package/dist/esm/AlertDialogDemo.mjs +0 -53
- package/dist/esm/AlertDialogDemo.mjs.map +0 -6
- package/dist/esm/AnimationCSSDriverLayoutDemo.js +0 -121
- package/dist/esm/AnimationCSSDriverLayoutDemo.js.map +0 -6
- package/dist/esm/AnimationsDemo.mjs +0 -86
- package/dist/esm/AnimationsDemo.mjs.map +0 -6
- package/dist/esm/AnimationsEnterDemo.mjs +0 -35
- package/dist/esm/AnimationsEnterDemo.mjs.map +0 -6
- package/dist/esm/AnimationsHoverDemo.mjs +0 -27
- package/dist/esm/AnimationsHoverDemo.mjs.map +0 -6
- package/dist/esm/AnimationsPresenceDemo.mjs +0 -68
- package/dist/esm/AnimationsPresenceDemo.mjs.map +0 -6
- package/dist/esm/AnimationsTimingDemo.mjs +0 -26
- package/dist/esm/AnimationsTimingDemo.mjs.map +0 -6
- package/dist/esm/AvatarDemo.mjs +0 -30
- package/dist/esm/AvatarDemo.mjs.map +0 -6
- package/dist/esm/BuildAButtonDemo.mjs +0 -43
- package/dist/esm/BuildAButtonDemo.mjs.map +0 -6
- package/dist/esm/ButtonDemo.mjs +0 -25
- package/dist/esm/ButtonDemo.mjs.map +0 -6
- package/dist/esm/ButtonHeadlessDemo.js +0 -93
- package/dist/esm/ButtonHeadlessDemo.js.map +0 -6
- package/dist/esm/ButtonNewDemo.js +0 -31
- package/dist/esm/ButtonNewDemo.js.map +0 -6
- package/dist/esm/ButtonNewDemo.mjs.map +0 -6
- package/dist/esm/ButtonSimpleDemo.js +0 -25
- package/dist/esm/ButtonSimpleDemo.js.map +0 -6
- package/dist/esm/CardDemo.mjs +0 -48
- package/dist/esm/CardDemo.mjs.map +0 -6
- package/dist/esm/CheckboxDemo.mjs +0 -22
- package/dist/esm/CheckboxDemo.mjs.map +0 -6
- package/dist/esm/ColorsDemo.mjs +0 -89
- package/dist/esm/ColorsDemo.mjs.map +0 -6
- package/dist/esm/DialogDemo.mjs +0 -109
- package/dist/esm/DialogDemo.mjs.map +0 -6
- package/dist/esm/FormsDemo.mjs +0 -35
- package/dist/esm/FormsDemo.mjs.map +0 -6
- package/dist/esm/Grid.mjs +0 -37
- package/dist/esm/Grid.mjs.map +0 -6
- package/dist/esm/GroupDemo.mjs +0 -25
- package/dist/esm/GroupDemo.mjs.map +0 -6
- package/dist/esm/HeadingsDemo.mjs +0 -16
- package/dist/esm/HeadingsDemo.mjs.map +0 -6
- package/dist/esm/ImageDemo.mjs +0 -18
- package/dist/esm/ImageDemo.mjs.map +0 -6
- package/dist/esm/InputsDemo.mjs +0 -31
- package/dist/esm/InputsDemo.mjs.map +0 -6
- package/dist/esm/LabelDemo.mjs +0 -18
- package/dist/esm/LabelDemo.mjs.map +0 -6
- package/dist/esm/LinearGradientDemo.mjs +0 -33
- package/dist/esm/LinearGradientDemo.mjs.map +0 -6
- package/dist/esm/ListItemDemo.mjs +0 -47
- package/dist/esm/ListItemDemo.mjs.map +0 -6
- package/dist/esm/LucideIconsDemo.mjs +0 -53
- package/dist/esm/LucideIconsDemo.mjs.map +0 -6
- package/dist/esm/PopoverDemo.mjs +0 -82
- package/dist/esm/PopoverDemo.mjs.map +0 -6
- package/dist/esm/ProgressDemo.mjs +0 -56
- package/dist/esm/ProgressDemo.mjs.map +0 -6
- package/dist/esm/RadioGroupDemo.mjs +0 -21
- package/dist/esm/RadioGroupDemo.mjs.map +0 -6
- package/dist/esm/ReplaceThemeDemo.mjs +0 -45
- package/dist/esm/ReplaceThemeDemo.mjs.map +0 -6
- package/dist/esm/ScrollViewDemo.mjs +0 -28
- package/dist/esm/ScrollViewDemo.mjs.map +0 -6
- package/dist/esm/SelectDemo.mjs +0 -173
- package/dist/esm/SelectDemo.mjs.map +0 -6
- package/dist/esm/SeparatorDemo.mjs +0 -20
- package/dist/esm/SeparatorDemo.mjs.map +0 -6
- package/dist/esm/ShapesDemo.mjs +0 -12
- package/dist/esm/ShapesDemo.mjs.map +0 -6
- package/dist/esm/SheetDemo.mjs +0 -100
- package/dist/esm/SheetDemo.mjs.map +0 -6
- package/dist/esm/SliderDemo.mjs +0 -19
- package/dist/esm/SliderDemo.mjs.map +0 -6
- package/dist/esm/SpinnerDemo.mjs +0 -12
- package/dist/esm/SpinnerDemo.mjs.map +0 -6
- package/dist/esm/StacksDemo.mjs +0 -78
- package/dist/esm/StacksDemo.mjs.map +0 -6
- package/dist/esm/SwitchDemo.mjs +0 -45
- package/dist/esm/SwitchDemo.mjs.map +0 -6
- package/dist/esm/TabsAdvancedDemo.mjs +0 -239
- package/dist/esm/TabsAdvancedDemo.mjs.map +0 -6
- package/dist/esm/TabsDemo.mjs +0 -131
- package/dist/esm/TabsDemo.mjs.map +0 -6
- package/dist/esm/TextDemo.mjs +0 -16
- package/dist/esm/TextDemo.mjs.map +0 -6
- package/dist/esm/ThemeBuilderDemo.mjs +0 -134
- package/dist/esm/ThemeBuilderDemo.mjs.map +0 -6
- package/dist/esm/ThemeInverseDemo.mjs +0 -41
- package/dist/esm/ThemeInverseDemo.mjs.map +0 -6
- package/dist/esm/ToastDemo.mjs +0 -91
- package/dist/esm/ToastDemo.mjs.map +0 -6
- package/dist/esm/ToastDuplicateDemo.mjs +0 -44
- package/dist/esm/ToastDuplicateDemo.mjs.map +0 -6
- package/dist/esm/ToggleGroupDemo.mjs +0 -49
- package/dist/esm/ToggleGroupDemo.mjs.map +0 -6
- package/dist/esm/TokensDemo.mjs +0 -77
- package/dist/esm/TokensDemo.mjs.map +0 -6
- package/dist/esm/TooltipDemo.mjs +0 -67
- package/dist/esm/TooltipDemo.mjs.map +0 -6
- package/dist/esm/UpdateThemeDemo.mjs +0 -51
- package/dist/esm/UpdateThemeDemo.mjs.map +0 -6
- package/dist/esm/conf.js +0 -5
- package/dist/esm/conf.js.map +0 -6
- package/dist/esm/conf.mjs.map +0 -6
- package/dist/esm/index.mjs +0 -50
- package/dist/esm/index.mjs.map +0 -6
- package/dist/esm/tamagui.config.mjs +0 -8
- package/dist/esm/tamagui.config.mjs.map +0 -6
- package/dist/esm/useOnIntersecting.mjs +0 -50
- package/dist/esm/useOnIntersecting.mjs.map +0 -6
- package/dist/jsx/AccordionDemo.mjs +0 -24
- package/dist/jsx/AccordionDemo.mjs.map +0 -6
- package/dist/jsx/AddThemeDemo.mjs +0 -31
- package/dist/jsx/AddThemeDemo.mjs.map +0 -6
- package/dist/jsx/AlertDialogDemo.mjs +0 -45
- package/dist/jsx/AlertDialogDemo.mjs.map +0 -6
- package/dist/jsx/AnimationCSSDriverLayoutDemo.js +0 -93
- package/dist/jsx/AnimationCSSDriverLayoutDemo.js.map +0 -6
- package/dist/jsx/AnimationCSSDriverLayoutDemo.mjs +0 -93
- package/dist/jsx/AnimationCSSDriverLayoutDemo.mjs.map +0 -6
- package/dist/jsx/AnimationsDemo.mjs +0 -82
- package/dist/jsx/AnimationsDemo.mjs.map +0 -6
- package/dist/jsx/AnimationsEnterDemo.mjs +0 -35
- package/dist/jsx/AnimationsEnterDemo.mjs.map +0 -6
- package/dist/jsx/AnimationsHoverDemo.mjs +0 -22
- package/dist/jsx/AnimationsHoverDemo.mjs.map +0 -6
- package/dist/jsx/AnimationsPresenceDemo.mjs +0 -69
- package/dist/jsx/AnimationsPresenceDemo.mjs.map +0 -6
- package/dist/jsx/AnimationsTimingDemo.mjs +0 -21
- package/dist/jsx/AnimationsTimingDemo.mjs.map +0 -6
- package/dist/jsx/AvatarDemo.mjs +0 -23
- package/dist/jsx/AvatarDemo.mjs.map +0 -6
- package/dist/jsx/BuildAButtonDemo.mjs +0 -42
- package/dist/jsx/BuildAButtonDemo.mjs.map +0 -6
- package/dist/jsx/ButtonDemo.mjs +0 -24
- package/dist/jsx/ButtonDemo.mjs.map +0 -6
- package/dist/jsx/ButtonHeadlessDemo.js +0 -92
- package/dist/jsx/ButtonHeadlessDemo.js.map +0 -6
- package/dist/jsx/ButtonHeadlessDemo.mjs.map +0 -6
- package/dist/jsx/ButtonNewDemo.js +0 -30
- package/dist/jsx/ButtonNewDemo.js.map +0 -6
- package/dist/jsx/ButtonNewDemo.mjs +0 -30
- package/dist/jsx/ButtonNewDemo.mjs.map +0 -6
- package/dist/jsx/ButtonSimpleDemo.js +0 -24
- package/dist/jsx/ButtonSimpleDemo.js.map +0 -6
- package/dist/jsx/ButtonSimpleDemo.mjs.map +0 -6
- package/dist/jsx/CardDemo.mjs +0 -41
- package/dist/jsx/CardDemo.mjs.map +0 -6
- package/dist/jsx/CheckboxDemo.mjs +0 -21
- package/dist/jsx/CheckboxDemo.mjs.map +0 -6
- package/dist/jsx/ColorsDemo.mjs +0 -86
- package/dist/jsx/ColorsDemo.mjs.map +0 -6
- package/dist/jsx/DialogDemo.mjs +0 -87
- package/dist/jsx/DialogDemo.mjs.map +0 -6
- package/dist/jsx/FormsDemo.mjs +0 -31
- package/dist/jsx/FormsDemo.mjs.map +0 -6
- package/dist/jsx/GroupDemo.mjs +0 -30
- package/dist/jsx/GroupDemo.mjs.map +0 -6
- package/dist/jsx/HeadingsDemo.mjs +0 -15
- package/dist/jsx/HeadingsDemo.mjs.map +0 -6
- package/dist/jsx/ImageDemo.mjs +0 -14
- package/dist/jsx/ImageDemo.mjs.map +0 -6
- package/dist/jsx/InputsDemo.mjs +0 -26
- package/dist/jsx/InputsDemo.mjs.map +0 -6
- package/dist/jsx/LabelDemo.mjs +0 -17
- package/dist/jsx/LabelDemo.mjs.map +0 -6
- package/dist/jsx/LinearGradientDemo.mjs +0 -32
- package/dist/jsx/LinearGradientDemo.mjs.map +0 -6
- package/dist/jsx/ListItemDemo.mjs +0 -40
- package/dist/jsx/ListItemDemo.mjs.map +0 -6
- package/dist/jsx/LucideIconsDemo.mjs +0 -43
- package/dist/jsx/LucideIconsDemo.mjs.map +0 -6
- package/dist/jsx/PopoverDemo.mjs +0 -65
- package/dist/jsx/PopoverDemo.mjs.map +0 -6
- package/dist/jsx/ProgressDemo.mjs +0 -50
- package/dist/jsx/ProgressDemo.mjs.map +0 -6
- package/dist/jsx/RadioGroupDemo.mjs +0 -20
- package/dist/jsx/RadioGroupDemo.mjs.map +0 -6
- package/dist/jsx/ReplaceThemeDemo.mjs +0 -44
- package/dist/jsx/ReplaceThemeDemo.mjs.map +0 -6
- package/dist/jsx/ScrollViewDemo.mjs +0 -17
- package/dist/jsx/ScrollViewDemo.mjs.map +0 -6
- package/dist/jsx/SelectDemo.mjs +0 -125
- package/dist/jsx/SelectDemo.mjs.map +0 -6
- package/dist/jsx/SeparatorDemo.mjs +0 -19
- package/dist/jsx/SeparatorDemo.mjs.map +0 -6
- package/dist/jsx/ShapesDemo.mjs +0 -11
- package/dist/jsx/ShapesDemo.mjs.map +0 -6
- package/dist/jsx/SheetDemo.mjs +0 -72
- package/dist/jsx/SheetDemo.mjs.map +0 -6
- package/dist/jsx/SliderDemo.mjs +0 -18
- package/dist/jsx/SliderDemo.mjs.map +0 -6
- package/dist/jsx/SpinnerDemo.mjs +0 -11
- package/dist/jsx/SpinnerDemo.mjs.map +0 -6
- package/dist/jsx/StacksDemo.mjs +0 -60
- package/dist/jsx/StacksDemo.mjs.map +0 -6
- package/dist/jsx/SwitchDemo.mjs +0 -28
- package/dist/jsx/SwitchDemo.mjs.map +0 -6
- package/dist/jsx/TabsAdvancedDemo.mjs +0 -226
- package/dist/jsx/TabsAdvancedDemo.mjs.map +0 -6
- package/dist/jsx/TabsDemo.mjs +0 -112
- package/dist/jsx/TabsDemo.mjs.map +0 -6
- package/dist/jsx/TextDemo.mjs +0 -15
- package/dist/jsx/TextDemo.mjs.map +0 -6
- package/dist/jsx/ThemeBuilderDemo.mjs +0 -103
- package/dist/jsx/ThemeBuilderDemo.mjs.map +0 -6
- package/dist/jsx/ThemeInverseDemo.mjs +0 -34
- package/dist/jsx/ThemeInverseDemo.mjs.map +0 -6
- package/dist/jsx/ToastDemo.mjs +0 -78
- package/dist/jsx/ToastDemo.mjs.map +0 -6
- package/dist/jsx/ToastDuplicateDemo.mjs +0 -35
- package/dist/jsx/ToastDuplicateDemo.mjs.map +0 -6
- package/dist/jsx/ToggleGroupDemo.mjs +0 -40
- package/dist/jsx/ToggleGroupDemo.mjs.map +0 -6
- package/dist/jsx/TokensDemo.mjs +0 -77
- package/dist/jsx/TokensDemo.mjs.map +0 -6
- package/dist/jsx/TooltipDemo.mjs +0 -62
- package/dist/jsx/TooltipDemo.mjs.map +0 -6
- package/dist/jsx/UpdateThemeDemo.mjs +0 -51
- package/dist/jsx/UpdateThemeDemo.mjs.map +0 -6
- package/dist/jsx/conf.js +0 -5
- package/dist/jsx/conf.js.map +0 -6
- package/dist/jsx/conf.mjs +0 -5
- package/dist/jsx/conf.mjs.map +0 -6
- package/dist/jsx/index.mjs +0 -50
- package/dist/jsx/index.mjs.map +0 -6
- package/dist/jsx/tamagui.config.mjs +0 -8
- package/dist/jsx/tamagui.config.mjs.map +0 -6
- package/dist/jsx/useOnIntersecting.mjs +0 -68
- package/dist/jsx/useOnIntersecting.mjs.map +0 -6
- package/types/AnimationCSSDriverLayoutDemo.d.ts.map +0 -1
- package/types/ButtonHeadlessDemo.d.ts.map +0 -1
- package/types/ButtonNewDemo.d.ts.map +0 -1
- package/types/ButtonSimpleDemo.d.ts.map +0 -1
- package/types/conf.d.ts.map +0 -1
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
import { Circle, ScrollView, Square, XStack } from "tamagui";
|
|
2
|
-
function ScrollViewDemo() {
|
|
3
|
-
return <ScrollView maxHeight={250} width="75%" backgroundColor="$background" padding="$4" borderRadius="$4"><XStack flexWrap="wrap" alignItems="center" justifyContent="center">
|
|
4
|
-
<Square margin="$4" size={120} backgroundColor="$red9" />
|
|
5
|
-
<Circle margin="$4" size={120} backgroundColor="$orange9" />
|
|
6
|
-
<Square margin="$4" size={120} backgroundColor="$yellow9" />
|
|
7
|
-
<Circle margin="$4" size={120} backgroundColor="$green9" />
|
|
8
|
-
<Square margin="$4" size={120} backgroundColor="$blue9" />
|
|
9
|
-
<Circle margin="$4" size={120} backgroundColor="$purple9" />
|
|
10
|
-
<Square margin="$4" size={120} backgroundColor="$pink9" />
|
|
11
|
-
<Circle margin="$4" size={120} backgroundColor="$red9" />
|
|
12
|
-
</XStack></ScrollView>;
|
|
13
|
-
}
|
|
14
|
-
export {
|
|
15
|
-
ScrollViewDemo
|
|
16
|
-
};
|
|
17
|
-
//# sourceMappingURL=ScrollViewDemo.mjs.map
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../src/ScrollViewDemo.tsx"],
|
|
4
|
-
"mappings": "AAAA,SAAS,QAAQ,YAAY,QAAQ,cAAc;AAE5C,SAAS,iBAAiB;AAC/B,SACE,CAAC,WAAW,WAAW,KAAK,MAAM,MAAM,gBAAgB,cAAc,QAAQ,KAAK,aAAa,KAC9F,CAAC,OAAO,SAAS,OAAO,WAAW,SAAS,eAAe;AAAA,IACzD,CAAC,OAAO,OAAO,KAAK,MAAM,KAAK,gBAAgB,QAAQ;AAAA,IACvD,CAAC,OAAO,OAAO,KAAK,MAAM,KAAK,gBAAgB,WAAW;AAAA,IAC1D,CAAC,OAAO,OAAO,KAAK,MAAM,KAAK,gBAAgB,WAAW;AAAA,IAC1D,CAAC,OAAO,OAAO,KAAK,MAAM,KAAK,gBAAgB,UAAU;AAAA,IACzD,CAAC,OAAO,OAAO,KAAK,MAAM,KAAK,gBAAgB,SAAS;AAAA,IACxD,CAAC,OAAO,OAAO,KAAK,MAAM,KAAK,gBAAgB,WAAW;AAAA,IAC1D,CAAC,OAAO,OAAO,KAAK,MAAM,KAAK,gBAAgB,SAAS;AAAA,IACxD,CAAC,OAAO,OAAO,KAAK,MAAM,KAAK,gBAAgB,QAAQ;AAAA,EACzD,EATC,OAUH,EAXC;AAaL;",
|
|
5
|
-
"names": []
|
|
6
|
-
}
|
package/dist/jsx/SelectDemo.mjs
DELETED
|
@@ -1,125 +0,0 @@
|
|
|
1
|
-
import { Check, ChevronDown, ChevronUp } from "@tamagui/lucide-icons";
|
|
2
|
-
import { useState } from "react";
|
|
3
|
-
import {
|
|
4
|
-
Adapt,
|
|
5
|
-
Label,
|
|
6
|
-
Select,
|
|
7
|
-
Sheet,
|
|
8
|
-
XStack,
|
|
9
|
-
YStack,
|
|
10
|
-
getFontSize
|
|
11
|
-
} from "tamagui";
|
|
12
|
-
import { LinearGradient } from "tamagui/linear-gradient";
|
|
13
|
-
function SelectDemo() {
|
|
14
|
-
return <YStack space>
|
|
15
|
-
<XStack ai="center" space>
|
|
16
|
-
<Label f={1} fb={0}>Custom</Label>
|
|
17
|
-
<SelectDemoItem />
|
|
18
|
-
</XStack>
|
|
19
|
-
<XStack ai="center" space>
|
|
20
|
-
<Label f={1} fb={0}>Native</Label>
|
|
21
|
-
<SelectDemoItem native />
|
|
22
|
-
</XStack>
|
|
23
|
-
</YStack>;
|
|
24
|
-
}
|
|
25
|
-
function SelectDemoItem(props) {
|
|
26
|
-
const [val, setVal] = useState("apple");
|
|
27
|
-
return <Select id="food" value={val} onValueChange={setVal} {...props}>
|
|
28
|
-
<Select.Trigger width={180} iconAfter={ChevronDown}><Select.Value placeholder="Something" /></Select.Trigger>
|
|
29
|
-
<Adapt when="sm" platform="touch"><Sheet native={!!props.native} modal dismissOnSnapToBottom>
|
|
30
|
-
<Sheet.Frame><Sheet.ScrollView><Adapt.Contents /></Sheet.ScrollView></Sheet.Frame>
|
|
31
|
-
<Sheet.Overlay />
|
|
32
|
-
</Sheet></Adapt>
|
|
33
|
-
<Select.Content zIndex={2e5}>
|
|
34
|
-
<Select.ScrollUpButton
|
|
35
|
-
alignItems="center"
|
|
36
|
-
justifyContent="center"
|
|
37
|
-
position="relative"
|
|
38
|
-
width="100%"
|
|
39
|
-
height="$3"
|
|
40
|
-
>
|
|
41
|
-
<YStack zIndex={10}><ChevronUp size={20} /></YStack>
|
|
42
|
-
<LinearGradient
|
|
43
|
-
start={[0, 0]}
|
|
44
|
-
end={[0, 1]}
|
|
45
|
-
fullscreen
|
|
46
|
-
colors={["$background", "$backgroundTransparent"]}
|
|
47
|
-
borderRadius="$4"
|
|
48
|
-
/>
|
|
49
|
-
</Select.ScrollUpButton>
|
|
50
|
-
<Select.Viewport
|
|
51
|
-
minWidth={200}
|
|
52
|
-
enterStyle={{ o: 0, y: -10 }}
|
|
53
|
-
exitStyle={{ o: 0, y: 10 }}
|
|
54
|
-
><XStack>
|
|
55
|
-
<Select.Group space="$0">
|
|
56
|
-
<Select.Label>Fruits</Select.Label>
|
|
57
|
-
{items.map((item, i) => {
|
|
58
|
-
return <Select.Item index={i} key={item.name} value={item.name.toLowerCase()}>
|
|
59
|
-
<Select.ItemText>{item.name}</Select.ItemText>
|
|
60
|
-
<Select.ItemIndicator marginLeft="auto"><Check size={16} /></Select.ItemIndicator>
|
|
61
|
-
</Select.Item>;
|
|
62
|
-
})}
|
|
63
|
-
</Select.Group>
|
|
64
|
-
{
|
|
65
|
-
/* special icon treatment for native */
|
|
66
|
-
}
|
|
67
|
-
{props.native && <YStack
|
|
68
|
-
position="absolute"
|
|
69
|
-
right={0}
|
|
70
|
-
top={0}
|
|
71
|
-
bottom={0}
|
|
72
|
-
alignItems="center"
|
|
73
|
-
justifyContent="center"
|
|
74
|
-
width="$4"
|
|
75
|
-
pointerEvents="none"
|
|
76
|
-
><ChevronDown size={getFontSize(props.size ?? "$true")} /></YStack>}
|
|
77
|
-
</XStack></Select.Viewport>
|
|
78
|
-
<Select.ScrollDownButton
|
|
79
|
-
alignItems="center"
|
|
80
|
-
justifyContent="center"
|
|
81
|
-
position="relative"
|
|
82
|
-
width="100%"
|
|
83
|
-
height="$3"
|
|
84
|
-
>
|
|
85
|
-
<YStack zIndex={10}><ChevronDown size={20} /></YStack>
|
|
86
|
-
<LinearGradient
|
|
87
|
-
start={[0, 0]}
|
|
88
|
-
end={[0, 1]}
|
|
89
|
-
fullscreen
|
|
90
|
-
colors={["$backgroundTransparent", "$background"]}
|
|
91
|
-
borderRadius="$4"
|
|
92
|
-
/>
|
|
93
|
-
</Select.ScrollDownButton>
|
|
94
|
-
</Select.Content>
|
|
95
|
-
</Select>;
|
|
96
|
-
}
|
|
97
|
-
const items = [
|
|
98
|
-
{ name: "Apple" },
|
|
99
|
-
{ name: "Pear" },
|
|
100
|
-
{ name: "Blackberry" },
|
|
101
|
-
{ name: "Peach" },
|
|
102
|
-
{ name: "Apricot" },
|
|
103
|
-
{ name: "Melon" },
|
|
104
|
-
{ name: "Honeydew" },
|
|
105
|
-
{ name: "Starfruit" },
|
|
106
|
-
{ name: "Blueberry" },
|
|
107
|
-
{ name: "Raspberry" },
|
|
108
|
-
{ name: "Strawberry" },
|
|
109
|
-
{ name: "Mango" },
|
|
110
|
-
{ name: "Pineapple" },
|
|
111
|
-
{ name: "Lime" },
|
|
112
|
-
{ name: "Lemon" },
|
|
113
|
-
{ name: "Coconut" },
|
|
114
|
-
{ name: "Guava" },
|
|
115
|
-
{ name: "Papaya" },
|
|
116
|
-
{ name: "Orange" },
|
|
117
|
-
{ name: "Grape" },
|
|
118
|
-
{ name: "Jackfruit" },
|
|
119
|
-
{ name: "Durian" }
|
|
120
|
-
];
|
|
121
|
-
export {
|
|
122
|
-
SelectDemo,
|
|
123
|
-
SelectDemoItem
|
|
124
|
-
};
|
|
125
|
-
//# sourceMappingURL=SelectDemo.mjs.map
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../src/SelectDemo.tsx"],
|
|
4
|
-
"mappings": "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",
|
|
5
|
-
"names": []
|
|
6
|
-
}
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
import { Paragraph, Separator, XStack, YStack } from "tamagui";
|
|
2
|
-
function SeparatorDemo() {
|
|
3
|
-
return <YStack width="100%" maxWidth={300} marginHorizontal={15}>
|
|
4
|
-
<Paragraph fontWeight="800">Tamagui</Paragraph>
|
|
5
|
-
<Paragraph>A cross-platform component library.</Paragraph>
|
|
6
|
-
<Separator marginVertical={15} />
|
|
7
|
-
<XStack height={20} alignItems="center">
|
|
8
|
-
<Paragraph>Blog</Paragraph>
|
|
9
|
-
<Separator alignSelf="stretch" vertical marginHorizontal={15} />
|
|
10
|
-
<Paragraph>Docs</Paragraph>
|
|
11
|
-
<Separator alignSelf="stretch" vertical marginHorizontal={15} />
|
|
12
|
-
<Paragraph>Source</Paragraph>
|
|
13
|
-
</XStack>
|
|
14
|
-
</YStack>;
|
|
15
|
-
}
|
|
16
|
-
export {
|
|
17
|
-
SeparatorDemo
|
|
18
|
-
};
|
|
19
|
-
//# sourceMappingURL=SeparatorDemo.mjs.map
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../src/SeparatorDemo.tsx"],
|
|
4
|
-
"mappings": "AACA,SAAS,WAAW,WAAW,QAAQ,cAAc;AAE9C,SAAS,gBAAgB;AAC9B,SACE,CAAC,OAAO,MAAM,OAAO,UAAU,KAAK,kBAAkB;AAAA,IACpD,CAAC,UAAU,WAAW,MAAM,OAAO,EAAlC;AAAA,IACD,CAAC,UAAU,mCAAmC,EAA7C;AAAA,IACD,CAAC,UAAU,gBAAgB,IAAI;AAAA,IAC/B,CAAC,OAAO,QAAQ,IAAI,WAAW;AAAA,MAC7B,CAAC,UAAU,IAAI,EAAd;AAAA,MACD,CAAC,UAAU,UAAU,UAAU,SAAS,kBAAkB,IAAI;AAAA,MAC9D,CAAC,UAAU,IAAI,EAAd;AAAA,MACD,CAAC,UAAU,UAAU,UAAU,SAAS,kBAAkB,IAAI;AAAA,MAC9D,CAAC,UAAU,MAAM,EAAhB;AAAA,IACH,EANC;AAAA,EAOH,EAXC;AAaL;",
|
|
5
|
-
"names": []
|
|
6
|
-
}
|
package/dist/jsx/ShapesDemo.mjs
DELETED
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import { Circle, Square, XStack } from "tamagui";
|
|
2
|
-
function ShapesDemo() {
|
|
3
|
-
return <XStack padding="$2" space="$4">
|
|
4
|
-
<Square size={100} backgroundColor="$color" elevation="$4" />
|
|
5
|
-
<Circle size={100} backgroundColor="$color" elevation="$4" />
|
|
6
|
-
</XStack>;
|
|
7
|
-
}
|
|
8
|
-
export {
|
|
9
|
-
ShapesDemo
|
|
10
|
-
};
|
|
11
|
-
//# sourceMappingURL=ShapesDemo.mjs.map
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../src/ShapesDemo.tsx"],
|
|
4
|
-
"mappings": "AAAA,SAAS,QAAQ,QAAQ,cAAc;AAEhC,SAAS,aAAa;AAC3B,SACE,CAAC,OAAO,QAAQ,KAAK,MAAM;AAAA,IACzB,CAAC,OAAO,MAAM,KAAK,gBAAgB,SAAS,UAAU,KAAK;AAAA,IAC3D,CAAC,OAAO,MAAM,KAAK,gBAAgB,SAAS,UAAU,KAAK;AAAA,EAC7D,EAHC;AAKL;",
|
|
5
|
-
"names": []
|
|
6
|
-
}
|
package/dist/jsx/SheetDemo.mjs
DELETED
|
@@ -1,72 +0,0 @@
|
|
|
1
|
-
import { ChevronDown, ChevronUp } from "@tamagui/lucide-icons";
|
|
2
|
-
import { Sheet } from "@tamagui/sheet";
|
|
3
|
-
import { useState } from "react";
|
|
4
|
-
import { Button, H1, H2, Input, Paragraph, XStack } from "tamagui";
|
|
5
|
-
const SheetDemo = () => {
|
|
6
|
-
const [position, setPosition] = useState(0);
|
|
7
|
-
const [open, setOpen] = useState(false);
|
|
8
|
-
const [modal, setModal] = useState(true);
|
|
9
|
-
const [innerOpen, setInnerOpen] = useState(false);
|
|
10
|
-
return <>
|
|
11
|
-
<XStack space>
|
|
12
|
-
<Button onPress={() => setOpen(true)}>Open</Button>
|
|
13
|
-
<Button onPress={() => setModal((x) => !x)}>{modal ? "Type: Modal" : "Type: Inline"}</Button>
|
|
14
|
-
</XStack>
|
|
15
|
-
<Sheet
|
|
16
|
-
forceRemoveScrollEnabled={open}
|
|
17
|
-
modal={modal}
|
|
18
|
-
open={open}
|
|
19
|
-
onOpenChange={setOpen}
|
|
20
|
-
snapPoints={[85, 50, 25]}
|
|
21
|
-
dismissOnSnapToBottom
|
|
22
|
-
position={position}
|
|
23
|
-
onPositionChange={setPosition}
|
|
24
|
-
zIndex={1e5}
|
|
25
|
-
animation="bouncy"
|
|
26
|
-
>
|
|
27
|
-
<Sheet.Overlay />
|
|
28
|
-
<Sheet.Handle />
|
|
29
|
-
<Sheet.Frame
|
|
30
|
-
flex={1}
|
|
31
|
-
padding="$4"
|
|
32
|
-
justifyContent="center"
|
|
33
|
-
alignItems="center"
|
|
34
|
-
space="$5"
|
|
35
|
-
>
|
|
36
|
-
<Button size="$6" circular icon={ChevronDown} onPress={() => setOpen(false)} />
|
|
37
|
-
<Input width={200} />
|
|
38
|
-
{modal && <>
|
|
39
|
-
<InnerSheet open={innerOpen} onOpenChange={setInnerOpen} />
|
|
40
|
-
<Button
|
|
41
|
-
size="$6"
|
|
42
|
-
circular
|
|
43
|
-
icon={ChevronUp}
|
|
44
|
-
onPress={() => setInnerOpen(true)}
|
|
45
|
-
/>
|
|
46
|
-
</>}
|
|
47
|
-
</Sheet.Frame>
|
|
48
|
-
</Sheet>
|
|
49
|
-
</>;
|
|
50
|
-
};
|
|
51
|
-
function InnerSheet(props) {
|
|
52
|
-
return <Sheet modal snapPoints={[90]} dismissOnSnapToBottom {...props}>
|
|
53
|
-
<Sheet.Overlay />
|
|
54
|
-
<Sheet.Handle />
|
|
55
|
-
<Sheet.Frame flex={1} justifyContent="center" alignItems="center" space="$5"><Sheet.ScrollView padding="$4" space>
|
|
56
|
-
<Button
|
|
57
|
-
size="$8"
|
|
58
|
-
circular
|
|
59
|
-
alignSelf="center"
|
|
60
|
-
icon={ChevronDown}
|
|
61
|
-
onPress={() => props.onOpenChange?.(false)}
|
|
62
|
-
/>
|
|
63
|
-
<H1>Hello world</H1>
|
|
64
|
-
<H2>You can scroll me</H2>
|
|
65
|
-
{[1, 2, 3].map((i) => <Paragraph key={i} size="$10">Eu officia sunt ipsum nisi dolore labore est laborum laborum in esse ad pariatur. Dolor excepteur esse deserunt voluptate labore ea. Exercitation ipsum deserunt occaecat cupidatat consequat est adipisicing velit cupidatat ullamco veniam aliquip reprehenderit officia. Officia labore culpa ullamco velit. In sit occaecat velit ipsum fugiat esse aliqua dolor sint.</Paragraph>)}
|
|
66
|
-
</Sheet.ScrollView></Sheet.Frame>
|
|
67
|
-
</Sheet>;
|
|
68
|
-
}
|
|
69
|
-
export {
|
|
70
|
-
SheetDemo
|
|
71
|
-
};
|
|
72
|
-
//# sourceMappingURL=SheetDemo.mjs.map
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../src/SheetDemo.tsx"],
|
|
4
|
-
"mappings": "AAAA,SAAS,aAAa,iBAAiB;AACvC,SAAS,aAAmC;AAC5C,SAAS,gBAAgB;AACzB,SAAS,QAAQ,IAAI,IAAI,OAAO,WAAW,cAAc;AAElD,MAAM,YAAY,MAAM;AAC7B,QAAM,CAAC,UAAU,WAAW,IAAI,SAAS,CAAC;AAC1C,QAAM,CAAC,MAAM,OAAO,IAAI,SAAS,KAAK;AACtC,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAS,IAAI;AACvC,QAAM,CAAC,WAAW,YAAY,IAAI,SAAS,KAAK;AAEhD,SACE;AAAA,IACE,CAAC,OAAO;AAAA,MACN,CAAC,OAAO,SAAS,MAAM,QAAQ,IAAI,GAAG,IAAI,EAAzC;AAAA,MACD,CAAC,OAAO,SAAS,MAAM,SAAS,CAAC,MAAM,CAAC,CAAC,IACtC,QAAQ,gBAAgB,eAC3B,EAFC;AAAA,IAGH,EALC;AAAA,IAOD,CAAC;AAAA,MACC,0BAA0B;AAAA,MAC1B,OAAO;AAAA,MACP,MAAM;AAAA,MACN,cAAc;AAAA,MACd,YAAY,CAAC,IAAI,IAAI,EAAE;AAAA,MACvB;AAAA,MACA,UAAU;AAAA,MACV,kBAAkB;AAAA,MAClB,QAAQ;AAAA,MACR,UAAU;AAAA;AAAA,MAEV,CAAC,MAAM,QAAQ;AAAA,MACf,CAAC,MAAM,OAAO;AAAA,MACd,CAAC,MAAM;AAAA,QACL,MAAM;AAAA,QACN,QAAQ;AAAA,QACR,eAAe;AAAA,QACf,WAAW;AAAA,QACX,MAAM;AAAA;AAAA,QAEN,CAAC,OAAO,KAAK,KAAK,SAAS,MAAM,aAAa,SAAS,MAAM,QAAQ,KAAK,GAAG;AAAA,QAC7E,CAAC,MAAM,OAAO,KAAK;AAAA,SAClB,SACC;AAAA,UACE,CAAC,WAAW,MAAM,WAAW,cAAc,cAAc;AAAA,UACzD,CAAC;AAAA,YACC,KAAK;AAAA,YACL;AAAA,YACA,MAAM;AAAA,YACN,SAAS,MAAM,aAAa,IAAI;AAAA,UAClC;AAAA,QACF;AAAA,MAEJ,EApBC,MAAM;AAAA,IAqBT,EAnCC;AAAA,EAoCH;AAEJ;AAEA,SAAS,WAAW,OAAmB;AACrC,SACE,CAAC,MAAM,MAAM,YAAY,CAAC,EAAE,GAAG,0BAA0B;AAAA,IACvD,CAAC,MAAM,QAAQ;AAAA,IACf,CAAC,MAAM,OAAO;AAAA,IACd,CAAC,MAAM,MAAM,MAAM,GAAG,eAAe,SAAS,WAAW,SAAS,MAAM,KACtE,CAAC,MAAM,WAAW,QAAQ,KAAK;AAAA,MAC7B,CAAC;AAAA,QACC,KAAK;AAAA,QACL;AAAA,QACA,UAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS,MAAM,MAAM,eAAe,KAAK;AAAA,MAC3C;AAAA,MACA,CAAC,GAAG,WAAW,EAAd;AAAA,MACD,CAAC,GAAG,iBAAiB,EAApB;AAAA,OACA,CAAC,GAAG,GAAG,CAAC,EAAE,IAAI,CAAC,MACd,CAAC,UAAU,KAAK,GAAG,KAAK,MAAM,0WAM9B,EANC,UAOF;AAAA,IACH,EAnBC,MAAM,WAoBT,EArBC,MAAM;AAAA,EAsBT,EAzBC;AA2BL;",
|
|
5
|
-
"names": []
|
|
6
|
-
}
|
package/dist/jsx/SliderDemo.mjs
DELETED
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
import { Slider, XStack } from "tamagui";
|
|
2
|
-
function SliderDemo() {
|
|
3
|
-
return <XStack height={200} alignItems="center" space="$8">
|
|
4
|
-
<SimpleSlider height={200} orientation="vertical" />
|
|
5
|
-
<SimpleSlider width={200} />
|
|
6
|
-
</XStack>;
|
|
7
|
-
}
|
|
8
|
-
function SimpleSlider({ children, ...props }) {
|
|
9
|
-
return <Slider defaultValue={[50]} max={100} step={1} {...props}>
|
|
10
|
-
<Slider.Track><Slider.TrackActive /></Slider.Track>
|
|
11
|
-
<Slider.Thumb index={0} circular elevate />
|
|
12
|
-
{children}
|
|
13
|
-
</Slider>;
|
|
14
|
-
}
|
|
15
|
-
export {
|
|
16
|
-
SliderDemo
|
|
17
|
-
};
|
|
18
|
-
//# sourceMappingURL=SliderDemo.mjs.map
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../src/SliderDemo.tsx"],
|
|
4
|
-
"mappings": "AAAA,SAAS,QAAqB,cAAc;AAErC,SAAS,aAAa;AAC3B,SACE,CAAC,OAAO,QAAQ,KAAK,WAAW,SAAS,MAAM;AAAA,IAC7C,CAAC,aAAa,QAAQ,KAAK,YAAY,WAAW;AAAA,IAClD,CAAC,aAAa,OAAO,KAAK;AAAA,EAC5B,EAHC;AAKL;AAEA,SAAS,aAAa,EAAE,UAAU,GAAG,MAAM,GAAgB;AACzD,SACE,CAAC,OAAO,cAAc,CAAC,EAAE,GAAG,KAAK,KAAK,MAAM,OAAO;AAAA,IACjD,CAAC,OAAO,MACN,CAAC,OAAO,YAAY,EACtB,EAFC,OAAO;AAAA,IAGR,CAAC,OAAO,MAAM,OAAO,GAAG,SAAS,QAAQ;AAAA,KACxC;AAAA,EACH,EANC;AAQL;",
|
|
5
|
-
"names": []
|
|
6
|
-
}
|
package/dist/jsx/SpinnerDemo.mjs
DELETED
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import { Spinner, YStack } from "tamagui";
|
|
2
|
-
function SpinnerDemo() {
|
|
3
|
-
return <YStack padding="$3" space="$4" alignItems="center">
|
|
4
|
-
<Spinner size="small" color="$green10" />
|
|
5
|
-
<Spinner size="large" color="$orange10" />
|
|
6
|
-
</YStack>;
|
|
7
|
-
}
|
|
8
|
-
export {
|
|
9
|
-
SpinnerDemo
|
|
10
|
-
};
|
|
11
|
-
//# sourceMappingURL=SpinnerDemo.mjs.map
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../src/SpinnerDemo.tsx"],
|
|
4
|
-
"mappings": "AAAA,SAAS,SAAS,cAAc;AAEzB,SAAS,cAAc;AAC5B,SACE,CAAC,OAAO,QAAQ,KAAK,MAAM,KAAK,WAAW;AAAA,IACzC,CAAC,QAAQ,KAAK,QAAQ,MAAM,WAAW;AAAA,IACvC,CAAC,QAAQ,KAAK,QAAQ,MAAM,YAAY;AAAA,EAC1C,EAHC;AAKL;",
|
|
5
|
-
"names": []
|
|
6
|
-
}
|
package/dist/jsx/StacksDemo.mjs
DELETED
|
@@ -1,60 +0,0 @@
|
|
|
1
|
-
import { XStack, YStack, ZStack } from "tamagui";
|
|
2
|
-
function StacksDemo() {
|
|
3
|
-
return <XStack maxWidth={250} padding="$2" alignSelf="center" space>
|
|
4
|
-
<YStack
|
|
5
|
-
flex={1}
|
|
6
|
-
space="$2"
|
|
7
|
-
borderWidth={2}
|
|
8
|
-
borderColor="$color"
|
|
9
|
-
borderRadius="$4"
|
|
10
|
-
padding="$2"
|
|
11
|
-
>
|
|
12
|
-
<YStack backgroundColor="$color" borderRadius="$3" padding="$2" />
|
|
13
|
-
<YStack backgroundColor="$color" borderRadius="$3" padding="$2" />
|
|
14
|
-
<YStack backgroundColor="$color" borderRadius="$3" padding="$2" />
|
|
15
|
-
</YStack>
|
|
16
|
-
<XStack
|
|
17
|
-
flex={1}
|
|
18
|
-
space="$2"
|
|
19
|
-
borderWidth={2}
|
|
20
|
-
borderColor="$color"
|
|
21
|
-
borderRadius="$4"
|
|
22
|
-
padding="$2"
|
|
23
|
-
>
|
|
24
|
-
<YStack backgroundColor="$color" borderRadius="$3" padding="$2" />
|
|
25
|
-
<YStack backgroundColor="$color" borderRadius="$3" padding="$2" />
|
|
26
|
-
<YStack backgroundColor="$color" borderRadius="$3" padding="$2" />
|
|
27
|
-
</XStack>
|
|
28
|
-
<ZStack maxWidth={50} maxHeight={85} width={100} flex={1}>
|
|
29
|
-
<YStack
|
|
30
|
-
fullscreen
|
|
31
|
-
borderRadius="$4"
|
|
32
|
-
padding="$2"
|
|
33
|
-
borderColor="$color"
|
|
34
|
-
borderWidth={2}
|
|
35
|
-
/>
|
|
36
|
-
<YStack
|
|
37
|
-
borderColor="$color"
|
|
38
|
-
fullscreen
|
|
39
|
-
y={10}
|
|
40
|
-
x={10}
|
|
41
|
-
borderWidth={2}
|
|
42
|
-
borderRadius="$4"
|
|
43
|
-
padding="$2"
|
|
44
|
-
/>
|
|
45
|
-
<YStack
|
|
46
|
-
borderColor="$color"
|
|
47
|
-
fullscreen
|
|
48
|
-
y={20}
|
|
49
|
-
x={20}
|
|
50
|
-
borderWidth={2}
|
|
51
|
-
borderRadius="$4"
|
|
52
|
-
padding="$2"
|
|
53
|
-
/>
|
|
54
|
-
</ZStack>
|
|
55
|
-
</XStack>;
|
|
56
|
-
}
|
|
57
|
-
export {
|
|
58
|
-
StacksDemo
|
|
59
|
-
};
|
|
60
|
-
//# sourceMappingURL=StacksDemo.mjs.map
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../src/StacksDemo.tsx"],
|
|
4
|
-
"mappings": "AACA,SAAS,QAAQ,QAAQ,cAAc;AAEhC,SAAS,aAAa;AAC3B,SACE,CAAC,OAAO,UAAU,KAAK,QAAQ,KAAK,UAAU,SAAS;AAAA,IACrD,CAAC;AAAA,MACC,MAAM;AAAA,MACN,MAAM;AAAA,MACN,aAAa;AAAA,MACb,YAAY;AAAA,MACZ,aAAa;AAAA,MACb,QAAQ;AAAA;AAAA,MAER,CAAC,OAAO,gBAAgB,SAAS,aAAa,KAAK,QAAQ,KAAK;AAAA,MAChE,CAAC,OAAO,gBAAgB,SAAS,aAAa,KAAK,QAAQ,KAAK;AAAA,MAChE,CAAC,OAAO,gBAAgB,SAAS,aAAa,KAAK,QAAQ,KAAK;AAAA,IAClE,EAXC;AAAA,IAaD,CAAC;AAAA,MACC,MAAM;AAAA,MACN,MAAM;AAAA,MACN,aAAa;AAAA,MACb,YAAY;AAAA,MACZ,aAAa;AAAA,MACb,QAAQ;AAAA;AAAA,MAER,CAAC,OAAO,gBAAgB,SAAS,aAAa,KAAK,QAAQ,KAAK;AAAA,MAChE,CAAC,OAAO,gBAAgB,SAAS,aAAa,KAAK,QAAQ,KAAK;AAAA,MAChE,CAAC,OAAO,gBAAgB,SAAS,aAAa,KAAK,QAAQ,KAAK;AAAA,IAClE,EAXC;AAAA,IAaD,CAAC,OAAO,UAAU,IAAI,WAAW,IAAI,OAAO,KAAK,MAAM;AAAA,MACrD,CAAC;AAAA,QACC;AAAA,QACA,aAAa;AAAA,QACb,QAAQ;AAAA,QACR,YAAY;AAAA,QACZ,aAAa;AAAA,MACf;AAAA,MACA,CAAC;AAAA,QACC,YAAY;AAAA,QACZ;AAAA,QACA,GAAG;AAAA,QACH,GAAG;AAAA,QACH,aAAa;AAAA,QACb,aAAa;AAAA,QACb,QAAQ;AAAA,MACV;AAAA,MACA,CAAC;AAAA,QACC,YAAY;AAAA,QACZ;AAAA,QACA,GAAG;AAAA,QACH,GAAG;AAAA,QACH,aAAa;AAAA,QACb,aAAa;AAAA,QACb,QAAQ;AAAA,MACV;AAAA,IACF,EA1BC;AAAA,EA2BH,EAtDC;AAwDL;",
|
|
5
|
-
"names": []
|
|
6
|
-
}
|
package/dist/jsx/SwitchDemo.mjs
DELETED
|
@@ -1,28 +0,0 @@
|
|
|
1
|
-
import { Label, Separator, Switch, XStack, YStack } from "tamagui";
|
|
2
|
-
function SwitchDemo() {
|
|
3
|
-
return <YStack width={200} alignItems="center" space="$3">
|
|
4
|
-
<SwitchWithLabel size="$2" />
|
|
5
|
-
<SwitchWithLabel size="$3" />
|
|
6
|
-
<SwitchWithLabel size="$4" />
|
|
7
|
-
<SwitchWithLabel size="$5" />
|
|
8
|
-
</YStack>;
|
|
9
|
-
}
|
|
10
|
-
function SwitchWithLabel(props) {
|
|
11
|
-
const id = `switch-${props.size.toString().slice(1)}`;
|
|
12
|
-
return <XStack width={200} alignItems="center" space="$4">
|
|
13
|
-
<Label
|
|
14
|
-
paddingRight="$0"
|
|
15
|
-
minWidth={90}
|
|
16
|
-
justifyContent="flex-end"
|
|
17
|
-
size={props.size}
|
|
18
|
-
htmlFor={id}
|
|
19
|
-
>Dark mode</Label>
|
|
20
|
-
<Separator minHeight={20} vertical />
|
|
21
|
-
<Switch id={id} size={props.size}><Switch.Thumb animation="quick" /></Switch>
|
|
22
|
-
</XStack>;
|
|
23
|
-
}
|
|
24
|
-
export {
|
|
25
|
-
SwitchDemo,
|
|
26
|
-
SwitchWithLabel
|
|
27
|
-
};
|
|
28
|
-
//# sourceMappingURL=SwitchDemo.mjs.map
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../src/SwitchDemo.tsx"],
|
|
4
|
-
"mappings": "AAAA,SAAS,OAAO,WAAuB,QAAQ,QAAQ,cAAsB;AAEtE,SAAS,aAAa;AAC3B,SACE,CAAC,OAAO,OAAO,KAAK,WAAW,SAAS,MAAM;AAAA,IAC5C,CAAC,gBAAgB,KAAK,KAAK;AAAA,IAC3B,CAAC,gBAAgB,KAAK,KAAK;AAAA,IAC3B,CAAC,gBAAgB,KAAK,KAAK;AAAA,IAC3B,CAAC,gBAAgB,KAAK,KAAK;AAAA,EAC7B,EALC;AAOL;AAEO,SAAS,gBAAgB,OAA6B;AAC3D,QAAM,KAAK,UAAU,MAAM,KAAK,SAAS,EAAE,MAAM,CAAC;AAClD,SACE,CAAC,OAAO,OAAO,KAAK,WAAW,SAAS,MAAM;AAAA,IAC5C,CAAC;AAAA,MACC,aAAa;AAAA,MACb,UAAU;AAAA,MACV,eAAe;AAAA,MACf,MAAM,MAAM;AAAA,MACZ,SAAS;AAAA,KACV,SAED,EARC;AAAA,IASD,CAAC,UAAU,WAAW,IAAI,SAAS;AAAA,IACnC,CAAC,OAAO,IAAI,IAAI,MAAM,MAAM,MAC1B,CAAC,OAAO,MAAM,UAAU,QAAQ,EAClC,EAFC;AAAA,EAGH,EAdC;AAgBL;",
|
|
5
|
-
"names": []
|
|
6
|
-
}
|