build: update

packages/react-cooked-bread/package.json

@@ -71,7 +71,7 @@
     ]
   },
   "dependencies": {
-    "@emotion/core": "^10.0.28",
+    "@emotion/react": "^11.1.2",
     "hoist-non-react-statics": "^3.3.2",
     "react-transition-group": "^4.4.1"
   },
@@ -81,29 +81,29 @@
     "react-dom": ">=16.8.x"
   },
   "devDependencies": {
-    "@rollup/plugin-commonjs": "^14.0.0",
-    "@rollup/plugin-node-resolve": "^8.4.0",
-    "@testing-library/jest-dom": "^5.11.2",
-    "@testing-library/react": "^10.4.7",
-    "@testing-library/react-hooks": "^3.4.1",
+    "@rollup/plugin-commonjs": "^17.0.0",
+    "@rollup/plugin-node-resolve": "^11.0.0",
+    "@testing-library/jest-dom": "^5.11.6",
+    "@testing-library/react": "^11.2.2",
+    "@testing-library/react-hooks": "^3.7.0",
     "@types/hoist-non-react-statics": "^3.3.1",
-    "@types/jest": "^26.0.7",
-    "@types/node": "^14.0.27",
-    "@types/react": "^16.9.43",
-    "@types/react-dom": "^16.9.8",
+    "@types/jest": "^26.0.18",
+    "@types/prop-types": "^15.7.3",
+    "@types/react": "^17.0.0",
+    "@types/react-dom": "^17.0.0",
     "@types/react-transition-group": "^4.4.0",
-    "coveralls": "^3.0.2",
-    "cross-env": "^5.2.0",
-    "jest": "^26.1.0",
-    "jest-config": "^26.1.0",
-    "react-test-renderer": "^16.13.1",
-    "rimraf": "^2.6.2",
-    "rollup": "^2.22.0",
+    "coveralls": "^3.1.0",
+    "cross-env": "^7.0.3",
+    "jest": "^26.6.3",
+    "jest-config": "^26.6.3",
+    "react-test-renderer": "^17.0.1",
+    "rimraf": "^3.0.2",
+    "rollup": "^2.34.2",
     "rollup-plugin-analyzer": "^3.3.0",
-    "rollup-plugin-cleanup": "^3.1.1",
-    "rollup-plugin-typescript2": "^0.27.1",
-    "rollup-plugin-visualizer": "^4.0.4",
-    "ts-jest": "^26.1.4",
+    "rollup-plugin-cleanup": "^3.2.1",
+    "rollup-plugin-typescript2": "^0.29.0",
+    "rollup-plugin-visualizer": "^4.2.0",
+    "ts-jest": "^26.4.4",
     "typedoc": "^0.17.8",
     "typescript": "^3.9.7"
   },

packages/react-cooked-bread/rollup.config.js

@@ -29,6 +29,7 @@ module.exports = {
     'react-transition-group/Transition',
     '@emotion/core',
     'prop-types',
+    'hoist-non-react-statics',
   ],
   plugins: [
     typescript({ useTsconfigDeclarationDir: true }),

packages/react-cooked-bread/src/container.tsx

@@ -1,6 +1,6 @@
 /** @jsx jsx */
 import React, { PropsWithChildren } from 'react'
-import { jsx } from '@emotion/core'
+import { jsx } from '@emotion/react'
 import PropTypes from 'prop-types'
 
 import { Styler, childrenProps, placementsProps, stylerProps, PlacementOption } from './types'

packages/react-cooked-bread/src/provider.tsx

@@ -3,7 +3,7 @@ import React, { useState, useEffect } from 'react'
 import { createPortal } from 'react-dom'
 import { Transition, TransitionGroup } from 'react-transition-group'
 import PropTypes from 'prop-types'
-import { jsx } from '@emotion/core'
+import { jsx } from '@emotion/react'
 
 import { ToastContainer as DefaultContainer, ContainerProps, ContainerStyler } from './container'
 import { Toaster } from './toaster'

packages/react-cooked-bread/src/styles.ts

@@ -1,4 +1,4 @@
-import { css } from '@emotion/core'
+import { css } from '@emotion/react'
 
 /**
  * @note Must be string styles else `scrollbar-color` and `scrollbar-width`

packages/react-cooked-bread/src/toast-content/bootstrap.tsx

@@ -1,6 +1,6 @@
 /** @jsx jsx */
 import React from 'react'
-import { jsx, keyframes } from '@emotion/core'
+import { jsx, keyframes } from '@emotion/react'
 
 import { ToastTypeOption, Styles, StylesObj } from '../types'
 import { CloseIcon } from './icons'

packages/react-cooked-bread/src/toast-content/classic.tsx

@@ -1,6 +1,6 @@
 /** @jsx jsx */
 import React, { Fragment } from 'react'
-import { jsx, keyframes } from '@emotion/core'
+import { jsx, keyframes } from '@emotion/react'
 
 import { ToastTypeOption, Styles, StylesObj } from '../types'
 import { CheckIcon, FlameIcon, InfoIcon, CloseIcon, AlertIcon } from './icons'

packages/react-cooked-bread/src/toast-content/glossy.tsx

@@ -1,6 +1,6 @@
 /** @jsx jsx */
 import React, { Fragment } from 'react'
-import { jsx, keyframes } from '@emotion/core'
+import { jsx, keyframes } from '@emotion/react'
 
 import { ToastTypeOption, Styles, StylesObj } from '../types'
 import { CheckIcon, FlameIcon, InfoIcon, CloseIcon, AlertIcon } from './icons'

packages/react-cooked-bread/src/toast-content/htmly.tsx

@@ -1,6 +1,6 @@
 /** @jsx jsx */
 import React, { Fragment } from 'react'
-import { jsx } from '@emotion/core'
+import { jsx } from '@emotion/react'
 
 import { ToastTypeOption, Styles, StylesObj } from '../types'
 import { ToastContentProps, toastContentPropTypes } from '../toast-types'

packages/react-cooked-bread/src/toast-content/zeit.tsx

@@ -1,6 +1,6 @@
 /** @jsx jsx */
 import React, { Fragment } from 'react'
-import { jsx, keyframes } from '@emotion/core'
+import { jsx, keyframes } from '@emotion/react'
 
 import { ToastTypeOption, Styles, StylesObj } from '../types'
 import { CloseThinIcon } from './icons'

packages/react-cooked-bread/src/toast-root/fade.tsx

@@ -1,7 +1,7 @@
 /** @jsx jsx */
 import React from 'react'
 import { TransitionStatus } from 'react-transition-group/Transition'
-import { jsx } from '@emotion/core'
+import { jsx } from '@emotion/react'
 
 import { ToastType } from '../types'
 import { ToastRootProps, toastRootPropTypes } from '../toast-types'

packages/react-cooked-bread/src/toast-root/slide-shrink.tsx

@@ -1,6 +1,6 @@
 /** @jsx jsx */
 import React from 'react'
-import { jsx } from '@emotion/core'
+import { jsx } from '@emotion/react'
 
 import { PlacementOption, ToastType, TransitionStatus } from '../types'
 import { ToastRootProps, toastRootPropTypes } from '../toast-types'

packages/react-cooked-bread/src/toast-root/slide-slide.tsx

@@ -1,6 +1,6 @@
 /** @jsx jsx */
 import React from 'react'
-import { jsx } from '@emotion/core'
+import { jsx } from '@emotion/react'
 
 import { PlacementOption, ToastType, TransitionStatus } from '../types'
 import { ToastRootProps, toastRootPropTypes } from '../toast-types'