@hanzogui/demos 8.0.0 → 8.0.2
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 +16 -16
- package/dist/cjs/AccordionDemo.native.js +16 -16
- package/dist/cjs/AccordionDemo.native.js.map +1 -1
- package/dist/cjs/AddThemeDemo.cjs +6 -6
- package/dist/cjs/AddThemeDemo.native.js +6 -6
- package/dist/cjs/AddThemeDemo.native.js.map +1 -1
- package/dist/cjs/AlertDialogDemo.cjs +15 -15
- package/dist/cjs/AlertDialogDemo.native.js +15 -15
- package/dist/cjs/AlertDialogDemo.native.js.map +1 -1
- package/dist/cjs/AnimationsDelayDemo.cjs +8 -8
- package/dist/cjs/AnimationsDelayDemo.native.js +8 -8
- package/dist/cjs/AnimationsDelayDemo.native.js.map +1 -1
- package/dist/cjs/AnimationsDemo.cjs +6 -6
- package/dist/cjs/AnimationsDemo.native.js +6 -6
- package/dist/cjs/AnimationsDemo.native.js.map +1 -1
- package/dist/cjs/AnimationsEnterDemo.cjs +5 -5
- package/dist/cjs/AnimationsEnterDemo.native.js +5 -5
- package/dist/cjs/AnimationsEnterDemo.native.js.map +1 -1
- package/dist/cjs/AnimationsHoverDemo.cjs +2 -2
- package/dist/cjs/AnimationsHoverDemo.native.js +2 -2
- package/dist/cjs/AnimationsHoverDemo.native.js.map +1 -1
- package/dist/cjs/AnimationsPresenceDemo.cjs +6 -6
- package/dist/cjs/AnimationsPresenceDemo.native.js +6 -6
- package/dist/cjs/AnimationsPresenceDemo.native.js.map +1 -1
- package/dist/cjs/AnimationsTimingDemo.cjs +2 -2
- package/dist/cjs/AnimationsTimingDemo.native.js +2 -2
- package/dist/cjs/AnimationsTimingDemo.native.js.map +1 -1
- package/dist/cjs/AvatarDemo.cjs +8 -8
- package/dist/cjs/AvatarDemo.native.js +8 -8
- package/dist/cjs/AvatarDemo.native.js.map +1 -1
- package/dist/cjs/BoxShadowTokenDemo.cjs +6 -6
- package/dist/cjs/BoxShadowTokenDemo.native.js +6 -6
- package/dist/cjs/BoxShadowTokenDemo.native.js.map +1 -1
- package/dist/cjs/BrandTokensDemo.cjs +137 -0
- package/dist/cjs/BrandTokensDemo.native.js +145 -0
- package/dist/cjs/BrandTokensDemo.native.js.map +1 -0
- package/dist/cjs/BuildAButtonDemo.cjs +12 -12
- package/dist/cjs/BuildAButtonDemo.native.js +12 -12
- package/dist/cjs/BuildAButtonDemo.native.js.map +1 -1
- package/dist/cjs/ButtonDemo.cjs +8 -8
- package/dist/cjs/ButtonDemo.native.js +8 -8
- package/dist/cjs/ButtonDemo.native.js.map +1 -1
- package/dist/cjs/CardDemo.cjs +12 -12
- package/dist/cjs/CardDemo.native.js +12 -12
- package/dist/cjs/CardDemo.native.js.map +1 -1
- package/dist/cjs/CheckboxDemo.cjs +8 -8
- package/dist/cjs/CheckboxDemo.native.js +8 -8
- package/dist/cjs/CheckboxDemo.native.js.map +1 -1
- package/dist/cjs/CheckboxHeadlessDemo.cjs +4 -4
- package/dist/cjs/CheckboxHeadlessDemo.native.js +4 -4
- package/dist/cjs/CheckboxHeadlessDemo.native.js.map +1 -1
- package/dist/cjs/CheckboxUnstyledDemo.cjs +4 -4
- package/dist/cjs/CheckboxUnstyledDemo.native.js +4 -4
- package/dist/cjs/CheckboxUnstyledDemo.native.js.map +1 -1
- package/dist/cjs/ColorsDemo.cjs +13 -13
- package/dist/cjs/ColorsDemo.native.js +13 -13
- package/dist/cjs/ColorsDemo.native.js.map +1 -1
- package/dist/cjs/ContextMenuDemo.cjs +5 -5
- package/dist/cjs/ContextMenuDemo.native.js +5 -5
- package/dist/cjs/ContextMenuDemo.native.js.map +1 -1
- package/dist/cjs/DialogDemo.cjs +40 -40
- package/dist/cjs/DialogDemo.native.js +40 -40
- package/dist/cjs/DialogDemo.native.js.map +1 -1
- package/dist/cjs/FormsDemo.cjs +8 -8
- package/dist/cjs/FormsDemo.native.js +8 -8
- package/dist/cjs/FormsDemo.native.js.map +1 -1
- package/dist/cjs/GroupDemo.cjs +21 -21
- package/dist/cjs/GroupDemo.native.js +21 -21
- package/dist/cjs/GroupDemo.native.js.map +1 -1
- package/dist/cjs/HeadingsDemo.cjs +8 -8
- package/dist/cjs/HeadingsDemo.native.js +8 -8
- package/dist/cjs/HeadingsDemo.native.js.map +1 -1
- package/dist/cjs/InputsDemo.cjs +6 -6
- package/dist/cjs/InputsDemo.native.js +6 -6
- package/dist/cjs/InputsDemo.native.js.map +1 -1
- package/dist/cjs/LabelDemo.cjs +9 -9
- package/dist/cjs/LabelDemo.native.js +9 -9
- package/dist/cjs/LabelDemo.native.js.map +1 -1
- package/dist/cjs/LinearGradientDemo.cjs +2 -2
- package/dist/cjs/LinearGradientDemo.native.js +2 -2
- package/dist/cjs/LinearGradientDemo.native.js.map +1 -1
- package/dist/cjs/ListItemDemo.cjs +18 -18
- package/dist/cjs/ListItemDemo.native.js +18 -18
- package/dist/cjs/ListItemDemo.native.js.map +1 -1
- package/dist/cjs/LucideIconsDemo.cjs +7 -7
- package/dist/cjs/LucideIconsDemo.native.js +7 -7
- package/dist/cjs/LucideIconsDemo.native.js.map +1 -1
- package/dist/cjs/MenuDemo.cjs +2 -2
- package/dist/cjs/MenuDemo.native.js +2 -2
- package/dist/cjs/MenuDemo.native.js.map +1 -1
- package/dist/cjs/NewInputsDemo.cjs +4 -4
- package/dist/cjs/NewInputsDemo.native.js +4 -4
- package/dist/cjs/NewInputsDemo.native.js.map +1 -1
- package/dist/cjs/PopoverDemo.cjs +19 -19
- package/dist/cjs/PopoverDemo.native.js +19 -19
- package/dist/cjs/PopoverDemo.native.js.map +1 -1
- package/dist/cjs/ProgressDemo.cjs +8 -8
- package/dist/cjs/ProgressDemo.native.js +8 -8
- package/dist/cjs/ProgressDemo.native.js.map +1 -1
- package/dist/cjs/RadioGroupDemo.cjs +8 -8
- package/dist/cjs/RadioGroupDemo.native.js +8 -8
- package/dist/cjs/RadioGroupDemo.native.js.map +1 -1
- package/dist/cjs/RadioGroupHeadlessDemo.cjs +4 -4
- package/dist/cjs/RadioGroupHeadlessDemo.native.js +4 -4
- package/dist/cjs/RadioGroupHeadlessDemo.native.js.map +1 -1
- package/dist/cjs/RadioGroupUnstyledDemo.cjs +7 -7
- package/dist/cjs/RadioGroupUnstyledDemo.native.js +7 -7
- package/dist/cjs/RadioGroupUnstyledDemo.native.js.map +1 -1
- package/dist/cjs/ReplaceThemeDemo.cjs +8 -8
- package/dist/cjs/ReplaceThemeDemo.native.js +8 -8
- package/dist/cjs/ReplaceThemeDemo.native.js.map +1 -1
- package/dist/cjs/ScrollViewDemo.cjs +11 -11
- package/dist/cjs/ScrollViewDemo.native.js +11 -11
- package/dist/cjs/ScrollViewDemo.native.js.map +1 -1
- package/dist/cjs/SelectDemo.cjs +30 -30
- package/dist/cjs/SelectDemo.native.js +30 -30
- package/dist/cjs/SelectDemo.native.js.map +1 -1
- package/dist/cjs/SeparatorDemo.cjs +11 -11
- package/dist/cjs/SeparatorDemo.native.js +11 -11
- package/dist/cjs/SeparatorDemo.native.js.map +1 -1
- package/dist/cjs/ShapesDemo.cjs +4 -4
- package/dist/cjs/ShapesDemo.native.js +4 -4
- package/dist/cjs/ShapesDemo.native.js.map +1 -1
- package/dist/cjs/SheetDemo.cjs +16 -16
- package/dist/cjs/SheetDemo.native.js +16 -16
- package/dist/cjs/SheetDemo.native.js.map +1 -1
- package/dist/cjs/SliderDemo.cjs +6 -6
- package/dist/cjs/SliderDemo.native.js +6 -6
- package/dist/cjs/SliderDemo.native.js.map +1 -1
- package/dist/cjs/SpinnerDemo.cjs +4 -4
- package/dist/cjs/SpinnerDemo.native.js +4 -4
- package/dist/cjs/SpinnerDemo.native.js.map +1 -1
- package/dist/cjs/StacksDemo.cjs +14 -14
- package/dist/cjs/StacksDemo.native.js +14 -14
- package/dist/cjs/StacksDemo.native.js.map +1 -1
- package/dist/cjs/SwitchDemo.cjs +10 -10
- package/dist/cjs/SwitchDemo.native.js +10 -10
- package/dist/cjs/SwitchDemo.native.js.map +1 -1
- package/dist/cjs/SwitchHeadlessDemo.cjs +4 -4
- package/dist/cjs/SwitchHeadlessDemo.native.js +4 -4
- package/dist/cjs/SwitchHeadlessDemo.native.js.map +1 -1
- package/dist/cjs/SwitchUnstyledDemo.cjs +4 -4
- package/dist/cjs/SwitchUnstyledDemo.native.js +4 -4
- package/dist/cjs/SwitchUnstyledDemo.native.js.map +1 -1
- package/dist/cjs/TabsAdvancedDemo.cjs +33 -33
- package/dist/cjs/TabsAdvancedDemo.native.js +33 -33
- package/dist/cjs/TabsAdvancedDemo.native.js.map +1 -1
- package/dist/cjs/TabsDemo.cjs +31 -31
- package/dist/cjs/TabsDemo.native.js +31 -31
- package/dist/cjs/TabsDemo.native.js.map +1 -1
- package/dist/cjs/TabsHeadlessDemo.cjs +9 -9
- package/dist/cjs/TabsHeadlessDemo.native.js +9 -9
- package/dist/cjs/TabsHeadlessDemo.native.js.map +1 -1
- package/dist/cjs/TextDemo.cjs +8 -8
- package/dist/cjs/TextDemo.native.js +8 -8
- package/dist/cjs/TextDemo.native.js.map +1 -1
- package/dist/cjs/ThemeBuilderDemo.cjs +16 -16
- package/dist/cjs/ThemeBuilderDemo.native.js +16 -16
- package/dist/cjs/ThemeBuilderDemo.native.js.map +1 -1
- package/dist/cjs/ThemeInverseDemo.cjs +21 -21
- package/dist/cjs/ThemeInverseDemo.native.js +21 -21
- package/dist/cjs/ThemeInverseDemo.native.js.map +1 -1
- package/dist/cjs/ToastDemo.cjs +18 -18
- package/dist/cjs/ToastDemo.native.js +18 -18
- package/dist/cjs/ToastDemo.native.js.map +1 -1
- package/dist/cjs/ToastDuplicateDemo.cjs +6 -6
- package/dist/cjs/ToastDuplicateDemo.native.js +6 -6
- package/dist/cjs/ToastDuplicateDemo.native.js.map +1 -1
- package/dist/cjs/ToastV1Demo.cjs +13 -13
- package/dist/cjs/ToastV1Demo.native.js +13 -13
- package/dist/cjs/ToastV1Demo.native.js.map +1 -1
- package/dist/cjs/ToggleGroupDemo.cjs +12 -12
- package/dist/cjs/ToggleGroupDemo.native.js +12 -12
- package/dist/cjs/ToggleGroupDemo.native.js.map +1 -1
- package/dist/cjs/TokensDemo.cjs +14 -14
- package/dist/cjs/TokensDemo.native.js +14 -14
- package/dist/cjs/TokensDemo.native.js.map +1 -1
- package/dist/cjs/TooltipDemo.cjs +13 -13
- package/dist/cjs/TooltipDemo.native.js +13 -13
- package/dist/cjs/TooltipDemo.native.js.map +1 -1
- package/dist/cjs/UpdateThemeDemo.cjs +8 -8
- package/dist/cjs/UpdateThemeDemo.native.js +8 -8
- package/dist/cjs/UpdateThemeDemo.native.js.map +1 -1
- package/dist/cjs/hanzogui.config.cjs +2 -2
- package/dist/cjs/hanzogui.config.native.js +2 -2
- package/dist/cjs/hanzogui.config.native.js.map +1 -1
- package/dist/cjs/useOnIntersecting.cjs +4 -4
- package/dist/cjs/useOnIntersecting.native.js +4 -4
- package/dist/cjs/useOnIntersecting.native.js.map +1 -1
- package/dist/esm/AccordionDemo.mjs +1 -1
- package/dist/esm/AccordionDemo.native.js +1 -1
- package/dist/esm/AddThemeDemo.mjs +1 -1
- package/dist/esm/AddThemeDemo.native.js +1 -1
- package/dist/esm/AlertDialogDemo.mjs +1 -1
- package/dist/esm/AlertDialogDemo.native.js +1 -1
- package/dist/esm/AnimationsDelayDemo.mjs +1 -1
- package/dist/esm/AnimationsDelayDemo.native.js +1 -1
- package/dist/esm/AnimationsDemo.mjs +1 -1
- package/dist/esm/AnimationsDemo.native.js +1 -1
- package/dist/esm/AnimationsEnterDemo.mjs +1 -1
- package/dist/esm/AnimationsEnterDemo.native.js +1 -1
- package/dist/esm/AnimationsHoverDemo.mjs +1 -1
- package/dist/esm/AnimationsHoverDemo.native.js +1 -1
- package/dist/esm/AnimationsPresenceDemo.mjs +1 -1
- package/dist/esm/AnimationsPresenceDemo.native.js +1 -1
- package/dist/esm/AnimationsTimingDemo.mjs +1 -1
- package/dist/esm/AnimationsTimingDemo.native.js +1 -1
- package/dist/esm/AvatarDemo.mjs +1 -1
- package/dist/esm/AvatarDemo.native.js +1 -1
- package/dist/esm/BoxShadowTokenDemo.mjs +1 -1
- package/dist/esm/BoxShadowTokenDemo.native.js +1 -1
- package/dist/esm/BrandTokensDemo.mjs +112 -0
- package/dist/esm/BrandTokensDemo.mjs.map +1 -0
- package/dist/esm/BrandTokensDemo.native.js +117 -0
- package/dist/esm/BrandTokensDemo.native.js.map +1 -0
- package/dist/esm/BuildAButtonDemo.mjs +1 -1
- package/dist/esm/BuildAButtonDemo.native.js +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 +1 -1
- package/dist/esm/CheckboxDemo.native.js +1 -1
- package/dist/esm/CheckboxHeadlessDemo.mjs +1 -1
- package/dist/esm/CheckboxHeadlessDemo.native.js +1 -1
- package/dist/esm/CheckboxUnstyledDemo.mjs +1 -1
- package/dist/esm/CheckboxUnstyledDemo.native.js +1 -1
- package/dist/esm/ColorsDemo.mjs +1 -1
- package/dist/esm/ColorsDemo.native.js +1 -1
- package/dist/esm/ContextMenuDemo.mjs +1 -1
- package/dist/esm/ContextMenuDemo.native.js +1 -1
- package/dist/esm/DialogDemo.mjs +1 -1
- package/dist/esm/DialogDemo.native.js +1 -1
- package/dist/esm/FormsDemo.mjs +1 -1
- package/dist/esm/FormsDemo.native.js +1 -1
- package/dist/esm/GroupDemo.mjs +1 -1
- package/dist/esm/GroupDemo.native.js +1 -1
- package/dist/esm/HeadingsDemo.mjs +1 -1
- package/dist/esm/HeadingsDemo.native.js +1 -1
- package/dist/esm/InputsDemo.mjs +1 -1
- package/dist/esm/InputsDemo.native.js +1 -1
- package/dist/esm/LabelDemo.mjs +1 -1
- package/dist/esm/LabelDemo.native.js +1 -1
- package/dist/esm/LinearGradientDemo.mjs +1 -1
- package/dist/esm/LinearGradientDemo.native.js +1 -1
- package/dist/esm/LinearGradientDemo.native.js.map +1 -1
- package/dist/esm/ListItemDemo.mjs +1 -1
- package/dist/esm/ListItemDemo.native.js +1 -1
- package/dist/esm/LucideIconsDemo.mjs +1 -1
- package/dist/esm/LucideIconsDemo.native.js +1 -1
- package/dist/esm/MenuDemo.mjs +1 -1
- package/dist/esm/MenuDemo.native.js +1 -1
- package/dist/esm/NewInputsDemo.mjs +1 -1
- package/dist/esm/NewInputsDemo.native.js +1 -1
- package/dist/esm/PopoverDemo.mjs +1 -1
- package/dist/esm/PopoverDemo.native.js +1 -1
- package/dist/esm/ProgressDemo.mjs +1 -1
- package/dist/esm/ProgressDemo.native.js +1 -1
- package/dist/esm/RadioGroupDemo.mjs +1 -1
- package/dist/esm/RadioGroupDemo.native.js +1 -1
- package/dist/esm/RadioGroupHeadlessDemo.mjs +1 -1
- package/dist/esm/RadioGroupHeadlessDemo.native.js +1 -1
- package/dist/esm/RadioGroupHeadlessDemo.native.js.map +1 -1
- package/dist/esm/RadioGroupUnstyledDemo.mjs +1 -1
- package/dist/esm/RadioGroupUnstyledDemo.native.js +1 -1
- package/dist/esm/ReplaceThemeDemo.mjs +1 -1
- package/dist/esm/ReplaceThemeDemo.native.js +1 -1
- package/dist/esm/ScrollViewDemo.mjs +1 -1
- package/dist/esm/ScrollViewDemo.native.js +1 -1
- package/dist/esm/SelectDemo.mjs +2 -2
- package/dist/esm/SelectDemo.native.js +2 -2
- package/dist/esm/SeparatorDemo.mjs +1 -1
- package/dist/esm/SeparatorDemo.native.js +1 -1
- package/dist/esm/ShapesDemo.mjs +1 -1
- package/dist/esm/ShapesDemo.native.js +1 -1
- package/dist/esm/SheetDemo.mjs +1 -1
- package/dist/esm/SheetDemo.native.js +1 -1
- package/dist/esm/SliderDemo.mjs +1 -1
- package/dist/esm/SliderDemo.native.js +1 -1
- package/dist/esm/SpinnerDemo.mjs +1 -1
- package/dist/esm/SpinnerDemo.native.js +1 -1
- package/dist/esm/StacksDemo.mjs +1 -1
- package/dist/esm/StacksDemo.native.js +1 -1
- package/dist/esm/SwitchDemo.mjs +1 -1
- package/dist/esm/SwitchDemo.native.js +1 -1
- package/dist/esm/SwitchHeadlessDemo.mjs +1 -1
- package/dist/esm/SwitchHeadlessDemo.native.js +1 -1
- package/dist/esm/SwitchUnstyledDemo.mjs +1 -1
- package/dist/esm/SwitchUnstyledDemo.native.js +1 -1
- package/dist/esm/TabsAdvancedDemo.mjs +1 -1
- package/dist/esm/TabsAdvancedDemo.native.js +1 -1
- package/dist/esm/TabsDemo.mjs +1 -1
- package/dist/esm/TabsDemo.native.js +1 -1
- package/dist/esm/TabsHeadlessDemo.mjs +1 -1
- package/dist/esm/TabsHeadlessDemo.native.js +1 -1
- package/dist/esm/TextDemo.mjs +1 -1
- package/dist/esm/TextDemo.native.js +1 -1
- package/dist/esm/ThemeBuilderDemo.mjs +1 -1
- package/dist/esm/ThemeBuilderDemo.native.js +1 -1
- package/dist/esm/ThemeInverseDemo.mjs +1 -1
- package/dist/esm/ThemeInverseDemo.native.js +1 -1
- package/dist/esm/ToastDemo.mjs +2 -2
- package/dist/esm/ToastDemo.native.js +2 -2
- package/dist/esm/ToastDuplicateDemo.mjs +1 -1
- package/dist/esm/ToastDuplicateDemo.native.js +1 -1
- package/dist/esm/ToastV1Demo.mjs +1 -1
- package/dist/esm/ToastV1Demo.native.js +1 -1
- package/dist/esm/ToggleGroupDemo.mjs +1 -1
- package/dist/esm/ToggleGroupDemo.native.js +1 -1
- package/dist/esm/TokensDemo.mjs +1 -1
- package/dist/esm/TokensDemo.native.js +1 -1
- package/dist/esm/TooltipDemo.mjs +1 -1
- package/dist/esm/TooltipDemo.native.js +1 -1
- package/dist/esm/UpdateThemeDemo.mjs +1 -1
- package/dist/esm/UpdateThemeDemo.native.js +1 -1
- package/dist/esm/hanzogui.config.mjs +1 -1
- package/dist/esm/hanzogui.config.native.js +1 -1
- package/dist/esm/useOnIntersecting.mjs +1 -1
- package/dist/esm/useOnIntersecting.native.js +1 -1
- package/package.json +4 -4
- package/src/AccordionDemo.tsx +1 -1
- package/src/AddThemeDemo.tsx +1 -1
- package/src/AlertDialogDemo.tsx +1 -1
- package/src/AnimationsDelayDemo.tsx +1 -1
- package/src/AnimationsDemo.tsx +1 -1
- package/src/AnimationsEnterDemo.tsx +1 -1
- package/src/AnimationsHoverDemo.tsx +1 -1
- package/src/AnimationsPresenceDemo.tsx +1 -1
- package/src/AnimationsTimingDemo.tsx +1 -1
- package/src/AvatarDemo.tsx +1 -1
- package/src/BoxShadowTokenDemo.tsx +1 -1
- package/src/BrandTokensDemo.tsx +105 -0
- package/src/BuildAButtonDemo.tsx +2 -2
- package/src/ButtonDemo.tsx +1 -1
- package/src/CardDemo.tsx +2 -2
- package/src/CheckboxDemo.tsx +2 -2
- package/src/CheckboxHeadlessDemo.tsx +1 -1
- package/src/CheckboxUnstyledDemo.tsx +1 -1
- package/src/ColorsDemo.tsx +1 -1
- package/src/ContextMenuDemo.tsx +1 -1
- package/src/DialogDemo.tsx +1 -1
- package/src/FormsDemo.tsx +2 -2
- package/src/GroupDemo.tsx +1 -1
- package/src/HeadingsDemo.tsx +1 -1
- package/src/InputsDemo.tsx +2 -2
- package/src/LabelDemo.tsx +1 -1
- package/src/LinearGradientDemo.tsx +1 -1
- package/src/ListItemDemo.tsx +1 -1
- package/src/LucideIconsDemo.tsx +1 -1
- package/src/MenuDemo.tsx +1 -1
- package/src/NewInputsDemo.tsx +2 -2
- package/src/PopoverDemo.tsx +2 -2
- package/src/ProgressDemo.tsx +1 -1
- package/src/RadioGroupDemo.tsx +2 -2
- package/src/RadioGroupHeadlessDemo.tsx +1 -1
- package/src/RadioGroupUnstyledDemo.tsx +1 -1
- package/src/ReplaceThemeDemo.tsx +1 -1
- package/src/ScrollViewDemo.tsx +1 -1
- package/src/SelectDemo.tsx +3 -3
- package/src/SeparatorDemo.tsx +1 -1
- package/src/ShapesDemo.tsx +1 -1
- package/src/SheetDemo.tsx +1 -1
- package/src/SliderDemo.tsx +2 -2
- package/src/SpinnerDemo.tsx +1 -1
- package/src/StacksDemo.tsx +1 -1
- package/src/SwitchDemo.tsx +2 -2
- package/src/SwitchHeadlessDemo.tsx +1 -1
- package/src/SwitchUnstyledDemo.tsx +1 -1
- package/src/TabsAdvancedDemo.tsx +2 -2
- package/src/TabsDemo.tsx +2 -2
- package/src/TabsHeadlessDemo.tsx +1 -1
- package/src/TextDemo.tsx +1 -1
- package/src/ThemeBuilderDemo.tsx +2 -2
- package/src/ThemeInverseDemo.tsx +1 -1
- package/src/ToastDemo.tsx +2 -2
- package/src/ToastDuplicateDemo.tsx +1 -1
- package/src/ToastV1Demo.tsx +1 -1
- package/src/ToggleGroupDemo.tsx +1 -1
- package/src/TokensDemo.tsx +1 -1
- package/src/TooltipDemo.tsx +2 -2
- package/src/UpdateThemeDemo.tsx +1 -1
- package/src/hanzogui.config.ts +1 -1
- package/src/useOnIntersecting.tsx +1 -1
|
@@ -25,13 +25,13 @@ __export(ThemeBuilderDemo_exports, {
|
|
|
25
25
|
ThemeBuilderDemo: () => ThemeBuilderDemo
|
|
26
26
|
});
|
|
27
27
|
module.exports = __toCommonJS(ThemeBuilderDemo_exports);
|
|
28
|
-
var
|
|
28
|
+
var import_gui = require("@hanzo/gui");
|
|
29
29
|
var import_jsx_runtime = require("react/jsx-runtime");
|
|
30
30
|
function ThemeBuilderDemo() {
|
|
31
|
-
return /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
31
|
+
return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.YStack, {
|
|
32
32
|
fullscreen: true,
|
|
33
33
|
overflow: "hidden",
|
|
34
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
34
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.XStack, {
|
|
35
35
|
maxH: 200,
|
|
36
36
|
y: -100,
|
|
37
37
|
x: -50,
|
|
@@ -100,76 +100,76 @@ function ThemeBuilderDemo() {
|
|
|
100
100
|
}
|
|
101
101
|
function Col(props) {
|
|
102
102
|
const subTheme = props.subTheme ? `_${props.subTheme}` : "";
|
|
103
|
-
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
103
|
+
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.YStack, {
|
|
104
104
|
p: "$2.5",
|
|
105
105
|
gap: "$3.5",
|
|
106
|
-
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
106
|
+
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Square, {
|
|
107
107
|
rounded: "$6",
|
|
108
108
|
size: "$10",
|
|
109
109
|
theme: props.subTheme,
|
|
110
110
|
bg: "$background",
|
|
111
111
|
...props
|
|
112
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
112
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Square, {
|
|
113
113
|
rounded: "$6",
|
|
114
114
|
size: "$10",
|
|
115
115
|
theme: "orange" + subTheme,
|
|
116
116
|
bg: "$background",
|
|
117
117
|
...props
|
|
118
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
118
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Square, {
|
|
119
119
|
rounded: "$6",
|
|
120
120
|
size: "$10",
|
|
121
121
|
theme: "yellow" + subTheme,
|
|
122
122
|
bg: "$background",
|
|
123
123
|
...props
|
|
124
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
124
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Square, {
|
|
125
125
|
rounded: "$6",
|
|
126
126
|
size: "$10",
|
|
127
127
|
theme: "green" + subTheme,
|
|
128
128
|
bg: "$background",
|
|
129
129
|
...props
|
|
130
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
130
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Square, {
|
|
131
131
|
rounded: "$6",
|
|
132
132
|
size: "$10",
|
|
133
133
|
theme: "blue" + subTheme,
|
|
134
134
|
bg: "$background",
|
|
135
135
|
...props
|
|
136
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
136
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Square, {
|
|
137
137
|
rounded: "$6",
|
|
138
138
|
size: "$10",
|
|
139
139
|
theme: "purple" + subTheme,
|
|
140
140
|
bg: "$background",
|
|
141
141
|
...props
|
|
142
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
142
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Square, {
|
|
143
143
|
rounded: "$6",
|
|
144
144
|
size: "$10",
|
|
145
145
|
theme: "pink" + subTheme,
|
|
146
146
|
bg: "$background",
|
|
147
147
|
...props
|
|
148
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
148
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Square, {
|
|
149
149
|
rounded: "$6",
|
|
150
150
|
size: "$10",
|
|
151
151
|
theme: "red" + subTheme,
|
|
152
152
|
bg: "$background",
|
|
153
153
|
...props
|
|
154
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
154
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Square, {
|
|
155
155
|
rounded: "$6",
|
|
156
156
|
size: "$10",
|
|
157
157
|
theme: props.subTheme,
|
|
158
158
|
bg: "$background",
|
|
159
159
|
...props
|
|
160
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
160
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Square, {
|
|
161
161
|
rounded: "$6",
|
|
162
162
|
size: "$10",
|
|
163
163
|
theme: "orange" + subTheme,
|
|
164
164
|
bg: "$background",
|
|
165
165
|
...props
|
|
166
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
166
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Square, {
|
|
167
167
|
rounded: "$6",
|
|
168
168
|
size: "$10",
|
|
169
169
|
theme: "yellow" + subTheme,
|
|
170
170
|
bg: "$background",
|
|
171
171
|
...props
|
|
172
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
172
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Square, {
|
|
173
173
|
rounded: "$6",
|
|
174
174
|
size: "$10",
|
|
175
175
|
theme: "green" + subTheme,
|
|
@@ -28,12 +28,12 @@ __export(ThemeBuilderDemo_exports, {
|
|
|
28
28
|
});
|
|
29
29
|
module.exports = __toCommonJS(ThemeBuilderDemo_exports);
|
|
30
30
|
var import_jsx_runtime = require("react/jsx-runtime");
|
|
31
|
-
var
|
|
31
|
+
var import_gui = require("@hanzo/gui");
|
|
32
32
|
function ThemeBuilderDemo() {
|
|
33
|
-
return /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
33
|
+
return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.YStack, {
|
|
34
34
|
fullscreen: true,
|
|
35
35
|
overflow: "hidden",
|
|
36
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
36
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.XStack, {
|
|
37
37
|
maxH: 200,
|
|
38
38
|
y: -100,
|
|
39
39
|
x: -50,
|
|
@@ -102,76 +102,76 @@ function ThemeBuilderDemo() {
|
|
|
102
102
|
}
|
|
103
103
|
function Col(props) {
|
|
104
104
|
var subTheme = props.subTheme ? `_${props.subTheme}` : "";
|
|
105
|
-
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
105
|
+
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.YStack, {
|
|
106
106
|
p: "$2.5",
|
|
107
107
|
gap: "$3.5",
|
|
108
|
-
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
108
|
+
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Square, {
|
|
109
109
|
rounded: "$6",
|
|
110
110
|
size: "$10",
|
|
111
111
|
theme: props.subTheme,
|
|
112
112
|
bg: "$background",
|
|
113
113
|
...props
|
|
114
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
114
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Square, {
|
|
115
115
|
rounded: "$6",
|
|
116
116
|
size: "$10",
|
|
117
117
|
theme: "orange" + subTheme,
|
|
118
118
|
bg: "$background",
|
|
119
119
|
...props
|
|
120
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
120
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Square, {
|
|
121
121
|
rounded: "$6",
|
|
122
122
|
size: "$10",
|
|
123
123
|
theme: "yellow" + subTheme,
|
|
124
124
|
bg: "$background",
|
|
125
125
|
...props
|
|
126
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
126
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Square, {
|
|
127
127
|
rounded: "$6",
|
|
128
128
|
size: "$10",
|
|
129
129
|
theme: "green" + subTheme,
|
|
130
130
|
bg: "$background",
|
|
131
131
|
...props
|
|
132
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
132
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Square, {
|
|
133
133
|
rounded: "$6",
|
|
134
134
|
size: "$10",
|
|
135
135
|
theme: "blue" + subTheme,
|
|
136
136
|
bg: "$background",
|
|
137
137
|
...props
|
|
138
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
138
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Square, {
|
|
139
139
|
rounded: "$6",
|
|
140
140
|
size: "$10",
|
|
141
141
|
theme: "purple" + subTheme,
|
|
142
142
|
bg: "$background",
|
|
143
143
|
...props
|
|
144
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
144
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Square, {
|
|
145
145
|
rounded: "$6",
|
|
146
146
|
size: "$10",
|
|
147
147
|
theme: "pink" + subTheme,
|
|
148
148
|
bg: "$background",
|
|
149
149
|
...props
|
|
150
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
150
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Square, {
|
|
151
151
|
rounded: "$6",
|
|
152
152
|
size: "$10",
|
|
153
153
|
theme: "red" + subTheme,
|
|
154
154
|
bg: "$background",
|
|
155
155
|
...props
|
|
156
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
156
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Square, {
|
|
157
157
|
rounded: "$6",
|
|
158
158
|
size: "$10",
|
|
159
159
|
theme: props.subTheme,
|
|
160
160
|
bg: "$background",
|
|
161
161
|
...props
|
|
162
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
162
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Square, {
|
|
163
163
|
rounded: "$6",
|
|
164
164
|
size: "$10",
|
|
165
165
|
theme: "orange" + subTheme,
|
|
166
166
|
bg: "$background",
|
|
167
167
|
...props
|
|
168
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
168
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Square, {
|
|
169
169
|
rounded: "$6",
|
|
170
170
|
size: "$10",
|
|
171
171
|
theme: "yellow" + subTheme,
|
|
172
172
|
bg: "$background",
|
|
173
173
|
...props
|
|
174
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
174
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Square, {
|
|
175
175
|
rounded: "$6",
|
|
176
176
|
size: "$10",
|
|
177
177
|
theme: "green" + subTheme,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","ThemeBuilderDemo_exports","__export","ThemeBuilderDemo","module","exports","import_jsx_runtime","require","
|
|
1
|
+
{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","ThemeBuilderDemo_exports","__export","ThemeBuilderDemo","module","exports","import_jsx_runtime","require","import_gui","jsx","YStack","fullscreen","overflow","children","jsxs","XStack","maxH","y","x","rotate","Col","bg","size","props","subTheme","p","gap","Square","rounded","theme"],"sources":["../../src/ThemeBuilderDemo.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
|
|
@@ -25,73 +25,73 @@ __export(ThemeInverseDemo_exports, {
|
|
|
25
25
|
ThemeInverseDemo: () => ThemeInverseDemo
|
|
26
26
|
});
|
|
27
27
|
module.exports = __toCommonJS(ThemeInverseDemo_exports);
|
|
28
|
-
var
|
|
28
|
+
var import_gui = require("@hanzo/gui");
|
|
29
29
|
var import_jsx_runtime = require("react/jsx-runtime");
|
|
30
30
|
function ThemeInverseDemo() {
|
|
31
|
-
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
31
|
+
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.XStack, {
|
|
32
32
|
gap: "$4",
|
|
33
33
|
flexWrap: "wrap",
|
|
34
|
-
children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
34
|
+
children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.YStack, {
|
|
35
35
|
elevation: "$4",
|
|
36
36
|
bg: "$background",
|
|
37
37
|
p: "$4",
|
|
38
38
|
rounded: "$4",
|
|
39
39
|
gap: "$3",
|
|
40
|
-
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
40
|
+
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.H5, {
|
|
41
41
|
children: "Base Theme"
|
|
42
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
42
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Button, {
|
|
43
43
|
children: "Normal"
|
|
44
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
44
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Button, {
|
|
45
45
|
theme: "accent",
|
|
46
46
|
children: "Accent"
|
|
47
47
|
})]
|
|
48
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
48
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Theme, {
|
|
49
49
|
name: "red",
|
|
50
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
50
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.YStack, {
|
|
51
51
|
elevation: "$4",
|
|
52
52
|
bg: "$background",
|
|
53
53
|
p: "$4",
|
|
54
54
|
rounded: "$4",
|
|
55
55
|
gap: "$3",
|
|
56
|
-
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
56
|
+
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.H5, {
|
|
57
57
|
children: "Red Theme"
|
|
58
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
58
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Button, {
|
|
59
59
|
children: "Normal"
|
|
60
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
60
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Button, {
|
|
61
61
|
theme: "accent",
|
|
62
62
|
children: "Accent"
|
|
63
63
|
})]
|
|
64
64
|
})
|
|
65
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
65
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Theme, {
|
|
66
66
|
name: "blue",
|
|
67
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
67
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.YStack, {
|
|
68
68
|
elevation: "$4",
|
|
69
69
|
bg: "$background",
|
|
70
70
|
p: "$4",
|
|
71
71
|
rounded: "$4",
|
|
72
72
|
gap: "$3",
|
|
73
|
-
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
73
|
+
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.H5, {
|
|
74
74
|
children: "Blue Theme"
|
|
75
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
75
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Button, {
|
|
76
76
|
children: "Normal"
|
|
77
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
77
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Button, {
|
|
78
78
|
theme: "accent",
|
|
79
79
|
children: "Accent"
|
|
80
80
|
})]
|
|
81
81
|
})
|
|
82
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
82
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Theme, {
|
|
83
83
|
name: "green",
|
|
84
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
84
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.YStack, {
|
|
85
85
|
elevation: "$4",
|
|
86
86
|
bg: "$background",
|
|
87
87
|
p: "$4",
|
|
88
88
|
rounded: "$4",
|
|
89
89
|
gap: "$3",
|
|
90
|
-
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
90
|
+
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.H5, {
|
|
91
91
|
children: "Green Theme"
|
|
92
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
92
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Button, {
|
|
93
93
|
children: "Normal"
|
|
94
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
94
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Button, {
|
|
95
95
|
theme: "accent",
|
|
96
96
|
children: "Accent"
|
|
97
97
|
})]
|
|
@@ -28,72 +28,72 @@ __export(ThemeInverseDemo_exports, {
|
|
|
28
28
|
});
|
|
29
29
|
module.exports = __toCommonJS(ThemeInverseDemo_exports);
|
|
30
30
|
var import_jsx_runtime = require("react/jsx-runtime");
|
|
31
|
-
var
|
|
31
|
+
var import_gui = require("@hanzo/gui");
|
|
32
32
|
function ThemeInverseDemo() {
|
|
33
|
-
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
33
|
+
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.XStack, {
|
|
34
34
|
gap: "$4",
|
|
35
35
|
flexWrap: "wrap",
|
|
36
|
-
children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
36
|
+
children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.YStack, {
|
|
37
37
|
elevation: "$4",
|
|
38
38
|
bg: "$background",
|
|
39
39
|
p: "$4",
|
|
40
40
|
rounded: "$4",
|
|
41
41
|
gap: "$3",
|
|
42
|
-
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
42
|
+
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.H5, {
|
|
43
43
|
children: "Base Theme"
|
|
44
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
44
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Button, {
|
|
45
45
|
children: "Normal"
|
|
46
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
46
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Button, {
|
|
47
47
|
theme: "accent",
|
|
48
48
|
children: "Accent"
|
|
49
49
|
})]
|
|
50
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
50
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Theme, {
|
|
51
51
|
name: "red",
|
|
52
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
52
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.YStack, {
|
|
53
53
|
elevation: "$4",
|
|
54
54
|
bg: "$background",
|
|
55
55
|
p: "$4",
|
|
56
56
|
rounded: "$4",
|
|
57
57
|
gap: "$3",
|
|
58
|
-
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
58
|
+
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.H5, {
|
|
59
59
|
children: "Red Theme"
|
|
60
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
60
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Button, {
|
|
61
61
|
children: "Normal"
|
|
62
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
62
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Button, {
|
|
63
63
|
theme: "accent",
|
|
64
64
|
children: "Accent"
|
|
65
65
|
})]
|
|
66
66
|
})
|
|
67
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
67
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Theme, {
|
|
68
68
|
name: "blue",
|
|
69
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
69
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.YStack, {
|
|
70
70
|
elevation: "$4",
|
|
71
71
|
bg: "$background",
|
|
72
72
|
p: "$4",
|
|
73
73
|
rounded: "$4",
|
|
74
74
|
gap: "$3",
|
|
75
|
-
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
75
|
+
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.H5, {
|
|
76
76
|
children: "Blue Theme"
|
|
77
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
77
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Button, {
|
|
78
78
|
children: "Normal"
|
|
79
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
79
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Button, {
|
|
80
80
|
theme: "accent",
|
|
81
81
|
children: "Accent"
|
|
82
82
|
})]
|
|
83
83
|
})
|
|
84
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
84
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Theme, {
|
|
85
85
|
name: "green",
|
|
86
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
86
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.YStack, {
|
|
87
87
|
elevation: "$4",
|
|
88
88
|
bg: "$background",
|
|
89
89
|
p: "$4",
|
|
90
90
|
rounded: "$4",
|
|
91
91
|
gap: "$3",
|
|
92
|
-
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
92
|
+
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.H5, {
|
|
93
93
|
children: "Green Theme"
|
|
94
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
94
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Button, {
|
|
95
95
|
children: "Normal"
|
|
96
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
96
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Button, {
|
|
97
97
|
theme: "accent",
|
|
98
98
|
children: "Accent"
|
|
99
99
|
})]
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","ThemeInverseDemo_exports","__export","ThemeInverseDemo","module","exports","import_jsx_runtime","require","
|
|
1
|
+
{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","ThemeInverseDemo_exports","__export","ThemeInverseDemo","module","exports","import_jsx_runtime","require","import_gui","jsxs","XStack","gap","flexWrap","children","YStack","elevation","bg","p","rounded","jsx","H5","Button","theme"],"sources":["../../src/ThemeInverseDemo.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,GAAkDT,YAAA,CAAAK,wBAAA;AAK5C,IAAAK,kBAAA,GAAAC,OAAA;AAHC,IAAAC,UAAS,GAAAD,OAAA,aAAmB;AACjC,SACEJ,iBAAA;EACE,0BAAAG,kBAAA,CAAAG,IAAC,EAAAD,UAAA,CAAAE,MAAO;IACNC,GAAA;IAAcC,QACd;IAAcC,QACd,GAA6B,eAC/B,IAAAP,kBAAA,CAAAG,IAAA,EAAAD,UAAA,CAAAM,MAAA;MAEAC,SAAA;MAEIC,EAAA;MACAC,CAAA;MACAC,OAAA;MACFP,GACF;MAEAE,QAAA,GAEI,mBAAAP,kBAAA,CAAAa,GAAC,EAAAX,UAAA,CAAAY,EAAG;QACJP,QAAA;MACA,IAEJ,mBAAAP,kBAAA,CAAAa,GAAA,EAAAX,UAAA,CAAAa,MAAA;QAEAR,QAAA;MAEI,IACA,mBAAAP,kBAAA,CAAAa,GAAC,EAAAX,UAAA,CAAAa,MAAO;QACRC,KAAA;QAEJT,QAAA;MACF","ignoreList":[]}
|
package/dist/cjs/ToastDemo.cjs
CHANGED
|
@@ -25,11 +25,11 @@ __export(ToastDemo_exports, {
|
|
|
25
25
|
ToastDemo: () => ToastDemo
|
|
26
26
|
});
|
|
27
27
|
module.exports = __toCommonJS(ToastDemo_exports);
|
|
28
|
-
var
|
|
28
|
+
var import_gui = require("@hanzo/gui");
|
|
29
29
|
var import_v2 = require("@hanzogui/toast/v2");
|
|
30
30
|
var import_lucide_icons_2 = require("@hanzogui/lucide-icons-2");
|
|
31
31
|
var import_react = require("react");
|
|
32
|
-
var
|
|
32
|
+
var import_gui2 = require("@hanzo/gui");
|
|
33
33
|
var import_jsx_runtime = require("react/jsx-runtime");
|
|
34
34
|
const ToastDemo = () => {
|
|
35
35
|
const [position, setPosition] = (0, import_react.useState)("bottom-right");
|
|
@@ -64,14 +64,14 @@ const ToastDemo = () => {
|
|
|
64
64
|
})
|
|
65
65
|
}, t.id)
|
|
66
66
|
})
|
|
67
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
67
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui2.YStack, {
|
|
68
68
|
gap: "$3",
|
|
69
69
|
self: "center",
|
|
70
70
|
width: 280,
|
|
71
|
-
children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
71
|
+
children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui2.YStack, {
|
|
72
72
|
gap: "$2",
|
|
73
73
|
self: "center",
|
|
74
|
-
children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
74
|
+
children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui2.XStack, {
|
|
75
75
|
gap: "$2",
|
|
76
76
|
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(PositionButton, {
|
|
77
77
|
position: "top-left",
|
|
@@ -90,7 +90,7 @@ const ToastDemo = () => {
|
|
|
90
90
|
Icon: import_lucide_icons_2.ArrowUpRight,
|
|
91
91
|
testID: "toast-top-right-button"
|
|
92
92
|
})]
|
|
93
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
93
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui2.XStack, {
|
|
94
94
|
gap: "$2",
|
|
95
95
|
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(PositionButton, {
|
|
96
96
|
position: "bottom-left",
|
|
@@ -110,7 +110,7 @@ const ToastDemo = () => {
|
|
|
110
110
|
testID: "toast-show-button"
|
|
111
111
|
})]
|
|
112
112
|
})]
|
|
113
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
113
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui2.YStack, {
|
|
114
114
|
gap: "$1",
|
|
115
115
|
paddingTop: "$1",
|
|
116
116
|
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(DemoSlider, {
|
|
@@ -149,10 +149,10 @@ function ToastContent({
|
|
|
149
149
|
const title = typeof t.title === "function" ? t.title() : t.title;
|
|
150
150
|
const description = typeof t.description === "function" ? t.description() : t.description;
|
|
151
151
|
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
|
|
152
|
-
children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
152
|
+
children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui2.XStack, {
|
|
153
153
|
gap: "$3",
|
|
154
154
|
alignItems: "flex-start",
|
|
155
|
-
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_v2.Toast.Icon, {}), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
155
|
+
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_v2.Toast.Icon, {}), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui2.YStack, {
|
|
156
156
|
flex: 1,
|
|
157
157
|
gap: "$0.5",
|
|
158
158
|
children: [title && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_v2.Toast.Title, {
|
|
@@ -165,7 +165,7 @@ function ToastContent({
|
|
|
165
165
|
children: description
|
|
166
166
|
})]
|
|
167
167
|
})]
|
|
168
|
-
}),
|
|
168
|
+
}), import_gui.isWeb && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_v2.Toast.Close, {
|
|
169
169
|
testID: "toast-close-button",
|
|
170
170
|
position: "absolute",
|
|
171
171
|
top: -6,
|
|
@@ -183,29 +183,29 @@ function DemoSlider({
|
|
|
183
183
|
onChange,
|
|
184
184
|
format
|
|
185
185
|
}) {
|
|
186
|
-
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
186
|
+
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui2.XStack, {
|
|
187
187
|
gap: "$2",
|
|
188
188
|
alignItems: "center",
|
|
189
|
-
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
189
|
+
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui2.Label, {
|
|
190
190
|
size: "$2",
|
|
191
191
|
width: 55,
|
|
192
192
|
children: label
|
|
193
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(
|
|
193
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui2.Slider, {
|
|
194
194
|
flex: 1,
|
|
195
195
|
value: [value],
|
|
196
196
|
min,
|
|
197
197
|
max,
|
|
198
198
|
step,
|
|
199
199
|
onValueChange: ([v]) => onChange(v),
|
|
200
|
-
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
201
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
202
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
200
|
+
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui2.Slider.Track, {
|
|
201
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui2.Slider.TrackActive, {})
|
|
202
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui2.Slider.Thumb, {
|
|
203
203
|
theme: "accent",
|
|
204
204
|
size: 16,
|
|
205
205
|
borderRadius: 100,
|
|
206
206
|
index: 0
|
|
207
207
|
})]
|
|
208
|
-
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
208
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui2.SizableText, {
|
|
209
209
|
userSelect: "none",
|
|
210
210
|
size: "$2",
|
|
211
211
|
width: 35,
|
|
@@ -222,7 +222,7 @@ const PositionButton = ({
|
|
|
222
222
|
testID
|
|
223
223
|
}) => {
|
|
224
224
|
const isActive = position === current;
|
|
225
|
-
return /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
225
|
+
return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui2.Button, {
|
|
226
226
|
icon: Icon,
|
|
227
227
|
circular: true,
|
|
228
228
|
theme: isActive ? "accent" : void 0,
|