@tamagui/demos 1.89.28 → 1.89.30
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.native.js +68 -30
- package/dist/cjs/AccordionDemo.native.js.map +2 -2
- package/dist/cjs/AddThemeDemo.native.js +34 -22
- package/dist/cjs/AddThemeDemo.native.js.map +2 -2
- package/dist/cjs/AlertDialogDemo.native.js +84 -55
- package/dist/cjs/AlertDialogDemo.native.js.map +2 -2
- package/dist/cjs/AnimationsDemo.native.js +55 -33
- package/dist/cjs/AnimationsDemo.native.js.map +2 -2
- package/dist/cjs/AnimationsEnterDemo.native.js +32 -26
- package/dist/cjs/AnimationsEnterDemo.native.js.map +2 -2
- package/dist/cjs/AnimationsHoverDemo.native.js +7 -6
- package/dist/cjs/AnimationsHoverDemo.native.js.map +2 -2
- package/dist/cjs/AnimationsPresenceDemo.native.js +49 -43
- package/dist/cjs/AnimationsPresenceDemo.native.js.map +2 -2
- package/dist/cjs/AnimationsTimingDemo.native.js +7 -6
- package/dist/cjs/AnimationsTimingDemo.native.js.map +2 -2
- package/dist/cjs/AvatarDemo.native.js +35 -31
- package/dist/cjs/AvatarDemo.native.js.map +2 -2
- package/dist/cjs/BuildAButtonDemo.native.js +96 -58
- package/dist/cjs/BuildAButtonDemo.native.js.map +2 -2
- package/dist/cjs/ButtonDemo.native.js +85 -36
- package/dist/cjs/ButtonDemo.native.js.map +2 -2
- package/dist/cjs/CardDemo.native.js +82 -43
- package/dist/cjs/CardDemo.native.js.map +2 -2
- package/dist/cjs/CheckboxDemo.native.js +54 -25
- package/dist/cjs/CheckboxDemo.native.js.map +2 -2
- package/dist/cjs/CheckboxHeadlessDemo.native.js +49 -22
- package/dist/cjs/CheckboxHeadlessDemo.native.js.map +2 -2
- package/dist/cjs/CheckboxUnstyledDemo.native.js +20 -11
- package/dist/cjs/CheckboxUnstyledDemo.native.js.map +2 -2
- package/dist/cjs/ColorsDemo.native.js +96 -77
- package/dist/cjs/ColorsDemo.native.js.map +2 -2
- package/dist/cjs/DialogDemo.native.js +154 -103
- package/dist/cjs/DialogDemo.native.js.map +2 -2
- package/dist/cjs/FormsDemo.native.js +19 -11
- package/dist/cjs/FormsDemo.native.js.map +2 -2
- package/dist/cjs/Grid.native.js +20 -15
- package/dist/cjs/Grid.native.js.map +2 -2
- package/dist/cjs/GroupDemo.native.js +71 -24
- package/dist/cjs/GroupDemo.native.js.map +2 -2
- package/dist/cjs/HeadingsDemo.native.js +26 -14
- package/dist/cjs/HeadingsDemo.native.js.map +2 -2
- package/dist/cjs/ImageDemo.native.js +2 -2
- package/dist/cjs/ImageDemo.native.js.map +2 -2
- package/dist/cjs/InputsDemo.native.js +32 -21
- package/dist/cjs/InputsDemo.native.js.map +2 -2
- package/dist/cjs/LabelDemo.native.js +39 -24
- package/dist/cjs/LabelDemo.native.js.map +2 -2
- package/dist/cjs/LinearGradientDemo.native.js +41 -35
- package/dist/cjs/LinearGradientDemo.native.js.map +2 -2
- package/dist/cjs/ListItemDemo.native.js +67 -38
- package/dist/cjs/ListItemDemo.native.js.map +2 -2
- package/dist/cjs/LucideIconsDemo.native.js +38 -25
- package/dist/cjs/LucideIconsDemo.native.js.map +2 -2
- package/dist/cjs/PopoverDemo.native.js +135 -83
- package/dist/cjs/PopoverDemo.native.js.map +2 -2
- package/dist/cjs/ProgressDemo.native.js +73 -49
- package/dist/cjs/ProgressDemo.native.js.map +2 -2
- package/dist/cjs/RadioGroupDemo.native.js +42 -30
- package/dist/cjs/RadioGroupDemo.native.js.map +2 -2
- package/dist/cjs/ReplaceThemeDemo.native.js +28 -21
- package/dist/cjs/ReplaceThemeDemo.native.js.map +2 -2
- package/dist/cjs/ScrollViewDemo.native.js +51 -40
- package/dist/cjs/ScrollViewDemo.native.js.map +2 -2
- package/dist/cjs/SelectDemo.native.js +218 -138
- package/dist/cjs/SelectDemo.native.js.map +2 -2
- package/dist/cjs/SeparatorDemo.native.js +43 -29
- package/dist/cjs/SeparatorDemo.native.js.map +2 -2
- package/dist/cjs/ShapesDemo.native.js +16 -12
- package/dist/cjs/ShapesDemo.native.js.map +2 -2
- package/dist/cjs/SheetDemo.native.js +195 -128
- package/dist/cjs/SheetDemo.native.js.map +2 -2
- package/dist/cjs/SliderDemo.native.js +45 -18
- package/dist/cjs/SliderDemo.native.js.map +2 -2
- package/dist/cjs/SpinnerDemo.native.js +14 -10
- package/dist/cjs/SpinnerDemo.native.js.map +2 -2
- package/dist/cjs/StacksDemo.native.js +91 -79
- package/dist/cjs/StacksDemo.native.js.map +2 -2
- package/dist/cjs/SwitchDemo.native.js +75 -51
- package/dist/cjs/SwitchDemo.native.js.map +2 -2
- package/dist/cjs/SwitchHeadlessDemo.native.js +74 -46
- package/dist/cjs/SwitchHeadlessDemo.native.js.map +2 -2
- package/dist/cjs/SwitchUnstyledDemo.native.js +20 -13
- package/dist/cjs/SwitchUnstyledDemo.native.js.map +2 -2
- package/dist/cjs/TabsAdvancedDemo.native.js +239 -148
- package/dist/cjs/TabsAdvancedDemo.native.js.map +2 -2
- package/dist/cjs/TabsDemo.native.js +159 -82
- package/dist/cjs/TabsDemo.native.js.map +2 -2
- package/dist/cjs/TextDemo.native.js +32 -27
- package/dist/cjs/TextDemo.native.js.map +2 -2
- package/dist/cjs/ThemeBuilderDemo.native.js +164 -130
- package/dist/cjs/ThemeBuilderDemo.native.js.map +2 -2
- package/dist/cjs/ThemeInverseDemo.native.js +45 -21
- package/dist/cjs/ThemeInverseDemo.native.js.map +2 -2
- package/dist/cjs/ToastDemo.native.js +85 -57
- package/dist/cjs/ToastDemo.native.js.map +2 -2
- package/dist/cjs/ToastDuplicateDemo.native.js +58 -33
- package/dist/cjs/ToastDuplicateDemo.native.js.map +2 -2
- package/dist/cjs/ToggleGroupDemo.native.js +78 -52
- package/dist/cjs/ToggleGroupDemo.native.js.map +2 -2
- package/dist/cjs/TokensDemo.native.js +81 -54
- package/dist/cjs/TokensDemo.native.js.map +2 -2
- package/dist/cjs/TooltipDemo.native.js +145 -78
- package/dist/cjs/TooltipDemo.native.js.map +2 -2
- package/dist/cjs/UpdateThemeDemo.native.js +29 -22
- package/dist/cjs/UpdateThemeDemo.native.js.map +2 -2
- package/dist/esm/AccordionDemo.native.js +68 -29
- package/dist/esm/AccordionDemo.native.js.map +1 -1
- package/dist/esm/AddThemeDemo.native.js +34 -21
- package/dist/esm/AddThemeDemo.native.js.map +1 -1
- package/dist/esm/AlertDialogDemo.native.js +84 -54
- package/dist/esm/AlertDialogDemo.native.js.map +2 -2
- package/dist/esm/AnimationsDemo.native.js +55 -32
- package/dist/esm/AnimationsDemo.native.js.map +1 -1
- package/dist/esm/AnimationsEnterDemo.native.js +32 -25
- package/dist/esm/AnimationsEnterDemo.native.js.map +1 -1
- package/dist/esm/AnimationsHoverDemo.native.js +7 -5
- package/dist/esm/AnimationsHoverDemo.native.js.map +1 -1
- package/dist/esm/AnimationsPresenceDemo.native.js +49 -42
- package/dist/esm/AnimationsPresenceDemo.native.js.map +2 -2
- package/dist/esm/AnimationsTimingDemo.native.js +7 -5
- package/dist/esm/AnimationsTimingDemo.native.js.map +1 -1
- package/dist/esm/AvatarDemo.native.js +34 -21
- package/dist/esm/AvatarDemo.native.js.map +2 -2
- package/dist/esm/BuildAButtonDemo.native.js +96 -57
- package/dist/esm/BuildAButtonDemo.native.js.map +1 -1
- package/dist/esm/ButtonDemo.native.js +85 -35
- package/dist/esm/ButtonDemo.native.js.map +1 -1
- package/dist/esm/CardDemo.native.js +82 -42
- package/dist/esm/CardDemo.native.js.map +1 -1
- package/dist/esm/CheckboxDemo.native.js +54 -24
- package/dist/esm/CheckboxDemo.native.js.map +1 -1
- package/dist/esm/CheckboxHeadlessDemo.native.js +49 -21
- package/dist/esm/CheckboxHeadlessDemo.native.js.map +1 -1
- package/dist/esm/CheckboxUnstyledDemo.native.js +20 -10
- package/dist/esm/CheckboxUnstyledDemo.native.js.map +1 -1
- package/dist/esm/ColorsDemo.native.js +96 -76
- package/dist/esm/ColorsDemo.native.js.map +2 -2
- package/dist/esm/DialogDemo.native.js +154 -102
- package/dist/esm/DialogDemo.native.js.map +2 -2
- package/dist/esm/FormsDemo.native.js +19 -10
- package/dist/esm/FormsDemo.native.js.map +1 -1
- package/dist/esm/Grid.native.js +20 -14
- package/dist/esm/Grid.native.js.map +2 -2
- package/dist/esm/GroupDemo.native.js +71 -23
- package/dist/esm/GroupDemo.native.js.map +1 -1
- package/dist/esm/HeadingsDemo.native.js +25 -4
- package/dist/esm/HeadingsDemo.native.js.map +2 -2
- package/dist/esm/ImageDemo.native.js +2 -1
- package/dist/esm/ImageDemo.native.js.map +1 -1
- package/dist/esm/InputsDemo.native.js +32 -20
- package/dist/esm/InputsDemo.native.js.map +1 -1
- package/dist/esm/LabelDemo.native.js +39 -23
- package/dist/esm/LabelDemo.native.js.map +1 -1
- package/dist/esm/LinearGradientDemo.native.js +41 -34
- package/dist/esm/LinearGradientDemo.native.js.map +1 -1
- package/dist/esm/ListItemDemo.native.js +67 -37
- package/dist/esm/ListItemDemo.native.js.map +1 -1
- package/dist/esm/LucideIconsDemo.native.js +38 -24
- package/dist/esm/LucideIconsDemo.native.js.map +1 -1
- package/dist/esm/PopoverDemo.native.js +135 -82
- package/dist/esm/PopoverDemo.native.js.map +1 -1
- package/dist/esm/ProgressDemo.native.js +73 -48
- package/dist/esm/ProgressDemo.native.js.map +1 -1
- package/dist/esm/RadioGroupDemo.native.js +42 -29
- package/dist/esm/RadioGroupDemo.native.js.map +1 -1
- package/dist/esm/ReplaceThemeDemo.native.js +28 -20
- package/dist/esm/ReplaceThemeDemo.native.js.map +1 -1
- package/dist/esm/ScrollViewDemo.native.js +51 -39
- package/dist/esm/ScrollViewDemo.native.js.map +1 -1
- package/dist/esm/SelectDemo.native.js +218 -137
- package/dist/esm/SelectDemo.native.js.map +2 -2
- package/dist/esm/SeparatorDemo.native.js +42 -19
- package/dist/esm/SeparatorDemo.native.js.map +2 -2
- package/dist/esm/ShapesDemo.native.js +16 -11
- package/dist/esm/ShapesDemo.native.js.map +1 -1
- package/dist/esm/SheetDemo.native.js +195 -127
- package/dist/esm/SheetDemo.native.js.map +2 -2
- package/dist/esm/SliderDemo.native.js +45 -17
- package/dist/esm/SliderDemo.native.js.map +1 -1
- package/dist/esm/SpinnerDemo.native.js +14 -9
- package/dist/esm/SpinnerDemo.native.js.map +1 -1
- package/dist/esm/StacksDemo.native.js +90 -69
- package/dist/esm/StacksDemo.native.js.map +2 -2
- package/dist/esm/SwitchDemo.native.js +75 -50
- package/dist/esm/SwitchDemo.native.js.map +1 -1
- package/dist/esm/SwitchHeadlessDemo.native.js +74 -45
- package/dist/esm/SwitchHeadlessDemo.native.js.map +1 -1
- package/dist/esm/SwitchUnstyledDemo.native.js +20 -12
- package/dist/esm/SwitchUnstyledDemo.native.js.map +1 -1
- package/dist/esm/TabsAdvancedDemo.native.js +239 -147
- package/dist/esm/TabsAdvancedDemo.native.js.map +2 -2
- package/dist/esm/TabsDemo.native.js +159 -81
- package/dist/esm/TabsDemo.native.js.map +2 -2
- package/dist/esm/TextDemo.native.js +31 -17
- package/dist/esm/TextDemo.native.js.map +2 -2
- package/dist/esm/ThemeBuilderDemo.native.js +164 -129
- package/dist/esm/ThemeBuilderDemo.native.js.map +1 -1
- package/dist/esm/ThemeInverseDemo.native.js +45 -20
- package/dist/esm/ThemeInverseDemo.native.js.map +1 -1
- package/dist/esm/ToastDemo.native.js +85 -56
- package/dist/esm/ToastDemo.native.js.map +2 -2
- package/dist/esm/ToastDuplicateDemo.native.js +58 -32
- package/dist/esm/ToastDuplicateDemo.native.js.map +2 -2
- package/dist/esm/ToggleGroupDemo.native.js +78 -51
- package/dist/esm/ToggleGroupDemo.native.js.map +1 -1
- package/dist/esm/TokensDemo.native.js +81 -53
- package/dist/esm/TokensDemo.native.js.map +1 -1
- package/dist/esm/TooltipDemo.native.js +145 -77
- package/dist/esm/TooltipDemo.native.js.map +1 -1
- package/dist/esm/UpdateThemeDemo.native.js +29 -21
- package/dist/esm/UpdateThemeDemo.native.js.map +1 -1
- package/dist/jsx/AccordionDemo.native.js +68 -29
- package/dist/jsx/AccordionDemo.native.js.map +1 -1
- package/dist/jsx/AddThemeDemo.native.js +34 -21
- package/dist/jsx/AddThemeDemo.native.js.map +1 -1
- package/dist/jsx/AlertDialogDemo.native.js +84 -54
- package/dist/jsx/AlertDialogDemo.native.js.map +2 -2
- package/dist/jsx/AnimationsDemo.native.js +55 -32
- package/dist/jsx/AnimationsDemo.native.js.map +1 -1
- package/dist/jsx/AnimationsEnterDemo.native.js +32 -25
- package/dist/jsx/AnimationsEnterDemo.native.js.map +1 -1
- package/dist/jsx/AnimationsHoverDemo.native.js +7 -5
- package/dist/jsx/AnimationsHoverDemo.native.js.map +1 -1
- package/dist/jsx/AnimationsPresenceDemo.native.js +49 -42
- package/dist/jsx/AnimationsPresenceDemo.native.js.map +2 -2
- package/dist/jsx/AnimationsTimingDemo.native.js +7 -5
- package/dist/jsx/AnimationsTimingDemo.native.js.map +1 -1
- package/dist/jsx/AvatarDemo.native.js +34 -21
- package/dist/jsx/AvatarDemo.native.js.map +2 -2
- package/dist/jsx/BuildAButtonDemo.native.js +96 -57
- package/dist/jsx/BuildAButtonDemo.native.js.map +1 -1
- package/dist/jsx/ButtonDemo.native.js +85 -35
- package/dist/jsx/ButtonDemo.native.js.map +1 -1
- package/dist/jsx/CardDemo.native.js +82 -42
- package/dist/jsx/CardDemo.native.js.map +1 -1
- package/dist/jsx/CheckboxDemo.native.js +54 -24
- package/dist/jsx/CheckboxDemo.native.js.map +1 -1
- package/dist/jsx/CheckboxHeadlessDemo.native.js +49 -21
- package/dist/jsx/CheckboxHeadlessDemo.native.js.map +1 -1
- package/dist/jsx/CheckboxUnstyledDemo.native.js +20 -10
- package/dist/jsx/CheckboxUnstyledDemo.native.js.map +1 -1
- package/dist/jsx/ColorsDemo.native.js +96 -76
- package/dist/jsx/ColorsDemo.native.js.map +2 -2
- package/dist/jsx/DialogDemo.native.js +154 -102
- package/dist/jsx/DialogDemo.native.js.map +2 -2
- package/dist/jsx/FormsDemo.native.js +19 -10
- package/dist/jsx/FormsDemo.native.js.map +1 -1
- package/dist/jsx/Grid.native.js +20 -14
- package/dist/jsx/Grid.native.js.map +2 -2
- package/dist/jsx/GroupDemo.native.js +71 -23
- package/dist/jsx/GroupDemo.native.js.map +1 -1
- package/dist/jsx/HeadingsDemo.native.js +25 -4
- package/dist/jsx/HeadingsDemo.native.js.map +2 -2
- package/dist/jsx/ImageDemo.native.js +2 -1
- package/dist/jsx/ImageDemo.native.js.map +1 -1
- package/dist/jsx/InputsDemo.native.js +32 -20
- package/dist/jsx/InputsDemo.native.js.map +1 -1
- package/dist/jsx/LabelDemo.native.js +39 -23
- package/dist/jsx/LabelDemo.native.js.map +1 -1
- package/dist/jsx/LinearGradientDemo.native.js +41 -34
- package/dist/jsx/LinearGradientDemo.native.js.map +1 -1
- package/dist/jsx/ListItemDemo.native.js +67 -37
- package/dist/jsx/ListItemDemo.native.js.map +1 -1
- package/dist/jsx/LucideIconsDemo.native.js +38 -24
- package/dist/jsx/LucideIconsDemo.native.js.map +1 -1
- package/dist/jsx/PopoverDemo.native.js +135 -82
- package/dist/jsx/PopoverDemo.native.js.map +1 -1
- package/dist/jsx/ProgressDemo.native.js +73 -48
- package/dist/jsx/ProgressDemo.native.js.map +1 -1
- package/dist/jsx/RadioGroupDemo.native.js +42 -29
- package/dist/jsx/RadioGroupDemo.native.js.map +1 -1
- package/dist/jsx/ReplaceThemeDemo.native.js +28 -20
- package/dist/jsx/ReplaceThemeDemo.native.js.map +1 -1
- package/dist/jsx/ScrollViewDemo.native.js +51 -39
- package/dist/jsx/ScrollViewDemo.native.js.map +1 -1
- package/dist/jsx/SelectDemo.native.js +218 -137
- package/dist/jsx/SelectDemo.native.js.map +2 -2
- package/dist/jsx/SeparatorDemo.native.js +42 -19
- package/dist/jsx/SeparatorDemo.native.js.map +2 -2
- package/dist/jsx/ShapesDemo.native.js +16 -11
- package/dist/jsx/ShapesDemo.native.js.map +1 -1
- package/dist/jsx/SheetDemo.native.js +195 -127
- package/dist/jsx/SheetDemo.native.js.map +2 -2
- package/dist/jsx/SliderDemo.native.js +45 -17
- package/dist/jsx/SliderDemo.native.js.map +1 -1
- package/dist/jsx/SpinnerDemo.native.js +14 -9
- package/dist/jsx/SpinnerDemo.native.js.map +1 -1
- package/dist/jsx/StacksDemo.native.js +90 -69
- package/dist/jsx/StacksDemo.native.js.map +2 -2
- package/dist/jsx/SwitchDemo.native.js +75 -50
- package/dist/jsx/SwitchDemo.native.js.map +1 -1
- package/dist/jsx/SwitchHeadlessDemo.native.js +74 -45
- package/dist/jsx/SwitchHeadlessDemo.native.js.map +1 -1
- package/dist/jsx/SwitchUnstyledDemo.native.js +20 -12
- package/dist/jsx/SwitchUnstyledDemo.native.js.map +1 -1
- package/dist/jsx/TabsAdvancedDemo.native.js +239 -147
- package/dist/jsx/TabsAdvancedDemo.native.js.map +2 -2
- package/dist/jsx/TabsDemo.native.js +159 -81
- package/dist/jsx/TabsDemo.native.js.map +2 -2
- package/dist/jsx/TextDemo.native.js +31 -17
- package/dist/jsx/TextDemo.native.js.map +2 -2
- package/dist/jsx/ThemeBuilderDemo.native.js +164 -129
- package/dist/jsx/ThemeBuilderDemo.native.js.map +1 -1
- package/dist/jsx/ThemeInverseDemo.native.js +45 -20
- package/dist/jsx/ThemeInverseDemo.native.js.map +1 -1
- package/dist/jsx/ToastDemo.native.js +85 -56
- package/dist/jsx/ToastDemo.native.js.map +2 -2
- package/dist/jsx/ToastDuplicateDemo.native.js +58 -32
- package/dist/jsx/ToastDuplicateDemo.native.js.map +2 -2
- package/dist/jsx/ToggleGroupDemo.native.js +78 -51
- package/dist/jsx/ToggleGroupDemo.native.js.map +1 -1
- package/dist/jsx/TokensDemo.native.js +81 -53
- package/dist/jsx/TokensDemo.native.js.map +1 -1
- package/dist/jsx/TooltipDemo.native.js +145 -77
- package/dist/jsx/TooltipDemo.native.js.map +1 -1
- package/dist/jsx/UpdateThemeDemo.native.js +29 -21
- package/dist/jsx/UpdateThemeDemo.native.js.map +1 -1
- package/package.json +18 -18
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/Users/n8/tamagui/packages/demos/src/ToastDemo.tsx"],
|
|
4
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;
|
|
5
|
-
"names": ["ToastDemo", "React", "useState", "native", "setNative", "YStack", "space", "alignItems", "ToastControl", "CurrentToast", "NativeOptions", "currentToast", "useToastState", "isHandledNatively", "Toast", "
|
|
4
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;uDAAA,eAAyD,2BACzD,eAAkB,2BAClB,iBAAsD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAO/C,IAAMA,YAAY,WAAA;AACvB,MAA4BC,kBAAAA,iBAAAA,aAAAA,QAAMC,SAAS,EAAA,GAAA,CAAA,GAApCC,SAAqBF,gBAAAA,CAAAA,GAAbG,YAAaH,gBAAAA,CAAAA;AAE5B,SACE,uCAAAI,MAACC,uBAAAA;IAAOC,OAAK;IAACC,YAAW;;MACvB,uCAAAC,KAACC,cAAAA;QAAaP;;MACd,uCAAAM,KAACE,cAAAA,CAAAA,CAAAA;MAED,uCAAAF,KAACG,eAAAA;QAAcT;QAAgBC;;;;AAGrC,GAEMO,eAAe,WAAA;AACnB,MAAME,mBAAeC,4BAAAA;AAErB,SAAI,CAACD,gBAAgBA,aAAaE,oBAA0B,OAE1D,uCAAAN,KAACO,oBAAAA;IAECC,UAAUJ,aAAaI;IACvBC,YAAY;MAAEC,SAAS;MAAGC,OAAO;MAAKC,GAAG;IAAI;IAC7CC,WAAW;MAAEH,SAAS;MAAGC,OAAO;MAAGC,GAAG;IAAI;IAC1CA,GAAG;IACHF,SAAS;IACTC,OAAO;IACPG,WAAU;IACVC,cAAcX,aAAaW;cAE3B,uCAAAnB,MAACC,uBAAAA;;QACC,uCAAAG,KAACO,mBAAMS,OAAK;oBAAEZ,aAAaa;;QAC1B,CAAC,CAACb,aAAac,WACd,uCAAAlB,KAACO,mBAAMY,aAAW;oBAAEf,aAAac;;;;KAbhCd,aAAagB,EAAE;AAkB1B,GAEMnB,eAAe,SAAA,OAAA;MAAGP,SAAAA,MAAAA,QAChB2B,YAAQC,iCAAAA;AACd,SACE,uCAAA1B,MAAC2B,uBAAAA;IAAOzB,OAAM;IAAK0B,gBAAe;;MAChC,uCAAAxB,KAACyB,uBAAAA;QACCC,SAAS,WAAA;AACPL,gBAAMM,KAAK,uBAAuB;YAChCT,SAAS;YACTxB;UACF,CAAA;QACF;kBACD;;MAGD,uCAAAM,KAACyB,uBAAAA;QACCC,SAAS,WAAA;AACPL,gBAAMO,KAAI;QACZ;kBACD;;;;AAKP,GAEMzB,gBAAgB,SAAA,OAAA;MACpBT,SAAAA,MAAAA,QACAC,YAAAA,MAAAA;AAKA,SACE,uCAAAC,MAAC2B,uBAAAA;IAAOzB,OAAM;;MACZ,uCAAAE,KAAC6B,sBAAAA;QAAMC,MAAK;QAAKJ,SAAS,WAAA;iBAAM/B,UAAU,EAAA;;kBAAQ;;MAGlD,uCAAAK,KAAC+B,uBAAAA;QACCX,IAAG;QACHY,UAAS;QACTC,OAAM;QACNH,MAAK;QACLI,SAAS,CAAC,CAACxC;QACXyC,iBAAiB,SAACC,KAAAA;iBAAQzC,UAAUyC,GAAAA;;kBAEpC,uCAAApC,KAAC+B,sBAAOM,OAAK;UACXvB,WAAW;YACT;YACA;cACEwB,WAAW;gBACTC,mBAAmB;cACrB;YACF;;;;MAKN,uCAAAvC,KAAC6B,sBAAAA;QAAMC,MAAK;QAAKJ,SAAS,WAAA;iBAAM/B,UAAU,EAAA;;kBAAO;;;;AAKvD;",
|
|
5
|
+
"names": ["ToastDemo", "React", "useState", "native", "setNative", "_jsxs", "YStack", "space", "alignItems", "_jsx", "ToastControl", "CurrentToast", "NativeOptions", "currentToast", "useToastState", "isHandledNatively", "Toast", "duration", "enterStyle", "opacity", "scale", "y", "exitStyle", "animation", "viewportName", "Title", "title", "message", "Description", "id", "toast", "useToastController", "XStack", "justifyContent", "Button", "onPress", "show", "hide", "Label", "size", "Switch", "nativeID", "theme", "checked", "onCheckedChange", "val", "Thumb", "transform", "overshootClamping"]
|
|
6
6
|
}
|
|
@@ -26,7 +26,7 @@ __export(ToastDuplicateDemo_exports, {
|
|
|
26
26
|
ToastDuplicateDemo: () => ToastDuplicateDemo
|
|
27
27
|
});
|
|
28
28
|
module.exports = __toCommonJS(ToastDuplicateDemo_exports);
|
|
29
|
-
var import_lucide_icons = require("@tamagui/lucide-icons"), import_toast = require("@tamagui/toast"), import_react = __toESM(require("react")), import_tamagui = require("tamagui");
|
|
29
|
+
var import_jsx_runtime = require("react/jsx-runtime"), import_lucide_icons = require("@tamagui/lucide-icons"), import_toast = require("@tamagui/toast"), import_react = __toESM(require("react")), import_tamagui = require("tamagui");
|
|
30
30
|
function _array_like_to_array(arr, len) {
|
|
31
31
|
(len == null || len > arr.length) && (len = arr.length);
|
|
32
32
|
for (var i = 0, arr2 = new Array(len); i < len; i++)
|
|
@@ -90,38 +90,63 @@ function _unsupported_iterable_to_array(o, minLen) {
|
|
|
90
90
|
}
|
|
91
91
|
var ToastDuplicateDemo = function() {
|
|
92
92
|
var _React_useState = _sliced_to_array(import_react.default.useState(0), 2), savedCount = _React_useState[0], setSavedCount = _React_useState[1];
|
|
93
|
-
return /* @__PURE__ */
|
|
94
|
-
alignItems: "center"
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
93
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
|
|
94
|
+
alignItems: "center",
|
|
95
|
+
children: [
|
|
96
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, {
|
|
97
|
+
onPress: function() {
|
|
98
|
+
setSavedCount(function(old) {
|
|
99
|
+
return old + 1;
|
|
100
|
+
});
|
|
101
|
+
},
|
|
102
|
+
children: "Show toast"
|
|
103
|
+
}),
|
|
104
|
+
_to_consumable_array(Array(savedCount)).map(function(_, index) {
|
|
105
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
106
|
+
import_toast.Toast,
|
|
107
|
+
{
|
|
108
|
+
viewportName: "viewport-multiple",
|
|
109
|
+
duration: 4e3,
|
|
110
|
+
enterStyle: {
|
|
111
|
+
opacity: 0,
|
|
112
|
+
scale: 0.5,
|
|
113
|
+
y: -25
|
|
114
|
+
},
|
|
115
|
+
exitStyle: {
|
|
116
|
+
opacity: 0,
|
|
117
|
+
scale: 1,
|
|
118
|
+
y: -20
|
|
119
|
+
},
|
|
120
|
+
y: 0,
|
|
121
|
+
opacity: 1,
|
|
122
|
+
scale: 1,
|
|
123
|
+
animation: "100ms",
|
|
124
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
|
|
125
|
+
space: !0,
|
|
126
|
+
alignItems: "center",
|
|
127
|
+
children: [
|
|
128
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
|
|
129
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_icons.CheckCircle2, {})
|
|
130
|
+
}),
|
|
131
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
|
|
132
|
+
children: [
|
|
133
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_toast.Toast.Title, {
|
|
134
|
+
children: "Successfully saved!"
|
|
135
|
+
}),
|
|
136
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_toast.Toast.Description, {
|
|
137
|
+
children: "Don't worry... We've got your data."
|
|
138
|
+
})
|
|
139
|
+
]
|
|
140
|
+
})
|
|
141
|
+
]
|
|
142
|
+
})
|
|
143
|
+
},
|
|
144
|
+
// Sends to a viewport that supports multiple toasts with the `multipleToasts` prop
|
|
145
|
+
index
|
|
146
|
+
);
|
|
147
|
+
})
|
|
148
|
+
]
|
|
149
|
+
});
|
|
125
150
|
};
|
|
126
151
|
// Annotate the CommonJS export names for ESM import in node:
|
|
127
152
|
0 && (module.exports = {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/Users/n8/tamagui/packages/demos/src/ToastDuplicateDemo.tsx"],
|
|
4
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;
|
|
5
|
-
"names": ["ToastDuplicateDemo", "React", "useState", "savedCount", "setSavedCount", "YStack", "alignItems", "Button", "onPress", "old", "Array", "map", "_", "index", "Toast", "viewportName", "
|
|
4
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;uDAAA,sBAA6B,kCAC7B,eAAsB,2BACtB,eAAkB,2BAClB,iBAAuC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAKhC,IAAMA,qBAAqB,WAAA;AAChC,MAAoCC,kBAAAA,iBAAAA,aAAAA,QAAMC,SAAS,CAAA,GAAA,CAAA,GAA5CC,aAA6BF,gBAAAA,CAAAA,GAAjBG,gBAAiBH,gBAAAA,CAAAA;AAEpC,SACE,uCAAAI,MAACC,uBAAAA;IAAOC,YAAW;;MACjB,uCAAAC,KAACC,uBAAAA;QACCC,SAAS,WAAA;AACPN,wBAAc,SAACO,KAAAA;mBAAQA,MAAM;;QAC/B;kBACD;;MAGC,qBAAGC,MAAMT,UAAAA,CAAAA,EAAaU,IAAI,SAACC,GAAGC,OAAAA;eAC9B,uCAAAP;UAACQ;UAAAA;YACCC,cAAa;YAEbC,UAAU;YACVC,YAAY;cAAEC,SAAS;cAAGC,OAAO;cAAKC,GAAG;YAAI;YAC7CC,WAAW;cAAEH,SAAS;cAAGC,OAAO;cAAGC,GAAG;YAAI;YAC1CA,GAAG;YACHF,SAAS;YACTC,OAAO;YACPG,WAAU;sBAEV,uCAAAnB,MAACoB,uBAAAA;cAAOC,OAAK;cAACnB,YAAW;;gBACvB,uCAAAC,KAACF,uBAAAA;4BACC,uCAAAE,KAACmB,kCAAAA,CAAAA,CAAAA;;gBAGH,uCAAAtB,MAACC,uBAAAA;;oBACC,uCAAAE,KAACQ,mBAAMY,OAAK;gCAAC;;oBACb,uCAAApB,KAACQ,mBAAMa,aAAW;gCAAC;;;;;;;;UAhBlBd;QAAAA;;;;AAuBf;",
|
|
5
|
+
"names": ["ToastDuplicateDemo", "React", "useState", "savedCount", "setSavedCount", "_jsxs", "YStack", "alignItems", "_jsx", "Button", "onPress", "old", "Array", "map", "_", "index", "Toast", "viewportName", "duration", "enterStyle", "opacity", "scale", "y", "exitStyle", "animation", "XStack", "space", "CheckCircle2", "Title", "Description"]
|
|
6
6
|
}
|
|
@@ -18,65 +18,91 @@ __export(ToggleGroupDemo_exports, {
|
|
|
18
18
|
ToggleGroupDemo: () => ToggleGroupDemo
|
|
19
19
|
});
|
|
20
20
|
module.exports = __toCommonJS(ToggleGroupDemo_exports);
|
|
21
|
-
var import_lucide_icons = require("@tamagui/lucide-icons"), import_tamagui = require("tamagui");
|
|
21
|
+
var import_jsx_runtime = require("react/jsx-runtime"), import_lucide_icons = require("@tamagui/lucide-icons"), import_tamagui = require("tamagui");
|
|
22
22
|
function ToggleGroupDemo() {
|
|
23
|
-
return /* @__PURE__ */
|
|
24
|
-
paddingHorizontal: "$4"
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
23
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
|
|
24
|
+
paddingHorizontal: "$4",
|
|
25
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
|
|
26
|
+
alignItems: "center",
|
|
27
|
+
space: "$10",
|
|
28
|
+
children: [
|
|
29
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
|
|
30
|
+
alignItems: "center",
|
|
31
|
+
space: "$6",
|
|
32
|
+
children: [
|
|
33
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(ToggleGroupComponent, {
|
|
34
|
+
type: "single",
|
|
35
|
+
size: "$3",
|
|
36
|
+
orientation: "horizontal"
|
|
37
|
+
}),
|
|
38
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(ToggleGroupComponent, {
|
|
39
|
+
type: "multiple",
|
|
40
|
+
size: "$4",
|
|
41
|
+
orientation: "horizontal"
|
|
42
|
+
})
|
|
43
|
+
]
|
|
44
|
+
}),
|
|
45
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
|
|
46
|
+
alignItems: "center",
|
|
47
|
+
space: "$6",
|
|
48
|
+
children: [
|
|
49
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(ToggleGroupComponent, {
|
|
50
|
+
type: "single",
|
|
51
|
+
size: "$3",
|
|
52
|
+
orientation: "vertical"
|
|
53
|
+
}),
|
|
54
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(ToggleGroupComponent, {
|
|
55
|
+
type: "multiple",
|
|
56
|
+
size: "$4",
|
|
57
|
+
orientation: "vertical"
|
|
58
|
+
})
|
|
59
|
+
]
|
|
60
|
+
})
|
|
61
|
+
]
|
|
62
|
+
})
|
|
63
|
+
});
|
|
51
64
|
}
|
|
52
65
|
function ToggleGroupComponent(props) {
|
|
53
66
|
var id = "switch-".concat(props.size.toString().slice(1), "-").concat(props.type);
|
|
54
|
-
return /* @__PURE__ */
|
|
67
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
|
|
55
68
|
flexDirection: props.orientation === "horizontal" ? "row" : "column",
|
|
56
69
|
alignItems: "center",
|
|
57
70
|
justifyContent: "center",
|
|
58
|
-
space: "$4"
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
71
|
+
space: "$4",
|
|
72
|
+
children: [
|
|
73
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Label, {
|
|
74
|
+
paddingRight: "$0",
|
|
75
|
+
justifyContent: "flex-end",
|
|
76
|
+
size: props.size,
|
|
77
|
+
htmlFor: id,
|
|
78
|
+
children: props.type === "single" ? "Single" : "Multiple"
|
|
79
|
+
}),
|
|
80
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.ToggleGroup, {
|
|
81
|
+
orientation: props.orientation,
|
|
82
|
+
id,
|
|
83
|
+
type: props.type,
|
|
84
|
+
size: props.size,
|
|
85
|
+
disableDeactivation: props.type === "single" ? !0 : void 0,
|
|
86
|
+
children: [
|
|
87
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.ToggleGroup.Item, {
|
|
88
|
+
value: "left",
|
|
89
|
+
"aria-label": "Left aligned",
|
|
90
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_icons.AlignLeft, {})
|
|
91
|
+
}),
|
|
92
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.ToggleGroup.Item, {
|
|
93
|
+
value: "center",
|
|
94
|
+
"aria-label": "Center aligned",
|
|
95
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_icons.AlignCenter, {})
|
|
96
|
+
}),
|
|
97
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.ToggleGroup.Item, {
|
|
98
|
+
value: "right",
|
|
99
|
+
"aria-label": "Right aligned",
|
|
100
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_icons.AlignRight, {})
|
|
101
|
+
})
|
|
102
|
+
]
|
|
103
|
+
})
|
|
104
|
+
]
|
|
105
|
+
});
|
|
80
106
|
}
|
|
81
107
|
// Annotate the CommonJS export names for ESM import in node:
|
|
82
108
|
0 && (module.exports = {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/Users/n8/tamagui/packages/demos/src/ToggleGroupDemo.tsx"],
|
|
4
|
-
"mappings": "
|
|
5
|
-
"names": ["ToggleGroupDemo", "YStack", "paddingHorizontal", "XStack", "alignItems", "space", "ToggleGroupComponent", "type", "size", "orientation", "props", "id", "toString", "slice", "flexDirection", "justifyContent", "Label", "paddingRight", "htmlFor", "ToggleGroup", "disableDeactivation", "undefined", "Item", "value", "aria-label", "AlignLeft", "AlignCenter", "AlignRight"]
|
|
4
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;uDAAA,sBAAmD,kCAEnD,iBAAmD;AAE5C,SAASA,kBAAAA;AACd,SACE,uCAAAC,KAACC,uBAAAA;IAAOC,mBAAkB;cACxB,uCAAAC,MAACC,uBAAAA;MAAOC,YAAW;MAASC,OAAM;;QAChC,uCAAAH,MAACF,uBAAAA;UAAOI,YAAW;UAASC,OAAM;;YAChC,uCAAAN,KAACO,sBAAAA;cAAqBC,MAAK;cAASC,MAAK;cAAKC,aAAY;;YAC1D,uCAAAV,KAACO,sBAAAA;cAAqBC,MAAK;cAAWC,MAAK;cAAKC,aAAY;;;;QAE9D,uCAAAP,MAACC,uBAAAA;UAAOC,YAAW;UAASC,OAAM;;YAChC,uCAAAN,KAACO,sBAAAA;cAAqBC,MAAK;cAASC,MAAK;cAAKC,aAAY;;YAC1D,uCAAAV,KAACO,sBAAAA;cAAqBC,MAAK;cAAWC,MAAK;cAAKC,aAAY;;;;;;;AAKtE;AAEA,SAASH,qBAAqBI,OAI7B;AACC,MAAMC,KAAM,UAA2CD,OAAlCA,MAAMF,KAAKI,SAAQ,EAAGC,MAAM,CAAA,GAAG,GAAA,EAAc,OAAXH,MAAMH,IAAI;AACjE,SACE,uCAAAL,MAACC,uBAAAA;IACCW,eAAeJ,MAAMD,gBAAgB,eAAe,QAAQ;IAC5DL,YAAW;IACXW,gBAAe;IACfV,OAAM;;MAEN,uCAAAN,KAACiB,sBAAAA;QAAMC,cAAa;QAAKF,gBAAe;QAAWP,MAAME,MAAMF;QAAMU,SAASP;kBAC3ED,MAAMH,SAAS,WAAW,WAAW;;MAGxC,uCAAAL,MAACiB,4BAAAA;QACCV,aAAaC,MAAMD;QACnBE;QACAJ,MAAMG,MAAMH;QACZC,MAAME,MAAMF;QACZY,qBAAqBV,MAAMH,SAAS,WAAW,KAAOc;;UAEtD,uCAAAtB,KAACoB,2BAAYG,MAAI;YAACC,OAAM;YAAOC,cAAW;sBACxC,uCAAAzB,KAAC0B,+BAAAA,CAAAA,CAAAA;;UAEH,uCAAA1B,KAACoB,2BAAYG,MAAI;YAACC,OAAM;YAASC,cAAW;sBAC1C,uCAAAzB,KAAC2B,iCAAAA,CAAAA,CAAAA;;UAEH,uCAAA3B,KAACoB,2BAAYG,MAAI;YAACC,OAAM;YAAQC,cAAW;sBACzC,uCAAAzB,KAAC4B,gCAAAA,CAAAA,CAAAA;;;;;;AAKX;",
|
|
5
|
+
"names": ["ToggleGroupDemo", "_jsx", "YStack", "paddingHorizontal", "_jsxs", "XStack", "alignItems", "space", "ToggleGroupComponent", "type", "size", "orientation", "props", "id", "toString", "slice", "flexDirection", "justifyContent", "Label", "paddingRight", "htmlFor", "ToggleGroup", "disableDeactivation", "undefined", "Item", "value", "aria-label", "AlignLeft", "AlignCenter", "AlignRight"]
|
|
6
6
|
}
|
|
@@ -18,7 +18,7 @@ __export(TokensDemo_exports, {
|
|
|
18
18
|
TokensDemo: () => TokensDemo
|
|
19
19
|
});
|
|
20
20
|
module.exports = __toCommonJS(TokensDemo_exports);
|
|
21
|
-
var import_core = require("@tamagui/core"), import_react = require("react"), import_tamagui = require("tamagui");
|
|
21
|
+
var import_jsx_runtime = require("react/jsx-runtime"), import_core = require("@tamagui/core"), import_react = require("react"), import_tamagui = require("tamagui");
|
|
22
22
|
function _array_like_to_array(arr, len) {
|
|
23
23
|
(len == null || len > arr.length) && (len = arr.length);
|
|
24
24
|
for (var i = 0, arr2 = new Array(len); i < len; i++)
|
|
@@ -105,26 +105,32 @@ var sections = [
|
|
|
105
105
|
];
|
|
106
106
|
function TokensDemo() {
|
|
107
107
|
var _useState = _sliced_to_array((0, import_react.useState)("size"), 2), section = _useState[0], setSection = _useState[1];
|
|
108
|
-
return /* @__PURE__ */
|
|
109
|
-
space: !0
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
108
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
|
|
109
|
+
space: !0,
|
|
110
|
+
children: [
|
|
111
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.XGroup, {
|
|
112
|
+
alignItems: "center",
|
|
113
|
+
alignSelf: "center",
|
|
114
|
+
children: sections.map(function(param) {
|
|
115
|
+
var name = param.name, key = param.key;
|
|
116
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.XGroup.Item, {
|
|
117
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, {
|
|
118
|
+
size: "$3",
|
|
119
|
+
theme: section === key ? "active" : null,
|
|
120
|
+
fontFamily: "$silkscreen",
|
|
121
|
+
onPress: function() {
|
|
122
|
+
return setSection(key);
|
|
123
|
+
},
|
|
124
|
+
children: name
|
|
125
|
+
})
|
|
126
|
+
}, key);
|
|
127
|
+
})
|
|
128
|
+
}),
|
|
129
|
+
(section === "size" || section === "spaceNegative" || section === "space" || section === "radius") && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SizeSection, {
|
|
130
|
+
section
|
|
131
|
+
})
|
|
132
|
+
]
|
|
133
|
+
});
|
|
128
134
|
}
|
|
129
135
|
function SizeSection(param) {
|
|
130
136
|
var section = param.section, allTokens = (0, import_core.getConfig)().tokens, tokens = allTokens[section.startsWith("space") ? "space" : section], st = Object.keys(tokens).sort(function(a, b) {
|
|
@@ -136,40 +142,61 @@ function SizeSection(param) {
|
|
|
136
142
|
}).sort(function(a, b) {
|
|
137
143
|
return parseFloat(a) > parseFloat(b) ? -1 : 1;
|
|
138
144
|
});
|
|
139
|
-
return /* @__PURE__ */
|
|
145
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
|
|
140
146
|
flex: 1,
|
|
141
|
-
space: !0
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
|
|
147
|
+
space: !0,
|
|
148
|
+
children: [
|
|
149
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.H2, {
|
|
150
|
+
children: "Sizes"
|
|
151
|
+
}),
|
|
152
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
|
|
153
|
+
width: "100%",
|
|
154
|
+
space: "$2",
|
|
155
|
+
separator: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Separator, {}),
|
|
156
|
+
children: (section === "spaceNegative" ? spaceTokensNegative : spaceTokens).map(function(token) {
|
|
157
|
+
var _tokens_token, _tokens_token1, _tokens_, _allTokens_size_token, _tokens_token2, _spaceTokensNegative_find;
|
|
158
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
|
|
159
|
+
width: "100%",
|
|
160
|
+
alignItems: "center",
|
|
161
|
+
children: [
|
|
162
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
|
|
163
|
+
width: "25%",
|
|
164
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.H3, {
|
|
165
|
+
size: "$6",
|
|
166
|
+
children: [
|
|
167
|
+
"$",
|
|
168
|
+
token
|
|
169
|
+
]
|
|
170
|
+
})
|
|
171
|
+
}),
|
|
172
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
|
|
173
|
+
width: "20%",
|
|
174
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.H4, {
|
|
175
|
+
size: "$5",
|
|
176
|
+
children: [
|
|
177
|
+
(_tokens_token = tokens[token]) === null || _tokens_token === void 0 ? void 0 : _tokens_token.val,
|
|
178
|
+
"px"
|
|
179
|
+
]
|
|
180
|
+
})
|
|
181
|
+
}),
|
|
182
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Square, _object_spread({
|
|
183
|
+
size: (_tokens_token1 = tokens[token]) === null || _tokens_token1 === void 0 ? void 0 : _tokens_token1.val,
|
|
184
|
+
backgroundColor: "$color5"
|
|
185
|
+
}, section === "spaceNegative" && {
|
|
186
|
+
backgroundColor: "$red5",
|
|
187
|
+
size: -((_tokens_ = tokens[(_spaceTokensNegative_find = spaceTokensNegative.find(function(t) {
|
|
188
|
+
return parseFloat(t) === -parseFloat(token);
|
|
189
|
+
})) !== null && _spaceTokensNegative_find !== void 0 ? _spaceTokensNegative_find : token]) === null || _tokens_ === void 0 ? void 0 : _tokens_.val)
|
|
190
|
+
}, section === "radius" && {
|
|
191
|
+
size: (_allTokens_size_token = allTokens.size[token]) === null || _allTokens_size_token === void 0 ? void 0 : _allTokens_size_token.val,
|
|
192
|
+
borderRadius: (_tokens_token2 = tokens[token]) === null || _tokens_token2 === void 0 ? void 0 : _tokens_token2.val
|
|
193
|
+
}))
|
|
194
|
+
]
|
|
195
|
+
}, token);
|
|
196
|
+
})
|
|
197
|
+
})
|
|
198
|
+
]
|
|
199
|
+
});
|
|
173
200
|
}
|
|
174
201
|
// Annotate the CommonJS export names for ESM import in node:
|
|
175
202
|
0 && (module.exports = {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/Users/n8/tamagui/packages/demos/src/TokensDemo.tsx"],
|
|
4
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;
|
|
5
|
-
"names": ["sections", "name", "key", "TokensDemo", "useState", "section", "setSection", "YStack", "space", "XGroup", "alignItems", "alignSelf", "map", "Item", "Button", "size", "theme", "fontFamily", "onPress", "SizeSection", "allTokens", "getConfig", "tokens", "startsWith", "st", "Object", "keys", "sort", "a", "b", "parseFloat", "spaceTokens", "filter", "t", "spaceTokensNegative", "flex", "H2", "width", "separator", "Separator", "token", "XStack", "H3", "H4", "val", "Square", "backgroundColor", "find", "borderRadius"]
|
|
4
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;uDACA,cAA0B,0BAC1B,eAAyB,kBACzB,iBAA8E;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAI9E,IAAMA,WAA6C;EACjD;IACEC,MAAO;IACPC,KAAM;EACR;EACA;IACED,MAAO;IACPC,KAAK;EACP;EACA;IACED,MAAO;IACPC,KAAM;EACR;EACA;IACED,MAAO;IACPC,KAAM;EACR;;AAGK,SAASC,aAAAA;AACd,MAA8BC,YAAAA,qBAAAA,uBAAkB,MAAA,GAAA,CAAA,GAAzCC,UAAuBD,UAAAA,CAAAA,GAAdE,aAAcF,UAAAA,CAAAA;AAE9B,SACE,uCAAAG,MAACC,uBAAAA;IAAOC,OAAK;;MACX,uCAAAC,KAACC,uBAAAA;QAAOC,YAAW;QAASC,WAAU;kBACnCb,SAASc,IAAI,SAAA,OAAA;cAAGb,OAAAA,MAAAA,MAAMC,MAAAA,MAAAA;AACrB,iBACE,uCAAAQ,KAACC,sBAAOI,MAAI;sBACV,uCAAAL,KAACM,uBAAAA;cACCC,MAAK;cACLC,OAAOb,YAAYH,MAAM,WAAW;cACpCiB,YAAW;cACXC,SAAS,WAAA;uBAAMd,WAAWJ,GAAAA;;wBAEzBD;;aAPaC,GAAAA;QAWtB,CAAA;;OAGAG,YAAY,UACZA,YAAY,mBACZA,YAAY,WACZA,YAAY,aAAa,uCAAAK,KAACW,aAAAA;QAAYhB;;;;AAG9C;AAEA,SAASgB,YAAY,OAAiC;MAA/BhB,UAAF,MAAEA,SACfiB,gBAAYC,uBAAAA,EAAYC,QACxBA,SAASF,UAAUjB,QAAQoB,WAAW,OAAA,IAAW,UAAUpB,OAAAA,GAC3DqB,KAAKC,OAAOC,KAAKJ,MAAAA,EAAQK,KAAK,SAACC,GAAGC,GAAAA;WAAOC,WAAWF,CAAAA,IAAKE,WAAWD,CAAAA,IAAK,IAAI;MAC7EE,cAAcP,GAAGQ,OAAO,SAACC,GAAAA;WAAMH,WAAWG,CAAAA,KAAM;MAChDC,sBAAsBV,GACzBQ,OAAO,SAACC,GAAAA;WAAMH,WAAWG,CAAAA,IAAK;KAC9BN,KAAK,SAACC,GAAGC,GAAAA;WAAOC,WAAWF,CAAAA,IAAKE,WAAWD,CAAAA,IAAK,KAAK;;AAExD,SACE,uCAAAxB,MAACC,uBAAAA;IAAO6B,MAAM;IAAG5B,OAAK;;MACpB,uCAAAC,KAAC4B,mBAAAA;kBAAG;;MACJ,uCAAA5B,KAACF,uBAAAA;QAAO+B,OAAM;QAAO9B,OAAM;QAAK+B,WAAW,uCAAA9B,KAAC+B,0BAAAA,CAAAA,CAAAA;mBACxCpC,YAAY,kBAAkB+B,sBAAsBH,aAAanB,IACjE,SAAC4B,OAAAA;cAOsBlB,eAGTA,gBAKDA,UAOGF,uBACQE,gBAPVY;AAfZ,iBACE,uCAAA7B,MAACoC,uBAAAA;YAAOJ,OAAM;YAAO3B,YAAW;;cAC9B,uCAAAF,KAACF,uBAAAA;gBAAO+B,OAAM;0BACZ,uCAAAhC,MAACqC,mBAAAA;kBAAG3B,MAAK;;oBAAK;oBAAEyB;;;;cAElB,uCAAAhC,KAACF,uBAAAA;gBAAO+B,OAAM;0BACZ,uCAAAhC,MAACsC,mBAAAA;kBAAG5B,MAAK;;qBAAMO,gBAAAA,OAAOkB,KAAAA,OAAM,QAAblB,kBAAAA,SAAAA,SAAAA,cAAesB;oBAAI;;;;cAEpC,uCAAApC,KAACqC,uBAAAA,eAAAA;gBACC9B,OAAMO,iBAAAA,OAAOkB,KAAAA,OAAM,QAAblB,mBAAAA,SAAAA,SAAAA,eAAesB;gBACrBE,iBAAgB;iBACX3C,YAAY,mBAAmB;gBAClC2C,iBAAiB;gBACjB/B,MACE,GAACO,WAAAA,QACCY,4BAAAA,oBAAoBa,KAClB,SAACd,GAAAA;yBAAMH,WAAWG,CAAAA,MAAO,CAACH,WAAWU,KAAAA;gCADvCN,8BAAAA,SAAAA,4BAEKM,KAAAA,OACN,QAJAlB,aAAAA,SAAAA,SAAAA,SAIEsB;cACP,GACKzC,YAAY,YAAY;gBAC3BY,OAAMK,wBAAAA,UAAUL,KAAKyB,KAAAA,OAAM,QAArBpB,0BAAAA,SAAAA,SAAAA,sBAAuBwB;gBAC7BI,eAAc1B,iBAAAA,OAAOkB,KAAAA,OAAM,QAAblB,mBAAAA,SAAAA,SAAAA,eAAesB;cAC/B,CAAA,CAAA;;aAtB0CJ,KAAAA;QA0BlD,CAAA;;;;AAKV;",
|
|
5
|
+
"names": ["sections", "name", "key", "TokensDemo", "useState", "section", "setSection", "_jsxs", "YStack", "space", "_jsx", "XGroup", "alignItems", "alignSelf", "map", "Item", "Button", "size", "theme", "fontFamily", "onPress", "SizeSection", "allTokens", "getConfig", "tokens", "startsWith", "st", "Object", "keys", "sort", "a", "b", "parseFloat", "spaceTokens", "filter", "t", "spaceTokensNegative", "flex", "H2", "width", "separator", "Separator", "token", "XStack", "H3", "H4", "val", "Square", "backgroundColor", "find", "borderRadius"]
|
|
6
6
|
}
|