[styles] global colors and svgs (#25)

implemented global colors, imported svgs, updated keys so they are preceded with EXPO_PUBLIC_
calblueprint · Nov 6, 2023 · 05fdac2 · 05fdac2
1 parent c840a2b
commit 05fdac2
Show file tree

Hide file tree

Showing 28 changed files with 1,157 additions and 56 deletions.
diff --git a/assets/arrow.svg b/assets/arrow.svg
diff --git a/assets/back.svg b/assets/back.svg
diff --git a/assets/bell.svg b/assets/bell.svg
diff --git a/assets/check.svg b/assets/check.svg
diff --git a/assets/file-claim.svg b/assets/file-claim.svg
diff --git a/assets/home.svg b/assets/home.svg
diff --git a/assets/next.svg b/assets/next.svg
diff --git a/assets/opt-out.svg b/assets/opt-out.svg
diff --git a/assets/password-hidden.svg b/assets/password-hidden.svg
diff --git a/assets/password-visible.svg b/assets/password-visible.svg
diff --git a/assets/pdf.svg b/assets/pdf.svg
diff --git a/assets/settings.svg b/assets/settings.svg
diff --git a/assets/three-dots.svg b/assets/three-dots.svg
diff --git a/custom.d.ts b/custom.d.ts
@@ -0,0 +1,7 @@
+declare module '*.svg' {
+  import React from 'react';
+  import { SvgProps } from 'react-native-svg';
+
+  const content: React.FC<SvgProps>;
+  export default content;
+}
diff --git a/metro.config.js b/metro.config.js
@@ -0,0 +1,16 @@
+const { getDefaultConfig } = require('metro-config');
+
+module.exports = (async () => {
+  const {
+    resolver: { sourceExts, assetExts },
+  } = await getDefaultConfig();
+  return {
+    transformer: {
+      babelTransformerPath: require.resolve('react-native-svg-transformer'),
+    },
+    resolver: {
+      assetExts: assetExts.filter(ext => ext !== 'svg'),
+      sourceExts: [...sourceExts, 'svg'],
+    },
+  };
+})();