Revert "docs(components): remove unnecessary previews (#1427)"

This reverts commit 6290d1c.

CHANGELOG.md

@@ -493,24 +493,6 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
 - **component/pswdinput:** increase CSS specificity on the input[type=password"] element ([#1032](https://github.com/adeo/mozaic-design-system/issues/1032)) ([9cbed7c](https://github.com/adeo/mozaic-design-system/commit/9cbed7c34a3d37be0bc15c08acfa3b59c6684e06))
 - **foundations/icons:** add typescript to react icons ([#1025](https://github.com/adeo/mozaic-design-system/issues/1025)) ([93ce0ff](https://github.com/adeo/mozaic-design-system/commit/93ce0ff0c9b85bfac4e10149def885790631a360))
 
-# [2.0.0-rc.0](https://github.com/adeo/mozaic-design-system/compare/v1.24.2...v2.0.0-rc.0) (2022-02-08)
-
-
-### Bug Fixes
-
-* **comment:** add comment in option card ([459fb53](https://github.com/adeo/mozaic-design-system/commit/459fb53c8c783abc9a4a57890fa89e20318b43a2))
-* **readme:** update link ([a681853](https://github.com/adeo/mozaic-design-system/commit/a6818533aeeb6a1a68333ee4e8385077901b5acc))
-* **release:** empty commit due to release issue ([e9a83cb](https://github.com/adeo/mozaic-design-system/commit/e9a83cbd9893c086adee6e1b752ae1e0a64151be))
-
-
-### Features
-
-* **pattern/colors:** add new LM colours ([#999](https://github.com/adeo/mozaic-design-system/issues/999)) ([8854fb8](https://github.com/adeo/mozaic-design-system/commit/8854fb89fda1ecd3d9be10b9fcc7aa102fdc7102))
-
-
-
-
-
 ## [1.24.1](https://github.com/adeo/mozaic-design-system/compare/v1.24.0...v1.24.1) (2022-02-02)
 
 ### Bug Fixes

README.md

@@ -2,7 +2,7 @@
   Adeo Design System
 </h1>
 
-> Mozaic is an open-source design system built by ADEO, designed to help set up a coherent human experience, to reinforce team’s delivery time and improve quality of deliverables.
+> Mozaic is an open-source design system built by Adeo, designed to help set up a coherent human experience, to reinforce team’s delivery time and improve quality of deliverables.
 
 <p align="center">
   <a href="https://github.com/adeo/mozaic-design-system/blob/master/.prettierrc">

iconCompiler/index.js

@@ -39,12 +39,12 @@ cleanDirectories(config)
   .then((icons) => {
     console.log(outputIconSetSize(icons[0], icons[1]))
     console.log('✓ SUCCESS : Icons cleaned and saved as SVGs in the package')
-    const allIcons = icons[0].concat(icons[1])
+
     return Promise.all([
-      generateIconComponent('react', allIcons),
+      generateIconComponent('react', icons[0]),
       generateIconComponent('vue', icons[0]),
-      generateIconComponent('svelte', allIcons),
-      generateIconsModules(allIcons),
+      generateIconComponent('svelte', icons[0]),
+      generateIconsModules(icons[0].concat(icons[1])),
       generateIconsDatas(icons),
     ]).then(() => Promise.resolve())
   })

package.json

@@ -1,21 +1,8 @@
 {
   "name": "@mozaic-ds/designsystem",
-  "description": "Mozaic is an open-source design system built by ADEO, designed to help set up a coherent human experience, to reinforce team’s delivery time and improve quality of deliverables.",
-  "version": "2.0.0",
-  "contributors": [
-    {
-      "name": "Charles-Antoine Queste",
-      "email": "charles-antoine.queste@adeo.com"
-    },
-    {
-      "name": "Trésor Iloyi",
-      "email": "tresor.iloyi@ext.adeo.com"
-    },
-    {
-      "name": "Mohamed Mokhtari",
-      "email": "mohamed.mokhtari@ext.adeo.com"
-    }
-  ],
+  "description": "leroy merlin design system",
+  "version": "0.0.0",
+  "author": "Gaël BOYENVAL <gaelboyenval@icloud.com>",
   "repository": {
     "type": "git",
     "url": "https://github.com/adeo/mozaic-design-system"
@@ -73,7 +60,7 @@
   },
   "scripts": {
     "tokens:build": "mozaic-tokens-build",
-    "tokens:clean": "test -d 'packages/tokens/build/' && rm -rf packages/tokens/build/ || echo 'nothing to clean'",
+    "tokens:clean": "test -d 'packages/tokens/build/' && npx style-dictionary clean --config ./packages/tokens/config.js || echo 'nothing to clean'",
     "tokens:clean-build": "yarn tokens:clean && yarn tokens:build",
     "assets:upload": "node ci/assets.js",
     "ci:wait": "node ci/deploy.js",
@@ -89,10 +76,8 @@
     "predevelop": "yarn tokens:clean-build",
     "release": "npx lerna version --conventional-commits --conventional-graduate --changelog-preset angular --message 'chore(release): publish %s' --create-release=github",
     "releaseBeta": "npx lerna version --conventional-commits --conventional-prerelease --changelog-preset angular --message 'chore(release): publish %s' --create-release=github --preid beta",
-    "releaseCandidate": "npx lerna version --conventional-commits --conventional-prerelease --changelog-preset angular --message 'chore(release): publish %s' --create-release=github --preid rc",
-    "npm:publish": "npx lerna exec --no-bail -- npm publish",
-    "npm:publishBeta": "npx lerna exec --no-bail -- npm publish --tag beta",
-    "npm:publishCandidate": "npx lerna exec --no-bail -- npm publish --tag rc",
+    "npm:publish": "npx lerna exec --bail=false npm publish",
+    "npm:publishBeta": "npx lerna exec --bail=false npm publish --tag beta",
     "unit": "jest --projects ./packages/*/jest.config.js --coverage --verbose --color --no-cache",
     "unit:watch": "jest --watch --silent",
     "unit:coverage": "jest --coverage --collectCoverageFrom='**/*.js'",

packages/css-dev-tools/CHANGELOG.md

@@ -49,18 +49,6 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
 
 **Note:** Version bump only for package @mozaic-ds/css-dev-tools
 
-
-
-
-
-# [2.0.0-rc.0](https://github.com/adeo/mozaic-design-system/compare/v1.24.2...v2.0.0-rc.0) (2022-02-08)
-
-**Note:** Version bump only for package @mozaic-ds/css-dev-tools
-
-
-
-
-
 # [1.24.0](https://github.com/adeo/mozaic-design-system/compare/v1.23.1...v1.24.0) (2022-02-02)
 
 **Note:** Version bump only for package @mozaic-ds/css-dev-tools

packages/css-dev-tools/postcssPluginConfig.js

@@ -3,6 +3,7 @@ const scssSyntax = require('postcss-scss')
 const autoprefixer = require('autoprefixer')
 const postcssSass = require('@csstools/postcss-sass')
 const stylelint = require('stylelint')
+const base64 = require('postcss-base64')
 const reporter = require('postcss-reporter')
 const cssnano = require('cssnano')
 const purgecss = require('@fullhuman/postcss-purgecss')
@@ -19,9 +20,9 @@ const styleLintConfig = require('./styleLintConfig')
 const baseSassConfig = require('./sassConfig')
 
 // load browserlist config
-const browserslistConfig = CM.getKey('browserslist')
+const borwserslistConfig = CM.getKey('browserslist')
   ? CM.getKey('browserslist')
-  : ['last 2 versions', 'firefox >= 52']
+  : ['> 0.3%', 'last 3 version', 'IE > 10']
 
 const sassConfig = CM.getKey('sass.config')
   ? CM.getKey('sass.config')
@@ -34,11 +35,15 @@ const plugins = [
   reporter({ clearReportedMessages: true }),
   cssprepend(`$mozaic-env: ${mozaicEnvScssVar};`),
   postcssSass(sassConfig),
+  base64({
+    pattern: /<svg.*<\/svg>/i,
+    prepend: 'data:image/svg+xml;base64,',
+  }),
   mqpackerondemand({
     sort: true,
   }),
   autoprefixer({
-    overrideBrowserslist: browserslistConfig,
+    overrideBrowserslist: borwserslistConfig,
   }),
 ]
 
@@ -53,11 +58,15 @@ if (CM.getKey('autoprefixer.disabled')) {
 const productionPlugins = [
   cssprepend(`$mozaic-env: ${mozaicEnvScssVar};`),
   postcssSass(sassConfig),
+  base64({
+    pattern: /<svg.*<\/svg>/i,
+    prepend: 'data:image/svg+xml;base64,',
+  }),
   mqpackerondemand({
     sort: true,
   }),
   autoprefixer({
-    overrideBrowserslist: browserslistConfig,
+    overrideBrowserslist: borwserslistConfig,
   }),
   cssnano(['default', { discardComments: { removeAll: true } }]),
 ]

packages/css-dev-tools/sassConfig.js

@@ -1,8 +1,6 @@
 'use strict'
 const CM = require('@mozaic-ds/configuration-manager')
 
-const preset = CM.getKey('preset') ?? 'lm'
-
 // test for user configured additional paths
 const additionalPaths = CM.getKey('sass.includePaths')
 
@@ -23,8 +21,8 @@ const basePaths = [
 const tokensPath = tokensBuildPath
   ? basePaths.concat([`${tokensBuildPath}scss/`])
   : basePaths.concat([
-      `./node_modules/@mozaic-ds/tokens/build/${preset}/css/`,
-      `./node_modules/@mozaic-ds/tokens/build/${preset}/scss/`,
+      './node_modules/@mozaic-ds/tokens/build/css/',
+      './node_modules/@mozaic-ds/tokens/build/scss/',
     ])
 
 const includePaths = additionalPaths

packages/css-dev-tools/styleLintConfig.js

@@ -35,15 +35,28 @@ module.exports = {
   extends: ['stylelint-config-standard-scss'],
   plugins: ['@mozaic-ds/stylelint-plugin-mozaic'],
   rules: {
+    'at-rule-no-unknown': null,
+    'max-empty-lines': null,
     'plugin/mozaic-bem-pattern': [pickConfig()],
-    // rules from Stylelint
+    'no-invalid-position-at-import-rule': null,
+    'max-line-length': null,
     'alpha-value-notation': null,
     'selector-class-pattern': null,
-    'selector-id-pattern': null,
-    'no-invalid-position-at-import-rule': null,
-    'selector-not-notation': 'simple',
-    // rules from stylelint-scss
     'scss/no-global-function-names': null,
-    'scss/at-mixin-argumentless-call-parentheses': 'always',
+    // TODO: the following rules should be removed from the file when switching to @next
+    'scss/at-mixin-argumentless-call-parentheses': null,
+    'scss/at-import-partial-extension': null,
+    'scss/at-import-no-partial-leading-underscore': null,
+    'scss/double-slash-comment-empty-line-before': null,
+    'scss/at-rule-conditional-no-parentheses': null,
+    'custom-property-no-missing-var-function': null,
+    'string-quotes': null,
+    'at-rule-empty-line-before': null,
+    'color-function-notation': null,
+    'function-url-quotes': null,
+    'value-keyword-case': null,
+    'declaration-colon-newline-after': null,
+    'rule-empty-line-before': null,
+    'no-descending-specificity': null,
   },
 }

packages/gatsby-source-preview/gatsby-node.js

@@ -111,10 +111,10 @@ exports.sourceNodes = (tools, configOptions) => {
     ) {
       reporter.info(`changed PREVIEW file at ${path}`)
 
-      // Avoid reloading all previews during dev
+      // is global style? Just rebuild everything!
       const globalStylePath = 'packages/styles/'
       if (path.replace(/\\/g, '/').indexOf(globalStylePath) > -1) {
-        return buildPreviews(path)
+        return buildPreviews()
           .then(reporter.success(`previews built`))
           .catch((err) => reporter.error(err))
       }

packages/gatsby-theme-styleguide/CHANGELOG.md

@@ -53,18 +53,6 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
 
 **Note:** Version bump only for package @mozaic-ds/gatsby-theme-styleguide
 
-
-
-
-
-# [2.0.0-rc.0](https://github.com/adeo/mozaic-design-system/compare/v1.24.2...v2.0.0-rc.0) (2022-02-08)
-
-**Note:** Version bump only for package @mozaic-ds/gatsby-theme-styleguide
-
-
-
-
-
 # [1.24.0](https://github.com/adeo/mozaic-design-system/compare/v1.23.1...v1.24.0) (2022-02-02)
 
 **Note:** Version bump only for package @mozaic-ds/gatsby-theme-styleguide

packages/gatsby-theme-styleguide/package.json

@@ -2,20 +2,7 @@
   "name": "@mozaic-ds/gatsby-theme-styleguide",
   "version": "1.60.0",
   "main": "index.js",
-  "contributors": [
-    {
-      "name": "Charles-Antoine Queste",
-      "email": "charles-antoine.queste@adeo.com"
-    },
-    {
-      "name": "Trésor Iloyi",
-      "email": "tresor.iloyi@ext.adeo.com"
-    },
-    {
-      "name": "Mohamed Mokhtari",
-      "email": "mohamed.mokhtari@ext.adeo.com"
-    }
-  ],
+  "author": "gael-boyenval (gaelboyenval@icloud.com)",
   "license": "MIT",
   "dependencies": {
     "@mdx-js/mdx": "^1.6.22",

packages/gatsby-theme-styleguide/src/components/McButton/styles.scss

@@ -1,4 +1,5 @@
-@import "tokens";
 @import "settings-tools/all-settings";
+
 @include import-font-families();
+
 @import "components/c.button";

packages/gatsby-theme-styleguide/src/components/McCheckbox/styles.scss

@@ -1,6 +1,7 @@
-@import "tokens";
 @import "settings-tools/all-settings";
+
 @include import-font-families();
+
 @import "components/c.checkbox";
 
 .mc-checkbox {

packages/gatsby-theme-styleguide/src/components/McTextInput/styles.scss

@@ -1,7 +1,8 @@
-@import "tokens";
-@import "all-settings";
+@import '_all-settings.scss';
+
 @include import-font-families();
-@import "c.text-input";
+
+@import '_c.text-input.scss';
 
 .mc-text-input {
   color: $color-grey-999;

packages/gatsby-theme-styleguide/src/components/McToggle/styles.scss

@@ -1,6 +1,7 @@
-@import "tokens";
 @import "settings-tools/all-settings";
+
 @include import-font-families();
+
 @import "components/c.toggle";
 
 .mc-toggle {

packages/gatsby-theme-styleguide/src/gatsby-components/Container/Container.js

@@ -1,5 +1,5 @@
 import styled from 'styled-components'
-import { MagicUnit } from '@mozaic-ds/tokens/build/lm/js/tokens.js'
+import { MagicUnit } from '@mozaic-ds/tokens/build/js/tokens.js'
 
 export default styled.div`
   padding: ${MagicUnit}rem ${MagicUnit * 2}rem;

packages/gatsby-theme-styleguide/src/gatsby-components/Highlight/Highlight.js

@@ -11,7 +11,7 @@ import {
   ColorGrey100,
   ColorGrey500,
   ColorGrey700,
-} from '@mozaic-ds/tokens/build/lm/js/tokens'
+} from '@mozaic-ds/tokens/build/js/tokens'
 
 const defaultTitles = {
   info: 'Information',

packages/gatsby-theme-styleguide/src/gatsby-components/JSImplementation/JSImplementation.js

@@ -1,6 +1,6 @@
 import React from 'react'
 import styled from 'styled-components'
-import { MagicUnit } from '@mozaic-ds/tokens/build/lm/js/tokens.js'
+import { MagicUnit } from '@mozaic-ds/tokens/build/js/tokens.js'
 import StatusFlag from '../StatusFlag'
 import { DisplayExternalLink16 } from '@mozaic-ds/icons/react'