@tamagui/demos 1.61.3 → 1.62.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tamagui/demos",
-  "version": "1.61.3",
+  "version": "1.62.0",
   "sideEffects": [
     "*.css"
   ],
@@ -33,29 +33,29 @@
     }
   },
   "dependencies": {
-    "@tamagui/avatar": "1.61.3",
-    "@tamagui/button": "1.61.3",
-    "@tamagui/core": "1.61.3",
-    "@tamagui/list-item": "1.61.3",
-    "@tamagui/logo": "1.61.3",
-    "@tamagui/menu": "1.61.3",
-    "@tamagui/popover": "1.61.3",
-    "@tamagui/progress": "1.61.3",
-    "@tamagui/radio-group": "1.61.3",
-    "@tamagui/select": "1.61.3",
-    "@tamagui/sheet": "1.61.3",
-    "@tamagui/site-config": "1.61.3",
-    "@tamagui/slider": "1.61.3",
-    "@tamagui/stacks": "1.61.3",
-    "@tamagui/toast": "1.61.3",
-    "tamagui": "1.61.3"
+    "@tamagui/avatar": "1.62.0",
+    "@tamagui/button": "1.62.0",
+    "@tamagui/core": "1.62.0",
+    "@tamagui/list-item": "1.62.0",
+    "@tamagui/logo": "1.62.0",
+    "@tamagui/menu": "1.62.0",
+    "@tamagui/popover": "1.62.0",
+    "@tamagui/progress": "1.62.0",
+    "@tamagui/radio-group": "1.62.0",
+    "@tamagui/select": "1.62.0",
+    "@tamagui/sheet": "1.62.0",
+    "@tamagui/site-config": "1.62.0",
+    "@tamagui/slider": "1.62.0",
+    "@tamagui/stacks": "1.62.0",
+    "@tamagui/toast": "1.62.0",
+    "tamagui": "1.62.0"
   },
   "peerDependencies": {
     "react": "*",
     "react-dom": "*"
   },
   "devDependencies": {
-    "@tamagui/build": "1.61.3",
+    "@tamagui/build": "1.62.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0"
   },

package/src/DialogDemo.tsx

@@ -36,7 +36,7 @@ function DialogInstance() {
       </Dialog.Trigger>
 
       <Adapt when="sm" platform="touch">
-        <Sheet zIndex={200000} modal dismissOnSnapToBottom>
+        <Sheet animation="medium" zIndex={200000} modal dismissOnSnapToBottom>
           <Sheet.Frame padding="$4" gap="$4">
             <Adapt.Contents />
           </Sheet.Frame>

package/src/SheetDemo.tsx

@@ -75,7 +75,7 @@ export const SheetDemo = () => {
         position={position}
         onPositionChange={setPosition}
         zIndex={100_000}
-        animation="bouncy"
+        animation="medium"
       >
         <Sheet.Overlay
           animation="lazy"
@@ -105,29 +105,35 @@ export const SheetDemo = () => {
 
 function InnerSheet(props: SheetProps) {
   return (
-    <Sheet modal snapPoints={[90]} dismissOnSnapToBottom {...props}>
-      <Sheet.Overlay />
+    <Sheet animation="medium" modal snapPoints={[90]} dismissOnSnapToBottom {...props}>
+      <Sheet.Overlay
+        animation="medium"
+        enterStyle={{ opacity: 0 }}
+        exitStyle={{ opacity: 0 }}
+      />
       <Sheet.Handle />
       <Sheet.Frame flex={1} justifyContent="center" alignItems="center" space="$5">
-        <Sheet.ScrollView padding="$4" space>
-          <Button
-            size="$8"
-            circular
-            alignSelf="center"
-            icon={ChevronDown}
-            onPress={() => props.onOpenChange?.(false)}
-          />
-          <H1>Hello world</H1>
-          <H2>You can scroll me</H2>
-          {[1, 2, 3].map((i) => (
-            <Paragraph key={i} size="$10">
-              Eu officia sunt ipsum nisi dolore labore est laborum laborum in esse ad
-              pariatur. Dolor excepteur esse deserunt voluptate labore ea. Exercitation
-              ipsum deserunt occaecat cupidatat consequat est adipisicing velit cupidatat
-              ullamco veniam aliquip reprehenderit officia. Officia labore culpa ullamco
-              velit. In sit occaecat velit ipsum fugiat esse aliqua dolor sint.
-            </Paragraph>
-          ))}
+        <Sheet.ScrollView>
+          <YStack p="$5" gap="$8">
+            <Button
+              size="$6"
+              circular
+              alignSelf="center"
+              icon={ChevronDown}
+              onPress={() => props.onOpenChange?.(false)}
+            />
+            <H2>Hello world</H2>
+            {[1, 2, 3, 4, 5, 6, 7, 8].map((i) => (
+              <Paragraph key={i} size="$8">
+                Eu officia sunt ipsum nisi dolore labore est laborum laborum in esse ad
+                pariatur. Dolor excepteur esse deserunt voluptate labore ea. Exercitation
+                ipsum deserunt occaecat cupidatat consequat est adipisicing velit
+                cupidatat ullamco veniam aliquip reprehenderit officia. Officia labore
+                culpa ullamco velit. In sit occaecat velit ipsum fugiat esse aliqua dolor
+                sint.
+              </Paragraph>
+            ))}
+          </YStack>
         </Sheet.ScrollView>
       </Sheet.Frame>
     </Sheet>