fix(examples): fix in webpack3 examples

examples/webpack3/.babelrc

@@ -15,13 +15,7 @@
   "plugins": [
     "@babel/plugin-proposal-class-properties",
     "@babel/plugin-proposal-export-default-from",
-    ["direct-import", { "modules": [
-      "semantic-ui-react", {
-        "name": "semantic-ui-react",
-        "indexFile": "semantic-ui-react/dist/es/index.js"
-      }
-    ]}],
-    "lodash"
+    ["lodash", {"id": ["lodash", "semantic-ui-react"]}]
   ],
   "env": {
     "development": {

examples/webpack3/package.json

@@ -7,34 +7,39 @@
     "react": "^16.2.0",
     "react-dom": "^16.2.0",
     "semantic-ui-less": "^2.2.12",
-    "semantic-ui-react": "^0.77.0"
+    "semantic-ui-react": "^0.78.2"
   },
   "devDependencies": {
-    "@babel/core": "^7.0.0-beta.34",
-    "@babel/preset-env": "^7.0.0-beta.34",
-    "autoprefixer": "7.1.6",
-    "babel-loader": "8.0.0-beta.0",
+    "@babel/core": "^7.0.0-beta.40",
+    "@babel/plugin-proposal-class-properties": "^7.0.0-beta.40",
+    "@babel/plugin-proposal-export-default-from": "^7.0.0-beta.40",
+    "@babel/preset-env": "^7.0.0-beta.40",
+    "@babel/preset-react": "^7.0.0-beta.40",
+    "autoprefixer": "^8.0.0",
+    "babel-loader": "^8.0.0-beta.0",
     "babel-plugin-lodash": "^3.3.2",
-    "babel-plugin-transform-react-remove-prop-types": "^0.4.10",
-    "case-sensitive-paths-webpack-plugin": "2.1.1",
-    "chalk": "1.1.3",
-    "cross-env": "^5.1.1",
-    "css-loader": "0.28.7",
-    "extract-text-webpack-plugin": "3.0.2",
-    "file-loader": "1.1.5",
-    "fs-extra": "3.0.1",
-    "html-webpack-plugin": "2.29.0",
+    "babel-plugin-transform-react-remove-prop-types": "^0.4.13",
+    "case-sensitive-paths-webpack-plugin": "^2.1.1",
+    "chalk": "^2.3.1",
+    "cross-env": "^5.1.3",
+    "css-loader": "^0.28.10",
+    "extract-text-webpack-plugin": "^3.0.2",
+    "file-loader": "^1.1.9",
+    "fs-extra": "^5.0.0",
+    "html-webpack-plugin": "2.30.1",
+    "less": "^2.7.2",
     "less-loader": "^4.0.5",
-    "postcss-flexbugs-fixes": "3.2.0",
-    "postcss-loader": "2.0.8",
-    "react-dev-utils": "^4.2.1",
-    "style-loader": "0.19.0",
-    "uglifyjs-webpack-plugin": "^1.1.2",
-    "url-loader": "0.6.2",
-    "webpack": "3.8.1",
-    "webpack-bundle-analyzer": "^2.9.1",
-    "webpack-dev-server": "2.9.4",
-    "webpack-manifest-plugin": "1.3.2"
+    "postcss-flexbugs-fixes": "^3.3.0",
+    "postcss-loader": "^2.1.0",
+    "react-dev-utils": "^5.0.0",
+    "style-loader": "^0.20.2",
+    "uglifyjs-webpack-plugin": "^1.2.0",
+    "url-loader": "^0.6.2",
+    "webpack": "^3.11.0",
+    "webpack-bundle-analyzer": "^2.10.0",
+    "webpack-dev-server": "^2.11.1",
+    "webpack-manifest-plugin": "^1.3.2",
+    "webpack-merge": "^4.1.1"
   },
   "scripts": {
     "start": "node scripts/start.js",

examples/webpack3/scripts/build.js

@@ -1,5 +1,3 @@
-
-
 // Do this as the first thing so that any code reading it knows the right env.
 process.env.BABEL_ENV = 'production'
 process.env.NODE_ENV = 'production'

examples/webpack3/src/components/Navbar/NavbarChildren.less

@@ -1,5 +1,5 @@
 @import '~heading.less';
 
 .container {
-  margin-top: @relative64px;
+  padding-top: @relative64px;
 }