@tamagui/demos 1.14.9 → 1.15.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/AlertDialogDemo.js.map +2 -2
- package/dist/cjs/ButtonDemo.js +4 -4
- package/dist/cjs/ButtonDemo.js.map +2 -2
- package/dist/esm/AlertDialogDemo.js.map +2 -2
- package/dist/esm/AlertDialogDemo.mjs.map +2 -2
- package/dist/esm/ButtonDemo.js +4 -4
- package/dist/esm/ButtonDemo.js.map +2 -2
- package/dist/esm/ButtonDemo.mjs +4 -4
- package/dist/esm/ButtonDemo.mjs.map +2 -2
- package/dist/jsx/AlertDialogDemo.js.map +2 -2
- package/dist/jsx/AlertDialogDemo.mjs.map +2 -2
- package/dist/jsx/ButtonDemo.js +5 -5
- package/dist/jsx/ButtonDemo.js.map +2 -2
- package/dist/jsx/ButtonDemo.mjs +5 -5
- package/dist/jsx/ButtonDemo.mjs.map +2 -2
- package/package.json +18 -18
- package/src/AlertDialogDemo.tsx +2 -2
- package/src/ButtonDemo.tsx +5 -5
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/AlertDialogDemo.tsx"],
|
|
4
|
-
"sourcesContent": ["import { AlertDialog, Button, XStack, YStack } from 'tamagui'\n\nexport function AlertDialogDemo() {\n return (\n <AlertDialog native>\n <AlertDialog.Trigger asChild>\n <Button>Show Alert</Button>\n </AlertDialog.Trigger>\n\n <AlertDialog.Portal>\n <AlertDialog.Overlay\n key=\"overlay\"\n animation=\"quick\"\n opacity={0.5}\n enterStyle={{opacity:0 }}\n exitStyle={{opacity:0 }}\n />\n <AlertDialog.Content\n bordered\n elevate\n key=\"content\"\n animation={[\n 'quick',\n {\n opacity: {\n overshootClamping: true,\n },\n },\n ]}\n enterStyle={{ x: 0, y: -20, opacity: 0, scale: 0.9 }}\n exitStyle={{ x: 0, y: 10, opacity: 0, scale: 0.95 }}\n x={0}\n scale={1}\n opacity={1}\n y={0}\n >\n <YStack space>\n <AlertDialog.Title>Accept</AlertDialog.Title>\n <AlertDialog.Description>\n By pressing yes, you accept our terms and conditions.\n </AlertDialog.Description>\n\n <XStack space=\"$3\" justifyContent=\"flex-end\">\n <AlertDialog.Cancel asChild>\n <Button>Cancel</Button>\n </AlertDialog.Cancel>\n <AlertDialog.Action asChild>\n <Button theme=\"active\">Accept</Button>\n </AlertDialog.Action>\n </XStack>\n </YStack>\n </AlertDialog.Content>\n </AlertDialog.Portal>\n </AlertDialog>\n )\n}\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAMQ;AANR,qBAAoD;AAE7C,SAAS,kBAAkB;AAChC,SACE,6CAAC,8BAAY,QAAM,MACjB;AAAA,gDAAC,2BAAY,SAAZ,EAAoB,SAAO,MAC1B,sDAAC,yBAAO,wBAAU,GACpB;AAAA,IAEA,6CAAC,2BAAY,QAAZ,EACC;AAAA;AAAA,QAAC,2BAAY;AAAA,QAAZ;AAAA,UAEC,WAAU;AAAA,UACV,SAAS;AAAA,UACT,YAAY,
|
|
4
|
+
"sourcesContent": ["import { AlertDialog, Button, XStack, YStack } from 'tamagui'\n\nexport function AlertDialogDemo() {\n return (\n <AlertDialog native>\n <AlertDialog.Trigger asChild>\n <Button>Show Alert</Button>\n </AlertDialog.Trigger>\n\n <AlertDialog.Portal>\n <AlertDialog.Overlay\n key=\"overlay\"\n animation=\"quick\"\n opacity={0.5}\n enterStyle={{ opacity: 0 }}\n exitStyle={{ opacity: 0 }}\n />\n <AlertDialog.Content\n bordered\n elevate\n key=\"content\"\n animation={[\n 'quick',\n {\n opacity: {\n overshootClamping: true,\n },\n },\n ]}\n enterStyle={{ x: 0, y: -20, opacity: 0, scale: 0.9 }}\n exitStyle={{ x: 0, y: 10, opacity: 0, scale: 0.95 }}\n x={0}\n scale={1}\n opacity={1}\n y={0}\n >\n <YStack space>\n <AlertDialog.Title>Accept</AlertDialog.Title>\n <AlertDialog.Description>\n By pressing yes, you accept our terms and conditions.\n </AlertDialog.Description>\n\n <XStack space=\"$3\" justifyContent=\"flex-end\">\n <AlertDialog.Cancel asChild>\n <Button>Cancel</Button>\n </AlertDialog.Cancel>\n <AlertDialog.Action asChild>\n <Button theme=\"active\">Accept</Button>\n </AlertDialog.Action>\n </XStack>\n </YStack>\n </AlertDialog.Content>\n </AlertDialog.Portal>\n </AlertDialog>\n )\n}\n"],
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAMQ;AANR,qBAAoD;AAE7C,SAAS,kBAAkB;AAChC,SACE,6CAAC,8BAAY,QAAM,MACjB;AAAA,gDAAC,2BAAY,SAAZ,EAAoB,SAAO,MAC1B,sDAAC,yBAAO,wBAAU,GACpB;AAAA,IAEA,6CAAC,2BAAY,QAAZ,EACC;AAAA;AAAA,QAAC,2BAAY;AAAA,QAAZ;AAAA,UAEC,WAAU;AAAA,UACV,SAAS;AAAA,UACT,YAAY,EAAE,SAAS,EAAE;AAAA,UACzB,WAAW,EAAE,SAAS,EAAE;AAAA;AAAA,QAJpB;AAAA,MAKN;AAAA,MACA;AAAA,QAAC,2BAAY;AAAA,QAAZ;AAAA,UACC,UAAQ;AAAA,UACR,SAAO;AAAA,UAEP,WAAW;AAAA,YACT;AAAA,YACA;AAAA,cACE,SAAS;AAAA,gBACP,mBAAmB;AAAA,cACrB;AAAA,YACF;AAAA,UACF;AAAA,UACA,YAAY,EAAE,GAAG,GAAG,GAAG,KAAK,SAAS,GAAG,OAAO,IAAI;AAAA,UACnD,WAAW,EAAE,GAAG,GAAG,GAAG,IAAI,SAAS,GAAG,OAAO,KAAK;AAAA,UAClD,GAAG;AAAA,UACH,OAAO;AAAA,UACP,SAAS;AAAA,UACT,GAAG;AAAA,UAEH,uDAAC,yBAAO,OAAK,MACX;AAAA,wDAAC,2BAAY,OAAZ,EAAkB,oBAAM;AAAA,YACzB,4CAAC,2BAAY,aAAZ,EAAwB,mEAEzB;AAAA,YAEA,6CAAC,yBAAO,OAAM,MAAK,gBAAe,YAChC;AAAA,0DAAC,2BAAY,QAAZ,EAAmB,SAAO,MACzB,sDAAC,yBAAO,oBAAM,GAChB;AAAA,cACA,4CAAC,2BAAY,QAAZ,EAAmB,SAAO,MACzB,sDAAC,yBAAO,OAAM,UAAS,oBAAM,GAC/B;AAAA,eACF;AAAA,aACF;AAAA;AAAA,QA9BI;AAAA,MA+BN;AAAA,OACF;AAAA,KACF;AAEJ;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
package/dist/cjs/ButtonDemo.js
CHANGED
|
@@ -25,12 +25,12 @@ var import_jsx_runtime = require("react/jsx-runtime");
|
|
|
25
25
|
var import_lucide_icons = require("@tamagui/lucide-icons");
|
|
26
26
|
var import_tamagui = require("tamagui");
|
|
27
27
|
function ButtonDemo(props) {
|
|
28
|
-
return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, { padding: "$3", space:
|
|
28
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, { padding: "$3", space: "$3", ...props, children: [
|
|
29
29
|
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, { children: "Plain" }),
|
|
30
30
|
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, { alignSelf: "center", icon: import_lucide_icons.Airplay, size: "$6", children: "Large" }),
|
|
31
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.
|
|
32
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, {
|
|
33
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, {
|
|
31
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, { space: "$2", justifyContent: "center", children: [
|
|
32
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, { size: "$3", theme: "alt2", children: "Alt2" }),
|
|
33
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, { size: "$3", theme: "yellow", children: "Yellow" })
|
|
34
34
|
] }),
|
|
35
35
|
/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, { space: "$2", children: [
|
|
36
36
|
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, { themeInverse: true, size: "$3", children: "Small Inverse" }),
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/ButtonDemo.tsx"],
|
|
4
|
-
"sourcesContent": ["import { Activity, Airplay } from '@tamagui/lucide-icons'\nimport { Button, XGroup, XStack, YStack } from 'tamagui'\n\nexport function ButtonDemo(props) {\n return (\n <YStack padding=\"$3\" space {...props}>\n <Button>Plain</Button>\n <Button alignSelf=\"center\" icon={Airplay} size=\"$6\">\n Large\n </Button>\n <
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAMM;AANN,0BAAkC;AAClC,qBAA+C;AAExC,SAAS,WAAW,OAAO;AAChC,SACE,6CAAC,yBAAO,SAAQ,MAAK,
|
|
4
|
+
"sourcesContent": ["import { Activity, Airplay } from '@tamagui/lucide-icons'\nimport { Button, XGroup, XStack, YStack } from 'tamagui'\n\nexport function ButtonDemo(props) {\n return (\n <YStack padding=\"$3\" space=\"$3\" {...props}>\n <Button>Plain</Button>\n <Button alignSelf=\"center\" icon={Airplay} size=\"$6\">\n Large\n </Button>\n <XStack space=\"$2\" justifyContent=\"center\">\n <Button size=\"$3\" theme=\"alt2\">\n Alt2\n </Button>\n <Button size=\"$3\" theme=\"yellow\">\n Yellow\n </Button>\n </XStack>\n <XStack space=\"$2\">\n <Button themeInverse size=\"$3\">\n Small Inverse\n </Button>\n <Button iconAfter={Activity} size=\"$3\">\n After\n </Button>\n </XStack>\n <XGroup>\n <XGroup.Item>\n <Button width=\"50%\" size=\"$2\" disabled opacity={0.5}>\n disabled\n </Button>\n </XGroup.Item>\n\n <XGroup.Item>\n <Button width=\"50%\" size=\"$2\" chromeless>\n chromeless\n </Button>\n </XGroup.Item>\n </XGroup>\n </YStack>\n )\n}\n"],
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAMM;AANN,0BAAkC;AAClC,qBAA+C;AAExC,SAAS,WAAW,OAAO;AAChC,SACE,6CAAC,yBAAO,SAAQ,MAAK,OAAM,MAAM,GAAG,OAClC;AAAA,gDAAC,yBAAO,mBAAK;AAAA,IACb,4CAAC,yBAAO,WAAU,UAAS,MAAM,6BAAS,MAAK,MAAK,mBAEpD;AAAA,IACA,6CAAC,yBAAO,OAAM,MAAK,gBAAe,UAChC;AAAA,kDAAC,yBAAO,MAAK,MAAK,OAAM,QAAO,kBAE/B;AAAA,MACA,4CAAC,yBAAO,MAAK,MAAK,OAAM,UAAS,oBAEjC;AAAA,OACF;AAAA,IACA,6CAAC,yBAAO,OAAM,MACZ;AAAA,kDAAC,yBAAO,cAAY,MAAC,MAAK,MAAK,2BAE/B;AAAA,MACA,4CAAC,yBAAO,WAAW,8BAAU,MAAK,MAAK,mBAEvC;AAAA,OACF;AAAA,IACA,6CAAC,yBACC;AAAA,kDAAC,sBAAO,MAAP,EACC,sDAAC,yBAAO,OAAM,OAAM,MAAK,MAAK,UAAQ,MAAC,SAAS,KAAK,sBAErD,GACF;AAAA,MAEA,4CAAC,sBAAO,MAAP,EACC,sDAAC,yBAAO,OAAM,OAAM,MAAK,MAAK,YAAU,MAAC,wBAEzC,GACF;AAAA,OACF;AAAA,KACF;AAEJ;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/AlertDialogDemo.tsx"],
|
|
4
|
-
"sourcesContent": ["import { AlertDialog, Button, XStack, YStack } from 'tamagui'\n\nexport function AlertDialogDemo() {\n return (\n <AlertDialog native>\n <AlertDialog.Trigger asChild>\n <Button>Show Alert</Button>\n </AlertDialog.Trigger>\n\n <AlertDialog.Portal>\n <AlertDialog.Overlay\n key=\"overlay\"\n animation=\"quick\"\n opacity={0.5}\n enterStyle={{opacity:0 }}\n exitStyle={{opacity:0 }}\n />\n <AlertDialog.Content\n bordered\n elevate\n key=\"content\"\n animation={[\n 'quick',\n {\n opacity: {\n overshootClamping: true,\n },\n },\n ]}\n enterStyle={{ x: 0, y: -20, opacity: 0, scale: 0.9 }}\n exitStyle={{ x: 0, y: 10, opacity: 0, scale: 0.95 }}\n x={0}\n scale={1}\n opacity={1}\n y={0}\n >\n <YStack space>\n <AlertDialog.Title>Accept</AlertDialog.Title>\n <AlertDialog.Description>\n By pressing yes, you accept our terms and conditions.\n </AlertDialog.Description>\n\n <XStack space=\"$3\" justifyContent=\"flex-end\">\n <AlertDialog.Cancel asChild>\n <Button>Cancel</Button>\n </AlertDialog.Cancel>\n <AlertDialog.Action asChild>\n <Button theme=\"active\">Accept</Button>\n </AlertDialog.Action>\n </XStack>\n </YStack>\n </AlertDialog.Content>\n </AlertDialog.Portal>\n </AlertDialog>\n )\n}\n"],
|
|
5
|
-
"mappings": "AAMQ,cAoCI,YApCJ;AANR,SAAS,aAAa,QAAQ,QAAQ,cAAc;AAE7C,SAAS,kBAAkB;AAChC,SACE,qBAAC,eAAY,QAAM,MACjB;AAAA,wBAAC,YAAY,SAAZ,EAAoB,SAAO,MAC1B,8BAAC,UAAO,wBAAU,GACpB;AAAA,IAEA,qBAAC,YAAY,QAAZ,EACC;AAAA;AAAA,QAAC,YAAY;AAAA,QAAZ;AAAA,UAEC,WAAU;AAAA,UACV,SAAS;AAAA,UACT,YAAY,
|
|
4
|
+
"sourcesContent": ["import { AlertDialog, Button, XStack, YStack } from 'tamagui'\n\nexport function AlertDialogDemo() {\n return (\n <AlertDialog native>\n <AlertDialog.Trigger asChild>\n <Button>Show Alert</Button>\n </AlertDialog.Trigger>\n\n <AlertDialog.Portal>\n <AlertDialog.Overlay\n key=\"overlay\"\n animation=\"quick\"\n opacity={0.5}\n enterStyle={{ opacity: 0 }}\n exitStyle={{ opacity: 0 }}\n />\n <AlertDialog.Content\n bordered\n elevate\n key=\"content\"\n animation={[\n 'quick',\n {\n opacity: {\n overshootClamping: true,\n },\n },\n ]}\n enterStyle={{ x: 0, y: -20, opacity: 0, scale: 0.9 }}\n exitStyle={{ x: 0, y: 10, opacity: 0, scale: 0.95 }}\n x={0}\n scale={1}\n opacity={1}\n y={0}\n >\n <YStack space>\n <AlertDialog.Title>Accept</AlertDialog.Title>\n <AlertDialog.Description>\n By pressing yes, you accept our terms and conditions.\n </AlertDialog.Description>\n\n <XStack space=\"$3\" justifyContent=\"flex-end\">\n <AlertDialog.Cancel asChild>\n <Button>Cancel</Button>\n </AlertDialog.Cancel>\n <AlertDialog.Action asChild>\n <Button theme=\"active\">Accept</Button>\n </AlertDialog.Action>\n </XStack>\n </YStack>\n </AlertDialog.Content>\n </AlertDialog.Portal>\n </AlertDialog>\n )\n}\n"],
|
|
5
|
+
"mappings": "AAMQ,cAoCI,YApCJ;AANR,SAAS,aAAa,QAAQ,QAAQ,cAAc;AAE7C,SAAS,kBAAkB;AAChC,SACE,qBAAC,eAAY,QAAM,MACjB;AAAA,wBAAC,YAAY,SAAZ,EAAoB,SAAO,MAC1B,8BAAC,UAAO,wBAAU,GACpB;AAAA,IAEA,qBAAC,YAAY,QAAZ,EACC;AAAA;AAAA,QAAC,YAAY;AAAA,QAAZ;AAAA,UAEC,WAAU;AAAA,UACV,SAAS;AAAA,UACT,YAAY,EAAE,SAAS,EAAE;AAAA,UACzB,WAAW,EAAE,SAAS,EAAE;AAAA;AAAA,QAJpB;AAAA,MAKN;AAAA,MACA;AAAA,QAAC,YAAY;AAAA,QAAZ;AAAA,UACC,UAAQ;AAAA,UACR,SAAO;AAAA,UAEP,WAAW;AAAA,YACT;AAAA,YACA;AAAA,cACE,SAAS;AAAA,gBACP,mBAAmB;AAAA,cACrB;AAAA,YACF;AAAA,UACF;AAAA,UACA,YAAY,EAAE,GAAG,GAAG,GAAG,KAAK,SAAS,GAAG,OAAO,IAAI;AAAA,UACnD,WAAW,EAAE,GAAG,GAAG,GAAG,IAAI,SAAS,GAAG,OAAO,KAAK;AAAA,UAClD,GAAG;AAAA,UACH,OAAO;AAAA,UACP,SAAS;AAAA,UACT,GAAG;AAAA,UAEH,+BAAC,UAAO,OAAK,MACX;AAAA,gCAAC,YAAY,OAAZ,EAAkB,oBAAM;AAAA,YACzB,oBAAC,YAAY,aAAZ,EAAwB,mEAEzB;AAAA,YAEA,qBAAC,UAAO,OAAM,MAAK,gBAAe,YAChC;AAAA,kCAAC,YAAY,QAAZ,EAAmB,SAAO,MACzB,8BAAC,UAAO,oBAAM,GAChB;AAAA,cACA,oBAAC,YAAY,QAAZ,EAAmB,SAAO,MACzB,8BAAC,UAAO,OAAM,UAAS,oBAAM,GAC/B;AAAA,eACF;AAAA,aACF;AAAA;AAAA,QA9BI;AAAA,MA+BN;AAAA,OACF;AAAA,KACF;AAEJ;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/AlertDialogDemo.tsx"],
|
|
4
|
-
"sourcesContent": ["import { AlertDialog, Button, XStack, YStack } from 'tamagui'\n\nexport function AlertDialogDemo() {\n return (\n <AlertDialog native>\n <AlertDialog.Trigger asChild>\n <Button>Show Alert</Button>\n </AlertDialog.Trigger>\n\n <AlertDialog.Portal>\n <AlertDialog.Overlay\n key=\"overlay\"\n animation=\"quick\"\n opacity={0.5}\n enterStyle={{opacity:0 }}\n exitStyle={{opacity:0 }}\n />\n <AlertDialog.Content\n bordered\n elevate\n key=\"content\"\n animation={[\n 'quick',\n {\n opacity: {\n overshootClamping: true,\n },\n },\n ]}\n enterStyle={{ x: 0, y: -20, opacity: 0, scale: 0.9 }}\n exitStyle={{ x: 0, y: 10, opacity: 0, scale: 0.95 }}\n x={0}\n scale={1}\n opacity={1}\n y={0}\n >\n <YStack space>\n <AlertDialog.Title>Accept</AlertDialog.Title>\n <AlertDialog.Description>\n By pressing yes, you accept our terms and conditions.\n </AlertDialog.Description>\n\n <XStack space=\"$3\" justifyContent=\"flex-end\">\n <AlertDialog.Cancel asChild>\n <Button>Cancel</Button>\n </AlertDialog.Cancel>\n <AlertDialog.Action asChild>\n <Button theme=\"active\">Accept</Button>\n </AlertDialog.Action>\n </XStack>\n </YStack>\n </AlertDialog.Content>\n </AlertDialog.Portal>\n </AlertDialog>\n )\n}\n"],
|
|
5
|
-
"mappings": "AAMQ,cAoCI,YApCJ;AANR,SAAS,aAAa,QAAQ,QAAQ,cAAc;AAE7C,SAAS,kBAAkB;AAChC,SACE,qBAAC,eAAY,QAAM,MACjB;AAAA,wBAAC,YAAY,SAAZ,EAAoB,SAAO,MAC1B,8BAAC,UAAO,wBAAU,GACpB;AAAA,IAEA,qBAAC,YAAY,QAAZ,EACC;AAAA;AAAA,QAAC,YAAY;AAAA,QAAZ;AAAA,UAEC,WAAU;AAAA,UACV,SAAS;AAAA,UACT,YAAY,
|
|
4
|
+
"sourcesContent": ["import { AlertDialog, Button, XStack, YStack } from 'tamagui'\n\nexport function AlertDialogDemo() {\n return (\n <AlertDialog native>\n <AlertDialog.Trigger asChild>\n <Button>Show Alert</Button>\n </AlertDialog.Trigger>\n\n <AlertDialog.Portal>\n <AlertDialog.Overlay\n key=\"overlay\"\n animation=\"quick\"\n opacity={0.5}\n enterStyle={{ opacity: 0 }}\n exitStyle={{ opacity: 0 }}\n />\n <AlertDialog.Content\n bordered\n elevate\n key=\"content\"\n animation={[\n 'quick',\n {\n opacity: {\n overshootClamping: true,\n },\n },\n ]}\n enterStyle={{ x: 0, y: -20, opacity: 0, scale: 0.9 }}\n exitStyle={{ x: 0, y: 10, opacity: 0, scale: 0.95 }}\n x={0}\n scale={1}\n opacity={1}\n y={0}\n >\n <YStack space>\n <AlertDialog.Title>Accept</AlertDialog.Title>\n <AlertDialog.Description>\n By pressing yes, you accept our terms and conditions.\n </AlertDialog.Description>\n\n <XStack space=\"$3\" justifyContent=\"flex-end\">\n <AlertDialog.Cancel asChild>\n <Button>Cancel</Button>\n </AlertDialog.Cancel>\n <AlertDialog.Action asChild>\n <Button theme=\"active\">Accept</Button>\n </AlertDialog.Action>\n </XStack>\n </YStack>\n </AlertDialog.Content>\n </AlertDialog.Portal>\n </AlertDialog>\n )\n}\n"],
|
|
5
|
+
"mappings": "AAMQ,cAoCI,YApCJ;AANR,SAAS,aAAa,QAAQ,QAAQ,cAAc;AAE7C,SAAS,kBAAkB;AAChC,SACE,qBAAC,eAAY,QAAM,MACjB;AAAA,wBAAC,YAAY,SAAZ,EAAoB,SAAO,MAC1B,8BAAC,UAAO,wBAAU,GACpB;AAAA,IAEA,qBAAC,YAAY,QAAZ,EACC;AAAA;AAAA,QAAC,YAAY;AAAA,QAAZ;AAAA,UAEC,WAAU;AAAA,UACV,SAAS;AAAA,UACT,YAAY,EAAE,SAAS,EAAE;AAAA,UACzB,WAAW,EAAE,SAAS,EAAE;AAAA;AAAA,QAJpB;AAAA,MAKN;AAAA,MACA;AAAA,QAAC,YAAY;AAAA,QAAZ;AAAA,UACC,UAAQ;AAAA,UACR,SAAO;AAAA,UAEP,WAAW;AAAA,YACT;AAAA,YACA;AAAA,cACE,SAAS;AAAA,gBACP,mBAAmB;AAAA,cACrB;AAAA,YACF;AAAA,UACF;AAAA,UACA,YAAY,EAAE,GAAG,GAAG,GAAG,KAAK,SAAS,GAAG,OAAO,IAAI;AAAA,UACnD,WAAW,EAAE,GAAG,GAAG,GAAG,IAAI,SAAS,GAAG,OAAO,KAAK;AAAA,UAClD,GAAG;AAAA,UACH,OAAO;AAAA,UACP,SAAS;AAAA,UACT,GAAG;AAAA,UAEH,+BAAC,UAAO,OAAK,MACX;AAAA,gCAAC,YAAY,OAAZ,EAAkB,oBAAM;AAAA,YACzB,oBAAC,YAAY,aAAZ,EAAwB,mEAEzB;AAAA,YAEA,qBAAC,UAAO,OAAM,MAAK,gBAAe,YAChC;AAAA,kCAAC,YAAY,QAAZ,EAAmB,SAAO,MACzB,8BAAC,UAAO,oBAAM,GAChB;AAAA,cACA,oBAAC,YAAY,QAAZ,EAAmB,SAAO,MACzB,8BAAC,UAAO,OAAM,UAAS,oBAAM,GAC/B;AAAA,eACF;AAAA,aACF;AAAA;AAAA,QA9BI;AAAA,MA+BN;AAAA,OACF;AAAA,KACF;AAEJ;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
package/dist/esm/ButtonDemo.js
CHANGED
|
@@ -2,12 +2,12 @@ import { jsx, jsxs } from "react/jsx-runtime";
|
|
|
2
2
|
import { Activity, Airplay } from "@tamagui/lucide-icons";
|
|
3
3
|
import { Button, XGroup, XStack, YStack } from "tamagui";
|
|
4
4
|
function ButtonDemo(props) {
|
|
5
|
-
return /* @__PURE__ */ jsxs(YStack, { padding: "$3", space:
|
|
5
|
+
return /* @__PURE__ */ jsxs(YStack, { padding: "$3", space: "$3", ...props, children: [
|
|
6
6
|
/* @__PURE__ */ jsx(Button, { children: "Plain" }),
|
|
7
7
|
/* @__PURE__ */ jsx(Button, { alignSelf: "center", icon: Airplay, size: "$6", children: "Large" }),
|
|
8
|
-
/* @__PURE__ */ jsxs(
|
|
9
|
-
/* @__PURE__ */ jsx(Button, {
|
|
10
|
-
/* @__PURE__ */ jsx(Button, {
|
|
8
|
+
/* @__PURE__ */ jsxs(XStack, { space: "$2", justifyContent: "center", children: [
|
|
9
|
+
/* @__PURE__ */ jsx(Button, { size: "$3", theme: "alt2", children: "Alt2" }),
|
|
10
|
+
/* @__PURE__ */ jsx(Button, { size: "$3", theme: "yellow", children: "Yellow" })
|
|
11
11
|
] }),
|
|
12
12
|
/* @__PURE__ */ jsxs(XStack, { space: "$2", children: [
|
|
13
13
|
/* @__PURE__ */ jsx(Button, { themeInverse: true, size: "$3", children: "Small Inverse" }),
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/ButtonDemo.tsx"],
|
|
4
|
-
"sourcesContent": ["import { Activity, Airplay } from '@tamagui/lucide-icons'\nimport { Button, XGroup, XStack, YStack } from 'tamagui'\n\nexport function ButtonDemo(props) {\n return (\n <YStack padding=\"$3\" space {...props}>\n <Button>Plain</Button>\n <Button alignSelf=\"center\" icon={Airplay} size=\"$6\">\n Large\n </Button>\n <
|
|
5
|
-
"mappings": "AAMM,cAIA,YAJA;AANN,SAAS,UAAU,eAAe;AAClC,SAAS,QAAQ,QAAQ,QAAQ,cAAc;AAExC,SAAS,WAAW,OAAO;AAChC,SACE,qBAAC,UAAO,SAAQ,MAAK,
|
|
4
|
+
"sourcesContent": ["import { Activity, Airplay } from '@tamagui/lucide-icons'\nimport { Button, XGroup, XStack, YStack } from 'tamagui'\n\nexport function ButtonDemo(props) {\n return (\n <YStack padding=\"$3\" space=\"$3\" {...props}>\n <Button>Plain</Button>\n <Button alignSelf=\"center\" icon={Airplay} size=\"$6\">\n Large\n </Button>\n <XStack space=\"$2\" justifyContent=\"center\">\n <Button size=\"$3\" theme=\"alt2\">\n Alt2\n </Button>\n <Button size=\"$3\" theme=\"yellow\">\n Yellow\n </Button>\n </XStack>\n <XStack space=\"$2\">\n <Button themeInverse size=\"$3\">\n Small Inverse\n </Button>\n <Button iconAfter={Activity} size=\"$3\">\n After\n </Button>\n </XStack>\n <XGroup>\n <XGroup.Item>\n <Button width=\"50%\" size=\"$2\" disabled opacity={0.5}>\n disabled\n </Button>\n </XGroup.Item>\n\n <XGroup.Item>\n <Button width=\"50%\" size=\"$2\" chromeless>\n chromeless\n </Button>\n </XGroup.Item>\n </XGroup>\n </YStack>\n )\n}\n"],
|
|
5
|
+
"mappings": "AAMM,cAIA,YAJA;AANN,SAAS,UAAU,eAAe;AAClC,SAAS,QAAQ,QAAQ,QAAQ,cAAc;AAExC,SAAS,WAAW,OAAO;AAChC,SACE,qBAAC,UAAO,SAAQ,MAAK,OAAM,MAAM,GAAG,OAClC;AAAA,wBAAC,UAAO,mBAAK;AAAA,IACb,oBAAC,UAAO,WAAU,UAAS,MAAM,SAAS,MAAK,MAAK,mBAEpD;AAAA,IACA,qBAAC,UAAO,OAAM,MAAK,gBAAe,UAChC;AAAA,0BAAC,UAAO,MAAK,MAAK,OAAM,QAAO,kBAE/B;AAAA,MACA,oBAAC,UAAO,MAAK,MAAK,OAAM,UAAS,oBAEjC;AAAA,OACF;AAAA,IACA,qBAAC,UAAO,OAAM,MACZ;AAAA,0BAAC,UAAO,cAAY,MAAC,MAAK,MAAK,2BAE/B;AAAA,MACA,oBAAC,UAAO,WAAW,UAAU,MAAK,MAAK,mBAEvC;AAAA,OACF;AAAA,IACA,qBAAC,UACC;AAAA,0BAAC,OAAO,MAAP,EACC,8BAAC,UAAO,OAAM,OAAM,MAAK,MAAK,UAAQ,MAAC,SAAS,KAAK,sBAErD,GACF;AAAA,MAEA,oBAAC,OAAO,MAAP,EACC,8BAAC,UAAO,OAAM,OAAM,MAAK,MAAK,YAAU,MAAC,wBAEzC,GACF;AAAA,OACF;AAAA,KACF;AAEJ;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
package/dist/esm/ButtonDemo.mjs
CHANGED
|
@@ -2,12 +2,12 @@ import { jsx, jsxs } from "react/jsx-runtime";
|
|
|
2
2
|
import { Activity, Airplay } from "@tamagui/lucide-icons";
|
|
3
3
|
import { Button, XGroup, XStack, YStack } from "tamagui";
|
|
4
4
|
function ButtonDemo(props) {
|
|
5
|
-
return /* @__PURE__ */ jsxs(YStack, { padding: "$3", space:
|
|
5
|
+
return /* @__PURE__ */ jsxs(YStack, { padding: "$3", space: "$3", ...props, children: [
|
|
6
6
|
/* @__PURE__ */ jsx(Button, { children: "Plain" }),
|
|
7
7
|
/* @__PURE__ */ jsx(Button, { alignSelf: "center", icon: Airplay, size: "$6", children: "Large" }),
|
|
8
|
-
/* @__PURE__ */ jsxs(
|
|
9
|
-
/* @__PURE__ */ jsx(Button, {
|
|
10
|
-
/* @__PURE__ */ jsx(Button, {
|
|
8
|
+
/* @__PURE__ */ jsxs(XStack, { space: "$2", justifyContent: "center", children: [
|
|
9
|
+
/* @__PURE__ */ jsx(Button, { size: "$3", theme: "alt2", children: "Alt2" }),
|
|
10
|
+
/* @__PURE__ */ jsx(Button, { size: "$3", theme: "yellow", children: "Yellow" })
|
|
11
11
|
] }),
|
|
12
12
|
/* @__PURE__ */ jsxs(XStack, { space: "$2", children: [
|
|
13
13
|
/* @__PURE__ */ jsx(Button, { themeInverse: true, size: "$3", children: "Small Inverse" }),
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/ButtonDemo.tsx"],
|
|
4
|
-
"sourcesContent": ["import { Activity, Airplay } from '@tamagui/lucide-icons'\nimport { Button, XGroup, XStack, YStack } from 'tamagui'\n\nexport function ButtonDemo(props) {\n return (\n <YStack padding=\"$3\" space {...props}>\n <Button>Plain</Button>\n <Button alignSelf=\"center\" icon={Airplay} size=\"$6\">\n Large\n </Button>\n <
|
|
5
|
-
"mappings": "AAMM,cAIA,YAJA;AANN,SAAS,UAAU,eAAe;AAClC,SAAS,QAAQ,QAAQ,QAAQ,cAAc;AAExC,SAAS,WAAW,OAAO;AAChC,SACE,qBAAC,UAAO,SAAQ,MAAK,
|
|
4
|
+
"sourcesContent": ["import { Activity, Airplay } from '@tamagui/lucide-icons'\nimport { Button, XGroup, XStack, YStack } from 'tamagui'\n\nexport function ButtonDemo(props) {\n return (\n <YStack padding=\"$3\" space=\"$3\" {...props}>\n <Button>Plain</Button>\n <Button alignSelf=\"center\" icon={Airplay} size=\"$6\">\n Large\n </Button>\n <XStack space=\"$2\" justifyContent=\"center\">\n <Button size=\"$3\" theme=\"alt2\">\n Alt2\n </Button>\n <Button size=\"$3\" theme=\"yellow\">\n Yellow\n </Button>\n </XStack>\n <XStack space=\"$2\">\n <Button themeInverse size=\"$3\">\n Small Inverse\n </Button>\n <Button iconAfter={Activity} size=\"$3\">\n After\n </Button>\n </XStack>\n <XGroup>\n <XGroup.Item>\n <Button width=\"50%\" size=\"$2\" disabled opacity={0.5}>\n disabled\n </Button>\n </XGroup.Item>\n\n <XGroup.Item>\n <Button width=\"50%\" size=\"$2\" chromeless>\n chromeless\n </Button>\n </XGroup.Item>\n </XGroup>\n </YStack>\n )\n}\n"],
|
|
5
|
+
"mappings": "AAMM,cAIA,YAJA;AANN,SAAS,UAAU,eAAe;AAClC,SAAS,QAAQ,QAAQ,QAAQ,cAAc;AAExC,SAAS,WAAW,OAAO;AAChC,SACE,qBAAC,UAAO,SAAQ,MAAK,OAAM,MAAM,GAAG,OAClC;AAAA,wBAAC,UAAO,mBAAK;AAAA,IACb,oBAAC,UAAO,WAAU,UAAS,MAAM,SAAS,MAAK,MAAK,mBAEpD;AAAA,IACA,qBAAC,UAAO,OAAM,MAAK,gBAAe,UAChC;AAAA,0BAAC,UAAO,MAAK,MAAK,OAAM,QAAO,kBAE/B;AAAA,MACA,oBAAC,UAAO,MAAK,MAAK,OAAM,UAAS,oBAEjC;AAAA,OACF;AAAA,IACA,qBAAC,UAAO,OAAM,MACZ;AAAA,0BAAC,UAAO,cAAY,MAAC,MAAK,MAAK,2BAE/B;AAAA,MACA,oBAAC,UAAO,WAAW,UAAU,MAAK,MAAK,mBAEvC;AAAA,OACF;AAAA,IACA,qBAAC,UACC;AAAA,0BAAC,OAAO,MAAP,EACC,8BAAC,UAAO,OAAM,OAAM,MAAK,MAAK,UAAQ,MAAC,SAAS,KAAK,sBAErD,GACF;AAAA,MAEA,oBAAC,OAAO,MAAP,EACC,8BAAC,UAAO,OAAM,OAAM,MAAK,MAAK,YAAU,MAAC,wBAEzC,GACF;AAAA,OACF;AAAA,KACF;AAEJ;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/AlertDialogDemo.tsx"],
|
|
4
|
-
"sourcesContent": ["import { AlertDialog, Button, XStack, YStack } from 'tamagui'\n\nexport function AlertDialogDemo() {\n return (\n <AlertDialog native>\n <AlertDialog.Trigger asChild>\n <Button>Show Alert</Button>\n </AlertDialog.Trigger>\n\n <AlertDialog.Portal>\n <AlertDialog.Overlay\n key=\"overlay\"\n animation=\"quick\"\n opacity={0.5}\n enterStyle={{opacity:0 }}\n exitStyle={{opacity:0 }}\n />\n <AlertDialog.Content\n bordered\n elevate\n key=\"content\"\n animation={[\n 'quick',\n {\n opacity: {\n overshootClamping: true,\n },\n },\n ]}\n enterStyle={{ x: 0, y: -20, opacity: 0, scale: 0.9 }}\n exitStyle={{ x: 0, y: 10, opacity: 0, scale: 0.95 }}\n x={0}\n scale={1}\n opacity={1}\n y={0}\n >\n <YStack space>\n <AlertDialog.Title>Accept</AlertDialog.Title>\n <AlertDialog.Description>\n By pressing yes, you accept our terms and conditions.\n </AlertDialog.Description>\n\n <XStack space=\"$3\" justifyContent=\"flex-end\">\n <AlertDialog.Cancel asChild>\n <Button>Cancel</Button>\n </AlertDialog.Cancel>\n <AlertDialog.Action asChild>\n <Button theme=\"active\">Accept</Button>\n </AlertDialog.Action>\n </XStack>\n </YStack>\n </AlertDialog.Content>\n </AlertDialog.Portal>\n </AlertDialog>\n )\n}\n"],
|
|
5
|
-
"mappings": "AAAA,SAAS,aAAa,QAAQ,QAAQ,cAAc;AAE7C,SAAS,kBAAkB;AAChC,SACE,CAAC,YAAY;AAAA,IACX,CAAC,YAAY,QAAQ,QACnB,CAAC,OAAO,UAAU,EAAjB,OACH,EAFC,YAAY;AAAA,IAIb,CAAC,YAAY;AAAA,MACX,CAAC,YAAY;AAAA,QACX,IAAI;AAAA,QACJ,UAAU;AAAA,QACV,SAAS;AAAA,QACT,YAAY,
|
|
4
|
+
"sourcesContent": ["import { AlertDialog, Button, XStack, YStack } from 'tamagui'\n\nexport function AlertDialogDemo() {\n return (\n <AlertDialog native>\n <AlertDialog.Trigger asChild>\n <Button>Show Alert</Button>\n </AlertDialog.Trigger>\n\n <AlertDialog.Portal>\n <AlertDialog.Overlay\n key=\"overlay\"\n animation=\"quick\"\n opacity={0.5}\n enterStyle={{ opacity: 0 }}\n exitStyle={{ opacity: 0 }}\n />\n <AlertDialog.Content\n bordered\n elevate\n key=\"content\"\n animation={[\n 'quick',\n {\n opacity: {\n overshootClamping: true,\n },\n },\n ]}\n enterStyle={{ x: 0, y: -20, opacity: 0, scale: 0.9 }}\n exitStyle={{ x: 0, y: 10, opacity: 0, scale: 0.95 }}\n x={0}\n scale={1}\n opacity={1}\n y={0}\n >\n <YStack space>\n <AlertDialog.Title>Accept</AlertDialog.Title>\n <AlertDialog.Description>\n By pressing yes, you accept our terms and conditions.\n </AlertDialog.Description>\n\n <XStack space=\"$3\" justifyContent=\"flex-end\">\n <AlertDialog.Cancel asChild>\n <Button>Cancel</Button>\n </AlertDialog.Cancel>\n <AlertDialog.Action asChild>\n <Button theme=\"active\">Accept</Button>\n </AlertDialog.Action>\n </XStack>\n </YStack>\n </AlertDialog.Content>\n </AlertDialog.Portal>\n </AlertDialog>\n )\n}\n"],
|
|
5
|
+
"mappings": "AAAA,SAAS,aAAa,QAAQ,QAAQ,cAAc;AAE7C,SAAS,kBAAkB;AAChC,SACE,CAAC,YAAY;AAAA,IACX,CAAC,YAAY,QAAQ,QACnB,CAAC,OAAO,UAAU,EAAjB,OACH,EAFC,YAAY;AAAA,IAIb,CAAC,YAAY;AAAA,MACX,CAAC,YAAY;AAAA,QACX,IAAI;AAAA,QACJ,UAAU;AAAA,QACV,SAAS;AAAA,QACT,YAAY,EAAE,SAAS,EAAE;AAAA,QACzB,WAAW,EAAE,SAAS,EAAE;AAAA,MAC1B;AAAA,MACA,CAAC,YAAY;AAAA,QACX;AAAA,QACA;AAAA,QACA,IAAI;AAAA,QACJ,WAAW;AAAA,UACT;AAAA,UACA;AAAA,YACE,SAAS;AAAA,cACP,mBAAmB;AAAA,YACrB;AAAA,UACF;AAAA,QACF;AAAA,QACA,YAAY,EAAE,GAAG,GAAG,GAAG,KAAK,SAAS,GAAG,OAAO,IAAI;AAAA,QACnD,WAAW,EAAE,GAAG,GAAG,GAAG,IAAI,SAAS,GAAG,OAAO,KAAK;AAAA,QAClD,GAAG;AAAA,QACH,OAAO;AAAA,QACP,SAAS;AAAA,QACT,GAAG;AAAA,OAEH,CAAC,OAAO;AAAA,QACN,CAAC,YAAY,MAAM,MAAM,EAAxB,YAAY;AAAA,QACb,CAAC,YAAY,YAAY,qDAEzB,EAFC,YAAY;AAAA,QAIb,CAAC,OAAO,MAAM,KAAK,eAAe;AAAA,UAChC,CAAC,YAAY,OAAO,QAClB,CAAC,OAAO,MAAM,EAAb,OACH,EAFC,YAAY;AAAA,UAGb,CAAC,YAAY,OAAO,QAClB,CAAC,OAAO,MAAM,SAAS,MAAM,EAA5B,OACH,EAFC,YAAY;AAAA,QAGf,EAPC;AAAA,MAQH,EAdC,OAeH,EAlCC,YAAY;AAAA,IAmCf,EA3CC,YAAY;AAAA,EA4Cf,EAjDC;AAmDL;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/AlertDialogDemo.tsx"],
|
|
4
|
-
"sourcesContent": ["import { AlertDialog, Button, XStack, YStack } from 'tamagui'\n\nexport function AlertDialogDemo() {\n return (\n <AlertDialog native>\n <AlertDialog.Trigger asChild>\n <Button>Show Alert</Button>\n </AlertDialog.Trigger>\n\n <AlertDialog.Portal>\n <AlertDialog.Overlay\n key=\"overlay\"\n animation=\"quick\"\n opacity={0.5}\n enterStyle={{opacity:0 }}\n exitStyle={{opacity:0 }}\n />\n <AlertDialog.Content\n bordered\n elevate\n key=\"content\"\n animation={[\n 'quick',\n {\n opacity: {\n overshootClamping: true,\n },\n },\n ]}\n enterStyle={{ x: 0, y: -20, opacity: 0, scale: 0.9 }}\n exitStyle={{ x: 0, y: 10, opacity: 0, scale: 0.95 }}\n x={0}\n scale={1}\n opacity={1}\n y={0}\n >\n <YStack space>\n <AlertDialog.Title>Accept</AlertDialog.Title>\n <AlertDialog.Description>\n By pressing yes, you accept our terms and conditions.\n </AlertDialog.Description>\n\n <XStack space=\"$3\" justifyContent=\"flex-end\">\n <AlertDialog.Cancel asChild>\n <Button>Cancel</Button>\n </AlertDialog.Cancel>\n <AlertDialog.Action asChild>\n <Button theme=\"active\">Accept</Button>\n </AlertDialog.Action>\n </XStack>\n </YStack>\n </AlertDialog.Content>\n </AlertDialog.Portal>\n </AlertDialog>\n )\n}\n"],
|
|
5
|
-
"mappings": "AAAA,SAAS,aAAa,QAAQ,QAAQ,cAAc;AAE7C,SAAS,kBAAkB;AAChC,SACE,CAAC,YAAY;AAAA,IACX,CAAC,YAAY,QAAQ,QACnB,CAAC,OAAO,UAAU,EAAjB,OACH,EAFC,YAAY;AAAA,IAIb,CAAC,YAAY;AAAA,MACX,CAAC,YAAY;AAAA,QACX,IAAI;AAAA,QACJ,UAAU;AAAA,QACV,SAAS;AAAA,QACT,YAAY,
|
|
4
|
+
"sourcesContent": ["import { AlertDialog, Button, XStack, YStack } from 'tamagui'\n\nexport function AlertDialogDemo() {\n return (\n <AlertDialog native>\n <AlertDialog.Trigger asChild>\n <Button>Show Alert</Button>\n </AlertDialog.Trigger>\n\n <AlertDialog.Portal>\n <AlertDialog.Overlay\n key=\"overlay\"\n animation=\"quick\"\n opacity={0.5}\n enterStyle={{ opacity: 0 }}\n exitStyle={{ opacity: 0 }}\n />\n <AlertDialog.Content\n bordered\n elevate\n key=\"content\"\n animation={[\n 'quick',\n {\n opacity: {\n overshootClamping: true,\n },\n },\n ]}\n enterStyle={{ x: 0, y: -20, opacity: 0, scale: 0.9 }}\n exitStyle={{ x: 0, y: 10, opacity: 0, scale: 0.95 }}\n x={0}\n scale={1}\n opacity={1}\n y={0}\n >\n <YStack space>\n <AlertDialog.Title>Accept</AlertDialog.Title>\n <AlertDialog.Description>\n By pressing yes, you accept our terms and conditions.\n </AlertDialog.Description>\n\n <XStack space=\"$3\" justifyContent=\"flex-end\">\n <AlertDialog.Cancel asChild>\n <Button>Cancel</Button>\n </AlertDialog.Cancel>\n <AlertDialog.Action asChild>\n <Button theme=\"active\">Accept</Button>\n </AlertDialog.Action>\n </XStack>\n </YStack>\n </AlertDialog.Content>\n </AlertDialog.Portal>\n </AlertDialog>\n )\n}\n"],
|
|
5
|
+
"mappings": "AAAA,SAAS,aAAa,QAAQ,QAAQ,cAAc;AAE7C,SAAS,kBAAkB;AAChC,SACE,CAAC,YAAY;AAAA,IACX,CAAC,YAAY,QAAQ,QACnB,CAAC,OAAO,UAAU,EAAjB,OACH,EAFC,YAAY;AAAA,IAIb,CAAC,YAAY;AAAA,MACX,CAAC,YAAY;AAAA,QACX,IAAI;AAAA,QACJ,UAAU;AAAA,QACV,SAAS;AAAA,QACT,YAAY,EAAE,SAAS,EAAE;AAAA,QACzB,WAAW,EAAE,SAAS,EAAE;AAAA,MAC1B;AAAA,MACA,CAAC,YAAY;AAAA,QACX;AAAA,QACA;AAAA,QACA,IAAI;AAAA,QACJ,WAAW;AAAA,UACT;AAAA,UACA;AAAA,YACE,SAAS;AAAA,cACP,mBAAmB;AAAA,YACrB;AAAA,UACF;AAAA,QACF;AAAA,QACA,YAAY,EAAE,GAAG,GAAG,GAAG,KAAK,SAAS,GAAG,OAAO,IAAI;AAAA,QACnD,WAAW,EAAE,GAAG,GAAG,GAAG,IAAI,SAAS,GAAG,OAAO,KAAK;AAAA,QAClD,GAAG;AAAA,QACH,OAAO;AAAA,QACP,SAAS;AAAA,QACT,GAAG;AAAA,OAEH,CAAC,OAAO;AAAA,QACN,CAAC,YAAY,MAAM,MAAM,EAAxB,YAAY;AAAA,QACb,CAAC,YAAY,YAAY,qDAEzB,EAFC,YAAY;AAAA,QAIb,CAAC,OAAO,MAAM,KAAK,eAAe;AAAA,UAChC,CAAC,YAAY,OAAO,QAClB,CAAC,OAAO,MAAM,EAAb,OACH,EAFC,YAAY;AAAA,UAGb,CAAC,YAAY,OAAO,QAClB,CAAC,OAAO,MAAM,SAAS,MAAM,EAA5B,OACH,EAFC,YAAY;AAAA,QAGf,EAPC;AAAA,MAQH,EAdC,OAeH,EAlCC,YAAY;AAAA,IAmCf,EA3CC,YAAY;AAAA,EA4Cf,EAjDC;AAmDL;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
package/dist/jsx/ButtonDemo.js
CHANGED
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
import { Activity, Airplay } from "@tamagui/lucide-icons";
|
|
2
2
|
import { Button, XGroup, XStack, YStack } from "tamagui";
|
|
3
3
|
function ButtonDemo(props) {
|
|
4
|
-
return <YStack padding="$3" space {...props}>
|
|
4
|
+
return <YStack padding="$3" space="$3" {...props}>
|
|
5
5
|
<Button>Plain</Button>
|
|
6
6
|
<Button alignSelf="center" icon={Airplay} size="$6">Large</Button>
|
|
7
|
-
<
|
|
8
|
-
<Button
|
|
9
|
-
<Button
|
|
10
|
-
</
|
|
7
|
+
<XStack space="$2" justifyContent="center">
|
|
8
|
+
<Button size="$3" theme="alt2">Alt2</Button>
|
|
9
|
+
<Button size="$3" theme="yellow">Yellow</Button>
|
|
10
|
+
</XStack>
|
|
11
11
|
<XStack space="$2">
|
|
12
12
|
<Button themeInverse size="$3">Small Inverse</Button>
|
|
13
13
|
<Button iconAfter={Activity} size="$3">After</Button>
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/ButtonDemo.tsx"],
|
|
4
|
-
"sourcesContent": ["import { Activity, Airplay } from '@tamagui/lucide-icons'\nimport { Button, XGroup, XStack, YStack } from 'tamagui'\n\nexport function ButtonDemo(props) {\n return (\n <YStack padding=\"$3\" space {...props}>\n <Button>Plain</Button>\n <Button alignSelf=\"center\" icon={Airplay} size=\"$6\">\n Large\n </Button>\n <
|
|
5
|
-
"mappings": "AAAA,SAAS,UAAU,eAAe;AAClC,SAAS,QAAQ,QAAQ,QAAQ,cAAc;AAExC,SAAS,WAAW,OAAO;AAChC,SACE,CAAC,OAAO,QAAQ,KAAK,
|
|
4
|
+
"sourcesContent": ["import { Activity, Airplay } from '@tamagui/lucide-icons'\nimport { Button, XGroup, XStack, YStack } from 'tamagui'\n\nexport function ButtonDemo(props) {\n return (\n <YStack padding=\"$3\" space=\"$3\" {...props}>\n <Button>Plain</Button>\n <Button alignSelf=\"center\" icon={Airplay} size=\"$6\">\n Large\n </Button>\n <XStack space=\"$2\" justifyContent=\"center\">\n <Button size=\"$3\" theme=\"alt2\">\n Alt2\n </Button>\n <Button size=\"$3\" theme=\"yellow\">\n Yellow\n </Button>\n </XStack>\n <XStack space=\"$2\">\n <Button themeInverse size=\"$3\">\n Small Inverse\n </Button>\n <Button iconAfter={Activity} size=\"$3\">\n After\n </Button>\n </XStack>\n <XGroup>\n <XGroup.Item>\n <Button width=\"50%\" size=\"$2\" disabled opacity={0.5}>\n disabled\n </Button>\n </XGroup.Item>\n\n <XGroup.Item>\n <Button width=\"50%\" size=\"$2\" chromeless>\n chromeless\n </Button>\n </XGroup.Item>\n </XGroup>\n </YStack>\n )\n}\n"],
|
|
5
|
+
"mappings": "AAAA,SAAS,UAAU,eAAe;AAClC,SAAS,QAAQ,QAAQ,QAAQ,cAAc;AAExC,SAAS,WAAW,OAAO;AAChC,SACE,CAAC,OAAO,QAAQ,KAAK,MAAM,SAAS;AAAA,IAClC,CAAC,OAAO,KAAK,EAAZ;AAAA,IACD,CAAC,OAAO,UAAU,SAAS,MAAM,SAAS,KAAK,KAAK,KAEpD,EAFC;AAAA,IAGD,CAAC,OAAO,MAAM,KAAK,eAAe;AAAA,MAChC,CAAC,OAAO,KAAK,KAAK,MAAM,OAAO,IAE/B,EAFC;AAAA,MAGD,CAAC,OAAO,KAAK,KAAK,MAAM,SAAS,MAEjC,EAFC;AAAA,IAGH,EAPC;AAAA,IAQD,CAAC,OAAO,MAAM;AAAA,MACZ,CAAC,OAAO,aAAa,KAAK,KAAK,aAE/B,EAFC;AAAA,MAGD,CAAC,OAAO,WAAW,UAAU,KAAK,KAAK,KAEvC,EAFC;AAAA,IAGH,EAPC;AAAA,IAQD,CAAC;AAAA,MACC,CAAC,OAAO,KACN,CAAC,OAAO,MAAM,MAAM,KAAK,KAAK,SAAS,SAAS,KAAK,QAErD,EAFC,OAGH,EAJC,OAAO;AAAA,MAMR,CAAC,OAAO,KACN,CAAC,OAAO,MAAM,MAAM,KAAK,KAAK,WAAW,UAEzC,EAFC,OAGH,EAJC,OAAO;AAAA,IAKV,EAZC;AAAA,EAaH,EAlCC;AAoCL;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
package/dist/jsx/ButtonDemo.mjs
CHANGED
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
import { Activity, Airplay } from "@tamagui/lucide-icons";
|
|
2
2
|
import { Button, XGroup, XStack, YStack } from "tamagui";
|
|
3
3
|
function ButtonDemo(props) {
|
|
4
|
-
return <YStack padding="$3" space {...props}>
|
|
4
|
+
return <YStack padding="$3" space="$3" {...props}>
|
|
5
5
|
<Button>Plain</Button>
|
|
6
6
|
<Button alignSelf="center" icon={Airplay} size="$6">Large</Button>
|
|
7
|
-
<
|
|
8
|
-
<Button
|
|
9
|
-
<Button
|
|
10
|
-
</
|
|
7
|
+
<XStack space="$2" justifyContent="center">
|
|
8
|
+
<Button size="$3" theme="alt2">Alt2</Button>
|
|
9
|
+
<Button size="$3" theme="yellow">Yellow</Button>
|
|
10
|
+
</XStack>
|
|
11
11
|
<XStack space="$2">
|
|
12
12
|
<Button themeInverse size="$3">Small Inverse</Button>
|
|
13
13
|
<Button iconAfter={Activity} size="$3">After</Button>
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/ButtonDemo.tsx"],
|
|
4
|
-
"sourcesContent": ["import { Activity, Airplay } from '@tamagui/lucide-icons'\nimport { Button, XGroup, XStack, YStack } from 'tamagui'\n\nexport function ButtonDemo(props) {\n return (\n <YStack padding=\"$3\" space {...props}>\n <Button>Plain</Button>\n <Button alignSelf=\"center\" icon={Airplay} size=\"$6\">\n Large\n </Button>\n <
|
|
5
|
-
"mappings": "AAAA,SAAS,UAAU,eAAe;AAClC,SAAS,QAAQ,QAAQ,QAAQ,cAAc;AAExC,SAAS,WAAW,OAAO;AAChC,SACE,CAAC,OAAO,QAAQ,KAAK,
|
|
4
|
+
"sourcesContent": ["import { Activity, Airplay } from '@tamagui/lucide-icons'\nimport { Button, XGroup, XStack, YStack } from 'tamagui'\n\nexport function ButtonDemo(props) {\n return (\n <YStack padding=\"$3\" space=\"$3\" {...props}>\n <Button>Plain</Button>\n <Button alignSelf=\"center\" icon={Airplay} size=\"$6\">\n Large\n </Button>\n <XStack space=\"$2\" justifyContent=\"center\">\n <Button size=\"$3\" theme=\"alt2\">\n Alt2\n </Button>\n <Button size=\"$3\" theme=\"yellow\">\n Yellow\n </Button>\n </XStack>\n <XStack space=\"$2\">\n <Button themeInverse size=\"$3\">\n Small Inverse\n </Button>\n <Button iconAfter={Activity} size=\"$3\">\n After\n </Button>\n </XStack>\n <XGroup>\n <XGroup.Item>\n <Button width=\"50%\" size=\"$2\" disabled opacity={0.5}>\n disabled\n </Button>\n </XGroup.Item>\n\n <XGroup.Item>\n <Button width=\"50%\" size=\"$2\" chromeless>\n chromeless\n </Button>\n </XGroup.Item>\n </XGroup>\n </YStack>\n )\n}\n"],
|
|
5
|
+
"mappings": "AAAA,SAAS,UAAU,eAAe;AAClC,SAAS,QAAQ,QAAQ,QAAQ,cAAc;AAExC,SAAS,WAAW,OAAO;AAChC,SACE,CAAC,OAAO,QAAQ,KAAK,MAAM,SAAS;AAAA,IAClC,CAAC,OAAO,KAAK,EAAZ;AAAA,IACD,CAAC,OAAO,UAAU,SAAS,MAAM,SAAS,KAAK,KAAK,KAEpD,EAFC;AAAA,IAGD,CAAC,OAAO,MAAM,KAAK,eAAe;AAAA,MAChC,CAAC,OAAO,KAAK,KAAK,MAAM,OAAO,IAE/B,EAFC;AAAA,MAGD,CAAC,OAAO,KAAK,KAAK,MAAM,SAAS,MAEjC,EAFC;AAAA,IAGH,EAPC;AAAA,IAQD,CAAC,OAAO,MAAM;AAAA,MACZ,CAAC,OAAO,aAAa,KAAK,KAAK,aAE/B,EAFC;AAAA,MAGD,CAAC,OAAO,WAAW,UAAU,KAAK,KAAK,KAEvC,EAFC;AAAA,IAGH,EAPC;AAAA,IAQD,CAAC;AAAA,MACC,CAAC,OAAO,KACN,CAAC,OAAO,MAAM,MAAM,KAAK,KAAK,SAAS,SAAS,KAAK,QAErD,EAFC,OAGH,EAJC,OAAO;AAAA,MAMR,CAAC,OAAO,KACN,CAAC,OAAO,MAAM,MAAM,KAAK,KAAK,WAAW,UAEzC,EAFC,OAGH,EAJC,OAAO;AAAA,IAKV,EAZC;AAAA,EAaH,EAlCC;AAoCL;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@tamagui/demos",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.15.0",
|
|
4
4
|
"sideEffects": [
|
|
5
5
|
"*.css"
|
|
6
6
|
],
|
|
@@ -28,29 +28,29 @@
|
|
|
28
28
|
}
|
|
29
29
|
},
|
|
30
30
|
"dependencies": {
|
|
31
|
-
"@tamagui/avatar": "1.
|
|
32
|
-
"@tamagui/button": "1.
|
|
33
|
-
"@tamagui/config": "1.
|
|
34
|
-
"@tamagui/core": "1.
|
|
35
|
-
"@tamagui/list-item": "1.
|
|
36
|
-
"@tamagui/logo": "1.
|
|
37
|
-
"@tamagui/menu": "1.
|
|
38
|
-
"@tamagui/popover": "1.
|
|
39
|
-
"@tamagui/progress": "1.
|
|
40
|
-
"@tamagui/radio-group": "1.
|
|
41
|
-
"@tamagui/select": "1.
|
|
42
|
-
"@tamagui/sheet": "1.
|
|
43
|
-
"@tamagui/slider": "1.
|
|
44
|
-
"@tamagui/stacks": "1.
|
|
45
|
-
"@tamagui/toast": "1.
|
|
46
|
-
"tamagui": "1.
|
|
31
|
+
"@tamagui/avatar": "1.15.0",
|
|
32
|
+
"@tamagui/button": "1.15.0",
|
|
33
|
+
"@tamagui/config": "1.15.0",
|
|
34
|
+
"@tamagui/core": "1.15.0",
|
|
35
|
+
"@tamagui/list-item": "1.15.0",
|
|
36
|
+
"@tamagui/logo": "1.15.0",
|
|
37
|
+
"@tamagui/menu": "1.15.0",
|
|
38
|
+
"@tamagui/popover": "1.15.0",
|
|
39
|
+
"@tamagui/progress": "1.15.0",
|
|
40
|
+
"@tamagui/radio-group": "1.15.0",
|
|
41
|
+
"@tamagui/select": "1.15.0",
|
|
42
|
+
"@tamagui/sheet": "1.15.0",
|
|
43
|
+
"@tamagui/slider": "1.15.0",
|
|
44
|
+
"@tamagui/stacks": "1.15.0",
|
|
45
|
+
"@tamagui/toast": "1.15.0",
|
|
46
|
+
"tamagui": "1.15.0"
|
|
47
47
|
},
|
|
48
48
|
"peerDependencies": {
|
|
49
49
|
"react": "*",
|
|
50
50
|
"react-dom": "*"
|
|
51
51
|
},
|
|
52
52
|
"devDependencies": {
|
|
53
|
-
"@tamagui/build": "1.
|
|
53
|
+
"@tamagui/build": "1.15.0",
|
|
54
54
|
"react": "^18.2.0",
|
|
55
55
|
"react-dom": "^18.2.0"
|
|
56
56
|
},
|
package/src/AlertDialogDemo.tsx
CHANGED
package/src/ButtonDemo.tsx
CHANGED
|
@@ -3,19 +3,19 @@ import { Button, XGroup, XStack, YStack } from 'tamagui'
|
|
|
3
3
|
|
|
4
4
|
export function ButtonDemo(props) {
|
|
5
5
|
return (
|
|
6
|
-
<YStack padding="$3" space {...props}>
|
|
6
|
+
<YStack padding="$3" space="$3" {...props}>
|
|
7
7
|
<Button>Plain</Button>
|
|
8
8
|
<Button alignSelf="center" icon={Airplay} size="$6">
|
|
9
9
|
Large
|
|
10
10
|
</Button>
|
|
11
|
-
<
|
|
12
|
-
<Button
|
|
11
|
+
<XStack space="$2" justifyContent="center">
|
|
12
|
+
<Button size="$3" theme="alt2">
|
|
13
13
|
Alt2
|
|
14
14
|
</Button>
|
|
15
|
-
<Button
|
|
15
|
+
<Button size="$3" theme="yellow">
|
|
16
16
|
Yellow
|
|
17
17
|
</Button>
|
|
18
|
-
</
|
|
18
|
+
</XStack>
|
|
19
19
|
<XStack space="$2">
|
|
20
20
|
<Button themeInverse size="$3">
|
|
21
21
|
Small Inverse
|