@tamagui/demos 1.16.6 → 1.18.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/PopoverDemo.js +3 -3
- package/dist/cjs/PopoverDemo.js.map +1 -1
- package/dist/esm/PopoverDemo.js +3 -3
- package/dist/esm/PopoverDemo.js.map +1 -1
- package/dist/esm/PopoverDemo.mjs +3 -3
- package/dist/esm/PopoverDemo.mjs.map +1 -1
- package/dist/jsx/PopoverDemo.js +3 -3
- package/dist/jsx/PopoverDemo.js.map +1 -1
- package/dist/jsx/PopoverDemo.mjs +3 -3
- package/dist/jsx/PopoverDemo.mjs.map +1 -1
- package/package.json +18 -18
- package/src/PopoverDemo.tsx +3 -3
package/dist/cjs/PopoverDemo.js
CHANGED
|
@@ -38,9 +38,9 @@ function Demo({
|
|
|
38
38
|
Name,
|
|
39
39
|
...props
|
|
40
40
|
}) {
|
|
41
|
-
return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Popover, { size: "$5", ...props, children: [
|
|
41
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Popover, { size: "$5", allowFlip: true, ...props, children: [
|
|
42
42
|
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Popover.Trigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, { icon: Icon }) }),
|
|
43
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Adapt, { when: "sm", platform: "
|
|
43
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Adapt, { when: "sm", platform: "touch", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Popover.Sheet, { modal: true, dismissOnSnapToBottom: true, children: [
|
|
44
44
|
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Popover.Sheet.Frame, { padding: "$4", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Adapt.Contents, {}) }),
|
|
45
45
|
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Popover.Sheet.Overlay, {})
|
|
46
46
|
] }) }),
|
|
@@ -64,7 +64,7 @@ function Demo({
|
|
|
64
64
|
],
|
|
65
65
|
elevate: true,
|
|
66
66
|
children: [
|
|
67
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Popover.Arrow, { borderWidth: 1, borderColor: "$borderColor" }),
|
|
67
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Popover.Arrow, { debug: "verbose", borderWidth: 1, borderColor: "$borderColor" }),
|
|
68
68
|
/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YGroup, { space: "$3", children: [
|
|
69
69
|
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YGroup.Item, { children: /* @__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" }),
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/PopoverDemo.tsx"],
|
|
4
|
-
"mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAcI;AAdJ,0BAAkE;AAClE,qBASO;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,
|
|
4
|
+
"mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAcI;AAdJ,0BAAkE;AAClE,qBASO;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,OAAM,WAAU,aAAa,GAAG,aAAY,gBAAe;AAAA,UAE1E,6CAAC,yBAAO,OAAM,MACZ;AAAA,wDAAC,sBAAO,MAAP,EACC,uDAAC,yBAAO,OAAM,MACZ;AAAA,0DAAC,wBAAM,MAAK,MAAK,SAAS,MAAM,kBAEhC;AAAA,cACA,4CAAC,wBAAM,MAAK,MAAK,IAAI,MAAM;AAAA,eAC7B,GACF;AAAA,YACA,4CAAC,sBAAO,MAAP,EACC,sDAAC,uBAAQ,OAAR,EAAc,SAAO,MACpB;AAAA,cAAC;AAAA;AAAA,gBACC,MAAK;AAAA,gBACL,SAAS,MAAM;AAAA,gBAEf;AAAA,gBACD;AAAA;AAAA,YAED,GACF,GACF;AAAA,aACF;AAAA;AAAA;AAAA,IACF;AAAA,KACF;AAEJ;",
|
|
5
5
|
"names": []
|
|
6
6
|
}
|
package/dist/esm/PopoverDemo.js
CHANGED
|
@@ -22,9 +22,9 @@ function Demo({
|
|
|
22
22
|
Name,
|
|
23
23
|
...props
|
|
24
24
|
}) {
|
|
25
|
-
return /* @__PURE__ */ jsxs(Popover, { size: "$5", ...props, children: [
|
|
25
|
+
return /* @__PURE__ */ jsxs(Popover, { size: "$5", allowFlip: true, ...props, children: [
|
|
26
26
|
/* @__PURE__ */ jsx(Popover.Trigger, { asChild: true, children: /* @__PURE__ */ jsx(Button, { icon: Icon }) }),
|
|
27
|
-
/* @__PURE__ */ jsx(Adapt, { when: "sm", platform: "
|
|
27
|
+
/* @__PURE__ */ jsx(Adapt, { when: "sm", platform: "touch", children: /* @__PURE__ */ jsxs(Popover.Sheet, { modal: true, dismissOnSnapToBottom: true, children: [
|
|
28
28
|
/* @__PURE__ */ jsx(Popover.Sheet.Frame, { padding: "$4", children: /* @__PURE__ */ jsx(Adapt.Contents, {}) }),
|
|
29
29
|
/* @__PURE__ */ jsx(Popover.Sheet.Overlay, {})
|
|
30
30
|
] }) }),
|
|
@@ -48,7 +48,7 @@ function Demo({
|
|
|
48
48
|
],
|
|
49
49
|
elevate: true,
|
|
50
50
|
children: [
|
|
51
|
-
/* @__PURE__ */ jsx(Popover.Arrow, { borderWidth: 1, borderColor: "$borderColor" }),
|
|
51
|
+
/* @__PURE__ */ jsx(Popover.Arrow, { debug: "verbose", borderWidth: 1, borderColor: "$borderColor" }),
|
|
52
52
|
/* @__PURE__ */ jsxs(YGroup, { space: "$3", children: [
|
|
53
53
|
/* @__PURE__ */ jsx(YGroup.Item, { children: /* @__PURE__ */ jsxs(XStack, { space: "$3", children: [
|
|
54
54
|
/* @__PURE__ */ jsx(Label, { size: "$3", htmlFor: Name, children: "Name" }),
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/PopoverDemo.tsx"],
|
|
4
|
-
"mappings": "AAcI,SACE,KADF;AAdJ,SAAS,aAAa,aAAa,cAAc,iBAAiB;AAClE;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EAEA;AAAA,EACA;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,
|
|
4
|
+
"mappings": "AAcI,SACE,KADF;AAdJ,SAAS,aAAa,aAAa,cAAc,iBAAiB;AAClE;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EAEA;AAAA,EACA;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,OAAM,WAAU,aAAa,GAAG,aAAY,gBAAe;AAAA,UAE1E,qBAAC,UAAO,OAAM,MACZ;AAAA,gCAAC,OAAO,MAAP,EACC,+BAAC,UAAO,OAAM,MACZ;AAAA,kCAAC,SAAM,MAAK,MAAK,SAAS,MAAM,kBAEhC;AAAA,cACA,oBAAC,SAAM,MAAK,MAAK,IAAI,MAAM;AAAA,eAC7B,GACF;AAAA,YACA,oBAAC,OAAO,MAAP,EACC,8BAAC,QAAQ,OAAR,EAAc,SAAO,MACpB;AAAA,cAAC;AAAA;AAAA,gBACC,MAAK;AAAA,gBACL,SAAS,MAAM;AAAA,gBAEf;AAAA,gBACD;AAAA;AAAA,YAED,GACF,GACF;AAAA,aACF;AAAA;AAAA;AAAA,IACF;AAAA,KACF;AAEJ;",
|
|
5
5
|
"names": []
|
|
6
6
|
}
|
package/dist/esm/PopoverDemo.mjs
CHANGED
|
@@ -22,9 +22,9 @@ function Demo({
|
|
|
22
22
|
Name,
|
|
23
23
|
...props
|
|
24
24
|
}) {
|
|
25
|
-
return /* @__PURE__ */ jsxs(Popover, { size: "$5", ...props, children: [
|
|
25
|
+
return /* @__PURE__ */ jsxs(Popover, { size: "$5", allowFlip: true, ...props, children: [
|
|
26
26
|
/* @__PURE__ */ jsx(Popover.Trigger, { asChild: true, children: /* @__PURE__ */ jsx(Button, { icon: Icon }) }),
|
|
27
|
-
/* @__PURE__ */ jsx(Adapt, { when: "sm", platform: "
|
|
27
|
+
/* @__PURE__ */ jsx(Adapt, { when: "sm", platform: "touch", children: /* @__PURE__ */ jsxs(Popover.Sheet, { modal: true, dismissOnSnapToBottom: true, children: [
|
|
28
28
|
/* @__PURE__ */ jsx(Popover.Sheet.Frame, { padding: "$4", children: /* @__PURE__ */ jsx(Adapt.Contents, {}) }),
|
|
29
29
|
/* @__PURE__ */ jsx(Popover.Sheet.Overlay, {})
|
|
30
30
|
] }) }),
|
|
@@ -48,7 +48,7 @@ function Demo({
|
|
|
48
48
|
],
|
|
49
49
|
elevate: true,
|
|
50
50
|
children: [
|
|
51
|
-
/* @__PURE__ */ jsx(Popover.Arrow, { borderWidth: 1, borderColor: "$borderColor" }),
|
|
51
|
+
/* @__PURE__ */ jsx(Popover.Arrow, { debug: "verbose", borderWidth: 1, borderColor: "$borderColor" }),
|
|
52
52
|
/* @__PURE__ */ jsxs(YGroup, { space: "$3", children: [
|
|
53
53
|
/* @__PURE__ */ jsx(YGroup.Item, { children: /* @__PURE__ */ jsxs(XStack, { space: "$3", children: [
|
|
54
54
|
/* @__PURE__ */ jsx(Label, { size: "$3", htmlFor: Name, children: "Name" }),
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/PopoverDemo.tsx"],
|
|
4
|
-
"mappings": "AAcI,SACE,KADF;AAdJ,SAAS,aAAa,aAAa,cAAc,iBAAiB;AAClE;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EAEA;AAAA,EACA;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,
|
|
4
|
+
"mappings": "AAcI,SACE,KADF;AAdJ,SAAS,aAAa,aAAa,cAAc,iBAAiB;AAClE;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EAEA;AAAA,EACA;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,OAAM,WAAU,aAAa,GAAG,aAAY,gBAAe;AAAA,UAE1E,qBAAC,UAAO,OAAM,MACZ;AAAA,gCAAC,OAAO,MAAP,EACC,+BAAC,UAAO,OAAM,MACZ;AAAA,kCAAC,SAAM,MAAK,MAAK,SAAS,MAAM,kBAEhC;AAAA,cACA,oBAAC,SAAM,MAAK,MAAK,IAAI,MAAM;AAAA,eAC7B,GACF;AAAA,YACA,oBAAC,OAAO,MAAP,EACC,8BAAC,QAAQ,OAAR,EAAc,SAAO,MACpB;AAAA,cAAC;AAAA;AAAA,gBACC,MAAK;AAAA,gBACL,SAAS,MAAM;AAAA,gBAEf;AAAA,gBACD;AAAA;AAAA,YAED,GACF,GACF;AAAA,aACF;AAAA;AAAA;AAAA,IACF;AAAA,KACF;AAEJ;",
|
|
5
5
|
"names": []
|
|
6
6
|
}
|
package/dist/jsx/PopoverDemo.js
CHANGED
|
@@ -21,9 +21,9 @@ function Demo({
|
|
|
21
21
|
Name,
|
|
22
22
|
...props
|
|
23
23
|
}) {
|
|
24
|
-
return <Popover size="$5" {...props}>
|
|
24
|
+
return <Popover size="$5" allowFlip {...props}>
|
|
25
25
|
<Popover.Trigger asChild><Button icon={Icon} /></Popover.Trigger>
|
|
26
|
-
<Adapt when="sm" platform="
|
|
26
|
+
<Adapt when="sm" platform="touch"><Popover.Sheet modal dismissOnSnapToBottom>
|
|
27
27
|
<Popover.Sheet.Frame padding="$4"><Adapt.Contents /></Popover.Sheet.Frame>
|
|
28
28
|
<Popover.Sheet.Overlay />
|
|
29
29
|
</Popover.Sheet></Adapt>
|
|
@@ -45,7 +45,7 @@ function Demo({
|
|
|
45
45
|
]}
|
|
46
46
|
elevate
|
|
47
47
|
>
|
|
48
|
-
<Popover.Arrow borderWidth={1} borderColor="$borderColor" />
|
|
48
|
+
<Popover.Arrow debug="verbose" borderWidth={1} borderColor="$borderColor" />
|
|
49
49
|
<YGroup space="$3">
|
|
50
50
|
<YGroup.Item><XStack space="$3">
|
|
51
51
|
<Label size="$3" htmlFor={Name}>Name</Label>
|
|
@@ -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,EACA;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,
|
|
4
|
+
"mappings": "AAAA,SAAS,aAAa,aAAa,cAAc,iBAAiB;AAClE;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EAEA;AAAA,EACA;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,MAAM,UAAU,aAAa,GAAG,YAAY,eAAe;AAAA,MAE1E,CAAC,OAAO,MAAM;AAAA,QACZ,CAAC,OAAO,KACN,CAAC,OAAO,MAAM;AAAA,UACZ,CAAC,MAAM,KAAK,KAAK,SAAS,MAAM,IAEhC,EAFC;AAAA,UAGD,CAAC,MAAM,KAAK,KAAK,IAAI,MAAM;AAAA,QAC7B,EALC,OAMH,EAPC,OAAO;AAAA,QAQR,CAAC,OAAO,KACN,CAAC,QAAQ,MAAM,QACb,CAAC;AAAA,UACC,KAAK;AAAA,UACL,SAAS,MAAM;AAAA,UAEf;AAAA,SACD,MAED,EAPC,OAQH,EATC,QAAQ,MAUX,EAXC,OAAO;AAAA,MAYV,EArBC;AAAA,IAsBH,EA1CC,QAAQ;AAAA,EA2CX,EAzDC;AA2DL;",
|
|
5
5
|
"names": []
|
|
6
6
|
}
|
package/dist/jsx/PopoverDemo.mjs
CHANGED
|
@@ -21,9 +21,9 @@ function Demo({
|
|
|
21
21
|
Name,
|
|
22
22
|
...props
|
|
23
23
|
}) {
|
|
24
|
-
return <Popover size="$5" {...props}>
|
|
24
|
+
return <Popover size="$5" allowFlip {...props}>
|
|
25
25
|
<Popover.Trigger asChild><Button icon={Icon} /></Popover.Trigger>
|
|
26
|
-
<Adapt when="sm" platform="
|
|
26
|
+
<Adapt when="sm" platform="touch"><Popover.Sheet modal dismissOnSnapToBottom>
|
|
27
27
|
<Popover.Sheet.Frame padding="$4"><Adapt.Contents /></Popover.Sheet.Frame>
|
|
28
28
|
<Popover.Sheet.Overlay />
|
|
29
29
|
</Popover.Sheet></Adapt>
|
|
@@ -45,7 +45,7 @@ function Demo({
|
|
|
45
45
|
]}
|
|
46
46
|
elevate
|
|
47
47
|
>
|
|
48
|
-
<Popover.Arrow borderWidth={1} borderColor="$borderColor" />
|
|
48
|
+
<Popover.Arrow debug="verbose" borderWidth={1} borderColor="$borderColor" />
|
|
49
49
|
<YGroup space="$3">
|
|
50
50
|
<YGroup.Item><XStack space="$3">
|
|
51
51
|
<Label size="$3" htmlFor={Name}>Name</Label>
|
|
@@ -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,EACA;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,
|
|
4
|
+
"mappings": "AAAA,SAAS,aAAa,aAAa,cAAc,iBAAiB;AAClE;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EAEA;AAAA,EACA;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,MAAM,UAAU,aAAa,GAAG,YAAY,eAAe;AAAA,MAE1E,CAAC,OAAO,MAAM;AAAA,QACZ,CAAC,OAAO,KACN,CAAC,OAAO,MAAM;AAAA,UACZ,CAAC,MAAM,KAAK,KAAK,SAAS,MAAM,IAEhC,EAFC;AAAA,UAGD,CAAC,MAAM,KAAK,KAAK,IAAI,MAAM;AAAA,QAC7B,EALC,OAMH,EAPC,OAAO;AAAA,QAQR,CAAC,OAAO,KACN,CAAC,QAAQ,MAAM,QACb,CAAC;AAAA,UACC,KAAK;AAAA,UACL,SAAS,MAAM;AAAA,UAEf;AAAA,SACD,MAED,EAPC,OAQH,EATC,QAAQ,MAUX,EAXC,OAAO;AAAA,MAYV,EArBC;AAAA,IAsBH,EA1CC,QAAQ;AAAA,EA2CX,EAzDC;AA2DL;",
|
|
5
5
|
"names": []
|
|
6
6
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@tamagui/demos",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.18.0",
|
|
4
4
|
"sideEffects": [
|
|
5
5
|
"*.css"
|
|
6
6
|
],
|
|
@@ -28,29 +28,29 @@
|
|
|
28
28
|
}
|
|
29
29
|
},
|
|
30
30
|
"dependencies": {
|
|
31
|
-
"@tamagui/avatar": "1.
|
|
32
|
-
"@tamagui/button": "1.
|
|
33
|
-
"@tamagui/config": "1.
|
|
34
|
-
"@tamagui/core": "1.
|
|
35
|
-
"@tamagui/list-item": "1.
|
|
36
|
-
"@tamagui/logo": "1.
|
|
37
|
-
"@tamagui/menu": "1.
|
|
38
|
-
"@tamagui/popover": "1.
|
|
39
|
-
"@tamagui/progress": "1.
|
|
40
|
-
"@tamagui/radio-group": "1.
|
|
41
|
-
"@tamagui/select": "1.
|
|
42
|
-
"@tamagui/sheet": "1.
|
|
43
|
-
"@tamagui/slider": "1.
|
|
44
|
-
"@tamagui/stacks": "1.
|
|
45
|
-
"@tamagui/toast": "1.
|
|
46
|
-
"tamagui": "1.
|
|
31
|
+
"@tamagui/avatar": "1.18.0",
|
|
32
|
+
"@tamagui/button": "1.18.0",
|
|
33
|
+
"@tamagui/config": "1.18.0",
|
|
34
|
+
"@tamagui/core": "1.18.0",
|
|
35
|
+
"@tamagui/list-item": "1.18.0",
|
|
36
|
+
"@tamagui/logo": "1.18.0",
|
|
37
|
+
"@tamagui/menu": "1.18.0",
|
|
38
|
+
"@tamagui/popover": "1.18.0",
|
|
39
|
+
"@tamagui/progress": "1.18.0",
|
|
40
|
+
"@tamagui/radio-group": "1.18.0",
|
|
41
|
+
"@tamagui/select": "1.18.0",
|
|
42
|
+
"@tamagui/sheet": "1.18.0",
|
|
43
|
+
"@tamagui/slider": "1.18.0",
|
|
44
|
+
"@tamagui/stacks": "1.18.0",
|
|
45
|
+
"@tamagui/toast": "1.18.0",
|
|
46
|
+
"tamagui": "1.18.0"
|
|
47
47
|
},
|
|
48
48
|
"peerDependencies": {
|
|
49
49
|
"react": "*",
|
|
50
50
|
"react-dom": "*"
|
|
51
51
|
},
|
|
52
52
|
"devDependencies": {
|
|
53
|
-
"@tamagui/build": "1.
|
|
53
|
+
"@tamagui/build": "1.18.0",
|
|
54
54
|
"react": "^18.2.0",
|
|
55
55
|
"react-dom": "^18.2.0"
|
|
56
56
|
},
|
package/src/PopoverDemo.tsx
CHANGED
|
@@ -27,12 +27,12 @@ export function Demo({
|
|
|
27
27
|
...props
|
|
28
28
|
}: PopoverProps & { Icon?: any; Name?: string }) {
|
|
29
29
|
return (
|
|
30
|
-
<Popover size="$5" {...props}>
|
|
30
|
+
<Popover size="$5" allowFlip {...props}>
|
|
31
31
|
<Popover.Trigger asChild>
|
|
32
32
|
<Button icon={Icon} />
|
|
33
33
|
</Popover.Trigger>
|
|
34
34
|
|
|
35
|
-
<Adapt when="sm" platform="
|
|
35
|
+
<Adapt when="sm" platform="touch">
|
|
36
36
|
<Popover.Sheet modal dismissOnSnapToBottom>
|
|
37
37
|
<Popover.Sheet.Frame padding="$4">
|
|
38
38
|
<Adapt.Contents />
|
|
@@ -59,7 +59,7 @@ export function Demo({
|
|
|
59
59
|
]}
|
|
60
60
|
elevate
|
|
61
61
|
>
|
|
62
|
-
<Popover.Arrow borderWidth={1} borderColor="$borderColor" />
|
|
62
|
+
<Popover.Arrow debug="verbose" borderWidth={1} borderColor="$borderColor" />
|
|
63
63
|
|
|
64
64
|
<YGroup space="$3">
|
|
65
65
|
<YGroup.Item>
|