Introduces AppLoading, AppTextInput, Button components redesign

styles/containers.js

@@ -13,6 +13,16 @@ export default {
     flex: 1,
     justifyContent: 'center'
   },
+  greyBorder: {
+    borderColor: Colors.greyLight,
+    borderRadius: 5,
+    borderStyle: 'solid',
+    borderWidth: 1,
+  },
   marginBottom: { marginBottom: Spacing.base },
+  orangeButton: {
+    backgroundColor: Colors.orange,
+    borderRadius: 25
+  },
   segmentContainer: { marginHorizontal: Spacing.base }
 }

styles/spacing.js

@@ -1,3 +1,4 @@
 export default {
-  base: 16
+  base: 16,
+  large: 20
 }

styles/typography.js

@@ -14,15 +14,29 @@ const sizes = {
   titleLarge: 28
 }
 
+const button = {
+  paddingHorizontal: Spacing.large,
+  paddingVertical: Spacing.base,
+  textTransform: 'uppercase'
+}
+
 export default {
+  buttonTextBold: {
+    fontFamily: fonts.bold,
+    ...button
+  },
+  buttonTextRegular: {
+    fontFamily: fonts.main,
+    ...button
+  },
   mainText: {
     fontFamily: fonts.main,
     fontSize: sizes.mainMedium
   },
-  underline: { textDecorationLine: 'underline' },
   titleSmall: {
     color: Colors.purple,
     fontSize: sizes.titleSmall,
     marginVertical: Spacing.base
-  }
+  },
+  underline: { textDecorationLine: 'underline' }
 }