@tamagui/demos 1.125.22 → 1.125.24
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/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/AnimationsEnterDemo.native.js.map +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/package.json +20 -20
- package/src/AnimationsDemo.tsx +1 -1
- package/src/AnimationsEnterDemo.tsx +1 -1
- package/src/AnimationsHoverDemo.tsx +1 -1
- package/src/AnimationsTimingDemo.tsx +1 -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_logo = require("@tamagui/logo"),
|
|
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_logo.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_logo = require("@tamagui/logo"), 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_logo.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,0BACzB,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_logo = require("@tamagui/logo"), 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_logo.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,0BACzB,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_logo = require("@tamagui/logo"),
|
|
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_logo.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_logo = require("@tamagui/logo"), 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_logo.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,0BAEzB,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_logo = require("@tamagui/logo"), 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_logo.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,0BAEzB,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_logo = require("@tamagui/logo"),
|
|
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_logo.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_logo = require("@tamagui/logo"), 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_logo.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,0BACzB,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_logo = require("@tamagui/logo"), 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_logo.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,0BACzB,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_logo = require("@tamagui/logo"),
|
|
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_logo.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_logo = require("@tamagui/logo"), 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_logo.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,0BACzB,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_logo = require("@tamagui/logo"), 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_logo.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,0BACzB,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
|
}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { LogoIcon } from "@tamagui/logo
|
|
1
|
+
import { LogoIcon } from "@tamagui/logo";
|
|
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";
|
|
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";
|
|
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";
|
|
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";
|
|
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";
|
|
4
4
|
import { Button, Square, YStack, isWeb } from "tamagui";
|
|
5
5
|
import { useIsIntersecting } from "./useOnIntersecting.native.js";
|
|
6
6
|
function AnimationsEnterDemo(props) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","React","LogoIcon","Button","Square","YStack","isWeb","useIsIntersecting","AnimationsEnterDemo","props","ref","useRef","key","setKey","useState","hasIntersected","once","_props_children","children","enterStyle","scale","y","opacity","animation","elevation","size"],"sources":["../../src/AnimationsEnterDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAAOA,GAAA,IAAAC,IAAW,EAAAC,IAAA,IAAAC,KAAA,EAAAC,QAAA,IAAAC,SAAA;AAClB,OAAAC,KAAS,aAAgB;AAEzB,SAASC,QAAQ,QAAQ,
|
|
1
|
+
{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","React","LogoIcon","Button","Square","YStack","isWeb","useIsIntersecting","AnimationsEnterDemo","props","ref","useRef","key","setKey","useState","hasIntersected","once","_props_children","children","enterStyle","scale","y","opacity","animation","elevation","size"],"sources":["../../src/AnimationsEnterDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAAOA,GAAA,IAAAC,IAAW,EAAAC,IAAA,IAAAC,KAAA,EAAAC,QAAA,IAAAC,SAAA;AAClB,OAAAC,KAAS,aAAgB;AAEzB,SAASC,QAAQ,QAAQ,eAAQ;AAEjC,SAASC,MAAA,EAAAC,MAAA,EAAAC,MAAA,EAAAC,KAAyB;AAUrB,SAKTC,iBAAA,uCALS;AARN,SAASC,oBAAoBC,KAAA,EAAY;EAC9C,IAAAC,GAAM,GAAAT,KAAM,CAAAU,MAAM,KAAoB;IAAI,CAAAC,GACnC,EAAAC,MAAK,IAAMZ,KAAI,CAAAa,QAAM,GAAS;EAErC,IAAAR,KAAI;IAUA,IAAAS,cAAA,GAAAR,iBAAA,CAAAG,GAAA;MAACM,IAAA;IAAA;IAAA,IAEC,CAAAD,cAAY,SACV,eAAOnB,IAAA,CAAAS,MAAA;MAAAK;IACJ;EACM;EACX,IAAAO,eACU;EAAA,OACV,eAAUnB,KAAA,CAAAE,SAAA;IAAAkB,QACV,EAAM,gBACGtB,IAAA,CAAAQ,MAAA;MACTe,UAAO;QACPC,KAAG;QACHC,CAAA;QACAC,OAAA;MAEC;MAA6CC,SAAA;MAfzCC,SAAA;MAgBPC,IAAA;MAEAH,OAAA;MAGFF,KAAA;MAEJC,CAAA","ignoreList":[]}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@tamagui/demos",
|
|
3
|
-
"version": "1.125.
|
|
3
|
+
"version": "1.125.24",
|
|
4
4
|
"sideEffects": [
|
|
5
5
|
"*.css"
|
|
6
6
|
],
|
|
@@ -45,30 +45,30 @@
|
|
|
45
45
|
}
|
|
46
46
|
},
|
|
47
47
|
"dependencies": {
|
|
48
|
-
"@tamagui/avatar": "1.125.
|
|
49
|
-
"@tamagui/button": "1.125.
|
|
50
|
-
"@tamagui/config": "1.125.
|
|
51
|
-
"@tamagui/core": "1.125.
|
|
52
|
-
"@tamagui/list-item": "1.125.
|
|
53
|
-
"@tamagui/logo": "1.125.
|
|
54
|
-
"@tamagui/lucide-icons": "1.125.
|
|
55
|
-
"@tamagui/menu": "1.125.
|
|
56
|
-
"@tamagui/popover": "1.125.
|
|
57
|
-
"@tamagui/progress": "1.125.
|
|
58
|
-
"@tamagui/radio-group": "1.125.
|
|
59
|
-
"@tamagui/select": "1.125.
|
|
60
|
-
"@tamagui/sheet": "1.125.
|
|
61
|
-
"@tamagui/slider": "1.125.
|
|
62
|
-
"@tamagui/stacks": "1.125.
|
|
63
|
-
"@tamagui/tamagui-dev-config": "1.125.
|
|
64
|
-
"@tamagui/toast": "1.125.
|
|
65
|
-
"tamagui": "1.125.
|
|
48
|
+
"@tamagui/avatar": "1.125.24",
|
|
49
|
+
"@tamagui/button": "1.125.24",
|
|
50
|
+
"@tamagui/config": "1.125.24",
|
|
51
|
+
"@tamagui/core": "1.125.24",
|
|
52
|
+
"@tamagui/list-item": "1.125.24",
|
|
53
|
+
"@tamagui/logo": "1.125.24",
|
|
54
|
+
"@tamagui/lucide-icons": "1.125.24",
|
|
55
|
+
"@tamagui/menu": "1.125.24",
|
|
56
|
+
"@tamagui/popover": "1.125.24",
|
|
57
|
+
"@tamagui/progress": "1.125.24",
|
|
58
|
+
"@tamagui/radio-group": "1.125.24",
|
|
59
|
+
"@tamagui/select": "1.125.24",
|
|
60
|
+
"@tamagui/sheet": "1.125.24",
|
|
61
|
+
"@tamagui/slider": "1.125.24",
|
|
62
|
+
"@tamagui/stacks": "1.125.24",
|
|
63
|
+
"@tamagui/tamagui-dev-config": "1.125.24",
|
|
64
|
+
"@tamagui/toast": "1.125.24",
|
|
65
|
+
"tamagui": "1.125.24"
|
|
66
66
|
},
|
|
67
67
|
"peerDependencies": {
|
|
68
68
|
"react": "*"
|
|
69
69
|
},
|
|
70
70
|
"devDependencies": {
|
|
71
|
-
"@tamagui/build": "1.125.
|
|
71
|
+
"@tamagui/build": "1.125.24",
|
|
72
72
|
"react": "*"
|
|
73
73
|
},
|
|
74
74
|
"publishConfig": {
|
package/src/AnimationsDemo.tsx
CHANGED