@tamagui/demos 2.0.0-1768530912818 → 2.0.0-1768636514428
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/AnimationsDelayDemo.cjs +1 -1
- package/dist/cjs/AnimationsDelayDemo.js +1 -1
- package/dist/cjs/AnimationsDelayDemo.js.map +1 -1
- package/dist/cjs/AnimationsDelayDemo.native.js +1 -1
- package/dist/cjs/AnimationsDelayDemo.native.js.map +1 -1
- package/dist/cjs/AnimationsEnterDemo.cjs +1 -1
- package/dist/cjs/AnimationsEnterDemo.js +1 -1
- package/dist/cjs/AnimationsEnterDemo.native.js +1 -1
- package/dist/cjs/AnimationsTimingDemo.cjs +1 -1
- package/dist/cjs/AnimationsTimingDemo.js +1 -1
- package/dist/cjs/AnimationsTimingDemo.native.js +1 -1
- package/dist/cjs/ButtonDemo.cjs +1 -1
- package/dist/cjs/ButtonDemo.js +1 -1
- package/dist/cjs/ButtonDemo.js.map +1 -1
- package/dist/cjs/ButtonDemo.native.js +1 -1
- package/dist/cjs/ButtonDemo.native.js.map +1 -1
- package/dist/cjs/CardDemo.cjs +0 -1
- package/dist/cjs/CardDemo.js +1 -1
- package/dist/cjs/CardDemo.js.map +1 -1
- package/dist/cjs/CardDemo.native.js +0 -1
- package/dist/cjs/CardDemo.native.js.map +1 -1
- package/dist/cjs/ScrollViewDemo.cjs +8 -8
- package/dist/cjs/ScrollViewDemo.js +8 -8
- package/dist/cjs/ScrollViewDemo.js.map +1 -1
- package/dist/cjs/ScrollViewDemo.native.js +8 -8
- package/dist/cjs/TextDemo.cjs +0 -11
- package/dist/cjs/TextDemo.js +0 -4
- package/dist/cjs/TextDemo.js.map +1 -1
- package/dist/cjs/TextDemo.native.js +0 -12
- package/dist/cjs/TextDemo.native.js.map +1 -1
- package/dist/esm/AnimationsDelayDemo.js +1 -1
- package/dist/esm/AnimationsDelayDemo.js.map +1 -1
- package/dist/esm/AnimationsDelayDemo.mjs +1 -1
- package/dist/esm/AnimationsDelayDemo.mjs.map +1 -1
- package/dist/esm/AnimationsDelayDemo.native.js +1 -1
- package/dist/esm/AnimationsDelayDemo.native.js.map +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/AnimationsTimingDemo.js +1 -1
- package/dist/esm/AnimationsTimingDemo.mjs +1 -1
- package/dist/esm/AnimationsTimingDemo.native.js +1 -1
- package/dist/esm/ButtonDemo.js +1 -1
- package/dist/esm/ButtonDemo.js.map +1 -1
- package/dist/esm/ButtonDemo.mjs +1 -1
- package/dist/esm/ButtonDemo.mjs.map +1 -1
- package/dist/esm/ButtonDemo.native.js +1 -1
- package/dist/esm/ButtonDemo.native.js.map +1 -1
- package/dist/esm/CardDemo.js +1 -1
- package/dist/esm/CardDemo.js.map +1 -1
- package/dist/esm/CardDemo.mjs +0 -1
- package/dist/esm/CardDemo.mjs.map +1 -1
- package/dist/esm/CardDemo.native.js +0 -1
- package/dist/esm/ScrollViewDemo.js +8 -8
- package/dist/esm/ScrollViewDemo.js.map +1 -1
- package/dist/esm/ScrollViewDemo.mjs +8 -8
- package/dist/esm/ScrollViewDemo.mjs.map +1 -1
- package/dist/esm/ScrollViewDemo.native.js +8 -8
- package/dist/esm/TextDemo.js +1 -5
- package/dist/esm/TextDemo.js.map +1 -1
- package/dist/esm/TextDemo.mjs +1 -12
- package/dist/esm/TextDemo.mjs.map +1 -1
- package/dist/esm/TextDemo.native.js +1 -13
- package/dist/esm/TextDemo.native.js.map +1 -1
- package/package.json +34 -34
- package/src/AnimationsDelayDemo.tsx +1 -1
- package/src/AnimationsEnterDemo.tsx +1 -1
- package/src/AnimationsTimingDemo.tsx +1 -1
- package/src/ButtonDemo.tsx +0 -2
- package/src/CardDemo.tsx +1 -1
- package/src/ScrollViewDemo.tsx +8 -8
- package/src/TextDemo.tsx +1 -10
|
@@ -38,7 +38,7 @@ var import_react = __toESM(require("react"), 1),
|
|
|
38
38
|
import_tamagui = require("tamagui"),
|
|
39
39
|
import_useOnIntersecting = require("./useOnIntersecting.cjs"),
|
|
40
40
|
import_jsx_runtime = require("react/jsx-runtime");
|
|
41
|
-
const colors = ["$
|
|
41
|
+
const colors = ["$color9", "$color10", "$color11", "$color12"];
|
|
42
42
|
function AnimationsDelayDemo() {
|
|
43
43
|
const ref = import_react.default.useRef(null),
|
|
44
44
|
hasIntersected = (0, import_useOnIntersecting.useIsIntersecting)(ref, {
|
|
@@ -26,7 +26,7 @@ __export(AnimationsDelayDemo_exports, {
|
|
|
26
26
|
});
|
|
27
27
|
module.exports = __toCommonJS(AnimationsDelayDemo_exports);
|
|
28
28
|
var import_react = __toESM(require("react"), 1), import_tamagui = require("tamagui"), import_useOnIntersecting = require("./useOnIntersecting"), import_jsx_runtime = require("react/jsx-runtime");
|
|
29
|
-
const colors = ["$
|
|
29
|
+
const colors = ["$color9", "$color10", "$color11", "$color12"];
|
|
30
30
|
function AnimationsDelayDemo() {
|
|
31
31
|
const ref = import_react.default.useRef(null), hasIntersected = (0, import_useOnIntersecting.useIsIntersecting)(ref, { once: !0 }), [show, setShow] = import_react.default.useState(!0);
|
|
32
32
|
return import_tamagui.isWeb && !hasIntersected ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YStack, { ref, height: 150 }) : /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, { gap: "$4", items: "center", children: [
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/AnimationsDelayDemo.tsx"],
|
|
4
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB,8BAClB,iBAAuE,oBAEvE,2BAAkC,gCAUvB;AARX,MAAM,SAAS,CAAC,
|
|
4
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB,8BAClB,iBAAuE,oBAEvE,2BAAkC,gCAUvB;AARX,MAAM,SAAS,CAAC,WAAW,YAAY,YAAY,UAAU;AAEtD,SAAS,sBAAsB;AACpC,QAAM,MAAM,aAAAA,QAAM,OAAoB,IAAI,GACpC,qBAAiB,4CAAkB,KAAK,EAAE,MAAM,GAAK,CAAC,GACtD,CAAC,MAAM,OAAO,IAAI,aAAAA,QAAM,SAAS,EAAI;AAE3C,SAAI,wBAAS,CAAC,iBACL,4CAAC,yBAAO,KAAU,QAAQ,KAAK,IAItC,6CAAC,yBAAO,KAAI,MAAK,OAAM,UACrB;AAAA,gDAAC,yBAAO,KAAI,MAAK,QAAQ,KAAK,OAAM,UAAS,SAAQ,UACnD,sDAAC,kCACE,kBACC,OAAO,IAAI,CAAC,OAAO,MACjB;AAAA,MAAC;AAAA;AAAA,QAEC,YAAY,CAAC,SAAS,EAAE,OAAO,IAAI,IAAI,CAAC;AAAA,QACxC,YAAY;AAAA,UACV,SAAS;AAAA,UACT,OAAO;AAAA,UACP,GAAG;AAAA,QACL;AAAA,QACA,WAAW;AAAA,UACT,SAAS;AAAA,UACT,OAAO;AAAA,UACP,GAAG;AAAA,QACL;AAAA,QACA,MAAM;AAAA,QACN,IAAI;AAAA,QACJ,SAAQ;AAAA;AAAA,MAdH;AAAA,IAeP,CACD,GACL,GACF;AAAA,IAEA,4CAAC,yBAAO,MAAK,MAAK,SAAS,MAAM,QAAQ,CAAC,IAAI,GAC3C,iBAAO,SAAS,QACnB;AAAA,KACF;AAEJ;",
|
|
5
5
|
"names": ["React"]
|
|
6
6
|
}
|
|
@@ -40,7 +40,7 @@ var import_jsx_runtime = require("react/jsx-runtime"),
|
|
|
40
40
|
import_react = __toESM(require("react"), 1),
|
|
41
41
|
import_tamagui = require("tamagui"),
|
|
42
42
|
import_useOnIntersecting = require("./useOnIntersecting.native.js"),
|
|
43
|
-
colors = ["$
|
|
43
|
+
colors = ["$color9", "$color10", "$color11", "$color12"];
|
|
44
44
|
function AnimationsDelayDemo() {
|
|
45
45
|
var ref = import_react.default.useRef(null),
|
|
46
46
|
hasIntersected = (0, import_useOnIntersecting.useIsIntersecting)(ref, {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","AnimationsDelayDemo_exports","__export","AnimationsDelayDemo","module","exports","import_jsx_runtime","require","import_react","__toESM","import_tamagui","import_useOnIntersecting","colors","ref","default","useRef","hasIntersected","useIsIntersecting","once","show","setShow","useState","isWeb","jsx","YStack","height","jsxs","gap","items","children","XStack","justify","AnimatePresence","map","color","i","Square","transition"],"sources":["../../src/AnimationsDelayDemo.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;kBAAA;EAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;IAAAC,KAAA;EAAA,IAAAH,GAAA;AAAA,IAAAI,2BAAA;AAAAC,QAAA,CAAAD,2BAAA;EAAAE,mBAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAT,YAAkB,CAAAK,2BAClB;AAIA,IAAAK,kBAAgB,GAAAC,
|
|
1
|
+
{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","AnimationsDelayDemo_exports","__export","AnimationsDelayDemo","module","exports","import_jsx_runtime","require","import_react","__toESM","import_tamagui","import_useOnIntersecting","colors","ref","default","useRef","hasIntersected","useIsIntersecting","once","show","setShow","useState","isWeb","jsx","YStack","height","jsxs","gap","items","children","XStack","justify","AnimatePresence","map","color","i","Square","transition"],"sources":["../../src/AnimationsDelayDemo.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;kBAAA;EAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;IAAAC,KAAA;EAAA,IAAAH,GAAA;AAAA,IAAAI,2BAAA;AAAAC,QAAA,CAAAD,2BAAA;EAAAE,mBAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAT,YAAkB,CAAAK,2BAClB;AAIA,IAAAK,kBAAgB,GAAAC,OAAW,oBAAwB;EAAAC,YAAU,GAAAC,OAAA,CAAAF,OAAA;EAAAG,cAAA,GAAAH,OAAA;EAAAI,wBAAA,GAAAJ,OAAA;EAAAK,MAAA,IAEtD,SAAS,EACd,UAAM,EAIN,UAAI,EAMA,WAIQ;AAAC,SAAAT,oBAAA;EAAA,IAAAU,GAEC,GAAAL,YAAa,CAAAM,OAAW,CAAAC,MAAO,KAAI;IAAIC,cAAC,OAAAL,wBAAA,CAAAM,iBAAA,EAAAJ,GAAA;MAAAK,IACxC;IAAY;IAAA,CAAAC,IACV,EAAAC,OAAS,IAAAZ,YAAA,CAAAM,OAAA,CAAAO,QAAA;EAAA,OAAAX,cACF,CAAAY,KAAA,KAAAN,cAAA,sBAAAV,kBAAA,CAAAiB,GAAA,EAAAb,cAAA,CAAAc,MAAA;IAAAX,GAAA;IACJY,MACL;EAAA,oBACW,IAAAnB,kBAAA,CAAAoB,IAAA,EAAAhB,cAAA,CAAAc,MAAA;IAAAG,GAAA,MACT;IAASC,KAAA,EACT,QAAO;IAAAC,QACP,EAAG,gBACL,IAAAvB,kBAAA,CAAAiB,GAAA,EAAAb,cAAA,CAAAoB,MAAA;MACAH,GAAA,MAAM;MACNF,MAAI;MACJG,KAAA,UAAQ;MAAAG,OAAA;MAdHF,QAAA,qBAAAvB,kBAAA,CAAAiB,GAAA,EAAAb,cAAA,CAAAsB,eAAA;QAiBbH,QACF,EAAAV,IAAA,IAAAP,MAAA,CAAAqB,GAAA,WAAAC,KAAA,EAAAC,CAAA;UAEA,0BAAA7B,kBAAC,CAAAiB,GAAA,EAAAb,cAAO,CAAA0B,MAAK,EAAK;YAGpBC,UAAA,GAEJ,S","ignoreList":[]}
|
|
@@ -64,7 +64,7 @@ function AnimationsEnterDemo(props) {
|
|
|
64
64
|
opacity: 1,
|
|
65
65
|
scale: 1,
|
|
66
66
|
y: 0,
|
|
67
|
-
bg: "$
|
|
67
|
+
bg: "$color9",
|
|
68
68
|
rounded: "$9",
|
|
69
69
|
children: (_props_children = props.children) !== null && _props_children !== void 0 ? _props_children : /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_logo.LogoIcon, {
|
|
70
70
|
downscale: 0.75
|
|
@@ -28,7 +28,7 @@ var import_logo = require("@tamagui/logo"),
|
|
|
28
28
|
import_jsx_runtime = require("react/jsx-runtime");
|
|
29
29
|
function AnimationsTimingDemo() {
|
|
30
30
|
return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Square, {
|
|
31
|
-
bg: "$
|
|
31
|
+
bg: "$color9",
|
|
32
32
|
transition: "100ms",
|
|
33
33
|
elevation: "$4",
|
|
34
34
|
size: 110,
|
|
@@ -30,7 +30,7 @@ var import_jsx_runtime = require("react/jsx-runtime"),
|
|
|
30
30
|
import_tamagui = require("tamagui");
|
|
31
31
|
function AnimationsTimingDemo() {
|
|
32
32
|
return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Square, {
|
|
33
|
-
bg: "$
|
|
33
|
+
bg: "$color9",
|
|
34
34
|
transition: "100ms",
|
|
35
35
|
elevation: "$4",
|
|
36
36
|
size: 110,
|
package/dist/cjs/ButtonDemo.cjs
CHANGED
|
@@ -28,7 +28,7 @@ var import_button = require("@tamagui/button"),
|
|
|
28
28
|
import_tamagui = require("tamagui"),
|
|
29
29
|
import_jsx_runtime = require("react/jsx-runtime");
|
|
30
30
|
function ButtonDemo(props) {
|
|
31
|
-
return
|
|
31
|
+
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
|
|
32
32
|
p: "$3",
|
|
33
33
|
gap: "$3",
|
|
34
34
|
...props,
|
package/dist/cjs/ButtonDemo.js
CHANGED
|
@@ -19,7 +19,7 @@ __export(ButtonDemo_exports, {
|
|
|
19
19
|
module.exports = __toCommonJS(ButtonDemo_exports);
|
|
20
20
|
var import_button = require("@tamagui/button"), import_lucide_icons = require("@tamagui/lucide-icons"), import_tamagui = require("tamagui"), import_jsx_runtime = require("react/jsx-runtime");
|
|
21
21
|
function ButtonDemo(props) {
|
|
22
|
-
return
|
|
22
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, { p: "$3", gap: "$3", ...props, children: [
|
|
23
23
|
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_button.Button, { children: "Plain" }),
|
|
24
24
|
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_button.Button, { self: "center", icon: import_lucide_icons.Airplay, size: "$6", children: "Large" }),
|
|
25
25
|
/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, { gap: "$2", justify: "center", children: [
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/ButtonDemo.tsx"],
|
|
4
|
-
"mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,oBAAuB,4BACvB,sBAAkC,kCAClC,iBAA8C,
|
|
4
|
+
"mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,oBAAuB,4BACvB,sBAAkC,kCAClC,iBAA8C,oBAKxC;AAHC,SAAS,WAAW,OAAO;AAChC,SACE,6CAAC,yBAAO,GAAE,MAAK,KAAI,MAAM,GAAG,OAC1B;AAAA,gDAAC,wBAAO,mBAAK;AAAA,IACb,4CAAC,wBAAO,MAAK,UAAS,MAAM,6BAAS,MAAK,MAAK,mBAE/C;AAAA,IACA,6CAAC,yBAAO,KAAI,MAAK,SAAQ,UACvB;AAAA,kDAAC,wBAAM,OAAK,IACV,sDAAC,wBAAO,MAAK,MAAK,OAAM,UAAS,oBAEjC,GACF;AAAA,MACA,4CAAC,wBAAO,MAAK,MAAK,SAAQ,YAAW,sBAErC;AAAA,OACF;AAAA,IACA,6CAAC,yBAAO,KAAI,MAAK,SAAQ,UACvB;AAAA,kDAAC,wBAAM,MAAK,UACV,uDAAC,wBAAO,MAAK,MACX;AAAA,oDAAC,qBAAO,MAAP,EACC,sDAAC,gCAAS,GACZ;AAAA,QACA,4CAAC,qBAAO,MAAP,EAAoB,OAAM,WAAU,uBAAnB,CAElB;AAAA,SACF,GACF;AAAA,MACA,4CAAC,wBAAO,WAAW,8BAAU,MAAK,MAAK,uBAEvC;AAAA,OACF;AAAA,IACA,6CAAC,yBACC;AAAA,kDAAC,sBAAO,MAAP,EACC,sDAAC,wBAAO,OAAM,OAAM,MAAK,MAAK,UAAQ,IAAC,SAAS,KAAK,sBAErD,GACF;AAAA,MAEA,4CAAC,sBAAO,MAAP,EACC,sDAAC,wBAAO,OAAM,OAAM,MAAK,MAAK,mBAE9B,GACF;AAAA,OACF;AAAA,KACF;AAEJ;",
|
|
5
5
|
"names": []
|
|
6
6
|
}
|
|
@@ -30,7 +30,7 @@ var import_jsx_runtime = require("react/jsx-runtime"),
|
|
|
30
30
|
import_lucide_icons = require("@tamagui/lucide-icons"),
|
|
31
31
|
import_tamagui = require("tamagui");
|
|
32
32
|
function ButtonDemo(props) {
|
|
33
|
-
return
|
|
33
|
+
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
|
|
34
34
|
p: "$3",
|
|
35
35
|
gap: "$3",
|
|
36
36
|
...props,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","ButtonDemo_exports","__export","ButtonDemo","module","exports","import_jsx_runtime","require","import_button","import_lucide_icons","import_tamagui","props","
|
|
1
|
+
{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","ButtonDemo_exports","__export","ButtonDemo","module","exports","import_jsx_runtime","require","import_button","import_lucide_icons","import_tamagui","props","jsxs","YStack","p","gap","children","jsx","Button","self","icon","Airplay","size","XStack","justify","Theme"],"sources":["../../src/ButtonDemo.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,kBAAA;AAAAC,QAAA,CAAAD,kBAAA;EAAAE,UAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAT,YAAuB,CAAAK,kBACvB;AAGO,IAAAK,kBAAoB,GAAAC,OAAO;EAAAC,aAAA,GAAAD,OAAA;EAAAE,mBAAA,GAAAF,OAAA;EAAAG,cAAA,GAAAH,OAAA;AAChC,SACEJ,WAAAQ,KAAA;EACE,0BAAAL,kBAAA,CAACM,IAAA,EAAAF,cAAA,CAAAG,MAAO;IACRC,CAAA;IAGAC,GAAA;IACE,GAAAJ,KAAA;IAIAK,QACA,GAEA,eACF,IAAAV,kBAAA,CAAAW,GAAA,EAAAT,aAAA,CAAAU,MAAA;MACAF,QAAA;IACE,IAEI,mBAAAV,kBAAA,CAAAW,GAAA,EAAAT,aAAC,CAAAU,MAAA;MAGDC,IAAA;MAEAC,IAEJ,EAAAX,mBAAA,CAAAY,OAAA;MACAC,IAAA;MAGFN,QAAA;IACA,IACE,mBAAAV,kBAAA,CAAAM,IAAA,EAACF,cAAA,CAAAa,MAAO;MAMRR,GAAA;MAKFS,OAAA;MACFR,QAAA,GAEJ,mBAAAV,kBAAA,CAAAW,GAAA,EAAAP,cAAA,CAAAe,KAAA","ignoreList":[]}
|
package/dist/cjs/CardDemo.cjs
CHANGED
|
@@ -63,7 +63,6 @@ function DemoCard(props) {
|
|
|
63
63
|
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.H2, {
|
|
64
64
|
children: "Sony A7IV"
|
|
65
65
|
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Paragraph, {
|
|
66
|
-
theme: "alt2",
|
|
67
66
|
children: "Now available"
|
|
68
67
|
})]
|
|
69
68
|
}), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.Card.Footer, {
|
package/dist/cjs/CardDemo.js
CHANGED
|
@@ -40,7 +40,7 @@ function DemoCard(props) {
|
|
|
40
40
|
return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Card, { size: "$4", borderWidth: 1, borderColor: "$borderColor", ...props, children: [
|
|
41
41
|
/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Card.Header, { p: "$4", children: [
|
|
42
42
|
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.H2, { children: "Sony A7IV" }),
|
|
43
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Paragraph, {
|
|
43
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Paragraph, { children: "Now available" })
|
|
44
44
|
] }),
|
|
45
45
|
/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Card.Footer, { p: "$4", children: [
|
|
46
46
|
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.XStack, { flex: 1 }),
|
package/dist/cjs/CardDemo.js.map
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/CardDemo.tsx"],
|
|
4
|
-
"mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,qBAA2D,oBAIvD;AAFG,SAAS,WAAW;AACzB,SACE,6CAAC,yBAAO,QAAQ,EAAE,eAAe,SAAS,GAAG,IAAG,MAAK,KAAI,MACvD;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,YAAW;AAAA,QACX,MAAK;AAAA,QACL,OAAO;AAAA,QACP,QAAQ;AAAA,QACR,OAAO;AAAA,QACP,YAAY,EAAE,OAAO,MAAM;AAAA,QAC3B,YAAY,EAAE,OAAO,MAAM;AAAA;AAAA,IAC7B;AAAA,IACA,4CAAC,YAAS,MAAK,MAAK,OAAO,KAAK,QAAQ,KAAK;AAAA,KAC/C;AAEJ;AAEO,SAAS,SAAS,OAAkB;AACzC,SACE,6CAAC,uBAAK,MAAK,MAAK,aAAa,GAAG,aAAY,gBAAgB,GAAG,OAC7D;AAAA,iDAAC,oBAAK,QAAL,EAAY,GAAE,MACb;AAAA,kDAAC,qBAAG,uBAAS;AAAA,MACb,4CAAC,4BAAU,
|
|
4
|
+
"mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,qBAA2D,oBAIvD;AAFG,SAAS,WAAW;AACzB,SACE,6CAAC,yBAAO,QAAQ,EAAE,eAAe,SAAS,GAAG,IAAG,MAAK,KAAI,MACvD;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,YAAW;AAAA,QACX,MAAK;AAAA,QACL,OAAO;AAAA,QACP,QAAQ;AAAA,QACR,OAAO;AAAA,QACP,YAAY,EAAE,OAAO,MAAM;AAAA,QAC3B,YAAY,EAAE,OAAO,MAAM;AAAA;AAAA,IAC7B;AAAA,IACA,4CAAC,YAAS,MAAK,MAAK,OAAO,KAAK,QAAQ,KAAK;AAAA,KAC/C;AAEJ;AAEO,SAAS,SAAS,OAAkB;AACzC,SACE,6CAAC,uBAAK,MAAK,MAAK,aAAa,GAAG,aAAY,gBAAgB,GAAG,OAC7D;AAAA,iDAAC,oBAAK,QAAL,EAAY,GAAE,MACb;AAAA,kDAAC,qBAAG,uBAAS;AAAA,MACb,4CAAC,4BAAU,2BAAa;AAAA,OAC1B;AAAA,IACA,6CAAC,oBAAK,QAAL,EAAY,GAAE,MACb;AAAA,kDAAC,yBAAO,MAAM,GAAG;AAAA,MACjB,4CAAC,yBAAO,SAAQ,OAAM,sBAAQ;AAAA,OAChC;AAAA,IACA,4CAAC,oBAAK,YAAL,EAAgB,OAAM,UACrB;AAAA,MAAC;AAAA;AAAA,QACC,WAAU;AAAA,QACV,OAAO;AAAA,QACP,QAAQ;AAAA,QACR,KAAK;AAAA;AAAA,IACP,GACF;AAAA,KACF;AAEJ;",
|
|
5
5
|
"names": []
|
|
6
6
|
}
|
|
@@ -65,7 +65,6 @@ function DemoCard(props) {
|
|
|
65
65
|
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.H2, {
|
|
66
66
|
children: "Sony A7IV"
|
|
67
67
|
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Paragraph, {
|
|
68
|
-
theme: "alt2",
|
|
69
68
|
children: "Now available"
|
|
70
69
|
})]
|
|
71
70
|
}), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.Card.Footer, {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","CardDemo_exports","__export","CardDemo","DemoCard","module","exports","import_jsx_runtime","require","import_tamagui","jsxs","XStack","$maxMd","flexDirection","px","gap","children","jsx","transition","size","width","height","scale","hoverStyle","pressStyle","props","Card","borderWidth","borderColor","Header"],"sources":["../../src/CardDemo.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,gBAAA;AAAAC,QAAA,CAAAD,gBAAA;EAAAE,QAAA,EAAAA,CAAA,KAAAA,QAAA;EAAAC,QAAA,EAAAA,CAAA,KAAAA;AAAA;AACAC,MAAA,CAAAC,OAAA,GAAAV,YAA2D,CAAAK,gBAIvD;AAFG,IAAAM,kBAAoB,GAAAC,OAAA;EAAAC,cAAA,GAAAD,OAAA;AACzB,SACEL,SAAA;EACE,0BAAAI,kBAAA,CAAAG,IAAA,EAAAD,cAAA,CAAAE,MAAA;IAAAC,MAAC;MAAAC,aAAA;IAAA;IACYC,EAAA,EACX;IAAKC,GAAA,EACL;IAAOC,QACP,GAAQ,eACD,IAAAT,kBAAA,CAAAU,GAAA,EAAAb,QAAA;MACPc,UAAA,EAAY,QAAE;MACdC,IAAA;MAA2BC,KAAA;MAC7BC,MAAA;MACAC,KAAA;MACFC,UAAA;QAEJD,KAAA;MAEO,CAAS;MACdE,UACE;QACEF,KAAA;MACE;IACA,
|
|
1
|
+
{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","CardDemo_exports","__export","CardDemo","DemoCard","module","exports","import_jsx_runtime","require","import_tamagui","jsxs","XStack","$maxMd","flexDirection","px","gap","children","jsx","transition","size","width","height","scale","hoverStyle","pressStyle","props","Card","borderWidth","borderColor","Header"],"sources":["../../src/CardDemo.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,gBAAA;AAAAC,QAAA,CAAAD,gBAAA;EAAAE,QAAA,EAAAA,CAAA,KAAAA,QAAA;EAAAC,QAAA,EAAAA,CAAA,KAAAA;AAAA;AACAC,MAAA,CAAAC,OAAA,GAAAV,YAA2D,CAAAK,gBAIvD;AAFG,IAAAM,kBAAoB,GAAAC,OAAA;EAAAC,cAAA,GAAAD,OAAA;AACzB,SACEL,SAAA;EACE,0BAAAI,kBAAA,CAAAG,IAAA,EAAAD,cAAA,CAAAE,MAAA;IAAAC,MAAC;MAAAC,aAAA;IAAA;IACYC,EAAA,EACX;IAAKC,GAAA,EACL;IAAOC,QACP,GAAQ,eACD,IAAAT,kBAAA,CAAAU,GAAA,EAAAb,QAAA;MACPc,UAAA,EAAY,QAAE;MACdC,IAAA;MAA2BC,KAAA;MAC7BC,MAAA;MACAC,KAAA;MACFC,UAAA;QAEJD,KAAA;MAEO,CAAS;MACdE,UACE;QACEF,KAAA;MACE;IACA,IAAwB,eAC1B,IAAAf,kBAAA,CAAAU,GAAA,EAAAb,QAAA;MACAe,IAAA;MACEC,KAAA;MACAC,MAAA;IAA8B,CAChC;EAEE;AAAC;AAAA,SACCjB,SAAAqB,KAAU;EAAA,OACV,eAAO,IAAAlB,kBAAA,CAAAG,IAAA,EAAAD,cAAA,CAAAiB,IAAA;IAAAP,IACP;IAAQQ,WACH;IAAAC,WAAA;IACP,GACFH,KAAA;IAAAT,QACF,GAEJ,mBAAAT,kBAAA,CAAAG,IAAA,EAAAD,cAAA,CAAAiB,IAAA,CAAAG,MAAA","ignoreList":[]}
|
|
@@ -39,35 +39,35 @@ function ScrollViewDemo() {
|
|
|
39
39
|
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Square, {
|
|
40
40
|
m: "$4",
|
|
41
41
|
size: 120,
|
|
42
|
-
bg: "$
|
|
42
|
+
bg: "$color5"
|
|
43
43
|
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Circle, {
|
|
44
44
|
m: "$4",
|
|
45
45
|
size: 120,
|
|
46
|
-
bg: "$
|
|
46
|
+
bg: "$color6"
|
|
47
47
|
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Square, {
|
|
48
48
|
m: "$4",
|
|
49
49
|
size: 120,
|
|
50
|
-
bg: "$
|
|
50
|
+
bg: "$color7"
|
|
51
51
|
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Circle, {
|
|
52
52
|
m: "$4",
|
|
53
53
|
size: 120,
|
|
54
|
-
bg: "$
|
|
54
|
+
bg: "$color8"
|
|
55
55
|
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Square, {
|
|
56
56
|
m: "$4",
|
|
57
57
|
size: 120,
|
|
58
|
-
bg: "$
|
|
58
|
+
bg: "$color9"
|
|
59
59
|
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Circle, {
|
|
60
60
|
m: "$4",
|
|
61
61
|
size: 120,
|
|
62
|
-
bg: "$
|
|
62
|
+
bg: "$color10"
|
|
63
63
|
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Square, {
|
|
64
64
|
m: "$4",
|
|
65
65
|
size: 120,
|
|
66
|
-
bg: "$
|
|
66
|
+
bg: "$color11"
|
|
67
67
|
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Circle, {
|
|
68
68
|
m: "$4",
|
|
69
69
|
size: 120,
|
|
70
|
-
bg: "$
|
|
70
|
+
bg: "$color12"
|
|
71
71
|
})]
|
|
72
72
|
})
|
|
73
73
|
});
|
|
@@ -20,14 +20,14 @@ module.exports = __toCommonJS(ScrollViewDemo_exports);
|
|
|
20
20
|
var import_tamagui = require("tamagui"), import_jsx_runtime = require("react/jsx-runtime");
|
|
21
21
|
function ScrollViewDemo() {
|
|
22
22
|
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.ScrollView, { maxH: 250, width: "75%", bg: "$background", p: "$4", rounded: "$4", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, { flexWrap: "wrap", items: "center", justify: "center", children: [
|
|
23
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Square, { m: "$4", size: 120, bg: "$
|
|
24
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Circle, { m: "$4", size: 120, bg: "$
|
|
25
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Square, { m: "$4", size: 120, bg: "$
|
|
26
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Circle, { m: "$4", size: 120, bg: "$
|
|
27
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Square, { m: "$4", size: 120, bg: "$
|
|
28
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Circle, { m: "$4", size: 120, bg: "$
|
|
29
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Square, { m: "$4", size: 120, bg: "$
|
|
30
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Circle, { m: "$4", size: 120, bg: "$
|
|
23
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Square, { m: "$4", size: 120, bg: "$color5" }),
|
|
24
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Circle, { m: "$4", size: 120, bg: "$color6" }),
|
|
25
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Square, { m: "$4", size: 120, bg: "$color7" }),
|
|
26
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Circle, { m: "$4", size: 120, bg: "$color8" }),
|
|
27
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Square, { m: "$4", size: 120, bg: "$color9" }),
|
|
28
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Circle, { m: "$4", size: 120, bg: "$color10" }),
|
|
29
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Square, { m: "$4", size: 120, bg: "$color11" }),
|
|
30
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Circle, { m: "$4", size: 120, bg: "$color12" })
|
|
31
31
|
] }) });
|
|
32
32
|
}
|
|
33
33
|
//# sourceMappingURL=ScrollViewDemo.js.map
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/ScrollViewDemo.tsx"],
|
|
4
|
-
"mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,qBAAmD,oBAK7C;AAHC,SAAS,iBAAiB;AAC/B,SACE,4CAAC,6BAAW,MAAM,KAAK,OAAM,OAAM,IAAG,eAAc,GAAE,MAAK,SAAQ,MACjE,uDAAC,yBAAO,UAAS,QAAO,OAAM,UAAS,SAAQ,UAC7C;AAAA,gDAAC,yBAAO,GAAE,MAAK,MAAM,KAAK,IAAG,
|
|
4
|
+
"mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,qBAAmD,oBAK7C;AAHC,SAAS,iBAAiB;AAC/B,SACE,4CAAC,6BAAW,MAAM,KAAK,OAAM,OAAM,IAAG,eAAc,GAAE,MAAK,SAAQ,MACjE,uDAAC,yBAAO,UAAS,QAAO,OAAM,UAAS,SAAQ,UAC7C;AAAA,gDAAC,yBAAO,GAAE,MAAK,MAAM,KAAK,IAAG,WAAU;AAAA,IACvC,4CAAC,yBAAO,GAAE,MAAK,MAAM,KAAK,IAAG,WAAU;AAAA,IACvC,4CAAC,yBAAO,GAAE,MAAK,MAAM,KAAK,IAAG,WAAU;AAAA,IACvC,4CAAC,yBAAO,GAAE,MAAK,MAAM,KAAK,IAAG,WAAU;AAAA,IACvC,4CAAC,yBAAO,GAAE,MAAK,MAAM,KAAK,IAAG,WAAU;AAAA,IACvC,4CAAC,yBAAO,GAAE,MAAK,MAAM,KAAK,IAAG,YAAW;AAAA,IACxC,4CAAC,yBAAO,GAAE,MAAK,MAAM,KAAK,IAAG,YAAW;AAAA,IACxC,4CAAC,yBAAO,GAAE,MAAK,MAAM,KAAK,IAAG,YAAW;AAAA,KAC1C,GACF;AAEJ;",
|
|
5
5
|
"names": []
|
|
6
6
|
}
|
|
@@ -41,35 +41,35 @@ function ScrollViewDemo() {
|
|
|
41
41
|
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Square, {
|
|
42
42
|
m: "$4",
|
|
43
43
|
size: 120,
|
|
44
|
-
bg: "$
|
|
44
|
+
bg: "$color5"
|
|
45
45
|
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Circle, {
|
|
46
46
|
m: "$4",
|
|
47
47
|
size: 120,
|
|
48
|
-
bg: "$
|
|
48
|
+
bg: "$color6"
|
|
49
49
|
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Square, {
|
|
50
50
|
m: "$4",
|
|
51
51
|
size: 120,
|
|
52
|
-
bg: "$
|
|
52
|
+
bg: "$color7"
|
|
53
53
|
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Circle, {
|
|
54
54
|
m: "$4",
|
|
55
55
|
size: 120,
|
|
56
|
-
bg: "$
|
|
56
|
+
bg: "$color8"
|
|
57
57
|
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Square, {
|
|
58
58
|
m: "$4",
|
|
59
59
|
size: 120,
|
|
60
|
-
bg: "$
|
|
60
|
+
bg: "$color9"
|
|
61
61
|
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Circle, {
|
|
62
62
|
m: "$4",
|
|
63
63
|
size: 120,
|
|
64
|
-
bg: "$
|
|
64
|
+
bg: "$color10"
|
|
65
65
|
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Square, {
|
|
66
66
|
m: "$4",
|
|
67
67
|
size: 120,
|
|
68
|
-
bg: "$
|
|
68
|
+
bg: "$color11"
|
|
69
69
|
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Circle, {
|
|
70
70
|
m: "$4",
|
|
71
71
|
size: 120,
|
|
72
|
-
bg: "$
|
|
72
|
+
bg: "$color12"
|
|
73
73
|
})]
|
|
74
74
|
})
|
|
75
75
|
});
|
package/dist/cjs/TextDemo.cjs
CHANGED
|
@@ -32,17 +32,6 @@ function TextDemo() {
|
|
|
32
32
|
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.SizableText, {
|
|
33
33
|
size: "$3",
|
|
34
34
|
children: "SizableText"
|
|
35
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
|
|
36
|
-
gap: "$4",
|
|
37
|
-
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.SizableText, {
|
|
38
|
-
theme: "alt1",
|
|
39
|
-
size: "$3",
|
|
40
|
-
children: "alt1"
|
|
41
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.SizableText, {
|
|
42
|
-
theme: "alt2",
|
|
43
|
-
size: "$3",
|
|
44
|
-
children: "alt2"
|
|
45
|
-
})]
|
|
46
35
|
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Paragraph, {
|
|
47
36
|
size: "$2",
|
|
48
37
|
fontWeight: "800",
|
package/dist/cjs/TextDemo.js
CHANGED
|
@@ -21,10 +21,6 @@ var import_tamagui = require("tamagui"), import_jsx_runtime = require("react/jsx
|
|
|
21
21
|
function TextDemo() {
|
|
22
22
|
return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, { gap: "$2", items: "center", children: [
|
|
23
23
|
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.SizableText, { size: "$3", children: "SizableText" }),
|
|
24
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, { gap: "$4", children: [
|
|
25
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.SizableText, { theme: "alt1", size: "$3", children: "alt1" }),
|
|
26
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.SizableText, { theme: "alt2", size: "$3", children: "alt2" })
|
|
27
|
-
] }),
|
|
28
24
|
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Paragraph, { size: "$2", fontWeight: "800", children: "Paragraph" })
|
|
29
25
|
] });
|
|
30
26
|
}
|
package/dist/cjs/TextDemo.js.map
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/TextDemo.tsx"],
|
|
4
|
-
"mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;
|
|
4
|
+
"mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,qBAA+C,oBAI3C;AAFG,SAAS,WAAW;AACzB,SACE,6CAAC,yBAAO,KAAI,MAAK,OAAM,UACrB;AAAA,gDAAC,8BAAY,MAAK,MAAK,yBAAW;AAAA,IAClC,4CAAC,4BAAU,MAAK,MAAK,YAAW,OAAM,uBAEtC;AAAA,KACF;AAEJ;",
|
|
5
5
|
"names": []
|
|
6
6
|
}
|
|
@@ -26,7 +26,6 @@ __export(TextDemo_exports, {
|
|
|
26
26
|
});
|
|
27
27
|
module.exports = __toCommonJS(TextDemo_exports);
|
|
28
28
|
var import_jsx_runtime = require("react/jsx-runtime"),
|
|
29
|
-
import_react = require("react"),
|
|
30
29
|
import_tamagui = require("tamagui");
|
|
31
30
|
function TextDemo() {
|
|
32
31
|
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
|
|
@@ -35,17 +34,6 @@ function TextDemo() {
|
|
|
35
34
|
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.SizableText, {
|
|
36
35
|
size: "$3",
|
|
37
36
|
children: "SizableText"
|
|
38
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
|
|
39
|
-
gap: "$4",
|
|
40
|
-
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.SizableText, {
|
|
41
|
-
theme: "alt1",
|
|
42
|
-
size: "$3",
|
|
43
|
-
children: "alt1"
|
|
44
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.SizableText, {
|
|
45
|
-
theme: "alt2",
|
|
46
|
-
size: "$3",
|
|
47
|
-
children: "alt2"
|
|
48
|
-
})]
|
|
49
37
|
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Paragraph, {
|
|
50
38
|
size: "$2",
|
|
51
39
|
fontWeight: "800",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","TextDemo_exports","__export","TextDemo","module","exports","import_jsx_runtime","require","
|
|
1
|
+
{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","TextDemo_exports","__export","TextDemo","module","exports","import_jsx_runtime","require","import_tamagui","jsxs","YStack","gap","items","children"],"sources":["../../src/TextDemo.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,gBAAA;AAAAC,QAAA,CAAAD,gBAAA;EAAAE,QAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAT,YAA+C,CAAAK,gBAI3C;AAFG,IAAAK,kBAAoB,GAAAC,OAAA;EAAAC,cAAA,GAAAD,OAAA;AACzB,SACEJ,SAAA;EACE,0BAAAG,kBAAA,CAACG,IAAA,EAAAD,cAAA,CAAAE,MAAA;IACDC,GAAA;IAEAC,KACF;IAEJC,QAAA,G","ignoreList":[]}
|
|
@@ -2,7 +2,7 @@ import React from "react";
|
|
|
2
2
|
import { AnimatePresence, Button, Square, XStack, YStack, isWeb } from "tamagui";
|
|
3
3
|
import { useIsIntersecting } from "./useOnIntersecting";
|
|
4
4
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
5
|
-
const colors = ["$
|
|
5
|
+
const colors = ["$color9", "$color10", "$color11", "$color12"];
|
|
6
6
|
function AnimationsDelayDemo() {
|
|
7
7
|
const ref = React.useRef(null), hasIntersected = useIsIntersecting(ref, { once: !0 }), [show, setShow] = React.useState(!0);
|
|
8
8
|
return isWeb && !hasIntersected ? /* @__PURE__ */ jsx(YStack, { ref, height: 150 }) : /* @__PURE__ */ jsxs(YStack, { gap: "$4", items: "center", children: [
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/AnimationsDelayDemo.tsx"],
|
|
4
|
-
"mappings": "AAAA,OAAO,WAAW;AAClB,SAAS,iBAAiB,QAAQ,QAAQ,QAAQ,QAAQ,aAAa;AAEvE,SAAS,yBAAyB;AAUvB,cAIP,YAJO;AARX,MAAM,SAAS,CAAC,
|
|
4
|
+
"mappings": "AAAA,OAAO,WAAW;AAClB,SAAS,iBAAiB,QAAQ,QAAQ,QAAQ,QAAQ,aAAa;AAEvE,SAAS,yBAAyB;AAUvB,cAIP,YAJO;AARX,MAAM,SAAS,CAAC,WAAW,YAAY,YAAY,UAAU;AAEtD,SAAS,sBAAsB;AACpC,QAAM,MAAM,MAAM,OAAoB,IAAI,GACpC,iBAAiB,kBAAkB,KAAK,EAAE,MAAM,GAAK,CAAC,GACtD,CAAC,MAAM,OAAO,IAAI,MAAM,SAAS,EAAI;AAE3C,SAAI,SAAS,CAAC,iBACL,oBAAC,UAAO,KAAU,QAAQ,KAAK,IAItC,qBAAC,UAAO,KAAI,MAAK,OAAM,UACrB;AAAA,wBAAC,UAAO,KAAI,MAAK,QAAQ,KAAK,OAAM,UAAS,SAAQ,UACnD,8BAAC,mBACE,kBACC,OAAO,IAAI,CAAC,OAAO,MACjB;AAAA,MAAC;AAAA;AAAA,QAEC,YAAY,CAAC,SAAS,EAAE,OAAO,IAAI,IAAI,CAAC;AAAA,QACxC,YAAY;AAAA,UACV,SAAS;AAAA,UACT,OAAO;AAAA,UACP,GAAG;AAAA,QACL;AAAA,QACA,WAAW;AAAA,UACT,SAAS;AAAA,UACT,OAAO;AAAA,UACP,GAAG;AAAA,QACL;AAAA,QACA,MAAM;AAAA,QACN,IAAI;AAAA,QACJ,SAAQ;AAAA;AAAA,MAdH;AAAA,IAeP,CACD,GACL,GACF;AAAA,IAEA,oBAAC,UAAO,MAAK,MAAK,SAAS,MAAM,QAAQ,CAAC,IAAI,GAC3C,iBAAO,SAAS,QACnB;AAAA,KACF;AAEJ;",
|
|
5
5
|
"names": []
|
|
6
6
|
}
|
|
@@ -2,7 +2,7 @@ import React from "react";
|
|
|
2
2
|
import { AnimatePresence, Button, Square, XStack, YStack, isWeb } from "tamagui";
|
|
3
3
|
import { useIsIntersecting } from "./useOnIntersecting.mjs";
|
|
4
4
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
5
|
-
const colors = ["$
|
|
5
|
+
const colors = ["$color9", "$color10", "$color11", "$color12"];
|
|
6
6
|
function AnimationsDelayDemo() {
|
|
7
7
|
const ref = React.useRef(null),
|
|
8
8
|
hasIntersected = useIsIntersecting(ref, {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","AnimatePresence","Button","Square","XStack","YStack","isWeb","useIsIntersecting","jsx","jsxs","colors","AnimationsDelayDemo","ref","useRef","hasIntersected","once","show","setShow","useState","height","gap","items","children","justify","map","color","i","transition","delay","enterStyle","opacity","scale","y","exitStyle","size","bg","rounded","onPress"],"sources":["../../src/AnimationsDelayDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,OAAOA,KAAA,MAAW;AAClB,SAASC,eAAA,EAAiBC,MAAA,EAAQC,MAAA,EAAQC,MAAA,EAAQC,MAAA,EAAQC,KAAA,QAAa;AAEvE,SAASC,iBAAA,QAAyB;AAUvB,SAAAC,GAAA,EAIPC,IAAA,QAJO;AARX,MAAMC,MAAA,GAAS,CAAC,
|
|
1
|
+
{"version":3,"names":["React","AnimatePresence","Button","Square","XStack","YStack","isWeb","useIsIntersecting","jsx","jsxs","colors","AnimationsDelayDemo","ref","useRef","hasIntersected","once","show","setShow","useState","height","gap","items","children","justify","map","color","i","transition","delay","enterStyle","opacity","scale","y","exitStyle","size","bg","rounded","onPress"],"sources":["../../src/AnimationsDelayDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,OAAOA,KAAA,MAAW;AAClB,SAASC,eAAA,EAAiBC,MAAA,EAAQC,MAAA,EAAQC,MAAA,EAAQC,MAAA,EAAQC,KAAA,QAAa;AAEvE,SAASC,iBAAA,QAAyB;AAUvB,SAAAC,GAAA,EAIPC,IAAA,QAJO;AARX,MAAMC,MAAA,GAAS,CAAC,WAAW,YAAY,YAAY,UAAU;AAEtD,SAASC,oBAAA,EAAsB;EACpC,MAAMC,GAAA,GAAMZ,KAAA,CAAMa,MAAA,CAAoB,IAAI;IACpCC,cAAA,GAAiBP,iBAAA,CAAkBK,GAAA,EAAK;MAAEG,IAAA,EAAM;IAAK,CAAC;IACtD,CAACC,IAAA,EAAMC,OAAO,IAAIjB,KAAA,CAAMkB,QAAA,CAAS,EAAI;EAE3C,OAAIZ,KAAA,IAAS,CAACQ,cAAA,GACL,eAAAN,GAAA,CAACH,MAAA;IAAOO,GAAA;IAAUO,MAAA,EAAQ;EAAA,CAAK,IAItC,eAAAV,IAAA,CAACJ,MAAA;IAAOe,GAAA,EAAI;IAAKC,KAAA,EAAM;IACrBC,QAAA,kBAAAd,GAAA,CAACJ,MAAA;MAAOgB,GAAA,EAAI;MAAKD,MAAA,EAAQ;MAAKE,KAAA,EAAM;MAASE,OAAA,EAAQ;MACnDD,QAAA,iBAAAd,GAAA,CAACP,eAAA;QACEqB,QAAA,EAAAN,IAAA,IACCN,MAAA,CAAOc,GAAA,CAAI,CAACC,KAAA,EAAOC,CAAA,KACjB,eAAAlB,GAAA,CAACL,MAAA;UAECwB,UAAA,EAAY,CAAC,SAAS;YAAEC,KAAA,EAAOF,CAAA,GAAI;UAAI,CAAC;UACxCG,UAAA,EAAY;YACVC,OAAA,EAAS;YACTC,KAAA,EAAO;YACPC,CAAA,EAAG;UACL;UACAC,SAAA,EAAW;YACTH,OAAA,EAAS;YACTC,KAAA,EAAO;YACPC,CAAA,EAAG;UACL;UACAE,IAAA,EAAM;UACNC,EAAA,EAAIV,KAAA;UACJW,OAAA,EAAQ;QAAA,GAdHX,KAeP,CACD;MAAA,CACL;IAAA,CACF,GAEA,eAAAjB,GAAA,CAACN,MAAA;MAAOgC,IAAA,EAAK;MAAKG,OAAA,EAASA,CAAA,KAAMpB,OAAA,CAAQ,CAACD,IAAI;MAC3CM,QAAA,EAAAN,IAAA,GAAO,SAAS;IAAA,CACnB;EAAA,CACF;AAEJ","ignoreList":[]}
|
|
@@ -2,7 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
|
2
2
|
import React from "react";
|
|
3
3
|
import { AnimatePresence, Button, Square, XStack, YStack, isWeb } from "tamagui";
|
|
4
4
|
import { useIsIntersecting } from "./useOnIntersecting.native.js";
|
|
5
|
-
var colors = ["$
|
|
5
|
+
var colors = ["$color9", "$color10", "$color11", "$color12"];
|
|
6
6
|
function AnimationsDelayDemo() {
|
|
7
7
|
var ref = React.useRef(null),
|
|
8
8
|
hasIntersected = useIsIntersecting(ref, {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","React","AnimatePresence","Button","Square","XStack","YStack","isWeb","useIsIntersecting","colors","AnimationsDelayDemo","ref","useRef","hasIntersected","once","show","setShow","useState","height","gap","items","children","justify","map","color","i","transition"],"sources":["../../src/AnimationsDelayDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAAOA,GAAA,IAAAC,IAAW,EAAAC,IAAA,IAAAC,KAAA;AAClB,OAAAC,KAAS;AAET,SAASC,eAAA,EAAAC,MAAA,EAAyBC,MAAA,EAAAC,MAAA,EAAAC,MAAA,EAAAC,KAAA;AAUvB,SAAAC,iBAAA;AARX,IAAAC,MAAM,IAEC,
|
|
1
|
+
{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","React","AnimatePresence","Button","Square","XStack","YStack","isWeb","useIsIntersecting","colors","AnimationsDelayDemo","ref","useRef","hasIntersected","once","show","setShow","useState","height","gap","items","children","justify","map","color","i","transition"],"sources":["../../src/AnimationsDelayDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAAOA,GAAA,IAAAC,IAAW,EAAAC,IAAA,IAAAC,KAAA;AAClB,OAAAC,KAAS;AAET,SAASC,eAAA,EAAAC,MAAA,EAAyBC,MAAA,EAAAC,MAAA,EAAAC,MAAA,EAAAC,KAAA;AAUvB,SAAAC,iBAAA;AARX,IAAAC,MAAM,IAEC,SAAS,EACd,UAAM,EAIN,UAAI,EAMA,WAIQ;AAAC,SAAAC,oBAAA;EAAA,IAAAC,GAEC,GAAAV,KAAA,CAAAW,MAAa,MAAS;IAAEC,cAAW,GAAKL,iBAAA,CAAAG,GAAA;MAAAG,IACxC;IAAY;IAAA,CAAAC,IACV,EAAAC,OAAS,IAAAf,KAAA,CAAAgB,QAAA;EAAA,OAAAV,KACT,IAAO,CAAAM,cAAA,kBAAAf,IAAA,CAAAQ,MAAA;IAAAK,GAAA;IACJO,MACL;EAAA,oBACWlB,KAAA,CAAAM,MAAA;IAAAa,GAAA,MACT;IAASC,KAAA,EACT,QAAO;IAAAC,QACP,EAAG,gBACLvB,IAAA,CAAAO,MAAA;MACAc,GAAA,MAAM;MACND,MAAI;MACJE,KAAA,UAAQ;MAAAE,OAAA;MAdHD,QAAA,iBAAAvB,IAAA,CAAAI,eAAA;QAiBbmB,QACF,EAAAN,IAAA,IAAAN,MAAA,CAAAc,GAAA,WAAAC,KAAA,EAAAC,CAAA;UAEA,sBAAQ3B,IAAA,CAAKM,MAAK;YAGpBsB,UAAA,GAEJ,S","ignoreList":[]}
|
|
@@ -26,7 +26,7 @@ function AnimationsEnterDemo(props) {
|
|
|
26
26
|
opacity: 1,
|
|
27
27
|
scale: 1,
|
|
28
28
|
y: 0,
|
|
29
|
-
bg: "$
|
|
29
|
+
bg: "$color9",
|
|
30
30
|
rounded: "$9",
|
|
31
31
|
children: (_props_children = props.children) !== null && _props_children !== void 0 ? _props_children : /* @__PURE__ */_jsx(LogoIcon, {
|
|
32
32
|
downscale: 0.75
|
package/dist/esm/ButtonDemo.js
CHANGED
|
@@ -3,7 +3,7 @@ import { Activity, Airplay } from "@tamagui/lucide-icons";
|
|
|
3
3
|
import { Theme, XGroup, XStack, YStack } from "tamagui";
|
|
4
4
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
5
5
|
function ButtonDemo(props) {
|
|
6
|
-
return
|
|
6
|
+
return /* @__PURE__ */ jsxs(YStack, { p: "$3", gap: "$3", ...props, children: [
|
|
7
7
|
/* @__PURE__ */ jsx(Button, { children: "Plain" }),
|
|
8
8
|
/* @__PURE__ */ jsx(Button, { self: "center", icon: Airplay, size: "$6", children: "Large" }),
|
|
9
9
|
/* @__PURE__ */ jsxs(XStack, { gap: "$2", justify: "center", children: [
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/ButtonDemo.tsx"],
|
|
4
|
-
"mappings": "AAAA,SAAS,cAAc;AACvB,SAAS,UAAU,eAAe;AAClC,SAAS,OAAO,QAAQ,QAAQ,cAAc;
|
|
4
|
+
"mappings": "AAAA,SAAS,cAAc;AACvB,SAAS,UAAU,eAAe;AAClC,SAAS,OAAO,QAAQ,QAAQ,cAAc;AAKxC,cAIA,YAJA;AAHC,SAAS,WAAW,OAAO;AAChC,SACE,qBAAC,UAAO,GAAE,MAAK,KAAI,MAAM,GAAG,OAC1B;AAAA,wBAAC,UAAO,mBAAK;AAAA,IACb,oBAAC,UAAO,MAAK,UAAS,MAAM,SAAS,MAAK,MAAK,mBAE/C;AAAA,IACA,qBAAC,UAAO,KAAI,MAAK,SAAQ,UACvB;AAAA,0BAAC,SAAM,OAAK,IACV,8BAAC,UAAO,MAAK,MAAK,OAAM,UAAS,oBAEjC,GACF;AAAA,MACA,oBAAC,UAAO,MAAK,MAAK,SAAQ,YAAW,sBAErC;AAAA,OACF;AAAA,IACA,qBAAC,UAAO,KAAI,MAAK,SAAQ,UACvB;AAAA,0BAAC,SAAM,MAAK,UACV,+BAAC,UAAO,MAAK,MACX;AAAA,4BAAC,OAAO,MAAP,EACC,8BAAC,YAAS,GACZ;AAAA,QACA,oBAAC,OAAO,MAAP,EAAoB,OAAM,WAAU,uBAAnB,CAElB;AAAA,SACF,GACF;AAAA,MACA,oBAAC,UAAO,WAAW,UAAU,MAAK,MAAK,uBAEvC;AAAA,OACF;AAAA,IACA,qBAAC,UACC;AAAA,0BAAC,OAAO,MAAP,EACC,8BAAC,UAAO,OAAM,OAAM,MAAK,MAAK,UAAQ,IAAC,SAAS,KAAK,sBAErD,GACF;AAAA,MAEA,oBAAC,OAAO,MAAP,EACC,8BAAC,UAAO,OAAM,OAAM,MAAK,MAAK,mBAE9B,GACF;AAAA,OACF;AAAA,KACF;AAEJ;",
|
|
5
5
|
"names": []
|
|
6
6
|
}
|
package/dist/esm/ButtonDemo.mjs
CHANGED
|
@@ -3,7 +3,7 @@ import { Activity, Airplay } from "@tamagui/lucide-icons";
|
|
|
3
3
|
import { Theme, XGroup, XStack, YStack } from "tamagui";
|
|
4
4
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
5
5
|
function ButtonDemo(props) {
|
|
6
|
-
return
|
|
6
|
+
return /* @__PURE__ */jsxs(YStack, {
|
|
7
7
|
p: "$3",
|
|
8
8
|
gap: "$3",
|
|
9
9
|
...props,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["Button","Activity","Airplay","Theme","XGroup","XStack","YStack","jsx","jsxs","ButtonDemo","props","
|
|
1
|
+
{"version":3,"names":["Button","Activity","Airplay","Theme","XGroup","XStack","YStack","jsx","jsxs","ButtonDemo","props","p","gap","children","self","icon","size","justify","reset","theme","variant","name","Icon","Text","debug","iconAfter","Item","width","disabled","opacity"],"sources":["../../src/ButtonDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,MAAA,QAAc;AACvB,SAASC,QAAA,EAAUC,OAAA,QAAe;AAClC,SAASC,KAAA,EAAOC,MAAA,EAAQC,MAAA,EAAQC,MAAA,QAAc;AAKxC,SAAAC,GAAA,EAIAC,IAAA,QAJA;AAHC,SAASC,WAAWC,KAAA,EAAO;EAChC,OACE,eAAAF,IAAA,CAACF,MAAA;IAAOK,CAAA,EAAE;IAAKC,GAAA,EAAI;IAAM,GAAGF,KAAA;IAC1BG,QAAA,kBAAAN,GAAA,CAACP,MAAA;MAAOa,QAAA;IAAA,CAAK,GACb,eAAAN,GAAA,CAACP,MAAA;MAAOc,IAAA,EAAK;MAASC,IAAA,EAAMb,OAAA;MAASc,IAAA,EAAK;MAAKH,QAAA;IAAA,CAE/C,GACA,eAAAL,IAAA,CAACH,MAAA;MAAOO,GAAA,EAAI;MAAKK,OAAA,EAAQ;MACvBJ,QAAA,kBAAAN,GAAA,CAACJ,KAAA;QAAMe,KAAA,EAAK;QACVL,QAAA,iBAAAN,GAAA,CAACP,MAAA;UAAOgB,IAAA,EAAK;UAAKG,KAAA,EAAM;UAASN,QAAA;QAAA,CAEjC;MAAA,CACF,GACA,eAAAN,GAAA,CAACP,MAAA;QAAOgB,IAAA,EAAK;QAAKI,OAAA,EAAQ;QAAWP,QAAA;MAAA,CAErC;IAAA,CACF,GACA,eAAAL,IAAA,CAACH,MAAA;MAAOO,GAAA,EAAI;MAAKK,OAAA,EAAQ;MACvBJ,QAAA,kBAAAN,GAAA,CAACJ,KAAA;QAAMkB,IAAA,EAAK;QACVR,QAAA,iBAAAL,IAAA,CAACR,MAAA;UAAOgB,IAAA,EAAK;UACXH,QAAA,kBAAAN,GAAA,CAACP,MAAA,CAAOsB,IAAA,EAAP;YACCT,QAAA,iBAAAN,GAAA,CAACN,QAAA,IAAS;UAAA,CACZ,GACA,eAAAM,GAAA,CAACP,MAAA,CAAOuB,IAAA,EAAP;YAAoBC,KAAA,EAAM;YAAUX,QAAA;UAAA,GAAnB,CAElB;QAAA,CACF;MAAA,CACF,GACA,eAAAN,GAAA,CAACP,MAAA;QAAOyB,SAAA,EAAWxB,QAAA;QAAUe,IAAA,EAAK;QAAKH,QAAA;MAAA,CAEvC;IAAA,CACF,GACA,eAAAL,IAAA,CAACJ,MAAA;MACCS,QAAA,kBAAAN,GAAA,CAACH,MAAA,CAAOsB,IAAA,EAAP;QACCb,QAAA,iBAAAN,GAAA,CAACP,MAAA;UAAO2B,KAAA,EAAM;UAAMX,IAAA,EAAK;UAAKY,QAAA,EAAQ;UAACC,OAAA,EAAS;UAAKhB,QAAA;QAAA,CAErD;MAAA,CACF,GAEA,eAAAN,GAAA,CAACH,MAAA,CAAOsB,IAAA,EAAP;QACCb,QAAA,iBAAAN,GAAA,CAACP,MAAA;UAAO2B,KAAA,EAAM;UAAMX,IAAA,EAAK;UAAKH,QAAA;QAAA,CAE9B;MAAA,CACF;IAAA,CACF;EAAA,CACF;AAEJ","ignoreList":[]}
|
|
@@ -3,7 +3,7 @@ import { Button } from "@tamagui/button";
|
|
|
3
3
|
import { Activity, Airplay } from "@tamagui/lucide-icons";
|
|
4
4
|
import { Theme, XGroup, XStack, YStack } from "tamagui";
|
|
5
5
|
function ButtonDemo(props) {
|
|
6
|
-
return
|
|
6
|
+
return /* @__PURE__ */_jsxs(YStack, {
|
|
7
7
|
p: "$3",
|
|
8
8
|
gap: "$3",
|
|
9
9
|
...props,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","Button","Activity","Airplay","Theme","XGroup","XStack","YStack","ButtonDemo","props","
|
|
1
|
+
{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","Button","Activity","Airplay","Theme","XGroup","XStack","YStack","ButtonDemo","props","p","gap","children","self","icon","size","justify","reset"],"sources":["../../src/ButtonDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,GAAA,IAAAC,IAAA,EAAAC,IAAc,IAAAC,KAAA;AACvB,SAASC,MAAA,QAAU,iBAAe;AAClC,SAASC,QAAO,EAAAC,OAAQ,QAAQ,uBAAc;AAKxC,SAAAC,KAIA,EAAAC,MAAA,EAAAC,MAJA,EAAAC,MAAA;AAHC,SAASC,WAAWC,KAAA,EAAO;EAChC,OACE,eAAAT,KAAC,CAAAO,MAAA;IACCG,CAAA;IACAC,GAAA;IAGA,GAAAF,KAAA;IACEG,QAAA,GAKA,eAAAd,IAAC,CAAAG,MAAA;MAGHW,QAAA;IACA,IACE,eAAAd,IAAC,CAAAG,MAAA,EAAM;MAEHY,IAAA;MAGAC,IAAA,EAAAX,OAAA;MAEAY,IAEJ;MACAH,QAAA;IAEA,CACF,GACA,eAAAZ,KAAC,CAAAM,MAAA,EACC;MAAAK,GAAA;MAMAK,OAAA;MAKFJ,QAAA,GACF,eAAAd,IAAA,CAAAM,KAAA;QAEJa,KAAA","ignoreList":[]}
|
package/dist/esm/CardDemo.js
CHANGED
|
@@ -21,7 +21,7 @@ function DemoCard(props) {
|
|
|
21
21
|
return /* @__PURE__ */ jsxs(Card, { size: "$4", borderWidth: 1, borderColor: "$borderColor", ...props, children: [
|
|
22
22
|
/* @__PURE__ */ jsxs(Card.Header, { p: "$4", children: [
|
|
23
23
|
/* @__PURE__ */ jsx(H2, { children: "Sony A7IV" }),
|
|
24
|
-
/* @__PURE__ */ jsx(Paragraph, {
|
|
24
|
+
/* @__PURE__ */ jsx(Paragraph, { children: "Now available" })
|
|
25
25
|
] }),
|
|
26
26
|
/* @__PURE__ */ jsxs(Card.Footer, { p: "$4", children: [
|
|
27
27
|
/* @__PURE__ */ jsx(XStack, { flex: 1 }),
|
package/dist/esm/CardDemo.js.map
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/CardDemo.tsx"],
|
|
4
|
-
"mappings": "AACA,SAAS,QAAQ,MAAM,IAAI,OAAO,WAAW,cAAc;AAIvD,SACE,KADF;AAFG,SAAS,WAAW;AACzB,SACE,qBAAC,UAAO,QAAQ,EAAE,eAAe,SAAS,GAAG,IAAG,MAAK,KAAI,MACvD;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,YAAW;AAAA,QACX,MAAK;AAAA,QACL,OAAO;AAAA,QACP,QAAQ;AAAA,QACR,OAAO;AAAA,QACP,YAAY,EAAE,OAAO,MAAM;AAAA,QAC3B,YAAY,EAAE,OAAO,MAAM;AAAA;AAAA,IAC7B;AAAA,IACA,oBAAC,YAAS,MAAK,MAAK,OAAO,KAAK,QAAQ,KAAK;AAAA,KAC/C;AAEJ;AAEO,SAAS,SAAS,OAAkB;AACzC,SACE,qBAAC,QAAK,MAAK,MAAK,aAAa,GAAG,aAAY,gBAAgB,GAAG,OAC7D;AAAA,yBAAC,KAAK,QAAL,EAAY,GAAE,MACb;AAAA,0BAAC,MAAG,uBAAS;AAAA,MACb,oBAAC,aAAU,
|
|
4
|
+
"mappings": "AACA,SAAS,QAAQ,MAAM,IAAI,OAAO,WAAW,cAAc;AAIvD,SACE,KADF;AAFG,SAAS,WAAW;AACzB,SACE,qBAAC,UAAO,QAAQ,EAAE,eAAe,SAAS,GAAG,IAAG,MAAK,KAAI,MACvD;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,YAAW;AAAA,QACX,MAAK;AAAA,QACL,OAAO;AAAA,QACP,QAAQ;AAAA,QACR,OAAO;AAAA,QACP,YAAY,EAAE,OAAO,MAAM;AAAA,QAC3B,YAAY,EAAE,OAAO,MAAM;AAAA;AAAA,IAC7B;AAAA,IACA,oBAAC,YAAS,MAAK,MAAK,OAAO,KAAK,QAAQ,KAAK;AAAA,KAC/C;AAEJ;AAEO,SAAS,SAAS,OAAkB;AACzC,SACE,qBAAC,QAAK,MAAK,MAAK,aAAa,GAAG,aAAY,gBAAgB,GAAG,OAC7D;AAAA,yBAAC,KAAK,QAAL,EAAY,GAAE,MACb;AAAA,0BAAC,MAAG,uBAAS;AAAA,MACb,oBAAC,aAAU,2BAAa;AAAA,OAC1B;AAAA,IACA,qBAAC,KAAK,QAAL,EAAY,GAAE,MACb;AAAA,0BAAC,UAAO,MAAM,GAAG;AAAA,MACjB,oBAAC,UAAO,SAAQ,OAAM,sBAAQ;AAAA,OAChC;AAAA,IACA,oBAAC,KAAK,YAAL,EAAgB,OAAM,UACrB;AAAA,MAAC;AAAA;AAAA,QACC,WAAU;AAAA,QACV,OAAO;AAAA,QACP,QAAQ;AAAA,QACR,KAAK;AAAA;AAAA,IACP,GACF;AAAA,KACF;AAEJ;",
|
|
5
5
|
"names": []
|
|
6
6
|
}
|
package/dist/esm/CardDemo.mjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["Button","Card","H2","Image","Paragraph","XStack","jsx","jsxs","CardDemo","$maxMd","flexDirection","px","gap","children","DemoCard","transition","size","width","height","scale","hoverStyle","pressStyle","props","borderWidth","borderColor","Header","p","
|
|
1
|
+
{"version":3,"names":["Button","Card","H2","Image","Paragraph","XStack","jsx","jsxs","CardDemo","$maxMd","flexDirection","px","gap","children","DemoCard","transition","size","width","height","scale","hoverStyle","pressStyle","props","borderWidth","borderColor","Header","p","Footer","flex","rounded","Background","items","objectFit","src"],"sources":["../../src/CardDemo.tsx"],"sourcesContent":[null],"mappings":"AACA,SAASA,MAAA,EAAQC,IAAA,EAAMC,EAAA,EAAIC,KAAA,EAAOC,SAAA,EAAWC,MAAA,QAAc;AAIvD,SACEC,GAAA,EADFC,IAAA;AAFG,SAASC,SAAA,EAAW;EACzB,OACE,eAAAD,IAAA,CAACF,MAAA;IAAOI,MAAA,EAAQ;MAAEC,aAAA,EAAe;IAAS;IAAGC,EAAA,EAAG;IAAKC,GAAA,EAAI;IACvDC,QAAA,kBAAAP,GAAA,CAACQ,QAAA;MACCC,UAAA,EAAW;MACXC,IAAA,EAAK;MACLC,KAAA,EAAO;MACPC,MAAA,EAAQ;MACRC,KAAA,EAAO;MACPC,UAAA,EAAY;QAAED,KAAA,EAAO;MAAM;MAC3BE,UAAA,EAAY;QAAEF,KAAA,EAAO;MAAM;IAAA,CAC7B,GACA,eAAAb,GAAA,CAACQ,QAAA;MAASE,IAAA,EAAK;MAAKC,KAAA,EAAO;MAAKC,MAAA,EAAQ;IAAA,CAAK;EAAA,CAC/C;AAEJ;AAEO,SAASJ,SAASQ,KAAA,EAAkB;EACzC,OACE,eAAAf,IAAA,CAACN,IAAA;IAAKe,IAAA,EAAK;IAAKO,WAAA,EAAa;IAAGC,WAAA,EAAY;IAAgB,GAAGF,KAAA;IAC7DT,QAAA,kBAAAN,IAAA,CAACN,IAAA,CAAKwB,MAAA,EAAL;MAAYC,CAAA,EAAE;MACbb,QAAA,kBAAAP,GAAA,CAACJ,EAAA;QAAGW,QAAA;MAAA,CAAS,GACb,eAAAP,GAAA,CAACF,SAAA;QAAUS,QAAA;MAAA,CAAa;IAAA,CAC1B,GACA,eAAAN,IAAA,CAACN,IAAA,CAAK0B,MAAA,EAAL;MAAYD,CAAA,EAAE;MACbb,QAAA,kBAAAP,GAAA,CAACD,MAAA;QAAOuB,IAAA,EAAM;MAAA,CAAG,GACjB,eAAAtB,GAAA,CAACN,MAAA;QAAO6B,OAAA,EAAQ;QAAMhB,QAAA;MAAA,CAAQ;IAAA,CAChC,GACA,eAAAP,GAAA,CAACL,IAAA,CAAK6B,UAAA,EAAL;MAAgBC,KAAA,EAAM;MACrBlB,QAAA,iBAAAP,GAAA,CAACH,KAAA;QACC6B,SAAA,EAAU;QACVf,KAAA,EAAO;QACPC,MAAA,EAAQ;QACRe,GAAA,EAAK;MAAA,CACP;IAAA,CACF;EAAA,CACF;AAEJ","ignoreList":[]}
|
|
@@ -2,14 +2,14 @@ import { Circle, ScrollView, Square, XStack } from "tamagui";
|
|
|
2
2
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
3
3
|
function ScrollViewDemo() {
|
|
4
4
|
return /* @__PURE__ */ jsx(ScrollView, { maxH: 250, width: "75%", bg: "$background", p: "$4", rounded: "$4", children: /* @__PURE__ */ jsxs(XStack, { flexWrap: "wrap", items: "center", justify: "center", children: [
|
|
5
|
-
/* @__PURE__ */ jsx(Square, { m: "$4", size: 120, bg: "$
|
|
6
|
-
/* @__PURE__ */ jsx(Circle, { m: "$4", size: 120, bg: "$
|
|
7
|
-
/* @__PURE__ */ jsx(Square, { m: "$4", size: 120, bg: "$
|
|
8
|
-
/* @__PURE__ */ jsx(Circle, { m: "$4", size: 120, bg: "$
|
|
9
|
-
/* @__PURE__ */ jsx(Square, { m: "$4", size: 120, bg: "$
|
|
10
|
-
/* @__PURE__ */ jsx(Circle, { m: "$4", size: 120, bg: "$
|
|
11
|
-
/* @__PURE__ */ jsx(Square, { m: "$4", size: 120, bg: "$
|
|
12
|
-
/* @__PURE__ */ jsx(Circle, { m: "$4", size: 120, bg: "$
|
|
5
|
+
/* @__PURE__ */ jsx(Square, { m: "$4", size: 120, bg: "$color5" }),
|
|
6
|
+
/* @__PURE__ */ jsx(Circle, { m: "$4", size: 120, bg: "$color6" }),
|
|
7
|
+
/* @__PURE__ */ jsx(Square, { m: "$4", size: 120, bg: "$color7" }),
|
|
8
|
+
/* @__PURE__ */ jsx(Circle, { m: "$4", size: 120, bg: "$color8" }),
|
|
9
|
+
/* @__PURE__ */ jsx(Square, { m: "$4", size: 120, bg: "$color9" }),
|
|
10
|
+
/* @__PURE__ */ jsx(Circle, { m: "$4", size: 120, bg: "$color10" }),
|
|
11
|
+
/* @__PURE__ */ jsx(Square, { m: "$4", size: 120, bg: "$color11" }),
|
|
12
|
+
/* @__PURE__ */ jsx(Circle, { m: "$4", size: 120, bg: "$color12" })
|
|
13
13
|
] }) });
|
|
14
14
|
}
|
|
15
15
|
export {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/ScrollViewDemo.tsx"],
|
|
4
|
-
"mappings": "AAAA,SAAS,QAAQ,YAAY,QAAQ,cAAc;AAK7C,SACE,KADF;AAHC,SAAS,iBAAiB;AAC/B,SACE,oBAAC,cAAW,MAAM,KAAK,OAAM,OAAM,IAAG,eAAc,GAAE,MAAK,SAAQ,MACjE,+BAAC,UAAO,UAAS,QAAO,OAAM,UAAS,SAAQ,UAC7C;AAAA,wBAAC,UAAO,GAAE,MAAK,MAAM,KAAK,IAAG,
|
|
4
|
+
"mappings": "AAAA,SAAS,QAAQ,YAAY,QAAQ,cAAc;AAK7C,SACE,KADF;AAHC,SAAS,iBAAiB;AAC/B,SACE,oBAAC,cAAW,MAAM,KAAK,OAAM,OAAM,IAAG,eAAc,GAAE,MAAK,SAAQ,MACjE,+BAAC,UAAO,UAAS,QAAO,OAAM,UAAS,SAAQ,UAC7C;AAAA,wBAAC,UAAO,GAAE,MAAK,MAAM,KAAK,IAAG,WAAU;AAAA,IACvC,oBAAC,UAAO,GAAE,MAAK,MAAM,KAAK,IAAG,WAAU;AAAA,IACvC,oBAAC,UAAO,GAAE,MAAK,MAAM,KAAK,IAAG,WAAU;AAAA,IACvC,oBAAC,UAAO,GAAE,MAAK,MAAM,KAAK,IAAG,WAAU;AAAA,IACvC,oBAAC,UAAO,GAAE,MAAK,MAAM,KAAK,IAAG,WAAU;AAAA,IACvC,oBAAC,UAAO,GAAE,MAAK,MAAM,KAAK,IAAG,YAAW;AAAA,IACxC,oBAAC,UAAO,GAAE,MAAK,MAAM,KAAK,IAAG,YAAW;AAAA,IACxC,oBAAC,UAAO,GAAE,MAAK,MAAM,KAAK,IAAG,YAAW;AAAA,KAC1C,GACF;AAEJ;",
|
|
5
5
|
"names": []
|
|
6
6
|
}
|
|
@@ -14,35 +14,35 @@ function ScrollViewDemo() {
|
|
|
14
14
|
children: [/* @__PURE__ */jsx(Square, {
|
|
15
15
|
m: "$4",
|
|
16
16
|
size: 120,
|
|
17
|
-
bg: "$
|
|
17
|
+
bg: "$color5"
|
|
18
18
|
}), /* @__PURE__ */jsx(Circle, {
|
|
19
19
|
m: "$4",
|
|
20
20
|
size: 120,
|
|
21
|
-
bg: "$
|
|
21
|
+
bg: "$color6"
|
|
22
22
|
}), /* @__PURE__ */jsx(Square, {
|
|
23
23
|
m: "$4",
|
|
24
24
|
size: 120,
|
|
25
|
-
bg: "$
|
|
25
|
+
bg: "$color7"
|
|
26
26
|
}), /* @__PURE__ */jsx(Circle, {
|
|
27
27
|
m: "$4",
|
|
28
28
|
size: 120,
|
|
29
|
-
bg: "$
|
|
29
|
+
bg: "$color8"
|
|
30
30
|
}), /* @__PURE__ */jsx(Square, {
|
|
31
31
|
m: "$4",
|
|
32
32
|
size: 120,
|
|
33
|
-
bg: "$
|
|
33
|
+
bg: "$color9"
|
|
34
34
|
}), /* @__PURE__ */jsx(Circle, {
|
|
35
35
|
m: "$4",
|
|
36
36
|
size: 120,
|
|
37
|
-
bg: "$
|
|
37
|
+
bg: "$color10"
|
|
38
38
|
}), /* @__PURE__ */jsx(Square, {
|
|
39
39
|
m: "$4",
|
|
40
40
|
size: 120,
|
|
41
|
-
bg: "$
|
|
41
|
+
bg: "$color11"
|
|
42
42
|
}), /* @__PURE__ */jsx(Circle, {
|
|
43
43
|
m: "$4",
|
|
44
44
|
size: 120,
|
|
45
|
-
bg: "$
|
|
45
|
+
bg: "$color12"
|
|
46
46
|
})]
|
|
47
47
|
})
|
|
48
48
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["Circle","ScrollView","Square","XStack","jsx","jsxs","ScrollViewDemo","maxH","width","bg","p","rounded","children","flexWrap","items","justify","m","size"],"sources":["../../src/ScrollViewDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,MAAA,EAAQC,UAAA,EAAYC,MAAA,EAAQC,MAAA,QAAc;AAK7C,SACEC,GAAA,EADFC,IAAA;AAHC,SAASC,eAAA,EAAiB;EAC/B,OACE,eAAAF,GAAA,CAACH,UAAA;IAAWM,IAAA,EAAM;IAAKC,KAAA,EAAM;IAAMC,EAAA,EAAG;IAAcC,CAAA,EAAE;IAAKC,OAAA,EAAQ;IACjEC,QAAA,iBAAAP,IAAA,CAACF,MAAA;MAAOU,QAAA,EAAS;MAAOC,KAAA,EAAM;MAASC,OAAA,EAAQ;MAC7CH,QAAA,kBAAAR,GAAA,CAACF,MAAA;QAAOc,CAAA,EAAE;QAAKC,IAAA,EAAM;QAAKR,EAAA,EAAG;MAAA,
|
|
1
|
+
{"version":3,"names":["Circle","ScrollView","Square","XStack","jsx","jsxs","ScrollViewDemo","maxH","width","bg","p","rounded","children","flexWrap","items","justify","m","size"],"sources":["../../src/ScrollViewDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,MAAA,EAAQC,UAAA,EAAYC,MAAA,EAAQC,MAAA,QAAc;AAK7C,SACEC,GAAA,EADFC,IAAA;AAHC,SAASC,eAAA,EAAiB;EAC/B,OACE,eAAAF,GAAA,CAACH,UAAA;IAAWM,IAAA,EAAM;IAAKC,KAAA,EAAM;IAAMC,EAAA,EAAG;IAAcC,CAAA,EAAE;IAAKC,OAAA,EAAQ;IACjEC,QAAA,iBAAAP,IAAA,CAACF,MAAA;MAAOU,QAAA,EAAS;MAAOC,KAAA,EAAM;MAASC,OAAA,EAAQ;MAC7CH,QAAA,kBAAAR,GAAA,CAACF,MAAA;QAAOc,CAAA,EAAE;QAAKC,IAAA,EAAM;QAAKR,EAAA,EAAG;MAAA,CAAU,GACvC,eAAAL,GAAA,CAACJ,MAAA;QAAOgB,CAAA,EAAE;QAAKC,IAAA,EAAM;QAAKR,EAAA,EAAG;MAAA,CAAU,GACvC,eAAAL,GAAA,CAACF,MAAA;QAAOc,CAAA,EAAE;QAAKC,IAAA,EAAM;QAAKR,EAAA,EAAG;MAAA,CAAU,GACvC,eAAAL,GAAA,CAACJ,MAAA;QAAOgB,CAAA,EAAE;QAAKC,IAAA,EAAM;QAAKR,EAAA,EAAG;MAAA,CAAU,GACvC,eAAAL,GAAA,CAACF,MAAA;QAAOc,CAAA,EAAE;QAAKC,IAAA,EAAM;QAAKR,EAAA,EAAG;MAAA,CAAU,GACvC,eAAAL,GAAA,CAACJ,MAAA;QAAOgB,CAAA,EAAE;QAAKC,IAAA,EAAM;QAAKR,EAAA,EAAG;MAAA,CAAW,GACxC,eAAAL,GAAA,CAACF,MAAA;QAAOc,CAAA,EAAE;QAAKC,IAAA,EAAM;QAAKR,EAAA,EAAG;MAAA,CAAW,GACxC,eAAAL,GAAA,CAACJ,MAAA;QAAOgB,CAAA,EAAE;QAAKC,IAAA,EAAM;QAAKR,EAAA,EAAG;MAAA,CAAW;IAAA,CAC1C;EAAA,CACF;AAEJ","ignoreList":[]}
|
|
@@ -14,35 +14,35 @@ function ScrollViewDemo() {
|
|
|
14
14
|
children: [/* @__PURE__ */_jsx(Square, {
|
|
15
15
|
m: "$4",
|
|
16
16
|
size: 120,
|
|
17
|
-
bg: "$
|
|
17
|
+
bg: "$color5"
|
|
18
18
|
}), /* @__PURE__ */_jsx(Circle, {
|
|
19
19
|
m: "$4",
|
|
20
20
|
size: 120,
|
|
21
|
-
bg: "$
|
|
21
|
+
bg: "$color6"
|
|
22
22
|
}), /* @__PURE__ */_jsx(Square, {
|
|
23
23
|
m: "$4",
|
|
24
24
|
size: 120,
|
|
25
|
-
bg: "$
|
|
25
|
+
bg: "$color7"
|
|
26
26
|
}), /* @__PURE__ */_jsx(Circle, {
|
|
27
27
|
m: "$4",
|
|
28
28
|
size: 120,
|
|
29
|
-
bg: "$
|
|
29
|
+
bg: "$color8"
|
|
30
30
|
}), /* @__PURE__ */_jsx(Square, {
|
|
31
31
|
m: "$4",
|
|
32
32
|
size: 120,
|
|
33
|
-
bg: "$
|
|
33
|
+
bg: "$color9"
|
|
34
34
|
}), /* @__PURE__ */_jsx(Circle, {
|
|
35
35
|
m: "$4",
|
|
36
36
|
size: 120,
|
|
37
|
-
bg: "$
|
|
37
|
+
bg: "$color10"
|
|
38
38
|
}), /* @__PURE__ */_jsx(Square, {
|
|
39
39
|
m: "$4",
|
|
40
40
|
size: 120,
|
|
41
|
-
bg: "$
|
|
41
|
+
bg: "$color11"
|
|
42
42
|
}), /* @__PURE__ */_jsx(Circle, {
|
|
43
43
|
m: "$4",
|
|
44
44
|
size: 120,
|
|
45
|
-
bg: "$
|
|
45
|
+
bg: "$color12"
|
|
46
46
|
})]
|
|
47
47
|
})
|
|
48
48
|
});
|
package/dist/esm/TextDemo.js
CHANGED
|
@@ -1,12 +1,8 @@
|
|
|
1
|
-
import { Paragraph, SizableText,
|
|
1
|
+
import { Paragraph, SizableText, YStack } from "tamagui";
|
|
2
2
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
3
3
|
function TextDemo() {
|
|
4
4
|
return /* @__PURE__ */ jsxs(YStack, { gap: "$2", items: "center", children: [
|
|
5
5
|
/* @__PURE__ */ jsx(SizableText, { size: "$3", children: "SizableText" }),
|
|
6
|
-
/* @__PURE__ */ jsxs(XStack, { gap: "$4", children: [
|
|
7
|
-
/* @__PURE__ */ jsx(SizableText, { theme: "alt1", size: "$3", children: "alt1" }),
|
|
8
|
-
/* @__PURE__ */ jsx(SizableText, { theme: "alt2", size: "$3", children: "alt2" })
|
|
9
|
-
] }),
|
|
10
6
|
/* @__PURE__ */ jsx(Paragraph, { size: "$2", fontWeight: "800", children: "Paragraph" })
|
|
11
7
|
] });
|
|
12
8
|
}
|
package/dist/esm/TextDemo.js.map
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/TextDemo.tsx"],
|
|
4
|
-
"mappings": "
|
|
4
|
+
"mappings": "AAAA,SAAS,WAAW,aAAa,cAAc;AAI3C,SACE,KADF;AAFG,SAAS,WAAW;AACzB,SACE,qBAAC,UAAO,KAAI,MAAK,OAAM,UACrB;AAAA,wBAAC,eAAY,MAAK,MAAK,yBAAW;AAAA,IAClC,oBAAC,aAAU,MAAK,MAAK,YAAW,OAAM,uBAEtC;AAAA,KACF;AAEJ;",
|
|
5
5
|
"names": []
|
|
6
6
|
}
|
package/dist/esm/TextDemo.mjs
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { Paragraph, SizableText,
|
|
1
|
+
import { Paragraph, SizableText, YStack } from "tamagui";
|
|
2
2
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
3
3
|
function TextDemo() {
|
|
4
4
|
return /* @__PURE__ */jsxs(YStack, {
|
|
@@ -7,17 +7,6 @@ function TextDemo() {
|
|
|
7
7
|
children: [/* @__PURE__ */jsx(SizableText, {
|
|
8
8
|
size: "$3",
|
|
9
9
|
children: "SizableText"
|
|
10
|
-
}), /* @__PURE__ */jsxs(XStack, {
|
|
11
|
-
gap: "$4",
|
|
12
|
-
children: [/* @__PURE__ */jsx(SizableText, {
|
|
13
|
-
theme: "alt1",
|
|
14
|
-
size: "$3",
|
|
15
|
-
children: "alt1"
|
|
16
|
-
}), /* @__PURE__ */jsx(SizableText, {
|
|
17
|
-
theme: "alt2",
|
|
18
|
-
size: "$3",
|
|
19
|
-
children: "alt2"
|
|
20
|
-
})]
|
|
21
10
|
}), /* @__PURE__ */jsx(Paragraph, {
|
|
22
11
|
size: "$2",
|
|
23
12
|
fontWeight: "800",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["Paragraph","SizableText","
|
|
1
|
+
{"version":3,"names":["Paragraph","SizableText","YStack","jsx","jsxs","TextDemo","gap","items","children","size","fontWeight"],"sources":["../../src/TextDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,SAAA,EAAWC,WAAA,EAAaC,MAAA,QAAc;AAI3C,SACEC,GAAA,EADFC,IAAA;AAFG,SAASC,SAAA,EAAW;EACzB,OACE,eAAAD,IAAA,CAACF,MAAA;IAAOI,GAAA,EAAI;IAAKC,KAAA,EAAM;IACrBC,QAAA,kBAAAL,GAAA,CAACF,WAAA;MAAYQ,IAAA,EAAK;MAAKD,QAAA;IAAA,CAAW,GAClC,eAAAL,GAAA,CAACH,SAAA;MAAUS,IAAA,EAAK;MAAKC,UAAA,EAAW;MAAMF,QAAA;IAAA,CAEtC;EAAA,CACF;AAEJ","ignoreList":[]}
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import "
|
|
3
|
-
import { Paragraph, SizableText, XStack, YStack } from "tamagui";
|
|
2
|
+
import { Paragraph, SizableText, YStack } from "tamagui";
|
|
4
3
|
function TextDemo() {
|
|
5
4
|
return /* @__PURE__ */_jsxs(YStack, {
|
|
6
5
|
gap: "$2",
|
|
@@ -8,17 +7,6 @@ function TextDemo() {
|
|
|
8
7
|
children: [/* @__PURE__ */_jsx(SizableText, {
|
|
9
8
|
size: "$3",
|
|
10
9
|
children: "SizableText"
|
|
11
|
-
}), /* @__PURE__ */_jsxs(XStack, {
|
|
12
|
-
gap: "$4",
|
|
13
|
-
children: [/* @__PURE__ */_jsx(SizableText, {
|
|
14
|
-
theme: "alt1",
|
|
15
|
-
size: "$3",
|
|
16
|
-
children: "alt1"
|
|
17
|
-
}), /* @__PURE__ */_jsx(SizableText, {
|
|
18
|
-
theme: "alt2",
|
|
19
|
-
size: "$3",
|
|
20
|
-
children: "alt2"
|
|
21
|
-
})]
|
|
22
10
|
}), /* @__PURE__ */_jsx(Paragraph, {
|
|
23
11
|
size: "$2",
|
|
24
12
|
fontWeight: "800",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","Paragraph","SizableText","
|
|
1
|
+
{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","Paragraph","SizableText","YStack","TextDemo","gap","items","children"],"sources":["../../src/TextDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,GAAA,IAAAC,IAAW,EAAAC,IAAA,IAAAC,KAAa,2BAAc;AAI3C,SACEC,SADF,EAAAC,WAAA,EAAAC,MAAA;AAFG,SAASC,SAAA,EAAW;EACzB,OACE,eAAAJ,KAAC,CAAAG,MAAA;IACCE,GAAA;IACAC,KAAA;IAEAC,QACF,GAEJ,eAAAT,IAAA,CAAAI,WAAA","ignoreList":[]}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@tamagui/demos",
|
|
3
|
-
"version": "2.0.0-
|
|
3
|
+
"version": "2.0.0-1768636514428",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"sideEffects": [
|
|
6
6
|
"*.css"
|
|
@@ -50,45 +50,45 @@
|
|
|
50
50
|
}
|
|
51
51
|
},
|
|
52
52
|
"dependencies": {
|
|
53
|
-
"@tamagui/animate-presence": "2.0.0-
|
|
54
|
-
"@tamagui/avatar": "2.0.0-
|
|
55
|
-
"@tamagui/button": "2.0.0-
|
|
56
|
-
"@tamagui/checkbox": "2.0.0-
|
|
57
|
-
"@tamagui/checkbox-headless": "2.0.0-
|
|
58
|
-
"@tamagui/config": "2.0.0-
|
|
59
|
-
"@tamagui/context-menu": "2.0.0-
|
|
60
|
-
"@tamagui/core": "2.0.0-
|
|
61
|
-
"@tamagui/get-button-sized": "2.0.0-
|
|
62
|
-
"@tamagui/image": "2.0.0-
|
|
63
|
-
"@tamagui/input": "2.0.0-
|
|
64
|
-
"@tamagui/linear-gradient": "2.0.0-
|
|
65
|
-
"@tamagui/list-item": "2.0.0-
|
|
66
|
-
"@tamagui/logo": "2.0.0-
|
|
67
|
-
"@tamagui/lucide-icons": "2.0.0-
|
|
68
|
-
"@tamagui/menu": "2.0.0-
|
|
69
|
-
"@tamagui/popover": "2.0.0-
|
|
70
|
-
"@tamagui/progress": "2.0.0-
|
|
71
|
-
"@tamagui/radio-group": "2.0.0-
|
|
72
|
-
"@tamagui/radio-headless": "2.0.0-
|
|
73
|
-
"@tamagui/roving-focus": "2.0.0-
|
|
74
|
-
"@tamagui/select": "2.0.0-
|
|
75
|
-
"@tamagui/sheet": "2.0.0-
|
|
76
|
-
"@tamagui/slider": "2.0.0-
|
|
77
|
-
"@tamagui/stacks": "2.0.0-
|
|
78
|
-
"@tamagui/switch": "2.0.0-
|
|
79
|
-
"@tamagui/switch-headless": "2.0.0-
|
|
80
|
-
"@tamagui/tabs": "2.0.0-
|
|
81
|
-
"@tamagui/tamagui-dev-config": "2.0.0-
|
|
82
|
-
"@tamagui/theme": "2.0.0-
|
|
83
|
-
"@tamagui/toast": "2.0.0-
|
|
84
|
-
"tamagui": "2.0.0-
|
|
53
|
+
"@tamagui/animate-presence": "2.0.0-1768636514428",
|
|
54
|
+
"@tamagui/avatar": "2.0.0-1768636514428",
|
|
55
|
+
"@tamagui/button": "2.0.0-1768636514428",
|
|
56
|
+
"@tamagui/checkbox": "2.0.0-1768636514428",
|
|
57
|
+
"@tamagui/checkbox-headless": "2.0.0-1768636514428",
|
|
58
|
+
"@tamagui/config": "2.0.0-1768636514428",
|
|
59
|
+
"@tamagui/context-menu": "2.0.0-1768636514428",
|
|
60
|
+
"@tamagui/core": "2.0.0-1768636514428",
|
|
61
|
+
"@tamagui/get-button-sized": "2.0.0-1768636514428",
|
|
62
|
+
"@tamagui/image": "2.0.0-1768636514428",
|
|
63
|
+
"@tamagui/input": "2.0.0-1768636514428",
|
|
64
|
+
"@tamagui/linear-gradient": "2.0.0-1768636514428",
|
|
65
|
+
"@tamagui/list-item": "2.0.0-1768636514428",
|
|
66
|
+
"@tamagui/logo": "2.0.0-1768636514428",
|
|
67
|
+
"@tamagui/lucide-icons": "2.0.0-1768636514428",
|
|
68
|
+
"@tamagui/menu": "2.0.0-1768636514428",
|
|
69
|
+
"@tamagui/popover": "2.0.0-1768636514428",
|
|
70
|
+
"@tamagui/progress": "2.0.0-1768636514428",
|
|
71
|
+
"@tamagui/radio-group": "2.0.0-1768636514428",
|
|
72
|
+
"@tamagui/radio-headless": "2.0.0-1768636514428",
|
|
73
|
+
"@tamagui/roving-focus": "2.0.0-1768636514428",
|
|
74
|
+
"@tamagui/select": "2.0.0-1768636514428",
|
|
75
|
+
"@tamagui/sheet": "2.0.0-1768636514428",
|
|
76
|
+
"@tamagui/slider": "2.0.0-1768636514428",
|
|
77
|
+
"@tamagui/stacks": "2.0.0-1768636514428",
|
|
78
|
+
"@tamagui/switch": "2.0.0-1768636514428",
|
|
79
|
+
"@tamagui/switch-headless": "2.0.0-1768636514428",
|
|
80
|
+
"@tamagui/tabs": "2.0.0-1768636514428",
|
|
81
|
+
"@tamagui/tamagui-dev-config": "2.0.0-1768636514428",
|
|
82
|
+
"@tamagui/theme": "2.0.0-1768636514428",
|
|
83
|
+
"@tamagui/toast": "2.0.0-1768636514428",
|
|
84
|
+
"tamagui": "2.0.0-1768636514428"
|
|
85
85
|
},
|
|
86
86
|
"peerDependencies": {
|
|
87
87
|
"react": "*",
|
|
88
88
|
"react-native": "*"
|
|
89
89
|
},
|
|
90
90
|
"devDependencies": {
|
|
91
|
-
"@tamagui/build": "2.0.0-
|
|
91
|
+
"@tamagui/build": "2.0.0-1768636514428",
|
|
92
92
|
"react": "*",
|
|
93
93
|
"react-native": "0.81.5"
|
|
94
94
|
},
|
|
@@ -3,7 +3,7 @@ import { AnimatePresence, Button, Square, XStack, YStack, isWeb } from 'tamagui'
|
|
|
3
3
|
|
|
4
4
|
import { useIsIntersecting } from './useOnIntersecting'
|
|
5
5
|
|
|
6
|
-
const colors = ['$
|
|
6
|
+
const colors = ['$color9', '$color10', '$color11', '$color12'] as const
|
|
7
7
|
|
|
8
8
|
export function AnimationsDelayDemo() {
|
|
9
9
|
const ref = React.useRef<HTMLElement>(null)
|
package/src/ButtonDemo.tsx
CHANGED
package/src/CardDemo.tsx
CHANGED
|
@@ -23,7 +23,7 @@ export function DemoCard(props: CardProps) {
|
|
|
23
23
|
<Card size="$4" borderWidth={1} borderColor="$borderColor" {...props}>
|
|
24
24
|
<Card.Header p="$4">
|
|
25
25
|
<H2>Sony A7IV</H2>
|
|
26
|
-
<Paragraph
|
|
26
|
+
<Paragraph>Now available</Paragraph>
|
|
27
27
|
</Card.Header>
|
|
28
28
|
<Card.Footer p="$4">
|
|
29
29
|
<XStack flex={1} />
|
package/src/ScrollViewDemo.tsx
CHANGED
|
@@ -4,14 +4,14 @@ export function ScrollViewDemo() {
|
|
|
4
4
|
return (
|
|
5
5
|
<ScrollView maxH={250} width="75%" bg="$background" p="$4" rounded="$4">
|
|
6
6
|
<XStack flexWrap="wrap" items="center" justify="center">
|
|
7
|
-
<Square m="$4" size={120} bg="$
|
|
8
|
-
<Circle m="$4" size={120} bg="$
|
|
9
|
-
<Square m="$4" size={120} bg="$
|
|
10
|
-
<Circle m="$4" size={120} bg="$
|
|
11
|
-
<Square m="$4" size={120} bg="$
|
|
12
|
-
<Circle m="$4" size={120} bg="$
|
|
13
|
-
<Square m="$4" size={120} bg="$
|
|
14
|
-
<Circle m="$4" size={120} bg="$
|
|
7
|
+
<Square m="$4" size={120} bg="$color5" />
|
|
8
|
+
<Circle m="$4" size={120} bg="$color6" />
|
|
9
|
+
<Square m="$4" size={120} bg="$color7" />
|
|
10
|
+
<Circle m="$4" size={120} bg="$color8" />
|
|
11
|
+
<Square m="$4" size={120} bg="$color9" />
|
|
12
|
+
<Circle m="$4" size={120} bg="$color10" />
|
|
13
|
+
<Square m="$4" size={120} bg="$color11" />
|
|
14
|
+
<Circle m="$4" size={120} bg="$color12" />
|
|
15
15
|
</XStack>
|
|
16
16
|
</ScrollView>
|
|
17
17
|
)
|
package/src/TextDemo.tsx
CHANGED
|
@@ -1,18 +1,9 @@
|
|
|
1
|
-
import
|
|
2
|
-
import { Paragraph, SizableText, Text, XStack, YStack } from 'tamagui'
|
|
1
|
+
import { Paragraph, SizableText, YStack } from 'tamagui'
|
|
3
2
|
|
|
4
3
|
export function TextDemo() {
|
|
5
4
|
return (
|
|
6
5
|
<YStack gap="$2" items="center">
|
|
7
6
|
<SizableText size="$3">SizableText</SizableText>
|
|
8
|
-
<XStack gap="$4">
|
|
9
|
-
<SizableText theme="alt1" size="$3">
|
|
10
|
-
alt1
|
|
11
|
-
</SizableText>
|
|
12
|
-
<SizableText theme="alt2" size="$3">
|
|
13
|
-
alt2
|
|
14
|
-
</SizableText>
|
|
15
|
-
</XStack>
|
|
16
7
|
<Paragraph size="$2" fontWeight="800">
|
|
17
8
|
Paragraph
|
|
18
9
|
</Paragraph>
|