generator-folklore 3.0.23 → 3.0.25

package/lib/generators/css/index.js

@@ -0,0 +1,76 @@
+"use strict";
+
+var _chalk = _interopRequireDefault(require("chalk"));
+var _path = _interopRequireDefault(require("path"));
+var _generator = _interopRequireDefault(require("../../lib/generator"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+module.exports = class CssGenerator extends _generator.default {
+  constructor(...args) {
+    super(...args);
+    this.argument('project-name', {
+      type: String,
+      required: false
+    });
+    this.option('path', {
+      type: String,
+      defaults: 'src/css'
+    });
+    this.stylesPath = destPath => this.destinationPath(_path.default.join(this.options.path, destPath || ''));
+  }
+  get prompting() {
+    return {
+      welcome() {
+        if (this.options.quiet) {
+          return;
+        }
+        console.log(_chalk.default.yellow('\n----------------------'));
+        console.log('CSS Generator');
+        console.log(_chalk.default.yellow('----------------------\n'));
+      },
+      prompts() {
+        const prompts = [];
+        if (!this.options['project-name']) {
+          prompts.push(CssGenerator.prompts.project_name);
+        }
+        if (!prompts.length) {
+          return null;
+        }
+        return this.prompt(prompts).then(answers => {
+          if (answers['project-name']) {
+            this.options['project-name'] = answers['project-name'];
+          }
+        });
+      }
+    };
+  }
+  get writing() {
+    return {
+      styles() {
+        const srcPath = this.templatePath('styles.css');
+        const destPath = this.stylesPath('styles.css');
+        this.fs.copy(srcPath, destPath);
+      },
+      theme() {
+        const srcPath = this.templatePath('theme.css');
+        const destPath = this.stylesPath('theme.css');
+        this.fs.copy(srcPath, destPath);
+      },
+      themes() {
+        const srcPath = this.templatePath('theme');
+        const destPath = this.stylesPath('theme');
+        this.fs.copy(srcPath, destPath);
+      },
+      dependencies() {
+        this.addDependencies({
+          'sanitize.css': '^13.0.0'
+        });
+      }
+    };
+  }
+  async install() {
+    if (this.options['skip-install']) {
+      return;
+    }
+    await this.spawnCommand('npm', ['install']);
+  }
+};

package/lib/generators/css/templates/styles.css

@@ -0,0 +1,31 @@
+/* stylelint-disable selector-class-pattern */
+@import 'sanitize.css';
+@import './theme.css';
+
+body {
+    font-family: var(--font-text);
+    font-size: var(--base-font-size);
+    font-weight: 700;
+    overflow-y: scroll;
+}
+
+html,
+body {
+    overscroll-behavior: none;
+    overscroll-behavior-x: none;
+}
+
+/* Hide scrollbar for IE, Edge and Firefox */
+.hide-scrollbar {
+    -ms-overflow-style: none; /* IE and Edge */
+    scrollbar-width: none; /* Firefox */
+
+    &::-webkit-scrollbar {
+        display: none;
+    }
+}
+
+.modal-open {
+    overflow: hidden;
+    padding-right: 0;
+}

package/lib/generators/css/templates/theme/colors.css

@@ -0,0 +1,19 @@
+:root {
+    --color-white: #fff;
+    --color-black: #000;
+    --color-blue: #0000fb;
+    --color-purple: #90f;
+    --color-red: #f03;
+    --color-error: var(--color-red);
+}
+
+
+div[data-theme="light"] {
+    --color-text: var(--color-black);
+    --color-title: var(--color-white);
+}
+
+div[data-theme="dark"] {
+    --color-text: var(--color-white);
+    --color-text-alt: var(--color-black);
+}

package/lib/generators/css/templates/theme/general.css

@@ -0,0 +1,11 @@
+:root {
+    --spacing-small: 5px;
+    --spacing: 10px;
+    --spacing-medium: 20px;
+    --spacing-large: 30px;
+    --spacing-xlarge: 40px;
+    --border-radius: 16px;
+    --line-height: 1.25;
+    --max-page-width: 1300px;
+    --transition-default: 0.3s ease-out;
+}

package/lib/generators/css/templates/theme/medias.css

@@ -0,0 +1,14 @@
+
+@custom-media --very-small-viewport (min-width: 360px);
+@custom-media --small-viewport (min-width: 576px);
+@custom-media --medium-viewport (min-width: 768px);
+@custom-media --large-viewport (min-width: 1200px);
+@custom-media --x-large-viewport (min-width: 1400px);
+
+:root {
+    --very-small-viewport: 360px;
+    --small-viewport: 500px;
+    --medium-viewport: 768px;
+    --large-viewport: 1200px;
+    --x-large-viewport: 1400px;
+}

package/lib/generators/css/templates/theme/reset.css

@@ -0,0 +1,168 @@
+html,
+body {
+    min-height: 100%;
+    padding: 0;
+    margin: 0;
+}
+
+a {
+    color: inherit;
+}
+
+/* http://meyerweb.com/eric/tools/css/reset/
+   v2.0 | 20110126
+   License: none (public domain)
+*/
+
+html,
+body,
+div,
+span,
+applet,
+object,
+iframe,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+p,
+blockquote,
+pre,
+a,
+abbr,
+acronym,
+address,
+big,
+cite,
+code,
+del,
+dfn,
+em,
+img,
+ins,
+kbd,
+q,
+s,
+samp,
+small,
+strike,
+strong,
+sub,
+sup,
+tt,
+var,
+b,
+u,
+i,
+center,
+dl,
+dt,
+dd,
+ol,
+ul,
+li,
+fieldset,
+form,
+label,
+legend,
+table,
+caption,
+tbody,
+tfoot,
+thead,
+tr,
+th,
+td,
+article,
+aside,
+canvas,
+details,
+embed,
+figure,
+figcaption,
+footer,
+header,
+hgroup,
+menu,
+nav,
+output,
+ruby,
+section,
+summary,
+time,
+mark,
+audio,
+video {
+    padding: 0;
+    border: 0;
+    margin: 0;
+    font: inherit;
+    font-size: 100%;
+    vertical-align: baseline;
+}
+
+/* HTML5 display-role reset for older browsers */
+article,
+aside,
+details,
+figcaption,
+figure,
+footer,
+header,
+hgroup,
+menu,
+nav,
+section {
+    display: block;
+}
+
+body {
+    line-height: 1;
+}
+
+ol,
+ul {
+    list-style: none;
+}
+
+blockquote,
+q {
+    quotes: none;
+}
+
+blockquote::before,
+blockquote::after,
+q::before,
+q::after {
+    content: '';
+    content: none;
+}
+
+table {
+    border-collapse: collapse;
+    border-spacing: 0;
+}
+
+html {
+    box-sizing: border-box;
+}
+
+input,
+button,
+a,
+textarea,
+select {
+    outline: none;
+}
+
+*,
+*::before,
+*::after {
+    box-sizing: inherit;
+}
+
+a > img {
+    display: block;
+}

package/lib/generators/css/templates/theme/typography.css

@@ -0,0 +1,12 @@
+:root {
+    --font-title: 'Helvetica', 'Arial', sans-serif;
+    --font-text: 'Helvetica', 'Arial', sans-serif;
+    --base-font-size: 16px;
+}
+
+/* @font-face {
+    font-family: KodeMono;
+    font-style: normal;
+    font-weight: 400;
+    src: url('../../fonts/kode-mono.woff2') format('woff2');
+} */

package/lib/generators/css/templates/theme.css

@@ -0,0 +1,5 @@
+@import './theme/colors.css';
+@import './theme/general.css';
+@import './theme/medias.css';
+@import './theme/reset.css';
+@import './theme/typography.css';

package/lib/generators/html-project/index.js

@@ -30,7 +30,7 @@ module.exports = class HTMLProjectGenerator extends _generator.default {
     });
     this.option('styles-path', {
       type: String,
-      desc: 'Path for the scss',
+      desc: 'Path for the css/scss',
       defaults: 'styles'
     });
     this.option('server', {
@@ -118,7 +118,7 @@ module.exports = class HTMLProjectGenerator extends _generator.default {
       'skip-install': true,
       quiet: true
     });
-    this.composeWith('folklore:scss', {
+    this.composeWith('folklore:css', {
       'project-name': projectName,
       path: stylesSrcPath,
       react: true,
@@ -134,6 +134,7 @@ module.exports = class HTMLProjectGenerator extends _generator.default {
       });
     }
     console.log(srcPath, jsSrcPath, _path.default.join(jsSrcPath, 'index.js'), _path.default.join(srcPath, 'index.html.ejs'));
+    this.log('merging with folklore build');
     this.composeWith('folklore:build', {
       'src-path': srcPath,
       'entry-path': _path.default.join(jsSrcPath, 'index.js'),

package/lib/generators/laravel/index.js

@@ -1,11 +1,11 @@
 "use strict";
 
-var _lodash = _interopRequireDefault(require("lodash"));
-var _yeomanRemote = _interopRequireDefault(require("yeoman-remote"));
-var _glob = _interopRequireDefault(require("glob"));
-var _path = _interopRequireDefault(require("path"));
 var _chalk = _interopRequireDefault(require("chalk"));
+var _glob = _interopRequireDefault(require("glob"));
+var _lodash = _interopRequireDefault(require("lodash"));
 var _passwordGenerator = _interopRequireDefault(require("password-generator"));
+var _path = _interopRequireDefault(require("path"));
+var _yeomanRemote = _interopRequireDefault(require("yeoman-remote"));
 var _generator = _interopRequireDefault(require("../../lib/generator"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
@@ -221,7 +221,7 @@ module.exports = class LaravelGenerator extends _generator.default {
     this.composeWith('folklore:editorconfig', {
       quiet: true
     });
-    this.composeWith('folklore:scss', {
+    this.composeWith('folklore:css', {
       'project-name': this.options['project-name'],
       path: stylesSrcPath,
       react: true,

package/lib/generators/laravel-panneau/templates/resources/assets/styles/panneau.scss

@@ -1,4 +1,3 @@
 @import '~@panneau/app/scss/styles';
-
 @import '~@panneau/themes/scss/styles';
 @import '~@panneau/themes/scss/vendor';

package/lib/generators/laravel-project/index.js

@@ -103,11 +103,6 @@ module.exports = class LaravelProjectGenerator extends _generator.default {
       desc: 'Add mediatheque',
       defaults: false
     });
-    this.option('auth', {
-      type: Boolean,
-      desc: 'Add auth',
-      defaults: false
-    });
   }
   get prompting() {
     return {
@@ -154,10 +149,6 @@ module.exports = class LaravelProjectGenerator extends _generator.default {
           name: 'Panneau',
           value: 'panneau',
           checked: true
-        }, !this.options.auth && {
-          name: 'Auth',
-          value: 'auth',
-          checked: true
         }].filter(Boolean);
         if (featuresChoices.length) {
           prompts.push({
@@ -185,9 +176,6 @@ module.exports = class LaravelProjectGenerator extends _generator.default {
           if (features.indexOf('panneau') !== -1) {
             this.options.panneau = true;
           }
-          if (features.indexOf('auth') !== -1) {
-            this.options.auth = true;
-          }
           if (features.indexOf('mediatheque') !== -1) {
             this.options.mediatheque = true;
           }
@@ -233,7 +221,7 @@ module.exports = class LaravelProjectGenerator extends _generator.default {
       quiet: true,
       'skip-install': true
     });
-    this.composeWith('folklore:scss', {
+    this.composeWith('folklore:css', {
       'project-name': this.options['project-name'],
       path: stylesSrcPath,
       react: true,
@@ -268,17 +256,6 @@ module.exports = class LaravelProjectGenerator extends _generator.default {
         quiet: true
       });
     }
-
-    // if (this.options.auth) {
-    //     this.composeWith('folklore:laravel-auth', {
-    //         'project-name': this.options['project-name'],
-    //         'js-path': jsSrcPath,
-    //         'styles-path': stylesSrcPath,
-    //         'skip-install': true,
-    //         'install-npm': true,
-    //         quiet: true,
-    //     });
-    // }
   }
   get writing() {
     return {

package/lib/generators/micromag-project/index.js

@@ -76,9 +76,9 @@ module.exports = class MicromagProjectGenerator extends _generator.default {
           getRelativeStylesPath: (from, src) => _path.default.relative(this.destinationPath(_path.default.dirname(_path.default.join(srcPath, from))), this.destinationPath(_path.default.join(_path.default.join(srcPath, 'styles'), src)))
         };
         this.fs.delete(this.srcPath('components/pages/Home.jsx'));
-        this.fs.delete(this.srcPath('styles/pages/home.module.scss'));
+        this.fs.delete(this.srcPath('styles/pages/home.module.css'));
         this.fs.copyTpl(this.templatePath('Home.jsx'), this.srcPath('components/pages/Home.jsx'), templateData);
-        this.fs.copyTpl(this.templatePath('home.module.scss'), this.srcPath('styles/pages/home.module.scss'), templateData);
+        this.fs.copyTpl(this.templatePath('home.module.css'), this.srcPath('styles/pages/home.module.css'), templateData);
       },
       routes() {
         const {
@@ -91,8 +91,8 @@ module.exports = class MicromagProjectGenerator extends _generator.default {
         this.fs.copyTpl(this.templatePath('Routes.jsx'), this.srcPath('components/Routes.jsx'), templateData);
       },
       styles() {
-        this.fs.delete(this.srcPath('styles/styles.scss'));
-        this.fs.copyTpl(this.templatePath('styles.scss'), this.srcPath('styles/styles.scss'));
+        this.fs.delete(this.srcPath('styles/styles.css'));
+        this.fs.copyTpl(this.templatePath('styles.css'), this.srcPath('styles/styles.css'));
       },
       micromag() {
         this.fs.copyTpl(this.templatePath('data.json'), this.srcPath('micromag/data.json'));

package/lib/generators/micromag-project/templates/Home.jsx

@@ -6,7 +6,7 @@ import { useIntl } from 'react-intl';
 // import * as AppPropTypes from '../../lib/PropTypes';
 import story from '../../micromag/data.json';
 
-import styles from '<%= getRelativeStylesPath('components/pages/Home.jsx', 'pages/home.module.scss') %>';
+import styles from '<%= getRelativeStylesPath('components/pages/Home.jsx', 'pages/home.module.css') %>';
 
 const propTypes = {
     // intl: AppPropTypes.intl.isRequired,

package/lib/generators/micromag-project/templates/Routes.jsx

@@ -9,7 +9,7 @@ import MainLayout from './layouts/Main';
 import ErrorPage from './pages/Error';
 import HomePage from './pages/Home';
 
-import '<%= getRelativeStylesPath('components/App.jsx', 'styles.scss') %>';
+import '<%= getRelativeStylesPath('components/App.jsx', 'styles.css') %>';
 
 const propTypes = {};
 

package/lib/generators/micromag-project/templates/styles.css

@@ -0,0 +1,3 @@
+@import url('@micromag/core');
+@import url('@micromag/viewer');
+

package/lib/generators/prettier/templates/prettierrc.json

@@ -5,10 +5,11 @@
     "trailingComma": "all",
     "tabWidth": 4,
     "importOrder": [
+        "styles\\.s?css$",
         "<THIRD_PARTY_MODULES>",
         "^[./](.*)?/(utils|hooks|lib)",
         "^[./].*(?<!(\\.[a-z]+))$",
-        "\\.scss$",
+        "\\.s?css$",
         "\\.[a-z]+$"
     ],
     "importOrderSeparation": true

package/lib/generators/react-app/templates/src/components/App.jsx

@@ -18,14 +18,7 @@ const propTypes = {
     routes: PropTypes.objectOf(PropTypes.string),
 };
 
-const defaultProps = {
-    intl: null,
-    routes: {
-        home: '/'
-    },
-};
-
-function App({ intl, routes }) {
+function App({ intl = null, routes = { home: '/' } }) {
     const { locale = 'fr', messages = {} } = intl || {};
     return (
         <IntlProvider locale={locale} messages={messages[locale] || messages}>
@@ -39,6 +32,5 @@ function App({ intl, routes }) {
 }
 
 App.propTypes = propTypes;
-App.defaultProps = defaultProps;
 
 export default App;

package/lib/generators/react-app/templates/src/components/Routes.jsx

@@ -9,12 +9,10 @@ import MainLayout from './layouts/Main';
 import ErrorPage from './pages/Error';
 import HomePage from './pages/Home';
 
-import '<%= getRelativeStylesPath('components/App.jsx', 'styles.scss') %>';
+import '<%= getRelativeStylesPath('components/App.jsx', 'styles.css') %>';
 
 const propTypes = {};
 
-const defaultProps = {};
-
 function Routes() {
     const routes = useRoutes() || {};
     return (
@@ -34,6 +32,5 @@ function Routes() {
 }
 
 Routes.propTypes = propTypes;
-Routes.defaultProps = defaultProps;
 
 export default Routes;

package/lib/generators/react-app/templates/src/components/buttons/Button.jsx

@@ -6,7 +6,7 @@ import { Link } from 'wouter';
 
 import * as AppPropTypes from '../../lib/PropTypes';
 
-import styles from '<%= getRelativeStylesPath('components/buttons/Button.jsx', 'buttons/button.module.scss') %>';
+import styles from '<%= getRelativeStylesPath('components/buttons/Button.jsx', 'buttons/button.module.css') %>';
 
 const propTypes = {
     text: PropTypes.string,
@@ -28,44 +28,24 @@ const propTypes = {
     onClick: PropTypes.func,
 };
 
-const defaultProps = {
-    text: null,
-    type: 'button',
-    href: null,
-    external: false,
-    direct: false,
-    target: '_blank',
-    label: null,
-    children: null,
-    icon: null,
-    iconPosition: 'inline',
-    disabled: false,
-    loading: false,
-    disableOnLoading: true,
-    className: null,
-    iconClassName: null,
-    labelClassName: null,
-    onClick: null,
-};
-
 function Button({
-    text,
-    type,
-    href,
-    external,
-    direct,
-    target,
-    label,
-    children,
-    icon,
-    iconPosition,
-    disabled,
-    loading,
-    disableOnLoading,
-    onClick,
-    className,
-    iconClassName,
-    labelClassName,
+    text = null,
+    type = 'button',
+    href = null,
+    external = false,
+    direct = false,
+    target = '_blank',
+    label = null,
+    children = null,
+    icon = null,
+    iconPosition = 'inline',
+    disabled = false,
+    loading = false,
+    disableOnLoading = true,
+    className = null,
+    iconClassName = null,
+    labelClassName = null,
+    onClick = null,
 }) {
     const finalLabel = label || children;
     const hasChildren = label !== null && children !== null;
@@ -158,6 +138,5 @@ function Button({
 };
 
 Button.propTypes = propTypes;
-Button.defaultProps = defaultProps;
 
 export default Button;

package/lib/generators/react-app/templates/src/components/layouts/Main.jsx

@@ -1,15 +1,13 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-import styles from '<%= getRelativeStylesPath('components/layouts/Main.jsx', 'layouts/main.module.scss') %>';
+import styles from '<%= getRelativeStylesPath('components/layouts/Main.jsx', 'layouts/main.module.css') %>';
 
 const propTypes = {
     children: PropTypes.node.isRequired,
 };
 
-const defaultProps = {};
-
-function MainLayout({ children }) {
+function MainLayout({ children = null }) {
     return (
         <div className={styles.container}>
             <div className={styles.inner}>
@@ -20,6 +18,5 @@ function MainLayout({ children }) {
 };
 
 MainLayout.propTypes = propTypes;
-MainLayout.defaultProps = defaultProps;
 
 export default MainLayout;

package/lib/generators/react-app/templates/src/components/menus/Menu.jsx

@@ -6,19 +6,14 @@ import { Link } from 'wouter';
 
 import * as AppPropTypes from '../../lib/PropTypes';
 
-import styles from '<%= getRelativeStylesPath('components/menus/Menu.jsx', 'menus/menu.module.scss') %>';
+import styles from '<%= getRelativeStylesPath('components/menus/Menu.jsx', 'menus/menu.module.css') %>';
 
 const propTypes = {
     items: AppPropTypes.menuItems,
     className: PropTypes.string,
 };
 
-const defaultProps = {
-    items: [],
-    className: null,
-};
-
-function Menu({ items, className }) {
+function Menu({ items = [], className = null }) {
     return (
         <nav
             className={classNames([
@@ -56,6 +51,5 @@ function Menu({ items, className }) {
 }
 
 Menu.propTypes = propTypes;
-Menu.defaultProps = defaultProps;
 
 export default Menu;

package/lib/generators/react-app/templates/src/components/pages/Error.jsx

@@ -8,7 +8,7 @@ import { useUrlGenerator } from '@folklore/routes';
 // import * as AppPropTypes from '../../lib/PropTypes';
 import PageMeta from '../partials/PageMeta';
 
-import styles from '<%= getRelativeStylesPath('components/pages/Error.jsx', 'pages/error.module.scss') %>';
+import styles from '<%= getRelativeStylesPath('components/pages/Error.jsx', 'pages/error.module.css') %>';
 
 export const messages = defineMessages({
     metaTitle401: {
@@ -73,11 +73,7 @@ const propTypes = {
     statusCode: PropTypes.number,
 };
 
-const defaultProps = {
-    statusCode: 404,
-};
-
-function ErrorPage({ statusCode }) {
+function ErrorPage({ statusCode = 404 }) {
     const url = useUrlGenerator();
     return (
         <div className={styles.container}>
@@ -100,6 +96,5 @@ function ErrorPage({ statusCode }) {
 };
 
 ErrorPage.propTypes = propTypes;
-ErrorPage.defaultProps = defaultProps;
 
 export default ErrorPage;

package/lib/generators/react-app/templates/src/components/pages/Home.jsx

@@ -5,7 +5,7 @@ import { defineMessages } from 'react-intl';
 // import * as AppPropTypes from '../../lib/PropTypes';
 import PageMeta from '../partials/PageMeta';
 
-import styles from '<%= getRelativeStylesPath('components/pages/Home.jsx', 'pages/home.module.scss') %>';
+import styles from '<%= getRelativeStylesPath('components/pages/Home.jsx', 'pages/home.module.css') %>';
 
 const messages = defineMessages({
     metaTitle: {

package/lib/generators/react-app/templates/src/components/partials/PageMeta.jsx

@@ -17,11 +17,7 @@ const propTypes = {
     title: AppPropTypes.message,
 };
 
-const defaultProps = {
-    title: messages.title,
-};
-
-function PageMeta({ title }) {
+function PageMeta({ title = null }) {
     const intl = useIntl();
     return (
         <Helmet>
@@ -31,6 +27,5 @@ function PageMeta({ title }) {
 }
 
 PageMeta.propTypes = propTypes;
-PageMeta.defaultProps = defaultProps;
 
-export default React.memo(PageMeta);
+export default PageMeta;

package/lib/generators/react-app/templates/src/contexts/KeysContext.jsx

@@ -1,7 +1,8 @@
 /* globals GOOGLE_API_KEY: true */
+
 /* eslint-disable react/jsx-props-no-spreading */
-import React, { useContext } from 'react';
 import PropTypes from 'prop-types';
+import React, { useContext } from 'react';
 
 const KeysContext = React.createContext({
     googleApiKey: typeof GOOGLE_API_KEY !== 'undefined' ? GOOGLE_API_KEY : null,
@@ -9,13 +10,13 @@ const KeysContext = React.createContext({
 
 export const useKeys = () => useContext(KeysContext);
 
-export const withKeys = WrappedComponent => {
+export const withKeys = (WrappedComponent) => {
     const getDisplayName = ({ displayName = null, name = null }) =>
         displayName || name || 'Component';
 
-    const WithKeysComponent = props => (
+    const WithKeysComponent = (props) => (
         <KeysContext.Consumer>
-            {keys => <WrappedComponent {...keys} {...props} />}
+            {(keys) => <WrappedComponent {...keys} {...props} />}
         </KeysContext.Consumer>
     );
     WithKeysComponent.displayName = `WithKeys(${getDisplayName(WrappedComponent)})`;
@@ -27,15 +28,10 @@ const propTypes = {
     keys: PropTypes.objectOf(PropTypes.string),
 };
 
-const defaultProps = {
-    keys: {},
-};
-
-export const KeysProvider = ({ children, keys }) => (
+export const KeysProvider = ({ children = null, keys = null }) => (
     <KeysContext.Provider value={keys}>{children}</KeysContext.Provider>
 );
 
 KeysProvider.propTypes = propTypes;
-KeysProvider.defaultProps = defaultProps;
 
 export default KeysContext;

package/lib/generators/react-app/templates/styles/buttons/button.module.css

@@ -0,0 +1,11 @@
+.container {
+    display: inline-block;
+    position: relative;
+    padding: 0;
+    border: 0;
+    background: transparent;
+    color: inherit;
+    font-family: var(--font-text);
+    cursor: pointer;
+    appearance: none;
+}

package/lib/generators/react-app/templates/styles/layouts/{main.module.scss → main.module.css}

@@ -1,7 +1,3 @@
-@import '../commons/variables';
-@import '../commons/placeholders';
-@import '../commons/mixins';
-
 .container {
     position: relative;
 

package/lib/generators/react-app/templates/styles/menus/menu.module.css

@@ -0,0 +1,3 @@
+.container {
+    position: relative;
+}

package/lib/generators/react-app/templates/styles/pages/error.module.css

@@ -0,0 +1,3 @@
+.container {
+    position: relative;
+}

package/lib/generators/react-app/templates/styles/pages/{home.module.scss → home.module.css}

@@ -1,7 +1,3 @@
-@import '../commons/variables';
-@import '../commons/placeholders';
-@import '../commons/mixins';
-
 .container {
     .logo {
         position: fixed;

package/lib/generators/stylelint/index.js

@@ -32,9 +32,8 @@ module.exports = class StylelintGenerator extends _generator.default {
       dependencies() {
         this.addDevDependencies({
           stylelint: '^16.2.1',
-          'stylelint-config-standard-scss': '^13.0.0',
           'stylelint-config-idiomatic-order': '^10.0.0',
-          'stylelint-config-standard': '^36.0.0'
+          'stylelint-config-standard': '^37.0.0'
         });
       }
     };

package/lib/generators/stylelint/templates/stylelintrc

@@ -1,6 +1,5 @@
 {
     "extends": [
-        "stylelint-config-standard-scss",
         "stylelint-config-idiomatic-order",
         "stylelint-config-standard"
     ],

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "generator-folklore",
-    "version": "3.0.23",
+    "version": "3.0.25",
     "description": "Yeoman generator for projects at Folklore",
     "keywords": [
         "yeoman-generator"
@@ -9,7 +9,7 @@
     "scripts": {
         "clean:lib": "rm -rf lib/*",
         "clean": "npm run clean:lib",
-        "copy:dirs": "find src/ -type d | grep -E '(/templates|/instructions)$' | sed 's/src\\/\\///g' | xargs -I{} cp -r \"src/{}\" \"lib/{}\"",
+        "copy:dirs": "find src/ -type d | grep -E '(/templates|/instructions)$' | sed 's/src\\///g' | xargs -I{} cp -r \"./src/{}\" \"./lib/{}\"",
         "compile": "../../node_modules/.bin/babel -d lib/ src/",
         "build": "npm run compile && npm run copy:dirs",
         "test": "echo \"Error: no test specified\" && exit 1",
@@ -37,8 +37,8 @@
         "is-utf8": "^0.2.1",
         "lodash": "^4.17.21",
         "password-generator": "^2.3.2",
-        "yeoman-generator": "^5.7.0",
+        "yeoman-generator": "5.9.0",
         "yeoman-remote": "^1.0.1"
     },
-    "gitHead": "c13ef70b8126b3182b3e3365f34f9231fa9b1535"
+    "gitHead": "6879f02e1991265ab2248de470fbf8e1240483a9"
 }

package/lib/generators/micromag-project/templates/styles.scss

@@ -1,2 +0,0 @@
-@import '~@micromag/core/scss/styles';
-@import '~@micromag/viewer/scss/styles';

package/lib/generators/react-app/templates/styles/buttons/button.module.scss

@@ -1,8 +0,0 @@
-@import '../commons/variables';
-@import '../commons/placeholders';
-@import '../commons/mixins';
-
-.container {
-    @extend %reset-button;
-    display: inline-block;
-}

package/lib/generators/react-app/templates/styles/menus/menu.module.scss

@@ -1,7 +0,0 @@
-@import '../commons/variables';
-@import '../commons/placeholders';
-@import '../commons/mixins';
-
-.container {
-    position: relative;
-}

package/lib/generators/react-app/templates/styles/pages/error.module.scss

@@ -1,7 +0,0 @@
-@import '../commons/variables';
-@import '../commons/placeholders';
-@import '../commons/mixins';
-
-.container {
-    position: relative;
-}