@tamagui/demos 1.21.4 → 1.22.1
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/SelectDemo.js +3 -12
- package/dist/cjs/SelectDemo.js.map +1 -1
- package/dist/esm/SelectDemo.js +3 -13
- package/dist/esm/SelectDemo.js.map +1 -1
- package/dist/esm/SelectDemo.mjs +3 -13
- package/dist/esm/SelectDemo.mjs.map +1 -1
- package/dist/jsx/SelectDemo.js +15 -8
- package/dist/jsx/SelectDemo.js.map +1 -1
- package/dist/jsx/SelectDemo.mjs +15 -8
- package/dist/jsx/SelectDemo.mjs.map +1 -1
- package/package.json +18 -18
- package/src/SelectDemo.tsx +6 -6
package/dist/cjs/SelectDemo.js
CHANGED
|
@@ -29,21 +29,12 @@ var import_tamagui = require("tamagui");
|
|
|
29
29
|
var import_linear_gradient = require("tamagui/linear-gradient");
|
|
30
30
|
function SelectDemo() {
|
|
31
31
|
const [val, setVal] = (0, import_react.useState)("apple");
|
|
32
|
-
return /* @__PURE__ */ (0, import_jsx_runtime.
|
|
33
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, { ai: "center", space: true, children: [
|
|
34
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Label, { f: 1, fb: 0, children: "Custom" }),
|
|
35
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(SelectDemoItem, { value: val, onValueChange: setVal })
|
|
36
|
-
] }),
|
|
37
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, { ai: "center", space: true, children: [
|
|
38
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Label, { f: 1, fb: 0, children: "Native" }),
|
|
39
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(SelectDemoItem, { value: val, onValueChange: setVal, native: true })
|
|
40
|
-
] })
|
|
41
|
-
] });
|
|
32
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YStack, { space: true, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.XStack, { ai: "center", space: true, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SelectDemoItem, { value: val, onValueChange: setVal, native: true }) }) });
|
|
42
33
|
}
|
|
43
34
|
function SelectDemoItem(props) {
|
|
44
35
|
return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Select, { id: "food", ...props, children: [
|
|
45
36
|
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Select.Trigger, { width: 180, iconAfter: import_lucide_icons.ChevronDown, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Select.Value, { placeholder: "Something" }) }),
|
|
46
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Adapt, { when: "sm", platform: "touch", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Sheet, { modal: true, dismissOnSnapToBottom: true, children: [
|
|
37
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Adapt, { when: "sm", platform: "touch", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Sheet, { native: true, modal: true, dismissOnSnapToBottom: true, children: [
|
|
47
38
|
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Sheet.Frame, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Sheet.ScrollView, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Adapt.Contents, {}) }) }),
|
|
48
39
|
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Sheet.Overlay, {})
|
|
49
40
|
] }) }),
|
|
@@ -76,7 +67,7 @@ function SelectDemoItem(props) {
|
|
|
76
67
|
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Select.Label, { children: "Fruits" }),
|
|
77
68
|
items.map((item, i) => {
|
|
78
69
|
return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Select.Item, { index: i, value: item.name.toLowerCase(), children: [
|
|
79
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Select.ItemText, { children: item.name }),
|
|
70
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Select.ItemText, { color: "#fff", children: item.name }),
|
|
80
71
|
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Select.ItemIndicator, { marginLeft: "auto", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_icons.Check, { size: 16 }) })
|
|
81
72
|
] }, item.name);
|
|
82
73
|
})
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/SelectDemo.tsx"],
|
|
4
|
-
"mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;
|
|
4
|
+
"mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA8BQ;AA9BR,0BAA8C;AAC9C,mBAAyB;AACzB,qBASO;AACP,6BAA+B;AAExB,SAAS,aAAa;AAC3B,QAAM,CAAC,KAAK,MAAM,QAAI,uBAAS,OAAO;AAEtC,SACE,4CAAC,yBAAO,OAAK,MAQX,sDAAC,yBAAO,IAAG,UAAS,OAAK,MAIvB,sDAAC,kBAAe,OAAO,KAAK,eAAe,QAAQ,QAAM,MAAC,GAC5D,GACF;AAEJ;AAEO,SAAS,eAAe,OAAoB;AACjD,SACE,6CAAC,yBAAO,IAAG,QAAQ,GAAG,OACpB;AAAA,gDAAC,sBAAO,SAAP,EAAe,OAAO,KAAK,WAAW,iCACrC,sDAAC,sBAAO,OAAP,EAAa,aAAY,aAAY,GACxC;AAAA,IAEA,4CAAC,wBAAM,MAAK,MAAK,UAAS,SACxB,uDAAC,wBAAM,QAAM,MAAC,OAAK,MAAC,uBAAqB,MACvC;AAAA,kDAAC,qBAAM,OAAN,EACC,sDAAC,qBAAM,YAAN,EACC,sDAAC,qBAAM,UAAN,EAAe,GAClB,GACF;AAAA,MACA,4CAAC,qBAAM,SAAN,EAAc;AAAA,OACjB,GACF;AAAA,IAEA,6CAAC,sBAAO,SAAP,EAAe,QAAQ,KACtB;AAAA;AAAA,QAAC,sBAAO;AAAA,QAAP;AAAA,UACC,YAAW;AAAA,UACX,gBAAe;AAAA,UACf,UAAS;AAAA,UACT,OAAM;AAAA,UACN,QAAO;AAAA,UAEP;AAAA,wDAAC,yBAAO,QAAQ,IACd,sDAAC,iCAAU,MAAM,IAAI,GACvB;AAAA,YACA;AAAA,cAAC;AAAA;AAAA,gBACC,OAAO,CAAC,GAAG,CAAC;AAAA,gBACZ,KAAK,CAAC,GAAG,CAAC;AAAA,gBACV,YAAU;AAAA,gBACV,QAAQ,CAAC,eAAe,wBAAwB;AAAA,gBAChD,cAAa;AAAA;AAAA,YACf;AAAA;AAAA;AAAA,MACF;AAAA,MAEA,4CAAC,sBAAO,UAAP,EAAgB,UAAU,KACzB,uDAAC,yBACC;AAAA,qDAAC,sBAAO,OAAP,EAAa,OAAM,MAClB;AAAA,sDAAC,sBAAO,OAAP,EAAa,oBAAM;AAAA,UACnB,MAAM,IAAI,CAAC,MAAM,MAAM;AACtB,mBACE,6CAAC,sBAAO,MAAP,EAAY,OAAO,GAAmB,OAAO,KAAK,KAAK,YAAY,GAClE;AAAA,0DAAC,sBAAO,UAAP,EAAgB,OAAM,QAAQ,eAAK,MAAK;AAAA,cACzC,4CAAC,sBAAO,eAAP,EAAqB,YAAW,QAC/B,sDAAC,6BAAM,MAAM,IAAI,GACnB;AAAA,iBAJ0B,KAAK,IAKjC;AAAA,UAEJ,CAAC;AAAA,WACH;AAAA,QAEC,MAAM,UACL;AAAA,UAAC;AAAA;AAAA,YACC,UAAS;AAAA,YACT,OAAO;AAAA,YACP,KAAK;AAAA,YACL,QAAQ;AAAA,YACR,YAAW;AAAA,YACX,gBAAe;AAAA,YACf,OAAO;AAAA,YACP,eAAc;AAAA,YAEd,sDAAC,mCAAY,UAAM,4BAAa,MAAM,QAAQ,OAAe,GAAG;AAAA;AAAA,QAClE;AAAA,SAEJ,GACF;AAAA,MAEA;AAAA,QAAC,sBAAO;AAAA,QAAP;AAAA,UACC,YAAW;AAAA,UACX,gBAAe;AAAA,UACf,UAAS;AAAA,UACT,OAAM;AAAA,UACN,QAAO;AAAA,UAEP;AAAA,wDAAC,yBAAO,QAAQ,IACd,sDAAC,mCAAY,MAAM,IAAI,GACzB;AAAA,YACA;AAAA,cAAC;AAAA;AAAA,gBACC,OAAO,CAAC,GAAG,CAAC;AAAA,gBACZ,KAAK,CAAC,GAAG,CAAC;AAAA,gBACV,YAAU;AAAA,gBACV,QAAQ,CAAC,0BAA0B,aAAa;AAAA,gBAChD,cAAa;AAAA;AAAA,YACf;AAAA;AAAA;AAAA,MACF;AAAA,OACF;AAAA,KACF;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,YAAY;AAAA,EACpB,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;",
|
|
5
5
|
"names": []
|
|
6
6
|
}
|
package/dist/esm/SelectDemo.js
CHANGED
|
@@ -3,7 +3,6 @@ import { Check, ChevronDown, ChevronUp } from "@tamagui/lucide-icons";
|
|
|
3
3
|
import { useState } from "react";
|
|
4
4
|
import {
|
|
5
5
|
Adapt,
|
|
6
|
-
Label,
|
|
7
6
|
Select,
|
|
8
7
|
Sheet,
|
|
9
8
|
XStack,
|
|
@@ -13,21 +12,12 @@ import {
|
|
|
13
12
|
import { LinearGradient } from "tamagui/linear-gradient";
|
|
14
13
|
function SelectDemo() {
|
|
15
14
|
const [val, setVal] = useState("apple");
|
|
16
|
-
return /* @__PURE__ */
|
|
17
|
-
/* @__PURE__ */ jsxs(XStack, { ai: "center", space: true, children: [
|
|
18
|
-
/* @__PURE__ */ jsx(Label, { f: 1, fb: 0, children: "Custom" }),
|
|
19
|
-
/* @__PURE__ */ jsx(SelectDemoItem, { value: val, onValueChange: setVal })
|
|
20
|
-
] }),
|
|
21
|
-
/* @__PURE__ */ jsxs(XStack, { ai: "center", space: true, children: [
|
|
22
|
-
/* @__PURE__ */ jsx(Label, { f: 1, fb: 0, children: "Native" }),
|
|
23
|
-
/* @__PURE__ */ jsx(SelectDemoItem, { value: val, onValueChange: setVal, native: true })
|
|
24
|
-
] })
|
|
25
|
-
] });
|
|
15
|
+
return /* @__PURE__ */ jsx(YStack, { space: true, children: /* @__PURE__ */ jsx(XStack, { ai: "center", space: true, children: /* @__PURE__ */ jsx(SelectDemoItem, { value: val, onValueChange: setVal, native: true }) }) });
|
|
26
16
|
}
|
|
27
17
|
function SelectDemoItem(props) {
|
|
28
18
|
return /* @__PURE__ */ jsxs(Select, { id: "food", ...props, children: [
|
|
29
19
|
/* @__PURE__ */ jsx(Select.Trigger, { width: 180, iconAfter: ChevronDown, children: /* @__PURE__ */ jsx(Select.Value, { placeholder: "Something" }) }),
|
|
30
|
-
/* @__PURE__ */ jsx(Adapt, { when: "sm", platform: "touch", children: /* @__PURE__ */ jsxs(Sheet, { modal: true, dismissOnSnapToBottom: true, children: [
|
|
20
|
+
/* @__PURE__ */ jsx(Adapt, { when: "sm", platform: "touch", children: /* @__PURE__ */ jsxs(Sheet, { native: true, modal: true, dismissOnSnapToBottom: true, children: [
|
|
31
21
|
/* @__PURE__ */ jsx(Sheet.Frame, { children: /* @__PURE__ */ jsx(Sheet.ScrollView, { children: /* @__PURE__ */ jsx(Adapt.Contents, {}) }) }),
|
|
32
22
|
/* @__PURE__ */ jsx(Sheet.Overlay, {})
|
|
33
23
|
] }) }),
|
|
@@ -60,7 +50,7 @@ function SelectDemoItem(props) {
|
|
|
60
50
|
/* @__PURE__ */ jsx(Select.Label, { children: "Fruits" }),
|
|
61
51
|
items.map((item, i) => {
|
|
62
52
|
return /* @__PURE__ */ jsxs(Select.Item, { index: i, value: item.name.toLowerCase(), children: [
|
|
63
|
-
/* @__PURE__ */ jsx(Select.ItemText, { children: item.name }),
|
|
53
|
+
/* @__PURE__ */ jsx(Select.ItemText, { color: "#fff", children: item.name }),
|
|
64
54
|
/* @__PURE__ */ jsx(Select.ItemIndicator, { marginLeft: "auto", children: /* @__PURE__ */ jsx(Check, { size: 16 }) })
|
|
65
55
|
] }, item.name);
|
|
66
56
|
})
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/SelectDemo.tsx"],
|
|
4
|
-
"mappings": "
|
|
4
|
+
"mappings": "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",
|
|
5
5
|
"names": []
|
|
6
6
|
}
|
package/dist/esm/SelectDemo.mjs
CHANGED
|
@@ -3,7 +3,6 @@ import { Check, ChevronDown, ChevronUp } from "@tamagui/lucide-icons";
|
|
|
3
3
|
import { useState } from "react";
|
|
4
4
|
import {
|
|
5
5
|
Adapt,
|
|
6
|
-
Label,
|
|
7
6
|
Select,
|
|
8
7
|
Sheet,
|
|
9
8
|
XStack,
|
|
@@ -13,21 +12,12 @@ import {
|
|
|
13
12
|
import { LinearGradient } from "tamagui/linear-gradient";
|
|
14
13
|
function SelectDemo() {
|
|
15
14
|
const [val, setVal] = useState("apple");
|
|
16
|
-
return /* @__PURE__ */
|
|
17
|
-
/* @__PURE__ */ jsxs(XStack, { ai: "center", space: true, children: [
|
|
18
|
-
/* @__PURE__ */ jsx(Label, { f: 1, fb: 0, children: "Custom" }),
|
|
19
|
-
/* @__PURE__ */ jsx(SelectDemoItem, { value: val, onValueChange: setVal })
|
|
20
|
-
] }),
|
|
21
|
-
/* @__PURE__ */ jsxs(XStack, { ai: "center", space: true, children: [
|
|
22
|
-
/* @__PURE__ */ jsx(Label, { f: 1, fb: 0, children: "Native" }),
|
|
23
|
-
/* @__PURE__ */ jsx(SelectDemoItem, { value: val, onValueChange: setVal, native: true })
|
|
24
|
-
] })
|
|
25
|
-
] });
|
|
15
|
+
return /* @__PURE__ */ jsx(YStack, { space: true, children: /* @__PURE__ */ jsx(XStack, { ai: "center", space: true, children: /* @__PURE__ */ jsx(SelectDemoItem, { value: val, onValueChange: setVal, native: true }) }) });
|
|
26
16
|
}
|
|
27
17
|
function SelectDemoItem(props) {
|
|
28
18
|
return /* @__PURE__ */ jsxs(Select, { id: "food", ...props, children: [
|
|
29
19
|
/* @__PURE__ */ jsx(Select.Trigger, { width: 180, iconAfter: ChevronDown, children: /* @__PURE__ */ jsx(Select.Value, { placeholder: "Something" }) }),
|
|
30
|
-
/* @__PURE__ */ jsx(Adapt, { when: "sm", platform: "touch", children: /* @__PURE__ */ jsxs(Sheet, { modal: true, dismissOnSnapToBottom: true, children: [
|
|
20
|
+
/* @__PURE__ */ jsx(Adapt, { when: "sm", platform: "touch", children: /* @__PURE__ */ jsxs(Sheet, { native: true, modal: true, dismissOnSnapToBottom: true, children: [
|
|
31
21
|
/* @__PURE__ */ jsx(Sheet.Frame, { children: /* @__PURE__ */ jsx(Sheet.ScrollView, { children: /* @__PURE__ */ jsx(Adapt.Contents, {}) }) }),
|
|
32
22
|
/* @__PURE__ */ jsx(Sheet.Overlay, {})
|
|
33
23
|
] }) }),
|
|
@@ -60,7 +50,7 @@ function SelectDemoItem(props) {
|
|
|
60
50
|
/* @__PURE__ */ jsx(Select.Label, { children: "Fruits" }),
|
|
61
51
|
items.map((item, i) => {
|
|
62
52
|
return /* @__PURE__ */ jsxs(Select.Item, { index: i, value: item.name.toLowerCase(), children: [
|
|
63
|
-
/* @__PURE__ */ jsx(Select.ItemText, { children: item.name }),
|
|
53
|
+
/* @__PURE__ */ jsx(Select.ItemText, { color: "#fff", children: item.name }),
|
|
64
54
|
/* @__PURE__ */ jsx(Select.ItemIndicator, { marginLeft: "auto", children: /* @__PURE__ */ jsx(Check, { size: 16 }) })
|
|
65
55
|
] }, item.name);
|
|
66
56
|
})
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/SelectDemo.tsx"],
|
|
4
|
-
"mappings": "
|
|
4
|
+
"mappings": "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",
|
|
5
5
|
"names": []
|
|
6
6
|
}
|
package/dist/jsx/SelectDemo.js
CHANGED
|
@@ -2,7 +2,6 @@ import { Check, ChevronDown, ChevronUp } from "@tamagui/lucide-icons";
|
|
|
2
2
|
import { useState } from "react";
|
|
3
3
|
import {
|
|
4
4
|
Adapt,
|
|
5
|
-
Label,
|
|
6
5
|
Select,
|
|
7
6
|
Sheet,
|
|
8
7
|
XStack,
|
|
@@ -13,12 +12,20 @@ import { LinearGradient } from "tamagui/linear-gradient";
|
|
|
13
12
|
function SelectDemo() {
|
|
14
13
|
const [val, setVal] = useState("apple");
|
|
15
14
|
return <YStack space>
|
|
15
|
+
{
|
|
16
|
+
/* <XStack ai="center" space>
|
|
17
|
+
<Label f={1} fb={0}>
|
|
18
|
+
Custom
|
|
19
|
+
</Label>
|
|
20
|
+
<SelectDemoItem value={val} onValueChange={setVal} />
|
|
21
|
+
</XStack> */
|
|
22
|
+
}
|
|
16
23
|
<XStack ai="center" space>
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
24
|
+
{
|
|
25
|
+
/* <Label f={1} fb={0}>
|
|
26
|
+
Native
|
|
27
|
+
</Label> */
|
|
28
|
+
}
|
|
22
29
|
<SelectDemoItem value={val} onValueChange={setVal} native />
|
|
23
30
|
</XStack>
|
|
24
31
|
</YStack>;
|
|
@@ -26,7 +33,7 @@ function SelectDemo() {
|
|
|
26
33
|
function SelectDemoItem(props) {
|
|
27
34
|
return <Select id="food" {...props}>
|
|
28
35
|
<Select.Trigger width={180} iconAfter={ChevronDown}><Select.Value placeholder="Something" /></Select.Trigger>
|
|
29
|
-
<Adapt when="sm" platform="touch"><Sheet modal dismissOnSnapToBottom>
|
|
36
|
+
<Adapt when="sm" platform="touch"><Sheet native modal dismissOnSnapToBottom>
|
|
30
37
|
<Sheet.Frame><Sheet.ScrollView><Adapt.Contents /></Sheet.ScrollView></Sheet.Frame>
|
|
31
38
|
<Sheet.Overlay />
|
|
32
39
|
</Sheet></Adapt>
|
|
@@ -52,7 +59,7 @@ function SelectDemoItem(props) {
|
|
|
52
59
|
<Select.Label>Fruits</Select.Label>
|
|
53
60
|
{items.map((item, i) => {
|
|
54
61
|
return <Select.Item index={i} key={item.name} value={item.name.toLowerCase()}>
|
|
55
|
-
<Select.ItemText>{item.name}</Select.ItemText>
|
|
62
|
+
<Select.ItemText color="#fff">{item.name}</Select.ItemText>
|
|
56
63
|
<Select.ItemIndicator marginLeft="auto"><Check size={16} /></Select.ItemIndicator>
|
|
57
64
|
</Select.Item>;
|
|
58
65
|
})}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/SelectDemo.tsx"],
|
|
4
|
-
"mappings": "AAAA,SAAS,OAAO,aAAa,iBAAiB;AAC9C,SAAS,gBAAgB;AACzB;AAAA,EACE;AAAA,
|
|
4
|
+
"mappings": "AAAA,SAAS,OAAO,aAAa,iBAAiB;AAC9C,SAAS,gBAAgB;AACzB;AAAA,EACE;AAAA,EAEA;AAAA,EAEA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,sBAAsB;AAExB,SAAS,aAAa;AAC3B,QAAM,CAAC,KAAK,MAAM,IAAI,SAAS,OAAO;AAEtC,SACE,CAAC,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAQN,CAAC,OAAO,GAAG,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAIlB,CAAC,eAAe,OAAO,KAAK,eAAe,QAAQ,OAAO;AAAA,IAC5D,EALC;AAAA,EAMH,EAdC;AAgBL;AAEO,SAAS,eAAe,OAAoB;AACjD,SACE,CAAC,OAAO,GAAG,WAAW;AAAA,IACpB,CAAC,OAAO,QAAQ,OAAO,KAAK,WAAW,aACrC,CAAC,OAAO,MAAM,YAAY,YAAY,EACxC,EAFC,OAAO;AAAA,IAIR,CAAC,MAAM,KAAK,KAAK,SAAS,QACxB,CAAC,MAAM,OAAO,MAAM;AAAA,MAClB,CAAC,MAAM,MACL,CAAC,MAAM,WACL,CAAC,MAAM,SAAS,EAClB,EAFC,MAAM,WAGT,EAJC,MAAM;AAAA,MAKP,CAAC,MAAM,QAAQ;AAAA,IACjB,EAPC,MAQH,EATC;AAAA,IAWD,CAAC,OAAO,QAAQ,QAAQ;AAAA,MACtB,CAAC,OAAO;AAAA,QACN,WAAW;AAAA,QACX,eAAe;AAAA,QACf,SAAS;AAAA,QACT,MAAM;AAAA,QACN,OAAO;AAAA;AAAA,QAEP,CAAC,OAAO,QAAQ,IACd,CAAC,UAAU,MAAM,IAAI,EACvB,EAFC;AAAA,QAGD,CAAC;AAAA,UACC,OAAO,CAAC,GAAG,CAAC;AAAA,UACZ,KAAK,CAAC,GAAG,CAAC;AAAA,UACV;AAAA,UACA,QAAQ,CAAC,eAAe,wBAAwB;AAAA,UAChD,aAAa;AAAA,QACf;AAAA,MACF,EAjBC,OAAO;AAAA,MAmBR,CAAC,OAAO,SAAS,UAAU,KACzB,CAAC;AAAA,QACC,CAAC,OAAO,MAAM,MAAM;AAAA,UAClB,CAAC,OAAO,MAAM,MAAM,EAAnB,OAAO;AAAA,WACP,MAAM,IAAI,CAAC,MAAM,MAAM;AACtB,mBACE,CAAC,OAAO,KAAK,OAAO,GAAG,KAAK,KAAK,MAAM,OAAO,KAAK,KAAK,YAAY;AAAA,cAClE,CAAC,OAAO,SAAS,MAAM,QAAQ,KAAK,KAAK,EAAxC,OAAO;AAAA,cACR,CAAC,OAAO,cAAc,WAAW,OAC/B,CAAC,MAAM,MAAM,IAAI,EACnB,EAFC,OAAO;AAAA,YAGV,EALC,OAAO;AAAA,UAOZ,CAAC;AAAA,QACH,EAZC,OAAO;AAAA;AAAA;AAAA;AAAA,SAcP,MAAM,UACL,CAAC;AAAA,UACC,SAAS;AAAA,UACT,OAAO;AAAA,UACP,KAAK;AAAA,UACL,QAAQ;AAAA,UACR,WAAW;AAAA,UACX,eAAe;AAAA,UACf,MAAO;AAAA,UACP,cAAc;AAAA,SAEd,CAAC,YAAY,MAAM,YAAa,MAAM,QAAQ,OAAe,GAAG,EAClE,EAXC;AAAA,MAaL,EA7BC,OA8BH,EA/BC,OAAO;AAAA,MAiCR,CAAC,OAAO;AAAA,QACN,WAAW;AAAA,QACX,eAAe;AAAA,QACf,SAAS;AAAA,QACT,MAAM;AAAA,QACN,OAAO;AAAA;AAAA,QAEP,CAAC,OAAO,QAAQ,IACd,CAAC,YAAY,MAAM,IAAI,EACzB,EAFC;AAAA,QAGD,CAAC;AAAA,UACC,OAAO,CAAC,GAAG,CAAC;AAAA,UACZ,KAAK,CAAC,GAAG,CAAC;AAAA,UACV;AAAA,UACA,QAAQ,CAAC,0BAA0B,aAAa;AAAA,UAChD,aAAa;AAAA,QACf;AAAA,MACF,EAjBC,OAAO;AAAA,IAkBV,EAvEC,OAAO;AAAA,EAwEV,EAxFC;AA0FL;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,YAAY;AAAA,EACpB,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;",
|
|
5
5
|
"names": []
|
|
6
6
|
}
|
package/dist/jsx/SelectDemo.mjs
CHANGED
|
@@ -2,7 +2,6 @@ import { Check, ChevronDown, ChevronUp } from "@tamagui/lucide-icons";
|
|
|
2
2
|
import { useState } from "react";
|
|
3
3
|
import {
|
|
4
4
|
Adapt,
|
|
5
|
-
Label,
|
|
6
5
|
Select,
|
|
7
6
|
Sheet,
|
|
8
7
|
XStack,
|
|
@@ -13,12 +12,20 @@ import { LinearGradient } from "tamagui/linear-gradient";
|
|
|
13
12
|
function SelectDemo() {
|
|
14
13
|
const [val, setVal] = useState("apple");
|
|
15
14
|
return <YStack space>
|
|
15
|
+
{
|
|
16
|
+
/* <XStack ai="center" space>
|
|
17
|
+
<Label f={1} fb={0}>
|
|
18
|
+
Custom
|
|
19
|
+
</Label>
|
|
20
|
+
<SelectDemoItem value={val} onValueChange={setVal} />
|
|
21
|
+
</XStack> */
|
|
22
|
+
}
|
|
16
23
|
<XStack ai="center" space>
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
24
|
+
{
|
|
25
|
+
/* <Label f={1} fb={0}>
|
|
26
|
+
Native
|
|
27
|
+
</Label> */
|
|
28
|
+
}
|
|
22
29
|
<SelectDemoItem value={val} onValueChange={setVal} native />
|
|
23
30
|
</XStack>
|
|
24
31
|
</YStack>;
|
|
@@ -26,7 +33,7 @@ function SelectDemo() {
|
|
|
26
33
|
function SelectDemoItem(props) {
|
|
27
34
|
return <Select id="food" {...props}>
|
|
28
35
|
<Select.Trigger width={180} iconAfter={ChevronDown}><Select.Value placeholder="Something" /></Select.Trigger>
|
|
29
|
-
<Adapt when="sm" platform="touch"><Sheet modal dismissOnSnapToBottom>
|
|
36
|
+
<Adapt when="sm" platform="touch"><Sheet native modal dismissOnSnapToBottom>
|
|
30
37
|
<Sheet.Frame><Sheet.ScrollView><Adapt.Contents /></Sheet.ScrollView></Sheet.Frame>
|
|
31
38
|
<Sheet.Overlay />
|
|
32
39
|
</Sheet></Adapt>
|
|
@@ -52,7 +59,7 @@ function SelectDemoItem(props) {
|
|
|
52
59
|
<Select.Label>Fruits</Select.Label>
|
|
53
60
|
{items.map((item, i) => {
|
|
54
61
|
return <Select.Item index={i} key={item.name} value={item.name.toLowerCase()}>
|
|
55
|
-
<Select.ItemText>{item.name}</Select.ItemText>
|
|
62
|
+
<Select.ItemText color="#fff">{item.name}</Select.ItemText>
|
|
56
63
|
<Select.ItemIndicator marginLeft="auto"><Check size={16} /></Select.ItemIndicator>
|
|
57
64
|
</Select.Item>;
|
|
58
65
|
})}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/SelectDemo.tsx"],
|
|
4
|
-
"mappings": "AAAA,SAAS,OAAO,aAAa,iBAAiB;AAC9C,SAAS,gBAAgB;AACzB;AAAA,EACE;AAAA,
|
|
4
|
+
"mappings": "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",
|
|
5
5
|
"names": []
|
|
6
6
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@tamagui/demos",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.22.1",
|
|
4
4
|
"sideEffects": [
|
|
5
5
|
"*.css"
|
|
6
6
|
],
|
|
@@ -28,29 +28,29 @@
|
|
|
28
28
|
}
|
|
29
29
|
},
|
|
30
30
|
"dependencies": {
|
|
31
|
-
"@tamagui/avatar": "1.
|
|
32
|
-
"@tamagui/button": "1.
|
|
33
|
-
"@tamagui/config": "1.
|
|
34
|
-
"@tamagui/core": "1.
|
|
35
|
-
"@tamagui/list-item": "1.
|
|
36
|
-
"@tamagui/logo": "1.
|
|
37
|
-
"@tamagui/menu": "1.
|
|
38
|
-
"@tamagui/popover": "1.
|
|
39
|
-
"@tamagui/progress": "1.
|
|
40
|
-
"@tamagui/radio-group": "1.
|
|
41
|
-
"@tamagui/select": "1.
|
|
42
|
-
"@tamagui/sheet": "1.
|
|
43
|
-
"@tamagui/slider": "1.
|
|
44
|
-
"@tamagui/stacks": "1.
|
|
45
|
-
"@tamagui/toast": "1.
|
|
46
|
-
"tamagui": "1.
|
|
31
|
+
"@tamagui/avatar": "1.22.1",
|
|
32
|
+
"@tamagui/button": "1.22.1",
|
|
33
|
+
"@tamagui/config": "1.22.1",
|
|
34
|
+
"@tamagui/core": "1.22.1",
|
|
35
|
+
"@tamagui/list-item": "1.22.1",
|
|
36
|
+
"@tamagui/logo": "1.22.1",
|
|
37
|
+
"@tamagui/menu": "1.22.1",
|
|
38
|
+
"@tamagui/popover": "1.22.1",
|
|
39
|
+
"@tamagui/progress": "1.22.1",
|
|
40
|
+
"@tamagui/radio-group": "1.22.1",
|
|
41
|
+
"@tamagui/select": "1.22.1",
|
|
42
|
+
"@tamagui/sheet": "1.22.1",
|
|
43
|
+
"@tamagui/slider": "1.22.1",
|
|
44
|
+
"@tamagui/stacks": "1.22.1",
|
|
45
|
+
"@tamagui/toast": "1.22.1",
|
|
46
|
+
"tamagui": "1.22.1"
|
|
47
47
|
},
|
|
48
48
|
"peerDependencies": {
|
|
49
49
|
"react": "*",
|
|
50
50
|
"react-dom": "*"
|
|
51
51
|
},
|
|
52
52
|
"devDependencies": {
|
|
53
|
-
"@tamagui/build": "1.
|
|
53
|
+
"@tamagui/build": "1.22.1",
|
|
54
54
|
"react": "^18.2.0",
|
|
55
55
|
"react-dom": "^18.2.0"
|
|
56
56
|
},
|
package/src/SelectDemo.tsx
CHANGED
|
@@ -17,17 +17,17 @@ export function SelectDemo() {
|
|
|
17
17
|
|
|
18
18
|
return (
|
|
19
19
|
<YStack space>
|
|
20
|
-
<XStack ai="center" space>
|
|
20
|
+
{/* <XStack ai="center" space>
|
|
21
21
|
<Label f={1} fb={0}>
|
|
22
22
|
Custom
|
|
23
23
|
</Label>
|
|
24
24
|
<SelectDemoItem value={val} onValueChange={setVal} />
|
|
25
|
-
</XStack>
|
|
25
|
+
</XStack> */}
|
|
26
26
|
|
|
27
27
|
<XStack ai="center" space>
|
|
28
|
-
<Label f={1} fb={0}>
|
|
28
|
+
{/* <Label f={1} fb={0}>
|
|
29
29
|
Native
|
|
30
|
-
</Label>
|
|
30
|
+
</Label> */}
|
|
31
31
|
<SelectDemoItem value={val} onValueChange={setVal} native />
|
|
32
32
|
</XStack>
|
|
33
33
|
</YStack>
|
|
@@ -42,7 +42,7 @@ export function SelectDemoItem(props: SelectProps) {
|
|
|
42
42
|
</Select.Trigger>
|
|
43
43
|
|
|
44
44
|
<Adapt when="sm" platform="touch">
|
|
45
|
-
<Sheet modal dismissOnSnapToBottom>
|
|
45
|
+
<Sheet native modal dismissOnSnapToBottom>
|
|
46
46
|
<Sheet.Frame>
|
|
47
47
|
<Sheet.ScrollView>
|
|
48
48
|
<Adapt.Contents />
|
|
@@ -79,7 +79,7 @@ export function SelectDemoItem(props: SelectProps) {
|
|
|
79
79
|
{items.map((item, i) => {
|
|
80
80
|
return (
|
|
81
81
|
<Select.Item index={i} key={item.name} value={item.name.toLowerCase()}>
|
|
82
|
-
<Select.ItemText>{item.name}</Select.ItemText>
|
|
82
|
+
<Select.ItemText color="#fff">{item.name}</Select.ItemText>
|
|
83
83
|
<Select.ItemIndicator marginLeft="auto">
|
|
84
84
|
<Check size={16} />
|
|
85
85
|
</Select.ItemIndicator>
|