@tamagui/demos 1.15.4 → 1.15.6
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/ToastDemo.js +1 -0
- package/dist/cjs/ToastDemo.js.map +2 -2
- package/dist/esm/ToastDemo.js +1 -0
- package/dist/esm/ToastDemo.js.map +2 -2
- package/dist/esm/ToastDemo.mjs +1 -0
- package/dist/esm/ToastDemo.mjs.map +2 -2
- package/dist/jsx/ToastDemo.js +1 -0
- package/dist/jsx/ToastDemo.js.map +2 -2
- package/dist/jsx/ToastDemo.mjs +1 -0
- package/dist/jsx/ToastDemo.mjs.map +2 -2
- package/package.json +18 -18
- package/src/ToastDemo.tsx +1 -0
package/dist/cjs/ToastDemo.js
CHANGED
|
@@ -57,6 +57,7 @@ const CurrentToast = () => {
|
|
|
57
57
|
opacity: 1,
|
|
58
58
|
scale: 1,
|
|
59
59
|
animation: "100ms",
|
|
60
|
+
viewportName: currentToast.viewportName,
|
|
60
61
|
children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, { children: [
|
|
61
62
|
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_toast.Toast.Title, { children: currentToast.title }),
|
|
62
63
|
!!currentToast.message && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_toast.Toast.Description, { children: currentToast.message })
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/ToastDemo.tsx"],
|
|
4
|
-
"sourcesContent": ["import { Toast, useToastController, useToastState } from '@tamagui/toast'\nimport React from 'react'\nimport { Button, SizableText, Switch, XStack, YStack } from 'tamagui'\n\nexport const ToastDemo = () => {\n const [native, setNative] = React.useState(false)\n\n return (\n <YStack space alignItems=\"center\">\n <ToastControl native={native} />\n <CurrentToast />\n\n <NativeOptions native={native} setNative={setNative} />\n </YStack>\n )\n}\n\nconst CurrentToast = () => {\n const currentToast = useToastState()\n\n if (!currentToast || currentToast.isHandledNatively) return null\n return (\n <Toast\n key={currentToast.id}\n duration={currentToast.duration}\n enterStyle={{ opacity: 0, scale: 0.5, y: -25 }}\n exitStyle={{ opacity: 0, scale: 1, y: -20 }}\n y={0}\n opacity={1}\n scale={1}\n animation=\"100ms\"\n >\n <YStack>\n <Toast.Title>{currentToast.title}</Toast.Title>\n {!!currentToast.message && (\n <Toast.Description>{currentToast.message}</Toast.Description>\n )}\n </YStack>\n </Toast>\n )\n}\n\nconst ToastControl = ({ native }: { native: boolean }) => {\n const toast = useToastController()\n return (\n <XStack space=\"$2\" justifyContent=\"center\">\n <Button\n onPress={() => {\n toast.show('Successfully saved!', {\n message: \"Don't worry, we've got your data.\",\n native,\n })\n }}\n >\n Show\n </Button>\n <Button\n onPress={() => {\n toast.hide()\n }}\n >\n Hide\n </Button>\n </XStack>\n )\n}\n\nconst NativeOptions = ({\n native,\n setNative,\n}: {\n native: boolean\n setNative: (native: boolean) => void\n}) => {\n return (\n <XStack space=\"$3\">\n <SizableText size=\"$1\">Custom</SizableText>\n\n <Switch\n theme=\"active\"\n size=\"$1\"\n checked={!!native}\n onCheckedChange={(val) => setNative(val)}\n >\n <Switch.Thumb\n animation={[\n 'quick',\n {\n transform: {\n overshootClamping: true,\n },\n },\n ]}\n />\n </Switch>\n\n <SizableText size=\"$1\">Native</SizableText>\n </XStack>\n )\n}\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAQI;AARJ,mBAAyD;AACzD,mBAAkB;AAClB,qBAA4D;AAErD,MAAM,YAAY,MAAM;AAC7B,QAAM,CAAC,QAAQ,SAAS,IAAI,aAAAA,QAAM,SAAS,KAAK;AAEhD,SACE,6CAAC,yBAAO,OAAK,MAAC,YAAW,UACvB;AAAA,gDAAC,gBAAa,QAAgB;AAAA,IAC9B,4CAAC,gBAAa;AAAA,IAEd,4CAAC,iBAAc,QAAgB,WAAsB;AAAA,KACvD;AAEJ;AAEA,MAAM,eAAe,MAAM;AACzB,QAAM,mBAAe,4BAAc;AAEnC,MAAI,CAAC,gBAAgB,aAAa;AAAmB,WAAO;AAC5D,SACE;AAAA,IAAC;AAAA;AAAA,MAEC,UAAU,aAAa;AAAA,MACvB,YAAY,EAAE,SAAS,GAAG,OAAO,KAAK,GAAG,IAAI;AAAA,MAC7C,WAAW,EAAE,SAAS,GAAG,OAAO,GAAG,GAAG,IAAI;AAAA,MAC1C,GAAG;AAAA,MACH,SAAS;AAAA,MACT,OAAO;AAAA,MACP,WAAU;AAAA,
|
|
4
|
+
"sourcesContent": ["import { Toast, useToastController, useToastState } from '@tamagui/toast'\nimport React from 'react'\nimport { Button, SizableText, Switch, XStack, YStack } from 'tamagui'\n\nexport const ToastDemo = () => {\n const [native, setNative] = React.useState(false)\n\n return (\n <YStack space alignItems=\"center\">\n <ToastControl native={native} />\n <CurrentToast />\n\n <NativeOptions native={native} setNative={setNative} />\n </YStack>\n )\n}\n\nconst CurrentToast = () => {\n const currentToast = useToastState()\n\n if (!currentToast || currentToast.isHandledNatively) return null\n return (\n <Toast\n key={currentToast.id}\n duration={currentToast.duration}\n enterStyle={{ opacity: 0, scale: 0.5, y: -25 }}\n exitStyle={{ opacity: 0, scale: 1, y: -20 }}\n y={0}\n opacity={1}\n scale={1}\n animation=\"100ms\"\n viewportName={currentToast.viewportName}\n >\n <YStack>\n <Toast.Title>{currentToast.title}</Toast.Title>\n {!!currentToast.message && (\n <Toast.Description>{currentToast.message}</Toast.Description>\n )}\n </YStack>\n </Toast>\n )\n}\n\nconst ToastControl = ({ native }: { native: boolean }) => {\n const toast = useToastController()\n return (\n <XStack space=\"$2\" justifyContent=\"center\">\n <Button\n onPress={() => {\n toast.show('Successfully saved!', {\n message: \"Don't worry, we've got your data.\",\n native,\n })\n }}\n >\n Show\n </Button>\n <Button\n onPress={() => {\n toast.hide()\n }}\n >\n Hide\n </Button>\n </XStack>\n )\n}\n\nconst NativeOptions = ({\n native,\n setNative,\n}: {\n native: boolean\n setNative: (native: boolean) => void\n}) => {\n return (\n <XStack space=\"$3\">\n <SizableText size=\"$1\">Custom</SizableText>\n\n <Switch\n theme=\"active\"\n size=\"$1\"\n checked={!!native}\n onCheckedChange={(val) => setNative(val)}\n >\n <Switch.Thumb\n animation={[\n 'quick',\n {\n transform: {\n overshootClamping: true,\n },\n },\n ]}\n />\n </Switch>\n\n <SizableText size=\"$1\">Native</SizableText>\n </XStack>\n )\n}\n"],
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAQI;AARJ,mBAAyD;AACzD,mBAAkB;AAClB,qBAA4D;AAErD,MAAM,YAAY,MAAM;AAC7B,QAAM,CAAC,QAAQ,SAAS,IAAI,aAAAA,QAAM,SAAS,KAAK;AAEhD,SACE,6CAAC,yBAAO,OAAK,MAAC,YAAW,UACvB;AAAA,gDAAC,gBAAa,QAAgB;AAAA,IAC9B,4CAAC,gBAAa;AAAA,IAEd,4CAAC,iBAAc,QAAgB,WAAsB;AAAA,KACvD;AAEJ;AAEA,MAAM,eAAe,MAAM;AACzB,QAAM,mBAAe,4BAAc;AAEnC,MAAI,CAAC,gBAAgB,aAAa;AAAmB,WAAO;AAC5D,SACE;AAAA,IAAC;AAAA;AAAA,MAEC,UAAU,aAAa;AAAA,MACvB,YAAY,EAAE,SAAS,GAAG,OAAO,KAAK,GAAG,IAAI;AAAA,MAC7C,WAAW,EAAE,SAAS,GAAG,OAAO,GAAG,GAAG,IAAI;AAAA,MAC1C,GAAG;AAAA,MACH,SAAS;AAAA,MACT,OAAO;AAAA,MACP,WAAU;AAAA,MACV,cAAc,aAAa;AAAA,MAE3B,uDAAC,yBACC;AAAA,oDAAC,mBAAM,OAAN,EAAa,uBAAa,OAAM;AAAA,QAChC,CAAC,CAAC,aAAa,WACd,4CAAC,mBAAM,aAAN,EAAmB,uBAAa,SAAQ;AAAA,SAE7C;AAAA;AAAA,IAfK,aAAa;AAAA,EAgBpB;AAEJ;AAEA,MAAM,eAAe,CAAC,EAAE,OAAO,MAA2B;AACxD,QAAM,YAAQ,iCAAmB;AACjC,SACE,6CAAC,yBAAO,OAAM,MAAK,gBAAe,UAChC;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,SAAS,MAAM;AACb,gBAAM,KAAK,uBAAuB;AAAA,YAChC,SAAS;AAAA,YACT;AAAA,UACF,CAAC;AAAA,QACH;AAAA,QACD;AAAA;AAAA,IAED;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACC,SAAS,MAAM;AACb,gBAAM,KAAK;AAAA,QACb;AAAA,QACD;AAAA;AAAA,IAED;AAAA,KACF;AAEJ;AAEA,MAAM,gBAAgB,CAAC;AAAA,EACrB;AAAA,EACA;AACF,MAGM;AACJ,SACE,6CAAC,yBAAO,OAAM,MACZ;AAAA,gDAAC,8BAAY,MAAK,MAAK,oBAAM;AAAA,IAE7B;AAAA,MAAC;AAAA;AAAA,QACC,OAAM;AAAA,QACN,MAAK;AAAA,QACL,SAAS,CAAC,CAAC;AAAA,QACX,iBAAiB,CAAC,QAAQ,UAAU,GAAG;AAAA,QAEvC;AAAA,UAAC,sBAAO;AAAA,UAAP;AAAA,YACC,WAAW;AAAA,cACT;AAAA,cACA;AAAA,gBACE,WAAW;AAAA,kBACT,mBAAmB;AAAA,gBACrB;AAAA,cACF;AAAA,YACF;AAAA;AAAA,QACF;AAAA;AAAA,IACF;AAAA,IAEA,4CAAC,8BAAY,MAAK,MAAK,oBAAM;AAAA,KAC/B;AAEJ;",
|
|
6
6
|
"names": ["React"]
|
|
7
7
|
}
|
package/dist/esm/ToastDemo.js
CHANGED
|
@@ -24,6 +24,7 @@ const CurrentToast = () => {
|
|
|
24
24
|
opacity: 1,
|
|
25
25
|
scale: 1,
|
|
26
26
|
animation: "100ms",
|
|
27
|
+
viewportName: currentToast.viewportName,
|
|
27
28
|
children: /* @__PURE__ */ jsxs(YStack, { children: [
|
|
28
29
|
/* @__PURE__ */ jsx(Toast.Title, { children: currentToast.title }),
|
|
29
30
|
!!currentToast.message && /* @__PURE__ */ jsx(Toast.Description, { children: currentToast.message })
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/ToastDemo.tsx"],
|
|
4
|
-
"sourcesContent": ["import { Toast, useToastController, useToastState } from '@tamagui/toast'\nimport React from 'react'\nimport { Button, SizableText, Switch, XStack, YStack } from 'tamagui'\n\nexport const ToastDemo = () => {\n const [native, setNative] = React.useState(false)\n\n return (\n <YStack space alignItems=\"center\">\n <ToastControl native={native} />\n <CurrentToast />\n\n <NativeOptions native={native} setNative={setNative} />\n </YStack>\n )\n}\n\nconst CurrentToast = () => {\n const currentToast = useToastState()\n\n if (!currentToast || currentToast.isHandledNatively) return null\n return (\n <Toast\n key={currentToast.id}\n duration={currentToast.duration}\n enterStyle={{ opacity: 0, scale: 0.5, y: -25 }}\n exitStyle={{ opacity: 0, scale: 1, y: -20 }}\n y={0}\n opacity={1}\n scale={1}\n animation=\"100ms\"\n >\n <YStack>\n <Toast.Title>{currentToast.title}</Toast.Title>\n {!!currentToast.message && (\n <Toast.Description>{currentToast.message}</Toast.Description>\n )}\n </YStack>\n </Toast>\n )\n}\n\nconst ToastControl = ({ native }: { native: boolean }) => {\n const toast = useToastController()\n return (\n <XStack space=\"$2\" justifyContent=\"center\">\n <Button\n onPress={() => {\n toast.show('Successfully saved!', {\n message: \"Don't worry, we've got your data.\",\n native,\n })\n }}\n >\n Show\n </Button>\n <Button\n onPress={() => {\n toast.hide()\n }}\n >\n Hide\n </Button>\n </XStack>\n )\n}\n\nconst NativeOptions = ({\n native,\n setNative,\n}: {\n native: boolean\n setNative: (native: boolean) => void\n}) => {\n return (\n <XStack space=\"$3\">\n <SizableText size=\"$1\">Custom</SizableText>\n\n <Switch\n theme=\"active\"\n size=\"$1\"\n checked={!!native}\n onCheckedChange={(val) => setNative(val)}\n >\n <Switch.Thumb\n animation={[\n 'quick',\n {\n transform: {\n overshootClamping: true,\n },\n },\n ]}\n />\n </Switch>\n\n <SizableText size=\"$1\">Native</SizableText>\n </XStack>\n )\n}\n"],
|
|
5
|
-
"mappings": "AAQI,SACE,KADF;AARJ,SAAS,OAAO,oBAAoB,qBAAqB;AACzD,OAAO,WAAW;AAClB,SAAS,QAAQ,aAAa,QAAQ,QAAQ,cAAc;AAErD,MAAM,YAAY,MAAM;AAC7B,QAAM,CAAC,QAAQ,SAAS,IAAI,MAAM,SAAS,KAAK;AAEhD,SACE,qBAAC,UAAO,OAAK,MAAC,YAAW,UACvB;AAAA,wBAAC,gBAAa,QAAgB;AAAA,IAC9B,oBAAC,gBAAa;AAAA,IAEd,oBAAC,iBAAc,QAAgB,WAAsB;AAAA,KACvD;AAEJ;AAEA,MAAM,eAAe,MAAM;AACzB,QAAM,eAAe,cAAc;AAEnC,MAAI,CAAC,gBAAgB,aAAa;AAAmB,WAAO;AAC5D,SACE;AAAA,IAAC;AAAA;AAAA,MAEC,UAAU,aAAa;AAAA,MACvB,YAAY,EAAE,SAAS,GAAG,OAAO,KAAK,GAAG,IAAI;AAAA,MAC7C,WAAW,EAAE,SAAS,GAAG,OAAO,GAAG,GAAG,IAAI;AAAA,MAC1C,GAAG;AAAA,MACH,SAAS;AAAA,MACT,OAAO;AAAA,MACP,WAAU;AAAA,
|
|
4
|
+
"sourcesContent": ["import { Toast, useToastController, useToastState } from '@tamagui/toast'\nimport React from 'react'\nimport { Button, SizableText, Switch, XStack, YStack } from 'tamagui'\n\nexport const ToastDemo = () => {\n const [native, setNative] = React.useState(false)\n\n return (\n <YStack space alignItems=\"center\">\n <ToastControl native={native} />\n <CurrentToast />\n\n <NativeOptions native={native} setNative={setNative} />\n </YStack>\n )\n}\n\nconst CurrentToast = () => {\n const currentToast = useToastState()\n\n if (!currentToast || currentToast.isHandledNatively) return null\n return (\n <Toast\n key={currentToast.id}\n duration={currentToast.duration}\n enterStyle={{ opacity: 0, scale: 0.5, y: -25 }}\n exitStyle={{ opacity: 0, scale: 1, y: -20 }}\n y={0}\n opacity={1}\n scale={1}\n animation=\"100ms\"\n viewportName={currentToast.viewportName}\n >\n <YStack>\n <Toast.Title>{currentToast.title}</Toast.Title>\n {!!currentToast.message && (\n <Toast.Description>{currentToast.message}</Toast.Description>\n )}\n </YStack>\n </Toast>\n )\n}\n\nconst ToastControl = ({ native }: { native: boolean }) => {\n const toast = useToastController()\n return (\n <XStack space=\"$2\" justifyContent=\"center\">\n <Button\n onPress={() => {\n toast.show('Successfully saved!', {\n message: \"Don't worry, we've got your data.\",\n native,\n })\n }}\n >\n Show\n </Button>\n <Button\n onPress={() => {\n toast.hide()\n }}\n >\n Hide\n </Button>\n </XStack>\n )\n}\n\nconst NativeOptions = ({\n native,\n setNative,\n}: {\n native: boolean\n setNative: (native: boolean) => void\n}) => {\n return (\n <XStack space=\"$3\">\n <SizableText size=\"$1\">Custom</SizableText>\n\n <Switch\n theme=\"active\"\n size=\"$1\"\n checked={!!native}\n onCheckedChange={(val) => setNative(val)}\n >\n <Switch.Thumb\n animation={[\n 'quick',\n {\n transform: {\n overshootClamping: true,\n },\n },\n ]}\n />\n </Switch>\n\n <SizableText size=\"$1\">Native</SizableText>\n </XStack>\n )\n}\n"],
|
|
5
|
+
"mappings": "AAQI,SACE,KADF;AARJ,SAAS,OAAO,oBAAoB,qBAAqB;AACzD,OAAO,WAAW;AAClB,SAAS,QAAQ,aAAa,QAAQ,QAAQ,cAAc;AAErD,MAAM,YAAY,MAAM;AAC7B,QAAM,CAAC,QAAQ,SAAS,IAAI,MAAM,SAAS,KAAK;AAEhD,SACE,qBAAC,UAAO,OAAK,MAAC,YAAW,UACvB;AAAA,wBAAC,gBAAa,QAAgB;AAAA,IAC9B,oBAAC,gBAAa;AAAA,IAEd,oBAAC,iBAAc,QAAgB,WAAsB;AAAA,KACvD;AAEJ;AAEA,MAAM,eAAe,MAAM;AACzB,QAAM,eAAe,cAAc;AAEnC,MAAI,CAAC,gBAAgB,aAAa;AAAmB,WAAO;AAC5D,SACE;AAAA,IAAC;AAAA;AAAA,MAEC,UAAU,aAAa;AAAA,MACvB,YAAY,EAAE,SAAS,GAAG,OAAO,KAAK,GAAG,IAAI;AAAA,MAC7C,WAAW,EAAE,SAAS,GAAG,OAAO,GAAG,GAAG,IAAI;AAAA,MAC1C,GAAG;AAAA,MACH,SAAS;AAAA,MACT,OAAO;AAAA,MACP,WAAU;AAAA,MACV,cAAc,aAAa;AAAA,MAE3B,+BAAC,UACC;AAAA,4BAAC,MAAM,OAAN,EAAa,uBAAa,OAAM;AAAA,QAChC,CAAC,CAAC,aAAa,WACd,oBAAC,MAAM,aAAN,EAAmB,uBAAa,SAAQ;AAAA,SAE7C;AAAA;AAAA,IAfK,aAAa;AAAA,EAgBpB;AAEJ;AAEA,MAAM,eAAe,CAAC,EAAE,OAAO,MAA2B;AACxD,QAAM,QAAQ,mBAAmB;AACjC,SACE,qBAAC,UAAO,OAAM,MAAK,gBAAe,UAChC;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,SAAS,MAAM;AACb,gBAAM,KAAK,uBAAuB;AAAA,YAChC,SAAS;AAAA,YACT;AAAA,UACF,CAAC;AAAA,QACH;AAAA,QACD;AAAA;AAAA,IAED;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACC,SAAS,MAAM;AACb,gBAAM,KAAK;AAAA,QACb;AAAA,QACD;AAAA;AAAA,IAED;AAAA,KACF;AAEJ;AAEA,MAAM,gBAAgB,CAAC;AAAA,EACrB;AAAA,EACA;AACF,MAGM;AACJ,SACE,qBAAC,UAAO,OAAM,MACZ;AAAA,wBAAC,eAAY,MAAK,MAAK,oBAAM;AAAA,IAE7B;AAAA,MAAC;AAAA;AAAA,QACC,OAAM;AAAA,QACN,MAAK;AAAA,QACL,SAAS,CAAC,CAAC;AAAA,QACX,iBAAiB,CAAC,QAAQ,UAAU,GAAG;AAAA,QAEvC;AAAA,UAAC,OAAO;AAAA,UAAP;AAAA,YACC,WAAW;AAAA,cACT;AAAA,cACA;AAAA,gBACE,WAAW;AAAA,kBACT,mBAAmB;AAAA,gBACrB;AAAA,cACF;AAAA,YACF;AAAA;AAAA,QACF;AAAA;AAAA,IACF;AAAA,IAEA,oBAAC,eAAY,MAAK,MAAK,oBAAM;AAAA,KAC/B;AAEJ;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
package/dist/esm/ToastDemo.mjs
CHANGED
|
@@ -24,6 +24,7 @@ const CurrentToast = () => {
|
|
|
24
24
|
opacity: 1,
|
|
25
25
|
scale: 1,
|
|
26
26
|
animation: "100ms",
|
|
27
|
+
viewportName: currentToast.viewportName,
|
|
27
28
|
children: /* @__PURE__ */ jsxs(YStack, { children: [
|
|
28
29
|
/* @__PURE__ */ jsx(Toast.Title, { children: currentToast.title }),
|
|
29
30
|
!!currentToast.message && /* @__PURE__ */ jsx(Toast.Description, { children: currentToast.message })
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/ToastDemo.tsx"],
|
|
4
|
-
"sourcesContent": ["import { Toast, useToastController, useToastState } from '@tamagui/toast'\nimport React from 'react'\nimport { Button, SizableText, Switch, XStack, YStack } from 'tamagui'\n\nexport const ToastDemo = () => {\n const [native, setNative] = React.useState(false)\n\n return (\n <YStack space alignItems=\"center\">\n <ToastControl native={native} />\n <CurrentToast />\n\n <NativeOptions native={native} setNative={setNative} />\n </YStack>\n )\n}\n\nconst CurrentToast = () => {\n const currentToast = useToastState()\n\n if (!currentToast || currentToast.isHandledNatively) return null\n return (\n <Toast\n key={currentToast.id}\n duration={currentToast.duration}\n enterStyle={{ opacity: 0, scale: 0.5, y: -25 }}\n exitStyle={{ opacity: 0, scale: 1, y: -20 }}\n y={0}\n opacity={1}\n scale={1}\n animation=\"100ms\"\n >\n <YStack>\n <Toast.Title>{currentToast.title}</Toast.Title>\n {!!currentToast.message && (\n <Toast.Description>{currentToast.message}</Toast.Description>\n )}\n </YStack>\n </Toast>\n )\n}\n\nconst ToastControl = ({ native }: { native: boolean }) => {\n const toast = useToastController()\n return (\n <XStack space=\"$2\" justifyContent=\"center\">\n <Button\n onPress={() => {\n toast.show('Successfully saved!', {\n message: \"Don't worry, we've got your data.\",\n native,\n })\n }}\n >\n Show\n </Button>\n <Button\n onPress={() => {\n toast.hide()\n }}\n >\n Hide\n </Button>\n </XStack>\n )\n}\n\nconst NativeOptions = ({\n native,\n setNative,\n}: {\n native: boolean\n setNative: (native: boolean) => void\n}) => {\n return (\n <XStack space=\"$3\">\n <SizableText size=\"$1\">Custom</SizableText>\n\n <Switch\n theme=\"active\"\n size=\"$1\"\n checked={!!native}\n onCheckedChange={(val) => setNative(val)}\n >\n <Switch.Thumb\n animation={[\n 'quick',\n {\n transform: {\n overshootClamping: true,\n },\n },\n ]}\n />\n </Switch>\n\n <SizableText size=\"$1\">Native</SizableText>\n </XStack>\n )\n}\n"],
|
|
5
|
-
"mappings": "AAQI,SACE,KADF;AARJ,SAAS,OAAO,oBAAoB,qBAAqB;AACzD,OAAO,WAAW;AAClB,SAAS,QAAQ,aAAa,QAAQ,QAAQ,cAAc;AAErD,MAAM,YAAY,MAAM;AAC7B,QAAM,CAAC,QAAQ,SAAS,IAAI,MAAM,SAAS,KAAK;AAEhD,SACE,qBAAC,UAAO,OAAK,MAAC,YAAW,UACvB;AAAA,wBAAC,gBAAa,QAAgB;AAAA,IAC9B,oBAAC,gBAAa;AAAA,IAEd,oBAAC,iBAAc,QAAgB,WAAsB;AAAA,KACvD;AAEJ;AAEA,MAAM,eAAe,MAAM;AACzB,QAAM,eAAe,cAAc;AAEnC,MAAI,CAAC,gBAAgB,aAAa;AAAmB,WAAO;AAC5D,SACE;AAAA,IAAC;AAAA;AAAA,MAEC,UAAU,aAAa;AAAA,MACvB,YAAY,EAAE,SAAS,GAAG,OAAO,KAAK,GAAG,IAAI;AAAA,MAC7C,WAAW,EAAE,SAAS,GAAG,OAAO,GAAG,GAAG,IAAI;AAAA,MAC1C,GAAG;AAAA,MACH,SAAS;AAAA,MACT,OAAO;AAAA,MACP,WAAU;AAAA,
|
|
4
|
+
"sourcesContent": ["import { Toast, useToastController, useToastState } from '@tamagui/toast'\nimport React from 'react'\nimport { Button, SizableText, Switch, XStack, YStack } from 'tamagui'\n\nexport const ToastDemo = () => {\n const [native, setNative] = React.useState(false)\n\n return (\n <YStack space alignItems=\"center\">\n <ToastControl native={native} />\n <CurrentToast />\n\n <NativeOptions native={native} setNative={setNative} />\n </YStack>\n )\n}\n\nconst CurrentToast = () => {\n const currentToast = useToastState()\n\n if (!currentToast || currentToast.isHandledNatively) return null\n return (\n <Toast\n key={currentToast.id}\n duration={currentToast.duration}\n enterStyle={{ opacity: 0, scale: 0.5, y: -25 }}\n exitStyle={{ opacity: 0, scale: 1, y: -20 }}\n y={0}\n opacity={1}\n scale={1}\n animation=\"100ms\"\n viewportName={currentToast.viewportName}\n >\n <YStack>\n <Toast.Title>{currentToast.title}</Toast.Title>\n {!!currentToast.message && (\n <Toast.Description>{currentToast.message}</Toast.Description>\n )}\n </YStack>\n </Toast>\n )\n}\n\nconst ToastControl = ({ native }: { native: boolean }) => {\n const toast = useToastController()\n return (\n <XStack space=\"$2\" justifyContent=\"center\">\n <Button\n onPress={() => {\n toast.show('Successfully saved!', {\n message: \"Don't worry, we've got your data.\",\n native,\n })\n }}\n >\n Show\n </Button>\n <Button\n onPress={() => {\n toast.hide()\n }}\n >\n Hide\n </Button>\n </XStack>\n )\n}\n\nconst NativeOptions = ({\n native,\n setNative,\n}: {\n native: boolean\n setNative: (native: boolean) => void\n}) => {\n return (\n <XStack space=\"$3\">\n <SizableText size=\"$1\">Custom</SizableText>\n\n <Switch\n theme=\"active\"\n size=\"$1\"\n checked={!!native}\n onCheckedChange={(val) => setNative(val)}\n >\n <Switch.Thumb\n animation={[\n 'quick',\n {\n transform: {\n overshootClamping: true,\n },\n },\n ]}\n />\n </Switch>\n\n <SizableText size=\"$1\">Native</SizableText>\n </XStack>\n )\n}\n"],
|
|
5
|
+
"mappings": "AAQI,SACE,KADF;AARJ,SAAS,OAAO,oBAAoB,qBAAqB;AACzD,OAAO,WAAW;AAClB,SAAS,QAAQ,aAAa,QAAQ,QAAQ,cAAc;AAErD,MAAM,YAAY,MAAM;AAC7B,QAAM,CAAC,QAAQ,SAAS,IAAI,MAAM,SAAS,KAAK;AAEhD,SACE,qBAAC,UAAO,OAAK,MAAC,YAAW,UACvB;AAAA,wBAAC,gBAAa,QAAgB;AAAA,IAC9B,oBAAC,gBAAa;AAAA,IAEd,oBAAC,iBAAc,QAAgB,WAAsB;AAAA,KACvD;AAEJ;AAEA,MAAM,eAAe,MAAM;AACzB,QAAM,eAAe,cAAc;AAEnC,MAAI,CAAC,gBAAgB,aAAa;AAAmB,WAAO;AAC5D,SACE;AAAA,IAAC;AAAA;AAAA,MAEC,UAAU,aAAa;AAAA,MACvB,YAAY,EAAE,SAAS,GAAG,OAAO,KAAK,GAAG,IAAI;AAAA,MAC7C,WAAW,EAAE,SAAS,GAAG,OAAO,GAAG,GAAG,IAAI;AAAA,MAC1C,GAAG;AAAA,MACH,SAAS;AAAA,MACT,OAAO;AAAA,MACP,WAAU;AAAA,MACV,cAAc,aAAa;AAAA,MAE3B,+BAAC,UACC;AAAA,4BAAC,MAAM,OAAN,EAAa,uBAAa,OAAM;AAAA,QAChC,CAAC,CAAC,aAAa,WACd,oBAAC,MAAM,aAAN,EAAmB,uBAAa,SAAQ;AAAA,SAE7C;AAAA;AAAA,IAfK,aAAa;AAAA,EAgBpB;AAEJ;AAEA,MAAM,eAAe,CAAC,EAAE,OAAO,MAA2B;AACxD,QAAM,QAAQ,mBAAmB;AACjC,SACE,qBAAC,UAAO,OAAM,MAAK,gBAAe,UAChC;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,SAAS,MAAM;AACb,gBAAM,KAAK,uBAAuB;AAAA,YAChC,SAAS;AAAA,YACT;AAAA,UACF,CAAC;AAAA,QACH;AAAA,QACD;AAAA;AAAA,IAED;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACC,SAAS,MAAM;AACb,gBAAM,KAAK;AAAA,QACb;AAAA,QACD;AAAA;AAAA,IAED;AAAA,KACF;AAEJ;AAEA,MAAM,gBAAgB,CAAC;AAAA,EACrB;AAAA,EACA;AACF,MAGM;AACJ,SACE,qBAAC,UAAO,OAAM,MACZ;AAAA,wBAAC,eAAY,MAAK,MAAK,oBAAM;AAAA,IAE7B;AAAA,MAAC;AAAA;AAAA,QACC,OAAM;AAAA,QACN,MAAK;AAAA,QACL,SAAS,CAAC,CAAC;AAAA,QACX,iBAAiB,CAAC,QAAQ,UAAU,GAAG;AAAA,QAEvC;AAAA,UAAC,OAAO;AAAA,UAAP;AAAA,YACC,WAAW;AAAA,cACT;AAAA,cACA;AAAA,gBACE,WAAW;AAAA,kBACT,mBAAmB;AAAA,gBACrB;AAAA,cACF;AAAA,YACF;AAAA;AAAA,QACF;AAAA;AAAA,IACF;AAAA,IAEA,oBAAC,eAAY,MAAK,MAAK,oBAAM;AAAA,KAC/B;AAEJ;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
package/dist/jsx/ToastDemo.js
CHANGED
|
@@ -22,6 +22,7 @@ const CurrentToast = () => {
|
|
|
22
22
|
opacity={1}
|
|
23
23
|
scale={1}
|
|
24
24
|
animation="100ms"
|
|
25
|
+
viewportName={currentToast.viewportName}
|
|
25
26
|
><YStack>
|
|
26
27
|
<Toast.Title>{currentToast.title}</Toast.Title>
|
|
27
28
|
{!!currentToast.message && <Toast.Description>{currentToast.message}</Toast.Description>}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/ToastDemo.tsx"],
|
|
4
|
-
"sourcesContent": ["import { Toast, useToastController, useToastState } from '@tamagui/toast'\nimport React from 'react'\nimport { Button, SizableText, Switch, XStack, YStack } from 'tamagui'\n\nexport const ToastDemo = () => {\n const [native, setNative] = React.useState(false)\n\n return (\n <YStack space alignItems=\"center\">\n <ToastControl native={native} />\n <CurrentToast />\n\n <NativeOptions native={native} setNative={setNative} />\n </YStack>\n )\n}\n\nconst CurrentToast = () => {\n const currentToast = useToastState()\n\n if (!currentToast || currentToast.isHandledNatively) return null\n return (\n <Toast\n key={currentToast.id}\n duration={currentToast.duration}\n enterStyle={{ opacity: 0, scale: 0.5, y: -25 }}\n exitStyle={{ opacity: 0, scale: 1, y: -20 }}\n y={0}\n opacity={1}\n scale={1}\n animation=\"100ms\"\n >\n <YStack>\n <Toast.Title>{currentToast.title}</Toast.Title>\n {!!currentToast.message && (\n <Toast.Description>{currentToast.message}</Toast.Description>\n )}\n </YStack>\n </Toast>\n )\n}\n\nconst ToastControl = ({ native }: { native: boolean }) => {\n const toast = useToastController()\n return (\n <XStack space=\"$2\" justifyContent=\"center\">\n <Button\n onPress={() => {\n toast.show('Successfully saved!', {\n message: \"Don't worry, we've got your data.\",\n native,\n })\n }}\n >\n Show\n </Button>\n <Button\n onPress={() => {\n toast.hide()\n }}\n >\n Hide\n </Button>\n </XStack>\n )\n}\n\nconst NativeOptions = ({\n native,\n setNative,\n}: {\n native: boolean\n setNative: (native: boolean) => void\n}) => {\n return (\n <XStack space=\"$3\">\n <SizableText size=\"$1\">Custom</SizableText>\n\n <Switch\n theme=\"active\"\n size=\"$1\"\n checked={!!native}\n onCheckedChange={(val) => setNative(val)}\n >\n <Switch.Thumb\n animation={[\n 'quick',\n {\n transform: {\n overshootClamping: true,\n },\n },\n ]}\n />\n </Switch>\n\n <SizableText size=\"$1\">Native</SizableText>\n </XStack>\n )\n}\n"],
|
|
5
|
-
"mappings": "AAAA,SAAS,OAAO,oBAAoB,qBAAqB;AACzD,OAAO,WAAW;AAClB,SAAS,QAAQ,aAAa,QAAQ,QAAQ,cAAc;AAErD,MAAM,YAAY,MAAM;AAC7B,QAAM,CAAC,QAAQ,SAAS,IAAI,MAAM,SAAS,KAAK;AAEhD,SACE,CAAC,OAAO,MAAM,WAAW;AAAA,IACvB,CAAC,aAAa,QAAQ,QAAQ;AAAA,IAC9B,CAAC,aAAa;AAAA,IAEd,CAAC,cAAc,QAAQ,QAAQ,WAAW,WAAW;AAAA,EACvD,EALC;AAOL;AAEA,MAAM,eAAe,MAAM;AACzB,QAAM,eAAe,cAAc;AAEnC,MAAI,CAAC,gBAAgB,aAAa;AAAmB,WAAO;AAC5D,SACE,CAAC;AAAA,IACC,KAAK,aAAa;AAAA,IAClB,UAAU,aAAa;AAAA,IACvB,YAAY,EAAE,SAAS,GAAG,OAAO,KAAK,GAAG,IAAI;AAAA,IAC7C,WAAW,EAAE,SAAS,GAAG,OAAO,GAAG,GAAG,IAAI;AAAA,IAC1C,GAAG;AAAA,IACH,SAAS;AAAA,IACT,OAAO;AAAA,IACP,UAAU;AAAA,
|
|
4
|
+
"sourcesContent": ["import { Toast, useToastController, useToastState } from '@tamagui/toast'\nimport React from 'react'\nimport { Button, SizableText, Switch, XStack, YStack } from 'tamagui'\n\nexport const ToastDemo = () => {\n const [native, setNative] = React.useState(false)\n\n return (\n <YStack space alignItems=\"center\">\n <ToastControl native={native} />\n <CurrentToast />\n\n <NativeOptions native={native} setNative={setNative} />\n </YStack>\n )\n}\n\nconst CurrentToast = () => {\n const currentToast = useToastState()\n\n if (!currentToast || currentToast.isHandledNatively) return null\n return (\n <Toast\n key={currentToast.id}\n duration={currentToast.duration}\n enterStyle={{ opacity: 0, scale: 0.5, y: -25 }}\n exitStyle={{ opacity: 0, scale: 1, y: -20 }}\n y={0}\n opacity={1}\n scale={1}\n animation=\"100ms\"\n viewportName={currentToast.viewportName}\n >\n <YStack>\n <Toast.Title>{currentToast.title}</Toast.Title>\n {!!currentToast.message && (\n <Toast.Description>{currentToast.message}</Toast.Description>\n )}\n </YStack>\n </Toast>\n )\n}\n\nconst ToastControl = ({ native }: { native: boolean }) => {\n const toast = useToastController()\n return (\n <XStack space=\"$2\" justifyContent=\"center\">\n <Button\n onPress={() => {\n toast.show('Successfully saved!', {\n message: \"Don't worry, we've got your data.\",\n native,\n })\n }}\n >\n Show\n </Button>\n <Button\n onPress={() => {\n toast.hide()\n }}\n >\n Hide\n </Button>\n </XStack>\n )\n}\n\nconst NativeOptions = ({\n native,\n setNative,\n}: {\n native: boolean\n setNative: (native: boolean) => void\n}) => {\n return (\n <XStack space=\"$3\">\n <SizableText size=\"$1\">Custom</SizableText>\n\n <Switch\n theme=\"active\"\n size=\"$1\"\n checked={!!native}\n onCheckedChange={(val) => setNative(val)}\n >\n <Switch.Thumb\n animation={[\n 'quick',\n {\n transform: {\n overshootClamping: true,\n },\n },\n ]}\n />\n </Switch>\n\n <SizableText size=\"$1\">Native</SizableText>\n </XStack>\n )\n}\n"],
|
|
5
|
+
"mappings": "AAAA,SAAS,OAAO,oBAAoB,qBAAqB;AACzD,OAAO,WAAW;AAClB,SAAS,QAAQ,aAAa,QAAQ,QAAQ,cAAc;AAErD,MAAM,YAAY,MAAM;AAC7B,QAAM,CAAC,QAAQ,SAAS,IAAI,MAAM,SAAS,KAAK;AAEhD,SACE,CAAC,OAAO,MAAM,WAAW;AAAA,IACvB,CAAC,aAAa,QAAQ,QAAQ;AAAA,IAC9B,CAAC,aAAa;AAAA,IAEd,CAAC,cAAc,QAAQ,QAAQ,WAAW,WAAW;AAAA,EACvD,EALC;AAOL;AAEA,MAAM,eAAe,MAAM;AACzB,QAAM,eAAe,cAAc;AAEnC,MAAI,CAAC,gBAAgB,aAAa;AAAmB,WAAO;AAC5D,SACE,CAAC;AAAA,IACC,KAAK,aAAa;AAAA,IAClB,UAAU,aAAa;AAAA,IACvB,YAAY,EAAE,SAAS,GAAG,OAAO,KAAK,GAAG,IAAI;AAAA,IAC7C,WAAW,EAAE,SAAS,GAAG,OAAO,GAAG,GAAG,IAAI;AAAA,IAC1C,GAAG;AAAA,IACH,SAAS;AAAA,IACT,OAAO;AAAA,IACP,UAAU;AAAA,IACV,cAAc,aAAa;AAAA,GAE3B,CAAC;AAAA,IACC,CAAC,MAAM,OAAO,aAAa,MAAM,EAAhC,MAAM;AAAA,KACN,CAAC,CAAC,aAAa,WACd,CAAC,MAAM,aAAa,aAAa,QAAQ,EAAxC,MAAM;AAAA,EAEX,EALC,OAMH,EAjBC;AAmBL;AAEA,MAAM,eAAe,CAAC,EAAE,OAAO,MAA2B;AACxD,QAAM,QAAQ,mBAAmB;AACjC,SACE,CAAC,OAAO,MAAM,KAAK,eAAe;AAAA,IAChC,CAAC;AAAA,MACC,SAAS,MAAM;AACb,cAAM,KAAK,uBAAuB;AAAA,UAChC,SAAS;AAAA,UACT;AAAA,QACF,CAAC;AAAA,MACH;AAAA,KACD,IAED,EATC;AAAA,IAUD,CAAC;AAAA,MACC,SAAS,MAAM;AACb,cAAM,KAAK;AAAA,MACb;AAAA,KACD,IAED,EANC;AAAA,EAOH,EAlBC;AAoBL;AAEA,MAAM,gBAAgB,CAAC;AAAA,EACrB;AAAA,EACA;AACF,MAGM;AACJ,SACE,CAAC,OAAO,MAAM;AAAA,IACZ,CAAC,YAAY,KAAK,KAAK,MAAM,EAA5B;AAAA,IAED,CAAC;AAAA,MACC,MAAM;AAAA,MACN,KAAK;AAAA,MACL,SAAS,CAAC,CAAC;AAAA,MACX,iBAAiB,CAAC,QAAQ,UAAU,GAAG;AAAA,KAEvC,CAAC,OAAO;AAAA,MACN,WAAW;AAAA,QACT;AAAA,QACA;AAAA,UACE,WAAW;AAAA,YACT,mBAAmB;AAAA,UACrB;AAAA,QACF;AAAA,MACF;AAAA,IACF,EACF,EAhBC;AAAA,IAkBD,CAAC,YAAY,KAAK,KAAK,MAAM,EAA5B;AAAA,EACH,EAtBC;AAwBL;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
package/dist/jsx/ToastDemo.mjs
CHANGED
|
@@ -22,6 +22,7 @@ const CurrentToast = () => {
|
|
|
22
22
|
opacity={1}
|
|
23
23
|
scale={1}
|
|
24
24
|
animation="100ms"
|
|
25
|
+
viewportName={currentToast.viewportName}
|
|
25
26
|
><YStack>
|
|
26
27
|
<Toast.Title>{currentToast.title}</Toast.Title>
|
|
27
28
|
{!!currentToast.message && <Toast.Description>{currentToast.message}</Toast.Description>}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/ToastDemo.tsx"],
|
|
4
|
-
"sourcesContent": ["import { Toast, useToastController, useToastState } from '@tamagui/toast'\nimport React from 'react'\nimport { Button, SizableText, Switch, XStack, YStack } from 'tamagui'\n\nexport const ToastDemo = () => {\n const [native, setNative] = React.useState(false)\n\n return (\n <YStack space alignItems=\"center\">\n <ToastControl native={native} />\n <CurrentToast />\n\n <NativeOptions native={native} setNative={setNative} />\n </YStack>\n )\n}\n\nconst CurrentToast = () => {\n const currentToast = useToastState()\n\n if (!currentToast || currentToast.isHandledNatively) return null\n return (\n <Toast\n key={currentToast.id}\n duration={currentToast.duration}\n enterStyle={{ opacity: 0, scale: 0.5, y: -25 }}\n exitStyle={{ opacity: 0, scale: 1, y: -20 }}\n y={0}\n opacity={1}\n scale={1}\n animation=\"100ms\"\n >\n <YStack>\n <Toast.Title>{currentToast.title}</Toast.Title>\n {!!currentToast.message && (\n <Toast.Description>{currentToast.message}</Toast.Description>\n )}\n </YStack>\n </Toast>\n )\n}\n\nconst ToastControl = ({ native }: { native: boolean }) => {\n const toast = useToastController()\n return (\n <XStack space=\"$2\" justifyContent=\"center\">\n <Button\n onPress={() => {\n toast.show('Successfully saved!', {\n message: \"Don't worry, we've got your data.\",\n native,\n })\n }}\n >\n Show\n </Button>\n <Button\n onPress={() => {\n toast.hide()\n }}\n >\n Hide\n </Button>\n </XStack>\n )\n}\n\nconst NativeOptions = ({\n native,\n setNative,\n}: {\n native: boolean\n setNative: (native: boolean) => void\n}) => {\n return (\n <XStack space=\"$3\">\n <SizableText size=\"$1\">Custom</SizableText>\n\n <Switch\n theme=\"active\"\n size=\"$1\"\n checked={!!native}\n onCheckedChange={(val) => setNative(val)}\n >\n <Switch.Thumb\n animation={[\n 'quick',\n {\n transform: {\n overshootClamping: true,\n },\n },\n ]}\n />\n </Switch>\n\n <SizableText size=\"$1\">Native</SizableText>\n </XStack>\n )\n}\n"],
|
|
5
|
-
"mappings": "AAAA,SAAS,OAAO,oBAAoB,qBAAqB;AACzD,OAAO,WAAW;AAClB,SAAS,QAAQ,aAAa,QAAQ,QAAQ,cAAc;AAErD,MAAM,YAAY,MAAM;AAC7B,QAAM,CAAC,QAAQ,SAAS,IAAI,MAAM,SAAS,KAAK;AAEhD,SACE,CAAC,OAAO,MAAM,WAAW;AAAA,IACvB,CAAC,aAAa,QAAQ,QAAQ;AAAA,IAC9B,CAAC,aAAa;AAAA,IAEd,CAAC,cAAc,QAAQ,QAAQ,WAAW,WAAW;AAAA,EACvD,EALC;AAOL;AAEA,MAAM,eAAe,MAAM;AACzB,QAAM,eAAe,cAAc;AAEnC,MAAI,CAAC,gBAAgB,aAAa;AAAmB,WAAO;AAC5D,SACE,CAAC;AAAA,IACC,KAAK,aAAa;AAAA,IAClB,UAAU,aAAa;AAAA,IACvB,YAAY,EAAE,SAAS,GAAG,OAAO,KAAK,GAAG,IAAI;AAAA,IAC7C,WAAW,EAAE,SAAS,GAAG,OAAO,GAAG,GAAG,IAAI;AAAA,IAC1C,GAAG;AAAA,IACH,SAAS;AAAA,IACT,OAAO;AAAA,IACP,UAAU;AAAA,
|
|
4
|
+
"sourcesContent": ["import { Toast, useToastController, useToastState } from '@tamagui/toast'\nimport React from 'react'\nimport { Button, SizableText, Switch, XStack, YStack } from 'tamagui'\n\nexport const ToastDemo = () => {\n const [native, setNative] = React.useState(false)\n\n return (\n <YStack space alignItems=\"center\">\n <ToastControl native={native} />\n <CurrentToast />\n\n <NativeOptions native={native} setNative={setNative} />\n </YStack>\n )\n}\n\nconst CurrentToast = () => {\n const currentToast = useToastState()\n\n if (!currentToast || currentToast.isHandledNatively) return null\n return (\n <Toast\n key={currentToast.id}\n duration={currentToast.duration}\n enterStyle={{ opacity: 0, scale: 0.5, y: -25 }}\n exitStyle={{ opacity: 0, scale: 1, y: -20 }}\n y={0}\n opacity={1}\n scale={1}\n animation=\"100ms\"\n viewportName={currentToast.viewportName}\n >\n <YStack>\n <Toast.Title>{currentToast.title}</Toast.Title>\n {!!currentToast.message && (\n <Toast.Description>{currentToast.message}</Toast.Description>\n )}\n </YStack>\n </Toast>\n )\n}\n\nconst ToastControl = ({ native }: { native: boolean }) => {\n const toast = useToastController()\n return (\n <XStack space=\"$2\" justifyContent=\"center\">\n <Button\n onPress={() => {\n toast.show('Successfully saved!', {\n message: \"Don't worry, we've got your data.\",\n native,\n })\n }}\n >\n Show\n </Button>\n <Button\n onPress={() => {\n toast.hide()\n }}\n >\n Hide\n </Button>\n </XStack>\n )\n}\n\nconst NativeOptions = ({\n native,\n setNative,\n}: {\n native: boolean\n setNative: (native: boolean) => void\n}) => {\n return (\n <XStack space=\"$3\">\n <SizableText size=\"$1\">Custom</SizableText>\n\n <Switch\n theme=\"active\"\n size=\"$1\"\n checked={!!native}\n onCheckedChange={(val) => setNative(val)}\n >\n <Switch.Thumb\n animation={[\n 'quick',\n {\n transform: {\n overshootClamping: true,\n },\n },\n ]}\n />\n </Switch>\n\n <SizableText size=\"$1\">Native</SizableText>\n </XStack>\n )\n}\n"],
|
|
5
|
+
"mappings": "AAAA,SAAS,OAAO,oBAAoB,qBAAqB;AACzD,OAAO,WAAW;AAClB,SAAS,QAAQ,aAAa,QAAQ,QAAQ,cAAc;AAErD,MAAM,YAAY,MAAM;AAC7B,QAAM,CAAC,QAAQ,SAAS,IAAI,MAAM,SAAS,KAAK;AAEhD,SACE,CAAC,OAAO,MAAM,WAAW;AAAA,IACvB,CAAC,aAAa,QAAQ,QAAQ;AAAA,IAC9B,CAAC,aAAa;AAAA,IAEd,CAAC,cAAc,QAAQ,QAAQ,WAAW,WAAW;AAAA,EACvD,EALC;AAOL;AAEA,MAAM,eAAe,MAAM;AACzB,QAAM,eAAe,cAAc;AAEnC,MAAI,CAAC,gBAAgB,aAAa;AAAmB,WAAO;AAC5D,SACE,CAAC;AAAA,IACC,KAAK,aAAa;AAAA,IAClB,UAAU,aAAa;AAAA,IACvB,YAAY,EAAE,SAAS,GAAG,OAAO,KAAK,GAAG,IAAI;AAAA,IAC7C,WAAW,EAAE,SAAS,GAAG,OAAO,GAAG,GAAG,IAAI;AAAA,IAC1C,GAAG;AAAA,IACH,SAAS;AAAA,IACT,OAAO;AAAA,IACP,UAAU;AAAA,IACV,cAAc,aAAa;AAAA,GAE3B,CAAC;AAAA,IACC,CAAC,MAAM,OAAO,aAAa,MAAM,EAAhC,MAAM;AAAA,KACN,CAAC,CAAC,aAAa,WACd,CAAC,MAAM,aAAa,aAAa,QAAQ,EAAxC,MAAM;AAAA,EAEX,EALC,OAMH,EAjBC;AAmBL;AAEA,MAAM,eAAe,CAAC,EAAE,OAAO,MAA2B;AACxD,QAAM,QAAQ,mBAAmB;AACjC,SACE,CAAC,OAAO,MAAM,KAAK,eAAe;AAAA,IAChC,CAAC;AAAA,MACC,SAAS,MAAM;AACb,cAAM,KAAK,uBAAuB;AAAA,UAChC,SAAS;AAAA,UACT;AAAA,QACF,CAAC;AAAA,MACH;AAAA,KACD,IAED,EATC;AAAA,IAUD,CAAC;AAAA,MACC,SAAS,MAAM;AACb,cAAM,KAAK;AAAA,MACb;AAAA,KACD,IAED,EANC;AAAA,EAOH,EAlBC;AAoBL;AAEA,MAAM,gBAAgB,CAAC;AAAA,EACrB;AAAA,EACA;AACF,MAGM;AACJ,SACE,CAAC,OAAO,MAAM;AAAA,IACZ,CAAC,YAAY,KAAK,KAAK,MAAM,EAA5B;AAAA,IAED,CAAC;AAAA,MACC,MAAM;AAAA,MACN,KAAK;AAAA,MACL,SAAS,CAAC,CAAC;AAAA,MACX,iBAAiB,CAAC,QAAQ,UAAU,GAAG;AAAA,KAEvC,CAAC,OAAO;AAAA,MACN,WAAW;AAAA,QACT;AAAA,QACA;AAAA,UACE,WAAW;AAAA,YACT,mBAAmB;AAAA,UACrB;AAAA,QACF;AAAA,MACF;AAAA,IACF,EACF,EAhBC;AAAA,IAkBD,CAAC,YAAY,KAAK,KAAK,MAAM,EAA5B;AAAA,EACH,EAtBC;AAwBL;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@tamagui/demos",
|
|
3
|
-
"version": "1.15.
|
|
3
|
+
"version": "1.15.6",
|
|
4
4
|
"sideEffects": [
|
|
5
5
|
"*.css"
|
|
6
6
|
],
|
|
@@ -28,29 +28,29 @@
|
|
|
28
28
|
}
|
|
29
29
|
},
|
|
30
30
|
"dependencies": {
|
|
31
|
-
"@tamagui/avatar": "1.15.
|
|
32
|
-
"@tamagui/button": "1.15.
|
|
33
|
-
"@tamagui/config": "1.15.
|
|
34
|
-
"@tamagui/core": "1.15.
|
|
35
|
-
"@tamagui/list-item": "1.15.
|
|
36
|
-
"@tamagui/logo": "1.15.
|
|
37
|
-
"@tamagui/menu": "1.15.
|
|
38
|
-
"@tamagui/popover": "1.15.
|
|
39
|
-
"@tamagui/progress": "1.15.
|
|
40
|
-
"@tamagui/radio-group": "1.15.
|
|
41
|
-
"@tamagui/select": "1.15.
|
|
42
|
-
"@tamagui/sheet": "1.15.
|
|
43
|
-
"@tamagui/slider": "1.15.
|
|
44
|
-
"@tamagui/stacks": "1.15.
|
|
45
|
-
"@tamagui/toast": "1.15.
|
|
46
|
-
"tamagui": "1.15.
|
|
31
|
+
"@tamagui/avatar": "1.15.6",
|
|
32
|
+
"@tamagui/button": "1.15.6",
|
|
33
|
+
"@tamagui/config": "1.15.6",
|
|
34
|
+
"@tamagui/core": "1.15.6",
|
|
35
|
+
"@tamagui/list-item": "1.15.6",
|
|
36
|
+
"@tamagui/logo": "1.15.6",
|
|
37
|
+
"@tamagui/menu": "1.15.6",
|
|
38
|
+
"@tamagui/popover": "1.15.6",
|
|
39
|
+
"@tamagui/progress": "1.15.6",
|
|
40
|
+
"@tamagui/radio-group": "1.15.6",
|
|
41
|
+
"@tamagui/select": "1.15.6",
|
|
42
|
+
"@tamagui/sheet": "1.15.6",
|
|
43
|
+
"@tamagui/slider": "1.15.6",
|
|
44
|
+
"@tamagui/stacks": "1.15.6",
|
|
45
|
+
"@tamagui/toast": "1.15.6",
|
|
46
|
+
"tamagui": "1.15.6"
|
|
47
47
|
},
|
|
48
48
|
"peerDependencies": {
|
|
49
49
|
"react": "*",
|
|
50
50
|
"react-dom": "*"
|
|
51
51
|
},
|
|
52
52
|
"devDependencies": {
|
|
53
|
-
"@tamagui/build": "1.15.
|
|
53
|
+
"@tamagui/build": "1.15.6",
|
|
54
54
|
"react": "^18.2.0",
|
|
55
55
|
"react-dom": "^18.2.0"
|
|
56
56
|
},
|