@tamagui/demos 1.0.1-beta.113 → 1.0.1-beta.114
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/ButtonDemo.js +2 -2
- package/dist/cjs/ButtonDemo.js.map +2 -2
- package/dist/cjs/GroupDemo.js +10 -6
- package/dist/cjs/GroupDemo.js.map +2 -2
- package/dist/cjs/ListItemDemo.js +8 -8
- package/dist/cjs/ListItemDemo.js.map +2 -2
- package/dist/cjs/SelectDemo.js +1 -4
- package/dist/cjs/SelectDemo.js.map +2 -2
- package/dist/cjs/index.js.map +2 -2
- package/dist/esm/ButtonDemo.js +3 -3
- package/dist/esm/ButtonDemo.js.map +2 -2
- package/dist/esm/GroupDemo.js +11 -7
- package/dist/esm/GroupDemo.js.map +2 -2
- package/dist/esm/ListItemDemo.js +9 -9
- package/dist/esm/ListItemDemo.js.map +2 -2
- package/dist/esm/SelectDemo.js +1 -4
- package/dist/esm/SelectDemo.js.map +2 -2
- package/dist/esm/index.js.map +2 -2
- package/dist/jsx/ButtonDemo.js +5 -5
- package/dist/jsx/ButtonDemo.js.map +1 -1
- package/dist/jsx/GroupDemo.js +9 -8
- package/dist/jsx/GroupDemo.js.map +2 -2
- package/dist/jsx/ListItemDemo.js +6 -6
- package/dist/jsx/ListItemDemo.js.map +2 -2
- package/dist/jsx/SelectDemo.js +1 -2
- package/dist/jsx/SelectDemo.js.map +2 -2
- package/dist/jsx/index.js.map +2 -2
- package/package.json +16 -16
- package/src/ButtonDemo.tsx +5 -5
- package/src/GroupDemo.tsx +9 -8
- package/src/ListItemDemo.tsx +6 -8
- package/src/SelectDemo.tsx +2 -3
- package/src/index.tsx +0 -3
- package/types/GroupDemo.d.ts.map +1 -1
- package/types/SelectDemo.d.ts.map +1 -1
- package/types/SheetDemo.d.ts +1 -0
- package/types/SheetDemo.d.ts.map +1 -1
- package/types/TamaguiLogo.d.ts +3 -3
- package/types/index.d.ts.map +1 -1
package/dist/cjs/ButtonDemo.js
CHANGED
|
@@ -36,7 +36,7 @@ function ButtonDemo(props) {
|
|
|
36
36
|
als: "center",
|
|
37
37
|
icon: import_feather_icons.Airplay,
|
|
38
38
|
size: "$6"
|
|
39
|
-
}, "Large"), /* @__PURE__ */ import_react.default.createElement(import_tamagui.
|
|
39
|
+
}, "Large"), /* @__PURE__ */ import_react.default.createElement(import_tamagui.XGroup, null, /* @__PURE__ */ import_react.default.createElement(import_tamagui.Button, {
|
|
40
40
|
w: "50%",
|
|
41
41
|
size: "$3",
|
|
42
42
|
theme: "alt2"
|
|
@@ -52,7 +52,7 @@ function ButtonDemo(props) {
|
|
|
52
52
|
}, "Small Inverse"), /* @__PURE__ */ import_react.default.createElement(import_tamagui.Button, {
|
|
53
53
|
iconAfter: import_feather_icons.Activity,
|
|
54
54
|
size: "$3"
|
|
55
|
-
}, "After")), /* @__PURE__ */ import_react.default.createElement(import_tamagui.
|
|
55
|
+
}, "After")), /* @__PURE__ */ import_react.default.createElement(import_tamagui.XGroup, null, /* @__PURE__ */ import_react.default.createElement(import_tamagui.Button, {
|
|
56
56
|
w: "50%",
|
|
57
57
|
size: "$2",
|
|
58
58
|
disabled: true
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/ButtonDemo.tsx"],
|
|
4
|
-
"sourcesContent": ["import { Activity, Airplay } from '@tamagui/feather-icons'\nimport React from 'react'\nimport { Button,
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,2BAAkC;AAClC,mBAAkB;AAClB,
|
|
4
|
+
"sourcesContent": ["import { Activity, Airplay } from '@tamagui/feather-icons'\nimport React from 'react'\nimport { Button, XGroup, XStack, YStack } from 'tamagui'\n\nexport function ButtonDemo(props) {\n return (\n <YStack p=\"$3\" space {...props}>\n <Button>Plain</Button>\n <Button als=\"center\" icon={Airplay} size=\"$6\">\n Large\n </Button>\n <XGroup>\n <Button w=\"50%\" size=\"$3\" theme=\"alt2\">\n Alt2\n </Button>\n <Button w=\"50%\" size=\"$3\" theme=\"yellow\">\n Yellow\n </Button>\n </XGroup>\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 <Button w=\"50%\" size=\"$2\" disabled>\n disabled\n </Button>\n <Button w=\"50%\" size=\"$2\" chromeless>\n chromeless\n </Button>\n </XGroup>\n </YStack>\n )\n}\n"],
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,2BAAkC;AAClC,mBAAkB;AAClB,qBAA+C;AAExC,oBAAoB,OAAO;AAChC,SACE,mDAAC;AAAA,IAAO,GAAE;AAAA,IAAK,OAAK;AAAA,IAAE,GAAG;AAAA,KACvB,mDAAC,6BAAO,OAAK,GACb,mDAAC;AAAA,IAAO,KAAI;AAAA,IAAS,MAAM;AAAA,IAAS,MAAK;AAAA,KAAK,OAE9C,GACA,mDAAC,6BACC,mDAAC;AAAA,IAAO,GAAE;AAAA,IAAM,MAAK;AAAA,IAAK,OAAM;AAAA,KAAO,MAEvC,GACA,mDAAC;AAAA,IAAO,GAAE;AAAA,IAAM,MAAK;AAAA,IAAK,OAAM;AAAA,KAAS,QAEzC,CACF,GACA,mDAAC;AAAA,IAAO,OAAM;AAAA,KACZ,mDAAC;AAAA,IAAO,cAAY;AAAA,IAAC,MAAK;AAAA,KAAK,eAE/B,GACA,mDAAC;AAAA,IAAO,WAAW;AAAA,IAAU,MAAK;AAAA,KAAK,OAEvC,CACF,GACA,mDAAC,6BACC,mDAAC;AAAA,IAAO,GAAE;AAAA,IAAM,MAAK;AAAA,IAAK,UAAQ;AAAA,KAAC,UAEnC,GACA,mDAAC;AAAA,IAAO,GAAE;AAAA,IAAM,MAAK;AAAA,IAAK,YAAU;AAAA,KAAC,YAErC,CACF,CACF;AAEJ;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
package/dist/cjs/GroupDemo.js
CHANGED
|
@@ -32,19 +32,23 @@ function GroupDemo() {
|
|
|
32
32
|
p: "$3",
|
|
33
33
|
space: "$2",
|
|
34
34
|
ai: "center"
|
|
35
|
-
}, /* @__PURE__ */ import_react.default.createElement(import_tamagui.
|
|
35
|
+
}, /* @__PURE__ */ import_react.default.createElement(import_tamagui.XGroup, {
|
|
36
36
|
size: "$3"
|
|
37
|
-
}, /* @__PURE__ */ import_react.default.createElement(import_tamagui.Button, null, "First"), /* @__PURE__ */ import_react.default.createElement(import_tamagui.Button, null, "Second"), /* @__PURE__ */ import_react.default.createElement(import_tamagui.Button, null, "Third")), /* @__PURE__ */ import_react.default.createElement(import_tamagui.
|
|
37
|
+
}, /* @__PURE__ */ import_react.default.createElement(import_tamagui.Button, null, "First"), /* @__PURE__ */ import_react.default.createElement(import_tamagui.Button, null, "Second"), /* @__PURE__ */ import_react.default.createElement(import_tamagui.Button, null, "Third")), /* @__PURE__ */ import_react.default.createElement(import_tamagui.XGroup, {
|
|
38
38
|
size: "$5"
|
|
39
39
|
}, /* @__PURE__ */ import_react.default.createElement(import_tamagui.Button, {
|
|
40
40
|
icon: import_feather_icons.Activity
|
|
41
41
|
}, "First"), /* @__PURE__ */ import_react.default.createElement(import_tamagui.Button, {
|
|
42
42
|
icon: import_feather_icons.Airplay
|
|
43
|
-
}, "Second")), /* @__PURE__ */ import_react.default.createElement(import_tamagui.
|
|
44
|
-
size: "$
|
|
45
|
-
vertical: true,
|
|
43
|
+
}, "Second")), /* @__PURE__ */ import_react.default.createElement(import_tamagui.YGroup, {
|
|
44
|
+
size: "$4",
|
|
46
45
|
separator: /* @__PURE__ */ import_react.default.createElement(import_tamagui.Separator, null)
|
|
47
|
-
}, /* @__PURE__ */ import_react.default.createElement(import_tamagui.ListItem,
|
|
46
|
+
}, /* @__PURE__ */ import_react.default.createElement(import_tamagui.ListItem, {
|
|
47
|
+
title: "First"
|
|
48
|
+
}), /* @__PURE__ */ import_react.default.createElement(import_tamagui.ListItem, {
|
|
49
|
+
title: "Second",
|
|
50
|
+
subTitle: "Second subtitle"
|
|
51
|
+
}), /* @__PURE__ */ import_react.default.createElement(import_tamagui.ListItem, null, "Second"), /* @__PURE__ */ import_react.default.createElement(import_tamagui.ListItem, null, "Third")));
|
|
48
52
|
}
|
|
49
53
|
// Annotate the CommonJS export names for ESM import in node:
|
|
50
54
|
0 && (module.exports = {
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/GroupDemo.tsx"],
|
|
4
|
-
"sourcesContent": ["import { Activity, Airplay } from '@tamagui/feather-icons'\nimport React from 'react'\nimport { Button,
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,2BAAkC;AAClC,mBAAkB;AAClB,
|
|
4
|
+
"sourcesContent": ["import { Activity, Airplay } from '@tamagui/feather-icons'\nimport React from 'react'\nimport { Button, ListItem, Separator, XGroup, YGroup, YStack } from 'tamagui'\n\nexport function GroupDemo() {\n return (\n <YStack p=\"$3\" space=\"$2\" ai=\"center\">\n <XGroup size=\"$3\">\n <Button>First</Button>\n <Button>Second</Button>\n <Button>Third</Button>\n </XGroup>\n\n <XGroup size=\"$5\">\n <Button icon={Activity}>First</Button>\n <Button icon={Airplay}>Second</Button>\n </XGroup>\n\n <YGroup size=\"$4\" separator={<Separator />}>\n <ListItem title=\"First\" />\n <ListItem title=\"Second\" subTitle=\"Second subtitle\" />\n <ListItem>Second</ListItem>\n <ListItem>Third</ListItem>\n </YGroup>\n </YStack>\n )\n}\n"],
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,2BAAkC;AAClC,mBAAkB;AAClB,qBAAoE;AAE7D,qBAAqB;AAC1B,SACE,mDAAC;AAAA,IAAO,GAAE;AAAA,IAAK,OAAM;AAAA,IAAK,IAAG;AAAA,KAC3B,mDAAC;AAAA,IAAO,MAAK;AAAA,KACX,mDAAC,6BAAO,OAAK,GACb,mDAAC,6BAAO,QAAM,GACd,mDAAC,6BAAO,OAAK,CACf,GAEA,mDAAC;AAAA,IAAO,MAAK;AAAA,KACX,mDAAC;AAAA,IAAO,MAAM;AAAA,KAAU,OAAK,GAC7B,mDAAC;AAAA,IAAO,MAAM;AAAA,KAAS,QAAM,CAC/B,GAEA,mDAAC;AAAA,IAAO,MAAK;AAAA,IAAK,WAAW,mDAAC,8BAAU;AAAA,KACtC,mDAAC;AAAA,IAAS,OAAM;AAAA,GAAQ,GACxB,mDAAC;AAAA,IAAS,OAAM;AAAA,IAAS,UAAS;AAAA,GAAkB,GACpD,mDAAC,+BAAS,QAAM,GAChB,mDAAC,+BAAS,OAAK,CACjB,CACF;AAEJ;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
package/dist/cjs/ListItemDemo.js
CHANGED
|
@@ -35,16 +35,17 @@ function ListItemDemo() {
|
|
|
35
35
|
}, /* @__PURE__ */ import_react.default.createElement(ListItemDemo1, null), /* @__PURE__ */ import_react.default.createElement(ListItemDemo2, null));
|
|
36
36
|
}
|
|
37
37
|
function ListItemDemo1() {
|
|
38
|
-
return /* @__PURE__ */ import_react.default.createElement(import_tamagui.
|
|
38
|
+
return /* @__PURE__ */ import_react.default.createElement(import_tamagui.YGroup, {
|
|
39
39
|
als: "center",
|
|
40
40
|
bordered: true,
|
|
41
41
|
w: 240,
|
|
42
|
-
size: "$4"
|
|
43
|
-
vertical: true
|
|
42
|
+
size: "$4"
|
|
44
43
|
}, /* @__PURE__ */ import_react.default.createElement(import_tamagui.ListItem, {
|
|
45
44
|
hoverTheme: true,
|
|
46
|
-
icon: import_feather_icons.Star
|
|
47
|
-
|
|
45
|
+
icon: import_feather_icons.Star,
|
|
46
|
+
title: "Star",
|
|
47
|
+
subTitle: "Twinkles"
|
|
48
|
+
}), /* @__PURE__ */ import_react.default.createElement(import_tamagui.ListItem, {
|
|
48
49
|
hoverTheme: true,
|
|
49
50
|
icon: import_feather_icons.Moon
|
|
50
51
|
}, "Moon"), /* @__PURE__ */ import_react.default.createElement(import_tamagui.ListItem, {
|
|
@@ -56,12 +57,11 @@ function ListItemDemo1() {
|
|
|
56
57
|
}, "Cloud"));
|
|
57
58
|
}
|
|
58
59
|
function ListItemDemo2() {
|
|
59
|
-
return /* @__PURE__ */ import_react.default.createElement(import_tamagui.
|
|
60
|
+
return /* @__PURE__ */ import_react.default.createElement(import_tamagui.YGroup, {
|
|
60
61
|
als: "center",
|
|
61
62
|
bordered: true,
|
|
62
63
|
w: 240,
|
|
63
|
-
size: "$
|
|
64
|
-
vertical: true,
|
|
64
|
+
size: "$5",
|
|
65
65
|
separator: /* @__PURE__ */ import_react.default.createElement(import_tamagui.Separator, null)
|
|
66
66
|
}, /* @__PURE__ */ import_react.default.createElement(import_tamagui.ListItem, {
|
|
67
67
|
hoverTheme: true,
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/ListItemDemo.tsx"],
|
|
4
|
-
"sourcesContent": ["import { ChevronRight, Cloud, Moon, Star, Sun } from '@tamagui/feather-icons'\nimport React from 'react'\nimport {
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,2BAAqD;AACrD,mBAAkB;AAClB,
|
|
4
|
+
"sourcesContent": ["import { ChevronRight, Cloud, Moon, Star, Sun } from '@tamagui/feather-icons'\nimport React from 'react'\nimport { ListItem, Separator, XStack, YGroup } from 'tamagui'\n\nexport function ListItemDemo() {\n return (\n <XStack $sm={{ flexDirection: 'column' }} px=\"$4\" space>\n <ListItemDemo1 />\n <ListItemDemo2 />\n </XStack>\n )\n}\n\nfunction ListItemDemo1() {\n return (\n <YGroup als=\"center\" bordered w={240} size=\"$4\">\n <ListItem hoverTheme icon={Star} title=\"Star\" subTitle=\"Twinkles\" />\n <ListItem hoverTheme icon={Moon}>\n Moon\n </ListItem>\n <ListItem hoverTheme icon={Sun}>\n Sun\n </ListItem>\n <ListItem hoverTheme icon={Cloud}>\n Cloud\n </ListItem>\n </YGroup>\n )\n}\n\nfunction ListItemDemo2() {\n return (\n <YGroup als=\"center\" bordered w={240} size=\"$5\" separator={<Separator />}>\n <ListItem hoverTheme title=\"Star\" subTitle=\"Subtitle\" icon={Star} iconAfter={ChevronRight} />\n <ListItem hoverTheme title=\"Moon\" subTitle=\"Subtitle\" icon={Moon} iconAfter={ChevronRight} />\n </YGroup>\n )\n}\n"],
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,2BAAqD;AACrD,mBAAkB;AAClB,qBAAoD;AAE7C,wBAAwB;AAC7B,SACE,mDAAC;AAAA,IAAO,KAAK,EAAE,eAAe,SAAS;AAAA,IAAG,IAAG;AAAA,IAAK,OAAK;AAAA,KACrD,mDAAC,mBAAc,GACf,mDAAC,mBAAc,CACjB;AAEJ;AAEA,yBAAyB;AACvB,SACE,mDAAC;AAAA,IAAO,KAAI;AAAA,IAAS,UAAQ;AAAA,IAAC,GAAG;AAAA,IAAK,MAAK;AAAA,KACzC,mDAAC;AAAA,IAAS,YAAU;AAAA,IAAC,MAAM;AAAA,IAAM,OAAM;AAAA,IAAO,UAAS;AAAA,GAAW,GAClE,mDAAC;AAAA,IAAS,YAAU;AAAA,IAAC,MAAM;AAAA,KAAM,MAEjC,GACA,mDAAC;AAAA,IAAS,YAAU;AAAA,IAAC,MAAM;AAAA,KAAK,KAEhC,GACA,mDAAC;AAAA,IAAS,YAAU;AAAA,IAAC,MAAM;AAAA,KAAO,OAElC,CACF;AAEJ;AAEA,yBAAyB;AACvB,SACE,mDAAC;AAAA,IAAO,KAAI;AAAA,IAAS,UAAQ;AAAA,IAAC,GAAG;AAAA,IAAK,MAAK;AAAA,IAAK,WAAW,mDAAC,8BAAU;AAAA,KACpE,mDAAC;AAAA,IAAS,YAAU;AAAA,IAAC,OAAM;AAAA,IAAO,UAAS;AAAA,IAAW,MAAM;AAAA,IAAM,WAAW;AAAA,GAAc,GAC3F,mDAAC;AAAA,IAAS,YAAU;AAAA,IAAC,OAAM;AAAA,IAAO,UAAS;AAAA,IAAW,MAAM;AAAA,IAAM,WAAW;AAAA,GAAc,CAC7F;AAEJ;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
package/dist/cjs/SelectDemo.js
CHANGED
|
@@ -26,7 +26,6 @@ __export(SelectDemo_exports, {
|
|
|
26
26
|
module.exports = __toCommonJS(SelectDemo_exports);
|
|
27
27
|
var import_feather_icons = require("@tamagui/feather-icons");
|
|
28
28
|
var import_react = __toESM(require("react"));
|
|
29
|
-
var import_react_native = require("react-native");
|
|
30
29
|
var import_tamagui = require("tamagui");
|
|
31
30
|
function SelectDemo() {
|
|
32
31
|
return /* @__PURE__ */ import_react.default.createElement(import_tamagui.Select, {
|
|
@@ -40,9 +39,7 @@ function SelectDemo() {
|
|
|
40
39
|
})), /* @__PURE__ */ import_react.default.createElement(import_tamagui.Select.Sheet, {
|
|
41
40
|
modal: true,
|
|
42
41
|
dismissOnSnapToBottom: true
|
|
43
|
-
}, /* @__PURE__ */ import_react.default.createElement(import_tamagui.Select.Sheet.Frame, null, /* @__PURE__ */ import_react.default.createElement(
|
|
44
|
-
style: { flex: 1 }
|
|
45
|
-
}, /* @__PURE__ */ import_react.default.createElement(import_tamagui.Select.SheetContents, null))), /* @__PURE__ */ import_react.default.createElement(import_tamagui.Select.Sheet.Overlay, null)), /* @__PURE__ */ import_react.default.createElement(import_tamagui.Select.Content, null, /* @__PURE__ */ import_react.default.createElement(import_tamagui.Select.ScrollUpButton, {
|
|
42
|
+
}, /* @__PURE__ */ import_react.default.createElement(import_tamagui.Select.Sheet.Frame, null, /* @__PURE__ */ import_react.default.createElement(import_tamagui.Select.Sheet.ScrollView, null, /* @__PURE__ */ import_react.default.createElement(import_tamagui.Select.SheetContents, null))), /* @__PURE__ */ import_react.default.createElement(import_tamagui.Select.Sheet.Overlay, null)), /* @__PURE__ */ import_react.default.createElement(import_tamagui.Select.Content, null, /* @__PURE__ */ import_react.default.createElement(import_tamagui.Select.ScrollUpButton, {
|
|
46
43
|
ai: "center",
|
|
47
44
|
jc: "center",
|
|
48
45
|
pos: "relative",
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/SelectDemo.tsx"],
|
|
4
|
-
"sourcesContent": ["import { ChevronDown, ChevronUp } from '@tamagui/feather-icons'\nimport React from 'react'\nimport {
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,2BAAuC;AACvC,mBAAkB;AAClB,
|
|
4
|
+
"sourcesContent": ["import { ChevronDown, ChevronUp } from '@tamagui/feather-icons'\nimport React from 'react'\nimport { LinearGradient, Select, YStack } from 'tamagui'\n\nexport function SelectDemo() {\n return (\n <Select sheetBreakpoint=\"$sm\" defaultValue=\"apple\">\n <Select.Trigger w={200} iconAfter={ChevronDown}>\n <Select.Value placeholder=\"Something\" />\n </Select.Trigger>\n\n <Select.Sheet modal dismissOnSnapToBottom>\n <Select.Sheet.Frame>\n <Select.Sheet.ScrollView>\n <Select.SheetContents />\n </Select.Sheet.ScrollView>\n </Select.Sheet.Frame>\n <Select.Sheet.Overlay />\n </Select.Sheet>\n\n <Select.Content>\n <Select.ScrollUpButton ai=\"center\" jc=\"center\" pos=\"relative\" w=\"100%\" h=\"$3\">\n <YStack zi={10}>\n <ChevronUp size={20} />\n </YStack>\n <LinearGradient\n start={[0, 0]}\n end={[0, 1]}\n fullscreen\n colors={['$background', '$backgroundTransparent']}\n />\n </Select.ScrollUpButton>\n\n <Select.Viewport minWidth={200}>\n <Select.Group>\n <Select.Label>Fruits</Select.Label>\n {items.map((item, i) => {\n return (\n <Select.Item index={i} key={item.name} value={item.name.toLowerCase()}>\n <Select.ItemText>{item.name}</Select.ItemText>\n </Select.Item>\n )\n })}\n </Select.Group>\n </Select.Viewport>\n\n <Select.ScrollDownButton ai=\"center\" jc=\"center\" pos=\"relative\" w=\"100%\" h=\"$3\">\n <YStack zi={10}>\n <ChevronDown size={20} />\n </YStack>\n <LinearGradient\n start={[0, 0]}\n end={[0, 1]}\n fullscreen\n colors={['$backgroundTransparent', '$background']}\n />\n </Select.ScrollDownButton>\n </Select.Content>\n </Select>\n )\n}\n\nconst items = [\n { name: 'Apple' },\n { name: 'Pear' },\n { name: 'Blackberry' },\n { name: 'Peach' },\n { name: 'Apricot' },\n { name: 'Melon' },\n { name: 'Honeydew' },\n { name: 'Starfruit' },\n { name: 'Blueberry' },\n { name: 'Rasberry' },\n { name: 'Strawberry' },\n { name: 'Mango' },\n { name: 'Pineapple' },\n { name: 'Lime' },\n { name: 'Lemon' },\n { name: 'Coconut' },\n { name: 'Guava' },\n { name: 'Papaya' },\n { name: 'Orange' },\n { name: 'Grape' },\n { name: 'Jackfruit' },\n { name: 'Durian' },\n]\n"],
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,2BAAuC;AACvC,mBAAkB;AAClB,qBAA+C;AAExC,sBAAsB;AAC3B,SACE,mDAAC;AAAA,IAAO,iBAAgB;AAAA,IAAM,cAAa;AAAA,KACzC,mDAAC,sBAAO,SAAP;AAAA,IAAe,GAAG;AAAA,IAAK,WAAW;AAAA,KACjC,mDAAC,sBAAO,OAAP;AAAA,IAAa,aAAY;AAAA,GAAY,CACxC,GAEA,mDAAC,sBAAO,OAAP;AAAA,IAAa,OAAK;AAAA,IAAC,uBAAqB;AAAA,KACvC,mDAAC,sBAAO,MAAM,OAAb,MACC,mDAAC,sBAAO,MAAM,YAAb,MACC,mDAAC,sBAAO,eAAP,IAAqB,CACxB,CACF,GACA,mDAAC,sBAAO,MAAM,SAAb,IAAqB,CACxB,GAEA,mDAAC,sBAAO,SAAP,MACC,mDAAC,sBAAO,gBAAP;AAAA,IAAsB,IAAG;AAAA,IAAS,IAAG;AAAA,IAAS,KAAI;AAAA,IAAW,GAAE;AAAA,IAAO,GAAE;AAAA,KACvE,mDAAC;AAAA,IAAO,IAAI;AAAA,KACV,mDAAC;AAAA,IAAU,MAAM;AAAA,GAAI,CACvB,GACA,mDAAC;AAAA,IACC,OAAO,CAAC,GAAG,CAAC;AAAA,IACZ,KAAK,CAAC,GAAG,CAAC;AAAA,IACV,YAAU;AAAA,IACV,QAAQ,CAAC,eAAe,wBAAwB;AAAA,GAClD,CACF,GAEA,mDAAC,sBAAO,UAAP;AAAA,IAAgB,UAAU;AAAA,KACzB,mDAAC,sBAAO,OAAP,MACC,mDAAC,sBAAO,OAAP,MAAa,QAAM,GACnB,MAAM,IAAI,CAAC,MAAM,MAAM;AACtB,WACE,mDAAC,sBAAO,MAAP;AAAA,MAAY,OAAO;AAAA,MAAG,KAAK,KAAK;AAAA,MAAM,OAAO,KAAK,KAAK,YAAY;AAAA,OAClE,mDAAC,sBAAO,UAAP,MAAiB,KAAK,IAAK,CAC9B;AAAA,EAEJ,CAAC,CACH,CACF,GAEA,mDAAC,sBAAO,kBAAP;AAAA,IAAwB,IAAG;AAAA,IAAS,IAAG;AAAA,IAAS,KAAI;AAAA,IAAW,GAAE;AAAA,IAAO,GAAE;AAAA,KACzE,mDAAC;AAAA,IAAO,IAAI;AAAA,KACV,mDAAC;AAAA,IAAY,MAAM;AAAA,GAAI,CACzB,GACA,mDAAC;AAAA,IACC,OAAO,CAAC,GAAG,CAAC;AAAA,IACZ,KAAK,CAAC,GAAG,CAAC;AAAA,IACV,YAAU;AAAA,IACV,QAAQ,CAAC,0BAA0B,aAAa;AAAA,GAClD,CACF,CACF,CACF;AAEJ;AAEA,MAAM,QAAQ;AAAA,EACZ,EAAE,MAAM,QAAQ;AAAA,EAChB,EAAE,MAAM,OAAO;AAAA,EACf,EAAE,MAAM,aAAa;AAAA,EACrB,EAAE,MAAM,QAAQ;AAAA,EAChB,EAAE,MAAM,UAAU;AAAA,EAClB,EAAE,MAAM,QAAQ;AAAA,EAChB,EAAE,MAAM,WAAW;AAAA,EACnB,EAAE,MAAM,YAAY;AAAA,EACpB,EAAE,MAAM,YAAY;AAAA,EACpB,EAAE,MAAM,WAAW;AAAA,EACnB,EAAE,MAAM,aAAa;AAAA,EACrB,EAAE,MAAM,QAAQ;AAAA,EAChB,EAAE,MAAM,YAAY;AAAA,EACpB,EAAE,MAAM,OAAO;AAAA,EACf,EAAE,MAAM,QAAQ;AAAA,EAChB,EAAE,MAAM,UAAU;AAAA,EAClB,EAAE,MAAM,QAAQ;AAAA,EAChB,EAAE,MAAM,SAAS;AAAA,EACjB,EAAE,MAAM,SAAS;AAAA,EACjB,EAAE,MAAM,QAAQ;AAAA,EAChB,EAAE,MAAM,YAAY;AAAA,EACpB,EAAE,MAAM,SAAS;AACnB;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
package/dist/cjs/index.js.map
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/index.tsx"],
|
|
4
|
-
"sourcesContent": ["
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;
|
|
4
|
+
"sourcesContent": ["export { AlertDialogDemo } from './AlertDialogDemo'\nexport { AnimationsDemo } from './AnimationsDemo'\nexport { AnimationsEnterDemo } from './AnimationsEnterDemo'\nexport { AnimationsHoverDemo } from './AnimationsHoverDemo'\nexport { AnimationsPresenceDemo } from './AnimationsPresenceDemo'\nexport { AvatarDemo } from './AvatarDemo'\nexport { ButtonDemo } from './ButtonDemo'\nexport { CardDemo } from './CardDemo'\nexport { DialogDemo } from './DialogDemo'\nexport { FeatherIconsDemo } from './FeatherIconsDemo'\nexport { FormsDemo } from './FormsDemo'\nexport { GroupDemo } from './GroupDemo'\nexport { HeadingsDemo } from './HeadingsDemo'\nexport { ImageDemo } from './ImageDemo'\nexport { LabelDemo } from './LabelDemo'\nexport { LinearGradientDemo } from './LinearGradientDemo'\nexport { ListItemDemo } from './ListItemDemo'\nexport { PopoverDemo } from './PopoverDemo'\nexport { ProgressDemo } from './ProgressDemo'\nexport { SelectDemo } from './SelectDemo'\nexport { SeparatorDemo } from './SeparatorDemo'\nexport { ShapesDemo } from './ShapesDemo'\nexport { SheetDemo } from './SheetDemo'\nexport { SliderDemo } from './SliderDemo'\nexport { SpinnerDemo } from './SpinnerDemo'\nexport { StacksDemo } from './StacksDemo'\nexport { SwitchDemo } from './SwitchDemo'\nexport { TextDemo } from './TextDemo'\nexport { ThemeInverseDemo } from './ThemeInverseDemo'\nexport { TooltipDemo } from './TooltipDemo'\nexport * from './TamaguiLogo'\nexport * from './useOnIntersecting'\n"],
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,6BAAgC;AAChC,4BAA+B;AAC/B,iCAAoC;AACpC,iCAAoC;AACpC,oCAAuC;AACvC,wBAA2B;AAC3B,wBAA2B;AAC3B,sBAAyB;AACzB,wBAA2B;AAC3B,8BAAiC;AACjC,uBAA0B;AAC1B,uBAA0B;AAC1B,0BAA6B;AAC7B,uBAA0B;AAC1B,uBAA0B;AAC1B,gCAAmC;AACnC,0BAA6B;AAC7B,yBAA4B;AAC5B,0BAA6B;AAC7B,wBAA2B;AAC3B,2BAA8B;AAC9B,wBAA2B;AAC3B,uBAA0B;AAC1B,wBAA2B;AAC3B,yBAA4B;AAC5B,wBAA2B;AAC3B,wBAA2B;AAC3B,sBAAyB;AACzB,8BAAiC;AACjC,yBAA4B;AAC5B,wBAAc,0BA9Bd;AA+BA,wBAAc,gCA/Bd;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
package/dist/esm/ButtonDemo.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { Activity, Airplay } from "@tamagui/feather-icons";
|
|
2
2
|
import React from "react";
|
|
3
|
-
import { Button,
|
|
3
|
+
import { Button, XGroup, XStack, YStack } from "tamagui";
|
|
4
4
|
function ButtonDemo(props) {
|
|
5
5
|
return /* @__PURE__ */ React.createElement(YStack, {
|
|
6
6
|
p: "$3",
|
|
@@ -10,7 +10,7 @@ function ButtonDemo(props) {
|
|
|
10
10
|
als: "center",
|
|
11
11
|
icon: Airplay,
|
|
12
12
|
size: "$6"
|
|
13
|
-
}, "Large"), /* @__PURE__ */ React.createElement(
|
|
13
|
+
}, "Large"), /* @__PURE__ */ React.createElement(XGroup, null, /* @__PURE__ */ React.createElement(Button, {
|
|
14
14
|
w: "50%",
|
|
15
15
|
size: "$3",
|
|
16
16
|
theme: "alt2"
|
|
@@ -26,7 +26,7 @@ function ButtonDemo(props) {
|
|
|
26
26
|
}, "Small Inverse"), /* @__PURE__ */ React.createElement(Button, {
|
|
27
27
|
iconAfter: Activity,
|
|
28
28
|
size: "$3"
|
|
29
|
-
}, "After")), /* @__PURE__ */ React.createElement(
|
|
29
|
+
}, "After")), /* @__PURE__ */ React.createElement(XGroup, null, /* @__PURE__ */ React.createElement(Button, {
|
|
30
30
|
w: "50%",
|
|
31
31
|
size: "$2",
|
|
32
32
|
disabled: true
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/ButtonDemo.tsx"],
|
|
4
|
-
"sourcesContent": ["import { Activity, Airplay } from '@tamagui/feather-icons'\nimport React from 'react'\nimport { Button,
|
|
5
|
-
"mappings": "AAAA;AACA;AACA;AAEO,oBAAoB,OAAO;AAChC,SACE,oCAAC;AAAA,IAAO,GAAE;AAAA,IAAK,OAAK;AAAA,IAAE,GAAG;AAAA,KACvB,oCAAC,cAAO,OAAK,GACb,oCAAC;AAAA,IAAO,KAAI;AAAA,IAAS,MAAM;AAAA,IAAS,MAAK;AAAA,KAAK,OAE9C,GACA,oCAAC,
|
|
4
|
+
"sourcesContent": ["import { Activity, Airplay } from '@tamagui/feather-icons'\nimport React from 'react'\nimport { Button, XGroup, XStack, YStack } from 'tamagui'\n\nexport function ButtonDemo(props) {\n return (\n <YStack p=\"$3\" space {...props}>\n <Button>Plain</Button>\n <Button als=\"center\" icon={Airplay} size=\"$6\">\n Large\n </Button>\n <XGroup>\n <Button w=\"50%\" size=\"$3\" theme=\"alt2\">\n Alt2\n </Button>\n <Button w=\"50%\" size=\"$3\" theme=\"yellow\">\n Yellow\n </Button>\n </XGroup>\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 <Button w=\"50%\" size=\"$2\" disabled>\n disabled\n </Button>\n <Button w=\"50%\" size=\"$2\" chromeless>\n chromeless\n </Button>\n </XGroup>\n </YStack>\n )\n}\n"],
|
|
5
|
+
"mappings": "AAAA;AACA;AACA;AAEO,oBAAoB,OAAO;AAChC,SACE,oCAAC;AAAA,IAAO,GAAE;AAAA,IAAK,OAAK;AAAA,IAAE,GAAG;AAAA,KACvB,oCAAC,cAAO,OAAK,GACb,oCAAC;AAAA,IAAO,KAAI;AAAA,IAAS,MAAM;AAAA,IAAS,MAAK;AAAA,KAAK,OAE9C,GACA,oCAAC,cACC,oCAAC;AAAA,IAAO,GAAE;AAAA,IAAM,MAAK;AAAA,IAAK,OAAM;AAAA,KAAO,MAEvC,GACA,oCAAC;AAAA,IAAO,GAAE;AAAA,IAAM,MAAK;AAAA,IAAK,OAAM;AAAA,KAAS,QAEzC,CACF,GACA,oCAAC;AAAA,IAAO,OAAM;AAAA,KACZ,oCAAC;AAAA,IAAO,cAAY;AAAA,IAAC,MAAK;AAAA,KAAK,eAE/B,GACA,oCAAC;AAAA,IAAO,WAAW;AAAA,IAAU,MAAK;AAAA,KAAK,OAEvC,CACF,GACA,oCAAC,cACC,oCAAC;AAAA,IAAO,GAAE;AAAA,IAAM,MAAK;AAAA,IAAK,UAAQ;AAAA,KAAC,UAEnC,GACA,oCAAC;AAAA,IAAO,GAAE;AAAA,IAAM,MAAK;AAAA,IAAK,YAAU;AAAA,KAAC,YAErC,CACF,CACF;AAEJ;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
package/dist/esm/GroupDemo.js
CHANGED
|
@@ -1,24 +1,28 @@
|
|
|
1
1
|
import { Activity, Airplay } from "@tamagui/feather-icons";
|
|
2
2
|
import React from "react";
|
|
3
|
-
import { Button,
|
|
3
|
+
import { Button, ListItem, Separator, XGroup, YGroup, YStack } from "tamagui";
|
|
4
4
|
function GroupDemo() {
|
|
5
5
|
return /* @__PURE__ */ React.createElement(YStack, {
|
|
6
6
|
p: "$3",
|
|
7
7
|
space: "$2",
|
|
8
8
|
ai: "center"
|
|
9
|
-
}, /* @__PURE__ */ React.createElement(
|
|
9
|
+
}, /* @__PURE__ */ React.createElement(XGroup, {
|
|
10
10
|
size: "$3"
|
|
11
|
-
}, /* @__PURE__ */ React.createElement(Button, null, "First"), /* @__PURE__ */ React.createElement(Button, null, "Second"), /* @__PURE__ */ React.createElement(Button, null, "Third")), /* @__PURE__ */ React.createElement(
|
|
11
|
+
}, /* @__PURE__ */ React.createElement(Button, null, "First"), /* @__PURE__ */ React.createElement(Button, null, "Second"), /* @__PURE__ */ React.createElement(Button, null, "Third")), /* @__PURE__ */ React.createElement(XGroup, {
|
|
12
12
|
size: "$5"
|
|
13
13
|
}, /* @__PURE__ */ React.createElement(Button, {
|
|
14
14
|
icon: Activity
|
|
15
15
|
}, "First"), /* @__PURE__ */ React.createElement(Button, {
|
|
16
16
|
icon: Airplay
|
|
17
|
-
}, "Second")), /* @__PURE__ */ React.createElement(
|
|
18
|
-
size: "$
|
|
19
|
-
vertical: true,
|
|
17
|
+
}, "Second")), /* @__PURE__ */ React.createElement(YGroup, {
|
|
18
|
+
size: "$4",
|
|
20
19
|
separator: /* @__PURE__ */ React.createElement(Separator, null)
|
|
21
|
-
}, /* @__PURE__ */ React.createElement(ListItem,
|
|
20
|
+
}, /* @__PURE__ */ React.createElement(ListItem, {
|
|
21
|
+
title: "First"
|
|
22
|
+
}), /* @__PURE__ */ React.createElement(ListItem, {
|
|
23
|
+
title: "Second",
|
|
24
|
+
subTitle: "Second subtitle"
|
|
25
|
+
}), /* @__PURE__ */ React.createElement(ListItem, null, "Second"), /* @__PURE__ */ React.createElement(ListItem, null, "Third")));
|
|
22
26
|
}
|
|
23
27
|
export {
|
|
24
28
|
GroupDemo
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/GroupDemo.tsx"],
|
|
4
|
-
"sourcesContent": ["import { Activity, Airplay } from '@tamagui/feather-icons'\nimport React from 'react'\nimport { Button,
|
|
5
|
-
"mappings": "AAAA;AACA;AACA;AAEO,qBAAqB;AAC1B,SACE,oCAAC;AAAA,IAAO,GAAE;AAAA,IAAK,OAAM;AAAA,IAAK,IAAG;AAAA,KAC3B,oCAAC;AAAA,
|
|
4
|
+
"sourcesContent": ["import { Activity, Airplay } from '@tamagui/feather-icons'\nimport React from 'react'\nimport { Button, ListItem, Separator, XGroup, YGroup, YStack } from 'tamagui'\n\nexport function GroupDemo() {\n return (\n <YStack p=\"$3\" space=\"$2\" ai=\"center\">\n <XGroup size=\"$3\">\n <Button>First</Button>\n <Button>Second</Button>\n <Button>Third</Button>\n </XGroup>\n\n <XGroup size=\"$5\">\n <Button icon={Activity}>First</Button>\n <Button icon={Airplay}>Second</Button>\n </XGroup>\n\n <YGroup size=\"$4\" separator={<Separator />}>\n <ListItem title=\"First\" />\n <ListItem title=\"Second\" subTitle=\"Second subtitle\" />\n <ListItem>Second</ListItem>\n <ListItem>Third</ListItem>\n </YGroup>\n </YStack>\n )\n}\n"],
|
|
5
|
+
"mappings": "AAAA;AACA;AACA;AAEO,qBAAqB;AAC1B,SACE,oCAAC;AAAA,IAAO,GAAE;AAAA,IAAK,OAAM;AAAA,IAAK,IAAG;AAAA,KAC3B,oCAAC;AAAA,IAAO,MAAK;AAAA,KACX,oCAAC,cAAO,OAAK,GACb,oCAAC,cAAO,QAAM,GACd,oCAAC,cAAO,OAAK,CACf,GAEA,oCAAC;AAAA,IAAO,MAAK;AAAA,KACX,oCAAC;AAAA,IAAO,MAAM;AAAA,KAAU,OAAK,GAC7B,oCAAC;AAAA,IAAO,MAAM;AAAA,KAAS,QAAM,CAC/B,GAEA,oCAAC;AAAA,IAAO,MAAK;AAAA,IAAK,WAAW,oCAAC,eAAU;AAAA,KACtC,oCAAC;AAAA,IAAS,OAAM;AAAA,GAAQ,GACxB,oCAAC;AAAA,IAAS,OAAM;AAAA,IAAS,UAAS;AAAA,GAAkB,GACpD,oCAAC,gBAAS,QAAM,GAChB,oCAAC,gBAAS,OAAK,CACjB,CACF;AAEJ;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
package/dist/esm/ListItemDemo.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { ChevronRight, Cloud, Moon, Star, Sun } from "@tamagui/feather-icons";
|
|
2
2
|
import React from "react";
|
|
3
|
-
import {
|
|
3
|
+
import { ListItem, Separator, XStack, YGroup } from "tamagui";
|
|
4
4
|
function ListItemDemo() {
|
|
5
5
|
return /* @__PURE__ */ React.createElement(XStack, {
|
|
6
6
|
$sm: { flexDirection: "column" },
|
|
@@ -9,16 +9,17 @@ function ListItemDemo() {
|
|
|
9
9
|
}, /* @__PURE__ */ React.createElement(ListItemDemo1, null), /* @__PURE__ */ React.createElement(ListItemDemo2, null));
|
|
10
10
|
}
|
|
11
11
|
function ListItemDemo1() {
|
|
12
|
-
return /* @__PURE__ */ React.createElement(
|
|
12
|
+
return /* @__PURE__ */ React.createElement(YGroup, {
|
|
13
13
|
als: "center",
|
|
14
14
|
bordered: true,
|
|
15
15
|
w: 240,
|
|
16
|
-
size: "$4"
|
|
17
|
-
vertical: true
|
|
16
|
+
size: "$4"
|
|
18
17
|
}, /* @__PURE__ */ React.createElement(ListItem, {
|
|
19
18
|
hoverTheme: true,
|
|
20
|
-
icon: Star
|
|
21
|
-
|
|
19
|
+
icon: Star,
|
|
20
|
+
title: "Star",
|
|
21
|
+
subTitle: "Twinkles"
|
|
22
|
+
}), /* @__PURE__ */ React.createElement(ListItem, {
|
|
22
23
|
hoverTheme: true,
|
|
23
24
|
icon: Moon
|
|
24
25
|
}, "Moon"), /* @__PURE__ */ React.createElement(ListItem, {
|
|
@@ -30,12 +31,11 @@ function ListItemDemo1() {
|
|
|
30
31
|
}, "Cloud"));
|
|
31
32
|
}
|
|
32
33
|
function ListItemDemo2() {
|
|
33
|
-
return /* @__PURE__ */ React.createElement(
|
|
34
|
+
return /* @__PURE__ */ React.createElement(YGroup, {
|
|
34
35
|
als: "center",
|
|
35
36
|
bordered: true,
|
|
36
37
|
w: 240,
|
|
37
|
-
size: "$
|
|
38
|
-
vertical: true,
|
|
38
|
+
size: "$5",
|
|
39
39
|
separator: /* @__PURE__ */ React.createElement(Separator, null)
|
|
40
40
|
}, /* @__PURE__ */ React.createElement(ListItem, {
|
|
41
41
|
hoverTheme: true,
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/ListItemDemo.tsx"],
|
|
4
|
-
"sourcesContent": ["import { ChevronRight, Cloud, Moon, Star, Sun } from '@tamagui/feather-icons'\nimport React from 'react'\nimport {
|
|
5
|
-
"mappings": "AAAA;AACA;AACA;AAEO,wBAAwB;AAC7B,SACE,oCAAC;AAAA,IAAO,KAAK,EAAE,eAAe,SAAS;AAAA,IAAG,IAAG;AAAA,IAAK,OAAK;AAAA,KACrD,oCAAC,mBAAc,GACf,oCAAC,mBAAc,CACjB;AAEJ;AAEA,yBAAyB;AACvB,SACE,oCAAC;AAAA,
|
|
4
|
+
"sourcesContent": ["import { ChevronRight, Cloud, Moon, Star, Sun } from '@tamagui/feather-icons'\nimport React from 'react'\nimport { ListItem, Separator, XStack, YGroup } from 'tamagui'\n\nexport function ListItemDemo() {\n return (\n <XStack $sm={{ flexDirection: 'column' }} px=\"$4\" space>\n <ListItemDemo1 />\n <ListItemDemo2 />\n </XStack>\n )\n}\n\nfunction ListItemDemo1() {\n return (\n <YGroup als=\"center\" bordered w={240} size=\"$4\">\n <ListItem hoverTheme icon={Star} title=\"Star\" subTitle=\"Twinkles\" />\n <ListItem hoverTheme icon={Moon}>\n Moon\n </ListItem>\n <ListItem hoverTheme icon={Sun}>\n Sun\n </ListItem>\n <ListItem hoverTheme icon={Cloud}>\n Cloud\n </ListItem>\n </YGroup>\n )\n}\n\nfunction ListItemDemo2() {\n return (\n <YGroup als=\"center\" bordered w={240} size=\"$5\" separator={<Separator />}>\n <ListItem hoverTheme title=\"Star\" subTitle=\"Subtitle\" icon={Star} iconAfter={ChevronRight} />\n <ListItem hoverTheme title=\"Moon\" subTitle=\"Subtitle\" icon={Moon} iconAfter={ChevronRight} />\n </YGroup>\n )\n}\n"],
|
|
5
|
+
"mappings": "AAAA;AACA;AACA;AAEO,wBAAwB;AAC7B,SACE,oCAAC;AAAA,IAAO,KAAK,EAAE,eAAe,SAAS;AAAA,IAAG,IAAG;AAAA,IAAK,OAAK;AAAA,KACrD,oCAAC,mBAAc,GACf,oCAAC,mBAAc,CACjB;AAEJ;AAEA,yBAAyB;AACvB,SACE,oCAAC;AAAA,IAAO,KAAI;AAAA,IAAS,UAAQ;AAAA,IAAC,GAAG;AAAA,IAAK,MAAK;AAAA,KACzC,oCAAC;AAAA,IAAS,YAAU;AAAA,IAAC,MAAM;AAAA,IAAM,OAAM;AAAA,IAAO,UAAS;AAAA,GAAW,GAClE,oCAAC;AAAA,IAAS,YAAU;AAAA,IAAC,MAAM;AAAA,KAAM,MAEjC,GACA,oCAAC;AAAA,IAAS,YAAU;AAAA,IAAC,MAAM;AAAA,KAAK,KAEhC,GACA,oCAAC;AAAA,IAAS,YAAU;AAAA,IAAC,MAAM;AAAA,KAAO,OAElC,CACF;AAEJ;AAEA,yBAAyB;AACvB,SACE,oCAAC;AAAA,IAAO,KAAI;AAAA,IAAS,UAAQ;AAAA,IAAC,GAAG;AAAA,IAAK,MAAK;AAAA,IAAK,WAAW,oCAAC,eAAU;AAAA,KACpE,oCAAC;AAAA,IAAS,YAAU;AAAA,IAAC,OAAM;AAAA,IAAO,UAAS;AAAA,IAAW,MAAM;AAAA,IAAM,WAAW;AAAA,GAAc,GAC3F,oCAAC;AAAA,IAAS,YAAU;AAAA,IAAC,OAAM;AAAA,IAAO,UAAS;AAAA,IAAW,MAAM;AAAA,IAAM,WAAW;AAAA,GAAc,CAC7F;AAEJ;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
package/dist/esm/SelectDemo.js
CHANGED
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import { ChevronDown, ChevronUp } from "@tamagui/feather-icons";
|
|
2
2
|
import React from "react";
|
|
3
|
-
import { ScrollView } from "react-native";
|
|
4
3
|
import { LinearGradient, Select, YStack } from "tamagui";
|
|
5
4
|
function SelectDemo() {
|
|
6
5
|
return /* @__PURE__ */ React.createElement(Select, {
|
|
@@ -14,9 +13,7 @@ function SelectDemo() {
|
|
|
14
13
|
})), /* @__PURE__ */ React.createElement(Select.Sheet, {
|
|
15
14
|
modal: true,
|
|
16
15
|
dismissOnSnapToBottom: true
|
|
17
|
-
}, /* @__PURE__ */ React.createElement(Select.Sheet.Frame, null, /* @__PURE__ */ React.createElement(ScrollView, {
|
|
18
|
-
style: { flex: 1 }
|
|
19
|
-
}, /* @__PURE__ */ React.createElement(Select.SheetContents, null))), /* @__PURE__ */ React.createElement(Select.Sheet.Overlay, null)), /* @__PURE__ */ React.createElement(Select.Content, null, /* @__PURE__ */ React.createElement(Select.ScrollUpButton, {
|
|
16
|
+
}, /* @__PURE__ */ React.createElement(Select.Sheet.Frame, null, /* @__PURE__ */ React.createElement(Select.Sheet.ScrollView, null, /* @__PURE__ */ React.createElement(Select.SheetContents, null))), /* @__PURE__ */ React.createElement(Select.Sheet.Overlay, null)), /* @__PURE__ */ React.createElement(Select.Content, null, /* @__PURE__ */ React.createElement(Select.ScrollUpButton, {
|
|
20
17
|
ai: "center",
|
|
21
18
|
jc: "center",
|
|
22
19
|
pos: "relative",
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/SelectDemo.tsx"],
|
|
4
|
-
"sourcesContent": ["import { ChevronDown, ChevronUp } from '@tamagui/feather-icons'\nimport React from 'react'\nimport {
|
|
5
|
-
"mappings": "AAAA;AACA;AACA;
|
|
4
|
+
"sourcesContent": ["import { ChevronDown, ChevronUp } from '@tamagui/feather-icons'\nimport React from 'react'\nimport { LinearGradient, Select, YStack } from 'tamagui'\n\nexport function SelectDemo() {\n return (\n <Select sheetBreakpoint=\"$sm\" defaultValue=\"apple\">\n <Select.Trigger w={200} iconAfter={ChevronDown}>\n <Select.Value placeholder=\"Something\" />\n </Select.Trigger>\n\n <Select.Sheet modal dismissOnSnapToBottom>\n <Select.Sheet.Frame>\n <Select.Sheet.ScrollView>\n <Select.SheetContents />\n </Select.Sheet.ScrollView>\n </Select.Sheet.Frame>\n <Select.Sheet.Overlay />\n </Select.Sheet>\n\n <Select.Content>\n <Select.ScrollUpButton ai=\"center\" jc=\"center\" pos=\"relative\" w=\"100%\" h=\"$3\">\n <YStack zi={10}>\n <ChevronUp size={20} />\n </YStack>\n <LinearGradient\n start={[0, 0]}\n end={[0, 1]}\n fullscreen\n colors={['$background', '$backgroundTransparent']}\n />\n </Select.ScrollUpButton>\n\n <Select.Viewport minWidth={200}>\n <Select.Group>\n <Select.Label>Fruits</Select.Label>\n {items.map((item, i) => {\n return (\n <Select.Item index={i} key={item.name} value={item.name.toLowerCase()}>\n <Select.ItemText>{item.name}</Select.ItemText>\n </Select.Item>\n )\n })}\n </Select.Group>\n </Select.Viewport>\n\n <Select.ScrollDownButton ai=\"center\" jc=\"center\" pos=\"relative\" w=\"100%\" h=\"$3\">\n <YStack zi={10}>\n <ChevronDown size={20} />\n </YStack>\n <LinearGradient\n start={[0, 0]}\n end={[0, 1]}\n fullscreen\n colors={['$backgroundTransparent', '$background']}\n />\n </Select.ScrollDownButton>\n </Select.Content>\n </Select>\n )\n}\n\nconst items = [\n { name: 'Apple' },\n { name: 'Pear' },\n { name: 'Blackberry' },\n { name: 'Peach' },\n { name: 'Apricot' },\n { name: 'Melon' },\n { name: 'Honeydew' },\n { name: 'Starfruit' },\n { name: 'Blueberry' },\n { name: 'Rasberry' },\n { name: 'Strawberry' },\n { name: 'Mango' },\n { name: 'Pineapple' },\n { name: 'Lime' },\n { name: 'Lemon' },\n { name: 'Coconut' },\n { name: 'Guava' },\n { name: 'Papaya' },\n { name: 'Orange' },\n { name: 'Grape' },\n { name: 'Jackfruit' },\n { name: 'Durian' },\n]\n"],
|
|
5
|
+
"mappings": "AAAA;AACA;AACA;AAEO,sBAAsB;AAC3B,SACE,oCAAC;AAAA,IAAO,iBAAgB;AAAA,IAAM,cAAa;AAAA,KACzC,oCAAC,OAAO,SAAP;AAAA,IAAe,GAAG;AAAA,IAAK,WAAW;AAAA,KACjC,oCAAC,OAAO,OAAP;AAAA,IAAa,aAAY;AAAA,GAAY,CACxC,GAEA,oCAAC,OAAO,OAAP;AAAA,IAAa,OAAK;AAAA,IAAC,uBAAqB;AAAA,KACvC,oCAAC,OAAO,MAAM,OAAb,MACC,oCAAC,OAAO,MAAM,YAAb,MACC,oCAAC,OAAO,eAAP,IAAqB,CACxB,CACF,GACA,oCAAC,OAAO,MAAM,SAAb,IAAqB,CACxB,GAEA,oCAAC,OAAO,SAAP,MACC,oCAAC,OAAO,gBAAP;AAAA,IAAsB,IAAG;AAAA,IAAS,IAAG;AAAA,IAAS,KAAI;AAAA,IAAW,GAAE;AAAA,IAAO,GAAE;AAAA,KACvE,oCAAC;AAAA,IAAO,IAAI;AAAA,KACV,oCAAC;AAAA,IAAU,MAAM;AAAA,GAAI,CACvB,GACA,oCAAC;AAAA,IACC,OAAO,CAAC,GAAG,CAAC;AAAA,IACZ,KAAK,CAAC,GAAG,CAAC;AAAA,IACV,YAAU;AAAA,IACV,QAAQ,CAAC,eAAe,wBAAwB;AAAA,GAClD,CACF,GAEA,oCAAC,OAAO,UAAP;AAAA,IAAgB,UAAU;AAAA,KACzB,oCAAC,OAAO,OAAP,MACC,oCAAC,OAAO,OAAP,MAAa,QAAM,GACnB,MAAM,IAAI,CAAC,MAAM,MAAM;AACtB,WACE,oCAAC,OAAO,MAAP;AAAA,MAAY,OAAO;AAAA,MAAG,KAAK,KAAK;AAAA,MAAM,OAAO,KAAK,KAAK,YAAY;AAAA,OAClE,oCAAC,OAAO,UAAP,MAAiB,KAAK,IAAK,CAC9B;AAAA,EAEJ,CAAC,CACH,CACF,GAEA,oCAAC,OAAO,kBAAP;AAAA,IAAwB,IAAG;AAAA,IAAS,IAAG;AAAA,IAAS,KAAI;AAAA,IAAW,GAAE;AAAA,IAAO,GAAE;AAAA,KACzE,oCAAC;AAAA,IAAO,IAAI;AAAA,KACV,oCAAC;AAAA,IAAY,MAAM;AAAA,GAAI,CACzB,GACA,oCAAC;AAAA,IACC,OAAO,CAAC,GAAG,CAAC;AAAA,IACZ,KAAK,CAAC,GAAG,CAAC;AAAA,IACV,YAAU;AAAA,IACV,QAAQ,CAAC,0BAA0B,aAAa;AAAA,GAClD,CACF,CACF,CACF;AAEJ;AAEA,MAAM,QAAQ;AAAA,EACZ,EAAE,MAAM,QAAQ;AAAA,EAChB,EAAE,MAAM,OAAO;AAAA,EACf,EAAE,MAAM,aAAa;AAAA,EACrB,EAAE,MAAM,QAAQ;AAAA,EAChB,EAAE,MAAM,UAAU;AAAA,EAClB,EAAE,MAAM,QAAQ;AAAA,EAChB,EAAE,MAAM,WAAW;AAAA,EACnB,EAAE,MAAM,YAAY;AAAA,EACpB,EAAE,MAAM,YAAY;AAAA,EACpB,EAAE,MAAM,WAAW;AAAA,EACnB,EAAE,MAAM,aAAa;AAAA,EACrB,EAAE,MAAM,QAAQ;AAAA,EAChB,EAAE,MAAM,YAAY;AAAA,EACpB,EAAE,MAAM,OAAO;AAAA,EACf,EAAE,MAAM,QAAQ;AAAA,EAChB,EAAE,MAAM,UAAU;AAAA,EAClB,EAAE,MAAM,QAAQ;AAAA,EAChB,EAAE,MAAM,SAAS;AAAA,EACjB,EAAE,MAAM,SAAS;AAAA,EACjB,EAAE,MAAM,QAAQ;AAAA,EAChB,EAAE,MAAM,YAAY;AAAA,EACpB,EAAE,MAAM,SAAS;AACnB;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
package/dist/esm/index.js.map
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/index.tsx"],
|
|
4
|
-
"sourcesContent": ["
|
|
5
|
-
"mappings": "
|
|
4
|
+
"sourcesContent": ["export { AlertDialogDemo } from './AlertDialogDemo'\nexport { AnimationsDemo } from './AnimationsDemo'\nexport { AnimationsEnterDemo } from './AnimationsEnterDemo'\nexport { AnimationsHoverDemo } from './AnimationsHoverDemo'\nexport { AnimationsPresenceDemo } from './AnimationsPresenceDemo'\nexport { AvatarDemo } from './AvatarDemo'\nexport { ButtonDemo } from './ButtonDemo'\nexport { CardDemo } from './CardDemo'\nexport { DialogDemo } from './DialogDemo'\nexport { FeatherIconsDemo } from './FeatherIconsDemo'\nexport { FormsDemo } from './FormsDemo'\nexport { GroupDemo } from './GroupDemo'\nexport { HeadingsDemo } from './HeadingsDemo'\nexport { ImageDemo } from './ImageDemo'\nexport { LabelDemo } from './LabelDemo'\nexport { LinearGradientDemo } from './LinearGradientDemo'\nexport { ListItemDemo } from './ListItemDemo'\nexport { PopoverDemo } from './PopoverDemo'\nexport { ProgressDemo } from './ProgressDemo'\nexport { SelectDemo } from './SelectDemo'\nexport { SeparatorDemo } from './SeparatorDemo'\nexport { ShapesDemo } from './ShapesDemo'\nexport { SheetDemo } from './SheetDemo'\nexport { SliderDemo } from './SliderDemo'\nexport { SpinnerDemo } from './SpinnerDemo'\nexport { StacksDemo } from './StacksDemo'\nexport { SwitchDemo } from './SwitchDemo'\nexport { TextDemo } from './TextDemo'\nexport { ThemeInverseDemo } from './ThemeInverseDemo'\nexport { TooltipDemo } from './TooltipDemo'\nexport * from './TamaguiLogo'\nexport * from './useOnIntersecting'\n"],
|
|
5
|
+
"mappings": "AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
package/dist/jsx/ButtonDemo.js
CHANGED
|
@@ -1,21 +1,21 @@
|
|
|
1
1
|
import { Activity, Airplay } from "@tamagui/feather-icons";
|
|
2
|
-
import { Button,
|
|
2
|
+
import { Button, XGroup, XStack, YStack } from "tamagui";
|
|
3
3
|
function ButtonDemo(props) {
|
|
4
4
|
return <YStack p="$3" space {...props}>
|
|
5
5
|
<Button>Plain</Button>
|
|
6
6
|
<Button als="center" icon={Airplay} size="$6">Large</Button>
|
|
7
|
-
<
|
|
7
|
+
<XGroup>
|
|
8
8
|
<Button w="50%" size="$3" theme="alt2">Alt2</Button>
|
|
9
9
|
<Button w="50%" size="$3" theme="yellow">Yellow</Button>
|
|
10
|
-
</
|
|
10
|
+
</XGroup>
|
|
11
11
|
<XStack space="$2">
|
|
12
12
|
<Button themeInverse size="$3">Small Inverse</Button>
|
|
13
13
|
<Button iconAfter={Activity} size="$3">After</Button>
|
|
14
14
|
</XStack>
|
|
15
|
-
<
|
|
15
|
+
<XGroup>
|
|
16
16
|
<Button w="50%" size="$2" disabled>disabled</Button>
|
|
17
17
|
<Button w="50%" size="$2" chromeless>chromeless</Button>
|
|
18
|
-
</
|
|
18
|
+
</XGroup>
|
|
19
19
|
</YStack>;
|
|
20
20
|
}
|
|
21
21
|
export {
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/ButtonDemo.tsx"],
|
|
4
|
-
"sourcesContent": ["import { Activity, Airplay } from '@tamagui/feather-icons'\nimport React from 'react'\nimport { Button,
|
|
4
|
+
"sourcesContent": ["import { Activity, Airplay } from '@tamagui/feather-icons'\nimport React from 'react'\nimport { Button, XGroup, XStack, YStack } from 'tamagui'\n\nexport function ButtonDemo(props) {\n return (\n <YStack p=\"$3\" space {...props}>\n <Button>Plain</Button>\n <Button als=\"center\" icon={Airplay} size=\"$6\">\n Large\n </Button>\n <XGroup>\n <Button w=\"50%\" size=\"$3\" theme=\"alt2\">\n Alt2\n </Button>\n <Button w=\"50%\" size=\"$3\" theme=\"yellow\">\n Yellow\n </Button>\n </XGroup>\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 <Button w=\"50%\" size=\"$2\" disabled>\n disabled\n </Button>\n <Button w=\"50%\" size=\"$2\" chromeless>\n chromeless\n </Button>\n </XGroup>\n </YStack>\n )\n}\n"],
|
|
5
5
|
"mappings": "AAAA;AAEA;AAEO,oBAAoB,OAAO;AAChC,SACE,CAAC,OAAO,EAAE,KAAK,UAAU;AAAA,IACvB,CAAC,OAAO,KAAK,EAAZ;AAAA,IACD,CAAC,OAAO,IAAI,SAAS,MAAM,SAAS,KAAK,KAAK,KAE9C,EAFC;AAAA,IAGD,CAAC;AAAA,MACC,CAAC,OAAO,EAAE,MAAM,KAAK,KAAK,MAAM,OAAO,IAEvC,EAFC;AAAA,MAGD,CAAC,OAAO,EAAE,MAAM,KAAK,KAAK,MAAM,SAAS,MAEzC,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,EAAE,MAAM,KAAK,KAAK,SAAS,QAEnC,EAFC;AAAA,MAGD,CAAC,OAAO,EAAE,MAAM,KAAK,KAAK,WAAW,UAErC,EAFC;AAAA,IAGH,EAPC;AAAA,EAQH,EA7BC;AA+BL;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
package/dist/jsx/GroupDemo.js
CHANGED
|
@@ -1,21 +1,22 @@
|
|
|
1
1
|
import { Activity, Airplay } from "@tamagui/feather-icons";
|
|
2
|
-
import { Button,
|
|
2
|
+
import { Button, ListItem, Separator, XGroup, YGroup, YStack } from "tamagui";
|
|
3
3
|
function GroupDemo() {
|
|
4
4
|
return <YStack p="$3" space="$2" ai="center">
|
|
5
|
-
<
|
|
5
|
+
<XGroup size="$3">
|
|
6
6
|
<Button>First</Button>
|
|
7
7
|
<Button>Second</Button>
|
|
8
8
|
<Button>Third</Button>
|
|
9
|
-
</
|
|
10
|
-
<
|
|
9
|
+
</XGroup>
|
|
10
|
+
<XGroup size="$5">
|
|
11
11
|
<Button icon={Activity}>First</Button>
|
|
12
12
|
<Button icon={Airplay}>Second</Button>
|
|
13
|
-
</
|
|
14
|
-
<
|
|
15
|
-
<ListItem
|
|
13
|
+
</XGroup>
|
|
14
|
+
<YGroup size="$4" separator={<Separator />}>
|
|
15
|
+
<ListItem title="First" />
|
|
16
|
+
<ListItem title="Second" subTitle="Second subtitle" />
|
|
16
17
|
<ListItem>Second</ListItem>
|
|
17
18
|
<ListItem>Third</ListItem>
|
|
18
|
-
</
|
|
19
|
+
</YGroup>
|
|
19
20
|
</YStack>;
|
|
20
21
|
}
|
|
21
22
|
export {
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/GroupDemo.tsx"],
|
|
4
|
-
"sourcesContent": ["import { Activity, Airplay } from '@tamagui/feather-icons'\nimport React from 'react'\nimport { Button,
|
|
5
|
-
"mappings": "AAAA;AAEA;AAEO,qBAAqB;AAC1B,SACE,CAAC,OAAO,EAAE,KAAK,MAAM,KAAK,GAAG;AAAA,IAC3B,CAAC,
|
|
4
|
+
"sourcesContent": ["import { Activity, Airplay } from '@tamagui/feather-icons'\nimport React from 'react'\nimport { Button, ListItem, Separator, XGroup, YGroup, YStack } from 'tamagui'\n\nexport function GroupDemo() {\n return (\n <YStack p=\"$3\" space=\"$2\" ai=\"center\">\n <XGroup size=\"$3\">\n <Button>First</Button>\n <Button>Second</Button>\n <Button>Third</Button>\n </XGroup>\n\n <XGroup size=\"$5\">\n <Button icon={Activity}>First</Button>\n <Button icon={Airplay}>Second</Button>\n </XGroup>\n\n <YGroup size=\"$4\" separator={<Separator />}>\n <ListItem title=\"First\" />\n <ListItem title=\"Second\" subTitle=\"Second subtitle\" />\n <ListItem>Second</ListItem>\n <ListItem>Third</ListItem>\n </YGroup>\n </YStack>\n )\n}\n"],
|
|
5
|
+
"mappings": "AAAA;AAEA;AAEO,qBAAqB;AAC1B,SACE,CAAC,OAAO,EAAE,KAAK,MAAM,KAAK,GAAG;AAAA,IAC3B,CAAC,OAAO,KAAK;AAAA,MACX,CAAC,OAAO,KAAK,EAAZ;AAAA,MACD,CAAC,OAAO,MAAM,EAAb;AAAA,MACD,CAAC,OAAO,KAAK,EAAZ;AAAA,IACH,EAJC;AAAA,IAMD,CAAC,OAAO,KAAK;AAAA,MACX,CAAC,OAAO,MAAM,UAAU,KAAK,EAA5B;AAAA,MACD,CAAC,OAAO,MAAM,SAAS,MAAM,EAA5B;AAAA,IACH,EAHC;AAAA,IAKD,CAAC,OAAO,KAAK,KAAK,WAAW,CAAC,UAAU;AAAA,MACtC,CAAC,SAAS,MAAM,QAAQ;AAAA,MACxB,CAAC,SAAS,MAAM,SAAS,SAAS,kBAAkB;AAAA,MACpD,CAAC,SAAS,MAAM,EAAf;AAAA,MACD,CAAC,SAAS,KAAK,EAAd;AAAA,IACH,EALC;AAAA,EAMH,EAlBC;AAoBL;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
package/dist/jsx/ListItemDemo.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { ChevronRight, Cloud, Moon, Star, Sun } from "@tamagui/feather-icons";
|
|
2
|
-
import {
|
|
2
|
+
import { ListItem, Separator, XStack, YGroup } from "tamagui";
|
|
3
3
|
function ListItemDemo() {
|
|
4
4
|
return <XStack $sm={{ flexDirection: "column" }} px="$4" space>
|
|
5
5
|
<ListItemDemo1 />
|
|
@@ -7,18 +7,18 @@ function ListItemDemo() {
|
|
|
7
7
|
</XStack>;
|
|
8
8
|
}
|
|
9
9
|
function ListItemDemo1() {
|
|
10
|
-
return <
|
|
11
|
-
<ListItem hoverTheme icon={Star}
|
|
10
|
+
return <YGroup als="center" bordered w={240} size="$4">
|
|
11
|
+
<ListItem hoverTheme icon={Star} title="Star" subTitle="Twinkles" />
|
|
12
12
|
<ListItem hoverTheme icon={Moon}>Moon</ListItem>
|
|
13
13
|
<ListItem hoverTheme icon={Sun}>Sun</ListItem>
|
|
14
14
|
<ListItem hoverTheme icon={Cloud}>Cloud</ListItem>
|
|
15
|
-
</
|
|
15
|
+
</YGroup>;
|
|
16
16
|
}
|
|
17
17
|
function ListItemDemo2() {
|
|
18
|
-
return <
|
|
18
|
+
return <YGroup als="center" bordered w={240} size="$5" separator={<Separator />}>
|
|
19
19
|
<ListItem hoverTheme title="Star" subTitle="Subtitle" icon={Star} iconAfter={ChevronRight} />
|
|
20
20
|
<ListItem hoverTheme title="Moon" subTitle="Subtitle" icon={Moon} iconAfter={ChevronRight} />
|
|
21
|
-
</
|
|
21
|
+
</YGroup>;
|
|
22
22
|
}
|
|
23
23
|
export {
|
|
24
24
|
ListItemDemo
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/ListItemDemo.tsx"],
|
|
4
|
-
"sourcesContent": ["import { ChevronRight, Cloud, Moon, Star, Sun } from '@tamagui/feather-icons'\nimport React from 'react'\nimport {
|
|
5
|
-
"mappings": "AAAA;AAEA;AAEO,wBAAwB;AAC7B,SACE,CAAC,OAAO,KAAK,EAAE,eAAe,SAAS,GAAG,GAAG,KAAK;AAAA,IAChD,CAAC,cAAc;AAAA,IACf,CAAC,cAAc;AAAA,EACjB,EAHC;AAKL;AAEA,yBAAyB;AACvB,SACE,CAAC,
|
|
4
|
+
"sourcesContent": ["import { ChevronRight, Cloud, Moon, Star, Sun } from '@tamagui/feather-icons'\nimport React from 'react'\nimport { ListItem, Separator, XStack, YGroup } from 'tamagui'\n\nexport function ListItemDemo() {\n return (\n <XStack $sm={{ flexDirection: 'column' }} px=\"$4\" space>\n <ListItemDemo1 />\n <ListItemDemo2 />\n </XStack>\n )\n}\n\nfunction ListItemDemo1() {\n return (\n <YGroup als=\"center\" bordered w={240} size=\"$4\">\n <ListItem hoverTheme icon={Star} title=\"Star\" subTitle=\"Twinkles\" />\n <ListItem hoverTheme icon={Moon}>\n Moon\n </ListItem>\n <ListItem hoverTheme icon={Sun}>\n Sun\n </ListItem>\n <ListItem hoverTheme icon={Cloud}>\n Cloud\n </ListItem>\n </YGroup>\n )\n}\n\nfunction ListItemDemo2() {\n return (\n <YGroup als=\"center\" bordered w={240} size=\"$5\" separator={<Separator />}>\n <ListItem hoverTheme title=\"Star\" subTitle=\"Subtitle\" icon={Star} iconAfter={ChevronRight} />\n <ListItem hoverTheme title=\"Moon\" subTitle=\"Subtitle\" icon={Moon} iconAfter={ChevronRight} />\n </YGroup>\n )\n}\n"],
|
|
5
|
+
"mappings": "AAAA;AAEA;AAEO,wBAAwB;AAC7B,SACE,CAAC,OAAO,KAAK,EAAE,eAAe,SAAS,GAAG,GAAG,KAAK;AAAA,IAChD,CAAC,cAAc;AAAA,IACf,CAAC,cAAc;AAAA,EACjB,EAHC;AAKL;AAEA,yBAAyB;AACvB,SACE,CAAC,OAAO,IAAI,SAAS,SAAS,GAAG,KAAK,KAAK;AAAA,IACzC,CAAC,SAAS,WAAW,MAAM,MAAM,MAAM,OAAO,SAAS,WAAW;AAAA,IAClE,CAAC,SAAS,WAAW,MAAM,MAAM,IAEjC,EAFC;AAAA,IAGD,CAAC,SAAS,WAAW,MAAM,KAAK,GAEhC,EAFC;AAAA,IAGD,CAAC,SAAS,WAAW,MAAM,OAAO,KAElC,EAFC;AAAA,EAGH,EAXC;AAaL;AAEA,yBAAyB;AACvB,SACE,CAAC,OAAO,IAAI,SAAS,SAAS,GAAG,KAAK,KAAK,KAAK,WAAW,CAAC,UAAU;AAAA,IACpE,CAAC,SAAS,WAAW,MAAM,OAAO,SAAS,WAAW,MAAM,MAAM,WAAW,cAAc;AAAA,IAC3F,CAAC,SAAS,WAAW,MAAM,OAAO,SAAS,WAAW,MAAM,MAAM,WAAW,cAAc;AAAA,EAC7F,EAHC;AAKL;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
package/dist/jsx/SelectDemo.js
CHANGED
|
@@ -1,11 +1,10 @@
|
|
|
1
1
|
import { ChevronDown, ChevronUp } from "@tamagui/feather-icons";
|
|
2
|
-
import { ScrollView } from "react-native";
|
|
3
2
|
import { LinearGradient, Select, YStack } from "tamagui";
|
|
4
3
|
function SelectDemo() {
|
|
5
4
|
return <Select sheetBreakpoint="$sm" defaultValue="apple">
|
|
6
5
|
<Select.Trigger w={200} iconAfter={ChevronDown}><Select.Value placeholder="Something" /></Select.Trigger>
|
|
7
6
|
<Select.Sheet modal dismissOnSnapToBottom>
|
|
8
|
-
<Select.Sheet.Frame><ScrollView
|
|
7
|
+
<Select.Sheet.Frame><Select.Sheet.ScrollView><Select.SheetContents /></Select.Sheet.ScrollView></Select.Sheet.Frame>
|
|
9
8
|
<Select.Sheet.Overlay />
|
|
10
9
|
</Select.Sheet>
|
|
11
10
|
<Select.Content>
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/SelectDemo.tsx"],
|
|
4
|
-
"sourcesContent": ["import { ChevronDown, ChevronUp } from '@tamagui/feather-icons'\nimport React from 'react'\nimport {
|
|
5
|
-
"mappings": "AAAA;AAEA;
|
|
4
|
+
"sourcesContent": ["import { ChevronDown, ChevronUp } from '@tamagui/feather-icons'\nimport React from 'react'\nimport { LinearGradient, Select, YStack } from 'tamagui'\n\nexport function SelectDemo() {\n return (\n <Select sheetBreakpoint=\"$sm\" defaultValue=\"apple\">\n <Select.Trigger w={200} iconAfter={ChevronDown}>\n <Select.Value placeholder=\"Something\" />\n </Select.Trigger>\n\n <Select.Sheet modal dismissOnSnapToBottom>\n <Select.Sheet.Frame>\n <Select.Sheet.ScrollView>\n <Select.SheetContents />\n </Select.Sheet.ScrollView>\n </Select.Sheet.Frame>\n <Select.Sheet.Overlay />\n </Select.Sheet>\n\n <Select.Content>\n <Select.ScrollUpButton ai=\"center\" jc=\"center\" pos=\"relative\" w=\"100%\" h=\"$3\">\n <YStack zi={10}>\n <ChevronUp size={20} />\n </YStack>\n <LinearGradient\n start={[0, 0]}\n end={[0, 1]}\n fullscreen\n colors={['$background', '$backgroundTransparent']}\n />\n </Select.ScrollUpButton>\n\n <Select.Viewport minWidth={200}>\n <Select.Group>\n <Select.Label>Fruits</Select.Label>\n {items.map((item, i) => {\n return (\n <Select.Item index={i} key={item.name} value={item.name.toLowerCase()}>\n <Select.ItemText>{item.name}</Select.ItemText>\n </Select.Item>\n )\n })}\n </Select.Group>\n </Select.Viewport>\n\n <Select.ScrollDownButton ai=\"center\" jc=\"center\" pos=\"relative\" w=\"100%\" h=\"$3\">\n <YStack zi={10}>\n <ChevronDown size={20} />\n </YStack>\n <LinearGradient\n start={[0, 0]}\n end={[0, 1]}\n fullscreen\n colors={['$backgroundTransparent', '$background']}\n />\n </Select.ScrollDownButton>\n </Select.Content>\n </Select>\n )\n}\n\nconst items = [\n { name: 'Apple' },\n { name: 'Pear' },\n { name: 'Blackberry' },\n { name: 'Peach' },\n { name: 'Apricot' },\n { name: 'Melon' },\n { name: 'Honeydew' },\n { name: 'Starfruit' },\n { name: 'Blueberry' },\n { name: 'Rasberry' },\n { name: 'Strawberry' },\n { name: 'Mango' },\n { name: 'Pineapple' },\n { name: 'Lime' },\n { name: 'Lemon' },\n { name: 'Coconut' },\n { name: 'Guava' },\n { name: 'Papaya' },\n { name: 'Orange' },\n { name: 'Grape' },\n { name: 'Jackfruit' },\n { name: 'Durian' },\n]\n"],
|
|
5
|
+
"mappings": "AAAA;AAEA;AAEO,sBAAsB;AAC3B,SACE,CAAC,OAAO,gBAAgB,MAAM,aAAa;AAAA,IACzC,CAAC,OAAO,QAAQ,GAAG,KAAK,WAAW,aACjC,CAAC,OAAO,MAAM,YAAY,YAAY,EACxC,EAFC,OAAO;AAAA,IAIR,CAAC,OAAO,MAAM,MAAM;AAAA,MAClB,CAAC,OAAO,MAAM,MACZ,CAAC,OAAO,MAAM,WACZ,CAAC,OAAO,cAAc,EACxB,EAFC,OAAO,MAAM,WAGhB,EAJC,OAAO,MAAM;AAAA,MAKd,CAAC,OAAO,MAAM,QAAQ;AAAA,IACxB,EAPC,OAAO;AAAA,IASR,CAAC,OAAO;AAAA,MACN,CAAC,OAAO,eAAe,GAAG,SAAS,GAAG,SAAS,IAAI,WAAW,EAAE,OAAO,EAAE;AAAA,QACvE,CAAC,OAAO,IAAI,IACV,CAAC,UAAU,MAAM,IAAI,EACvB,EAFC;AAAA,QAGD,CAAC,eACC,OAAO,CAAC,GAAG,CAAC,GACZ,KAAK,CAAC,GAAG,CAAC,GACV,WACA,QAAQ,CAAC,eAAe,wBAAwB,GAClD;AAAA,MACF,EAVC,OAAO;AAAA,MAYR,CAAC,OAAO,SAAS,UAAU,KACzB,CAAC,OAAO;AAAA,QACN,CAAC,OAAO,MAAM,MAAM,EAAnB,OAAO;AAAA,SACP,MAAM,IAAI,CAAC,MAAM,MAAM;AACtB,iBACE,CAAC,OAAO,KAAK,OAAO,GAAG,KAAK,KAAK,MAAM,OAAO,KAAK,KAAK,YAAY,GAClE,CAAC,OAAO,UAAU,KAAK,KAAK,EAA3B,OAAO,SACV,EAFC,OAAO;AAAA,QAIZ,CAAC;AAAA,MACH,EATC,OAAO,MAUV,EAXC,OAAO;AAAA,MAaR,CAAC,OAAO,iBAAiB,GAAG,SAAS,GAAG,SAAS,IAAI,WAAW,EAAE,OAAO,EAAE;AAAA,QACzE,CAAC,OAAO,IAAI,IACV,CAAC,YAAY,MAAM,IAAI,EACzB,EAFC;AAAA,QAGD,CAAC,eACC,OAAO,CAAC,GAAG,CAAC,GACZ,KAAK,CAAC,GAAG,CAAC,GACV,WACA,QAAQ,CAAC,0BAA0B,aAAa,GAClD;AAAA,MACF,EAVC,OAAO;AAAA,IAWV,EArCC,OAAO;AAAA,EAsCV,EApDC;AAsDL;AAEA,MAAM,QAAQ;AAAA,EACZ,EAAE,MAAM,QAAQ;AAAA,EAChB,EAAE,MAAM,OAAO;AAAA,EACf,EAAE,MAAM,aAAa;AAAA,EACrB,EAAE,MAAM,QAAQ;AAAA,EAChB,EAAE,MAAM,UAAU;AAAA,EAClB,EAAE,MAAM,QAAQ;AAAA,EAChB,EAAE,MAAM,WAAW;AAAA,EACnB,EAAE,MAAM,YAAY;AAAA,EACpB,EAAE,MAAM,YAAY;AAAA,EACpB,EAAE,MAAM,WAAW;AAAA,EACnB,EAAE,MAAM,aAAa;AAAA,EACrB,EAAE,MAAM,QAAQ;AAAA,EAChB,EAAE,MAAM,YAAY;AAAA,EACpB,EAAE,MAAM,OAAO;AAAA,EACf,EAAE,MAAM,QAAQ;AAAA,EAChB,EAAE,MAAM,UAAU;AAAA,EAClB,EAAE,MAAM,QAAQ;AAAA,EAChB,EAAE,MAAM,SAAS;AAAA,EACjB,EAAE,MAAM,SAAS;AAAA,EACjB,EAAE,MAAM,QAAQ;AAAA,EAChB,EAAE,MAAM,YAAY;AAAA,EACpB,EAAE,MAAM,SAAS;AACnB;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
package/dist/jsx/index.js.map
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/index.tsx"],
|
|
4
|
-
"sourcesContent": ["
|
|
5
|
-
"mappings": "
|
|
4
|
+
"sourcesContent": ["export { AlertDialogDemo } from './AlertDialogDemo'\nexport { AnimationsDemo } from './AnimationsDemo'\nexport { AnimationsEnterDemo } from './AnimationsEnterDemo'\nexport { AnimationsHoverDemo } from './AnimationsHoverDemo'\nexport { AnimationsPresenceDemo } from './AnimationsPresenceDemo'\nexport { AvatarDemo } from './AvatarDemo'\nexport { ButtonDemo } from './ButtonDemo'\nexport { CardDemo } from './CardDemo'\nexport { DialogDemo } from './DialogDemo'\nexport { FeatherIconsDemo } from './FeatherIconsDemo'\nexport { FormsDemo } from './FormsDemo'\nexport { GroupDemo } from './GroupDemo'\nexport { HeadingsDemo } from './HeadingsDemo'\nexport { ImageDemo } from './ImageDemo'\nexport { LabelDemo } from './LabelDemo'\nexport { LinearGradientDemo } from './LinearGradientDemo'\nexport { ListItemDemo } from './ListItemDemo'\nexport { PopoverDemo } from './PopoverDemo'\nexport { ProgressDemo } from './ProgressDemo'\nexport { SelectDemo } from './SelectDemo'\nexport { SeparatorDemo } from './SeparatorDemo'\nexport { ShapesDemo } from './ShapesDemo'\nexport { SheetDemo } from './SheetDemo'\nexport { SliderDemo } from './SliderDemo'\nexport { SpinnerDemo } from './SpinnerDemo'\nexport { StacksDemo } from './StacksDemo'\nexport { SwitchDemo } from './SwitchDemo'\nexport { TextDemo } from './TextDemo'\nexport { ThemeInverseDemo } from './ThemeInverseDemo'\nexport { TooltipDemo } from './TooltipDemo'\nexport * from './TamaguiLogo'\nexport * from './useOnIntersecting'\n"],
|
|
5
|
+
"mappings": "AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@tamagui/demos",
|
|
3
|
-
"version": "1.0.1-beta.
|
|
3
|
+
"version": "1.0.1-beta.114",
|
|
4
4
|
"sideEffects": false,
|
|
5
5
|
"source": "src/index.ts",
|
|
6
6
|
"types": "./types/index.d.ts",
|
|
@@ -17,27 +17,27 @@
|
|
|
17
17
|
"watch": "tamagui-build --watch"
|
|
18
18
|
},
|
|
19
19
|
"dependencies": {
|
|
20
|
-
"@tamagui/avatar": "^1.0.1-beta.
|
|
21
|
-
"@tamagui/button": "^1.0.1-beta.
|
|
22
|
-
"@tamagui/config-base": "^1.0.1-beta.
|
|
23
|
-
"@tamagui/core": "^1.0.1-beta.
|
|
24
|
-
"@tamagui/drawer": "^1.0.1-beta.
|
|
25
|
-
"@tamagui/list-item": "^1.0.1-beta.
|
|
26
|
-
"@tamagui/menu": "^1.0.1-beta.
|
|
27
|
-
"@tamagui/popover": "^1.0.1-beta.
|
|
28
|
-
"@tamagui/progress": "^1.0.1-beta.
|
|
29
|
-
"@tamagui/select": "^1.0.1-beta.
|
|
30
|
-
"@tamagui/sheet": "^1.0.1-beta.
|
|
31
|
-
"@tamagui/slider": "^1.0.1-beta.
|
|
32
|
-
"@tamagui/stacks": "^1.0.1-beta.
|
|
33
|
-
"tamagui": "^1.0.1-beta.
|
|
20
|
+
"@tamagui/avatar": "^1.0.1-beta.114",
|
|
21
|
+
"@tamagui/button": "^1.0.1-beta.114",
|
|
22
|
+
"@tamagui/config-base": "^1.0.1-beta.114",
|
|
23
|
+
"@tamagui/core": "^1.0.1-beta.114",
|
|
24
|
+
"@tamagui/drawer": "^1.0.1-beta.114",
|
|
25
|
+
"@tamagui/list-item": "^1.0.1-beta.114",
|
|
26
|
+
"@tamagui/menu": "^1.0.1-beta.114",
|
|
27
|
+
"@tamagui/popover": "^1.0.1-beta.114",
|
|
28
|
+
"@tamagui/progress": "^1.0.1-beta.114",
|
|
29
|
+
"@tamagui/select": "^1.0.1-beta.114",
|
|
30
|
+
"@tamagui/sheet": "^1.0.1-beta.114",
|
|
31
|
+
"@tamagui/slider": "^1.0.1-beta.114",
|
|
32
|
+
"@tamagui/stacks": "^1.0.1-beta.114",
|
|
33
|
+
"tamagui": "^1.0.1-beta.114"
|
|
34
34
|
},
|
|
35
35
|
"peerDependencies": {
|
|
36
36
|
"react": "*",
|
|
37
37
|
"react-dom": "*"
|
|
38
38
|
},
|
|
39
39
|
"devDependencies": {
|
|
40
|
-
"@tamagui/build": "^1.0.1-beta.
|
|
40
|
+
"@tamagui/build": "^1.0.1-beta.114",
|
|
41
41
|
"react": "*",
|
|
42
42
|
"react-dom": "*"
|
|
43
43
|
},
|
package/src/ButtonDemo.tsx
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { Activity, Airplay } from '@tamagui/feather-icons'
|
|
2
2
|
import React from 'react'
|
|
3
|
-
import { Button,
|
|
3
|
+
import { Button, XGroup, XStack, YStack } from 'tamagui'
|
|
4
4
|
|
|
5
5
|
export function ButtonDemo(props) {
|
|
6
6
|
return (
|
|
@@ -9,14 +9,14 @@ export function ButtonDemo(props) {
|
|
|
9
9
|
<Button als="center" icon={Airplay} size="$6">
|
|
10
10
|
Large
|
|
11
11
|
</Button>
|
|
12
|
-
<
|
|
12
|
+
<XGroup>
|
|
13
13
|
<Button w="50%" size="$3" theme="alt2">
|
|
14
14
|
Alt2
|
|
15
15
|
</Button>
|
|
16
16
|
<Button w="50%" size="$3" theme="yellow">
|
|
17
17
|
Yellow
|
|
18
18
|
</Button>
|
|
19
|
-
</
|
|
19
|
+
</XGroup>
|
|
20
20
|
<XStack space="$2">
|
|
21
21
|
<Button themeInverse size="$3">
|
|
22
22
|
Small Inverse
|
|
@@ -25,14 +25,14 @@ export function ButtonDemo(props) {
|
|
|
25
25
|
After
|
|
26
26
|
</Button>
|
|
27
27
|
</XStack>
|
|
28
|
-
<
|
|
28
|
+
<XGroup>
|
|
29
29
|
<Button w="50%" size="$2" disabled>
|
|
30
30
|
disabled
|
|
31
31
|
</Button>
|
|
32
32
|
<Button w="50%" size="$2" chromeless>
|
|
33
33
|
chromeless
|
|
34
34
|
</Button>
|
|
35
|
-
</
|
|
35
|
+
</XGroup>
|
|
36
36
|
</YStack>
|
|
37
37
|
)
|
|
38
38
|
}
|
package/src/GroupDemo.tsx
CHANGED
|
@@ -1,26 +1,27 @@
|
|
|
1
1
|
import { Activity, Airplay } from '@tamagui/feather-icons'
|
|
2
2
|
import React from 'react'
|
|
3
|
-
import { Button,
|
|
3
|
+
import { Button, ListItem, Separator, XGroup, YGroup, YStack } from 'tamagui'
|
|
4
4
|
|
|
5
5
|
export function GroupDemo() {
|
|
6
6
|
return (
|
|
7
7
|
<YStack p="$3" space="$2" ai="center">
|
|
8
|
-
<
|
|
8
|
+
<XGroup size="$3">
|
|
9
9
|
<Button>First</Button>
|
|
10
10
|
<Button>Second</Button>
|
|
11
11
|
<Button>Third</Button>
|
|
12
|
-
</
|
|
12
|
+
</XGroup>
|
|
13
13
|
|
|
14
|
-
<
|
|
14
|
+
<XGroup size="$5">
|
|
15
15
|
<Button icon={Activity}>First</Button>
|
|
16
16
|
<Button icon={Airplay}>Second</Button>
|
|
17
|
-
</
|
|
17
|
+
</XGroup>
|
|
18
18
|
|
|
19
|
-
<
|
|
20
|
-
<ListItem
|
|
19
|
+
<YGroup size="$4" separator={<Separator />}>
|
|
20
|
+
<ListItem title="First" />
|
|
21
|
+
<ListItem title="Second" subTitle="Second subtitle" />
|
|
21
22
|
<ListItem>Second</ListItem>
|
|
22
23
|
<ListItem>Third</ListItem>
|
|
23
|
-
</
|
|
24
|
+
</YGroup>
|
|
24
25
|
</YStack>
|
|
25
26
|
)
|
|
26
27
|
}
|
package/src/ListItemDemo.tsx
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { ChevronRight, Cloud, Moon, Star, Sun } from '@tamagui/feather-icons'
|
|
2
2
|
import React from 'react'
|
|
3
|
-
import {
|
|
3
|
+
import { ListItem, Separator, XStack, YGroup } from 'tamagui'
|
|
4
4
|
|
|
5
5
|
export function ListItemDemo() {
|
|
6
6
|
return (
|
|
@@ -13,10 +13,8 @@ export function ListItemDemo() {
|
|
|
13
13
|
|
|
14
14
|
function ListItemDemo1() {
|
|
15
15
|
return (
|
|
16
|
-
<
|
|
17
|
-
<ListItem hoverTheme icon={Star}
|
|
18
|
-
Star
|
|
19
|
-
</ListItem>
|
|
16
|
+
<YGroup als="center" bordered w={240} size="$4">
|
|
17
|
+
<ListItem hoverTheme icon={Star} title="Star" subTitle="Twinkles" />
|
|
20
18
|
<ListItem hoverTheme icon={Moon}>
|
|
21
19
|
Moon
|
|
22
20
|
</ListItem>
|
|
@@ -26,15 +24,15 @@ function ListItemDemo1() {
|
|
|
26
24
|
<ListItem hoverTheme icon={Cloud}>
|
|
27
25
|
Cloud
|
|
28
26
|
</ListItem>
|
|
29
|
-
</
|
|
27
|
+
</YGroup>
|
|
30
28
|
)
|
|
31
29
|
}
|
|
32
30
|
|
|
33
31
|
function ListItemDemo2() {
|
|
34
32
|
return (
|
|
35
|
-
<
|
|
33
|
+
<YGroup als="center" bordered w={240} size="$5" separator={<Separator />}>
|
|
36
34
|
<ListItem hoverTheme title="Star" subTitle="Subtitle" icon={Star} iconAfter={ChevronRight} />
|
|
37
35
|
<ListItem hoverTheme title="Moon" subTitle="Subtitle" icon={Moon} iconAfter={ChevronRight} />
|
|
38
|
-
</
|
|
36
|
+
</YGroup>
|
|
39
37
|
)
|
|
40
38
|
}
|
package/src/SelectDemo.tsx
CHANGED
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import { ChevronDown, ChevronUp } from '@tamagui/feather-icons'
|
|
2
2
|
import React from 'react'
|
|
3
|
-
import { ScrollView } from 'react-native'
|
|
4
3
|
import { LinearGradient, Select, YStack } from 'tamagui'
|
|
5
4
|
|
|
6
5
|
export function SelectDemo() {
|
|
@@ -12,9 +11,9 @@ export function SelectDemo() {
|
|
|
12
11
|
|
|
13
12
|
<Select.Sheet modal dismissOnSnapToBottom>
|
|
14
13
|
<Select.Sheet.Frame>
|
|
15
|
-
<ScrollView
|
|
14
|
+
<Select.Sheet.ScrollView>
|
|
16
15
|
<Select.SheetContents />
|
|
17
|
-
</ScrollView>
|
|
16
|
+
</Select.Sheet.ScrollView>
|
|
18
17
|
</Select.Sheet.Frame>
|
|
19
18
|
<Select.Sheet.Overlay />
|
|
20
19
|
</Select.Sheet>
|
package/src/index.tsx
CHANGED
|
@@ -1,6 +1,3 @@
|
|
|
1
|
-
// export { DrawerDemo } from './DrawerDemo'
|
|
2
|
-
// export { MenuDemo } from './MenuDemo'
|
|
3
|
-
// gorhom bottom-sheet giving kitchen-sink problems
|
|
4
1
|
export { AlertDialogDemo } from './AlertDialogDemo'
|
|
5
2
|
export { AnimationsDemo } from './AnimationsDemo'
|
|
6
3
|
export { AnimationsEnterDemo } from './AnimationsEnterDemo'
|
package/types/GroupDemo.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"GroupDemo.d.ts","sourceRoot":"","sources":["../src/GroupDemo.tsx"],"names":[],"mappings":";AAIA,wBAAgB,SAAS,
|
|
1
|
+
{"version":3,"file":"GroupDemo.d.ts","sourceRoot":"","sources":["../src/GroupDemo.tsx"],"names":[],"mappings":";AAIA,wBAAgB,SAAS,gBAsBxB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SelectDemo.d.ts","sourceRoot":"","sources":["../src/SelectDemo.tsx"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"SelectDemo.d.ts","sourceRoot":"","sources":["../src/SelectDemo.tsx"],"names":[],"mappings":";AAIA,wBAAgB,UAAU,gBAwDzB"}
|
package/types/SheetDemo.d.ts
CHANGED
package/types/SheetDemo.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SheetDemo.d.ts","sourceRoot":"","sources":["../src/SheetDemo.tsx"],"names":[],"mappings":"AAKA,eAAO,MAAM,SAAS,mBAkCrB,CAAA"}
|
|
1
|
+
{"version":3,"file":"SheetDemo.d.ts","sourceRoot":"","sources":["../src/SheetDemo.tsx"],"names":[],"mappings":";AAKA,eAAO,MAAM,SAAS,mBAkCrB,CAAA"}
|
package/types/TamaguiLogo.d.ts
CHANGED
|
@@ -7,13 +7,13 @@ export declare const TamaguiLogo: React.ForwardRefExoticComponent<{
|
|
|
7
7
|
showWords?: boolean | undefined;
|
|
8
8
|
color?: string | undefined;
|
|
9
9
|
downscale?: number | undefined;
|
|
10
|
-
} & Omit<import("react-native").ViewProps, "
|
|
10
|
+
} & Omit<import("react-native").ViewProps, "children" | "display"> & import("tamagui").RNWViewProps & import("tamagui").TamaguiComponentPropsBase & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & Omit<{}, "elevation" | "fullscreen"> & {
|
|
11
11
|
readonly fullscreen?: boolean | undefined;
|
|
12
12
|
readonly elevation?: import("tamagui").SizeTokens | undefined;
|
|
13
|
-
} & import("@tamagui/core").MediaProps<Partial<Omit<import("react-native").ViewProps, "
|
|
13
|
+
} & import("@tamagui/core").MediaProps<Partial<Omit<import("react-native").ViewProps, "children" | "display"> & import("tamagui").RNWViewProps & import("tamagui").TamaguiComponentPropsBase & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & Omit<{}, "elevation" | "fullscreen"> & {
|
|
14
14
|
readonly fullscreen?: boolean | undefined;
|
|
15
15
|
readonly elevation?: import("tamagui").SizeTokens | undefined;
|
|
16
|
-
}>> & import("@tamagui/core").PseudoProps<Partial<Omit<import("react-native").ViewProps, "
|
|
16
|
+
}>> & import("@tamagui/core").PseudoProps<Partial<Omit<import("react-native").ViewProps, "children" | "display"> & import("tamagui").RNWViewProps & import("tamagui").TamaguiComponentPropsBase & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & Omit<{}, "elevation" | "fullscreen"> & {
|
|
17
17
|
readonly fullscreen?: boolean | undefined;
|
|
18
18
|
readonly elevation?: import("tamagui").SizeTokens | undefined;
|
|
19
19
|
}>> & React.RefAttributes<unknown>>;
|
package/types/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAA;AACnD,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA;AACjD,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAA;AAC3D,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAA;AAC3D,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAA;AACjE,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AACzC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AACzC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AACrC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AACzC,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAA;AACrD,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AACvC,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AACvC,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAC7C,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AACvC,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AACvC,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAA;AACzD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAC7C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAC3C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAC7C,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AACzC,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAC/C,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AACzC,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AACvC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AACzC,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAC3C,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AACzC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AACzC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AACrC,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAA;AACrD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAC3C,cAAc,eAAe,CAAA;AAC7B,cAAc,qBAAqB,CAAA"}
|