Intial commit

assets/styles/Colors.tsx

@@ -0,0 +1,117 @@
+import {StyleSheet} from 'react-native';
+
+const Colors = StyleSheet.create({
+  primary10: {
+    color: '#1A2331',
+  },
+  primary20: {
+    color: '#222E41',
+  },
+  primary30: {
+    color: '#2B3A51',
+  },
+  primary40: {
+    color: '#556174',
+  },
+  primary50: {
+    color: '#808997',
+  },
+  primary60: {
+    color: '#AAB0B9',
+  },
+  primary70: {
+    color: '#D5D8DC',
+  },
+  secondary10: {
+    color: '#154B5A',
+  },
+  secondary20: {
+    color: '#1C6478',
+  },
+  secondary30: {
+    color: '#237D96',
+  },
+  secondary40: {
+    color: '#4F97AB',
+  },
+  secondary50: {
+    color: '#7BB1C0,',
+  },
+  secondary60: {
+    color: '#A7CBD5',
+  },
+  secondary70: {
+    color: '#D3E5EA',
+  },
+  tertiary10: {
+    color: '#897A27',
+  },
+  tertiary20: {
+    color: '#B7A334',
+  },
+  tertiary30: {
+    color: '#E5CC41',
+  },
+  tertiary40: {
+    color: '#EAD667',
+  },
+  tertiary50: {
+    color: '#EFE08D',
+  },
+  tertiary60: {
+    color: '#EFE08D',
+  },
+  tertiary70: {
+    color: '#EFE08D',
+  },
+  indicatorRed: {
+    color: '#DA1E28',
+  },
+  indicatorOrange: {
+    color: '#FF832C',
+  },
+  indicatorGreen: {
+    color: '#24A147',
+  },
+  neutral0: {
+    color: '#000000',
+  },
+  neutral10: {
+    color: '#1C1B1C',
+  },
+  neutral20: {
+    color: '#313030',
+  },
+  neutral30: {
+    color: '#484646',
+  },
+  neutral40: {
+    color: '#605E5E',
+  },
+  neutral50: {
+    color: '#797676',
+  },
+  neutral60: {
+    color: '#939090',
+  },
+  neutral70: {
+    color: '#ADAAAA',
+  },
+  neutral80: {
+    color: '#C9C6C5',
+  },
+  neutral90: {
+    color: '#E5E1E1',
+  },
+  neutral95: {
+    color: '#F4F0EF',
+  },
+  neutral99: {
+    color: '#FFFBFF',
+  },
+  neutral100: {
+    color: '#FFFFFF',
+  },
+});
+
+export default Colors;

assets/styles/FontFamily.tsx

