Merge pull request #25918 from software-mansion-labs/ts-migration/fon…

…t-family [No QA] [TS migration] Migrate 'fontFamily' style to TypeScript
Expensify · Aug 25, 2023 · ae15b9e · ae15b9e
2 parents f3b5299 + 48a1a93
commit ae15b9e
Show file tree

Hide file tree

Showing 3 changed files with 19 additions and 2 deletions.
diff --git a/src/styles/fontFamily/index.native.js → src/styles/fontFamily/index.native.ts b/src/styles/fontFamily/index.native.js → src/styles/fontFamily/index.native.ts
@@ -1,6 +1,7 @@
 import bold from './bold';
+import FontFamilyStyles from './types';
 
-const fontFamily = {
+const fontFamily: FontFamilyStyles = {
     EXP_NEUE_ITALIC: 'ExpensifyNeue-Italic',
     EXP_NEUE_BOLD: bold,
     EXP_NEUE: 'ExpensifyNeue-Regular',

diff --git a/src/styles/fontFamily/index.js → src/styles/fontFamily/index.ts b/src/styles/fontFamily/index.js → src/styles/fontFamily/index.ts
@@ -1,8 +1,9 @@
 import bold from './bold';
+import FontFamilyStyles from './types';
 
 // In windows and ubuntu, we need some extra system fonts for emojis to work properly
 // otherwise few of them will appear as black and white
-const fontFamily = {
+const fontFamily: FontFamilyStyles = {
     EXP_NEUE_ITALIC: 'ExpensifyNeue-Italic, Segoe UI Emoji, Noto Color Emoji',
     EXP_NEUE_BOLD: bold,
     EXP_NEUE: 'ExpensifyNeue-Regular, Segoe UI Emoji, Noto Color Emoji',

diff --git a/src/styles/fontFamily/types.ts b/src/styles/fontFamily/types.ts
@@ -0,0 +1,15 @@
+type FontFamilyKeys =
+    | 'EXP_NEUE_ITALIC'
+    | 'EXP_NEUE_BOLD'
+    | 'EXP_NEUE'
+    | 'EXP_NEW_KANSAS_MEDIUM'
+    | 'EXP_NEW_KANSAS_MEDIUM_ITALIC'
+    | 'SYSTEM'
+    | 'MONOSPACE'
+    | 'MONOSPACE_ITALIC'
+    | 'MONOSPACE_BOLD'
+    | 'MONOSPACE_BOLD_ITALIC';
+
+type FontFamilyStyles = Record<FontFamilyKeys, string>;
+
+export default FontFamilyStyles;