@tamagui/demos 1.123.1 → 1.123.3
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/AnimationsDemo.cjs +2 -2
- package/dist/cjs/AnimationsDemo.js +2 -2
- package/dist/cjs/AnimationsDemo.js.map +1 -1
- package/dist/cjs/AnimationsDemo.native.js +2 -2
- package/dist/cjs/AnimationsDemo.native.js.map +1 -1
- package/dist/cjs/AnimationsEnterDemo.cjs +2 -2
- package/dist/cjs/AnimationsEnterDemo.js +2 -2
- package/dist/cjs/AnimationsEnterDemo.js.map +1 -1
- package/dist/cjs/AnimationsEnterDemo.native.js +2 -2
- package/dist/cjs/AnimationsEnterDemo.native.js.map +1 -1
- package/dist/cjs/AnimationsHoverDemo.cjs +2 -2
- package/dist/cjs/AnimationsHoverDemo.js +2 -2
- package/dist/cjs/AnimationsHoverDemo.js.map +1 -1
- package/dist/cjs/AnimationsHoverDemo.native.js +2 -2
- package/dist/cjs/AnimationsHoverDemo.native.js.map +1 -1
- package/dist/cjs/AnimationsTimingDemo.cjs +2 -2
- package/dist/cjs/AnimationsTimingDemo.js +2 -2
- package/dist/cjs/AnimationsTimingDemo.js.map +1 -1
- package/dist/cjs/AnimationsTimingDemo.native.js +2 -2
- package/dist/cjs/AnimationsTimingDemo.native.js.map +1 -1
- package/dist/cjs/PopoverDemo.cjs +2 -0
- package/dist/cjs/PopoverDemo.js +2 -1
- package/dist/cjs/PopoverDemo.js.map +1 -1
- package/dist/cjs/PopoverDemo.native.js +2 -0
- package/dist/cjs/PopoverDemo.native.js.map +2 -2
- package/dist/esm/AnimationsDemo.js +1 -1
- package/dist/esm/AnimationsDemo.mjs +1 -1
- package/dist/esm/AnimationsDemo.native.js +1 -1
- package/dist/esm/AnimationsEnterDemo.js +1 -1
- package/dist/esm/AnimationsEnterDemo.mjs +1 -1
- package/dist/esm/AnimationsEnterDemo.native.js +1 -1
- package/dist/esm/AnimationsHoverDemo.js +1 -1
- package/dist/esm/AnimationsHoverDemo.mjs +1 -1
- package/dist/esm/AnimationsHoverDemo.native.js +1 -1
- package/dist/esm/AnimationsTimingDemo.js +1 -1
- package/dist/esm/AnimationsTimingDemo.mjs +1 -1
- package/dist/esm/AnimationsTimingDemo.native.js +1 -1
- package/dist/esm/PopoverDemo.js +2 -1
- package/dist/esm/PopoverDemo.js.map +1 -1
- package/dist/esm/PopoverDemo.mjs +2 -0
- package/dist/esm/PopoverDemo.mjs.map +1 -1
- package/dist/esm/PopoverDemo.native.js +2 -0
- package/dist/esm/PopoverDemo.native.js.map +2 -2
- package/package.json +19 -19
- package/src/AnimationsDemo.tsx +1 -1
- package/src/AnimationsEnterDemo.tsx +1 -1
- package/src/AnimationsHoverDemo.tsx +1 -1
- package/src/AnimationsTimingDemo.tsx +1 -1
- package/src/PopoverDemo.tsx +2 -1
|
@@ -24,7 +24,7 @@ __export(AnimationsDemo_exports, {
|
|
|
24
24
|
positions: () => positions
|
|
25
25
|
});
|
|
26
26
|
module.exports = __toCommonJS(AnimationsDemo_exports);
|
|
27
|
-
var
|
|
27
|
+
var import_icon = require("@tamagui/logo/icon"),
|
|
28
28
|
import_lucide_icons = require("@tamagui/lucide-icons"),
|
|
29
29
|
import_tamagui = require("tamagui"),
|
|
30
30
|
import_jsx_runtime = require("react/jsx-runtime");
|
|
@@ -55,7 +55,7 @@ function AnimationsDemo(props) {
|
|
|
55
55
|
scale: 0.9
|
|
56
56
|
},
|
|
57
57
|
...position,
|
|
58
|
-
children: props.children || /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
58
|
+
children: props.children || /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_icon.LogoIcon, {
|
|
59
59
|
downscale: 0.75
|
|
60
60
|
})
|
|
61
61
|
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Button, {
|
|
@@ -18,7 +18,7 @@ __export(AnimationsDemo_exports, {
|
|
|
18
18
|
positions: () => positions
|
|
19
19
|
});
|
|
20
20
|
module.exports = __toCommonJS(AnimationsDemo_exports);
|
|
21
|
-
var
|
|
21
|
+
var import_icon = require("@tamagui/logo/icon"), import_lucide_icons = require("@tamagui/lucide-icons"), import_tamagui = require("tamagui"), import_jsx_runtime = require("react/jsx-runtime");
|
|
22
22
|
function AnimationsDemo(props) {
|
|
23
23
|
const [positionI, setPositionI] = (0, import_tamagui.useControllableState)({
|
|
24
24
|
strategy: "most-recent-wins",
|
|
@@ -46,7 +46,7 @@ function AnimationsDemo(props) {
|
|
|
46
46
|
scale: 0.9
|
|
47
47
|
},
|
|
48
48
|
...position,
|
|
49
|
-
children: props.children || /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
49
|
+
children: props.children || /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icon.LogoIcon, { downscale: 0.75 })
|
|
50
50
|
}
|
|
51
51
|
),
|
|
52
52
|
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/AnimationsDemo.tsx"],
|
|
4
|
-
"mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAAyB,
|
|
4
|
+
"mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAAyB,+BACzB,sBAAqB,kCACrB,iBAA+D,oBAgB3D;AAdG,SAAS,eAAe,OAAO;AACpC,QAAM,CAAC,WAAW,YAAY,QAAI,qCAAqB;AAAA,IACrD,UAAU;AAAA,IACV,MAAM,MAAM;AAAA,IACZ,aAAa;AAAA,EACf,CAAC,GACK,WAAW,UAAU,SAAS,GAC9B,cAAU,yBAAS,MAAM;AAC7B,iBAAa,CAAC,OACJ,IAAI,KAAK,UAAU,MAC5B;AAAA,EACH,CAAC;AAED,SACE,4EACE;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,WAAY,MAAM,aAAa;AAAA,QAC/B,aAAa,CAAC,WAAW;AAAA,QACzB;AAAA,QACA,MAAM;AAAA,QACN,aAAY;AAAA,QACZ,aAAa;AAAA,QACb,cAAa;AAAA,QACb,iBAAgB;AAAA,QAChB,YAAY;AAAA,UACV,OAAO;AAAA,QACT;AAAA,QACA,YAAY;AAAA,UACV,OAAO;AAAA,QACT;AAAA,QACC,GAAG;AAAA,QAEH,gBAAM,YAAY,4CAAC,wBAAS,WAAW,MAAM;AAAA;AAAA,IAChD;AAAA,IAEA;AAAA,MAAC;AAAA;AAAA,QACC,UAAS;AAAA,QACT,QAAQ;AAAA,QACR,MAAM;AAAA,QACN,MAAM;AAAA,QACN,OAAO,MAAM;AAAA,QACb,MAAK;AAAA,QACL,UAAQ;AAAA,QACR;AAAA;AAAA,IACF;AAAA,KACF;AAEJ;AAEO,MAAM,YAAY;AAAA,EACvB;AAAA,IACE,GAAG;AAAA,IACH,GAAG;AAAA,IACH,OAAO;AAAA,IACP,QAAQ;AAAA,EACV;AAAA,EACA;AAAA,IACE,GAAG;AAAA,IACH,GAAG;AAAA,IACH,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,YAAY;AAAA,MACV,OAAO;AAAA,IACT;AAAA,IACA,YAAY;AAAA,MACV,OAAO;AAAA,IACT;AAAA,EACF;AAAA,EACA;AAAA,IACE,GAAG;AAAA,IACH,GAAG;AAAA,IACH,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,YAAY;AAAA,MACV,OAAO;AAAA,IACT;AAAA,IACA,YAAY;AAAA,MACV,OAAO;AAAA,IACT;AAAA,EACF;AACF;",
|
|
5
5
|
"names": []
|
|
6
6
|
}
|
|
@@ -19,7 +19,7 @@ __export(AnimationsDemo_exports, {
|
|
|
19
19
|
positions: () => positions
|
|
20
20
|
});
|
|
21
21
|
module.exports = __toCommonJS(AnimationsDemo_exports);
|
|
22
|
-
var import_jsx_runtime = require("react/jsx-runtime"),
|
|
22
|
+
var import_jsx_runtime = require("react/jsx-runtime"), import_icon = require("@tamagui/logo/icon"), import_lucide_icons = require("@tamagui/lucide-icons"), import_tamagui = require("tamagui");
|
|
23
23
|
function AnimationsDemo(props) {
|
|
24
24
|
var [positionI, setPositionI] = (0, import_tamagui.useControllableState)({
|
|
25
25
|
strategy: "most-recent-wins",
|
|
@@ -50,7 +50,7 @@ function AnimationsDemo(props) {
|
|
|
50
50
|
scale: 0.9
|
|
51
51
|
},
|
|
52
52
|
...position,
|
|
53
|
-
children: props.children || /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
53
|
+
children: props.children || /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icon.LogoIcon, {
|
|
54
54
|
downscale: 0.75
|
|
55
55
|
})
|
|
56
56
|
}),
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/Users/n8/tamagui/code/demos/src/AnimationsDemo.tsx"],
|
|
4
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;uDAAA,cAAyB,
|
|
4
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;uDAAA,cAAyB,+BACzB,sBAAqB,kCACrB,iBAA+D;AAExD,SAASA,eAAeC,OAAK;AAClC,MAAM,CAACC,WAAWC,YAAAA,QAAgBC,qCAAqB;IACrDC,UAAU;IACVC,MAAML,MAAMM;IACZC,aAAa;EACf,CAAA,GACMD,WAAWE,UAAUP,SAAAA,GACrBQ,cAAUC,yBAAS,WAAA;AACvBR,iBAAa,SAACS,GAAAA;AACZ,cAAQA,IAAI,KAAKH,UAAUI;IAC7B,CAAA;EACF,CAAA;AAEA,SACE,uCAAAC,MAAA,mBAAAC,UAAA;;MACE,uCAAAC,KAACC,uBAAAA;QACCC,WAAYjB,MAAMiB,aAAa;QAC/BC,aAAa;UAAC;;QACdT;QACAU,MAAM;QACNC,aAAY;QACZC,aAAa;QACbC,cAAa;QACbC,iBAAgB;QAChBC,YAAY;UACVC,OAAO;QACT;QACAC,YAAY;UACVD,OAAO;QACT;QACC,GAAGnB;kBAEHN,MAAM2B,YAAY,uCAAAZ,KAACa,sBAAAA;UAASC,WAAW;;;MAG1C,uCAAAd,KAACe,uBAAAA;QACCxB,UAAS;QACTyB,QAAQ;QACRC,MAAM;QACNC,MAAMC;QACNC,OAAOnC,MAAMoC;QACbjB,MAAK;QACLkB,UAAQ;QACR5B;;;;AAIR;AAEO,IAAMD,YAAY;EACvB;IACEG,GAAG;IACH2B,GAAG;IACHb,OAAO;IACPc,QAAQ;EACV;EACA;IACE5B,GAAG;IACH2B,GAAG;IACHb,OAAO;IACPc,QAAQ;IACRf,YAAY;MACVC,OAAO;IACT;IACAC,YAAY;MACVD,OAAO;IACT;EACF;EACA;IACEd,GAAG;IACH2B,GAAG;IACHb,OAAO;IACPc,QAAQ;IACRf,YAAY;MACVC,OAAO;IACT;IACAC,YAAY;MACVD,OAAO;IACT;EACF;;",
|
|
5
5
|
"names": ["AnimationsDemo", "props", "positionI", "setPositionI", "useControllableState", "strategy", "prop", "position", "defaultProp", "positions", "onPress", "useEvent", "x", "length", "_jsxs", "_Fragment", "_jsx", "Square", "animation", "animateOnly", "size", "borderColor", "borderWidth", "borderRadius", "backgroundColor", "hoverStyle", "scale", "pressStyle", "children", "LogoIcon", "downscale", "Button", "bottom", "left", "icon", "Play", "theme", "tint", "circular", "y", "rotate"]
|
|
6
6
|
}
|
|
@@ -35,7 +35,7 @@ __export(AnimationsEnterDemo_exports, {
|
|
|
35
35
|
});
|
|
36
36
|
module.exports = __toCommonJS(AnimationsEnterDemo_exports);
|
|
37
37
|
var import_react = __toESM(require("react")),
|
|
38
|
-
|
|
38
|
+
import_icon = require("@tamagui/logo/icon"),
|
|
39
39
|
import_tamagui = require("tamagui"),
|
|
40
40
|
import_useOnIntersecting = require("./useOnIntersecting.cjs"),
|
|
41
41
|
import_jsx_runtime = require("react/jsx-runtime");
|
|
@@ -61,7 +61,7 @@ function AnimationsEnterDemo(props) {
|
|
|
61
61
|
y: 0,
|
|
62
62
|
backgroundColor: "$pink10",
|
|
63
63
|
borderRadius: "$9",
|
|
64
|
-
children: props.children ?? /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
64
|
+
children: props.children ?? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_icon.LogoIcon, {
|
|
65
65
|
downscale: 0.75
|
|
66
66
|
})
|
|
67
67
|
}, key), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Button, {
|
|
@@ -25,7 +25,7 @@ __export(AnimationsEnterDemo_exports, {
|
|
|
25
25
|
AnimationsEnterDemo: () => AnimationsEnterDemo
|
|
26
26
|
});
|
|
27
27
|
module.exports = __toCommonJS(AnimationsEnterDemo_exports);
|
|
28
|
-
var import_react = __toESM(require("react")),
|
|
28
|
+
var import_react = __toESM(require("react")), import_icon = require("@tamagui/logo/icon"), import_tamagui = require("tamagui"), import_useOnIntersecting = require("./useOnIntersecting"), import_jsx_runtime = require("react/jsx-runtime");
|
|
29
29
|
function AnimationsEnterDemo(props) {
|
|
30
30
|
const ref = import_react.default.useRef(null), [key, setKey] = import_react.default.useState(0);
|
|
31
31
|
return import_tamagui.isWeb && !(0, import_useOnIntersecting.useIsIntersecting)(ref, { once: !0 }) ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YStack, { ref }) : /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
|
|
@@ -45,7 +45,7 @@ function AnimationsEnterDemo(props) {
|
|
|
45
45
|
y: 0,
|
|
46
46
|
backgroundColor: "$pink10",
|
|
47
47
|
borderRadius: "$9",
|
|
48
|
-
children: props.children ?? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
48
|
+
children: props.children ?? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icon.LogoIcon, { downscale: 0.75 })
|
|
49
49
|
},
|
|
50
50
|
key
|
|
51
51
|
),
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/AnimationsEnterDemo.tsx"],
|
|
4
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB,2BAClB,cAAyB,
|
|
4
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB,2BAClB,cAAyB,+BAEzB,iBAA8C,oBAE9C,2BAAkC,gCAUrB;AARN,SAAS,oBAAoB,OAAY;AAC9C,QAAM,MAAM,aAAAA,QAAM,OAAoB,IAAI,GACpC,CAAC,KAAK,MAAM,IAAI,aAAAA,QAAM,SAAS,CAAC;AAEtC,SAAI,wBAGE,KAFmB,4CAAkB,KAAK,EAAE,MAAM,GAAK,CAAC,IAGnD,4CAAC,yBAAO,KAAU,IAK3B,4EACE;AAAA;AAAA,MAAC;AAAA;AAAA,QAEC,YAAY;AAAA,UACV,OAAO;AAAA,UACP,GAAG;AAAA,UACH,SAAS;AAAA,QACX;AAAA,QACA,WAAU;AAAA,QACV,WAAU;AAAA,QACV,MAAM;AAAA,QACN,SAAS;AAAA,QACT,OAAO;AAAA,QACP,GAAG;AAAA,QACH,iBAAgB;AAAA,QAChB,cAAa;AAAA,QAEZ,gBAAM,YAAY,4CAAC,wBAAS,WAAW,MAAM;AAAA;AAAA,MAfzC;AAAA,IAgBP;AAAA,IAEA,4CAAC,yBAAO,MAAK,MAAK,WAAU,MAAK,SAAS,MAAM,OAAO,KAAK,OAAO,CAAC,GAAG,sBAEvE;AAAA,KACF;AAEJ;",
|
|
5
5
|
"names": ["React"]
|
|
6
6
|
}
|
|
@@ -26,7 +26,7 @@ __export(AnimationsEnterDemo_exports, {
|
|
|
26
26
|
AnimationsEnterDemo: () => AnimationsEnterDemo
|
|
27
27
|
});
|
|
28
28
|
module.exports = __toCommonJS(AnimationsEnterDemo_exports);
|
|
29
|
-
var import_jsx_runtime = require("react/jsx-runtime"), import_react = __toESM(require("react")),
|
|
29
|
+
var import_jsx_runtime = require("react/jsx-runtime"), import_react = __toESM(require("react")), import_icon = require("@tamagui/logo/icon"), import_tamagui = require("tamagui"), import_useOnIntersecting = require("./useOnIntersecting");
|
|
30
30
|
function AnimationsEnterDemo(props) {
|
|
31
31
|
var ref = import_react.default.useRef(null), [key, setKey] = import_react.default.useState(0);
|
|
32
32
|
if (import_tamagui.isWeb) {
|
|
@@ -55,7 +55,7 @@ function AnimationsEnterDemo(props) {
|
|
|
55
55
|
y: 0,
|
|
56
56
|
backgroundColor: "$pink10",
|
|
57
57
|
borderRadius: "$9",
|
|
58
|
-
children: (_props_children = props.children) !== null && _props_children !== void 0 ? _props_children : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
58
|
+
children: (_props_children = props.children) !== null && _props_children !== void 0 ? _props_children : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icon.LogoIcon, {
|
|
59
59
|
downscale: 0.75
|
|
60
60
|
})
|
|
61
61
|
}, key),
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/Users/n8/tamagui/code/demos/src/AnimationsEnterDemo.tsx"],
|
|
4
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;uDAAA,eAAkB,2BAClB,cAAyB,
|
|
4
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;uDAAA,eAAkB,2BAClB,cAAyB,+BAEzB,iBAA8C,oBAE9C,2BAAkC;AAE3B,SAASA,oBAAoBC,OAAU;AAC5C,MAAMC,MAAMC,aAAAA,QAAMC,OAAoB,IAAA,GAChC,CAACC,KAAKC,MAAAA,IAAUH,aAAAA,QAAMI,SAAS,CAAA;AAErC,MAAIC,sBAAO;AACT,QAAMC,qBAAiBC,4CAAkBR,KAAK;MAAES,MAAM;IAAK,CAAA;AAE3D,QAAI,CAACF;AACH,aAAO,uCAAAG,KAACC,uBAAAA;QAAOX;;EAEnB;MAoBOD;AAlBP,SACE,uCAAAa,MAAA,mBAAAC,UAAA;;MACE,uCAAAH,KAACI,uBAAAA;QAECC,YAAY;UACVC,OAAO;UACPC,GAAG;UACHC,SAAS;QACX;QACAC,WAAU;QACVC,WAAU;QACVC,MAAM;QACNH,SAAS;QACTF,OAAO;QACPC,GAAG;QACHK,iBAAgB;QAChBC,cAAa;mBAEZxB,kBAAAA,MAAMyB,cAAQ,QAAdzB,oBAAAA,SAAAA,kBAAkB,uCAAAW,KAACe,sBAAAA;UAASC,WAAW;;SAfnCvB,GAAAA;MAkBP,uCAAAO,KAACiB,uBAAAA;QAAON,MAAK;QAAKO,WAAU;QAAKC,SAAS,WAAA;iBAAMzB,OAAO0B,KAAKC,OAAM,CAAA;;kBAAK;;;;AAK7E;",
|
|
5
5
|
"names": ["AnimationsEnterDemo", "props", "ref", "React", "useRef", "key", "setKey", "useState", "isWeb", "hasIntersected", "useIsIntersecting", "once", "_jsx", "YStack", "_jsxs", "_Fragment", "Square", "enterStyle", "scale", "y", "opacity", "animation", "elevation", "size", "backgroundColor", "borderRadius", "children", "LogoIcon", "downscale", "Button", "marginTop", "onPress", "Math", "random"]
|
|
6
6
|
}
|
|
@@ -23,7 +23,7 @@ __export(AnimationsHoverDemo_exports, {
|
|
|
23
23
|
AnimationsHoverDemo: () => AnimationsHoverDemo
|
|
24
24
|
});
|
|
25
25
|
module.exports = __toCommonJS(AnimationsHoverDemo_exports);
|
|
26
|
-
var
|
|
26
|
+
var import_icon = require("@tamagui/logo/icon"),
|
|
27
27
|
import_tamagui = require("tamagui"),
|
|
28
28
|
import_jsx_runtime = require("react/jsx-runtime");
|
|
29
29
|
function AnimationsHoverDemo() {
|
|
@@ -40,7 +40,7 @@ function AnimationsHoverDemo() {
|
|
|
40
40
|
pressStyle: {
|
|
41
41
|
scale: 0.9
|
|
42
42
|
},
|
|
43
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
43
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_icon.LogoIcon, {
|
|
44
44
|
downscale: 0.75
|
|
45
45
|
})
|
|
46
46
|
});
|
|
@@ -17,7 +17,7 @@ __export(AnimationsHoverDemo_exports, {
|
|
|
17
17
|
AnimationsHoverDemo: () => AnimationsHoverDemo
|
|
18
18
|
});
|
|
19
19
|
module.exports = __toCommonJS(AnimationsHoverDemo_exports);
|
|
20
|
-
var
|
|
20
|
+
var import_icon = require("@tamagui/logo/icon"), import_tamagui = require("tamagui"), import_jsx_runtime = require("react/jsx-runtime");
|
|
21
21
|
function AnimationsHoverDemo() {
|
|
22
22
|
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
23
23
|
import_tamagui.Square,
|
|
@@ -34,7 +34,7 @@ function AnimationsHoverDemo() {
|
|
|
34
34
|
pressStyle: {
|
|
35
35
|
scale: 0.9
|
|
36
36
|
},
|
|
37
|
-
children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
37
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icon.LogoIcon, { downscale: 0.75 })
|
|
38
38
|
}
|
|
39
39
|
);
|
|
40
40
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/AnimationsHoverDemo.tsx"],
|
|
4
|
-
"mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAAyB,
|
|
4
|
+
"mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAAyB,+BACzB,iBAAuB,oBAkBjB;AAhBC,SAAS,sBAAsB;AACpC,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAY;AAAA,MACZ,WAAU;AAAA,MACV,WAAU;AAAA,MACV,iBAAgB;AAAA,MAChB,MAAM;AAAA,MACN,cAAa;AAAA,MACb,YAAY;AAAA,QACV,OAAO;AAAA,MACT;AAAA,MACA,YAAY;AAAA,QACV,OAAO;AAAA,MACT;AAAA,MAEA,sDAAC,wBAAS,WAAW,MAAM;AAAA;AAAA,EAC7B;AAEJ;",
|
|
5
5
|
"names": []
|
|
6
6
|
}
|
|
@@ -18,7 +18,7 @@ __export(AnimationsHoverDemo_exports, {
|
|
|
18
18
|
AnimationsHoverDemo: () => AnimationsHoverDemo
|
|
19
19
|
});
|
|
20
20
|
module.exports = __toCommonJS(AnimationsHoverDemo_exports);
|
|
21
|
-
var import_jsx_runtime = require("react/jsx-runtime"),
|
|
21
|
+
var import_jsx_runtime = require("react/jsx-runtime"), import_icon = require("@tamagui/logo/icon"), import_tamagui = require("tamagui");
|
|
22
22
|
function AnimationsHoverDemo() {
|
|
23
23
|
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Square, {
|
|
24
24
|
borderColor: "$borderColor",
|
|
@@ -33,7 +33,7 @@ function AnimationsHoverDemo() {
|
|
|
33
33
|
pressStyle: {
|
|
34
34
|
scale: 0.9
|
|
35
35
|
},
|
|
36
|
-
children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
36
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icon.LogoIcon, {
|
|
37
37
|
downscale: 0.75
|
|
38
38
|
})
|
|
39
39
|
});
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/Users/n8/tamagui/code/demos/src/AnimationsHoverDemo.tsx"],
|
|
4
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;uDAAA,cAAyB,
|
|
4
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;uDAAA,cAAyB,+BACzB,iBAAuB;AAEhB,SAASA,sBAAAA;AACd,SACE,uCAAAC,KAACC,uBAAAA;IACCC,aAAY;IACZC,WAAU;IACVC,WAAU;IACVC,iBAAgB;IAChBC,MAAM;IACNC,cAAa;IACbC,YAAY;MACVC,OAAO;IACT;IACAC,YAAY;MACVD,OAAO;IACT;cAEA,uCAAAT,KAACW,sBAAAA;MAASC,WAAW;;;AAG3B;",
|
|
5
5
|
"names": ["AnimationsHoverDemo", "_jsx", "Square", "borderColor", "animation", "elevation", "backgroundColor", "size", "borderRadius", "hoverStyle", "scale", "pressStyle", "LogoIcon", "downscale"]
|
|
6
6
|
}
|
|
@@ -23,7 +23,7 @@ __export(AnimationsTimingDemo_exports, {
|
|
|
23
23
|
AnimationsTimingDemo: () => AnimationsTimingDemo
|
|
24
24
|
});
|
|
25
25
|
module.exports = __toCommonJS(AnimationsTimingDemo_exports);
|
|
26
|
-
var
|
|
26
|
+
var import_icon = require("@tamagui/logo/icon"),
|
|
27
27
|
import_tamagui = require("tamagui"),
|
|
28
28
|
import_jsx_runtime = require("react/jsx-runtime");
|
|
29
29
|
function AnimationsTimingDemo() {
|
|
@@ -39,7 +39,7 @@ function AnimationsTimingDemo() {
|
|
|
39
39
|
pressStyle: {
|
|
40
40
|
scale: 0.9
|
|
41
41
|
},
|
|
42
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
42
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_icon.LogoIcon, {
|
|
43
43
|
downscale: 0.75
|
|
44
44
|
})
|
|
45
45
|
});
|
|
@@ -17,7 +17,7 @@ __export(AnimationsTimingDemo_exports, {
|
|
|
17
17
|
AnimationsTimingDemo: () => AnimationsTimingDemo
|
|
18
18
|
});
|
|
19
19
|
module.exports = __toCommonJS(AnimationsTimingDemo_exports);
|
|
20
|
-
var
|
|
20
|
+
var import_icon = require("@tamagui/logo/icon"), import_tamagui = require("tamagui"), import_jsx_runtime = require("react/jsx-runtime");
|
|
21
21
|
function AnimationsTimingDemo() {
|
|
22
22
|
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
23
23
|
import_tamagui.Square,
|
|
@@ -33,7 +33,7 @@ function AnimationsTimingDemo() {
|
|
|
33
33
|
pressStyle: {
|
|
34
34
|
scale: 0.9
|
|
35
35
|
},
|
|
36
|
-
children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
36
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icon.LogoIcon, { downscale: 0.75 })
|
|
37
37
|
}
|
|
38
38
|
);
|
|
39
39
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/AnimationsTimingDemo.tsx"],
|
|
4
|
-
"mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAAyB,
|
|
4
|
+
"mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAAyB,+BACzB,iBAAuB,oBAiBjB;AAfC,SAAS,uBAAuB;AACrC,SACE;AAAA,IAAC;AAAA;AAAA,MACC,iBAAgB;AAAA,MAChB,WAAU;AAAA,MACV,WAAU;AAAA,MACV,MAAM;AAAA,MACN,cAAa;AAAA,MACb,YAAY;AAAA,QACV,OAAO;AAAA,MACT;AAAA,MACA,YAAY;AAAA,QACV,OAAO;AAAA,MACT;AAAA,MAEA,sDAAC,wBAAS,WAAW,MAAM;AAAA;AAAA,EAC7B;AAEJ;",
|
|
5
5
|
"names": []
|
|
6
6
|
}
|
|
@@ -18,7 +18,7 @@ __export(AnimationsTimingDemo_exports, {
|
|
|
18
18
|
AnimationsTimingDemo: () => AnimationsTimingDemo
|
|
19
19
|
});
|
|
20
20
|
module.exports = __toCommonJS(AnimationsTimingDemo_exports);
|
|
21
|
-
var import_jsx_runtime = require("react/jsx-runtime"),
|
|
21
|
+
var import_jsx_runtime = require("react/jsx-runtime"), import_icon = require("@tamagui/logo/icon"), import_tamagui = require("tamagui");
|
|
22
22
|
function AnimationsTimingDemo() {
|
|
23
23
|
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Square, {
|
|
24
24
|
backgroundColor: "$pink10",
|
|
@@ -32,7 +32,7 @@ function AnimationsTimingDemo() {
|
|
|
32
32
|
pressStyle: {
|
|
33
33
|
scale: 0.9
|
|
34
34
|
},
|
|
35
|
-
children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
35
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icon.LogoIcon, {
|
|
36
36
|
downscale: 0.75
|
|
37
37
|
})
|
|
38
38
|
});
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/Users/n8/tamagui/code/demos/src/AnimationsTimingDemo.tsx"],
|
|
4
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;uDAAA,cAAyB,
|
|
4
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;uDAAA,cAAyB,+BACzB,iBAAuB;AAEhB,SAASA,uBAAAA;AACd,SACE,uCAAAC,KAACC,uBAAAA;IACCC,iBAAgB;IAChBC,WAAU;IACVC,WAAU;IACVC,MAAM;IACNC,cAAa;IACbC,YAAY;MACVC,OAAO;IACT;IACAC,YAAY;MACVD,OAAO;IACT;cAEA,uCAAAR,KAACU,sBAAAA;MAASC,WAAW;;;AAG3B;",
|
|
5
5
|
"names": ["AnimationsTimingDemo", "_jsx", "Square", "backgroundColor", "animation", "elevation", "size", "borderRadius", "hoverStyle", "scale", "pressStyle", "LogoIcon", "downscale"]
|
|
6
6
|
}
|
package/dist/cjs/PopoverDemo.cjs
CHANGED
|
@@ -83,12 +83,14 @@ function Demo({
|
|
|
83
83
|
when: "sm",
|
|
84
84
|
platform: "touch",
|
|
85
85
|
children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.Popover.Sheet, {
|
|
86
|
+
animation: "medium",
|
|
86
87
|
modal: !0,
|
|
87
88
|
dismissOnSnapToBottom: !0,
|
|
88
89
|
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Popover.Sheet.Frame, {
|
|
89
90
|
padding: "$4",
|
|
90
91
|
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Adapt.Contents, {})
|
|
91
92
|
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Popover.Sheet.Overlay, {
|
|
93
|
+
backgroundColor: "$shadowColor",
|
|
92
94
|
animation: "lazy",
|
|
93
95
|
enterStyle: {
|
|
94
96
|
opacity: 0
|
package/dist/cjs/PopoverDemo.js
CHANGED
|
@@ -74,11 +74,12 @@ function Demo({
|
|
|
74
74
|
}) {
|
|
75
75
|
return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Popover, { size: "$5", allowFlip: !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: "sm", platform: "touch", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Popover.Sheet, { modal: !0, dismissOnSnapToBottom: !0, children: [
|
|
77
|
+
shouldAdapt && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Adapt, { when: "sm", platform: "touch", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Popover.Sheet, { animation: "medium", modal: !0, dismissOnSnapToBottom: !0, children: [
|
|
78
78
|
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Popover.Sheet.Frame, { padding: "$4", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Adapt.Contents, {}) }),
|
|
79
79
|
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
80
80
|
import_tamagui.Popover.Sheet.Overlay,
|
|
81
81
|
{
|
|
82
|
+
backgroundColor: "$shadowColor",
|
|
82
83
|
animation: "lazy",
|
|
83
84
|
enterStyle: { opacity: 0 },
|
|
84
85
|
exitStyle: { opacity: 0 }
|
|
@@ -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,iBAA4E,oBAOtE;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,IAAE,GAAG,OAC/B;AAAA,gDAAC,uBAAQ,SAAR,EAAgB,SAAO,IACtB,sDAAC,yBAAO,MAAM,MAAM,GACtB;AAAA,IAEC,eACC,4CAAC,wBAAM,MAAK,MAAK,UAAS,SACxB,uDAAC,uBAAQ,OAAR,EAAc,OAAK,IAAC,uBAAqB,
|
|
4
|
+
"mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,0BAAkE,kCAClE,eAAyB,kBAEzB,iBAA4E,oBAOtE;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,IAAE,GAAG,OAC/B;AAAA,gDAAC,uBAAQ,SAAR,EAAgB,SAAO,IACtB,sDAAC,yBAAO,MAAM,MAAM,GACtB;AAAA,IAEC,eACC,4CAAC,wBAAM,MAAK,MAAK,UAAS,SACxB,uDAAC,uBAAQ,OAAR,EAAc,WAAU,UAAS,OAAK,IAAC,uBAAqB,IAC3D;AAAA,kDAAC,uBAAQ,MAAM,OAAd,EAAoB,SAAQ,MAC3B,sDAAC,qBAAM,UAAN,EAAe,GAClB;AAAA,MACA;AAAA,QAAC,uBAAQ,MAAM;AAAA,QAAd;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,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
|
}
|
|
@@ -86,6 +86,7 @@ function Demo(param) {
|
|
|
86
86
|
when: "sm",
|
|
87
87
|
platform: "touch",
|
|
88
88
|
children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Popover.Sheet, {
|
|
89
|
+
animation: "medium",
|
|
89
90
|
modal: !0,
|
|
90
91
|
dismissOnSnapToBottom: !0,
|
|
91
92
|
children: [
|
|
@@ -94,6 +95,7 @@ function Demo(param) {
|
|
|
94
95
|
children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Adapt.Contents, {})
|
|
95
96
|
}),
|
|
96
97
|
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Popover.Sheet.Overlay, {
|
|
98
|
+
backgroundColor: "$shadowColor",
|
|
97
99
|
animation: "lazy",
|
|
98
100
|
enterStyle: {
|
|
99
101
|
opacity: 0
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/Users/n8/tamagui/code/demos/src/PopoverDemo.tsx"],
|
|
4
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;uDAAA,sBAAkE,kCAClE,eAAyB,kBAEzB,iBAA4E;AAErE,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;IAAE,GAAGH;;MAC/B,uCAAAZ,KAACa,uBAAQG,SAAO;QAACC,SAAO;kBACtB,uCAAAjB,KAACU,uBAAAA;UAAOQ,MAAMf;;;MAGfb,eACC,uCAAAU,KAACmB,sBAAAA;QAAMC,MAAK;QAAKC,UAAS;kBACxB,uCAAA5B,MAACoB,uBAAQS,OAAK;UAACC,OAAK;UAACC,uBAAqB;;
|
|
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", "Trigger", "asChild", "icon", "Adapt", "when", "platform", "Sheet", "modal", "dismissOnSnapToBottom", "Frame", "padding", "Contents", "Overlay", "
|
|
4
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;uDAAA,sBAAkE,kCAClE,eAAyB,kBAEzB,iBAA4E;AAErE,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;IAAE,GAAGH;;MAC/B,uCAAAZ,KAACa,uBAAQG,SAAO;QAACC,SAAO;kBACtB,uCAAAjB,KAACU,uBAAAA;UAAOQ,MAAMf;;;MAGfb,eACC,uCAAAU,KAACmB,sBAAAA;QAAMC,MAAK;QAAKC,UAAS;kBACxB,uCAAA5B,MAACoB,uBAAQS,OAAK;UAACC,WAAU;UAASC,OAAK;UAACC,uBAAqB;;YAC3D,uCAAAzB,KAACa,uBAAQS,MAAMI,OAAK;cAACC,SAAQ;wBAC3B,uCAAA3B,KAACmB,qBAAMS,UAAQ,CAAA,CAAA;;YAEjB,uCAAA5B,KAACa,uBAAQS,MAAMO,SAAO;cACpBC,iBAAgB;cAChBP,WAAU;cACVQ,YAAY;gBAAEC,SAAS;cAAE;cACzBC,WAAW;gBAAED,SAAS;cAAE;;;;;MAMhC,uCAAAvC,MAACoB,uBAAQqB,SAAO;QACdC,aAAa;QACbC,aAAY;QACZL,YAAY;UAAEM,GAAG;UAAKL,SAAS;QAAE;QACjCC,WAAW;UAAEI,GAAG;UAAKL,SAAS;QAAE;QAChCM,SAAO;QACPf,WAAW;UACT;UACA;YACES,SAAS;cACPO,mBAAmB;YACrB;UACF;;;UAGF,uCAAAvC,KAACa,uBAAQ2B,OAAK;YAACL,aAAa;YAAGC,aAAY;;UAE3C,uCAAA3C,MAACC,uBAAAA;YAAOC,KAAI;;cACV,uCAAAF,MAACG,uBAAAA;gBAAOD,KAAI;;kBACV,uCAAAK,KAACyC,sBAAAA;oBAAM3B,MAAK;oBAAK4B,SAASrC;8BAAM;;kBAGhC,uCAAAL,KAAC2C,sBAAAA;oBAAMC,GAAG;oBAAG9B,MAAK;oBAAK+B,IAAIxC;;;;cAG7B,uCAAAL,KAACa,uBAAQiC,OAAK;gBAAC7B,SAAO;0BACpB,uCAAAjB,KAACU,uBAAAA;kBACCI,MAAK;kBACLH,SAAS,WAAA;kBAET;;;oBACD;;;;;;;;;;AAQb;",
|
|
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", "Trigger", "asChild", "icon", "Adapt", "when", "platform", "Sheet", "animation", "modal", "dismissOnSnapToBottom", "Frame", "padding", "Contents", "Overlay", "backgroundColor", "enterStyle", "opacity", "exitStyle", "Content", "borderWidth", "borderColor", "y", "elevate", "overshootClamping", "Arrow", "Label", "htmlFor", "Input", "f", "id", "Close"]
|
|
6
6
|
}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { LogoIcon } from "@tamagui/logo";
|
|
1
|
+
import { LogoIcon } from "@tamagui/logo/icon";
|
|
2
2
|
import { Play } from "@tamagui/lucide-icons";
|
|
3
3
|
import { Button, Square, useControllableState, useEvent } from "tamagui";
|
|
4
4
|
import { Fragment, jsx, jsxs } from "react/jsx-runtime";
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { LogoIcon } from "@tamagui/logo";
|
|
1
|
+
import { LogoIcon } from "@tamagui/logo/icon";
|
|
2
2
|
import { Play } from "@tamagui/lucide-icons";
|
|
3
3
|
import { Button, Square, useControllableState, useEvent } from "tamagui";
|
|
4
4
|
import { Fragment, jsx, jsxs } from "react/jsx-runtime";
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
2
|
-
import { LogoIcon } from "@tamagui/logo";
|
|
2
|
+
import { LogoIcon } from "@tamagui/logo/icon";
|
|
3
3
|
import { Play } from "@tamagui/lucide-icons";
|
|
4
4
|
import { Button, Square, useControllableState, useEvent } from "tamagui";
|
|
5
5
|
function AnimationsDemo(props) {
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React from "react";
|
|
2
|
-
import { LogoIcon } from "@tamagui/logo";
|
|
2
|
+
import { LogoIcon } from "@tamagui/logo/icon";
|
|
3
3
|
import { Button, Square, YStack, isWeb } from "tamagui";
|
|
4
4
|
import { useIsIntersecting } from "./useOnIntersecting";
|
|
5
5
|
import { Fragment, jsx, jsxs } from "react/jsx-runtime";
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React from "react";
|
|
2
|
-
import { LogoIcon } from "@tamagui/logo";
|
|
2
|
+
import { LogoIcon } from "@tamagui/logo/icon";
|
|
3
3
|
import { Button, Square, YStack, isWeb } from "tamagui";
|
|
4
4
|
import { useIsIntersecting } from "./useOnIntersecting.mjs";
|
|
5
5
|
import { Fragment, jsx, jsxs } from "react/jsx-runtime";
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
2
2
|
import React from "react";
|
|
3
|
-
import { LogoIcon } from "@tamagui/logo";
|
|
3
|
+
import { LogoIcon } from "@tamagui/logo/icon";
|
|
4
4
|
import { Button, Square, YStack, isWeb } from "tamagui";
|
|
5
5
|
import { useIsIntersecting } from "./useOnIntersecting";
|
|
6
6
|
function AnimationsEnterDemo(props) {
|
package/dist/esm/PopoverDemo.js
CHANGED
|
@@ -57,11 +57,12 @@ function Demo({
|
|
|
57
57
|
}) {
|
|
58
58
|
return /* @__PURE__ */ jsxs(Popover, { size: "$5", allowFlip: !0, ...props, children: [
|
|
59
59
|
/* @__PURE__ */ jsx(Popover.Trigger, { asChild: !0, children: /* @__PURE__ */ jsx(Button, { icon: Icon }) }),
|
|
60
|
-
shouldAdapt && /* @__PURE__ */ jsx(Adapt, { when: "sm", platform: "touch", children: /* @__PURE__ */ jsxs(Popover.Sheet, { modal: !0, dismissOnSnapToBottom: !0, children: [
|
|
60
|
+
shouldAdapt && /* @__PURE__ */ jsx(Adapt, { when: "sm", platform: "touch", children: /* @__PURE__ */ jsxs(Popover.Sheet, { animation: "medium", modal: !0, dismissOnSnapToBottom: !0, children: [
|
|
61
61
|
/* @__PURE__ */ jsx(Popover.Sheet.Frame, { padding: "$4", children: /* @__PURE__ */ jsx(Adapt.Contents, {}) }),
|
|
62
62
|
/* @__PURE__ */ jsx(
|
|
63
63
|
Popover.Sheet.Overlay,
|
|
64
64
|
{
|
|
65
|
+
backgroundColor: "$shadowColor",
|
|
65
66
|
animation: "lazy",
|
|
66
67
|
enterStyle: { opacity: 0 },
|
|
67
68
|
exitStyle: { opacity: 0 }
|
|
@@ -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,SAAS,OAAO,QAAQ,OAAO,OAAO,OAAO,SAAS,QAAQ,cAAc;AAOtE,SACE,KADF;AALC,SAAS,cAAc;AAC5B,QAAM,CAAC,aAAa,cAAc,IAAI,SAAS,EAAI;AAEnD,SACE,qBAAC,UAAO,KAAI,MACV;AAAA,yBAAC,UAAO,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,SACA,qBAAC,UAAO,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,qBAAC,WAAQ,MAAK,MAAK,WAAS,IAAE,GAAG,OAC/B;AAAA,wBAAC,QAAQ,SAAR,EAAgB,SAAO,IACtB,8BAAC,UAAO,MAAM,MAAM,GACtB;AAAA,IAEC,eACC,oBAAC,SAAM,MAAK,MAAK,UAAS,SACxB,+BAAC,QAAQ,OAAR,EAAc,OAAK,IAAC,uBAAqB,
|
|
4
|
+
"mappings": "AAAA,SAAS,aAAa,aAAa,cAAc,iBAAiB;AAClE,SAAS,gBAAgB;AAEzB,SAAS,OAAO,QAAQ,OAAO,OAAO,OAAO,SAAS,QAAQ,cAAc;AAOtE,SACE,KADF;AALC,SAAS,cAAc;AAC5B,QAAM,CAAC,aAAa,cAAc,IAAI,SAAS,EAAI;AAEnD,SACE,qBAAC,UAAO,KAAI,MACV;AAAA,yBAAC,UAAO,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,SACA,qBAAC,UAAO,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,qBAAC,WAAQ,MAAK,MAAK,WAAS,IAAE,GAAG,OAC/B;AAAA,wBAAC,QAAQ,SAAR,EAAgB,SAAO,IACtB,8BAAC,UAAO,MAAM,MAAM,GACtB;AAAA,IAEC,eACC,oBAAC,SAAM,MAAK,MAAK,UAAS,SACxB,+BAAC,QAAQ,OAAR,EAAc,WAAU,UAAS,OAAK,IAAC,uBAAqB,IAC3D;AAAA,0BAAC,QAAQ,MAAM,OAAd,EAAoB,SAAQ,MAC3B,8BAAC,MAAM,UAAN,EAAe,GAClB;AAAA,MACA;AAAA,QAAC,QAAQ,MAAM;AAAA,QAAd;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,QAAQ;AAAA,MAAR;AAAA,QACC,aAAa;AAAA,QACb,aAAY;AAAA,QACZ,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,8BAAC,QAAQ,OAAR,EAAc,aAAa,GAAG,aAAY,gBAAe;AAAA,UAE1D,qBAAC,UAAO,KAAI,MACV;AAAA,iCAAC,UAAO,KAAI,MACV;AAAA,kCAAC,SAAM,MAAK,MAAK,SAAS,MAAM,kBAEhC;AAAA,cACA,oBAAC,SAAM,GAAG,GAAG,MAAK,MAAK,IAAI,MAAM;AAAA,eACnC;AAAA,YAEA,oBAAC,QAAQ,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
|
}
|
package/dist/esm/PopoverDemo.mjs
CHANGED
|
@@ -57,12 +57,14 @@ function Demo({
|
|
|
57
57
|
when: "sm",
|
|
58
58
|
platform: "touch",
|
|
59
59
|
children: /* @__PURE__ */jsxs(Popover.Sheet, {
|
|
60
|
+
animation: "medium",
|
|
60
61
|
modal: !0,
|
|
61
62
|
dismissOnSnapToBottom: !0,
|
|
62
63
|
children: [/* @__PURE__ */jsx(Popover.Sheet.Frame, {
|
|
63
64
|
padding: "$4",
|
|
64
65
|
children: /* @__PURE__ */jsx(Adapt.Contents, {})
|
|
65
66
|
}), /* @__PURE__ */jsx(Popover.Sheet.Overlay, {
|
|
67
|
+
backgroundColor: "$shadowColor",
|
|
66
68
|
animation: "lazy",
|
|
67
69
|
enterStyle: {
|
|
68
70
|
opacity: 0
|
|
@@ -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","Trigger","asChild","icon","when","platform","Sheet","modal","dismissOnSnapToBottom","Frame","padding","Contents","Overlay","
|
|
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","Trigger","asChild","icon","when","platform","Sheet","animation","modal","dismissOnSnapToBottom","Frame","padding","Contents","Overlay","backgroundColor","enterStyle","opacity","exitStyle","Content","borderWidth","borderColor","y","elevate","overshootClamping","Arrow","htmlFor","f","id","Close"],"sources":["../../src/PopoverDemo.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
|
|
@@ -68,6 +68,7 @@ function Demo(param) {
|
|
|
68
68
|
when: "sm",
|
|
69
69
|
platform: "touch",
|
|
70
70
|
children: /* @__PURE__ */ _jsxs(Popover.Sheet, {
|
|
71
|
+
animation: "medium",
|
|
71
72
|
modal: !0,
|
|
72
73
|
dismissOnSnapToBottom: !0,
|
|
73
74
|
children: [
|
|
@@ -76,6 +77,7 @@ function Demo(param) {
|
|
|
76
77
|
children: /* @__PURE__ */ _jsx(Adapt.Contents, {})
|
|
77
78
|
}),
|
|
78
79
|
/* @__PURE__ */ _jsx(Popover.Sheet.Overlay, {
|
|
80
|
+
backgroundColor: "$shadowColor",
|
|
79
81
|
animation: "lazy",
|
|
80
82
|
enterStyle: {
|
|
81
83
|
opacity: 0
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/Users/n8/tamagui/code/demos/src/PopoverDemo.tsx"],
|
|
4
|
-
"mappings": ";AAAA,SAASA,aAAaC,aAAaC,cAAcC,iBAAiB;AAClE,SAASC,gBAAgB;AAEzB,SAASC,OAAOC,QAAQC,OAAOC,OAAOC,OAAOC,SAASC,QAAQC,cAAc;AAErE,SAASC,cAAAA;AACd,MAAM,CAACC,aAAaC,cAAAA,IAAkBX,SAAS,EAAA;AAE/C,SACE,sBAACQ,QAAAA;IAAOI,KAAI;;MACV,sBAACL,QAAAA;QAAOK,KAAI;QAAKC,MAAM;QAAGC,gBAAe;QAASC,YAAW;;UAC3D,qBAACC,MAAAA;YACCN;YACAO,WAAU;YACVC,MAAMrB;YACNsB,MAAK;;UAEP,qBAACH,MAAAA;YACCN;YACAO,WAAU;YACVC,MAAMtB;YACNuB,MAAK;;UAEP,qBAACH,MAAAA;YACCN;YACAO,WAAU;YACVC,MAAMnB;YACNoB,MAAK;;UAEP,qBAACH,MAAAA;YACCN;YACAO,WAAU;YACVC,MAAMpB;YACNqB,MAAK;;;;MAIR,CAACf,SACA,sBAACF,QAAAA;QAAOkB,SAAS,WAAA;iBAAMT,eAAe,CAACD,WAAAA;;;UAAc;UAClC,GAAGA,WAAAA;;;;;AAK9B;AAEO,SAASM,KAAK,OAKiD;MALjD,EACnBE,MACAC,MACAT,aACA,GAAGW,MAAAA,IAJgB;AAMnB,SACE,sBAACf,SAAAA;IAAQgB,MAAK;IAAKC,WAAS;IAAE,GAAGF;;MAC/B,qBAACf,QAAQkB,SAAO;QAACC,SAAO;kBACtB,qBAACvB,QAAAA;UAAOwB,MAAMR;;;MAGfR,eACC,qBAACT,OAAAA;QAAM0B,MAAK;QAAKC,UAAS;kBACxB,sBAACtB,QAAQuB,OAAK;UAACC,OAAK;UAACC,uBAAqB;;
|
|
5
|
-
"names": ["ChevronDown", "ChevronLeft", "ChevronRight", "ChevronUp", "useState", "Adapt", "Button", "Input", "isWeb", "Label", "Popover", "XStack", "YStack", "PopoverDemo", "shouldAdapt", "setShouldAdapt", "gap", "flex", "justifyContent", "alignItems", "Demo", "placement", "Icon", "Name", "onPress", "props", "size", "allowFlip", "Trigger", "asChild", "icon", "when", "platform", "Sheet", "modal", "dismissOnSnapToBottom", "Frame", "padding", "Contents", "Overlay", "
|
|
4
|
+
"mappings": ";AAAA,SAASA,aAAaC,aAAaC,cAAcC,iBAAiB;AAClE,SAASC,gBAAgB;AAEzB,SAASC,OAAOC,QAAQC,OAAOC,OAAOC,OAAOC,SAASC,QAAQC,cAAc;AAErE,SAASC,cAAAA;AACd,MAAM,CAACC,aAAaC,cAAAA,IAAkBX,SAAS,EAAA;AAE/C,SACE,sBAACQ,QAAAA;IAAOI,KAAI;;MACV,sBAACL,QAAAA;QAAOK,KAAI;QAAKC,MAAM;QAAGC,gBAAe;QAASC,YAAW;;UAC3D,qBAACC,MAAAA;YACCN;YACAO,WAAU;YACVC,MAAMrB;YACNsB,MAAK;;UAEP,qBAACH,MAAAA;YACCN;YACAO,WAAU;YACVC,MAAMtB;YACNuB,MAAK;;UAEP,qBAACH,MAAAA;YACCN;YACAO,WAAU;YACVC,MAAMnB;YACNoB,MAAK;;UAEP,qBAACH,MAAAA;YACCN;YACAO,WAAU;YACVC,MAAMpB;YACNqB,MAAK;;;;MAIR,CAACf,SACA,sBAACF,QAAAA;QAAOkB,SAAS,WAAA;iBAAMT,eAAe,CAACD,WAAAA;;;UAAc;UAClC,GAAGA,WAAAA;;;;;AAK9B;AAEO,SAASM,KAAK,OAKiD;MALjD,EACnBE,MACAC,MACAT,aACA,GAAGW,MAAAA,IAJgB;AAMnB,SACE,sBAACf,SAAAA;IAAQgB,MAAK;IAAKC,WAAS;IAAE,GAAGF;;MAC/B,qBAACf,QAAQkB,SAAO;QAACC,SAAO;kBACtB,qBAACvB,QAAAA;UAAOwB,MAAMR;;;MAGfR,eACC,qBAACT,OAAAA;QAAM0B,MAAK;QAAKC,UAAS;kBACxB,sBAACtB,QAAQuB,OAAK;UAACC,WAAU;UAASC,OAAK;UAACC,uBAAqB;;YAC3D,qBAAC1B,QAAQuB,MAAMI,OAAK;cAACC,SAAQ;wBAC3B,qBAACjC,MAAMkC,UAAQ,CAAA,CAAA;;YAEjB,qBAAC7B,QAAQuB,MAAMO,SAAO;cACpBC,iBAAgB;cAChBP,WAAU;cACVQ,YAAY;gBAAEC,SAAS;cAAE;cACzBC,WAAW;gBAAED,SAAS;cAAE;;;;;MAMhC,sBAACjC,QAAQmC,SAAO;QACdC,aAAa;QACbC,aAAY;QACZL,YAAY;UAAEM,GAAG;UAAKL,SAAS;QAAE;QACjCC,WAAW;UAAEI,GAAG;UAAKL,SAAS;QAAE;QAChCM,SAAO;QACPf,WAAW;UACT;UACA;YACES,SAAS;cACPO,mBAAmB;YACrB;UACF;;;UAGF,qBAACxC,QAAQyC,OAAK;YAACL,aAAa;YAAGC,aAAY;;UAE3C,sBAACnC,QAAAA;YAAOI,KAAI;;cACV,sBAACL,QAAAA;gBAAOK,KAAI;;kBACV,qBAACP,OAAAA;oBAAMiB,MAAK;oBAAK0B,SAAS7B;8BAAM;;kBAGhC,qBAAChB,OAAAA;oBAAM8C,GAAG;oBAAG3B,MAAK;oBAAK4B,IAAI/B;;;;cAG7B,qBAACb,QAAQ6C,OAAK;gBAAC1B,SAAO;0BACpB,qBAACvB,QAAAA;kBACCoB,MAAK;kBACLF,SAAS,WAAA;kBAET;;;oBACD;;;;;;;;;;AAQb;",
|
|
5
|
+
"names": ["ChevronDown", "ChevronLeft", "ChevronRight", "ChevronUp", "useState", "Adapt", "Button", "Input", "isWeb", "Label", "Popover", "XStack", "YStack", "PopoverDemo", "shouldAdapt", "setShouldAdapt", "gap", "flex", "justifyContent", "alignItems", "Demo", "placement", "Icon", "Name", "onPress", "props", "size", "allowFlip", "Trigger", "asChild", "icon", "when", "platform", "Sheet", "animation", "modal", "dismissOnSnapToBottom", "Frame", "padding", "Contents", "Overlay", "backgroundColor", "enterStyle", "opacity", "exitStyle", "Content", "borderWidth", "borderColor", "y", "elevate", "overshootClamping", "Arrow", "htmlFor", "f", "id", "Close"]
|
|
6
6
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@tamagui/demos",
|
|
3
|
-
"version": "1.123.
|
|
3
|
+
"version": "1.123.3",
|
|
4
4
|
"sideEffects": [
|
|
5
5
|
"*.css"
|
|
6
6
|
],
|
|
@@ -45,29 +45,29 @@
|
|
|
45
45
|
}
|
|
46
46
|
},
|
|
47
47
|
"dependencies": {
|
|
48
|
-
"@tamagui/avatar": "1.123.
|
|
49
|
-
"@tamagui/button": "1.123.
|
|
50
|
-
"@tamagui/config": "1.123.
|
|
51
|
-
"@tamagui/core": "1.123.
|
|
52
|
-
"@tamagui/list-item": "1.123.
|
|
53
|
-
"@tamagui/logo": "1.123.
|
|
54
|
-
"@tamagui/lucide-icons": "1.123.
|
|
55
|
-
"@tamagui/menu": "1.123.
|
|
56
|
-
"@tamagui/popover": "1.123.
|
|
57
|
-
"@tamagui/progress": "1.123.
|
|
58
|
-
"@tamagui/radio-group": "1.123.
|
|
59
|
-
"@tamagui/select": "1.123.
|
|
60
|
-
"@tamagui/sheet": "1.123.
|
|
61
|
-
"@tamagui/slider": "1.123.
|
|
62
|
-
"@tamagui/stacks": "1.123.
|
|
63
|
-
"@tamagui/toast": "1.123.
|
|
64
|
-
"tamagui": "1.123.
|
|
48
|
+
"@tamagui/avatar": "1.123.3",
|
|
49
|
+
"@tamagui/button": "1.123.3",
|
|
50
|
+
"@tamagui/config": "1.123.3",
|
|
51
|
+
"@tamagui/core": "1.123.3",
|
|
52
|
+
"@tamagui/list-item": "1.123.3",
|
|
53
|
+
"@tamagui/logo": "1.123.3",
|
|
54
|
+
"@tamagui/lucide-icons": "1.123.3",
|
|
55
|
+
"@tamagui/menu": "1.123.3",
|
|
56
|
+
"@tamagui/popover": "1.123.3",
|
|
57
|
+
"@tamagui/progress": "1.123.3",
|
|
58
|
+
"@tamagui/radio-group": "1.123.3",
|
|
59
|
+
"@tamagui/select": "1.123.3",
|
|
60
|
+
"@tamagui/sheet": "1.123.3",
|
|
61
|
+
"@tamagui/slider": "1.123.3",
|
|
62
|
+
"@tamagui/stacks": "1.123.3",
|
|
63
|
+
"@tamagui/toast": "1.123.3",
|
|
64
|
+
"tamagui": "1.123.3"
|
|
65
65
|
},
|
|
66
66
|
"peerDependencies": {
|
|
67
67
|
"react": "*"
|
|
68
68
|
},
|
|
69
69
|
"devDependencies": {
|
|
70
|
-
"@tamagui/build": "1.123.
|
|
70
|
+
"@tamagui/build": "1.123.3",
|
|
71
71
|
"react": "*"
|
|
72
72
|
},
|
|
73
73
|
"publishConfig": {
|
package/src/AnimationsDemo.tsx
CHANGED
package/src/PopoverDemo.tsx
CHANGED
|
@@ -58,11 +58,12 @@ export function Demo({
|
|
|
58
58
|
|
|
59
59
|
{shouldAdapt && (
|
|
60
60
|
<Adapt when="sm" platform="touch">
|
|
61
|
-
<Popover.Sheet modal dismissOnSnapToBottom>
|
|
61
|
+
<Popover.Sheet animation="medium" modal dismissOnSnapToBottom>
|
|
62
62
|
<Popover.Sheet.Frame padding="$4">
|
|
63
63
|
<Adapt.Contents />
|
|
64
64
|
</Popover.Sheet.Frame>
|
|
65
65
|
<Popover.Sheet.Overlay
|
|
66
|
+
backgroundColor="$shadowColor"
|
|
66
67
|
animation="lazy"
|
|
67
68
|
enterStyle={{ opacity: 0 }}
|
|
68
69
|
exitStyle={{ opacity: 0 }}
|