feat: Upgrade to Foundry v2 (#12)

* feat: upgrade to Foundry v2

* fix: import testing dep under new name

* fix: remove deprecated Circuit UI components

* ci: use different GitHub token

* fix: work around linter error

.github/workflows/ci.yml

@@ -78,6 +78,6 @@ jobs:
           yarn --pure-lockfile
       - name: Release
         env:
-          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
+          GITHUB_TOKEN: ${{ secrets.GH_TOKEN }}
           NPM_TOKEN: ${{ secrets.NPM_TOKEN }}
         run: yarn release

files/App.js

@@ -1,14 +1,14 @@
 /** @jsx jsx */
 import styled from '@emotion/styled';
-import { jsx, css } from '@emotion/core';
+import { jsx, css, Global } from '@emotion/core';
 import { ThemeProvider } from 'emotion-theming';
 import {
   Card,
   Heading,
   List,
   Text,
   theme as themes,
-  GlobalStyles
+  BaseStyles
 } from '@sumup/circuit-ui';
 import { ReactComponent as LogoIcon } from './assets/logo.svg';
 
@@ -33,15 +33,16 @@ const Container = styled('header')`
   margin: 0 auto;
 `;
 
+const globalStyles = css`
+  body {
+    background-color: ${circuit.colors.n100};
+  }
+`;
+
 const App = () => (
   <ThemeProvider theme={circuit}>
-    <GlobalStyles
-      custom={`
-        body {
-          background-color: ${circuit.colors.n100};
-        }
-      `}
-    />
+    <BaseStyles />
+    <Global styles={globalStyles} />
     <Container>
       <Logo data-testid="sumup-logo" />
       <Card>

files/setupTests.js

@@ -1,8 +1,8 @@
 /**
  * Add custom Jest matchers for the DOM.
- * https://github.com/gnapse/jest-dom#table-of-contents
+ * https://github.com/testing-library/jest-dom#readme
  */
-import 'jest-dom/extend-expect';
+import '@testing-library/jest-dom/extend-expect';
 
 import serializer, { matchers } from 'jest-emotion';
 
@@ -11,7 +11,7 @@ import serializer, { matchers } from 'jest-emotion';
  * in a test.
  *
  * https://github.com/emotion-js/emotion/tree/master/packages/jest-emotion#custom-matchers
- * */
+ */
 // eslint-disable-next-line no-undef
 expect.extend(matchers);
 
@@ -20,6 +20,6 @@ expect.extend(matchers);
  * show up in snapshots.
  *
  * https://github.com/emotion-js/emotion/tree/master/packages/jest-emotion#snapshot-serializer
- * */
+ */
 // eslint-disable-next-line no-undef
 expect.addSnapshotSerializer(serializer);

main.js

@@ -201,7 +201,7 @@ async function updatePackageJson(appPath) {
   const filepath = resolve(appPath, 'package.json');
   const { default: packageJson } = await import(filepath);
   const scripts = {
-    lint: 'foundry run eslint src/**/*.js',
+    lint: "foundry run eslint 'src/**/*.js'",
     'create-component': 'foundry run plop component'
   };
   const updatedPackageJson = {

package.json

@@ -30,7 +30,7 @@
     "listr-verbose-renderer": "^0.5.0"
   },
   "devDependencies": {
-    "@sumup/foundry": "^1.0.0",
+    "@sumup/foundry": "^2.0.0-beta",
     "license-checker": "^25.0.1"
   },
   "husky": {