@tamagui/demos 1.129.19 → 1.130.1
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.cjs +3 -3
- package/dist/cjs/PopoverDemo.js +3 -3
- package/dist/cjs/PopoverDemo.js.map +1 -1
- package/dist/cjs/PopoverDemo.native.js +3 -3
- package/dist/cjs/PopoverDemo.native.js.map +1 -1
- package/dist/esm/PopoverDemo.js +14 -4
- package/dist/esm/PopoverDemo.js.map +1 -1
- package/dist/esm/PopoverDemo.mjs +4 -4
- package/dist/esm/PopoverDemo.mjs.map +1 -1
- package/dist/esm/PopoverDemo.native.js +4 -4
- package/dist/esm/PopoverDemo.native.js.map +1 -1
- package/package.json +20 -20
- package/src/PopoverDemo.tsx +16 -6
package/dist/cjs/PopoverDemo.cjs
CHANGED
|
@@ -85,14 +85,14 @@ function Demo({
|
|
|
85
85
|
}), shouldAdapt && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Adapt, {
|
|
86
86
|
when: "maxMd",
|
|
87
87
|
platform: "touch",
|
|
88
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.
|
|
88
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.Sheet, {
|
|
89
89
|
animation: "medium",
|
|
90
90
|
modal: !0,
|
|
91
91
|
dismissOnSnapToBottom: !0,
|
|
92
|
-
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.
|
|
92
|
+
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Sheet.Frame, {
|
|
93
93
|
padding: "$4",
|
|
94
94
|
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Adapt.Contents, {})
|
|
95
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.
|
|
95
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Sheet.Overlay, {
|
|
96
96
|
backgroundColor: "$shadowColor",
|
|
97
97
|
animation: "lazy",
|
|
98
98
|
enterStyle: {
|
package/dist/cjs/PopoverDemo.js
CHANGED
|
@@ -74,10 +74,10 @@ function Demo({
|
|
|
74
74
|
}) {
|
|
75
75
|
return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Popover, { size: "$5", allowFlip: !0, stayInFrame: !0, offset: 15, resize: !0, ...props, children: [
|
|
76
76
|
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Popover.Trigger, { asChild: !0, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, { icon: Icon }) }),
|
|
77
|
-
shouldAdapt && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Adapt, { when: "maxMd", platform: "touch", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.
|
|
78
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.
|
|
77
|
+
shouldAdapt && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Adapt, { when: "maxMd", platform: "touch", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Sheet, { animation: "medium", modal: !0, dismissOnSnapToBottom: !0, children: [
|
|
78
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Sheet.Frame, { padding: "$4", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Adapt.Contents, {}) }),
|
|
79
79
|
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
80
|
-
import_tamagui.
|
|
80
|
+
import_tamagui.Sheet.Overlay,
|
|
81
81
|
{
|
|
82
82
|
backgroundColor: "$shadowColor",
|
|
83
83
|
animation: "lazy",
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/PopoverDemo.tsx"],
|
|
4
|
-
"mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,0BAAkE,kCAClE,eAAyB,kBAEzB,
|
|
4
|
+
"mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,0BAAkE,kCAClE,eAAyB,kBAEzB,iBAUO,oBAOD;AALC,SAAS,cAAc;AAC5B,QAAM,CAAC,aAAa,cAAc,QAAI,uBAAS,EAAI;AAEnD,SACE,6CAAC,yBAAO,KAAI,MACV;AAAA,iDAAC,yBAAO,KAAI,MAAK,MAAM,GAAG,gBAAe,UAAS,YAAW,UAC3D;AAAA;AAAA,QAAC;AAAA;AAAA,UACC;AAAA,UACA,WAAU;AAAA,UACV,MAAM;AAAA,UACN,MAAK;AAAA;AAAA,MACP;AAAA,MACA;AAAA,QAAC;AAAA;AAAA,UACC;AAAA,UACA,WAAU;AAAA,UACV,MAAM;AAAA,UACN,MAAK;AAAA;AAAA,MACP;AAAA,MACA;AAAA,QAAC;AAAA;AAAA,UACC;AAAA,UACA,WAAU;AAAA,UACV,MAAM;AAAA,UACN,MAAK;AAAA;AAAA,MACP;AAAA,MACA;AAAA,QAAC;AAAA;AAAA,UACC;AAAA,UACA,WAAU;AAAA,UACV,MAAM;AAAA,UACN,MAAK;AAAA;AAAA,MACP;AAAA,OACF;AAAA,IAEC,CAAC,wBACA,6CAAC,yBAAO,SAAS,MAAM,eAAe,CAAC,WAAW,GAAG;AAAA;AAAA,MAClC,GAAG,WAAW;AAAA,OACjC;AAAA,KAEJ;AAEJ;AAEO,SAAS,KAAK;AAAA,EACnB;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAwE;AACtE,SACE,6CAAC,0BAAQ,MAAK,MAAK,WAAS,IAAC,aAAW,IAAC,QAAQ,IAAI,QAAM,IAAE,GAAG,OAC9D;AAAA,gDAAC,uBAAQ,SAAR,EAAgB,SAAO,IACtB,sDAAC,yBAAO,MAAM,MAAM,GACtB;AAAA,IAEC,eACC,4CAAC,wBAAM,MAAK,SAAQ,UAAS,SAC3B,uDAAC,wBAAM,WAAU,UAAS,OAAK,IAAC,uBAAqB,IACnD;AAAA,kDAAC,qBAAM,OAAN,EAAY,SAAQ,MACnB,sDAAC,qBAAM,UAAN,EAAe,GAClB;AAAA,MACA;AAAA,QAAC,qBAAM;AAAA,QAAN;AAAA,UACC,iBAAgB;AAAA,UAChB,WAAU;AAAA,UACV,YAAY,EAAE,SAAS,EAAE;AAAA,UACzB,WAAW,EAAE,SAAS,EAAE;AAAA;AAAA,MAC1B;AAAA,OACF,GACF;AAAA,IAGF;AAAA,MAAC,uBAAQ;AAAA,MAAR;AAAA,QACC,aAAa;AAAA,QACb,aAAY;AAAA,QACZ,OAAO;AAAA,QACP,QAAQ;AAAA,QACR,YAAY,EAAE,GAAG,KAAK,SAAS,EAAE;AAAA,QACjC,WAAW,EAAE,GAAG,KAAK,SAAS,EAAE;AAAA,QAChC,SAAO;AAAA,QACP,WAAW;AAAA,UACT;AAAA,UACA;AAAA,YACE,SAAS;AAAA,cACP,mBAAmB;AAAA,YACrB;AAAA,UACF;AAAA,QACF;AAAA,QAEA;AAAA,sDAAC,uBAAQ,OAAR,EAAc,aAAa,GAAG,aAAY,gBAAe;AAAA,UAE1D,6CAAC,yBAAO,KAAI,MACV;AAAA,yDAAC,yBAAO,KAAI,MACV;AAAA,0DAAC,wBAAM,MAAK,MAAK,SAAS,MAAM,kBAEhC;AAAA,cACA,4CAAC,wBAAM,GAAG,GAAG,MAAK,MAAK,IAAI,MAAM;AAAA,eACnC;AAAA,YAEA,4CAAC,uBAAQ,OAAR,EAAc,SAAO,IACpB;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
|
}
|
|
@@ -88,16 +88,16 @@ function Demo(param) {
|
|
|
88
88
|
shouldAdapt && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Adapt, {
|
|
89
89
|
when: "maxMd",
|
|
90
90
|
platform: "touch",
|
|
91
|
-
children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.
|
|
91
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Sheet, {
|
|
92
92
|
animation: "medium",
|
|
93
93
|
modal: !0,
|
|
94
94
|
dismissOnSnapToBottom: !0,
|
|
95
95
|
children: [
|
|
96
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.
|
|
96
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Sheet.Frame, {
|
|
97
97
|
padding: "$4",
|
|
98
98
|
children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Adapt.Contents, {})
|
|
99
99
|
}),
|
|
100
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.
|
|
100
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Sheet.Overlay, {
|
|
101
101
|
backgroundColor: "$shadowColor",
|
|
102
102
|
animation: "lazy",
|
|
103
103
|
enterStyle: {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/PopoverDemo.tsx"],
|
|
4
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;uDAAA,sBAAkE,kCAClE,eAAyB,kBAEzB,
|
|
4
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;uDAAA,sBAAkE,kCAClE,eAAyB,kBAEzB,iBAUO;AAEA,SAASA,cAAAA;AACd,MAAM,CAACC,aAAaC,cAAAA,QAAkBC,uBAAS,EAAA;AAE/C,SACE,uCAAAC,MAACC,uBAAAA;IAAOC,KAAI;;MACV,uCAAAF,MAACG,uBAAAA;QAAOD,KAAI;QAAKE,MAAM;QAAGC,gBAAe;QAASC,YAAW;;UAC3D,uCAAAC,KAACC,MAAAA;YACCX;YACAY,WAAU;YACVC,MAAMC;YACNC,MAAK;;UAEP,uCAAAL,KAACC,MAAAA;YACCX;YACAY,WAAU;YACVC,MAAMG;YACND,MAAK;;UAEP,uCAAAL,KAACC,MAAAA;YACCX;YACAY,WAAU;YACVC,MAAMI;YACNF,MAAK;;UAEP,uCAAAL,KAACC,MAAAA;YACCX;YACAY,WAAU;YACVC,MAAMK;YACNH,MAAK;;;;MAIR,CAACI,wBACA,uCAAAhB,MAACiB,uBAAAA;QAAOC,SAAS,WAAA;iBAAMpB,eAAe,CAACD,WAAAA;;;UAAc;UAClC,GAAGA,WAAAA;;;;;AAK9B;AAEO,SAASW,KAAK,OAKiD;MALjD,EACnBE,MACAE,MACAf,aACA,GAAGsB,MAAAA,IAJgB;AAMnB,SACE,uCAAAnB,MAACoB,wBAAAA;IAAQC,MAAK;IAAKC,WAAS;IAACC,aAAW;IAACC,QAAQ;IAAIC,QAAM;IAAE,GAAGN;;MAC9D,uCAAAZ,KAACa,uBAAQM,SAAO;QAACC,SAAO;kBACtB,uCAAApB,KAACU,uBAAAA;UAAOW,MAAMlB;;;MAGfb,eACC,uCAAAU,KAACsB,sBAAAA;QAAMC,MAAK;QAAQC,UAAS;kBAC3B,uCAAA/B,MAACgC,sBAAAA;UAAMC,WAAU;UAASC,OAAK;UAACC,uBAAqB;;YACnD,uCAAA5B,KAACyB,qBAAMI,OAAK;cAACC,SAAQ;wBACnB,uCAAA9B,KAACsB,qBAAMS,UAAQ,CAAA,CAAA;;YAEjB,uCAAA/B,KAACyB,qBAAMO,SAAO;cACZC,iBAAgB;cAChBP,WAAU;cACVQ,YAAY;gBAAEC,SAAS;cAAE;cACzBC,WAAW;gBAAED,SAAS;cAAE;;;;;MAMhC,uCAAA1C,MAACoB,uBAAQwB,SAAO;QACdC,aAAa;QACbC,aAAY;QACZC,OAAO;QACPC,QAAQ;QACRP,YAAY;UAAEQ,GAAG;UAAKP,SAAS;QAAE;QACjCC,WAAW;UAAEM,GAAG;UAAKP,SAAS;QAAE;QAChCQ,SAAO;QACPjB,WAAW;UACT;UACA;YACES,SAAS;cACPS,mBAAmB;YACrB;UACF;;;UAGF,uCAAA5C,KAACa,uBAAQgC,OAAK;YAACP,aAAa;YAAGC,aAAY;;UAE3C,uCAAA9C,MAACC,uBAAAA;YAAOC,KAAI;;cACV,uCAAAF,MAACG,uBAAAA;gBAAOD,KAAI;;kBACV,uCAAAK,KAAC8C,sBAAAA;oBAAMhC,MAAK;oBAAKiC,SAAS1C;8BAAM;;kBAGhC,uCAAAL,KAACgD,sBAAAA;oBAAMC,GAAG;oBAAGnC,MAAK;oBAAKoC,IAAI7C;;;;cAG7B,uCAAAL,KAACa,uBAAQsC,OAAK;gBAAC/B,SAAO;0BACpB,uCAAApB,KAACU,uBAAAA;kBACCI,MAAK;kBACLH,SAAS,WAAA;kBAET;;;oBACD;;;;;;;;;;AAQb;",
|
|
5
5
|
"names": ["PopoverDemo", "shouldAdapt", "setShouldAdapt", "useState", "_jsxs", "YStack", "gap", "XStack", "flex", "justifyContent", "alignItems", "_jsx", "Demo", "placement", "Icon", "ChevronLeft", "Name", "ChevronDown", "ChevronUp", "ChevronRight", "isWeb", "Button", "onPress", "props", "Popover", "size", "allowFlip", "stayInFrame", "offset", "resize", "Trigger", "asChild", "icon", "Adapt", "when", "platform", "Sheet", "animation", "modal", "dismissOnSnapToBottom", "Frame", "padding", "Contents", "Overlay", "backgroundColor", "enterStyle", "opacity", "exitStyle", "Content", "borderWidth", "borderColor", "width", "height", "y", "elevate", "overshootClamping", "Arrow", "Label", "htmlFor", "Input", "f", "id", "Close"]
|
|
6
6
|
}
|
package/dist/esm/PopoverDemo.js
CHANGED
|
@@ -1,6 +1,16 @@
|
|
|
1
1
|
import { ChevronDown, ChevronLeft, ChevronRight, ChevronUp } from "@tamagui/lucide-icons";
|
|
2
2
|
import { useState } from "react";
|
|
3
|
-
import {
|
|
3
|
+
import {
|
|
4
|
+
Adapt,
|
|
5
|
+
Button,
|
|
6
|
+
Input,
|
|
7
|
+
isWeb,
|
|
8
|
+
Label,
|
|
9
|
+
Popover,
|
|
10
|
+
Sheet,
|
|
11
|
+
XStack,
|
|
12
|
+
YStack
|
|
13
|
+
} from "tamagui";
|
|
4
14
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
5
15
|
function PopoverDemo() {
|
|
6
16
|
const [shouldAdapt, setShouldAdapt] = useState(!0);
|
|
@@ -57,10 +67,10 @@ function Demo({
|
|
|
57
67
|
}) {
|
|
58
68
|
return /* @__PURE__ */ jsxs(Popover, { size: "$5", allowFlip: !0, stayInFrame: !0, offset: 15, resize: !0, ...props, children: [
|
|
59
69
|
/* @__PURE__ */ jsx(Popover.Trigger, { asChild: !0, children: /* @__PURE__ */ jsx(Button, { icon: Icon }) }),
|
|
60
|
-
shouldAdapt && /* @__PURE__ */ jsx(Adapt, { when: "maxMd", platform: "touch", children: /* @__PURE__ */ jsxs(
|
|
61
|
-
/* @__PURE__ */ jsx(
|
|
70
|
+
shouldAdapt && /* @__PURE__ */ jsx(Adapt, { when: "maxMd", platform: "touch", children: /* @__PURE__ */ jsxs(Sheet, { animation: "medium", modal: !0, dismissOnSnapToBottom: !0, children: [
|
|
71
|
+
/* @__PURE__ */ jsx(Sheet.Frame, { padding: "$4", children: /* @__PURE__ */ jsx(Adapt.Contents, {}) }),
|
|
62
72
|
/* @__PURE__ */ jsx(
|
|
63
|
-
|
|
73
|
+
Sheet.Overlay,
|
|
64
74
|
{
|
|
65
75
|
backgroundColor: "$shadowColor",
|
|
66
76
|
animation: "lazy",
|
|
@@ -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,SAAS,gBAAgB;AAEzB,
|
|
4
|
+
"mappings": "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",
|
|
5
5
|
"names": []
|
|
6
6
|
}
|
package/dist/esm/PopoverDemo.mjs
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { ChevronDown, ChevronLeft, ChevronRight, ChevronUp } from "@tamagui/lucide-icons";
|
|
2
2
|
import { useState } from "react";
|
|
3
|
-
import { Adapt, Button, Input, isWeb, Label, Popover, XStack, YStack } from "tamagui";
|
|
3
|
+
import { Adapt, Button, Input, isWeb, Label, Popover, Sheet, XStack, YStack } from "tamagui";
|
|
4
4
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
5
5
|
function PopoverDemo() {
|
|
6
6
|
const [shouldAdapt, setShouldAdapt] = useState(!0);
|
|
@@ -59,14 +59,14 @@ function Demo({
|
|
|
59
59
|
}), shouldAdapt && /* @__PURE__ */jsx(Adapt, {
|
|
60
60
|
when: "maxMd",
|
|
61
61
|
platform: "touch",
|
|
62
|
-
children: /* @__PURE__ */jsxs(
|
|
62
|
+
children: /* @__PURE__ */jsxs(Sheet, {
|
|
63
63
|
animation: "medium",
|
|
64
64
|
modal: !0,
|
|
65
65
|
dismissOnSnapToBottom: !0,
|
|
66
|
-
children: [/* @__PURE__ */jsx(
|
|
66
|
+
children: [/* @__PURE__ */jsx(Sheet.Frame, {
|
|
67
67
|
padding: "$4",
|
|
68
68
|
children: /* @__PURE__ */jsx(Adapt.Contents, {})
|
|
69
|
-
}), /* @__PURE__ */jsx(
|
|
69
|
+
}), /* @__PURE__ */jsx(Sheet.Overlay, {
|
|
70
70
|
backgroundColor: "$shadowColor",
|
|
71
71
|
animation: "lazy",
|
|
72
72
|
enterStyle: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["ChevronDown","ChevronLeft","ChevronRight","ChevronUp","useState","Adapt","Button","Input","isWeb","Label","Popover","XStack","YStack","jsx","jsxs","PopoverDemo","shouldAdapt","setShouldAdapt","gap","children","flex","justifyContent","alignItems","Demo","placement","Icon","Name","onPress","props","size","allowFlip","stayInFrame","offset","resize","Trigger","asChild","icon","when","platform","
|
|
1
|
+
{"version":3,"names":["ChevronDown","ChevronLeft","ChevronRight","ChevronUp","useState","Adapt","Button","Input","isWeb","Label","Popover","Sheet","XStack","YStack","jsx","jsxs","PopoverDemo","shouldAdapt","setShouldAdapt","gap","children","flex","justifyContent","alignItems","Demo","placement","Icon","Name","onPress","props","size","allowFlip","stayInFrame","offset","resize","Trigger","asChild","icon","when","platform","animation","modal","dismissOnSnapToBottom","Frame","padding","Contents","Overlay","backgroundColor","enterStyle","opacity","exitStyle","Content","borderWidth","borderColor","width","height","y","elevate","overshootClamping","Arrow","htmlFor","f","id","Close"],"sources":["../../src/PopoverDemo.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import { ChevronDown, ChevronLeft, ChevronRight, ChevronUp } from "@tamagui/lucide-icons";
|
|
3
3
|
import { useState } from "react";
|
|
4
|
-
import { Adapt, Button, Input, isWeb, Label, Popover, XStack, YStack } from "tamagui";
|
|
4
|
+
import { Adapt, Button, Input, isWeb, Label, Popover, Sheet, XStack, YStack } from "tamagui";
|
|
5
5
|
function PopoverDemo() {
|
|
6
6
|
var [shouldAdapt, setShouldAdapt] = useState(!0);
|
|
7
7
|
return /* @__PURE__ */_jsxs(YStack, {
|
|
@@ -62,14 +62,14 @@ function Demo(param) {
|
|
|
62
62
|
}), shouldAdapt && /* @__PURE__ */_jsx(Adapt, {
|
|
63
63
|
when: "maxMd",
|
|
64
64
|
platform: "touch",
|
|
65
|
-
children: /* @__PURE__ */_jsxs(
|
|
65
|
+
children: /* @__PURE__ */_jsxs(Sheet, {
|
|
66
66
|
animation: "medium",
|
|
67
67
|
modal: !0,
|
|
68
68
|
dismissOnSnapToBottom: !0,
|
|
69
|
-
children: [/* @__PURE__ */_jsx(
|
|
69
|
+
children: [/* @__PURE__ */_jsx(Sheet.Frame, {
|
|
70
70
|
padding: "$4",
|
|
71
71
|
children: /* @__PURE__ */_jsx(Adapt.Contents, {})
|
|
72
|
-
}), /* @__PURE__ */_jsx(
|
|
72
|
+
}), /* @__PURE__ */_jsx(Sheet.Overlay, {
|
|
73
73
|
backgroundColor: "$shadowColor",
|
|
74
74
|
animation: "lazy",
|
|
75
75
|
enterStyle: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","ChevronDown","ChevronLeft","ChevronRight","ChevronUp","useState","Adapt","Button","Input","isWeb","Label","Popover","XStack","YStack","PopoverDemo","shouldAdapt","setShouldAdapt","gap","children","flex","justifyContent","alignItems","Demo","placement","Icon","Name","onPress","param","props","size","allowFlip","stayInFrame","offset","resize","Trigger","asChild","icon","when","platform","
|
|
1
|
+
{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","ChevronDown","ChevronLeft","ChevronRight","ChevronUp","useState","Adapt","Button","Input","isWeb","Label","Popover","Sheet","XStack","YStack","PopoverDemo","shouldAdapt","setShouldAdapt","gap","children","flex","justifyContent","alignItems","Demo","placement","Icon","Name","onPress","param","props","size","allowFlip","stayInFrame","offset","resize","Trigger","asChild","icon","when","platform","animation","modal","dismissOnSnapToBottom","Frame","padding","Contents","Overlay","backgroundColor","enterStyle","opacity","exitStyle","Content","borderWidth","borderColor","width","height","y","elevate","overshootClamping","Arrow"],"sources":["../../src/PopoverDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,GAAA,IAAAC,IAAA,EAAaC,IAAA,IAAAC,KAAa,2BAAc;AACjD,SAASC,WAAA,EAAAC,WAAgB,EAAAC,YAAA,EAAAC,SAAA;AAEzB,SAAAC,QAAA;AAAA,SACEC,KAAA,EAAAC,MAAA,EAAAC,KAAA,EAAAC,KAAA,EAAAC,KAAA,EAAAC,OAAA,EAAAC,KAAA,EAAAC,MAAA,EAAAC,MAAA;AAAA,SACAC,YAAA;EACA,KAAAC,WAAA,EAAAC,cAAA,IAAAZ,QAAA;EACA,sBAAAL,KAAA,CAAAc,MAAA;IACAI,GAAA;IACAC,QAAA,GACA,eAAAnB,KAAA,CAAAa,MAAA;MACAK,GAAA;MACAE,IAAA;MACKC,cAAA;MAODC,UAAA;MALCH,QAAS,GACP,eAAarB,IAAA,CAAAyB,IAAA,EAAc;QAGhCP,WAAA;QACEQ,SAAA,QAAC;QACCC,IAAA,EAAAvB,WAAA;QAACwB,IAAA;MAAA,IACC,eAAA5B,IAAA,CAAAyB,IAAA;QACAP,WAAU;QACVQ,SAAM;QACNC,IAAK,EAAAxB,WAAA;QAAAyB,IAAA;MACP,IACA,eAAA5B,IAAA,CAAAyB,IAAA;QAACP,WAAA;QAAAQ,SAAA;QACCC,IAAA,EAAArB,SAAA;QACAsB,IAAA;MACA,IACA,eAAK5B,IAAA,CAAAyB,IAAA;QAAAP,WAAA;QACPQ,SAAA;QACAC,IAAA,EAAAtB,YAAA;QAACuB,IAAA;MAAA;IACC,IACU,CAAAjB,KACV,IAAM,eAAAT,KAAA,CAAAO,MAAA;MAAAoB,OACN,EAAK,SAAAA,CAAA;QAAA,OAAAV,cAAA,EAAAD,WAAA;MACP;MACAG,QAAA,GAAC,uBAAAH,WAAA;IACC;EAEM;AACD;AAAA,SACPO,KAAAK,KAAA;EAAA;IACFH,IAAA;IAAAC,IAAA;IAAAV,WAAA;IAAA,GAAAa;EAAA,IAAAD,KAAA;EAAA,OAEE,eACA5B,KAAA,CAAAW,OAAC;IAAoDmB,IAAA;IAAAC,SAC/B;IAAWC,WACjC;IAAAC,MAEJ;IAEJC,MAAA;IAEO,GAAAL,KAAS;IACdV,QAAA,GACA,eAAArB,IAAA,CAAAa,OAAA,CAAAwB,OAAA;MACAC,OAAA;MACGjB,QAAA,iBAAArB,IAAA,CAAAS,MAAA;QACmE8B,IAAA,EAAAZ;MACtE,CACE;IACE,IAICT,WAAA,IACC,eAAAlB,IAAC,CAAAQ,KAAA,EAAM;MAEHgC,IAAA;MAGAC,QAAA;MAACpB,QAAM,iBAAAnB,KAAA,CAAAY,KAAA;QAAN4B,SAAA;QACCC,KAAA;QACAC,qBAAU;QACVvB,QAAA,GACA,eAAarB,IAAS,CAAAc,KAAE,CAAA+B,KAAA;UAAAC,OAAA;UAC1BzB,QAAA,iBAAArB,IAAA,CAAAQ,KAAA,CAAAuC,QAAA;QAEJ,IAGF,eAAA/C,IAAA,CAAAc,KAAA,CAAAkC,OAAA;UAASC,eAAA;UAARP,SAAA;UACCQ,UAAa;YACbC,OAAY;UACZ,CAAO;UACPC,SAAQ;YACRD,OAAc,EAAG;UACjB;QACA;MACW;IACT,IACA,eACWjD,KAAA,CAAAW,OAAA,CAAAwC,OAAA;MAAAC,WACP;MAAmBC,WACrB;MAAAC,KACF;MACFC,MAAA;MAEAP,UAAA;QAAAQ,CAAA;QAEAP,OAAA;MACE;MACEC,SAAA;QAEAM,CAAA,GACA;QAAiCP,OACnC;MAAA;MAGEQ,OAAC;MAAAjB,SAAA,UACC,EAAK;QACUS,OAEf;UAAAS,iBACD;QAAA;MAAA,EAGH;MACFvC,QAAA,kBAAArB,IAAA,CAAAa,OAAA,CAAAgD,KAAA;QACFP,WAAA;QACFC,WAAA;MAEJ,I","ignoreList":[]}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@tamagui/demos",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.130.1",
|
|
4
4
|
"sideEffects": [
|
|
5
5
|
"*.css"
|
|
6
6
|
],
|
|
@@ -45,30 +45,30 @@
|
|
|
45
45
|
}
|
|
46
46
|
},
|
|
47
47
|
"dependencies": {
|
|
48
|
-
"@tamagui/avatar": "1.
|
|
49
|
-
"@tamagui/button": "1.
|
|
50
|
-
"@tamagui/config": "1.
|
|
51
|
-
"@tamagui/core": "1.
|
|
52
|
-
"@tamagui/list-item": "1.
|
|
53
|
-
"@tamagui/logo": "1.
|
|
54
|
-
"@tamagui/lucide-icons": "1.
|
|
55
|
-
"@tamagui/menu": "1.
|
|
56
|
-
"@tamagui/popover": "1.
|
|
57
|
-
"@tamagui/progress": "1.
|
|
58
|
-
"@tamagui/radio-group": "1.
|
|
59
|
-
"@tamagui/select": "1.
|
|
60
|
-
"@tamagui/sheet": "1.
|
|
61
|
-
"@tamagui/slider": "1.
|
|
62
|
-
"@tamagui/stacks": "1.
|
|
63
|
-
"@tamagui/tamagui-dev-config": "1.
|
|
64
|
-
"@tamagui/toast": "1.
|
|
65
|
-
"tamagui": "1.
|
|
48
|
+
"@tamagui/avatar": "1.130.1",
|
|
49
|
+
"@tamagui/button": "1.130.1",
|
|
50
|
+
"@tamagui/config": "1.130.1",
|
|
51
|
+
"@tamagui/core": "1.130.1",
|
|
52
|
+
"@tamagui/list-item": "1.130.1",
|
|
53
|
+
"@tamagui/logo": "1.130.1",
|
|
54
|
+
"@tamagui/lucide-icons": "1.130.1",
|
|
55
|
+
"@tamagui/menu": "1.130.1",
|
|
56
|
+
"@tamagui/popover": "1.130.1",
|
|
57
|
+
"@tamagui/progress": "1.130.1",
|
|
58
|
+
"@tamagui/radio-group": "1.130.1",
|
|
59
|
+
"@tamagui/select": "1.130.1",
|
|
60
|
+
"@tamagui/sheet": "1.130.1",
|
|
61
|
+
"@tamagui/slider": "1.130.1",
|
|
62
|
+
"@tamagui/stacks": "1.130.1",
|
|
63
|
+
"@tamagui/tamagui-dev-config": "1.130.1",
|
|
64
|
+
"@tamagui/toast": "1.130.1",
|
|
65
|
+
"tamagui": "1.130.1"
|
|
66
66
|
},
|
|
67
67
|
"peerDependencies": {
|
|
68
68
|
"react": "*"
|
|
69
69
|
},
|
|
70
70
|
"devDependencies": {
|
|
71
|
-
"@tamagui/build": "1.
|
|
71
|
+
"@tamagui/build": "1.130.1",
|
|
72
72
|
"react": "*"
|
|
73
73
|
},
|
|
74
74
|
"publishConfig": {
|
package/src/PopoverDemo.tsx
CHANGED
|
@@ -1,7 +1,17 @@
|
|
|
1
1
|
import { ChevronDown, ChevronLeft, ChevronRight, ChevronUp } from '@tamagui/lucide-icons'
|
|
2
2
|
import { useState } from 'react'
|
|
3
3
|
import type { PopoverProps } from 'tamagui'
|
|
4
|
-
import {
|
|
4
|
+
import {
|
|
5
|
+
Adapt,
|
|
6
|
+
Button,
|
|
7
|
+
Input,
|
|
8
|
+
isWeb,
|
|
9
|
+
Label,
|
|
10
|
+
Popover,
|
|
11
|
+
Sheet,
|
|
12
|
+
XStack,
|
|
13
|
+
YStack,
|
|
14
|
+
} from 'tamagui'
|
|
5
15
|
|
|
6
16
|
export function PopoverDemo() {
|
|
7
17
|
const [shouldAdapt, setShouldAdapt] = useState(true)
|
|
@@ -58,17 +68,17 @@ export function Demo({
|
|
|
58
68
|
|
|
59
69
|
{shouldAdapt && (
|
|
60
70
|
<Adapt when="maxMd" platform="touch">
|
|
61
|
-
<
|
|
62
|
-
<
|
|
71
|
+
<Sheet animation="medium" modal dismissOnSnapToBottom>
|
|
72
|
+
<Sheet.Frame padding="$4">
|
|
63
73
|
<Adapt.Contents />
|
|
64
|
-
</
|
|
65
|
-
<
|
|
74
|
+
</Sheet.Frame>
|
|
75
|
+
<Sheet.Overlay
|
|
66
76
|
backgroundColor="$shadowColor"
|
|
67
77
|
animation="lazy"
|
|
68
78
|
enterStyle={{ opacity: 0 }}
|
|
69
79
|
exitStyle={{ opacity: 0 }}
|
|
70
80
|
/>
|
|
71
|
-
</
|
|
81
|
+
</Sheet>
|
|
72
82
|
</Adapt>
|
|
73
83
|
)}
|
|
74
84
|
|