@tamagui/demos 1.20.0 → 1.20.2
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/PopoverDemo.js +6 -6
- package/dist/cjs/PopoverDemo.js.map +1 -1
- package/dist/esm/PopoverDemo.js +7 -7
- package/dist/esm/PopoverDemo.js.map +1 -1
- package/dist/esm/PopoverDemo.mjs +7 -7
- package/dist/esm/PopoverDemo.mjs.map +1 -1
- package/dist/jsx/PopoverDemo.js +8 -8
- package/dist/jsx/PopoverDemo.js.map +1 -1
- package/dist/jsx/PopoverDemo.mjs +8 -8
- package/dist/jsx/PopoverDemo.mjs.map +1 -1
- package/package.json +18 -18
- package/src/PopoverDemo.tsx +20 -23
- package/types/PopoverDemo.d.ts.map +1 -1
package/dist/cjs/PopoverDemo.js
CHANGED
|
@@ -64,13 +64,13 @@ function Demo({
|
|
|
64
64
|
],
|
|
65
65
|
elevate: true,
|
|
66
66
|
children: [
|
|
67
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Popover.Arrow, {
|
|
68
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.
|
|
69
|
-
/* @__PURE__ */ (0, import_jsx_runtime.
|
|
67
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Popover.Arrow, { borderWidth: 1, borderColor: "$borderColor" }),
|
|
68
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, { space: "$3", children: [
|
|
69
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, { space: "$3", children: [
|
|
70
70
|
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Label, { size: "$3", htmlFor: Name, children: "Name" }),
|
|
71
71
|
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Input, { size: "$3", id: Name })
|
|
72
|
-
] })
|
|
73
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.
|
|
72
|
+
] }),
|
|
73
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Popover.Close, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
74
74
|
import_tamagui.Button,
|
|
75
75
|
{
|
|
76
76
|
size: "$3",
|
|
@@ -78,7 +78,7 @@ function Demo({
|
|
|
78
78
|
},
|
|
79
79
|
children: "Submit"
|
|
80
80
|
}
|
|
81
|
-
) })
|
|
81
|
+
) })
|
|
82
82
|
] })
|
|
83
83
|
]
|
|
84
84
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/PopoverDemo.tsx"],
|
|
4
|
-
"mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;
|
|
4
|
+
"mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAeI;AAfJ,0BAAkE;AAClE,qBAUO;AAEA,SAAS,cAAc;AAC5B,SACE,6CAAC,yBAAO,OAAM,MAAK,MAAM,GAAG,gBAAe,UAAS,YAAW,UAC7D;AAAA,gDAAC,QAAK,WAAU,QAAO,MAAM,iCAAa,MAAK,gBAAe;AAAA,IAC9D,4CAAC,QAAK,WAAU,UAAS,MAAM,iCAAa,MAAK,kBAAiB;AAAA,IAClE,4CAAC,QAAK,WAAU,OAAM,MAAM,+BAAW,MAAK,eAAc;AAAA,IAC1D,4CAAC,QAAK,WAAU,SAAQ,MAAM,kCAAc,MAAK,iBAAgB;AAAA,KACnE;AAEJ;AAEO,SAAS,KAAK;AAAA,EACnB;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAiD;AAC/C,SACE,6CAAC,0BAAQ,MAAK,MAAK,WAAS,MAAE,GAAG,OAC/B;AAAA,gDAAC,uBAAQ,SAAR,EAAgB,SAAO,MACtB,sDAAC,yBAAO,MAAM,MAAM,GACtB;AAAA,IAEA,4CAAC,wBAAM,MAAK,MAAK,UAAS,SACxB,uDAAC,uBAAQ,OAAR,EAAc,OAAK,MAAC,uBAAqB,MACxC;AAAA,kDAAC,uBAAQ,MAAM,OAAd,EAAoB,SAAQ,MAC3B,sDAAC,qBAAM,UAAN,EAAe,GAClB;AAAA,MACA,4CAAC,uBAAQ,MAAM,SAAd,EAAsB;AAAA,OACzB,GACF;AAAA,IAEA;AAAA,MAAC,uBAAQ;AAAA,MAAR;AAAA,QACC,aAAa;AAAA,QACb,aAAY;AAAA,QACZ,YAAY,EAAE,GAAG,GAAG,GAAG,KAAK,SAAS,EAAE;AAAA,QACvC,WAAW,EAAE,GAAG,GAAG,GAAG,KAAK,SAAS,EAAE;AAAA,QACtC,GAAG;AAAA,QACH,GAAG;AAAA,QACH,SAAS;AAAA,QACT,WAAW;AAAA,UACT;AAAA,UACA;AAAA,YACE,SAAS;AAAA,cACP,mBAAmB;AAAA,YACrB;AAAA,UACF;AAAA,QACF;AAAA,QACA,SAAO;AAAA,QAEP;AAAA,sDAAC,uBAAQ,OAAR,EAAc,aAAa,GAAG,aAAY,gBAAe;AAAA,UAE1D,6CAAC,yBAAO,OAAM,MACZ;AAAA,yDAAC,yBAAO,OAAM,MACZ;AAAA,0DAAC,wBAAM,MAAK,MAAK,SAAS,MAAM,kBAEhC;AAAA,cACA,4CAAC,wBAAM,MAAK,MAAK,IAAI,MAAM;AAAA,eAC7B;AAAA,YACA,4CAAC,uBAAQ,OAAR,EAAc,SAAO,MACpB;AAAA,cAAC;AAAA;AAAA,gBACC,MAAK;AAAA,gBACL,SAAS,MAAM;AAAA,gBAEf;AAAA,gBACD;AAAA;AAAA,YAED,GACF;AAAA,aACF;AAAA;AAAA;AAAA,IACF;AAAA,KACF;AAEJ;",
|
|
5
5
|
"names": []
|
|
6
6
|
}
|
package/dist/esm/PopoverDemo.js
CHANGED
|
@@ -7,7 +7,7 @@ import {
|
|
|
7
7
|
Label,
|
|
8
8
|
Popover,
|
|
9
9
|
XStack,
|
|
10
|
-
|
|
10
|
+
YStack
|
|
11
11
|
} from "tamagui";
|
|
12
12
|
function PopoverDemo() {
|
|
13
13
|
return /* @__PURE__ */ jsxs(XStack, { space: "$2", flex: 1, justifyContent: "center", alignItems: "center", children: [
|
|
@@ -48,13 +48,13 @@ function Demo({
|
|
|
48
48
|
],
|
|
49
49
|
elevate: true,
|
|
50
50
|
children: [
|
|
51
|
-
/* @__PURE__ */ jsx(Popover.Arrow, {
|
|
52
|
-
/* @__PURE__ */ jsxs(
|
|
53
|
-
/* @__PURE__ */
|
|
51
|
+
/* @__PURE__ */ jsx(Popover.Arrow, { borderWidth: 1, borderColor: "$borderColor" }),
|
|
52
|
+
/* @__PURE__ */ jsxs(YStack, { space: "$3", children: [
|
|
53
|
+
/* @__PURE__ */ jsxs(XStack, { space: "$3", children: [
|
|
54
54
|
/* @__PURE__ */ jsx(Label, { size: "$3", htmlFor: Name, children: "Name" }),
|
|
55
55
|
/* @__PURE__ */ jsx(Input, { size: "$3", id: Name })
|
|
56
|
-
] })
|
|
57
|
-
/* @__PURE__ */ jsx(
|
|
56
|
+
] }),
|
|
57
|
+
/* @__PURE__ */ jsx(Popover.Close, { asChild: true, children: /* @__PURE__ */ jsx(
|
|
58
58
|
Button,
|
|
59
59
|
{
|
|
60
60
|
size: "$3",
|
|
@@ -62,7 +62,7 @@ function Demo({
|
|
|
62
62
|
},
|
|
63
63
|
children: "Submit"
|
|
64
64
|
}
|
|
65
|
-
) })
|
|
65
|
+
) })
|
|
66
66
|
] })
|
|
67
67
|
]
|
|
68
68
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/PopoverDemo.tsx"],
|
|
4
|
-
"mappings": "
|
|
4
|
+
"mappings": "AAeI,SACE,KADF;AAfJ,SAAS,aAAa,aAAa,cAAc,iBAAiB;AAClE;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EAEA;AAAA,EAEA;AAAA,OACK;AAEA,SAAS,cAAc;AAC5B,SACE,qBAAC,UAAO,OAAM,MAAK,MAAM,GAAG,gBAAe,UAAS,YAAW,UAC7D;AAAA,wBAAC,QAAK,WAAU,QAAO,MAAM,aAAa,MAAK,gBAAe;AAAA,IAC9D,oBAAC,QAAK,WAAU,UAAS,MAAM,aAAa,MAAK,kBAAiB;AAAA,IAClE,oBAAC,QAAK,WAAU,OAAM,MAAM,WAAW,MAAK,eAAc;AAAA,IAC1D,oBAAC,QAAK,WAAU,SAAQ,MAAM,cAAc,MAAK,iBAAgB;AAAA,KACnE;AAEJ;AAEO,SAAS,KAAK;AAAA,EACnB;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAiD;AAC/C,SACE,qBAAC,WAAQ,MAAK,MAAK,WAAS,MAAE,GAAG,OAC/B;AAAA,wBAAC,QAAQ,SAAR,EAAgB,SAAO,MACtB,8BAAC,UAAO,MAAM,MAAM,GACtB;AAAA,IAEA,oBAAC,SAAM,MAAK,MAAK,UAAS,SACxB,+BAAC,QAAQ,OAAR,EAAc,OAAK,MAAC,uBAAqB,MACxC;AAAA,0BAAC,QAAQ,MAAM,OAAd,EAAoB,SAAQ,MAC3B,8BAAC,MAAM,UAAN,EAAe,GAClB;AAAA,MACA,oBAAC,QAAQ,MAAM,SAAd,EAAsB;AAAA,OACzB,GACF;AAAA,IAEA;AAAA,MAAC,QAAQ;AAAA,MAAR;AAAA,QACC,aAAa;AAAA,QACb,aAAY;AAAA,QACZ,YAAY,EAAE,GAAG,GAAG,GAAG,KAAK,SAAS,EAAE;AAAA,QACvC,WAAW,EAAE,GAAG,GAAG,GAAG,KAAK,SAAS,EAAE;AAAA,QACtC,GAAG;AAAA,QACH,GAAG;AAAA,QACH,SAAS;AAAA,QACT,WAAW;AAAA,UACT;AAAA,UACA;AAAA,YACE,SAAS;AAAA,cACP,mBAAmB;AAAA,YACrB;AAAA,UACF;AAAA,QACF;AAAA,QACA,SAAO;AAAA,QAEP;AAAA,8BAAC,QAAQ,OAAR,EAAc,aAAa,GAAG,aAAY,gBAAe;AAAA,UAE1D,qBAAC,UAAO,OAAM,MACZ;AAAA,iCAAC,UAAO,OAAM,MACZ;AAAA,kCAAC,SAAM,MAAK,MAAK,SAAS,MAAM,kBAEhC;AAAA,cACA,oBAAC,SAAM,MAAK,MAAK,IAAI,MAAM;AAAA,eAC7B;AAAA,YACA,oBAAC,QAAQ,OAAR,EAAc,SAAO,MACpB;AAAA,cAAC;AAAA;AAAA,gBACC,MAAK;AAAA,gBACL,SAAS,MAAM;AAAA,gBAEf;AAAA,gBACD;AAAA;AAAA,YAED,GACF;AAAA,aACF;AAAA;AAAA;AAAA,IACF;AAAA,KACF;AAEJ;",
|
|
5
5
|
"names": []
|
|
6
6
|
}
|
package/dist/esm/PopoverDemo.mjs
CHANGED
|
@@ -7,7 +7,7 @@ import {
|
|
|
7
7
|
Label,
|
|
8
8
|
Popover,
|
|
9
9
|
XStack,
|
|
10
|
-
|
|
10
|
+
YStack
|
|
11
11
|
} from "tamagui";
|
|
12
12
|
function PopoverDemo() {
|
|
13
13
|
return /* @__PURE__ */ jsxs(XStack, { space: "$2", flex: 1, justifyContent: "center", alignItems: "center", children: [
|
|
@@ -48,13 +48,13 @@ function Demo({
|
|
|
48
48
|
],
|
|
49
49
|
elevate: true,
|
|
50
50
|
children: [
|
|
51
|
-
/* @__PURE__ */ jsx(Popover.Arrow, {
|
|
52
|
-
/* @__PURE__ */ jsxs(
|
|
53
|
-
/* @__PURE__ */
|
|
51
|
+
/* @__PURE__ */ jsx(Popover.Arrow, { borderWidth: 1, borderColor: "$borderColor" }),
|
|
52
|
+
/* @__PURE__ */ jsxs(YStack, { space: "$3", children: [
|
|
53
|
+
/* @__PURE__ */ jsxs(XStack, { space: "$3", children: [
|
|
54
54
|
/* @__PURE__ */ jsx(Label, { size: "$3", htmlFor: Name, children: "Name" }),
|
|
55
55
|
/* @__PURE__ */ jsx(Input, { size: "$3", id: Name })
|
|
56
|
-
] })
|
|
57
|
-
/* @__PURE__ */ jsx(
|
|
56
|
+
] }),
|
|
57
|
+
/* @__PURE__ */ jsx(Popover.Close, { asChild: true, children: /* @__PURE__ */ jsx(
|
|
58
58
|
Button,
|
|
59
59
|
{
|
|
60
60
|
size: "$3",
|
|
@@ -62,7 +62,7 @@ function Demo({
|
|
|
62
62
|
},
|
|
63
63
|
children: "Submit"
|
|
64
64
|
}
|
|
65
|
-
) })
|
|
65
|
+
) })
|
|
66
66
|
] })
|
|
67
67
|
]
|
|
68
68
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/PopoverDemo.tsx"],
|
|
4
|
-
"mappings": "
|
|
4
|
+
"mappings": "AAeI,SACE,KADF;AAfJ,SAAS,aAAa,aAAa,cAAc,iBAAiB;AAClE;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EAEA;AAAA,EAEA;AAAA,OACK;AAEA,SAAS,cAAc;AAC5B,SACE,qBAAC,UAAO,OAAM,MAAK,MAAM,GAAG,gBAAe,UAAS,YAAW,UAC7D;AAAA,wBAAC,QAAK,WAAU,QAAO,MAAM,aAAa,MAAK,gBAAe;AAAA,IAC9D,oBAAC,QAAK,WAAU,UAAS,MAAM,aAAa,MAAK,kBAAiB;AAAA,IAClE,oBAAC,QAAK,WAAU,OAAM,MAAM,WAAW,MAAK,eAAc;AAAA,IAC1D,oBAAC,QAAK,WAAU,SAAQ,MAAM,cAAc,MAAK,iBAAgB;AAAA,KACnE;AAEJ;AAEO,SAAS,KAAK;AAAA,EACnB;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAiD;AAC/C,SACE,qBAAC,WAAQ,MAAK,MAAK,WAAS,MAAE,GAAG,OAC/B;AAAA,wBAAC,QAAQ,SAAR,EAAgB,SAAO,MACtB,8BAAC,UAAO,MAAM,MAAM,GACtB;AAAA,IAEA,oBAAC,SAAM,MAAK,MAAK,UAAS,SACxB,+BAAC,QAAQ,OAAR,EAAc,OAAK,MAAC,uBAAqB,MACxC;AAAA,0BAAC,QAAQ,MAAM,OAAd,EAAoB,SAAQ,MAC3B,8BAAC,MAAM,UAAN,EAAe,GAClB;AAAA,MACA,oBAAC,QAAQ,MAAM,SAAd,EAAsB;AAAA,OACzB,GACF;AAAA,IAEA;AAAA,MAAC,QAAQ;AAAA,MAAR;AAAA,QACC,aAAa;AAAA,QACb,aAAY;AAAA,QACZ,YAAY,EAAE,GAAG,GAAG,GAAG,KAAK,SAAS,EAAE;AAAA,QACvC,WAAW,EAAE,GAAG,GAAG,GAAG,KAAK,SAAS,EAAE;AAAA,QACtC,GAAG;AAAA,QACH,GAAG;AAAA,QACH,SAAS;AAAA,QACT,WAAW;AAAA,UACT;AAAA,UACA;AAAA,YACE,SAAS;AAAA,cACP,mBAAmB;AAAA,YACrB;AAAA,UACF;AAAA,QACF;AAAA,QACA,SAAO;AAAA,QAEP;AAAA,8BAAC,QAAQ,OAAR,EAAc,aAAa,GAAG,aAAY,gBAAe;AAAA,UAE1D,qBAAC,UAAO,OAAM,MACZ;AAAA,iCAAC,UAAO,OAAM,MACZ;AAAA,kCAAC,SAAM,MAAK,MAAK,SAAS,MAAM,kBAEhC;AAAA,cACA,oBAAC,SAAM,MAAK,MAAK,IAAI,MAAM;AAAA,eAC7B;AAAA,YACA,oBAAC,QAAQ,OAAR,EAAc,SAAO,MACpB;AAAA,cAAC;AAAA;AAAA,gBACC,MAAK;AAAA,gBACL,SAAS,MAAM;AAAA,gBAEf;AAAA,gBACD;AAAA;AAAA,YAED,GACF;AAAA,aACF;AAAA;AAAA;AAAA,IACF;AAAA,KACF;AAEJ;",
|
|
5
5
|
"names": []
|
|
6
6
|
}
|
package/dist/jsx/PopoverDemo.js
CHANGED
|
@@ -6,7 +6,7 @@ import {
|
|
|
6
6
|
Label,
|
|
7
7
|
Popover,
|
|
8
8
|
XStack,
|
|
9
|
-
|
|
9
|
+
YStack
|
|
10
10
|
} from "tamagui";
|
|
11
11
|
function PopoverDemo() {
|
|
12
12
|
return <XStack space="$2" flex={1} justifyContent="center" alignItems="center">
|
|
@@ -45,18 +45,18 @@ function Demo({
|
|
|
45
45
|
]}
|
|
46
46
|
elevate
|
|
47
47
|
>
|
|
48
|
-
<Popover.Arrow
|
|
49
|
-
<
|
|
50
|
-
<
|
|
48
|
+
<Popover.Arrow borderWidth={1} borderColor="$borderColor" />
|
|
49
|
+
<YStack space="$3">
|
|
50
|
+
<XStack space="$3">
|
|
51
51
|
<Label size="$3" htmlFor={Name}>Name</Label>
|
|
52
52
|
<Input size="$3" id={Name} />
|
|
53
|
-
</XStack
|
|
54
|
-
<
|
|
53
|
+
</XStack>
|
|
54
|
+
<Popover.Close asChild><Button
|
|
55
55
|
size="$3"
|
|
56
56
|
onPress={() => {
|
|
57
57
|
}}
|
|
58
|
-
>Submit</Button></Popover.Close
|
|
59
|
-
</
|
|
58
|
+
>Submit</Button></Popover.Close>
|
|
59
|
+
</YStack>
|
|
60
60
|
</Popover.Content>
|
|
61
61
|
</Popover>;
|
|
62
62
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/PopoverDemo.tsx"],
|
|
4
|
-
"mappings": "AAAA,SAAS,aAAa,aAAa,cAAc,iBAAiB;AAClE;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EAEA;AAAA,
|
|
4
|
+
"mappings": "AAAA,SAAS,aAAa,aAAa,cAAc,iBAAiB;AAClE;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EAEA;AAAA,EAEA;AAAA,OACK;AAEA,SAAS,cAAc;AAC5B,SACE,CAAC,OAAO,MAAM,KAAK,MAAM,GAAG,eAAe,SAAS,WAAW;AAAA,IAC7D,CAAC,KAAK,UAAU,OAAO,MAAM,aAAa,KAAK,eAAe;AAAA,IAC9D,CAAC,KAAK,UAAU,SAAS,MAAM,aAAa,KAAK,iBAAiB;AAAA,IAClE,CAAC,KAAK,UAAU,MAAM,MAAM,WAAW,KAAK,cAAc;AAAA,IAC1D,CAAC,KAAK,UAAU,QAAQ,MAAM,cAAc,KAAK,gBAAgB;AAAA,EACnE,EALC;AAOL;AAEO,SAAS,KAAK;AAAA,EACnB;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAiD;AAC/C,SACE,CAAC,QAAQ,KAAK,KAAK,cAAc;AAAA,IAC/B,CAAC,QAAQ,QAAQ,QACf,CAAC,OAAO,MAAM,MAAM,EACtB,EAFC,QAAQ;AAAA,IAIT,CAAC,MAAM,KAAK,KAAK,SAAS,QACxB,CAAC,QAAQ,MAAM,MAAM;AAAA,MACnB,CAAC,QAAQ,MAAM,MAAM,QAAQ,KAC3B,CAAC,MAAM,SAAS,EAClB,EAFC,QAAQ,MAAM;AAAA,MAGf,CAAC,QAAQ,MAAM,QAAQ;AAAA,IACzB,EALC,QAAQ,MAMX,EAPC;AAAA,IASD,CAAC,QAAQ;AAAA,MACP,aAAa;AAAA,MACb,YAAY;AAAA,MACZ,YAAY,EAAE,GAAG,GAAG,GAAG,KAAK,SAAS,EAAE;AAAA,MACvC,WAAW,EAAE,GAAG,GAAG,GAAG,KAAK,SAAS,EAAE;AAAA,MACtC,GAAG;AAAA,MACH,GAAG;AAAA,MACH,SAAS;AAAA,MACT,WAAW;AAAA,QACT;AAAA,QACA;AAAA,UACE,SAAS;AAAA,YACP,mBAAmB;AAAA,UACrB;AAAA,QACF;AAAA,MACF;AAAA,MACA;AAAA;AAAA,MAEA,CAAC,QAAQ,MAAM,aAAa,GAAG,YAAY,eAAe;AAAA,MAE1D,CAAC,OAAO,MAAM;AAAA,QACZ,CAAC,OAAO,MAAM;AAAA,UACZ,CAAC,MAAM,KAAK,KAAK,SAAS,MAAM,IAEhC,EAFC;AAAA,UAGD,CAAC,MAAM,KAAK,KAAK,IAAI,MAAM;AAAA,QAC7B,EALC;AAAA,QAMD,CAAC,QAAQ,MAAM,QACb,CAAC;AAAA,UACC,KAAK;AAAA,UACL,SAAS,MAAM;AAAA,UAEf;AAAA,SACD,MAED,EAPC,OAQH,EATC,QAAQ;AAAA,MAUX,EAjBC;AAAA,IAkBH,EAtCC,QAAQ;AAAA,EAuCX,EArDC;AAuDL;",
|
|
5
5
|
"names": []
|
|
6
6
|
}
|
package/dist/jsx/PopoverDemo.mjs
CHANGED
|
@@ -6,7 +6,7 @@ import {
|
|
|
6
6
|
Label,
|
|
7
7
|
Popover,
|
|
8
8
|
XStack,
|
|
9
|
-
|
|
9
|
+
YStack
|
|
10
10
|
} from "tamagui";
|
|
11
11
|
function PopoverDemo() {
|
|
12
12
|
return <XStack space="$2" flex={1} justifyContent="center" alignItems="center">
|
|
@@ -45,18 +45,18 @@ function Demo({
|
|
|
45
45
|
]}
|
|
46
46
|
elevate
|
|
47
47
|
>
|
|
48
|
-
<Popover.Arrow
|
|
49
|
-
<
|
|
50
|
-
<
|
|
48
|
+
<Popover.Arrow borderWidth={1} borderColor="$borderColor" />
|
|
49
|
+
<YStack space="$3">
|
|
50
|
+
<XStack space="$3">
|
|
51
51
|
<Label size="$3" htmlFor={Name}>Name</Label>
|
|
52
52
|
<Input size="$3" id={Name} />
|
|
53
|
-
</XStack
|
|
54
|
-
<
|
|
53
|
+
</XStack>
|
|
54
|
+
<Popover.Close asChild><Button
|
|
55
55
|
size="$3"
|
|
56
56
|
onPress={() => {
|
|
57
57
|
}}
|
|
58
|
-
>Submit</Button></Popover.Close
|
|
59
|
-
</
|
|
58
|
+
>Submit</Button></Popover.Close>
|
|
59
|
+
</YStack>
|
|
60
60
|
</Popover.Content>
|
|
61
61
|
</Popover>;
|
|
62
62
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/PopoverDemo.tsx"],
|
|
4
|
-
"mappings": "AAAA,SAAS,aAAa,aAAa,cAAc,iBAAiB;AAClE;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EAEA;AAAA,
|
|
4
|
+
"mappings": "AAAA,SAAS,aAAa,aAAa,cAAc,iBAAiB;AAClE;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EAEA;AAAA,EAEA;AAAA,OACK;AAEA,SAAS,cAAc;AAC5B,SACE,CAAC,OAAO,MAAM,KAAK,MAAM,GAAG,eAAe,SAAS,WAAW;AAAA,IAC7D,CAAC,KAAK,UAAU,OAAO,MAAM,aAAa,KAAK,eAAe;AAAA,IAC9D,CAAC,KAAK,UAAU,SAAS,MAAM,aAAa,KAAK,iBAAiB;AAAA,IAClE,CAAC,KAAK,UAAU,MAAM,MAAM,WAAW,KAAK,cAAc;AAAA,IAC1D,CAAC,KAAK,UAAU,QAAQ,MAAM,cAAc,KAAK,gBAAgB;AAAA,EACnE,EALC;AAOL;AAEO,SAAS,KAAK;AAAA,EACnB;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAiD;AAC/C,SACE,CAAC,QAAQ,KAAK,KAAK,cAAc;AAAA,IAC/B,CAAC,QAAQ,QAAQ,QACf,CAAC,OAAO,MAAM,MAAM,EACtB,EAFC,QAAQ;AAAA,IAIT,CAAC,MAAM,KAAK,KAAK,SAAS,QACxB,CAAC,QAAQ,MAAM,MAAM;AAAA,MACnB,CAAC,QAAQ,MAAM,MAAM,QAAQ,KAC3B,CAAC,MAAM,SAAS,EAClB,EAFC,QAAQ,MAAM;AAAA,MAGf,CAAC,QAAQ,MAAM,QAAQ;AAAA,IACzB,EALC,QAAQ,MAMX,EAPC;AAAA,IASD,CAAC,QAAQ;AAAA,MACP,aAAa;AAAA,MACb,YAAY;AAAA,MACZ,YAAY,EAAE,GAAG,GAAG,GAAG,KAAK,SAAS,EAAE;AAAA,MACvC,WAAW,EAAE,GAAG,GAAG,GAAG,KAAK,SAAS,EAAE;AAAA,MACtC,GAAG;AAAA,MACH,GAAG;AAAA,MACH,SAAS;AAAA,MACT,WAAW;AAAA,QACT;AAAA,QACA;AAAA,UACE,SAAS;AAAA,YACP,mBAAmB;AAAA,UACrB;AAAA,QACF;AAAA,MACF;AAAA,MACA;AAAA;AAAA,MAEA,CAAC,QAAQ,MAAM,aAAa,GAAG,YAAY,eAAe;AAAA,MAE1D,CAAC,OAAO,MAAM;AAAA,QACZ,CAAC,OAAO,MAAM;AAAA,UACZ,CAAC,MAAM,KAAK,KAAK,SAAS,MAAM,IAEhC,EAFC;AAAA,UAGD,CAAC,MAAM,KAAK,KAAK,IAAI,MAAM;AAAA,QAC7B,EALC;AAAA,QAMD,CAAC,QAAQ,MAAM,QACb,CAAC;AAAA,UACC,KAAK;AAAA,UACL,SAAS,MAAM;AAAA,UAEf;AAAA,SACD,MAED,EAPC,OAQH,EATC,QAAQ;AAAA,MAUX,EAjBC;AAAA,IAkBH,EAtCC,QAAQ;AAAA,EAuCX,EArDC;AAuDL;",
|
|
5
5
|
"names": []
|
|
6
6
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@tamagui/demos",
|
|
3
|
-
"version": "1.20.
|
|
3
|
+
"version": "1.20.2",
|
|
4
4
|
"sideEffects": [
|
|
5
5
|
"*.css"
|
|
6
6
|
],
|
|
@@ -28,29 +28,29 @@
|
|
|
28
28
|
}
|
|
29
29
|
},
|
|
30
30
|
"dependencies": {
|
|
31
|
-
"@tamagui/avatar": "1.20.
|
|
32
|
-
"@tamagui/button": "1.20.
|
|
33
|
-
"@tamagui/config": "1.20.
|
|
34
|
-
"@tamagui/core": "1.20.
|
|
35
|
-
"@tamagui/list-item": "1.20.
|
|
36
|
-
"@tamagui/logo": "1.20.
|
|
37
|
-
"@tamagui/menu": "1.20.
|
|
38
|
-
"@tamagui/popover": "1.20.
|
|
39
|
-
"@tamagui/progress": "1.20.
|
|
40
|
-
"@tamagui/radio-group": "1.20.
|
|
41
|
-
"@tamagui/select": "1.20.
|
|
42
|
-
"@tamagui/sheet": "1.20.
|
|
43
|
-
"@tamagui/slider": "1.20.
|
|
44
|
-
"@tamagui/stacks": "1.20.
|
|
45
|
-
"@tamagui/toast": "1.20.
|
|
46
|
-
"tamagui": "1.20.
|
|
31
|
+
"@tamagui/avatar": "1.20.2",
|
|
32
|
+
"@tamagui/button": "1.20.2",
|
|
33
|
+
"@tamagui/config": "1.20.2",
|
|
34
|
+
"@tamagui/core": "1.20.2",
|
|
35
|
+
"@tamagui/list-item": "1.20.2",
|
|
36
|
+
"@tamagui/logo": "1.20.2",
|
|
37
|
+
"@tamagui/menu": "1.20.2",
|
|
38
|
+
"@tamagui/popover": "1.20.2",
|
|
39
|
+
"@tamagui/progress": "1.20.2",
|
|
40
|
+
"@tamagui/radio-group": "1.20.2",
|
|
41
|
+
"@tamagui/select": "1.20.2",
|
|
42
|
+
"@tamagui/sheet": "1.20.2",
|
|
43
|
+
"@tamagui/slider": "1.20.2",
|
|
44
|
+
"@tamagui/stacks": "1.20.2",
|
|
45
|
+
"@tamagui/toast": "1.20.2",
|
|
46
|
+
"tamagui": "1.20.2"
|
|
47
47
|
},
|
|
48
48
|
"peerDependencies": {
|
|
49
49
|
"react": "*",
|
|
50
50
|
"react-dom": "*"
|
|
51
51
|
},
|
|
52
52
|
"devDependencies": {
|
|
53
|
-
"@tamagui/build": "1.20.
|
|
53
|
+
"@tamagui/build": "1.20.2",
|
|
54
54
|
"react": "^18.2.0",
|
|
55
55
|
"react-dom": "^18.2.0"
|
|
56
56
|
},
|
package/src/PopoverDemo.tsx
CHANGED
|
@@ -8,6 +8,7 @@ import {
|
|
|
8
8
|
PopoverProps,
|
|
9
9
|
XStack,
|
|
10
10
|
YGroup,
|
|
11
|
+
YStack,
|
|
11
12
|
} from 'tamagui'
|
|
12
13
|
|
|
13
14
|
export function PopoverDemo() {
|
|
@@ -59,30 +60,26 @@ export function Demo({
|
|
|
59
60
|
]}
|
|
60
61
|
elevate
|
|
61
62
|
>
|
|
62
|
-
<Popover.Arrow
|
|
63
|
+
<Popover.Arrow borderWidth={1} borderColor="$borderColor" />
|
|
63
64
|
|
|
64
|
-
<
|
|
65
|
-
<
|
|
66
|
-
<
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
</Button>
|
|
83
|
-
</Popover.Close>
|
|
84
|
-
</YGroup.Item>
|
|
85
|
-
</YGroup>
|
|
65
|
+
<YStack space="$3">
|
|
66
|
+
<XStack space="$3">
|
|
67
|
+
<Label size="$3" htmlFor={Name}>
|
|
68
|
+
Name
|
|
69
|
+
</Label>
|
|
70
|
+
<Input size="$3" id={Name} />
|
|
71
|
+
</XStack>
|
|
72
|
+
<Popover.Close asChild>
|
|
73
|
+
<Button
|
|
74
|
+
size="$3"
|
|
75
|
+
onPress={() => {
|
|
76
|
+
/* Custom code goes here, does not interfere with popover closure */
|
|
77
|
+
}}
|
|
78
|
+
>
|
|
79
|
+
Submit
|
|
80
|
+
</Button>
|
|
81
|
+
</Popover.Close>
|
|
82
|
+
</YStack>
|
|
86
83
|
</Popover.Content>
|
|
87
84
|
</Popover>
|
|
88
85
|
)
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PopoverDemo.d.ts","sourceRoot":"","sources":["../src/PopoverDemo.tsx"],"names":[],"mappings":";AACA,OAAO,EAML,YAAY,
|
|
1
|
+
{"version":3,"file":"PopoverDemo.d.ts","sourceRoot":"","sources":["../src/PopoverDemo.tsx"],"names":[],"mappings":";AACA,OAAO,EAML,YAAY,EAIb,MAAM,SAAS,CAAA;AAEhB,wBAAgB,WAAW,gBAS1B;AAED,wBAAgB,IAAI,CAAC,EACnB,IAAI,EACJ,IAAI,EACJ,GAAG,KAAK,EACT,EAAE,YAAY,GAAG;IAAE,IAAI,CAAC,EAAE,GAAG,CAAC;IAAC,IAAI,CAAC,EAAE,MAAM,CAAA;CAAE,eAyD9C"}
|