@tamagui/demos 1.89.28 → 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
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/Users/n8/tamagui/packages/demos/src/AvatarDemo.tsx"],
|
|
4
|
-
"mappings": "AAAA,
|
|
5
|
-
"names": ["
|
|
4
|
+
"mappings": ";AAAA,OAAkB;AAClB,SAASA,QAAQC,cAAc;AAExB,SAASC,aAAAA;AACd,SACE,sBAACD,QAAAA;IAAOE,YAAW;IAASC,OAAM;;MAChC,sBAACJ,QAAAA;QAAOK,UAAQ;QAACC,MAAK;;UACpB,qBAACN,OAAOO,OAAK;YACXC,oBAAmB;YACnBC,KAAI;;UAEN,qBAACT,OAAOU,UAAQ;YAACC,iBAAgB;;;;MAGnC,sBAACX,QAAAA;QAAOK,UAAQ;QAACC,MAAK;;UACpB,qBAACN,OAAOO,OAAK;YACXC,oBAAmB;YACnBC,KAAI;;UAEN,qBAACT,OAAOU,UAAQ;YAACE,SAAS;YAAKD,iBAAgB;;;;;;AAIvD;",
|
|
5
|
+
"names": ["Avatar", "XStack", "AvatarDemo", "alignItems", "space", "circular", "size", "Image", "accessibilityLabel", "src", "Fallback", "backgroundColor", "delayMs"]
|
|
6
6
|
}
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
1
2
|
import { Drumstick, Hand } from "@tamagui/lucide-icons";
|
|
2
3
|
import { Button, XStack, YStack } from "tamagui";
|
|
3
4
|
function _define_property(obj, key, value) {
|
|
@@ -45,68 +46,106 @@ var outlined = {
|
|
|
45
46
|
}
|
|
46
47
|
};
|
|
47
48
|
function BuildAButtonDemo() {
|
|
48
|
-
return /* @__PURE__ */
|
|
49
|
+
return /* @__PURE__ */ _jsx(YStack, {
|
|
49
50
|
fullscreen: !0,
|
|
50
|
-
ov: "hidden"
|
|
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
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
51
|
+
ov: "hidden",
|
|
52
|
+
children: /* @__PURE__ */ _jsxs(XStack, {
|
|
53
|
+
mah: 200,
|
|
54
|
+
y: -100,
|
|
55
|
+
x: -40,
|
|
56
|
+
rotate: "-10deg",
|
|
57
|
+
children: [
|
|
58
|
+
/* @__PURE__ */ _jsx(ButtonCol, _object_spread_props(_object_spread({
|
|
59
|
+
y: 35,
|
|
60
|
+
size: "$2"
|
|
61
|
+
}, outlined), {
|
|
62
|
+
subTheme: "alt1",
|
|
63
|
+
borderWidth: 1
|
|
64
|
+
})),
|
|
65
|
+
/* @__PURE__ */ _jsx(ButtonCol, {
|
|
66
|
+
y: 30
|
|
67
|
+
}),
|
|
68
|
+
/* @__PURE__ */ _jsx(ButtonCol, _object_spread({
|
|
69
|
+
y: -50
|
|
70
|
+
}, outlined)),
|
|
71
|
+
/* @__PURE__ */ _jsx(ButtonCol, _object_spread_props(_object_spread({}, outlined), {
|
|
72
|
+
icon: /* @__PURE__ */ _jsx(Hand, {})
|
|
73
|
+
})),
|
|
74
|
+
/* @__PURE__ */ _jsx(ButtonCol, {
|
|
75
|
+
size: "$6",
|
|
76
|
+
subTheme: "alt2"
|
|
77
|
+
}),
|
|
78
|
+
/* @__PURE__ */ _jsx(ButtonCol, _object_spread({
|
|
79
|
+
size: "$6",
|
|
80
|
+
subTheme: "alt2"
|
|
81
|
+
}, outlined)),
|
|
82
|
+
/* @__PURE__ */ _jsx(ButtonCol, _object_spread({
|
|
83
|
+
size: "$8",
|
|
84
|
+
subTheme: "alt2",
|
|
85
|
+
iconAfter: /* @__PURE__ */ _jsx(Drumstick, {})
|
|
86
|
+
}, outlined)),
|
|
87
|
+
/* @__PURE__ */ _jsx(ButtonCol, {
|
|
88
|
+
size: "$10",
|
|
89
|
+
subTheme: "alt1"
|
|
90
|
+
}),
|
|
91
|
+
/* @__PURE__ */ _jsx(ButtonCol, _object_spread_props(_object_spread({
|
|
92
|
+
size: "$8",
|
|
93
|
+
subTheme: "alt2"
|
|
94
|
+
}, outlined), {
|
|
95
|
+
borderRadius: 0
|
|
96
|
+
}))
|
|
97
|
+
]
|
|
98
|
+
})
|
|
99
|
+
});
|
|
87
100
|
}
|
|
88
101
|
function ButtonCol(props) {
|
|
89
102
|
var subTheme = props.subTheme ? "_".concat(props.subTheme) : "";
|
|
90
|
-
return /* @__PURE__ */
|
|
103
|
+
return /* @__PURE__ */ _jsxs(YStack, {
|
|
91
104
|
padding: "$2",
|
|
92
|
-
space: "$3"
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
105
|
+
space: "$3",
|
|
106
|
+
children: [
|
|
107
|
+
/* @__PURE__ */ _jsx(Button, _object_spread_props(_object_spread({
|
|
108
|
+
theme: props.subTheme
|
|
109
|
+
}, props), {
|
|
110
|
+
children: "Hello"
|
|
111
|
+
})),
|
|
112
|
+
/* @__PURE__ */ _jsx(Button, _object_spread_props(_object_spread({
|
|
113
|
+
theme: "orange" + subTheme
|
|
114
|
+
}, props), {
|
|
115
|
+
children: "Hello"
|
|
116
|
+
})),
|
|
117
|
+
/* @__PURE__ */ _jsx(Button, _object_spread_props(_object_spread({
|
|
118
|
+
theme: "yellow" + subTheme
|
|
119
|
+
}, props), {
|
|
120
|
+
children: "Hello"
|
|
121
|
+
})),
|
|
122
|
+
/* @__PURE__ */ _jsx(Button, _object_spread_props(_object_spread({
|
|
123
|
+
theme: "green" + subTheme
|
|
124
|
+
}, props), {
|
|
125
|
+
children: "Hello"
|
|
126
|
+
})),
|
|
127
|
+
/* @__PURE__ */ _jsx(Button, _object_spread_props(_object_spread({
|
|
128
|
+
theme: "blue" + subTheme
|
|
129
|
+
}, props), {
|
|
130
|
+
children: "Hello"
|
|
131
|
+
})),
|
|
132
|
+
/* @__PURE__ */ _jsx(Button, _object_spread_props(_object_spread({
|
|
133
|
+
theme: "purple" + subTheme
|
|
134
|
+
}, props), {
|
|
135
|
+
children: "Hello"
|
|
136
|
+
})),
|
|
137
|
+
/* @__PURE__ */ _jsx(Button, _object_spread_props(_object_spread({
|
|
138
|
+
theme: "pink" + subTheme
|
|
139
|
+
}, props), {
|
|
140
|
+
children: "Hello"
|
|
141
|
+
})),
|
|
142
|
+
/* @__PURE__ */ _jsx(Button, _object_spread_props(_object_spread({
|
|
143
|
+
theme: "red" + subTheme
|
|
144
|
+
}, props), {
|
|
145
|
+
children: "Hello"
|
|
146
|
+
}))
|
|
147
|
+
]
|
|
148
|
+
});
|
|
110
149
|
}
|
|
111
150
|
export {
|
|
112
151
|
BuildAButtonDemo
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/Users/n8/tamagui/packages/demos/src/BuildAButtonDemo.tsx"],
|
|
4
|
-
"mappings": "AAAA,SAASA,WAAWC,YAAY;AAEhC,SAASC,QAAQC,QAAQC,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEvC,IAAMC,WAAW;EACfC,iBAAiB;EACjBC,aAAa;EACbC,aAAa;EACbC,cAAc;EAEdC,YAAY;IACVJ,iBAAiB;IACjBE,aAAa;EACf;AACF;AAEO,SAASG,mBAAAA;AACd,SACE,
|
|
4
|
+
"mappings": ";AAAA,SAASA,WAAWC,YAAY;AAEhC,SAASC,QAAQC,QAAQC,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEvC,IAAMC,WAAW;EACfC,iBAAiB;EACjBC,aAAa;EACbC,aAAa;EACbC,cAAc;EAEdC,YAAY;IACVJ,iBAAiB;IACjBE,aAAa;EACf;AACF;AAEO,SAASG,mBAAAA;AACd,SACE,qBAACP,QAAAA;IAAOQ,YAAU;IAACC,IAAG;cACpB,sBAACV,QAAAA;MAAOW,KAAK;MAAKC,GAAG;MAAMC,GAAG;MAAKC,QAAO;;QACxC,qBAACC,WAAAA,qBAAAA,eAAAA;UAAUH,GAAG;UAAII,MAAK;WAASd,QAAAA,GAAAA;UAAUe,UAAS;UAAOb,aAAa;;QACvE,qBAACW,WAAAA;UAAUH,GAAG;;QACd,qBAACG,WAAAA,eAAAA;UAAUH,GAAG;WAASV,QAAAA,CAAAA;QACvB,qBAACa,WAAAA,qBAAAA,eAAAA,CAAAA,GAAcb,QAAAA,GAAAA;UAAUgB,MAAM,qBAACpB,MAAAA,CAAAA,CAAAA;;QAChC,qBAACiB,WAAAA;UAAUC,MAAK;UAAKC,UAAS;;QAC9B,qBAACF,WAAAA,eAAAA;UAAUC,MAAK;UAAKC,UAAS;WAAWf,QAAAA,CAAAA;QACzC,qBAACa,WAAAA,eAAAA;UAAUC,MAAK;UAAKC,UAAS;UAAOE,WAAW,qBAACtB,WAAAA,CAAAA,CAAAA;WAAkBK,QAAAA,CAAAA;QACnE,qBAACa,WAAAA;UAAUC,MAAK;UAAMC,UAAS;;QAC/B,qBAACF,WAAAA,qBAAAA,eAAAA;UAAUC,MAAK;UAAKC,UAAS;WAAWf,QAAAA,GAAAA;UAAUI,cAAc;;;;;AAIzE;AAEA,SAASS,UACPK,OAEC;AAED,MAAMH,WAAWG,MAAMH,WAAY,IAAkB,OAAfG,MAAMH,QAAQ,IAAK;AACzD,SACE,sBAAChB,QAAAA;IAAOoB,SAAQ;IAAKC,OAAM;;MACzB,qBAACvB,QAAAA,qBAAAA,eAAAA;QAAOwB,OAAOH,MAAMH;SAAcG,KAAAA,GAAAA;kBAAO;;MAG1C,qBAACrB,QAAAA,qBAAAA,eAAAA;QAAOwB,OAAQ,WAAWN;SAA4BG,KAAAA,GAAAA;kBAAO;;MAG9D,qBAACrB,QAAAA,qBAAAA,eAAAA;QAAOwB,OAAQ,WAAWN;SAA4BG,KAAAA,GAAAA;kBAAO;;MAG9D,qBAACrB,QAAAA,qBAAAA,eAAAA;QAAOwB,OAAQ,UAAUN;SAA4BG,KAAAA,GAAAA;kBAAO;;MAG7D,qBAACrB,QAAAA,qBAAAA,eAAAA;QAAOwB,OAAQ,SAASN;SAA4BG,KAAAA,GAAAA;kBAAO;;MAG5D,qBAACrB,QAAAA,qBAAAA,eAAAA;QAAOwB,OAAQ,WAAWN;SAA4BG,KAAAA,GAAAA;kBAAO;;MAG9D,qBAACrB,QAAAA,qBAAAA,eAAAA;QAAOwB,OAAQ,SAASN;SAA4BG,KAAAA,GAAAA;kBAAO;;MAG5D,qBAACrB,QAAAA,qBAAAA,eAAAA;QAAOwB,OAAQ,QAAQN;SAA4BG,KAAAA,GAAAA;kBAAO;;;;AAKjE;",
|
|
5
5
|
"names": ["Drumstick", "Hand", "Button", "XStack", "YStack", "outlined", "backgroundColor", "borderWidth", "borderColor", "borderRadius", "hoverStyle", "BuildAButtonDemo", "fullscreen", "ov", "mah", "y", "x", "rotate", "ButtonCol", "size", "subTheme", "icon", "iconAfter", "props", "padding", "space", "theme"]
|
|
6
6
|
}
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
1
2
|
import { Activity, Airplay } from "@tamagui/lucide-icons";
|
|
2
3
|
import { Button, XGroup, XStack, YStack } from "tamagui";
|
|
3
4
|
function _define_property(obj, key, value) {
|
|
@@ -10,50 +11,99 @@ function _define_property(obj, key, value) {
|
|
|
10
11
|
}
|
|
11
12
|
function _object_spread(target) {
|
|
12
13
|
for (var i = 1; i < arguments.length; i++) {
|
|
13
|
-
var source = arguments[i] != null ? arguments[i] : {},
|
|
14
|
-
typeof Object.getOwnPropertySymbols == "function" && (
|
|
14
|
+
var source = arguments[i] != null ? arguments[i] : {}, ownKeys2 = Object.keys(source);
|
|
15
|
+
typeof Object.getOwnPropertySymbols == "function" && (ownKeys2 = ownKeys2.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
|
|
15
16
|
return Object.getOwnPropertyDescriptor(source, sym).enumerable;
|
|
16
|
-
}))),
|
|
17
|
+
}))), ownKeys2.forEach(function(key) {
|
|
17
18
|
_define_property(target, key, source[key]);
|
|
18
19
|
});
|
|
19
20
|
}
|
|
20
21
|
return target;
|
|
21
22
|
}
|
|
23
|
+
function ownKeys(object, enumerableOnly) {
|
|
24
|
+
var keys = Object.keys(object);
|
|
25
|
+
if (Object.getOwnPropertySymbols) {
|
|
26
|
+
var symbols = Object.getOwnPropertySymbols(object);
|
|
27
|
+
enumerableOnly && (symbols = symbols.filter(function(sym) {
|
|
28
|
+
return Object.getOwnPropertyDescriptor(object, sym).enumerable;
|
|
29
|
+
})), keys.push.apply(keys, symbols);
|
|
30
|
+
}
|
|
31
|
+
return keys;
|
|
32
|
+
}
|
|
33
|
+
function _object_spread_props(target, source) {
|
|
34
|
+
return source = source ?? {}, Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function(key) {
|
|
35
|
+
Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
|
|
36
|
+
}), target;
|
|
37
|
+
}
|
|
22
38
|
function ButtonDemo(props) {
|
|
23
|
-
return /* @__PURE__ */
|
|
39
|
+
return /* @__PURE__ */ _jsxs(YStack, _object_spread_props(_object_spread({
|
|
24
40
|
padding: "$3",
|
|
25
41
|
space: "$3"
|
|
26
|
-
}, props),
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
42
|
+
}, props), {
|
|
43
|
+
children: [
|
|
44
|
+
/* @__PURE__ */ _jsx(Button, {
|
|
45
|
+
children: "Plain"
|
|
46
|
+
}),
|
|
47
|
+
/* @__PURE__ */ _jsx(Button, {
|
|
48
|
+
alignSelf: "center",
|
|
49
|
+
icon: Airplay,
|
|
50
|
+
size: "$6",
|
|
51
|
+
children: "Large"
|
|
52
|
+
}),
|
|
53
|
+
/* @__PURE__ */ _jsxs(XStack, {
|
|
54
|
+
space: "$2",
|
|
55
|
+
justifyContent: "center",
|
|
56
|
+
children: [
|
|
57
|
+
/* @__PURE__ */ _jsx(Button, {
|
|
58
|
+
size: "$3",
|
|
59
|
+
theme: "active",
|
|
60
|
+
children: "Active"
|
|
61
|
+
}),
|
|
62
|
+
/* @__PURE__ */ _jsx(Button, {
|
|
63
|
+
size: "$3",
|
|
64
|
+
variant: "outlined",
|
|
65
|
+
children: "Outlined"
|
|
66
|
+
})
|
|
67
|
+
]
|
|
68
|
+
}),
|
|
69
|
+
/* @__PURE__ */ _jsxs(XStack, {
|
|
70
|
+
space: "$2",
|
|
71
|
+
children: [
|
|
72
|
+
/* @__PURE__ */ _jsx(Button, {
|
|
73
|
+
themeInverse: !0,
|
|
74
|
+
size: "$3",
|
|
75
|
+
children: "Inverse"
|
|
76
|
+
}),
|
|
77
|
+
/* @__PURE__ */ _jsx(Button, {
|
|
78
|
+
iconAfter: Activity,
|
|
79
|
+
size: "$3",
|
|
80
|
+
children: "iconAfter"
|
|
81
|
+
})
|
|
82
|
+
]
|
|
83
|
+
}),
|
|
84
|
+
/* @__PURE__ */ _jsxs(XGroup, {
|
|
85
|
+
children: [
|
|
86
|
+
/* @__PURE__ */ _jsx(XGroup.Item, {
|
|
87
|
+
children: /* @__PURE__ */ _jsx(Button, {
|
|
88
|
+
width: "50%",
|
|
89
|
+
size: "$2",
|
|
90
|
+
disabled: !0,
|
|
91
|
+
opacity: 0.5,
|
|
92
|
+
children: "disabled"
|
|
93
|
+
})
|
|
94
|
+
}),
|
|
95
|
+
/* @__PURE__ */ _jsx(XGroup.Item, {
|
|
96
|
+
children: /* @__PURE__ */ _jsx(Button, {
|
|
97
|
+
width: "50%",
|
|
98
|
+
size: "$2",
|
|
99
|
+
chromeless: !0,
|
|
100
|
+
children: "chromeless"
|
|
101
|
+
})
|
|
102
|
+
})
|
|
103
|
+
]
|
|
104
|
+
})
|
|
105
|
+
]
|
|
106
|
+
}));
|
|
57
107
|
}
|
|
58
108
|
export {
|
|
59
109
|
ButtonDemo
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/Users/n8/tamagui/packages/demos/src/ButtonDemo.tsx"],
|
|
4
|
-
"mappings": "AAAA,SAASA,UAAUC,eAAe;AAClC,SAASC,QAAQC,QAAQC,QAAQC,cAAc
|
|
4
|
+
"mappings": ";AAAA,SAASA,UAAUC,eAAe;AAClC,SAASC,QAAQC,QAAQC,QAAQC,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAExC,SAASC,WAAWC,OAAK;AAC9B,SACE,sBAACF,QAAAA,qBAAAA,eAAAA;IAAOG,SAAQ;IAAKC,OAAM;KAASF,KAAAA,GAAAA;;MAClC,qBAACL,QAAAA;kBAAO;;MACR,qBAACA,QAAAA;QAAOQ,WAAU;QAASC,MAAMV;QAASW,MAAK;kBAAK;;MAGpD,sBAACR,QAAAA;QAAOK,OAAM;QAAKI,gBAAe;;UAChC,qBAACX,QAAAA;YAAOU,MAAK;YAAKE,OAAM;sBAAS;;UAGjC,qBAACZ,QAAAA;YAAOU,MAAK;YAAKG,SAAQ;sBAAW;;;;MAIvC,sBAACX,QAAAA;QAAOK,OAAM;;UACZ,qBAACP,QAAAA;YAAOc,cAAY;YAACJ,MAAK;sBAAK;;UAG/B,qBAACV,QAAAA;YAAOe,WAAWjB;YAAUY,MAAK;sBAAK;;;;MAIzC,sBAACT,QAAAA;;UACC,qBAACA,OAAOe,MAAI;sBACV,qBAAChB,QAAAA;cAAOiB,OAAM;cAAMP,MAAK;cAAKQ,UAAQ;cAACC,SAAS;wBAAK;;;UAKvD,qBAAClB,OAAOe,MAAI;sBACV,qBAAChB,QAAAA;cAAOiB,OAAM;cAAMP,MAAK;cAAKU,YAAU;wBAAC;;;;;;;AAOnD;",
|
|
5
5
|
"names": ["Activity", "Airplay", "Button", "XGroup", "XStack", "YStack", "ButtonDemo", "props", "padding", "space", "alignSelf", "icon", "size", "justifyContent", "theme", "variant", "themeInverse", "iconAfter", "Item", "width", "disabled", "opacity", "chromeless"]
|
|
6
6
|
}
|