fix(theme): change font operations flow

affects: @atlantis-lab/theme

- Added additional fontsPath prop in injectGlobalStyles
- Changed props order

ISSUES CLOSED: #237

packages/theme/src/globals.ts

@@ -4,21 +4,22 @@ import { FontFaces }       from './theme'
 import { injectFontFaces } from './utils'
 
 export const injectGlobalStyles = (
-  html: {} = {},
-  body: {} = {
-    WebkitFontSmoothing: 'antialiased',
-    WebkitOverflowScrolling: 'touch',
-    height: '100%',
-    margin: 0,
-  },
-  fontFaces: FontFaces,
-  ...rest
+    fontsPath: string,
+    fontFaces: FontFaces,
+    html: {} = {},
+    body: {} = {
+        WebkitFontSmoothing: 'antialiased',
+        WebkitOverflowScrolling: 'touch',
+        height: '100%',
+        margin: 0,
+    },
+    ...rest
 ) => {
-  injectFontFaces(fontFaces)
+    injectFontFaces(fontFaces, fontsPath)
 
-  injectGlobal({
-    html,
-    body,
-    ...rest,
-  })
+    injectGlobal({
+        html,
+        body,
+        ...rest,
+    })
 }

packages/theme/src/utils.ts

@@ -3,21 +3,21 @@
 /* eslint-disable no-empty */
 import { injectGlobal } from 'emotion'
 
-const fontFace = (family, type, weight, style = 'normal') => ({
+const fontFace = (family, type, weight, fontsPath, style = 'normal') => ({
   '@font-face': {
     fontFamily: family,
     fontWeight: weight,
     fontStyle: style,
     src: `local('${family}-${type}'),
-          url('${require(`../fonts/${family}-${type}.woff`)}') format('woff'),
-          url('${require(`../fonts/${family}-${type}.woff2`)}') format('woff2')`,
+          url('${require(`${fontsPath}/${family}-${type}.woff`)}') format('woff'),
+          url('${require(`${fontsPath}/${family}-${type}.woff2`)}') format('woff2')`,
   },
 })
 
-export const injectFontFaces = (fontFaces = []) =>
+export const injectFontFaces = (fontFaces = [], fontsPath) =>
   fontFaces.forEach(({ family, type, weight }) => {
     try {
-      injectGlobal(fontFace(family, type, weight))
+      injectGlobal(fontFace(family, type, weight, fontsPath))
     } catch (error) {
       console.log(error) // eslint-disable-line
     }