@tamagui/demos 1.13.3 → 1.13.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/AddThemeDemo.js +1 -59
- package/dist/cjs/AddThemeDemo.js.map +2 -2
- package/dist/cjs/AlertDialogDemo.js +1 -76
- package/dist/cjs/AlertDialogDemo.js.map +2 -2
- package/dist/cjs/AnimationsDemo.js +1 -113
- package/dist/cjs/AnimationsDemo.js.map +2 -2
- package/dist/cjs/AnimationsEnterDemo.js +1 -63
- package/dist/cjs/AnimationsEnterDemo.js.map +2 -2
- package/dist/cjs/AnimationsHoverDemo.js +1 -49
- package/dist/cjs/AnimationsHoverDemo.js.map +2 -2
- package/dist/cjs/AnimationsPresenceDemo.js +1 -96
- package/dist/cjs/AnimationsPresenceDemo.js.map +2 -2
- package/dist/cjs/AnimationsTimingDemo.js +1 -49
- package/dist/cjs/AnimationsTimingDemo.js.map +2 -2
- package/dist/cjs/AvatarDemo.js +1 -53
- package/dist/cjs/AvatarDemo.js.map +2 -2
- package/dist/cjs/ButtonDemo.js +1 -48
- package/dist/cjs/ButtonDemo.js.map +2 -2
- package/dist/cjs/CardDemo.js +1 -69
- package/dist/cjs/CardDemo.js.map +2 -2
- package/dist/cjs/CheckboxDemo.js +1 -44
- package/dist/cjs/CheckboxDemo.js.map +2 -2
- package/dist/cjs/ColorsDemo.js +1 -112
- package/dist/cjs/ColorsDemo.js.map +2 -2
- package/dist/cjs/DialogDemo.js +1 -85
- package/dist/cjs/DialogDemo.js.map +2 -2
- package/dist/cjs/FormsDemo.js +1 -59
- package/dist/cjs/FormsDemo.js.map +2 -2
- package/dist/cjs/GroupDemo.js +1 -48
- package/dist/cjs/GroupDemo.js.map +2 -2
- package/dist/cjs/HeadingsDemo.js +1 -39
- package/dist/cjs/HeadingsDemo.js.map +2 -2
- package/dist/cjs/ImageDemo.js +1 -32
- package/dist/cjs/ImageDemo.js.map +2 -2
- package/dist/cjs/InputsDemo.js +1 -43
- package/dist/cjs/InputsDemo.js.map +2 -2
- package/dist/cjs/LabelDemo.js +1 -41
- package/dist/cjs/LabelDemo.js.map +2 -2
- package/dist/cjs/LinearGradientDemo.js +1 -56
- package/dist/cjs/LinearGradientDemo.js.map +2 -2
- package/dist/cjs/ListItemDemo.js +1 -70
- package/dist/cjs/ListItemDemo.js.map +2 -2
- package/dist/cjs/LucideIconsDemo.js +1 -66
- package/dist/cjs/LucideIconsDemo.js.map +2 -2
- package/dist/cjs/PopoverDemo.js +1 -92
- package/dist/cjs/PopoverDemo.js.map +2 -2
- package/dist/cjs/ProgressDemo.js +1 -71
- package/dist/cjs/ProgressDemo.js.map +2 -2
- package/dist/cjs/RadioGroupDemo.js +1 -43
- package/dist/cjs/RadioGroupDemo.js.map +2 -2
- package/dist/cjs/ScrollViewDemo.js +1 -41
- package/dist/cjs/ScrollViewDemo.js.map +2 -2
- package/dist/cjs/SelectDemo.js +1 -103
- package/dist/cjs/SelectDemo.js.map +2 -2
- package/dist/cjs/SeparatorDemo.js +1 -43
- package/dist/cjs/SeparatorDemo.js.map +2 -2
- package/dist/cjs/ShapesDemo.js +1 -35
- package/dist/cjs/ShapesDemo.js.map +2 -2
- package/dist/cjs/SheetDemo.js +1 -103
- package/dist/cjs/SheetDemo.js.map +2 -2
- package/dist/cjs/SliderDemo.js +1 -42
- package/dist/cjs/SliderDemo.js.map +2 -2
- package/dist/cjs/SpinnerDemo.js +1 -35
- package/dist/cjs/SpinnerDemo.js.map +2 -2
- package/dist/cjs/StacksDemo.js +1 -81
- package/dist/cjs/StacksDemo.js.map +2 -2
- package/dist/cjs/SwitchDemo.js +1 -55
- package/dist/cjs/SwitchDemo.js.map +2 -2
- package/dist/cjs/TabsAdvancedDemo.js +1 -282
- package/dist/cjs/TabsAdvancedDemo.js.map +2 -2
- package/dist/cjs/TabsDemo.js +1 -146
- package/dist/cjs/TabsDemo.js.map +2 -2
- package/dist/cjs/TextDemo.js +1 -39
- package/dist/cjs/TextDemo.js.map +2 -2
- package/dist/cjs/ThemeInverseDemo.js +1 -43
- package/dist/cjs/ThemeInverseDemo.js.map +2 -2
- package/dist/cjs/ToastDemo.js +1 -128
- package/dist/cjs/ToastDemo.js.map +3 -3
- package/dist/cjs/ToastDuplicateDemo.js +1 -77
- package/dist/cjs/ToastDuplicateDemo.js.map +2 -2
- package/dist/cjs/ToggleGroupDemo.js +1 -72
- package/dist/cjs/ToggleGroupDemo.js.map +2 -2
- package/dist/cjs/TokensDemo.js +1 -110
- package/dist/cjs/TokensDemo.js.map +2 -2
- package/dist/cjs/TooltipDemo.js +1 -79
- package/dist/cjs/TooltipDemo.js.map +2 -2
- package/dist/cjs/UpdateThemeDemo.js +1 -79
- package/dist/cjs/UpdateThemeDemo.js.map +2 -2
- package/dist/cjs/conf.js +1 -28
- package/dist/cjs/conf.js.map +2 -2
- package/dist/cjs/index.js +1 -159
- package/dist/cjs/index.js.map +2 -2
- package/dist/cjs/tamagui.config.js +1 -27
- package/dist/cjs/tamagui.config.js.map +2 -2
- package/dist/cjs/useOnIntersecting.js +1 -92
- package/dist/cjs/useOnIntersecting.js.map +2 -2
- package/dist/esm/AddThemeDemo.js +1 -35
- package/dist/esm/AddThemeDemo.js.map +2 -2
- package/dist/esm/AddThemeDemo.mjs +1 -35
- package/dist/esm/AddThemeDemo.mjs.map +2 -2
- package/dist/esm/AlertDialogDemo.js +1 -52
- package/dist/esm/AlertDialogDemo.js.map +2 -2
- package/dist/esm/AlertDialogDemo.mjs +1 -52
- package/dist/esm/AlertDialogDemo.mjs.map +2 -2
- package/dist/esm/AnimationsDemo.js +1 -88
- package/dist/esm/AnimationsDemo.js.map +2 -2
- package/dist/esm/AnimationsDemo.mjs +1 -88
- package/dist/esm/AnimationsDemo.mjs.map +2 -2
- package/dist/esm/AnimationsEnterDemo.js +1 -39
- package/dist/esm/AnimationsEnterDemo.js.map +2 -2
- package/dist/esm/AnimationsEnterDemo.mjs +1 -39
- package/dist/esm/AnimationsEnterDemo.mjs.map +2 -2
- package/dist/esm/AnimationsHoverDemo.js +1 -25
- package/dist/esm/AnimationsHoverDemo.js.map +2 -2
- package/dist/esm/AnimationsHoverDemo.mjs +1 -25
- package/dist/esm/AnimationsHoverDemo.mjs.map +2 -2
- package/dist/esm/AnimationsPresenceDemo.js +1 -61
- package/dist/esm/AnimationsPresenceDemo.js.map +2 -2
- package/dist/esm/AnimationsPresenceDemo.mjs +1 -61
- package/dist/esm/AnimationsPresenceDemo.mjs.map +2 -2
- package/dist/esm/AnimationsTimingDemo.js +1 -25
- package/dist/esm/AnimationsTimingDemo.js.map +2 -2
- package/dist/esm/AnimationsTimingDemo.mjs +1 -25
- package/dist/esm/AnimationsTimingDemo.mjs.map +2 -2
- package/dist/esm/AvatarDemo.js +1 -29
- package/dist/esm/AvatarDemo.js.map +2 -2
- package/dist/esm/AvatarDemo.mjs +1 -29
- package/dist/esm/AvatarDemo.mjs.map +2 -2
- package/dist/esm/ButtonDemo.js +1 -24
- package/dist/esm/ButtonDemo.js.map +2 -2
- package/dist/esm/ButtonDemo.mjs +1 -24
- package/dist/esm/ButtonDemo.mjs.map +2 -2
- package/dist/esm/CardDemo.js +1 -45
- package/dist/esm/CardDemo.js.map +2 -2
- package/dist/esm/CardDemo.mjs +1 -45
- package/dist/esm/CardDemo.mjs.map +2 -2
- package/dist/esm/CheckboxDemo.js +1 -20
- package/dist/esm/CheckboxDemo.js.map +2 -2
- package/dist/esm/CheckboxDemo.mjs +1 -20
- package/dist/esm/CheckboxDemo.mjs.map +2 -2
- package/dist/esm/ColorsDemo.js +1 -97
- package/dist/esm/ColorsDemo.js.map +2 -2
- package/dist/esm/ColorsDemo.mjs +1 -97
- package/dist/esm/ColorsDemo.mjs.map +2 -2
- package/dist/esm/DialogDemo.js +1 -73
- package/dist/esm/DialogDemo.js.map +2 -2
- package/dist/esm/DialogDemo.mjs +1 -73
- package/dist/esm/DialogDemo.mjs.map +2 -2
- package/dist/esm/FormsDemo.js +1 -35
- package/dist/esm/FormsDemo.js.map +2 -2
- package/dist/esm/FormsDemo.mjs +1 -35
- package/dist/esm/FormsDemo.mjs.map +2 -2
- package/dist/esm/GroupDemo.js +1 -24
- package/dist/esm/GroupDemo.js.map +2 -2
- package/dist/esm/GroupDemo.mjs +1 -24
- package/dist/esm/GroupDemo.mjs.map +2 -2
- package/dist/esm/HeadingsDemo.js +1 -15
- package/dist/esm/HeadingsDemo.js.map +2 -2
- package/dist/esm/HeadingsDemo.mjs +1 -15
- package/dist/esm/HeadingsDemo.mjs.map +2 -2
- package/dist/esm/ImageDemo.js +1 -8
- package/dist/esm/ImageDemo.js.map +2 -2
- package/dist/esm/ImageDemo.mjs +1 -8
- package/dist/esm/ImageDemo.mjs.map +2 -2
- package/dist/esm/InputsDemo.js +1 -19
- package/dist/esm/InputsDemo.js.map +2 -2
- package/dist/esm/InputsDemo.mjs +1 -19
- package/dist/esm/InputsDemo.mjs.map +2 -2
- package/dist/esm/LabelDemo.js +1 -17
- package/dist/esm/LabelDemo.js.map +2 -2
- package/dist/esm/LabelDemo.mjs +1 -17
- package/dist/esm/LabelDemo.mjs.map +2 -2
- package/dist/esm/LinearGradientDemo.js +1 -32
- package/dist/esm/LinearGradientDemo.js.map +2 -2
- package/dist/esm/LinearGradientDemo.mjs +1 -32
- package/dist/esm/LinearGradientDemo.mjs.map +2 -2
- package/dist/esm/ListItemDemo.js +1 -46
- package/dist/esm/ListItemDemo.js.map +2 -2
- package/dist/esm/ListItemDemo.mjs +1 -46
- package/dist/esm/ListItemDemo.mjs.map +2 -2
- package/dist/esm/LucideIconsDemo.js +1 -32
- package/dist/esm/LucideIconsDemo.js.map +2 -2
- package/dist/esm/LucideIconsDemo.mjs +1 -32
- package/dist/esm/LucideIconsDemo.mjs.map +2 -2
- package/dist/esm/PopoverDemo.js +1 -75
- package/dist/esm/PopoverDemo.js.map +2 -2
- package/dist/esm/PopoverDemo.mjs +1 -75
- package/dist/esm/PopoverDemo.mjs.map +2 -2
- package/dist/esm/ProgressDemo.js +1 -47
- package/dist/esm/ProgressDemo.js.map +2 -2
- package/dist/esm/ProgressDemo.mjs +1 -47
- package/dist/esm/ProgressDemo.mjs.map +2 -2
- package/dist/esm/RadioGroupDemo.js +1 -19
- package/dist/esm/RadioGroupDemo.js.map +2 -2
- package/dist/esm/RadioGroupDemo.mjs +1 -19
- package/dist/esm/RadioGroupDemo.mjs.map +2 -2
- package/dist/esm/ScrollViewDemo.js +1 -17
- package/dist/esm/ScrollViewDemo.js.map +2 -2
- package/dist/esm/ScrollViewDemo.mjs +1 -17
- package/dist/esm/ScrollViewDemo.mjs.map +2 -2
- package/dist/esm/SelectDemo.js +1 -79
- package/dist/esm/SelectDemo.js.map +2 -2
- package/dist/esm/SelectDemo.mjs +1 -79
- package/dist/esm/SelectDemo.mjs.map +2 -2
- package/dist/esm/SeparatorDemo.js +1 -19
- package/dist/esm/SeparatorDemo.js.map +2 -2
- package/dist/esm/SeparatorDemo.mjs +1 -19
- package/dist/esm/SeparatorDemo.mjs.map +2 -2
- package/dist/esm/ShapesDemo.js +1 -11
- package/dist/esm/ShapesDemo.js.map +2 -2
- package/dist/esm/ShapesDemo.mjs +1 -11
- package/dist/esm/ShapesDemo.mjs.map +2 -2
- package/dist/esm/SheetDemo.js +1 -79
- package/dist/esm/SheetDemo.js.map +2 -2
- package/dist/esm/SheetDemo.mjs +1 -79
- package/dist/esm/SheetDemo.mjs.map +2 -2
- package/dist/esm/SliderDemo.js +1 -18
- package/dist/esm/SliderDemo.js.map +2 -2
- package/dist/esm/SliderDemo.mjs +1 -18
- package/dist/esm/SliderDemo.mjs.map +2 -2
- package/dist/esm/SpinnerDemo.js +1 -11
- package/dist/esm/SpinnerDemo.js.map +2 -2
- package/dist/esm/SpinnerDemo.mjs +1 -11
- package/dist/esm/SpinnerDemo.mjs.map +2 -2
- package/dist/esm/StacksDemo.js +1 -57
- package/dist/esm/StacksDemo.js.map +2 -2
- package/dist/esm/StacksDemo.mjs +1 -57
- package/dist/esm/StacksDemo.mjs.map +2 -2
- package/dist/esm/SwitchDemo.js +1 -31
- package/dist/esm/SwitchDemo.js.map +2 -2
- package/dist/esm/SwitchDemo.mjs +1 -31
- package/dist/esm/SwitchDemo.mjs.map +2 -2
- package/dist/esm/TabsAdvancedDemo.js +1 -268
- package/dist/esm/TabsAdvancedDemo.js.map +2 -2
- package/dist/esm/TabsAdvancedDemo.mjs +1 -268
- package/dist/esm/TabsAdvancedDemo.mjs.map +2 -2
- package/dist/esm/TabsDemo.js +1 -130
- package/dist/esm/TabsDemo.js.map +2 -2
- package/dist/esm/TabsDemo.mjs +1 -130
- package/dist/esm/TabsDemo.mjs.map +2 -2
- package/dist/esm/TextDemo.js +1 -15
- package/dist/esm/TextDemo.js.map +2 -2
- package/dist/esm/TextDemo.mjs +1 -15
- package/dist/esm/TextDemo.mjs.map +2 -2
- package/dist/esm/ThemeInverseDemo.js +1 -19
- package/dist/esm/ThemeInverseDemo.js.map +2 -2
- package/dist/esm/ThemeInverseDemo.mjs +1 -19
- package/dist/esm/ThemeInverseDemo.mjs.map +2 -2
- package/dist/esm/ToastDemo.js +1 -94
- package/dist/esm/ToastDemo.js.map +3 -3
- package/dist/esm/ToastDemo.mjs +1 -94
- package/dist/esm/ToastDemo.mjs.map +3 -3
- package/dist/esm/ToastDuplicateDemo.js +1 -43
- package/dist/esm/ToastDuplicateDemo.js.map +2 -2
- package/dist/esm/ToastDuplicateDemo.mjs +1 -43
- package/dist/esm/ToastDuplicateDemo.mjs.map +2 -2
- package/dist/esm/ToggleGroupDemo.js +1 -48
- package/dist/esm/ToggleGroupDemo.js.map +2 -2
- package/dist/esm/ToggleGroupDemo.mjs +1 -48
- package/dist/esm/ToggleGroupDemo.mjs.map +2 -2
- package/dist/esm/TokensDemo.js +1 -86
- package/dist/esm/TokensDemo.js.map +2 -2
- package/dist/esm/TokensDemo.mjs +1 -86
- package/dist/esm/TokensDemo.mjs.map +2 -2
- package/dist/esm/TooltipDemo.js +1 -68
- package/dist/esm/TooltipDemo.js.map +2 -2
- package/dist/esm/TooltipDemo.mjs +1 -68
- package/dist/esm/TooltipDemo.mjs.map +2 -2
- package/dist/esm/UpdateThemeDemo.js +1 -53
- package/dist/esm/UpdateThemeDemo.js.map +2 -2
- package/dist/esm/UpdateThemeDemo.mjs +1 -53
- package/dist/esm/UpdateThemeDemo.mjs.map +2 -2
- package/dist/esm/conf.js +1 -4
- package/dist/esm/conf.js.map +1 -1
- package/dist/esm/conf.mjs +1 -4
- package/dist/esm/conf.mjs.map +1 -1
- package/dist/esm/index.js +1 -91
- package/dist/esm/index.js.map +2 -2
- package/dist/esm/index.mjs +1 -91
- package/dist/esm/index.mjs.map +2 -2
- package/dist/esm/tamagui.config.js +1 -5
- package/dist/esm/tamagui.config.js.map +2 -2
- package/dist/esm/tamagui.config.mjs +1 -5
- package/dist/esm/tamagui.config.mjs.map +2 -2
- package/dist/esm/useOnIntersecting.js +1 -67
- package/dist/esm/useOnIntersecting.js.map +2 -2
- package/dist/esm/useOnIntersecting.mjs +1 -67
- package/dist/esm/useOnIntersecting.mjs.map +2 -2
- package/dist/jsx/AddThemeDemo.js +1 -30
- package/dist/jsx/AddThemeDemo.js.map +2 -2
- package/dist/jsx/AddThemeDemo.mjs +1 -30
- package/dist/jsx/AddThemeDemo.mjs.map +2 -2
- package/dist/jsx/AlertDialogDemo.js +1 -44
- package/dist/jsx/AlertDialogDemo.js.map +2 -2
- package/dist/jsx/AlertDialogDemo.mjs +1 -44
- package/dist/jsx/AlertDialogDemo.mjs.map +2 -2
- package/dist/jsx/AnimationsDemo.js +1 -80
- package/dist/jsx/AnimationsDemo.js.map +2 -2
- package/dist/jsx/AnimationsDemo.mjs +1 -80
- package/dist/jsx/AnimationsDemo.mjs.map +2 -2
- package/dist/jsx/AnimationsEnterDemo.js +1 -34
- package/dist/jsx/AnimationsEnterDemo.js.map +2 -2
- package/dist/jsx/AnimationsEnterDemo.mjs +1 -34
- package/dist/jsx/AnimationsEnterDemo.mjs.map +2 -2
- package/dist/jsx/AnimationsHoverDemo.js +1 -20
- package/dist/jsx/AnimationsHoverDemo.js.map +2 -2
- package/dist/jsx/AnimationsHoverDemo.mjs +1 -20
- package/dist/jsx/AnimationsHoverDemo.mjs.map +2 -2
- package/dist/jsx/AnimationsPresenceDemo.js +1 -54
- package/dist/jsx/AnimationsPresenceDemo.js.map +2 -2
- package/dist/jsx/AnimationsPresenceDemo.mjs +1 -54
- package/dist/jsx/AnimationsPresenceDemo.mjs.map +2 -2
- package/dist/jsx/AnimationsTimingDemo.js +1 -20
- package/dist/jsx/AnimationsTimingDemo.js.map +2 -2
- package/dist/jsx/AnimationsTimingDemo.mjs +1 -20
- package/dist/jsx/AnimationsTimingDemo.mjs.map +2 -2
- package/dist/jsx/AvatarDemo.js +1 -22
- package/dist/jsx/AvatarDemo.js.map +2 -2
- package/dist/jsx/AvatarDemo.mjs +1 -22
- package/dist/jsx/AvatarDemo.mjs.map +2 -2
- package/dist/jsx/ButtonDemo.js +1 -23
- package/dist/jsx/ButtonDemo.js.map +2 -2
- package/dist/jsx/ButtonDemo.mjs +1 -23
- package/dist/jsx/ButtonDemo.mjs.map +2 -2
- package/dist/jsx/CardDemo.js +1 -38
- package/dist/jsx/CardDemo.js.map +2 -2
- package/dist/jsx/CardDemo.mjs +1 -38
- package/dist/jsx/CardDemo.mjs.map +2 -2
- package/dist/jsx/CheckboxDemo.js +1 -19
- package/dist/jsx/CheckboxDemo.js.map +2 -2
- package/dist/jsx/CheckboxDemo.mjs +1 -19
- package/dist/jsx/CheckboxDemo.mjs.map +2 -2
- package/dist/jsx/ColorsDemo.js +1 -85
- package/dist/jsx/ColorsDemo.js.map +2 -2
- package/dist/jsx/ColorsDemo.mjs +1 -85
- package/dist/jsx/ColorsDemo.mjs.map +2 -2
- package/dist/jsx/DialogDemo.js +1 -65
- package/dist/jsx/DialogDemo.js.map +2 -2
- package/dist/jsx/DialogDemo.mjs +1 -65
- package/dist/jsx/DialogDemo.mjs.map +2 -2
- package/dist/jsx/FormsDemo.js +1 -30
- package/dist/jsx/FormsDemo.js.map +2 -2
- package/dist/jsx/FormsDemo.mjs +1 -30
- package/dist/jsx/FormsDemo.mjs.map +2 -2
- package/dist/jsx/GroupDemo.js +1 -23
- package/dist/jsx/GroupDemo.js.map +2 -2
- package/dist/jsx/GroupDemo.mjs +1 -23
- package/dist/jsx/GroupDemo.mjs.map +2 -2
- package/dist/jsx/HeadingsDemo.js +1 -14
- package/dist/jsx/HeadingsDemo.js.map +2 -2
- package/dist/jsx/HeadingsDemo.mjs +1 -14
- package/dist/jsx/HeadingsDemo.mjs.map +2 -2
- package/dist/jsx/ImageDemo.js +1 -7
- package/dist/jsx/ImageDemo.js.map +2 -2
- package/dist/jsx/ImageDemo.mjs +1 -7
- package/dist/jsx/ImageDemo.mjs.map +2 -2
- package/dist/jsx/InputsDemo.js +1 -18
- package/dist/jsx/InputsDemo.js.map +2 -2
- package/dist/jsx/InputsDemo.mjs +1 -18
- package/dist/jsx/InputsDemo.mjs.map +2 -2
- package/dist/jsx/LabelDemo.js +1 -16
- package/dist/jsx/LabelDemo.js.map +2 -2
- package/dist/jsx/LabelDemo.mjs +1 -16
- package/dist/jsx/LabelDemo.mjs.map +2 -2
- package/dist/jsx/LinearGradientDemo.js +1 -25
- package/dist/jsx/LinearGradientDemo.js.map +2 -2
- package/dist/jsx/LinearGradientDemo.mjs +1 -25
- package/dist/jsx/LinearGradientDemo.mjs.map +2 -2
- package/dist/jsx/ListItemDemo.js +1 -39
- package/dist/jsx/ListItemDemo.js.map +2 -2
- package/dist/jsx/ListItemDemo.mjs +1 -39
- package/dist/jsx/ListItemDemo.mjs.map +2 -2
- package/dist/jsx/LucideIconsDemo.js +1 -31
- package/dist/jsx/LucideIconsDemo.js.map +2 -2
- package/dist/jsx/LucideIconsDemo.mjs +1 -31
- package/dist/jsx/LucideIconsDemo.mjs.map +2 -2
- package/dist/jsx/PopoverDemo.js +1 -66
- package/dist/jsx/PopoverDemo.js.map +2 -2
- package/dist/jsx/PopoverDemo.mjs +1 -66
- package/dist/jsx/PopoverDemo.mjs.map +2 -2
- package/dist/jsx/ProgressDemo.js +1 -42
- package/dist/jsx/ProgressDemo.js.map +2 -2
- package/dist/jsx/ProgressDemo.mjs +1 -42
- package/dist/jsx/ProgressDemo.mjs.map +2 -2
- package/dist/jsx/RadioGroupDemo.js +1 -18
- package/dist/jsx/RadioGroupDemo.js.map +2 -2
- package/dist/jsx/RadioGroupDemo.mjs +1 -18
- package/dist/jsx/RadioGroupDemo.mjs.map +2 -2
- package/dist/jsx/ScrollViewDemo.js +1 -16
- package/dist/jsx/ScrollViewDemo.js.map +2 -2
- package/dist/jsx/ScrollViewDemo.mjs +1 -16
- package/dist/jsx/ScrollViewDemo.mjs.map +2 -2
- package/dist/jsx/SelectDemo.js +1 -72
- package/dist/jsx/SelectDemo.js.map +2 -2
- package/dist/jsx/SelectDemo.mjs +1 -72
- package/dist/jsx/SelectDemo.mjs.map +2 -2
- package/dist/jsx/SeparatorDemo.js +1 -18
- package/dist/jsx/SeparatorDemo.js.map +2 -2
- package/dist/jsx/SeparatorDemo.mjs +1 -18
- package/dist/jsx/SeparatorDemo.mjs.map +2 -2
- package/dist/jsx/ShapesDemo.js +1 -10
- package/dist/jsx/ShapesDemo.js.map +2 -2
- package/dist/jsx/ShapesDemo.mjs +1 -10
- package/dist/jsx/ShapesDemo.mjs.map +2 -2
- package/dist/jsx/SheetDemo.js +1 -65
- package/dist/jsx/SheetDemo.js.map +2 -2
- package/dist/jsx/SheetDemo.mjs +1 -65
- package/dist/jsx/SheetDemo.mjs.map +2 -2
- package/dist/jsx/SliderDemo.js +1 -17
- package/dist/jsx/SliderDemo.js.map +2 -2
- package/dist/jsx/SliderDemo.mjs +1 -17
- package/dist/jsx/SliderDemo.mjs.map +2 -2
- package/dist/jsx/SpinnerDemo.js +1 -10
- package/dist/jsx/SpinnerDemo.js.map +2 -2
- package/dist/jsx/SpinnerDemo.mjs +1 -10
- package/dist/jsx/SpinnerDemo.mjs.map +2 -2
- package/dist/jsx/StacksDemo.js +1 -45
- package/dist/jsx/StacksDemo.js.map +2 -2
- package/dist/jsx/StacksDemo.mjs +1 -45
- package/dist/jsx/StacksDemo.mjs.map +2 -2
- package/dist/jsx/SwitchDemo.js +1 -26
- package/dist/jsx/SwitchDemo.js.map +2 -2
- package/dist/jsx/SwitchDemo.mjs +1 -26
- package/dist/jsx/SwitchDemo.mjs.map +2 -2
- package/dist/jsx/TabsAdvancedDemo.js +1 -219
- package/dist/jsx/TabsAdvancedDemo.js.map +2 -2
- package/dist/jsx/TabsAdvancedDemo.mjs +1 -219
- package/dist/jsx/TabsAdvancedDemo.mjs.map +2 -2
- package/dist/jsx/TabsDemo.js +1 -105
- package/dist/jsx/TabsDemo.js.map +2 -2
- package/dist/jsx/TabsDemo.mjs +1 -105
- package/dist/jsx/TabsDemo.mjs.map +2 -2
- package/dist/jsx/TextDemo.js +1 -14
- package/dist/jsx/TextDemo.js.map +2 -2
- package/dist/jsx/TextDemo.mjs +1 -14
- package/dist/jsx/TextDemo.mjs.map +2 -2
- package/dist/jsx/ThemeInverseDemo.js +1 -18
- package/dist/jsx/ThemeInverseDemo.js.map +2 -2
- package/dist/jsx/ThemeInverseDemo.mjs +1 -18
- package/dist/jsx/ThemeInverseDemo.mjs.map +2 -2
- package/dist/jsx/ToastDemo.js +1 -74
- package/dist/jsx/ToastDemo.js.map +3 -3
- package/dist/jsx/ToastDemo.mjs +1 -74
- package/dist/jsx/ToastDemo.mjs.map +3 -3
- package/dist/jsx/ToastDuplicateDemo.js +1 -34
- package/dist/jsx/ToastDuplicateDemo.js.map +2 -2
- package/dist/jsx/ToastDuplicateDemo.mjs +1 -34
- package/dist/jsx/ToastDuplicateDemo.mjs.map +2 -2
- package/dist/jsx/ToggleGroupDemo.js +1 -39
- package/dist/jsx/ToggleGroupDemo.js.map +2 -2
- package/dist/jsx/ToggleGroupDemo.mjs +1 -39
- package/dist/jsx/ToggleGroupDemo.mjs.map +2 -2
- package/dist/jsx/TokensDemo.js +1 -77
- package/dist/jsx/TokensDemo.js.map +2 -2
- package/dist/jsx/TokensDemo.mjs +1 -77
- package/dist/jsx/TokensDemo.mjs.map +2 -2
- package/dist/jsx/TooltipDemo.js +1 -63
- package/dist/jsx/TooltipDemo.js.map +2 -2
- package/dist/jsx/TooltipDemo.mjs +1 -63
- package/dist/jsx/TooltipDemo.mjs.map +2 -2
- package/dist/jsx/UpdateThemeDemo.js +1 -48
- package/dist/jsx/UpdateThemeDemo.js.map +2 -2
- package/dist/jsx/UpdateThemeDemo.mjs +1 -48
- package/dist/jsx/UpdateThemeDemo.mjs.map +2 -2
- package/dist/jsx/conf.js +1 -4
- package/dist/jsx/conf.js.map +1 -1
- package/dist/jsx/conf.mjs +1 -4
- package/dist/jsx/conf.mjs.map +1 -1
- package/dist/jsx/index.js +1 -91
- package/dist/jsx/index.js.map +2 -2
- package/dist/jsx/index.mjs +1 -91
- package/dist/jsx/index.mjs.map +2 -2
- package/dist/jsx/tamagui.config.js +1 -5
- package/dist/jsx/tamagui.config.js.map +2 -2
- package/dist/jsx/tamagui.config.mjs +1 -5
- package/dist/jsx/tamagui.config.mjs.map +2 -2
- package/dist/jsx/useOnIntersecting.js +1 -67
- package/dist/jsx/useOnIntersecting.js.map +2 -2
- package/dist/jsx/useOnIntersecting.mjs +1 -67
- package/dist/jsx/useOnIntersecting.mjs.map +2 -2
- package/package.json +18 -18
- package/src/ToastDemo.tsx +4 -4
package/dist/cjs/TabsDemo.js.map
CHANGED
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/TabsDemo.tsx"],
|
|
4
4
|
"sourcesContent": ["import { useState } from 'react'\nimport {\n Button,\n H5,\n Separator,\n SizableText,\n Tabs,\n TabsContentProps,\n XStack,\n YStack,\n} from 'tamagui'\n\nconst demos = ['horizontal', 'vertical'] as const\nconst demosTitle: Record<(typeof demos)[number], string> = {\n horizontal: 'Horizontal',\n vertical: 'Vertical',\n}\n\nexport function TabsDemo() {\n const [demoIndex, setDemoIndex] = useState(0)\n const demo = demos[demoIndex]\n\n return (\n // web only fix for position relative\n <YStack paddingHorizontal=\"$4\" position={'unset' as any}>\n {demo === 'horizontal' ? <HorizontalTabs /> : <VerticalTabs />}\n\n <XStack\n alignItems=\"center\"\n space\n position=\"absolute\"\n bottom=\"$3\"\n left=\"$4\"\n $xxs={{ display: 'none' }}\n >\n <Button size=\"$2\" onPress={() => setDemoIndex((x) => (x + 1) % demos.length)}>\n {demosTitle[demo]}\n </Button>\n </XStack>\n </YStack>\n )\n}\n\nconst HorizontalTabs = () => {\n return (\n <Tabs\n defaultValue=\"tab1\"\n orientation=\"horizontal\"\n flexDirection=\"column\"\n width={400}\n height={150}\n borderRadius=\"$4\"\n borderWidth=\"$0.25\"\n overflow=\"hidden\"\n borderColor=\"$borderColor\"\n >\n <Tabs.List\n separator={<Separator vertical />}\n disablePassBorderRadius=\"bottom\"\n aria-label=\"Manage your account\"\n >\n <Tabs.Tab flex={1} value=\"tab1\">\n <SizableText fontFamily=\"$body\">Profile</SizableText>\n </Tabs.Tab>\n <Tabs.Tab flex={1} value=\"tab2\">\n <SizableText fontFamily=\"$body\">Connections</SizableText>\n </Tabs.Tab>\n <Tabs.Tab flex={1} value=\"tab3\">\n <SizableText fontFamily=\"$body\">Notifications</SizableText>\n </Tabs.Tab>\n </Tabs.List>\n <Separator />\n <TabsContent value=\"tab1\">\n <H5>Profile</H5>\n </TabsContent>\n\n <TabsContent value=\"tab2\">\n <H5>Connections</H5>\n </TabsContent>\n\n <TabsContent value=\"tab3\">\n <H5>Notifications</H5>\n </TabsContent>\n </Tabs>\n )\n}\n\nconst VerticalTabs = () => {\n return (\n <Tabs\n defaultValue=\"tab1\"\n flexDirection=\"row\"\n orientation=\"vertical\"\n width={400}\n borderRadius=\"$4\"\n borderWidth=\"$0.25\"\n overflow=\"hidden\"\n borderColor=\"$borderColor\"\n >\n <Tabs.List\n disablePassBorderRadius=\"end\"\n aria-label=\"Manage your account\"\n separator={<Separator />}\n >\n <Tabs.Tab value=\"tab1\">\n <SizableText>Profile</SizableText>\n </Tabs.Tab>\n <Tabs.Tab value=\"tab2\">\n <SizableText>Connections</SizableText>\n </Tabs.Tab>\n <Tabs.Tab value=\"tab3\">\n <SizableText>Notifications</SizableText>\n </Tabs.Tab>\n </Tabs.List>\n <Separator vertical />\n <TabsContent value=\"tab1\">\n <H5 textAlign=\"center\">Profile</H5>\n </TabsContent>\n <TabsContent value=\"tab2\">\n <H5 textAlign=\"center\">Connections</H5>\n </TabsContent>\n <TabsContent value=\"tab3\">\n <H5 textAlign=\"center\">Notifications</H5>\n </TabsContent>\n </Tabs>\n )\n}\n\nconst TabsContent = (props: TabsContentProps) => {\n return (\n <Tabs.Content\n backgroundColor=\"$background\"\n key=\"tab3\"\n padding=\"$2\"\n alignItems=\"center\"\n justifyContent=\"center\"\n flex={1}\n borderColor=\"$background\"\n borderRadius=\"$2\"\n borderTopLeftRadius={0}\n borderTopRightRadius={0}\n borderWidth=\"$2\"\n {...props}\n >\n {props.children}\n </Tabs.Content>\n )\n}\n"],
|
|
5
|
-
"mappings": "
|
|
6
|
-
"names": []
|
|
5
|
+
"mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,cAAAE,IAAA,eAAAC,EAAAH,GAwBI,IAAAI,EAAA,6BAxBJC,EAAyB,iBACzBC,EASO,mBAEP,MAAMC,EAAQ,CAAC,aAAc,UAAU,EACjCC,EAAqD,CACzD,WAAY,aACZ,SAAU,UACZ,EAEO,SAASN,GAAW,CACzB,KAAM,CAACO,EAAWC,CAAY,KAAI,YAAS,CAAC,EACtCC,EAAOJ,EAAME,CAAS,EAE5B,SAEE,QAAC,UAAO,kBAAkB,KAAK,SAAU,QACtC,UAAAE,IAAS,gBAAe,OAACC,EAAA,EAAe,KAAK,OAACC,EAAA,EAAa,KAE5D,OAAC,UACC,WAAW,SACX,MAAK,GACL,SAAS,WACT,OAAO,KACP,KAAK,KACL,KAAM,CAAE,QAAS,MAAO,EAExB,mBAAC,UAAO,KAAK,KAAK,QAAS,IAAMH,EAAcI,IAAOA,EAAI,GAAKP,EAAM,MAAM,EACxE,SAAAC,EAAWG,CAAI,EAClB,EACF,GACF,CAEJ,CAEA,MAAMC,EAAiB,OAEnB,QAAC,QACC,aAAa,OACb,YAAY,aACZ,cAAc,SACd,MAAO,IACP,OAAQ,IACR,aAAa,KACb,YAAY,QACZ,SAAS,SACT,YAAY,eAEZ,qBAAC,OAAK,KAAL,CACC,aAAW,OAAC,aAAU,SAAQ,GAAC,EAC/B,wBAAwB,SACxB,aAAW,sBAEX,oBAAC,OAAK,IAAL,CAAS,KAAM,EAAG,MAAM,OACvB,mBAAC,eAAY,WAAW,QAAQ,mBAAO,EACzC,KACA,OAAC,OAAK,IAAL,CAAS,KAAM,EAAG,MAAM,OACvB,mBAAC,eAAY,WAAW,QAAQ,uBAAW,EAC7C,KACA,OAAC,OAAK,IAAL,CAAS,KAAM,EAAG,MAAM,OACvB,mBAAC,eAAY,WAAW,QAAQ,yBAAa,EAC/C,GACF,KACA,OAAC,cAAU,KACX,OAACG,EAAA,CAAY,MAAM,OACjB,mBAAC,MAAG,mBAAO,EACb,KAEA,OAACA,EAAA,CAAY,MAAM,OACjB,mBAAC,MAAG,uBAAW,EACjB,KAEA,OAACA,EAAA,CAAY,MAAM,OACjB,mBAAC,MAAG,yBAAa,EACnB,GACF,EAIEF,EAAe,OAEjB,QAAC,QACC,aAAa,OACb,cAAc,MACd,YAAY,WACZ,MAAO,IACP,aAAa,KACb,YAAY,QACZ,SAAS,SACT,YAAY,eAEZ,qBAAC,OAAK,KAAL,CACC,wBAAwB,MACxB,aAAW,sBACX,aAAW,OAAC,cAAU,EAEtB,oBAAC,OAAK,IAAL,CAAS,MAAM,OACd,mBAAC,eAAY,mBAAO,EACtB,KACA,OAAC,OAAK,IAAL,CAAS,MAAM,OACd,mBAAC,eAAY,uBAAW,EAC1B,KACA,OAAC,OAAK,IAAL,CAAS,MAAM,OACd,mBAAC,eAAY,yBAAa,EAC5B,GACF,KACA,OAAC,aAAU,SAAQ,GAAC,KACpB,OAACE,EAAA,CAAY,MAAM,OACjB,mBAAC,MAAG,UAAU,SAAS,mBAAO,EAChC,KACA,OAACA,EAAA,CAAY,MAAM,OACjB,mBAAC,MAAG,UAAU,SAAS,uBAAW,EACpC,KACA,OAACA,EAAA,CAAY,MAAM,OACjB,mBAAC,MAAG,UAAU,SAAS,yBAAa,EACtC,GACF,EAIEA,EAAeC,MAEjB,OAAC,OAAK,QAAL,CACC,gBAAgB,cAEhB,QAAQ,KACR,WAAW,SACX,eAAe,SACf,KAAM,EACN,YAAY,cACZ,aAAa,KACb,oBAAqB,EACrB,qBAAsB,EACtB,YAAY,KACX,GAAGA,EAEH,SAAAA,EAAM,UAZH,MAaN",
|
|
6
|
+
"names": ["TabsDemo_exports", "__export", "TabsDemo", "__toCommonJS", "import_jsx_runtime", "import_react", "import_tamagui", "demos", "demosTitle", "demoIndex", "setDemoIndex", "demo", "HorizontalTabs", "VerticalTabs", "x", "TabsContent", "props"]
|
|
7
7
|
}
|
package/dist/cjs/TextDemo.js
CHANGED
|
@@ -1,40 +1,2 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __defProp = Object.defineProperty;
|
|
3
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
6
|
-
var __export = (target, all) => {
|
|
7
|
-
for (var name in all)
|
|
8
|
-
__defProp(target, name, { get: all[name], enumerable: true });
|
|
9
|
-
};
|
|
10
|
-
var __copyProps = (to, from, except, desc) => {
|
|
11
|
-
if (from && typeof from === "object" || typeof from === "function") {
|
|
12
|
-
for (let key of __getOwnPropNames(from))
|
|
13
|
-
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
14
|
-
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
15
|
-
}
|
|
16
|
-
return to;
|
|
17
|
-
};
|
|
18
|
-
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
19
|
-
var TextDemo_exports = {};
|
|
20
|
-
__export(TextDemo_exports, {
|
|
21
|
-
TextDemo: () => TextDemo
|
|
22
|
-
});
|
|
23
|
-
module.exports = __toCommonJS(TextDemo_exports);
|
|
24
|
-
var import_jsx_runtime = require("react/jsx-runtime");
|
|
25
|
-
var import_tamagui = require("tamagui");
|
|
26
|
-
function TextDemo() {
|
|
27
|
-
return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, { space: "$2", alignItems: "center", children: [
|
|
28
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.SizableText, { size: "$3", children: "SizableText" }),
|
|
29
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, { space: true, children: [
|
|
30
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.SizableText, { theme: "alt1", size: "$3", children: "alt1" }),
|
|
31
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.SizableText, { theme: "alt2", size: "$3", children: "alt2" })
|
|
32
|
-
] }),
|
|
33
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Paragraph, { size: "$2", fontWeight: "800", children: "Paragraph" })
|
|
34
|
-
] });
|
|
35
|
-
}
|
|
36
|
-
// Annotate the CommonJS export names for ESM import in node:
|
|
37
|
-
0 && (module.exports = {
|
|
38
|
-
TextDemo
|
|
39
|
-
});
|
|
1
|
+
"use strict";var z=Object.defineProperty;var c=Object.getOwnPropertyDescriptor;var o=Object.getOwnPropertyNames;var p=Object.prototype.hasOwnProperty;var m=(i,a)=>{for(var l in a)z(i,l,{get:a[l],enumerable:!0})},x=(i,a,l,S)=>{if(a&&typeof a=="object"||typeof a=="function")for(let r of o(a))!p.call(i,r)&&r!==l&&z(i,r,{get:()=>a[r],enumerable:!(S=c(a,r))||S.enumerable});return i};var T=i=>x(z({},"__esModule",{value:!0}),i);var s={};m(s,{TextDemo:()=>h});module.exports=T(s);var t=require("react/jsx-runtime"),e=require("tamagui");function h(){return(0,t.jsxs)(e.YStack,{space:"$2",alignItems:"center",children:[(0,t.jsx)(e.SizableText,{size:"$3",children:"SizableText"}),(0,t.jsxs)(e.XStack,{space:!0,children:[(0,t.jsx)(e.SizableText,{theme:"alt1",size:"$3",children:"alt1"}),(0,t.jsx)(e.SizableText,{theme:"alt2",size:"$3",children:"alt2"})]}),(0,t.jsx)(e.Paragraph,{size:"$2",fontWeight:"800",children:"Paragraph"})]})}0&&(module.exports={TextDemo});
|
|
40
2
|
//# sourceMappingURL=TextDemo.js.map
|
package/dist/cjs/TextDemo.js.map
CHANGED
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/TextDemo.tsx"],
|
|
4
4
|
"sourcesContent": ["import React from 'react'\nimport { Paragraph, SizableText, Text, XStack, YStack } from 'tamagui'\n\nexport function TextDemo() {\n return (\n <YStack space=\"$2\" alignItems=\"center\">\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 </XStack>\n <Paragraph size=\"$2\" fontWeight=\"800\">\n Paragraph\n </Paragraph>\n </YStack>\n )\n}\n"],
|
|
5
|
-
"mappings": "
|
|
6
|
-
"names": []
|
|
5
|
+
"mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,cAAAE,IAAA,eAAAC,EAAAH,GAMM,IAAAI,EAAA,6BALNC,EAA6D,mBAEtD,SAASH,GAAW,CACzB,SACE,QAAC,UAAO,MAAM,KAAK,WAAW,SAC5B,oBAAC,eAAY,KAAK,KAAK,uBAAW,KAClC,QAAC,UAAO,MAAK,GACX,oBAAC,eAAY,MAAM,OAAO,KAAK,KAAK,gBAEpC,KACA,OAAC,eAAY,MAAM,OAAO,KAAK,KAAK,gBAEpC,GACF,KACA,OAAC,aAAU,KAAK,KAAK,WAAW,MAAM,qBAEtC,GACF,CAEJ",
|
|
6
|
+
"names": ["TextDemo_exports", "__export", "TextDemo", "__toCommonJS", "import_jsx_runtime", "import_tamagui"]
|
|
7
7
|
}
|
|
@@ -1,44 +1,2 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __defProp = Object.defineProperty;
|
|
3
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
6
|
-
var __export = (target, all) => {
|
|
7
|
-
for (var name in all)
|
|
8
|
-
__defProp(target, name, { get: all[name], enumerable: true });
|
|
9
|
-
};
|
|
10
|
-
var __copyProps = (to, from, except, desc) => {
|
|
11
|
-
if (from && typeof from === "object" || typeof from === "function") {
|
|
12
|
-
for (let key of __getOwnPropNames(from))
|
|
13
|
-
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
14
|
-
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
15
|
-
}
|
|
16
|
-
return to;
|
|
17
|
-
};
|
|
18
|
-
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
19
|
-
var ThemeInverseDemo_exports = {};
|
|
20
|
-
__export(ThemeInverseDemo_exports, {
|
|
21
|
-
ThemeInverseDemo: () => ThemeInverseDemo
|
|
22
|
-
});
|
|
23
|
-
module.exports = __toCommonJS(ThemeInverseDemo_exports);
|
|
24
|
-
var import_jsx_runtime = require("react/jsx-runtime");
|
|
25
|
-
var import_tamagui = require("tamagui");
|
|
26
|
-
function ThemeInverseDemo() {
|
|
27
|
-
return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, { space: true, children: [
|
|
28
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Buttons, {}),
|
|
29
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Theme, { inverse: true, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Buttons, {}) })
|
|
30
|
-
] });
|
|
31
|
-
}
|
|
32
|
-
function Buttons() {
|
|
33
|
-
return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, { backgroundColor: "$background", padding: "$3", borderRadius: "$3", space: true, children: [
|
|
34
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, { children: "Dark" }),
|
|
35
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, { themeInverse: true, children: "Inversed" }),
|
|
36
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, { theme: "alt1", children: "Alt1 Dark" }),
|
|
37
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Theme, { name: "yellow", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, { children: "Yellow dark" }) })
|
|
38
|
-
] });
|
|
39
|
-
}
|
|
40
|
-
// Annotate the CommonJS export names for ESM import in node:
|
|
41
|
-
0 && (module.exports = {
|
|
42
|
-
ThemeInverseDemo
|
|
43
|
-
});
|
|
1
|
+
"use strict";var u=Object.defineProperty;var m=Object.getOwnPropertyDescriptor;var d=Object.getOwnPropertyNames;var l=Object.prototype.hasOwnProperty;var s=(o,n)=>{for(var a in n)u(o,a,{get:n[a],enumerable:!0})},h=(o,n,a,c)=>{if(n&&typeof n=="object"||typeof n=="function")for(let r of d(n))!l.call(o,r)&&r!==a&&u(o,r,{get:()=>n[r],enumerable:!(c=m(n,r))||c.enumerable});return o};var B=o=>h(u({},"__esModule",{value:!0}),o);var p={};s(p,{ThemeInverseDemo:()=>i});module.exports=B(p);var e=require("react/jsx-runtime"),t=require("tamagui");function i(){return(0,e.jsxs)(t.XStack,{space:!0,children:[(0,e.jsx)(k,{}),(0,e.jsx)(t.Theme,{inverse:!0,children:(0,e.jsx)(k,{})})]})}function k(){return(0,e.jsxs)(t.YStack,{backgroundColor:"$background",padding:"$3",borderRadius:"$3",space:!0,children:[(0,e.jsx)(t.Button,{children:"Dark"}),(0,e.jsx)(t.Button,{themeInverse:!0,children:"Inversed"}),(0,e.jsx)(t.Button,{theme:"alt1",children:"Alt1 Dark"}),(0,e.jsx)(t.Theme,{name:"yellow",children:(0,e.jsx)(t.Button,{children:"Yellow dark"})})]})}0&&(module.exports={ThemeInverseDemo});
|
|
44
2
|
//# sourceMappingURL=ThemeInverseDemo.js.map
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/ThemeInverseDemo.tsx"],
|
|
4
4
|
"sourcesContent": ["import { Button, Theme, XStack, YStack } from 'tamagui'\n\nexport function ThemeInverseDemo() {\n return (\n <XStack space>\n <Buttons />\n <Theme inverse>\n <Buttons />\n </Theme>\n </XStack>\n )\n}\n\nfunction Buttons() {\n return (\n <YStack backgroundColor=\"$background\" padding=\"$3\" borderRadius=\"$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": "
|
|
6
|
-
"names": []
|
|
5
|
+
"mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,sBAAAE,IAAA,eAAAC,EAAAH,GAII,IAAAI,EAAA,6BAJJC,EAA8C,mBAEvC,SAASH,GAAmB,CACjC,SACE,QAAC,UAAO,MAAK,GACX,oBAACI,EAAA,EAAQ,KACT,OAAC,SAAM,QAAO,GACZ,mBAACA,EAAA,EAAQ,EACX,GACF,CAEJ,CAEA,SAASA,GAAU,CACjB,SACE,QAAC,UAAO,gBAAgB,cAAc,QAAQ,KAAK,aAAa,KAAK,MAAK,GACxE,oBAAC,UAAO,gBAAI,KACZ,OAAC,UAAO,aAAY,GAAC,oBAAQ,KAC7B,OAAC,UAAO,MAAM,OAAO,qBAAS,KAC9B,OAAC,SAAM,KAAK,SACV,mBAAC,UAAO,uBAAW,EACrB,GACF,CAEJ",
|
|
6
|
+
"names": ["ThemeInverseDemo_exports", "__export", "ThemeInverseDemo", "__toCommonJS", "import_jsx_runtime", "import_tamagui", "Buttons"]
|
|
7
7
|
}
|
package/dist/cjs/ToastDemo.js
CHANGED
|
@@ -1,129 +1,2 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __create = Object.create;
|
|
3
|
-
var __defProp = Object.defineProperty;
|
|
4
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
5
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
6
|
-
var __getProtoOf = Object.getPrototypeOf;
|
|
7
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
8
|
-
var __export = (target, all) => {
|
|
9
|
-
for (var name in all)
|
|
10
|
-
__defProp(target, name, { get: all[name], enumerable: true });
|
|
11
|
-
};
|
|
12
|
-
var __copyProps = (to, from, except, desc) => {
|
|
13
|
-
if (from && typeof from === "object" || typeof from === "function") {
|
|
14
|
-
for (let key of __getOwnPropNames(from))
|
|
15
|
-
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
16
|
-
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
17
|
-
}
|
|
18
|
-
return to;
|
|
19
|
-
};
|
|
20
|
-
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
21
|
-
// If the importer is in node compatibility mode or this is not an ESM
|
|
22
|
-
// file that has been converted to a CommonJS file using a Babel-
|
|
23
|
-
// compatible transform (i.e. "__esModule" has not been set), then set
|
|
24
|
-
// "default" to the CommonJS "module.exports" for node compatibility.
|
|
25
|
-
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
|
26
|
-
mod
|
|
27
|
-
));
|
|
28
|
-
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
29
|
-
var ToastDemo_exports = {};
|
|
30
|
-
__export(ToastDemo_exports, {
|
|
31
|
-
ToastDemo: () => ToastDemo
|
|
32
|
-
});
|
|
33
|
-
module.exports = __toCommonJS(ToastDemo_exports);
|
|
34
|
-
var import_jsx_runtime = require("react/jsx-runtime");
|
|
35
|
-
var import_toast = require("@tamagui/toast");
|
|
36
|
-
var import_react = __toESM(require("react"));
|
|
37
|
-
var import_tamagui = require("tamagui");
|
|
38
|
-
const ToastDemo = () => {
|
|
39
|
-
const [native, setNative] = import_react.default.useState(false);
|
|
40
|
-
return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, { space: true, alignItems: "center", children: [
|
|
41
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(ToastControl, { native }),
|
|
42
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(CurrentToast, {}),
|
|
43
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(NativeOptions, { native, setNative })
|
|
44
|
-
] });
|
|
45
|
-
};
|
|
46
|
-
const CurrentToast = () => {
|
|
47
|
-
const { currentToast } = (0, import_toast.useToast)();
|
|
48
|
-
if (!currentToast || currentToast.isHandledNatively)
|
|
49
|
-
return null;
|
|
50
|
-
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
51
|
-
import_toast.Toast,
|
|
52
|
-
{
|
|
53
|
-
duration: currentToast.duration,
|
|
54
|
-
enterStyle: { opacity: 0, scale: 0.5, y: -25 },
|
|
55
|
-
exitStyle: { opacity: 0, scale: 1, y: -20 },
|
|
56
|
-
y: 0,
|
|
57
|
-
opacity: 1,
|
|
58
|
-
scale: 1,
|
|
59
|
-
animation: "100ms",
|
|
60
|
-
children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, { children: [
|
|
61
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_toast.Toast.Title, { children: currentToast.title }),
|
|
62
|
-
!!currentToast.message && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_toast.Toast.Description, { children: currentToast.message })
|
|
63
|
-
] })
|
|
64
|
-
},
|
|
65
|
-
currentToast.id
|
|
66
|
-
);
|
|
67
|
-
};
|
|
68
|
-
const ToastControl = ({ native }) => {
|
|
69
|
-
const toast = (0, import_toast.useToast)();
|
|
70
|
-
return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, { space: "$2", justifyContent: "center", children: [
|
|
71
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
72
|
-
import_tamagui.Button,
|
|
73
|
-
{
|
|
74
|
-
onPress: () => {
|
|
75
|
-
toast.show("Successfully saved!", {
|
|
76
|
-
message: "Don't worry, we've got your data.",
|
|
77
|
-
native
|
|
78
|
-
});
|
|
79
|
-
},
|
|
80
|
-
children: "Show"
|
|
81
|
-
}
|
|
82
|
-
),
|
|
83
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
84
|
-
import_tamagui.Button,
|
|
85
|
-
{
|
|
86
|
-
onPress: () => {
|
|
87
|
-
toast.hide();
|
|
88
|
-
},
|
|
89
|
-
children: "Hide"
|
|
90
|
-
}
|
|
91
|
-
)
|
|
92
|
-
] });
|
|
93
|
-
};
|
|
94
|
-
const NativeOptions = ({
|
|
95
|
-
native,
|
|
96
|
-
setNative
|
|
97
|
-
}) => {
|
|
98
|
-
return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, { space: "$3", children: [
|
|
99
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.SizableText, { size: "$1", children: "Custom" }),
|
|
100
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
101
|
-
import_tamagui.Switch,
|
|
102
|
-
{
|
|
103
|
-
theme: "active",
|
|
104
|
-
size: "$1",
|
|
105
|
-
checked: !!native,
|
|
106
|
-
onCheckedChange: (val) => setNative(val),
|
|
107
|
-
children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
108
|
-
import_tamagui.Switch.Thumb,
|
|
109
|
-
{
|
|
110
|
-
animation: [
|
|
111
|
-
"quick",
|
|
112
|
-
{
|
|
113
|
-
transform: {
|
|
114
|
-
overshootClamping: true
|
|
115
|
-
}
|
|
116
|
-
}
|
|
117
|
-
]
|
|
118
|
-
}
|
|
119
|
-
)
|
|
120
|
-
}
|
|
121
|
-
),
|
|
122
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.SizableText, { size: "$1", children: "Native" })
|
|
123
|
-
] });
|
|
124
|
-
};
|
|
125
|
-
// Annotate the CommonJS export names for ESM import in node:
|
|
126
|
-
0 && (module.exports = {
|
|
127
|
-
ToastDemo
|
|
128
|
-
});
|
|
1
|
+
"use strict";var m=Object.create;var r=Object.defineProperty;var v=Object.getOwnPropertyDescriptor;var S=Object.getOwnPropertyNames;var T=Object.getPrototypeOf,p=Object.prototype.hasOwnProperty;var y=(t,e)=>{for(var s in e)r(t,s,{get:e[s],enumerable:!0})},l=(t,e,s,c)=>{if(e&&typeof e=="object"||typeof e=="function")for(let n of S(e))!p.call(t,n)&&n!==s&&r(t,n,{get:()=>e[n],enumerable:!(c=v(e,n))||c.enumerable});return t};var d=(t,e,s)=>(s=t!=null?m(T(t)):{},l(e||!t||!t.__esModule?r(s,"default",{value:t,enumerable:!0}):s,t)),h=t=>l(r({},"__esModule",{value:!0}),t);var g={};y(g,{ToastDemo:()=>k});module.exports=h(g);var a=require("react/jsx-runtime"),i=require("@tamagui/toast"),u=d(require("react")),o=require("tamagui");const k=()=>{const[t,e]=u.default.useState(!1);return(0,a.jsxs)(o.YStack,{space:!0,alignItems:"center",children:[(0,a.jsx)(C,{native:t}),(0,a.jsx)(f,{}),(0,a.jsx)(b,{native:t,setNative:e})]})},f=()=>{const t=(0,i.useToastState)();return!t||t.isHandledNatively?null:(0,a.jsx)(i.Toast,{duration:t.duration,enterStyle:{opacity:0,scale:.5,y:-25},exitStyle:{opacity:0,scale:1,y:-20},y:0,opacity:1,scale:1,animation:"100ms",children:(0,a.jsxs)(o.YStack,{children:[(0,a.jsx)(i.Toast.Title,{children:t.title}),!!t.message&&(0,a.jsx)(i.Toast.Description,{children:t.message})]})},t.id)},C=({native:t})=>{const e=(0,i.useToastController)();return(0,a.jsxs)(o.XStack,{space:"$2",justifyContent:"center",children:[(0,a.jsx)(o.Button,{onPress:()=>{e.show("Successfully saved!",{message:"Don't worry, we've got your data.",native:t})},children:"Show"}),(0,a.jsx)(o.Button,{onPress:()=>{e.hide()},children:"Hide"})]})},b=({native:t,setNative:e})=>(0,a.jsxs)(o.XStack,{space:"$3",children:[(0,a.jsx)(o.SizableText,{size:"$1",children:"Custom"}),(0,a.jsx)(o.Switch,{theme:"active",size:"$1",checked:!!t,onCheckedChange:s=>e(s),children:(0,a.jsx)(o.Switch.Thumb,{animation:["quick",{transform:{overshootClamping:!0}}]})}),(0,a.jsx)(o.SizableText,{size:"$1",children:"Native"})]});0&&(module.exports={ToastDemo});
|
|
129
2
|
//# sourceMappingURL=ToastDemo.js.map
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/ToastDemo.tsx"],
|
|
4
|
-
"sourcesContent": ["import {
|
|
5
|
-
"mappings": "
|
|
6
|
-
"names": ["React"]
|
|
4
|
+
"sourcesContent": ["import { Toast, useToastController, useToastState } from '@tamagui/toast'\nimport React from 'react'\nimport { Button, SizableText, Switch, XStack, YStack } from 'tamagui'\n\nexport const ToastDemo = () => {\n const [native, setNative] = React.useState(false)\n\n return (\n <YStack space alignItems=\"center\">\n <ToastControl native={native} />\n <CurrentToast />\n\n <NativeOptions native={native} setNative={setNative} />\n </YStack>\n )\n}\n\nconst CurrentToast = () => {\n const currentToast = useToastState()\n\n if (!currentToast || currentToast.isHandledNatively) return null\n return (\n <Toast\n key={currentToast.id}\n duration={currentToast.duration}\n enterStyle={{ opacity: 0, scale: 0.5, y: -25 }}\n exitStyle={{ opacity: 0, scale: 1, y: -20 }}\n y={0}\n opacity={1}\n scale={1}\n animation=\"100ms\"\n >\n <YStack>\n <Toast.Title>{currentToast.title}</Toast.Title>\n {!!currentToast.message && (\n <Toast.Description>{currentToast.message}</Toast.Description>\n )}\n </YStack>\n </Toast>\n )\n}\n\nconst ToastControl = ({ native }: { native: boolean }) => {\n const toast = useToastController()\n return (\n <XStack space=\"$2\" justifyContent=\"center\">\n <Button\n onPress={() => {\n toast.show('Successfully saved!', {\n message: \"Don't worry, we've got your data.\",\n native,\n })\n }}\n >\n Show\n </Button>\n <Button\n onPress={() => {\n toast.hide()\n }}\n >\n Hide\n </Button>\n </XStack>\n )\n}\n\nconst NativeOptions = ({\n native,\n setNative,\n}: {\n native: boolean\n setNative: (native: boolean) => void\n}) => {\n return (\n <XStack space=\"$3\">\n <SizableText size=\"$1\">Custom</SizableText>\n\n <Switch\n theme=\"active\"\n size=\"$1\"\n checked={!!native}\n onCheckedChange={(val) => setNative(val)}\n >\n <Switch.Thumb\n animation={[\n 'quick',\n {\n transform: {\n overshootClamping: true,\n },\n },\n ]}\n />\n </Switch>\n\n <SizableText size=\"$1\">Native</SizableText>\n </XStack>\n )\n}\n"],
|
|
5
|
+
"mappings": "0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,eAAAE,IAAA,eAAAC,EAAAH,GAQI,IAAAI,EAAA,6BARJC,EAAyD,0BACzDC,EAAkB,oBAClBC,EAA4D,mBAErD,MAAML,EAAY,IAAM,CAC7B,KAAM,CAACM,EAAQC,CAAS,EAAI,EAAAC,QAAM,SAAS,EAAK,EAEhD,SACE,QAAC,UAAO,MAAK,GAAC,WAAW,SACvB,oBAACC,EAAA,CAAa,OAAQH,EAAQ,KAC9B,OAACI,EAAA,EAAa,KAEd,OAACC,EAAA,CAAc,OAAQL,EAAQ,UAAWC,EAAW,GACvD,CAEJ,EAEMG,EAAe,IAAM,CACzB,MAAME,KAAe,iBAAc,EAEnC,MAAI,CAACA,GAAgBA,EAAa,kBAA0B,QAE1D,OAAC,SAEC,SAAUA,EAAa,SACvB,WAAY,CAAE,QAAS,EAAG,MAAO,GAAK,EAAG,GAAI,EAC7C,UAAW,CAAE,QAAS,EAAG,MAAO,EAAG,EAAG,GAAI,EAC1C,EAAG,EACH,QAAS,EACT,MAAO,EACP,UAAU,QAEV,oBAAC,UACC,oBAAC,QAAM,MAAN,CAAa,SAAAA,EAAa,MAAM,EAChC,CAAC,CAACA,EAAa,YACd,OAAC,QAAM,YAAN,CAAmB,SAAAA,EAAa,QAAQ,GAE7C,GAdKA,EAAa,EAepB,CAEJ,EAEMH,EAAe,CAAC,CAAE,OAAAH,CAAO,IAA2B,CACxD,MAAMO,KAAQ,sBAAmB,EACjC,SACE,QAAC,UAAO,MAAM,KAAK,eAAe,SAChC,oBAAC,UACC,QAAS,IAAM,CACbA,EAAM,KAAK,sBAAuB,CAChC,QAAS,oCACT,OAAAP,CACF,CAAC,CACH,EACD,gBAED,KACA,OAAC,UACC,QAAS,IAAM,CACbO,EAAM,KAAK,CACb,EACD,gBAED,GACF,CAEJ,EAEMF,EAAgB,CAAC,CACrB,OAAAL,EACA,UAAAC,CACF,OAKI,QAAC,UAAO,MAAM,KACZ,oBAAC,eAAY,KAAK,KAAK,kBAAM,KAE7B,OAAC,UACC,MAAM,SACN,KAAK,KACL,QAAS,CAAC,CAACD,EACX,gBAAkBQ,GAAQP,EAAUO,CAAG,EAEvC,mBAAC,SAAO,MAAP,CACC,UAAW,CACT,QACA,CACE,UAAW,CACT,kBAAmB,EACrB,CACF,CACF,EACF,EACF,KAEA,OAAC,eAAY,KAAK,KAAK,kBAAM,GAC/B",
|
|
6
|
+
"names": ["ToastDemo_exports", "__export", "ToastDemo", "__toCommonJS", "import_jsx_runtime", "import_toast", "import_react", "import_tamagui", "native", "setNative", "React", "ToastControl", "CurrentToast", "NativeOptions", "currentToast", "toast", "val"]
|
|
7
7
|
}
|
|
@@ -1,78 +1,2 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __create = Object.create;
|
|
3
|
-
var __defProp = Object.defineProperty;
|
|
4
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
5
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
6
|
-
var __getProtoOf = Object.getPrototypeOf;
|
|
7
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
8
|
-
var __export = (target, all) => {
|
|
9
|
-
for (var name in all)
|
|
10
|
-
__defProp(target, name, { get: all[name], enumerable: true });
|
|
11
|
-
};
|
|
12
|
-
var __copyProps = (to, from, except, desc) => {
|
|
13
|
-
if (from && typeof from === "object" || typeof from === "function") {
|
|
14
|
-
for (let key of __getOwnPropNames(from))
|
|
15
|
-
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
16
|
-
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
17
|
-
}
|
|
18
|
-
return to;
|
|
19
|
-
};
|
|
20
|
-
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
21
|
-
// If the importer is in node compatibility mode or this is not an ESM
|
|
22
|
-
// file that has been converted to a CommonJS file using a Babel-
|
|
23
|
-
// compatible transform (i.e. "__esModule" has not been set), then set
|
|
24
|
-
// "default" to the CommonJS "module.exports" for node compatibility.
|
|
25
|
-
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
|
26
|
-
mod
|
|
27
|
-
));
|
|
28
|
-
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
29
|
-
var ToastDuplicateDemo_exports = {};
|
|
30
|
-
__export(ToastDuplicateDemo_exports, {
|
|
31
|
-
ToastDuplicateDemo: () => ToastDuplicateDemo
|
|
32
|
-
});
|
|
33
|
-
module.exports = __toCommonJS(ToastDuplicateDemo_exports);
|
|
34
|
-
var import_jsx_runtime = require("react/jsx-runtime");
|
|
35
|
-
var import_lucide_icons = require("@tamagui/lucide-icons");
|
|
36
|
-
var import_toast = require("@tamagui/toast");
|
|
37
|
-
var import_react = __toESM(require("react"));
|
|
38
|
-
var import_tamagui = require("tamagui");
|
|
39
|
-
const ToastDuplicateDemo = () => {
|
|
40
|
-
const [savedCount, setSavedCount] = import_react.default.useState(0);
|
|
41
|
-
return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, { alignItems: "center", children: [
|
|
42
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
43
|
-
import_tamagui.Button,
|
|
44
|
-
{
|
|
45
|
-
onPress: () => {
|
|
46
|
-
setSavedCount((old) => old + 1);
|
|
47
|
-
},
|
|
48
|
-
children: "Show toast"
|
|
49
|
-
}
|
|
50
|
-
),
|
|
51
|
-
[...Array(savedCount)].map((_, index) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
52
|
-
import_toast.Toast,
|
|
53
|
-
{
|
|
54
|
-
viewportName: "viewport-multiple",
|
|
55
|
-
duration: 4e3,
|
|
56
|
-
enterStyle: { opacity: 0, scale: 0.5, y: -25 },
|
|
57
|
-
exitStyle: { opacity: 0, scale: 1, y: -20 },
|
|
58
|
-
y: 0,
|
|
59
|
-
opacity: 1,
|
|
60
|
-
scale: 1,
|
|
61
|
-
animation: "100ms",
|
|
62
|
-
children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, { space: true, alignItems: "center", children: [
|
|
63
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YStack, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_icons.CheckCircle2, {}) }),
|
|
64
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, { children: [
|
|
65
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_toast.Toast.Title, { children: "Successfully saved!" }),
|
|
66
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_toast.Toast.Description, { children: "Don't worry... We've got your data." })
|
|
67
|
-
] })
|
|
68
|
-
] })
|
|
69
|
-
},
|
|
70
|
-
index
|
|
71
|
-
))
|
|
72
|
-
] });
|
|
73
|
-
};
|
|
74
|
-
// Annotate the CommonJS export names for ESM import in node:
|
|
75
|
-
0 && (module.exports = {
|
|
76
|
-
ToastDuplicateDemo
|
|
77
|
-
});
|
|
1
|
+
"use strict";var u=Object.create;var c=Object.defineProperty;var y=Object.getOwnPropertyDescriptor;var S=Object.getOwnPropertyNames;var k=Object.getPrototypeOf,T=Object.prototype.hasOwnProperty;var v=(t,e)=>{for(var o in e)c(t,o,{get:e[o],enumerable:!0})},l=(t,e,o,r)=>{if(e&&typeof e=="object"||typeof e=="function")for(let i of S(e))!T.call(t,i)&&i!==o&&c(t,i,{get:()=>e[i],enumerable:!(r=y(e,i))||r.enumerable});return t};var d=(t,e,o)=>(o=t!=null?u(k(t)):{},l(e||!t||!t.__esModule?c(o,"default",{value:t,enumerable:!0}):o,t)),w=t=>l(c({},"__esModule",{value:!0}),t);var h={};v(h,{ToastDuplicateDemo:()=>f});module.exports=w(h);var a=require("react/jsx-runtime"),n=require("@tamagui/lucide-icons"),p=require("@tamagui/toast"),m=d(require("react")),s=require("tamagui");const f=()=>{const[t,e]=m.default.useState(0);return(0,a.jsxs)(s.YStack,{alignItems:"center",children:[(0,a.jsx)(s.Button,{onPress:()=>{e(o=>o+1)},children:"Show toast"}),[...Array(t)].map((o,r)=>(0,a.jsx)(p.Toast,{viewportName:"viewport-multiple",duration:4e3,enterStyle:{opacity:0,scale:.5,y:-25},exitStyle:{opacity:0,scale:1,y:-20},y:0,opacity:1,scale:1,animation:"100ms",children:(0,a.jsxs)(s.XStack,{space:!0,alignItems:"center",children:[(0,a.jsx)(s.YStack,{children:(0,a.jsx)(n.CheckCircle2,{})}),(0,a.jsxs)(s.YStack,{children:[(0,a.jsx)(p.Toast.Title,{children:"Successfully saved!"}),(0,a.jsx)(p.Toast.Description,{children:"Don't worry... We've got your data."})]})]})},r))]})};0&&(module.exports={ToastDuplicateDemo});
|
|
78
2
|
//# sourceMappingURL=ToastDuplicateDemo.js.map
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/ToastDuplicateDemo.tsx"],
|
|
4
4
|
"sourcesContent": ["import { CheckCircle2 } from '@tamagui/lucide-icons'\nimport { Toast } from '@tamagui/toast'\nimport React from 'react'\nimport { Button, XStack, YStack } from 'tamagui'\n\nexport const ToastDuplicateDemo = () => {\n const [savedCount, setSavedCount] = React.useState(0)\n\n return (\n <YStack alignItems=\"center\">\n <Button\n onPress={() => {\n setSavedCount((old) => old + 1)\n }}\n >\n Show toast\n </Button>\n {[...Array(savedCount)].map((_, index) => (\n <Toast\n viewportName=\"viewport-multiple\" // Sends to a viewport that supports multiple toasts with the `multipleToasts` prop\n key={index}\n duration={4000}\n enterStyle={{ opacity: 0, scale: 0.5, y: -25 }}\n exitStyle={{ opacity: 0, scale: 1, y: -20 }}\n y={0}\n opacity={1}\n scale={1}\n animation=\"100ms\"\n >\n <XStack space alignItems=\"center\">\n <YStack>\n <CheckCircle2 />\n </YStack>\n\n <YStack>\n <Toast.Title>Successfully saved!</Toast.Title>\n <Toast.Description>Don't worry... We've got your data.</Toast.Description>\n </YStack>\n </XStack>\n </Toast>\n ))}\n </YStack>\n )\n}\n"],
|
|
5
|
-
"mappings": "
|
|
6
|
-
"names": ["React"]
|
|
5
|
+
"mappings": "0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,wBAAAE,IAAA,eAAAC,EAAAH,GAUM,IAAAI,EAAA,6BAVNC,EAA6B,iCAC7BC,EAAsB,0BACtBC,EAAkB,oBAClBC,EAAuC,mBAEhC,MAAMN,EAAqB,IAAM,CACtC,KAAM,CAACO,EAAYC,CAAa,EAAI,EAAAC,QAAM,SAAS,CAAC,EAEpD,SACE,QAAC,UAAO,WAAW,SACjB,oBAAC,UACC,QAAS,IAAM,CACbD,EAAeE,GAAQA,EAAM,CAAC,CAChC,EACD,sBAED,EACC,CAAC,GAAG,MAAMH,CAAU,CAAC,EAAE,IAAI,CAACI,EAAGC,OAC9B,OAAC,SACC,aAAa,oBAEb,SAAU,IACV,WAAY,CAAE,QAAS,EAAG,MAAO,GAAK,EAAG,GAAI,EAC7C,UAAW,CAAE,QAAS,EAAG,MAAO,EAAG,EAAG,GAAI,EAC1C,EAAG,EACH,QAAS,EACT,MAAO,EACP,UAAU,QAEV,oBAAC,UAAO,MAAK,GAAC,WAAW,SACvB,oBAAC,UACC,mBAAC,iBAAa,EAChB,KAEA,QAAC,UACC,oBAAC,QAAM,MAAN,CAAY,+BAAmB,KAChC,OAAC,QAAM,YAAN,CAAkB,+CAAmC,GACxD,GACF,GAlBKA,CAmBP,CACD,GACH,CAEJ",
|
|
6
|
+
"names": ["ToastDuplicateDemo_exports", "__export", "ToastDuplicateDemo", "__toCommonJS", "import_jsx_runtime", "import_lucide_icons", "import_toast", "import_react", "import_tamagui", "savedCount", "setSavedCount", "React", "old", "_", "index"]
|
|
7
7
|
}
|
|
@@ -1,73 +1,2 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __defProp = Object.defineProperty;
|
|
3
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
6
|
-
var __export = (target, all) => {
|
|
7
|
-
for (var name in all)
|
|
8
|
-
__defProp(target, name, { get: all[name], enumerable: true });
|
|
9
|
-
};
|
|
10
|
-
var __copyProps = (to, from, except, desc) => {
|
|
11
|
-
if (from && typeof from === "object" || typeof from === "function") {
|
|
12
|
-
for (let key of __getOwnPropNames(from))
|
|
13
|
-
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
14
|
-
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
15
|
-
}
|
|
16
|
-
return to;
|
|
17
|
-
};
|
|
18
|
-
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
19
|
-
var ToggleGroupDemo_exports = {};
|
|
20
|
-
__export(ToggleGroupDemo_exports, {
|
|
21
|
-
ToggleGroupDemo: () => ToggleGroupDemo
|
|
22
|
-
});
|
|
23
|
-
module.exports = __toCommonJS(ToggleGroupDemo_exports);
|
|
24
|
-
var import_jsx_runtime = require("react/jsx-runtime");
|
|
25
|
-
var import_lucide_icons = require("@tamagui/lucide-icons");
|
|
26
|
-
var import_tamagui = require("tamagui");
|
|
27
|
-
function ToggleGroupDemo() {
|
|
28
|
-
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YStack, { paddingHorizontal: "$4", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, { alignItems: "center", space: "$10", children: [
|
|
29
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, { alignItems: "center", space: "$6", children: [
|
|
30
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(ToggleGroupComponent, { type: "single", size: "$3", orientation: "horizontal" }),
|
|
31
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(ToggleGroupComponent, { type: "multiple", size: "$4", orientation: "horizontal" })
|
|
32
|
-
] }),
|
|
33
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, { alignItems: "center", space: "$6", children: [
|
|
34
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(ToggleGroupComponent, { type: "single", size: "$3", orientation: "vertical" }),
|
|
35
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(ToggleGroupComponent, { type: "multiple", size: "$4", orientation: "vertical" })
|
|
36
|
-
] })
|
|
37
|
-
] }) });
|
|
38
|
-
}
|
|
39
|
-
function ToggleGroupComponent(props) {
|
|
40
|
-
const id = `switch-${props.size.toString().slice(1)}-${props.type}`;
|
|
41
|
-
return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
|
|
42
|
-
import_tamagui.XStack,
|
|
43
|
-
{
|
|
44
|
-
flexDirection: props.orientation === "horizontal" ? "row" : "column",
|
|
45
|
-
alignItems: "center",
|
|
46
|
-
justifyContent: "center",
|
|
47
|
-
space: "$4",
|
|
48
|
-
children: [
|
|
49
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Label, { paddingRight: "$0", justifyContent: "flex-end", size: props.size, htmlFor: id, children: props.type === "single" ? "Single" : "Multiple" }),
|
|
50
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
|
|
51
|
-
import_tamagui.ToggleGroup,
|
|
52
|
-
{
|
|
53
|
-
orientation: props.orientation,
|
|
54
|
-
id,
|
|
55
|
-
type: props.type,
|
|
56
|
-
size: props.size,
|
|
57
|
-
disableDeactivation: props.type === "single" ? true : void 0,
|
|
58
|
-
children: [
|
|
59
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.ToggleGroup.Item, { value: "left", "aria-label": "Left aligned", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_icons.AlignLeft, {}) }),
|
|
60
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.ToggleGroup.Item, { value: "center", "aria-label": "Center aligned", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_icons.AlignCenter, {}) }),
|
|
61
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.ToggleGroup.Item, { value: "right", "aria-label": "Right aligned", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_icons.AlignRight, {}) })
|
|
62
|
-
]
|
|
63
|
-
}
|
|
64
|
-
)
|
|
65
|
-
]
|
|
66
|
-
}
|
|
67
|
-
);
|
|
68
|
-
}
|
|
69
|
-
// Annotate the CommonJS export names for ESM import in node:
|
|
70
|
-
0 && (module.exports = {
|
|
71
|
-
ToggleGroupDemo
|
|
72
|
-
});
|
|
1
|
+
"use strict";var g=Object.defineProperty;var s=Object.getOwnPropertyDescriptor;var u=Object.getOwnPropertyNames;var m=Object.prototype.hasOwnProperty;var z=(t,n)=>{for(var a in n)g(t,a,{get:n[a],enumerable:!0})},p=(t,n,a,c)=>{if(n&&typeof n=="object"||typeof n=="function")for(let o of u(n))!m.call(t,o)&&o!==a&&g(t,o,{get:()=>n[o],enumerable:!(c=s(n,o))||c.enumerable});return t};var d=t=>p(g({},"__esModule",{value:!0}),t);var y={};z(y,{ToggleGroupDemo:()=>f});module.exports=d(y);var e=require("react/jsx-runtime"),l=require("@tamagui/lucide-icons"),i=require("tamagui");function f(){return(0,e.jsx)(i.YStack,{paddingHorizontal:"$4",children:(0,e.jsxs)(i.XStack,{alignItems:"center",space:"$10",children:[(0,e.jsxs)(i.YStack,{alignItems:"center",space:"$6",children:[(0,e.jsx)(r,{type:"single",size:"$3",orientation:"horizontal"}),(0,e.jsx)(r,{type:"multiple",size:"$4",orientation:"horizontal"})]}),(0,e.jsxs)(i.XStack,{alignItems:"center",space:"$6",children:[(0,e.jsx)(r,{type:"single",size:"$3",orientation:"vertical"}),(0,e.jsx)(r,{type:"multiple",size:"$4",orientation:"vertical"})]})]})})}function r(t){const n=`switch-${t.size.toString().slice(1)}-${t.type}`;return(0,e.jsxs)(i.XStack,{flexDirection:t.orientation==="horizontal"?"row":"column",alignItems:"center",justifyContent:"center",space:"$4",children:[(0,e.jsx)(i.Label,{paddingRight:"$0",justifyContent:"flex-end",size:t.size,htmlFor:n,children:t.type==="single"?"Single":"Multiple"}),(0,e.jsxs)(i.ToggleGroup,{orientation:t.orientation,id:n,type:t.type,size:t.size,disableDeactivation:t.type==="single"?!0:void 0,children:[(0,e.jsx)(i.ToggleGroup.Item,{value:"left","aria-label":"Left aligned",children:(0,e.jsx)(l.AlignLeft,{})}),(0,e.jsx)(i.ToggleGroup.Item,{value:"center","aria-label":"Center aligned",children:(0,e.jsx)(l.AlignCenter,{})}),(0,e.jsx)(i.ToggleGroup.Item,{value:"right","aria-label":"Right aligned",children:(0,e.jsx)(l.AlignRight,{})})]})]})}0&&(module.exports={ToggleGroupDemo});
|
|
73
2
|
//# sourceMappingURL=ToggleGroupDemo.js.map
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/ToggleGroupDemo.tsx"],
|
|
4
4
|
"sourcesContent": ["import { AlignCenter, AlignLeft, AlignRight } from '@tamagui/lucide-icons'\nimport { Label, SizeTokens, ToggleGroup, XStack, YStack } from 'tamagui'\n\nexport function ToggleGroupDemo() {\n return (\n <YStack paddingHorizontal=\"$4\">\n <XStack alignItems=\"center\" space=\"$10\">\n <YStack alignItems=\"center\" space=\"$6\">\n <ToggleGroupComponent type=\"single\" size=\"$3\" orientation=\"horizontal\" />\n <ToggleGroupComponent type=\"multiple\" size=\"$4\" orientation=\"horizontal\" />\n </YStack>\n <XStack alignItems=\"center\" space=\"$6\">\n <ToggleGroupComponent type=\"single\" size=\"$3\" orientation=\"vertical\" />\n <ToggleGroupComponent type=\"multiple\" size=\"$4\" orientation=\"vertical\" />\n </XStack>\n </XStack>\n </YStack>\n )\n}\n\nfunction ToggleGroupComponent(props: {\n size: SizeTokens\n type: 'single' | 'multiple'\n orientation: 'vertical' | 'horizontal'\n}) {\n const id = `switch-${props.size.toString().slice(1)}-${props.type}`\n return (\n <XStack\n flexDirection={props.orientation === 'horizontal' ? 'row' : 'column'}\n alignItems=\"center\"\n justifyContent=\"center\"\n space=\"$4\"\n >\n <Label paddingRight=\"$0\" justifyContent=\"flex-end\" size={props.size} htmlFor={id}>\n {props.type === 'single' ? 'Single' : 'Multiple'}\n </Label>\n {/* <Separator vertical={props.orientation === 'horizontal'} /> */}\n\n <ToggleGroup\n orientation={props.orientation}\n id={id}\n type={props.type}\n size={props.size}\n disableDeactivation={props.type === 'single' ? true : undefined}\n >\n <ToggleGroup.Item value=\"left\" aria-label=\"Left aligned\">\n <AlignLeft />\n </ToggleGroup.Item>\n <ToggleGroup.Item value=\"center\" aria-label=\"Center aligned\">\n <AlignCenter />\n </ToggleGroup.Item>\n <ToggleGroup.Item value=\"right\" aria-label=\"Right aligned\">\n <AlignRight />\n </ToggleGroup.Item>\n </ToggleGroup>\n </XStack>\n )\n}\n"],
|
|
5
|
-
"mappings": "
|
|
6
|
-
"names": []
|
|
5
|
+
"mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,qBAAAE,IAAA,eAAAC,EAAAH,GAOQ,IAAAI,EAAA,6BAPRC,EAAmD,iCACnDC,EAA+D,mBAExD,SAASJ,GAAkB,CAChC,SACE,OAAC,UAAO,kBAAkB,KACxB,oBAAC,UAAO,WAAW,SAAS,MAAM,MAChC,qBAAC,UAAO,WAAW,SAAS,MAAM,KAChC,oBAACK,EAAA,CAAqB,KAAK,SAAS,KAAK,KAAK,YAAY,aAAa,KACvE,OAACA,EAAA,CAAqB,KAAK,WAAW,KAAK,KAAK,YAAY,aAAa,GAC3E,KACA,QAAC,UAAO,WAAW,SAAS,MAAM,KAChC,oBAACA,EAAA,CAAqB,KAAK,SAAS,KAAK,KAAK,YAAY,WAAW,KACrE,OAACA,EAAA,CAAqB,KAAK,WAAW,KAAK,KAAK,YAAY,WAAW,GACzE,GACF,EACF,CAEJ,CAEA,SAASA,EAAqBC,EAI3B,CACD,MAAMC,EAAK,UAAUD,EAAM,KAAK,SAAS,EAAE,MAAM,CAAC,KAAKA,EAAM,OAC7D,SACE,QAAC,UACC,cAAeA,EAAM,cAAgB,aAAe,MAAQ,SAC5D,WAAW,SACX,eAAe,SACf,MAAM,KAEN,oBAAC,SAAM,aAAa,KAAK,eAAe,WAAW,KAAMA,EAAM,KAAM,QAASC,EAC3E,SAAAD,EAAM,OAAS,SAAW,SAAW,WACxC,KAGA,QAAC,eACC,YAAaA,EAAM,YACnB,GAAIC,EACJ,KAAMD,EAAM,KACZ,KAAMA,EAAM,KACZ,oBAAqBA,EAAM,OAAS,SAAW,GAAO,OAEtD,oBAAC,cAAY,KAAZ,CAAiB,MAAM,OAAO,aAAW,eACxC,mBAAC,cAAU,EACb,KACA,OAAC,cAAY,KAAZ,CAAiB,MAAM,SAAS,aAAW,iBAC1C,mBAAC,gBAAY,EACf,KACA,OAAC,cAAY,KAAZ,CAAiB,MAAM,QAAQ,aAAW,gBACzC,mBAAC,eAAW,EACd,GACF,GACF,CAEJ",
|
|
6
|
+
"names": ["ToggleGroupDemo_exports", "__export", "ToggleGroupDemo", "__toCommonJS", "import_jsx_runtime", "import_lucide_icons", "import_tamagui", "ToggleGroupComponent", "props", "id"]
|
|
7
7
|
}
|