Fix name collision with Jest's global object

Jest uses a object called `global` that proxies the `window` object.
This conflicts with the `global` object of Nord Docs theme.
This commit renames the object to `globals`.

GH-53

src/components/containers/core/Root/Root.jsx

@@ -11,8 +11,7 @@ import React, { Fragment } from "react";
 import PropTypes from "prop-types";
 import { ThemeProvider, createGlobalStyle } from "styled-components";
 import modernNormalize from "styled-modern-normalize";
-
-import theme, { global, normalize } from "styles/theme";
+import theme, { globals, normalize } from "styles/theme";
 
 /* eslint-disable import/extensions */
 import "inter-ui";
@@ -28,7 +27,7 @@ import "typeface-source-code-pro";
  */
 const GlobalStyle = createGlobalStyle`
   ${modernNormalize};
-  ${global};
+  ${globals};
   ${normalize};
 `;
 

src/styles/theme/global.js → src/styles/theme/globals.js

@@ -18,7 +18,7 @@ import { css } from "styled-components";
 
 import typography from "./typography";
 
-const global = css`
+const globals = css`
   html {
     font-size: ${typography.sizes.root}px;
   }
@@ -32,4 +32,4 @@ const global = css`
   }
 `;
 
-export default global;
+export default globals;

src/styles/theme/index.js

@@ -14,12 +14,12 @@
  * @since 0.2.0
  */
 
-import global from "./global";
+import globals from "./globals";
 import normalize from "./normalize";
 import typography from "./typography";
 
 const theme = { typography };
 
-export { global, normalize, typography };
+export { globals, normalize, typography };
 
 export default theme;