@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
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/FormsDemo.tsx"],
|
|
4
4
|
"sourcesContent": ["import { stat } from 'fs'\n\nimport { useEffect, useState } from 'react'\nimport { Button, Form, H4, SizeTokens, Spinner, XStack, YStack } from 'tamagui'\n\nexport function FormsDemo(props: { size: SizeTokens }) {\n const [status, setStatus] = useState<'off' | 'submitting' | 'submitted'>('off')\n\n useEffect(() => {\n if (status === 'submitting') {\n const timer = setTimeout(() => setStatus('off'), 2000)\n return () => {\n clearTimeout(timer)\n }\n }\n }, [status])\n\n return (\n <Form\n alignItems=\"center\"\n minWidth={300}\n space\n onSubmit={() => setStatus('submitting')}\n borderWidth={1}\n borderRadius=\"$4\"\n backgroundColor=\"$background\"\n borderColor=\"$borderColor\"\n padding=\"$8\"\n >\n <H4>{status[0].toUpperCase() + status.slice(1)}</H4>\n\n <Form.Trigger asChild disabled={status !== 'off'}>\n <Button icon={status === 'submitting' ? () => <Spinner /> : undefined}>\n Submit\n </Button>\n </Form.Trigger>\n </Form>\n )\n}\n"],
|
|
5
|
-
"mappings": "AAEA,
|
|
6
|
-
"names": []
|
|
5
|
+
"mappings": "AAEA,OAAS,aAAAA,EAAW,YAAAC,MAAgB,QACpC,OAAS,UAAAC,EAAQ,QAAAC,EAAM,MAAAC,EAAgB,WAAAC,MAA+B,UAE/D,SAASC,EAAUC,EAA6B,CACrD,KAAM,CAACC,EAAQC,CAAS,EAAIR,EAA6C,KAAK,EAE9E,OAAAD,EAAU,IAAM,CACd,GAAIQ,IAAW,aAAc,CAC3B,MAAME,EAAQ,WAAW,IAAMD,EAAU,KAAK,EAAG,GAAI,EACrD,MAAO,IAAM,CACX,aAAaC,CAAK,CACpB,CACF,CACF,EAAG,CAACF,CAAM,CAAC,EAGT,CAACL,EACC,WAAW,QACX,UAAU,IACV,MACA,UAAU,IAAMM,EAAU,YAAY,EACtC,aAAa,EACb,aAAa,IACb,gBAAgB,aAChB,YAAY,cACZ,QAAQ,KAER,CAACL,GAAII,EAAO,CAAC,EAAE,YAAY,EAAIA,EAAO,MAAM,CAAC,EAAE,EAA9CJ,EAED,CAACD,EAAK,QAAQ,QAAQ,UAAUK,IAAW,OACzC,CAACN,EAAO,MAAMM,IAAW,aAAe,IAAM,CAACH,CAAQ,GAAK,QAAW,MAEvE,EAFCH,EAGH,EAJCC,EAAK,QAKR,EAlBCA,EAoBL",
|
|
6
|
+
"names": ["useEffect", "useState", "Button", "Form", "H4", "Spinner", "FormsDemo", "props", "status", "setStatus", "timer"]
|
|
7
7
|
}
|
package/dist/jsx/GroupDemo.js
CHANGED
|
@@ -1,24 +1,2 @@
|
|
|
1
|
-
import
|
|
2
|
-
import { Button, Group, ListItem, Separator, XGroup, YGroup, YStack } from "tamagui";
|
|
3
|
-
function GroupDemo() {
|
|
4
|
-
return <YStack padding="$3" space="$2" alignItems="center">
|
|
5
|
-
<Group axis="horizontal">
|
|
6
|
-
<Group.Item><Button>First</Button></Group.Item>
|
|
7
|
-
<Group.Item><Button>Second</Button></Group.Item>
|
|
8
|
-
<Group.Item><Button>Third</Button></Group.Item>
|
|
9
|
-
</Group>
|
|
10
|
-
<XGroup size="$3" $gtSm={{ size: "$5" }}>
|
|
11
|
-
<XGroup.Item><Button size="$3" icon={Activity}>First</Button></XGroup.Item>
|
|
12
|
-
<XGroup.Item><Button size="$3" icon={Airplay}>Second</Button></XGroup.Item>
|
|
13
|
-
</XGroup>
|
|
14
|
-
<YGroup separator={<Separator />}>
|
|
15
|
-
<YGroup.Item><ListItem title="First" /></YGroup.Item>
|
|
16
|
-
<YGroup.Item><ListItem title="Second" subTitle="Second subtitle" /></YGroup.Item>
|
|
17
|
-
<YGroup.Item><ListItem>Third</ListItem></YGroup.Item>
|
|
18
|
-
</YGroup>
|
|
19
|
-
</YStack>;
|
|
20
|
-
}
|
|
21
|
-
export {
|
|
22
|
-
GroupDemo
|
|
23
|
-
};
|
|
1
|
+
import{Activity as B,Airplay as z}from"@tamagui/lucide-icons";import{Button as I,Group as G,ListItem as Y,Separator as X,XGroup as $,YGroup as S,YStack as F}from"tamagui";function k(){return<F padding="$3"space="$2"alignItems="center"><G axis="horizontal"><G.Item><I>First</I></G.Item><G.Item><I>Second</I></G.Item><G.Item><I>Third</I></G.Item></G><$ size="$3"$gtSm={{size:"$5"}}><$.Item><I size="$3"icon={B}>First</I></$.Item><$.Item><I size="$3"icon={z}>Second</I></$.Item></$><S separator={<X/>}><S.Item><Y title="First"/></S.Item><S.Item><Y title="Second"subTitle="Second subtitle"/></S.Item><S.Item><Y>Third</Y></S.Item></S></F>}export{k as GroupDemo};
|
|
24
2
|
//# sourceMappingURL=GroupDemo.js.map
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/GroupDemo.tsx"],
|
|
4
4
|
"sourcesContent": ["import { Activity, Airplay } from '@tamagui/lucide-icons'\nimport { Button, Group, ListItem, Separator, XGroup, YGroup, YStack } from 'tamagui'\n\nexport function GroupDemo() {\n return (\n <YStack padding=\"$3\" space=\"$2\" alignItems=\"center\">\n <Group axis=\"horizontal\">\n <Group.Item>\n <Button>First</Button>\n </Group.Item>\n <Group.Item>\n <Button>Second</Button>\n </Group.Item>\n <Group.Item>\n <Button>Third</Button>\n </Group.Item>\n </Group>\n\n {/* responsive + size */}\n <XGroup size=\"$3\" $gtSm={{ size: '$5' }}>\n <XGroup.Item>\n <Button size=\"$3\" icon={Activity}>\n First\n </Button>\n </XGroup.Item>\n <XGroup.Item>\n <Button size=\"$3\" icon={Airplay}>\n Second\n </Button>\n </XGroup.Item>\n </XGroup>\n\n {/* Separator */}\n <YGroup separator={<Separator />}>\n <YGroup.Item>\n <ListItem title=\"First\" />\n </YGroup.Item>\n <YGroup.Item>\n <ListItem title=\"Second\" subTitle=\"Second subtitle\" />\n </YGroup.Item>\n <YGroup.Item>\n <ListItem>Third</ListItem>\n </YGroup.Item>\n </YGroup>\n </YStack>\n )\n}\n"],
|
|
5
|
-
"mappings": "AAAA,
|
|
6
|
-
"names": []
|
|
5
|
+
"mappings": "AAAA,OAAS,YAAAA,EAAU,WAAAC,MAAe,wBAClC,OAAS,UAAAC,EAAQ,SAAAC,EAAO,YAAAC,EAAU,aAAAC,EAAW,UAAAC,EAAQ,UAAAC,EAAQ,UAAAC,MAAc,UAEpE,SAASC,GAAY,CAC1B,MACE,CAACD,EAAO,QAAQ,IAAK,MAAM,IAAK,WAAW,SACzC,CAACL,EAAM,KAAK,aACV,CAACA,EAAM,KACL,CAACD,EAAO,KAAK,EAAZA,EACH,EAFCC,EAAM,KAGP,CAACA,EAAM,KACL,CAACD,EAAO,MAAM,EAAbA,EACH,EAFCC,EAAM,KAGP,CAACA,EAAM,KACL,CAACD,EAAO,KAAK,EAAZA,EACH,EAFCC,EAAM,KAGT,EAVCA,EAaD,CAACG,EAAO,KAAK,IAAK,OAAO,CAAE,KAAM,IAAK,GACpC,CAACA,EAAO,KACN,CAACJ,EAAO,KAAK,IAAK,MAAMF,GAAU,KAElC,EAFCE,EAGH,EAJCI,EAAO,KAKR,CAACA,EAAO,KACN,CAACJ,EAAO,KAAK,IAAK,MAAMD,GAAS,MAEjC,EAFCC,EAGH,EAJCI,EAAO,KAKV,EAXCA,EAcD,CAACC,EAAO,WAAW,CAACF,CAAU,IAC5B,CAACE,EAAO,KACN,CAACH,EAAS,MAAM,OAAQ,EAC1B,EAFCG,EAAO,KAGR,CAACA,EAAO,KACN,CAACH,EAAS,MAAM,QAAS,SAAS,iBAAkB,EACtD,EAFCG,EAAO,KAGR,CAACA,EAAO,KACN,CAACH,EAAS,KAAK,EAAdA,EACH,EAFCG,EAAO,KAGV,EAVCA,EAWH,EAvCCC,EAyCL",
|
|
6
|
+
"names": ["Activity", "Airplay", "Button", "Group", "ListItem", "Separator", "XGroup", "YGroup", "YStack", "GroupDemo"]
|
|
7
7
|
}
|
package/dist/jsx/GroupDemo.mjs
CHANGED
|
@@ -1,24 +1,2 @@
|
|
|
1
|
-
import
|
|
2
|
-
import { Button, Group, ListItem, Separator, XGroup, YGroup, YStack } from "tamagui";
|
|
3
|
-
function GroupDemo() {
|
|
4
|
-
return <YStack padding="$3" space="$2" alignItems="center">
|
|
5
|
-
<Group axis="horizontal">
|
|
6
|
-
<Group.Item><Button>First</Button></Group.Item>
|
|
7
|
-
<Group.Item><Button>Second</Button></Group.Item>
|
|
8
|
-
<Group.Item><Button>Third</Button></Group.Item>
|
|
9
|
-
</Group>
|
|
10
|
-
<XGroup size="$3" $gtSm={{ size: "$5" }}>
|
|
11
|
-
<XGroup.Item><Button size="$3" icon={Activity}>First</Button></XGroup.Item>
|
|
12
|
-
<XGroup.Item><Button size="$3" icon={Airplay}>Second</Button></XGroup.Item>
|
|
13
|
-
</XGroup>
|
|
14
|
-
<YGroup separator={<Separator />}>
|
|
15
|
-
<YGroup.Item><ListItem title="First" /></YGroup.Item>
|
|
16
|
-
<YGroup.Item><ListItem title="Second" subTitle="Second subtitle" /></YGroup.Item>
|
|
17
|
-
<YGroup.Item><ListItem>Third</ListItem></YGroup.Item>
|
|
18
|
-
</YGroup>
|
|
19
|
-
</YStack>;
|
|
20
|
-
}
|
|
21
|
-
export {
|
|
22
|
-
GroupDemo
|
|
23
|
-
};
|
|
1
|
+
import{Activity as B,Airplay as z}from"@tamagui/lucide-icons";import{Button as I,Group as G,ListItem as Y,Separator as X,XGroup as $,YGroup as S,YStack as F}from"tamagui";function k(){return<F padding="$3"space="$2"alignItems="center"><G axis="horizontal"><G.Item><I>First</I></G.Item><G.Item><I>Second</I></G.Item><G.Item><I>Third</I></G.Item></G><$ size="$3"$gtSm={{size:"$5"}}><$.Item><I size="$3"icon={B}>First</I></$.Item><$.Item><I size="$3"icon={z}>Second</I></$.Item></$><S separator={<X/>}><S.Item><Y title="First"/></S.Item><S.Item><Y title="Second"subTitle="Second subtitle"/></S.Item><S.Item><Y>Third</Y></S.Item></S></F>}export{k as GroupDemo};
|
|
24
2
|
//# sourceMappingURL=GroupDemo.mjs.map
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/GroupDemo.tsx"],
|
|
4
4
|
"sourcesContent": ["import { Activity, Airplay } from '@tamagui/lucide-icons'\nimport { Button, Group, ListItem, Separator, XGroup, YGroup, YStack } from 'tamagui'\n\nexport function GroupDemo() {\n return (\n <YStack padding=\"$3\" space=\"$2\" alignItems=\"center\">\n <Group axis=\"horizontal\">\n <Group.Item>\n <Button>First</Button>\n </Group.Item>\n <Group.Item>\n <Button>Second</Button>\n </Group.Item>\n <Group.Item>\n <Button>Third</Button>\n </Group.Item>\n </Group>\n\n {/* responsive + size */}\n <XGroup size=\"$3\" $gtSm={{ size: '$5' }}>\n <XGroup.Item>\n <Button size=\"$3\" icon={Activity}>\n First\n </Button>\n </XGroup.Item>\n <XGroup.Item>\n <Button size=\"$3\" icon={Airplay}>\n Second\n </Button>\n </XGroup.Item>\n </XGroup>\n\n {/* Separator */}\n <YGroup separator={<Separator />}>\n <YGroup.Item>\n <ListItem title=\"First\" />\n </YGroup.Item>\n <YGroup.Item>\n <ListItem title=\"Second\" subTitle=\"Second subtitle\" />\n </YGroup.Item>\n <YGroup.Item>\n <ListItem>Third</ListItem>\n </YGroup.Item>\n </YGroup>\n </YStack>\n )\n}\n"],
|
|
5
|
-
"mappings": "AAAA,
|
|
6
|
-
"names": []
|
|
5
|
+
"mappings": "AAAA,OAAS,YAAAA,EAAU,WAAAC,MAAe,wBAClC,OAAS,UAAAC,EAAQ,SAAAC,EAAO,YAAAC,EAAU,aAAAC,EAAW,UAAAC,EAAQ,UAAAC,EAAQ,UAAAC,MAAc,UAEpE,SAASC,GAAY,CAC1B,MACE,CAACD,EAAO,QAAQ,IAAK,MAAM,IAAK,WAAW,SACzC,CAACL,EAAM,KAAK,aACV,CAACA,EAAM,KACL,CAACD,EAAO,KAAK,EAAZA,EACH,EAFCC,EAAM,KAGP,CAACA,EAAM,KACL,CAACD,EAAO,MAAM,EAAbA,EACH,EAFCC,EAAM,KAGP,CAACA,EAAM,KACL,CAACD,EAAO,KAAK,EAAZA,EACH,EAFCC,EAAM,KAGT,EAVCA,EAaD,CAACG,EAAO,KAAK,IAAK,OAAO,CAAE,KAAM,IAAK,GACpC,CAACA,EAAO,KACN,CAACJ,EAAO,KAAK,IAAK,MAAMF,GAAU,KAElC,EAFCE,EAGH,EAJCI,EAAO,KAKR,CAACA,EAAO,KACN,CAACJ,EAAO,KAAK,IAAK,MAAMD,GAAS,MAEjC,EAFCC,EAGH,EAJCI,EAAO,KAKV,EAXCA,EAcD,CAACC,EAAO,WAAW,CAACF,CAAU,IAC5B,CAACE,EAAO,KACN,CAACH,EAAS,MAAM,OAAQ,EAC1B,EAFCG,EAAO,KAGR,CAACA,EAAO,KACN,CAACH,EAAS,MAAM,QAAS,SAAS,iBAAkB,EACtD,EAFCG,EAAO,KAGR,CAACA,EAAO,KACN,CAACH,EAAS,KAAK,EAAdA,EACH,EAFCG,EAAO,KAGV,EAVCA,EAWH,EAvCCC,EAyCL",
|
|
6
|
+
"names": ["Activity", "Airplay", "Button", "Group", "ListItem", "Separator", "XGroup", "YGroup", "YStack", "GroupDemo"]
|
|
7
7
|
}
|
package/dist/jsx/HeadingsDemo.js
CHANGED
|
@@ -1,15 +1,2 @@
|
|
|
1
|
-
import
|
|
2
|
-
function HeadingsDemo() {
|
|
3
|
-
return <YStack alignSelf="center">
|
|
4
|
-
<H1>Heading 1</H1>
|
|
5
|
-
<H2>Heading 2</H2>
|
|
6
|
-
<H3>Heading 3</H3>
|
|
7
|
-
<H4>Heading 4</H4>
|
|
8
|
-
<H5>Heading 5</H5>
|
|
9
|
-
<H6>Heading 6</H6>
|
|
10
|
-
</YStack>;
|
|
11
|
-
}
|
|
12
|
-
export {
|
|
13
|
-
HeadingsDemo
|
|
14
|
-
};
|
|
1
|
+
import{H1 as H,H2 as S,H3 as Y,H4 as D,H5 as R,H6 as A,YStack as B}from"tamagui";function G(){return<B alignSelf="center"><H>Heading 1</H><S>Heading 2</S><Y>Heading 3</Y><D>Heading 4</D><R>Heading 5</R><A>Heading 6</A></B>}export{G as HeadingsDemo};
|
|
15
2
|
//# sourceMappingURL=HeadingsDemo.js.map
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/HeadingsDemo.tsx"],
|
|
4
4
|
"sourcesContent": ["import React from 'react'\nimport { H1, H2, H3, H4, H5, H6, YStack } from 'tamagui'\n\nexport function HeadingsDemo() {\n return (\n <YStack alignSelf=\"center\">\n <H1>Heading 1</H1>\n <H2>Heading 2</H2>\n <H3>Heading 3</H3>\n <H4>Heading 4</H4>\n <H5>Heading 5</H5>\n <H6>Heading 6</H6>\n </YStack>\n )\n}\n"],
|
|
5
|
-
"mappings": "AACA,
|
|
6
|
-
"names": []
|
|
5
|
+
"mappings": "AACA,OAAS,MAAAA,EAAI,MAAAC,EAAI,MAAAC,EAAI,MAAAC,EAAI,MAAAC,EAAI,MAAAC,EAAI,UAAAC,MAAc,UAExC,SAASC,GAAe,CAC7B,MACE,CAACD,EAAO,UAAU,SAChB,CAACN,EAAG,SAAS,EAAZA,EACD,CAACC,EAAG,SAAS,EAAZA,EACD,CAACC,EAAG,SAAS,EAAZA,EACD,CAACC,EAAG,SAAS,EAAZA,EACD,CAACC,EAAG,SAAS,EAAZA,EACD,CAACC,EAAG,SAAS,EAAZA,EACH,EAPCC,EASL",
|
|
6
|
+
"names": ["H1", "H2", "H3", "H4", "H5", "H6", "YStack", "HeadingsDemo"]
|
|
7
7
|
}
|
|
@@ -1,15 +1,2 @@
|
|
|
1
|
-
import
|
|
2
|
-
function HeadingsDemo() {
|
|
3
|
-
return <YStack alignSelf="center">
|
|
4
|
-
<H1>Heading 1</H1>
|
|
5
|
-
<H2>Heading 2</H2>
|
|
6
|
-
<H3>Heading 3</H3>
|
|
7
|
-
<H4>Heading 4</H4>
|
|
8
|
-
<H5>Heading 5</H5>
|
|
9
|
-
<H6>Heading 6</H6>
|
|
10
|
-
</YStack>;
|
|
11
|
-
}
|
|
12
|
-
export {
|
|
13
|
-
HeadingsDemo
|
|
14
|
-
};
|
|
1
|
+
import{H1 as H,H2 as S,H3 as Y,H4 as D,H5 as R,H6 as A,YStack as B}from"tamagui";function G(){return<B alignSelf="center"><H>Heading 1</H><S>Heading 2</S><Y>Heading 3</Y><D>Heading 4</D><R>Heading 5</R><A>Heading 6</A></B>}export{G as HeadingsDemo};
|
|
15
2
|
//# sourceMappingURL=HeadingsDemo.mjs.map
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/HeadingsDemo.tsx"],
|
|
4
4
|
"sourcesContent": ["import React from 'react'\nimport { H1, H2, H3, H4, H5, H6, YStack } from 'tamagui'\n\nexport function HeadingsDemo() {\n return (\n <YStack alignSelf=\"center\">\n <H1>Heading 1</H1>\n <H2>Heading 2</H2>\n <H3>Heading 3</H3>\n <H4>Heading 4</H4>\n <H5>Heading 5</H5>\n <H6>Heading 6</H6>\n </YStack>\n )\n}\n"],
|
|
5
|
-
"mappings": "AACA,
|
|
6
|
-
"names": []
|
|
5
|
+
"mappings": "AACA,OAAS,MAAAA,EAAI,MAAAC,EAAI,MAAAC,EAAI,MAAAC,EAAI,MAAAC,EAAI,MAAAC,EAAI,UAAAC,MAAc,UAExC,SAASC,GAAe,CAC7B,MACE,CAACD,EAAO,UAAU,SAChB,CAACN,EAAG,SAAS,EAAZA,EACD,CAACC,EAAG,SAAS,EAAZA,EACD,CAACC,EAAG,SAAS,EAAZA,EACD,CAACC,EAAG,SAAS,EAAZA,EACD,CAACC,EAAG,SAAS,EAAZA,EACD,CAACC,EAAG,SAAS,EAAZA,EACH,EAPCC,EASL",
|
|
6
|
+
"names": ["H1", "H2", "H3", "H4", "H5", "H6", "YStack", "HeadingsDemo"]
|
|
7
7
|
}
|
package/dist/jsx/ImageDemo.js
CHANGED
|
@@ -1,8 +1,2 @@
|
|
|
1
|
-
import
|
|
2
|
-
function ImageDemo() {
|
|
3
|
-
return <Image src="https://placekitten.com/200/300" width={200} height={300} />;
|
|
4
|
-
}
|
|
5
|
-
export {
|
|
6
|
-
ImageDemo
|
|
7
|
-
};
|
|
1
|
+
import{Image as I}from"tamagui";function k(){return<I src="https://placekitten.com/200/300"width={200}height={300}/>}export{k as ImageDemo};
|
|
8
2
|
//# sourceMappingURL=ImageDemo.js.map
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/ImageDemo.tsx"],
|
|
4
4
|
"sourcesContent": ["import { Image } from 'tamagui'\n\nexport function ImageDemo() {\n return <Image src=\"https://placekitten.com/200/300\" width={200} height={300} />\n}\n"],
|
|
5
|
-
"mappings": "AAAA,
|
|
6
|
-
"names": []
|
|
5
|
+
"mappings": "AAAA,OAAS,SAAAA,MAAa,UAEf,SAASC,GAAY,CAC1B,MAAO,CAACD,EAAM,IAAI,iCAAkC,OAAO,IAAK,QAAQ,IAAK,EAC/E",
|
|
6
|
+
"names": ["Image", "ImageDemo"]
|
|
7
7
|
}
|
package/dist/jsx/ImageDemo.mjs
CHANGED
|
@@ -1,8 +1,2 @@
|
|
|
1
|
-
import
|
|
2
|
-
function ImageDemo() {
|
|
3
|
-
return <Image src="https://placekitten.com/200/300" width={200} height={300} />;
|
|
4
|
-
}
|
|
5
|
-
export {
|
|
6
|
-
ImageDemo
|
|
7
|
-
};
|
|
1
|
+
import{Image as I}from"tamagui";function k(){return<I src="https://placekitten.com/200/300"width={200}height={300}/>}export{k as ImageDemo};
|
|
8
2
|
//# sourceMappingURL=ImageDemo.mjs.map
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/ImageDemo.tsx"],
|
|
4
4
|
"sourcesContent": ["import { Image } from 'tamagui'\n\nexport function ImageDemo() {\n return <Image src=\"https://placekitten.com/200/300\" width={200} height={300} />\n}\n"],
|
|
5
|
-
"mappings": "AAAA,
|
|
6
|
-
"names": []
|
|
5
|
+
"mappings": "AAAA,OAAS,SAAAA,MAAa,UAEf,SAASC,GAAY,CAC1B,MAAO,CAACD,EAAM,IAAI,iCAAkC,OAAO,IAAK,QAAQ,IAAK,EAC/E",
|
|
6
|
+
"names": ["Image", "ImageDemo"]
|
|
7
7
|
}
|
package/dist/jsx/InputsDemo.js
CHANGED
|
@@ -1,19 +1,2 @@
|
|
|
1
|
-
import
|
|
2
|
-
function InputsDemo() {
|
|
3
|
-
return <YStack width={200} mih={250} overflow="hidden" space="$2" margin="$3" padding="$2">
|
|
4
|
-
<InputDemo size="$2" />
|
|
5
|
-
<InputDemo size="$3" />
|
|
6
|
-
<InputDemo size="$4" />
|
|
7
|
-
<TextArea minHeight={140} placeholder="Enter your details..." numberOfLines={4} />
|
|
8
|
-
</YStack>;
|
|
9
|
-
}
|
|
10
|
-
function InputDemo(props) {
|
|
11
|
-
return <XStack alignItems="center" space="$2">
|
|
12
|
-
<Input flex={1} size={props.size} placeholder={`Size ${props.size}...`} />
|
|
13
|
-
<Button size={props.size}>Go</Button>
|
|
14
|
-
</XStack>;
|
|
15
|
-
}
|
|
16
|
-
export {
|
|
17
|
-
InputsDemo
|
|
18
|
-
};
|
|
1
|
+
import{Button as S,Input as I,TextArea as T,XStack as B,YStack as D}from"tamagui";function b(){return<D width={200}mih={250}overflow="hidden"space="$2"margin="$3"padding="$2"><$ size="$2"/><$ size="$3"/><$ size="$4"/><T minHeight={140}placeholder="Enter your details..."numberOfLines={4}/></D>}function $(e){return<B alignItems="center"space="$2"><I flex={1}size={e.size}placeholder={`Size ${e.size}...`}/><S size={e.size}>Go</S></B>}export{b as InputsDemo};
|
|
19
2
|
//# sourceMappingURL=InputsDemo.js.map
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/InputsDemo.tsx"],
|
|
4
4
|
"sourcesContent": ["import { Button, Input, SizeTokens, TextArea, XStack, YStack } from 'tamagui'\n\nexport function InputsDemo() {\n return (\n <YStack width={200} mih={250} overflow=\"hidden\" space=\"$2\" margin=\"$3\" padding=\"$2\">\n <InputDemo size=\"$2\" />\n <InputDemo size=\"$3\" />\n <InputDemo size=\"$4\" />\n <TextArea minHeight={140} placeholder=\"Enter your details...\" numberOfLines={4} />\n </YStack>\n )\n}\n\nfunction InputDemo(props: { size: SizeTokens }) {\n return (\n <XStack alignItems=\"center\" space=\"$2\">\n <Input flex={1} size={props.size} placeholder={`Size ${props.size}...`} />\n <Button size={props.size}>Go</Button>\n </XStack>\n )\n}"],
|
|
5
|
-
"mappings": "AAAA,
|
|
6
|
-
"names": []
|
|
5
|
+
"mappings": "AAAA,OAAS,UAAAA,EAAQ,SAAAC,EAAmB,YAAAC,EAAU,UAAAC,EAAQ,UAAAC,MAAc,UAE7D,SAASC,GAAa,CAC3B,MACE,CAACD,EAAO,OAAO,IAAK,KAAK,IAAK,SAAS,QAAS,MAAM,IAAK,OAAO,IAAK,QAAQ,KAC7E,CAACE,EAAU,KAAK,IAAK,EACrB,CAACA,EAAU,KAAK,IAAK,EACrB,CAACA,EAAU,KAAK,IAAK,EACrB,CAACJ,EAAS,WAAW,IAAK,YAAY,uBAAwB,eAAe,EAAG,EAClF,EALCE,EAOL,CAEA,SAASE,EAAUC,EAA6B,CAC9C,MACE,CAACJ,EAAO,WAAW,QAAS,MAAM,KAChC,CAACF,EAAM,MAAM,EAAG,MAAMM,EAAM,KAAM,aAAa,QAAQA,EAAM,UAAW,EACxE,CAACP,EAAO,MAAMO,EAAM,MAAM,EAAE,EAA3BP,EACH,EAHCG,EAKL",
|
|
6
|
+
"names": ["Button", "Input", "TextArea", "XStack", "YStack", "InputsDemo", "InputDemo", "props"]
|
|
7
7
|
}
|
package/dist/jsx/InputsDemo.mjs
CHANGED
|
@@ -1,19 +1,2 @@
|
|
|
1
|
-
import
|
|
2
|
-
function InputsDemo() {
|
|
3
|
-
return <YStack width={200} mih={250} overflow="hidden" space="$2" margin="$3" padding="$2">
|
|
4
|
-
<InputDemo size="$2" />
|
|
5
|
-
<InputDemo size="$3" />
|
|
6
|
-
<InputDemo size="$4" />
|
|
7
|
-
<TextArea minHeight={140} placeholder="Enter your details..." numberOfLines={4} />
|
|
8
|
-
</YStack>;
|
|
9
|
-
}
|
|
10
|
-
function InputDemo(props) {
|
|
11
|
-
return <XStack alignItems="center" space="$2">
|
|
12
|
-
<Input flex={1} size={props.size} placeholder={`Size ${props.size}...`} />
|
|
13
|
-
<Button size={props.size}>Go</Button>
|
|
14
|
-
</XStack>;
|
|
15
|
-
}
|
|
16
|
-
export {
|
|
17
|
-
InputsDemo
|
|
18
|
-
};
|
|
1
|
+
import{Button as S,Input as I,TextArea as T,XStack as B,YStack as D}from"tamagui";function b(){return<D width={200}mih={250}overflow="hidden"space="$2"margin="$3"padding="$2"><$ size="$2"/><$ size="$3"/><$ size="$4"/><T minHeight={140}placeholder="Enter your details..."numberOfLines={4}/></D>}function $(e){return<B alignItems="center"space="$2"><I flex={1}size={e.size}placeholder={`Size ${e.size}...`}/><S size={e.size}>Go</S></B>}export{b as InputsDemo};
|
|
19
2
|
//# sourceMappingURL=InputsDemo.mjs.map
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/InputsDemo.tsx"],
|
|
4
4
|
"sourcesContent": ["import { Button, Input, SizeTokens, TextArea, XStack, YStack } from 'tamagui'\n\nexport function InputsDemo() {\n return (\n <YStack width={200} mih={250} overflow=\"hidden\" space=\"$2\" margin=\"$3\" padding=\"$2\">\n <InputDemo size=\"$2\" />\n <InputDemo size=\"$3\" />\n <InputDemo size=\"$4\" />\n <TextArea minHeight={140} placeholder=\"Enter your details...\" numberOfLines={4} />\n </YStack>\n )\n}\n\nfunction InputDemo(props: { size: SizeTokens }) {\n return (\n <XStack alignItems=\"center\" space=\"$2\">\n <Input flex={1} size={props.size} placeholder={`Size ${props.size}...`} />\n <Button size={props.size}>Go</Button>\n </XStack>\n )\n}"],
|
|
5
|
-
"mappings": "AAAA,
|
|
6
|
-
"names": []
|
|
5
|
+
"mappings": "AAAA,OAAS,UAAAA,EAAQ,SAAAC,EAAmB,YAAAC,EAAU,UAAAC,EAAQ,UAAAC,MAAc,UAE7D,SAASC,GAAa,CAC3B,MACE,CAACD,EAAO,OAAO,IAAK,KAAK,IAAK,SAAS,QAAS,MAAM,IAAK,OAAO,IAAK,QAAQ,KAC7E,CAACE,EAAU,KAAK,IAAK,EACrB,CAACA,EAAU,KAAK,IAAK,EACrB,CAACA,EAAU,KAAK,IAAK,EACrB,CAACJ,EAAS,WAAW,IAAK,YAAY,uBAAwB,eAAe,EAAG,EAClF,EALCE,EAOL,CAEA,SAASE,EAAUC,EAA6B,CAC9C,MACE,CAACJ,EAAO,WAAW,QAAS,MAAM,KAChC,CAACF,EAAM,MAAM,EAAG,MAAMM,EAAM,KAAM,aAAa,QAAQA,EAAM,UAAW,EACxE,CAACP,EAAO,MAAMO,EAAM,MAAM,EAAE,EAA3BP,EACH,EAHCG,EAKL",
|
|
6
|
+
"names": ["Button", "Input", "TextArea", "XStack", "YStack", "InputsDemo", "InputDemo", "props"]
|
|
7
7
|
}
|
package/dist/jsx/LabelDemo.js
CHANGED
|
@@ -1,17 +1,2 @@
|
|
|
1
|
-
import
|
|
2
|
-
function LabelDemo() {
|
|
3
|
-
return <YStack padding="$3" minWidth={300} space="$4">
|
|
4
|
-
<XStack alignItems="center" space="$4">
|
|
5
|
-
<Label width={90} htmlFor="name">Name</Label>
|
|
6
|
-
<Input flex={1} id="name" defaultValue="Nate Wienert" />
|
|
7
|
-
</XStack>
|
|
8
|
-
<XStack alignItems="center" space="$4">
|
|
9
|
-
<Label width={90} htmlFor="notify">Notifications</Label>
|
|
10
|
-
<Switch id="notify"><Switch.Thumb animation="quick" /></Switch>
|
|
11
|
-
</XStack>
|
|
12
|
-
</YStack>;
|
|
13
|
-
}
|
|
14
|
-
export {
|
|
15
|
-
LabelDemo
|
|
16
|
-
};
|
|
1
|
+
import{Input as I,Label as S,Switch as L,XStack as $,YStack as N}from"tamagui";function x(){return<N padding="$3"minWidth={300}space="$4"><$ alignItems="center"space="$4"><S width={90}htmlFor="name">Name</S><I flex={1}id="name"defaultValue="Nate Wienert"/></$><$ alignItems="center"space="$4"><S width={90}htmlFor="notify">Notifications</S><L id="notify"><L.Thumb animation="quick"/></L></$></N>}export{x as LabelDemo};
|
|
17
2
|
//# sourceMappingURL=LabelDemo.js.map
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/LabelDemo.tsx"],
|
|
4
4
|
"sourcesContent": ["import { Input, Label, Switch, XStack, YStack } from 'tamagui'\n\nexport function LabelDemo() {\n return (\n <YStack padding=\"$3\" minWidth={300} space=\"$4\">\n <XStack alignItems=\"center\" space=\"$4\">\n <Label width={90} htmlFor=\"name\">\n Name\n </Label>\n <Input flex={1} id=\"name\" defaultValue=\"Nate Wienert\" />\n </XStack>\n\n <XStack alignItems=\"center\" space=\"$4\">\n <Label width={90} htmlFor=\"notify\">\n Notifications\n </Label>\n <Switch id=\"notify\">\n <Switch.Thumb animation=\"quick\" />\n </Switch>\n </XStack>\n </YStack>\n )\n}\n"],
|
|
5
|
-
"mappings": "AAAA,
|
|
6
|
-
"names": []
|
|
5
|
+
"mappings": "AAAA,OAAS,SAAAA,EAAO,SAAAC,EAAO,UAAAC,EAAQ,UAAAC,EAAQ,UAAAC,MAAc,UAE9C,SAASC,GAAY,CAC1B,MACE,CAACD,EAAO,QAAQ,IAAK,UAAU,IAAK,MAAM,KACxC,CAACD,EAAO,WAAW,QAAS,MAAM,KAChC,CAACF,EAAM,OAAO,GAAI,QAAQ,OAAO,IAEjC,EAFCA,EAGD,CAACD,EAAM,MAAM,EAAG,GAAG,MAAO,aAAa,cAAe,EACxD,EALCG,EAOD,CAACA,EAAO,WAAW,QAAS,MAAM,KAChC,CAACF,EAAM,OAAO,GAAI,QAAQ,SAAS,aAEnC,EAFCA,EAGD,CAACC,EAAO,GAAG,SACT,CAACA,EAAO,MAAM,UAAU,OAAQ,EAClC,EAFCA,EAGH,EAPCC,EAQH,EAhBCC,EAkBL",
|
|
6
|
+
"names": ["Input", "Label", "Switch", "XStack", "YStack", "LabelDemo"]
|
|
7
7
|
}
|
package/dist/jsx/LabelDemo.mjs
CHANGED
|
@@ -1,17 +1,2 @@
|
|
|
1
|
-
import
|
|
2
|
-
function LabelDemo() {
|
|
3
|
-
return <YStack padding="$3" minWidth={300} space="$4">
|
|
4
|
-
<XStack alignItems="center" space="$4">
|
|
5
|
-
<Label width={90} htmlFor="name">Name</Label>
|
|
6
|
-
<Input flex={1} id="name" defaultValue="Nate Wienert" />
|
|
7
|
-
</XStack>
|
|
8
|
-
<XStack alignItems="center" space="$4">
|
|
9
|
-
<Label width={90} htmlFor="notify">Notifications</Label>
|
|
10
|
-
<Switch id="notify"><Switch.Thumb animation="quick" /></Switch>
|
|
11
|
-
</XStack>
|
|
12
|
-
</YStack>;
|
|
13
|
-
}
|
|
14
|
-
export {
|
|
15
|
-
LabelDemo
|
|
16
|
-
};
|
|
1
|
+
import{Input as I,Label as S,Switch as L,XStack as $,YStack as N}from"tamagui";function x(){return<N padding="$3"minWidth={300}space="$4"><$ alignItems="center"space="$4"><S width={90}htmlFor="name">Name</S><I flex={1}id="name"defaultValue="Nate Wienert"/></$><$ alignItems="center"space="$4"><S width={90}htmlFor="notify">Notifications</S><L id="notify"><L.Thumb animation="quick"/></L></$></N>}export{x as LabelDemo};
|
|
17
2
|
//# sourceMappingURL=LabelDemo.mjs.map
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/LabelDemo.tsx"],
|
|
4
4
|
"sourcesContent": ["import { Input, Label, Switch, XStack, YStack } from 'tamagui'\n\nexport function LabelDemo() {\n return (\n <YStack padding=\"$3\" minWidth={300} space=\"$4\">\n <XStack alignItems=\"center\" space=\"$4\">\n <Label width={90} htmlFor=\"name\">\n Name\n </Label>\n <Input flex={1} id=\"name\" defaultValue=\"Nate Wienert\" />\n </XStack>\n\n <XStack alignItems=\"center\" space=\"$4\">\n <Label width={90} htmlFor=\"notify\">\n Notifications\n </Label>\n <Switch id=\"notify\">\n <Switch.Thumb animation=\"quick\" />\n </Switch>\n </XStack>\n </YStack>\n )\n}\n"],
|
|
5
|
-
"mappings": "AAAA,
|
|
6
|
-
"names": []
|
|
5
|
+
"mappings": "AAAA,OAAS,SAAAA,EAAO,SAAAC,EAAO,UAAAC,EAAQ,UAAAC,EAAQ,UAAAC,MAAc,UAE9C,SAASC,GAAY,CAC1B,MACE,CAACD,EAAO,QAAQ,IAAK,UAAU,IAAK,MAAM,KACxC,CAACD,EAAO,WAAW,QAAS,MAAM,KAChC,CAACF,EAAM,OAAO,GAAI,QAAQ,OAAO,IAEjC,EAFCA,EAGD,CAACD,EAAM,MAAM,EAAG,GAAG,MAAO,aAAa,cAAe,EACxD,EALCG,EAOD,CAACA,EAAO,WAAW,QAAS,MAAM,KAChC,CAACF,EAAM,OAAO,GAAI,QAAQ,SAAS,aAEnC,EAFCA,EAGD,CAACC,EAAO,GAAG,SACT,CAACA,EAAO,MAAM,UAAU,OAAQ,EAClC,EAFCA,EAGH,EAPCC,EAQH,EAhBCC,EAkBL",
|
|
6
|
+
"names": ["Input", "Label", "Switch", "XStack", "YStack", "LabelDemo"]
|
|
7
7
|
}
|
|
@@ -1,26 +1,2 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import { LinearGradient } from "tamagui/linear-gradient";
|
|
3
|
-
function LinearGradientDemo() {
|
|
4
|
-
return <XStack space>
|
|
5
|
-
<LinearGradient
|
|
6
|
-
width="$6"
|
|
7
|
-
height="$6"
|
|
8
|
-
borderRadius="$4"
|
|
9
|
-
colors={["$red10", "$yellow10"]}
|
|
10
|
-
start={[0, 1]}
|
|
11
|
-
end={[0, 0]}
|
|
12
|
-
/>
|
|
13
|
-
<LinearGradient
|
|
14
|
-
width="$6"
|
|
15
|
-
height="$6"
|
|
16
|
-
borderRadius="$4"
|
|
17
|
-
colors={["$background", "$color"]}
|
|
18
|
-
start={[1, 1]}
|
|
19
|
-
end={[0, 0]}
|
|
20
|
-
/>
|
|
21
|
-
</XStack>;
|
|
22
|
-
}
|
|
23
|
-
export {
|
|
24
|
-
LinearGradientDemo
|
|
25
|
-
};
|
|
1
|
+
import{XStack as G}from"tamagui";import{LinearGradient as $}from"tamagui/linear-gradient";function S(){return<G space><$ width="$6"height="$6"borderRadius="$4"colors={["$red10","$yellow10"]}start={[0,1]}end={[0,0]}/><$ width="$6"height="$6"borderRadius="$4"colors={["$background","$color"]}start={[1,1]}end={[0,0]}/></G>}export{S as LinearGradientDemo};
|
|
26
2
|
//# sourceMappingURL=LinearGradientDemo.js.map
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/LinearGradientDemo.tsx"],
|
|
4
4
|
"sourcesContent": ["import { XStack } from 'tamagui'\nimport { LinearGradient } from 'tamagui/linear-gradient'\n\nexport function LinearGradientDemo() {\n return (\n <XStack space>\n {/* tokens */}\n <LinearGradient\n width=\"$6\"\n height=\"$6\"\n borderRadius=\"$4\"\n colors={['$red10', '$yellow10']}\n start={[0, 1]}\n end={[0, 0]}\n />\n\n {/* theme values */}\n <LinearGradient\n width=\"$6\"\n height=\"$6\"\n borderRadius=\"$4\"\n colors={['$background', '$color']}\n start={[1, 1]}\n end={[0, 0]}\n />\n </XStack>\n )\n}\n"],
|
|
5
|
-
"mappings": "AAAA,
|
|
6
|
-
"names": []
|
|
5
|
+
"mappings": "AAAA,OAAS,UAAAA,MAAc,UACvB,OAAS,kBAAAC,MAAsB,0BAExB,SAASC,GAAqB,CACnC,MACE,CAACF,EAAO,MAEN,CAACC,EACC,MAAM,IACN,OAAO,IACP,aAAa,IACb,QAAQ,CAAC,SAAU,WAAW,EAC9B,OAAO,CAAC,EAAG,CAAC,EACZ,KAAK,CAAC,EAAG,CAAC,EACZ,EAGA,CAACA,EACC,MAAM,IACN,OAAO,IACP,aAAa,IACb,QAAQ,CAAC,cAAe,QAAQ,EAChC,OAAO,CAAC,EAAG,CAAC,EACZ,KAAK,CAAC,EAAG,CAAC,EACZ,EACF,EApBCD,EAsBL",
|
|
6
|
+
"names": ["XStack", "LinearGradient", "LinearGradientDemo"]
|
|
7
7
|
}
|
|
@@ -1,26 +1,2 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import { LinearGradient } from "tamagui/linear-gradient";
|
|
3
|
-
function LinearGradientDemo() {
|
|
4
|
-
return <XStack space>
|
|
5
|
-
<LinearGradient
|
|
6
|
-
width="$6"
|
|
7
|
-
height="$6"
|
|
8
|
-
borderRadius="$4"
|
|
9
|
-
colors={["$red10", "$yellow10"]}
|
|
10
|
-
start={[0, 1]}
|
|
11
|
-
end={[0, 0]}
|
|
12
|
-
/>
|
|
13
|
-
<LinearGradient
|
|
14
|
-
width="$6"
|
|
15
|
-
height="$6"
|
|
16
|
-
borderRadius="$4"
|
|
17
|
-
colors={["$background", "$color"]}
|
|
18
|
-
start={[1, 1]}
|
|
19
|
-
end={[0, 0]}
|
|
20
|
-
/>
|
|
21
|
-
</XStack>;
|
|
22
|
-
}
|
|
23
|
-
export {
|
|
24
|
-
LinearGradientDemo
|
|
25
|
-
};
|
|
1
|
+
import{XStack as G}from"tamagui";import{LinearGradient as $}from"tamagui/linear-gradient";function S(){return<G space><$ width="$6"height="$6"borderRadius="$4"colors={["$red10","$yellow10"]}start={[0,1]}end={[0,0]}/><$ width="$6"height="$6"borderRadius="$4"colors={["$background","$color"]}start={[1,1]}end={[0,0]}/></G>}export{S as LinearGradientDemo};
|
|
26
2
|
//# sourceMappingURL=LinearGradientDemo.mjs.map
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/LinearGradientDemo.tsx"],
|
|
4
4
|
"sourcesContent": ["import { XStack } from 'tamagui'\nimport { LinearGradient } from 'tamagui/linear-gradient'\n\nexport function LinearGradientDemo() {\n return (\n <XStack space>\n {/* tokens */}\n <LinearGradient\n width=\"$6\"\n height=\"$6\"\n borderRadius=\"$4\"\n colors={['$red10', '$yellow10']}\n start={[0, 1]}\n end={[0, 0]}\n />\n\n {/* theme values */}\n <LinearGradient\n width=\"$6\"\n height=\"$6\"\n borderRadius=\"$4\"\n colors={['$background', '$color']}\n start={[1, 1]}\n end={[0, 0]}\n />\n </XStack>\n )\n}\n"],
|
|
5
|
-
"mappings": "AAAA,
|
|
6
|
-
"names": []
|
|
5
|
+
"mappings": "AAAA,OAAS,UAAAA,MAAc,UACvB,OAAS,kBAAAC,MAAsB,0BAExB,SAASC,GAAqB,CACnC,MACE,CAACF,EAAO,MAEN,CAACC,EACC,MAAM,IACN,OAAO,IACP,aAAa,IACb,QAAQ,CAAC,SAAU,WAAW,EAC9B,OAAO,CAAC,EAAG,CAAC,EACZ,KAAK,CAAC,EAAG,CAAC,EACZ,EAGA,CAACA,EACC,MAAM,IACN,OAAO,IACP,aAAa,IACb,QAAQ,CAAC,cAAe,QAAQ,EAChC,OAAO,CAAC,EAAG,CAAC,EACZ,KAAK,CAAC,EAAG,CAAC,EACZ,EACF,EApBCD,EAsBL",
|
|
6
|
+
"names": ["XStack", "LinearGradient", "LinearGradientDemo"]
|
|
7
7
|
}
|
package/dist/jsx/ListItemDemo.js
CHANGED
|
@@ -1,40 +1,2 @@
|
|
|
1
|
-
import
|
|
2
|
-
import { ListItem, Separator, XStack, YGroup } from "tamagui";
|
|
3
|
-
function ListItemDemo() {
|
|
4
|
-
return <XStack $sm={{ flexDirection: "column" }} paddingHorizontal="$4" space>
|
|
5
|
-
<ListItemDemo1 />
|
|
6
|
-
<ListItemDemo2 />
|
|
7
|
-
</XStack>;
|
|
8
|
-
}
|
|
9
|
-
function ListItemDemo1() {
|
|
10
|
-
return <YGroup alignSelf="center" bordered width={240} size="$4">
|
|
11
|
-
<YGroup.Item><ListItem hoverTheme icon={Star} title="Star" subTitle="Twinkles" /></YGroup.Item>
|
|
12
|
-
<YGroup.Item><ListItem hoverTheme icon={Moon}>Moon</ListItem></YGroup.Item>
|
|
13
|
-
<YGroup.Item><ListItem hoverTheme icon={Sun}>Sun</ListItem></YGroup.Item>
|
|
14
|
-
<YGroup.Item><ListItem hoverTheme icon={Cloud}>Cloud</ListItem></YGroup.Item>
|
|
15
|
-
</YGroup>;
|
|
16
|
-
}
|
|
17
|
-
function ListItemDemo2() {
|
|
18
|
-
return <YGroup alignSelf="center" bordered width={240} size="$5" separator={<Separator />}>
|
|
19
|
-
<YGroup.Item><ListItem
|
|
20
|
-
hoverTheme
|
|
21
|
-
pressTheme
|
|
22
|
-
title="Star"
|
|
23
|
-
subTitle="Subtitle"
|
|
24
|
-
icon={Star}
|
|
25
|
-
iconAfter={ChevronRight}
|
|
26
|
-
/></YGroup.Item>
|
|
27
|
-
<YGroup.Item><ListItem
|
|
28
|
-
hoverTheme
|
|
29
|
-
pressTheme
|
|
30
|
-
title="Moon"
|
|
31
|
-
subTitle="Subtitle"
|
|
32
|
-
icon={Moon}
|
|
33
|
-
iconAfter={ChevronRight}
|
|
34
|
-
/></YGroup.Item>
|
|
35
|
-
</YGroup>;
|
|
36
|
-
}
|
|
37
|
-
export {
|
|
38
|
-
ListItemDemo
|
|
39
|
-
};
|
|
1
|
+
import{ChevronRight as T,Cloud as G,Moon as d,Star as f,Sun as Y}from"@tamagui/lucide-icons";import{ListItem as S,Separator as L,XStack as D,YGroup as I}from"tamagui";function A(){return<D $sm={{flexDirection:"column"}}paddingHorizontal="$4"space><$/><C/></D>}function $(){return<I alignSelf="center"bordered width={240}size="$4"><I.Item><S hoverTheme icon={f}title="Star"subTitle="Twinkles"/></I.Item><I.Item><S hoverTheme icon={d}>Moon</S></I.Item><I.Item><S hoverTheme icon={Y}>Sun</S></I.Item><I.Item><S hoverTheme icon={G}>Cloud</S></I.Item></I>}function C(){return<I alignSelf="center"bordered width={240}size="$5"separator={<L/>}><I.Item><S hoverTheme pressTheme title="Star"subTitle="Subtitle"icon={f}iconAfter={T}/></I.Item><I.Item><S hoverTheme pressTheme title="Moon"subTitle="Subtitle"icon={d}iconAfter={T}/></I.Item></I>}export{A as ListItemDemo};
|
|
40
2
|
//# sourceMappingURL=ListItemDemo.js.map
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/ListItemDemo.tsx"],
|
|
4
4
|
"sourcesContent": ["import { ChevronRight, Cloud, Moon, Star, Sun } from '@tamagui/lucide-icons'\nimport { ListItem, Separator, XStack, YGroup } from 'tamagui'\n\nexport function ListItemDemo() {\n return (\n <XStack $sm={{ flexDirection: 'column' }} paddingHorizontal=\"$4\" space>\n <ListItemDemo1 />\n <ListItemDemo2 />\n </XStack>\n )\n}\n\nfunction ListItemDemo1() {\n return (\n <YGroup alignSelf=\"center\" bordered width={240} size=\"$4\">\n <YGroup.Item>\n <ListItem hoverTheme icon={Star} title=\"Star\" subTitle=\"Twinkles\" />\n </YGroup.Item>\n <YGroup.Item>\n <ListItem hoverTheme icon={Moon}>\n Moon\n </ListItem>\n </YGroup.Item>\n <YGroup.Item>\n <ListItem hoverTheme icon={Sun}>\n Sun\n </ListItem>\n </YGroup.Item>\n <YGroup.Item>\n <ListItem hoverTheme icon={Cloud}>\n Cloud\n </ListItem>\n </YGroup.Item>\n </YGroup>\n )\n}\n\nfunction ListItemDemo2() {\n return (\n <YGroup alignSelf=\"center\" bordered width={240} size=\"$5\" separator={<Separator />}>\n <YGroup.Item>\n <ListItem\n hoverTheme\n pressTheme\n title=\"Star\"\n subTitle=\"Subtitle\"\n icon={Star}\n iconAfter={ChevronRight}\n />\n </YGroup.Item>\n <YGroup.Item>\n <ListItem\n hoverTheme\n pressTheme\n title=\"Moon\"\n subTitle=\"Subtitle\"\n icon={Moon}\n iconAfter={ChevronRight}\n />\n </YGroup.Item>\n </YGroup>\n )\n}\n"],
|
|
5
|
-
"mappings": "AAAA,
|
|
6
|
-
"names": []
|
|
5
|
+
"mappings": "AAAA,OAAS,gBAAAA,EAAc,SAAAC,EAAO,QAAAC,EAAM,QAAAC,EAAM,OAAAC,MAAW,wBACrD,OAAS,YAAAC,EAAU,aAAAC,EAAW,UAAAC,EAAQ,UAAAC,MAAc,UAE7C,SAASC,GAAe,CAC7B,MACE,CAACF,EAAO,KAAK,CAAE,cAAe,QAAS,EAAG,kBAAkB,IAAK,MAC/D,CAACG,CAAc,EACf,CAACC,CAAc,EACjB,EAHCJ,EAKL,CAEA,SAASG,GAAgB,CACvB,MACE,CAACF,EAAO,UAAU,QAAS,SAAS,OAAO,IAAK,KAAK,KACnD,CAACA,EAAO,KACN,CAACH,EAAS,WAAW,MAAMF,EAAM,MAAM,MAAO,SAAS,UAAW,EACpE,EAFCK,EAAO,KAGR,CAACA,EAAO,KACN,CAACH,EAAS,WAAW,MAAMH,GAAM,IAEjC,EAFCG,EAGH,EAJCG,EAAO,KAKR,CAACA,EAAO,KACN,CAACH,EAAS,WAAW,MAAMD,GAAK,GAEhC,EAFCC,EAGH,EAJCG,EAAO,KAKR,CAACA,EAAO,KACN,CAACH,EAAS,WAAW,MAAMJ,GAAO,KAElC,EAFCI,EAGH,EAJCG,EAAO,KAKV,EAnBCA,EAqBL,CAEA,SAASG,GAAgB,CACvB,MACE,CAACH,EAAO,UAAU,QAAS,SAAS,OAAO,IAAK,KAAK,IAAK,WAAW,CAACF,CAAU,IAC9E,CAACE,EAAO,KACN,CAACH,EACC,WACA,WACA,MAAM,MACN,SAAS,UACT,MAAMF,EACN,WAAWH,EACb,EACF,EATCQ,EAAO,KAUR,CAACA,EAAO,KACN,CAACH,EACC,WACA,WACA,MAAM,MACN,SAAS,UACT,MAAMH,EACN,WAAWF,EACb,EACF,EATCQ,EAAO,KAUV,EArBCA,EAuBL",
|
|
6
|
+
"names": ["ChevronRight", "Cloud", "Moon", "Star", "Sun", "ListItem", "Separator", "XStack", "YGroup", "ListItemDemo", "ListItemDemo1", "ListItemDemo2"]
|
|
7
7
|
}
|
|
@@ -1,40 +1,2 @@
|
|
|
1
|
-
import
|
|
2
|
-
import { ListItem, Separator, XStack, YGroup } from "tamagui";
|
|
3
|
-
function ListItemDemo() {
|
|
4
|
-
return <XStack $sm={{ flexDirection: "column" }} paddingHorizontal="$4" space>
|
|
5
|
-
<ListItemDemo1 />
|
|
6
|
-
<ListItemDemo2 />
|
|
7
|
-
</XStack>;
|
|
8
|
-
}
|
|
9
|
-
function ListItemDemo1() {
|
|
10
|
-
return <YGroup alignSelf="center" bordered width={240} size="$4">
|
|
11
|
-
<YGroup.Item><ListItem hoverTheme icon={Star} title="Star" subTitle="Twinkles" /></YGroup.Item>
|
|
12
|
-
<YGroup.Item><ListItem hoverTheme icon={Moon}>Moon</ListItem></YGroup.Item>
|
|
13
|
-
<YGroup.Item><ListItem hoverTheme icon={Sun}>Sun</ListItem></YGroup.Item>
|
|
14
|
-
<YGroup.Item><ListItem hoverTheme icon={Cloud}>Cloud</ListItem></YGroup.Item>
|
|
15
|
-
</YGroup>;
|
|
16
|
-
}
|
|
17
|
-
function ListItemDemo2() {
|
|
18
|
-
return <YGroup alignSelf="center" bordered width={240} size="$5" separator={<Separator />}>
|
|
19
|
-
<YGroup.Item><ListItem
|
|
20
|
-
hoverTheme
|
|
21
|
-
pressTheme
|
|
22
|
-
title="Star"
|
|
23
|
-
subTitle="Subtitle"
|
|
24
|
-
icon={Star}
|
|
25
|
-
iconAfter={ChevronRight}
|
|
26
|
-
/></YGroup.Item>
|
|
27
|
-
<YGroup.Item><ListItem
|
|
28
|
-
hoverTheme
|
|
29
|
-
pressTheme
|
|
30
|
-
title="Moon"
|
|
31
|
-
subTitle="Subtitle"
|
|
32
|
-
icon={Moon}
|
|
33
|
-
iconAfter={ChevronRight}
|
|
34
|
-
/></YGroup.Item>
|
|
35
|
-
</YGroup>;
|
|
36
|
-
}
|
|
37
|
-
export {
|
|
38
|
-
ListItemDemo
|
|
39
|
-
};
|
|
1
|
+
import{ChevronRight as T,Cloud as G,Moon as d,Star as f,Sun as Y}from"@tamagui/lucide-icons";import{ListItem as S,Separator as L,XStack as D,YGroup as I}from"tamagui";function A(){return<D $sm={{flexDirection:"column"}}paddingHorizontal="$4"space><$/><C/></D>}function $(){return<I alignSelf="center"bordered width={240}size="$4"><I.Item><S hoverTheme icon={f}title="Star"subTitle="Twinkles"/></I.Item><I.Item><S hoverTheme icon={d}>Moon</S></I.Item><I.Item><S hoverTheme icon={Y}>Sun</S></I.Item><I.Item><S hoverTheme icon={G}>Cloud</S></I.Item></I>}function C(){return<I alignSelf="center"bordered width={240}size="$5"separator={<L/>}><I.Item><S hoverTheme pressTheme title="Star"subTitle="Subtitle"icon={f}iconAfter={T}/></I.Item><I.Item><S hoverTheme pressTheme title="Moon"subTitle="Subtitle"icon={d}iconAfter={T}/></I.Item></I>}export{A as ListItemDemo};
|
|
40
2
|
//# sourceMappingURL=ListItemDemo.mjs.map
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/ListItemDemo.tsx"],
|
|
4
4
|
"sourcesContent": ["import { ChevronRight, Cloud, Moon, Star, Sun } from '@tamagui/lucide-icons'\nimport { ListItem, Separator, XStack, YGroup } from 'tamagui'\n\nexport function ListItemDemo() {\n return (\n <XStack $sm={{ flexDirection: 'column' }} paddingHorizontal=\"$4\" space>\n <ListItemDemo1 />\n <ListItemDemo2 />\n </XStack>\n )\n}\n\nfunction ListItemDemo1() {\n return (\n <YGroup alignSelf=\"center\" bordered width={240} size=\"$4\">\n <YGroup.Item>\n <ListItem hoverTheme icon={Star} title=\"Star\" subTitle=\"Twinkles\" />\n </YGroup.Item>\n <YGroup.Item>\n <ListItem hoverTheme icon={Moon}>\n Moon\n </ListItem>\n </YGroup.Item>\n <YGroup.Item>\n <ListItem hoverTheme icon={Sun}>\n Sun\n </ListItem>\n </YGroup.Item>\n <YGroup.Item>\n <ListItem hoverTheme icon={Cloud}>\n Cloud\n </ListItem>\n </YGroup.Item>\n </YGroup>\n )\n}\n\nfunction ListItemDemo2() {\n return (\n <YGroup alignSelf=\"center\" bordered width={240} size=\"$5\" separator={<Separator />}>\n <YGroup.Item>\n <ListItem\n hoverTheme\n pressTheme\n title=\"Star\"\n subTitle=\"Subtitle\"\n icon={Star}\n iconAfter={ChevronRight}\n />\n </YGroup.Item>\n <YGroup.Item>\n <ListItem\n hoverTheme\n pressTheme\n title=\"Moon\"\n subTitle=\"Subtitle\"\n icon={Moon}\n iconAfter={ChevronRight}\n />\n </YGroup.Item>\n </YGroup>\n )\n}\n"],
|
|
5
|
-
"mappings": "AAAA,
|
|
6
|
-
"names": []
|
|
5
|
+
"mappings": "AAAA,OAAS,gBAAAA,EAAc,SAAAC,EAAO,QAAAC,EAAM,QAAAC,EAAM,OAAAC,MAAW,wBACrD,OAAS,YAAAC,EAAU,aAAAC,EAAW,UAAAC,EAAQ,UAAAC,MAAc,UAE7C,SAASC,GAAe,CAC7B,MACE,CAACF,EAAO,KAAK,CAAE,cAAe,QAAS,EAAG,kBAAkB,IAAK,MAC/D,CAACG,CAAc,EACf,CAACC,CAAc,EACjB,EAHCJ,EAKL,CAEA,SAASG,GAAgB,CACvB,MACE,CAACF,EAAO,UAAU,QAAS,SAAS,OAAO,IAAK,KAAK,KACnD,CAACA,EAAO,KACN,CAACH,EAAS,WAAW,MAAMF,EAAM,MAAM,MAAO,SAAS,UAAW,EACpE,EAFCK,EAAO,KAGR,CAACA,EAAO,KACN,CAACH,EAAS,WAAW,MAAMH,GAAM,IAEjC,EAFCG,EAGH,EAJCG,EAAO,KAKR,CAACA,EAAO,KACN,CAACH,EAAS,WAAW,MAAMD,GAAK,GAEhC,EAFCC,EAGH,EAJCG,EAAO,KAKR,CAACA,EAAO,KACN,CAACH,EAAS,WAAW,MAAMJ,GAAO,KAElC,EAFCI,EAGH,EAJCG,EAAO,KAKV,EAnBCA,EAqBL,CAEA,SAASG,GAAgB,CACvB,MACE,CAACH,EAAO,UAAU,QAAS,SAAS,OAAO,IAAK,KAAK,IAAK,WAAW,CAACF,CAAU,IAC9E,CAACE,EAAO,KACN,CAACH,EACC,WACA,WACA,MAAM,MACN,SAAS,UACT,MAAMF,EACN,WAAWH,EACb,EACF,EATCQ,EAAO,KAUR,CAACA,EAAO,KACN,CAACH,EACC,WACA,WACA,MAAM,MACN,SAAS,UACT,MAAMH,EACN,WAAWF,EACb,EACF,EATCQ,EAAO,KAUV,EArBCA,EAuBL",
|
|
6
|
+
"names": ["ChevronRight", "Cloud", "Moon", "Star", "Sun", "ListItem", "Separator", "XStack", "YGroup", "ListItemDemo", "ListItemDemo1", "ListItemDemo2"]
|
|
7
7
|
}
|