@hanzogui/demos 3.0.6 → 4.4.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/AccordionDemo.cjs +17 -15
- package/dist/cjs/AccordionDemo.native.js +17 -15
- package/dist/cjs/AccordionDemo.native.js.map +1 -1
- package/dist/cjs/AddThemeDemo.cjs +31 -28
- package/dist/cjs/AddThemeDemo.native.js +33 -30
- package/dist/cjs/AddThemeDemo.native.js.map +1 -1
- package/dist/cjs/AlertDialogDemo.cjs +20 -18
- package/dist/cjs/AlertDialogDemo.native.js +20 -18
- package/dist/cjs/AlertDialogDemo.native.js.map +1 -1
- package/dist/cjs/AnimationsDelayDemo.cjs +40 -35
- package/dist/cjs/AnimationsDelayDemo.native.js +41 -36
- package/dist/cjs/AnimationsDelayDemo.native.js.map +1 -1
- package/dist/cjs/AnimationsDemo.cjs +26 -22
- package/dist/cjs/AnimationsDemo.native.js +28 -27
- package/dist/cjs/AnimationsDemo.native.js.map +1 -1
- package/dist/cjs/AnimationsEnterDemo.cjs +39 -34
- package/dist/cjs/AnimationsEnterDemo.native.js +38 -34
- package/dist/cjs/AnimationsEnterDemo.native.js.map +1 -1
- package/dist/cjs/AnimationsHoverDemo.cjs +15 -13
- package/dist/cjs/AnimationsHoverDemo.native.js +15 -13
- package/dist/cjs/AnimationsHoverDemo.native.js.map +1 -1
- package/dist/cjs/AnimationsPresenceDemo.cjs +66 -64
- package/dist/cjs/AnimationsPresenceDemo.native.js +69 -67
- package/dist/cjs/AnimationsPresenceDemo.native.js.map +1 -1
- package/dist/cjs/AnimationsTimingDemo.cjs +15 -13
- package/dist/cjs/AnimationsTimingDemo.native.js +15 -13
- package/dist/cjs/AnimationsTimingDemo.native.js.map +1 -1
- package/dist/cjs/AvatarDemo.cjs +16 -14
- package/dist/cjs/AvatarDemo.native.js +16 -14
- package/dist/cjs/AvatarDemo.native.js.map +1 -1
- package/dist/cjs/BoxShadowTokenDemo.cjs +14 -12
- package/dist/cjs/BoxShadowTokenDemo.native.js +21 -19
- package/dist/cjs/BoxShadowTokenDemo.native.js.map +1 -1
- package/dist/cjs/BuildAButtonDemo.cjs +20 -18
- package/dist/cjs/BuildAButtonDemo.native.js +29 -27
- package/dist/cjs/BuildAButtonDemo.native.js.map +1 -1
- package/dist/cjs/ButtonDemo.cjs +17 -15
- package/dist/cjs/ButtonDemo.native.js +17 -15
- package/dist/cjs/ButtonDemo.native.js.map +1 -1
- package/dist/cjs/CardDemo.cjs +15 -13
- package/dist/cjs/CardDemo.native.js +15 -13
- package/dist/cjs/CardDemo.native.js.map +1 -1
- package/dist/cjs/CheckboxDemo.cjs +17 -15
- package/dist/cjs/CheckboxDemo.native.js +23 -21
- package/dist/cjs/CheckboxDemo.native.js.map +1 -1
- package/dist/cjs/CheckboxHeadlessDemo.cjs +38 -36
- package/dist/cjs/CheckboxHeadlessDemo.native.js +38 -36
- package/dist/cjs/CheckboxHeadlessDemo.native.js.map +1 -1
- package/dist/cjs/CheckboxUnstyledDemo.cjs +41 -39
- package/dist/cjs/CheckboxUnstyledDemo.native.js +42 -40
- package/dist/cjs/CheckboxUnstyledDemo.native.js.map +1 -1
- package/dist/cjs/ColorsDemo.cjs +62 -56
- package/dist/cjs/ColorsDemo.native.js +32 -30
- package/dist/cjs/ColorsDemo.native.js.map +1 -1
- package/dist/cjs/ContextMenuDemo.cjs +49 -45
- package/dist/cjs/ContextMenuDemo.native.js +37 -35
- package/dist/cjs/ContextMenuDemo.native.js.map +1 -1
- package/dist/cjs/DialogDemo.cjs +32 -30
- package/dist/cjs/DialogDemo.native.js +34 -32
- package/dist/cjs/DialogDemo.native.js.map +1 -1
- package/dist/cjs/FormsDemo.cjs +31 -28
- package/dist/cjs/FormsDemo.native.js +31 -28
- package/dist/cjs/FormsDemo.native.js.map +1 -1
- package/dist/cjs/Grid.cjs +51 -42
- package/dist/cjs/Grid.native.js +44 -37
- package/dist/cjs/Grid.native.js.map +1 -1
- package/dist/cjs/GroupDemo.cjs +15 -13
- package/dist/cjs/GroupDemo.native.js +15 -13
- package/dist/cjs/GroupDemo.native.js.map +1 -1
- package/dist/cjs/HeadingsDemo.cjs +14 -12
- package/dist/cjs/HeadingsDemo.native.js +14 -12
- package/dist/cjs/HeadingsDemo.native.js.map +1 -1
- package/dist/cjs/ImageDemo.cjs +14 -12
- package/dist/cjs/ImageDemo.native.js +14 -12
- package/dist/cjs/ImageDemo.native.js.map +1 -1
- package/dist/cjs/InputsDemo.cjs +14 -12
- package/dist/cjs/InputsDemo.native.js +14 -12
- package/dist/cjs/InputsDemo.native.js.map +1 -1
- package/dist/cjs/LabelDemo.cjs +14 -12
- package/dist/cjs/LabelDemo.native.js +14 -12
- package/dist/cjs/LabelDemo.native.js.map +1 -1
- package/dist/cjs/LinearGradientDemo.cjs +15 -13
- package/dist/cjs/LinearGradientDemo.native.js +15 -13
- package/dist/cjs/LinearGradientDemo.native.js.map +1 -1
- package/dist/cjs/ListItemDemo.cjs +15 -13
- package/dist/cjs/ListItemDemo.native.js +15 -13
- package/dist/cjs/ListItemDemo.native.js.map +1 -1
- package/dist/cjs/LucideIconsDemo.cjs +54 -52
- package/dist/cjs/LucideIconsDemo.native.js +69 -67
- package/dist/cjs/LucideIconsDemo.native.js.map +1 -1
- package/dist/cjs/MenuDemo.cjs +38 -36
- package/dist/cjs/MenuDemo.native.js +38 -36
- package/dist/cjs/MenuDemo.native.js.map +1 -1
- package/dist/cjs/NewInputsDemo.cjs +15 -13
- package/dist/cjs/NewInputsDemo.native.js +15 -13
- package/dist/cjs/NewInputsDemo.native.js.map +1 -1
- package/dist/cjs/PopoverDemo.cjs +25 -23
- package/dist/cjs/PopoverDemo.native.js +25 -23
- package/dist/cjs/PopoverDemo.native.js.map +1 -1
- package/dist/cjs/ProgressDemo.cjs +35 -31
- package/dist/cjs/ProgressDemo.native.js +35 -31
- package/dist/cjs/ProgressDemo.native.js.map +1 -1
- package/dist/cjs/RadioGroupDemo.cjs +14 -12
- package/dist/cjs/RadioGroupDemo.native.js +14 -12
- package/dist/cjs/RadioGroupDemo.native.js.map +1 -1
- package/dist/cjs/RadioGroupHeadlessDemo.cjs +68 -63
- package/dist/cjs/RadioGroupHeadlessDemo.native.js +60 -60
- package/dist/cjs/RadioGroupHeadlessDemo.native.js.map +1 -1
- package/dist/cjs/RadioGroupUnstyledDemo.cjs +88 -86
- package/dist/cjs/RadioGroupUnstyledDemo.native.js +88 -86
- package/dist/cjs/RadioGroupUnstyledDemo.native.js.map +1 -1
- package/dist/cjs/ReplaceThemeDemo.cjs +38 -33
- package/dist/cjs/ReplaceThemeDemo.native.js +39 -34
- package/dist/cjs/ReplaceThemeDemo.native.js.map +1 -1
- package/dist/cjs/ScrollViewDemo.cjs +14 -12
- package/dist/cjs/ScrollViewDemo.native.js +14 -12
- package/dist/cjs/ScrollViewDemo.native.js.map +1 -1
- package/dist/cjs/SelectDemo.cjs +49 -45
- package/dist/cjs/SelectDemo.native.js +38 -36
- package/dist/cjs/SelectDemo.native.js.map +1 -1
- package/dist/cjs/SeparatorDemo.cjs +16 -14
- package/dist/cjs/SeparatorDemo.native.js +16 -14
- package/dist/cjs/SeparatorDemo.native.js.map +1 -1
- package/dist/cjs/ShapesDemo.cjs +14 -12
- package/dist/cjs/ShapesDemo.native.js +14 -12
- package/dist/cjs/ShapesDemo.native.js.map +1 -1
- package/dist/cjs/SheetDemo.cjs +124 -118
- package/dist/cjs/SheetDemo.native.js +148 -146
- package/dist/cjs/SheetDemo.native.js.map +1 -1
- package/dist/cjs/SliderDemo.cjs +14 -12
- package/dist/cjs/SliderDemo.native.js +14 -12
- package/dist/cjs/SliderDemo.native.js.map +1 -1
- package/dist/cjs/SpinnerDemo.cjs +14 -12
- package/dist/cjs/SpinnerDemo.native.js +14 -12
- package/dist/cjs/SpinnerDemo.native.js.map +1 -1
- package/dist/cjs/StacksDemo.cjs +17 -15
- package/dist/cjs/StacksDemo.native.js +29 -16
- package/dist/cjs/StacksDemo.native.js.map +1 -1
- package/dist/cjs/SwitchDemo.cjs +18 -16
- package/dist/cjs/SwitchDemo.native.js +20 -18
- package/dist/cjs/SwitchDemo.native.js.map +1 -1
- package/dist/cjs/SwitchHeadlessDemo.cjs +38 -36
- package/dist/cjs/SwitchHeadlessDemo.native.js +40 -38
- package/dist/cjs/SwitchHeadlessDemo.native.js.map +1 -1
- package/dist/cjs/SwitchUnstyledDemo.cjs +50 -48
- package/dist/cjs/SwitchUnstyledDemo.native.js +51 -49
- package/dist/cjs/SwitchUnstyledDemo.native.js.map +1 -1
- package/dist/cjs/TabsAdvancedDemo.cjs +315 -293
- package/dist/cjs/TabsAdvancedDemo.native.js +364 -348
- package/dist/cjs/TabsAdvancedDemo.native.js.map +1 -1
- package/dist/cjs/TabsDemo.cjs +105 -99
- package/dist/cjs/TabsDemo.native.js +162 -160
- package/dist/cjs/TabsDemo.native.js.map +1 -1
- package/dist/cjs/TabsHeadlessDemo.cjs +68 -64
- package/dist/cjs/TabsHeadlessDemo.native.js +94 -81
- package/dist/cjs/TabsHeadlessDemo.native.js.map +1 -1
- package/dist/cjs/TextDemo.cjs +14 -12
- package/dist/cjs/TextDemo.native.js +14 -12
- package/dist/cjs/TextDemo.native.js.map +1 -1
- package/dist/cjs/ThemeBuilderDemo.cjs +15 -13
- package/dist/cjs/ThemeBuilderDemo.native.js +15 -13
- package/dist/cjs/ThemeBuilderDemo.native.js.map +1 -1
- package/dist/cjs/ThemeInverseDemo.cjs +14 -12
- package/dist/cjs/ThemeInverseDemo.native.js +14 -12
- package/dist/cjs/ThemeInverseDemo.native.js.map +1 -1
- package/dist/cjs/ToastDemo.cjs +115 -110
- package/dist/cjs/ToastDemo.native.js +144 -141
- package/dist/cjs/ToastDemo.native.js.map +1 -1
- package/dist/cjs/ToastDuplicateDemo.cjs +29 -27
- package/dist/cjs/ToastDuplicateDemo.native.js +74 -72
- package/dist/cjs/ToastDuplicateDemo.native.js.map +1 -1
- package/dist/cjs/ToggleGroupDemo.cjs +18 -16
- package/dist/cjs/ToggleGroupDemo.native.js +18 -16
- package/dist/cjs/ToggleGroupDemo.native.js.map +1 -1
- package/dist/cjs/TokensDemo.cjs +80 -74
- package/dist/cjs/TokensDemo.native.js +58 -55
- package/dist/cjs/TokensDemo.native.js.map +1 -1
- package/dist/cjs/TooltipDemo.cjs +18 -16
- package/dist/cjs/TooltipDemo.native.js +18 -16
- package/dist/cjs/TooltipDemo.native.js.map +1 -1
- package/dist/cjs/UpdateThemeDemo.cjs +37 -33
- package/dist/cjs/UpdateThemeDemo.native.js +38 -34
- package/dist/cjs/UpdateThemeDemo.native.js.map +1 -1
- package/dist/cjs/WebNativeImageDemo.cjs +14 -12
- package/dist/cjs/WebNativeImageDemo.native.js +14 -12
- package/dist/cjs/WebNativeImageDemo.native.js.map +1 -1
- package/dist/cjs/gui.config.cjs +14 -12
- package/dist/cjs/gui.config.native.js +16 -14
- package/dist/cjs/gui.config.native.js.map +1 -1
- package/dist/cjs/index.cjs +7 -5
- package/dist/cjs/index.native.js +7 -5
- package/dist/cjs/index.native.js.map +1 -1
- package/dist/cjs/useOnIntersecting.cjs +44 -28
- package/dist/cjs/useOnIntersecting.native.js +84 -70
- package/dist/cjs/useOnIntersecting.native.js.map +1 -1
- package/dist/esm/AccordionDemo.mjs +2 -2
- package/dist/esm/AccordionDemo.native.js +2 -2
- package/dist/esm/AccordionDemo.native.js.map +1 -1
- package/dist/esm/AddThemeDemo.mjs +3 -2
- package/dist/esm/AddThemeDemo.mjs.map +1 -1
- package/dist/esm/AddThemeDemo.native.js +5 -4
- package/dist/esm/AddThemeDemo.native.js.map +1 -1
- package/dist/esm/AlertDialogDemo.mjs +6 -6
- package/dist/esm/AlertDialogDemo.native.js +6 -6
- package/dist/esm/AlertDialogDemo.native.js.map +1 -1
- package/dist/esm/AnimationsDelayDemo.mjs +12 -9
- package/dist/esm/AnimationsDelayDemo.mjs.map +1 -1
- package/dist/esm/AnimationsDelayDemo.native.js +12 -9
- package/dist/esm/AnimationsDelayDemo.native.js.map +1 -1
- package/dist/esm/AnimationsDemo.mjs +10 -8
- package/dist/esm/AnimationsDemo.mjs.map +1 -1
- package/dist/esm/AnimationsDemo.native.js +12 -13
- package/dist/esm/AnimationsDemo.native.js.map +1 -1
- package/dist/esm/AnimationsEnterDemo.mjs +10 -7
- package/dist/esm/AnimationsEnterDemo.mjs.map +1 -1
- package/dist/esm/AnimationsEnterDemo.native.js +9 -7
- package/dist/esm/AnimationsEnterDemo.native.js.map +1 -1
- package/dist/esm/AnimationsPresenceDemo.mjs +34 -34
- package/dist/esm/AnimationsPresenceDemo.mjs.map +1 -1
- package/dist/esm/AnimationsPresenceDemo.native.js +36 -36
- package/dist/esm/AnimationsPresenceDemo.native.js.map +1 -1
- package/dist/esm/AvatarDemo.mjs +2 -2
- package/dist/esm/AvatarDemo.native.js +2 -2
- package/dist/esm/BuildAButtonDemo.mjs +5 -5
- package/dist/esm/BuildAButtonDemo.mjs.map +1 -1
- package/dist/esm/BuildAButtonDemo.native.js +5 -5
- package/dist/esm/BuildAButtonDemo.native.js.map +1 -1
- package/dist/esm/ButtonDemo.mjs +1 -1
- package/dist/esm/ButtonDemo.native.js +1 -1
- package/dist/esm/CardDemo.mjs +1 -1
- package/dist/esm/CardDemo.native.js +1 -1
- package/dist/esm/CheckboxDemo.mjs +2 -2
- package/dist/esm/CheckboxDemo.native.js +8 -8
- package/dist/esm/CheckboxHeadlessDemo.mjs +8 -8
- package/dist/esm/CheckboxHeadlessDemo.mjs.map +1 -1
- package/dist/esm/CheckboxHeadlessDemo.native.js +8 -8
- package/dist/esm/CheckboxHeadlessDemo.native.js.map +1 -1
- package/dist/esm/CheckboxUnstyledDemo.mjs +24 -24
- package/dist/esm/CheckboxUnstyledDemo.mjs.map +1 -1
- package/dist/esm/CheckboxUnstyledDemo.native.js +24 -24
- package/dist/esm/CheckboxUnstyledDemo.native.js.map +1 -1
- package/dist/esm/ColorsDemo.mjs +47 -43
- package/dist/esm/ColorsDemo.mjs.map +1 -1
- package/dist/esm/ColorsDemo.native.js +17 -17
- package/dist/esm/ColorsDemo.native.js.map +1 -1
- package/dist/esm/ContextMenuDemo.mjs +20 -18
- package/dist/esm/ContextMenuDemo.mjs.map +1 -1
- package/dist/esm/ContextMenuDemo.native.js +8 -8
- package/dist/esm/ContextMenuDemo.native.js.map +1 -1
- package/dist/esm/DialogDemo.mjs +15 -15
- package/dist/esm/DialogDemo.mjs.map +1 -1
- package/dist/esm/DialogDemo.native.js +17 -17
- package/dist/esm/DialogDemo.native.js.map +1 -1
- package/dist/esm/FormsDemo.mjs +4 -3
- package/dist/esm/FormsDemo.mjs.map +1 -1
- package/dist/esm/FormsDemo.native.js +4 -3
- package/dist/esm/FormsDemo.native.js.map +1 -1
- package/dist/esm/Grid.mjs +23 -16
- package/dist/esm/Grid.mjs.map +1 -1
- package/dist/esm/Grid.native.js +16 -11
- package/dist/esm/Grid.native.js.map +1 -1
- package/dist/esm/LucideIconsDemo.mjs +24 -24
- package/dist/esm/LucideIconsDemo.mjs.map +1 -1
- package/dist/esm/LucideIconsDemo.native.js +31 -31
- package/dist/esm/LucideIconsDemo.native.js.map +1 -1
- package/dist/esm/MenuDemo.mjs +9 -9
- package/dist/esm/MenuDemo.mjs.map +1 -1
- package/dist/esm/MenuDemo.native.js +9 -9
- package/dist/esm/MenuDemo.native.js.map +1 -1
- package/dist/esm/PopoverDemo.mjs +9 -9
- package/dist/esm/PopoverDemo.mjs.map +1 -1
- package/dist/esm/PopoverDemo.native.js +9 -9
- package/dist/esm/PopoverDemo.native.js.map +1 -1
- package/dist/esm/ProgressDemo.mjs +7 -5
- package/dist/esm/ProgressDemo.mjs.map +1 -1
- package/dist/esm/ProgressDemo.native.js +7 -5
- package/dist/esm/ProgressDemo.native.js.map +1 -1
- package/dist/esm/RadioGroupHeadlessDemo.mjs +38 -35
- package/dist/esm/RadioGroupHeadlessDemo.mjs.map +1 -1
- package/dist/esm/RadioGroupHeadlessDemo.native.js +30 -32
- package/dist/esm/RadioGroupHeadlessDemo.native.js.map +1 -1
- package/dist/esm/RadioGroupUnstyledDemo.mjs +73 -73
- package/dist/esm/RadioGroupUnstyledDemo.mjs.map +1 -1
- package/dist/esm/RadioGroupUnstyledDemo.native.js +73 -73
- package/dist/esm/RadioGroupUnstyledDemo.native.js.map +1 -1
- package/dist/esm/ReplaceThemeDemo.mjs +10 -7
- package/dist/esm/ReplaceThemeDemo.mjs.map +1 -1
- package/dist/esm/ReplaceThemeDemo.native.js +11 -8
- package/dist/esm/ReplaceThemeDemo.native.js.map +1 -1
- package/dist/esm/SelectDemo.mjs +20 -18
- package/dist/esm/SelectDemo.mjs.map +1 -1
- package/dist/esm/SelectDemo.native.js +9 -9
- package/dist/esm/SelectDemo.native.js.map +1 -1
- package/dist/esm/SeparatorDemo.mjs +2 -2
- package/dist/esm/SeparatorDemo.native.js +2 -2
- package/dist/esm/SheetDemo.mjs +95 -91
- package/dist/esm/SheetDemo.mjs.map +1 -1
- package/dist/esm/SheetDemo.native.js +119 -119
- package/dist/esm/SheetDemo.native.js.map +1 -1
- package/dist/esm/StacksDemo.mjs +3 -3
- package/dist/esm/StacksDemo.native.js +4 -3
- package/dist/esm/StacksDemo.native.js.map +1 -1
- package/dist/esm/SwitchDemo.mjs +4 -4
- package/dist/esm/SwitchDemo.native.js +6 -6
- package/dist/esm/SwitchHeadlessDemo.mjs +9 -9
- package/dist/esm/SwitchHeadlessDemo.mjs.map +1 -1
- package/dist/esm/SwitchHeadlessDemo.native.js +11 -11
- package/dist/esm/SwitchHeadlessDemo.native.js.map +1 -1
- package/dist/esm/SwitchUnstyledDemo.mjs +34 -34
- package/dist/esm/SwitchUnstyledDemo.mjs.map +1 -1
- package/dist/esm/SwitchUnstyledDemo.native.js +34 -34
- package/dist/esm/SwitchUnstyledDemo.native.js.map +1 -1
- package/dist/esm/TabsAdvancedDemo.mjs +288 -268
- package/dist/esm/TabsAdvancedDemo.mjs.map +1 -1
- package/dist/esm/TabsAdvancedDemo.native.js +337 -323
- package/dist/esm/TabsAdvancedDemo.native.js.map +1 -1
- package/dist/esm/TabsDemo.mjs +77 -73
- package/dist/esm/TabsDemo.mjs.map +1 -1
- package/dist/esm/TabsDemo.native.js +135 -135
- package/dist/esm/TabsDemo.native.js.map +1 -1
- package/dist/esm/TabsHeadlessDemo.mjs +48 -46
- package/dist/esm/TabsHeadlessDemo.mjs.map +1 -1
- package/dist/esm/TabsHeadlessDemo.native.js +67 -67
- package/dist/esm/TabsHeadlessDemo.native.js.map +1 -1
- package/dist/esm/ThemeBuilderDemo.mjs +1 -1
- package/dist/esm/ThemeBuilderDemo.native.js +1 -1
- package/dist/esm/ToastDemo.mjs +86 -83
- package/dist/esm/ToastDemo.mjs.map +1 -1
- package/dist/esm/ToastDemo.native.js +115 -114
- package/dist/esm/ToastDemo.native.js.map +1 -1
- package/dist/esm/ToggleGroupDemo.mjs +3 -3
- package/dist/esm/ToggleGroupDemo.mjs.map +1 -1
- package/dist/esm/ToggleGroupDemo.native.js +3 -3
- package/dist/esm/ToggleGroupDemo.native.js.map +1 -1
- package/dist/esm/TokensDemo.mjs +52 -48
- package/dist/esm/TokensDemo.mjs.map +1 -1
- package/dist/esm/TokensDemo.native.js +24 -23
- package/dist/esm/TokensDemo.native.js.map +1 -1
- package/dist/esm/TooltipDemo.mjs +3 -3
- package/dist/esm/TooltipDemo.native.js +3 -3
- package/dist/esm/UpdateThemeDemo.mjs +8 -6
- package/dist/esm/UpdateThemeDemo.mjs.map +1 -1
- package/dist/esm/UpdateThemeDemo.native.js +9 -7
- package/dist/esm/UpdateThemeDemo.native.js.map +1 -1
- package/dist/esm/gui.config.native.js +2 -2
- package/dist/esm/gui.config.native.js.map +1 -1
- package/dist/esm/useOnIntersecting.mjs +30 -16
- package/dist/esm/useOnIntersecting.mjs.map +1 -1
- package/dist/esm/useOnIntersecting.native.js +70 -58
- package/dist/esm/useOnIntersecting.native.js.map +1 -1
- package/package.json +11 -11
- package/src/MenuDemo.tsx +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["
|
|
1
|
+
{"version":3,"names":["__defProp","Object","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc","key","call","__toCommonJS","mod","value","AnimationsTimingDemo_exports","AnimationsTimingDemo","module","exports","import_jsx_runtime","require","import_logo","import_gui","jsx","Square","bg","transition","elevation","size","rounded","hoverStyle","scale","pressStyle","children","LogoIcon","downscale"],"sources":["AnimationsTimingDemo.native.js"],"sourcesContent":["\"use strict\";\nvar __defProp = Object.defineProperty;\nvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames = Object.getOwnPropertyNames;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __export = (target, all) => {\n for (var name in all)\n __defProp(target, name, { get: all[name], enumerable: true });\n};\nvar __copyProps = (to, from, except, desc) => {\n if (from && typeof from === \"object\" || typeof from === \"function\") {\n for (let key of __getOwnPropNames(from))\n if (!__hasOwnProp.call(to, key) && key !== except)\n __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });\n }\n return to;\n};\nvar __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: true }), mod);\nvar AnimationsTimingDemo_exports = {};\n__export(AnimationsTimingDemo_exports, {\n AnimationsTimingDemo: () => AnimationsTimingDemo\n});\nmodule.exports = __toCommonJS(AnimationsTimingDemo_exports);\nvar import_jsx_runtime = require(\"react/jsx-runtime\");\nvar import_logo = require(\"@hanzogui/logo\");\nvar import_gui = require(\"@hanzo/gui\");\nfunction AnimationsTimingDemo() {\n return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_gui.Square, {\n bg: \"$color9\",\n transition: \"100ms\",\n elevation: \"$4\",\n size: 110,\n rounded: \"$9\",\n hoverStyle: {\n scale: 1.2\n },\n pressStyle: {\n scale: 0.9\n },\n children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_logo.LogoIcon, {\n downscale: 0.75\n })\n });\n}\n//# sourceMappingURL=AnimationsTimingDemo.js.map\n"],"mappings":"AAAA,YAAY;;AACZ,IAAIA,SAAS,GAAGC,MAAM,CAACC,cAAc;AACrC,IAAIC,gBAAgB,GAAGF,MAAM,CAACG,wBAAwB;AACtD,IAAIC,iBAAiB,GAAGJ,MAAM,CAACK,mBAAmB;AAClD,IAAIC,YAAY,GAAGN,MAAM,CAACO,SAAS,CAACC,cAAc;AAClD,IAAIC,QAAQ,GAAGA,CAACC,MAAM,EAAEC,GAAG,KAAK;EAC9B,KAAK,IAAIC,IAAI,IAAID,GAAG,EAClBZ,SAAS,CAACW,MAAM,EAAEE,IAAI,EAAE;IAAEC,GAAG,EAAEF,GAAG,CAACC,IAAI,CAAC;IAAEE,UAAU,EAAE;EAAK,CAAC,CAAC;AACjE,CAAC;AACD,IAAIC,WAAW,GAAGA,CAACC,EAAE,EAAEC,IAAI,EAAEC,MAAM,EAAEC,IAAI,KAAK;EAC5C,IAAIF,IAAI,IAAI,OAAOA,IAAI,KAAK,QAAQ,IAAI,OAAOA,IAAI,KAAK,UAAU,EAAE;IAClE,KAAK,IAAIG,GAAG,IAAIhB,iBAAiB,CAACa,IAAI,CAAC,EACrC,IAAI,CAACX,YAAY,CAACe,IAAI,CAACL,EAAE,EAAEI,GAAG,CAAC,IAAIA,GAAG,KAAKF,MAAM,EAC/CnB,SAAS,CAACiB,EAAE,EAAEI,GAAG,EAAE;MAAEP,GAAG,EAAEA,CAAA,KAAMI,IAAI,CAACG,GAAG,CAAC;MAAEN,UAAU,EAAE,EAAEK,IAAI,GAAGjB,gBAAgB,CAACe,IAAI,EAAEG,GAAG,CAAC,CAAC,IAAID,IAAI,CAACL;IAAW,CAAC,CAAC;EACxH;EACA,OAAOE,EAAE;AACX,CAAC;AACD,IAAIM,YAAY,GAAIC,GAAG,IAAKR,WAAW,CAAChB,SAAS,CAAC,CAAC,CAAC,EAAE,YAAY,EAAE;EAAEyB,KAAK,EAAE;AAAK,CAAC,CAAC,EAAED,GAAG,CAAC;AAC1F,IAAIE,4BAA4B,GAAG,CAAC,CAAC;AACrChB,QAAQ,CAACgB,4BAA4B,EAAE;EACrCC,oBAAoB,EAAEA,CAAA,KAAMA;AAC9B,CAAC,CAAC;AACFC,MAAM,CAACC,OAAO,GAAGN,YAAY,CAACG,4BAA4B,CAAC;AAC3D,IAAII,kBAAkB,GAAGC,OAAO,CAAC,mBAAmB,CAAC;AACrD,IAAIC,WAAW,GAAGD,OAAO,CAAC,gBAAgB,CAAC;AAC3C,IAAIE,UAAU,GAAGF,OAAO,CAAC,YAAY,CAAC;AACtC,SAASJ,oBAAoBA,CAAA,EAAG;EAC9B,OAAO,eAAgB,CAAC,CAAC,EAAEG,kBAAkB,CAACI,GAAG,EAAED,UAAU,CAACE,MAAM,EAAE;IACpEC,EAAE,EAAE,SAAS;IACbC,UAAU,EAAE,OAAO;IACnBC,SAAS,EAAE,IAAI;IACfC,IAAI,EAAE,GAAG;IACTC,OAAO,EAAE,IAAI;IACbC,UAAU,EAAE;MACVC,KAAK,EAAE;IACT,CAAC;IACDC,UAAU,EAAE;MACVD,KAAK,EAAE;IACT,CAAC;IACDE,QAAQ,EAAE,eAAgB,CAAC,CAAC,EAAEd,kBAAkB,CAACI,GAAG,EAAEF,WAAW,CAACa,QAAQ,EAAE;MAC1EC,SAAS,EAAE;IACb,CAAC;EACH,CAAC,CAAC;AACJ","ignoreList":[]}
|
package/dist/cjs/AvatarDemo.cjs
CHANGED
|
@@ -3,34 +3,36 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
|
3
3
|
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
4
4
|
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
5
5
|
var __export = (target, all) => {
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
6
|
+
for (var name in all) __defProp(target, name, {
|
|
7
|
+
get: all[name],
|
|
8
|
+
enumerable: true
|
|
9
|
+
});
|
|
10
|
+
};
|
|
11
|
+
var __copyProps = (to, from, except, desc) => {
|
|
12
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
13
|
+
for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
|
|
13
14
|
get: () => from[key],
|
|
14
15
|
enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
|
|
15
16
|
});
|
|
16
|
-
|
|
17
|
-
|
|
17
|
+
}
|
|
18
|
+
return to;
|
|
19
|
+
};
|
|
18
20
|
var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
|
|
19
|
-
value:
|
|
21
|
+
value: true
|
|
20
22
|
}), mod);
|
|
21
23
|
var AvatarDemo_exports = {};
|
|
22
24
|
__export(AvatarDemo_exports, {
|
|
23
25
|
AvatarDemo: () => AvatarDemo
|
|
24
26
|
});
|
|
25
27
|
module.exports = __toCommonJS(AvatarDemo_exports);
|
|
26
|
-
var import_gui = require("@hanzo/gui")
|
|
27
|
-
|
|
28
|
+
var import_gui = require("@hanzo/gui");
|
|
29
|
+
var import_jsx_runtime = require("react/jsx-runtime");
|
|
28
30
|
function AvatarDemo() {
|
|
29
31
|
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.XStack, {
|
|
30
32
|
items: "center",
|
|
31
33
|
gap: "$6",
|
|
32
34
|
children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.Avatar, {
|
|
33
|
-
circular:
|
|
35
|
+
circular: true,
|
|
34
36
|
size: "$10",
|
|
35
37
|
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Avatar.Image, {
|
|
36
38
|
"aria-label": "Cam",
|
|
@@ -39,7 +41,7 @@ function AvatarDemo() {
|
|
|
39
41
|
bg: "$blue10"
|
|
40
42
|
})]
|
|
41
43
|
}), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.Avatar, {
|
|
42
|
-
circular:
|
|
44
|
+
circular: true,
|
|
43
45
|
size: "$8",
|
|
44
46
|
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Avatar.Image, {
|
|
45
47
|
"aria-label": "Nate Wienert",
|
|
@@ -5,34 +5,36 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
|
5
5
|
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
6
6
|
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
7
7
|
var __export = (target, all) => {
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
8
|
+
for (var name in all) __defProp(target, name, {
|
|
9
|
+
get: all[name],
|
|
10
|
+
enumerable: true
|
|
11
|
+
});
|
|
12
|
+
};
|
|
13
|
+
var __copyProps = (to, from, except, desc) => {
|
|
14
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
15
|
+
for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
|
|
15
16
|
get: () => from[key],
|
|
16
17
|
enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
|
|
17
18
|
});
|
|
18
|
-
|
|
19
|
-
|
|
19
|
+
}
|
|
20
|
+
return to;
|
|
21
|
+
};
|
|
20
22
|
var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
|
|
21
|
-
value:
|
|
23
|
+
value: true
|
|
22
24
|
}), mod);
|
|
23
25
|
var AvatarDemo_exports = {};
|
|
24
26
|
__export(AvatarDemo_exports, {
|
|
25
27
|
AvatarDemo: () => AvatarDemo
|
|
26
28
|
});
|
|
27
29
|
module.exports = __toCommonJS(AvatarDemo_exports);
|
|
28
|
-
var import_jsx_runtime = require("react/jsx-runtime")
|
|
29
|
-
|
|
30
|
+
var import_jsx_runtime = require("react/jsx-runtime");
|
|
31
|
+
var import_gui = require("@hanzo/gui");
|
|
30
32
|
function AvatarDemo() {
|
|
31
33
|
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.XStack, {
|
|
32
34
|
items: "center",
|
|
33
35
|
gap: "$6",
|
|
34
36
|
children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.Avatar, {
|
|
35
|
-
circular:
|
|
37
|
+
circular: true,
|
|
36
38
|
size: "$10",
|
|
37
39
|
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Avatar.Image, {
|
|
38
40
|
"aria-label": "Cam",
|
|
@@ -41,7 +43,7 @@ function AvatarDemo() {
|
|
|
41
43
|
bg: "$blue10"
|
|
42
44
|
})]
|
|
43
45
|
}), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.Avatar, {
|
|
44
|
-
circular:
|
|
46
|
+
circular: true,
|
|
45
47
|
size: "$8",
|
|
46
48
|
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Avatar.Image, {
|
|
47
49
|
"aria-label": "Nate Wienert",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["
|
|
1
|
+
{"version":3,"names":["__defProp","Object","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc","key","call","__toCommonJS","mod","value","AvatarDemo_exports","AvatarDemo","module","exports","import_jsx_runtime","require","import_gui","jsxs","XStack","items","gap","children","Avatar","circular","size","jsx","Image","src","Fallback","bg","delayMs"],"sources":["AvatarDemo.native.js"],"sourcesContent":["\"use strict\";\nvar __defProp = Object.defineProperty;\nvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames = Object.getOwnPropertyNames;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __export = (target, all) => {\n for (var name in all)\n __defProp(target, name, { get: all[name], enumerable: true });\n};\nvar __copyProps = (to, from, except, desc) => {\n if (from && typeof from === \"object\" || typeof from === \"function\") {\n for (let key of __getOwnPropNames(from))\n if (!__hasOwnProp.call(to, key) && key !== except)\n __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });\n }\n return to;\n};\nvar __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: true }), mod);\nvar AvatarDemo_exports = {};\n__export(AvatarDemo_exports, {\n AvatarDemo: () => AvatarDemo\n});\nmodule.exports = __toCommonJS(AvatarDemo_exports);\nvar import_jsx_runtime = require(\"react/jsx-runtime\");\nvar import_gui = require(\"@hanzo/gui\");\nfunction AvatarDemo() {\n return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_gui.XStack, {\n items: \"center\",\n gap: \"$6\",\n children: [\n /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_gui.Avatar, {\n circular: true,\n size: \"$10\",\n children: [\n /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_gui.Avatar.Image, {\n \"aria-label\": \"Cam\",\n src: \"https://images.unsplash.com/photo-1548142813-c348350df52b?&w=150&h=150&dpr=2&q=80\"\n }),\n /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_gui.Avatar.Fallback, {\n bg: \"$blue10\"\n })\n ]\n }),\n /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_gui.Avatar, {\n circular: true,\n size: \"$8\",\n children: [\n /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_gui.Avatar.Image, {\n \"aria-label\": \"Nate Wienert\",\n src: \"https://images.unsplash.com/photo-1531384441138-2736e62e0919?&w=100&h=100&dpr=2&q=80\"\n }),\n /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_gui.Avatar.Fallback, {\n delayMs: 600,\n bg: \"$blue10\"\n })\n ]\n })\n ]\n });\n}\n//# sourceMappingURL=AvatarDemo.js.map\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -3,28 +3,30 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
|
3
3
|
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
4
4
|
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
5
5
|
var __export = (target, all) => {
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
6
|
+
for (var name in all) __defProp(target, name, {
|
|
7
|
+
get: all[name],
|
|
8
|
+
enumerable: true
|
|
9
|
+
});
|
|
10
|
+
};
|
|
11
|
+
var __copyProps = (to, from, except, desc) => {
|
|
12
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
13
|
+
for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
|
|
13
14
|
get: () => from[key],
|
|
14
15
|
enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
|
|
15
16
|
});
|
|
16
|
-
|
|
17
|
-
|
|
17
|
+
}
|
|
18
|
+
return to;
|
|
19
|
+
};
|
|
18
20
|
var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
|
|
19
|
-
value:
|
|
21
|
+
value: true
|
|
20
22
|
}), mod);
|
|
21
23
|
var BoxShadowTokenDemo_exports = {};
|
|
22
24
|
__export(BoxShadowTokenDemo_exports, {
|
|
23
25
|
BoxShadowTokenDemo: () => BoxShadowTokenDemo
|
|
24
26
|
});
|
|
25
27
|
module.exports = __toCommonJS(BoxShadowTokenDemo_exports);
|
|
26
|
-
var import_gui = require("@hanzo/gui")
|
|
27
|
-
|
|
28
|
+
var import_gui = require("@hanzo/gui");
|
|
29
|
+
var import_jsx_runtime = require("react/jsx-runtime");
|
|
28
30
|
const StyledShadowBox = (0, import_gui.styled)(import_gui.View, {
|
|
29
31
|
width: 100,
|
|
30
32
|
height: 100,
|
|
@@ -5,35 +5,37 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
|
5
5
|
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
6
6
|
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
7
7
|
var __export = (target, all) => {
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
8
|
+
for (var name in all) __defProp(target, name, {
|
|
9
|
+
get: all[name],
|
|
10
|
+
enumerable: true
|
|
11
|
+
});
|
|
12
|
+
};
|
|
13
|
+
var __copyProps = (to, from, except, desc) => {
|
|
14
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
15
|
+
for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
|
|
15
16
|
get: () => from[key],
|
|
16
17
|
enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
|
|
17
18
|
});
|
|
18
|
-
|
|
19
|
-
|
|
19
|
+
}
|
|
20
|
+
return to;
|
|
21
|
+
};
|
|
20
22
|
var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
|
|
21
|
-
value:
|
|
23
|
+
value: true
|
|
22
24
|
}), mod);
|
|
23
25
|
var BoxShadowTokenDemo_exports = {};
|
|
24
26
|
__export(BoxShadowTokenDemo_exports, {
|
|
25
27
|
BoxShadowTokenDemo: () => BoxShadowTokenDemo
|
|
26
28
|
});
|
|
27
29
|
module.exports = __toCommonJS(BoxShadowTokenDemo_exports);
|
|
28
|
-
var import_jsx_runtime = require("react/jsx-runtime")
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
30
|
+
var import_jsx_runtime = require("react/jsx-runtime");
|
|
31
|
+
var import_gui = require("@hanzo/gui");
|
|
32
|
+
var StyledShadowBox = (0, import_gui.styled)(import_gui.View, {
|
|
33
|
+
width: 100,
|
|
34
|
+
height: 100,
|
|
35
|
+
backgroundColor: "$color5",
|
|
36
|
+
borderRadius: "$4",
|
|
37
|
+
boxShadow: "0px 2px 8px $shadowColor"
|
|
38
|
+
});
|
|
37
39
|
function BoxShadowTokenDemo() {
|
|
38
40
|
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.YStack, {
|
|
39
41
|
gap: "$4",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["
|
|
1
|
+
{"version":3,"names":["__defProp","Object","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc","key","call","__toCommonJS","mod","value","BoxShadowTokenDemo_exports","BoxShadowTokenDemo","module","exports","import_jsx_runtime","require","import_gui","StyledShadowBox","styled","View","width","height","backgroundColor","borderRadius","boxShadow","jsxs","YStack","gap","items","p","children","jsx","Text","testID"],"sources":["BoxShadowTokenDemo.native.js"],"sourcesContent":["\"use strict\";\nvar __defProp = Object.defineProperty;\nvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames = Object.getOwnPropertyNames;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __export = (target, all) => {\n for (var name in all)\n __defProp(target, name, { get: all[name], enumerable: true });\n};\nvar __copyProps = (to, from, except, desc) => {\n if (from && typeof from === \"object\" || typeof from === \"function\") {\n for (let key of __getOwnPropNames(from))\n if (!__hasOwnProp.call(to, key) && key !== except)\n __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });\n }\n return to;\n};\nvar __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: true }), mod);\nvar BoxShadowTokenDemo_exports = {};\n__export(BoxShadowTokenDemo_exports, {\n BoxShadowTokenDemo: () => BoxShadowTokenDemo\n});\nmodule.exports = __toCommonJS(BoxShadowTokenDemo_exports);\nvar import_jsx_runtime = require(\"react/jsx-runtime\");\nvar import_gui = require(\"@hanzo/gui\");\nvar StyledShadowBox = (0, import_gui.styled)(import_gui.View, {\n width: 100,\n height: 100,\n backgroundColor: \"$color5\",\n borderRadius: \"$4\",\n boxShadow: \"0px 2px 8px $shadowColor\"\n});\nfunction BoxShadowTokenDemo() {\n return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_gui.YStack, {\n gap: \"$4\",\n items: \"center\",\n p: \"$4\",\n children: [\n /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_gui.Text, {\n testID: \"box-shadow-token-title\",\n children: \"BoxShadow Token Test\"\n }),\n /* styled() definition - breaks if web imports leak to native */\n /* @__PURE__ */ (0, import_jsx_runtime.jsx)(StyledShadowBox, {\n testID: \"box-shadow-styled\"\n }),\n /* inline prop - should always work */\n /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_gui.View, {\n width: 100,\n height: 100,\n backgroundColor: \"$color5\",\n borderRadius: \"$4\",\n boxShadow: \"0px 2px 8px $shadowColor\",\n testID: \"box-shadow-prop\"\n }),\n /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_gui.Text, {\n testID: \"box-shadow-token-ok\",\n children: \"OK\"\n })\n ]\n });\n}\n//# sourceMappingURL=BoxShadowTokenDemo.js.map\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -3,29 +3,31 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
|
3
3
|
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
4
4
|
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
5
5
|
var __export = (target, all) => {
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
6
|
+
for (var name in all) __defProp(target, name, {
|
|
7
|
+
get: all[name],
|
|
8
|
+
enumerable: true
|
|
9
|
+
});
|
|
10
|
+
};
|
|
11
|
+
var __copyProps = (to, from, except, desc) => {
|
|
12
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
13
|
+
for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
|
|
13
14
|
get: () => from[key],
|
|
14
15
|
enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
|
|
15
16
|
});
|
|
16
|
-
|
|
17
|
-
|
|
17
|
+
}
|
|
18
|
+
return to;
|
|
19
|
+
};
|
|
18
20
|
var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
|
|
19
|
-
value:
|
|
21
|
+
value: true
|
|
20
22
|
}), mod);
|
|
21
23
|
var BuildAButtonDemo_exports = {};
|
|
22
24
|
__export(BuildAButtonDemo_exports, {
|
|
23
25
|
BuildAButtonDemo: () => BuildAButtonDemo
|
|
24
26
|
});
|
|
25
27
|
module.exports = __toCommonJS(BuildAButtonDemo_exports);
|
|
26
|
-
var import_lucide_icons_2 = require("@hanzogui/lucide-icons-2")
|
|
27
|
-
|
|
28
|
-
|
|
28
|
+
var import_lucide_icons_2 = require("@hanzogui/lucide-icons-2");
|
|
29
|
+
var import_gui = require("@hanzo/gui");
|
|
30
|
+
var import_jsx_runtime = require("react/jsx-runtime");
|
|
29
31
|
const outlined = {
|
|
30
32
|
bg: "transparent",
|
|
31
33
|
borderWidth: 2,
|
|
@@ -38,7 +40,7 @@ const outlined = {
|
|
|
38
40
|
};
|
|
39
41
|
function BuildAButtonDemo() {
|
|
40
42
|
return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.YStack, {
|
|
41
|
-
fullscreen:
|
|
43
|
+
fullscreen: true,
|
|
42
44
|
overflow: "hidden",
|
|
43
45
|
children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.XStack, {
|
|
44
46
|
maxH: 200,
|
|
@@ -85,10 +87,10 @@ function BuildAButtonDemo() {
|
|
|
85
87
|
}
|
|
86
88
|
function ButtonCol(props) {
|
|
87
89
|
const {
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
90
|
+
subTheme,
|
|
91
|
+
...buttonProps
|
|
92
|
+
} = props;
|
|
93
|
+
const subThemeSuffix = subTheme ? `_${subTheme}` : "";
|
|
92
94
|
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.YStack, {
|
|
93
95
|
p: "$2",
|
|
94
96
|
gap: "$3",
|
|
@@ -5,42 +5,44 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
|
5
5
|
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
6
6
|
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
7
7
|
var __export = (target, all) => {
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
8
|
+
for (var name in all) __defProp(target, name, {
|
|
9
|
+
get: all[name],
|
|
10
|
+
enumerable: true
|
|
11
|
+
});
|
|
12
|
+
};
|
|
13
|
+
var __copyProps = (to, from, except, desc) => {
|
|
14
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
15
|
+
for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
|
|
15
16
|
get: () => from[key],
|
|
16
17
|
enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
|
|
17
18
|
});
|
|
18
|
-
|
|
19
|
-
|
|
19
|
+
}
|
|
20
|
+
return to;
|
|
21
|
+
};
|
|
20
22
|
var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
|
|
21
|
-
value:
|
|
23
|
+
value: true
|
|
22
24
|
}), mod);
|
|
23
25
|
var BuildAButtonDemo_exports = {};
|
|
24
26
|
__export(BuildAButtonDemo_exports, {
|
|
25
27
|
BuildAButtonDemo: () => BuildAButtonDemo
|
|
26
28
|
});
|
|
27
29
|
module.exports = __toCommonJS(BuildAButtonDemo_exports);
|
|
28
|
-
var import_jsx_runtime = require("react/jsx-runtime")
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
30
|
+
var import_jsx_runtime = require("react/jsx-runtime");
|
|
31
|
+
var import_lucide_icons_2 = require("@hanzogui/lucide-icons-2");
|
|
32
|
+
var import_gui = require("@hanzo/gui");
|
|
33
|
+
var outlined = {
|
|
34
|
+
bg: "transparent",
|
|
35
|
+
borderWidth: 2,
|
|
36
|
+
borderColor: "$background",
|
|
37
|
+
rounded: "$10",
|
|
38
|
+
hoverStyle: {
|
|
32
39
|
bg: "transparent",
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
hoverStyle: {
|
|
37
|
-
bg: "transparent",
|
|
38
|
-
borderColor: "$backgroundPress"
|
|
39
|
-
}
|
|
40
|
-
};
|
|
40
|
+
borderColor: "$backgroundPress"
|
|
41
|
+
}
|
|
42
|
+
};
|
|
41
43
|
function BuildAButtonDemo() {
|
|
42
44
|
return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.YStack, {
|
|
43
|
-
fullscreen:
|
|
45
|
+
fullscreen: true,
|
|
44
46
|
overflow: "hidden",
|
|
45
47
|
children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.XStack, {
|
|
46
48
|
maxH: 200,
|
|
@@ -87,10 +89,10 @@ function BuildAButtonDemo() {
|
|
|
87
89
|
}
|
|
88
90
|
function ButtonCol(props) {
|
|
89
91
|
var {
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
92
|
+
subTheme,
|
|
93
|
+
...buttonProps
|
|
94
|
+
} = props;
|
|
95
|
+
var subThemeSuffix = subTheme ? `_${subTheme}` : "";
|
|
94
96
|
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.YStack, {
|
|
95
97
|
p: "$2",
|
|
96
98
|
gap: "$3",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","BuildAButtonDemo_exports","__export","BuildAButtonDemo","module","exports","import_jsx_runtime","require","import_lucide_icons_2","import_gui","outlined","bg","borderWidth","borderColor","rounded","hoverStyle","jsx","YStack","fullscreen","overflow","children","jsxs","XStack","maxH","y","x","rotate","ButtonCol","size","subTheme","icon","Hand"],"sources":["../../src/BuildAButtonDemo.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,wBAAA;AAAAC,QAAA,CAAAD,wBAAA;EAAAE,gBAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAT,YAAgC,CAAAK,wBAAA;AAIhC,IAAAK,kBAAiB,GAAAC,OAAA;EAAAC,qBAAA,GAAAD,OAAA;EAAAE,UAAA,GAAAF,OAAA;EAAAG,QAAA;IACfC,EAAA,EAAI;IACJC,WAAA,EAAa;IACbC,WAAA,EAAa;IACbC,OAAA,EAAS;IAETC,UAAA,EAAY;MACVJ,EAAA,EAAI;MACJE,WAAA,EAAa;IACf;EACF;AAEO,SAASV,iBAAA,EAAmB;EACjC,OACE,mBAAAG,kBAAA,CAAAU,GAAA,EAACP,UAAA,CAAAQ,MAAA;IAEGC,UAAA;IACAC,QAAA;IACAC,QAAA,qBAAAd,kBAAC,CAAAe,IAAA,EAAAZ,UAAmB,CAAAa,MAAG;MACvBC,IAAA;MACAC,CAAA;MACAC,CAAA;MACAC,MAAA;MAACN,QAAA,sBAAAd,kBAAA,CAAAU,GAAA,EAAAW,SAAA;QACCH,CAAA,IAAK;QACLI,IAAA,MAAS;QACT,GAAAlB,QAAW;QACVmB,QAAG;QAAAjB,WAAA;MACN,IACA,mBAAAN,kBAAA,CAAAU,GAAC,EAAAW,SAAU;QACXH,CAAA;MAEJ,IAEJ,mBAAAlB,kBAAA,CAAAU,GAAA,EAAAW,SAAA;QAESH,CAAA;QACC,GAAAd;MAGR,CACE,GACE,mBAAAJ,kBAAA,CAAAU,GAAC,EAAAW,SAAA;QAGD,GAAAjB,QAAA;QAGAoB,IAAA,qBAAAxB,kBAAC,CAAAU,GAAA,EAAAR,qBAAe,CAAAuB,IAAA,EAAW;MAG3B,IAGA,mBAAAzB,kBAAA,CAAAU,GAAC,EAAAW,SAAA;QAGDC,IAAA;QAGAC,QAAA;MAGA,IAGF,mBAAAvB,kBAAA,CAAAU,GAAA,EAAAW,SAAA;QAEJC,IAAA","ignoreList":[]}
|
|
1
|
+
{"version":3,"names":["__defProp","Object","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc","key","call","__toCommonJS","mod","value","BuildAButtonDemo_exports","BuildAButtonDemo","module","exports","import_jsx_runtime","require","import_lucide_icons_2","import_gui","outlined","bg","borderWidth","borderColor","rounded","hoverStyle","jsx","YStack","fullscreen","overflow","children","jsxs","XStack","maxH","y","x","rotate","ButtonCol","size","subTheme","icon","Hand","iconAfter","Drumstick","props","buttonProps","subThemeSuffix","p","gap","Button","theme"],"sources":["BuildAButtonDemo.native.js"],"sourcesContent":["\"use strict\";\nvar __defProp = Object.defineProperty;\nvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames = Object.getOwnPropertyNames;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __export = (target, all) => {\n for (var name in all)\n __defProp(target, name, { get: all[name], enumerable: true });\n};\nvar __copyProps = (to, from, except, desc) => {\n if (from && typeof from === \"object\" || typeof from === \"function\") {\n for (let key of __getOwnPropNames(from))\n if (!__hasOwnProp.call(to, key) && key !== except)\n __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });\n }\n return to;\n};\nvar __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: true }), mod);\nvar BuildAButtonDemo_exports = {};\n__export(BuildAButtonDemo_exports, {\n BuildAButtonDemo: () => BuildAButtonDemo\n});\nmodule.exports = __toCommonJS(BuildAButtonDemo_exports);\nvar import_jsx_runtime = require(\"react/jsx-runtime\");\nvar import_lucide_icons_2 = require(\"@hanzogui/lucide-icons-2\");\nvar import_gui = require(\"@hanzo/gui\");\nvar outlined = {\n bg: \"transparent\",\n borderWidth: 2,\n borderColor: \"$background\",\n rounded: \"$10\",\n hoverStyle: {\n bg: \"transparent\",\n borderColor: \"$backgroundPress\"\n }\n};\nfunction BuildAButtonDemo() {\n return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_gui.YStack, {\n fullscreen: true,\n overflow: \"hidden\",\n children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_gui.XStack, {\n maxH: 200,\n y: -100,\n x: -40,\n rotate: \"-10deg\",\n children: [\n /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ButtonCol, {\n y: 35,\n size: \"$2\",\n ...outlined,\n subTheme: \"surface1\",\n borderWidth: 1\n }),\n /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ButtonCol, {\n y: 30\n }),\n /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ButtonCol, {\n y: -50,\n ...outlined\n }),\n /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ButtonCol, {\n ...outlined,\n icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_icons_2.Hand, {})\n }),\n /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ButtonCol, {\n size: \"$6\",\n subTheme: \"surface2\"\n }),\n /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ButtonCol, {\n size: \"$6\",\n subTheme: \"surface2\",\n ...outlined\n }),\n /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ButtonCol, {\n size: \"$8\",\n subTheme: \"surface2\",\n iconAfter: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_icons_2.Drumstick, {}),\n ...outlined\n }),\n /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ButtonCol, {\n size: \"$10\",\n subTheme: \"surface1\"\n }),\n /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ButtonCol, {\n size: \"$8\",\n subTheme: \"surface2\",\n ...outlined,\n rounded: 0\n })\n ]\n })\n });\n}\nfunction ButtonCol(props) {\n var { subTheme, ...buttonProps } = props;\n var subThemeSuffix = subTheme ? `_${subTheme}` : \"\";\n return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_gui.YStack, {\n p: \"$2\",\n gap: \"$3\",\n children: [\n /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_gui.Button, {\n theme: props.subTheme,\n ...props,\n children: \"Hello\"\n }),\n /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_gui.Button, {\n theme: \"orange\" + subThemeSuffix,\n ...buttonProps,\n children: \"Hello\"\n }),\n /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_gui.Button, {\n theme: \"yellow\" + subThemeSuffix,\n ...buttonProps,\n children: \"Hello\"\n }),\n /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_gui.Button, {\n theme: \"green\" + subThemeSuffix,\n ...buttonProps,\n children: \"Hello\"\n }),\n /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_gui.Button, {\n theme: \"blue\" + subThemeSuffix,\n ...buttonProps,\n children: \"Hello\"\n }),\n /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_gui.Button, {\n theme: \"purple\" + subThemeSuffix,\n ...buttonProps,\n children: \"Hello\"\n }),\n /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_gui.Button, {\n theme: \"pink\" + subThemeSuffix,\n ...buttonProps,\n children: \"Hello\"\n }),\n /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_gui.Button, {\n theme: \"red\" + subThemeSuffix,\n ...buttonProps,\n children: \"Hello\"\n })\n ]\n });\n}\n//# sourceMappingURL=BuildAButtonDemo.js.map\n"],"mappings":"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","ignoreList":[]}
|
package/dist/cjs/ButtonDemo.cjs
CHANGED
|
@@ -3,30 +3,32 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
|
3
3
|
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
4
4
|
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
5
5
|
var __export = (target, all) => {
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
6
|
+
for (var name in all) __defProp(target, name, {
|
|
7
|
+
get: all[name],
|
|
8
|
+
enumerable: true
|
|
9
|
+
});
|
|
10
|
+
};
|
|
11
|
+
var __copyProps = (to, from, except, desc) => {
|
|
12
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
13
|
+
for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
|
|
13
14
|
get: () => from[key],
|
|
14
15
|
enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
|
|
15
16
|
});
|
|
16
|
-
|
|
17
|
-
|
|
17
|
+
}
|
|
18
|
+
return to;
|
|
19
|
+
};
|
|
18
20
|
var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
|
|
19
|
-
value:
|
|
21
|
+
value: true
|
|
20
22
|
}), mod);
|
|
21
23
|
var ButtonDemo_exports = {};
|
|
22
24
|
__export(ButtonDemo_exports, {
|
|
23
25
|
ButtonDemo: () => ButtonDemo
|
|
24
26
|
});
|
|
25
27
|
module.exports = __toCommonJS(ButtonDemo_exports);
|
|
26
|
-
var import_button = require("@hanzogui/button")
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
28
|
+
var import_button = require("@hanzogui/button");
|
|
29
|
+
var import_lucide_icons_2 = require("@hanzogui/lucide-icons-2");
|
|
30
|
+
var import_gui = require("@hanzo/gui");
|
|
31
|
+
var import_jsx_runtime = require("react/jsx-runtime");
|
|
30
32
|
function ButtonDemo() {
|
|
31
33
|
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.YStack, {
|
|
32
34
|
p: "$3",
|
|
@@ -73,7 +75,7 @@ function ButtonDemo() {
|
|
|
73
75
|
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_button.Button, {
|
|
74
76
|
width: "50%",
|
|
75
77
|
size: "$2",
|
|
76
|
-
disabled:
|
|
78
|
+
disabled: true,
|
|
77
79
|
opacity: 0.5,
|
|
78
80
|
children: "disabled"
|
|
79
81
|
})
|
|
@@ -5,30 +5,32 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
|
5
5
|
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
6
6
|
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
7
7
|
var __export = (target, all) => {
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
8
|
+
for (var name in all) __defProp(target, name, {
|
|
9
|
+
get: all[name],
|
|
10
|
+
enumerable: true
|
|
11
|
+
});
|
|
12
|
+
};
|
|
13
|
+
var __copyProps = (to, from, except, desc) => {
|
|
14
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
15
|
+
for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
|
|
15
16
|
get: () => from[key],
|
|
16
17
|
enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
|
|
17
18
|
});
|
|
18
|
-
|
|
19
|
-
|
|
19
|
+
}
|
|
20
|
+
return to;
|
|
21
|
+
};
|
|
20
22
|
var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
|
|
21
|
-
value:
|
|
23
|
+
value: true
|
|
22
24
|
}), mod);
|
|
23
25
|
var ButtonDemo_exports = {};
|
|
24
26
|
__export(ButtonDemo_exports, {
|
|
25
27
|
ButtonDemo: () => ButtonDemo
|
|
26
28
|
});
|
|
27
29
|
module.exports = __toCommonJS(ButtonDemo_exports);
|
|
28
|
-
var import_jsx_runtime = require("react/jsx-runtime")
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
30
|
+
var import_jsx_runtime = require("react/jsx-runtime");
|
|
31
|
+
var import_button = require("@hanzogui/button");
|
|
32
|
+
var import_lucide_icons_2 = require("@hanzogui/lucide-icons-2");
|
|
33
|
+
var import_gui = require("@hanzo/gui");
|
|
32
34
|
function ButtonDemo() {
|
|
33
35
|
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.YStack, {
|
|
34
36
|
p: "$3",
|
|
@@ -75,7 +77,7 @@ function ButtonDemo() {
|
|
|
75
77
|
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_button.Button, {
|
|
76
78
|
width: "50%",
|
|
77
79
|
size: "$2",
|
|
78
|
-
disabled:
|
|
80
|
+
disabled: true,
|
|
79
81
|
opacity: 0.5,
|
|
80
82
|
children: "disabled"
|
|
81
83
|
})
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["
|
|
1
|
+
{"version":3,"names":["__defProp","Object","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc","key","call","__toCommonJS","mod","value","ButtonDemo_exports","ButtonDemo","module","exports","import_jsx_runtime","require","import_button","import_lucide_icons_2","import_gui","jsxs","YStack","p","gap","children","jsx","Button","self","icon","Airplay","size","XStack","justify","theme","variant","Theme","Icon","Activity","Text","iconAfter","XGroup","Item","width","disabled","opacity"],"sources":["ButtonDemo.native.js"],"sourcesContent":["\"use strict\";\nvar __defProp = Object.defineProperty;\nvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames = Object.getOwnPropertyNames;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __export = (target, all) => {\n for (var name in all)\n __defProp(target, name, { get: all[name], enumerable: true });\n};\nvar __copyProps = (to, from, except, desc) => {\n if (from && typeof from === \"object\" || typeof from === \"function\") {\n for (let key of __getOwnPropNames(from))\n if (!__hasOwnProp.call(to, key) && key !== except)\n __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });\n }\n return to;\n};\nvar __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: true }), mod);\nvar ButtonDemo_exports = {};\n__export(ButtonDemo_exports, {\n ButtonDemo: () => ButtonDemo\n});\nmodule.exports = __toCommonJS(ButtonDemo_exports);\nvar import_jsx_runtime = require(\"react/jsx-runtime\");\nvar import_button = require(\"@hanzogui/button\");\nvar import_lucide_icons_2 = require(\"@hanzogui/lucide-icons-2\");\nvar import_gui = require(\"@hanzo/gui\");\nfunction ButtonDemo() {\n return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_gui.YStack, {\n p: \"$3\",\n gap: \"$3\",\n children: [\n /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_button.Button, {\n children: \"Plain\"\n }),\n /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_button.Button, {\n self: \"center\",\n icon: import_lucide_icons_2.Airplay,\n size: \"$6\",\n children: \"Large\"\n }),\n /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_gui.XStack, {\n gap: \"$2\",\n justify: \"center\",\n children: [\n /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_button.Button, {\n size: \"$3\",\n theme: \"accent\",\n children: \"Active\"\n }),\n /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_button.Button, {\n size: \"$3\",\n variant: \"outlined\",\n children: \"Outlined\"\n })\n ]\n }),\n /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_gui.XStack, {\n gap: \"$2\",\n justify: \"center\",\n children: [\n /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_gui.Theme, {\n name: \"accent\",\n children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_button.Button, {\n size: \"$3\",\n children: [\n /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_button.Button.Icon, {\n children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_icons_2.Activity, {})\n }),\n /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_button.Button.Text, {\n children: \"Inverse\"\n })\n ]\n })\n }),\n /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_button.Button, {\n iconAfter: import_lucide_icons_2.Activity,\n size: \"$3\",\n children: \"iconAfter\"\n })\n ]\n }),\n /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_gui.XGroup, {\n children: [\n /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_gui.XGroup.Item, {\n children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_button.Button, {\n width: \"50%\",\n size: \"$2\",\n disabled: true,\n opacity: 0.5,\n children: \"disabled\"\n })\n }),\n /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_gui.XGroup.Item, {\n children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_button.Button, {\n width: \"50%\",\n size: \"$2\",\n children: \"plain\"\n })\n })\n ]\n })\n ]\n });\n}\n//# sourceMappingURL=ButtonDemo.js.map\n"],"mappings":"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","ignoreList":[]}
|