chore: upgrade dependencies - FRONT-324 (#1788)

* upgrade features and patches + css related loaders * upgrade storybook * commander * update focus trap + reformat with latest prettier rules * update postcss * semver resolution * revert remark-frontmatter update
ec-europa · Nov 30, 2020 · 4af96b1 · 4af96b1 · github-actions · Nov 30, 2020
1 parent bdb1d07
commit 4af96b1
Show file tree

Hide file tree

Showing 27 changed files with 3,694 additions and 3,215 deletions.
diff --git a/package.json b/package.json
@@ -33,53 +33,54 @@
     "update-version": "scripts/update-version.sh"
   },
   "devDependencies": {
-    "@babel/plugin-transform-runtime": "7.11.5",
-    "@size-limit/preset-big-lib": "4.6.0",
+    "@babel/plugin-transform-runtime": "7.12.1",
+    "@size-limit/preset-big-lib": "4.9.0",
     "babel-eslint": "10.1.0",
-    "babel-jest": "26.3.0",
+    "babel-jest": "26.6.3",
     "classnames": "2.2.6",
-    "eslint": "7.6.0",
-    "eslint-config-airbnb": "18.2.0",
-    "eslint-config-airbnb-base": "14.2.0",
-    "eslint-config-prettier": "6.11.0",
-    "eslint-plugin-import": "2.22.0",
-    "eslint-plugin-jest": "23.20.0",
-    "eslint-plugin-jsx-a11y": "6.3.1",
+    "eslint": "7.14.0",
+    "eslint-config-airbnb": "18.2.1",
+    "eslint-config-airbnb-base": "14.2.1",
+    "eslint-config-prettier": "6.15.0",
+    "eslint-plugin-import": "2.22.1",
+    "eslint-plugin-jest": "24.1.3",
+    "eslint-plugin-jsx-a11y": "6.4.1",
     "eslint-plugin-prettier": "3.1.4",
-    "eslint-plugin-react": "7.20.6",
-    "eslint-plugin-react-hooks": "4.0.8",
+    "eslint-plugin-react": "7.21.5",
+    "eslint-plugin-react-hooks": "4.2.0",
     "glob": "7.1.6",
-    "jest": "26.4.2",
-    "husky": "4.2.5",
+    "husky": "4.3.0",
+    "jest": "26.6.3",
     "lerna": "3.22.1",
     "lerna-changelog": "1.0.1",
-    "lint-staged": "10.2.11",
-    "netlify-cli": "2.63.2",
-    "node-fetch": "2.6.0",
+    "lint-staged": "10.5.2",
+    "netlify-cli": "2.69.0",
+    "node-fetch": "2.6.1",
     "npm-run-all": "4.1.5",
     "patch-package": "6.2.2",
     "postinstall-postinstall": "2.1.0",
-    "prettier": "2.0.5",
+    "prettier": "2.2.0",
     "prop-types": "15.7.2",
-    "react": "16.13.1",
-    "react-dom": "16.13.1",
+    "react": "17.0.1",
+    "react-dom": "17.0.1",
     "rimraf": "3.0.2",
-    "size-limit": "4.5.6",
+    "size-limit": "4.9.0",
     "ssri": "8.0.0",
-    "stylelint": "13.6.1",
+    "stylelint": "13.8.0",
     "stylelint-config-css-modules": "2.2.0",
     "stylelint-config-prettier": "8.0.2",
-    "stylelint-config-sass-guidelines": "7.0.0",
+    "stylelint-config-sass-guidelines": "7.1.0",
     "stylelint-config-standard": "20.0.0",
     "stylelint-order": "4.1.0",
     "stylelint-scss": "3.18.0",
     "stylelint-selector-bem-pattern": "2.1.0",
     "svg4everybody": "2.1.9"
   },
   "resolutions": {
-    "bl": "^4.0.3",
-    "dot-prop": "^5.1.1",
-    "serialize-javascript": "^3.1.0"
+    "bl": ">=4.0.3",
+    "dot-prop": ">=5.1.1",
+    "serialize-javascript": ">=3.1.0",
+    "semver": ">=4.3.2"
   },
   "engines": {
     "node": ">=8.15.1",

diff --git a/src/implementations/twig/layout/grid/examples/234612.html b/src/implementations/twig/layout/grid/examples/234612.html
@@ -1,68 +1,44 @@
-<div style="padding: 2rem 0; position: relative; background-color: #fcf4fb;">
+<div style="padding: 2rem 0; position: relative; background-color: #fcf4fb">
   <div
     class="ecl-container"
-    style="position: absolute; top: 0; left: 0; right: 0; bottom: 0;"
+    style="position: absolute; top: 0; left: 0; right: 0; bottom: 0"
   >
-    <div class="ecl-row" style="height: 100%;">
+    <div class="ecl-row" style="height: 100%">
       <div class="ecl-col-1">
-        <div
-          style="background-color: #e9e3fc; height: 100%; width: 100%;"
-        ></div>
+        <div style="background-color: #e9e3fc; height: 100%; width: 100%"></div>
       </div>
       <div class="ecl-col-1">
-        <div
-          style="background-color: #e9e3fc; height: 100%; width: 100%;"
-        ></div>
+        <div style="background-color: #e9e3fc; height: 100%; width: 100%"></div>
       </div>
       <div class="ecl-col-1">
-        <div
-          style="background-color: #e9e3fc; height: 100%; width: 100%;"
-        ></div>
+        <div style="background-color: #e9e3fc; height: 100%; width: 100%"></div>
       </div>
       <div class="ecl-col-1">
-        <div
-          style="background-color: #e9e3fc; height: 100%; width: 100%;"
-        ></div>
+        <div style="background-color: #e9e3fc; height: 100%; width: 100%"></div>
       </div>
       <div class="ecl-col-1">
-        <div
-          style="background-color: #e9e3fc; height: 100%; width: 100%;"
-        ></div>
+        <div style="background-color: #e9e3fc; height: 100%; width: 100%"></div>
       </div>
       <div class="ecl-col-1">
-        <div
-          style="background-color: #e9e3fc; height: 100%; width: 100%;"
-        ></div>
+        <div style="background-color: #e9e3fc; height: 100%; width: 100%"></div>
       </div>
       <div class="ecl-col-1">
-        <div
-          style="background-color: #e9e3fc; height: 100%; width: 100%;"
-        ></div>
+        <div style="background-color: #e9e3fc; height: 100%; width: 100%"></div>
       </div>
       <div class="ecl-col-1">
-        <div
-          style="background-color: #e9e3fc; height: 100%; width: 100%;"
-        ></div>
+        <div style="background-color: #e9e3fc; height: 100%; width: 100%"></div>
       </div>
       <div class="ecl-col-1">
-        <div
-          style="background-color: #e9e3fc; height: 100%; width: 100%;"
-        ></div>
+        <div style="background-color: #e9e3fc; height: 100%; width: 100%"></div>
       </div>
       <div class="ecl-col-1">
-        <div
-          style="background-color: #e9e3fc; height: 100%; width: 100%;"
-        ></div>
+        <div style="background-color: #e9e3fc; height: 100%; width: 100%"></div>
       </div>
       <div class="ecl-col-1">
-        <div
-          style="background-color: #e9e3fc; height: 100%; width: 100%;"
-        ></div>
+        <div style="background-color: #e9e3fc; height: 100%; width: 100%"></div>
       </div>
       <div class="ecl-col-1">
-        <div
-          style="background-color: #e9e3fc; height: 100%; width: 100%;"
-        ></div>
+        <div style="background-color: #e9e3fc; height: 100%; width: 100%"></div>
       </div>
     </div>
   </div>

diff --git a/src/implementations/twig/layout/grid/examples/282.html b/src/implementations/twig/layout/grid/examples/282.html
@@ -1,68 +1,44 @@
-<div style="padding: 2rem 0; position: relative; background-color: #fcf4fb;">
+<div style="padding: 2rem 0; position: relative; background-color: #fcf4fb">
   <div
     class="ecl-container"
-    style="position: absolute; top: 0; left: 0; right: 0; bottom: 0;"
+    style="position: absolute; top: 0; left: 0; right: 0; bottom: 0"
   >
-    <div class="ecl-row" style="height: 100%;">
+    <div class="ecl-row" style="height: 100%">
       <div class="ecl-col-1">
-        <div
-          style="background-color: #e9e3fc; height: 100%; width: 100%;"
-        ></div>
+        <div style="background-color: #e9e3fc; height: 100%; width: 100%"></div>
       </div>
       <div class="ecl-col-1">
-        <div
-          style="background-color: #e9e3fc; height: 100%; width: 100%;"
-        ></div>
+        <div style="background-color: #e9e3fc; height: 100%; width: 100%"></div>
       </div>
       <div class="ecl-col-1">
-        <div
-          style="background-color: #e9e3fc; height: 100%; width: 100%;"
-        ></div>
+        <div style="background-color: #e9e3fc; height: 100%; width: 100%"></div>
       </div>
       <div class="ecl-col-1">
-        <div
-          style="background-color: #e9e3fc; height: 100%; width: 100%;"
-        ></div>
+        <div style="background-color: #e9e3fc; height: 100%; width: 100%"></div>
       </div>
       <div class="ecl-col-1">
-        <div
-          style="background-color: #e9e3fc; height: 100%; width: 100%;"
-        ></div>
+        <div style="background-color: #e9e3fc; height: 100%; width: 100%"></div>
       </div>
       <div class="ecl-col-1">
-        <div
-          style="background-color: #e9e3fc; height: 100%; width: 100%;"
-        ></div>
+        <div style="background-color: #e9e3fc; height: 100%; width: 100%"></div>
       </div>
       <div class="ecl-col-1">
-        <div
-          style="background-color: #e9e3fc; height: 100%; width: 100%;"
-        ></div>
+        <div style="background-color: #e9e3fc; height: 100%; width: 100%"></div>
       </div>
       <div class="ecl-col-1">
-        <div
-          style="background-color: #e9e3fc; height: 100%; width: 100%;"
-        ></div>
+        <div style="background-color: #e9e3fc; height: 100%; width: 100%"></div>
       </div>
       <div class="ecl-col-1">
-        <div
-          style="background-color: #e9e3fc; height: 100%; width: 100%;"
-        ></div>
+        <div style="background-color: #e9e3fc; height: 100%; width: 100%"></div>
       </div>
       <div class="ecl-col-1">
-        <div
-          style="background-color: #e9e3fc; height: 100%; width: 100%;"
-        ></div>
+        <div style="background-color: #e9e3fc; height: 100%; width: 100%"></div>
       </div>
       <div class="ecl-col-1">
-        <div
-          style="background-color: #e9e3fc; height: 100%; width: 100%;"
-        ></div>
+        <div style="background-color: #e9e3fc; height: 100%; width: 100%"></div>
       </div>
       <div class="ecl-col-1">
-        <div
-          style="background-color: #e9e3fc; height: 100%; width: 100%;"
-        ></div>
+        <div style="background-color: #e9e3fc; height: 100%; width: 100%"></div>
       </div>
     </div>
   </div>

diff --git a/src/implementations/twig/layout/grid/examples/336.html b/src/implementations/twig/layout/grid/examples/336.html
@@ -1,68 +1,44 @@
-<div style="padding: 2rem 0; position: relative; background-color: #fcf4fb;">
+<div style="padding: 2rem 0; position: relative; background-color: #fcf4fb">
   <div
     class="ecl-container"
-    style="position: absolute; top: 0; left: 0; right: 0; bottom: 0;"
+    style="position: absolute; top: 0; left: 0; right: 0; bottom: 0"
   >
-    <div class="ecl-row" style="height: 100%;">
+    <div class="ecl-row" style="height: 100%">
       <div class="ecl-col-1">
-        <div
-          style="background-color: #e9e3fc; height: 100%; width: 100%;"
-        ></div>
+        <div style="background-color: #e9e3fc; height: 100%; width: 100%"></div>
       </div>
       <div class="ecl-col-1">
-        <div
-          style="background-color: #e9e3fc; height: 100%; width: 100%;"
-        ></div>
+        <div style="background-color: #e9e3fc; height: 100%; width: 100%"></div>
       </div>
       <div class="ecl-col-1">
-        <div
-          style="background-color: #e9e3fc; height: 100%; width: 100%;"
-        ></div>
+        <div style="background-color: #e9e3fc; height: 100%; width: 100%"></div>
       </div>
       <div class="ecl-col-1">
-        <div
-          style="background-color: #e9e3fc; height: 100%; width: 100%;"
-        ></div>
+        <div style="background-color: #e9e3fc; height: 100%; width: 100%"></div>
       </div>
       <div class="ecl-col-1">
-        <div
-          style="background-color: #e9e3fc; height: 100%; width: 100%;"
-        ></div>
+        <div style="background-color: #e9e3fc; height: 100%; width: 100%"></div>
       </div>
       <div class="ecl-col-1">
-        <div
-          style="background-color: #e9e3fc; height: 100%; width: 100%;"
-        ></div>
+        <div style="background-color: #e9e3fc; height: 100%; width: 100%"></div>
       </div>
       <div class="ecl-col-1">
-        <div
-          style="background-color: #e9e3fc; height: 100%; width: 100%;"
-        ></div>
+        <div style="background-color: #e9e3fc; height: 100%; width: 100%"></div>
       </div>
       <div class="ecl-col-1">
-        <div
-          style="background-color: #e9e3fc; height: 100%; width: 100%;"
-        ></div>
+        <div style="background-color: #e9e3fc; height: 100%; width: 100%"></div>
       </div>
       <div class="ecl-col-1">
-        <div
-          style="background-color: #e9e3fc; height: 100%; width: 100%;"
-        ></div>
+        <div style="background-color: #e9e3fc; height: 100%; width: 100%"></div>
       </div>
       <div class="ecl-col-1">
-        <div
-          style="background-color: #e9e3fc; height: 100%; width: 100%;"
-        ></div>
+        <div style="background-color: #e9e3fc; height: 100%; width: 100%"></div>
       </div>
       <div class="ecl-col-1">
-        <div
-          style="background-color: #e9e3fc; height: 100%; width: 100%;"
-        ></div>
+        <div style="background-color: #e9e3fc; height: 100%; width: 100%"></div>
       </div>
       <div class="ecl-col-1">
-        <div
-          style="background-color: #e9e3fc; height: 100%; width: 100%;"
-        ></div>
+        <div style="background-color: #e9e3fc; height: 100%; width: 100%"></div>
       </div>
     </div>
   </div>