diff --git a/packages/www/package.json b/packages/www/package.json index 792f9159d..74306a1f7 100644 --- a/packages/www/package.json +++ b/packages/www/package.json @@ -18,7 +18,7 @@ "lint": "next lint" }, "dependencies": { - "@stitches/react": "^1.0.0", + "@stitches/react": "^0.2.3", "@tldraw/tldraw": "^0.0.57", "idb": "^6.1.2", "next": "^11.1.0", diff --git a/packages/www/styles/stitches.config.ts b/packages/www/styles/stitches.config.ts index c6d8f9257..d48dfb840 100644 --- a/packages/www/styles/stitches.config.ts +++ b/packages/www/styles/stitches.config.ts @@ -1,6 +1,6 @@ -import { createStitches, defaultThemeMap } from '@stitches/react' +import { createCss, defaultThemeMap } from '@stitches/react' -const { styled, css, createTheme, getCssText } = createStitches({ +const { styled, css, theme, getCssString } = createCss({ themeMap: { ...defaultThemeMap, }, @@ -99,7 +99,7 @@ const { styled, css, createTheme, getCssText } = createStitches({ }, }) -const dark = createTheme({ +const dark = theme({ colors: { brushFill: 'rgba(180, 180, 180, .05)', brushStroke: 'rgba(180, 180, 180, .25)', @@ -136,4 +136,4 @@ const dark = createTheme({ export default styled -export { css, getCssText, dark } +export { css, getCssString, dark } diff --git a/yarn.lock b/yarn.lock index 5301c9c89..3de3deb68 100644 --- a/yarn.lock +++ b/yarn.lock @@ -2689,11 +2689,6 @@ resolved "https://registry.yarnpkg.com/@stitches/react/-/react-0.2.5.tgz#ad15b4e59ac2a0679542ba002d41253244be7dab" integrity sha512-RDVn89kW0R/M4q4TdYvsJ7nckFndzRWGGFJnEHbIH9flOpahtNdPsrxVSsZSjFpxeVqCoOxKujlQjiyRrec1VA== -"@stitches/react@^1.0.0": - version "1.0.0" - resolved "https://registry.yarnpkg.com/@stitches/react/-/react-1.0.0.tgz#311413630d96a627ca28f44ebcc9179455cdb73a" - integrity sha512-D0/YUbjuZ52Xd/ojT+TjyjZ7p/hBuPlOQ8VBahpMT6ElXriImhsb+RJwr31FP5HeN+y3wuGrRty6/VQjcHjlyA== - "@testing-library/dom@^8.0.0": version "8.2.0" resolved "https://registry.yarnpkg.com/@testing-library/dom/-/dom-8.2.0.tgz#ac46a1b9d7c81f0d341ae38fb5424b64c27d151e"