chore: export design system components

Author: d0422

packages/design-system/index.ts

@@ -0,0 +1 @@
+export * from './src/Button';

packages/design-system/package.json

@@ -2,6 +2,7 @@
   "name": "design-system",
   "version": "0.0.1",
   "private": true,
+  "main": "index.ts",
   "scripts": {
     "storybook": "storybook dev -p 6006",
     "build-storybook": "storybook build"

packages/design-system/src/Button.tsx

@@ -7,13 +7,11 @@ export type ButtonProps = {
 };
 
 export const Button = ({ text, onPress }: ButtonProps) => (
-  <View className="justify-start flex-1">
-    <TouchableOpacity
-      className="px-4 py-2 flex justify-start bg-purple-700 rounded-md"
-      onPress={onPress}
-      activeOpacity={0.8}
-    >
-      <Text className="text-white text-base font-bold">{text}</Text>
-    </TouchableOpacity>
-  </View>
+  <TouchableOpacity
+    className="px-4 py-2 flex justify-start bg-purple-700 rounded-md"
+    onPress={onPress}
+    activeOpacity={0.8}
+  >
+    <Text className="text-white text-base font-bold">{text}</Text>
+  </TouchableOpacity>
 );

packages/design-system/tailwind.config.js

@@ -1,5 +1,4 @@
 const { tailwindConfig } = require('tailwind-config');
-
 module.exports = {
   ...tailwindConfig,
 };