@tamagui/demos 1.88.21 → 1.88.23
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/esm/AccordionDemo.native.js +16 -35
- package/dist/esm/AccordionDemo.native.js.map +1 -1
- package/dist/esm/AddThemeDemo.native.js +13 -31
- package/dist/esm/AddThemeDemo.native.js.map +1 -1
- package/dist/esm/AlertDialogDemo.native.js +17 -37
- package/dist/esm/AlertDialogDemo.native.js.map +1 -1
- package/dist/esm/AnimationsDemo.native.js +15 -34
- package/dist/esm/AnimationsDemo.native.js.map +1 -1
- package/dist/esm/AnimationsEnterDemo.native.js +14 -31
- package/dist/esm/AnimationsEnterDemo.native.js.map +1 -1
- package/dist/esm/AnimationsHoverDemo.native.js +8 -27
- package/dist/esm/AnimationsHoverDemo.native.js.map +1 -1
- package/dist/esm/AnimationsPresenceDemo.native.js +21 -44
- package/dist/esm/AnimationsPresenceDemo.native.js.map +2 -2
- package/dist/esm/AnimationsTimingDemo.native.js +8 -27
- package/dist/esm/AnimationsTimingDemo.native.js.map +1 -1
- package/dist/esm/AvatarDemo.native.js +13 -33
- package/dist/esm/AvatarDemo.native.js.map +1 -1
- package/dist/esm/BuildAButtonDemo.native.js +24 -43
- package/dist/esm/BuildAButtonDemo.native.js.map +1 -1
- package/dist/esm/ButtonDemo.native.js +17 -36
- package/dist/esm/ButtonDemo.native.js.map +1 -1
- package/dist/esm/CardDemo.native.js +16 -37
- package/dist/esm/CardDemo.native.js.map +1 -1
- package/dist/esm/CheckboxDemo.native.js +12 -32
- package/dist/esm/CheckboxDemo.native.js.map +2 -2
- package/dist/esm/ColorsDemo.native.js +29 -40
- package/dist/esm/ColorsDemo.native.js.map +1 -1
- package/dist/esm/DialogDemo.native.js +44 -50
- package/dist/esm/DialogDemo.native.js.map +1 -1
- package/dist/esm/FormsDemo.native.js +11 -30
- package/dist/esm/FormsDemo.native.js.map +1 -1
- package/dist/esm/Grid.native.js +11 -37
- package/dist/esm/Grid.native.js.map +2 -2
- package/dist/esm/GroupDemo.native.js +17 -36
- package/dist/esm/GroupDemo.native.js.map +1 -1
- package/dist/esm/HeadingsDemo.native.js +11 -31
- package/dist/esm/HeadingsDemo.native.js.map +1 -1
- package/dist/esm/ImageDemo.native.js +6 -26
- package/dist/esm/ImageDemo.native.js.map +1 -1
- package/dist/esm/InputsDemo.native.js +13 -33
- package/dist/esm/InputsDemo.native.js.map +1 -1
- package/dist/esm/LabelDemo.native.js +11 -31
- package/dist/esm/LabelDemo.native.js.map +1 -1
- package/dist/esm/LinearGradientDemo.native.js +10 -29
- package/dist/esm/LinearGradientDemo.native.js.map +1 -1
- package/dist/esm/ListItemDemo.native.js +22 -41
- package/dist/esm/ListItemDemo.native.js.map +1 -1
- package/dist/esm/LucideIconsDemo.native.js +18 -42
- package/dist/esm/LucideIconsDemo.native.js.map +1 -1
- package/dist/esm/PopoverDemo.native.js +25 -45
- package/dist/esm/PopoverDemo.native.js.map +1 -1
- package/dist/esm/ProgressDemo.native.js +18 -37
- package/dist/esm/ProgressDemo.native.js.map +1 -1
- package/dist/esm/RadioGroupDemo.native.js +11 -32
- package/dist/esm/RadioGroupDemo.native.js.map +1 -1
- package/dist/esm/ReplaceThemeDemo.native.js +22 -32
- package/dist/esm/ReplaceThemeDemo.native.js.map +1 -1
- package/dist/esm/ScrollViewDemo.native.js +15 -35
- package/dist/esm/ScrollViewDemo.native.js.map +1 -1
- package/dist/esm/SelectDemo.native.js +47 -65
- package/dist/esm/SelectDemo.native.js.map +1 -1
- package/dist/esm/SeparatorDemo.native.js +14 -34
- package/dist/esm/SeparatorDemo.native.js.map +1 -1
- package/dist/esm/ShapesDemo.native.js +7 -27
- package/dist/esm/ShapesDemo.native.js.map +1 -1
- package/dist/esm/SheetDemo.native.js +39 -56
- package/dist/esm/SheetDemo.native.js.map +1 -1
- package/dist/esm/SliderDemo.native.js +10 -30
- package/dist/esm/SliderDemo.native.js.map +1 -1
- package/dist/esm/SpinnerDemo.native.js +7 -27
- package/dist/esm/SpinnerDemo.native.js.map +1 -1
- package/dist/esm/StacksDemo.native.js +22 -42
- package/dist/esm/StacksDemo.native.js.map +1 -1
- package/dist/esm/SwitchDemo.native.js +22 -43
- package/dist/esm/SwitchDemo.native.js.map +1 -1
- package/dist/esm/TabsAdvancedDemo.native.js +57 -67
- package/dist/esm/TabsAdvancedDemo.native.js.map +1 -1
- package/dist/esm/TabsDemo.native.js +58 -77
- package/dist/esm/TabsDemo.native.js.map +1 -1
- package/dist/esm/TextDemo.native.js +10 -30
- package/dist/esm/TextDemo.native.js.map +1 -1
- package/dist/esm/ThemeBuilderDemo.native.js +45 -65
- package/dist/esm/ThemeBuilderDemo.native.js.map +1 -1
- package/dist/esm/ThemeInverseDemo.native.js +15 -35
- package/dist/esm/ThemeInverseDemo.native.js.map +1 -1
- package/dist/esm/ToastDemo.native.js +30 -56
- package/dist/esm/ToastDemo.native.js.map +2 -2
- package/dist/esm/ToastDuplicateDemo.native.js +18 -43
- package/dist/esm/ToastDuplicateDemo.native.js.map +2 -2
- package/dist/esm/ToggleGroupDemo.native.js +20 -39
- package/dist/esm/ToggleGroupDemo.native.js.map +1 -1
- package/dist/esm/TokensDemo.native.js +20 -38
- package/dist/esm/TokensDemo.native.js.map +1 -1
- package/dist/esm/TooltipDemo.native.js +30 -43
- package/dist/esm/TooltipDemo.native.js.map +1 -1
- package/dist/esm/UpdateThemeDemo.native.js +25 -41
- package/dist/esm/UpdateThemeDemo.native.js.map +1 -1
- package/dist/esm/index.native.js +49 -115
- package/dist/esm/index.native.js.map +1 -1
- package/dist/esm/tamagui.config.native.js +6 -25
- package/dist/esm/tamagui.config.native.js.map +2 -2
- package/dist/esm/useOnIntersecting.native.js +8 -29
- package/dist/esm/useOnIntersecting.native.js.map +1 -1
- package/dist/jsx/AccordionDemo.native.js +16 -35
- package/dist/jsx/AccordionDemo.native.js.map +1 -1
- package/dist/jsx/AddThemeDemo.native.js +13 -31
- package/dist/jsx/AddThemeDemo.native.js.map +1 -1
- package/dist/jsx/AlertDialogDemo.native.js +17 -37
- package/dist/jsx/AlertDialogDemo.native.js.map +1 -1
- package/dist/jsx/AnimationsDemo.native.js +15 -34
- package/dist/jsx/AnimationsDemo.native.js.map +1 -1
- package/dist/jsx/AnimationsEnterDemo.native.js +14 -31
- package/dist/jsx/AnimationsEnterDemo.native.js.map +1 -1
- package/dist/jsx/AnimationsHoverDemo.native.js +8 -27
- package/dist/jsx/AnimationsHoverDemo.native.js.map +1 -1
- package/dist/jsx/AnimationsPresenceDemo.native.js +21 -44
- package/dist/jsx/AnimationsPresenceDemo.native.js.map +2 -2
- package/dist/jsx/AnimationsTimingDemo.native.js +8 -27
- package/dist/jsx/AnimationsTimingDemo.native.js.map +1 -1
- package/dist/jsx/AvatarDemo.native.js +13 -33
- package/dist/jsx/AvatarDemo.native.js.map +1 -1
- package/dist/jsx/BuildAButtonDemo.native.js +24 -43
- package/dist/jsx/BuildAButtonDemo.native.js.map +1 -1
- package/dist/jsx/ButtonDemo.native.js +17 -36
- package/dist/jsx/ButtonDemo.native.js.map +1 -1
- package/dist/jsx/CardDemo.native.js +16 -37
- package/dist/jsx/CardDemo.native.js.map +1 -1
- package/dist/jsx/CheckboxDemo.native.js +12 -32
- package/dist/jsx/CheckboxDemo.native.js.map +2 -2
- package/dist/jsx/ColorsDemo.native.js +29 -40
- package/dist/jsx/ColorsDemo.native.js.map +1 -1
- package/dist/jsx/DialogDemo.native.js +44 -50
- package/dist/jsx/DialogDemo.native.js.map +1 -1
- package/dist/jsx/FormsDemo.native.js +11 -30
- package/dist/jsx/FormsDemo.native.js.map +1 -1
- package/dist/jsx/Grid.native.js +11 -37
- package/dist/jsx/Grid.native.js.map +2 -2
- package/dist/jsx/GroupDemo.native.js +17 -36
- package/dist/jsx/GroupDemo.native.js.map +1 -1
- package/dist/jsx/HeadingsDemo.native.js +11 -31
- package/dist/jsx/HeadingsDemo.native.js.map +1 -1
- package/dist/jsx/ImageDemo.native.js +6 -26
- package/dist/jsx/ImageDemo.native.js.map +1 -1
- package/dist/jsx/InputsDemo.native.js +13 -33
- package/dist/jsx/InputsDemo.native.js.map +1 -1
- package/dist/jsx/LabelDemo.native.js +11 -31
- package/dist/jsx/LabelDemo.native.js.map +1 -1
- package/dist/jsx/LinearGradientDemo.native.js +10 -29
- package/dist/jsx/LinearGradientDemo.native.js.map +1 -1
- package/dist/jsx/ListItemDemo.native.js +22 -41
- package/dist/jsx/ListItemDemo.native.js.map +1 -1
- package/dist/jsx/LucideIconsDemo.native.js +18 -42
- package/dist/jsx/LucideIconsDemo.native.js.map +1 -1
- package/dist/jsx/PopoverDemo.native.js +25 -45
- package/dist/jsx/PopoverDemo.native.js.map +1 -1
- package/dist/jsx/ProgressDemo.native.js +18 -37
- package/dist/jsx/ProgressDemo.native.js.map +1 -1
- package/dist/jsx/RadioGroupDemo.native.js +11 -32
- package/dist/jsx/RadioGroupDemo.native.js.map +1 -1
- package/dist/jsx/ReplaceThemeDemo.native.js +22 -32
- package/dist/jsx/ReplaceThemeDemo.native.js.map +1 -1
- package/dist/jsx/ScrollViewDemo.native.js +15 -35
- package/dist/jsx/ScrollViewDemo.native.js.map +1 -1
- package/dist/jsx/SelectDemo.native.js +47 -65
- package/dist/jsx/SelectDemo.native.js.map +1 -1
- package/dist/jsx/SeparatorDemo.native.js +14 -34
- package/dist/jsx/SeparatorDemo.native.js.map +1 -1
- package/dist/jsx/ShapesDemo.native.js +7 -27
- package/dist/jsx/ShapesDemo.native.js.map +1 -1
- package/dist/jsx/SheetDemo.native.js +39 -56
- package/dist/jsx/SheetDemo.native.js.map +1 -1
- package/dist/jsx/SliderDemo.native.js +10 -30
- package/dist/jsx/SliderDemo.native.js.map +1 -1
- package/dist/jsx/SpinnerDemo.native.js +7 -27
- package/dist/jsx/SpinnerDemo.native.js.map +1 -1
- package/dist/jsx/StacksDemo.native.js +22 -42
- package/dist/jsx/StacksDemo.native.js.map +1 -1
- package/dist/jsx/SwitchDemo.native.js +22 -43
- package/dist/jsx/SwitchDemo.native.js.map +1 -1
- package/dist/jsx/TabsAdvancedDemo.native.js +57 -67
- package/dist/jsx/TabsAdvancedDemo.native.js.map +1 -1
- package/dist/jsx/TabsDemo.native.js +58 -77
- package/dist/jsx/TabsDemo.native.js.map +1 -1
- package/dist/jsx/TextDemo.native.js +10 -30
- package/dist/jsx/TextDemo.native.js.map +1 -1
- package/dist/jsx/ThemeBuilderDemo.native.js +45 -65
- package/dist/jsx/ThemeBuilderDemo.native.js.map +1 -1
- package/dist/jsx/ThemeInverseDemo.native.js +15 -35
- package/dist/jsx/ThemeInverseDemo.native.js.map +1 -1
- package/dist/jsx/ToastDemo.native.js +30 -56
- package/dist/jsx/ToastDemo.native.js.map +2 -2
- package/dist/jsx/ToastDuplicateDemo.native.js +18 -43
- package/dist/jsx/ToastDuplicateDemo.native.js.map +2 -2
- package/dist/jsx/ToggleGroupDemo.native.js +20 -39
- package/dist/jsx/ToggleGroupDemo.native.js.map +1 -1
- package/dist/jsx/TokensDemo.native.js +20 -38
- package/dist/jsx/TokensDemo.native.js.map +1 -1
- package/dist/jsx/TooltipDemo.native.js +30 -43
- package/dist/jsx/TooltipDemo.native.js.map +1 -1
- package/dist/jsx/UpdateThemeDemo.native.js +25 -41
- package/dist/jsx/UpdateThemeDemo.native.js.map +1 -1
- package/dist/jsx/index.native.js +49 -115
- package/dist/jsx/index.native.js.map +1 -1
- package/dist/jsx/tamagui.config.native.js +6 -25
- package/dist/jsx/tamagui.config.native.js.map +2 -2
- package/dist/jsx/useOnIntersecting.native.js +8 -29
- package/dist/jsx/useOnIntersecting.native.js.map +1 -1
- package/package.json +18 -18
|
@@ -1,27 +1,9 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
6
|
-
var __export = (target, all) => {
|
|
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);
|
|
16
|
-
var AnimationsTimingDemo_exports = {};
|
|
17
|
-
__export(AnimationsTimingDemo_exports, {
|
|
18
|
-
AnimationsTimingDemo: () => AnimationsTimingDemo
|
|
19
|
-
});
|
|
20
|
-
module.exports = __toCommonJS(AnimationsTimingDemo_exports);
|
|
21
|
-
var import_logo = require("@tamagui/logo"), import_tamagui = require("tamagui"), import_jsx_runtime = require("react/jsx-runtime");
|
|
1
|
+
import { LogoIcon } from "@tamagui/logo";
|
|
2
|
+
import { Square } from "tamagui";
|
|
3
|
+
import { jsx } from "react/jsx-runtime";
|
|
22
4
|
function AnimationsTimingDemo() {
|
|
23
|
-
return /* @__PURE__ */
|
|
24
|
-
|
|
5
|
+
return /* @__PURE__ */ jsx(
|
|
6
|
+
Square,
|
|
25
7
|
{
|
|
26
8
|
backgroundColor: "$pink10",
|
|
27
9
|
animation: "100ms",
|
|
@@ -34,12 +16,11 @@ function AnimationsTimingDemo() {
|
|
|
34
16
|
pressStyle: {
|
|
35
17
|
scale: 0.9
|
|
36
18
|
},
|
|
37
|
-
children: /* @__PURE__ */
|
|
19
|
+
children: /* @__PURE__ */ jsx(LogoIcon, { downscale: 0.75 })
|
|
38
20
|
}
|
|
39
21
|
);
|
|
40
22
|
}
|
|
41
|
-
|
|
42
|
-
0 && (module.exports = {
|
|
23
|
+
export {
|
|
43
24
|
AnimationsTimingDemo
|
|
44
|
-
}
|
|
25
|
+
};
|
|
45
26
|
//# sourceMappingURL=AnimationsTimingDemo.js.map
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/AnimationsTimingDemo.tsx"],
|
|
4
|
-
"mappings": "
|
|
4
|
+
"mappings": "AAAA,SAAS,gBAAgB;AACzB,SAAS,cAAc;AAiBjB;AAfC,SAAS,uBAAuB;AACrC,SACE;AAAA,IAAC;AAAA;AAAA,MACC,iBAAgB;AAAA,MAChB,WAAU;AAAA,MACV,WAAU;AAAA,MACV,MAAM;AAAA,MACN,cAAa;AAAA,MACb,YAAY;AAAA,QACV,OAAO;AAAA,MACT;AAAA,MACA,YAAY;AAAA,QACV,OAAO;AAAA,MACT;AAAA,MAEA,8BAAC,YAAS,WAAW,MAAM;AAAA;AAAA,EAC7B;AAEJ;",
|
|
5
5
|
"names": []
|
|
6
6
|
}
|
|
@@ -1,50 +1,30 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
6
|
-
var __export = (target, all) => {
|
|
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);
|
|
16
|
-
var AvatarDemo_exports = {};
|
|
17
|
-
__export(AvatarDemo_exports, {
|
|
18
|
-
AvatarDemo: () => AvatarDemo
|
|
19
|
-
});
|
|
20
|
-
module.exports = __toCommonJS(AvatarDemo_exports);
|
|
21
|
-
var import_tamagui = require("tamagui"), import_jsx_runtime = require("react/jsx-runtime");
|
|
1
|
+
import { Avatar, XStack } from "tamagui";
|
|
2
|
+
import { jsx, jsxs } from "react/jsx-runtime";
|
|
22
3
|
function AvatarDemo() {
|
|
23
|
-
return /* @__PURE__ */
|
|
24
|
-
/* @__PURE__ */
|
|
25
|
-
/* @__PURE__ */
|
|
26
|
-
|
|
4
|
+
return /* @__PURE__ */ jsxs(XStack, { alignItems: "center", space: "$6", children: [
|
|
5
|
+
/* @__PURE__ */ jsxs(Avatar, { circular: !0, size: "$10", children: [
|
|
6
|
+
/* @__PURE__ */ jsx(
|
|
7
|
+
Avatar.Image,
|
|
27
8
|
{
|
|
28
9
|
accessibilityLabel: "Cam",
|
|
29
10
|
src: "https://images.unsplash.com/photo-1548142813-c348350df52b?&w=150&h=150&dpr=2&q=80"
|
|
30
11
|
}
|
|
31
12
|
),
|
|
32
|
-
/* @__PURE__ */
|
|
13
|
+
/* @__PURE__ */ jsx(Avatar.Fallback, { backgroundColor: "$blue10" })
|
|
33
14
|
] }),
|
|
34
|
-
/* @__PURE__ */
|
|
35
|
-
/* @__PURE__ */
|
|
36
|
-
|
|
15
|
+
/* @__PURE__ */ jsxs(Avatar, { circular: !0, size: "$8", children: [
|
|
16
|
+
/* @__PURE__ */ jsx(
|
|
17
|
+
Avatar.Image,
|
|
37
18
|
{
|
|
38
19
|
accessibilityLabel: "Nate Wienert",
|
|
39
20
|
src: "https://images.unsplash.com/photo-1531384441138-2736e62e0919?&w=100&h=100&dpr=2&q=80"
|
|
40
21
|
}
|
|
41
22
|
),
|
|
42
|
-
/* @__PURE__ */
|
|
23
|
+
/* @__PURE__ */ jsx(Avatar.Fallback, { delayMs: 600, backgroundColor: "$blue10" })
|
|
43
24
|
] })
|
|
44
25
|
] });
|
|
45
26
|
}
|
|
46
|
-
|
|
47
|
-
0 && (module.exports = {
|
|
27
|
+
export {
|
|
48
28
|
AvatarDemo
|
|
49
|
-
}
|
|
29
|
+
};
|
|
50
30
|
//# sourceMappingURL=AvatarDemo.js.map
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/AvatarDemo.tsx"],
|
|
4
|
-
"mappings": "
|
|
4
|
+
"mappings": "AACA,SAAS,QAAQ,cAAc;AAKzB,SACE,KADF;AAHC,SAAS,aAAa;AAC3B,SACE,qBAAC,UAAO,YAAW,UAAS,OAAM,MAChC;AAAA,yBAAC,UAAO,UAAQ,IAAC,MAAK,OACpB;AAAA;AAAA,QAAC,OAAO;AAAA,QAAP;AAAA,UACC,oBAAmB;AAAA,UACnB,KAAI;AAAA;AAAA,MACN;AAAA,MACA,oBAAC,OAAO,UAAP,EAAgB,iBAAgB,WAAU;AAAA,OAC7C;AAAA,IAEA,qBAAC,UAAO,UAAQ,IAAC,MAAK,MACpB;AAAA;AAAA,QAAC,OAAO;AAAA,QAAP;AAAA,UACC,oBAAmB;AAAA,UACnB,KAAI;AAAA;AAAA,MACN;AAAA,MACA,oBAAC,OAAO,UAAP,EAAgB,SAAS,KAAK,iBAAgB,WAAU;AAAA,OAC3D;AAAA,KACF;AAEJ;",
|
|
5
5
|
"names": []
|
|
6
6
|
}
|
|
@@ -1,24 +1,6 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
6
|
-
var __export = (target, all) => {
|
|
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);
|
|
16
|
-
var BuildAButtonDemo_exports = {};
|
|
17
|
-
__export(BuildAButtonDemo_exports, {
|
|
18
|
-
BuildAButtonDemo: () => BuildAButtonDemo
|
|
19
|
-
});
|
|
20
|
-
module.exports = __toCommonJS(BuildAButtonDemo_exports);
|
|
21
|
-
var import_lucide_icons = require("@tamagui/lucide-icons"), import_tamagui = require("tamagui"), import_jsx_runtime = require("react/jsx-runtime");
|
|
1
|
+
import { Drumstick, Hand } from "@tamagui/lucide-icons";
|
|
2
|
+
import { Button, XStack, YStack } from "tamagui";
|
|
3
|
+
import { jsx, jsxs } from "react/jsx-runtime";
|
|
22
4
|
const outlined = {
|
|
23
5
|
backgroundColor: "transparent",
|
|
24
6
|
borderWidth: 2,
|
|
@@ -30,33 +12,32 @@ const outlined = {
|
|
|
30
12
|
}
|
|
31
13
|
};
|
|
32
14
|
function BuildAButtonDemo() {
|
|
33
|
-
return /* @__PURE__ */
|
|
34
|
-
/* @__PURE__ */
|
|
35
|
-
/* @__PURE__ */
|
|
36
|
-
/* @__PURE__ */
|
|
37
|
-
/* @__PURE__ */
|
|
38
|
-
/* @__PURE__ */
|
|
39
|
-
/* @__PURE__ */
|
|
40
|
-
/* @__PURE__ */
|
|
41
|
-
/* @__PURE__ */
|
|
42
|
-
/* @__PURE__ */
|
|
15
|
+
return /* @__PURE__ */ jsx(YStack, { fullscreen: !0, ov: "hidden", children: /* @__PURE__ */ jsxs(XStack, { mah: 200, y: -100, x: -40, rotate: "-10deg", children: [
|
|
16
|
+
/* @__PURE__ */ jsx(ButtonCol, { y: 35, size: "$2", ...outlined, subTheme: "alt1", borderWidth: 1 }),
|
|
17
|
+
/* @__PURE__ */ jsx(ButtonCol, { y: 30 }),
|
|
18
|
+
/* @__PURE__ */ jsx(ButtonCol, { y: -50, ...outlined }),
|
|
19
|
+
/* @__PURE__ */ jsx(ButtonCol, { ...outlined, icon: /* @__PURE__ */ jsx(Hand, {}) }),
|
|
20
|
+
/* @__PURE__ */ jsx(ButtonCol, { size: "$6", subTheme: "alt2" }),
|
|
21
|
+
/* @__PURE__ */ jsx(ButtonCol, { size: "$6", subTheme: "alt2", ...outlined }),
|
|
22
|
+
/* @__PURE__ */ jsx(ButtonCol, { size: "$8", subTheme: "alt2", iconAfter: /* @__PURE__ */ jsx(Drumstick, {}), ...outlined }),
|
|
23
|
+
/* @__PURE__ */ jsx(ButtonCol, { size: "$10", subTheme: "alt1" }),
|
|
24
|
+
/* @__PURE__ */ jsx(ButtonCol, { size: "$8", subTheme: "alt2", ...outlined, borderRadius: 0 })
|
|
43
25
|
] }) });
|
|
44
26
|
}
|
|
45
27
|
function ButtonCol(props) {
|
|
46
28
|
const subTheme = props.subTheme ? `_${props.subTheme}` : "";
|
|
47
|
-
return /* @__PURE__ */
|
|
48
|
-
/* @__PURE__ */
|
|
49
|
-
/* @__PURE__ */
|
|
50
|
-
/* @__PURE__ */
|
|
51
|
-
/* @__PURE__ */
|
|
52
|
-
/* @__PURE__ */
|
|
53
|
-
/* @__PURE__ */
|
|
54
|
-
/* @__PURE__ */
|
|
55
|
-
/* @__PURE__ */
|
|
29
|
+
return /* @__PURE__ */ jsxs(YStack, { padding: "$2", space: "$3", children: [
|
|
30
|
+
/* @__PURE__ */ jsx(Button, { theme: props.subTheme, ...props, children: "Hello" }),
|
|
31
|
+
/* @__PURE__ */ jsx(Button, { theme: "orange" + subTheme, ...props, children: "Hello" }),
|
|
32
|
+
/* @__PURE__ */ jsx(Button, { theme: "yellow" + subTheme, ...props, children: "Hello" }),
|
|
33
|
+
/* @__PURE__ */ jsx(Button, { theme: "green" + subTheme, ...props, children: "Hello" }),
|
|
34
|
+
/* @__PURE__ */ jsx(Button, { theme: "blue" + subTheme, ...props, children: "Hello" }),
|
|
35
|
+
/* @__PURE__ */ jsx(Button, { theme: "purple" + subTheme, ...props, children: "Hello" }),
|
|
36
|
+
/* @__PURE__ */ jsx(Button, { theme: "pink" + subTheme, ...props, children: "Hello" }),
|
|
37
|
+
/* @__PURE__ */ jsx(Button, { theme: "red" + subTheme, ...props, children: "Hello" })
|
|
56
38
|
] });
|
|
57
39
|
}
|
|
58
|
-
|
|
59
|
-
0 && (module.exports = {
|
|
40
|
+
export {
|
|
60
41
|
BuildAButtonDemo
|
|
61
|
-
}
|
|
42
|
+
};
|
|
62
43
|
//# sourceMappingURL=BuildAButtonDemo.js.map
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/BuildAButtonDemo.tsx"],
|
|
4
|
-
"mappings": "
|
|
4
|
+
"mappings": "AAAA,SAAS,WAAW,YAAY;AAEhC,SAAS,QAAQ,QAAQ,cAAc;AAiBjC,SACE,KADF;AAfN,MAAM,WAAW;AAAA,EACf,iBAAiB;AAAA,EACjB,aAAa;AAAA,EACb,aAAa;AAAA,EACb,cAAc;AAAA,EAEd,YAAY;AAAA,IACV,iBAAiB;AAAA,IACjB,aAAa;AAAA,EACf;AACF;AAEO,SAAS,mBAAmB;AACjC,SACE,oBAAC,UAAO,YAAU,IAAC,IAAG,UACpB,+BAAC,UAAO,KAAK,KAAK,GAAG,MAAM,GAAG,KAAK,QAAO,UACxC;AAAA,wBAAC,aAAU,GAAG,IAAI,MAAK,MAAM,GAAG,UAAU,UAAS,QAAO,aAAa,GAAG;AAAA,IAC1E,oBAAC,aAAU,GAAG,IAAI;AAAA,IAClB,oBAAC,aAAU,GAAG,KAAM,GAAG,UAAU;AAAA,IACjC,oBAAC,aAAW,GAAG,UAAU,MAAM,oBAAC,QAAK,GAAI;AAAA,IACzC,oBAAC,aAAU,MAAK,MAAK,UAAS,QAAO;AAAA,IACrC,oBAAC,aAAU,MAAK,MAAK,UAAS,QAAQ,GAAG,UAAU;AAAA,IACnD,oBAAC,aAAU,MAAK,MAAK,UAAS,QAAO,WAAW,oBAAC,aAAU,GAAK,GAAG,UAAU;AAAA,IAC7E,oBAAC,aAAU,MAAK,OAAM,UAAS,QAAO;AAAA,IACtC,oBAAC,aAAU,MAAK,MAAK,UAAS,QAAQ,GAAG,UAAU,cAAc,GAAG;AAAA,KACtE,GACF;AAEJ;AAEA,SAAS,UACP,OAGA;AACA,QAAM,WAAW,MAAM,WAAW,IAAI,MAAM,QAAQ,KAAK;AACzD,SACE,qBAAC,UAAO,SAAQ,MAAK,OAAM,MACzB;AAAA,wBAAC,UAAO,OAAO,MAAM,UAAW,GAAG,OAAO,mBAE1C;AAAA,IACA,oBAAC,UAAO,OAAQ,WAAW,UAAyB,GAAG,OAAO,mBAE9D;AAAA,IACA,oBAAC,UAAO,OAAQ,WAAW,UAAyB,GAAG,OAAO,mBAE9D;AAAA,IACA,oBAAC,UAAO,OAAQ,UAAU,UAAyB,GAAG,OAAO,mBAE7D;AAAA,IACA,oBAAC,UAAO,OAAQ,SAAS,UAAyB,GAAG,OAAO,mBAE5D;AAAA,IACA,oBAAC,UAAO,OAAQ,WAAW,UAAyB,GAAG,OAAO,mBAE9D;AAAA,IACA,oBAAC,UAAO,OAAQ,SAAS,UAAyB,GAAG,OAAO,mBAE5D;AAAA,IACA,oBAAC,UAAO,OAAQ,QAAQ,UAAyB,GAAG,OAAO,mBAE3D;AAAA,KACF;AAEJ;",
|
|
5
5
|
"names": []
|
|
6
6
|
}
|
|
@@ -1,44 +1,25 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
6
|
-
var __export = (target, all) => {
|
|
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);
|
|
16
|
-
var ButtonDemo_exports = {};
|
|
17
|
-
__export(ButtonDemo_exports, {
|
|
18
|
-
ButtonDemo: () => ButtonDemo
|
|
19
|
-
});
|
|
20
|
-
module.exports = __toCommonJS(ButtonDemo_exports);
|
|
21
|
-
var import_lucide_icons = require("@tamagui/lucide-icons"), import_tamagui = require("tamagui"), import_jsx_runtime = require("react/jsx-runtime");
|
|
1
|
+
import { Activity, Airplay } from "@tamagui/lucide-icons";
|
|
2
|
+
import { Button, XGroup, XStack, YStack } from "tamagui";
|
|
3
|
+
import { jsx, jsxs } from "react/jsx-runtime";
|
|
22
4
|
function ButtonDemo(props) {
|
|
23
|
-
return /* @__PURE__ */
|
|
24
|
-
/* @__PURE__ */
|
|
25
|
-
/* @__PURE__ */
|
|
26
|
-
/* @__PURE__ */
|
|
27
|
-
/* @__PURE__ */
|
|
28
|
-
/* @__PURE__ */
|
|
5
|
+
return /* @__PURE__ */ jsxs(YStack, { padding: "$3", space: "$3", ...props, children: [
|
|
6
|
+
/* @__PURE__ */ jsx(Button, { children: "Plain" }),
|
|
7
|
+
/* @__PURE__ */ jsx(Button, { alignSelf: "center", icon: Airplay, size: "$6", children: "Large" }),
|
|
8
|
+
/* @__PURE__ */ jsxs(XStack, { space: "$2", justifyContent: "center", children: [
|
|
9
|
+
/* @__PURE__ */ jsx(Button, { size: "$3", theme: "active", children: "Active" }),
|
|
10
|
+
/* @__PURE__ */ jsx(Button, { size: "$3", variant: "outlined", children: "Outlined" })
|
|
29
11
|
] }),
|
|
30
|
-
/* @__PURE__ */
|
|
31
|
-
/* @__PURE__ */
|
|
32
|
-
/* @__PURE__ */
|
|
12
|
+
/* @__PURE__ */ jsxs(XStack, { space: "$2", children: [
|
|
13
|
+
/* @__PURE__ */ jsx(Button, { themeInverse: !0, size: "$3", children: "Inverse" }),
|
|
14
|
+
/* @__PURE__ */ jsx(Button, { iconAfter: Activity, size: "$3", children: "iconAfter" })
|
|
33
15
|
] }),
|
|
34
|
-
/* @__PURE__ */
|
|
35
|
-
/* @__PURE__ */
|
|
36
|
-
/* @__PURE__ */
|
|
16
|
+
/* @__PURE__ */ jsxs(XGroup, { children: [
|
|
17
|
+
/* @__PURE__ */ jsx(XGroup.Item, { children: /* @__PURE__ */ jsx(Button, { width: "50%", size: "$2", disabled: !0, opacity: 0.5, children: "disabled" }) }),
|
|
18
|
+
/* @__PURE__ */ jsx(XGroup.Item, { children: /* @__PURE__ */ jsx(Button, { width: "50%", size: "$2", chromeless: !0, children: "chromeless" }) })
|
|
37
19
|
] })
|
|
38
20
|
] });
|
|
39
21
|
}
|
|
40
|
-
|
|
41
|
-
0 && (module.exports = {
|
|
22
|
+
export {
|
|
42
23
|
ButtonDemo
|
|
43
|
-
}
|
|
24
|
+
};
|
|
44
25
|
//# sourceMappingURL=ButtonDemo.js.map
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/ButtonDemo.tsx"],
|
|
4
|
-
"mappings": "
|
|
4
|
+
"mappings": "AAAA,SAAS,UAAU,eAAe;AAClC,SAAS,QAAQ,QAAQ,QAAQ,cAAc;AAKzC,cAIA,YAJA;AAHC,SAAS,WAAW,OAAO;AAChC,SACE,qBAAC,UAAO,SAAQ,MAAK,OAAM,MAAM,GAAG,OAClC;AAAA,wBAAC,UAAO,mBAAK;AAAA,IACb,oBAAC,UAAO,WAAU,UAAS,MAAM,SAAS,MAAK,MAAK,mBAEpD;AAAA,IACA,qBAAC,UAAO,OAAM,MAAK,gBAAe,UAChC;AAAA,0BAAC,UAAO,MAAK,MAAK,OAAM,UAAS,oBAEjC;AAAA,MACA,oBAAC,UAAO,MAAK,MAAK,SAAQ,YAAW,sBAErC;AAAA,OACF;AAAA,IACA,qBAAC,UAAO,OAAM,MACZ;AAAA,0BAAC,UAAO,cAAY,IAAC,MAAK,MAAK,qBAE/B;AAAA,MACA,oBAAC,UAAO,WAAW,UAAU,MAAK,MAAK,uBAEvC;AAAA,OACF;AAAA,IACA,qBAAC,UACC;AAAA,0BAAC,OAAO,MAAP,EACC,8BAAC,UAAO,OAAM,OAAM,MAAK,MAAK,UAAQ,IAAC,SAAS,KAAK,sBAErD,GACF;AAAA,MAEA,oBAAC,OAAO,MAAP,EACC,8BAAC,UAAO,OAAM,OAAM,MAAK,MAAK,YAAU,IAAC,wBAEzC,GACF;AAAA,OACF;AAAA,KACF;AAEJ;",
|
|
5
5
|
"names": []
|
|
6
6
|
}
|
|
@@ -1,28 +1,8 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
6
|
-
var __export = (target, all) => {
|
|
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);
|
|
16
|
-
var CardDemo_exports = {};
|
|
17
|
-
__export(CardDemo_exports, {
|
|
18
|
-
CardDemo: () => CardDemo,
|
|
19
|
-
DemoCard: () => DemoCard
|
|
20
|
-
});
|
|
21
|
-
module.exports = __toCommonJS(CardDemo_exports);
|
|
22
|
-
var import_tamagui = require("tamagui"), import_jsx_runtime = require("react/jsx-runtime");
|
|
1
|
+
import { Button, Card, H2, Image, Paragraph, XStack } from "tamagui";
|
|
2
|
+
import { jsx, jsxs } from "react/jsx-runtime";
|
|
23
3
|
function CardDemo() {
|
|
24
|
-
return /* @__PURE__ */
|
|
25
|
-
/* @__PURE__ */
|
|
4
|
+
return /* @__PURE__ */ jsxs(XStack, { $sm: { flexDirection: "column" }, paddingHorizontal: "$4", space: !0, children: [
|
|
5
|
+
/* @__PURE__ */ jsx(
|
|
26
6
|
DemoCard,
|
|
27
7
|
{
|
|
28
8
|
animation: "bouncy",
|
|
@@ -34,21 +14,21 @@ function CardDemo() {
|
|
|
34
14
|
pressStyle: { scale: 0.875 }
|
|
35
15
|
}
|
|
36
16
|
),
|
|
37
|
-
/* @__PURE__ */
|
|
17
|
+
/* @__PURE__ */ jsx(DemoCard, { size: "$5", width: 250, height: 300 })
|
|
38
18
|
] });
|
|
39
19
|
}
|
|
40
20
|
function DemoCard(props) {
|
|
41
|
-
return /* @__PURE__ */
|
|
42
|
-
/* @__PURE__ */
|
|
43
|
-
/* @__PURE__ */
|
|
44
|
-
/* @__PURE__ */
|
|
21
|
+
return /* @__PURE__ */ jsxs(Card, { elevate: !0, size: "$4", bordered: !0, ...props, children: [
|
|
22
|
+
/* @__PURE__ */ jsxs(Card.Header, { padded: !0, children: [
|
|
23
|
+
/* @__PURE__ */ jsx(H2, { children: "Sony A7IV" }),
|
|
24
|
+
/* @__PURE__ */ jsx(Paragraph, { theme: "alt2", children: "Now available" })
|
|
45
25
|
] }),
|
|
46
|
-
/* @__PURE__ */
|
|
47
|
-
/* @__PURE__ */
|
|
48
|
-
/* @__PURE__ */
|
|
26
|
+
/* @__PURE__ */ jsxs(Card.Footer, { padded: !0, children: [
|
|
27
|
+
/* @__PURE__ */ jsx(XStack, { flex: 1 }),
|
|
28
|
+
/* @__PURE__ */ jsx(Button, { borderRadius: "$10", children: "Purchase" })
|
|
49
29
|
] }),
|
|
50
|
-
/* @__PURE__ */
|
|
51
|
-
|
|
30
|
+
/* @__PURE__ */ jsx(Card.Background, { children: /* @__PURE__ */ jsx(
|
|
31
|
+
Image,
|
|
52
32
|
{
|
|
53
33
|
resizeMode: "contain",
|
|
54
34
|
alignSelf: "center",
|
|
@@ -61,9 +41,8 @@ function DemoCard(props) {
|
|
|
61
41
|
) })
|
|
62
42
|
] });
|
|
63
43
|
}
|
|
64
|
-
|
|
65
|
-
0 && (module.exports = {
|
|
44
|
+
export {
|
|
66
45
|
CardDemo,
|
|
67
46
|
DemoCard
|
|
68
|
-
}
|
|
47
|
+
};
|
|
69
48
|
//# sourceMappingURL=CardDemo.js.map
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/CardDemo.tsx"],
|
|
4
|
-
"mappings": "
|
|
4
|
+
"mappings": "AACA,SAAS,QAAQ,MAAM,IAAI,OAAO,WAAW,cAAc;AAIvD,SACE,KADF;AAFG,SAAS,WAAW;AACzB,SACE,qBAAC,UAAO,KAAK,EAAE,eAAe,SAAS,GAAG,mBAAkB,MAAK,OAAK,IACpE;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,WAAU;AAAA,QACV,MAAK;AAAA,QACL,OAAO;AAAA,QACP,QAAQ;AAAA,QACR,OAAO;AAAA,QACP,YAAY,EAAE,OAAO,MAAM;AAAA,QAC3B,YAAY,EAAE,OAAO,MAAM;AAAA;AAAA,IAC7B;AAAA,IACA,oBAAC,YAAS,MAAK,MAAK,OAAO,KAAK,QAAQ,KAAK;AAAA,KAC/C;AAEJ;AAEO,SAAS,SAAS,OAAkB;AACzC,SACE,qBAAC,QAAK,SAAO,IAAC,MAAK,MAAK,UAAQ,IAAE,GAAG,OACnC;AAAA,yBAAC,KAAK,QAAL,EAAY,QAAM,IACjB;AAAA,0BAAC,MAAG,uBAAS;AAAA,MACb,oBAAC,aAAU,OAAM,QAAO,2BAAa;AAAA,OACvC;AAAA,IACA,qBAAC,KAAK,QAAL,EAAY,QAAM,IACjB;AAAA,0BAAC,UAAO,MAAM,GAAG;AAAA,MACjB,oBAAC,UAAO,cAAa,OAAM,sBAAQ;AAAA,OACrC;AAAA,IACA,oBAAC,KAAK,YAAL,EACC;AAAA,MAAC;AAAA;AAAA,QACC,YAAW;AAAA,QACX,WAAU;AAAA,QACV,QAAQ;AAAA,UACN,OAAO;AAAA,UACP,QAAQ;AAAA,UACR,KAAK;AAAA,QACP;AAAA;AAAA,IACF,GACF;AAAA,KACF;AAEJ;",
|
|
5
5
|
"names": []
|
|
6
6
|
}
|
|
@@ -1,30 +1,11 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
6
|
-
var __export = (target, all) => {
|
|
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);
|
|
16
|
-
var CheckboxDemo_exports = {};
|
|
17
|
-
__export(CheckboxDemo_exports, {
|
|
18
|
-
CheckboxDemo: () => CheckboxDemo,
|
|
19
|
-
CheckboxWithLabel: () => CheckboxWithLabel
|
|
20
|
-
});
|
|
21
|
-
module.exports = __toCommonJS(CheckboxDemo_exports);
|
|
22
|
-
var import_lucide_icons = require("@tamagui/lucide-icons"), import_tamagui = require("tamagui"), import_jsx_runtime = require("react/jsx-runtime");
|
|
1
|
+
import { Check as CheckIcon } from "@tamagui/lucide-icons";
|
|
2
|
+
import { Checkbox, Label, XStack, YStack } from "tamagui";
|
|
3
|
+
import { jsx, jsxs } from "react/jsx-runtime";
|
|
23
4
|
function CheckboxDemo() {
|
|
24
|
-
return /* @__PURE__ */
|
|
25
|
-
/* @__PURE__ */
|
|
26
|
-
/* @__PURE__ */
|
|
27
|
-
/* @__PURE__ */
|
|
5
|
+
return /* @__PURE__ */ jsxs(YStack, { width: 300, alignItems: "center", space: "$2", children: [
|
|
6
|
+
/* @__PURE__ */ jsx(CheckboxWithLabel, { size: "$3" }),
|
|
7
|
+
/* @__PURE__ */ jsx(CheckboxWithLabel, { size: "$4", defaultChecked: !0 }),
|
|
8
|
+
/* @__PURE__ */ jsx(CheckboxWithLabel, { size: "$5", disabled: !0, label: "Accept terms (disabled)" })
|
|
28
9
|
] });
|
|
29
10
|
}
|
|
30
11
|
function CheckboxWithLabel({
|
|
@@ -33,14 +14,13 @@ function CheckboxWithLabel({
|
|
|
33
14
|
...checkboxProps
|
|
34
15
|
}) {
|
|
35
16
|
const id = `checkbox-${size.toString().slice(1)}`;
|
|
36
|
-
return /* @__PURE__ */
|
|
37
|
-
/* @__PURE__ */
|
|
38
|
-
/* @__PURE__ */
|
|
17
|
+
return /* @__PURE__ */ jsxs(XStack, { width: 300, alignItems: "center", space: "$4", children: [
|
|
18
|
+
/* @__PURE__ */ jsx(Checkbox, { id, size, ...checkboxProps, children: /* @__PURE__ */ jsx(Checkbox.Indicator, { children: /* @__PURE__ */ jsx(CheckIcon, {}) }) }),
|
|
19
|
+
/* @__PURE__ */ jsx(Label, { size, htmlFor: id, children: label })
|
|
39
20
|
] });
|
|
40
21
|
}
|
|
41
|
-
|
|
42
|
-
0 && (module.exports = {
|
|
22
|
+
export {
|
|
43
23
|
CheckboxDemo,
|
|
44
24
|
CheckboxWithLabel
|
|
45
|
-
}
|
|
25
|
+
};
|
|
46
26
|
//# sourceMappingURL=CheckboxDemo.js.map
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/CheckboxDemo.tsx"],
|
|
4
|
-
"mappings": "
|
|
5
|
-
"names": [
|
|
4
|
+
"mappings": "AAAA,SAAS,SAAS,iBAAiB;AAEnC,SAAS,UAAU,OAAO,QAAQ,cAAc;AAI5C,SACE,KADF;AAFG,SAAS,eAAe;AAC7B,SACE,qBAAC,UAAO,OAAO,KAAK,YAAW,UAAS,OAAM,MAC5C;AAAA,wBAAC,qBAAkB,MAAK,MAAK;AAAA,IAC7B,oBAAC,qBAAkB,MAAK,MAAK,gBAAc,IAAC;AAAA,IAC5C,oBAAC,qBAAkB,MAAK,MAAK,UAAQ,IAAC,OAAM,2BAA0B;AAAA,KACxE;AAEJ;AAEO,SAAS,kBAAkB;AAAA,EAChC;AAAA,EACA,QAAQ;AAAA,EACR,GAAG;AACL,GAAyD;AACvD,QAAM,KAAK,YAAY,KAAK,SAAS,EAAE,MAAM,CAAC,CAAC;AAC/C,SACE,qBAAC,UAAO,OAAO,KAAK,YAAW,UAAS,OAAM,MAC5C;AAAA,wBAAC,YAAS,IAAQ,MAAa,GAAG,eAChC,8BAAC,SAAS,WAAT,EACC,8BAAC,aAAU,GACb,GACF;AAAA,IAEA,oBAAC,SAAM,MAAY,SAAS,IACzB,iBACH;AAAA,KACF;AAEJ;",
|
|
5
|
+
"names": []
|
|
6
6
|
}
|
|
@@ -1,46 +1,36 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
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);
|
|
16
|
-
var ColorsDemo_exports = {};
|
|
17
|
-
__export(ColorsDemo_exports, {
|
|
18
|
-
ColorsDemo: () => ColorsDemo
|
|
19
|
-
});
|
|
20
|
-
module.exports = __toCommonJS(ColorsDemo_exports);
|
|
21
|
-
var import_tamagui = require("tamagui"), import_jsx_runtime = require("react/jsx-runtime");
|
|
1
|
+
import {
|
|
2
|
+
H2,
|
|
3
|
+
Paragraph,
|
|
4
|
+
Separator,
|
|
5
|
+
Square,
|
|
6
|
+
XStack,
|
|
7
|
+
YStack,
|
|
8
|
+
getTokens,
|
|
9
|
+
getVariableValue
|
|
10
|
+
} from "tamagui";
|
|
11
|
+
import { jsx, jsxs } from "react/jsx-runtime";
|
|
22
12
|
const colorGroups = ["orange", "yellow", "green", "blue", "purple", "pink", "red"];
|
|
23
13
|
function ColorsDemo() {
|
|
24
|
-
const colors =
|
|
25
|
-
return /* @__PURE__ */
|
|
26
|
-
/* @__PURE__ */
|
|
27
|
-
/* @__PURE__ */
|
|
28
|
-
/* @__PURE__ */
|
|
14
|
+
const colors = getTokens({ prefixed: !1 }).color, [colorsLight, colorsDark] = [getColors(colors), getColors(colors, !0)];
|
|
15
|
+
return /* @__PURE__ */ jsxs(YStack, { marginTop: "$4", space: "$8", children: [
|
|
16
|
+
/* @__PURE__ */ jsx(ColorsRow, { title: "Light", colors: colorsLight }),
|
|
17
|
+
/* @__PURE__ */ jsx(Separator, {}),
|
|
18
|
+
/* @__PURE__ */ jsx(ColorsRow, { title: "Dark", colors: colorsDark })
|
|
29
19
|
] });
|
|
30
20
|
}
|
|
31
21
|
function ColorsRow({ title, colors }) {
|
|
32
|
-
return /* @__PURE__ */
|
|
33
|
-
/* @__PURE__ */
|
|
34
|
-
/* @__PURE__ */
|
|
35
|
-
/* @__PURE__ */
|
|
36
|
-
colors.map((group, index) => /* @__PURE__ */
|
|
37
|
-
|
|
22
|
+
return /* @__PURE__ */ jsxs(YStack, { space: !0, $sm: { space: "$2" }, children: [
|
|
23
|
+
/* @__PURE__ */ jsx(H2, { size: "$2", children: title }),
|
|
24
|
+
/* @__PURE__ */ jsxs(XStack, { space: !0, alignSelf: "center", children: [
|
|
25
|
+
/* @__PURE__ */ jsxs(YStack, { space: !0, $sm: { space: "$2" }, alignSelf: "center", children: [
|
|
26
|
+
colors.map((group, index) => /* @__PURE__ */ jsx(XStack, { space: "$2", children: group.map((color) => /* @__PURE__ */ jsx(
|
|
27
|
+
Square,
|
|
38
28
|
{
|
|
39
29
|
borderRadius: "$2",
|
|
40
30
|
size: "$4",
|
|
41
31
|
height: "$4",
|
|
42
32
|
borderWidth: 1,
|
|
43
|
-
backgroundColor:
|
|
33
|
+
backgroundColor: getVariableValue(color),
|
|
44
34
|
borderColor: "$color7",
|
|
45
35
|
$sm: {
|
|
46
36
|
size: "$2"
|
|
@@ -51,8 +41,8 @@ function ColorsRow({ title, colors }) {
|
|
|
51
41
|
},
|
|
52
42
|
`${color.key}${index}`
|
|
53
43
|
)) }, index)),
|
|
54
|
-
/* @__PURE__ */
|
|
55
|
-
|
|
44
|
+
/* @__PURE__ */ jsx(XStack, { space: "$2", alignSelf: "center", children: new Array(13).fill(0).slice(1).map((_, index) => /* @__PURE__ */ jsx(
|
|
45
|
+
Paragraph,
|
|
56
46
|
{
|
|
57
47
|
color: "$color10",
|
|
58
48
|
textAlign: "center",
|
|
@@ -68,8 +58,8 @@ function ColorsRow({ title, colors }) {
|
|
|
68
58
|
index
|
|
69
59
|
)) })
|
|
70
60
|
] }),
|
|
71
|
-
/* @__PURE__ */
|
|
72
|
-
|
|
61
|
+
/* @__PURE__ */ jsx(YStack, { space: "$4", marginTop: "$2", children: colorGroups.map((name) => /* @__PURE__ */ jsx(
|
|
62
|
+
Paragraph,
|
|
73
63
|
{
|
|
74
64
|
theme: name,
|
|
75
65
|
color: "$color10",
|
|
@@ -93,8 +83,7 @@ function getColors(colors, dark = !1) {
|
|
|
93
83
|
(color) => color.startsWith(group) && (dark ? color.endsWith("Dark") : !color.endsWith("Dark"))
|
|
94
84
|
).map((key) => colors[key]));
|
|
95
85
|
}
|
|
96
|
-
|
|
97
|
-
0 && (module.exports = {
|
|
86
|
+
export {
|
|
98
87
|
ColorsDemo
|
|
99
|
-
}
|
|
88
|
+
};
|
|
100
89
|
//# sourceMappingURL=ColorsDemo.js.map
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/ColorsDemo.tsx"],
|
|
4
|
-
"mappings": "
|
|
4
|
+
"mappings": "AACA;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AASH,SACE,KADF;AAPJ,MAAM,cAAc,CAAC,UAAU,UAAU,SAAS,QAAQ,UAAU,QAAQ,KAAK;AAE1E,SAAS,aAAa;AAC3B,QAAM,SAAS,UAAU,EAAE,UAAU,GAAM,CAAC,EAAE,OACxC,CAAC,aAAa,UAAU,IAAI,CAAC,UAAU,MAAM,GAAG,UAAU,QAAQ,EAAI,CAAC;AAE7E,SACE,qBAAC,UAAO,WAAU,MAAK,OAAM,MAC3B;AAAA,wBAAC,aAAU,OAAM,SAAQ,QAAQ,aAAa;AAAA,IAC9C,oBAAC,aAAU;AAAA,IACX,oBAAC,aAAU,OAAM,QAAO,QAAQ,YAAY;AAAA,KAC9C;AAEJ;AAEA,SAAS,UAAU,EAAE,OAAO,OAAO,GAA4C;AAC7E,SACE,qBAAC,UAAO,OAAK,IAAC,KAAK,EAAE,OAAO,KAAK,GAC/B;AAAA,wBAAC,MAAG,MAAK,MAAM,iBAAM;AAAA,IAErB,qBAAC,UAAO,OAAK,IAAC,WAAU,UACtB;AAAA,2BAAC,UAAO,OAAK,IAAC,KAAK,EAAE,OAAO,KAAK,GAAG,WAAU,UAC3C;AAAA,eAAO,IAAI,CAAC,OAAO,UAEhB,oBAAC,UAAO,OAAM,MACX,gBAAM,IAAI,CAAC,UAER;AAAA,UAAC;AAAA;AAAA,YAEC,cAAa;AAAA,YACb,MAAK;AAAA,YACL,QAAO;AAAA,YACP,aAAa;AAAA,YACb,iBAAiB,iBAAiB,KAAK;AAAA,YACvC,aAAY;AAAA,YACZ,KAAK;AAAA,cACH,MAAM;AAAA,YACR;AAAA,YACA,KAAK;AAAA,cACH,MAAM;AAAA,YACR;AAAA;AAAA,UAZK,GAAG,MAAM,GAAG,GAAG,KAAK;AAAA,QAa3B,CAEH,KAnBqB,KAoBxB,CAEH;AAAA,QAED,oBAAC,UAAO,OAAM,MAAK,WAAU,UAC1B,cAAI,MAAM,EAAE,EACV,KAAK,CAAC,EACN,MAAM,CAAC,EACP,IAAI,CAAC,GAAG,UAEL;AAAA,UAAC;AAAA;AAAA,YACC,OAAM;AAAA,YACN,WAAU;AAAA,YACV,OAAM;AAAA,YACN,KAAK;AAAA,cACH,OAAO;AAAA,YACT;AAAA,YACA,KAAK;AAAA,cACH,OAAO;AAAA,YACT;AAAA,YAGC;AAAA;AAAA,UAFI;AAAA,QAGP,CAEH,GACL;AAAA,SACF;AAAA,MAEA,oBAAC,UAAO,OAAM,MAAK,WAAU,MAC1B,sBAAY,IAAI,CAAC,SAChB;AAAA,QAAC;AAAA;AAAA,UACC,OAAO;AAAA,UACP,OAAM;AAAA,UACN,QAAO;AAAA,UACP,QAAO;AAAA,UACP,KAAK;AAAA,YACH,QAAQ;AAAA,UACV;AAAA,UACA,KAAK;AAAA,YACH,QAAQ;AAAA,UACV;AAAA,UAGC;AAAA;AAAA,QAFI;AAAA,MAGP,CACD,GACH;AAAA,OACF;AAAA,KACF;AAEJ;AAEA,SAAS,UAAU,QAAkC,OAAO,IAAO;AACjE,SAAO,YAAY,IAAI,CAAC,UACf,OAAO,KAAK,MAAM,EACtB;AAAA,IACC,CAAC,UACC,MAAM,WAAW,KAAK,MACrB,OAAO,MAAM,SAAS,MAAM,IAAI,CAAC,MAAM,SAAS,MAAM;AAAA,EAC3D,EACC,IAAI,CAAC,QAAQ,OAAO,GAAG,CAAC,CAC5B;AACH;",
|
|
5
5
|
"names": []
|
|
6
6
|
}
|