@tamagui/demos 1.6.0 → 1.6.2
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/SheetDemo.js +1 -0
- package/dist/cjs/SheetDemo.js.map +2 -2
- package/dist/esm/SheetDemo.js +2 -1
- package/dist/esm/SheetDemo.js.map +2 -2
- package/dist/esm/SheetDemo.mjs +2 -1
- package/dist/esm/SheetDemo.mjs.map +2 -2
- package/dist/jsx/SheetDemo.js +2 -1
- package/dist/jsx/SheetDemo.js.map +2 -2
- package/dist/jsx/SheetDemo.mjs +2 -1
- package/dist/jsx/SheetDemo.mjs.map +2 -2
- package/package.json +17 -17
- package/src/SheetDemo.tsx +2 -2
package/dist/cjs/SheetDemo.js
CHANGED
|
@@ -53,6 +53,7 @@ const SheetDemo = () => {
|
|
|
53
53
|
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_sheet.Sheet.Handle, {}),
|
|
54
54
|
/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_sheet.Sheet.Frame, { f: 1, p: "$4", jc: "center", ai: "center", space: "$5", children: [
|
|
55
55
|
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, { size: "$6", circular: true, icon: import_lucide_icons.ChevronDown, onPress: () => setOpen(false) }),
|
|
56
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Input, { w: 200 }),
|
|
56
57
|
modal && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
|
|
57
58
|
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(InnerSheet, { open: innerOpen, onOpenChange: setInnerOpen }),
|
|
58
59
|
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/SheetDemo.tsx"],
|
|
4
|
-
"sourcesContent": ["import { ChevronDown, ChevronUp } from '@tamagui/lucide-icons'\nimport { Sheet } from '@tamagui/sheet'\nimport { SheetProps } from '@tamagui/sheet/types/types'\nimport { useState } from 'react'\nimport { Button, H1, H2, Paragraph, XStack } from 'tamagui'\n\nexport const SheetDemo = () => {\n const [position, setPosition] = useState(0)\n const [open, setOpen] = useState(false)\n const [modal, setModal] = useState(false)\n const [innerOpen, setInnerOpen] = useState(false)\n\n return (\n <>\n <XStack space>\n <Button onPress={() => setOpen(true)}>Open</Button>\n <Button onPress={() => setModal((x) => !x)}>\n {modal ? 'Type: Modal' : 'Type: Inline'}\n </Button>\n </XStack>\n\n <Sheet\n forceRemoveScrollEnabled={open}\n modal={modal}\n open={open}\n onOpenChange={setOpen}\n snapPoints={[85, 50, 25]}\n dismissOnSnapToBottom\n position={position}\n onPositionChange={setPosition}\n zIndex={100_000}\n >\n <Sheet.Overlay />\n <Sheet.Handle />\n <Sheet.Frame f={1} p=\"$4\" jc=\"center\" ai=\"center\" space=\"$5\">\n <Button size=\"$6\" circular icon={ChevronDown} onPress={() => setOpen(false)} />\n
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAcM;AAdN,0BAAuC;AACvC,mBAAsB;AAEtB,mBAAyB;AACzB,
|
|
4
|
+
"sourcesContent": ["import { ChevronDown, ChevronUp } from '@tamagui/lucide-icons'\nimport { Sheet } from '@tamagui/sheet'\nimport { SheetProps } from '@tamagui/sheet/types/types'\nimport { useState } from 'react'\nimport { Button, H1, H2, Input, Paragraph, XStack } from 'tamagui'\n\nexport const SheetDemo = () => {\n const [position, setPosition] = useState(0)\n const [open, setOpen] = useState(false)\n const [modal, setModal] = useState(false)\n const [innerOpen, setInnerOpen] = useState(false)\n\n return (\n <>\n <XStack space>\n <Button onPress={() => setOpen(true)}>Open</Button>\n <Button onPress={() => setModal((x) => !x)}>\n {modal ? 'Type: Modal' : 'Type: Inline'}\n </Button>\n </XStack>\n\n <Sheet\n forceRemoveScrollEnabled={open}\n modal={modal}\n open={open}\n onOpenChange={setOpen}\n snapPoints={[85, 50, 25]}\n dismissOnSnapToBottom\n position={position}\n onPositionChange={setPosition}\n zIndex={100_000}\n >\n <Sheet.Overlay />\n <Sheet.Handle />\n <Sheet.Frame f={1} p=\"$4\" jc=\"center\" ai=\"center\" space=\"$5\">\n <Button size=\"$6\" circular icon={ChevronDown} onPress={() => setOpen(false)} />\n <Input w={200} />\n {modal && (\n <>\n <InnerSheet open={innerOpen} onOpenChange={setInnerOpen} />\n <Button\n size=\"$6\"\n circular\n icon={ChevronUp}\n onPress={() => setInnerOpen(true)}\n ></Button>\n </>\n )}\n </Sheet.Frame>\n </Sheet>\n </>\n )\n}\n\nfunction InnerSheet(props: SheetProps) {\n return (\n <Sheet modal snapPoints={[90]} dismissOnSnapToBottom {...props}>\n <Sheet.Overlay />\n <Sheet.Handle />\n <Sheet.Frame f={1} jc=\"center\" ai=\"center\" space=\"$5\">\n <Sheet.ScrollView p=\"$4\" space>\n <Button\n size=\"$8\"\n circular\n als=\"center\"\n icon={ChevronDown}\n onPress={() => props.onOpenChange?.(false)}\n />\n <H1>Hello world</H1>\n <H2>You can scroll me</H2>\n {[1, 2, 3].map((i) => (\n <Paragraph key={i} size=\"$10\">\n Eu officia sunt ipsum nisi dolore labore est laborum laborum in esse ad\n pariatur. Dolor excepteur esse deserunt voluptate labore ea. Exercitation\n ipsum deserunt occaecat cupidatat consequat est adipisicing velit cupidatat\n ullamco veniam aliquip reprehenderit officia. Officia labore culpa ullamco\n velit. In sit occaecat velit ipsum fugiat esse aliqua dolor sint.\n </Paragraph>\n ))}\n </Sheet.ScrollView>\n </Sheet.Frame>\n </Sheet>\n )\n}\n"],
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAcM;AAdN,0BAAuC;AACvC,mBAAsB;AAEtB,mBAAyB;AACzB,qBAAyD;AAElD,MAAM,YAAY,MAAM;AAC7B,QAAM,CAAC,UAAU,WAAW,QAAI,uBAAS,CAAC;AAC1C,QAAM,CAAC,MAAM,OAAO,QAAI,uBAAS,KAAK;AACtC,QAAM,CAAC,OAAO,QAAQ,QAAI,uBAAS,KAAK;AACxC,QAAM,CAAC,WAAW,YAAY,QAAI,uBAAS,KAAK;AAEhD,SACE,4EACE;AAAA,iDAAC,yBAAO,OAAK,MACX;AAAA,kDAAC,yBAAO,SAAS,MAAM,QAAQ,IAAI,GAAG,kBAAI;AAAA,MAC1C,4CAAC,yBAAO,SAAS,MAAM,SAAS,CAAC,MAAM,CAAC,CAAC,GACtC,kBAAQ,gBAAgB,gBAC3B;AAAA,OACF;AAAA,IAEA;AAAA,MAAC;AAAA;AAAA,QACC,0BAA0B;AAAA,QAC1B;AAAA,QACA;AAAA,QACA,cAAc;AAAA,QACd,YAAY,CAAC,IAAI,IAAI,EAAE;AAAA,QACvB,uBAAqB;AAAA,QACrB;AAAA,QACA,kBAAkB;AAAA,QAClB,QAAQ;AAAA,QAER;AAAA,sDAAC,mBAAM,SAAN,EAAc;AAAA,UACf,4CAAC,mBAAM,QAAN,EAAa;AAAA,UACd,6CAAC,mBAAM,OAAN,EAAY,GAAG,GAAG,GAAE,MAAK,IAAG,UAAS,IAAG,UAAS,OAAM,MACtD;AAAA,wDAAC,yBAAO,MAAK,MAAK,UAAQ,MAAC,MAAM,iCAAa,SAAS,MAAM,QAAQ,KAAK,GAAG;AAAA,YAC7E,4CAAC,wBAAM,GAAG,KAAK;AAAA,YACd,SACC,4EACE;AAAA,0DAAC,cAAW,MAAM,WAAW,cAAc,cAAc;AAAA,cACzD;AAAA,gBAAC;AAAA;AAAA,kBACC,MAAK;AAAA,kBACL,UAAQ;AAAA,kBACR,MAAM;AAAA,kBACN,SAAS,MAAM,aAAa,IAAI;AAAA;AAAA,cACjC;AAAA,eACH;AAAA,aAEJ;AAAA;AAAA;AAAA,IACF;AAAA,KACF;AAEJ;AAEA,SAAS,WAAW,OAAmB;AACrC,SACE,6CAAC,sBAAM,OAAK,MAAC,YAAY,CAAC,EAAE,GAAG,uBAAqB,MAAE,GAAG,OACvD;AAAA,gDAAC,mBAAM,SAAN,EAAc;AAAA,IACf,4CAAC,mBAAM,QAAN,EAAa;AAAA,IACd,4CAAC,mBAAM,OAAN,EAAY,GAAG,GAAG,IAAG,UAAS,IAAG,UAAS,OAAM,MAC/C,uDAAC,mBAAM,YAAN,EAAiB,GAAE,MAAK,OAAK,MAC5B;AAAA;AAAA,QAAC;AAAA;AAAA,UACC,MAAK;AAAA,UACL,UAAQ;AAAA,UACR,KAAI;AAAA,UACJ,MAAM;AAAA,UACN,SAAS,MAAG;AAlExB;AAkE2B,+BAAM,iBAAN,+BAAqB;AAAA;AAAA;AAAA,MACtC;AAAA,MACA,4CAAC,qBAAG,yBAAW;AAAA,MACf,4CAAC,qBAAG,+BAAiB;AAAA,MACpB,CAAC,GAAG,GAAG,CAAC,EAAE,IAAI,CAAC,MACd,4CAAC,4BAAkB,MAAK,OAAM,0XAAd,CAMhB,CACD;AAAA,OACH,GACF;AAAA,KACF;AAEJ;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
package/dist/esm/SheetDemo.js
CHANGED
|
@@ -2,7 +2,7 @@ import { Fragment, jsx, jsxs } from "react/jsx-runtime";
|
|
|
2
2
|
import { ChevronDown, ChevronUp } from "@tamagui/lucide-icons";
|
|
3
3
|
import { Sheet } from "@tamagui/sheet";
|
|
4
4
|
import { useState } from "react";
|
|
5
|
-
import { Button, H1, H2, Paragraph, XStack } from "tamagui";
|
|
5
|
+
import { Button, H1, H2, Input, Paragraph, XStack } from "tamagui";
|
|
6
6
|
const SheetDemo = () => {
|
|
7
7
|
const [position, setPosition] = useState(0);
|
|
8
8
|
const [open, setOpen] = useState(false);
|
|
@@ -30,6 +30,7 @@ const SheetDemo = () => {
|
|
|
30
30
|
/* @__PURE__ */ jsx(Sheet.Handle, {}),
|
|
31
31
|
/* @__PURE__ */ jsxs(Sheet.Frame, { f: 1, p: "$4", jc: "center", ai: "center", space: "$5", children: [
|
|
32
32
|
/* @__PURE__ */ jsx(Button, { size: "$6", circular: true, icon: ChevronDown, onPress: () => setOpen(false) }),
|
|
33
|
+
/* @__PURE__ */ jsx(Input, { w: 200 }),
|
|
33
34
|
modal && /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
34
35
|
/* @__PURE__ */ jsx(InnerSheet, { open: innerOpen, onOpenChange: setInnerOpen }),
|
|
35
36
|
/* @__PURE__ */ jsx(
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/SheetDemo.tsx"],
|
|
4
|
-
"sourcesContent": ["import { ChevronDown, ChevronUp } from '@tamagui/lucide-icons'\nimport { Sheet } from '@tamagui/sheet'\nimport { SheetProps } from '@tamagui/sheet/types/types'\nimport { useState } from 'react'\nimport { Button, H1, H2, Paragraph, XStack } from 'tamagui'\n\nexport const SheetDemo = () => {\n const [position, setPosition] = useState(0)\n const [open, setOpen] = useState(false)\n const [modal, setModal] = useState(false)\n const [innerOpen, setInnerOpen] = useState(false)\n\n return (\n <>\n <XStack space>\n <Button onPress={() => setOpen(true)}>Open</Button>\n <Button onPress={() => setModal((x) => !x)}>\n {modal ? 'Type: Modal' : 'Type: Inline'}\n </Button>\n </XStack>\n\n <Sheet\n forceRemoveScrollEnabled={open}\n modal={modal}\n open={open}\n onOpenChange={setOpen}\n snapPoints={[85, 50, 25]}\n dismissOnSnapToBottom\n position={position}\n onPositionChange={setPosition}\n zIndex={100_000}\n >\n <Sheet.Overlay />\n <Sheet.Handle />\n <Sheet.Frame f={1} p=\"$4\" jc=\"center\" ai=\"center\" space=\"$5\">\n <Button size=\"$6\" circular icon={ChevronDown} onPress={() => setOpen(false)} />\n
|
|
5
|
-
"mappings": "AAcM,SAwBM,UAvBJ,KADF;AAdN,SAAS,aAAa,iBAAiB;AACvC,SAAS,aAAa;AAEtB,SAAS,gBAAgB;AACzB,SAAS,QAAQ,IAAI,IAAI,WAAW,cAAc;
|
|
4
|
+
"sourcesContent": ["import { ChevronDown, ChevronUp } from '@tamagui/lucide-icons'\nimport { Sheet } from '@tamagui/sheet'\nimport { SheetProps } from '@tamagui/sheet/types/types'\nimport { useState } from 'react'\nimport { Button, H1, H2, Input, Paragraph, XStack } from 'tamagui'\n\nexport const SheetDemo = () => {\n const [position, setPosition] = useState(0)\n const [open, setOpen] = useState(false)\n const [modal, setModal] = useState(false)\n const [innerOpen, setInnerOpen] = useState(false)\n\n return (\n <>\n <XStack space>\n <Button onPress={() => setOpen(true)}>Open</Button>\n <Button onPress={() => setModal((x) => !x)}>\n {modal ? 'Type: Modal' : 'Type: Inline'}\n </Button>\n </XStack>\n\n <Sheet\n forceRemoveScrollEnabled={open}\n modal={modal}\n open={open}\n onOpenChange={setOpen}\n snapPoints={[85, 50, 25]}\n dismissOnSnapToBottom\n position={position}\n onPositionChange={setPosition}\n zIndex={100_000}\n >\n <Sheet.Overlay />\n <Sheet.Handle />\n <Sheet.Frame f={1} p=\"$4\" jc=\"center\" ai=\"center\" space=\"$5\">\n <Button size=\"$6\" circular icon={ChevronDown} onPress={() => setOpen(false)} />\n <Input w={200} />\n {modal && (\n <>\n <InnerSheet open={innerOpen} onOpenChange={setInnerOpen} />\n <Button\n size=\"$6\"\n circular\n icon={ChevronUp}\n onPress={() => setInnerOpen(true)}\n ></Button>\n </>\n )}\n </Sheet.Frame>\n </Sheet>\n </>\n )\n}\n\nfunction InnerSheet(props: SheetProps) {\n return (\n <Sheet modal snapPoints={[90]} dismissOnSnapToBottom {...props}>\n <Sheet.Overlay />\n <Sheet.Handle />\n <Sheet.Frame f={1} jc=\"center\" ai=\"center\" space=\"$5\">\n <Sheet.ScrollView p=\"$4\" space>\n <Button\n size=\"$8\"\n circular\n als=\"center\"\n icon={ChevronDown}\n onPress={() => props.onOpenChange?.(false)}\n />\n <H1>Hello world</H1>\n <H2>You can scroll me</H2>\n {[1, 2, 3].map((i) => (\n <Paragraph key={i} size=\"$10\">\n Eu officia sunt ipsum nisi dolore labore est laborum laborum in esse ad\n pariatur. Dolor excepteur esse deserunt voluptate labore ea. Exercitation\n ipsum deserunt occaecat cupidatat consequat est adipisicing velit cupidatat\n ullamco veniam aliquip reprehenderit officia. Officia labore culpa ullamco\n velit. In sit occaecat velit ipsum fugiat esse aliqua dolor sint.\n </Paragraph>\n ))}\n </Sheet.ScrollView>\n </Sheet.Frame>\n </Sheet>\n )\n}\n"],
|
|
5
|
+
"mappings": "AAcM,SAwBM,UAvBJ,KADF;AAdN,SAAS,aAAa,iBAAiB;AACvC,SAAS,aAAa;AAEtB,SAAS,gBAAgB;AACzB,SAAS,QAAQ,IAAI,IAAI,OAAO,WAAW,cAAc;AAElD,MAAM,YAAY,MAAM;AAC7B,QAAM,CAAC,UAAU,WAAW,IAAI,SAAS,CAAC;AAC1C,QAAM,CAAC,MAAM,OAAO,IAAI,SAAS,KAAK;AACtC,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAS,KAAK;AACxC,QAAM,CAAC,WAAW,YAAY,IAAI,SAAS,KAAK;AAEhD,SACE,iCACE;AAAA,yBAAC,UAAO,OAAK,MACX;AAAA,0BAAC,UAAO,SAAS,MAAM,QAAQ,IAAI,GAAG,kBAAI;AAAA,MAC1C,oBAAC,UAAO,SAAS,MAAM,SAAS,CAAC,MAAM,CAAC,CAAC,GACtC,kBAAQ,gBAAgB,gBAC3B;AAAA,OACF;AAAA,IAEA;AAAA,MAAC;AAAA;AAAA,QACC,0BAA0B;AAAA,QAC1B;AAAA,QACA;AAAA,QACA,cAAc;AAAA,QACd,YAAY,CAAC,IAAI,IAAI,EAAE;AAAA,QACvB,uBAAqB;AAAA,QACrB;AAAA,QACA,kBAAkB;AAAA,QAClB,QAAQ;AAAA,QAER;AAAA,8BAAC,MAAM,SAAN,EAAc;AAAA,UACf,oBAAC,MAAM,QAAN,EAAa;AAAA,UACd,qBAAC,MAAM,OAAN,EAAY,GAAG,GAAG,GAAE,MAAK,IAAG,UAAS,IAAG,UAAS,OAAM,MACtD;AAAA,gCAAC,UAAO,MAAK,MAAK,UAAQ,MAAC,MAAM,aAAa,SAAS,MAAM,QAAQ,KAAK,GAAG;AAAA,YAC7E,oBAAC,SAAM,GAAG,KAAK;AAAA,YACd,SACC,iCACE;AAAA,kCAAC,cAAW,MAAM,WAAW,cAAc,cAAc;AAAA,cACzD;AAAA,gBAAC;AAAA;AAAA,kBACC,MAAK;AAAA,kBACL,UAAQ;AAAA,kBACR,MAAM;AAAA,kBACN,SAAS,MAAM,aAAa,IAAI;AAAA;AAAA,cACjC;AAAA,eACH;AAAA,aAEJ;AAAA;AAAA;AAAA,IACF;AAAA,KACF;AAEJ;AAEA,SAAS,WAAW,OAAmB;AACrC,SACE,qBAAC,SAAM,OAAK,MAAC,YAAY,CAAC,EAAE,GAAG,uBAAqB,MAAE,GAAG,OACvD;AAAA,wBAAC,MAAM,SAAN,EAAc;AAAA,IACf,oBAAC,MAAM,QAAN,EAAa;AAAA,IACd,oBAAC,MAAM,OAAN,EAAY,GAAG,GAAG,IAAG,UAAS,IAAG,UAAS,OAAM,MAC/C,+BAAC,MAAM,YAAN,EAAiB,GAAE,MAAK,OAAK,MAC5B;AAAA;AAAA,QAAC;AAAA;AAAA,UACC,MAAK;AAAA,UACL,UAAQ;AAAA,UACR,KAAI;AAAA,UACJ,MAAM;AAAA,UACN,SAAS,MAAG;AAlExB;AAkE2B,+BAAM,iBAAN,+BAAqB;AAAA;AAAA;AAAA,MACtC;AAAA,MACA,oBAAC,MAAG,yBAAW;AAAA,MACf,oBAAC,MAAG,+BAAiB;AAAA,MACpB,CAAC,GAAG,GAAG,CAAC,EAAE,IAAI,CAAC,MACd,oBAAC,aAAkB,MAAK,OAAM,0XAAd,CAMhB,CACD;AAAA,OACH,GACF;AAAA,KACF;AAEJ;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
package/dist/esm/SheetDemo.mjs
CHANGED
|
@@ -2,7 +2,7 @@ import { Fragment, jsx, jsxs } from "react/jsx-runtime";
|
|
|
2
2
|
import { ChevronDown, ChevronUp } from "@tamagui/lucide-icons";
|
|
3
3
|
import { Sheet } from "@tamagui/sheet";
|
|
4
4
|
import { useState } from "react";
|
|
5
|
-
import { Button, H1, H2, Paragraph, XStack } from "tamagui";
|
|
5
|
+
import { Button, H1, H2, Input, Paragraph, XStack } from "tamagui";
|
|
6
6
|
const SheetDemo = () => {
|
|
7
7
|
const [position, setPosition] = useState(0);
|
|
8
8
|
const [open, setOpen] = useState(false);
|
|
@@ -30,6 +30,7 @@ const SheetDemo = () => {
|
|
|
30
30
|
/* @__PURE__ */ jsx(Sheet.Handle, {}),
|
|
31
31
|
/* @__PURE__ */ jsxs(Sheet.Frame, { f: 1, p: "$4", jc: "center", ai: "center", space: "$5", children: [
|
|
32
32
|
/* @__PURE__ */ jsx(Button, { size: "$6", circular: true, icon: ChevronDown, onPress: () => setOpen(false) }),
|
|
33
|
+
/* @__PURE__ */ jsx(Input, { w: 200 }),
|
|
33
34
|
modal && /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
34
35
|
/* @__PURE__ */ jsx(InnerSheet, { open: innerOpen, onOpenChange: setInnerOpen }),
|
|
35
36
|
/* @__PURE__ */ jsx(
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/SheetDemo.tsx"],
|
|
4
|
-
"sourcesContent": ["import { ChevronDown, ChevronUp } from '@tamagui/lucide-icons'\nimport { Sheet } from '@tamagui/sheet'\nimport { SheetProps } from '@tamagui/sheet/types/types'\nimport { useState } from 'react'\nimport { Button, H1, H2, Paragraph, XStack } from 'tamagui'\n\nexport const SheetDemo = () => {\n const [position, setPosition] = useState(0)\n const [open, setOpen] = useState(false)\n const [modal, setModal] = useState(false)\n const [innerOpen, setInnerOpen] = useState(false)\n\n return (\n <>\n <XStack space>\n <Button onPress={() => setOpen(true)}>Open</Button>\n <Button onPress={() => setModal((x) => !x)}>\n {modal ? 'Type: Modal' : 'Type: Inline'}\n </Button>\n </XStack>\n\n <Sheet\n forceRemoveScrollEnabled={open}\n modal={modal}\n open={open}\n onOpenChange={setOpen}\n snapPoints={[85, 50, 25]}\n dismissOnSnapToBottom\n position={position}\n onPositionChange={setPosition}\n zIndex={100_000}\n >\n <Sheet.Overlay />\n <Sheet.Handle />\n <Sheet.Frame f={1} p=\"$4\" jc=\"center\" ai=\"center\" space=\"$5\">\n <Button size=\"$6\" circular icon={ChevronDown} onPress={() => setOpen(false)} />\n
|
|
5
|
-
"mappings": "AAcM,SAwBM,UAvBJ,KADF;AAdN,SAAS,aAAa,iBAAiB;AACvC,SAAS,aAAa;AAEtB,SAAS,gBAAgB;AACzB,SAAS,QAAQ,IAAI,IAAI,WAAW,cAAc;
|
|
4
|
+
"sourcesContent": ["import { ChevronDown, ChevronUp } from '@tamagui/lucide-icons'\nimport { Sheet } from '@tamagui/sheet'\nimport { SheetProps } from '@tamagui/sheet/types/types'\nimport { useState } from 'react'\nimport { Button, H1, H2, Input, Paragraph, XStack } from 'tamagui'\n\nexport const SheetDemo = () => {\n const [position, setPosition] = useState(0)\n const [open, setOpen] = useState(false)\n const [modal, setModal] = useState(false)\n const [innerOpen, setInnerOpen] = useState(false)\n\n return (\n <>\n <XStack space>\n <Button onPress={() => setOpen(true)}>Open</Button>\n <Button onPress={() => setModal((x) => !x)}>\n {modal ? 'Type: Modal' : 'Type: Inline'}\n </Button>\n </XStack>\n\n <Sheet\n forceRemoveScrollEnabled={open}\n modal={modal}\n open={open}\n onOpenChange={setOpen}\n snapPoints={[85, 50, 25]}\n dismissOnSnapToBottom\n position={position}\n onPositionChange={setPosition}\n zIndex={100_000}\n >\n <Sheet.Overlay />\n <Sheet.Handle />\n <Sheet.Frame f={1} p=\"$4\" jc=\"center\" ai=\"center\" space=\"$5\">\n <Button size=\"$6\" circular icon={ChevronDown} onPress={() => setOpen(false)} />\n <Input w={200} />\n {modal && (\n <>\n <InnerSheet open={innerOpen} onOpenChange={setInnerOpen} />\n <Button\n size=\"$6\"\n circular\n icon={ChevronUp}\n onPress={() => setInnerOpen(true)}\n ></Button>\n </>\n )}\n </Sheet.Frame>\n </Sheet>\n </>\n )\n}\n\nfunction InnerSheet(props: SheetProps) {\n return (\n <Sheet modal snapPoints={[90]} dismissOnSnapToBottom {...props}>\n <Sheet.Overlay />\n <Sheet.Handle />\n <Sheet.Frame f={1} jc=\"center\" ai=\"center\" space=\"$5\">\n <Sheet.ScrollView p=\"$4\" space>\n <Button\n size=\"$8\"\n circular\n als=\"center\"\n icon={ChevronDown}\n onPress={() => props.onOpenChange?.(false)}\n />\n <H1>Hello world</H1>\n <H2>You can scroll me</H2>\n {[1, 2, 3].map((i) => (\n <Paragraph key={i} size=\"$10\">\n Eu officia sunt ipsum nisi dolore labore est laborum laborum in esse ad\n pariatur. Dolor excepteur esse deserunt voluptate labore ea. Exercitation\n ipsum deserunt occaecat cupidatat consequat est adipisicing velit cupidatat\n ullamco veniam aliquip reprehenderit officia. Officia labore culpa ullamco\n velit. In sit occaecat velit ipsum fugiat esse aliqua dolor sint.\n </Paragraph>\n ))}\n </Sheet.ScrollView>\n </Sheet.Frame>\n </Sheet>\n )\n}\n"],
|
|
5
|
+
"mappings": "AAcM,SAwBM,UAvBJ,KADF;AAdN,SAAS,aAAa,iBAAiB;AACvC,SAAS,aAAa;AAEtB,SAAS,gBAAgB;AACzB,SAAS,QAAQ,IAAI,IAAI,OAAO,WAAW,cAAc;AAElD,MAAM,YAAY,MAAM;AAC7B,QAAM,CAAC,UAAU,WAAW,IAAI,SAAS,CAAC;AAC1C,QAAM,CAAC,MAAM,OAAO,IAAI,SAAS,KAAK;AACtC,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAS,KAAK;AACxC,QAAM,CAAC,WAAW,YAAY,IAAI,SAAS,KAAK;AAEhD,SACE,iCACE;AAAA,yBAAC,UAAO,OAAK,MACX;AAAA,0BAAC,UAAO,SAAS,MAAM,QAAQ,IAAI,GAAG,kBAAI;AAAA,MAC1C,oBAAC,UAAO,SAAS,MAAM,SAAS,CAAC,MAAM,CAAC,CAAC,GACtC,kBAAQ,gBAAgB,gBAC3B;AAAA,OACF;AAAA,IAEA;AAAA,MAAC;AAAA;AAAA,QACC,0BAA0B;AAAA,QAC1B;AAAA,QACA;AAAA,QACA,cAAc;AAAA,QACd,YAAY,CAAC,IAAI,IAAI,EAAE;AAAA,QACvB,uBAAqB;AAAA,QACrB;AAAA,QACA,kBAAkB;AAAA,QAClB,QAAQ;AAAA,QAER;AAAA,8BAAC,MAAM,SAAN,EAAc;AAAA,UACf,oBAAC,MAAM,QAAN,EAAa;AAAA,UACd,qBAAC,MAAM,OAAN,EAAY,GAAG,GAAG,GAAE,MAAK,IAAG,UAAS,IAAG,UAAS,OAAM,MACtD;AAAA,gCAAC,UAAO,MAAK,MAAK,UAAQ,MAAC,MAAM,aAAa,SAAS,MAAM,QAAQ,KAAK,GAAG;AAAA,YAC7E,oBAAC,SAAM,GAAG,KAAK;AAAA,YACd,SACC,iCACE;AAAA,kCAAC,cAAW,MAAM,WAAW,cAAc,cAAc;AAAA,cACzD;AAAA,gBAAC;AAAA;AAAA,kBACC,MAAK;AAAA,kBACL,UAAQ;AAAA,kBACR,MAAM;AAAA,kBACN,SAAS,MAAM,aAAa,IAAI;AAAA;AAAA,cACjC;AAAA,eACH;AAAA,aAEJ;AAAA;AAAA;AAAA,IACF;AAAA,KACF;AAEJ;AAEA,SAAS,WAAW,OAAmB;AACrC,SACE,qBAAC,SAAM,OAAK,MAAC,YAAY,CAAC,EAAE,GAAG,uBAAqB,MAAE,GAAG,OACvD;AAAA,wBAAC,MAAM,SAAN,EAAc;AAAA,IACf,oBAAC,MAAM,QAAN,EAAa;AAAA,IACd,oBAAC,MAAM,OAAN,EAAY,GAAG,GAAG,IAAG,UAAS,IAAG,UAAS,OAAM,MAC/C,+BAAC,MAAM,YAAN,EAAiB,GAAE,MAAK,OAAK,MAC5B;AAAA;AAAA,QAAC;AAAA;AAAA,UACC,MAAK;AAAA,UACL,UAAQ;AAAA,UACR,KAAI;AAAA,UACJ,MAAM;AAAA,UACN,SAAS,MAAG;AAlExB;AAkE2B,+BAAM,iBAAN,+BAAqB;AAAA;AAAA;AAAA,MACtC;AAAA,MACA,oBAAC,MAAG,yBAAW;AAAA,MACf,oBAAC,MAAG,+BAAiB;AAAA,MACpB,CAAC,GAAG,GAAG,CAAC,EAAE,IAAI,CAAC,MACd,oBAAC,aAAkB,MAAK,OAAM,0XAAd,CAMhB,CACD;AAAA,OACH,GACF;AAAA,KACF;AAEJ;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
package/dist/jsx/SheetDemo.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { ChevronDown, ChevronUp } from "@tamagui/lucide-icons";
|
|
2
2
|
import { Sheet } from "@tamagui/sheet";
|
|
3
3
|
import { useState } from "react";
|
|
4
|
-
import { Button, H1, H2, Paragraph, XStack } from "tamagui";
|
|
4
|
+
import { Button, H1, H2, Input, Paragraph, XStack } from "tamagui";
|
|
5
5
|
const SheetDemo = () => {
|
|
6
6
|
const [position, setPosition] = useState(0);
|
|
7
7
|
const [open, setOpen] = useState(false);
|
|
@@ -27,6 +27,7 @@ const SheetDemo = () => {
|
|
|
27
27
|
<Sheet.Handle />
|
|
28
28
|
<Sheet.Frame f={1} p="$4" jc="center" ai="center" space="$5">
|
|
29
29
|
<Button size="$6" circular icon={ChevronDown} onPress={() => setOpen(false)} />
|
|
30
|
+
<Input w={200} />
|
|
30
31
|
{modal && <>
|
|
31
32
|
<InnerSheet open={innerOpen} onOpenChange={setInnerOpen} />
|
|
32
33
|
<Button
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/SheetDemo.tsx"],
|
|
4
|
-
"sourcesContent": ["import { ChevronDown, ChevronUp } from '@tamagui/lucide-icons'\nimport { Sheet } from '@tamagui/sheet'\nimport { SheetProps } from '@tamagui/sheet/types/types'\nimport { useState } from 'react'\nimport { Button, H1, H2, Paragraph, XStack } from 'tamagui'\n\nexport const SheetDemo = () => {\n const [position, setPosition] = useState(0)\n const [open, setOpen] = useState(false)\n const [modal, setModal] = useState(false)\n const [innerOpen, setInnerOpen] = useState(false)\n\n return (\n <>\n <XStack space>\n <Button onPress={() => setOpen(true)}>Open</Button>\n <Button onPress={() => setModal((x) => !x)}>\n {modal ? 'Type: Modal' : 'Type: Inline'}\n </Button>\n </XStack>\n\n <Sheet\n forceRemoveScrollEnabled={open}\n modal={modal}\n open={open}\n onOpenChange={setOpen}\n snapPoints={[85, 50, 25]}\n dismissOnSnapToBottom\n position={position}\n onPositionChange={setPosition}\n zIndex={100_000}\n >\n <Sheet.Overlay />\n <Sheet.Handle />\n <Sheet.Frame f={1} p=\"$4\" jc=\"center\" ai=\"center\" space=\"$5\">\n <Button size=\"$6\" circular icon={ChevronDown} onPress={() => setOpen(false)} />\n
|
|
5
|
-
"mappings": "AAAA,SAAS,aAAa,iBAAiB;AACvC,SAAS,aAAa;AAEtB,SAAS,gBAAgB;AACzB,SAAS,QAAQ,IAAI,IAAI,WAAW,cAAc;
|
|
4
|
+
"sourcesContent": ["import { ChevronDown, ChevronUp } from '@tamagui/lucide-icons'\nimport { Sheet } from '@tamagui/sheet'\nimport { SheetProps } from '@tamagui/sheet/types/types'\nimport { useState } from 'react'\nimport { Button, H1, H2, Input, Paragraph, XStack } from 'tamagui'\n\nexport const SheetDemo = () => {\n const [position, setPosition] = useState(0)\n const [open, setOpen] = useState(false)\n const [modal, setModal] = useState(false)\n const [innerOpen, setInnerOpen] = useState(false)\n\n return (\n <>\n <XStack space>\n <Button onPress={() => setOpen(true)}>Open</Button>\n <Button onPress={() => setModal((x) => !x)}>\n {modal ? 'Type: Modal' : 'Type: Inline'}\n </Button>\n </XStack>\n\n <Sheet\n forceRemoveScrollEnabled={open}\n modal={modal}\n open={open}\n onOpenChange={setOpen}\n snapPoints={[85, 50, 25]}\n dismissOnSnapToBottom\n position={position}\n onPositionChange={setPosition}\n zIndex={100_000}\n >\n <Sheet.Overlay />\n <Sheet.Handle />\n <Sheet.Frame f={1} p=\"$4\" jc=\"center\" ai=\"center\" space=\"$5\">\n <Button size=\"$6\" circular icon={ChevronDown} onPress={() => setOpen(false)} />\n <Input w={200} />\n {modal && (\n <>\n <InnerSheet open={innerOpen} onOpenChange={setInnerOpen} />\n <Button\n size=\"$6\"\n circular\n icon={ChevronUp}\n onPress={() => setInnerOpen(true)}\n ></Button>\n </>\n )}\n </Sheet.Frame>\n </Sheet>\n </>\n )\n}\n\nfunction InnerSheet(props: SheetProps) {\n return (\n <Sheet modal snapPoints={[90]} dismissOnSnapToBottom {...props}>\n <Sheet.Overlay />\n <Sheet.Handle />\n <Sheet.Frame f={1} jc=\"center\" ai=\"center\" space=\"$5\">\n <Sheet.ScrollView p=\"$4\" space>\n <Button\n size=\"$8\"\n circular\n als=\"center\"\n icon={ChevronDown}\n onPress={() => props.onOpenChange?.(false)}\n />\n <H1>Hello world</H1>\n <H2>You can scroll me</H2>\n {[1, 2, 3].map((i) => (\n <Paragraph key={i} size=\"$10\">\n Eu officia sunt ipsum nisi dolore labore est laborum laborum in esse ad\n pariatur. Dolor excepteur esse deserunt voluptate labore ea. Exercitation\n ipsum deserunt occaecat cupidatat consequat est adipisicing velit cupidatat\n ullamco veniam aliquip reprehenderit officia. Officia labore culpa ullamco\n velit. In sit occaecat velit ipsum fugiat esse aliqua dolor sint.\n </Paragraph>\n ))}\n </Sheet.ScrollView>\n </Sheet.Frame>\n </Sheet>\n )\n}\n"],
|
|
5
|
+
"mappings": "AAAA,SAAS,aAAa,iBAAiB;AACvC,SAAS,aAAa;AAEtB,SAAS,gBAAgB;AACzB,SAAS,QAAQ,IAAI,IAAI,OAAO,WAAW,cAAc;AAElD,MAAM,YAAY,MAAM;AAC7B,QAAM,CAAC,UAAU,WAAW,IAAI,SAAS,CAAC;AAC1C,QAAM,CAAC,MAAM,OAAO,IAAI,SAAS,KAAK;AACtC,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAS,KAAK;AACxC,QAAM,CAAC,WAAW,YAAY,IAAI,SAAS,KAAK;AAEhD,SACE;AAAA,IACE,CAAC,OAAO;AAAA,MACN,CAAC,OAAO,SAAS,MAAM,QAAQ,IAAI,GAAG,IAAI,EAAzC;AAAA,MACD,CAAC,OAAO,SAAS,MAAM,SAAS,CAAC,MAAM,CAAC,CAAC,IACtC,QAAQ,gBAAgB,eAC3B,EAFC;AAAA,IAGH,EALC;AAAA,IAOD,CAAC;AAAA,MACC,0BAA0B;AAAA,MAC1B,OAAO;AAAA,MACP,MAAM;AAAA,MACN,cAAc;AAAA,MACd,YAAY,CAAC,IAAI,IAAI,EAAE;AAAA,MACvB;AAAA,MACA,UAAU;AAAA,MACV,kBAAkB;AAAA,MAClB,QAAQ;AAAA;AAAA,MAER,CAAC,MAAM,QAAQ;AAAA,MACf,CAAC,MAAM,OAAO;AAAA,MACd,CAAC,MAAM,MAAM,GAAG,GAAG,EAAE,KAAK,GAAG,SAAS,GAAG,SAAS,MAAM;AAAA,QACtD,CAAC,OAAO,KAAK,KAAK,SAAS,MAAM,aAAa,SAAS,MAAM,QAAQ,KAAK,GAAG;AAAA,QAC7E,CAAC,MAAM,GAAG,KAAK;AAAA,SACd,SACC;AAAA,UACE,CAAC,WAAW,MAAM,WAAW,cAAc,cAAc;AAAA,UACzD,CAAC;AAAA,YACC,KAAK;AAAA,YACL;AAAA,YACA,MAAM;AAAA,YACN,SAAS,MAAM,aAAa,IAAI;AAAA,UACjC;AAAA,QACH;AAAA,MAEJ,EAdC,MAAM;AAAA,IAeT,EA5BC;AAAA,EA6BH;AAEJ;AAEA,SAAS,WAAW,OAAmB;AACrC,SACE,CAAC,MAAM,MAAM,YAAY,CAAC,EAAE,GAAG,0BAA0B;AAAA,IACvD,CAAC,MAAM,QAAQ;AAAA,IACf,CAAC,MAAM,OAAO;AAAA,IACd,CAAC,MAAM,MAAM,GAAG,GAAG,GAAG,SAAS,GAAG,SAAS,MAAM,KAC/C,CAAC,MAAM,WAAW,EAAE,KAAK;AAAA,MACvB,CAAC;AAAA,QACC,KAAK;AAAA,QACL;AAAA,QACA,IAAI;AAAA,QACJ,MAAM;AAAA,QACN,SAAS,MAAM,MAAM,eAAe,KAAK;AAAA,MAC3C;AAAA,MACA,CAAC,GAAG,WAAW,EAAd;AAAA,MACD,CAAC,GAAG,iBAAiB,EAApB;AAAA,OACA,CAAC,GAAG,GAAG,CAAC,EAAE,IAAI,CAAC,MACd,CAAC,UAAU,KAAK,GAAG,KAAK,MAAM,0WAM9B,EANC,UAOF;AAAA,IACH,EAnBC,MAAM,WAoBT,EArBC,MAAM;AAAA,EAsBT,EAzBC;AA2BL;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
package/dist/jsx/SheetDemo.mjs
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { ChevronDown, ChevronUp } from "@tamagui/lucide-icons";
|
|
2
2
|
import { Sheet } from "@tamagui/sheet";
|
|
3
3
|
import { useState } from "react";
|
|
4
|
-
import { Button, H1, H2, Paragraph, XStack } from "tamagui";
|
|
4
|
+
import { Button, H1, H2, Input, Paragraph, XStack } from "tamagui";
|
|
5
5
|
const SheetDemo = () => {
|
|
6
6
|
const [position, setPosition] = useState(0);
|
|
7
7
|
const [open, setOpen] = useState(false);
|
|
@@ -27,6 +27,7 @@ const SheetDemo = () => {
|
|
|
27
27
|
<Sheet.Handle />
|
|
28
28
|
<Sheet.Frame f={1} p="$4" jc="center" ai="center" space="$5">
|
|
29
29
|
<Button size="$6" circular icon={ChevronDown} onPress={() => setOpen(false)} />
|
|
30
|
+
<Input w={200} />
|
|
30
31
|
{modal && <>
|
|
31
32
|
<InnerSheet open={innerOpen} onOpenChange={setInnerOpen} />
|
|
32
33
|
<Button
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/SheetDemo.tsx"],
|
|
4
|
-
"sourcesContent": ["import { ChevronDown, ChevronUp } from '@tamagui/lucide-icons'\nimport { Sheet } from '@tamagui/sheet'\nimport { SheetProps } from '@tamagui/sheet/types/types'\nimport { useState } from 'react'\nimport { Button, H1, H2, Paragraph, XStack } from 'tamagui'\n\nexport const SheetDemo = () => {\n const [position, setPosition] = useState(0)\n const [open, setOpen] = useState(false)\n const [modal, setModal] = useState(false)\n const [innerOpen, setInnerOpen] = useState(false)\n\n return (\n <>\n <XStack space>\n <Button onPress={() => setOpen(true)}>Open</Button>\n <Button onPress={() => setModal((x) => !x)}>\n {modal ? 'Type: Modal' : 'Type: Inline'}\n </Button>\n </XStack>\n\n <Sheet\n forceRemoveScrollEnabled={open}\n modal={modal}\n open={open}\n onOpenChange={setOpen}\n snapPoints={[85, 50, 25]}\n dismissOnSnapToBottom\n position={position}\n onPositionChange={setPosition}\n zIndex={100_000}\n >\n <Sheet.Overlay />\n <Sheet.Handle />\n <Sheet.Frame f={1} p=\"$4\" jc=\"center\" ai=\"center\" space=\"$5\">\n <Button size=\"$6\" circular icon={ChevronDown} onPress={() => setOpen(false)} />\n
|
|
5
|
-
"mappings": "AAAA,SAAS,aAAa,iBAAiB;AACvC,SAAS,aAAa;AAEtB,SAAS,gBAAgB;AACzB,SAAS,QAAQ,IAAI,IAAI,WAAW,cAAc;
|
|
4
|
+
"sourcesContent": ["import { ChevronDown, ChevronUp } from '@tamagui/lucide-icons'\nimport { Sheet } from '@tamagui/sheet'\nimport { SheetProps } from '@tamagui/sheet/types/types'\nimport { useState } from 'react'\nimport { Button, H1, H2, Input, Paragraph, XStack } from 'tamagui'\n\nexport const SheetDemo = () => {\n const [position, setPosition] = useState(0)\n const [open, setOpen] = useState(false)\n const [modal, setModal] = useState(false)\n const [innerOpen, setInnerOpen] = useState(false)\n\n return (\n <>\n <XStack space>\n <Button onPress={() => setOpen(true)}>Open</Button>\n <Button onPress={() => setModal((x) => !x)}>\n {modal ? 'Type: Modal' : 'Type: Inline'}\n </Button>\n </XStack>\n\n <Sheet\n forceRemoveScrollEnabled={open}\n modal={modal}\n open={open}\n onOpenChange={setOpen}\n snapPoints={[85, 50, 25]}\n dismissOnSnapToBottom\n position={position}\n onPositionChange={setPosition}\n zIndex={100_000}\n >\n <Sheet.Overlay />\n <Sheet.Handle />\n <Sheet.Frame f={1} p=\"$4\" jc=\"center\" ai=\"center\" space=\"$5\">\n <Button size=\"$6\" circular icon={ChevronDown} onPress={() => setOpen(false)} />\n <Input w={200} />\n {modal && (\n <>\n <InnerSheet open={innerOpen} onOpenChange={setInnerOpen} />\n <Button\n size=\"$6\"\n circular\n icon={ChevronUp}\n onPress={() => setInnerOpen(true)}\n ></Button>\n </>\n )}\n </Sheet.Frame>\n </Sheet>\n </>\n )\n}\n\nfunction InnerSheet(props: SheetProps) {\n return (\n <Sheet modal snapPoints={[90]} dismissOnSnapToBottom {...props}>\n <Sheet.Overlay />\n <Sheet.Handle />\n <Sheet.Frame f={1} jc=\"center\" ai=\"center\" space=\"$5\">\n <Sheet.ScrollView p=\"$4\" space>\n <Button\n size=\"$8\"\n circular\n als=\"center\"\n icon={ChevronDown}\n onPress={() => props.onOpenChange?.(false)}\n />\n <H1>Hello world</H1>\n <H2>You can scroll me</H2>\n {[1, 2, 3].map((i) => (\n <Paragraph key={i} size=\"$10\">\n Eu officia sunt ipsum nisi dolore labore est laborum laborum in esse ad\n pariatur. Dolor excepteur esse deserunt voluptate labore ea. Exercitation\n ipsum deserunt occaecat cupidatat consequat est adipisicing velit cupidatat\n ullamco veniam aliquip reprehenderit officia. Officia labore culpa ullamco\n velit. In sit occaecat velit ipsum fugiat esse aliqua dolor sint.\n </Paragraph>\n ))}\n </Sheet.ScrollView>\n </Sheet.Frame>\n </Sheet>\n )\n}\n"],
|
|
5
|
+
"mappings": "AAAA,SAAS,aAAa,iBAAiB;AACvC,SAAS,aAAa;AAEtB,SAAS,gBAAgB;AACzB,SAAS,QAAQ,IAAI,IAAI,OAAO,WAAW,cAAc;AAElD,MAAM,YAAY,MAAM;AAC7B,QAAM,CAAC,UAAU,WAAW,IAAI,SAAS,CAAC;AAC1C,QAAM,CAAC,MAAM,OAAO,IAAI,SAAS,KAAK;AACtC,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAS,KAAK;AACxC,QAAM,CAAC,WAAW,YAAY,IAAI,SAAS,KAAK;AAEhD,SACE;AAAA,IACE,CAAC,OAAO;AAAA,MACN,CAAC,OAAO,SAAS,MAAM,QAAQ,IAAI,GAAG,IAAI,EAAzC;AAAA,MACD,CAAC,OAAO,SAAS,MAAM,SAAS,CAAC,MAAM,CAAC,CAAC,IACtC,QAAQ,gBAAgB,eAC3B,EAFC;AAAA,IAGH,EALC;AAAA,IAOD,CAAC;AAAA,MACC,0BAA0B;AAAA,MAC1B,OAAO;AAAA,MACP,MAAM;AAAA,MACN,cAAc;AAAA,MACd,YAAY,CAAC,IAAI,IAAI,EAAE;AAAA,MACvB;AAAA,MACA,UAAU;AAAA,MACV,kBAAkB;AAAA,MAClB,QAAQ;AAAA;AAAA,MAER,CAAC,MAAM,QAAQ;AAAA,MACf,CAAC,MAAM,OAAO;AAAA,MACd,CAAC,MAAM,MAAM,GAAG,GAAG,EAAE,KAAK,GAAG,SAAS,GAAG,SAAS,MAAM;AAAA,QACtD,CAAC,OAAO,KAAK,KAAK,SAAS,MAAM,aAAa,SAAS,MAAM,QAAQ,KAAK,GAAG;AAAA,QAC7E,CAAC,MAAM,GAAG,KAAK;AAAA,SACd,SACC;AAAA,UACE,CAAC,WAAW,MAAM,WAAW,cAAc,cAAc;AAAA,UACzD,CAAC;AAAA,YACC,KAAK;AAAA,YACL;AAAA,YACA,MAAM;AAAA,YACN,SAAS,MAAM,aAAa,IAAI;AAAA,UACjC;AAAA,QACH;AAAA,MAEJ,EAdC,MAAM;AAAA,IAeT,EA5BC;AAAA,EA6BH;AAEJ;AAEA,SAAS,WAAW,OAAmB;AACrC,SACE,CAAC,MAAM,MAAM,YAAY,CAAC,EAAE,GAAG,0BAA0B;AAAA,IACvD,CAAC,MAAM,QAAQ;AAAA,IACf,CAAC,MAAM,OAAO;AAAA,IACd,CAAC,MAAM,MAAM,GAAG,GAAG,GAAG,SAAS,GAAG,SAAS,MAAM,KAC/C,CAAC,MAAM,WAAW,EAAE,KAAK;AAAA,MACvB,CAAC;AAAA,QACC,KAAK;AAAA,QACL;AAAA,QACA,IAAI;AAAA,QACJ,MAAM;AAAA,QACN,SAAS,MAAM,MAAM,eAAe,KAAK;AAAA,MAC3C;AAAA,MACA,CAAC,GAAG,WAAW,EAAd;AAAA,MACD,CAAC,GAAG,iBAAiB,EAApB;AAAA,OACA,CAAC,GAAG,GAAG,CAAC,EAAE,IAAI,CAAC,MACd,CAAC,UAAU,KAAK,GAAG,KAAK,MAAM,0WAM9B,EANC,UAOF;AAAA,IACH,EAnBC,MAAM,WAoBT,EArBC,MAAM;AAAA,EAsBT,EAzBC;AA2BL;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@tamagui/demos",
|
|
3
|
-
"version": "1.6.
|
|
3
|
+
"version": "1.6.2",
|
|
4
4
|
"sideEffects": [
|
|
5
5
|
"*.css"
|
|
6
6
|
],
|
|
@@ -29,28 +29,28 @@
|
|
|
29
29
|
}
|
|
30
30
|
},
|
|
31
31
|
"dependencies": {
|
|
32
|
-
"@tamagui/avatar": "1.6.
|
|
33
|
-
"@tamagui/button": "1.6.
|
|
34
|
-
"@tamagui/config": "1.6.
|
|
35
|
-
"@tamagui/core": "1.6.
|
|
36
|
-
"@tamagui/list-item": "1.6.
|
|
37
|
-
"@tamagui/logo": "1.6.
|
|
38
|
-
"@tamagui/menu": "1.6.
|
|
39
|
-
"@tamagui/popover": "1.6.
|
|
40
|
-
"@tamagui/progress": "1.6.
|
|
41
|
-
"@tamagui/radio-group": "1.6.
|
|
42
|
-
"@tamagui/select": "1.6.
|
|
43
|
-
"@tamagui/sheet": "1.6.
|
|
44
|
-
"@tamagui/slider": "1.6.
|
|
45
|
-
"@tamagui/stacks": "1.6.
|
|
46
|
-
"tamagui": "1.6.
|
|
32
|
+
"@tamagui/avatar": "1.6.2",
|
|
33
|
+
"@tamagui/button": "1.6.2",
|
|
34
|
+
"@tamagui/config": "1.6.2",
|
|
35
|
+
"@tamagui/core": "1.6.2",
|
|
36
|
+
"@tamagui/list-item": "1.6.2",
|
|
37
|
+
"@tamagui/logo": "1.6.2",
|
|
38
|
+
"@tamagui/menu": "1.6.2",
|
|
39
|
+
"@tamagui/popover": "1.6.2",
|
|
40
|
+
"@tamagui/progress": "1.6.2",
|
|
41
|
+
"@tamagui/radio-group": "1.6.2",
|
|
42
|
+
"@tamagui/select": "1.6.2",
|
|
43
|
+
"@tamagui/sheet": "1.6.2",
|
|
44
|
+
"@tamagui/slider": "1.6.2",
|
|
45
|
+
"@tamagui/stacks": "1.6.2",
|
|
46
|
+
"tamagui": "1.6.2"
|
|
47
47
|
},
|
|
48
48
|
"peerDependencies": {
|
|
49
49
|
"react": "*",
|
|
50
50
|
"react-dom": "*"
|
|
51
51
|
},
|
|
52
52
|
"devDependencies": {
|
|
53
|
-
"@tamagui/build": "1.6.
|
|
53
|
+
"@tamagui/build": "1.6.2",
|
|
54
54
|
"react": "^18.2.0",
|
|
55
55
|
"react-dom": "^18.2.0"
|
|
56
56
|
},
|
package/src/SheetDemo.tsx
CHANGED
|
@@ -2,7 +2,7 @@ import { ChevronDown, ChevronUp } from '@tamagui/lucide-icons'
|
|
|
2
2
|
import { Sheet } from '@tamagui/sheet'
|
|
3
3
|
import { SheetProps } from '@tamagui/sheet/types/types'
|
|
4
4
|
import { useState } from 'react'
|
|
5
|
-
import { Button, H1, H2, Paragraph, XStack } from 'tamagui'
|
|
5
|
+
import { Button, H1, H2, Input, Paragraph, XStack } from 'tamagui'
|
|
6
6
|
|
|
7
7
|
export const SheetDemo = () => {
|
|
8
8
|
const [position, setPosition] = useState(0)
|
|
@@ -34,7 +34,7 @@ export const SheetDemo = () => {
|
|
|
34
34
|
<Sheet.Handle />
|
|
35
35
|
<Sheet.Frame f={1} p="$4" jc="center" ai="center" space="$5">
|
|
36
36
|
<Button size="$6" circular icon={ChevronDown} onPress={() => setOpen(false)} />
|
|
37
|
-
|
|
37
|
+
<Input w={200} />
|
|
38
38
|
{modal && (
|
|
39
39
|
<>
|
|
40
40
|
<InnerSheet open={innerOpen} onOpenChange={setInnerOpen} />
|