@hanzogui/demos 3.0.5 → 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 +11 -11
- package/src/MenuDemo.tsx +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","React","AnimatePresence","Button","H5","SizableText","Tabs","XStack","YStack","styled","demos","demosTitle","background","underline","TabsAdvancedDemo","demoIndex","setDemoIndex","useState","demo","children","TabsAdvancedUnderline","TabsAdvancedBackground","items","gap","position","b","l","$xxs","display","size","onPress","x","length","tabState","setTabState","activeAt","currentTab","intentAt","prevActiveAt","setCurrentTab","currentTab2","setIntentIndicator","intentAt2","setActiveIndicator","activeAt2","direction","handleOnInteraction","type","layout","value","onValueChange","orientation","p","height","flexDirection","activationMode","bg","rounded","TabsRovingIndicator","width","y","theme","List","loop","backgroundColor","Tab","unstyled","paddingVertical","paddingHorizontal","onInteraction","exitBeforeEnter","custom","initial","AnimatedYStack","Content","forceMount","flex","justify","text","active","borderBottomLeftRadius","borderBottomRightRadius","paddingBottom","borderColor","borderBottomWidth"],"sources":["../../src/TabsAdvancedDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAAOA,GAAA,IAAAC,IAAW,EAAAC,IAAA,IAAAC,KAAA,EAAAC,QAAA,IAAAC,SAAA;AAElB,OAAAC,KAAA;AAAA,SACEC,eAAA,EAAAC,MAAA,EAAAC,EAAA,EAAAC,WAAA,EAAAC,IAAA,EAAAC,MAAA,EAAAC,MAAA,EAAAC,MAAA;AAAA,IACAC,KAAA,IACA,cACA;
|
|
1
|
+
{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","React","AnimatePresence","Button","H5","SizableText","Tabs","XStack","YStack","styled","demos","demosTitle","background","underline","TabsAdvancedDemo","demoIndex","setDemoIndex","useState","demo","children","TabsAdvancedUnderline","TabsAdvancedBackground","items","gap","position","b","l","$xxs","display","size","onPress","x","length","tabState","setTabState","activeAt","currentTab","intentAt","prevActiveAt","setCurrentTab","currentTab2","setIntentIndicator","intentAt2","setActiveIndicator","activeAt2","direction","handleOnInteraction","type","layout","value","onValueChange","orientation","p","height","flexDirection","activationMode","bg","rounded","TabsRovingIndicator","width","y","theme","List","loop","backgroundColor","Tab","unstyled","paddingVertical","paddingHorizontal","onInteraction","exitBeforeEnter","custom","initial","AnimatedYStack","Content","forceMount","flex","justify","text","active","borderBottomLeftRadius","borderBottomRightRadius","paddingBottom","borderColor","borderBottomWidth"],"sources":["../../src/TabsAdvancedDemo.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
|
package/dist/esm/TabsDemo.mjs
CHANGED
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
import { Button, H5, Separator, SizableText, Tabs, XStack, YStack, isWeb, useWindowDimensions } from "@hanzo/gui";
|
|
3
3
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
4
|
-
const demos = ["horizontal", "vertical"]
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
4
|
+
const demos = ["horizontal", "vertical"];
|
|
5
|
+
const demosTitle = {
|
|
6
|
+
horizontal: "Horizontal",
|
|
7
|
+
vertical: "Vertical"
|
|
8
|
+
};
|
|
9
9
|
function TabsDemo() {
|
|
10
|
-
const [demoIndex, setDemoIndex] = React.useState(0)
|
|
11
|
-
|
|
10
|
+
const [demoIndex, setDemoIndex] = React.useState(0);
|
|
11
|
+
const demo = demos[demoIndex];
|
|
12
12
|
return /* @__PURE__ */jsxs(YStack, {
|
|
13
13
|
px: "$4",
|
|
14
14
|
...(isWeb && {
|
|
@@ -32,79 +32,80 @@ function TabsDemo() {
|
|
|
32
32
|
});
|
|
33
33
|
}
|
|
34
34
|
const HorizontalTabs = () => {
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
value: "tab1",
|
|
58
|
-
children: /* @__PURE__ */jsx(SizableText, {
|
|
59
|
-
fontFamily: "$body",
|
|
60
|
-
text: "center",
|
|
61
|
-
ellipsis: !0,
|
|
62
|
-
children: "Profile"
|
|
63
|
-
})
|
|
64
|
-
}), /* @__PURE__ */jsx(Tabs.Tab, {
|
|
65
|
-
activeStyle: {
|
|
66
|
-
backgroundColor: "$color3"
|
|
67
|
-
},
|
|
68
|
-
flex: 1,
|
|
69
|
-
value: "tab2",
|
|
70
|
-
children: /* @__PURE__ */jsx(SizableText, {
|
|
71
|
-
fontFamily: "$body",
|
|
72
|
-
text: "center",
|
|
73
|
-
ellipsis: !0,
|
|
74
|
-
children: "Connections"
|
|
75
|
-
})
|
|
76
|
-
}), /* @__PURE__ */jsx(Tabs.Tab, {
|
|
77
|
-
activeStyle: {
|
|
78
|
-
backgroundColor: "$color3"
|
|
79
|
-
},
|
|
80
|
-
flex: 1,
|
|
81
|
-
value: "tab3",
|
|
82
|
-
children: /* @__PURE__ */jsx(SizableText, {
|
|
83
|
-
fontFamily: "$body",
|
|
84
|
-
text: "center",
|
|
85
|
-
ellipsis: !0,
|
|
86
|
-
children: "Notifications"
|
|
87
|
-
})
|
|
88
|
-
})]
|
|
89
|
-
}), /* @__PURE__ */jsx(Separator, {}), /* @__PURE__ */jsx(TabsContent, {
|
|
35
|
+
const {
|
|
36
|
+
width
|
|
37
|
+
} = useWindowDimensions();
|
|
38
|
+
return /* @__PURE__ */jsxs(Tabs, {
|
|
39
|
+
defaultValue: "tab1",
|
|
40
|
+
orientation: "horizontal",
|
|
41
|
+
flexDirection: "column",
|
|
42
|
+
$maxMd: {
|
|
43
|
+
width: width - 32
|
|
44
|
+
},
|
|
45
|
+
width: 400,
|
|
46
|
+
height: 150,
|
|
47
|
+
rounded: "$4",
|
|
48
|
+
borderWidth: "$0.25",
|
|
49
|
+
borderColor: "$borderColor",
|
|
50
|
+
children: [/* @__PURE__ */jsxs(Tabs.List, {
|
|
51
|
+
"aria-label": "Manage your account",
|
|
52
|
+
children: [/* @__PURE__ */jsx(Tabs.Tab, {
|
|
53
|
+
activeStyle: {
|
|
54
|
+
backgroundColor: "$color3"
|
|
55
|
+
},
|
|
56
|
+
flex: 1,
|
|
90
57
|
value: "tab1",
|
|
91
|
-
children: /* @__PURE__ */jsx(
|
|
58
|
+
children: /* @__PURE__ */jsx(SizableText, {
|
|
59
|
+
fontFamily: "$body",
|
|
60
|
+
text: "center",
|
|
61
|
+
ellipsis: true,
|
|
92
62
|
children: "Profile"
|
|
93
63
|
})
|
|
94
|
-
}), /* @__PURE__ */jsx(
|
|
64
|
+
}), /* @__PURE__ */jsx(Tabs.Tab, {
|
|
65
|
+
activeStyle: {
|
|
66
|
+
backgroundColor: "$color3"
|
|
67
|
+
},
|
|
68
|
+
flex: 1,
|
|
95
69
|
value: "tab2",
|
|
96
|
-
children: /* @__PURE__ */jsx(
|
|
70
|
+
children: /* @__PURE__ */jsx(SizableText, {
|
|
71
|
+
fontFamily: "$body",
|
|
72
|
+
text: "center",
|
|
73
|
+
ellipsis: true,
|
|
97
74
|
children: "Connections"
|
|
98
75
|
})
|
|
99
|
-
}), /* @__PURE__ */jsx(
|
|
76
|
+
}), /* @__PURE__ */jsx(Tabs.Tab, {
|
|
77
|
+
activeStyle: {
|
|
78
|
+
backgroundColor: "$color3"
|
|
79
|
+
},
|
|
80
|
+
flex: 1,
|
|
100
81
|
value: "tab3",
|
|
101
|
-
children: /* @__PURE__ */jsx(
|
|
82
|
+
children: /* @__PURE__ */jsx(SizableText, {
|
|
83
|
+
fontFamily: "$body",
|
|
84
|
+
text: "center",
|
|
85
|
+
ellipsis: true,
|
|
102
86
|
children: "Notifications"
|
|
103
87
|
})
|
|
104
88
|
})]
|
|
105
|
-
})
|
|
106
|
-
|
|
107
|
-
|
|
89
|
+
}), /* @__PURE__ */jsx(Separator, {}), /* @__PURE__ */jsx(TabsContent, {
|
|
90
|
+
value: "tab1",
|
|
91
|
+
children: /* @__PURE__ */jsx(H5, {
|
|
92
|
+
children: "Profile"
|
|
93
|
+
})
|
|
94
|
+
}), /* @__PURE__ */jsx(TabsContent, {
|
|
95
|
+
value: "tab2",
|
|
96
|
+
children: /* @__PURE__ */jsx(H5, {
|
|
97
|
+
children: "Connections"
|
|
98
|
+
})
|
|
99
|
+
}), /* @__PURE__ */jsx(TabsContent, {
|
|
100
|
+
value: "tab3",
|
|
101
|
+
children: /* @__PURE__ */jsx(H5, {
|
|
102
|
+
children: "Notifications"
|
|
103
|
+
})
|
|
104
|
+
})]
|
|
105
|
+
});
|
|
106
|
+
};
|
|
107
|
+
const VerticalTabs = () => {
|
|
108
|
+
return /* @__PURE__ */jsxs(Tabs, {
|
|
108
109
|
defaultValue: "tab1",
|
|
109
110
|
flexDirection: "row",
|
|
110
111
|
orientation: "vertical",
|
|
@@ -141,7 +142,7 @@ const HorizontalTabs = () => {
|
|
|
141
142
|
})
|
|
142
143
|
})]
|
|
143
144
|
}), /* @__PURE__ */jsx(Separator, {
|
|
144
|
-
vertical:
|
|
145
|
+
vertical: true
|
|
145
146
|
}), /* @__PURE__ */jsx(TabsContent, {
|
|
146
147
|
value: "tab1",
|
|
147
148
|
children: /* @__PURE__ */jsx(H5, {
|
|
@@ -161,8 +162,10 @@ const HorizontalTabs = () => {
|
|
|
161
162
|
children: "Notifications"
|
|
162
163
|
})
|
|
163
164
|
})]
|
|
164
|
-
})
|
|
165
|
-
|
|
165
|
+
});
|
|
166
|
+
};
|
|
167
|
+
const TabsContent = props => {
|
|
168
|
+
return /* @__PURE__ */jsx(Tabs.Content, {
|
|
166
169
|
bg: "$background",
|
|
167
170
|
p: "$2",
|
|
168
171
|
items: "center",
|
|
@@ -176,5 +179,6 @@ const HorizontalTabs = () => {
|
|
|
176
179
|
...props,
|
|
177
180
|
children: props.children
|
|
178
181
|
}, "tab3");
|
|
182
|
+
};
|
|
179
183
|
export { TabsDemo };
|
|
180
184
|
//# sourceMappingURL=TabsDemo.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","Button","H5","Separator","SizableText","Tabs","XStack","YStack","isWeb","useWindowDimensions","jsx","jsxs","demos","demosTitle","horizontal","vertical","TabsDemo","demoIndex","setDemoIndex","useState","demo","px","position","children","HorizontalTabs","VerticalTabs","items","gap","b","l","$maxXs","display","size","onPress","x","length","width","defaultValue","orientation","flexDirection","$maxMd","height","rounded","borderWidth","borderColor","List","Tab","activeStyle","backgroundColor","flex","value","fontFamily","text","ellipsis","TabsContent","overflow","props","Content","bg","p","justify","borderTopLeftRadius","borderTopRightRadius"],"sources":["../../src/TabsDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,OAAOA,KAAA,MAAW;AAElB,SACEC,MAAA,EACAC,EAAA,EACAC,SAAA,EACAC,WAAA,EACAC,IAAA,EACAC,MAAA,EACAC,MAAA,EACAC,KAAA,EACAC,mBAAA,QACK;AAaH,SAM2BC,GAAA,EAN3BC,IAAA;AAXJ,MAAMC,KAAA,GAAQ,CAAC,cAAc,UAAU;
|
|
1
|
+
{"version":3,"names":["React","Button","H5","Separator","SizableText","Tabs","XStack","YStack","isWeb","useWindowDimensions","jsx","jsxs","demos","demosTitle","horizontal","vertical","TabsDemo","demoIndex","setDemoIndex","useState","demo","px","position","children","HorizontalTabs","VerticalTabs","items","gap","b","l","$maxXs","display","size","onPress","x","length","width","defaultValue","orientation","flexDirection","$maxMd","height","rounded","borderWidth","borderColor","List","Tab","activeStyle","backgroundColor","flex","value","fontFamily","text","ellipsis","TabsContent","overflow","props","Content","bg","p","justify","borderTopLeftRadius","borderTopRightRadius"],"sources":["../../src/TabsDemo.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
|
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import React from "react";
|
|
3
3
|
import { Button, H5, Separator, SizableText, Tabs, XStack, YStack, isWeb, useWindowDimensions } from "@hanzo/gui";
|
|
4
|
-
var demos = ["horizontal", "vertical"]
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
4
|
+
var demos = ["horizontal", "vertical"];
|
|
5
|
+
var demosTitle = {
|
|
6
|
+
horizontal: "Horizontal",
|
|
7
|
+
vertical: "Vertical"
|
|
8
|
+
};
|
|
9
9
|
function TabsDemo() {
|
|
10
|
-
var [demoIndex, setDemoIndex] = React.useState(0)
|
|
11
|
-
|
|
10
|
+
var [demoIndex, setDemoIndex] = React.useState(0);
|
|
11
|
+
var demo = demos[demoIndex];
|
|
12
12
|
return /* @__PURE__ */_jsxs(YStack, {
|
|
13
13
|
px: "$4",
|
|
14
14
|
...(isWeb && {
|
|
@@ -36,153 +36,153 @@ function TabsDemo() {
|
|
|
36
36
|
});
|
|
37
37
|
}
|
|
38
38
|
var HorizontalTabs = function () {
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
value: "tab1",
|
|
62
|
-
children: /* @__PURE__ */_jsx(SizableText, {
|
|
63
|
-
fontFamily: "$body",
|
|
64
|
-
text: "center",
|
|
65
|
-
ellipsis: !0,
|
|
66
|
-
children: "Profile"
|
|
67
|
-
})
|
|
68
|
-
}), /* @__PURE__ */_jsx(Tabs.Tab, {
|
|
69
|
-
activeStyle: {
|
|
70
|
-
backgroundColor: "$color3"
|
|
71
|
-
},
|
|
72
|
-
flex: 1,
|
|
73
|
-
value: "tab2",
|
|
74
|
-
children: /* @__PURE__ */_jsx(SizableText, {
|
|
75
|
-
fontFamily: "$body",
|
|
76
|
-
text: "center",
|
|
77
|
-
ellipsis: !0,
|
|
78
|
-
children: "Connections"
|
|
79
|
-
})
|
|
80
|
-
}), /* @__PURE__ */_jsx(Tabs.Tab, {
|
|
81
|
-
activeStyle: {
|
|
82
|
-
backgroundColor: "$color3"
|
|
83
|
-
},
|
|
84
|
-
flex: 1,
|
|
85
|
-
value: "tab3",
|
|
86
|
-
children: /* @__PURE__ */_jsx(SizableText, {
|
|
87
|
-
fontFamily: "$body",
|
|
88
|
-
text: "center",
|
|
89
|
-
ellipsis: !0,
|
|
90
|
-
children: "Notifications"
|
|
91
|
-
})
|
|
92
|
-
})]
|
|
93
|
-
}), /* @__PURE__ */_jsx(Separator, {}), /* @__PURE__ */_jsx(TabsContent, {
|
|
39
|
+
var {
|
|
40
|
+
width
|
|
41
|
+
} = useWindowDimensions();
|
|
42
|
+
return /* @__PURE__ */_jsxs(Tabs, {
|
|
43
|
+
defaultValue: "tab1",
|
|
44
|
+
orientation: "horizontal",
|
|
45
|
+
flexDirection: "column",
|
|
46
|
+
$maxMd: {
|
|
47
|
+
width: width - 32
|
|
48
|
+
},
|
|
49
|
+
width: 400,
|
|
50
|
+
height: 150,
|
|
51
|
+
rounded: "$4",
|
|
52
|
+
borderWidth: "$0.25",
|
|
53
|
+
borderColor: "$borderColor",
|
|
54
|
+
children: [/* @__PURE__ */_jsxs(Tabs.List, {
|
|
55
|
+
"aria-label": "Manage your account",
|
|
56
|
+
children: [/* @__PURE__ */_jsx(Tabs.Tab, {
|
|
57
|
+
activeStyle: {
|
|
58
|
+
backgroundColor: "$color3"
|
|
59
|
+
},
|
|
60
|
+
flex: 1,
|
|
94
61
|
value: "tab1",
|
|
95
|
-
children: /* @__PURE__ */_jsx(
|
|
62
|
+
children: /* @__PURE__ */_jsx(SizableText, {
|
|
63
|
+
fontFamily: "$body",
|
|
64
|
+
text: "center",
|
|
65
|
+
ellipsis: true,
|
|
96
66
|
children: "Profile"
|
|
97
67
|
})
|
|
98
|
-
}), /* @__PURE__ */_jsx(
|
|
68
|
+
}), /* @__PURE__ */_jsx(Tabs.Tab, {
|
|
69
|
+
activeStyle: {
|
|
70
|
+
backgroundColor: "$color3"
|
|
71
|
+
},
|
|
72
|
+
flex: 1,
|
|
99
73
|
value: "tab2",
|
|
100
|
-
children: /* @__PURE__ */_jsx(
|
|
74
|
+
children: /* @__PURE__ */_jsx(SizableText, {
|
|
75
|
+
fontFamily: "$body",
|
|
76
|
+
text: "center",
|
|
77
|
+
ellipsis: true,
|
|
101
78
|
children: "Connections"
|
|
102
79
|
})
|
|
103
|
-
}), /* @__PURE__ */_jsx(
|
|
80
|
+
}), /* @__PURE__ */_jsx(Tabs.Tab, {
|
|
81
|
+
activeStyle: {
|
|
82
|
+
backgroundColor: "$color3"
|
|
83
|
+
},
|
|
84
|
+
flex: 1,
|
|
104
85
|
value: "tab3",
|
|
105
|
-
children: /* @__PURE__ */_jsx(
|
|
86
|
+
children: /* @__PURE__ */_jsx(SizableText, {
|
|
87
|
+
fontFamily: "$body",
|
|
88
|
+
text: "center",
|
|
89
|
+
ellipsis: true,
|
|
106
90
|
children: "Notifications"
|
|
107
91
|
})
|
|
108
92
|
})]
|
|
109
|
-
})
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
children:
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
value: "tab3",
|
|
144
|
-
children: /* @__PURE__ */_jsx(SizableText, {
|
|
145
|
-
children: "Notifications"
|
|
146
|
-
})
|
|
147
|
-
})]
|
|
148
|
-
}), /* @__PURE__ */_jsx(Separator, {
|
|
149
|
-
vertical: !0
|
|
150
|
-
}), /* @__PURE__ */_jsx(TabsContent, {
|
|
93
|
+
}), /* @__PURE__ */_jsx(Separator, {}), /* @__PURE__ */_jsx(TabsContent, {
|
|
94
|
+
value: "tab1",
|
|
95
|
+
children: /* @__PURE__ */_jsx(H5, {
|
|
96
|
+
children: "Profile"
|
|
97
|
+
})
|
|
98
|
+
}), /* @__PURE__ */_jsx(TabsContent, {
|
|
99
|
+
value: "tab2",
|
|
100
|
+
children: /* @__PURE__ */_jsx(H5, {
|
|
101
|
+
children: "Connections"
|
|
102
|
+
})
|
|
103
|
+
}), /* @__PURE__ */_jsx(TabsContent, {
|
|
104
|
+
value: "tab3",
|
|
105
|
+
children: /* @__PURE__ */_jsx(H5, {
|
|
106
|
+
children: "Notifications"
|
|
107
|
+
})
|
|
108
|
+
})]
|
|
109
|
+
});
|
|
110
|
+
};
|
|
111
|
+
var VerticalTabs = function () {
|
|
112
|
+
return /* @__PURE__ */_jsxs(Tabs, {
|
|
113
|
+
defaultValue: "tab1",
|
|
114
|
+
flexDirection: "row",
|
|
115
|
+
orientation: "vertical",
|
|
116
|
+
width: 400,
|
|
117
|
+
rounded: "$4",
|
|
118
|
+
borderWidth: "$0.25",
|
|
119
|
+
overflow: "hidden",
|
|
120
|
+
borderColor: "$borderColor",
|
|
121
|
+
children: [/* @__PURE__ */_jsxs(Tabs.List, {
|
|
122
|
+
"aria-label": "Manage your account",
|
|
123
|
+
children: [/* @__PURE__ */_jsx(Tabs.Tab, {
|
|
124
|
+
activeStyle: {
|
|
125
|
+
backgroundColor: "$color3"
|
|
126
|
+
},
|
|
151
127
|
value: "tab1",
|
|
152
|
-
children: /* @__PURE__ */_jsx(
|
|
153
|
-
text: "center",
|
|
128
|
+
children: /* @__PURE__ */_jsx(SizableText, {
|
|
154
129
|
children: "Profile"
|
|
155
130
|
})
|
|
156
|
-
}), /* @__PURE__ */_jsx(
|
|
131
|
+
}), /* @__PURE__ */_jsx(Tabs.Tab, {
|
|
132
|
+
activeStyle: {
|
|
133
|
+
backgroundColor: "$color3"
|
|
134
|
+
},
|
|
157
135
|
value: "tab2",
|
|
158
|
-
children: /* @__PURE__ */_jsx(
|
|
159
|
-
text: "center",
|
|
136
|
+
children: /* @__PURE__ */_jsx(SizableText, {
|
|
160
137
|
children: "Connections"
|
|
161
138
|
})
|
|
162
|
-
}), /* @__PURE__ */_jsx(
|
|
139
|
+
}), /* @__PURE__ */_jsx(Tabs.Tab, {
|
|
140
|
+
activeStyle: {
|
|
141
|
+
backgroundColor: "$color3"
|
|
142
|
+
},
|
|
163
143
|
value: "tab3",
|
|
164
|
-
children: /* @__PURE__ */_jsx(
|
|
165
|
-
text: "center",
|
|
144
|
+
children: /* @__PURE__ */_jsx(SizableText, {
|
|
166
145
|
children: "Notifications"
|
|
167
146
|
})
|
|
168
147
|
})]
|
|
169
|
-
})
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
|
|
178
|
-
|
|
179
|
-
|
|
180
|
-
|
|
181
|
-
|
|
182
|
-
|
|
183
|
-
|
|
184
|
-
|
|
185
|
-
|
|
186
|
-
|
|
148
|
+
}), /* @__PURE__ */_jsx(Separator, {
|
|
149
|
+
vertical: true
|
|
150
|
+
}), /* @__PURE__ */_jsx(TabsContent, {
|
|
151
|
+
value: "tab1",
|
|
152
|
+
children: /* @__PURE__ */_jsx(H5, {
|
|
153
|
+
text: "center",
|
|
154
|
+
children: "Profile"
|
|
155
|
+
})
|
|
156
|
+
}), /* @__PURE__ */_jsx(TabsContent, {
|
|
157
|
+
value: "tab2",
|
|
158
|
+
children: /* @__PURE__ */_jsx(H5, {
|
|
159
|
+
text: "center",
|
|
160
|
+
children: "Connections"
|
|
161
|
+
})
|
|
162
|
+
}), /* @__PURE__ */_jsx(TabsContent, {
|
|
163
|
+
value: "tab3",
|
|
164
|
+
children: /* @__PURE__ */_jsx(H5, {
|
|
165
|
+
text: "center",
|
|
166
|
+
children: "Notifications"
|
|
167
|
+
})
|
|
168
|
+
})]
|
|
169
|
+
});
|
|
170
|
+
};
|
|
171
|
+
var TabsContent = function (props) {
|
|
172
|
+
return /* @__PURE__ */_jsx(Tabs.Content, {
|
|
173
|
+
bg: "$background",
|
|
174
|
+
p: "$2",
|
|
175
|
+
items: "center",
|
|
176
|
+
justify: "center",
|
|
177
|
+
flex: 1,
|
|
178
|
+
borderColor: "$background",
|
|
179
|
+
rounded: "$2",
|
|
180
|
+
borderTopLeftRadius: 0,
|
|
181
|
+
borderTopRightRadius: 0,
|
|
182
|
+
borderWidth: "$2",
|
|
183
|
+
...props,
|
|
184
|
+
children: props.children
|
|
185
|
+
}, "tab3");
|
|
186
|
+
};
|
|
187
187
|
export { TabsDemo };
|
|
188
188
|
//# sourceMappingURL=TabsDemo.native.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","React","Button","H5","Separator","SizableText","Tabs","XStack","YStack","isWeb","useWindowDimensions","demos","demosTitle","horizontal","vertical","TabsDemo","demoIndex","setDemoIndex","useState","demo","px","position","children","HorizontalTabs","VerticalTabs","items","gap","b","l","$maxXs","display","size","onPress","x","length","width","defaultValue","orientation","flexDirection","$maxMd","height","rounded","borderWidth","borderColor","List","Tab","activeStyle","backgroundColor","flex","value","fontFamily","text","ellipsis","TabsContent","overflow"],"sources":["../../src/TabsDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAAOA,GAAA,IAAAC,IAAW,EAAAC,IAAA,IAAAC,KAAA;AAElB,OAAAC,KAAA;AAAA,SACEC,MAAA,EAAAC,EAAA,EAAAC,SAAA,EAAAC,WAAA,EAAAC,IAAA,EAAAC,MAAA,EAAAC,MAAA,EAAAC,KAAA,EAAAC,mBAAA;AAAA,IACAC,KAAA,IACA,cACA;
|
|
1
|
+
{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","React","Button","H5","Separator","SizableText","Tabs","XStack","YStack","isWeb","useWindowDimensions","demos","demosTitle","horizontal","vertical","TabsDemo","demoIndex","setDemoIndex","useState","demo","px","position","children","HorizontalTabs","VerticalTabs","items","gap","b","l","$maxXs","display","size","onPress","x","length","width","defaultValue","orientation","flexDirection","$maxMd","height","rounded","borderWidth","borderColor","List","Tab","activeStyle","backgroundColor","flex","value","fontFamily","text","ellipsis","TabsContent","overflow"],"sources":["../../src/TabsDemo.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
|