@tamagui/demos 1.22.6 → 1.22.8
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/DialogDemo.js +12 -2
- package/dist/cjs/DialogDemo.js.map +1 -1
- package/dist/cjs/SelectDemo.js +5 -5
- package/dist/cjs/SelectDemo.js.map +1 -1
- package/dist/cjs/TabsDemo.js +24 -15
- package/dist/cjs/TabsDemo.js.map +1 -1
- package/dist/cjs/ToastDemo.js +7 -2
- package/dist/cjs/ToastDemo.js.map +1 -1
- package/dist/esm/DialogDemo.js +13 -3
- package/dist/esm/DialogDemo.js.map +1 -1
- package/dist/esm/DialogDemo.mjs +13 -3
- package/dist/esm/DialogDemo.mjs.map +1 -1
- package/dist/esm/SelectDemo.js +5 -5
- package/dist/esm/SelectDemo.js.map +1 -1
- package/dist/esm/SelectDemo.mjs +5 -5
- package/dist/esm/SelectDemo.mjs.map +1 -1
- package/dist/esm/TabsDemo.js +26 -16
- package/dist/esm/TabsDemo.js.map +1 -1
- package/dist/esm/TabsDemo.mjs +26 -16
- package/dist/esm/TabsDemo.mjs.map +1 -1
- package/dist/esm/ToastDemo.js +8 -3
- package/dist/esm/ToastDemo.js.map +1 -1
- package/dist/esm/ToastDemo.mjs +8 -3
- package/dist/esm/ToastDemo.mjs.map +1 -1
- package/dist/jsx/DialogDemo.js +10 -3
- package/dist/jsx/DialogDemo.js.map +1 -1
- package/dist/jsx/DialogDemo.mjs +10 -3
- package/dist/jsx/DialogDemo.mjs.map +1 -1
- package/dist/jsx/SelectDemo.js +5 -5
- package/dist/jsx/SelectDemo.js.map +1 -1
- package/dist/jsx/SelectDemo.mjs +5 -5
- package/dist/jsx/SelectDemo.mjs.map +1 -1
- package/dist/jsx/TabsDemo.js +8 -2
- package/dist/jsx/TabsDemo.js.map +1 -1
- package/dist/jsx/TabsDemo.mjs +8 -2
- package/dist/jsx/TabsDemo.mjs.map +1 -1
- package/dist/jsx/ToastDemo.js +8 -3
- package/dist/jsx/ToastDemo.js.map +1 -1
- package/dist/jsx/ToastDemo.mjs +8 -3
- package/dist/jsx/ToastDemo.mjs.map +1 -1
- package/package.json +18 -18
- package/src/DialogDemo.tsx +10 -3
- package/src/SelectDemo.tsx +6 -6
- package/src/TabsDemo.tsx +7 -1
- package/src/ToastDemo.tsx +13 -4
- package/types/DialogDemo.d.ts.map +1 -1
- package/types/SelectDemo.d.ts.map +1 -1
- package/types/TabsDemo.d.ts.map +1 -1
- package/types/ToastDemo.d.ts.map +1 -1
package/dist/esm/ToastDemo.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
2
2
|
import { Toast, useToastController, useToastState } from "@tamagui/toast";
|
|
3
3
|
import React from "react";
|
|
4
|
-
import { Button,
|
|
4
|
+
import { Button, Label, Switch, XStack, YStack } from "tamagui";
|
|
5
5
|
const ToastDemo = () => {
|
|
6
6
|
const [native, setNative] = React.useState(false);
|
|
7
7
|
return /* @__PURE__ */ jsxs(YStack, { space: true, alignItems: "center", children: [
|
|
@@ -51,6 +51,8 @@ const ToastControl = ({ native }) => {
|
|
|
51
51
|
/* @__PURE__ */ jsx(
|
|
52
52
|
Button,
|
|
53
53
|
{
|
|
54
|
+
id: "wot",
|
|
55
|
+
nativeID: "woot",
|
|
54
56
|
onPress: () => {
|
|
55
57
|
toast.hide();
|
|
56
58
|
},
|
|
@@ -64,10 +66,13 @@ const NativeOptions = ({
|
|
|
64
66
|
setNative
|
|
65
67
|
}) => {
|
|
66
68
|
return /* @__PURE__ */ jsxs(XStack, { space: "$3", children: [
|
|
67
|
-
/* @__PURE__ */ jsx(
|
|
69
|
+
/* @__PURE__ */ jsx(Label, { size: "$1", onPress: () => setNative(false), children: "Custom" }),
|
|
68
70
|
/* @__PURE__ */ jsx(
|
|
69
71
|
Switch,
|
|
70
72
|
{
|
|
73
|
+
debug: "verbose",
|
|
74
|
+
id: "native-toggle",
|
|
75
|
+
nativeID: "native-toggle",
|
|
71
76
|
theme: "active",
|
|
72
77
|
size: "$1",
|
|
73
78
|
checked: !!native,
|
|
@@ -87,7 +92,7 @@ const NativeOptions = ({
|
|
|
87
92
|
)
|
|
88
93
|
}
|
|
89
94
|
),
|
|
90
|
-
/* @__PURE__ */ jsx(
|
|
95
|
+
/* @__PURE__ */ jsx(Label, { size: "$1", onPress: () => setNative(true), children: "Native" })
|
|
91
96
|
] });
|
|
92
97
|
};
|
|
93
98
|
export {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/ToastDemo.tsx"],
|
|
4
|
-
"mappings": "
|
|
4
|
+
"mappings": "AASI,SACE,KADF;AATJ,SAAS,OAAO,oBAAoB,qBAAqB;AACzD,OAAO,WAAW;AAElB,SAAS,QAAQ,OAAoB,QAAQ,QAAQ,cAAc;AAE5D,MAAM,YAAY,MAAM;AAC7B,QAAM,CAAC,QAAQ,SAAS,IAAI,MAAM,SAAS,KAAK;AAEhD,SACE,qBAAC,UAAO,OAAK,MAAC,YAAW,UACvB;AAAA,wBAAC,gBAAa,QAAgB;AAAA,IAC9B,oBAAC,gBAAa;AAAA,IAEd,oBAAC,iBAAc,QAAgB,WAAsB;AAAA,KACvD;AAEJ;AAEA,MAAM,eAAe,MAAM;AACzB,QAAM,eAAe,cAAc;AAEnC,MAAI,CAAC,gBAAgB,aAAa;AAAmB,WAAO;AAC5D,SACE;AAAA,IAAC;AAAA;AAAA,MAEC,UAAU,aAAa;AAAA,MACvB,YAAY,EAAE,SAAS,GAAG,OAAO,KAAK,GAAG,IAAI;AAAA,MAC7C,WAAW,EAAE,SAAS,GAAG,OAAO,GAAG,GAAG,IAAI;AAAA,MAC1C,GAAG;AAAA,MACH,SAAS;AAAA,MACT,OAAO;AAAA,MACP,WAAU;AAAA,MACV,cAAc,aAAa;AAAA,MAE3B,+BAAC,UACC;AAAA,4BAAC,MAAM,OAAN,EAAa,uBAAa,OAAM;AAAA,QAChC,CAAC,CAAC,aAAa,WACd,oBAAC,MAAM,aAAN,EAAmB,uBAAa,SAAQ;AAAA,SAE7C;AAAA;AAAA,IAfK,aAAa;AAAA,EAgBpB;AAEJ;AAEA,MAAM,eAAe,CAAC,EAAE,OAAO,MAA2B;AACxD,QAAM,QAAQ,mBAAmB;AACjC,SACE,qBAAC,UAAO,OAAM,MAAK,gBAAe,UAChC;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,SAAS,MAAM;AACb,gBAAM,KAAK,uBAAuB;AAAA,YAChC,SAAS;AAAA,YACT;AAAA,UACF,CAAC;AAAA,QACH;AAAA,QACD;AAAA;AAAA,IAED;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACC,IAAG;AAAA,QACH,UAAS;AAAA,QACT,SAAS,MAAM;AACb,gBAAM,KAAK;AAAA,QACb;AAAA,QACD;AAAA;AAAA,IAED;AAAA,KACF;AAEJ;AAEA,MAAM,gBAAgB,CAAC;AAAA,EACrB;AAAA,EACA;AACF,MAGM;AACJ,SACE,qBAAC,UAAO,OAAM,MACZ;AAAA,wBAAC,SAAM,MAAK,MAAK,SAAS,MAAM,UAAU,KAAK,GAAG,oBAElD;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACC,OAAM;AAAA,QACN,IAAG;AAAA,QACH,UAAS;AAAA,QACT,OAAM;AAAA,QACN,MAAK;AAAA,QACL,SAAS,CAAC,CAAC;AAAA,QACX,iBAAiB,CAAC,QAAQ,UAAU,GAAG;AAAA,QAEvC;AAAA,UAAC,OAAO;AAAA,UAAP;AAAA,YACC,WAAW;AAAA,cACT;AAAA,cACA;AAAA,gBACE,WAAW;AAAA,kBACT,mBAAmB;AAAA,gBACrB;AAAA,cACF;AAAA,YACF;AAAA;AAAA,QACF;AAAA;AAAA,IACF;AAAA,IAEA,oBAAC,SAAM,MAAK,MAAK,SAAS,MAAM,UAAU,IAAI,GAAG,oBAEjD;AAAA,KACF;AAEJ;",
|
|
5
5
|
"names": []
|
|
6
6
|
}
|
package/dist/esm/ToastDemo.mjs
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
2
2
|
import { Toast, useToastController, useToastState } from "@tamagui/toast";
|
|
3
3
|
import React from "react";
|
|
4
|
-
import { Button,
|
|
4
|
+
import { Button, Label, Switch, XStack, YStack } from "tamagui";
|
|
5
5
|
const ToastDemo = () => {
|
|
6
6
|
const [native, setNative] = React.useState(false);
|
|
7
7
|
return /* @__PURE__ */ jsxs(YStack, { space: true, alignItems: "center", children: [
|
|
@@ -51,6 +51,8 @@ const ToastControl = ({ native }) => {
|
|
|
51
51
|
/* @__PURE__ */ jsx(
|
|
52
52
|
Button,
|
|
53
53
|
{
|
|
54
|
+
id: "wot",
|
|
55
|
+
nativeID: "woot",
|
|
54
56
|
onPress: () => {
|
|
55
57
|
toast.hide();
|
|
56
58
|
},
|
|
@@ -64,10 +66,13 @@ const NativeOptions = ({
|
|
|
64
66
|
setNative
|
|
65
67
|
}) => {
|
|
66
68
|
return /* @__PURE__ */ jsxs(XStack, { space: "$3", children: [
|
|
67
|
-
/* @__PURE__ */ jsx(
|
|
69
|
+
/* @__PURE__ */ jsx(Label, { size: "$1", onPress: () => setNative(false), children: "Custom" }),
|
|
68
70
|
/* @__PURE__ */ jsx(
|
|
69
71
|
Switch,
|
|
70
72
|
{
|
|
73
|
+
debug: "verbose",
|
|
74
|
+
id: "native-toggle",
|
|
75
|
+
nativeID: "native-toggle",
|
|
71
76
|
theme: "active",
|
|
72
77
|
size: "$1",
|
|
73
78
|
checked: !!native,
|
|
@@ -87,7 +92,7 @@ const NativeOptions = ({
|
|
|
87
92
|
)
|
|
88
93
|
}
|
|
89
94
|
),
|
|
90
|
-
/* @__PURE__ */ jsx(
|
|
95
|
+
/* @__PURE__ */ jsx(Label, { size: "$1", onPress: () => setNative(true), children: "Native" })
|
|
91
96
|
] });
|
|
92
97
|
};
|
|
93
98
|
export {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/ToastDemo.tsx"],
|
|
4
|
-
"mappings": "
|
|
4
|
+
"mappings": "AASI,SACE,KADF;AATJ,SAAS,OAAO,oBAAoB,qBAAqB;AACzD,OAAO,WAAW;AAElB,SAAS,QAAQ,OAAoB,QAAQ,QAAQ,cAAc;AAE5D,MAAM,YAAY,MAAM;AAC7B,QAAM,CAAC,QAAQ,SAAS,IAAI,MAAM,SAAS,KAAK;AAEhD,SACE,qBAAC,UAAO,OAAK,MAAC,YAAW,UACvB;AAAA,wBAAC,gBAAa,QAAgB;AAAA,IAC9B,oBAAC,gBAAa;AAAA,IAEd,oBAAC,iBAAc,QAAgB,WAAsB;AAAA,KACvD;AAEJ;AAEA,MAAM,eAAe,MAAM;AACzB,QAAM,eAAe,cAAc;AAEnC,MAAI,CAAC,gBAAgB,aAAa;AAAmB,WAAO;AAC5D,SACE;AAAA,IAAC;AAAA;AAAA,MAEC,UAAU,aAAa;AAAA,MACvB,YAAY,EAAE,SAAS,GAAG,OAAO,KAAK,GAAG,IAAI;AAAA,MAC7C,WAAW,EAAE,SAAS,GAAG,OAAO,GAAG,GAAG,IAAI;AAAA,MAC1C,GAAG;AAAA,MACH,SAAS;AAAA,MACT,OAAO;AAAA,MACP,WAAU;AAAA,MACV,cAAc,aAAa;AAAA,MAE3B,+BAAC,UACC;AAAA,4BAAC,MAAM,OAAN,EAAa,uBAAa,OAAM;AAAA,QAChC,CAAC,CAAC,aAAa,WACd,oBAAC,MAAM,aAAN,EAAmB,uBAAa,SAAQ;AAAA,SAE7C;AAAA;AAAA,IAfK,aAAa;AAAA,EAgBpB;AAEJ;AAEA,MAAM,eAAe,CAAC,EAAE,OAAO,MAA2B;AACxD,QAAM,QAAQ,mBAAmB;AACjC,SACE,qBAAC,UAAO,OAAM,MAAK,gBAAe,UAChC;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,SAAS,MAAM;AACb,gBAAM,KAAK,uBAAuB;AAAA,YAChC,SAAS;AAAA,YACT;AAAA,UACF,CAAC;AAAA,QACH;AAAA,QACD;AAAA;AAAA,IAED;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACC,IAAG;AAAA,QACH,UAAS;AAAA,QACT,SAAS,MAAM;AACb,gBAAM,KAAK;AAAA,QACb;AAAA,QACD;AAAA;AAAA,IAED;AAAA,KACF;AAEJ;AAEA,MAAM,gBAAgB,CAAC;AAAA,EACrB;AAAA,EACA;AACF,MAGM;AACJ,SACE,qBAAC,UAAO,OAAM,MACZ;AAAA,wBAAC,SAAM,MAAK,MAAK,SAAS,MAAM,UAAU,KAAK,GAAG,oBAElD;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACC,OAAM;AAAA,QACN,IAAG;AAAA,QACH,UAAS;AAAA,QACT,OAAM;AAAA,QACN,MAAK;AAAA,QACL,SAAS,CAAC,CAAC;AAAA,QACX,iBAAiB,CAAC,QAAQ,UAAU,GAAG;AAAA,QAEvC;AAAA,UAAC,OAAO;AAAA,UAAP;AAAA,YACC,WAAW;AAAA,cACT;AAAA,cACA;AAAA,gBACE,WAAW;AAAA,kBACT,mBAAmB;AAAA,gBACrB;AAAA,cACF;AAAA,YACF;AAAA;AAAA,QACF;AAAA;AAAA,IACF;AAAA,IAEA,oBAAC,SAAM,MAAK,MAAK,SAAS,MAAM,UAAU,IAAI,GAAG,oBAEjD;AAAA,KACF;AAEJ;",
|
|
5
5
|
"names": []
|
|
6
6
|
}
|
package/dist/jsx/DialogDemo.js
CHANGED
|
@@ -12,7 +12,7 @@ import {
|
|
|
12
12
|
Unspaced,
|
|
13
13
|
YStack
|
|
14
14
|
} from "tamagui";
|
|
15
|
-
import {
|
|
15
|
+
import { SelectDemoItem } from "./SelectDemo";
|
|
16
16
|
function DialogDemo() {
|
|
17
17
|
return <Dialog modal>
|
|
18
18
|
<Dialog.Trigger asChild><Button>Edit Profile</Button></Dialog.Trigger>
|
|
@@ -52,10 +52,17 @@ function DialogDemo() {
|
|
|
52
52
|
</Fieldset>
|
|
53
53
|
<Fieldset space="$4" horizontal>
|
|
54
54
|
<Label width={160} justifyContent="flex-end" htmlFor="username"><TooltipSimple label="Pick your favorite" placement="bottom-start"><Paragraph>Food</Paragraph></TooltipSimple></Label>
|
|
55
|
-
<
|
|
55
|
+
<SelectDemoItem />
|
|
56
56
|
</Fieldset>
|
|
57
57
|
<YStack alignItems="flex-end" marginTop="$2"><Dialog.Close displayWhenAdapted asChild><Button theme="alt1" aria-label="Close">Save changes</Button></Dialog.Close></YStack>
|
|
58
|
-
<Unspaced><Dialog.Close asChild><Button
|
|
58
|
+
<Unspaced><Dialog.Close asChild><Button
|
|
59
|
+
position="absolute"
|
|
60
|
+
top="$3"
|
|
61
|
+
right="$3"
|
|
62
|
+
size="$2"
|
|
63
|
+
circular
|
|
64
|
+
icon={X}
|
|
65
|
+
/></Dialog.Close></Unspaced>
|
|
59
66
|
</Dialog.Content>
|
|
60
67
|
</Dialog.Portal>
|
|
61
68
|
</Dialog>;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/DialogDemo.tsx"],
|
|
4
|
-
"mappings": "AAAA,SAAS,SAAS;AAClB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EAEA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEP,
|
|
4
|
+
"mappings": "AAAA,SAAS,SAAS;AAClB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EAEA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEP,SAAqB,sBAAsB;AAEpC,SAAS,aAAa;AAC3B,SACE,CAAC,OAAO;AAAA,IACN,CAAC,OAAO,QAAQ,QACd,CAAC,OAAO,YAAY,EAAnB,OACH,EAFC,OAAO;AAAA,IAIR,CAAC,MAAM,KAAK,KAAK,SAAS,QACxB,CAAC,MAAM,QAAQ,KAAQ,MAAM;AAAA,MAC3B,CAAC,MAAM,MAAM,QAAQ,KAAK,MACxB,CAAC,MAAM,SAAS,EAClB,EAFC,MAAM;AAAA,MAGP,CAAC,MAAM,QAAQ;AAAA,IACjB,EALC,MAMH,EAPC;AAAA,IASD,CAAC,OAAO;AAAA,MACN,CAAC,OAAO;AAAA,QACN,IAAI;AAAA,QACJ,UAAU;AAAA,QACV,SAAS;AAAA,QACT,YAAY,EAAE,SAAS,EAAE;AAAA,QACzB,WAAW,EAAE,SAAS,EAAE;AAAA,MAC1B;AAAA,MAEA,CAAC,OAAO;AAAA,QACN;AAAA,QACA;AAAA,QACA,IAAI;AAAA,QACJ,WAAW;AAAA,UACT;AAAA,UACA;AAAA,YACE,SAAS;AAAA,cACP,mBAAmB;AAAA,YACrB;AAAA,UACF;AAAA,QACF;AAAA,QACA,YAAY,EAAE,GAAG,GAAG,GAAG,KAAK,SAAS,GAAG,OAAO,IAAI;AAAA,QACnD,WAAW,EAAE,GAAG,GAAG,GAAG,IAAI,SAAS,GAAG,OAAO,KAAK;AAAA,QAClD;AAAA;AAAA,QAEA,CAAC,OAAO,MAAM,YAAY,EAAzB,OAAO;AAAA,QACR,CAAC,OAAO,YAAY,+DAEpB,EAFC,OAAO;AAAA,QAGR,CAAC,SAAS,MAAM,KAAK;AAAA,UACnB,CAAC,MAAM,OAAO,KAAK,eAAe,WAAW,QAAQ,OAAO,IAE5D,EAFC;AAAA,UAGD,CAAC,MAAM,MAAM,GAAG,GAAG,OAAO,aAAa,eAAe;AAAA,QACxD,EALC;AAAA,QAMD,CAAC,SAAS,MAAM,KAAK;AAAA,UACnB,CAAC,MAAM,OAAO,KAAK,eAAe,WAAW,QAAQ,WACnD,CAAC,cAAc,MAAM,qBAAqB,UAAU,eAClD,CAAC,UAAU,IAAI,EAAd,UACH,EAFC,cAGH,EAJC;AAAA,UAKD,CAAC,eAAe;AAAA,QAClB,EAPC;AAAA,QASD,CAAC,OAAO,WAAW,WAAW,UAAU,KACtC,CAAC,OAAO,MAAM,mBAAmB,QAC/B,CAAC,OAAO,MAAM,OAAO,WAAW,QAAQ,YAExC,EAFC,OAGH,EAJC,OAAO,MAKV,EANC;AAAA,QAQD,CAAC,SACC,CAAC,OAAO,MAAM,QACZ,CAAC;AAAA,UACC,SAAS;AAAA,UACT,IAAI;AAAA,UACJ,MAAM;AAAA,UACN,KAAK;AAAA,UACL;AAAA,UACA,MAAM;AAAA,QACR,EACF,EATC,OAAO,MAUV,EAXC;AAAA,MAYH,EAvDC,OAAO;AAAA,IAwDV,EAjEC,OAAO;AAAA,EAkEV,EAhFC;AAkFL;",
|
|
5
5
|
"names": []
|
|
6
6
|
}
|
package/dist/jsx/DialogDemo.mjs
CHANGED
|
@@ -12,7 +12,7 @@ import {
|
|
|
12
12
|
Unspaced,
|
|
13
13
|
YStack
|
|
14
14
|
} from "tamagui";
|
|
15
|
-
import {
|
|
15
|
+
import { SelectDemoItem } from "./SelectDemo";
|
|
16
16
|
function DialogDemo() {
|
|
17
17
|
return <Dialog modal>
|
|
18
18
|
<Dialog.Trigger asChild><Button>Edit Profile</Button></Dialog.Trigger>
|
|
@@ -52,10 +52,17 @@ function DialogDemo() {
|
|
|
52
52
|
</Fieldset>
|
|
53
53
|
<Fieldset space="$4" horizontal>
|
|
54
54
|
<Label width={160} justifyContent="flex-end" htmlFor="username"><TooltipSimple label="Pick your favorite" placement="bottom-start"><Paragraph>Food</Paragraph></TooltipSimple></Label>
|
|
55
|
-
<
|
|
55
|
+
<SelectDemoItem />
|
|
56
56
|
</Fieldset>
|
|
57
57
|
<YStack alignItems="flex-end" marginTop="$2"><Dialog.Close displayWhenAdapted asChild><Button theme="alt1" aria-label="Close">Save changes</Button></Dialog.Close></YStack>
|
|
58
|
-
<Unspaced><Dialog.Close asChild><Button
|
|
58
|
+
<Unspaced><Dialog.Close asChild><Button
|
|
59
|
+
position="absolute"
|
|
60
|
+
top="$3"
|
|
61
|
+
right="$3"
|
|
62
|
+
size="$2"
|
|
63
|
+
circular
|
|
64
|
+
icon={X}
|
|
65
|
+
/></Dialog.Close></Unspaced>
|
|
59
66
|
</Dialog.Content>
|
|
60
67
|
</Dialog.Portal>
|
|
61
68
|
</Dialog>;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/DialogDemo.tsx"],
|
|
4
|
-
"mappings": "AAAA,SAAS,SAAS;AAClB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EAEA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEP,
|
|
4
|
+
"mappings": "AAAA,SAAS,SAAS;AAClB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EAEA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEP,SAAqB,sBAAsB;AAEpC,SAAS,aAAa;AAC3B,SACE,CAAC,OAAO;AAAA,IACN,CAAC,OAAO,QAAQ,QACd,CAAC,OAAO,YAAY,EAAnB,OACH,EAFC,OAAO;AAAA,IAIR,CAAC,MAAM,KAAK,KAAK,SAAS,QACxB,CAAC,MAAM,QAAQ,KAAQ,MAAM;AAAA,MAC3B,CAAC,MAAM,MAAM,QAAQ,KAAK,MACxB,CAAC,MAAM,SAAS,EAClB,EAFC,MAAM;AAAA,MAGP,CAAC,MAAM,QAAQ;AAAA,IACjB,EALC,MAMH,EAPC;AAAA,IASD,CAAC,OAAO;AAAA,MACN,CAAC,OAAO;AAAA,QACN,IAAI;AAAA,QACJ,UAAU;AAAA,QACV,SAAS;AAAA,QACT,YAAY,EAAE,SAAS,EAAE;AAAA,QACzB,WAAW,EAAE,SAAS,EAAE;AAAA,MAC1B;AAAA,MAEA,CAAC,OAAO;AAAA,QACN;AAAA,QACA;AAAA,QACA,IAAI;AAAA,QACJ,WAAW;AAAA,UACT;AAAA,UACA;AAAA,YACE,SAAS;AAAA,cACP,mBAAmB;AAAA,YACrB;AAAA,UACF;AAAA,QACF;AAAA,QACA,YAAY,EAAE,GAAG,GAAG,GAAG,KAAK,SAAS,GAAG,OAAO,IAAI;AAAA,QACnD,WAAW,EAAE,GAAG,GAAG,GAAG,IAAI,SAAS,GAAG,OAAO,KAAK;AAAA,QAClD;AAAA;AAAA,QAEA,CAAC,OAAO,MAAM,YAAY,EAAzB,OAAO;AAAA,QACR,CAAC,OAAO,YAAY,+DAEpB,EAFC,OAAO;AAAA,QAGR,CAAC,SAAS,MAAM,KAAK;AAAA,UACnB,CAAC,MAAM,OAAO,KAAK,eAAe,WAAW,QAAQ,OAAO,IAE5D,EAFC;AAAA,UAGD,CAAC,MAAM,MAAM,GAAG,GAAG,OAAO,aAAa,eAAe;AAAA,QACxD,EALC;AAAA,QAMD,CAAC,SAAS,MAAM,KAAK;AAAA,UACnB,CAAC,MAAM,OAAO,KAAK,eAAe,WAAW,QAAQ,WACnD,CAAC,cAAc,MAAM,qBAAqB,UAAU,eAClD,CAAC,UAAU,IAAI,EAAd,UACH,EAFC,cAGH,EAJC;AAAA,UAKD,CAAC,eAAe;AAAA,QAClB,EAPC;AAAA,QASD,CAAC,OAAO,WAAW,WAAW,UAAU,KACtC,CAAC,OAAO,MAAM,mBAAmB,QAC/B,CAAC,OAAO,MAAM,OAAO,WAAW,QAAQ,YAExC,EAFC,OAGH,EAJC,OAAO,MAKV,EANC;AAAA,QAQD,CAAC,SACC,CAAC,OAAO,MAAM,QACZ,CAAC;AAAA,UACC,SAAS;AAAA,UACT,IAAI;AAAA,UACJ,MAAM;AAAA,UACN,KAAK;AAAA,UACL;AAAA,UACA,MAAM;AAAA,QACR,EACF,EATC,OAAO,MAUV,EAXC;AAAA,MAYH,EAvDC,OAAO;AAAA,IAwDV,EAjEC,OAAO;AAAA,EAkEV,EAhFC;AAkFL;",
|
|
5
5
|
"names": []
|
|
6
6
|
}
|
package/dist/jsx/SelectDemo.js
CHANGED
|
@@ -11,20 +11,20 @@ import {
|
|
|
11
11
|
} from "tamagui";
|
|
12
12
|
import { LinearGradient } from "tamagui/linear-gradient";
|
|
13
13
|
function SelectDemo() {
|
|
14
|
-
const [val, setVal] = useState("apple");
|
|
15
14
|
return <YStack space>
|
|
16
15
|
<XStack ai="center" space>
|
|
17
16
|
<Label f={1} fb={0}>Custom</Label>
|
|
18
|
-
<SelectDemoItem
|
|
17
|
+
<SelectDemoItem />
|
|
19
18
|
</XStack>
|
|
20
19
|
<XStack ai="center" space>
|
|
21
20
|
<Label f={1} fb={0}>Native</Label>
|
|
22
|
-
<SelectDemoItem
|
|
21
|
+
<SelectDemoItem native />
|
|
23
22
|
</XStack>
|
|
24
23
|
</YStack>;
|
|
25
24
|
}
|
|
26
25
|
function SelectDemoItem(props) {
|
|
27
|
-
|
|
26
|
+
const [val, setVal] = useState("apple");
|
|
27
|
+
return <Select id="food" value={val} onValueChange={setVal} {...props}>
|
|
28
28
|
<Select.Trigger width={180} iconAfter={ChevronDown}><Select.Value placeholder="Something" /></Select.Trigger>
|
|
29
29
|
<Adapt when="sm" platform="touch"><Sheet native modal dismissOnSnapToBottom>
|
|
30
30
|
<Sheet.Frame><Sheet.ScrollView><Adapt.Contents /></Sheet.ScrollView></Sheet.Frame>
|
|
@@ -52,7 +52,7 @@ function SelectDemoItem(props) {
|
|
|
52
52
|
<Select.Label>Fruits</Select.Label>
|
|
53
53
|
{items.map((item, i) => {
|
|
54
54
|
return <Select.Item index={i} key={item.name} value={item.name.toLowerCase()}>
|
|
55
|
-
<Select.ItemText
|
|
55
|
+
<Select.ItemText>{item.name}</Select.ItemText>
|
|
56
56
|
<Select.ItemIndicator marginLeft="auto"><Check size={16} /></Select.ItemIndicator>
|
|
57
57
|
</Select.Item>;
|
|
58
58
|
})}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/SelectDemo.tsx"],
|
|
4
|
-
"mappings": "AAAA,SAAS,OAAO,aAAa,iBAAiB;AAC9C,SAAS,gBAAgB;AACzB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EAEA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,sBAAsB;AAExB,SAAS,aAAa;AAC3B,
|
|
4
|
+
"mappings": "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",
|
|
5
5
|
"names": []
|
|
6
6
|
}
|
package/dist/jsx/SelectDemo.mjs
CHANGED
|
@@ -11,20 +11,20 @@ import {
|
|
|
11
11
|
} from "tamagui";
|
|
12
12
|
import { LinearGradient } from "tamagui/linear-gradient";
|
|
13
13
|
function SelectDemo() {
|
|
14
|
-
const [val, setVal] = useState("apple");
|
|
15
14
|
return <YStack space>
|
|
16
15
|
<XStack ai="center" space>
|
|
17
16
|
<Label f={1} fb={0}>Custom</Label>
|
|
18
|
-
<SelectDemoItem
|
|
17
|
+
<SelectDemoItem />
|
|
19
18
|
</XStack>
|
|
20
19
|
<XStack ai="center" space>
|
|
21
20
|
<Label f={1} fb={0}>Native</Label>
|
|
22
|
-
<SelectDemoItem
|
|
21
|
+
<SelectDemoItem native />
|
|
23
22
|
</XStack>
|
|
24
23
|
</YStack>;
|
|
25
24
|
}
|
|
26
25
|
function SelectDemoItem(props) {
|
|
27
|
-
|
|
26
|
+
const [val, setVal] = useState("apple");
|
|
27
|
+
return <Select id="food" value={val} onValueChange={setVal} {...props}>
|
|
28
28
|
<Select.Trigger width={180} iconAfter={ChevronDown}><Select.Value placeholder="Something" /></Select.Trigger>
|
|
29
29
|
<Adapt when="sm" platform="touch"><Sheet native modal dismissOnSnapToBottom>
|
|
30
30
|
<Sheet.Frame><Sheet.ScrollView><Adapt.Contents /></Sheet.ScrollView></Sheet.Frame>
|
|
@@ -52,7 +52,7 @@ function SelectDemoItem(props) {
|
|
|
52
52
|
<Select.Label>Fruits</Select.Label>
|
|
53
53
|
{items.map((item, i) => {
|
|
54
54
|
return <Select.Item index={i} key={item.name} value={item.name.toLowerCase()}>
|
|
55
|
-
<Select.ItemText
|
|
55
|
+
<Select.ItemText>{item.name}</Select.ItemText>
|
|
56
56
|
<Select.ItemIndicator marginLeft="auto"><Check size={16} /></Select.ItemIndicator>
|
|
57
57
|
</Select.Item>;
|
|
58
58
|
})}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/SelectDemo.tsx"],
|
|
4
|
-
"mappings": "AAAA,SAAS,OAAO,aAAa,iBAAiB;AAC9C,SAAS,gBAAgB;AACzB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EAEA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,sBAAsB;AAExB,SAAS,aAAa;AAC3B,
|
|
4
|
+
"mappings": "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",
|
|
5
5
|
"names": []
|
|
6
6
|
}
|
package/dist/jsx/TabsDemo.js
CHANGED
|
@@ -6,7 +6,8 @@ import {
|
|
|
6
6
|
SizableText,
|
|
7
7
|
Tabs,
|
|
8
8
|
XStack,
|
|
9
|
-
YStack
|
|
9
|
+
YStack,
|
|
10
|
+
isWeb
|
|
10
11
|
} from "tamagui";
|
|
11
12
|
const demos = ["horizontal", "vertical"];
|
|
12
13
|
const demosTitle = {
|
|
@@ -18,7 +19,12 @@ function TabsDemo() {
|
|
|
18
19
|
const demo = demos[demoIndex];
|
|
19
20
|
return (
|
|
20
21
|
// web only fix for position relative
|
|
21
|
-
<YStack
|
|
22
|
+
<YStack
|
|
23
|
+
paddingHorizontal="$4"
|
|
24
|
+
{...isWeb && {
|
|
25
|
+
position: "unset"
|
|
26
|
+
}}
|
|
27
|
+
>
|
|
22
28
|
{demo === "horizontal" ? <HorizontalTabs /> : <VerticalTabs />}
|
|
23
29
|
<XStack
|
|
24
30
|
alignItems="center"
|
package/dist/jsx/TabsDemo.js.map
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/TabsDemo.tsx"],
|
|
4
|
-
"mappings": "AAAA,SAAS,gBAAgB;AACzB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EAEA;AAAA,EACA;AAAA,OACK;AAEP,MAAM,QAAQ,CAAC,cAAc,UAAU;AACvC,MAAM,aAAqD;AAAA,EACzD,YAAY;AAAA,EACZ,UAAU;AACZ;AAEO,SAAS,WAAW;AACzB,QAAM,CAAC,WAAW,YAAY,IAAI,SAAS,CAAC;AAC5C,QAAM,OAAO,MAAM,SAAS;AAE5B;AAAA;AAAA,IAEE,CAAC,
|
|
4
|
+
"mappings": "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",
|
|
5
5
|
"names": []
|
|
6
6
|
}
|
package/dist/jsx/TabsDemo.mjs
CHANGED
|
@@ -6,7 +6,8 @@ import {
|
|
|
6
6
|
SizableText,
|
|
7
7
|
Tabs,
|
|
8
8
|
XStack,
|
|
9
|
-
YStack
|
|
9
|
+
YStack,
|
|
10
|
+
isWeb
|
|
10
11
|
} from "tamagui";
|
|
11
12
|
const demos = ["horizontal", "vertical"];
|
|
12
13
|
const demosTitle = {
|
|
@@ -18,7 +19,12 @@ function TabsDemo() {
|
|
|
18
19
|
const demo = demos[demoIndex];
|
|
19
20
|
return (
|
|
20
21
|
// web only fix for position relative
|
|
21
|
-
<YStack
|
|
22
|
+
<YStack
|
|
23
|
+
paddingHorizontal="$4"
|
|
24
|
+
{...isWeb && {
|
|
25
|
+
position: "unset"
|
|
26
|
+
}}
|
|
27
|
+
>
|
|
22
28
|
{demo === "horizontal" ? <HorizontalTabs /> : <VerticalTabs />}
|
|
23
29
|
<XStack
|
|
24
30
|
alignItems="center"
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/TabsDemo.tsx"],
|
|
4
|
-
"mappings": "AAAA,SAAS,gBAAgB;AACzB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EAEA;AAAA,EACA;AAAA,OACK;AAEP,MAAM,QAAQ,CAAC,cAAc,UAAU;AACvC,MAAM,aAAqD;AAAA,EACzD,YAAY;AAAA,EACZ,UAAU;AACZ;AAEO,SAAS,WAAW;AACzB,QAAM,CAAC,WAAW,YAAY,IAAI,SAAS,CAAC;AAC5C,QAAM,OAAO,MAAM,SAAS;AAE5B;AAAA;AAAA,IAEE,CAAC,
|
|
4
|
+
"mappings": "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",
|
|
5
5
|
"names": []
|
|
6
6
|
}
|
package/dist/jsx/ToastDemo.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { Toast, useToastController, useToastState } from "@tamagui/toast";
|
|
2
2
|
import React from "react";
|
|
3
|
-
import { Button,
|
|
3
|
+
import { Button, Label, Switch, XStack, YStack } from "tamagui";
|
|
4
4
|
const ToastDemo = () => {
|
|
5
5
|
const [native, setNative] = React.useState(false);
|
|
6
6
|
return <YStack space alignItems="center">
|
|
@@ -40,6 +40,8 @@ const ToastControl = ({ native }) => {
|
|
|
40
40
|
}}
|
|
41
41
|
>Show</Button>
|
|
42
42
|
<Button
|
|
43
|
+
id="wot"
|
|
44
|
+
nativeID="woot"
|
|
43
45
|
onPress={() => {
|
|
44
46
|
toast.hide();
|
|
45
47
|
}}
|
|
@@ -51,8 +53,11 @@ const NativeOptions = ({
|
|
|
51
53
|
setNative
|
|
52
54
|
}) => {
|
|
53
55
|
return <XStack space="$3">
|
|
54
|
-
<
|
|
56
|
+
<Label size="$1" onPress={() => setNative(false)}>Custom</Label>
|
|
55
57
|
<Switch
|
|
58
|
+
debug="verbose"
|
|
59
|
+
id="native-toggle"
|
|
60
|
+
nativeID="native-toggle"
|
|
56
61
|
theme="active"
|
|
57
62
|
size="$1"
|
|
58
63
|
checked={!!native}
|
|
@@ -67,7 +72,7 @@ const NativeOptions = ({
|
|
|
67
72
|
}
|
|
68
73
|
]}
|
|
69
74
|
/></Switch>
|
|
70
|
-
<
|
|
75
|
+
<Label size="$1" onPress={() => setNative(true)}>Native</Label>
|
|
71
76
|
</XStack>;
|
|
72
77
|
};
|
|
73
78
|
export {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/ToastDemo.tsx"],
|
|
4
|
-
"mappings": "AAAA,SAAS,OAAO,oBAAoB,qBAAqB;AACzD,OAAO,WAAW;
|
|
4
|
+
"mappings": "AAAA,SAAS,OAAO,oBAAoB,qBAAqB;AACzD,OAAO,WAAW;AAElB,SAAS,QAAQ,OAAoB,QAAQ,QAAQ,cAAc;AAE5D,MAAM,YAAY,MAAM;AAC7B,QAAM,CAAC,QAAQ,SAAS,IAAI,MAAM,SAAS,KAAK;AAEhD,SACE,CAAC,OAAO,MAAM,WAAW;AAAA,IACvB,CAAC,aAAa,QAAQ,QAAQ;AAAA,IAC9B,CAAC,aAAa;AAAA,IAEd,CAAC,cAAc,QAAQ,QAAQ,WAAW,WAAW;AAAA,EACvD,EALC;AAOL;AAEA,MAAM,eAAe,MAAM;AACzB,QAAM,eAAe,cAAc;AAEnC,MAAI,CAAC,gBAAgB,aAAa;AAAmB,WAAO;AAC5D,SACE,CAAC;AAAA,IACC,KAAK,aAAa;AAAA,IAClB,UAAU,aAAa;AAAA,IACvB,YAAY,EAAE,SAAS,GAAG,OAAO,KAAK,GAAG,IAAI;AAAA,IAC7C,WAAW,EAAE,SAAS,GAAG,OAAO,GAAG,GAAG,IAAI;AAAA,IAC1C,GAAG;AAAA,IACH,SAAS;AAAA,IACT,OAAO;AAAA,IACP,UAAU;AAAA,IACV,cAAc,aAAa;AAAA,GAE3B,CAAC;AAAA,IACC,CAAC,MAAM,OAAO,aAAa,MAAM,EAAhC,MAAM;AAAA,KACN,CAAC,CAAC,aAAa,WACd,CAAC,MAAM,aAAa,aAAa,QAAQ,EAAxC,MAAM;AAAA,EAEX,EALC,OAMH,EAjBC;AAmBL;AAEA,MAAM,eAAe,CAAC,EAAE,OAAO,MAA2B;AACxD,QAAM,QAAQ,mBAAmB;AACjC,SACE,CAAC,OAAO,MAAM,KAAK,eAAe;AAAA,IAChC,CAAC;AAAA,MACC,SAAS,MAAM;AACb,cAAM,KAAK,uBAAuB;AAAA,UAChC,SAAS;AAAA,UACT;AAAA,QACF,CAAC;AAAA,MACH;AAAA,KACD,IAED,EATC;AAAA,IAUD,CAAC;AAAA,MACC,GAAG;AAAA,MACH,SAAS;AAAA,MACT,SAAS,MAAM;AACb,cAAM,KAAK;AAAA,MACb;AAAA,KACD,IAED,EARC;AAAA,EASH,EApBC;AAsBL;AAEA,MAAM,gBAAgB,CAAC;AAAA,EACrB;AAAA,EACA;AACF,MAGM;AACJ,SACE,CAAC,OAAO,MAAM;AAAA,IACZ,CAAC,MAAM,KAAK,KAAK,SAAS,MAAM,UAAU,KAAK,GAAG,MAElD,EAFC;AAAA,IAGD,CAAC;AAAA,MACC,MAAM;AAAA,MACN,GAAG;AAAA,MACH,SAAS;AAAA,MACT,MAAM;AAAA,MACN,KAAK;AAAA,MACL,SAAS,CAAC,CAAC;AAAA,MACX,iBAAiB,CAAC,QAAQ,UAAU,GAAG;AAAA,KAEvC,CAAC,OAAO;AAAA,MACN,WAAW;AAAA,QACT;AAAA,QACA;AAAA,UACE,WAAW;AAAA,YACT,mBAAmB;AAAA,UACrB;AAAA,QACF;AAAA,MACF;AAAA,IACF,EACF,EAnBC;AAAA,IAqBD,CAAC,MAAM,KAAK,KAAK,SAAS,MAAM,UAAU,IAAI,GAAG,MAEjD,EAFC;AAAA,EAGH,EA5BC;AA8BL;",
|
|
5
5
|
"names": []
|
|
6
6
|
}
|
package/dist/jsx/ToastDemo.mjs
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { Toast, useToastController, useToastState } from "@tamagui/toast";
|
|
2
2
|
import React from "react";
|
|
3
|
-
import { Button,
|
|
3
|
+
import { Button, Label, Switch, XStack, YStack } from "tamagui";
|
|
4
4
|
const ToastDemo = () => {
|
|
5
5
|
const [native, setNative] = React.useState(false);
|
|
6
6
|
return <YStack space alignItems="center">
|
|
@@ -40,6 +40,8 @@ const ToastControl = ({ native }) => {
|
|
|
40
40
|
}}
|
|
41
41
|
>Show</Button>
|
|
42
42
|
<Button
|
|
43
|
+
id="wot"
|
|
44
|
+
nativeID="woot"
|
|
43
45
|
onPress={() => {
|
|
44
46
|
toast.hide();
|
|
45
47
|
}}
|
|
@@ -51,8 +53,11 @@ const NativeOptions = ({
|
|
|
51
53
|
setNative
|
|
52
54
|
}) => {
|
|
53
55
|
return <XStack space="$3">
|
|
54
|
-
<
|
|
56
|
+
<Label size="$1" onPress={() => setNative(false)}>Custom</Label>
|
|
55
57
|
<Switch
|
|
58
|
+
debug="verbose"
|
|
59
|
+
id="native-toggle"
|
|
60
|
+
nativeID="native-toggle"
|
|
56
61
|
theme="active"
|
|
57
62
|
size="$1"
|
|
58
63
|
checked={!!native}
|
|
@@ -67,7 +72,7 @@ const NativeOptions = ({
|
|
|
67
72
|
}
|
|
68
73
|
]}
|
|
69
74
|
/></Switch>
|
|
70
|
-
<
|
|
75
|
+
<Label size="$1" onPress={() => setNative(true)}>Native</Label>
|
|
71
76
|
</XStack>;
|
|
72
77
|
};
|
|
73
78
|
export {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/ToastDemo.tsx"],
|
|
4
|
-
"mappings": "AAAA,SAAS,OAAO,oBAAoB,qBAAqB;AACzD,OAAO,WAAW;
|
|
4
|
+
"mappings": "AAAA,SAAS,OAAO,oBAAoB,qBAAqB;AACzD,OAAO,WAAW;AAElB,SAAS,QAAQ,OAAoB,QAAQ,QAAQ,cAAc;AAE5D,MAAM,YAAY,MAAM;AAC7B,QAAM,CAAC,QAAQ,SAAS,IAAI,MAAM,SAAS,KAAK;AAEhD,SACE,CAAC,OAAO,MAAM,WAAW;AAAA,IACvB,CAAC,aAAa,QAAQ,QAAQ;AAAA,IAC9B,CAAC,aAAa;AAAA,IAEd,CAAC,cAAc,QAAQ,QAAQ,WAAW,WAAW;AAAA,EACvD,EALC;AAOL;AAEA,MAAM,eAAe,MAAM;AACzB,QAAM,eAAe,cAAc;AAEnC,MAAI,CAAC,gBAAgB,aAAa;AAAmB,WAAO;AAC5D,SACE,CAAC;AAAA,IACC,KAAK,aAAa;AAAA,IAClB,UAAU,aAAa;AAAA,IACvB,YAAY,EAAE,SAAS,GAAG,OAAO,KAAK,GAAG,IAAI;AAAA,IAC7C,WAAW,EAAE,SAAS,GAAG,OAAO,GAAG,GAAG,IAAI;AAAA,IAC1C,GAAG;AAAA,IACH,SAAS;AAAA,IACT,OAAO;AAAA,IACP,UAAU;AAAA,IACV,cAAc,aAAa;AAAA,GAE3B,CAAC;AAAA,IACC,CAAC,MAAM,OAAO,aAAa,MAAM,EAAhC,MAAM;AAAA,KACN,CAAC,CAAC,aAAa,WACd,CAAC,MAAM,aAAa,aAAa,QAAQ,EAAxC,MAAM;AAAA,EAEX,EALC,OAMH,EAjBC;AAmBL;AAEA,MAAM,eAAe,CAAC,EAAE,OAAO,MAA2B;AACxD,QAAM,QAAQ,mBAAmB;AACjC,SACE,CAAC,OAAO,MAAM,KAAK,eAAe;AAAA,IAChC,CAAC;AAAA,MACC,SAAS,MAAM;AACb,cAAM,KAAK,uBAAuB;AAAA,UAChC,SAAS;AAAA,UACT;AAAA,QACF,CAAC;AAAA,MACH;AAAA,KACD,IAED,EATC;AAAA,IAUD,CAAC;AAAA,MACC,GAAG;AAAA,MACH,SAAS;AAAA,MACT,SAAS,MAAM;AACb,cAAM,KAAK;AAAA,MACb;AAAA,KACD,IAED,EARC;AAAA,EASH,EApBC;AAsBL;AAEA,MAAM,gBAAgB,CAAC;AAAA,EACrB;AAAA,EACA;AACF,MAGM;AACJ,SACE,CAAC,OAAO,MAAM;AAAA,IACZ,CAAC,MAAM,KAAK,KAAK,SAAS,MAAM,UAAU,KAAK,GAAG,MAElD,EAFC;AAAA,IAGD,CAAC;AAAA,MACC,MAAM;AAAA,MACN,GAAG;AAAA,MACH,SAAS;AAAA,MACT,MAAM;AAAA,MACN,KAAK;AAAA,MACL,SAAS,CAAC,CAAC;AAAA,MACX,iBAAiB,CAAC,QAAQ,UAAU,GAAG;AAAA,KAEvC,CAAC,OAAO;AAAA,MACN,WAAW;AAAA,QACT;AAAA,QACA;AAAA,UACE,WAAW;AAAA,YACT,mBAAmB;AAAA,UACrB;AAAA,QACF;AAAA,MACF;AAAA,IACF,EACF,EAnBC;AAAA,IAqBD,CAAC,MAAM,KAAK,KAAK,SAAS,MAAM,UAAU,IAAI,GAAG,MAEjD,EAFC;AAAA,EAGH,EA5BC;AA8BL;",
|
|
5
5
|
"names": []
|
|
6
6
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@tamagui/demos",
|
|
3
|
-
"version": "1.22.
|
|
3
|
+
"version": "1.22.8",
|
|
4
4
|
"sideEffects": [
|
|
5
5
|
"*.css"
|
|
6
6
|
],
|
|
@@ -28,29 +28,29 @@
|
|
|
28
28
|
}
|
|
29
29
|
},
|
|
30
30
|
"dependencies": {
|
|
31
|
-
"@tamagui/avatar": "1.22.
|
|
32
|
-
"@tamagui/button": "1.22.
|
|
33
|
-
"@tamagui/config": "1.22.
|
|
34
|
-
"@tamagui/core": "1.22.
|
|
35
|
-
"@tamagui/list-item": "1.22.
|
|
36
|
-
"@tamagui/logo": "1.22.
|
|
37
|
-
"@tamagui/menu": "1.22.
|
|
38
|
-
"@tamagui/popover": "1.22.
|
|
39
|
-
"@tamagui/progress": "1.22.
|
|
40
|
-
"@tamagui/radio-group": "1.22.
|
|
41
|
-
"@tamagui/select": "1.22.
|
|
42
|
-
"@tamagui/sheet": "1.22.
|
|
43
|
-
"@tamagui/slider": "1.22.
|
|
44
|
-
"@tamagui/stacks": "1.22.
|
|
45
|
-
"@tamagui/toast": "1.22.
|
|
46
|
-
"tamagui": "1.22.
|
|
31
|
+
"@tamagui/avatar": "1.22.8",
|
|
32
|
+
"@tamagui/button": "1.22.8",
|
|
33
|
+
"@tamagui/config": "1.22.8",
|
|
34
|
+
"@tamagui/core": "1.22.8",
|
|
35
|
+
"@tamagui/list-item": "1.22.8",
|
|
36
|
+
"@tamagui/logo": "1.22.8",
|
|
37
|
+
"@tamagui/menu": "1.22.8",
|
|
38
|
+
"@tamagui/popover": "1.22.8",
|
|
39
|
+
"@tamagui/progress": "1.22.8",
|
|
40
|
+
"@tamagui/radio-group": "1.22.8",
|
|
41
|
+
"@tamagui/select": "1.22.8",
|
|
42
|
+
"@tamagui/sheet": "1.22.8",
|
|
43
|
+
"@tamagui/slider": "1.22.8",
|
|
44
|
+
"@tamagui/stacks": "1.22.8",
|
|
45
|
+
"@tamagui/toast": "1.22.8",
|
|
46
|
+
"tamagui": "1.22.8"
|
|
47
47
|
},
|
|
48
48
|
"peerDependencies": {
|
|
49
49
|
"react": "*",
|
|
50
50
|
"react-dom": "*"
|
|
51
51
|
},
|
|
52
52
|
"devDependencies": {
|
|
53
|
-
"@tamagui/build": "1.22.
|
|
53
|
+
"@tamagui/build": "1.22.8",
|
|
54
54
|
"react": "^18.2.0",
|
|
55
55
|
"react-dom": "^18.2.0"
|
|
56
56
|
},
|
package/src/DialogDemo.tsx
CHANGED
|
@@ -14,7 +14,7 @@ import {
|
|
|
14
14
|
YStack,
|
|
15
15
|
} from 'tamagui'
|
|
16
16
|
|
|
17
|
-
import { SelectDemo } from './SelectDemo'
|
|
17
|
+
import { SelectDemo, SelectDemoItem } from './SelectDemo'
|
|
18
18
|
|
|
19
19
|
export function DialogDemo() {
|
|
20
20
|
return (
|
|
@@ -73,7 +73,7 @@ export function DialogDemo() {
|
|
|
73
73
|
<Paragraph>Food</Paragraph>
|
|
74
74
|
</TooltipSimple>
|
|
75
75
|
</Label>
|
|
76
|
-
<
|
|
76
|
+
<SelectDemoItem />
|
|
77
77
|
</Fieldset>
|
|
78
78
|
|
|
79
79
|
<YStack alignItems="flex-end" marginTop="$2">
|
|
@@ -86,7 +86,14 @@ export function DialogDemo() {
|
|
|
86
86
|
|
|
87
87
|
<Unspaced>
|
|
88
88
|
<Dialog.Close asChild>
|
|
89
|
-
<Button
|
|
89
|
+
<Button
|
|
90
|
+
position="absolute"
|
|
91
|
+
top="$3"
|
|
92
|
+
right="$3"
|
|
93
|
+
size="$2"
|
|
94
|
+
circular
|
|
95
|
+
icon={X}
|
|
96
|
+
/>
|
|
90
97
|
</Dialog.Close>
|
|
91
98
|
</Unspaced>
|
|
92
99
|
</Dialog.Content>
|