Update css module configuration

Author: Marek Rozmus

examples/src/App.js

@@ -8,7 +8,7 @@ import '@sandstreamdev/react-swipeable-list/dist/styles.css';
 import ListItem from './ComplexListItem';
 import ComplexItemContent from './ComplexItemContent';
 import { MailIcon, ReplyIcon, DeleteIcon } from '../images/icons';
-import styles from './app.css';
+import styles from './app.module.css';
 
 function App() {
   const [triggeredSimpleItemAction, triggerSimpleItemAction] = useState('');

examples/src/ComplexItemContent.js

@@ -2,7 +2,7 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
 
-import styles from './ComplexItemContent.css';
+import styles from './ComplexItemContent.module.css';
 
 const ComplexItemConent = ({ icon, color, side, label }) => (
   <div

examples/src/ComplexItemContent.css renamed to examples/src/ComplexItemContent.module.css

@@ -1,7 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-import styles from './ComplexListItem.css';
+import styles from './ComplexListItem.module.css';
 
 const ComplexListItem = ({ description, icon, name }) => (
   <div className={styles.listItemComponent}>

examples/src/ComplexListItem.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import ReactDOM from 'react-dom';
 
-import styles from './app.css';
+import styles from './app.module.css';
 import App from './App';
 
 ReactDOM.render(

examples/src/ComplexListItem.css renamed to examples/src/ComplexListItem.module.css

@@ -1,6 +1,5 @@
 var HtmlWebpackPlugin = require('html-webpack-plugin');
 var path = require('path');
-var CssLoaderUtils = require('css-loader/dist/utils');
 
 const babelLoaderOptions = {
   presets: ['@babel/env', '@babel/react'],
@@ -35,25 +34,7 @@ module.exports = {
           {
             loader: 'css-loader',
             options: {
-              modules: {
-                localIdentName: '[name]_[local]__[hash:base64:5]_',
-                getLocalIdent: (
-                  loaderContext,
-                  localIdentName,
-                  localName,
-                  options
-                ) => {
-                  if (loaderContext.resourcePath.includes('node_modules')) {
-                    return localName;
-                  }
-                  return CssLoaderUtils.getLocalIdent(
-                    loaderContext,
-                    localIdentName,
-                    localName,
-                    options
-                  );
-                }
-              }
+              modules: true
             }
           }
         ]
@@ -72,7 +53,7 @@ module.exports = {
       '@sandstreamdev/react-swipeable-list/dist/styles.css': path.join(
         __dirname,
         'src',
-        'app.css'
+        'app.module.css'
       ),
       // to import module sources
       '@sandstreamdev/react-swipeable-list': path.join(__dirname, '..', 'src'),

examples/src/app.css renamed to examples/src/app.module.css

@@ -35,7 +35,6 @@ module.exports = {
             loader: 'css-loader',
             options: {
               modules: {
-                localIdentName: '[name]_[local]__[hash:base64:5]_',
                 getLocalIdent: (
                   loaderContext,
                   localIdentName,