.nvmrc

@@ -1 +1 @@
-8
+v10

README.md

@@ -80,6 +80,7 @@ Look here 👉 _[emotion babel plugin feature table and documentation](https://g
 - [stylelint](https://github.com/stylelint/stylelint) - A mighty, modern linter that helps you avoid errors and enforce conventions in your styles.
 - [facepaint](https://github.com/emotion-js/facepaint)
 - [emotion-vue](https://github.com/egoist/emotion-vue)
+- [nuxt-community/emotion-module](https://github.com/nuxt-community/emotion-module) - Emotion module for Nuxt.js 
 - [ember-emotion](https://github.com/alexlafroscia/ember-emotion)
 - [CSS to emotion transform](https://transform.now.sh/css-to-emotion/)
 - [ShevyJS](https://github.com/kyleshevlin/shevyjs)
@@ -88,6 +89,7 @@ Look here 👉 _[emotion babel plugin feature table and documentation](https://g
 
 ### In the Wild
 
+- [abacusfi.com](https://abacusfi.com)
 - [healthline.com](https://www.healthline.com)
 - [nytimes.com](https://www.nytimes.com)
 - [vault.crucible.gg](http://vault.crucible.gg/)

jest.config.js

@@ -9,9 +9,14 @@ module.exports = {
     'jest-watch-typeahead/filename',
     'jest-watch-typeahead/testname'
   ],
-  testPathIgnorePatterns: ['/node_modules/', '/__fixtures__/', '/site/'],
+  testPathIgnorePatterns: [
+    '/node_modules/',
+    '/__fixtures__/',
+    '/site/',
+    '/types/'
+  ],
   moduleNameMapper: aliases.jest(),
-  setupTestFrameworkScriptFile: '<rootDir>/test/testSetup.js',
+  setupFilesAfterEnv: ['<rootDir>/test/testSetup.js'],
   coveragePathIgnorePatterns: [
     '/node_modules/',
     '<rootDir>/packages/babel-plugin-emotion/test/util.js'

netlify.toml

@@ -5,4 +5,5 @@
 [build.environment]
   NODE_VERSION = "10"
   YARN_VERSION = "1.7.0"
-  YARN_FLAGS = "--frozen-lockfile"
+  YARN_FLAGS = "--frozen-lockfile"
+  NETLIFY = "true"

package.json

@@ -25,8 +25,8 @@
     "version-packages": "lerna version --preid=beta"
   },
   "resolutions": {
-    "**/react": "16.5.2",
-    "**/react-dom": "16.5.2",
+    "**/react": "16.8.1",
+    "**/react-dom": "16.8.1",
     "**/browserslist": "^3.2.8"
   },
   "devDependencies": {
@@ -41,7 +41,7 @@
     "babel-core": "^7.0.0-bridge.0",
     "babel-eslint": "^8.2.3",
     "babel-flow-types": "^1.2.3",
-    "babel-jest": "^23.6.0",
+    "babel-jest": "^24.1.0",
     "babel-plugin-closure-elimination": "^1.3.0",
     "babel-plugin-codegen": "^3.0.0",
     "babel-plugin-macros": "^2.0.0",
@@ -67,9 +67,9 @@
     "eslint-plugin-standard": "^3.0.1",
     "flow-bin": "^0.89.0",
     "get-lerna-packages": "^0.1.0",
-    "hoist-non-react-statics": "^2.3.1",
+    "hoist-non-react-statics": "^3.3.0",
     "husky": "^1.1.3",
-    "jest": "^23.6.0",
+    "jest": "^24.1.0",
     "jest-in-case": "^1.0.2",
     "jest-junit": "^5.1.0",
     "jest-serializer-html": "^4.0.1",
@@ -228,5 +228,8 @@
       "post-commit": "git update-index --again",
       "pre-commit": "lint-staged"
     }
+  },
+  "dependencies": {
+    "jest-environment-jsdom": "^24.0.0"
   }
 }

packages/babel-plugin-emotion/__tests__/__fixtures__/function-declaration.js

@@ -0,0 +1,13 @@
+// @flow
+import * as React from 'react'
+import { jsx } from '@emotion/core'
+
+function Logo(props) {
+  return (
+    <a
+      css={{
+        display: 'block'
+      }}
+    />
+  )
+}

packages/babel-plugin-emotion/__tests__/__snapshots__/css.js.snap

@@ -187,6 +187,62 @@ function doThing() {
 }"
 `;
 
+exports[`@emotion/babel-plugin-core css inside-anonymous-arrow-function 1`] = `
+"import css from '@emotion/css'
+
+export default () => {
+  css\`
+    color: hotpink;
+  \`
+}
+
+
+      ↓ ↓ ↓ ↓ ↓ ↓
+
+import _css from \\"@emotion/css\\";
+
+var _ref = process.env.NODE_ENV === \\"production\\" ? {
+  name: \\"1lrxbo5\\",
+  styles: \\"color:hotpink;\\"
+} : {
+  name: \\"1lrxbo5\\",
+  styles: \\"color:hotpink;\\",
+  map: \\"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImluc2lkZS1hbm9ueW1vdXMtYXJyb3ctZnVuY3Rpb24uanMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBR0siLCJmaWxlIjoiaW5zaWRlLWFub255bW91cy1hcnJvdy1mdW5jdGlvbi5qcyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBjc3MgZnJvbSAnQGVtb3Rpb24vY3NzJ1xuXG5leHBvcnQgZGVmYXVsdCAoKSA9PiB7XG4gIGNzc2BcbiAgICBjb2xvcjogaG90cGluaztcbiAgYFxufVxuIl19 */\\"
+};
+
+export default (() => {
+  _ref;
+});"
+`;
+
+exports[`@emotion/babel-plugin-core css inside-anonymous-function 1`] = `
+"import css from '@emotion/css'
+
+export default () => {
+  css\`
+    color: hotpink;
+  \`
+}
+
+
+      ↓ ↓ ↓ ↓ ↓ ↓
+
+import _css from \\"@emotion/css\\";
+
+var _ref = process.env.NODE_ENV === \\"production\\" ? {
+  name: \\"1lrxbo5\\",
+  styles: \\"color:hotpink;\\"
+} : {
+  name: \\"1lrxbo5\\",
+  styles: \\"color:hotpink;\\",
+  map: \\"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImluc2lkZS1hbm9ueW1vdXMtZnVuY3Rpb24uanMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBR0siLCJmaWxlIjoiaW5zaWRlLWFub255bW91cy1mdW5jdGlvbi5qcyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBjc3MgZnJvbSAnQGVtb3Rpb24vY3NzJ1xuXG5leHBvcnQgZGVmYXVsdCAoKSA9PiB7XG4gIGNzc2BcbiAgICBjb2xvcjogaG90cGluaztcbiAgYFxufVxuIl19 */\\"
+};
+
+export default (() => {
+  _ref;
+});"
+`;
+
 exports[`@emotion/babel-plugin-core css inside-class 1`] = `
 "/** @jsx jsx */
 import { Component } from 'react'
@@ -231,6 +287,34 @@ class SomeComponent extends Component {
 }"
 `;
 
+exports[`@emotion/babel-plugin-core css inside-non-pascal-case-arrow-function 1`] = `
+"import css from '@emotion/css'
+
+let something = () => {
+  css\`
+    color: hotpink;
+  \`
+}
+
+
+      ↓ ↓ ↓ ↓ ↓ ↓
+
+import _css from \\"@emotion/css\\";
+
+var _ref = process.env.NODE_ENV === \\"production\\" ? {
+  name: \\"1lrxbo5\\",
+  styles: \\"color:hotpink;\\"
+} : {
+  name: \\"1lrxbo5\\",
+  styles: \\"color:hotpink;\\",
+  map: \\"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImluc2lkZS1ub24tcGFzY2FsLWNhc2UtYXJyb3ctZnVuY3Rpb24uanMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBR0siLCJmaWxlIjoiaW5zaWRlLW5vbi1wYXNjYWwtY2FzZS1hcnJvdy1mdW5jdGlvbi5qcyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBjc3MgZnJvbSAnQGVtb3Rpb24vY3NzJ1xuXG5sZXQgc29tZXRoaW5nID0gKCkgPT4ge1xuICBjc3NgXG4gICAgY29sb3I6IGhvdHBpbms7XG4gIGBcbn1cbiJdfQ== */\\"
+};
+
+let something = () => {
+  _ref;
+};"
+`;
+
 exports[`@emotion/babel-plugin-core css label-1 1`] = `
 "import css from '@emotion/css'
 

packages/babel-plugin-emotion/__tests__/__snapshots__/index.js.snap

@@ -47,6 +47,42 @@ const Svg = <rect style={{
 }} />;"
 `;
 
+exports[`@emotion/babel-plugin-core function-declaration 1`] = `
+"// @flow
+import * as React from 'react'
+import { jsx } from '@emotion/core'
+
+function Logo(props) {
+  return (
+    <a
+      css={{
+        display: 'block'
+      }}
+    />
+  )
+}
+
+
+      ↓ ↓ ↓ ↓ ↓ ↓
+
+// @flow
+import * as React from 'react';
+import { jsx } from '@emotion/core';
+
+var _ref = process.env.NODE_ENV === \\"production\\" ? {
+  name: \\"jgxhdf-Logo\\",
+  styles: \\"display:block;label:Logo;\\"
+} : {
+  name: \\"jgxhdf-Logo\\",
+  styles: \\"display:block;label:Logo;\\",
+  map: \\"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImZ1bmN0aW9uLWRlY2xhcmF0aW9uLmpzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQU9NIiwiZmlsZSI6ImZ1bmN0aW9uLWRlY2xhcmF0aW9uLmpzIiwic291cmNlc0NvbnRlbnQiOlsiLy8gQGZsb3dcbmltcG9ydCAqIGFzIFJlYWN0IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsganN4IH0gZnJvbSAnQGVtb3Rpb24vY29yZSdcblxuZnVuY3Rpb24gTG9nbyhwcm9wcykge1xuICByZXR1cm4gKFxuICAgIDxhXG4gICAgICBjc3M9e3tcbiAgICAgICAgZGlzcGxheTogJ2Jsb2NrJ1xuICAgICAgfX1cbiAgICAvPlxuICApXG59XG4iXX0= */\\"
+};
+
+function Logo(props) {
+  return <a css={_ref} />;
+}"
+`;
+
 exports[`@emotion/babel-plugin-core import-namespace-does-not-throw 1`] = `
 "import * as emotionCore from '@emotion/core'
 // could probably support this for real but it's pretty rare so I'm not gonna spend time on it now

packages/babel-plugin-emotion/__tests__/css-macro/__fixtures__/inside-anonymous-arrow-function.js

@@ -0,0 +1,7 @@
+import css from '@emotion/css/macro'
+
+export default () => {
+  css`
+    color: hotpink;
+  `
+}

packages/babel-plugin-emotion/__tests__/css-macro/__fixtures__/inside-anonymous-function.js

@@ -0,0 +1,7 @@
+import css from '@emotion/css/macro'
+
+export default () => {
+  css`
+    color: hotpink;
+  `
+}

packages/babel-plugin-emotion/__tests__/css-macro/__fixtures__/inside-non-pascal-case-arrow-function.js

@@ -0,0 +1,7 @@
+import css from '@emotion/css/macro'
+
+let something = () => {
+  css`
+    color: hotpink;
+  `
+}

packages/babel-plugin-emotion/__tests__/css-macro/__snapshots__/index.js.snap

@@ -187,6 +187,62 @@ function doThing() {
 }"
 `;
 
+exports[`@emotion/css/macro inside-anonymous-arrow-function 1`] = `
+"import css from '@emotion/css/macro'
+
+export default () => {
+  css\`
+    color: hotpink;
+  \`
+}
+
+
+      ↓ ↓ ↓ ↓ ↓ ↓
+
+import _css from \\"@emotion/css\\";
+
+var _ref = process.env.NODE_ENV === \\"production\\" ? {
+  name: \\"1lrxbo5\\",
+  styles: \\"color:hotpink;\\"
+} : {
+  name: \\"1lrxbo5\\",
+  styles: \\"color:hotpink;\\",
+  map: \\"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImluc2lkZS1hbm9ueW1vdXMtYXJyb3ctZnVuY3Rpb24uanMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBR0siLCJmaWxlIjoiaW5zaWRlLWFub255bW91cy1hcnJvdy1mdW5jdGlvbi5qcyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBjc3MgZnJvbSAnQGVtb3Rpb24vY3NzL21hY3JvJ1xuXG5leHBvcnQgZGVmYXVsdCAoKSA9PiB7XG4gIGNzc2BcbiAgICBjb2xvcjogaG90cGluaztcbiAgYFxufVxuIl19 */\\"
+};
+
+export default (() => {
+  _ref;
+});"
+`;
+
+exports[`@emotion/css/macro inside-anonymous-function 1`] = `
+"import css from '@emotion/css/macro'
+
+export default () => {
+  css\`
+    color: hotpink;
+  \`
+}
+
+
+      ↓ ↓ ↓ ↓ ↓ ↓
+
+import _css from \\"@emotion/css\\";
+
+var _ref = process.env.NODE_ENV === \\"production\\" ? {
+  name: \\"1lrxbo5\\",
+  styles: \\"color:hotpink;\\"
+} : {
+  name: \\"1lrxbo5\\",
+  styles: \\"color:hotpink;\\",
+  map: \\"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImluc2lkZS1hbm9ueW1vdXMtZnVuY3Rpb24uanMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBR0siLCJmaWxlIjoiaW5zaWRlLWFub255bW91cy1mdW5jdGlvbi5qcyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBjc3MgZnJvbSAnQGVtb3Rpb24vY3NzL21hY3JvJ1xuXG5leHBvcnQgZGVmYXVsdCAoKSA9PiB7XG4gIGNzc2BcbiAgICBjb2xvcjogaG90cGluaztcbiAgYFxufVxuIl19 */\\"
+};
+
+export default (() => {
+  _ref;
+});"
+`;
+
 exports[`@emotion/css/macro inside-class 1`] = `
 "/** @jsx jsx */
 import { Component } from 'react'
@@ -231,6 +287,34 @@ class SomeComponent extends Component {
 }"
 `;
 
+exports[`@emotion/css/macro inside-non-pascal-case-arrow-function 1`] = `
+"import css from '@emotion/css/macro'
+
+let something = () => {
+  css\`
+    color: hotpink;
+  \`
+}
+
+
+      ↓ ↓ ↓ ↓ ↓ ↓
+
+import _css from \\"@emotion/css\\";
+
+var _ref = process.env.NODE_ENV === \\"production\\" ? {
+  name: \\"1lrxbo5\\",
+  styles: \\"color:hotpink;\\"
+} : {
+  name: \\"1lrxbo5\\",
+  styles: \\"color:hotpink;\\",
+  map: \\"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImluc2lkZS1ub24tcGFzY2FsLWNhc2UtYXJyb3ctZnVuY3Rpb24uanMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBR0siLCJmaWxlIjoiaW5zaWRlLW5vbi1wYXNjYWwtY2FzZS1hcnJvdy1mdW5jdGlvbi5qcyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBjc3MgZnJvbSAnQGVtb3Rpb24vY3NzL21hY3JvJ1xuXG5sZXQgc29tZXRoaW5nID0gKCkgPT4ge1xuICBjc3NgXG4gICAgY29sb3I6IGhvdHBpbms7XG4gIGBcbn1cbiJdfQ== */\\"
+};
+
+let something = () => {
+  _ref;
+};"
+`;
+
 exports[`@emotion/css/macro label-1 1`] = `
 "import css from '@emotion/css/macro'
 

packages/babel-plugin-emotion/package.json

@@ -1,6 +1,6 @@
 {
   "name": "babel-plugin-emotion",
-  "version": "10.0.7",
+  "version": "10.0.8",
   "description": "A recommended babel preprocessing plugin for emotion, The Next Generation of CSS-in-JS.",
   "main": "dist/babel-plugin-emotion.cjs.js",
   "files": [
@@ -12,7 +12,7 @@
     "@babel/helper-module-imports": "^7.0.0",
     "@emotion/hash": "0.7.1",
     "@emotion/memoize": "0.7.1",
-    "@emotion/serialize": "^0.11.4",
+    "@emotion/serialize": "^0.11.5",
     "babel-plugin-macros": "^2.0.0",
     "babel-plugin-syntax-jsx": "^6.18.0",
     "convert-source-map": "^1.5.0",