@@ -0,0 +1,139 @@
+import {StyleSheet} from 'react-native';
+
+const FontFamily = StyleSheet.create({
+  // NotoSans Condensed
+  notoSansCondensedBlack: {fontFamily: 'NotoSans_Condensed-Black'},
+  notoSansCondensedBlackItalic: {fontFamily: 'NotoSans_Condensed-BlackItalic'},
+  notoSansCondensedBold: {fontFamily: 'NotoSans_Condensed-Bold'},
+  notoSansCondensedBoldItalic: {fontFamily: 'NotoSans_Condensed-BoldItalic'},
+  notoSansCondensedExtraBold: {fontFamily: 'NotoSans_Condensed-ExtraBold'},
+  notoSansCondensedExtraBoldItalic: {
+    fontFamily: 'NotoSans_Condensed-ExtraBoldItalic',
+  },
+  notoSansCondensedExtraLight: {fontFamily: 'NotoSans_Condensed-ExtraLight'},
+  notoSansCondensedExtraLightItalic: {
+    fontFamily: 'NotoSans_Condensed-ExtraLightItalic',
+  },
+  notoSansCondensedItalic: {fontFamily: 'NotoSans_Condensed-Italic'},
+  notoSansCondensedLight: {fontFamily: 'NotoSans_Condensed-Light'},
+  notoSansCondensedLightItalic: {fontFamily: 'NotoSans_Condensed-LightItalic'},
+  notoSansCondensedMedium: {fontFamily: 'NotoSans_Condensed-Medium'},
+  notoSansCondensedMediumItalic: {
+    fontFamily: 'NotoSans_Condensed-MediumItalic',
+  },
+  notoSansCondensedRegular: {fontFamily: 'NotoSans_Condensed-Regular'},
+  notoSansCondensedSemiBold: {fontFamily: 'NotoSans_Condensed-SemiBold'},
+  notoSansCondensedSemiBoldItalic: {
+    fontFamily: 'NotoSans_Condensed-SemiBoldItalic',
+  },
+  notoSansCondensedThin: {fontFamily: 'NotoSans_Condensed-Thin'},
+  notoSansCondensedThinItalic: {fontFamily: 'NotoSans_Condensed-ThinItalic'},
+
+  // NotoSans ExtraCondensed
+  notoSansExtraCondensedBlack: {fontFamily: 'NotoSans_ExtraCondensed-Black'},
+  notoSansExtraCondensedBlackItalic: {
+    fontFamily: 'NotoSans_ExtraCondensed-BlackItalic',
+  },
+  notoSansExtraCondensedBold: {fontFamily: 'NotoSans_ExtraCondensed-Bold'},
+  notoSansExtraCondensedBoldItalic: {
+    fontFamily: 'NotoSans_ExtraCondensed-BoldItalic',
+  },
+  notoSansExtraCondensedExtraBold: {
+    fontFamily: 'NotoSans_ExtraCondensed-ExtraBold',
+  },
+  notoSansExtraCondensedExtraBoldItalic: {
+    fontFamily: 'NotoSans_ExtraCondensed-ExtraBoldItalic',
+  },
+  notoSansExtraCondensedExtraLight: {
+    fontFamily: 'NotoSans_ExtraCondensed-ExtraLight',
+  },
+  notoSansExtraCondensedExtraLightItalic: {
+    fontFamily: 'NotoSans_ExtraCondensed-ExtraLightItalic',
+  },
+  notoSansExtraCondensedItalic: {fontFamily: 'NotoSans_ExtraCondensed-Italic'},
+  notoSansExtraCondensedLight: {fontFamily: 'NotoSans_ExtraCondensed-Light'},
+  notoSansExtraCondensedLightItalic: {
+    fontFamily: 'NotoSans_ExtraCondensed-LightItalic',
+  },
+  notoSansExtraCondensedMedium: {fontFamily: 'NotoSans_ExtraCondensed-Medium'},
+  notoSansExtraCondensedMediumItalic: {
+    fontFamily: 'NotoSans_ExtraCondensed-MediumItalic',
+  },
+  notoSansExtraCondensedRegular: {
+    fontFamily: 'NotoSans_ExtraCondensed-Regular',
+  },
+  notoSansExtraCondensedSemiBold: {
+    fontFamily: 'NotoSans_ExtraCondensed-SemiBold',
+  },
+  notoSansExtraCondensedSemiBoldItalic: {
+    fontFamily: 'NotoSans_ExtraCondensed-SemiBoldItalic',
+  },
+  notoSansExtraCondensedThin: {fontFamily: 'NotoSans_ExtraCondensed-Thin'},
+  notoSansExtraCondensedThinItalic: {
+    fontFamily: 'NotoSans_ExtraCondensed-ThinItalic',
+  },
+
+  // NotoSans SemiCondensed
+  notoSansSemiCondensedBlack: {fontFamily: 'NotoSans_SemiCondensed-Black'},
+  notoSansSemiCondensedBlackItalic: {
+    fontFamily: 'NotoSans_SemiCondensed-BlackItalic',
+  },
+  notoSansSemiCondensedBold: {fontFamily: 'NotoSans_SemiCondensed-Bold'},
+  notoSansSemiCondensedBoldItalic: {
+    fontFamily: 'NotoSans_SemiCondensed-BoldItalic',
+  },
+  notoSansSemiCondensedExtraBold: {
+    fontFamily: 'NotoSans_SemiCondensed-ExtraBold',
+  },
+  notoSansSemiCondensedExtraBoldItalic: {
+    fontFamily: 'NotoSans_SemiCondensed-ExtraBoldItalic',
+  },
+  notoSansSemiCondensedExtraLight: {
+    fontFamily: 'NotoSans_SemiCondensed-ExtraLight',
+  },
+  notoSansSemiCondensedExtraLightItalic: {
+    fontFamily: 'NotoSans_SemiCondensed-ExtraLightItalic',
+  },
+  notoSansSemiCondensedItalic: {fontFamily: 'NotoSans_SemiCondensed-Italic'},
+  notoSansSemiCondensedLight: {fontFamily: 'NotoSans_SemiCondensed-Light'},
+  notoSansSemiCondensedLightItalic: {
+    fontFamily: 'NotoSans_SemiCondensed-LightItalic',
+  },
+  notoSansSemiCondensedMedium: {fontFamily: 'NotoSans_SemiCondensed-Medium'},
+  notoSansSemiCondensedMediumItalic: {
+    fontFamily: 'NotoSans_SemiCondensed-MediumItalic',
+  },
+  notoSansSemiCondensedRegular: {fontFamily: 'NotoSans_SemiCondensed-Regular'},
+  notoSansSemiCondensedSemiBold: {
+    fontFamily: 'NotoSans_SemiCondensed-SemiBold',
+  },
+  notoSansSemiCondensedSemiBoldItalic: {
+    fontFamily: 'NotoSans_SemiCondensed-SemiBoldItalic',
+  },
+  notoSansSemiCondensedThin: {fontFamily: 'NotoSans_SemiCondensed-Thin'},
+  notoSansSemiCondensedThinItalic: {
+    fontFamily: 'NotoSans_SemiCondensed-ThinItalic',
+  },
+
+  // NotoSans Regular
+  notoSansBlack: {fontFamily: 'NotoSans-Black'},
+  notoSansBlackItalic: {fontFamily: 'NotoSans-BlackItalic'},
+  notoSansBold: {fontFamily: 'NotoSans-Bold'},
+  notoSansBoldItalic: {fontFamily: 'NotoSans-BoldItalic'},
+  notoSansExtraBold: {fontFamily: 'NotoSans-ExtraBold'},
+  notoSansExtraBoldItalic: {fontFamily: 'NotoSans-ExtraBoldItalic'},
+  notoSansExtraLight: {fontFamily: 'NotoSans-ExtraLight'},
+  notoSansExtraLightItalic: {fontFamily: 'NotoSans-ExtraLightItalic'},
+  notoSansItalic: {fontFamily: 'NotoSans-Italic'},
+  notoSansLight: {fontFamily: 'NotoSans-Light'},
+  notoSansLightItalic: {fontFamily: 'NotoSans-LightItalic'},
+  notoSansMedium: {fontFamily: 'NotoSans-Medium'},
+  notoSansMediumItalic: {fontFamily: 'NotoSans-MediumItalic'},
+  notoSansRegular: {fontFamily: 'NotoSans-Regular'},
+  notoSansSemiBold: {fontFamily: 'NotoSans-SemiBold'},
+  notoSansSemiBoldItalic: {fontFamily: 'NotoSans-SemiBoldItalic'},
+  notoSansThin: {fontFamily: 'NotoSans-Thin'},
+  notoSansThinItalic: {fontFamily: 'NotoSans-ThinItalic'},
+});
+
+export default FontFamily;