@hanzogui/demos 3.0.6 → 4.3.1
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 +2 -2
- package/src/MenuDemo.tsx +1 -1
|
@@ -4,55 +4,57 @@ var __create = Object.create;
|
|
|
4
4
|
var __defProp = Object.defineProperty;
|
|
5
5
|
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
6
6
|
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
7
|
-
var __getProtoOf = Object.getPrototypeOf
|
|
8
|
-
|
|
7
|
+
var __getProtoOf = Object.getPrototypeOf;
|
|
8
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
9
9
|
var __export = (target, all) => {
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
10
|
+
for (var name in all) __defProp(target, name, {
|
|
11
|
+
get: all[name],
|
|
12
|
+
enumerable: true
|
|
13
|
+
});
|
|
14
|
+
};
|
|
15
|
+
var __copyProps = (to, from, except, desc) => {
|
|
16
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
17
|
+
for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
|
|
17
18
|
get: () => from[key],
|
|
18
19
|
enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
|
|
19
20
|
});
|
|
20
|
-
|
|
21
|
-
|
|
21
|
+
}
|
|
22
|
+
return to;
|
|
23
|
+
};
|
|
22
24
|
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
25
|
+
// If the importer is in node compatibility mode or this is not an ESM
|
|
26
|
+
// file that has been converted to a CommonJS file using a Babel-
|
|
27
|
+
// compatible transform (i.e. "__esModule" has not been set), then set
|
|
28
|
+
// "default" to the CommonJS "module.exports" for node compatibility.
|
|
29
|
+
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
|
|
30
|
+
value: mod,
|
|
31
|
+
enumerable: true
|
|
32
|
+
}) : target, mod));
|
|
33
|
+
var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
|
|
34
|
+
value: true
|
|
35
|
+
}), mod);
|
|
34
36
|
var TokensDemo_exports = {};
|
|
35
37
|
__export(TokensDemo_exports, {
|
|
36
38
|
TokensDemo: () => TokensDemo
|
|
37
39
|
});
|
|
38
40
|
module.exports = __toCommonJS(TokensDemo_exports);
|
|
39
|
-
var import_jsx_runtime = require("react/jsx-runtime")
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
41
|
+
var import_jsx_runtime = require("react/jsx-runtime");
|
|
42
|
+
var import_core = require("@hanzogui/core");
|
|
43
|
+
var import_react = __toESM(require("react"), 1);
|
|
44
|
+
var import_gui = require("@hanzo/gui");
|
|
45
|
+
var sections = [{
|
|
46
|
+
name: `Size`,
|
|
47
|
+
key: `size`
|
|
48
|
+
}, {
|
|
49
|
+
name: `Space`,
|
|
50
|
+
key: "space"
|
|
51
|
+
}, {
|
|
52
|
+
name: `Space (-)`,
|
|
53
|
+
key: `spaceNegative`
|
|
54
|
+
}, {
|
|
55
|
+
name: `Radius`,
|
|
56
|
+
key: `radius`
|
|
57
|
+
}];
|
|
56
58
|
function TokensDemo() {
|
|
57
59
|
var [section, setSection] = import_react.default.useState("size");
|
|
58
60
|
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.YStack, {
|
|
@@ -83,21 +85,21 @@ function TokensDemo() {
|
|
|
83
85
|
}
|
|
84
86
|
function SizeSection(param) {
|
|
85
87
|
var {
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
88
|
+
section
|
|
89
|
+
} = param;
|
|
90
|
+
var allTokens = (0, import_core.getConfig)().tokens;
|
|
91
|
+
var tokens = allTokens[section.startsWith("space") ? "space" : section];
|
|
92
|
+
var st = Object.keys(tokens).sort(function (a, b) {
|
|
93
|
+
return Number.parseFloat(a) > Number.parseFloat(b) ? 1 : -1;
|
|
94
|
+
});
|
|
95
|
+
var spaceTokens = st.filter(function (t) {
|
|
96
|
+
return Number.parseFloat(t) >= 0;
|
|
97
|
+
});
|
|
98
|
+
var spaceTokensNegative = st.filter(function (t) {
|
|
99
|
+
return Number.parseFloat(t) < 0;
|
|
100
|
+
}).sort(function (a, b) {
|
|
101
|
+
return Number.parseFloat(a) > Number.parseFloat(b) ? -1 : 1;
|
|
102
|
+
});
|
|
101
103
|
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.YStack, {
|
|
102
104
|
flex: 1,
|
|
103
105
|
gap: "$4",
|
|
@@ -107,7 +109,8 @@ function SizeSection(param) {
|
|
|
107
109
|
width: "100%",
|
|
108
110
|
gap: "$2",
|
|
109
111
|
children: (section === "spaceNegative" ? spaceTokensNegative : spaceTokens).map(function (token) {
|
|
110
|
-
var _tokens_token, _tokens_token1, _tokens_, _allTokens_size_token, _tokens_token2
|
|
112
|
+
var _tokens_token, _tokens_token1, _tokens_, _allTokens_size_token, _tokens_token2;
|
|
113
|
+
var _spaceTokensNegative_find;
|
|
111
114
|
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.XStack, {
|
|
112
115
|
width: "100%",
|
|
113
116
|
items: "center",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","TokensDemo_exports","__export","TokensDemo","module","exports","import_jsx_runtime","require","import_core","import_react","__toESM","import_gui","sections","name","key","section","setSection","default","useState","jsxs","YStack","gap","children","jsx","XGroup","items","self","map","param","Item","Button","size","theme","onPress","SizeSection","allTokens","getConfig","tokens","startsWith","st","Object","keys","sort","a","b","Number","parseFloat","spaceTokens","filter","t","spaceTokensNegative","flex","H2","width","token","_tokens_token","_tokens_token1","_tokens_","_allTokens_size_token","_tokens_token2","_spaceTokensNegative_find","XStack"],"sources":["../../src/TokensDemo.tsx"],"sourcesContent":[null],"mappings":"
|
|
1
|
+
{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","TokensDemo_exports","__export","TokensDemo","module","exports","import_jsx_runtime","require","import_core","import_react","__toESM","import_gui","sections","name","key","section","setSection","default","useState","jsxs","YStack","gap","children","jsx","XGroup","items","self","map","param","Item","Button","size","theme","onPress","SizeSection","allTokens","getConfig","tokens","startsWith","st","Object","keys","sort","a","b","Number","parseFloat","spaceTokens","filter","t","spaceTokensNegative","flex","H2","width","token","_tokens_token","_tokens_token1","_tokens_","_allTokens_size_token","_tokens_token2","_spaceTokensNegative_find","XStack"],"sources":["../../src/TokensDemo.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
|
package/dist/cjs/TooltipDemo.cjs
CHANGED
|
@@ -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 TooltipDemo_exports = {};
|
|
22
24
|
__export(TooltipDemo_exports, {
|
|
23
25
|
TooltipDemo: () => TooltipDemo
|
|
24
26
|
});
|
|
25
27
|
module.exports = __toCommonJS(TooltipDemo_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
|
function TooltipDemo() {
|
|
30
32
|
return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Theme, {
|
|
31
33
|
name: "surface2",
|
|
@@ -92,10 +94,10 @@ function Demo({
|
|
|
92
94
|
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.Tooltip, {
|
|
93
95
|
...props,
|
|
94
96
|
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Tooltip.Trigger, {
|
|
95
|
-
asChild:
|
|
97
|
+
asChild: true,
|
|
96
98
|
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Button, {
|
|
97
99
|
icon: Icon,
|
|
98
|
-
circular:
|
|
100
|
+
circular: true
|
|
99
101
|
})
|
|
100
102
|
}), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.Tooltip.Content, {
|
|
101
103
|
enterStyle: {
|
|
@@ -118,7 +120,7 @@ function Demo({
|
|
|
118
120
|
px: "$3",
|
|
119
121
|
transition: ["quick", {
|
|
120
122
|
opacity: {
|
|
121
|
-
overshootClamping:
|
|
123
|
+
overshootClamping: true
|
|
122
124
|
}
|
|
123
125
|
}],
|
|
124
126
|
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Tooltip.Arrow, {}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Paragraph, {
|
|
@@ -5,29 +5,31 @@ 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 TooltipDemo_exports = {};
|
|
24
26
|
__export(TooltipDemo_exports, {
|
|
25
27
|
TooltipDemo: () => TooltipDemo
|
|
26
28
|
});
|
|
27
29
|
module.exports = __toCommonJS(TooltipDemo_exports);
|
|
28
|
-
var import_jsx_runtime = require("react/jsx-runtime")
|
|
29
|
-
|
|
30
|
-
|
|
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");
|
|
31
33
|
function TooltipDemo() {
|
|
32
34
|
return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Theme, {
|
|
33
35
|
name: "surface2",
|
|
@@ -95,10 +97,10 @@ function Demo(param) {
|
|
|
95
97
|
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.Tooltip, {
|
|
96
98
|
...props,
|
|
97
99
|
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Tooltip.Trigger, {
|
|
98
|
-
asChild:
|
|
100
|
+
asChild: true,
|
|
99
101
|
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Button, {
|
|
100
102
|
icon: Icon,
|
|
101
|
-
circular:
|
|
103
|
+
circular: true
|
|
102
104
|
})
|
|
103
105
|
}), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.Tooltip.Content, {
|
|
104
106
|
enterStyle: {
|
|
@@ -121,7 +123,7 @@ function Demo(param) {
|
|
|
121
123
|
px: "$3",
|
|
122
124
|
transition: ["quick", {
|
|
123
125
|
opacity: {
|
|
124
|
-
overshootClamping:
|
|
126
|
+
overshootClamping: true
|
|
125
127
|
}
|
|
126
128
|
}],
|
|
127
129
|
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Tooltip.Arrow, {}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Paragraph, {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","TooltipDemo_exports","__export","TooltipDemo","module","exports","import_jsx_runtime","require","import_lucide_icons_2","import_gui","jsx","Theme","name","children","TooltipGroup","delay","open","close","jsxs","YStack","gap","self","XStack","Demo","groupId","placement","Icon","Circle","ChevronUp","ChevronLeft","flex","ChevronRight"],"sources":["../../src/TooltipDemo.tsx"],"sourcesContent":[null],"mappings":"
|
|
1
|
+
{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","TooltipDemo_exports","__export","TooltipDemo","module","exports","import_jsx_runtime","require","import_lucide_icons_2","import_gui","jsx","Theme","name","children","TooltipGroup","delay","open","close","jsxs","YStack","gap","self","XStack","Demo","groupId","placement","Icon","Circle","ChevronUp","ChevronLeft","flex","ChevronRight"],"sources":["../../src/TooltipDemo.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,mBAAA;AAAAC,QAAA,CAAAD,mBAAA;EAAAE,WAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAT,YAMO,CAAAK,mBAAA;AAEP,IAAAK,kBAQO,GAAAC,OAAA;AAOG,IAAAC,qBAAA,GAAAD,OAAA;AALH,IAAAE,UAAS,GAAAF,OAAc;AAC5B,SACEJ,YAAA;EAGM,0BAAAG,kBAAA,CAAAI,GAAC,EAAAD,UAAA,CAAAE,KAAA,EAAO;IACNC,IAAA;IAAoDC,QACpD,qBAAAP,kBAAC,CAAAI,GAAA,EAAKD,UAAQ,CAAAK,YAAI,EAAU;MAC5BC,KAAA;QACFC,IAAA;QACAC,KAAA;MACE;MACAJ,QAAA,qBAAAP,kBAAC,CAAAY,IAAA,EAAAT,UAAO,CAAAU,MAAM,EAAG;QACjBC,GAAA;QACFC,IAAA;QACAR,QAAA,GACE,mBAAAP,kBAAA,CAAAY,IAAC,EAAAT,UAAK,CAAAa,MAAY;UAClBF,GAAA;UACAP,QAAA,GACF,mBAAAP,kBAAA,CAAAI,GAAA,EAAAa,IAAA;YAGNC,OAAA;YAEJC,SAAA;YAEgBC,IAAA,EAAMlB,qBAA2C,CAAAmB;UAE7D,IACE,mBAAArB,kBAAC,CAAAI,GAAA,EAAAa,IAAA;YAGDC,OAAA;YAACC,SAAQ;YAARC,IAAA,EAAAlB,qBAAA,CAAAoB;UACC,IACA,eAAsB,IAAItB,kBAAY,CAAOI,GAAA,EAAIa,IAAA;YAC1CC,OAAA;YACJC,SAAA;YACAC,IAAA,EAAAlB,qBAAA,CAAAmB;UACH;QAEA,EAAG,EACH,eAAY,IAAArB,kBAAA,CAAAY,IAAA,EAAAT,UAAA,CAAAa,MAAA;UACVF,GAAA;UACAP,QAAA,GACE,eAAS,IAAAP,kBAAA,CAAAI,GAAA,EAAAa,IAAA;YACPC,OAAA;YACFC,SAAA;YACFC,IAAA,EAAAlB,qBAAA,CAAAqB;UACF,IAEA,mBAAAvB,kBAAA,CAAAI,GAAA,EAAAD,UAAA,CAAAU,MAAA;YAAAW,IAAA;UACA,IAEA,mBAAAxB,kBAAA,CAAAI,GAAA,EAAAa,IAAA;YAAAC,OAAA;YACFC,SAAA;YACFC,IAAA,EAAAlB,qBAAA,CAAAuB;UAEJ","ignoreList":[]}
|
|
@@ -2,56 +2,60 @@ var __create = Object.create;
|
|
|
2
2
|
var __defProp = Object.defineProperty;
|
|
3
3
|
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
4
|
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
-
var __getProtoOf = Object.getPrototypeOf
|
|
6
|
-
|
|
5
|
+
var __getProtoOf = Object.getPrototypeOf;
|
|
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 __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
23
|
+
// If the importer is in node compatibility mode or this is not an ESM
|
|
24
|
+
// file that has been converted to a CommonJS file using a Babel-
|
|
25
|
+
// compatible transform (i.e. "__esModule" has not been set), then set
|
|
26
|
+
// "default" to the CommonJS "module.exports" for node compatibility.
|
|
27
|
+
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
|
|
28
|
+
value: mod,
|
|
29
|
+
enumerable: true
|
|
30
|
+
}) : target, mod));
|
|
31
|
+
var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
|
|
32
|
+
value: true
|
|
33
|
+
}), mod);
|
|
32
34
|
var UpdateThemeDemo_exports = {};
|
|
33
35
|
__export(UpdateThemeDemo_exports, {
|
|
34
36
|
UpdateThemeDemo: () => UpdateThemeDemo
|
|
35
37
|
});
|
|
36
38
|
module.exports = __toCommonJS(UpdateThemeDemo_exports);
|
|
37
|
-
var import_react = __toESM(require("react"), 1)
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
const colors = import_v3.config.tokens.color
|
|
43
|
-
|
|
39
|
+
var import_react = __toESM(require("react"), 1);
|
|
40
|
+
var import_v3 = require("@hanzogui/config/v3");
|
|
41
|
+
var import_theme = require("@hanzogui/theme");
|
|
42
|
+
var import_gui = require("@hanzo/gui");
|
|
43
|
+
var import_jsx_runtime = require("react/jsx-runtime");
|
|
44
|
+
const colors = import_v3.config.tokens.color;
|
|
45
|
+
const colorKeys = Object.keys(colors);
|
|
44
46
|
function UpdateThemeDemo() {
|
|
45
47
|
const [theme, setTheme] = import_react.default.useState();
|
|
46
|
-
|
|
48
|
+
(0, import_gui.useIsomorphicLayoutEffect)(() => {
|
|
47
49
|
(0, import_theme.addTheme)({
|
|
48
50
|
name: "custom",
|
|
49
|
-
insertCSS:
|
|
51
|
+
insertCSS: true,
|
|
50
52
|
theme: {
|
|
51
53
|
color: "red"
|
|
52
54
|
}
|
|
53
|
-
})
|
|
54
|
-
|
|
55
|
+
});
|
|
56
|
+
setTheme("custom");
|
|
57
|
+
}, []);
|
|
58
|
+
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.YStack, {
|
|
55
59
|
items: "center",
|
|
56
60
|
gap: "$4",
|
|
57
61
|
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.XStack, {
|
|
@@ -4,62 +4,66 @@ var __create = Object.create;
|
|
|
4
4
|
var __defProp = Object.defineProperty;
|
|
5
5
|
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
6
6
|
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
7
|
-
var __getProtoOf = Object.getPrototypeOf
|
|
8
|
-
|
|
7
|
+
var __getProtoOf = Object.getPrototypeOf;
|
|
8
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
9
9
|
var __export = (target, all) => {
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
10
|
+
for (var name in all) __defProp(target, name, {
|
|
11
|
+
get: all[name],
|
|
12
|
+
enumerable: true
|
|
13
|
+
});
|
|
14
|
+
};
|
|
15
|
+
var __copyProps = (to, from, except, desc) => {
|
|
16
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
17
|
+
for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
|
|
17
18
|
get: () => from[key],
|
|
18
19
|
enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
|
|
19
20
|
});
|
|
20
|
-
|
|
21
|
-
|
|
21
|
+
}
|
|
22
|
+
return to;
|
|
23
|
+
};
|
|
22
24
|
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
25
|
+
// If the importer is in node compatibility mode or this is not an ESM
|
|
26
|
+
// file that has been converted to a CommonJS file using a Babel-
|
|
27
|
+
// compatible transform (i.e. "__esModule" has not been set), then set
|
|
28
|
+
// "default" to the CommonJS "module.exports" for node compatibility.
|
|
29
|
+
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
|
|
30
|
+
value: mod,
|
|
31
|
+
enumerable: true
|
|
32
|
+
}) : target, mod));
|
|
33
|
+
var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
|
|
34
|
+
value: true
|
|
35
|
+
}), mod);
|
|
34
36
|
var UpdateThemeDemo_exports = {};
|
|
35
37
|
__export(UpdateThemeDemo_exports, {
|
|
36
38
|
UpdateThemeDemo: () => UpdateThemeDemo
|
|
37
39
|
});
|
|
38
40
|
module.exports = __toCommonJS(UpdateThemeDemo_exports);
|
|
39
|
-
var import_jsx_runtime = require("react/jsx-runtime")
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
41
|
+
var import_jsx_runtime = require("react/jsx-runtime");
|
|
42
|
+
var import_react = __toESM(require("react"), 1);
|
|
43
|
+
var import_v3 = require("@hanzogui/config/v3");
|
|
44
|
+
var import_theme = require("@hanzogui/theme");
|
|
45
|
+
var import_gui = require("@hanzo/gui");
|
|
46
|
+
var colors = import_v3.config.tokens.color;
|
|
47
|
+
var colorKeys = Object.keys(colors);
|
|
46
48
|
function UpdateThemeDemo() {
|
|
47
49
|
var [theme, setTheme] = import_react.default.useState();
|
|
48
|
-
|
|
50
|
+
(0, import_gui.useIsomorphicLayoutEffect)(function () {
|
|
49
51
|
(0, import_theme.addTheme)({
|
|
50
52
|
name: "custom",
|
|
51
|
-
insertCSS:
|
|
53
|
+
insertCSS: true,
|
|
52
54
|
theme: {
|
|
53
55
|
color: "red"
|
|
54
56
|
}
|
|
55
|
-
})
|
|
56
|
-
|
|
57
|
+
});
|
|
58
|
+
setTheme("custom");
|
|
59
|
+
}, []);
|
|
60
|
+
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.YStack, {
|
|
57
61
|
items: "center",
|
|
58
62
|
gap: "$4",
|
|
59
63
|
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.XStack, {
|
|
60
64
|
gap: "$5",
|
|
61
65
|
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Theme, {
|
|
62
|
-
name: theme
|
|
66
|
+
name: theme !== null && theme !== void 0 ? theme : null,
|
|
63
67
|
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Square, {
|
|
64
68
|
rounded: "$8",
|
|
65
69
|
size: 100,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","UpdateThemeDemo_exports","__export","UpdateThemeDemo","module","exports","import_jsx_runtime","require","import_react","__toESM","import_v3","import_theme","import_gui","colors","config","tokens","color","colorKeys","Object","keys","theme","setTheme","default","useState","useIsomorphicLayoutEffect","addTheme","name","insertCSS","jsxs","YStack","items","gap","children","jsx","XStack","Theme","Square","rounded","size","bg","Button","onPress","randomColor","getVariableValue","Math","floor","random","length","updateTheme"],"sources":["../../src/UpdateThemeDemo.tsx"],"sourcesContent":[null],"mappings":"
|
|
1
|
+
{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","UpdateThemeDemo_exports","__export","UpdateThemeDemo","module","exports","import_jsx_runtime","require","import_react","__toESM","import_v3","import_theme","import_gui","colors","config","tokens","color","colorKeys","Object","keys","theme","setTheme","default","useState","useIsomorphicLayoutEffect","addTheme","name","insertCSS","jsxs","YStack","items","gap","children","jsx","XStack","Theme","Square","rounded","size","bg","Button","onPress","randomColor","getVariableValue","Math","floor","random","length","updateTheme"],"sources":["../../src/UpdateThemeDemo.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,uBAAA;AAAAC,QAAA,CAAAD,uBAAA;EAAAE,eAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAT,YAAkB,CAAAK,uBAAA;AAClB,IAAAK,kBAAuB,GAAAC,OAAA;AACvB,IAAAC,YAAA,GAAsCC,OAAA,CAAAF,OAAA;AAEtC,IAAAG,SAAA,GAAAH,OAQO;AAoBH,IAAAI,YAAA,GAAAJ,OAAA;AAlBJ,IAAAK,UAAM,GAASL,OAAA,aAAO;AACtB,IAAAM,MAAM,GAAAH,SAAY,CAAAI,MAAO,CAAKC,MAAM,CAAAC,KAAA;AAE7B,IAAAC,SAAS,GAAAC,MAAA,CAAAC,IAAkB,CAAAN,MAAA;AAChC,SAAOV,eAAeA,CAAA;EAEtB,KAAAiB,KAAA,EAAAC,QAAA,IAAAb,YAAA,CAAAc,OAA0B,CAAAC,QAAM;EAC9B,IAAAX,UAAA,CAAAY,yBAAS;IAAA,EACP,EAAAb,YAAM,CAAAc,QAAA;MACNC,IAAA,UAAW;MACXC,SAAO;MAAAP,KACL;QACFJ,KAAA;MACD;IACD;IACFK,QAAK;EAEL;EAEI,0BAAAf,kBAAA,CAACsB,IAAA,EAAAhB,UAAA,CAAAiB,MAAO;IAMRC,KAAA;IAAAC,GAAC;IAAAC,QAAA,kBACU,CAAM,GAAA1B,kBAAA,CAAA2B,GAAA,EAAArB,UAAA,CAAAsB,MAAA;MACbH,GAAA,MAAM;MAAcC,QAClB,iBAAsB,IAAA1B,kBAAsB,CAAA2B,GAAA,EAAArB,UAAgB,CAACuB,KAAC;QAChET,IAAA,EAAAN,KAAA,aAAAA,KAAA,cAAAA,KAAA;QACAY,QAAA,qBAAY1B,kBAAA,CAAA2B,GAAA,EAAArB,UAAA,CAAAwB,MAAA;UACVC,OAAM;UACNC,IAAA,KAAO;UAAAC,EACL;QAAO;MACT;IACD,EACH,iBACD,IAAAjC,kBAAA,CAAA2B,GAAA,EAAArB,UAAA,CAAA4B,MAAA;MAAAC,OAAA,WAAAA,CAAA;QAED,IAAAC,WAAA,OAAA9B,UAAA,CAAA+B,gBAAA,EAAA9B,MAAA,CAAAI,SAAA,CAAA2B,IAAA,CAAAC,KAAA,CAAAD,IAAA,CAAAE,MAAA,KAAA7B,SAAA,CAAA8B,MAAA;QACF,IAAApC,YAAA,CAAAqC,WAAA;UAEJtB,IAAA","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 WebNativeImageDemo_exports = {};
|
|
22
24
|
__export(WebNativeImageDemo_exports, {
|
|
23
25
|
WebNativeImageDemo: () => WebNativeImageDemo
|
|
24
26
|
});
|
|
25
27
|
module.exports = __toCommonJS(WebNativeImageDemo_exports);
|
|
26
|
-
var import_image = require("@hanzogui/image")
|
|
27
|
-
|
|
28
|
+
var import_image = require("@hanzogui/image");
|
|
29
|
+
var import_jsx_runtime = require("react/jsx-runtime");
|
|
28
30
|
function WebNativeImageDemo() {
|
|
29
31
|
return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_image.Image, {
|
|
30
32
|
src: "https://picsum.photos/200/300",
|
|
@@ -5,28 +5,30 @@ 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 WebNativeImageDemo_exports = {};
|
|
24
26
|
__export(WebNativeImageDemo_exports, {
|
|
25
27
|
WebNativeImageDemo: () => WebNativeImageDemo
|
|
26
28
|
});
|
|
27
29
|
module.exports = __toCommonJS(WebNativeImageDemo_exports);
|
|
28
|
-
var import_jsx_runtime = require("react/jsx-runtime")
|
|
29
|
-
|
|
30
|
+
var import_jsx_runtime = require("react/jsx-runtime");
|
|
31
|
+
var import_image = require("@hanzogui/image");
|
|
30
32
|
function WebNativeImageDemo() {
|
|
31
33
|
return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_image.Image, {
|
|
32
34
|
src: "https://picsum.photos/200/300",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","WebNativeImageDemo_exports","__export","WebNativeImageDemo","module","exports","import_jsx_runtime","require","import_image","jsx","Image"],"sources":["../../src/WebNativeImageDemo.tsx"],"sourcesContent":[null],"mappings":"
|
|
1
|
+
{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","WebNativeImageDemo_exports","__export","WebNativeImageDemo","module","exports","import_jsx_runtime","require","import_image","jsx","Image"],"sources":["../../src/WebNativeImageDemo.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,0BAAA;AAAAC,QAAA,CAAAD,0BAAA;EAAAE,kBAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAT,YAAsB,CAAAK,0BAAA;AAGb,IAAAK,kBAAA,GAAAC,OAAA;AADF,IAAAC,YAAS,GAAAD,OAAA,kBAAqB;AACnC,SAAOJ,mBAAA;EACT,0BAAAG,kBAAA,CAAAG,GAAA,EAAAD,YAAA,CAAAE,KAAA","ignoreList":[]}
|