create-expo-stack 2.20.0-next.ff2bed4 → 2.21.0-next.0cb36d0

package/build/templates/packages/restyle/theme/theme.ts.ejs

@@ -1,67 +0,0 @@
-import { createTheme, useTheme as useRestyleTheme } from '@shopify/restyle';
-import { ImageStyle, TextStyle, ViewStyle } from 'react-native';
-
-type NamedStyles<T> = {
-  [P in keyof T]: ViewStyle | TextStyle | ImageStyle;
-};
-
-const palette = {
-  gray: '#808080',
-  blue: '#007AFF',
-  darkGray: '#38434D',
-  white: '#FFFFFF',
-  black: '#000000',
-  purple: '#6366F1',
-};
-
-const theme = createTheme({
-  colors: {
-    ...palette
-  },
-  spacing: {
-    xs_4: 4,
-    s_8: 8,
-    sm_12: 12,
-    m_16: 16,
-    ml_24: 24,
-    l_32: 32,
-    xl_64: 64,
-  },
-  borderRadii: {
-    s_3: 3,
-    m_6: 6,
-    l_12: 12,
-    xl_24: 24,
-  },
-  textVariants: {
-    body: {
-      fontSize: 16,
-    },
-    title: { fontSize: 20, fontWeight: 'bold' },
-    large: {
-      fontSize: 36,
-    },
-    extra_large: {
-      fontSize: 64,
-      fontWeight: 'bold',
-    },
-    defaults: {
-      // We can define a default text variant here.
-    }
-  }
-});
-
-export const useTheme = () => {
-  return useRestyleTheme<Theme>();
-};
-
-export const makeStyles = <T extends NamedStyles<T> | NamedStyles<unknown>>(
-  styles: (theme: Theme) => T,
-) => {
-  return () => {
-    return styles(theme);
-  };
-};
-
-export type Theme = typeof theme;
-export default theme;

package/build/templates/packages/tamagui/components/BackButton.tsx.ejs

@@ -1,19 +0,0 @@
-import { Feather } from '@expo/vector-icons';
-import { Button, Text } from 'tamagui';
-
-export const BackButton = ({ onPress }: { onPress: () => void }) => {
-  return (
-    <Button
-      unstyled
-      flexDirection="row"
-      backgroundColor="transparent"
-      pressStyle={{
-        opacity: 0.5,
-      }}
-      paddingLeft={20}
-      onPress={onPress}
-      icon={<Feather name="chevron-left" size={16} color="#007AFF" />}>
-      <Text color="#007AFF">Back</Text>
-    </Button>
-  );
-};

package/build/templates/packages/tamagui/components/Button.tsx.ejs

@@ -1,18 +0,0 @@
-import { ComponentProps, forwardRef } from 'react';
-import { TamaguiElement } from 'tamagui';
-
-import { Button as TButton } from '../tamagui.config';
-
-type ButtonProps = {
-  title: string;
-} & ComponentProps<typeof TButton>;
-
-export const Button = forwardRef<TamaguiElement, ButtonProps>(({ title, ...tButtonProps }, ref) => {
-  return (
-    <TButton {...tButtonProps} ref={ref}>
-      {title}
-    </TButton>
-  );
-});
-
-Button.displayName = 'Button';

package/build/templates/packages/tamagui/components/Container.tsx.ejs

@@ -1,6 +0,0 @@
-import { YStack } from 'tamagui';
-
-export const Container = ({ children }: { children: React.ReactNode }) => {
-  return <YStack flex={1} padding="$6">{children}</YStack>;
-};
-

package/build/templates/packages/tamagui/components/EditScreenInfo.tsx.ejs

@@ -1,29 +0,0 @@
-import { YStack, H4, Paragraph } from 'tamagui';
-
-<% if (props.internalizationPackage?.name === "i18next") { %>
-import { useTranslation } from 'react-i18next';
-<% } %>
-
-export const EditScreenInfo = ({ path }: { path: string }) => {
-<% if (props.internalizationPackage?.name === "i18next") { %>
-  const { t } = useTranslation();
-  const title = t('getStarted');
-  const description = t('changeCode')
-<% } else { %>
-  const title = "Open up the code for this screen:"
-  const description = "Change any of the text, save the file, and your app will automatically update."
-<% } %>
-  return (
-    <YStack>
-      <YStack alignItems="center" marginHorizontal="$6">
-        <H4>{title}</H4>
-        <YStack borderRadius="$3" marginVertical="$1">
-          <Paragraph>{path}</Paragraph>
-        </YStack>
-        <Paragraph>
-          {description}
-        </Paragraph>
-      </YStack>
-    </YStack>
-  );
-};

package/build/templates/packages/tamagui/components/ScreenContent.tsx.ejs

