diff --git a/src/styles/fontFamily/index.native.js b/src/styles/fontFamily/index.native.ts similarity index 86% rename from src/styles/fontFamily/index.native.js rename to src/styles/fontFamily/index.native.ts index 369d1f66f8f1..0d6c253eb3a6 100644 --- a/src/styles/fontFamily/index.native.js +++ b/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 b/src/styles/fontFamily/index.ts similarity index 91% rename from src/styles/fontFamily/index.js rename to src/styles/fontFamily/index.ts index 899ef20772de..57d08ce28771 100644 --- a/src/styles/fontFamily/index.js +++ b/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 new file mode 100644 index 000000000000..4c9a121e80d7 --- /dev/null +++ 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; + +export default FontFamilyStyles;