@tamagui/demos 3.0.0-beta.1216.1 → 3.0.0-beta.1309.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/AccordionDemo.cjs +4 -2
- package/dist/cjs/AccordionDemo.native.cjs +4 -2
- package/dist/cjs/AccordionDemo.native.js +4 -2
- package/dist/cjs/AccordionDemo.native.js.map +1 -1
- package/dist/cjs/AlertDialogDemo.cjs +1 -1
- package/dist/cjs/AlertDialogDemo.native.cjs +1 -1
- package/dist/cjs/AlertDialogDemo.native.js +1 -1
- package/dist/cjs/AlertDialogDemo.native.js.map +1 -1
- package/dist/cjs/AnimationsEnterDemo.cjs +1 -1
- package/dist/cjs/AnimationsEnterDemo.native.cjs +1 -1
- package/dist/cjs/AnimationsEnterDemo.native.js +1 -1
- package/dist/cjs/AnimationsEnterDemo.native.js.map +1 -1
- package/dist/cjs/AnimationsHoverDemo.cjs +1 -1
- package/dist/cjs/AnimationsHoverDemo.native.cjs +1 -1
- package/dist/cjs/AnimationsHoverDemo.native.js +1 -1
- package/dist/cjs/AnimationsHoverDemo.native.js.map +1 -1
- package/dist/cjs/AnimationsTimingDemo.cjs +1 -1
- package/dist/cjs/AnimationsTimingDemo.native.cjs +1 -1
- package/dist/cjs/AnimationsTimingDemo.native.js +1 -1
- package/dist/cjs/AnimationsTimingDemo.native.js.map +1 -1
- package/dist/cjs/CheckboxDemo.cjs +16 -21
- package/dist/cjs/CheckboxDemo.native.cjs +16 -21
- package/dist/cjs/CheckboxDemo.native.js +16 -21
- package/dist/cjs/CheckboxDemo.native.js.map +1 -1
- package/dist/cjs/ListItemDemo.cjs +14 -8
- package/dist/cjs/ListItemDemo.native.cjs +14 -8
- package/dist/cjs/ListItemDemo.native.js +14 -8
- package/dist/cjs/ListItemDemo.native.js.map +1 -1
- package/dist/cjs/PopoverDemo.cjs +3 -0
- package/dist/cjs/PopoverDemo.native.cjs +3 -0
- package/dist/cjs/PopoverDemo.native.js +3 -0
- package/dist/cjs/PopoverDemo.native.js.map +1 -1
- package/dist/cjs/SelectDemo.cjs +19 -12
- package/dist/cjs/SelectDemo.native.cjs +21 -14
- package/dist/cjs/SelectDemo.native.js +21 -14
- package/dist/cjs/SelectDemo.native.js.map +1 -1
- package/dist/cjs/ShapesDemo.cjs +2 -2
- package/dist/cjs/ShapesDemo.native.cjs +2 -2
- package/dist/cjs/ShapesDemo.native.js +2 -2
- package/dist/cjs/ShapesDemo.native.js.map +1 -1
- package/dist/cjs/SwitchDemo.cjs +9 -10
- package/dist/cjs/SwitchDemo.native.cjs +9 -10
- package/dist/cjs/SwitchDemo.native.js +9 -10
- package/dist/cjs/SwitchDemo.native.js.map +1 -1
- package/dist/cjs/ThemeInverseDemo.cjs +4 -4
- package/dist/cjs/ThemeInverseDemo.native.cjs +4 -4
- package/dist/cjs/ThemeInverseDemo.native.js +4 -4
- package/dist/cjs/ThemeInverseDemo.native.js.map +1 -1
- package/dist/cjs/ToastDemo.cjs +7 -3
- package/dist/cjs/ToastDemo.native.cjs +7 -3
- package/dist/cjs/ToastDemo.native.js +7 -3
- package/dist/cjs/ToastDemo.native.js.map +1 -1
- package/dist/cjs/ToggleGroupDemo.cjs +22 -25
- package/dist/cjs/ToggleGroupDemo.native.cjs +22 -25
- package/dist/cjs/ToggleGroupDemo.native.js +22 -25
- package/dist/cjs/ToggleGroupDemo.native.js.map +1 -1
- package/dist/cjs/TooltipDemo.cjs +4 -4
- package/dist/cjs/TooltipDemo.native.cjs +4 -4
- package/dist/cjs/TooltipDemo.native.js +4 -4
- package/dist/cjs/TooltipDemo.native.js.map +1 -1
- package/dist/esm/AccordionDemo.mjs +4 -2
- package/dist/esm/AccordionDemo.mjs.map +1 -1
- package/dist/esm/AccordionDemo.native.js +4 -2
- package/dist/esm/AccordionDemo.native.js.map +1 -1
- package/dist/esm/AlertDialogDemo.mjs +1 -1
- package/dist/esm/AlertDialogDemo.mjs.map +1 -1
- package/dist/esm/AlertDialogDemo.native.js +1 -1
- package/dist/esm/AlertDialogDemo.native.js.map +1 -1
- package/dist/esm/AnimationsEnterDemo.mjs +1 -1
- package/dist/esm/AnimationsEnterDemo.mjs.map +1 -1
- package/dist/esm/AnimationsEnterDemo.native.js +1 -1
- package/dist/esm/AnimationsEnterDemo.native.js.map +1 -1
- package/dist/esm/AnimationsHoverDemo.mjs +1 -1
- package/dist/esm/AnimationsHoverDemo.mjs.map +1 -1
- package/dist/esm/AnimationsHoverDemo.native.js +1 -1
- package/dist/esm/AnimationsHoverDemo.native.js.map +1 -1
- package/dist/esm/AnimationsTimingDemo.mjs +1 -1
- package/dist/esm/AnimationsTimingDemo.mjs.map +1 -1
- package/dist/esm/AnimationsTimingDemo.native.js +1 -1
- package/dist/esm/AnimationsTimingDemo.native.js.map +1 -1
- package/dist/esm/CheckboxDemo.mjs +17 -22
- package/dist/esm/CheckboxDemo.mjs.map +1 -1
- package/dist/esm/CheckboxDemo.native.js +17 -22
- package/dist/esm/CheckboxDemo.native.js.map +1 -1
- package/dist/esm/ListItemDemo.mjs +15 -9
- package/dist/esm/ListItemDemo.mjs.map +1 -1
- package/dist/esm/ListItemDemo.native.js +15 -9
- package/dist/esm/ListItemDemo.native.js.map +1 -1
- package/dist/esm/PopoverDemo.mjs +3 -0
- package/dist/esm/PopoverDemo.mjs.map +1 -1
- package/dist/esm/PopoverDemo.native.js +3 -0
- package/dist/esm/PopoverDemo.native.js.map +1 -1
- package/dist/esm/SelectDemo.mjs +19 -12
- package/dist/esm/SelectDemo.mjs.map +1 -1
- package/dist/esm/SelectDemo.native.js +21 -14
- package/dist/esm/SelectDemo.native.js.map +1 -1
- package/dist/esm/ShapesDemo.mjs +2 -2
- package/dist/esm/ShapesDemo.mjs.map +1 -1
- package/dist/esm/ShapesDemo.native.js +2 -2
- package/dist/esm/ShapesDemo.native.js.map +1 -1
- package/dist/esm/SwitchDemo.mjs +10 -11
- package/dist/esm/SwitchDemo.mjs.map +1 -1
- package/dist/esm/SwitchDemo.native.js +10 -11
- package/dist/esm/SwitchDemo.native.js.map +1 -1
- package/dist/esm/ThemeInverseDemo.mjs +4 -4
- package/dist/esm/ThemeInverseDemo.mjs.map +1 -1
- package/dist/esm/ThemeInverseDemo.native.js +4 -4
- package/dist/esm/ThemeInverseDemo.native.js.map +1 -1
- package/dist/esm/ToastDemo.mjs +8 -4
- package/dist/esm/ToastDemo.mjs.map +1 -1
- package/dist/esm/ToastDemo.native.js +8 -4
- package/dist/esm/ToastDemo.native.js.map +1 -1
- package/dist/esm/ToggleGroupDemo.mjs +23 -26
- package/dist/esm/ToggleGroupDemo.mjs.map +1 -1
- package/dist/esm/ToggleGroupDemo.native.js +23 -26
- package/dist/esm/ToggleGroupDemo.native.js.map +1 -1
- package/dist/esm/TooltipDemo.mjs +4 -4
- package/dist/esm/TooltipDemo.mjs.map +1 -1
- package/dist/esm/TooltipDemo.native.js +4 -4
- package/dist/esm/TooltipDemo.native.js.map +1 -1
- package/package.json +33 -33
- package/src/AccordionDemo.tsx +4 -2
- package/src/AlertDialogDemo.tsx +1 -1
- package/src/AnimationsEnterDemo.tsx +1 -1
- package/src/AnimationsHoverDemo.tsx +1 -1
- package/src/AnimationsTimingDemo.tsx +1 -1
- package/src/CheckboxDemo.tsx +7 -17
- package/src/ListItemDemo.tsx +17 -10
- package/src/PopoverDemo.tsx +3 -0
- package/src/SelectDemo.tsx +10 -3
- package/src/ShapesDemo.tsx +2 -2
- package/src/SwitchDemo.tsx +16 -26
- package/src/ThemeInverseDemo.tsx +28 -4
- package/src/ToastDemo.tsx +15 -4
- package/src/ToggleGroupDemo.tsx +26 -39
- package/src/TooltipDemo.tsx +4 -4
|
@@ -34,6 +34,7 @@ function AccordionDemo() {
|
|
|
34
34
|
children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Accordion.Trigger, {
|
|
35
35
|
flexDirection: "row",
|
|
36
36
|
justify: "space-between",
|
|
37
|
+
py: "1-5",
|
|
37
38
|
borderWidth: 1,
|
|
38
39
|
borderColor: "border-color",
|
|
39
40
|
children: ({ open }) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Paragraph, { children: "1. Take a cold shower" }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Square, {
|
|
@@ -41,7 +42,7 @@ function AccordionDemo() {
|
|
|
41
42
|
transition: "quick",
|
|
42
43
|
rotate: open ? "180deg" : "0deg",
|
|
43
44
|
children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_icons_2.ChevronDown, {
|
|
44
|
-
size:
|
|
45
|
+
size: 28,
|
|
45
46
|
color: "color"
|
|
46
47
|
})
|
|
47
48
|
})] })
|
|
@@ -61,6 +62,7 @@ function AccordionDemo() {
|
|
|
61
62
|
children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Accordion.Trigger, {
|
|
62
63
|
flexDirection: "row",
|
|
63
64
|
justify: "space-between",
|
|
65
|
+
py: "1-5",
|
|
64
66
|
borderWidth: 1,
|
|
65
67
|
borderTopWidth: 0,
|
|
66
68
|
borderColor: "border-color",
|
|
@@ -69,7 +71,7 @@ function AccordionDemo() {
|
|
|
69
71
|
transition: "quick",
|
|
70
72
|
rotate: open ? "180deg" : "0deg",
|
|
71
73
|
children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_icons_2.ChevronDown, {
|
|
72
|
-
size:
|
|
74
|
+
size: 28,
|
|
73
75
|
color: "color"
|
|
74
76
|
})
|
|
75
77
|
})] })
|
|
@@ -36,6 +36,7 @@ function AccordionDemo() {
|
|
|
36
36
|
children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Accordion.Trigger, {
|
|
37
37
|
flexDirection: "row",
|
|
38
38
|
justify: "space-between",
|
|
39
|
+
py: "1-5",
|
|
39
40
|
borderWidth: 1,
|
|
40
41
|
borderColor: "border-color",
|
|
41
42
|
children: function(param) {
|
|
@@ -45,7 +46,7 @@ function AccordionDemo() {
|
|
|
45
46
|
transition: "quick",
|
|
46
47
|
rotate: open ? "180deg" : "0deg",
|
|
47
48
|
children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_icons_2.ChevronDown, {
|
|
48
|
-
size:
|
|
49
|
+
size: 28,
|
|
49
50
|
color: "color"
|
|
50
51
|
})
|
|
51
52
|
})] });
|
|
@@ -66,6 +67,7 @@ function AccordionDemo() {
|
|
|
66
67
|
children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Accordion.Trigger, {
|
|
67
68
|
flexDirection: "row",
|
|
68
69
|
justify: "space-between",
|
|
70
|
+
py: "1-5",
|
|
69
71
|
borderWidth: 1,
|
|
70
72
|
borderTopWidth: 0,
|
|
71
73
|
borderColor: "border-color",
|
|
@@ -76,7 +78,7 @@ function AccordionDemo() {
|
|
|
76
78
|
transition: "quick",
|
|
77
79
|
rotate: open ? "180deg" : "0deg",
|
|
78
80
|
children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_icons_2.ChevronDown, {
|
|
79
|
-
size:
|
|
81
|
+
size: 28,
|
|
80
82
|
color: "color"
|
|
81
83
|
})
|
|
82
84
|
})] });
|
|
@@ -36,6 +36,7 @@ function AccordionDemo() {
|
|
|
36
36
|
children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Accordion.Trigger, {
|
|
37
37
|
flexDirection: "row",
|
|
38
38
|
justify: "space-between",
|
|
39
|
+
py: "1-5",
|
|
39
40
|
borderWidth: 1,
|
|
40
41
|
borderColor: "border-color",
|
|
41
42
|
children: function(param) {
|
|
@@ -45,7 +46,7 @@ function AccordionDemo() {
|
|
|
45
46
|
transition: "quick",
|
|
46
47
|
rotate: open ? "180deg" : "0deg",
|
|
47
48
|
children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_icons_2.ChevronDown, {
|
|
48
|
-
size:
|
|
49
|
+
size: 28,
|
|
49
50
|
color: "color"
|
|
50
51
|
})
|
|
51
52
|
})] });
|
|
@@ -66,6 +67,7 @@ function AccordionDemo() {
|
|
|
66
67
|
children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Accordion.Trigger, {
|
|
67
68
|
flexDirection: "row",
|
|
68
69
|
justify: "space-between",
|
|
70
|
+
py: "1-5",
|
|
69
71
|
borderWidth: 1,
|
|
70
72
|
borderTopWidth: 0,
|
|
71
73
|
borderColor: "border-color",
|
|
@@ -76,7 +78,7 @@ function AccordionDemo() {
|
|
|
76
78
|
transition: "quick",
|
|
77
79
|
rotate: open ? "180deg" : "0deg",
|
|
78
80
|
children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_icons_2.ChevronDown, {
|
|
79
|
-
size:
|
|
81
|
+
size: 28,
|
|
80
82
|
color: "color"
|
|
81
83
|
})
|
|
82
84
|
})] });
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AccordionDemo.native.js","names":[],"sources":["cjs/AccordionDemo.native.js"],"sourcesContent":["\"use strict\";\nvar __defProp = Object.defineProperty;\nvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames = Object.getOwnPropertyNames;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __export = (target, all) => {\n for (var name in all)\n __defProp(target, name, { get: all[name], enumerable: true });\n};\nvar __copyProps = (to, from, except, desc) => {\n if (from && typeof from === \"object\" || typeof from === \"function\") {\n for (let key of __getOwnPropNames(from))\n if (!__hasOwnProp.call(to, key) && key !== except)\n __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });\n }\n return to;\n};\nvar __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: true }), mod);\nvar AccordionDemo_exports = {};\n__export(AccordionDemo_exports, {\n AccordionDemo: () => AccordionDemo\n});\nmodule.exports = __toCommonJS(AccordionDemo_exports);\nvar import_jsx_runtime = require(\"react/jsx-runtime\");\nvar import_lucide_icons_2 = require(\"@tamagui/lucide-icons-2\");\nvar import_tamagui = require(\"tamagui\");\nfunction AccordionDemo() {\n return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Accordion, {\n overflow: \"hidden\",\n width: \"20\",\n type: \"multiple\",\n children: [\n /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Accordion.Item, {\n value: \"a1\",\n children: [\n /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Accordion.Trigger, {\n flexDirection: \"row\",\n justify: \"space-between\",\n borderWidth: 1,\n borderColor: \"border-color\",\n children: function(param) {\n var { open } = param;\n return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {\n children: [\n /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Paragraph, {\n children: \"1. Take a cold shower\"\n }),\n /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Square, {\n transparent: true,\n transition: \"quick\",\n rotate: open ? \"180deg\" : \"0deg\",\n children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_icons_2.ChevronDown, {\n size:
|
|
1
|
+
{"version":3,"file":"AccordionDemo.native.js","names":[],"sources":["cjs/AccordionDemo.native.js"],"sourcesContent":["\"use strict\";\nvar __defProp = Object.defineProperty;\nvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames = Object.getOwnPropertyNames;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __export = (target, all) => {\n for (var name in all)\n __defProp(target, name, { get: all[name], enumerable: true });\n};\nvar __copyProps = (to, from, except, desc) => {\n if (from && typeof from === \"object\" || typeof from === \"function\") {\n for (let key of __getOwnPropNames(from))\n if (!__hasOwnProp.call(to, key) && key !== except)\n __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });\n }\n return to;\n};\nvar __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: true }), mod);\nvar AccordionDemo_exports = {};\n__export(AccordionDemo_exports, {\n AccordionDemo: () => AccordionDemo\n});\nmodule.exports = __toCommonJS(AccordionDemo_exports);\nvar import_jsx_runtime = require(\"react/jsx-runtime\");\nvar import_lucide_icons_2 = require(\"@tamagui/lucide-icons-2\");\nvar import_tamagui = require(\"tamagui\");\nfunction AccordionDemo() {\n return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Accordion, {\n overflow: \"hidden\",\n width: \"20\",\n type: \"multiple\",\n children: [\n /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Accordion.Item, {\n value: \"a1\",\n children: [\n /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Accordion.Trigger, {\n flexDirection: \"row\",\n justify: \"space-between\",\n py: \"1-5\",\n borderWidth: 1,\n borderColor: \"border-color\",\n children: function(param) {\n var { open } = param;\n return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {\n children: [\n /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Paragraph, {\n children: \"1. Take a cold shower\"\n }),\n /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Square, {\n transparent: true,\n transition: \"quick\",\n rotate: open ? \"180deg\" : \"0deg\",\n children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_icons_2.ChevronDown, {\n size: 28,\n color: \"color\"\n })\n })\n ]\n });\n }\n }),\n /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Accordion.HeightAnimator, {\n transition: \"300ms\",\n children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Accordion.Content, {\n transition: \"300ms\",\n opacity: \"exit:0\",\n borderWidth: 1,\n borderTopWidth: 0,\n borderColor: \"border-color\",\n children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Paragraph, {\n children: \"Cold showers can help reduce inflammation, relieve pain, improve circulation, lower stress levels, and reduce muscle soreness and fatigue.\"\n })\n })\n })\n ]\n }),\n /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Accordion.Item, {\n value: \"a2\",\n children: [\n /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Accordion.Trigger, {\n flexDirection: \"row\",\n justify: \"space-between\",\n py: \"1-5\",\n borderWidth: 1,\n borderTopWidth: 0,\n borderColor: \"border-color\",\n children: function(param) {\n var { open } = param;\n return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {\n children: [\n /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Paragraph, {\n children: \"2. Eat 4 eggs\"\n }),\n /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Square, {\n transparent: true,\n transition: \"quick\",\n rotate: open ? \"180deg\" : \"0deg\",\n children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_icons_2.ChevronDown, {\n size: 28,\n color: \"color\"\n })\n })\n ]\n });\n }\n }),\n /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Accordion.HeightAnimator, {\n transition: \"300ms\",\n children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Accordion.Content, {\n transition: \"300ms\",\n opacity: \"exit:0\",\n borderWidth: 1,\n borderTopWidth: 0,\n borderColor: \"border-color\",\n children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Paragraph, {\n children: \"Eggs have been a dietary staple since time immemorial and there's good reason for their continued presence in our menus and meals.\"\n })\n })\n })\n ]\n })\n ]\n });\n}\n//# sourceMappingURL=AccordionDemo.js.map\n"],"mappings":"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"}
|
|
@@ -34,7 +34,7 @@ function AlertDialogDemo() {
|
|
|
34
34
|
opacity: "0.5 enter:0 exit:0",
|
|
35
35
|
backgroundColor: "background"
|
|
36
36
|
}, "overlay"), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.AlertDialog.Content, {
|
|
37
|
-
|
|
37
|
+
boxShadow: "0 4px 12px shadow-color",
|
|
38
38
|
transition: {
|
|
39
39
|
preset: "quick",
|
|
40
40
|
opacity: {
|
|
@@ -36,7 +36,7 @@ function AlertDialogDemo() {
|
|
|
36
36
|
opacity: "0.5 enter:0 exit:0",
|
|
37
37
|
backgroundColor: "background"
|
|
38
38
|
}, "overlay"), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.AlertDialog.Content, {
|
|
39
|
-
|
|
39
|
+
boxShadow: "0 4px 12px shadow-color",
|
|
40
40
|
transition: {
|
|
41
41
|
preset: "quick",
|
|
42
42
|
opacity: {
|
|
@@ -36,7 +36,7 @@ function AlertDialogDemo() {
|
|
|
36
36
|
opacity: "0.5 enter:0 exit:0",
|
|
37
37
|
backgroundColor: "background"
|
|
38
38
|
}, "overlay"), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.AlertDialog.Content, {
|
|
39
|
-
|
|
39
|
+
boxShadow: "0 4px 12px shadow-color",
|
|
40
40
|
transition: {
|
|
41
41
|
preset: "quick",
|
|
42
42
|
opacity: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AlertDialogDemo.native.js","names":[],"sources":["cjs/AlertDialogDemo.native.js"],"sourcesContent":["\"use strict\";\nvar __defProp = Object.defineProperty;\nvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames = Object.getOwnPropertyNames;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __export = (target, all) => {\n for (var name in all)\n __defProp(target, name, { get: all[name], enumerable: true });\n};\nvar __copyProps = (to, from, except, desc) => {\n if (from && typeof from === \"object\" || typeof from === \"function\") {\n for (let key of __getOwnPropNames(from))\n if (!__hasOwnProp.call(to, key) && key !== except)\n __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });\n }\n return to;\n};\nvar __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: true }), mod);\nvar AlertDialogDemo_exports = {};\n__export(AlertDialogDemo_exports, {\n AlertDialogDemo: () => AlertDialogDemo\n});\nmodule.exports = __toCommonJS(AlertDialogDemo_exports);\nvar import_jsx_runtime = require(\"react/jsx-runtime\");\nvar import_tamagui = require(\"tamagui\");\nfunction AlertDialogDemo() {\n return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.AlertDialog, {\n native: true,\n children: [\n /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.AlertDialog.Trigger, {\n asChild: true,\n children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, {\n children: \"Show Alert\"\n })\n }),\n /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.AlertDialog.Portal, {\n children: [\n /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.AlertDialog.Overlay, {\n transition: \"quick\",\n opacity: \"0.5 enter:0 exit:0\",\n backgroundColor: \"background\"\n }, \"overlay\"),\n /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.AlertDialog.Content, {\n
|
|
1
|
+
{"version":3,"file":"AlertDialogDemo.native.js","names":[],"sources":["cjs/AlertDialogDemo.native.js"],"sourcesContent":["\"use strict\";\nvar __defProp = Object.defineProperty;\nvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames = Object.getOwnPropertyNames;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __export = (target, all) => {\n for (var name in all)\n __defProp(target, name, { get: all[name], enumerable: true });\n};\nvar __copyProps = (to, from, except, desc) => {\n if (from && typeof from === \"object\" || typeof from === \"function\") {\n for (let key of __getOwnPropNames(from))\n if (!__hasOwnProp.call(to, key) && key !== except)\n __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });\n }\n return to;\n};\nvar __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: true }), mod);\nvar AlertDialogDemo_exports = {};\n__export(AlertDialogDemo_exports, {\n AlertDialogDemo: () => AlertDialogDemo\n});\nmodule.exports = __toCommonJS(AlertDialogDemo_exports);\nvar import_jsx_runtime = require(\"react/jsx-runtime\");\nvar import_tamagui = require(\"tamagui\");\nfunction AlertDialogDemo() {\n return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.AlertDialog, {\n native: true,\n children: [\n /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.AlertDialog.Trigger, {\n asChild: true,\n children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, {\n children: \"Show Alert\"\n })\n }),\n /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.AlertDialog.Portal, {\n children: [\n /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.AlertDialog.Overlay, {\n transition: \"quick\",\n opacity: \"0.5 enter:0 exit:0\",\n backgroundColor: \"background\"\n }, \"overlay\"),\n /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.AlertDialog.Content, {\n boxShadow: \"0 4px 12px shadow-color\",\n transition: {\n preset: \"quick\",\n opacity: {\n preset: \"quick\",\n spring: {\n overshootClamping: true\n }\n }\n },\n x: \"0 enter:0 exit:0\",\n scale: \"1 enter:0.9 exit:0.95\",\n opacity: \"1 enter:0 exit:0\",\n y: \"0 enter:-20px exit:10px\",\n children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {\n gap: \"4\",\n children: [\n /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.AlertDialog.Title, {\n children: \"Accept\"\n }),\n /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.AlertDialog.Description, {\n children: \"By pressing yes, you accept our terms and conditions.\"\n }),\n /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {\n gap: \"3\",\n justify: \"flex-end\",\n children: [\n /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.AlertDialog.Cancel, {\n asChild: true,\n children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, {\n children: \"Cancel\"\n })\n }),\n /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.AlertDialog.Action, {\n asChild: true,\n children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, {\n theme: \"accent\",\n children: \"Accept\"\n })\n })\n ]\n })\n ]\n })\n }, \"content\")\n ]\n })\n ]\n });\n}\n//# sourceMappingURL=AlertDialogDemo.js.map\n"],"mappings":";;;AACA,IAAI,YAAY,OAAO;AACvB,IAAI,mBAAmB,OAAO;AAC9B,IAAI,oBAAoB,OAAO;AAC/B,IAAI,eAAe,OAAO,UAAU;AACpC,IAAI,YAAY,QAAQ,QAAQ;CAC9B,KAAK,IAAI,QAAQ,KACf,UAAU,QAAQ,MAAM;EAAE,KAAK,IAAI;EAAO,YAAY;CAAK,CAAC;AAChE;AACA,IAAI,eAAe,IAAI,MAAM,QAAQ,SAAS;CAC5C,IAAI,QAAQ,OAAO,SAAS,YAAY,OAAO,SAAS,YAAY;EAClE,KAAK,IAAI,OAAO,kBAAkB,IAAI,GACpC,IAAI,CAAC,aAAa,KAAK,IAAI,GAAG,KAAK,QAAQ,QACzC,UAAU,IAAI,KAAK;GAAE,WAAW,KAAK;GAAM,YAAY,EAAE,OAAO,iBAAiB,MAAM,GAAG,MAAM,KAAK;EAAW,CAAC;CACvH;CACA,OAAO;AACT;AACA,IAAI,gBAAgB,QAAQ,YAAY,UAAU,CAAC,GAAG,cAAc,EAAE,OAAO,KAAK,CAAC,GAAG,GAAG;AACzF,IAAI,0BAA0B,CAAC;AAC/B,SAAS,yBAAyB,EAChC,uBAAuB,gBACzB,CAAC;AACD,OAAO,UAAU,aAAa,uBAAuB;AACrD,IAAI,qBAAqB,QAAQ,mBAAmB;AACpD,IAAI,iBAAiB,QAAQ,SAAS;AACtC,SAAS,kBAAkB;CACzB,OAAuB,iBAAC,GAAG,mBAAmB,KAAI,CAAE,eAAe,aAAa;EAC9E,QAAQ;EACR,UAAU,CACQ,iBAAC,GAAG,mBAAmB,IAAG,CAAE,eAAe,YAAY,SAAS;GAC9E,SAAS;GACT,UAA0B,iBAAC,GAAG,mBAAmB,IAAG,CAAE,eAAe,QAAQ,EAC3E,UAAU,aACZ,CAAC;EACH,CAAC,GACe,iBAAC,GAAG,mBAAmB,KAAI,CAAE,eAAe,YAAY,QAAQ,EAC9E,UAAU,CACQ,iBAAC,GAAG,mBAAmB,IAAG,CAAE,eAAe,YAAY,SAAS;GAC9E,YAAY;GACZ,SAAS;GACT,iBAAiB;EACnB,GAAG,SAAS,GACI,iBAAC,GAAG,mBAAmB,IAAG,CAAE,eAAe,YAAY,SAAS;GAC9E,WAAW;GACX,YAAY;IACV,QAAQ;IACR,SAAS;KACP,QAAQ;KACR,QAAQ,EACN,mBAAmB,KACrB;IACF;GACF;GACA,GAAG;GACH,OAAO;GACP,SAAS;GACT,GAAG;GACH,UAA0B,iBAAC,GAAG,mBAAmB,KAAI,CAAE,eAAe,QAAQ;IAC5E,KAAK;IACL,UAAU;KACQ,iBAAC,GAAG,mBAAmB,IAAG,CAAE,eAAe,YAAY,OAAO,EAC5E,UAAU,SACZ,CAAC;KACe,iBAAC,GAAG,mBAAmB,IAAG,CAAE,eAAe,YAAY,aAAa,EAClF,UAAU,wDACZ,CAAC;KACe,iBAAC,GAAG,mBAAmB,KAAI,CAAE,eAAe,QAAQ;MAClE,KAAK;MACL,SAAS;MACT,UAAU,CACQ,iBAAC,GAAG,mBAAmB,IAAG,CAAE,eAAe,YAAY,QAAQ;OAC7E,SAAS;OACT,UAA0B,iBAAC,GAAG,mBAAmB,IAAG,CAAE,eAAe,QAAQ,EAC3E,UAAU,SACZ,CAAC;MACH,CAAC,GACe,iBAAC,GAAG,mBAAmB,IAAG,CAAE,eAAe,YAAY,QAAQ;OAC7E,SAAS;OACT,UAA0B,iBAAC,GAAG,mBAAmB,IAAG,CAAE,eAAe,QAAQ;QAC3E,OAAO;QACP,UAAU;OACZ,CAAC;MACH,CAAC,CACH;KACF,CAAC;IACH;GACF,CAAC;EACH,GAAG,SAAS,CACd,EACF,CAAC,CACH;CACF,CAAC;AACH"}
|
|
@@ -46,7 +46,7 @@ function AnimationsEnterDemo(props) {
|
|
|
46
46
|
transition: "bouncy",
|
|
47
47
|
bg: "color-9",
|
|
48
48
|
rounded: "9",
|
|
49
|
-
|
|
49
|
+
boxShadow: "0 4px 12px shadow-color",
|
|
50
50
|
size: 110,
|
|
51
51
|
children: props.children ?? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_logo.LogoIcon, { downscale: .75 })
|
|
52
52
|
}, key), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, {
|
|
@@ -49,7 +49,7 @@ function AnimationsEnterDemo(props) {
|
|
|
49
49
|
transition: "bouncy",
|
|
50
50
|
bg: "color-9",
|
|
51
51
|
rounded: "9",
|
|
52
|
-
|
|
52
|
+
boxShadow: "0 4px 12px shadow-color",
|
|
53
53
|
size: 110,
|
|
54
54
|
children: (_props_children = props.children) !== null && _props_children !== void 0 ? _props_children : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_logo.LogoIcon, { downscale: .75 })
|
|
55
55
|
}, key), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, {
|
|
@@ -49,7 +49,7 @@ function AnimationsEnterDemo(props) {
|
|
|
49
49
|
transition: "bouncy",
|
|
50
50
|
bg: "color-9",
|
|
51
51
|
rounded: "9",
|
|
52
|
-
|
|
52
|
+
boxShadow: "0 4px 12px shadow-color",
|
|
53
53
|
size: 110,
|
|
54
54
|
children: (_props_children = props.children) !== null && _props_children !== void 0 ? _props_children : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_logo.LogoIcon, { downscale: .75 })
|
|
55
55
|
}, key), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AnimationsEnterDemo.native.js","names":[],"sources":["cjs/AnimationsEnterDemo.native.js"],"sourcesContent":["\"use strict\";\nvar __create = Object.create;\nvar __defProp = Object.defineProperty;\nvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames = Object.getOwnPropertyNames;\nvar __getProtoOf = Object.getPrototypeOf;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __export = (target, all) => {\n for (var name in all)\n __defProp(target, name, { get: all[name], enumerable: true });\n};\nvar __copyProps = (to, from, except, desc) => {\n if (from && typeof from === \"object\" || typeof from === \"function\") {\n for (let key of __getOwnPropNames(from))\n if (!__hasOwnProp.call(to, key) && key !== except)\n __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });\n }\n return to;\n};\nvar __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(\n // If the importer is in node compatibility mode or this is not an ESM\n // file that has been converted to a CommonJS file using a Babel-\n // compatible transform (i.e. \"__esModule\" has not been set), then set\n // \"default\" to the CommonJS \"module.exports\" for node compatibility.\n isNodeMode || !mod || !mod.__esModule ? __defProp(target, \"default\", { value: mod, enumerable: true }) : target,\n mod\n));\nvar __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: true }), mod);\nvar AnimationsEnterDemo_exports = {};\n__export(AnimationsEnterDemo_exports, {\n AnimationsEnterDemo: () => AnimationsEnterDemo\n});\nmodule.exports = __toCommonJS(AnimationsEnterDemo_exports);\nvar import_jsx_runtime = require(\"react/jsx-runtime\");\nvar import_react = __toESM(require(\"react\"), 1);\nvar import_logo = require(\"@tamagui/logo\");\nvar import_tamagui = require(\"tamagui\");\nvar import_useOnIntersecting = require(\"./useOnIntersecting\");\nfunction AnimationsEnterDemo(props) {\n var ref = import_react.default.useRef(null);\n var [key, setKey] = import_react.default.useState(0);\n var hasIntersected = (0, import_useOnIntersecting.useIsIntersecting)(ref, {\n once: true\n });\n if (import_tamagui.isWeb && !hasIntersected) {\n return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YStack, {\n ref\n });\n }\n var _props_children;\n return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {\n children: [\n /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Square, {\n opacity: \"1 enter:0\",\n scale: \"1 enter:1.5\",\n y: \"0 enter:-10px\",\n transition: \"bouncy\",\n bg: \"color-9\",\n rounded: \"9\",\n
|
|
1
|
+
{"version":3,"file":"AnimationsEnterDemo.native.js","names":[],"sources":["cjs/AnimationsEnterDemo.native.js"],"sourcesContent":["\"use strict\";\nvar __create = Object.create;\nvar __defProp = Object.defineProperty;\nvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames = Object.getOwnPropertyNames;\nvar __getProtoOf = Object.getPrototypeOf;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __export = (target, all) => {\n for (var name in all)\n __defProp(target, name, { get: all[name], enumerable: true });\n};\nvar __copyProps = (to, from, except, desc) => {\n if (from && typeof from === \"object\" || typeof from === \"function\") {\n for (let key of __getOwnPropNames(from))\n if (!__hasOwnProp.call(to, key) && key !== except)\n __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });\n }\n return to;\n};\nvar __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(\n // If the importer is in node compatibility mode or this is not an ESM\n // file that has been converted to a CommonJS file using a Babel-\n // compatible transform (i.e. \"__esModule\" has not been set), then set\n // \"default\" to the CommonJS \"module.exports\" for node compatibility.\n isNodeMode || !mod || !mod.__esModule ? __defProp(target, \"default\", { value: mod, enumerable: true }) : target,\n mod\n));\nvar __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: true }), mod);\nvar AnimationsEnterDemo_exports = {};\n__export(AnimationsEnterDemo_exports, {\n AnimationsEnterDemo: () => AnimationsEnterDemo\n});\nmodule.exports = __toCommonJS(AnimationsEnterDemo_exports);\nvar import_jsx_runtime = require(\"react/jsx-runtime\");\nvar import_react = __toESM(require(\"react\"), 1);\nvar import_logo = require(\"@tamagui/logo\");\nvar import_tamagui = require(\"tamagui\");\nvar import_useOnIntersecting = require(\"./useOnIntersecting\");\nfunction AnimationsEnterDemo(props) {\n var ref = import_react.default.useRef(null);\n var [key, setKey] = import_react.default.useState(0);\n var hasIntersected = (0, import_useOnIntersecting.useIsIntersecting)(ref, {\n once: true\n });\n if (import_tamagui.isWeb && !hasIntersected) {\n return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YStack, {\n ref\n });\n }\n var _props_children;\n return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {\n children: [\n /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Square, {\n opacity: \"1 enter:0\",\n scale: \"1 enter:1.5\",\n y: \"0 enter:-10px\",\n transition: \"bouncy\",\n bg: \"color-9\",\n rounded: \"9\",\n boxShadow: \"0 4px 12px shadow-color\",\n size: 110,\n children: (_props_children = props.children) !== null && _props_children !== void 0 ? _props_children : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_logo.LogoIcon, {\n downscale: 0.75\n })\n }, key),\n /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, {\n size: \"3\",\n mt: \"4\",\n onPress: function() {\n return setKey(Math.random());\n },\n children: \"Re-mount\"\n })\n ]\n });\n}\n//# sourceMappingURL=AnimationsEnterDemo.js.map\n"],"mappings":";;;AACA,IAAI,WAAW,OAAO;AACtB,IAAI,YAAY,OAAO;AACvB,IAAI,mBAAmB,OAAO;AAC9B,IAAI,oBAAoB,OAAO;AAC/B,IAAI,eAAe,OAAO;AAC1B,IAAI,eAAe,OAAO,UAAU;AACpC,IAAI,YAAY,QAAQ,QAAQ;CAC9B,KAAK,IAAI,QAAQ,KACf,UAAU,QAAQ,MAAM;EAAE,KAAK,IAAI;EAAO,YAAY;CAAK,CAAC;AAChE;AACA,IAAI,eAAe,IAAI,MAAM,QAAQ,SAAS;CAC5C,IAAI,QAAQ,OAAO,SAAS,YAAY,OAAO,SAAS,YAAY;EAClE,KAAK,IAAI,OAAO,kBAAkB,IAAI,GACpC,IAAI,CAAC,aAAa,KAAK,IAAI,GAAG,KAAK,QAAQ,QACzC,UAAU,IAAI,KAAK;GAAE,WAAW,KAAK;GAAM,YAAY,EAAE,OAAO,iBAAiB,MAAM,GAAG,MAAM,KAAK;EAAW,CAAC;CACvH;CACA,OAAO;AACT;AACA,IAAI,WAAW,KAAK,YAAY,YAAY,SAAS,OAAO,OAAO,SAAS,aAAa,GAAG,CAAC,IAAI,CAAC,GAAG,YAKnG,cAAc,CAAC,OAAO,CAAC,IAAI,aAAa,UAAU,QAAQ,WAAW;CAAE,OAAO;CAAK,YAAY;AAAK,CAAC,IAAI,QACzG,GACF;AACA,IAAI,gBAAgB,QAAQ,YAAY,UAAU,CAAC,GAAG,cAAc,EAAE,OAAO,KAAK,CAAC,GAAG,GAAG;AACzF,IAAI,8BAA8B,CAAC;AACnC,SAAS,6BAA6B,EACpC,2BAA2B,oBAC7B,CAAC;AACD,OAAO,UAAU,aAAa,2BAA2B;AACzD,IAAI,qBAAqB,QAAQ,mBAAmB;AACpD,IAAI,eAAe,QAAQ,QAAQ,OAAO,GAAG,CAAC;AAC9C,IAAI,cAAc,QAAQ,eAAe;AACzC,IAAI,iBAAiB,QAAQ,SAAS;AACtC,IAAI,2BAA2B,QAAQ,+BAAqB;AAC5D,SAAS,oBAAoB,OAAO;CAClC,IAAI,MAAM,aAAa,QAAQ,OAAO,IAAI;CAC1C,IAAI,CAAC,KAAK,UAAU,aAAa,QAAQ,SAAS,CAAC;CACnD,IAAI,kBAAkB,GAAG,yBAAyB,kBAAiB,CAAE,KAAK,EACxE,MAAM,KACR,CAAC;CACD,IAAI,eAAe,SAAS,CAAC,gBAAgB;EAC3C,OAAuB,iBAAC,GAAG,mBAAmB,IAAG,CAAE,eAAe,QAAQ,EACxE,IACF,CAAC;CACH;CACA,IAAI;CACJ,OAAuB,iBAAC,GAAG,mBAAmB,KAAI,CAAE,mBAAmB,UAAU,EAC/E,UAAU,CACQ,iBAAC,GAAG,mBAAmB,IAAG,CAAE,eAAe,QAAQ;EACjE,SAAS;EACT,OAAO;EACP,GAAG;EACH,YAAY;EACZ,IAAI;EACJ,SAAS;EACT,WAAW;EACX,MAAM;EACN,WAAW,kBAAkB,MAAM,cAAc,QAAQ,oBAAoB,KAAK,IAAI,kBAAkC,iBAAC,GAAG,mBAAmB,IAAG,CAAE,YAAY,UAAU,EACxK,WAAW,IACb,CAAC;CACH,GAAG,GAAG,GACU,iBAAC,GAAG,mBAAmB,IAAG,CAAE,eAAe,QAAQ;EACjE,MAAM;EACN,IAAI;EACJ,SAAS,WAAW;GAClB,OAAO,OAAO,KAAK,OAAO,CAAC;EAC7B;EACA,UAAU;CACZ,CAAC,CACH,EACF,CAAC;AACH"}
|
|
@@ -31,7 +31,7 @@ function AnimationsHoverDemo() {
|
|
|
31
31
|
bg: "color-9",
|
|
32
32
|
rounded: "9",
|
|
33
33
|
scale: "hover:1.2 press:0.9",
|
|
34
|
-
|
|
34
|
+
boxShadow: "0 4px 12px shadow-color",
|
|
35
35
|
size: 104,
|
|
36
36
|
children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_logo.LogoIcon, { downscale: .75 })
|
|
37
37
|
});
|
|
@@ -33,7 +33,7 @@ function AnimationsHoverDemo() {
|
|
|
33
33
|
bg: "color-9",
|
|
34
34
|
rounded: "9",
|
|
35
35
|
scale: "hover:1.2 press:0.9",
|
|
36
|
-
|
|
36
|
+
boxShadow: "0 4px 12px shadow-color",
|
|
37
37
|
size: 104,
|
|
38
38
|
children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_logo.LogoIcon, { downscale: .75 })
|
|
39
39
|
});
|
|
@@ -33,7 +33,7 @@ function AnimationsHoverDemo() {
|
|
|
33
33
|
bg: "color-9",
|
|
34
34
|
rounded: "9",
|
|
35
35
|
scale: "hover:1.2 press:0.9",
|
|
36
|
-
|
|
36
|
+
boxShadow: "0 4px 12px shadow-color",
|
|
37
37
|
size: 104,
|
|
38
38
|
children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_logo.LogoIcon, { downscale: .75 })
|
|
39
39
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AnimationsHoverDemo.native.js","names":[],"sources":["cjs/AnimationsHoverDemo.native.js"],"sourcesContent":["\"use strict\";\nvar __defProp = Object.defineProperty;\nvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames = Object.getOwnPropertyNames;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __export = (target, all) => {\n for (var name in all)\n __defProp(target, name, { get: all[name], enumerable: true });\n};\nvar __copyProps = (to, from, except, desc) => {\n if (from && typeof from === \"object\" || typeof from === \"function\") {\n for (let key of __getOwnPropNames(from))\n if (!__hasOwnProp.call(to, key) && key !== except)\n __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });\n }\n return to;\n};\nvar __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: true }), mod);\nvar AnimationsHoverDemo_exports = {};\n__export(AnimationsHoverDemo_exports, {\n AnimationsHoverDemo: () => AnimationsHoverDemo\n});\nmodule.exports = __toCommonJS(AnimationsHoverDemo_exports);\nvar import_jsx_runtime = require(\"react/jsx-runtime\");\nvar import_logo = require(\"@tamagui/logo\");\nvar import_tamagui = require(\"tamagui\");\nfunction AnimationsHoverDemo() {\n return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Square, {\n borderColor: \"border-color\",\n transition: \"bouncy\",\n bg: \"color-9\",\n rounded: \"9\",\n scale: \"hover:1.2 press:0.9\",\n
|
|
1
|
+
{"version":3,"file":"AnimationsHoverDemo.native.js","names":[],"sources":["cjs/AnimationsHoverDemo.native.js"],"sourcesContent":["\"use strict\";\nvar __defProp = Object.defineProperty;\nvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames = Object.getOwnPropertyNames;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __export = (target, all) => {\n for (var name in all)\n __defProp(target, name, { get: all[name], enumerable: true });\n};\nvar __copyProps = (to, from, except, desc) => {\n if (from && typeof from === \"object\" || typeof from === \"function\") {\n for (let key of __getOwnPropNames(from))\n if (!__hasOwnProp.call(to, key) && key !== except)\n __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });\n }\n return to;\n};\nvar __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: true }), mod);\nvar AnimationsHoverDemo_exports = {};\n__export(AnimationsHoverDemo_exports, {\n AnimationsHoverDemo: () => AnimationsHoverDemo\n});\nmodule.exports = __toCommonJS(AnimationsHoverDemo_exports);\nvar import_jsx_runtime = require(\"react/jsx-runtime\");\nvar import_logo = require(\"@tamagui/logo\");\nvar import_tamagui = require(\"tamagui\");\nfunction AnimationsHoverDemo() {\n return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Square, {\n borderColor: \"border-color\",\n transition: \"bouncy\",\n bg: \"color-9\",\n rounded: \"9\",\n scale: \"hover:1.2 press:0.9\",\n boxShadow: \"0 4px 12px shadow-color\",\n size: 104,\n children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_logo.LogoIcon, {\n downscale: 0.75\n })\n });\n}\n//# sourceMappingURL=AnimationsHoverDemo.js.map\n"],"mappings":";;;AACA,IAAI,YAAY,OAAO;AACvB,IAAI,mBAAmB,OAAO;AAC9B,IAAI,oBAAoB,OAAO;AAC/B,IAAI,eAAe,OAAO,UAAU;AACpC,IAAI,YAAY,QAAQ,QAAQ;CAC9B,KAAK,IAAI,QAAQ,KACf,UAAU,QAAQ,MAAM;EAAE,KAAK,IAAI;EAAO,YAAY;CAAK,CAAC;AAChE;AACA,IAAI,eAAe,IAAI,MAAM,QAAQ,SAAS;CAC5C,IAAI,QAAQ,OAAO,SAAS,YAAY,OAAO,SAAS,YAAY;EAClE,KAAK,IAAI,OAAO,kBAAkB,IAAI,GACpC,IAAI,CAAC,aAAa,KAAK,IAAI,GAAG,KAAK,QAAQ,QACzC,UAAU,IAAI,KAAK;GAAE,WAAW,KAAK;GAAM,YAAY,EAAE,OAAO,iBAAiB,MAAM,GAAG,MAAM,KAAK;EAAW,CAAC;CACvH;CACA,OAAO;AACT;AACA,IAAI,gBAAgB,QAAQ,YAAY,UAAU,CAAC,GAAG,cAAc,EAAE,OAAO,KAAK,CAAC,GAAG,GAAG;AACzF,IAAI,8BAA8B,CAAC;AACnC,SAAS,6BAA6B,EACpC,2BAA2B,oBAC7B,CAAC;AACD,OAAO,UAAU,aAAa,2BAA2B;AACzD,IAAI,qBAAqB,QAAQ,mBAAmB;AACpD,IAAI,cAAc,QAAQ,eAAe;AACzC,IAAI,iBAAiB,QAAQ,SAAS;AACtC,SAAS,sBAAsB;CAC7B,OAAuB,iBAAC,GAAG,mBAAmB,IAAG,CAAE,eAAe,QAAQ;EACxE,aAAa;EACb,YAAY;EACZ,IAAI;EACJ,SAAS;EACT,OAAO;EACP,WAAW;EACX,MAAM;EACN,UAA0B,iBAAC,GAAG,mBAAmB,IAAG,CAAE,YAAY,UAAU,EAC1E,WAAW,IACb,CAAC;CACH,CAAC;AACH"}
|
|
@@ -30,7 +30,7 @@ function AnimationsTimingDemo() {
|
|
|
30
30
|
transition: "100ms",
|
|
31
31
|
rounded: "9",
|
|
32
32
|
scale: "hover:1.2 press:0.9",
|
|
33
|
-
|
|
33
|
+
boxShadow: "0 4px 12px shadow-color",
|
|
34
34
|
size: 110,
|
|
35
35
|
children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_logo.LogoIcon, { downscale: .75 })
|
|
36
36
|
});
|
|
@@ -32,7 +32,7 @@ function AnimationsTimingDemo() {
|
|
|
32
32
|
transition: "100ms",
|
|
33
33
|
rounded: "9",
|
|
34
34
|
scale: "hover:1.2 press:0.9",
|
|
35
|
-
|
|
35
|
+
boxShadow: "0 4px 12px shadow-color",
|
|
36
36
|
size: 110,
|
|
37
37
|
children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_logo.LogoIcon, { downscale: .75 })
|
|
38
38
|
});
|
|
@@ -32,7 +32,7 @@ function AnimationsTimingDemo() {
|
|
|
32
32
|
transition: "100ms",
|
|
33
33
|
rounded: "9",
|
|
34
34
|
scale: "hover:1.2 press:0.9",
|
|
35
|
-
|
|
35
|
+
boxShadow: "0 4px 12px shadow-color",
|
|
36
36
|
size: 110,
|
|
37
37
|
children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_logo.LogoIcon, { downscale: .75 })
|
|
38
38
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AnimationsTimingDemo.native.js","names":[],"sources":["cjs/AnimationsTimingDemo.native.js"],"sourcesContent":["\"use strict\";\nvar __defProp = Object.defineProperty;\nvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames = Object.getOwnPropertyNames;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __export = (target, all) => {\n for (var name in all)\n __defProp(target, name, { get: all[name], enumerable: true });\n};\nvar __copyProps = (to, from, except, desc) => {\n if (from && typeof from === \"object\" || typeof from === \"function\") {\n for (let key of __getOwnPropNames(from))\n if (!__hasOwnProp.call(to, key) && key !== except)\n __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });\n }\n return to;\n};\nvar __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: true }), mod);\nvar AnimationsTimingDemo_exports = {};\n__export(AnimationsTimingDemo_exports, {\n AnimationsTimingDemo: () => AnimationsTimingDemo\n});\nmodule.exports = __toCommonJS(AnimationsTimingDemo_exports);\nvar import_jsx_runtime = require(\"react/jsx-runtime\");\nvar import_logo = require(\"@tamagui/logo\");\nvar import_tamagui = require(\"tamagui\");\nfunction AnimationsTimingDemo() {\n return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Square, {\n bg: \"color-9\",\n transition: \"100ms\",\n rounded: \"9\",\n scale: \"hover:1.2 press:0.9\",\n
|
|
1
|
+
{"version":3,"file":"AnimationsTimingDemo.native.js","names":[],"sources":["cjs/AnimationsTimingDemo.native.js"],"sourcesContent":["\"use strict\";\nvar __defProp = Object.defineProperty;\nvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames = Object.getOwnPropertyNames;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __export = (target, all) => {\n for (var name in all)\n __defProp(target, name, { get: all[name], enumerable: true });\n};\nvar __copyProps = (to, from, except, desc) => {\n if (from && typeof from === \"object\" || typeof from === \"function\") {\n for (let key of __getOwnPropNames(from))\n if (!__hasOwnProp.call(to, key) && key !== except)\n __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });\n }\n return to;\n};\nvar __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: true }), mod);\nvar AnimationsTimingDemo_exports = {};\n__export(AnimationsTimingDemo_exports, {\n AnimationsTimingDemo: () => AnimationsTimingDemo\n});\nmodule.exports = __toCommonJS(AnimationsTimingDemo_exports);\nvar import_jsx_runtime = require(\"react/jsx-runtime\");\nvar import_logo = require(\"@tamagui/logo\");\nvar import_tamagui = require(\"tamagui\");\nfunction AnimationsTimingDemo() {\n return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Square, {\n bg: \"color-9\",\n transition: \"100ms\",\n rounded: \"9\",\n scale: \"hover:1.2 press:0.9\",\n boxShadow: \"0 4px 12px shadow-color\",\n size: 110,\n children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_logo.LogoIcon, {\n downscale: 0.75\n })\n });\n}\n//# sourceMappingURL=AnimationsTimingDemo.js.map\n"],"mappings":";;;AACA,IAAI,YAAY,OAAO;AACvB,IAAI,mBAAmB,OAAO;AAC9B,IAAI,oBAAoB,OAAO;AAC/B,IAAI,eAAe,OAAO,UAAU;AACpC,IAAI,YAAY,QAAQ,QAAQ;CAC9B,KAAK,IAAI,QAAQ,KACf,UAAU,QAAQ,MAAM;EAAE,KAAK,IAAI;EAAO,YAAY;CAAK,CAAC;AAChE;AACA,IAAI,eAAe,IAAI,MAAM,QAAQ,SAAS;CAC5C,IAAI,QAAQ,OAAO,SAAS,YAAY,OAAO,SAAS,YAAY;EAClE,KAAK,IAAI,OAAO,kBAAkB,IAAI,GACpC,IAAI,CAAC,aAAa,KAAK,IAAI,GAAG,KAAK,QAAQ,QACzC,UAAU,IAAI,KAAK;GAAE,WAAW,KAAK;GAAM,YAAY,EAAE,OAAO,iBAAiB,MAAM,GAAG,MAAM,KAAK;EAAW,CAAC;CACvH;CACA,OAAO;AACT;AACA,IAAI,gBAAgB,QAAQ,YAAY,UAAU,CAAC,GAAG,cAAc,EAAE,OAAO,KAAK,CAAC,GAAG,GAAG;AACzF,IAAI,+BAA+B,CAAC;AACpC,SAAS,8BAA8B,EACrC,4BAA4B,qBAC9B,CAAC;AACD,OAAO,UAAU,aAAa,4BAA4B;AAC1D,IAAI,qBAAqB,QAAQ,mBAAmB;AACpD,IAAI,cAAc,QAAQ,eAAe;AACzC,IAAI,iBAAiB,QAAQ,SAAS;AACtC,SAAS,uBAAuB;CAC9B,OAAuB,iBAAC,GAAG,mBAAmB,IAAG,CAAE,eAAe,QAAQ;EACxE,IAAI;EACJ,YAAY;EACZ,SAAS;EACT,OAAO;EACP,WAAW;EACX,MAAM;EACN,UAA0B,iBAAC,GAAG,mBAAmB,IAAG,CAAE,YAAY,UAAU,EAC1E,WAAW,IACb,CAAC;CACH,CAAC;AACH"}
|
|
@@ -27,27 +27,23 @@ module.exports = __toCommonJS(CheckboxDemo_exports);
|
|
|
27
27
|
var import_lucide_icons_2 = require("@tamagui/lucide-icons-2");
|
|
28
28
|
var import_tamagui = require("tamagui");
|
|
29
29
|
var import_jsx_runtime = require("react/jsx-runtime");
|
|
30
|
-
const checkedStyle = (0, import_tamagui.style)({ backgroundColor: "accent-background" });
|
|
31
30
|
function CheckboxDemo() {
|
|
32
|
-
return /* @__PURE__ */ (0, import_jsx_runtime.
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
})
|
|
49
|
-
]
|
|
50
|
-
})
|
|
31
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
|
|
32
|
+
width: 300,
|
|
33
|
+
items: "center",
|
|
34
|
+
gap: "2",
|
|
35
|
+
children: [
|
|
36
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(CheckboxWithLabel, { size: "3" }),
|
|
37
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(CheckboxWithLabel, {
|
|
38
|
+
size: "4",
|
|
39
|
+
defaultChecked: true
|
|
40
|
+
}),
|
|
41
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(CheckboxWithLabel, {
|
|
42
|
+
size: "5",
|
|
43
|
+
disabled: true,
|
|
44
|
+
label: "Accept terms (disabled)"
|
|
45
|
+
})
|
|
46
|
+
]
|
|
51
47
|
});
|
|
52
48
|
}
|
|
53
49
|
function CheckboxWithLabel({ size, label = "Accept terms and conditions", disabled, ...checkboxProps }) {
|
|
@@ -62,7 +58,6 @@ function CheckboxWithLabel({ size, label = "Accept terms and conditions", disabl
|
|
|
62
58
|
id,
|
|
63
59
|
size,
|
|
64
60
|
disabled,
|
|
65
|
-
activeStyle: checkedStyle,
|
|
66
61
|
...checkboxProps,
|
|
67
62
|
children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Checkbox.Indicator, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_icons_2.Check, {}) })
|
|
68
63
|
}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Label, {
|
|
@@ -29,27 +29,23 @@ module.exports = __toCommonJS(CheckboxDemo_exports);
|
|
|
29
29
|
var import_jsx_runtime = require("react/jsx-runtime");
|
|
30
30
|
var import_lucide_icons_2 = require("@tamagui/lucide-icons-2");
|
|
31
31
|
var import_tamagui = require("tamagui");
|
|
32
|
-
var checkedStyle = (0, import_tamagui.style)({ backgroundColor: "accent-background" });
|
|
33
32
|
function CheckboxDemo() {
|
|
34
|
-
return /* @__PURE__ */ (0, import_jsx_runtime.
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
})
|
|
51
|
-
]
|
|
52
|
-
})
|
|
33
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
|
|
34
|
+
width: 300,
|
|
35
|
+
items: "center",
|
|
36
|
+
gap: "2",
|
|
37
|
+
children: [
|
|
38
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(CheckboxWithLabel, { size: "3" }),
|
|
39
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(CheckboxWithLabel, {
|
|
40
|
+
size: "4",
|
|
41
|
+
defaultChecked: true
|
|
42
|
+
}),
|
|
43
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(CheckboxWithLabel, {
|
|
44
|
+
size: "5",
|
|
45
|
+
disabled: true,
|
|
46
|
+
label: "Accept terms (disabled)"
|
|
47
|
+
})
|
|
48
|
+
]
|
|
53
49
|
});
|
|
54
50
|
}
|
|
55
51
|
function CheckboxWithLabel(param) {
|
|
@@ -65,7 +61,6 @@ function CheckboxWithLabel(param) {
|
|
|
65
61
|
id,
|
|
66
62
|
size,
|
|
67
63
|
disabled,
|
|
68
|
-
activeStyle: checkedStyle,
|
|
69
64
|
...checkboxProps,
|
|
70
65
|
children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Checkbox.Indicator, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_icons_2.Check, {}) })
|
|
71
66
|
}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Label, {
|
|
@@ -29,27 +29,23 @@ module.exports = __toCommonJS(CheckboxDemo_exports);
|
|
|
29
29
|
var import_jsx_runtime = require("react/jsx-runtime");
|
|
30
30
|
var import_lucide_icons_2 = require("@tamagui/lucide-icons-2");
|
|
31
31
|
var import_tamagui = require("tamagui");
|
|
32
|
-
var checkedStyle = (0, import_tamagui.style)({ backgroundColor: "accent-background" });
|
|
33
32
|
function CheckboxDemo() {
|
|
34
|
-
return /* @__PURE__ */ (0, import_jsx_runtime.
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
})
|
|
51
|
-
]
|
|
52
|
-
})
|
|
33
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
|
|
34
|
+
width: 300,
|
|
35
|
+
items: "center",
|
|
36
|
+
gap: "2",
|
|
37
|
+
children: [
|
|
38
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(CheckboxWithLabel, { size: "3" }),
|
|
39
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(CheckboxWithLabel, {
|
|
40
|
+
size: "4",
|
|
41
|
+
defaultChecked: true
|
|
42
|
+
}),
|
|
43
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(CheckboxWithLabel, {
|
|
44
|
+
size: "5",
|
|
45
|
+
disabled: true,
|
|
46
|
+
label: "Accept terms (disabled)"
|
|
47
|
+
})
|
|
48
|
+
]
|
|
53
49
|
});
|
|
54
50
|
}
|
|
55
51
|
function CheckboxWithLabel(param) {
|
|
@@ -65,7 +61,6 @@ function CheckboxWithLabel(param) {
|
|
|
65
61
|
id,
|
|
66
62
|
size,
|
|
67
63
|
disabled,
|
|
68
|
-
activeStyle: checkedStyle,
|
|
69
64
|
...checkboxProps,
|
|
70
65
|
children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Checkbox.Indicator, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_icons_2.Check, {}) })
|
|
71
66
|
}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Label, {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CheckboxDemo.native.js","names":[],"sources":["cjs/CheckboxDemo.native.js"],"sourcesContent":["\"use strict\";\nvar __defProp = Object.defineProperty;\nvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames = Object.getOwnPropertyNames;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __export = (target, all) => {\n for (var name in all)\n __defProp(target, name, { get: all[name], enumerable: true });\n};\nvar __copyProps = (to, from, except, desc) => {\n if (from && typeof from === \"object\" || typeof from === \"function\") {\n for (let key of __getOwnPropNames(from))\n if (!__hasOwnProp.call(to, key) && key !== except)\n __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });\n }\n return to;\n};\nvar __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: true }), mod);\nvar CheckboxDemo_exports = {};\n__export(CheckboxDemo_exports, {\n CheckboxDemo: () => CheckboxDemo,\n CheckboxWithLabel: () => CheckboxWithLabel\n});\nmodule.exports = __toCommonJS(CheckboxDemo_exports);\nvar import_jsx_runtime = require(\"react/jsx-runtime\");\nvar import_lucide_icons_2 = require(\"@tamagui/lucide-icons-2\");\nvar import_tamagui = require(\"tamagui\");\
|
|
1
|
+
{"version":3,"file":"CheckboxDemo.native.js","names":[],"sources":["cjs/CheckboxDemo.native.js"],"sourcesContent":["\"use strict\";\nvar __defProp = Object.defineProperty;\nvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames = Object.getOwnPropertyNames;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __export = (target, all) => {\n for (var name in all)\n __defProp(target, name, { get: all[name], enumerable: true });\n};\nvar __copyProps = (to, from, except, desc) => {\n if (from && typeof from === \"object\" || typeof from === \"function\") {\n for (let key of __getOwnPropNames(from))\n if (!__hasOwnProp.call(to, key) && key !== except)\n __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });\n }\n return to;\n};\nvar __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: true }), mod);\nvar CheckboxDemo_exports = {};\n__export(CheckboxDemo_exports, {\n CheckboxDemo: () => CheckboxDemo,\n CheckboxWithLabel: () => CheckboxWithLabel\n});\nmodule.exports = __toCommonJS(CheckboxDemo_exports);\nvar import_jsx_runtime = require(\"react/jsx-runtime\");\nvar import_lucide_icons_2 = require(\"@tamagui/lucide-icons-2\");\nvar import_tamagui = require(\"tamagui\");\nfunction CheckboxDemo() {\n return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {\n width: 300,\n items: \"center\",\n gap: \"2\",\n children: [\n /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CheckboxWithLabel, {\n size: \"3\"\n }),\n /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CheckboxWithLabel, {\n size: \"4\",\n defaultChecked: true\n }),\n /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CheckboxWithLabel, {\n size: \"5\",\n disabled: true,\n label: \"Accept terms (disabled)\"\n })\n ]\n });\n}\nfunction CheckboxWithLabel(param) {\n var { size, label = \"Accept terms and conditions\", disabled, ...checkboxProps } = param;\n var id = `checkbox-${size || \"\"}`;\n return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Theme, {\n name: disabled ? \"gray\" : null,\n children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {\n width: 300,\n items: \"center\",\n gap: \"4\",\n children: [\n /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Checkbox, {\n id,\n size,\n disabled,\n ...checkboxProps,\n children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Checkbox.Indicator, {\n children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_icons_2.Check, {})\n })\n }),\n /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Label, {\n size,\n htmlFor: id,\n opacity: disabled ? 0.5 : 1,\n children: label\n })\n ]\n })\n });\n}\n//# sourceMappingURL=CheckboxDemo.js.map\n"],"mappings":";;;AACA,IAAI,YAAY,OAAO;AACvB,IAAI,mBAAmB,OAAO;AAC9B,IAAI,oBAAoB,OAAO;AAC/B,IAAI,eAAe,OAAO,UAAU;AACpC,IAAI,YAAY,QAAQ,QAAQ;CAC9B,KAAK,IAAI,QAAQ,KACf,UAAU,QAAQ,MAAM;EAAE,KAAK,IAAI;EAAO,YAAY;CAAK,CAAC;AAChE;AACA,IAAI,eAAe,IAAI,MAAM,QAAQ,SAAS;CAC5C,IAAI,QAAQ,OAAO,SAAS,YAAY,OAAO,SAAS,YAAY;EAClE,KAAK,IAAI,OAAO,kBAAkB,IAAI,GACpC,IAAI,CAAC,aAAa,KAAK,IAAI,GAAG,KAAK,QAAQ,QACzC,UAAU,IAAI,KAAK;GAAE,WAAW,KAAK;GAAM,YAAY,EAAE,OAAO,iBAAiB,MAAM,GAAG,MAAM,KAAK;EAAW,CAAC;CACvH;CACA,OAAO;AACT;AACA,IAAI,gBAAgB,QAAQ,YAAY,UAAU,CAAC,GAAG,cAAc,EAAE,OAAO,KAAK,CAAC,GAAG,GAAG;AACzF,IAAI,uBAAuB,CAAC;AAC5B,SAAS,sBAAsB;CAC7B,oBAAoB;CACpB,yBAAyB;AAC3B,CAAC;AACD,OAAO,UAAU,aAAa,oBAAoB;AAClD,IAAI,qBAAqB,QAAQ,mBAAmB;AACpD,IAAI,wBAAwB,QAAQ,yBAAyB;AAC7D,IAAI,iBAAiB,QAAQ,SAAS;AACtC,SAAS,eAAe;CACtB,OAAuB,iBAAC,GAAG,mBAAmB,KAAI,CAAE,eAAe,QAAQ;EACzE,OAAO;EACP,OAAO;EACP,KAAK;EACL,UAAU;GACQ,iBAAC,GAAG,mBAAmB,IAAG,CAAE,mBAAmB,EAC7D,MAAM,IACR,CAAC;GACe,iBAAC,GAAG,mBAAmB,IAAG,CAAE,mBAAmB;IAC7D,MAAM;IACN,gBAAgB;GAClB,CAAC;GACe,iBAAC,GAAG,mBAAmB,IAAG,CAAE,mBAAmB;IAC7D,MAAM;IACN,UAAU;IACV,OAAO;GACT,CAAC;EACH;CACF,CAAC;AACH;AACA,SAAS,kBAAkB,OAAO;CAChC,IAAI,EAAE,MAAM,QAAQ,+BAA+B,UAAU,GAAG,kBAAkB;CAClF,IAAI,KAAK,YAAY,QAAQ;CAC7B,OAAuB,iBAAC,GAAG,mBAAmB,IAAG,CAAE,eAAe,OAAO;EACvE,MAAM,WAAW,SAAS;EAC1B,UAA0B,iBAAC,GAAG,mBAAmB,KAAI,CAAE,eAAe,QAAQ;GAC5E,OAAO;GACP,OAAO;GACP,KAAK;GACL,UAAU,CACQ,iBAAC,GAAG,mBAAmB,IAAG,CAAE,eAAe,UAAU;IACnE;IACA;IACA;IACA,GAAG;IACH,UAA0B,iBAAC,GAAG,mBAAmB,IAAG,CAAE,eAAe,SAAS,WAAW,EACvF,UAA0B,iBAAC,GAAG,mBAAmB,IAAG,CAAE,sBAAsB,OAAO,CAAC,CAAC,EACvF,CAAC;GACH,CAAC,GACe,iBAAC,GAAG,mBAAmB,IAAG,CAAE,eAAe,OAAO;IAChE;IACA,SAAS;IACT,SAAS,WAAW,KAAM;IAC1B,UAAU;GACZ,CAAC,CACH;EACF,CAAC;CACH,CAAC;AACH"}
|