@tamagui/demos 1.0.1-beta.100
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/AnimationsDemo.js +120 -0
- package/dist/cjs/AnimationsDemo.js.map +7 -0
- package/dist/cjs/AnimationsEnterDemo.js +67 -0
- package/dist/cjs/AnimationsEnterDemo.js.map +7 -0
- package/dist/cjs/AnimationsHoverDemo.js +50 -0
- package/dist/cjs/AnimationsHoverDemo.js.map +7 -0
- package/dist/cjs/AnimationsPresenceDemo.js +99 -0
- package/dist/cjs/AnimationsPresenceDemo.js.map +7 -0
- package/dist/cjs/AvatarDemo.js +55 -0
- package/dist/cjs/AvatarDemo.js.map +7 -0
- package/dist/cjs/ButtonDemo.js +81 -0
- package/dist/cjs/ButtonDemo.js.map +7 -0
- package/dist/cjs/CardDemo.js +90 -0
- package/dist/cjs/CardDemo.js.map +7 -0
- package/dist/cjs/Demos.js +127 -0
- package/dist/cjs/Demos.js.map +7 -0
- package/dist/cjs/DialogDemo.js +103 -0
- package/dist/cjs/DialogDemo.js.map +7 -0
- package/dist/cjs/DrawerDemo.js +69 -0
- package/dist/cjs/DrawerDemo.js.map +7 -0
- package/dist/cjs/DrawerSimpleDemo.js +52 -0
- package/dist/cjs/DrawerSimpleDemo.js.map +7 -0
- package/dist/cjs/FeatherIconsDemo.js +75 -0
- package/dist/cjs/FeatherIconsDemo.js.map +7 -0
- package/dist/cjs/FormsDemo.js +63 -0
- package/dist/cjs/FormsDemo.js.map +7 -0
- package/dist/cjs/GroupDemo.js +52 -0
- package/dist/cjs/GroupDemo.js.map +7 -0
- package/dist/cjs/HeadingsDemo.js +37 -0
- package/dist/cjs/HeadingsDemo.js.map +7 -0
- package/dist/cjs/ImageDemo.js +39 -0
- package/dist/cjs/ImageDemo.js.map +7 -0
- package/dist/cjs/KitchenSink.js +127 -0
- package/dist/cjs/KitchenSink.js.map +7 -0
- package/dist/cjs/LabelDemo.js +45 -0
- package/dist/cjs/LabelDemo.js.map +7 -0
- package/dist/cjs/LinearGradientDemo.js +43 -0
- package/dist/cjs/LinearGradientDemo.js.map +7 -0
- package/dist/cjs/ListItemDemo.js +83 -0
- package/dist/cjs/ListItemDemo.js.map +7 -0
- package/dist/cjs/MenuDemo.js +50 -0
- package/dist/cjs/MenuDemo.js.map +7 -0
- package/dist/cjs/PopoverDemo.js +99 -0
- package/dist/cjs/PopoverDemo.js.map +7 -0
- package/dist/cjs/ProgressDemo.js +80 -0
- package/dist/cjs/ProgressDemo.js.map +7 -0
- package/dist/cjs/SelectDemo.js +105 -0
- package/dist/cjs/SelectDemo.js.map +7 -0
- package/dist/cjs/SeparatorDemo.js +54 -0
- package/dist/cjs/SeparatorDemo.js.map +7 -0
- package/dist/cjs/ShapesDemo.js +46 -0
- package/dist/cjs/ShapesDemo.js.map +7 -0
- package/dist/cjs/SheetDemo.js +52 -0
- package/dist/cjs/SheetDemo.js.map +7 -0
- package/dist/cjs/SliderDemo.js +83 -0
- package/dist/cjs/SliderDemo.js.map +7 -0
- package/dist/cjs/SpinnerDemo.js +45 -0
- package/dist/cjs/SpinnerDemo.js.map +7 -0
- package/dist/cjs/StacksDemo.js +103 -0
- package/dist/cjs/StacksDemo.js.map +7 -0
- package/dist/cjs/SwitchDemo.js +68 -0
- package/dist/cjs/SwitchDemo.js.map +7 -0
- package/dist/cjs/TamaguiLogo.js +157 -0
- package/dist/cjs/TamaguiLogo.js.map +7 -0
- package/dist/cjs/TextDemo.js +54 -0
- package/dist/cjs/TextDemo.js.map +7 -0
- package/dist/cjs/ThemeInverseDemo.js +52 -0
- package/dist/cjs/ThemeInverseDemo.js.map +7 -0
- package/dist/cjs/TooltipDemo.js +127 -0
- package/dist/cjs/TooltipDemo.js.map +7 -0
- package/dist/cjs/conf.js +16 -0
- package/dist/cjs/conf.js.map +7 -0
- package/dist/cjs/demos/AnimationsDemo.js +121 -0
- package/dist/cjs/demos/AnimationsDemo.js.map +7 -0
- package/dist/cjs/demos/AnimationsEnterDemo.js +62 -0
- package/dist/cjs/demos/AnimationsEnterDemo.js.map +7 -0
- package/dist/cjs/demos/AnimationsHoverDemo.js +45 -0
- package/dist/cjs/demos/AnimationsHoverDemo.js.map +7 -0
- package/dist/cjs/demos/AnimationsPresenceDemo.js +96 -0
- package/dist/cjs/demos/AnimationsPresenceDemo.js.map +7 -0
- package/dist/cjs/demos/AvatarDemo.js +55 -0
- package/dist/cjs/demos/AvatarDemo.js.map +7 -0
- package/dist/cjs/demos/ButtonDemo.js +81 -0
- package/dist/cjs/demos/ButtonDemo.js.map +7 -0
- package/dist/cjs/demos/CardDemo.js +89 -0
- package/dist/cjs/demos/CardDemo.js.map +7 -0
- package/dist/cjs/demos/DialogDemo.js +94 -0
- package/dist/cjs/demos/DialogDemo.js.map +7 -0
- package/dist/cjs/demos/DrawerDemo.js +65 -0
- package/dist/cjs/demos/DrawerDemo.js.map +7 -0
- package/dist/cjs/demos/FeatherIconsDemo.js +74 -0
- package/dist/cjs/demos/FeatherIconsDemo.js.map +7 -0
- package/dist/cjs/demos/FormsDemo.js +63 -0
- package/dist/cjs/demos/FormsDemo.js.map +7 -0
- package/dist/cjs/demos/GroupDemo.js +44 -0
- package/dist/cjs/demos/GroupDemo.js.map +7 -0
- package/dist/cjs/demos/HeadingsDemo.js +37 -0
- package/dist/cjs/demos/HeadingsDemo.js.map +7 -0
- package/dist/cjs/demos/ImageDemo.js +39 -0
- package/dist/cjs/demos/ImageDemo.js.map +7 -0
- package/dist/cjs/demos/LabelDemo.js +39 -0
- package/dist/cjs/demos/LabelDemo.js.map +7 -0
- package/dist/cjs/demos/LinearGradientDemo.js +43 -0
- package/dist/cjs/demos/LinearGradientDemo.js.map +7 -0
- package/dist/cjs/demos/ListItemDemo.js +75 -0
- package/dist/cjs/demos/ListItemDemo.js.map +7 -0
- package/dist/cjs/demos/MenuDemo.js +50 -0
- package/dist/cjs/demos/MenuDemo.js.map +7 -0
- package/dist/cjs/demos/PopoverDemo.js +99 -0
- package/dist/cjs/demos/PopoverDemo.js.map +7 -0
- package/dist/cjs/demos/ProgressDemo.js +76 -0
- package/dist/cjs/demos/ProgressDemo.js.map +7 -0
- package/dist/cjs/demos/SeparatorDemo.js +54 -0
- package/dist/cjs/demos/SeparatorDemo.js.map +7 -0
- package/dist/cjs/demos/ShapesDemo.js +42 -0
- package/dist/cjs/demos/ShapesDemo.js.map +7 -0
- package/dist/cjs/demos/SliderDemo.js +59 -0
- package/dist/cjs/demos/SliderDemo.js.map +7 -0
- package/dist/cjs/demos/SpinnerDemo.js +41 -0
- package/dist/cjs/demos/SpinnerDemo.js.map +7 -0
- package/dist/cjs/demos/StacksDemo.js +101 -0
- package/dist/cjs/demos/StacksDemo.js.map +7 -0
- package/dist/cjs/demos/SwitchDemo.js +78 -0
- package/dist/cjs/demos/SwitchDemo.js.map +7 -0
- package/dist/cjs/demos/TextDemo.js +54 -0
- package/dist/cjs/demos/TextDemo.js.map +7 -0
- package/dist/cjs/demos/ThemeInverseDemo.js +53 -0
- package/dist/cjs/demos/ThemeInverseDemo.js.map +7 -0
- package/dist/cjs/demos/TooltipDemo.js +122 -0
- package/dist/cjs/demos/TooltipDemo.js.map +7 -0
- package/dist/cjs/demos/index.js +116 -0
- package/dist/cjs/demos/index.js.map +7 -0
- package/dist/cjs/index.js +115 -0
- package/dist/cjs/index.js.map +7 -0
- package/dist/cjs/useOnIntersecting.js +86 -0
- package/dist/cjs/useOnIntersecting.js.map +7 -0
- package/dist/esm/AnimationsDemo.js +95 -0
- package/dist/esm/AnimationsDemo.js.map +7 -0
- package/dist/esm/AnimationsEnterDemo.js +41 -0
- package/dist/esm/AnimationsEnterDemo.js.map +7 -0
- package/dist/esm/AnimationsHoverDemo.js +24 -0
- package/dist/esm/AnimationsHoverDemo.js.map +7 -0
- package/dist/esm/AnimationsPresenceDemo.js +72 -0
- package/dist/esm/AnimationsPresenceDemo.js.map +7 -0
- package/dist/esm/AvatarDemo.js +29 -0
- package/dist/esm/AvatarDemo.js.map +7 -0
- package/dist/esm/ButtonDemo.js +57 -0
- package/dist/esm/ButtonDemo.js.map +7 -0
- package/dist/esm/CardDemo.js +66 -0
- package/dist/esm/CardDemo.js.map +7 -0
- package/dist/esm/Demos.js +110 -0
- package/dist/esm/Demos.js.map +7 -0
- package/dist/esm/DialogDemo.js +77 -0
- package/dist/esm/DialogDemo.js.map +7 -0
- package/dist/esm/DrawerDemo.js +43 -0
- package/dist/esm/DrawerDemo.js.map +7 -0
- package/dist/esm/DrawerSimpleDemo.js +26 -0
- package/dist/esm/DrawerSimpleDemo.js.map +7 -0
- package/dist/esm/FeatherIconsDemo.js +49 -0
- package/dist/esm/FeatherIconsDemo.js.map +7 -0
- package/dist/esm/FormsDemo.js +37 -0
- package/dist/esm/FormsDemo.js.map +7 -0
- package/dist/esm/GroupDemo.js +26 -0
- package/dist/esm/GroupDemo.js.map +7 -0
- package/dist/esm/HeadingsDemo.js +11 -0
- package/dist/esm/HeadingsDemo.js.map +7 -0
- package/dist/esm/ImageDemo.js +13 -0
- package/dist/esm/ImageDemo.js.map +7 -0
- package/dist/esm/KitchenSink.js +110 -0
- package/dist/esm/KitchenSink.js.map +7 -0
- package/dist/esm/LabelDemo.js +19 -0
- package/dist/esm/LabelDemo.js.map +7 -0
- package/dist/esm/LinearGradientDemo.js +17 -0
- package/dist/esm/LinearGradientDemo.js.map +7 -0
- package/dist/esm/ListItemDemo.js +57 -0
- package/dist/esm/ListItemDemo.js.map +7 -0
- package/dist/esm/MenuDemo.js +24 -0
- package/dist/esm/MenuDemo.js.map +7 -0
- package/dist/esm/PopoverDemo.js +74 -0
- package/dist/esm/PopoverDemo.js.map +7 -0
- package/dist/esm/ProgressDemo.js +54 -0
- package/dist/esm/ProgressDemo.js.map +7 -0
- package/dist/esm/SelectDemo.js +79 -0
- package/dist/esm/SelectDemo.js.map +7 -0
- package/dist/esm/SeparatorDemo.js +28 -0
- package/dist/esm/SeparatorDemo.js.map +7 -0
- package/dist/esm/ShapesDemo.js +20 -0
- package/dist/esm/ShapesDemo.js.map +7 -0
- package/dist/esm/SheetDemo.js +26 -0
- package/dist/esm/SheetDemo.js.map +7 -0
- package/dist/esm/SliderDemo.js +59 -0
- package/dist/esm/SliderDemo.js.map +7 -0
- package/dist/esm/SpinnerDemo.js +19 -0
- package/dist/esm/SpinnerDemo.js.map +7 -0
- package/dist/esm/StacksDemo.js +77 -0
- package/dist/esm/StacksDemo.js.map +7 -0
- package/dist/esm/SwitchDemo.js +42 -0
- package/dist/esm/SwitchDemo.js.map +7 -0
- package/dist/esm/TamaguiLogo.js +129 -0
- package/dist/esm/TamaguiLogo.js.map +7 -0
- package/dist/esm/TextDemo.js +28 -0
- package/dist/esm/TextDemo.js.map +7 -0
- package/dist/esm/ThemeInverseDemo.js +26 -0
- package/dist/esm/ThemeInverseDemo.js.map +7 -0
- package/dist/esm/TooltipDemo.js +102 -0
- package/dist/esm/TooltipDemo.js.map +7 -0
- package/dist/esm/conf.js +1 -0
- package/dist/esm/conf.js.map +7 -0
- package/dist/esm/demos/AnimationsDemo.js +83 -0
- package/dist/esm/demos/AnimationsDemo.js.map +7 -0
- package/dist/esm/demos/AnimationsEnterDemo.js +42 -0
- package/dist/esm/demos/AnimationsEnterDemo.js.map +7 -0
- package/dist/esm/demos/AnimationsHoverDemo.js +25 -0
- package/dist/esm/demos/AnimationsHoverDemo.js.map +7 -0
- package/dist/esm/demos/AnimationsPresenceDemo.js +71 -0
- package/dist/esm/demos/AnimationsPresenceDemo.js.map +7 -0
- package/dist/esm/demos/AvatarDemo.js +35 -0
- package/dist/esm/demos/AvatarDemo.js.map +7 -0
- package/dist/esm/demos/ButtonDemo.js +48 -0
- package/dist/esm/demos/ButtonDemo.js.map +7 -0
- package/dist/esm/demos/CardDemo.js +53 -0
- package/dist/esm/demos/CardDemo.js.map +7 -0
- package/dist/esm/demos/DialogDemo.js +74 -0
- package/dist/esm/demos/DialogDemo.js.map +7 -0
- package/dist/esm/demos/DrawerDemo.js +45 -0
- package/dist/esm/demos/DrawerDemo.js.map +7 -0
- package/dist/esm/demos/FeatherIconsDemo.js +51 -0
- package/dist/esm/demos/FeatherIconsDemo.js.map +7 -0
- package/dist/esm/demos/FormsDemo.js +40 -0
- package/dist/esm/demos/FormsDemo.js.map +7 -0
- package/dist/esm/demos/GroupDemo.js +24 -0
- package/dist/esm/demos/GroupDemo.js.map +7 -0
- package/dist/esm/demos/HeadingsDemo.js +14 -0
- package/dist/esm/demos/HeadingsDemo.js.map +7 -0
- package/dist/esm/demos/ImageDemo.js +16 -0
- package/dist/esm/demos/ImageDemo.js.map +7 -0
- package/dist/esm/demos/LabelDemo.js +19 -0
- package/dist/esm/demos/LabelDemo.js.map +7 -0
- package/dist/esm/demos/LinearGradientDemo.js +20 -0
- package/dist/esm/demos/LinearGradientDemo.js.map +7 -0
- package/dist/esm/demos/ListItemDemo.js +55 -0
- package/dist/esm/demos/ListItemDemo.js.map +7 -0
- package/dist/esm/demos/MenuDemo.js +27 -0
- package/dist/esm/demos/MenuDemo.js.map +7 -0
- package/dist/esm/demos/PopoverDemo.js +51 -0
- package/dist/esm/demos/PopoverDemo.js.map +7 -0
- package/dist/esm/demos/ProgressDemo.js +56 -0
- package/dist/esm/demos/ProgressDemo.js.map +7 -0
- package/dist/esm/demos/SeparatorDemo.js +31 -0
- package/dist/esm/demos/SeparatorDemo.js.map +7 -0
- package/dist/esm/demos/ShapesDemo.js +22 -0
- package/dist/esm/demos/ShapesDemo.js.map +7 -0
- package/dist/esm/demos/SliderDemo.js +39 -0
- package/dist/esm/demos/SliderDemo.js.map +7 -0
- package/dist/esm/demos/SpinnerDemo.js +21 -0
- package/dist/esm/demos/SpinnerDemo.js.map +7 -0
- package/dist/esm/demos/StacksDemo.js +78 -0
- package/dist/esm/demos/StacksDemo.js.map +7 -0
- package/dist/esm/demos/SwitchDemo.js +58 -0
- package/dist/esm/demos/SwitchDemo.js.map +7 -0
- package/dist/esm/demos/TextDemo.js +31 -0
- package/dist/esm/demos/TextDemo.js.map +7 -0
- package/dist/esm/demos/ThemeInverseDemo.js +30 -0
- package/dist/esm/demos/ThemeInverseDemo.js.map +7 -0
- package/dist/esm/demos/TooltipDemo.js +75 -0
- package/dist/esm/demos/TooltipDemo.js.map +7 -0
- package/dist/esm/demos/index.js +62 -0
- package/dist/esm/demos/index.js.map +7 -0
- package/dist/esm/index.js +63 -0
- package/dist/esm/index.js.map +7 -0
- package/dist/esm/useOnIntersecting.js +62 -0
- package/dist/esm/useOnIntersecting.js.map +7 -0
- package/dist/jsx/AnimationsDemo.js +61 -0
- package/dist/jsx/AnimationsDemo.js.map +7 -0
- package/dist/jsx/AnimationsEnterDemo.js +24 -0
- package/dist/jsx/AnimationsEnterDemo.js.map +7 -0
- package/dist/jsx/AnimationsHoverDemo.js +13 -0
- package/dist/jsx/AnimationsHoverDemo.js.map +7 -0
- package/dist/jsx/AnimationsPresenceDemo.js +37 -0
- package/dist/jsx/AnimationsPresenceDemo.js.map +7 -0
- package/dist/jsx/AvatarDemo.js +17 -0
- package/dist/jsx/AvatarDemo.js.map +7 -0
- package/dist/jsx/ButtonDemo.js +24 -0
- package/dist/jsx/ButtonDemo.js.map +7 -0
- package/dist/jsx/CardDemo.js +25 -0
- package/dist/jsx/CardDemo.js.map +7 -0
- package/dist/jsx/Demos.js +69 -0
- package/dist/jsx/DialogDemo.js +35 -0
- package/dist/jsx/DialogDemo.js.map +7 -0
- package/dist/jsx/DrawerDemo.js +18 -0
- package/dist/jsx/DrawerDemo.js.map +7 -0
- package/dist/jsx/DrawerSimpleDemo.js +20 -0
- package/dist/jsx/DrawerSimpleDemo.js.map +7 -0
- package/dist/jsx/FeatherIconsDemo.js +32 -0
- package/dist/jsx/FeatherIconsDemo.js.map +7 -0
- package/dist/jsx/FormsDemo.js +19 -0
- package/dist/jsx/FormsDemo.js.map +7 -0
- package/dist/jsx/GroupDemo.js +24 -0
- package/dist/jsx/GroupDemo.js.map +7 -0
- package/dist/jsx/HeadingsDemo.js +15 -0
- package/dist/jsx/HeadingsDemo.js.map +7 -0
- package/dist/jsx/ImageDemo.js +8 -0
- package/dist/jsx/ImageDemo.js.map +7 -0
- package/dist/jsx/KitchenSink.js +69 -0
- package/dist/jsx/LabelDemo.js +11 -0
- package/dist/jsx/LabelDemo.js.map +7 -0
- package/dist/jsx/LinearGradientDemo.js +8 -0
- package/dist/jsx/LinearGradientDemo.js.map +7 -0
- package/dist/jsx/ListItemDemo.js +26 -0
- package/dist/jsx/ListItemDemo.js.map +7 -0
- package/dist/jsx/MenuDemo.js +15 -0
- package/dist/jsx/MenuDemo.js.map +7 -0
- package/dist/jsx/PopoverDemo.js +26 -0
- package/dist/jsx/PopoverDemo.js.map +7 -0
- package/dist/jsx/ProgressDemo.js +35 -0
- package/dist/jsx/ProgressDemo.js.map +7 -0
- package/dist/jsx/SelectDemo.js +51 -0
- package/dist/jsx/SelectDemo.js.map +7 -0
- package/dist/jsx/SeparatorDemo.js +19 -0
- package/dist/jsx/SeparatorDemo.js.map +7 -0
- package/dist/jsx/ShapesDemo.js +11 -0
- package/dist/jsx/ShapesDemo.js.map +7 -0
- package/dist/jsx/SheetDemo.js +20 -0
- package/dist/jsx/SheetDemo.js.map +7 -0
- package/dist/jsx/SliderDemo.js +18 -0
- package/dist/jsx/SliderDemo.js.map +7 -0
- package/dist/jsx/SpinnerDemo.js +11 -0
- package/dist/jsx/SpinnerDemo.js.map +7 -0
- package/dist/jsx/StacksDemo.js +24 -0
- package/dist/jsx/StacksDemo.js.map +7 -0
- package/dist/jsx/SwitchDemo.js +20 -0
- package/dist/jsx/SwitchDemo.js.map +7 -0
- package/dist/jsx/TamaguiLogo.js +42 -0
- package/dist/jsx/TamaguiLogo.js.map +7 -0
- package/dist/jsx/TextDemo.js +17 -0
- package/dist/jsx/TextDemo.js.map +7 -0
- package/dist/jsx/ThemeInverseDemo.js +20 -0
- package/dist/jsx/ThemeInverseDemo.js.map +7 -0
- package/dist/jsx/TooltipDemo.js +35 -0
- package/dist/jsx/TooltipDemo.js.map +7 -0
- package/dist/jsx/conf.js +1 -0
- package/dist/jsx/conf.js.map +7 -0
- package/dist/jsx/index.js +63 -0
- package/dist/jsx/index.js.map +7 -0
- package/dist/jsx/useOnIntersecting.js +62 -0
- package/dist/jsx/useOnIntersecting.js.map +7 -0
- package/package.json +47 -0
- package/src/AnimationsDemo.tsx +85 -0
- package/src/AnimationsEnterDemo.tsx +43 -0
- package/src/AnimationsHoverDemo.tsx +24 -0
- package/src/AnimationsPresenceDemo.tsx +73 -0
- package/src/AvatarDemo.tsx +24 -0
- package/src/ButtonDemo.tsx +38 -0
- package/src/CardDemo.tsx +40 -0
- package/src/DialogDemo.tsx +73 -0
- package/src/DrawerDemo.tsx +34 -0
- package/src/FeatherIconsDemo.tsx +45 -0
- package/src/FormsDemo.tsx +22 -0
- package/src/GroupDemo.tsx +26 -0
- package/src/HeadingsDemo.tsx +15 -0
- package/src/ImageDemo.tsx +6 -0
- package/src/LabelDemo.tsx +11 -0
- package/src/LinearGradientDemo.tsx +16 -0
- package/src/ListItemDemo.tsx +40 -0
- package/src/MenuDemo.tsx +33 -0
- package/src/PopoverDemo.tsx +41 -0
- package/src/ProgressDemo.tsx +52 -0
- package/src/SelectDemo.tsx +77 -0
- package/src/SeparatorDemo.tsx +19 -0
- package/src/ShapesDemo.tsx +11 -0
- package/src/SheetDemo.tsx +25 -0
- package/src/SliderDemo.tsx +23 -0
- package/src/SpinnerDemo.tsx +11 -0
- package/src/StacksDemo.tsx +26 -0
- package/src/SwitchDemo.tsx +27 -0
- package/src/TamaguiLogo.tsx +114 -0
- package/src/TextDemo.tsx +25 -0
- package/src/ThemeInverseDemo.tsx +27 -0
- package/src/TooltipDemo.tsx +51 -0
- package/src/conf.tsx +8 -0
- package/src/index.tsx +34 -0
- package/src/useOnIntersecting.tsx +80 -0
- package/types/AnimationsDemo.d.ts +22 -0
- package/types/AnimationsDemo.d.ts.map +1 -0
- package/types/AnimationsEnterDemo.d.ts +3 -0
- package/types/AnimationsEnterDemo.d.ts.map +1 -0
- package/types/AnimationsHoverDemo.d.ts +3 -0
- package/types/AnimationsHoverDemo.d.ts.map +1 -0
- package/types/AnimationsPresenceDemo.d.ts +4 -0
- package/types/AnimationsPresenceDemo.d.ts.map +1 -0
- package/types/AvatarDemo.d.ts +3 -0
- package/types/AvatarDemo.d.ts.map +1 -0
- package/types/ButtonDemo.d.ts +3 -0
- package/types/ButtonDemo.d.ts.map +1 -0
- package/types/CardDemo.d.ts +3 -0
- package/types/CardDemo.d.ts.map +1 -0
- package/types/Demos.d.ts +9 -0
- package/types/Demos.d.ts.map +1 -0
- package/types/DialogDemo.d.ts +3 -0
- package/types/DialogDemo.d.ts.map +1 -0
- package/types/DrawerDemo.d.ts +3 -0
- package/types/DrawerDemo.d.ts.map +1 -0
- package/types/DrawerSimpleDemo.d.ts +2 -0
- package/types/DrawerSimpleDemo.d.ts.map +1 -0
- package/types/FeatherIconsDemo.d.ts +3 -0
- package/types/FeatherIconsDemo.d.ts.map +1 -0
- package/types/FormsDemo.d.ts +3 -0
- package/types/FormsDemo.d.ts.map +1 -0
- package/types/GroupDemo.d.ts +3 -0
- package/types/GroupDemo.d.ts.map +1 -0
- package/types/HeadingsDemo.d.ts +3 -0
- package/types/HeadingsDemo.d.ts.map +1 -0
- package/types/ImageDemo.d.ts +3 -0
- package/types/ImageDemo.d.ts.map +1 -0
- package/types/KitchenSink.d.ts.map +1 -0
- package/types/LabelDemo.d.ts +3 -0
- package/types/LabelDemo.d.ts.map +1 -0
- package/types/LinearGradientDemo.d.ts +3 -0
- package/types/LinearGradientDemo.d.ts.map +1 -0
- package/types/ListItemDemo.d.ts +3 -0
- package/types/ListItemDemo.d.ts.map +1 -0
- package/types/MenuDemo.d.ts +3 -0
- package/types/MenuDemo.d.ts.map +1 -0
- package/types/PopoverDemo.d.ts +7 -0
- package/types/PopoverDemo.d.ts.map +1 -0
- package/types/ProgressDemo.d.ts +3 -0
- package/types/ProgressDemo.d.ts.map +1 -0
- package/types/SelectDemo.d.ts +3 -0
- package/types/SelectDemo.d.ts.map +1 -0
- package/types/SeparatorDemo.d.ts +3 -0
- package/types/SeparatorDemo.d.ts.map +1 -0
- package/types/ShapesDemo.d.ts +3 -0
- package/types/ShapesDemo.d.ts.map +1 -0
- package/types/SheetDemo.d.ts +2 -0
- package/types/SheetDemo.d.ts.map +1 -0
- package/types/SliderDemo.d.ts +3 -0
- package/types/SliderDemo.d.ts.map +1 -0
- package/types/SpinnerDemo.d.ts +3 -0
- package/types/SpinnerDemo.d.ts.map +1 -0
- package/types/StacksDemo.d.ts +3 -0
- package/types/StacksDemo.d.ts.map +1 -0
- package/types/SwitchDemo.d.ts +3 -0
- package/types/SwitchDemo.d.ts.map +1 -0
- package/types/TamaguiLogo.d.ts +26 -0
- package/types/TamaguiLogo.d.ts.map +1 -0
- package/types/TextDemo.d.ts +3 -0
- package/types/TextDemo.d.ts.map +1 -0
- package/types/ThemeInverseDemo.d.ts +3 -0
- package/types/ThemeInverseDemo.d.ts.map +1 -0
- package/types/TooltipDemo.d.ts +7 -0
- package/types/TooltipDemo.d.ts.map +1 -0
- package/types/conf.d.ts +8 -0
- package/types/conf.d.ts.map +1 -0
- package/types/demos/AnimationsDemo.d.ts +23 -0
- package/types/demos/AnimationsDemo.d.ts.map +1 -0
- package/types/demos/AnimationsEnterDemo.d.ts +4 -0
- package/types/demos/AnimationsEnterDemo.d.ts.map +1 -0
- package/types/demos/AnimationsHoverDemo.d.ts +4 -0
- package/types/demos/AnimationsHoverDemo.d.ts.map +1 -0
- package/types/demos/AnimationsPresenceDemo.d.ts +5 -0
- package/types/demos/AnimationsPresenceDemo.d.ts.map +1 -0
- package/types/demos/AvatarDemo.d.ts +3 -0
- package/types/demos/AvatarDemo.d.ts.map +1 -0
- package/types/demos/ButtonDemo.d.ts +3 -0
- package/types/demos/ButtonDemo.d.ts.map +1 -0
- package/types/demos/CardDemo.d.ts +3 -0
- package/types/demos/CardDemo.d.ts.map +1 -0
- package/types/demos/DialogDemo.d.ts +3 -0
- package/types/demos/DialogDemo.d.ts.map +1 -0
- package/types/demos/DrawerDemo.d.ts +3 -0
- package/types/demos/DrawerDemo.d.ts.map +1 -0
- package/types/demos/FeatherIconsDemo.d.ts +3 -0
- package/types/demos/FeatherIconsDemo.d.ts.map +1 -0
- package/types/demos/FormsDemo.d.ts +3 -0
- package/types/demos/FormsDemo.d.ts.map +1 -0
- package/types/demos/GroupDemo.d.ts +3 -0
- package/types/demos/GroupDemo.d.ts.map +1 -0
- package/types/demos/HeadingsDemo.d.ts +3 -0
- package/types/demos/HeadingsDemo.d.ts.map +1 -0
- package/types/demos/ImageDemo.d.ts +3 -0
- package/types/demos/ImageDemo.d.ts.map +1 -0
- package/types/demos/LabelDemo.d.ts +3 -0
- package/types/demos/LabelDemo.d.ts.map +1 -0
- package/types/demos/LinearGradientDemo.d.ts +3 -0
- package/types/demos/LinearGradientDemo.d.ts.map +1 -0
- package/types/demos/ListItemDemo.d.ts +3 -0
- package/types/demos/ListItemDemo.d.ts.map +1 -0
- package/types/demos/MenuDemo.d.ts +3 -0
- package/types/demos/MenuDemo.d.ts.map +1 -0
- package/types/demos/PopoverDemo.d.ts +7 -0
- package/types/demos/PopoverDemo.d.ts.map +1 -0
- package/types/demos/ProgressDemo.d.ts +3 -0
- package/types/demos/ProgressDemo.d.ts.map +1 -0
- package/types/demos/SeparatorDemo.d.ts +3 -0
- package/types/demos/SeparatorDemo.d.ts.map +1 -0
- package/types/demos/ShapesDemo.d.ts +3 -0
- package/types/demos/ShapesDemo.d.ts.map +1 -0
- package/types/demos/SliderDemo.d.ts +3 -0
- package/types/demos/SliderDemo.d.ts.map +1 -0
- package/types/demos/SpinnerDemo.d.ts +3 -0
- package/types/demos/SpinnerDemo.d.ts.map +1 -0
- package/types/demos/StacksDemo.d.ts +3 -0
- package/types/demos/StacksDemo.d.ts.map +1 -0
- package/types/demos/SwitchDemo.d.ts +3 -0
- package/types/demos/SwitchDemo.d.ts.map +1 -0
- package/types/demos/TextDemo.d.ts +3 -0
- package/types/demos/TextDemo.d.ts.map +1 -0
- package/types/demos/ThemeInverseDemo.d.ts +3 -0
- package/types/demos/ThemeInverseDemo.d.ts.map +1 -0
- package/types/demos/TooltipDemo.d.ts +7 -0
- package/types/demos/TooltipDemo.d.ts.map +1 -0
- package/types/demos/index.d.ts +31 -0
- package/types/demos/index.d.ts.map +1 -0
- package/types/index.d.ts +32 -0
- package/types/index.d.ts.map +1 -0
- package/types/useOnIntersecting.d.ts +11 -0
- package/types/useOnIntersecting.d.ts.map +1 -0
|
@@ -0,0 +1,59 @@
|
|
|
1
|
+
var __defProp = Object.defineProperty;
|
|
2
|
+
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
|
|
3
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
4
|
+
var __propIsEnum = Object.prototype.propertyIsEnumerable;
|
|
5
|
+
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
6
|
+
var __spreadValues = (a, b) => {
|
|
7
|
+
for (var prop in b || (b = {}))
|
|
8
|
+
if (__hasOwnProp.call(b, prop))
|
|
9
|
+
__defNormalProp(a, prop, b[prop]);
|
|
10
|
+
if (__getOwnPropSymbols)
|
|
11
|
+
for (var prop of __getOwnPropSymbols(b)) {
|
|
12
|
+
if (__propIsEnum.call(b, prop))
|
|
13
|
+
__defNormalProp(a, prop, b[prop]);
|
|
14
|
+
}
|
|
15
|
+
return a;
|
|
16
|
+
};
|
|
17
|
+
var __objRest = (source, exclude) => {
|
|
18
|
+
var target = {};
|
|
19
|
+
for (var prop in source)
|
|
20
|
+
if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
|
|
21
|
+
target[prop] = source[prop];
|
|
22
|
+
if (source != null && __getOwnPropSymbols)
|
|
23
|
+
for (var prop of __getOwnPropSymbols(source)) {
|
|
24
|
+
if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
|
|
25
|
+
target[prop] = source[prop];
|
|
26
|
+
}
|
|
27
|
+
return target;
|
|
28
|
+
};
|
|
29
|
+
import React from "react";
|
|
30
|
+
import { Slider, XStack } from "tamagui";
|
|
31
|
+
function SliderDemo() {
|
|
32
|
+
return /* @__PURE__ */ React.createElement(XStack, {
|
|
33
|
+
height: 200,
|
|
34
|
+
ai: "center",
|
|
35
|
+
space: "$8"
|
|
36
|
+
}, /* @__PURE__ */ React.createElement(SimpleSlider, {
|
|
37
|
+
height: 200,
|
|
38
|
+
orientation: "vertical"
|
|
39
|
+
}), /* @__PURE__ */ React.createElement(SimpleSlider, {
|
|
40
|
+
width: 200
|
|
41
|
+
}));
|
|
42
|
+
}
|
|
43
|
+
function SimpleSlider(_a) {
|
|
44
|
+
var _b = _a, { children } = _b, props = __objRest(_b, ["children"]);
|
|
45
|
+
return /* @__PURE__ */ React.createElement(Slider, __spreadValues({
|
|
46
|
+
defaultValue: [50],
|
|
47
|
+
max: 100,
|
|
48
|
+
step: 1
|
|
49
|
+
}, props), /* @__PURE__ */ React.createElement(Slider.Track, null, /* @__PURE__ */ React.createElement(Slider.TrackActive, null)), /* @__PURE__ */ React.createElement(Slider.Thumb, {
|
|
50
|
+
bordered: true,
|
|
51
|
+
circular: true,
|
|
52
|
+
elevate: true,
|
|
53
|
+
index: 0
|
|
54
|
+
}), children);
|
|
55
|
+
}
|
|
56
|
+
export {
|
|
57
|
+
SliderDemo
|
|
58
|
+
};
|
|
59
|
+
//# sourceMappingURL=SliderDemo.js.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../src/SliderDemo.tsx"],
|
|
4
|
+
"sourcesContent": ["import React from 'react'\nimport { Slider, SliderProps, XStack } from 'tamagui'\n\nexport function SliderDemo() {\n return (\n <XStack height={200} ai=\"center\" space=\"$8\">\n <SimpleSlider height={200} orientation=\"vertical\" />\n <SimpleSlider width={200} />\n </XStack>\n )\n}\n\nfunction SimpleSlider({ children, ...props }: SliderProps) {\n return (\n <Slider defaultValue={[50]} max={100} step={1} {...props}>\n <Slider.Track>\n <Slider.TrackActive />\n </Slider.Track>\n <Slider.Thumb bordered circular elevate index={0} />\n {children}\n </Slider>\n )\n}\n"],
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AACA;AAEO,sBAAsB;AAC3B,SACE,oCAAC;AAAA,IAAO,QAAQ;AAAA,IAAK,IAAG;AAAA,IAAS,OAAM;AAAA,KACrC,oCAAC;AAAA,IAAa,QAAQ;AAAA,IAAK,aAAY;AAAA,GAAW,GAClD,oCAAC;AAAA,IAAa,OAAO;AAAA,GAAK,CAC5B;AAEJ;AAEA,sBAAsB,IAAqC;AAArC,eAAE,eAAF,IAAe,kBAAf,IAAe,CAAb;AACtB,SACE,oCAAC;AAAA,IAAO,cAAc,CAAC,EAAE;AAAA,IAAG,KAAK;AAAA,IAAK,MAAM;AAAA,KAAO,QACjD,oCAAC,OAAO,OAAP,MACC,oCAAC,OAAO,aAAP,IAAmB,CACtB,GACA,oCAAC,OAAO,OAAP;AAAA,IAAa,UAAQ;AAAA,IAAC,UAAQ;AAAA,IAAC,SAAO;AAAA,IAAC,OAAO;AAAA,GAAG,GACjD,QACH;AAEJ;",
|
|
6
|
+
"names": []
|
|
7
|
+
}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { Spinner, YStack } from "tamagui";
|
|
3
|
+
function SpinnerDemo() {
|
|
4
|
+
return /* @__PURE__ */ React.createElement(YStack, {
|
|
5
|
+
p: "$3",
|
|
6
|
+
space: "$4",
|
|
7
|
+
ai: "center"
|
|
8
|
+
}, /* @__PURE__ */ React.createElement(Spinner, {
|
|
9
|
+
size: "small",
|
|
10
|
+
color: "$green10"
|
|
11
|
+
}), /* @__PURE__ */ React.createElement(Spinner, {
|
|
12
|
+
size: "large",
|
|
13
|
+
color: "$orange10"
|
|
14
|
+
}));
|
|
15
|
+
}
|
|
16
|
+
export {
|
|
17
|
+
SpinnerDemo
|
|
18
|
+
};
|
|
19
|
+
//# sourceMappingURL=SpinnerDemo.js.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../src/SpinnerDemo.tsx"],
|
|
4
|
+
"sourcesContent": ["import React from 'react'\nimport { Spinner, YStack } from 'tamagui'\n\nexport function SpinnerDemo() {\n return (\n <YStack p=\"$3\" space=\"$4\" ai=\"center\">\n <Spinner size=\"small\" color=\"$green10\" />\n <Spinner size=\"large\" color=\"$orange10\" />\n </YStack>\n )\n}\n"],
|
|
5
|
+
"mappings": "AAAA;AACA;AAEO,uBAAuB;AAC5B,SACE,oCAAC;AAAA,IAAO,GAAE;AAAA,IAAK,OAAM;AAAA,IAAK,IAAG;AAAA,KAC3B,oCAAC;AAAA,IAAQ,MAAK;AAAA,IAAQ,OAAM;AAAA,GAAW,GACvC,oCAAC;AAAA,IAAQ,MAAK;AAAA,IAAQ,OAAM;AAAA,GAAY,CAC1C;AAEJ;",
|
|
6
|
+
"names": []
|
|
7
|
+
}
|
|
@@ -0,0 +1,77 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { XStack, YStack, ZStack } from "tamagui";
|
|
3
|
+
function StacksDemo() {
|
|
4
|
+
return /* @__PURE__ */ React.createElement(XStack, {
|
|
5
|
+
maw: 250,
|
|
6
|
+
p: "$2",
|
|
7
|
+
als: "center",
|
|
8
|
+
space: true
|
|
9
|
+
}, /* @__PURE__ */ React.createElement(YStack, {
|
|
10
|
+
flex: 1,
|
|
11
|
+
space: "$2",
|
|
12
|
+
bw: 2,
|
|
13
|
+
boc: "$color",
|
|
14
|
+
br: "$4",
|
|
15
|
+
p: "$2"
|
|
16
|
+
}, /* @__PURE__ */ React.createElement(YStack, {
|
|
17
|
+
bc: "$color",
|
|
18
|
+
br: "$3",
|
|
19
|
+
p: "$2"
|
|
20
|
+
}), /* @__PURE__ */ React.createElement(YStack, {
|
|
21
|
+
bc: "$color",
|
|
22
|
+
br: "$3",
|
|
23
|
+
p: "$2"
|
|
24
|
+
}), /* @__PURE__ */ React.createElement(YStack, {
|
|
25
|
+
bc: "$color",
|
|
26
|
+
br: "$3",
|
|
27
|
+
p: "$2"
|
|
28
|
+
})), /* @__PURE__ */ React.createElement(XStack, {
|
|
29
|
+
flex: 1,
|
|
30
|
+
space: "$2",
|
|
31
|
+
bw: 2,
|
|
32
|
+
boc: "$color",
|
|
33
|
+
br: "$4",
|
|
34
|
+
p: "$2"
|
|
35
|
+
}, /* @__PURE__ */ React.createElement(YStack, {
|
|
36
|
+
bc: "$color",
|
|
37
|
+
br: "$3",
|
|
38
|
+
p: "$2"
|
|
39
|
+
}), /* @__PURE__ */ React.createElement(YStack, {
|
|
40
|
+
bc: "$color",
|
|
41
|
+
br: "$3",
|
|
42
|
+
p: "$2"
|
|
43
|
+
}), /* @__PURE__ */ React.createElement(YStack, {
|
|
44
|
+
bc: "$color",
|
|
45
|
+
br: "$3",
|
|
46
|
+
p: "$2"
|
|
47
|
+
})), /* @__PURE__ */ React.createElement(ZStack, {
|
|
48
|
+
maw: 50,
|
|
49
|
+
mah: 85,
|
|
50
|
+
w: 100,
|
|
51
|
+
flex: 1
|
|
52
|
+
}, /* @__PURE__ */ React.createElement(YStack, {
|
|
53
|
+
fullscreen: true,
|
|
54
|
+
bw: 2,
|
|
55
|
+
br: "$4",
|
|
56
|
+
p: "$2"
|
|
57
|
+
}), /* @__PURE__ */ React.createElement(YStack, {
|
|
58
|
+
fullscreen: true,
|
|
59
|
+
y: 10,
|
|
60
|
+
x: 10,
|
|
61
|
+
bw: 2,
|
|
62
|
+
br: "$4",
|
|
63
|
+
p: "$2"
|
|
64
|
+
}), /* @__PURE__ */ React.createElement(YStack, {
|
|
65
|
+
fullscreen: true,
|
|
66
|
+
y: 20,
|
|
67
|
+
x: 20,
|
|
68
|
+
bw: 2,
|
|
69
|
+
bc: "$color",
|
|
70
|
+
br: "$4",
|
|
71
|
+
p: "$2"
|
|
72
|
+
})));
|
|
73
|
+
}
|
|
74
|
+
export {
|
|
75
|
+
StacksDemo
|
|
76
|
+
};
|
|
77
|
+
//# sourceMappingURL=StacksDemo.js.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../src/StacksDemo.tsx"],
|
|
4
|
+
"sourcesContent": ["import React from 'react'\nimport { XStack, YStack, ZStack } from 'tamagui'\n\nexport function StacksDemo() {\n return (\n <XStack maw={250} p=\"$2\" als=\"center\" space>\n <YStack flex={1} space=\"$2\" bw={2} boc=\"$color\" br=\"$4\" p=\"$2\">\n <YStack bc=\"$color\" br=\"$3\" p=\"$2\" />\n <YStack bc=\"$color\" br=\"$3\" p=\"$2\" />\n <YStack bc=\"$color\" br=\"$3\" p=\"$2\" />\n </YStack>\n\n <XStack flex={1} space=\"$2\" bw={2} boc=\"$color\" br=\"$4\" p=\"$2\">\n <YStack bc=\"$color\" br=\"$3\" p=\"$2\" />\n <YStack bc=\"$color\" br=\"$3\" p=\"$2\" />\n <YStack bc=\"$color\" br=\"$3\" p=\"$2\" />\n </XStack>\n\n <ZStack maw={50} mah={85} w={100} flex={1}>\n <YStack fullscreen bw={2} br=\"$4\" p=\"$2\" />\n <YStack fullscreen y={10} x={10} bw={2} br=\"$4\" p=\"$2\" />\n <YStack fullscreen y={20} x={20} bw={2} bc=\"$color\" br=\"$4\" p=\"$2\" />\n </ZStack>\n </XStack>\n )\n}\n"],
|
|
5
|
+
"mappings": "AAAA;AACA;AAEO,sBAAsB;AAC3B,SACE,oCAAC;AAAA,IAAO,KAAK;AAAA,IAAK,GAAE;AAAA,IAAK,KAAI;AAAA,IAAS,OAAK;AAAA,KACzC,oCAAC;AAAA,IAAO,MAAM;AAAA,IAAG,OAAM;AAAA,IAAK,IAAI;AAAA,IAAG,KAAI;AAAA,IAAS,IAAG;AAAA,IAAK,GAAE;AAAA,KACxD,oCAAC;AAAA,IAAO,IAAG;AAAA,IAAS,IAAG;AAAA,IAAK,GAAE;AAAA,GAAK,GACnC,oCAAC;AAAA,IAAO,IAAG;AAAA,IAAS,IAAG;AAAA,IAAK,GAAE;AAAA,GAAK,GACnC,oCAAC;AAAA,IAAO,IAAG;AAAA,IAAS,IAAG;AAAA,IAAK,GAAE;AAAA,GAAK,CACrC,GAEA,oCAAC;AAAA,IAAO,MAAM;AAAA,IAAG,OAAM;AAAA,IAAK,IAAI;AAAA,IAAG,KAAI;AAAA,IAAS,IAAG;AAAA,IAAK,GAAE;AAAA,KACxD,oCAAC;AAAA,IAAO,IAAG;AAAA,IAAS,IAAG;AAAA,IAAK,GAAE;AAAA,GAAK,GACnC,oCAAC;AAAA,IAAO,IAAG;AAAA,IAAS,IAAG;AAAA,IAAK,GAAE;AAAA,GAAK,GACnC,oCAAC;AAAA,IAAO,IAAG;AAAA,IAAS,IAAG;AAAA,IAAK,GAAE;AAAA,GAAK,CACrC,GAEA,oCAAC;AAAA,IAAO,KAAK;AAAA,IAAI,KAAK;AAAA,IAAI,GAAG;AAAA,IAAK,MAAM;AAAA,KACtC,oCAAC;AAAA,IAAO,YAAU;AAAA,IAAC,IAAI;AAAA,IAAG,IAAG;AAAA,IAAK,GAAE;AAAA,GAAK,GACzC,oCAAC;AAAA,IAAO,YAAU;AAAA,IAAC,GAAG;AAAA,IAAI,GAAG;AAAA,IAAI,IAAI;AAAA,IAAG,IAAG;AAAA,IAAK,GAAE;AAAA,GAAK,GACvD,oCAAC;AAAA,IAAO,YAAU;AAAA,IAAC,GAAG;AAAA,IAAI,GAAG;AAAA,IAAI,IAAI;AAAA,IAAG,IAAG;AAAA,IAAS,IAAG;AAAA,IAAK,GAAE;AAAA,GAAK,CACrE,CACF;AAEJ;",
|
|
6
|
+
"names": []
|
|
7
|
+
}
|
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { Label, Separator, Switch, XStack, YStack } from "tamagui";
|
|
3
|
+
function SwitchDemo() {
|
|
4
|
+
return /* @__PURE__ */ React.createElement(YStack, {
|
|
5
|
+
w: 300,
|
|
6
|
+
ai: "center",
|
|
7
|
+
space: "$3"
|
|
8
|
+
}, /* @__PURE__ */ React.createElement(SwitchWithLabel, {
|
|
9
|
+
size: "$2"
|
|
10
|
+
}), /* @__PURE__ */ React.createElement(SwitchWithLabel, {
|
|
11
|
+
size: "$3"
|
|
12
|
+
}), /* @__PURE__ */ React.createElement(SwitchWithLabel, {
|
|
13
|
+
size: "$4"
|
|
14
|
+
}), /* @__PURE__ */ React.createElement(SwitchWithLabel, {
|
|
15
|
+
size: "$5"
|
|
16
|
+
}));
|
|
17
|
+
}
|
|
18
|
+
function SwitchWithLabel(props) {
|
|
19
|
+
return /* @__PURE__ */ React.createElement(XStack, {
|
|
20
|
+
w: 300,
|
|
21
|
+
ai: "center",
|
|
22
|
+
space: "$4"
|
|
23
|
+
}, /* @__PURE__ */ React.createElement(Label, {
|
|
24
|
+
pr: "$0",
|
|
25
|
+
miw: 200,
|
|
26
|
+
jc: "flex-end",
|
|
27
|
+
size: props.size,
|
|
28
|
+
htmlFor: "switch-1"
|
|
29
|
+
}, "Dark mode"), /* @__PURE__ */ React.createElement(Separator, {
|
|
30
|
+
mih: 20,
|
|
31
|
+
vertical: true
|
|
32
|
+
}), /* @__PURE__ */ React.createElement(Switch, {
|
|
33
|
+
id: "switch-1",
|
|
34
|
+
size: props.size
|
|
35
|
+
}, /* @__PURE__ */ React.createElement(Switch.Thumb, {
|
|
36
|
+
animation: "bouncy"
|
|
37
|
+
})));
|
|
38
|
+
}
|
|
39
|
+
export {
|
|
40
|
+
SwitchDemo
|
|
41
|
+
};
|
|
42
|
+
//# sourceMappingURL=SwitchDemo.js.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../src/SwitchDemo.tsx"],
|
|
4
|
+
"sourcesContent": ["import React from 'react'\nimport { Label, Separator, SizeTokens, Switch, XStack, YStack } from 'tamagui'\n\nexport function SwitchDemo() {\n return (\n <YStack w={300} ai=\"center\" space=\"$3\">\n <SwitchWithLabel size=\"$2\" />\n <SwitchWithLabel size=\"$3\" />\n <SwitchWithLabel size=\"$4\" />\n <SwitchWithLabel size=\"$5\" />\n </YStack>\n )\n}\n\nfunction SwitchWithLabel(props: { size: SizeTokens }) {\n return (\n <XStack w={300} ai=\"center\" space=\"$4\">\n <Label pr=\"$0\" miw={200} jc=\"flex-end\" size={props.size} htmlFor=\"switch-1\">\n Dark mode\n </Label>\n <Separator mih={20} vertical />\n <Switch id=\"switch-1\" size={props.size}>\n <Switch.Thumb animation=\"bouncy\" />\n </Switch>\n </XStack>\n )\n}\n"],
|
|
5
|
+
"mappings": "AAAA;AACA;AAEO,sBAAsB;AAC3B,SACE,oCAAC;AAAA,IAAO,GAAG;AAAA,IAAK,IAAG;AAAA,IAAS,OAAM;AAAA,KAChC,oCAAC;AAAA,IAAgB,MAAK;AAAA,GAAK,GAC3B,oCAAC;AAAA,IAAgB,MAAK;AAAA,GAAK,GAC3B,oCAAC;AAAA,IAAgB,MAAK;AAAA,GAAK,GAC3B,oCAAC;AAAA,IAAgB,MAAK;AAAA,GAAK,CAC7B;AAEJ;AAEA,yBAAyB,OAA6B;AACpD,SACE,oCAAC;AAAA,IAAO,GAAG;AAAA,IAAK,IAAG;AAAA,IAAS,OAAM;AAAA,KAChC,oCAAC;AAAA,IAAM,IAAG;AAAA,IAAK,KAAK;AAAA,IAAK,IAAG;AAAA,IAAW,MAAM,MAAM;AAAA,IAAM,SAAQ;AAAA,KAAW,WAE5E,GACA,oCAAC;AAAA,IAAU,KAAK;AAAA,IAAI,UAAQ;AAAA,GAAC,GAC7B,oCAAC;AAAA,IAAO,IAAG;AAAA,IAAW,MAAM,MAAM;AAAA,KAChC,oCAAC,OAAO,OAAP;AAAA,IAAa,WAAU;AAAA,GAAS,CACnC,CACF;AAEJ;",
|
|
6
|
+
"names": []
|
|
7
|
+
}
|
|
@@ -0,0 +1,129 @@
|
|
|
1
|
+
var __defProp = Object.defineProperty;
|
|
2
|
+
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
|
|
3
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
4
|
+
var __propIsEnum = Object.prototype.propertyIsEnumerable;
|
|
5
|
+
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
6
|
+
var __spreadValues = (a, b) => {
|
|
7
|
+
for (var prop in b || (b = {}))
|
|
8
|
+
if (__hasOwnProp.call(b, prop))
|
|
9
|
+
__defNormalProp(a, prop, b[prop]);
|
|
10
|
+
if (__getOwnPropSymbols)
|
|
11
|
+
for (var prop of __getOwnPropSymbols(b)) {
|
|
12
|
+
if (__propIsEnum.call(b, prop))
|
|
13
|
+
__defNormalProp(a, prop, b[prop]);
|
|
14
|
+
}
|
|
15
|
+
return a;
|
|
16
|
+
};
|
|
17
|
+
var __objRest = (source, exclude) => {
|
|
18
|
+
var target = {};
|
|
19
|
+
for (var prop in source)
|
|
20
|
+
if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
|
|
21
|
+
target[prop] = source[prop];
|
|
22
|
+
if (source != null && __getOwnPropSymbols)
|
|
23
|
+
for (var prop of __getOwnPropSymbols(source)) {
|
|
24
|
+
if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
|
|
25
|
+
target[prop] = source[prop];
|
|
26
|
+
}
|
|
27
|
+
return target;
|
|
28
|
+
};
|
|
29
|
+
import React, { forwardRef } from "react";
|
|
30
|
+
import { XStack, YStack } from "tamagui";
|
|
31
|
+
const tints = ["red", "orange", "yellow", "green", "blue", "purple", "pink"];
|
|
32
|
+
const logoColors = tints.map((t) => `var(--${t}9)`);
|
|
33
|
+
const TamaguiLogo = forwardRef((_a, ref) => {
|
|
34
|
+
var _b = _a, {
|
|
35
|
+
showWords,
|
|
36
|
+
color,
|
|
37
|
+
downscale,
|
|
38
|
+
onHoverLetter
|
|
39
|
+
} = _b, props = __objRest(_b, [
|
|
40
|
+
"showWords",
|
|
41
|
+
"color",
|
|
42
|
+
"downscale",
|
|
43
|
+
"onHoverLetter"
|
|
44
|
+
]);
|
|
45
|
+
return /* @__PURE__ */ React.createElement(XStack, __spreadValues({
|
|
46
|
+
ref,
|
|
47
|
+
ai: "center",
|
|
48
|
+
jc: "center",
|
|
49
|
+
space: "$5"
|
|
50
|
+
}, props), /* @__PURE__ */ React.createElement(LogoIcon, {
|
|
51
|
+
downscale: (downscale ?? 1) * (showWords ? 2 : 1.5),
|
|
52
|
+
color
|
|
53
|
+
}), showWords && /* @__PURE__ */ React.createElement(YStack, {
|
|
54
|
+
mb: -4
|
|
55
|
+
}, /* @__PURE__ */ React.createElement(LogoWords, {
|
|
56
|
+
onHoverLetter,
|
|
57
|
+
downscale: downscale ?? 2,
|
|
58
|
+
color
|
|
59
|
+
})));
|
|
60
|
+
});
|
|
61
|
+
const LogoWords = ({
|
|
62
|
+
color,
|
|
63
|
+
downscale = 1,
|
|
64
|
+
onHoverLetter
|
|
65
|
+
}) => {
|
|
66
|
+
return /* @__PURE__ */ React.createElement("svg", {
|
|
67
|
+
width: 373 * (1 / downscale) * 0.333333334,
|
|
68
|
+
height: 41 * (1 / downscale) * 0.333333334,
|
|
69
|
+
viewBox: "0 0 373 41"
|
|
70
|
+
}, /* @__PURE__ */ React.createElement("polygon", {
|
|
71
|
+
shapeRendering: "crispEdges",
|
|
72
|
+
fill: color || logoColors[0],
|
|
73
|
+
points: "24.3870968 40.1612903 24.3870968 8.67741935 32.2580645 8.67741935 32.2580645 0.806451613 0.774193548 0.806451613 0.774193548 8.67741935 8.64516129 8.67741935 8.64516129 40.1612903",
|
|
74
|
+
onMouseEnter: onHoverLetter ? () => onHoverLetter(0) : void 0
|
|
75
|
+
}), /* @__PURE__ */ React.createElement("path", {
|
|
76
|
+
shapeRendering: "crispEdges",
|
|
77
|
+
fill: color || logoColors[1],
|
|
78
|
+
d: "M87.3548387,0.806451613 L87.3548387,8.67741935 L95.2258065,8.67741935 L95.2258065,40.1612903 L79.483871,40.1612903 L79.483871,24.4193548 L71.6129032,24.4193548 L71.6129032,40.1612903 L55.8709677,40.1612903 L55.8709677,8.67741935 L63.7419355,8.67741935 L63.7419355,0.806451613 L87.3548387,0.806451613 Z M79.483871,8.67741935 L71.6129032,8.67741935 L71.6129032,16.5483871 L79.483871,16.5483871 L79.483871,8.67741935 Z",
|
|
79
|
+
fillRule: "nonzero",
|
|
80
|
+
onMouseEnter: onHoverLetter ? () => onHoverLetter(1) : void 0
|
|
81
|
+
}), /* @__PURE__ */ React.createElement("polygon", {
|
|
82
|
+
shapeRendering: "crispEdges",
|
|
83
|
+
fill: color || logoColors[2],
|
|
84
|
+
points: "130.645161 40.1612903 130.645161 22.4516129 138.516129 22.4516129 138.516129 40.1612903 154.258065 40.1612903 154.258065 0.806451613 142.451613 0.806451613 142.451613 8.67741935 126.709677 8.67741935 126.709677 0.806451613 114.903226 0.806451613 114.903226 40.1612903",
|
|
85
|
+
onMouseEnter: onHoverLetter ? () => onHoverLetter(2) : void 0
|
|
86
|
+
}), /* @__PURE__ */ React.createElement("path", {
|
|
87
|
+
fill: color || logoColors[3],
|
|
88
|
+
d: "M205.419355,0.806451613 L205.419355,8.67741935 L213.290323,8.67741935 L213.290323,40.1612903 L197.548387,40.1612903 L197.548387,24.4193548 L189.677419,24.4193548 L189.677419,40.1612903 L173.935484,40.1612903 L173.935484,8.67741935 L181.806452,8.67741935 L181.806452,0.806451613 L205.419355,0.806451613 Z M197.548387,8.67741935 L189.677419,8.67741935 L189.677419,16.5483871 L197.548387,16.5483871 L197.548387,8.67741935 Z",
|
|
89
|
+
fillRule: "nonzero",
|
|
90
|
+
onMouseEnter: onHoverLetter ? () => onHoverLetter(3) : void 0
|
|
91
|
+
}), /* @__PURE__ */ React.createElement("polygon", {
|
|
92
|
+
shapeRendering: "crispEdges",
|
|
93
|
+
fill: color || logoColors[4],
|
|
94
|
+
points: "264.451613 40.1612903 264.451613 32.2903226 272.322581 32.2903226 272.322581 16.5483871 256.580645 16.5483871 256.580645 32.2903226 248.709677 32.2903226 248.709677 8.67741935 272.322581 8.67741935 272.322581 0.806451613 240.83871 0.806451613 240.83871 8.67741935 232.967742 8.67741935 232.967742 32.2903226 240.83871 32.2903226 240.83871 40.1612903",
|
|
95
|
+
onMouseEnter: onHoverLetter ? () => onHoverLetter(4) : void 0
|
|
96
|
+
}), /* @__PURE__ */ React.createElement("polygon", {
|
|
97
|
+
shapeRendering: "crispEdges",
|
|
98
|
+
fill: color || logoColors[5],
|
|
99
|
+
points: "323.483871 40.1612903 323.483871 32.2903226 331.354839 32.2903226 331.354839 0.806451613 315.612903 0.806451613 315.612903 32.2903226 307.741935 32.2903226 307.741935 0.806451613 292 0.806451613 292 32.2903226 299.870968 32.2903226 299.870968 40.1612903",
|
|
100
|
+
onMouseEnter: onHoverLetter ? () => onHoverLetter(5) : void 0
|
|
101
|
+
}), /* @__PURE__ */ React.createElement("polygon", {
|
|
102
|
+
shapeRendering: "crispEdges",
|
|
103
|
+
fill: color || logoColors[6],
|
|
104
|
+
points: "372.677419 40.1612903 372.677419 0.806451613 356.935484 0.806451613 356.935484 40.1612903",
|
|
105
|
+
onMouseEnter: onHoverLetter ? () => onHoverLetter(6) : void 0
|
|
106
|
+
}));
|
|
107
|
+
};
|
|
108
|
+
const LogoIcon = ({ downscale = 2 }) => {
|
|
109
|
+
return /* @__PURE__ */ React.createElement(YStack, {
|
|
110
|
+
als: "center",
|
|
111
|
+
marginVertical: -10,
|
|
112
|
+
pressStyle: {
|
|
113
|
+
opacity: 0.7
|
|
114
|
+
}
|
|
115
|
+
}, /* @__PURE__ */ React.createElement("img", {
|
|
116
|
+
className: "tamagui-icon",
|
|
117
|
+
width: 450 / 8 / downscale,
|
|
118
|
+
height: 420 / 8 / downscale,
|
|
119
|
+
src: "/tamagui-icon.svg"
|
|
120
|
+
}));
|
|
121
|
+
};
|
|
122
|
+
export {
|
|
123
|
+
LogoIcon,
|
|
124
|
+
LogoWords,
|
|
125
|
+
TamaguiLogo,
|
|
126
|
+
logoColors,
|
|
127
|
+
tints
|
|
128
|
+
};
|
|
129
|
+
//# sourceMappingURL=TamaguiLogo.js.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../src/TamaguiLogo.tsx"],
|
|
4
|
+
"sourcesContent": ["import React, { forwardRef } from 'react'\nimport { ThemeName, XStack, XStackProps, YStack } from 'tamagui'\n\nexport const tints: ThemeName[] = ['red', 'orange', 'yellow', 'green', 'blue', 'purple', 'pink']\n\nexport const logoColors = tints.map((t) => `var(--${t}9)`)\n\nexport const TamaguiLogo = forwardRef(\n (\n {\n showWords,\n color,\n downscale,\n onHoverLetter,\n ...props\n }: {\n onHoverLetter?: (i: number) => void\n showWords?: boolean\n color?: string\n downscale?: number\n } & XStackProps,\n ref\n ) => (\n <XStack ref={ref} ai=\"center\" jc=\"center\" space=\"$5\" {...props}>\n <LogoIcon downscale={(downscale ?? 1) * (showWords ? 2 : 1.5)} color={color} />\n {showWords && (\n <YStack mb={-4}>\n <LogoWords onHoverLetter={onHoverLetter} downscale={downscale ?? 2} color={color} />\n </YStack>\n )}\n </XStack>\n )\n)\n\nexport const LogoWords = ({\n color,\n downscale = 1,\n onHoverLetter,\n}: {\n color?: string\n downscale?: number\n onHoverLetter?: any\n}) => {\n return (\n <svg\n width={373 * (1 / downscale) * 0.333333334}\n height={41 * (1 / downscale) * 0.333333334}\n viewBox=\"0 0 373 41\"\n >\n <polygon\n shapeRendering=\"crispEdges\"\n fill={color || logoColors[0]}\n points=\"24.3870968 40.1612903 24.3870968 8.67741935 32.2580645 8.67741935 32.2580645 0.806451613 0.774193548 0.806451613 0.774193548 8.67741935 8.64516129 8.67741935 8.64516129 40.1612903\"\n onMouseEnter={onHoverLetter ? () => onHoverLetter(0) : undefined}\n />\n <path\n shapeRendering=\"crispEdges\"\n fill={color || logoColors[1]}\n d=\"M87.3548387,0.806451613 L87.3548387,8.67741935 L95.2258065,8.67741935 L95.2258065,40.1612903 L79.483871,40.1612903 L79.483871,24.4193548 L71.6129032,24.4193548 L71.6129032,40.1612903 L55.8709677,40.1612903 L55.8709677,8.67741935 L63.7419355,8.67741935 L63.7419355,0.806451613 L87.3548387,0.806451613 Z M79.483871,8.67741935 L71.6129032,8.67741935 L71.6129032,16.5483871 L79.483871,16.5483871 L79.483871,8.67741935 Z\"\n fillRule=\"nonzero\"\n onMouseEnter={onHoverLetter ? () => onHoverLetter(1) : undefined}\n />\n <polygon\n shapeRendering=\"crispEdges\"\n fill={color || logoColors[2]}\n points=\"130.645161 40.1612903 130.645161 22.4516129 138.516129 22.4516129 138.516129 40.1612903 154.258065 40.1612903 154.258065 0.806451613 142.451613 0.806451613 142.451613 8.67741935 126.709677 8.67741935 126.709677 0.806451613 114.903226 0.806451613 114.903226 40.1612903\"\n onMouseEnter={onHoverLetter ? () => onHoverLetter(2) : undefined}\n />\n <path\n fill={color || logoColors[3]}\n d=\"M205.419355,0.806451613 L205.419355,8.67741935 L213.290323,8.67741935 L213.290323,40.1612903 L197.548387,40.1612903 L197.548387,24.4193548 L189.677419,24.4193548 L189.677419,40.1612903 L173.935484,40.1612903 L173.935484,8.67741935 L181.806452,8.67741935 L181.806452,0.806451613 L205.419355,0.806451613 Z M197.548387,8.67741935 L189.677419,8.67741935 L189.677419,16.5483871 L197.548387,16.5483871 L197.548387,8.67741935 Z\"\n fillRule=\"nonzero\"\n onMouseEnter={onHoverLetter ? () => onHoverLetter(3) : undefined}\n />\n <polygon\n shapeRendering=\"crispEdges\"\n fill={color || logoColors[4]}\n points=\"264.451613 40.1612903 264.451613 32.2903226 272.322581 32.2903226 272.322581 16.5483871 256.580645 16.5483871 256.580645 32.2903226 248.709677 32.2903226 248.709677 8.67741935 272.322581 8.67741935 272.322581 0.806451613 240.83871 0.806451613 240.83871 8.67741935 232.967742 8.67741935 232.967742 32.2903226 240.83871 32.2903226 240.83871 40.1612903\"\n onMouseEnter={onHoverLetter ? () => onHoverLetter(4) : undefined}\n />\n <polygon\n shapeRendering=\"crispEdges\"\n fill={color || logoColors[5]}\n points=\"323.483871 40.1612903 323.483871 32.2903226 331.354839 32.2903226 331.354839 0.806451613 315.612903 0.806451613 315.612903 32.2903226 307.741935 32.2903226 307.741935 0.806451613 292 0.806451613 292 32.2903226 299.870968 32.2903226 299.870968 40.1612903\"\n onMouseEnter={onHoverLetter ? () => onHoverLetter(5) : undefined}\n />\n <polygon\n shapeRendering=\"crispEdges\"\n fill={color || logoColors[6]}\n points=\"372.677419 40.1612903 372.677419 0.806451613 356.935484 0.806451613 356.935484 40.1612903\"\n onMouseEnter={onHoverLetter ? () => onHoverLetter(6) : undefined}\n />\n </svg>\n )\n}\n\nexport const LogoIcon = ({ downscale = 2 }: any) => {\n return (\n <YStack\n als=\"center\"\n marginVertical={-10}\n pressStyle={{\n opacity: 0.7,\n }}\n >\n <img\n className=\"tamagui-icon\"\n width={450 / 8 / downscale}\n height={420 / 8 / downscale}\n src=\"/tamagui-icon.svg\"\n />\n </YStack>\n )\n}\n"],
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AACA;AAEO,MAAM,QAAqB,CAAC,OAAO,UAAU,UAAU,SAAS,QAAQ,UAAU,MAAM;AAExF,MAAM,aAAa,MAAM,IAAI,CAAC,MAAM,SAAS,KAAK;AAElD,MAAM,cAAc,WACzB,CACE,IAYA,QACA;AAbA,eACE;AAAA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,MAJF,IAKK,kBALL,IAKK;AAAA,IAJH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAUF,6CAAC;AAAA,IAAO;AAAA,IAAU,IAAG;AAAA,IAAS,IAAG;AAAA,IAAS,OAAM;AAAA,KAAS,QACvD,oCAAC;AAAA,IAAS,WAAY,cAAa,KAAM,aAAY,IAAI;AAAA,IAAM;AAAA,GAAc,GAC5E,aACC,oCAAC;AAAA,IAAO,IAAI;AAAA,KACV,oCAAC;AAAA,IAAU;AAAA,IAA8B,WAAW,aAAa;AAAA,IAAG;AAAA,GAAc,CACpF,CAEJ;AAAA,CAEJ;AAEO,MAAM,YAAY,CAAC;AAAA,EACxB;AAAA,EACA,YAAY;AAAA,EACZ;AAAA,MAKI;AACJ,SACE,oCAAC;AAAA,IACC,OAAO,MAAO,KAAI,aAAa;AAAA,IAC/B,QAAQ,KAAM,KAAI,aAAa;AAAA,IAC/B,SAAQ;AAAA,KAER,oCAAC;AAAA,IACC,gBAAe;AAAA,IACf,MAAM,SAAS,WAAW;AAAA,IAC1B,QAAO;AAAA,IACP,cAAc,gBAAgB,MAAM,cAAc,CAAC,IAAI;AAAA,GACzD,GACA,oCAAC;AAAA,IACC,gBAAe;AAAA,IACf,MAAM,SAAS,WAAW;AAAA,IAC1B,GAAE;AAAA,IACF,UAAS;AAAA,IACT,cAAc,gBAAgB,MAAM,cAAc,CAAC,IAAI;AAAA,GACzD,GACA,oCAAC;AAAA,IACC,gBAAe;AAAA,IACf,MAAM,SAAS,WAAW;AAAA,IAC1B,QAAO;AAAA,IACP,cAAc,gBAAgB,MAAM,cAAc,CAAC,IAAI;AAAA,GACzD,GACA,oCAAC;AAAA,IACC,MAAM,SAAS,WAAW;AAAA,IAC1B,GAAE;AAAA,IACF,UAAS;AAAA,IACT,cAAc,gBAAgB,MAAM,cAAc,CAAC,IAAI;AAAA,GACzD,GACA,oCAAC;AAAA,IACC,gBAAe;AAAA,IACf,MAAM,SAAS,WAAW;AAAA,IAC1B,QAAO;AAAA,IACP,cAAc,gBAAgB,MAAM,cAAc,CAAC,IAAI;AAAA,GACzD,GACA,oCAAC;AAAA,IACC,gBAAe;AAAA,IACf,MAAM,SAAS,WAAW;AAAA,IAC1B,QAAO;AAAA,IACP,cAAc,gBAAgB,MAAM,cAAc,CAAC,IAAI;AAAA,GACzD,GACA,oCAAC;AAAA,IACC,gBAAe;AAAA,IACf,MAAM,SAAS,WAAW;AAAA,IAC1B,QAAO;AAAA,IACP,cAAc,gBAAgB,MAAM,cAAc,CAAC,IAAI;AAAA,GACzD,CACF;AAEJ;AAEO,MAAM,WAAW,CAAC,EAAE,YAAY,QAAa;AAClD,SACE,oCAAC;AAAA,IACC,KAAI;AAAA,IACJ,gBAAgB;AAAA,IAChB,YAAY;AAAA,MACV,SAAS;AAAA,IACX;AAAA,KAEA,oCAAC;AAAA,IACC,WAAU;AAAA,IACV,OAAO,MAAM,IAAI;AAAA,IACjB,QAAQ,MAAM,IAAI;AAAA,IAClB,KAAI;AAAA,GACN,CACF;AAEJ;",
|
|
6
|
+
"names": []
|
|
7
|
+
}
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { Paragraph, SizableText, Text, XStack, YStack } from "tamagui";
|
|
3
|
+
function TextDemo() {
|
|
4
|
+
return /* @__PURE__ */ React.createElement(YStack, {
|
|
5
|
+
space: "$2",
|
|
6
|
+
ai: "center"
|
|
7
|
+
}, /* @__PURE__ */ React.createElement(Text, null, "Text"), /* @__PURE__ */ React.createElement(SizableText, {
|
|
8
|
+
size: "$3"
|
|
9
|
+
}, "SizableText"), /* @__PURE__ */ React.createElement(XStack, {
|
|
10
|
+
space: true
|
|
11
|
+
}, /* @__PURE__ */ React.createElement(SizableText, {
|
|
12
|
+
theme: "alt1",
|
|
13
|
+
size: "$3"
|
|
14
|
+
}, "alt1"), /* @__PURE__ */ React.createElement(SizableText, {
|
|
15
|
+
theme: "alt2",
|
|
16
|
+
size: "$3"
|
|
17
|
+
}, "alt2"), /* @__PURE__ */ React.createElement(SizableText, {
|
|
18
|
+
theme: "alt3",
|
|
19
|
+
size: "$3"
|
|
20
|
+
}, "alt3")), /* @__PURE__ */ React.createElement(Paragraph, {
|
|
21
|
+
size: "$2",
|
|
22
|
+
fow: "800"
|
|
23
|
+
}, "Paragraph"));
|
|
24
|
+
}
|
|
25
|
+
export {
|
|
26
|
+
TextDemo
|
|
27
|
+
};
|
|
28
|
+
//# sourceMappingURL=TextDemo.js.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../src/TextDemo.tsx"],
|
|
4
|
+
"sourcesContent": ["import React from 'react'\nimport { Paragraph, SizableText, Text, XStack, YStack } from 'tamagui'\n\nexport function TextDemo() {\n return (\n <YStack space=\"$2\" ai=\"center\">\n <Text>Text</Text>\n <SizableText size=\"$3\">SizableText</SizableText>\n <XStack space>\n <SizableText theme=\"alt1\" size=\"$3\">\n alt1\n </SizableText>\n <SizableText theme=\"alt2\" size=\"$3\">\n alt2\n </SizableText>\n <SizableText theme=\"alt3\" size=\"$3\">\n alt3\n </SizableText>\n </XStack>\n <Paragraph size=\"$2\" fow=\"800\">\n Paragraph\n </Paragraph>\n </YStack>\n )\n}\n"],
|
|
5
|
+
"mappings": "AAAA;AACA;AAEO,oBAAoB;AACzB,SACE,oCAAC;AAAA,IAAO,OAAM;AAAA,IAAK,IAAG;AAAA,KACpB,oCAAC,YAAK,MAAI,GACV,oCAAC;AAAA,IAAY,MAAK;AAAA,KAAK,aAAW,GAClC,oCAAC;AAAA,IAAO,OAAK;AAAA,KACX,oCAAC;AAAA,IAAY,OAAM;AAAA,IAAO,MAAK;AAAA,KAAK,MAEpC,GACA,oCAAC;AAAA,IAAY,OAAM;AAAA,IAAO,MAAK;AAAA,KAAK,MAEpC,GACA,oCAAC;AAAA,IAAY,OAAM;AAAA,IAAO,MAAK;AAAA,KAAK,MAEpC,CACF,GACA,oCAAC;AAAA,IAAU,MAAK;AAAA,IAAK,KAAI;AAAA,KAAM,WAE/B,CACF;AAEJ;",
|
|
6
|
+
"names": []
|
|
7
|
+
}
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import { ThemeInverse } from "@tamagui/core";
|
|
2
|
+
import React from "react";
|
|
3
|
+
import { Button, Theme, XStack, YStack } from "tamagui";
|
|
4
|
+
function ThemeInverseDemo() {
|
|
5
|
+
return /* @__PURE__ */ React.createElement(XStack, {
|
|
6
|
+
space: true
|
|
7
|
+
}, /* @__PURE__ */ React.createElement(Buttons, null), /* @__PURE__ */ React.createElement(ThemeInverse, null, /* @__PURE__ */ React.createElement(Buttons, null)));
|
|
8
|
+
}
|
|
9
|
+
function Buttons() {
|
|
10
|
+
return /* @__PURE__ */ React.createElement(YStack, {
|
|
11
|
+
bc: "$background",
|
|
12
|
+
p: "$3",
|
|
13
|
+
br: "$3",
|
|
14
|
+
space: true
|
|
15
|
+
}, /* @__PURE__ */ React.createElement(Button, null, "Dark"), /* @__PURE__ */ React.createElement(Button, {
|
|
16
|
+
themeInverse: true
|
|
17
|
+
}, "Inversed"), /* @__PURE__ */ React.createElement(Button, {
|
|
18
|
+
theme: "alt1"
|
|
19
|
+
}, "Alt1 Dark"), /* @__PURE__ */ React.createElement(Theme, {
|
|
20
|
+
name: "yellow"
|
|
21
|
+
}, /* @__PURE__ */ React.createElement(Button, null, "Yellow dark")));
|
|
22
|
+
}
|
|
23
|
+
export {
|
|
24
|
+
ThemeInverseDemo
|
|
25
|
+
};
|
|
26
|
+
//# sourceMappingURL=ThemeInverseDemo.js.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../src/ThemeInverseDemo.tsx"],
|
|
4
|
+
"sourcesContent": ["import { ThemeInverse } from '@tamagui/core'\nimport React from 'react'\nimport { Button, Theme, XStack, YStack } from 'tamagui'\n\nexport function ThemeInverseDemo() {\n return (\n <XStack space>\n <Buttons />\n <ThemeInverse>\n <Buttons />\n </ThemeInverse>\n </XStack>\n )\n}\n\nfunction Buttons() {\n return (\n <YStack bc=\"$background\" p=\"$3\" br=\"$3\" space>\n <Button>Dark</Button>\n <Button themeInverse>Inversed</Button>\n <Button theme=\"alt1\">Alt1 Dark</Button>\n <Theme name=\"yellow\">\n <Button>Yellow dark</Button>\n </Theme>\n </YStack>\n )\n}\n"],
|
|
5
|
+
"mappings": "AAAA;AACA;AACA;AAEO,4BAA4B;AACjC,SACE,oCAAC;AAAA,IAAO,OAAK;AAAA,KACX,oCAAC,aAAQ,GACT,oCAAC,oBACC,oCAAC,aAAQ,CACX,CACF;AAEJ;AAEA,mBAAmB;AACjB,SACE,oCAAC;AAAA,IAAO,IAAG;AAAA,IAAc,GAAE;AAAA,IAAK,IAAG;AAAA,IAAK,OAAK;AAAA,KAC3C,oCAAC,cAAO,MAAI,GACZ,oCAAC;AAAA,IAAO,cAAY;AAAA,KAAC,UAAQ,GAC7B,oCAAC;AAAA,IAAO,OAAM;AAAA,KAAO,WAAS,GAC9B,oCAAC;AAAA,IAAM,MAAK;AAAA,KACV,oCAAC,cAAO,aAAW,CACrB,CACF;AAEJ;",
|
|
6
|
+
"names": []
|
|
7
|
+
}
|
|
@@ -0,0 +1,102 @@
|
|
|
1
|
+
var __defProp = Object.defineProperty;
|
|
2
|
+
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
|
|
3
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
4
|
+
var __propIsEnum = Object.prototype.propertyIsEnumerable;
|
|
5
|
+
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
6
|
+
var __spreadValues = (a, b) => {
|
|
7
|
+
for (var prop in b || (b = {}))
|
|
8
|
+
if (__hasOwnProp.call(b, prop))
|
|
9
|
+
__defNormalProp(a, prop, b[prop]);
|
|
10
|
+
if (__getOwnPropSymbols)
|
|
11
|
+
for (var prop of __getOwnPropSymbols(b)) {
|
|
12
|
+
if (__propIsEnum.call(b, prop))
|
|
13
|
+
__defNormalProp(a, prop, b[prop]);
|
|
14
|
+
}
|
|
15
|
+
return a;
|
|
16
|
+
};
|
|
17
|
+
var __objRest = (source, exclude) => {
|
|
18
|
+
var target = {};
|
|
19
|
+
for (var prop in source)
|
|
20
|
+
if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
|
|
21
|
+
target[prop] = source[prop];
|
|
22
|
+
if (source != null && __getOwnPropSymbols)
|
|
23
|
+
for (var prop of __getOwnPropSymbols(source)) {
|
|
24
|
+
if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
|
|
25
|
+
target[prop] = source[prop];
|
|
26
|
+
}
|
|
27
|
+
return target;
|
|
28
|
+
};
|
|
29
|
+
import { ChevronDown, ChevronLeft, ChevronRight, ChevronUp, Circle } from "@tamagui/feather-icons";
|
|
30
|
+
import React from "react";
|
|
31
|
+
import { Button, Paragraph, Tooltip, TooltipGroup, XStack, YStack } from "tamagui";
|
|
32
|
+
function TooltipDemo() {
|
|
33
|
+
return /* @__PURE__ */ React.createElement(TooltipGroup, {
|
|
34
|
+
delay: { open: 3e3, close: 100 }
|
|
35
|
+
}, /* @__PURE__ */ React.createElement(YStack, {
|
|
36
|
+
space: "$2",
|
|
37
|
+
als: "center"
|
|
38
|
+
}, /* @__PURE__ */ React.createElement(XStack, {
|
|
39
|
+
space: "$2"
|
|
40
|
+
}, /* @__PURE__ */ React.createElement(Demo, {
|
|
41
|
+
groupId: "0",
|
|
42
|
+
placement: "top-end",
|
|
43
|
+
Icon: Circle
|
|
44
|
+
}), /* @__PURE__ */ React.createElement(Demo, {
|
|
45
|
+
groupId: "1",
|
|
46
|
+
placement: "top",
|
|
47
|
+
Icon: ChevronUp
|
|
48
|
+
}), /* @__PURE__ */ React.createElement(Demo, {
|
|
49
|
+
groupId: "2",
|
|
50
|
+
placement: "top-start",
|
|
51
|
+
Icon: Circle
|
|
52
|
+
})), /* @__PURE__ */ React.createElement(XStack, {
|
|
53
|
+
space: "$2"
|
|
54
|
+
}, /* @__PURE__ */ React.createElement(Demo, {
|
|
55
|
+
groupId: "3",
|
|
56
|
+
placement: "left",
|
|
57
|
+
Icon: ChevronLeft
|
|
58
|
+
}), /* @__PURE__ */ React.createElement(YStack, {
|
|
59
|
+
f: 1
|
|
60
|
+
}), /* @__PURE__ */ React.createElement(Demo, {
|
|
61
|
+
groupId: "4",
|
|
62
|
+
placement: "right",
|
|
63
|
+
Icon: ChevronRight
|
|
64
|
+
})), /* @__PURE__ */ React.createElement(XStack, {
|
|
65
|
+
space: "$2"
|
|
66
|
+
}, /* @__PURE__ */ React.createElement(Demo, {
|
|
67
|
+
groupId: "5",
|
|
68
|
+
placement: "bottom-end",
|
|
69
|
+
Icon: Circle
|
|
70
|
+
}), /* @__PURE__ */ React.createElement(Demo, {
|
|
71
|
+
groupId: "6",
|
|
72
|
+
placement: "bottom",
|
|
73
|
+
Icon: ChevronDown
|
|
74
|
+
}), /* @__PURE__ */ React.createElement(Demo, {
|
|
75
|
+
groupId: "7",
|
|
76
|
+
placement: "bottom-start",
|
|
77
|
+
Icon: Circle
|
|
78
|
+
}))));
|
|
79
|
+
}
|
|
80
|
+
function Demo(_a) {
|
|
81
|
+
var _b = _a, { Icon } = _b, props = __objRest(_b, ["Icon"]);
|
|
82
|
+
return /* @__PURE__ */ React.createElement(Tooltip, __spreadValues({}, props), /* @__PURE__ */ React.createElement(Tooltip.Trigger, null, /* @__PURE__ */ React.createElement(Button, {
|
|
83
|
+
icon: Icon,
|
|
84
|
+
circular: true
|
|
85
|
+
})), /* @__PURE__ */ React.createElement(Tooltip.Content, {
|
|
86
|
+
enterStyle: { x: 0, y: -5, o: 0, scale: 0.9 },
|
|
87
|
+
exitStyle: { x: 0, y: -5, o: 0, scale: 0.9 },
|
|
88
|
+
scale: 1,
|
|
89
|
+
x: 0,
|
|
90
|
+
y: 0,
|
|
91
|
+
o: 1,
|
|
92
|
+
animation: "bouncy"
|
|
93
|
+
}, /* @__PURE__ */ React.createElement(Tooltip.Arrow, null), /* @__PURE__ */ React.createElement(Paragraph, {
|
|
94
|
+
size: "$2",
|
|
95
|
+
lineHeight: "$1"
|
|
96
|
+
}, "Hello world")));
|
|
97
|
+
}
|
|
98
|
+
export {
|
|
99
|
+
Demo,
|
|
100
|
+
TooltipDemo
|
|
101
|
+
};
|
|
102
|
+
//# sourceMappingURL=TooltipDemo.js.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../src/TooltipDemo.tsx"],
|
|
4
|
+
"sourcesContent": ["import { ChevronDown, ChevronLeft, ChevronRight, ChevronUp, Circle } from '@tamagui/feather-icons'\nimport React from 'react'\nimport { Button, Paragraph, Tooltip, TooltipGroup, TooltipProps, XStack, YStack } from 'tamagui'\n\nexport function TooltipDemo() {\n return (\n <TooltipGroup delay={{ open: 3000, close: 100 }}>\n <YStack space=\"$2\" als=\"center\">\n <XStack space=\"$2\">\n <Demo groupId=\"0\" placement=\"top-end\" Icon={Circle} />\n <Demo groupId=\"1\" placement=\"top\" Icon={ChevronUp} />\n <Demo groupId=\"2\" placement=\"top-start\" Icon={Circle} />\n </XStack>\n <XStack space=\"$2\">\n <Demo groupId=\"3\" placement=\"left\" Icon={ChevronLeft} />\n <YStack f={1} />\n <Demo groupId=\"4\" placement=\"right\" Icon={ChevronRight} />\n </XStack>\n <XStack space=\"$2\">\n <Demo groupId=\"5\" placement=\"bottom-end\" Icon={Circle} />\n <Demo groupId=\"6\" placement=\"bottom\" Icon={ChevronDown} />\n <Demo groupId=\"7\" placement=\"bottom-start\" Icon={Circle} />\n </XStack>\n </YStack>\n </TooltipGroup>\n )\n}\n\nexport function Demo({ Icon, ...props }: TooltipProps & { Icon?: any }) {\n return (\n <Tooltip {...props}>\n <Tooltip.Trigger>\n <Button icon={Icon} circular />\n </Tooltip.Trigger>\n <Tooltip.Content\n enterStyle={{ x: 0, y: -5, o: 0, scale: 0.9 }}\n exitStyle={{ x: 0, y: -5, o: 0, scale: 0.9 }}\n scale={1}\n x={0}\n y={0}\n o={1}\n animation=\"bouncy\"\n >\n <Tooltip.Arrow />\n <Paragraph size=\"$2\" lineHeight=\"$1\">\n Hello world\n </Paragraph>\n </Tooltip.Content>\n </Tooltip>\n )\n}\n"],
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AACA;AACA;AAEO,uBAAuB;AAC5B,SACE,oCAAC;AAAA,IAAa,OAAO,EAAE,MAAM,KAAM,OAAO,IAAI;AAAA,KAC5C,oCAAC;AAAA,IAAO,OAAM;AAAA,IAAK,KAAI;AAAA,KACrB,oCAAC;AAAA,IAAO,OAAM;AAAA,KACZ,oCAAC;AAAA,IAAK,SAAQ;AAAA,IAAI,WAAU;AAAA,IAAU,MAAM;AAAA,GAAQ,GACpD,oCAAC;AAAA,IAAK,SAAQ;AAAA,IAAI,WAAU;AAAA,IAAM,MAAM;AAAA,GAAW,GACnD,oCAAC;AAAA,IAAK,SAAQ;AAAA,IAAI,WAAU;AAAA,IAAY,MAAM;AAAA,GAAQ,CACxD,GACA,oCAAC;AAAA,IAAO,OAAM;AAAA,KACZ,oCAAC;AAAA,IAAK,SAAQ;AAAA,IAAI,WAAU;AAAA,IAAO,MAAM;AAAA,GAAa,GACtD,oCAAC;AAAA,IAAO,GAAG;AAAA,GAAG,GACd,oCAAC;AAAA,IAAK,SAAQ;AAAA,IAAI,WAAU;AAAA,IAAQ,MAAM;AAAA,GAAc,CAC1D,GACA,oCAAC;AAAA,IAAO,OAAM;AAAA,KACZ,oCAAC;AAAA,IAAK,SAAQ;AAAA,IAAI,WAAU;AAAA,IAAa,MAAM;AAAA,GAAQ,GACvD,oCAAC;AAAA,IAAK,SAAQ;AAAA,IAAI,WAAU;AAAA,IAAS,MAAM;AAAA,GAAa,GACxD,oCAAC;AAAA,IAAK,SAAQ;AAAA,IAAI,WAAU;AAAA,IAAe,MAAM;AAAA,GAAQ,CAC3D,CACF,CACF;AAEJ;AAEO,cAAc,IAAmD;AAAnD,eAAE,WAAF,IAAW,kBAAX,IAAW,CAAT;AACrB,SACE,oCAAC,4BAAY,QACX,oCAAC,QAAQ,SAAR,MACC,oCAAC;AAAA,IAAO,MAAM;AAAA,IAAM,UAAQ;AAAA,GAAC,CAC/B,GACA,oCAAC,QAAQ,SAAR;AAAA,IACC,YAAY,EAAE,GAAG,GAAG,GAAG,IAAI,GAAG,GAAG,OAAO,IAAI;AAAA,IAC5C,WAAW,EAAE,GAAG,GAAG,GAAG,IAAI,GAAG,GAAG,OAAO,IAAI;AAAA,IAC3C,OAAO;AAAA,IACP,GAAG;AAAA,IACH,GAAG;AAAA,IACH,GAAG;AAAA,IACH,WAAU;AAAA,KAEV,oCAAC,QAAQ,OAAR,IAAc,GACf,oCAAC;AAAA,IAAU,MAAK;AAAA,IAAK,YAAW;AAAA,KAAK,aAErC,CACF,CACF;AAEJ;",
|
|
6
|
+
"names": []
|
|
7
|
+
}
|
package/dist/esm/conf.js
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
//# sourceMappingURL=conf.js.map
|