adding default palette to theme

.gitignore

@@ -9,6 +9,9 @@ npm-debug.*
 *.orig.*
 web-build/
 
+# Coverage
+coverage/
+
 # macOS
 .DS_Store
 

app.json

@@ -4,9 +4,7 @@
     "slug": "ninpo-ui",
     "version": "1.0.0",
     "orientation": "portrait",
-    "icon": "./assets/icon.png",
     "splash": {
-      "image": "./assets/splash.png",
       "resizeMode": "contain",
       "backgroundColor": "#ffffff"
     },
@@ -21,12 +19,9 @@
     },
     "android": {
       "adaptiveIcon": {
-        "foregroundImage": "./assets/adaptive-icon.png",
         "backgroundColor": "#FFFFFF"
       }
     },
-    "web": {
-      "favicon": "./assets/favicon.png"
-    }
+    "web": {}
   }
 }

package.json

@@ -1,5 +1,5 @@
 {
-  "main": "lib/commonjs/index.js",
+  "main": "node_modules/expo/AppEntry.js",
   "scripts": {
     "prestorybook": "rnstl",
     "start": "expo start",
@@ -25,6 +25,7 @@
     "react": "16.13.1",
     "react-dom": "16.13.1",
     "react-native": "https://github.com/expo/react-native/archive/sdk-42.0.0.tar.gz",
+    "react-native-aria": "^0.2.3",
     "react-native-web": "~0.13.12"
   },
   "devDependencies": {

src/components/Button/Button.tsx

@@ -1,4 +1,3 @@
-// Button.tsx
 import React from "react";
 import { BoxProps, TextProps } from "@shopify/restyle";
 import { ActivityIndicator, TouchableHighlight } from "react-native";
@@ -23,7 +22,7 @@ const Button: React.FC<ButtonProps> = ({
     <Box
       py="m"
       px="xl"
-      backgroundColor="primary"
+      backgroundColor="primary500"
       borderRadius={8}
       shadowOffset={{ height: 2, width: 0 }}
       shadowRadius={5}

src/theme.ts

@@ -1,21 +1,34 @@
 import { createTheme } from "@shopify/restyle";
 
 const palette = {
-  purpleLight: "#8C6FF7",
-  purplePrimary: "#5A31F4",
-  purpleDark: "#3F22AB",
-
-  greenLight: "#56DCBA",
-  greenPrimary: "#0ECD9D",
-  greenDark: "#0A906E",
-
   black: "#0B0B0B",
   white: "#F0F2F3",
 };
 
 const theme = createTheme({
   colors: {
-    primary: palette.purplePrimary,
+    primary50: "#e5e8ff",
+    primary100: "#e1e5ff",
+    primary200: "#c3caff",
+    primary300: "#a6b0ff",
+    primary400: "#8895ff",
+    primary500: "#6a7bff",
+    primary600: "#5562cc",
+    primary700: "#404a99",
+    primary800: "#2a3166",
+    primary900: "#151933",
+
+    secondary50: "#fff0f9",
+    secondary100: "#ffe1f4",
+    secondary200: "#ffc3e8",
+    secondary300: "#ffa6dd",
+    secondary400: "#ff88d1",
+    secondary500: "#ff6ac6",
+    secondary600: "#cc559e",
+    secondary700: "#994077",
+    secondary800: "#662a4f",
+    secondary900: "#331528",
+
     ...palette,
   },
   spacing: {

tsconfig.json

@@ -9,7 +9,7 @@
     "dist",
     "lib",
     "**/*.spec.ts",
-    "**/*.stories.[tj]sx",
+    "**/*.story.[tj]sx",
     "**/*.test.[tj]sx",
     "App.test.tsx",
     "App.tsx"