build(deps): bump styled-jsx from 3.3.2 to 3.4.2

vercel · Feb 8, 2021 · c6e762c · c6e762c
1 parent 6369981
commit c6e762c
Show file tree

Hide file tree

Showing 17 changed files with 44 additions and 38 deletions.
diff --git a/examples/with-aphrodite/README.md b/examples/with-aphrodite/README.md
@@ -1,6 +1,6 @@
 # Example app with aphrodite
 
-This example features how to use a different styling solution than [styled-jsx](https://github.com/zeit/styled-jsx) that also supports universal styles. That means we can serve the required styles for the first render within the HTML and then load the rest in the client. In this case we are using [Aphrodite](https://github.com/Khan/aphrodite/).
+This example features how to use a different styling solution than [styled-jsx](https://github.com/vercel/styled-jsx) that also supports universal styles. That means we can serve the required styles for the first render within the HTML and then load the rest in the client. In this case we are using [Aphrodite](https://github.com/Khan/aphrodite/).
 
 For this purpose we are extending the `<Document />` and injecting the server side rendered styles into the `<head>`.
 

diff --git a/examples/with-astroturf/README.md b/examples/with-astroturf/README.md
@@ -1,6 +1,6 @@
 # Example app with [astroturf](https://github.com/4Catalyzer/astroturf)
 
-This example features how to use [astroturf](https://github.com/4Catalyzer/astroturf) as the zero-runtime CSS-in-JS styling solution instead of [styled-jsx](https://github.com/zeit/styled-jsx).
+This example features how to use [astroturf](https://github.com/4Catalyzer/astroturf) as the zero-runtime CSS-in-JS styling solution instead of [styled-jsx](https://github.com/vercel/styled-jsx).
 
 ## Deploy your own
 

diff --git a/examples/with-cxs/README.md b/examples/with-cxs/README.md
@@ -1,6 +1,6 @@
 # Example app with cxs
 
-This example shows how to use a different styling solution than [styled-jsx](https://github.com/zeit/styled-jsx) that also supports universal styles. That means we can serve the required styles for the first render within the HTML and then load the rest in the client. In this case we are using [cxs](https://github.com/jxnblk/cxs/).
+This example shows how to use a different styling solution than [styled-jsx](https://github.com/vercel/styled-jsx) that also supports universal styles. That means we can serve the required styles for the first render within the HTML and then load the rest in the client. In this case we are using [cxs](https://github.com/jxnblk/cxs/).
 
 For this purpose we are extending the `<Document />` and injecting the server side rendered styles into the `<head>`.
 

diff --git a/examples/with-fela/README.md b/examples/with-fela/README.md
@@ -1,6 +1,6 @@
 # Example app with Fela
 
-This example features how to use a different styling solution than [styled-jsx](https://github.com/zeit/styled-jsx) that also supports universal styles. That means we can serve the required styles for the first render within the HTML and then load the rest in the client. In this case we are using [fela](https://github.com/rofrischmann/fela).
+This example features how to use a different styling solution than [styled-jsx](https://github.com/vercel/styled-jsx) that also supports universal styles. That means we can serve the required styles for the first render within the HTML and then load the rest in the client. In this case we are using [fela](https://github.com/rofrischmann/fela).
 
 For this purpose we are extending the `<Document />` and injecting the server side rendered styles into the `<head>`.
 

diff --git a/examples/with-glamor/README.md b/examples/with-glamor/README.md
@@ -1,6 +1,6 @@
 # Example app with glamor
 
-This example features how to use a different styling solution than [styled-jsx](https://github.com/zeit/styled-jsx) that also supports universal styles. That means we can serve the required styles for the first render within the HTML and then load the rest in the client. In this case we are using [glamor](https://github.com/threepointone/glamor).
+This example features how to use a different styling solution than [styled-jsx](https://github.com/vercel/styled-jsx) that also supports universal styles. That means we can serve the required styles for the first render within the HTML and then load the rest in the client. In this case we are using [glamor](https://github.com/threepointone/glamor).
 
 For this purpose we are extending the `<Document />` and injecting the server side rendered styles into the `<head>`.
 

diff --git a/examples/with-react-with-styles/README.md b/examples/with-react-with-styles/README.md
@@ -1,6 +1,6 @@
 # Example app with react-with-styles
 
-This example features how you use a different styling solution than [styled-jsx](https://github.com/zeit/styled-jsx) that also supports universal styles.
+This example features how you use a different styling solution than [styled-jsx](https://github.com/vercel/styled-jsx) that also supports universal styles.
 That means we can serve the required styles for the first render within the HTML and then load the rest in the client.
 In this case we are using [react-with-styles](https://github.com/airbnb/react-with-styles).
 

diff --git a/examples/with-styled-components/README.md b/examples/with-styled-components/README.md
@@ -1,6 +1,6 @@
 # Example app with styled-components
 
-This example features how you use a different styling solution than [styled-jsx](https://github.com/zeit/styled-jsx) that also supports universal styles. That means we can serve the required styles for the first render within the HTML and then load the rest in the client. In this case we are using [styled-components](https://github.com/styled-components/styled-components).
+This example features how you use a different styling solution than [styled-jsx](https://github.com/vercel/styled-jsx) that also supports universal styles. That means we can serve the required styles for the first render within the HTML and then load the rest in the client. In this case we are using [styled-components](https://github.com/styled-components/styled-components).
 
 For this purpose we are extending the `<Document />` and injecting the server side rendered styles into the `<head>`, and also adding the `babel-plugin-styled-components` (which is required for server side rendering). Additionally we set up a global [theme](https://www.styled-components.com/docs/advanced#theming) for styled-components using NextJS custom [`<App>`](https://nextjs.org/docs/advanced-features/custom-app) component.
 

diff --git a/examples/with-styled-jsx-plugins/README.md b/examples/with-styled-jsx-plugins/README.md
@@ -1,12 +1,12 @@
 # With styled-jsx plugins
 
-Next.js ships with [styled-jsx](https://github.com/zeit/styled-jsx) allowing you
+Next.js ships with [styled-jsx](https://github.com/vercel/styled-jsx) allowing you
 to write scope styled components with full css support. This is important for
 the modularity and code size of your bundles and also for the learning curve of the framework. If you know css you can write styled-jsx right away.
 
 This example shows how to configure styled-jsx to use external plugins to modify the output. Using this you can use PostCSS, SASS (SCSS), LESS, or any other pre-processor with styled-jsx. You can define plugins in `.babelrc`. In this case PostCSS was used as an example. PostCSS plugins are defined in `package.json`.
 
-More details about how plugins work can be found in the [styled-jsx readme](https://github.com/zeit/styled-jsx#css-preprocessing-via-plugins)
+More details about how plugins work can be found in the [styled-jsx readme](https://github.com/vercel/styled-jsx#css-preprocessing-via-plugins)
 
 ## Deploy your own
 

diff --git a/examples/with-styled-jsx-scss/README.md b/examples/with-styled-jsx-scss/README.md
@@ -1,12 +1,12 @@
 # With styled-jsx SASS / SCSS
 
-Next.js ships with [styled-jsx](https://github.com/zeit/styled-jsx) allowing you
+Next.js ships with [styled-jsx](https://github.com/vercel/styled-jsx) allowing you
 to write scope styled components with full css support. This is important for
 the modularity and code size of your bundles and also for the learning curve of the framework. If you know css you can write styled-jsx right away.
 
 This example shows how to configure styled-jsx to use external plugins to modify the output. Using this you can use PostCSS, SASS (SCSS), LESS, or any other pre-processor with styled-jsx. You can define plugins in `.babelrc`. This example shows how to implement the SASS plugin.
 
-More details about how plugins work can be found in the [styled-jsx readme](https://github.com/zeit/styled-jsx#css-preprocessing-via-plugins)
+More details about how plugins work can be found in the [styled-jsx readme](https://github.com/vercel/styled-jsx#css-preprocessing-via-plugins)
 
 ## Deploy your own
 

diff --git a/examples/with-styletron/README.md b/examples/with-styletron/README.md
@@ -1,6 +1,6 @@
 # Example app with styletron
 
-This example features how yo use a different styling solution than [styled-jsx](https://github.com/zeit/styled-jsx) that also supports universal styles. That means we can serve the required styles for the first render within the HTML and then load the rest in the client. In this case we are using [styletron](https://github.com/rtsao/styletron).
+This example features how yo use a different styling solution than [styled-jsx](https://github.com/vercel/styled-jsx) that also supports universal styles. That means we can serve the required styles for the first render within the HTML and then load the rest in the client. In this case we are using [styletron](https://github.com/rtsao/styletron).
 
 For this purpose we are extending the `<Document />` and injecting the server side rendered styles into the `<head>`.
 

diff --git a/examples/with-typestyle/README.md b/examples/with-typestyle/README.md
@@ -1,6 +1,6 @@
 # Example app with typestyle
 
-This example features how you use a different styling solution than [styled-jsx](https://github.com/zeit/styled-jsx) that also supports universal styles. That means we can serve the required styles for the first render within the HTML and then load the rest in the client. In this case we are using [typestyle](https://github.com/typestyle/typestyle).
+This example features how you use a different styling solution than [styled-jsx](https://github.com/vercel/styled-jsx) that also supports universal styles. That means we can serve the required styles for the first render within the HTML and then load the rest in the client. In this case we are using [typestyle](https://github.com/typestyle/typestyle).
 
 For this purpose we are extending the `<Document />` and injecting the server side rendered styles into the `<head>`. Refer to [with-typescript](https://github.com/vercel/next.js/tree/master/examples/with-typescript) to use this with typescript.
 

diff --git a/package.json b/package.json
@@ -142,5 +142,8 @@
   },
   "engines": {
     "node": ">= 10.13.0"
+  },
+  "dependencies": {
+    "styled-jsx": "3.4.2"
   }
 }
diff --git a/packages/next/package.json b/packages/next/package.json
@@ -93,7 +93,7 @@
     "react-is": "16.13.1",
     "react-refresh": "0.8.3",
     "stream-browserify": "3.0.0",
-    "styled-jsx": "3.3.2",
+    "styled-jsx": "3.4.1",
     "use-subscription": "1.5.1",
     "vm-browserify": "1.1.2",
     "watchpack": "2.0.0-beta.13"
@@ -166,7 +166,6 @@
     "@types/semver": "7.3.1",
     "@types/send": "0.14.4",
     "@types/sharp": "0.26.0",
-    "@types/styled-jsx": "2.2.8",
     "@types/text-table": "0.2.1",
     "@types/webpack-sources": "0.1.5",
     "@vercel/ncc": "0.27.0",

diff --git a/packages/next/types/index.d.ts b/packages/next/types/index.d.ts
@@ -34,12 +34,6 @@ declare module 'react' {
   interface LinkHTMLAttributes<T> extends HTMLAttributes<T> {
     nonce?: string
   }
-
-  // <style jsx> and <style jsx global> support for styled-jsx
-  interface StyleHTMLAttributes<T> extends HTMLAttributes<T> {
-    jsx?: boolean
-    global?: boolean
-  }
 }
 
 export type Redirect =

diff --git a/test/integration/basepath/test/index.test.js b/test/integration/basepath/test/index.test.js
@@ -193,7 +193,7 @@ const runTests = (dev = false) => {
         })
 
         // Added because of a regression in react-hot-loader, see issues: #4246 #4273
-        // Also: https://github.com/zeit/styled-jsx/issues/425
+        // Also: https://github.com/vercel/styled-jsx/issues/425
         it('should update styles correctly', async () => {
           let browser
           try {
@@ -232,7 +232,7 @@ const runTests = (dev = false) => {
         })
 
         // Added because of a regression in react-hot-loader, see issues: #4246 #4273
-        // Also: https://github.com/zeit/styled-jsx/issues/425
+        // Also: https://github.com/vercel/styled-jsx/issues/425
         it('should update styles in a stateful component correctly', async () => {
           let browser
           const pagePath = join(
@@ -271,7 +271,7 @@ const runTests = (dev = false) => {
         })
 
         // Added because of a regression in react-hot-loader, see issues: #4246 #4273
-        // Also: https://github.com/zeit/styled-jsx/issues/425
+        // Also: https://github.com/vercel/styled-jsx/issues/425
         it('should update styles in a dynamic component correctly', async () => {
           let browser = null
           let secondBrowser = null

diff --git a/test/integration/basic/test/hmr.js b/test/integration/basic/test/hmr.js
@@ -143,7 +143,7 @@ export default (context, renderViaHTTP) => {
       })
 
       // Added because of a regression in react-hot-loader, see issues: #4246 #4273
-      // Also: https://github.com/zeit/styled-jsx/issues/425
+      // Also: https://github.com/vercel/styled-jsx/issues/425
       it('should update styles correctly', async () => {
         let browser
         try {
@@ -180,7 +180,7 @@ export default (context, renderViaHTTP) => {
       })
 
       // Added because of a regression in react-hot-loader, see issues: #4246 #4273
-      // Also: https://github.com/zeit/styled-jsx/issues/425
+      // Also: https://github.com/vercel/styled-jsx/issues/425
       it('should update styles in a stateful component correctly', async () => {
         let browser
         const pagePath = join(
@@ -219,7 +219,7 @@ export default (context, renderViaHTTP) => {
       })
 
       // Added because of a regression in react-hot-loader, see issues: #4246 #4273
-      // Also: https://github.com/zeit/styled-jsx/issues/425
+      // Also: https://github.com/vercel/styled-jsx/issues/425
       it('should update styles in a dynamic component correctly', async () => {
         let browser = null
         let secondBrowser = null

diff --git a/yarn.lock b/yarn.lock
@@ -187,7 +187,7 @@
   dependencies:
     "@babel/types" "^7.12.1"
 
-"@babel/helper-module-imports@^7.0.0", "@babel/helper-module-imports@^7.10.4", "@babel/helper-module-imports@^7.12.1", "@babel/helper-module-imports@^7.12.5":
+"@babel/helper-module-imports@7.12.5", "@babel/helper-module-imports@^7.0.0", "@babel/helper-module-imports@^7.10.4", "@babel/helper-module-imports@^7.12.1", "@babel/helper-module-imports@^7.12.5":
   version "7.12.5"
   resolved "https://registry.yarnpkg.com/@babel/helper-module-imports/-/helper-module-imports-7.12.5.tgz#1bfc0229f794988f76ed0a4d4e90860850b54dfb"
   integrity sha512-SR713Ogqg6++uexFRORf/+nPXMmWIn80TALu0uaFb+iQIUoR7bOC7zBWyzBs5b3tBBJXuyD0cRu1F15GyzjOWA==
@@ -3017,12 +3017,6 @@
   version "1.1.1"
   resolved "https://registry.yarnpkg.com/@types/string-hash/-/string-hash-1.1.1.tgz#4c336e61d1e13ce2d3efaaa5910005fd080e106b"
 
-"@types/[email protected]":
-  version "2.2.8"
-  resolved "https://registry.yarnpkg.com/@types/styled-jsx/-/styled-jsx-2.2.8.tgz#b50d13d8a3c34036282d65194554cf186bab7234"
-  dependencies:
-    "@types/react" "*"
-
 "@types/[email protected]":
   version "4.0.3"
   resolved "https://registry.yarnpkg.com/@types/tar/-/tar-4.0.3.tgz#e2cce0b8ff4f285293243f5971bd7199176ac489"
@@ -14970,11 +14964,27 @@ [email protected]:
     postcss "^7.0.2"
     postcss-load-plugins "^2.3.0"
 
-[email protected]:
-  version "3.3.2"
-  resolved "https://registry.yarnpkg.com/styled-jsx/-/styled-jsx-3.3.2.tgz#2474601a26670a6049fb4d3f94bd91695b3ce018"
-  integrity sha512-daAkGd5mqhbBhLd6jYAjYBa9LpxYCzsgo/f6qzPdFxVB8yoGbhxvzQgkC0pfmCVvW3JuAEBn0UzFLBfkHVZG1g==
+[email protected]:
+  version "3.4.1"
+  resolved "https://registry.yarnpkg.com/styled-jsx/-/styled-jsx-3.4.1.tgz#5b12c5e841cec3d7310f5ab6b94c3c8df665caf5"
+  integrity sha512-Jl1pcQVTnHdsfePHxZ0GgxxgU3+KgiDKj9QTp2vZ0eifg2cgNV5RFdgfxcXvJyspsynUhF32opNZ4jmM1EIROA==
+  dependencies:
+    "@babel/helper-module-imports" "7.12.5"
+    "@babel/types" "7.8.3"
+    babel-plugin-syntax-jsx "6.18.0"
+    convert-source-map "1.7.0"
+    loader-utils "1.2.3"
+    source-map "0.7.3"
+    string-hash "1.1.3"
+    stylis "3.5.4"
+    stylis-rule-sheet "0.0.10"
+
+[email protected]:
+  version "3.4.2"
+  resolved "https://registry.yarnpkg.com/styled-jsx/-/styled-jsx-3.4.2.tgz#40b90ab433e8e26f57919b5333d8427340521096"
+  integrity sha512-SCEwcnnRHlv0iJ56T/ke1pKnkMiIHPvIPm18kyne9Hirug8RV5p9+tjuQB8GDr6UXN+GH5gzPOqnYhNnNV0jaw==
   dependencies:
+    "@babel/helper-module-imports" "7.12.5"
     "@babel/types" "7.8.3"
     babel-plugin-syntax-jsx "6.18.0"
     convert-source-map "1.7.0"