@tamagui/demos 1.135.4-1761749240853 → 1.135.4
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.native.js +90 -84
- package/dist/cjs/AccordionDemo.native.js.map +6 -1
- package/dist/cjs/AddThemeDemo.cjs +1 -1
- package/dist/cjs/AddThemeDemo.js +1 -1
- package/dist/cjs/AddThemeDemo.js.map +1 -1
- package/dist/cjs/AddThemeDemo.native.js +48 -50
- package/dist/cjs/AddThemeDemo.native.js.map +6 -1
- package/dist/cjs/AlertDialogDemo.native.js +95 -83
- package/dist/cjs/AlertDialogDemo.native.js.map +6 -1
- package/dist/cjs/AnimationsDemo.native.js +86 -84
- package/dist/cjs/AnimationsDemo.native.js.map +6 -1
- package/dist/cjs/AnimationsEnterDemo.cjs +1 -1
- package/dist/cjs/AnimationsEnterDemo.js +1 -1
- package/dist/cjs/AnimationsEnterDemo.js.map +1 -1
- package/dist/cjs/AnimationsEnterDemo.native.js +51 -58
- package/dist/cjs/AnimationsEnterDemo.native.js.map +6 -1
- package/dist/cjs/AnimationsHoverDemo.native.js +17 -22
- package/dist/cjs/AnimationsHoverDemo.native.js.map +6 -1
- package/dist/cjs/AnimationsPresenceDemo.cjs +4 -4
- package/dist/cjs/AnimationsPresenceDemo.js +1 -1
- package/dist/cjs/AnimationsPresenceDemo.js.map +1 -1
- package/dist/cjs/AnimationsPresenceDemo.native.js +104 -107
- package/dist/cjs/AnimationsPresenceDemo.native.js.map +6 -1
- package/dist/cjs/AnimationsTimingDemo.native.js +17 -22
- package/dist/cjs/AnimationsTimingDemo.native.js.map +6 -1
- package/dist/cjs/AvatarDemo.native.js +45 -41
- package/dist/cjs/AvatarDemo.native.js.map +6 -1
- package/dist/cjs/BuildAButtonDemo.native.js +113 -100
- package/dist/cjs/BuildAButtonDemo.native.js.map +6 -1
- package/dist/cjs/ButtonDemo.native.js +79 -69
- package/dist/cjs/ButtonDemo.native.js.map +6 -1
- package/dist/cjs/CardDemo.native.js +74 -64
- package/dist/cjs/CardDemo.native.js.map +6 -1
- package/dist/cjs/CheckboxDemo.native.js +47 -49
- package/dist/cjs/CheckboxDemo.native.js.map +6 -1
- package/dist/cjs/CheckboxHeadlessDemo.cjs +1 -1
- package/dist/cjs/CheckboxHeadlessDemo.js +1 -1
- package/dist/cjs/CheckboxHeadlessDemo.js.map +1 -1
- package/dist/cjs/CheckboxHeadlessDemo.native.js +47 -53
- package/dist/cjs/CheckboxHeadlessDemo.native.js.map +6 -1
- package/dist/cjs/CheckboxUnstyledDemo.native.js +51 -57
- package/dist/cjs/CheckboxUnstyledDemo.native.js.map +6 -1
- package/dist/cjs/ColorsDemo.native.js +116 -101
- package/dist/cjs/ColorsDemo.native.js.map +6 -1
- package/dist/cjs/DialogDemo.native.js +201 -167
- package/dist/cjs/DialogDemo.native.js.map +6 -1
- package/dist/cjs/FormsDemo.cjs +1 -1
- package/dist/cjs/FormsDemo.js +1 -1
- package/dist/cjs/FormsDemo.js.map +1 -1
- package/dist/cjs/FormsDemo.native.js +39 -42
- package/dist/cjs/FormsDemo.native.js.map +6 -1
- package/dist/cjs/Grid.cjs +1 -1
- package/dist/cjs/Grid.js +1 -1
- package/dist/cjs/Grid.js.map +1 -1
- package/dist/cjs/Grid.native.js +36 -48
- package/dist/cjs/Grid.native.js.map +6 -1
- package/dist/cjs/GroupDemo.native.js +83 -73
- package/dist/cjs/GroupDemo.native.js.map +6 -1
- package/dist/cjs/HeadingsDemo.native.js +36 -34
- package/dist/cjs/HeadingsDemo.native.js.map +6 -1
- package/dist/cjs/ImageDemo.native.js +16 -20
- package/dist/cjs/ImageDemo.native.js.map +6 -1
- package/dist/cjs/InputsDemo.native.js +42 -38
- package/dist/cjs/InputsDemo.native.js.map +6 -1
- package/dist/cjs/LabelDemo.native.js +51 -46
- package/dist/cjs/LabelDemo.native.js.map +6 -1
- package/dist/cjs/LinearGradientDemo.native.js +54 -38
- package/dist/cjs/LinearGradientDemo.native.js.map +6 -1
- package/dist/cjs/ListItemDemo.native.js +74 -68
- package/dist/cjs/ListItemDemo.native.js.map +6 -1
- package/dist/cjs/LucideIconsDemo.cjs +2 -2
- package/dist/cjs/LucideIconsDemo.js +1 -1
- package/dist/cjs/LucideIconsDemo.js.map +1 -1
- package/dist/cjs/LucideIconsDemo.native.js +62 -70
- package/dist/cjs/LucideIconsDemo.native.js.map +6 -1
- package/dist/cjs/NewInputsDemo.native.js +42 -38
- package/dist/cjs/NewInputsDemo.native.js.map +6 -1
- package/dist/cjs/PopoverDemo.native.js +154 -131
- package/dist/cjs/PopoverDemo.native.js.map +6 -1
- package/dist/cjs/ProgressDemo.cjs +1 -1
- package/dist/cjs/ProgressDemo.js +1 -1
- package/dist/cjs/ProgressDemo.js.map +1 -1
- package/dist/cjs/ProgressDemo.native.js +99 -93
- package/dist/cjs/ProgressDemo.native.js.map +6 -1
- package/dist/cjs/RadioGroupDemo.native.js +49 -45
- package/dist/cjs/RadioGroupDemo.native.js.map +6 -1
- package/dist/cjs/RadioGroupHeadlessDemo.cjs +1 -1
- package/dist/cjs/RadioGroupHeadlessDemo.js +1 -1
- package/dist/cjs/RadioGroupHeadlessDemo.js.map +1 -1
- package/dist/cjs/RadioGroupHeadlessDemo.native.js +78 -102
- package/dist/cjs/RadioGroupHeadlessDemo.native.js.map +6 -1
- package/dist/cjs/RadioGroupUnstyledDemo.native.js +106 -112
- package/dist/cjs/RadioGroupUnstyledDemo.native.js.map +6 -1
- package/dist/cjs/ReplaceThemeDemo.cjs +1 -1
- package/dist/cjs/ReplaceThemeDemo.js +1 -1
- package/dist/cjs/ReplaceThemeDemo.js.map +1 -1
- package/dist/cjs/ReplaceThemeDemo.native.js +43 -50
- package/dist/cjs/ReplaceThemeDemo.native.js.map +6 -1
- package/dist/cjs/ScrollViewDemo.native.js +59 -54
- package/dist/cjs/ScrollViewDemo.native.js.map +6 -1
- package/dist/cjs/SelectDemo.cjs +1 -1
- package/dist/cjs/SelectDemo.js +1 -1
- package/dist/cjs/SelectDemo.js.map +1 -1
- package/dist/cjs/SelectDemo.native.js +279 -211
- package/dist/cjs/SelectDemo.native.js.map +6 -1
- package/dist/cjs/SeparatorDemo.native.js +53 -47
- package/dist/cjs/SeparatorDemo.native.js.map +6 -1
- package/dist/cjs/ShapesDemo.native.js +28 -29
- package/dist/cjs/ShapesDemo.native.js.map +6 -1
- package/dist/cjs/SheetDemo.cjs +1 -1
- package/dist/cjs/SheetDemo.js +1 -1
- package/dist/cjs/SheetDemo.js.map +1 -1
- package/dist/cjs/SheetDemo.native.js +202 -172
- package/dist/cjs/SheetDemo.native.js.map +6 -1
- package/dist/cjs/SliderDemo.native.js +41 -39
- package/dist/cjs/SliderDemo.native.js.map +6 -1
- package/dist/cjs/SpinnerDemo.native.js +26 -27
- package/dist/cjs/SpinnerDemo.native.js.map +6 -1
- package/dist/cjs/StacksDemo.native.js +96 -85
- package/dist/cjs/StacksDemo.native.js.map +6 -1
- package/dist/cjs/SwitchDemo.native.js +87 -74
- package/dist/cjs/SwitchDemo.native.js.map +6 -1
- package/dist/cjs/SwitchHeadlessDemo.cjs +1 -1
- package/dist/cjs/SwitchHeadlessDemo.js +1 -1
- package/dist/cjs/SwitchHeadlessDemo.js.map +1 -1
- package/dist/cjs/SwitchHeadlessDemo.native.js +77 -71
- package/dist/cjs/SwitchHeadlessDemo.native.js.map +6 -1
- package/dist/cjs/SwitchUnstyledDemo.native.js +61 -66
- package/dist/cjs/SwitchUnstyledDemo.native.js.map +6 -1
- package/dist/cjs/TabsAdvancedDemo.cjs +1 -1
- package/dist/cjs/TabsAdvancedDemo.js +1 -1
- package/dist/cjs/TabsAdvancedDemo.js.map +1 -1
- package/dist/cjs/TabsAdvancedDemo.native.js +310 -321
- package/dist/cjs/TabsAdvancedDemo.native.js.map +6 -1
- package/dist/cjs/TabsDemo.cjs +1 -1
- package/dist/cjs/TabsDemo.js +1 -1
- package/dist/cjs/TabsDemo.js.map +1 -1
- package/dist/cjs/TabsDemo.native.js +177 -165
- package/dist/cjs/TabsDemo.native.js.map +6 -1
- package/dist/cjs/TabsHeadlessDemo.native.js +102 -102
- package/dist/cjs/TabsHeadlessDemo.native.js.map +6 -1
- package/dist/cjs/TextDemo.native.js +41 -39
- package/dist/cjs/TextDemo.native.js.map +6 -1
- package/dist/cjs/ThemeBuilderDemo.native.js +181 -154
- package/dist/cjs/ThemeBuilderDemo.native.js.map +6 -1
- package/dist/cjs/ThemeInverseDemo.native.js +54 -47
- package/dist/cjs/ThemeInverseDemo.native.js.map +6 -1
- package/dist/cjs/ToastDemo.cjs +1 -1
- package/dist/cjs/ToastDemo.js +1 -1
- package/dist/cjs/ToastDemo.js.map +1 -1
- package/dist/cjs/ToastDemo.native.js +104 -100
- package/dist/cjs/ToastDemo.native.js.map +6 -1
- package/dist/cjs/ToastDuplicateDemo.cjs +1 -1
- package/dist/cjs/ToastDuplicateDemo.js +1 -1
- package/dist/cjs/ToastDuplicateDemo.js.map +1 -1
- package/dist/cjs/ToastDuplicateDemo.native.js +73 -70
- package/dist/cjs/ToastDuplicateDemo.native.js.map +6 -1
- package/dist/cjs/ToggleGroupDemo.native.js +93 -83
- package/dist/cjs/ToggleGroupDemo.native.js.map +6 -1
- package/dist/cjs/TokensDemo.cjs +1 -1
- package/dist/cjs/TokensDemo.js +1 -1
- package/dist/cjs/TokensDemo.js.map +1 -1
- package/dist/cjs/TokensDemo.native.js +112 -111
- package/dist/cjs/TokensDemo.native.js.map +6 -1
- package/dist/cjs/TooltipDemo.native.js +121 -104
- package/dist/cjs/TooltipDemo.native.js.map +6 -1
- package/dist/cjs/UpdateThemeDemo.cjs +1 -1
- package/dist/cjs/UpdateThemeDemo.js +1 -1
- package/dist/cjs/UpdateThemeDemo.js.map +1 -1
- package/dist/cjs/UpdateThemeDemo.native.js +44 -54
- package/dist/cjs/UpdateThemeDemo.native.js.map +6 -1
- package/dist/cjs/WebNativeImageDemo.native.js +16 -20
- package/dist/cjs/WebNativeImageDemo.native.js.map +6 -1
- package/dist/cjs/index.native.js +126 -70
- package/dist/cjs/index.native.js.map +6 -1
- package/dist/cjs/tamagui.config.native.js +11 -21
- package/dist/cjs/tamagui.config.native.js.map +6 -1
- package/dist/cjs/useOnIntersecting.native.js +53 -62
- package/dist/cjs/useOnIntersecting.native.js.map +6 -1
- package/dist/esm/ToastDuplicateDemo.native.js +4 -4
- package/dist/esm/ToastDuplicateDemo.native.js.map +1 -1
- package/package.json +31 -32
|
@@ -1,130 +1,147 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
|
|
3
2
|
var __defProp = Object.defineProperty;
|
|
4
3
|
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
5
4
|
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
6
5
|
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
7
6
|
var __export = (target, all) => {
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
});
|
|
18
|
-
return to;
|
|
19
|
-
};
|
|
20
|
-
var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
|
|
21
|
-
value: !0
|
|
22
|
-
}), mod);
|
|
7
|
+
for (var name in all)
|
|
8
|
+
__defProp(target, name, { get: all[name], enumerable: !0 });
|
|
9
|
+
}, __copyProps = (to, from, except, desc) => {
|
|
10
|
+
if (from && typeof from == "object" || typeof from == "function")
|
|
11
|
+
for (let key of __getOwnPropNames(from))
|
|
12
|
+
!__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
13
|
+
return to;
|
|
14
|
+
};
|
|
15
|
+
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
|
|
23
16
|
var TooltipDemo_exports = {};
|
|
24
17
|
__export(TooltipDemo_exports, {
|
|
25
18
|
TooltipDemo: () => TooltipDemo
|
|
26
19
|
});
|
|
27
20
|
module.exports = __toCommonJS(TooltipDemo_exports);
|
|
28
|
-
var import_jsx_runtime = require("react/jsx-runtime"),
|
|
29
|
-
import_lucide_icons = require("@tamagui/lucide-icons"),
|
|
30
|
-
import_tamagui = require("tamagui");
|
|
21
|
+
var import_jsx_runtime = require("react/jsx-runtime"), import_lucide_icons = require("@tamagui/lucide-icons"), import_tamagui = require("tamagui");
|
|
31
22
|
function TooltipDemo() {
|
|
32
|
-
return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.TooltipGroup, {
|
|
23
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.TooltipGroup, {
|
|
33
24
|
delay: {
|
|
34
25
|
open: 3e3,
|
|
35
26
|
close: 100
|
|
36
27
|
},
|
|
37
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
|
|
28
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
|
|
38
29
|
gap: "$2",
|
|
39
30
|
alignSelf: "center",
|
|
40
|
-
children: [
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
}),
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
31
|
+
children: [
|
|
32
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
|
|
33
|
+
gap: "$2",
|
|
34
|
+
children: [
|
|
35
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Demo, {
|
|
36
|
+
groupId: "0",
|
|
37
|
+
placement: "top-end",
|
|
38
|
+
Icon: import_lucide_icons.Circle
|
|
39
|
+
}),
|
|
40
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Demo, {
|
|
41
|
+
groupId: "1",
|
|
42
|
+
placement: "top",
|
|
43
|
+
Icon: import_lucide_icons.ChevronUp
|
|
44
|
+
}),
|
|
45
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Demo, {
|
|
46
|
+
groupId: "2",
|
|
47
|
+
placement: "top-start",
|
|
48
|
+
Icon: import_lucide_icons.Circle
|
|
49
|
+
})
|
|
50
|
+
]
|
|
51
|
+
}),
|
|
52
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
|
|
53
|
+
gap: "$2",
|
|
54
|
+
children: [
|
|
55
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Demo, {
|
|
56
|
+
groupId: "3",
|
|
57
|
+
placement: "left",
|
|
58
|
+
Icon: import_lucide_icons.ChevronLeft
|
|
59
|
+
}),
|
|
60
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
|
|
61
|
+
flex: 1
|
|
62
|
+
}),
|
|
63
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Demo, {
|
|
64
|
+
groupId: "4",
|
|
65
|
+
placement: "right",
|
|
66
|
+
Icon: import_lucide_icons.ChevronRight
|
|
67
|
+
})
|
|
68
|
+
]
|
|
69
|
+
}),
|
|
70
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
|
|
71
|
+
gap: "$2",
|
|
72
|
+
children: [
|
|
73
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Demo, {
|
|
74
|
+
groupId: "5",
|
|
75
|
+
placement: "bottom-end",
|
|
76
|
+
Icon: import_lucide_icons.Circle
|
|
77
|
+
}),
|
|
78
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Demo, {
|
|
79
|
+
groupId: "6",
|
|
80
|
+
placement: "bottom",
|
|
81
|
+
Icon: import_lucide_icons.ChevronDown
|
|
82
|
+
}),
|
|
83
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Demo, {
|
|
84
|
+
groupId: "7",
|
|
85
|
+
placement: "bottom-start",
|
|
86
|
+
Icon: import_lucide_icons.Circle
|
|
87
|
+
})
|
|
88
|
+
]
|
|
89
|
+
})
|
|
90
|
+
]
|
|
84
91
|
})
|
|
85
92
|
});
|
|
86
93
|
}
|
|
87
94
|
function Demo(param) {
|
|
88
|
-
var {
|
|
89
|
-
|
|
90
|
-
...props
|
|
91
|
-
} = param;
|
|
92
|
-
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.Tooltip, {
|
|
95
|
+
var { Icon, ...props } = param;
|
|
96
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Tooltip, {
|
|
93
97
|
...props,
|
|
94
|
-
children: [
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
98
|
+
children: [
|
|
99
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Tooltip.Trigger, {
|
|
100
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, {
|
|
101
|
+
icon: Icon,
|
|
102
|
+
circular: !0
|
|
103
|
+
})
|
|
104
|
+
}),
|
|
105
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Tooltip.Content, {
|
|
106
|
+
enterStyle: {
|
|
107
|
+
x: 0,
|
|
108
|
+
y: -5,
|
|
109
|
+
opacity: 0,
|
|
110
|
+
scale: 0.9
|
|
111
|
+
},
|
|
112
|
+
exitStyle: {
|
|
113
|
+
x: 0,
|
|
114
|
+
y: -5,
|
|
115
|
+
opacity: 0,
|
|
116
|
+
scale: 0.9
|
|
117
|
+
},
|
|
118
|
+
scale: 1,
|
|
107
119
|
x: 0,
|
|
108
|
-
y:
|
|
109
|
-
opacity:
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
120
|
+
y: 0,
|
|
121
|
+
opacity: 1,
|
|
122
|
+
py: "$2",
|
|
123
|
+
animation: [
|
|
124
|
+
"quick",
|
|
125
|
+
{
|
|
126
|
+
opacity: {
|
|
127
|
+
overshootClamping: !0
|
|
128
|
+
}
|
|
129
|
+
}
|
|
130
|
+
],
|
|
131
|
+
children: [
|
|
132
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Tooltip.Arrow, {}),
|
|
133
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Paragraph, {
|
|
134
|
+
size: "$2",
|
|
135
|
+
lineHeight: "$1",
|
|
136
|
+
children: "Hello world"
|
|
137
|
+
})
|
|
138
|
+
]
|
|
139
|
+
})
|
|
140
|
+
]
|
|
128
141
|
});
|
|
129
142
|
}
|
|
130
|
-
|
|
143
|
+
// Annotate the CommonJS export names for ESM import in node:
|
|
144
|
+
0 && (module.exports = {
|
|
145
|
+
TooltipDemo
|
|
146
|
+
});
|
|
147
|
+
//# sourceMappingURL=TooltipDemo.js.map
|
|
@@ -1 +1,6 @@
|
|
|
1
|
-
{
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../src/TooltipDemo.tsx"],
|
|
4
|
+
"mappings": "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",
|
|
5
|
+
"names": ["_jsx", "_jsxs"]
|
|
6
|
+
}
|
|
@@ -34,7 +34,7 @@ __export(UpdateThemeDemo_exports, {
|
|
|
34
34
|
UpdateThemeDemo: () => UpdateThemeDemo
|
|
35
35
|
});
|
|
36
36
|
module.exports = __toCommonJS(UpdateThemeDemo_exports);
|
|
37
|
-
var import_react = __toESM(require("react")
|
|
37
|
+
var import_react = __toESM(require("react")),
|
|
38
38
|
import_v3 = require("@tamagui/config/v3"),
|
|
39
39
|
import_theme = require("@tamagui/theme"),
|
|
40
40
|
import_tamagui = require("tamagui"),
|
|
@@ -25,7 +25,7 @@ __export(UpdateThemeDemo_exports, {
|
|
|
25
25
|
UpdateThemeDemo: () => UpdateThemeDemo
|
|
26
26
|
});
|
|
27
27
|
module.exports = __toCommonJS(UpdateThemeDemo_exports);
|
|
28
|
-
var import_react = __toESM(require("react")
|
|
28
|
+
var import_react = __toESM(require("react")), import_v3 = require("@tamagui/config/v3"), import_theme = require("@tamagui/theme"), import_tamagui = require("tamagui"), import_jsx_runtime = require("react/jsx-runtime");
|
|
29
29
|
const colors = import_v3.config.tokens.color, colorKeys = Object.keys(colors);
|
|
30
30
|
function UpdateThemeDemo() {
|
|
31
31
|
const [theme, setTheme] = import_react.default.useState(), update = (0, import_tamagui.useForceUpdate)();
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/UpdateThemeDemo.tsx"],
|
|
4
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB,
|
|
4
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB,2BAClB,YAAuB,+BACvB,eAAsC,2BAEtC,iBASO,oBAqBH;AAnBJ,MAAM,SAAS,iBAAO,OAAO,OACvB,YAAY,OAAO,KAAK,MAAM;AAE7B,SAAS,kBAAkB;AAChC,QAAM,CAAC,OAAO,QAAQ,IAAI,aAAAA,QAAM,SAAc,GACxC,aAAS,+BAAe;AAE9B,uDAA0B,MAAM;AAC9B,+BAAS;AAAA,MACP,MAAM;AAAA,MACN,WAAW;AAAA,MACX,OAAO;AAAA,QACL,OAAO;AAAA,MACT;AAAA,IACF,CAAC,GACD,SAAS,QAAQ;AAAA,EACnB,GAAG,CAAC,CAAC,GAGH,6CAAC,yBAAO,YAAW,UAAS,OAAK,IAC/B;AAAA,gDAAC,yBAAO,KAAK,MACX,sDAAC,wBAAM,MAAM,SAAS,MACpB,sDAAC,yBAAO,cAAa,MAAK,MAAM,KAAK,iBAAgB,UAAS,GAChE,GACF;AAAA,IAEA;AAAA,MAAC;AAAA;AAAA,QACC,SAAS,MAAM;AACb,gBAAM,kBAAc;AAAA,YAClB,OAAO,UAAU,KAAK,MAAM,KAAK,OAAO,IAAI,UAAU,MAAM,CAAC,CAAC;AAAA,UAChE;AACA,wCAAY;AAAA,YACV,MAAM;AAAA,YACN,OAAO;AAAA,cACL,OAAO;AAAA,YACT;AAAA,UACF,CAAC,GACD,OAAO;AAAA,QACT;AAAA,QACD;AAAA;AAAA,IAED;AAAA,KACF;AAEJ;",
|
|
5
5
|
"names": ["React"]
|
|
6
6
|
}
|
|
@@ -1,52 +1,35 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
|
|
3
2
|
var __create = Object.create;
|
|
4
3
|
var __defProp = Object.defineProperty;
|
|
5
4
|
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
6
5
|
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
7
|
-
var __getProtoOf = Object.getPrototypeOf,
|
|
8
|
-
__hasOwnProp = Object.prototype.hasOwnProperty;
|
|
6
|
+
var __getProtoOf = Object.getPrototypeOf, __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
9
7
|
var __export = (target, all) => {
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
|
|
19
|
-
});
|
|
20
|
-
return to;
|
|
21
|
-
};
|
|
8
|
+
for (var name in all)
|
|
9
|
+
__defProp(target, name, { get: all[name], enumerable: !0 });
|
|
10
|
+
}, __copyProps = (to, from, except, desc) => {
|
|
11
|
+
if (from && typeof from == "object" || typeof from == "function")
|
|
12
|
+
for (let key of __getOwnPropNames(from))
|
|
13
|
+
!__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
14
|
+
return to;
|
|
15
|
+
};
|
|
22
16
|
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
23
17
|
// If the importer is in node compatibility mode or this is not an ESM
|
|
24
18
|
// file that has been converted to a CommonJS file using a Babel-
|
|
25
19
|
// compatible transform (i.e. "__esModule" has not been set), then set
|
|
26
20
|
// "default" to the CommonJS "module.exports" for node compatibility.
|
|
27
|
-
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
}) : target, mod)),
|
|
31
|
-
__toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
|
|
32
|
-
value: !0
|
|
33
|
-
}), mod);
|
|
21
|
+
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: !0 }) : target,
|
|
22
|
+
mod
|
|
23
|
+
)), __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
|
|
34
24
|
var UpdateThemeDemo_exports = {};
|
|
35
25
|
__export(UpdateThemeDemo_exports, {
|
|
36
26
|
UpdateThemeDemo: () => UpdateThemeDemo
|
|
37
27
|
});
|
|
38
28
|
module.exports = __toCommonJS(UpdateThemeDemo_exports);
|
|
39
|
-
var import_jsx_runtime = require("react/jsx-runtime"),
|
|
40
|
-
import_react = __toESM(require("react"), 1),
|
|
41
|
-
import_v3 = require("@tamagui/config/v3"),
|
|
42
|
-
import_theme = require("@tamagui/theme"),
|
|
43
|
-
import_tamagui = require("tamagui"),
|
|
44
|
-
colors = import_v3.config.tokens.color,
|
|
45
|
-
colorKeys = Object.keys(colors);
|
|
29
|
+
var import_jsx_runtime = require("react/jsx-runtime"), import_react = __toESM(require("react")), import_v3 = require("@tamagui/config/v3"), import_theme = require("@tamagui/theme"), import_tamagui = require("tamagui"), colors = import_v3.config.tokens.color, colorKeys = Object.keys(colors);
|
|
46
30
|
function UpdateThemeDemo() {
|
|
47
|
-
var [theme, setTheme] = import_react.default.useState(),
|
|
48
|
-
|
|
49
|
-
return (0, import_tamagui.useIsomorphicLayoutEffect)(function () {
|
|
31
|
+
var [theme, setTheme] = import_react.default.useState(), update = (0, import_tamagui.useForceUpdate)();
|
|
32
|
+
return (0, import_tamagui.useIsomorphicLayoutEffect)(function() {
|
|
50
33
|
(0, import_theme.addTheme)({
|
|
51
34
|
name: "custom",
|
|
52
35
|
insertCSS: !0,
|
|
@@ -54,31 +37,38 @@ function UpdateThemeDemo() {
|
|
|
54
37
|
color: "red"
|
|
55
38
|
}
|
|
56
39
|
}), setTheme("custom");
|
|
57
|
-
}, []), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
|
|
40
|
+
}, []), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
|
|
58
41
|
alignItems: "center",
|
|
59
42
|
space: !0,
|
|
60
|
-
children: [
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
43
|
+
children: [
|
|
44
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.XStack, {
|
|
45
|
+
gap: "$5",
|
|
46
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Theme, {
|
|
47
|
+
name: theme ?? null,
|
|
48
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Square, {
|
|
49
|
+
borderRadius: "$8",
|
|
50
|
+
size: 100,
|
|
51
|
+
backgroundColor: "$color"
|
|
52
|
+
})
|
|
68
53
|
})
|
|
54
|
+
}),
|
|
55
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, {
|
|
56
|
+
onPress: function() {
|
|
57
|
+
var randomColor = (0, import_tamagui.getVariableValue)(colors[colorKeys[Math.floor(Math.random() * colorKeys.length)]]);
|
|
58
|
+
(0, import_theme.updateTheme)({
|
|
59
|
+
name: "custom",
|
|
60
|
+
theme: {
|
|
61
|
+
color: randomColor
|
|
62
|
+
}
|
|
63
|
+
}), update();
|
|
64
|
+
},
|
|
65
|
+
children: "Set to random color"
|
|
69
66
|
})
|
|
70
|
-
|
|
71
|
-
onPress: function () {
|
|
72
|
-
var randomColor = (0, import_tamagui.getVariableValue)(colors[colorKeys[Math.floor(Math.random() * colorKeys.length)]]);
|
|
73
|
-
(0, import_theme.updateTheme)({
|
|
74
|
-
name: "custom",
|
|
75
|
-
theme: {
|
|
76
|
-
color: randomColor
|
|
77
|
-
}
|
|
78
|
-
}), update();
|
|
79
|
-
},
|
|
80
|
-
children: "Set to random color"
|
|
81
|
-
})]
|
|
67
|
+
]
|
|
82
68
|
});
|
|
83
69
|
}
|
|
84
|
-
|
|
70
|
+
// Annotate the CommonJS export names for ESM import in node:
|
|
71
|
+
0 && (module.exports = {
|
|
72
|
+
UpdateThemeDemo
|
|
73
|
+
});
|
|
74
|
+
//# sourceMappingURL=UpdateThemeDemo.js.map
|
|
@@ -1 +1,6 @@
|
|
|
1
|
-
{
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../src/UpdateThemeDemo.tsx"],
|
|
4
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,yBAA2C,8BAC3C,eAAkB,2BAClB,YAAuB,+BACvB,eAAsC,2BACtC,iBAAmH,oBAC/G,SAAS,iBAAO,OAAO,OACvB,YAAY,OAAO,KAAK,MAAM;AAC3B,SAAS,kBAAkB;AAC9B,MAAI,CAAC,OAAO,QAAQ,IAAI,aAAAA,QAAM,SAAS,GACnC,aAAS,+BAAe;AAC5B,uDAA0B,WAAW;AACjC,+BAAS;AAAA,MACL,MAAM;AAAA,MACN,WAAW;AAAA,MACX,OAAO;AAAA,QACH,OAAO;AAAA,MACX;AAAA,IACJ,CAAC,GACD,SAAS,QAAQ;AAAA,EACrB,GAAG,CAAC,CAAC,GACgB,uCAAAC,MAAM,uBAAQ;AAAA,IAC/B,YAAY;AAAA,IACZ,OAAO;AAAA,IACP,UAAU;AAAA,MACQ,uCAAAC,KAAK,uBAAQ;AAAA,QACvB,KAAK;AAAA,QACL,UAAwB,uCAAAA,KAAK,sBAAO;AAAA,UAChC,MAAM,SAA6C;AAAA,UACnD,UAAwB,uCAAAA,KAAK,uBAAQ;AAAA,YACjC,cAAc;AAAA,YACd,MAAM;AAAA,YACN,iBAAiB;AAAA,UACrB,CAAC;AAAA,QACL,CAAC;AAAA,MACL,CAAC;AAAA,MACa,uCAAAA,KAAK,uBAAQ;AAAA,QACvB,SAAS,WAAW;AAChB,cAAI,kBAAc,iCAAiB,OAAO,UAAU,KAAK,MAAM,KAAK,OAAO,IAAI,UAAU,MAAM,CAAC,CAAC,CAAC;AAClG,wCAAY;AAAA,YACR,MAAM;AAAA,YACN,OAAO;AAAA,cACH,OAAO;AAAA,YACX;AAAA,UACJ,CAAC,GACD,OAAO;AAAA,QACX;AAAA,QACA,UAAU;AAAA,MACd,CAAC;AAAA,IACL;AAAA,EACJ,CAAC;AACL;",
|
|
5
|
+
"names": ["React", "_jsxs", "_jsx"]
|
|
6
|
+
}
|
|
@@ -1,37 +1,33 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
|
|
3
2
|
var __defProp = Object.defineProperty;
|
|
4
3
|
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
5
4
|
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
6
5
|
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
7
6
|
var __export = (target, all) => {
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
});
|
|
18
|
-
return to;
|
|
19
|
-
};
|
|
20
|
-
var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
|
|
21
|
-
value: !0
|
|
22
|
-
}), mod);
|
|
7
|
+
for (var name in all)
|
|
8
|
+
__defProp(target, name, { get: all[name], enumerable: !0 });
|
|
9
|
+
}, __copyProps = (to, from, except, desc) => {
|
|
10
|
+
if (from && typeof from == "object" || typeof from == "function")
|
|
11
|
+
for (let key of __getOwnPropNames(from))
|
|
12
|
+
!__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
13
|
+
return to;
|
|
14
|
+
};
|
|
15
|
+
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
|
|
23
16
|
var WebNativeImageDemo_exports = {};
|
|
24
17
|
__export(WebNativeImageDemo_exports, {
|
|
25
18
|
WebNativeImageDemo: () => WebNativeImageDemo
|
|
26
19
|
});
|
|
27
20
|
module.exports = __toCommonJS(WebNativeImageDemo_exports);
|
|
28
|
-
var import_jsx_runtime = require("react/jsx-runtime"),
|
|
29
|
-
import_image_next = require("@tamagui/image-next");
|
|
21
|
+
var import_jsx_runtime = require("react/jsx-runtime"), import_image_next = require("@tamagui/image-next");
|
|
30
22
|
function WebNativeImageDemo() {
|
|
31
|
-
return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_image_next.Image, {
|
|
23
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_image_next.Image, {
|
|
32
24
|
src: "https://picsum.photos/200/300",
|
|
33
25
|
width: 200,
|
|
34
26
|
height: 300
|
|
35
27
|
});
|
|
36
28
|
}
|
|
37
|
-
|
|
29
|
+
// Annotate the CommonJS export names for ESM import in node:
|
|
30
|
+
0 && (module.exports = {
|
|
31
|
+
WebNativeImageDemo
|
|
32
|
+
});
|
|
33
|
+
//# sourceMappingURL=WebNativeImageDemo.js.map
|
|
@@ -1 +1,6 @@
|
|
|
1
|
-
{
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../src/WebNativeImageDemo.tsx"],
|
|
4
|
+
"mappings": ";;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,yBAA4B,8BAC5B,oBAAsB;AACf,SAAS,qBAAqB;AACjC,SAAqB,uCAAAA,KAAK,yBAAO;AAAA,IAC7B,KAAK;AAAA,IACL,OAAO;AAAA,IACP,QAAQ;AAAA,EACZ,CAAC;AACL;",
|
|
5
|
+
"names": ["_jsx"]
|
|
6
|
+
}
|