Upgrade with-carbon-components to built-in SCSS (#10321)

Co-authored-by: N Joe Haddad <timer150@gmail.com>

Upgrade with-carbon-components to built-in SCSS (#10321)
Co-authored-by: N Joe Haddad <timer150@gmail.com>
157a7a7b · Tim Neutkens · GitHub · 81fd7046 · 157a7a7b · 157a7a7b
8 changed file
--- a/examples/with-carbon-components/next.config.js
+++ b/examples/with-carbon-components/next.config.js
-const withSass = require('@zeit/next-sass')
-const withImages = require('next-images')
-
-module.exports = withImages(
-  withSass({
-    webpack(config) {
-      config.module.rules.push({
-        test: /\.(png|svg|eot|otf|ttf|woff|woff2)$/,
-        use: {
-          loader: 'url-loader',
-          options: {
-            limit: 100000,
-            publicPath: './',
-            outputPath: 'static/',
-            name: '[name].[ext]',
-          },
-        },
-      })
-
-      return config
-    },
-  })
-)
+module.exports = {
+  experimental: {
+    scss: true,
+  },
+}
--- a/examples/with-carbon-components/package.json
+++ b/examples/with-carbon-components/package.json
@@ -10,12 +10,10 @@
  },
  "license": "ISC",
  "dependencies": {
-    "@zeit/next-sass": "^1.0.1",
    "carbon-components": "^9.6.4",
    "carbon-components-react": "^6.19.1",
    "carbon-icons": "^7.0.7",
    "next": "latest",
-    "next-images": "^0.10.6",
    "react": "^16.7.0",
    "react-dom": "^16.7.0"
  }

--- a/examples/with-carbon-components/pages/_app.js
+++ b/examples/with-carbon-components/pages/_app.js
+import '../styles/custom-theme.scss'
+
+function MyApp({ Component, pageProps }) {
+  return <Component {...pageProps} />
+}
+
+export default MyApp
--- a/examples/with-carbon-components/pages/_document.js
+++ b/examples/with-carbon-components/pages/_document.js
-import Document, { Head, Main, NextScript } from 'next/document'
-
-export default class MyDocument extends Document {
-  render() {
-    return (
-      <html>
-        <Head>
-          <link rel="stylesheet" href="/_next/static/style.css" />
-        </Head>
-        <body>
-          <Main />
-          <NextScript />
-        </body>
-      </html>
-    )
-  }
-}
--- a/examples/with-carbon-components/pages/index.js
+++ b/examples/with-carbon-components/pages/index.js
 import React, { Component, Fragment } from 'react'
 import { Button } from 'carbon-components-react'

-import '../static/myCustomTheme.scss'
-
 export default class DemoApp extends Component {
  render() {
    return (

--- a/examples/with-carbon-components/static/myCustomTheme.scss
+++ b/examples/with-carbon-components/static/myCustomTheme.scss
-@import './export.scss';
-
-@import '../node_modules/carbon-components/scss/globals/scss/styles.scss';
--- a/examples/with-carbon-components/styles/custom-theme.scss
+++ b/examples/with-carbon-components/styles/custom-theme.scss
+@import './export.scss';
+@import '~carbon-components/scss/globals/scss/styles.scss';
--- a/examples/with-carbon-components/static/export.scss
+++ b/examples/with-carbon-components/static/export.scss