in progress

.babelrc

 {
-    // "presets": ["@babel/preset-env"],
-    "presets": [
-        [
-            "@babel/preset-env", {
-                "targets": {
-                    "node": "current",
-                    // "chrome": 66,
-                    // "firefox": 60,
-                    "ie": 11,
-                },
-                // "useBuiltIns": "entry"
-            }
-        ]
-    ],
+    "presets": ["@babel/preset-env"],
+    // "presets": [
+    //     [
+    //         "@babel/preset-env", {
+    //             "targets": {
+    //                 "chrome": "58",
+    //                 "ie": "11"
+    //             },
+    //             // "targets": {
+    //             //     "node": "current",
+    //             //     // "chrome": 66,
+    //             //     // "firefox": 60,
+    //             //     "ie": 11,
+    //             // },
+    //             "useBuiltIns": "entry",
+    //             "corejs": "3",
+    //         }
+    //     ]
+    // ],
+    // "plugins": [
+    //     // [
+    //     //     "@babel/plugin-transform-runtime", {
+    //     //         "absoluteRuntime": true,
+    //     //         "corejs": true,
+    //     //         "helpers": true,
+    //     //         "regenerator": true,
+    //     //         "useESModules": true
+    //     //     }
+    //     // ]
+    // ]
+
     "plugins": [
         // ["@babel/plugin-transform-runtime",
         //   {
         //     "regenerator": true
         //   }
         // ],
-        "@babel/plugin-syntax-dynamic-import", "@babel/plugin-transform-arrow-functions"]
+        "@babel/plugin-syntax-dynamic-import",
+        // "@babel/plugin-transform-arrow-functions"
+    ]
 }

package.json

 {
   "name": "biuro",
-  "version": "1.4.5",
+  "version": "1.5.0",
   "description": "Biuro WP theme",
   "scripts": {
     "dev": "gulp --require @babel/register --gulpfile tasks",
@@ -23,9 +23,9 @@
     "css-mqpacker": "^7.0.0",
     "cssnano": "^4.1.10",
     "del": "^4.1.1",
-    "eslint": "^5.16.0",
+    "eslint": "^6.0.1",
     "eslint-config-standard": "^12.0.0",
-    "eslint-plugin-import": "^2.17.3",
+    "eslint-plugin-import": "^2.18.0",
     "eslint-plugin-node": "^9.1.0",
     "eslint-plugin-promise": "^4.1.1",
     "eslint-plugin-standard": "^4.0.0",
@@ -40,7 +40,6 @@
     "gulp-replace": "^1.0.0",
     "gulp-rev": "^9.0.0",
     "gulp-sourcemaps": "^2.6.5",
-    "http2": "^3.3.7",
     "postcss": "^7.0.17",
     "postcss-browser-reporter": "^0.6.0",
     "postcss-critical-split": "^2.5.3",
@@ -53,13 +52,14 @@
     "precss": "^4.0.0",
     "stylelint": "^10.1.0",
     "stylelint-config-standard": "^18.3.0",
-    "webpack": "^4.34.0",
+    "webpack": "^4.35.0",
     "webpack-bundle-analyzer": "^3.3.2",
     "webpack-dev-middleware": "^3.7.0",
     "webpack-hot-middleware": "^2.25.0",
     "write-file-webpack-plugin": "^4.3.2"
   },
   "dependencies": {
+    "core-js": "^3.1.4",
     "npm": "^6.9.0"
   }
 }

wp-content/themes/biuro/css/04-elements/__elements.css

@@ -11,6 +11,7 @@ a.k.a. Base, unclassed html elements, e.g. headings, lists, tables, this is the
 @import '_element--headers.css';
 @import '_element--html.css';
 @import '_element--images.css';
+@import '_element--input.css';
 @import '_element--paragraph.css';
 @import '_element--strong.css';
 @import '_element--table.css';

wp-content/themes/biuro/css/04-elements/_element--input.css

+/* ------------- Elements: input ------------- */
+
+input::-ms-clear { display:none; }

wp-content/themes/biuro/css/05-layout/_layout--main.css

@@ -2,7 +2,8 @@
 
 /* critical:start */
 
