@tamagui/demos 1.89.27 → 1.89.29
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 +68 -30
- package/dist/cjs/AccordionDemo.native.js.map +2 -2
- package/dist/cjs/AddThemeDemo.native.js +34 -22
- package/dist/cjs/AddThemeDemo.native.js.map +2 -2
- package/dist/cjs/AlertDialogDemo.native.js +84 -55
- package/dist/cjs/AlertDialogDemo.native.js.map +2 -2
- package/dist/cjs/AnimationsDemo.native.js +55 -33
- package/dist/cjs/AnimationsDemo.native.js.map +2 -2
- package/dist/cjs/AnimationsEnterDemo.native.js +32 -26
- package/dist/cjs/AnimationsEnterDemo.native.js.map +2 -2
- package/dist/cjs/AnimationsHoverDemo.native.js +7 -6
- package/dist/cjs/AnimationsHoverDemo.native.js.map +2 -2
- package/dist/cjs/AnimationsPresenceDemo.native.js +49 -43
- package/dist/cjs/AnimationsPresenceDemo.native.js.map +2 -2
- package/dist/cjs/AnimationsTimingDemo.native.js +7 -6
- package/dist/cjs/AnimationsTimingDemo.native.js.map +2 -2
- package/dist/cjs/AvatarDemo.native.js +35 -31
- package/dist/cjs/AvatarDemo.native.js.map +2 -2
- package/dist/cjs/BuildAButtonDemo.native.js +96 -58
- package/dist/cjs/BuildAButtonDemo.native.js.map +2 -2
- package/dist/cjs/ButtonDemo.native.js +85 -36
- package/dist/cjs/ButtonDemo.native.js.map +2 -2
- package/dist/cjs/CardDemo.native.js +82 -43
- package/dist/cjs/CardDemo.native.js.map +2 -2
- package/dist/cjs/CheckboxDemo.native.js +54 -25
- package/dist/cjs/CheckboxDemo.native.js.map +2 -2
- package/dist/cjs/CheckboxHeadlessDemo.native.js +49 -22
- package/dist/cjs/CheckboxHeadlessDemo.native.js.map +2 -2
- package/dist/cjs/CheckboxUnstyledDemo.native.js +20 -11
- package/dist/cjs/CheckboxUnstyledDemo.native.js.map +2 -2
- package/dist/cjs/ColorsDemo.native.js +96 -77
- package/dist/cjs/ColorsDemo.native.js.map +2 -2
- package/dist/cjs/DialogDemo.native.js +154 -103
- package/dist/cjs/DialogDemo.native.js.map +2 -2
- package/dist/cjs/FormsDemo.native.js +19 -11
- package/dist/cjs/FormsDemo.native.js.map +2 -2
- package/dist/cjs/Grid.native.js +20 -15
- package/dist/cjs/Grid.native.js.map +2 -2
- package/dist/cjs/GroupDemo.native.js +71 -24
- package/dist/cjs/GroupDemo.native.js.map +2 -2
- package/dist/cjs/HeadingsDemo.native.js +26 -14
- package/dist/cjs/HeadingsDemo.native.js.map +2 -2
- package/dist/cjs/ImageDemo.native.js +2 -2
- package/dist/cjs/ImageDemo.native.js.map +2 -2
- package/dist/cjs/InputsDemo.native.js +32 -21
- package/dist/cjs/InputsDemo.native.js.map +2 -2
- package/dist/cjs/LabelDemo.native.js +39 -24
- package/dist/cjs/LabelDemo.native.js.map +2 -2
- package/dist/cjs/LinearGradientDemo.native.js +41 -35
- package/dist/cjs/LinearGradientDemo.native.js.map +2 -2
- package/dist/cjs/ListItemDemo.native.js +67 -38
- package/dist/cjs/ListItemDemo.native.js.map +2 -2
- package/dist/cjs/LucideIconsDemo.native.js +38 -25
- package/dist/cjs/LucideIconsDemo.native.js.map +2 -2
- package/dist/cjs/PopoverDemo.native.js +135 -83
- package/dist/cjs/PopoverDemo.native.js.map +2 -2
- package/dist/cjs/ProgressDemo.native.js +73 -49
- package/dist/cjs/ProgressDemo.native.js.map +2 -2
- package/dist/cjs/RadioGroupDemo.native.js +42 -30
- package/dist/cjs/RadioGroupDemo.native.js.map +2 -2
- package/dist/cjs/ReplaceThemeDemo.native.js +28 -21
- package/dist/cjs/ReplaceThemeDemo.native.js.map +2 -2
- package/dist/cjs/ScrollViewDemo.native.js +51 -40
- package/dist/cjs/ScrollViewDemo.native.js.map +2 -2
- package/dist/cjs/SelectDemo.native.js +218 -138
- package/dist/cjs/SelectDemo.native.js.map +2 -2
- package/dist/cjs/SeparatorDemo.native.js +43 -29
- package/dist/cjs/SeparatorDemo.native.js.map +2 -2
- package/dist/cjs/ShapesDemo.native.js +16 -12
- package/dist/cjs/ShapesDemo.native.js.map +2 -2
- package/dist/cjs/SheetDemo.native.js +195 -128
- package/dist/cjs/SheetDemo.native.js.map +2 -2
- package/dist/cjs/SliderDemo.native.js +45 -18
- package/dist/cjs/SliderDemo.native.js.map +2 -2
- package/dist/cjs/SpinnerDemo.native.js +14 -10
- package/dist/cjs/SpinnerDemo.native.js.map +2 -2
- package/dist/cjs/StacksDemo.native.js +91 -79
- package/dist/cjs/StacksDemo.native.js.map +2 -2
- package/dist/cjs/SwitchDemo.native.js +75 -51
- package/dist/cjs/SwitchDemo.native.js.map +2 -2
- package/dist/cjs/SwitchHeadlessDemo.native.js +74 -46
- package/dist/cjs/SwitchHeadlessDemo.native.js.map +2 -2
- package/dist/cjs/SwitchUnstyledDemo.native.js +20 -13
- package/dist/cjs/SwitchUnstyledDemo.native.js.map +2 -2
- package/dist/cjs/TabsAdvancedDemo.native.js +239 -148
- package/dist/cjs/TabsAdvancedDemo.native.js.map +2 -2
- package/dist/cjs/TabsDemo.native.js +159 -82
- package/dist/cjs/TabsDemo.native.js.map +2 -2
- package/dist/cjs/TextDemo.native.js +32 -27
- package/dist/cjs/TextDemo.native.js.map +2 -2
- package/dist/cjs/ThemeBuilderDemo.native.js +164 -130
- package/dist/cjs/ThemeBuilderDemo.native.js.map +2 -2
- package/dist/cjs/ThemeInverseDemo.native.js +45 -21
- package/dist/cjs/ThemeInverseDemo.native.js.map +2 -2
- package/dist/cjs/ToastDemo.native.js +85 -57
- package/dist/cjs/ToastDemo.native.js.map +2 -2
- package/dist/cjs/ToastDuplicateDemo.native.js +58 -33
- package/dist/cjs/ToastDuplicateDemo.native.js.map +2 -2
- package/dist/cjs/ToggleGroupDemo.native.js +78 -52
- package/dist/cjs/ToggleGroupDemo.native.js.map +2 -2
- package/dist/cjs/TokensDemo.native.js +81 -54
- package/dist/cjs/TokensDemo.native.js.map +2 -2
- package/dist/cjs/TooltipDemo.native.js +145 -78
- package/dist/cjs/TooltipDemo.native.js.map +2 -2
- package/dist/cjs/UpdateThemeDemo.native.js +29 -22
- package/dist/cjs/UpdateThemeDemo.native.js.map +2 -2
- package/dist/esm/AccordionDemo.native.js +68 -29
- package/dist/esm/AccordionDemo.native.js.map +1 -1
- package/dist/esm/AddThemeDemo.native.js +34 -21
- package/dist/esm/AddThemeDemo.native.js.map +1 -1
- package/dist/esm/AlertDialogDemo.native.js +84 -54
- package/dist/esm/AlertDialogDemo.native.js.map +2 -2
- package/dist/esm/AnimationsDemo.native.js +55 -32
- package/dist/esm/AnimationsDemo.native.js.map +1 -1
- package/dist/esm/AnimationsEnterDemo.native.js +32 -25
- package/dist/esm/AnimationsEnterDemo.native.js.map +1 -1
- package/dist/esm/AnimationsHoverDemo.native.js +7 -5
- package/dist/esm/AnimationsHoverDemo.native.js.map +1 -1
- package/dist/esm/AnimationsPresenceDemo.native.js +49 -42
- package/dist/esm/AnimationsPresenceDemo.native.js.map +2 -2
- package/dist/esm/AnimationsTimingDemo.native.js +7 -5
- package/dist/esm/AnimationsTimingDemo.native.js.map +1 -1
- package/dist/esm/AvatarDemo.native.js +34 -21
- package/dist/esm/AvatarDemo.native.js.map +2 -2
- package/dist/esm/BuildAButtonDemo.native.js +96 -57
- package/dist/esm/BuildAButtonDemo.native.js.map +1 -1
- package/dist/esm/ButtonDemo.native.js +85 -35
- package/dist/esm/ButtonDemo.native.js.map +1 -1
- package/dist/esm/CardDemo.native.js +82 -42
- package/dist/esm/CardDemo.native.js.map +1 -1
- package/dist/esm/CheckboxDemo.native.js +54 -24
- package/dist/esm/CheckboxDemo.native.js.map +1 -1
- package/dist/esm/CheckboxHeadlessDemo.native.js +49 -21
- package/dist/esm/CheckboxHeadlessDemo.native.js.map +1 -1
- package/dist/esm/CheckboxUnstyledDemo.native.js +20 -10
- package/dist/esm/CheckboxUnstyledDemo.native.js.map +1 -1
- package/dist/esm/ColorsDemo.native.js +96 -76
- package/dist/esm/ColorsDemo.native.js.map +2 -2
- package/dist/esm/DialogDemo.native.js +154 -102
- package/dist/esm/DialogDemo.native.js.map +2 -2
- package/dist/esm/FormsDemo.native.js +19 -10
- package/dist/esm/FormsDemo.native.js.map +1 -1
- package/dist/esm/Grid.native.js +20 -14
- package/dist/esm/Grid.native.js.map +2 -2
- package/dist/esm/GroupDemo.native.js +71 -23
- package/dist/esm/GroupDemo.native.js.map +1 -1
- package/dist/esm/HeadingsDemo.native.js +25 -4
- package/dist/esm/HeadingsDemo.native.js.map +2 -2
- package/dist/esm/ImageDemo.native.js +2 -1
- package/dist/esm/ImageDemo.native.js.map +1 -1
- package/dist/esm/InputsDemo.native.js +32 -20
- package/dist/esm/InputsDemo.native.js.map +1 -1
- package/dist/esm/LabelDemo.native.js +39 -23
- package/dist/esm/LabelDemo.native.js.map +1 -1
- package/dist/esm/LinearGradientDemo.native.js +41 -34
- package/dist/esm/LinearGradientDemo.native.js.map +1 -1
- package/dist/esm/ListItemDemo.native.js +67 -37
- package/dist/esm/ListItemDemo.native.js.map +1 -1
- package/dist/esm/LucideIconsDemo.native.js +38 -24
- package/dist/esm/LucideIconsDemo.native.js.map +1 -1
- package/dist/esm/PopoverDemo.native.js +135 -82
- package/dist/esm/PopoverDemo.native.js.map +1 -1
- package/dist/esm/ProgressDemo.native.js +73 -48
- package/dist/esm/ProgressDemo.native.js.map +1 -1
- package/dist/esm/RadioGroupDemo.native.js +42 -29
- package/dist/esm/RadioGroupDemo.native.js.map +1 -1
- package/dist/esm/ReplaceThemeDemo.native.js +28 -20
- package/dist/esm/ReplaceThemeDemo.native.js.map +1 -1
- package/dist/esm/ScrollViewDemo.native.js +51 -39
- package/dist/esm/ScrollViewDemo.native.js.map +1 -1
- package/dist/esm/SelectDemo.native.js +218 -137
- package/dist/esm/SelectDemo.native.js.map +2 -2
- package/dist/esm/SeparatorDemo.native.js +42 -19
- package/dist/esm/SeparatorDemo.native.js.map +2 -2
- package/dist/esm/ShapesDemo.native.js +16 -11
- package/dist/esm/ShapesDemo.native.js.map +1 -1
- package/dist/esm/SheetDemo.native.js +195 -127
- package/dist/esm/SheetDemo.native.js.map +2 -2
- package/dist/esm/SliderDemo.native.js +45 -17
- package/dist/esm/SliderDemo.native.js.map +1 -1
- package/dist/esm/SpinnerDemo.native.js +14 -9
- package/dist/esm/SpinnerDemo.native.js.map +1 -1
- package/dist/esm/StacksDemo.native.js +90 -69
- package/dist/esm/StacksDemo.native.js.map +2 -2
- package/dist/esm/SwitchDemo.native.js +75 -50
- package/dist/esm/SwitchDemo.native.js.map +1 -1
- package/dist/esm/SwitchHeadlessDemo.native.js +74 -45
- package/dist/esm/SwitchHeadlessDemo.native.js.map +1 -1
- package/dist/esm/SwitchUnstyledDemo.native.js +20 -12
- package/dist/esm/SwitchUnstyledDemo.native.js.map +1 -1
- package/dist/esm/TabsAdvancedDemo.native.js +239 -147
- package/dist/esm/TabsAdvancedDemo.native.js.map +2 -2
- package/dist/esm/TabsDemo.native.js +159 -81
- package/dist/esm/TabsDemo.native.js.map +2 -2
- package/dist/esm/TextDemo.native.js +31 -17
- package/dist/esm/TextDemo.native.js.map +2 -2
- package/dist/esm/ThemeBuilderDemo.native.js +164 -129
- package/dist/esm/ThemeBuilderDemo.native.js.map +1 -1
- package/dist/esm/ThemeInverseDemo.native.js +45 -20
- package/dist/esm/ThemeInverseDemo.native.js.map +1 -1
- package/dist/esm/ToastDemo.native.js +85 -56
- package/dist/esm/ToastDemo.native.js.map +2 -2
- package/dist/esm/ToastDuplicateDemo.native.js +58 -32
- package/dist/esm/ToastDuplicateDemo.native.js.map +2 -2
- package/dist/esm/ToggleGroupDemo.native.js +78 -51
- package/dist/esm/ToggleGroupDemo.native.js.map +1 -1
- package/dist/esm/TokensDemo.native.js +81 -53
- package/dist/esm/TokensDemo.native.js.map +1 -1
- package/dist/esm/TooltipDemo.native.js +145 -77
- package/dist/esm/TooltipDemo.native.js.map +1 -1
- package/dist/esm/UpdateThemeDemo.native.js +29 -21
- package/dist/esm/UpdateThemeDemo.native.js.map +1 -1
- package/dist/jsx/AccordionDemo.native.js +68 -29
- package/dist/jsx/AccordionDemo.native.js.map +1 -1
- package/dist/jsx/AddThemeDemo.native.js +34 -21
- package/dist/jsx/AddThemeDemo.native.js.map +1 -1
- package/dist/jsx/AlertDialogDemo.native.js +84 -54
- package/dist/jsx/AlertDialogDemo.native.js.map +2 -2
- package/dist/jsx/AnimationsDemo.native.js +55 -32
- package/dist/jsx/AnimationsDemo.native.js.map +1 -1
- package/dist/jsx/AnimationsEnterDemo.native.js +32 -25
- package/dist/jsx/AnimationsEnterDemo.native.js.map +1 -1
- package/dist/jsx/AnimationsHoverDemo.native.js +7 -5
- package/dist/jsx/AnimationsHoverDemo.native.js.map +1 -1
- package/dist/jsx/AnimationsPresenceDemo.native.js +49 -42
- package/dist/jsx/AnimationsPresenceDemo.native.js.map +2 -2
- package/dist/jsx/AnimationsTimingDemo.native.js +7 -5
- package/dist/jsx/AnimationsTimingDemo.native.js.map +1 -1
- package/dist/jsx/AvatarDemo.native.js +34 -21
- package/dist/jsx/AvatarDemo.native.js.map +2 -2
- package/dist/jsx/BuildAButtonDemo.native.js +96 -57
- package/dist/jsx/BuildAButtonDemo.native.js.map +1 -1
- package/dist/jsx/ButtonDemo.native.js +85 -35
- package/dist/jsx/ButtonDemo.native.js.map +1 -1
- package/dist/jsx/CardDemo.native.js +82 -42
- package/dist/jsx/CardDemo.native.js.map +1 -1
- package/dist/jsx/CheckboxDemo.native.js +54 -24
- package/dist/jsx/CheckboxDemo.native.js.map +1 -1
- package/dist/jsx/CheckboxHeadlessDemo.native.js +49 -21
- package/dist/jsx/CheckboxHeadlessDemo.native.js.map +1 -1
- package/dist/jsx/CheckboxUnstyledDemo.native.js +20 -10
- package/dist/jsx/CheckboxUnstyledDemo.native.js.map +1 -1
- package/dist/jsx/ColorsDemo.native.js +96 -76
- package/dist/jsx/ColorsDemo.native.js.map +2 -2
- package/dist/jsx/DialogDemo.native.js +154 -102
- package/dist/jsx/DialogDemo.native.js.map +2 -2
- package/dist/jsx/FormsDemo.native.js +19 -10
- package/dist/jsx/FormsDemo.native.js.map +1 -1
- package/dist/jsx/Grid.native.js +20 -14
- package/dist/jsx/Grid.native.js.map +2 -2
- package/dist/jsx/GroupDemo.native.js +71 -23
- package/dist/jsx/GroupDemo.native.js.map +1 -1
- package/dist/jsx/HeadingsDemo.native.js +25 -4
- package/dist/jsx/HeadingsDemo.native.js.map +2 -2
- package/dist/jsx/ImageDemo.native.js +2 -1
- package/dist/jsx/ImageDemo.native.js.map +1 -1
- package/dist/jsx/InputsDemo.native.js +32 -20
- package/dist/jsx/InputsDemo.native.js.map +1 -1
- package/dist/jsx/LabelDemo.native.js +39 -23
- package/dist/jsx/LabelDemo.native.js.map +1 -1
- package/dist/jsx/LinearGradientDemo.native.js +41 -34
- package/dist/jsx/LinearGradientDemo.native.js.map +1 -1
- package/dist/jsx/ListItemDemo.native.js +67 -37
- package/dist/jsx/ListItemDemo.native.js.map +1 -1
- package/dist/jsx/LucideIconsDemo.native.js +38 -24
- package/dist/jsx/LucideIconsDemo.native.js.map +1 -1
- package/dist/jsx/PopoverDemo.native.js +135 -82
- package/dist/jsx/PopoverDemo.native.js.map +1 -1
- package/dist/jsx/ProgressDemo.native.js +73 -48
- package/dist/jsx/ProgressDemo.native.js.map +1 -1
- package/dist/jsx/RadioGroupDemo.native.js +42 -29
- package/dist/jsx/RadioGroupDemo.native.js.map +1 -1
- package/dist/jsx/ReplaceThemeDemo.native.js +28 -20
- package/dist/jsx/ReplaceThemeDemo.native.js.map +1 -1
- package/dist/jsx/ScrollViewDemo.native.js +51 -39
- package/dist/jsx/ScrollViewDemo.native.js.map +1 -1
- package/dist/jsx/SelectDemo.native.js +218 -137
- package/dist/jsx/SelectDemo.native.js.map +2 -2
- package/dist/jsx/SeparatorDemo.native.js +42 -19
- package/dist/jsx/SeparatorDemo.native.js.map +2 -2
- package/dist/jsx/ShapesDemo.native.js +16 -11
- package/dist/jsx/ShapesDemo.native.js.map +1 -1
- package/dist/jsx/SheetDemo.native.js +195 -127
- package/dist/jsx/SheetDemo.native.js.map +2 -2
- package/dist/jsx/SliderDemo.native.js +45 -17
- package/dist/jsx/SliderDemo.native.js.map +1 -1
- package/dist/jsx/SpinnerDemo.native.js +14 -9
- package/dist/jsx/SpinnerDemo.native.js.map +1 -1
- package/dist/jsx/StacksDemo.native.js +90 -69
- package/dist/jsx/StacksDemo.native.js.map +2 -2
- package/dist/jsx/SwitchDemo.native.js +75 -50
- package/dist/jsx/SwitchDemo.native.js.map +1 -1
- package/dist/jsx/SwitchHeadlessDemo.native.js +74 -45
- package/dist/jsx/SwitchHeadlessDemo.native.js.map +1 -1
- package/dist/jsx/SwitchUnstyledDemo.native.js +20 -12
- package/dist/jsx/SwitchUnstyledDemo.native.js.map +1 -1
- package/dist/jsx/TabsAdvancedDemo.native.js +239 -147
- package/dist/jsx/TabsAdvancedDemo.native.js.map +2 -2
- package/dist/jsx/TabsDemo.native.js +159 -81
- package/dist/jsx/TabsDemo.native.js.map +2 -2
- package/dist/jsx/TextDemo.native.js +31 -17
- package/dist/jsx/TextDemo.native.js.map +2 -2
- package/dist/jsx/ThemeBuilderDemo.native.js +164 -129
- package/dist/jsx/ThemeBuilderDemo.native.js.map +1 -1
- package/dist/jsx/ThemeInverseDemo.native.js +45 -20
- package/dist/jsx/ThemeInverseDemo.native.js.map +1 -1
- package/dist/jsx/ToastDemo.native.js +85 -56
- package/dist/jsx/ToastDemo.native.js.map +2 -2
- package/dist/jsx/ToastDuplicateDemo.native.js +58 -32
- package/dist/jsx/ToastDuplicateDemo.native.js.map +2 -2
- package/dist/jsx/ToggleGroupDemo.native.js +78 -51
- package/dist/jsx/ToggleGroupDemo.native.js.map +1 -1
- package/dist/jsx/TokensDemo.native.js +81 -53
- package/dist/jsx/TokensDemo.native.js.map +1 -1
- package/dist/jsx/TooltipDemo.native.js +145 -77
- package/dist/jsx/TooltipDemo.native.js.map +1 -1
- package/dist/jsx/UpdateThemeDemo.native.js +29 -21
- package/dist/jsx/UpdateThemeDemo.native.js.map +1 -1
- package/package.json +18 -18
|
@@ -18,9 +18,9 @@ __export(AnimationsHoverDemo_exports, {
|
|
|
18
18
|
AnimationsHoverDemo: () => AnimationsHoverDemo
|
|
19
19
|
});
|
|
20
20
|
module.exports = __toCommonJS(AnimationsHoverDemo_exports);
|
|
21
|
-
var import_logo = require("@tamagui/logo"), import_tamagui = require("tamagui");
|
|
21
|
+
var import_jsx_runtime = require("react/jsx-runtime"), import_logo = require("@tamagui/logo"), import_tamagui = require("tamagui");
|
|
22
22
|
function AnimationsHoverDemo() {
|
|
23
|
-
return /* @__PURE__ */
|
|
23
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Square, {
|
|
24
24
|
borderColor: "$borderColor",
|
|
25
25
|
animation: "bouncy",
|
|
26
26
|
elevation: "$4",
|
|
@@ -32,10 +32,11 @@ function AnimationsHoverDemo() {
|
|
|
32
32
|
},
|
|
33
33
|
pressStyle: {
|
|
34
34
|
scale: 0.9
|
|
35
|
-
}
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
35
|
+
},
|
|
36
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_logo.LogoIcon, {
|
|
37
|
+
downscale: 0.75
|
|
38
|
+
})
|
|
39
|
+
});
|
|
39
40
|
}
|
|
40
41
|
// Annotate the CommonJS export names for ESM import in node:
|
|
41
42
|
0 && (module.exports = {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/Users/n8/tamagui/packages/demos/src/AnimationsHoverDemo.tsx"],
|
|
4
|
-
"mappings": "
|
|
5
|
-
"names": ["AnimationsHoverDemo", "Square", "borderColor", "animation", "elevation", "backgroundColor", "size", "borderRadius", "hoverStyle", "scale", "pressStyle", "LogoIcon", "downscale"]
|
|
4
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;uDAAA,cAAyB,0BACzB,iBAAuB;AAEhB,SAASA,sBAAAA;AACd,SACE,uCAAAC,KAACC,uBAAAA;IACCC,aAAY;IACZC,WAAU;IACVC,WAAU;IACVC,iBAAgB;IAChBC,MAAM;IACNC,cAAa;IACbC,YAAY;MACVC,OAAO;IACT;IACAC,YAAY;MACVD,OAAO;IACT;cAEA,uCAAAT,KAACW,sBAAAA;MAASC,WAAW;;;AAG3B;",
|
|
5
|
+
"names": ["AnimationsHoverDemo", "_jsx", "Square", "borderColor", "animation", "elevation", "backgroundColor", "size", "borderRadius", "hoverStyle", "scale", "pressStyle", "LogoIcon", "downscale"]
|
|
6
6
|
}
|
|
@@ -27,7 +27,7 @@ __export(AnimationsPresenceDemo_exports, {
|
|
|
27
27
|
images: () => images
|
|
28
28
|
});
|
|
29
29
|
module.exports = __toCommonJS(AnimationsPresenceDemo_exports);
|
|
30
|
-
var import_animate_presence = require("@tamagui/animate-presence"), import_lucide_icons = require("@tamagui/lucide-icons"), import_react = require("react"), import_tamagui = require("tamagui"), import_photo1 = __toESM(require("../../public/photo1.jpg")), import_photo2 = __toESM(require("../../public/photo2.jpg")), import_photo3 = __toESM(require("../../public/photo3.jpg"));
|
|
30
|
+
var import_jsx_runtime = require("react/jsx-runtime"), import_animate_presence = require("@tamagui/animate-presence"), import_lucide_icons = require("@tamagui/lucide-icons"), import_react = require("react"), import_tamagui = require("tamagui"), import_photo1 = __toESM(require("../../public/photo1.jpg")), import_photo2 = __toESM(require("../../public/photo2.jpg")), import_photo3 = __toESM(require("../../public/photo3.jpg"));
|
|
31
31
|
function _array_like_to_array(arr, len) {
|
|
32
32
|
(len == null || len > arr.length) && (len = arr.length);
|
|
33
33
|
for (var i = 0, arr2 = new Array(len); i < len; i++)
|
|
@@ -118,53 +118,59 @@ function AnimationsPresenceDemo() {
|
|
|
118
118
|
going2
|
|
119
119
|
]);
|
|
120
120
|
};
|
|
121
|
-
return /* @__PURE__ */
|
|
121
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
|
|
122
122
|
overflow: "hidden",
|
|
123
123
|
backgroundColor: "#000",
|
|
124
124
|
position: "relative",
|
|
125
125
|
height: 300,
|
|
126
126
|
width: "100%",
|
|
127
|
-
alignItems: "center"
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
|
|
127
|
+
alignItems: "center",
|
|
128
|
+
children: [
|
|
129
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_animate_presence.AnimatePresence, {
|
|
130
|
+
initial: !1,
|
|
131
|
+
custom: {
|
|
132
|
+
going
|
|
133
|
+
},
|
|
134
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(GalleryItem, {
|
|
135
|
+
animation: "slowest",
|
|
136
|
+
going,
|
|
137
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Image, {
|
|
138
|
+
source: {
|
|
139
|
+
uri: images[imageIndex],
|
|
140
|
+
width: 780,
|
|
141
|
+
height: 300
|
|
142
|
+
}
|
|
143
|
+
})
|
|
144
|
+
}, page)
|
|
145
|
+
}),
|
|
146
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, {
|
|
147
|
+
accessibilityLabel: "Carousel left",
|
|
148
|
+
icon: import_lucide_icons.ArrowLeft,
|
|
149
|
+
size: "$5",
|
|
150
|
+
position: "absolute",
|
|
151
|
+
left: "$4",
|
|
152
|
+
circular: !0,
|
|
153
|
+
elevate: !0,
|
|
154
|
+
onPress: function() {
|
|
155
|
+
return paginate(-1);
|
|
156
|
+
},
|
|
157
|
+
zi: 100
|
|
158
|
+
}),
|
|
159
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, {
|
|
160
|
+
accessibilityLabel: "Carousel right",
|
|
161
|
+
icon: import_lucide_icons.ArrowRight,
|
|
162
|
+
size: "$5",
|
|
163
|
+
position: "absolute",
|
|
164
|
+
right: "$4",
|
|
165
|
+
circular: !0,
|
|
166
|
+
elevate: !0,
|
|
167
|
+
onPress: function() {
|
|
168
|
+
return paginate(1);
|
|
169
|
+
},
|
|
170
|
+
zi: 100
|
|
171
|
+
})
|
|
172
|
+
]
|
|
173
|
+
});
|
|
168
174
|
}
|
|
169
175
|
// Annotate the CommonJS export names for ESM import in node:
|
|
170
176
|
0 && (module.exports = {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/Users/n8/tamagui/packages/demos/src/AnimationsPresenceDemo.tsx"],
|
|
4
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;
|
|
5
|
-
"names": ["images", "photo1", "photo2", "photo3", "map", "x", "src", "GalleryItem", "styled", "YStack", "zIndex", "opacity", "fullscreen", "variants", "going", "enterStyle", "exitStyle", "wrap", "min", "max", "v", "rangeSize", "AnimationsPresenceDemo", "useState", "page", "setPage", "imageIndex", "length", "paginate", "XStack", "overflow", "backgroundColor", "position", "height", "width", "alignItems", "
|
|
4
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;uDAAA,0BAAgC,sCAChC,sBAAsC,kCACtC,eAAyB,kBACzB,iBAAsD,oBAGtD,gBAAmB,6CAEnB,gBAAmB,6CAEnB,gBAAmB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEZ,IAAMA,SAAS;EAACC,cAAAA;EAAQC,cAAAA;EAAQC,cAAAA;EAAQC,IAAI,SAACC,GAAAA;SAAMA,EAAEC,OAAOD;IAE7DE,kBAAcC,uBAAOC,uBAAQ;EACjCC,QAAQ;EACRL,GAAG;EACHM,SAAS;EACTC,YAAY;EAEZC,UAAU;;IAERC,OAAO;MACL,WAAW,SAACA,OAAAA;eAAW;UACrBC,YAAY;YACVV,GAAGS,QAAQ,IAAI,MAAO;YACtBH,SAAS;UACX;UACAK,WAAW;YACTN,QAAQ;YACRL,GAAGS,QAAQ,IAAI,MAAO;YACtBH,SAAS;UACX;QACF;;IACF;EACF;AACF,CAAA,GAEMM,OAAO,SAACC,KAAaC,KAAaC,GAAAA;AACtC,MAAMC,YAAYF,MAAMD;AACxB,WAAWE,IAAIF,OAAOG,YAAaA,aAAaA,YAAaH;AAC/D;AAEO,SAASI,yBAAAA;AACd,MAAiCC,YAAAA,qBAAAA,uBAAS;IAAC;IAAG;GAAE,GAAA,CAAA,GAAA,aAAA,iBAAfA,UAAAA,CAAAA,GAAAA,CAAAA,GAAzBC,OAAAA,WAAAA,CAAAA,GAAMV,QAAAA,WAAAA,CAAAA,GAAQW,UAAWF,UAAAA,CAAAA,GAE3BG,aAAaT,KAAK,GAAGjB,OAAO2B,QAAQH,IAAAA,GACpCI,WAAW,SAACd,QAAAA;AAChBW,YAAQ;MAACD,OAAOV;MAAOA;KAAM;EAC/B;AAEA,SACE,uCAAAe,MAACC,uBAAAA;IACCC,UAAS;IACTC,iBAAgB;IAChBC,UAAS;IACTC,QAAQ;IACRC,OAAM;IACNC,YAAW;;MAEX,uCAAAC,KAACC,yCAAAA;QAAgBC,SAAS;QAAOC,QAAQ;UAAE1B;QAAM;kBAC/C,uCAAAuB,KAAC9B,aAAAA;UAAuBkC,WAAU;UAAU3B;oBAC1C,uCAAAuB,KAACK,sBAAAA;YAAMC,QAAQ;cAAEC,KAAK5C,OAAO0B,UAAAA;cAAaS,OAAO;cAAKD,QAAQ;YAAI;;WADlDV,IAAAA;;MAKpB,uCAAAa,KAACQ,uBAAAA;QACCC,oBAAmB;QACnBC,MAAMC;QACNC,MAAK;QACLhB,UAAS;QACTiB,MAAK;QACLC,UAAQ;QACRC,SAAO;QACPC,SAAS,WAAA;iBAAMzB,SAAS,EAAC;;QACzB0B,IAAI;;MAEN,uCAAAjB,KAACQ,uBAAAA;QACCC,oBAAmB;QACnBC,MAAMQ;QACNN,MAAK;QACLhB,UAAS;QACTuB,OAAM;QACNL,UAAQ;QACRC,SAAO;QACPC,SAAS,WAAA;iBAAMzB,SAAS,CAAA;;QACxB0B,IAAI;;;;AAIZ;",
|
|
5
|
+
"names": ["images", "photo1", "photo2", "photo3", "map", "x", "src", "GalleryItem", "styled", "YStack", "zIndex", "opacity", "fullscreen", "variants", "going", "enterStyle", "exitStyle", "wrap", "min", "max", "v", "rangeSize", "AnimationsPresenceDemo", "useState", "page", "setPage", "imageIndex", "length", "paginate", "_jsxs", "XStack", "overflow", "backgroundColor", "position", "height", "width", "alignItems", "_jsx", "AnimatePresence", "initial", "custom", "animation", "Image", "source", "uri", "Button", "accessibilityLabel", "icon", "ArrowLeft", "size", "left", "circular", "elevate", "onPress", "zi", "ArrowRight", "right"]
|
|
6
6
|
}
|
|
@@ -18,9 +18,9 @@ __export(AnimationsTimingDemo_exports, {
|
|
|
18
18
|
AnimationsTimingDemo: () => AnimationsTimingDemo
|
|
19
19
|
});
|
|
20
20
|
module.exports = __toCommonJS(AnimationsTimingDemo_exports);
|
|
21
|
-
var import_logo = require("@tamagui/logo"), import_tamagui = require("tamagui");
|
|
21
|
+
var import_jsx_runtime = require("react/jsx-runtime"), import_logo = require("@tamagui/logo"), import_tamagui = require("tamagui");
|
|
22
22
|
function AnimationsTimingDemo() {
|
|
23
|
-
return /* @__PURE__ */
|
|
23
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Square, {
|
|
24
24
|
backgroundColor: "$pink10",
|
|
25
25
|
animation: "100ms",
|
|
26
26
|
elevation: "$4",
|
|
@@ -31,10 +31,11 @@ function AnimationsTimingDemo() {
|
|
|
31
31
|
},
|
|
32
32
|
pressStyle: {
|
|
33
33
|
scale: 0.9
|
|
34
|
-
}
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
34
|
+
},
|
|
35
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_logo.LogoIcon, {
|
|
36
|
+
downscale: 0.75
|
|
37
|
+
})
|
|
38
|
+
});
|
|
38
39
|
}
|
|
39
40
|
// Annotate the CommonJS export names for ESM import in node:
|
|
40
41
|
0 && (module.exports = {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/Users/n8/tamagui/packages/demos/src/AnimationsTimingDemo.tsx"],
|
|
4
|
-
"mappings": "
|
|
5
|
-
"names": ["AnimationsTimingDemo", "Square", "backgroundColor", "animation", "elevation", "size", "borderRadius", "hoverStyle", "scale", "pressStyle", "LogoIcon", "downscale"]
|
|
4
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;uDAAA,cAAyB,0BACzB,iBAAuB;AAEhB,SAASA,uBAAAA;AACd,SACE,uCAAAC,KAACC,uBAAAA;IACCC,iBAAgB;IAChBC,WAAU;IACVC,WAAU;IACVC,MAAM;IACNC,cAAa;IACbC,YAAY;MACVC,OAAO;IACT;IACAC,YAAY;MACVD,OAAO;IACT;cAEA,uCAAAR,KAACU,sBAAAA;MAASC,WAAW;;;AAG3B;",
|
|
5
|
+
"names": ["AnimationsTimingDemo", "_jsx", "Square", "backgroundColor", "animation", "elevation", "size", "borderRadius", "hoverStyle", "scale", "pressStyle", "LogoIcon", "downscale"]
|
|
6
6
|
}
|
|
@@ -1,9 +1,8 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
var __create = Object.create;
|
|
3
2
|
var __defProp = Object.defineProperty;
|
|
4
3
|
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
5
4
|
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
6
|
-
var
|
|
5
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
7
6
|
var __export = (target, all) => {
|
|
8
7
|
for (var name in all)
|
|
9
8
|
__defProp(target, name, { get: all[name], enumerable: !0 });
|
|
@@ -13,42 +12,47 @@ var __export = (target, all) => {
|
|
|
13
12
|
!__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
14
13
|
return to;
|
|
15
14
|
};
|
|
16
|
-
var
|
|
17
|
-
// If the importer is in node compatibility mode or this is not an ESM
|
|
18
|
-
// file that has been converted to a CommonJS file using a Babel-
|
|
19
|
-
// compatible transform (i.e. "__esModule" has not been set), then set
|
|
20
|
-
// "default" to the CommonJS "module.exports" for node compatibility.
|
|
21
|
-
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: !0 }) : target,
|
|
22
|
-
mod
|
|
23
|
-
)), __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
|
|
15
|
+
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
|
|
24
16
|
var AvatarDemo_exports = {};
|
|
25
17
|
__export(AvatarDemo_exports, {
|
|
26
18
|
AvatarDemo: () => AvatarDemo
|
|
27
19
|
});
|
|
28
20
|
module.exports = __toCommonJS(AvatarDemo_exports);
|
|
29
|
-
var import_react =
|
|
21
|
+
var import_jsx_runtime = require("react/jsx-runtime"), import_react = require("react"), import_tamagui = require("tamagui");
|
|
30
22
|
function AvatarDemo() {
|
|
31
|
-
return /* @__PURE__ */
|
|
23
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
|
|
32
24
|
alignItems: "center",
|
|
33
|
-
space: "$6"
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
25
|
+
space: "$6",
|
|
26
|
+
children: [
|
|
27
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Avatar, {
|
|
28
|
+
circular: !0,
|
|
29
|
+
size: "$10",
|
|
30
|
+
children: [
|
|
31
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Avatar.Image, {
|
|
32
|
+
accessibilityLabel: "Cam",
|
|
33
|
+
src: "https://images.unsplash.com/photo-1548142813-c348350df52b?&w=150&h=150&dpr=2&q=80"
|
|
34
|
+
}),
|
|
35
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Avatar.Fallback, {
|
|
36
|
+
backgroundColor: "$blue10"
|
|
37
|
+
})
|
|
38
|
+
]
|
|
39
|
+
}),
|
|
40
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Avatar, {
|
|
41
|
+
circular: !0,
|
|
42
|
+
size: "$8",
|
|
43
|
+
children: [
|
|
44
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Avatar.Image, {
|
|
45
|
+
accessibilityLabel: "Nate Wienert",
|
|
46
|
+
src: "https://images.unsplash.com/photo-1531384441138-2736e62e0919?&w=100&h=100&dpr=2&q=80"
|
|
47
|
+
}),
|
|
48
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Avatar.Fallback, {
|
|
49
|
+
delayMs: 600,
|
|
50
|
+
backgroundColor: "$blue10"
|
|
51
|
+
})
|
|
52
|
+
]
|
|
53
|
+
})
|
|
54
|
+
]
|
|
55
|
+
});
|
|
52
56
|
}
|
|
53
57
|
// Annotate the CommonJS export names for ESM import in node:
|
|
54
58
|
0 && (module.exports = {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/Users/n8/tamagui/packages/demos/src/AvatarDemo.tsx"],
|
|
4
|
-
"mappings": "
|
|
5
|
-
"names": ["AvatarDemo", "
|
|
4
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;uDAAA,eAAkB,kBAClB,iBAA+B;AAExB,SAASA,aAAAA;AACd,SACE,uCAAAC,MAACC,uBAAAA;IAAOC,YAAW;IAASC,OAAM;;MAChC,uCAAAH,MAACI,uBAAAA;QAAOC,UAAQ;QAACC,MAAK;;UACpB,uCAAAC,KAACH,sBAAOI,OAAK;YACXC,oBAAmB;YACnBC,KAAI;;UAEN,uCAAAH,KAACH,sBAAOO,UAAQ;YAACC,iBAAgB;;;;MAGnC,uCAAAZ,MAACI,uBAAAA;QAAOC,UAAQ;QAACC,MAAK;;UACpB,uCAAAC,KAACH,sBAAOI,OAAK;YACXC,oBAAmB;YACnBC,KAAI;;UAEN,uCAAAH,KAACH,sBAAOO,UAAQ;YAACE,SAAS;YAAKD,iBAAgB;;;;;;AAIvD;",
|
|
5
|
+
"names": ["AvatarDemo", "_jsxs", "XStack", "alignItems", "space", "Avatar", "circular", "size", "_jsx", "Image", "accessibilityLabel", "src", "Fallback", "backgroundColor", "delayMs"]
|
|
6
6
|
}
|
|
@@ -18,7 +18,7 @@ __export(BuildAButtonDemo_exports, {
|
|
|
18
18
|
BuildAButtonDemo: () => BuildAButtonDemo
|
|
19
19
|
});
|
|
20
20
|
module.exports = __toCommonJS(BuildAButtonDemo_exports);
|
|
21
|
-
var import_lucide_icons = require("@tamagui/lucide-icons"), import_tamagui = require("tamagui");
|
|
21
|
+
var import_jsx_runtime = require("react/jsx-runtime"), import_lucide_icons = require("@tamagui/lucide-icons"), import_tamagui = require("tamagui");
|
|
22
22
|
function _define_property(obj, key, value) {
|
|
23
23
|
return key in obj ? Object.defineProperty(obj, key, {
|
|
24
24
|
value,
|
|
@@ -64,68 +64,106 @@ var outlined = {
|
|
|
64
64
|
}
|
|
65
65
|
};
|
|
66
66
|
function BuildAButtonDemo() {
|
|
67
|
-
return /* @__PURE__ */
|
|
67
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
|
|
68
68
|
fullscreen: !0,
|
|
69
|
-
ov: "hidden"
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
69
|
+
ov: "hidden",
|
|
70
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
|
|
71
|
+
mah: 200,
|
|
72
|
+
y: -100,
|
|
73
|
+
x: -40,
|
|
74
|
+
rotate: "-10deg",
|
|
75
|
+
children: [
|
|
76
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(ButtonCol, _object_spread_props(_object_spread({
|
|
77
|
+
y: 35,
|
|
78
|
+
size: "$2"
|
|
79
|
+
}, outlined), {
|
|
80
|
+
subTheme: "alt1",
|
|
81
|
+
borderWidth: 1
|
|
82
|
+
})),
|
|
83
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(ButtonCol, {
|
|
84
|
+
y: 30
|
|
85
|
+
}),
|
|
86
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(ButtonCol, _object_spread({
|
|
87
|
+
y: -50
|
|
88
|
+
}, outlined)),
|
|
89
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(ButtonCol, _object_spread_props(_object_spread({}, outlined), {
|
|
90
|
+
icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_icons.Hand, {})
|
|
91
|
+
})),
|
|
92
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(ButtonCol, {
|
|
93
|
+
size: "$6",
|
|
94
|
+
subTheme: "alt2"
|
|
95
|
+
}),
|
|
96
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(ButtonCol, _object_spread({
|
|
97
|
+
size: "$6",
|
|
98
|
+
subTheme: "alt2"
|
|
99
|
+
}, outlined)),
|
|
100
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(ButtonCol, _object_spread({
|
|
101
|
+
size: "$8",
|
|
102
|
+
subTheme: "alt2",
|
|
103
|
+
iconAfter: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_icons.Drumstick, {})
|
|
104
|
+
}, outlined)),
|
|
105
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(ButtonCol, {
|
|
106
|
+
size: "$10",
|
|
107
|
+
subTheme: "alt1"
|
|
108
|
+
}),
|
|
109
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(ButtonCol, _object_spread_props(_object_spread({
|
|
110
|
+
size: "$8",
|
|
111
|
+
subTheme: "alt2"
|
|
112
|
+
}, outlined), {
|
|
113
|
+
borderRadius: 0
|
|
114
|
+
}))
|
|
115
|
+
]
|
|
116
|
+
})
|
|
117
|
+
});
|
|
106
118
|
}
|
|
107
119
|
function ButtonCol(props) {
|
|
108
120
|
var subTheme = props.subTheme ? "_".concat(props.subTheme) : "";
|
|
109
|
-
return /* @__PURE__ */
|
|
121
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
|
|
110
122
|
padding: "$2",
|
|
111
|
-
space: "$3"
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
123
|
+
space: "$3",
|
|
124
|
+
children: [
|
|
125
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, _object_spread_props(_object_spread({
|
|
126
|
+
theme: props.subTheme
|
|
127
|
+
}, props), {
|
|
128
|
+
children: "Hello"
|
|
129
|
+
})),
|
|
130
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, _object_spread_props(_object_spread({
|
|
131
|
+
theme: "orange" + subTheme
|
|
132
|
+
}, props), {
|
|
133
|
+
children: "Hello"
|
|
134
|
+
})),
|
|
135
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, _object_spread_props(_object_spread({
|
|
136
|
+
theme: "yellow" + subTheme
|
|
137
|
+
}, props), {
|
|
138
|
+
children: "Hello"
|
|
139
|
+
})),
|
|
140
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, _object_spread_props(_object_spread({
|
|
141
|
+
theme: "green" + subTheme
|
|
142
|
+
}, props), {
|
|
143
|
+
children: "Hello"
|
|
144
|
+
})),
|
|
145
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, _object_spread_props(_object_spread({
|
|
146
|
+
theme: "blue" + subTheme
|
|
147
|
+
}, props), {
|
|
148
|
+
children: "Hello"
|
|
149
|
+
})),
|
|
150
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, _object_spread_props(_object_spread({
|
|
151
|
+
theme: "purple" + subTheme
|
|
152
|
+
}, props), {
|
|
153
|
+
children: "Hello"
|
|
154
|
+
})),
|
|
155
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, _object_spread_props(_object_spread({
|
|
156
|
+
theme: "pink" + subTheme
|
|
157
|
+
}, props), {
|
|
158
|
+
children: "Hello"
|
|
159
|
+
})),
|
|
160
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, _object_spread_props(_object_spread({
|
|
161
|
+
theme: "red" + subTheme
|
|
162
|
+
}, props), {
|
|
163
|
+
children: "Hello"
|
|
164
|
+
}))
|
|
165
|
+
]
|
|
166
|
+
});
|
|
129
167
|
}
|
|
130
168
|
// Annotate the CommonJS export names for ESM import in node:
|
|
131
169
|
0 && (module.exports = {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/Users/n8/tamagui/packages/demos/src/BuildAButtonDemo.tsx"],
|
|
4
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;
|
|
5
|
-
"names": ["outlined", "backgroundColor", "borderWidth", "borderColor", "borderRadius", "hoverStyle", "BuildAButtonDemo", "YStack", "fullscreen", "ov", "XStack", "mah", "y", "x", "rotate", "ButtonCol", "size", "subTheme", "icon", "Hand", "iconAfter", "Drumstick", "props", "padding", "space", "Button", "theme"]
|
|
4
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;uDAAA,sBAAgC,kCAEhC,iBAAuC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEvC,IAAMA,WAAW;EACfC,iBAAiB;EACjBC,aAAa;EACbC,aAAa;EACbC,cAAc;EAEdC,YAAY;IACVJ,iBAAiB;IACjBE,aAAa;EACf;AACF;AAEO,SAASG,mBAAAA;AACd,SACE,uCAAAC,KAACC,uBAAAA;IAAOC,YAAU;IAACC,IAAG;cACpB,uCAAAC,MAACC,uBAAAA;MAAOC,KAAK;MAAKC,GAAG;MAAMC,GAAG;MAAKC,QAAO;;QACxC,uCAAAT,KAACU,WAAAA,qBAAAA,eAAAA;UAAUH,GAAG;UAAII,MAAK;WAASlB,QAAAA,GAAAA;UAAUmB,UAAS;UAAOjB,aAAa;;QACvE,uCAAAK,KAACU,WAAAA;UAAUH,GAAG;;QACd,uCAAAP,KAACU,WAAAA,eAAAA;UAAUH,GAAG;WAASd,QAAAA,CAAAA;QACvB,uCAAAO,KAACU,WAAAA,qBAAAA,eAAAA,CAAAA,GAAcjB,QAAAA,GAAAA;UAAUoB,MAAM,uCAAAb,KAACc,0BAAAA,CAAAA,CAAAA;;QAChC,uCAAAd,KAACU,WAAAA;UAAUC,MAAK;UAAKC,UAAS;;QAC9B,uCAAAZ,KAACU,WAAAA,eAAAA;UAAUC,MAAK;UAAKC,UAAS;WAAWnB,QAAAA,CAAAA;QACzC,uCAAAO,KAACU,WAAAA,eAAAA;UAAUC,MAAK;UAAKC,UAAS;UAAOG,WAAW,uCAAAf,KAACgB,+BAAAA,CAAAA,CAAAA;WAAkBvB,QAAAA,CAAAA;QACnE,uCAAAO,KAACU,WAAAA;UAAUC,MAAK;UAAMC,UAAS;;QAC/B,uCAAAZ,KAACU,WAAAA,qBAAAA,eAAAA;UAAUC,MAAK;UAAKC,UAAS;WAAWnB,QAAAA,GAAAA;UAAUI,cAAc;;;;;AAIzE;AAEA,SAASa,UACPO,OAEC;AAED,MAAML,WAAWK,MAAML,WAAY,IAAkB,OAAfK,MAAML,QAAQ,IAAK;AACzD,SACE,uCAAAR,MAACH,uBAAAA;IAAOiB,SAAQ;IAAKC,OAAM;;MACzB,uCAAAnB,KAACoB,uBAAAA,qBAAAA,eAAAA;QAAOC,OAAOJ,MAAML;SAAcK,KAAAA,GAAAA;kBAAO;;MAG1C,uCAAAjB,KAACoB,uBAAAA,qBAAAA,eAAAA;QAAOC,OAAQ,WAAWT;SAA4BK,KAAAA,GAAAA;kBAAO;;MAG9D,uCAAAjB,KAACoB,uBAAAA,qBAAAA,eAAAA;QAAOC,OAAQ,WAAWT;SAA4BK,KAAAA,GAAAA;kBAAO;;MAG9D,uCAAAjB,KAACoB,uBAAAA,qBAAAA,eAAAA;QAAOC,OAAQ,UAAUT;SAA4BK,KAAAA,GAAAA;kBAAO;;MAG7D,uCAAAjB,KAACoB,uBAAAA,qBAAAA,eAAAA;QAAOC,OAAQ,SAAST;SAA4BK,KAAAA,GAAAA;kBAAO;;MAG5D,uCAAAjB,KAACoB,uBAAAA,qBAAAA,eAAAA;QAAOC,OAAQ,WAAWT;SAA4BK,KAAAA,GAAAA;kBAAO;;MAG9D,uCAAAjB,KAACoB,uBAAAA,qBAAAA,eAAAA;QAAOC,OAAQ,SAAST;SAA4BK,KAAAA,GAAAA;kBAAO;;MAG5D,uCAAAjB,KAACoB,uBAAAA,qBAAAA,eAAAA;QAAOC,OAAQ,QAAQT;SAA4BK,KAAAA,GAAAA;kBAAO;;;;AAKjE;",
|
|
5
|
+
"names": ["outlined", "backgroundColor", "borderWidth", "borderColor", "borderRadius", "hoverStyle", "BuildAButtonDemo", "_jsx", "YStack", "fullscreen", "ov", "_jsxs", "XStack", "mah", "y", "x", "rotate", "ButtonCol", "size", "subTheme", "icon", "Hand", "iconAfter", "Drumstick", "props", "padding", "space", "Button", "theme"]
|
|
6
6
|
}
|