diff --git a/examples/blog-starter/lib/markdownToHtml.js b/examples/blog-starter/lib/markdownToHtml.js index aebc42164b8e..735fed2df383 100644 --- a/examples/blog-starter/lib/markdownToHtml.js +++ b/examples/blog-starter/lib/markdownToHtml.js @@ -1,4 +1,4 @@ -import remark from 'remark' +import { remark } from 'remark' import html from 'remark-html' export default async function markdownToHtml(markdown) { diff --git a/examples/blog-starter/package.json b/examples/blog-starter/package.json index fed5332dfbe1..ee9d9ba4dc95 100644 --- a/examples/blog-starter/package.json +++ b/examples/blog-starter/package.json @@ -6,14 +6,14 @@ "start": "next start" }, "dependencies": { - "classnames": "2.2.6", - "date-fns": "2.16.1", - "gray-matter": "4.0.2", + "classnames": "2.3.1", + "date-fns": "2.28.0", + "gray-matter": "4.0.3", "next": "latest", "react": "^17.0.2", "react-dom": "^17.0.2", - "remark": "13.0.0", - "remark-html": "13.0.2" + "remark": "14.0.2", + "remark-html": "15.0.1" }, "devDependencies": { "autoprefixer": "^10.4.0", diff --git a/examples/blog-starter/postcss.config.js b/examples/blog-starter/postcss.config.js index 9fb517645aee..3fa0a9514dc9 100644 --- a/examples/blog-starter/postcss.config.js +++ b/examples/blog-starter/postcss.config.js @@ -1,3 +1,8 @@ +// If you want to use other PostCSS plugins, see the following: +// https://tailwindcss.com/docs/using-with-preprocessors module.exports = { - plugins: ['tailwindcss', 'autoprefixer'], + plugins: { + tailwindcss: {}, + autoprefixer: {}, + }, } diff --git a/examples/cms-agilitycms/package.json b/examples/cms-agilitycms/package.json index 1eceba4208e1..8660055b38cb 100644 --- a/examples/cms-agilitycms/package.json +++ b/examples/cms-agilitycms/package.json @@ -8,19 +8,17 @@ "dependencies": { "@agility/content-fetch": "^0.8.1", "classnames": "2.3.1", - "date-fns": "2.22.1", + "date-fns": "2.28.0", "isomorphic-unfetch": "3.0.0", "next": "latest", "react": "^17.0.2", "react-datocms": "1.1.0", "react-dom": "^17.0.2", - "react-intersection-observer": "^8.26.1", - "remark": "11.0.2", - "remark-html": "10.0.0" + "react-intersection-observer": "^8.26.1" }, "devDependencies": { - "autoprefixer": "10.2.6", - "postcss": "8.3.5", - "tailwindcss": "^2.2.4" + "autoprefixer": "10.4.2", + "postcss": "8.4.5", + "tailwindcss": "^3.0.15" } } diff --git a/examples/cms-agilitycms/tailwind.config.js b/examples/cms-agilitycms/tailwind.config.js index 4c03f3f935e8..21253ff3793e 100644 --- a/examples/cms-agilitycms/tailwind.config.js +++ b/examples/cms-agilitycms/tailwind.config.js @@ -1,7 +1,8 @@ module.exports = { - mode: 'jit', - purge: ['./pages/**/*.{js,ts,jsx,tsx}', './components/**/*.{js,ts,jsx,tsx}'], - darkMode: false, // or 'media' or 'class' + content: [ + './pages/**/*.{js,ts,jsx,tsx}', + './components/**/*.{js,ts,jsx,tsx}', + ], theme: { extend: { colors: { @@ -32,8 +33,5 @@ module.exports = { }, }, }, - variants: { - extend: {}, - }, plugins: [], } diff --git a/examples/cms-builder-io/package.json b/examples/cms-builder-io/package.json index 8b6de9713f82..e21a633a39c8 100644 --- a/examples/cms-builder-io/package.json +++ b/examples/cms-builder-io/package.json @@ -9,7 +9,7 @@ "@builder.io/react": "^1.1.47", "@builder.io/widgets": "^1.2.21", "classnames": "2.3.1", - "date-fns": "2.22.1", + "date-fns": "2.28.0", "next": "latest", "react": "^17.0.2", "react-dom": "^17.0.2" diff --git a/examples/cms-buttercms/package.json b/examples/cms-buttercms/package.json index 765980f7272f..cce90c70a65b 100644 --- a/examples/cms-buttercms/package.json +++ b/examples/cms-buttercms/package.json @@ -6,16 +6,16 @@ "start": "next start" }, "dependencies": { - "buttercms": "1.2.7", + "buttercms": "1.2.8", "classnames": "2.3.1", - "date-fns": "2.22.1", + "date-fns": "2.28.0", "next": "latest", "react": "^17.0.2", "react-dom": "^17.0.2" }, "devDependencies": { - "autoprefixer": "10.2.6", - "postcss": "8.3.5", - "tailwindcss": "^2.2.4" + "autoprefixer": "10.4.2", + "postcss": "8.4.5", + "tailwindcss": "^3.0.15" } } diff --git a/examples/cms-buttercms/tailwind.config.js b/examples/cms-buttercms/tailwind.config.js index 4c03f3f935e8..21253ff3793e 100644 --- a/examples/cms-buttercms/tailwind.config.js +++ b/examples/cms-buttercms/tailwind.config.js @@ -1,7 +1,8 @@ module.exports = { - mode: 'jit', - purge: ['./pages/**/*.{js,ts,jsx,tsx}', './components/**/*.{js,ts,jsx,tsx}'], - darkMode: false, // or 'media' or 'class' + content: [ + './pages/**/*.{js,ts,jsx,tsx}', + './components/**/*.{js,ts,jsx,tsx}', + ], theme: { extend: { colors: { @@ -32,8 +33,5 @@ module.exports = { }, }, }, - variants: { - extend: {}, - }, plugins: [], } diff --git a/examples/cms-contentful/components/hero-post.js b/examples/cms-contentful/components/hero-post.js index 1d93fecf116f..5b71cfaf43b2 100644 --- a/examples/cms-contentful/components/hero-post.js +++ b/examples/cms-contentful/components/hero-post.js @@ -19,7 +19,7 @@ export default function HeroPost({

- + {title}

diff --git a/examples/cms-contentful/package.json b/examples/cms-contentful/package.json index e712efd3d7a7..37e8e75f9625 100644 --- a/examples/cms-contentful/package.json +++ b/examples/cms-contentful/package.json @@ -15,9 +15,9 @@ "react-dom": "^17.0.2" }, "devDependencies": { - "autoprefixer": "10.2.6", + "autoprefixer": "10.4.2", "contentful-import": "^7.8.7", - "postcss": "8.3.5", - "tailwindcss": "^2.2.4" + "postcss": "8.4.5", + "tailwindcss": "^3.0.15" } } diff --git a/examples/cms-contentful/tailwind.config.js b/examples/cms-contentful/tailwind.config.js index 4c03f3f935e8..21253ff3793e 100644 --- a/examples/cms-contentful/tailwind.config.js +++ b/examples/cms-contentful/tailwind.config.js @@ -1,7 +1,8 @@ module.exports = { - mode: 'jit', - purge: ['./pages/**/*.{js,ts,jsx,tsx}', './components/**/*.{js,ts,jsx,tsx}'], - darkMode: false, // or 'media' or 'class' + content: [ + './pages/**/*.{js,ts,jsx,tsx}', + './components/**/*.{js,ts,jsx,tsx}', + ], theme: { extend: { colors: { @@ -32,8 +33,5 @@ module.exports = { }, }, }, - variants: { - extend: {}, - }, plugins: [], } diff --git a/examples/cms-cosmic/lib/markdownToHtml.js b/examples/cms-cosmic/lib/markdownToHtml.js index aebc42164b8e..735fed2df383 100644 --- a/examples/cms-cosmic/lib/markdownToHtml.js +++ b/examples/cms-cosmic/lib/markdownToHtml.js @@ -1,4 +1,4 @@ -import remark from 'remark' +import { remark } from 'remark' import html from 'remark-html' export default async function markdownToHtml(markdown) { diff --git a/examples/cms-cosmic/package.json b/examples/cms-cosmic/package.json index c3a4765e7de3..83f9962545e6 100644 --- a/examples/cms-cosmic/package.json +++ b/examples/cms-cosmic/package.json @@ -8,19 +8,19 @@ "dependencies": { "classnames": "2.3.1", "cosmicjs": "^3.2.43", - "date-fns": "2.22.1", + "date-fns": "2.28.0", "lazysizes": "^5.2.1-rc2", "next": "latest", "react": "^17.0.2", "react-datocms": "1.6.3", "react-dom": "^17.0.2", "react-imgix": "^9.0.2", - "remark": "12.0.0", - "remark-html": "11.0.2" + "remark": "14.0.2", + "remark-html": "15.0.1" }, "devDependencies": { - "autoprefixer": "10.2.6", - "postcss": "8.3.5", - "tailwindcss": "^2.2.4" + "autoprefixer": "10.4.2", + "postcss": "8.4.5", + "tailwindcss": "^3.0.15" } } diff --git a/examples/cms-cosmic/tailwind.config.js b/examples/cms-cosmic/tailwind.config.js index 4c03f3f935e8..21253ff3793e 100644 --- a/examples/cms-cosmic/tailwind.config.js +++ b/examples/cms-cosmic/tailwind.config.js @@ -1,7 +1,8 @@ module.exports = { - mode: 'jit', - purge: ['./pages/**/*.{js,ts,jsx,tsx}', './components/**/*.{js,ts,jsx,tsx}'], - darkMode: false, // or 'media' or 'class' + content: [ + './pages/**/*.{js,ts,jsx,tsx}', + './components/**/*.{js,ts,jsx,tsx}', + ], theme: { extend: { colors: { @@ -32,8 +33,5 @@ module.exports = { }, }, }, - variants: { - extend: {}, - }, plugins: [], } diff --git a/examples/cms-datocms/lib/markdownToHtml.js b/examples/cms-datocms/lib/markdownToHtml.js index aebc42164b8e..735fed2df383 100644 --- a/examples/cms-datocms/lib/markdownToHtml.js +++ b/examples/cms-datocms/lib/markdownToHtml.js @@ -1,4 +1,4 @@ -import remark from 'remark' +import { remark } from 'remark' import html from 'remark-html' export default async function markdownToHtml(markdown) { diff --git a/examples/cms-datocms/package.json b/examples/cms-datocms/package.json index 7f4a105c0869..74e35d356bd2 100644 --- a/examples/cms-datocms/package.json +++ b/examples/cms-datocms/package.json @@ -7,17 +7,17 @@ }, "dependencies": { "classnames": "2.3.1", - "date-fns": "2.22.1", + "date-fns": "2.28.0", "next": "latest", "react": "^17.0.2", "react-datocms": "1.6.3", "react-dom": "^17.0.2", - "remark": "12.0.0", - "remark-html": "11.0.2" + "remark": "14.0.2", + "remark-html": "15.0.1" }, "devDependencies": { - "autoprefixer": "10.2.6", - "postcss": "8.3.5", - "tailwindcss": "^2.2.4" + "autoprefixer": "10.4.2", + "postcss": "8.4.5", + "tailwindcss": "^3.0.15" } } diff --git a/examples/cms-datocms/tailwind.config.js b/examples/cms-datocms/tailwind.config.js index 4c03f3f935e8..21253ff3793e 100644 --- a/examples/cms-datocms/tailwind.config.js +++ b/examples/cms-datocms/tailwind.config.js @@ -1,7 +1,8 @@ module.exports = { - mode: 'jit', - purge: ['./pages/**/*.{js,ts,jsx,tsx}', './components/**/*.{js,ts,jsx,tsx}'], - darkMode: false, // or 'media' or 'class' + content: [ + './pages/**/*.{js,ts,jsx,tsx}', + './components/**/*.{js,ts,jsx,tsx}', + ], theme: { extend: { colors: { @@ -32,8 +33,5 @@ module.exports = { }, }, }, - variants: { - extend: {}, - }, plugins: [], } diff --git a/examples/cms-drupal/package.json b/examples/cms-drupal/package.json index 7e36cfe305c2..bb693224fb39 100644 --- a/examples/cms-drupal/package.json +++ b/examples/cms-drupal/package.json @@ -7,15 +7,15 @@ }, "dependencies": { "classnames": "2.3.1", - "date-fns": "2.22.1", + "date-fns": "2.28.0", "next": "latest", "next-drupal": "latest", "react": "17.0.2", "react-dom": "17.0.2" }, "devDependencies": { - "autoprefixer": "10.2.6", - "postcss": "8.3.5", - "tailwindcss": "^2.2.4" + "autoprefixer": "10.4.2", + "postcss": "8.4.5", + "tailwindcss": "^3.0.15" } } diff --git a/examples/cms-drupal/tailwind.config.js b/examples/cms-drupal/tailwind.config.js index 4c03f3f935e8..21253ff3793e 100644 --- a/examples/cms-drupal/tailwind.config.js +++ b/examples/cms-drupal/tailwind.config.js @@ -1,7 +1,8 @@ module.exports = { - mode: 'jit', - purge: ['./pages/**/*.{js,ts,jsx,tsx}', './components/**/*.{js,ts,jsx,tsx}'], - darkMode: false, // or 'media' or 'class' + content: [ + './pages/**/*.{js,ts,jsx,tsx}', + './components/**/*.{js,ts,jsx,tsx}', + ], theme: { extend: { colors: { @@ -32,8 +33,5 @@ module.exports = { }, }, }, - variants: { - extend: {}, - }, plugins: [], } diff --git a/examples/cms-ghost/package.json b/examples/cms-ghost/package.json index 0a850fbd7f0c..98c5eb6488f8 100644 --- a/examples/cms-ghost/package.json +++ b/examples/cms-ghost/package.json @@ -8,15 +8,15 @@ "dependencies": { "@tryghost/content-api": "^1.4.13", "classnames": "2.3.1", - "date-fns": "2.22.1", + "date-fns": "2.28.0", "lazysizes": "^5.3.0", "next": "latest", "react": "^17.0.2", "react-dom": "^17.0.2" }, "devDependencies": { - "autoprefixer": "10.2.6", - "postcss": "8.3.5", - "tailwindcss": "^2.2.4" + "autoprefixer": "10.4.2", + "postcss": "8.4.5", + "tailwindcss": "^3.0.15" } } diff --git a/examples/cms-ghost/tailwind.config.js b/examples/cms-ghost/tailwind.config.js index 4c03f3f935e8..21253ff3793e 100644 --- a/examples/cms-ghost/tailwind.config.js +++ b/examples/cms-ghost/tailwind.config.js @@ -1,7 +1,8 @@ module.exports = { - mode: 'jit', - purge: ['./pages/**/*.{js,ts,jsx,tsx}', './components/**/*.{js,ts,jsx,tsx}'], - darkMode: false, // or 'media' or 'class' + content: [ + './pages/**/*.{js,ts,jsx,tsx}', + './components/**/*.{js,ts,jsx,tsx}', + ], theme: { extend: { colors: { @@ -32,8 +33,5 @@ module.exports = { }, }, }, - variants: { - extend: {}, - }, plugins: [], } diff --git a/examples/cms-graphcms/components/cover-image.js b/examples/cms-graphcms/components/cover-image.js index a4cda9cc8ba7..0acaa9c23b99 100644 --- a/examples/cms-graphcms/components/cover-image.js +++ b/examples/cms-graphcms/components/cover-image.js @@ -18,7 +18,7 @@ export default function CoverImage({ title, url, slug }) { return (
{slug ? ( - + {image} ) : ( diff --git a/examples/cms-graphcms/package.json b/examples/cms-graphcms/package.json index 244df95bf3fe..daf83ed66daf 100644 --- a/examples/cms-graphcms/package.json +++ b/examples/cms-graphcms/package.json @@ -7,14 +7,14 @@ }, "dependencies": { "classnames": "2.3.1", - "date-fns": "2.22.1", + "date-fns": "2.28.0", "next": "latest", "react": "^17.0.2", "react-dom": "^17.0.2" }, "devDependencies": { - "autoprefixer": "10.2.6", - "postcss": "8.3.5", - "tailwindcss": "^2.2.4" + "autoprefixer": "10.4.2", + "postcss": "8.4.5", + "tailwindcss": "^3.0.15" } } diff --git a/examples/cms-graphcms/tailwind.config.js b/examples/cms-graphcms/tailwind.config.js index 4c03f3f935e8..21253ff3793e 100644 --- a/examples/cms-graphcms/tailwind.config.js +++ b/examples/cms-graphcms/tailwind.config.js @@ -1,7 +1,8 @@ module.exports = { - mode: 'jit', - purge: ['./pages/**/*.{js,ts,jsx,tsx}', './components/**/*.{js,ts,jsx,tsx}'], - darkMode: false, // or 'media' or 'class' + content: [ + './pages/**/*.{js,ts,jsx,tsx}', + './components/**/*.{js,ts,jsx,tsx}', + ], theme: { extend: { colors: { @@ -32,8 +33,5 @@ module.exports = { }, }, }, - variants: { - extend: {}, - }, plugins: [], } diff --git a/examples/cms-kontent/lib/markdownToHtml.js b/examples/cms-kontent/lib/markdownToHtml.js index aebc42164b8e..735fed2df383 100644 --- a/examples/cms-kontent/lib/markdownToHtml.js +++ b/examples/cms-kontent/lib/markdownToHtml.js @@ -1,4 +1,4 @@ -import remark from 'remark' +import { remark } from 'remark' import html from 'remark-html' export default async function markdownToHtml(markdown) { diff --git a/examples/cms-kontent/package.json b/examples/cms-kontent/package.json index c18982d1da72..26e8bde64b13 100644 --- a/examples/cms-kontent/package.json +++ b/examples/cms-kontent/package.json @@ -8,18 +8,18 @@ "dependencies": { "@kentico/kontent-delivery": "^9.2.0", "classnames": "2.3.1", - "date-fns": "2.22.1", + "date-fns": "2.28.0", "gray-matter": "4.0.3", "next": "latest", "react": "^17.0.2", "react-dom": "^17.0.2", - "remark": "11.0.2", - "remark-html": "10.0.0", + "remark": "14.0.2", + "remark-html": "15.0.1", "rxjs": "^6.6.2" }, "devDependencies": { - "autoprefixer": "10.2.6", - "postcss": "8.3.5", - "tailwindcss": "^2.2.4" + "autoprefixer": "10.4.2", + "postcss": "8.4.5", + "tailwindcss": "^3.0.15" } } diff --git a/examples/cms-kontent/tailwind.config.js b/examples/cms-kontent/tailwind.config.js index 4c03f3f935e8..21253ff3793e 100644 --- a/examples/cms-kontent/tailwind.config.js +++ b/examples/cms-kontent/tailwind.config.js @@ -1,7 +1,8 @@ module.exports = { - mode: 'jit', - purge: ['./pages/**/*.{js,ts,jsx,tsx}', './components/**/*.{js,ts,jsx,tsx}'], - darkMode: false, // or 'media' or 'class' + content: [ + './pages/**/*.{js,ts,jsx,tsx}', + './components/**/*.{js,ts,jsx,tsx}', + ], theme: { extend: { colors: { @@ -32,8 +33,5 @@ module.exports = { }, }, }, - variants: { - extend: {}, - }, plugins: [], } diff --git a/examples/cms-prepr/package.json b/examples/cms-prepr/package.json index 9ae6095e4779..e2c40a1a57ea 100644 --- a/examples/cms-prepr/package.json +++ b/examples/cms-prepr/package.json @@ -8,14 +8,14 @@ "dependencies": { "@preprio/nodejs-sdk": "^1.1.0", "classnames": "2.3.1", - "date-fns": "2.22.1", + "date-fns": "2.28.0", "next": "latest", "react": "^17.0.2", "react-dom": "^17.0.2" }, "devDependencies": { - "autoprefixer": "10.2.6", - "postcss": "8.3.5", - "tailwindcss": "^2.2.4" + "autoprefixer": "10.4.2", + "postcss": "8.4.5", + "tailwindcss": "^3.0.15" } } diff --git a/examples/cms-prepr/tailwind.config.js b/examples/cms-prepr/tailwind.config.js index 4c03f3f935e8..21253ff3793e 100644 --- a/examples/cms-prepr/tailwind.config.js +++ b/examples/cms-prepr/tailwind.config.js @@ -1,7 +1,8 @@ module.exports = { - mode: 'jit', - purge: ['./pages/**/*.{js,ts,jsx,tsx}', './components/**/*.{js,ts,jsx,tsx}'], - darkMode: false, // or 'media' or 'class' + content: [ + './pages/**/*.{js,ts,jsx,tsx}', + './components/**/*.{js,ts,jsx,tsx}', + ], theme: { extend: { colors: { @@ -32,8 +33,5 @@ module.exports = { }, }, }, - variants: { - extend: {}, - }, plugins: [], } diff --git a/examples/cms-prismic/package.json b/examples/cms-prismic/package.json index 9f844983b733..c3d4d9d25d5d 100644 --- a/examples/cms-prismic/package.json +++ b/examples/cms-prismic/package.json @@ -7,7 +7,7 @@ }, "dependencies": { "classnames": "2.3.1", - "date-fns": "2.22.1", + "date-fns": "2.28.0", "next": "latest", "prismic-javascript": "3.0.2", "prismic-reactjs": "1.3.4", @@ -15,8 +15,8 @@ "react-dom": "^17.0.2" }, "devDependencies": { - "autoprefixer": "10.2.6", - "postcss": "8.3.5", - "tailwindcss": "^2.2.4" + "autoprefixer": "10.4.2", + "postcss": "8.4.5", + "tailwindcss": "^3.0.15" } } diff --git a/examples/cms-prismic/tailwind.config.js b/examples/cms-prismic/tailwind.config.js index 4c03f3f935e8..21253ff3793e 100644 --- a/examples/cms-prismic/tailwind.config.js +++ b/examples/cms-prismic/tailwind.config.js @@ -1,7 +1,8 @@ module.exports = { - mode: 'jit', - purge: ['./pages/**/*.{js,ts,jsx,tsx}', './components/**/*.{js,ts,jsx,tsx}'], - darkMode: false, // or 'media' or 'class' + content: [ + './pages/**/*.{js,ts,jsx,tsx}', + './components/**/*.{js,ts,jsx,tsx}', + ], theme: { extend: { colors: { @@ -32,8 +33,5 @@ module.exports = { }, }, }, - variants: { - extend: {}, - }, plugins: [], } diff --git a/examples/cms-sanity/package.json b/examples/cms-sanity/package.json index 0f27d6bc0035..494c94ac75ff 100644 --- a/examples/cms-sanity/package.json +++ b/examples/cms-sanity/package.json @@ -8,15 +8,15 @@ "dependencies": { "@sanity/block-content-to-react": "2.0.7", "classnames": "2.3.1", - "date-fns": "2.22.1", + "date-fns": "2.28.0", "next": "latest", "next-sanity": "0.3.0", "react": "^17.0.2", "react-dom": "^17.0.2" }, "devDependencies": { - "autoprefixer": "10.2.6", - "postcss": "8.3.5", - "tailwindcss": "^2.2.4" + "autoprefixer": "10.4.2", + "postcss": "8.4.5", + "tailwindcss": "^3.0.15" } } diff --git a/examples/cms-sanity/tailwind.config.js b/examples/cms-sanity/tailwind.config.js index 4c03f3f935e8..21253ff3793e 100644 --- a/examples/cms-sanity/tailwind.config.js +++ b/examples/cms-sanity/tailwind.config.js @@ -1,7 +1,8 @@ module.exports = { - mode: 'jit', - purge: ['./pages/**/*.{js,ts,jsx,tsx}', './components/**/*.{js,ts,jsx,tsx}'], - darkMode: false, // or 'media' or 'class' + content: [ + './pages/**/*.{js,ts,jsx,tsx}', + './components/**/*.{js,ts,jsx,tsx}', + ], theme: { extend: { colors: { @@ -32,8 +33,5 @@ module.exports = { }, }, }, - variants: { - extend: {}, - }, plugins: [], } diff --git a/examples/cms-storyblok/lib/markdownToHtml.js b/examples/cms-storyblok/lib/markdownToHtml.js index aebc42164b8e..735fed2df383 100644 --- a/examples/cms-storyblok/lib/markdownToHtml.js +++ b/examples/cms-storyblok/lib/markdownToHtml.js @@ -1,4 +1,4 @@ -import remark from 'remark' +import { remark } from 'remark' import html from 'remark-html' export default async function markdownToHtml(markdown) { diff --git a/examples/cms-storyblok/package.json b/examples/cms-storyblok/package.json index db15be01bd48..654627156f08 100644 --- a/examples/cms-storyblok/package.json +++ b/examples/cms-storyblok/package.json @@ -7,17 +7,17 @@ }, "dependencies": { "classnames": "2.3.1", - "date-fns": "2.22.1", + "date-fns": "2.28.0", "next": "latest", "react": "^17.0.2", "react-dom": "^17.0.2", - "remark": "12.0.0", - "remark-html": "11.0.2", + "remark": "14.0.2", + "remark-html": "15.0.1", "storyblok-js-client": "2.5.0" }, "devDependencies": { - "autoprefixer": "10.2.6", - "postcss": "8.3.5", - "tailwindcss": "^2.2.4" + "autoprefixer": "10.4.2", + "postcss": "8.4.5", + "tailwindcss": "^3.0.15" } } diff --git a/examples/cms-storyblok/tailwind.config.js b/examples/cms-storyblok/tailwind.config.js index 4c03f3f935e8..21253ff3793e 100644 --- a/examples/cms-storyblok/tailwind.config.js +++ b/examples/cms-storyblok/tailwind.config.js @@ -1,7 +1,8 @@ module.exports = { - mode: 'jit', - purge: ['./pages/**/*.{js,ts,jsx,tsx}', './components/**/*.{js,ts,jsx,tsx}'], - darkMode: false, // or 'media' or 'class' + content: [ + './pages/**/*.{js,ts,jsx,tsx}', + './components/**/*.{js,ts,jsx,tsx}', + ], theme: { extend: { colors: { @@ -32,8 +33,5 @@ module.exports = { }, }, }, - variants: { - extend: {}, - }, plugins: [], } diff --git a/examples/cms-strapi/package.json b/examples/cms-strapi/package.json index 147d835ceb42..86e7e8363ee7 100644 --- a/examples/cms-strapi/package.json +++ b/examples/cms-strapi/package.json @@ -7,7 +7,7 @@ }, "dependencies": { "classnames": "2.3.1", - "date-fns": "2.22.1", + "date-fns": "2.28.0", "next": "latest", "react": "^17.0.2", "react-dom": "^17.0.2", @@ -15,8 +15,8 @@ "remark-html": "^15.0.0" }, "devDependencies": { - "autoprefixer": "10.2.6", - "postcss": "8.3.5", - "tailwindcss": "^2.2.4" + "autoprefixer": "10.4.2", + "postcss": "8.4.5", + "tailwindcss": "^3.0.15" } } diff --git a/examples/cms-strapi/tailwind.config.js b/examples/cms-strapi/tailwind.config.js index 4c03f3f935e8..21253ff3793e 100644 --- a/examples/cms-strapi/tailwind.config.js +++ b/examples/cms-strapi/tailwind.config.js @@ -1,7 +1,8 @@ module.exports = { - mode: 'jit', - purge: ['./pages/**/*.{js,ts,jsx,tsx}', './components/**/*.{js,ts,jsx,tsx}'], - darkMode: false, // or 'media' or 'class' + content: [ + './pages/**/*.{js,ts,jsx,tsx}', + './components/**/*.{js,ts,jsx,tsx}', + ], theme: { extend: { colors: { @@ -32,8 +33,5 @@ module.exports = { }, }, }, - variants: { - extend: {}, - }, plugins: [], } diff --git a/examples/cms-takeshape/lib/markdownToHtml.js b/examples/cms-takeshape/lib/markdownToHtml.js index aebc42164b8e..735fed2df383 100644 --- a/examples/cms-takeshape/lib/markdownToHtml.js +++ b/examples/cms-takeshape/lib/markdownToHtml.js @@ -1,4 +1,4 @@ -import remark from 'remark' +import { remark } from 'remark' import html from 'remark-html' export default async function markdownToHtml(markdown) { diff --git a/examples/cms-takeshape/package.json b/examples/cms-takeshape/package.json index a73269bd0f5c..b628d0b9a9b9 100644 --- a/examples/cms-takeshape/package.json +++ b/examples/cms-takeshape/package.json @@ -7,17 +7,17 @@ }, "dependencies": { "classnames": "2.3.1", - "date-fns": "2.22.1", + "date-fns": "2.28.0", "next": "latest", "react": "^17.0.2", "react-dom": "^17.0.2", - "remark": "11.0.2", - "remark-html": "10.0.0", + "remark": "14.0.2", + "remark-html": "15.0.1", "takeshape-routing": "4.86.0" }, "devDependencies": { - "autoprefixer": "10.2.6", - "postcss": "8.3.5", - "tailwindcss": "^2.2.4" + "autoprefixer": "10.4.2", + "postcss": "8.4.5", + "tailwindcss": "^3.0.15" } } diff --git a/examples/cms-takeshape/tailwind.config.js b/examples/cms-takeshape/tailwind.config.js index 4c03f3f935e8..21253ff3793e 100644 --- a/examples/cms-takeshape/tailwind.config.js +++ b/examples/cms-takeshape/tailwind.config.js @@ -1,7 +1,8 @@ module.exports = { - mode: 'jit', - purge: ['./pages/**/*.{js,ts,jsx,tsx}', './components/**/*.{js,ts,jsx,tsx}'], - darkMode: false, // or 'media' or 'class' + content: [ + './pages/**/*.{js,ts,jsx,tsx}', + './components/**/*.{js,ts,jsx,tsx}', + ], theme: { extend: { colors: { @@ -32,8 +33,5 @@ module.exports = { }, }, }, - variants: { - extend: {}, - }, plugins: [], } diff --git a/examples/cms-umbraco-heartcore/package.json b/examples/cms-umbraco-heartcore/package.json index b3c3fa7cf806..daf83ed66daf 100755 --- a/examples/cms-umbraco-heartcore/package.json +++ b/examples/cms-umbraco-heartcore/package.json @@ -7,14 +7,14 @@ }, "dependencies": { "classnames": "2.3.1", - "date-fns": "2.27.0", + "date-fns": "2.28.0", "next": "latest", "react": "^17.0.2", "react-dom": "^17.0.2" }, "devDependencies": { - "autoprefixer": "10.2.6", - "postcss": "8.3.5", - "tailwindcss": "^2.2.4" + "autoprefixer": "10.4.2", + "postcss": "8.4.5", + "tailwindcss": "^3.0.15" } } diff --git a/examples/cms-umbraco-heartcore/tailwind.config.js b/examples/cms-umbraco-heartcore/tailwind.config.js index 4c03f3f935e8..21253ff3793e 100755 --- a/examples/cms-umbraco-heartcore/tailwind.config.js +++ b/examples/cms-umbraco-heartcore/tailwind.config.js @@ -1,7 +1,8 @@ module.exports = { - mode: 'jit', - purge: ['./pages/**/*.{js,ts,jsx,tsx}', './components/**/*.{js,ts,jsx,tsx}'], - darkMode: false, // or 'media' or 'class' + content: [ + './pages/**/*.{js,ts,jsx,tsx}', + './components/**/*.{js,ts,jsx,tsx}', + ], theme: { extend: { colors: { @@ -32,8 +33,5 @@ module.exports = { }, }, }, - variants: { - extend: {}, - }, plugins: [], } diff --git a/examples/cms-wordpress/package.json b/examples/cms-wordpress/package.json index 244df95bf3fe..daf83ed66daf 100644 --- a/examples/cms-wordpress/package.json +++ b/examples/cms-wordpress/package.json @@ -7,14 +7,14 @@ }, "dependencies": { "classnames": "2.3.1", - "date-fns": "2.22.1", + "date-fns": "2.28.0", "next": "latest", "react": "^17.0.2", "react-dom": "^17.0.2" }, "devDependencies": { - "autoprefixer": "10.2.6", - "postcss": "8.3.5", - "tailwindcss": "^2.2.4" + "autoprefixer": "10.4.2", + "postcss": "8.4.5", + "tailwindcss": "^3.0.15" } } diff --git a/examples/cms-wordpress/tailwind.config.js b/examples/cms-wordpress/tailwind.config.js index 4c03f3f935e8..21253ff3793e 100644 --- a/examples/cms-wordpress/tailwind.config.js +++ b/examples/cms-wordpress/tailwind.config.js @@ -1,7 +1,8 @@ module.exports = { - mode: 'jit', - purge: ['./pages/**/*.{js,ts,jsx,tsx}', './components/**/*.{js,ts,jsx,tsx}'], - darkMode: false, // or 'media' or 'class' + content: [ + './pages/**/*.{js,ts,jsx,tsx}', + './components/**/*.{js,ts,jsx,tsx}', + ], theme: { extend: { colors: { @@ -32,8 +33,5 @@ module.exports = { }, }, }, - variants: { - extend: {}, - }, plugins: [], }