-.l-main     { flex: 1 1 100%; }
+/*.l-main     { flex: 1 1 100%; }*/
+.l-main     { flex: 1 1 auto; }
 
 .l-main--content { background-color: #FFFFFF; padding: 30px 20px;
     img { max-width: 100%; height: auto; }

wp-content/themes/biuro/js/main.js

 // https://github.com/webpack/webpack/issues/8656#issuecomment-456001556
 
+import "core-js/stable";
+import "regenerator-runtime/runtime";
+
 if (window.NodeList && !NodeList.prototype.forEach) {
     NodeList.prototype.forEach = Array.prototype.forEach;
 }

wp-content/themes/biuro/template-parts/menus/menu-main.php

@@ -43,7 +43,7 @@
         $sectionCSS = ( get_post_meta( $post->ID, 'section', true) == get_post_meta( $item['props']->object_id, 'section', true )) ? 'is-nav--main-item-active' : '';
         $main .= '<li class="c-nav--main-item ' . $sectionCSS . '">';
 
-        $classCSS = ($item['active']) ? 'is-nav--main-anchor-active"' : '';
+        $classCSS = ($item['active']) ? 'is-nav--main-anchor-active' : '';
         $main .= '<a href="' . $url . '" title="' . get_the_title($item['props']->object_id) . '" class="c-nav--main-anchor ' . $classCSS . '">' . $item['props']->title . '</a>';
 
         if ( $children ) :

wp-content/themes/biuro/template-parts/svg/icons.php

@@ -31,10 +31,10 @@
     <symbol id="ico--section-6" viewBox="0 0 56 56">
         <path fill="#004ED4" d="M38.25,21c1.243,0,2.25,1.007,2.25,2.25v12c0,1.243-1.007,2.25-2.25,2.25h-19.5 c-1.243,0-2.25-1.007-2.25-2.25v-12c0-1.243,1.007-2.25,2.25-2.25H24v-3.375c0-0.622,0.503-1.125,1.125-1.125h6.75 c0.622,0,1.125,0.503,1.125,1.125V21H38.25z M25.5,18v3h6v-3H25.5z M39,35.25V28.5h-7.5v1.875c0,0.621-0.504,1.125-1.125,1.125 h-3.75c-0.621,0-1.125-0.504-1.125-1.125V28.5H18v6.75c0,0.413,0.337,0.75,0.75,0.75h19.5C38.663,36,39,35.663,39,35.25z M27,30h3 v-1.5h-3V30z M39,27v-3.75c0-0.413-0.337-0.75-0.75-0.75h-19.5c-0.413,0-0.75,0.337-0.75,0.75V27H39z"/>
     </symbol>
-    <symbol id="ico--up" width="13px" height="8px" viewBox="0 0 13 8" class="c-ico--up">
+    <symbol id="ico--up" viewBox="0 0 13 8" class="c-ico--up">
         <path fill="#004ED4" d="M0.116,6.829c-0.138-0.138-0.138-0.36,0-0.498l6.135-6.135c0.138-0.138,0.36-0.138,0.498,0 l6.135,6.135c0.138,0.138,0.138,0.36,0,0.498l-0.58,0.58c-0.138,0.138-0.36,0.138-0.498,0L6.5,2.115L1.194,7.409 c-0.138,0.138-0.36,0.138-0.498,0L0.116,6.829z"/>
     </symbol>
-    <symbol id="ico--down" width="13px" height="8px" viewBox="0 0 13 8" class="c-ico--down">
+    <symbol id="ico--down" viewBox="0 0 13 8" class="c-ico--down">
         <path fill="#004ED4" d="M12.884,0.776c0.138,0.138,0.138,0.36,0,0.498L6.749,7.409c-0.138,0.138-0.36,0.138-0.498,0 L0.116,1.274c-0.138-0.138-0.138-0.36,0-0.498l0.58-0.58c0.138-0.138,0.36-0.138,0.498,0L6.5,5.49l5.306-5.294 c0.138-0.138,0.36-0.138,0.498,0L12.884,0.776z"/>
     </symbol>
     <symbol id="ico--time" viewBox="0 0 24 24">