fix(styled-components): support createGlobalStyle

Author: gregberge

packages/styled-components/src/createGlobalStyle.js

@@ -0,0 +1,6 @@
+import { createGlobalStyle as scCreateGlobalStyle } from 'styled-components'
+import { css } from './css'
+
+export const createGlobalStyle = (...args) => {
+  return scCreateGlobalStyle(css(...args))
+}

packages/styled-components/src/createGlobalStyle.test.js

@@ -0,0 +1,23 @@
+import React from 'react'
+import 'jest-dom/extend-expect'
+import { render } from '@testing-library/react'
+import { createGlobalStyle } from '.'
+
+describe('#createGlobalStyle', () => {
+  it('injects global styles', () => {
+    const GlobalStyle = createGlobalStyle`
+      .margin {
+        margin: 2;
+      } 
+    `
+    const { container } = render(
+      <>
+        <GlobalStyle />
+        <div className="margin" />
+      </>,
+    )
+    expect(container.firstChild).toHaveStyle(`
+      margin: 8px;
+    `)
+  })
+})

packages/styled-components/src/index.js

@@ -1,5 +1,4 @@
 export {
-  createGlobalStyle,
   isStyledComponent,
   keyframes,
   ServerStyleSheet,
@@ -14,5 +13,6 @@ export {
 } from 'styled-components'
 
 export { css } from './css'
+export { createGlobalStyle } from './createGlobalStyle'
 export { Box } from './Box'
 export { styled as default } from './styled'