@@ -1,23 +0,0 @@
-import React from 'react';
-import { YStack, H2, Separator, Theme } from 'tamagui';
-
-import { EditScreenInfo } from './EditScreenInfo';
-
-type ScreenContentProps = {
-  title: string;
-  path: string;
-  children?: React.ReactNode;
-};
-
-export const ScreenContent = ({ title, path, children}: ScreenContentProps) => {
-  return (
-    <Theme name="light">
-      <YStack flex={1} alignItems="center" justifyContent="center" backgroundColor="white">
-        <H2>{title}</H2>
-        <Separator />
-        <EditScreenInfo path={path} />
-        {children}
-      </YStack>
-    </Theme>
-  );
-};

package/build/templates/packages/tamagui/tamagui.config.ts.ejs

@@ -1,130 +0,0 @@
-import { createAnimations } from "@tamagui/animations-react-native";
-import { createInterFont } from "@tamagui/font-inter";
-import { createMedia } from "@tamagui/react-native-media-driver";
-import { shorthands } from "@tamagui/shorthands";
-import { themes, tokens } from "@tamagui/themes";
-<% if (props.navigationPackage?.type === "navigation") { %>
-	import { createTamagui, styled, SizableText, H1, YStack, Button as ButtonTamagui } from "tamagui";
-<% } else { %>
-  import { createTamagui } from "tamagui";
-<% } %>
-
-const animations = createAnimations({
-	bouncy: {
-    damping: 10,
-    mass: 0.9,
-		stiffness: 100,
-		type: 'spring',
-	},
-	lazy: {
-    damping: 20,
-		type: 'spring',
-		stiffness: 60,
-	},
-	quick: {
-    damping: 20,
-    mass: 1.2,
-		stiffness: 250,
-		type: 'spring',
-	},
-});
-
-const headingFont = createInterFont();
-
-const bodyFont = createInterFont();
-
-<% if (props.navigationPackage?.type === "navigation") { %>
-  export const Container = styled(YStack, {
-		flex: 1,
-		padding: 24,
-	});
-
-	export const Main = styled(YStack, {
-		flex: 1,
-    justifyContent: 'space-between',
-		maxWidth: 960,
-	});
-
-	export const Title = styled(H1, {
-    color: '#000',
-    size: '$12',
-  });
-
-  export const Subtitle = styled(SizableText, {
-    color: '#38434D',
-    size: '$9',
-  });
-
-  export const Button = styled(ButtonTamagui, {
-    backgroundColor: '#6366F1',
-    borderRadius: 28,
-    hoverStyle: {
-      backgroundColor: '#5a5fcf',
-    },
-    pressStyle: {
-      backgroundColor: '#5a5fcf',
-    },
-    maxWidth: 500,
-
-    // Shaddows
-    shadowColor: '#000',
-    shadowOffset: {
-      height: 2,
-      width: 0,
-    },
-    shadowOpacity: 0.25,
-    shadowRadius: 3.84,
-
-    // Button text
-    color: '#FFFFFF',
-    fontWeight: '600', // Is not passed down to the text. Probably a bug in Tamagui: https://github.com/tamagui/tamagui/issues/1156#issuecomment-1802594930
-    fontSize: 16,
-  });
-<% } %>
-
-const config = createTamagui({
-	light: {
-		color: {
-			background: "gray",
-			text: "black",
-		}
-	},
-	defaultFont: "body",
-	animations,
-	shouldAddPrefersColorThemes: true,
-	themeClassNameOnRoot: true,
-	shorthands,
-	fonts: {
-		body: bodyFont,
-		heading: headingFont,
-	},
-	themes,
-	tokens,
-	media: createMedia({
-		xs: { maxWidth: 660 },
-		sm: { maxWidth: 800 },
-		md: { maxWidth: 1020 },
-		lg: { maxWidth: 1280 },
-		xl: { maxWidth: 1420 },
-		xxl: { maxWidth: 1600 },
-		gtXs: { minWidth: 660 + 1 },
-		gtSm: { minWidth: 800 + 1 },
-		gtMd: { minWidth: 1020 + 1 },
-		gtLg: { minWidth: 1280 + 1 },
-		short: { maxHeight: 820 },
-		tall: { minHeight: 820 },
-		hoverNone: { hover: "none" },
-		pointerCoarse: { pointer: "coarse" },
-	}),
-});
-
-type AppConfig = typeof config;
-
-// Enable auto-completion of props shorthand (ex: jc="center") for Tamagui templates.
-// Docs: https://tamagui.dev/docs/core/configuration
-
-declare module "tamagui" {
-  interface TamaguiCustomConfig extends AppConfig {}
-}
-
-export default config;