Introduces AppText, Link and FramedSegment redesign

components/common/app-text.js

@@ -1,14 +1,16 @@
 import React from 'react'
 import PropTypes from 'prop-types'
-import { Text } from 'react-native'
-import styles from "../../styles"
+import { StyleSheet, Text } from 'react-native'
+
 import Link from './link'
 
+import { Colors, Typography } from '../../styles/redesign'
+
 export default function AppText({ children, onPress, numberOfLines, style}) {
   // we parse for links in case the text contains any
   return (
     <Link>
-      <Text style={[styles.appText, style]}
+      <Text style={[styles.text, style]}
         onPress={onPress}
         numberOfLines={numberOfLines}
       >
@@ -24,3 +26,10 @@ AppText.propTypes = {
   numberOfLines: PropTypes.number,
   style: PropTypes.oneOfType([PropTypes.array, PropTypes.object]),
 }
+
+const styles = StyleSheet.create({
+  text: {
+    color: Colors.grey,
+    ...Typography.mainText
+  }
+})