feat: port over major UIKit upgrades from pattern-lab/patternlab-node#1078

Author: sghoweri

packages/uikit-workshop/package.json

@@ -39,38 +39,45 @@
     }
   ],
   "dependencies": {
-    "@babel/core": "^7.5.4",
-    "@babel/plugin-proposal-class-properties": "^7.5.0",
-    "@babel/plugin-proposal-decorators": "^7.4.4",
+    "ts-loader": "^6.2.1",
+    "@babel/plugin-proposal-optional-chaining": "^7.6.0",
+    "svgo": "^1.3.0",
+    "lit-element": "^2.2.1",
+    "svg-sprite-loader": "^4.1.6",
+    "svg-transform-loader": "^2.0.8",
+    "svgo-loader": "^2.2.1",
+    "@babel/core": "^7.6.4",
+    "@babel/plugin-proposal-class-properties": "^7.5.5",
+    "@babel/plugin-proposal-decorators": "^7.6.0",
     "@babel/plugin-syntax-dynamic-import": "^7.2.0",
     "@babel/plugin-syntax-jsx": "^7.2.0",
     "@babel/plugin-transform-react-jsx": "^7.3.0",
-    "@babel/plugin-transform-runtime": "^7.5.0",
-    "@babel/preset-env": "^7.5.4",
-    "@babel/runtime": "^7.5.4",
+    "@babel/plugin-transform-runtime": "^7.6.2",
+    "@babel/preset-env": "^7.6.3",
+    "@babel/runtime": "^7.6.3",
     "@bolt/critical-css-webpack-plugin": "^2.8.0",
     "@bolt/uikit-prerenderer": "^2.8.0",
     "@reach/visually-hidden": "^0.1.2",
     "@skatejs/element-preact": "^0.0.1",
     "@skatejs/renderer-lit-html": "^0.2.2",
     "@skatejs/renderer-preact": "^0.3.3",
-    "@svgr/webpack": "^4.1.0",
+    "@svgr/webpack": "^4.3.3",
     "@ungap/url-search-params": "^0.1.2",
-    "@webcomponents/custom-elements": "^1.2.4",
-    "@webcomponents/shadydom": "^1.6.0",
-    "@webcomponents/template": "^1.4.0",
-    "autoprefixer": "^9.1.0",
-    "babel-loader": "^8.0.2",
+    "@webcomponents/custom-elements": "^1.3.0",
+    "@webcomponents/shadydom": "^1.6.1",
+    "@webcomponents/template": "^1.4.1",
+    "autoprefixer": "^9.6.5",
+    "babel-loader": "^8.0.6",
     "classnames": "^2.2.6",
     "clean-css-loader": "^1.0.1",
     "clean-webpack-plugin": "0.1.19",
-    "clipboard": "^2.0.1",
+    "clipboard": "^2.0.4",
     "copy-webpack-plugin": "^5.0.2",
-    "core-js": "^3.1.4",
+    "core-js": "^3.3.3",
     "cosmiconfig": "^5.0.6",
     "critical-css-webpack-plugin": "^0.2.0",
     "critical": "^1.3.4",
-    "css-loader": "^1.0.0",
+    "css-loader": "^3.2.0",
     "deepmerge": "^2.1.1",
     "document-register-element": "^1.13.3",
     "element-closest": "2.0.2",
@@ -85,14 +92,14 @@
     "html-loader": "^0.5.5",
     "html-webpack-plugin": "github:jantimon/html-webpack-plugin#webpack-4",
     "iframe-resizer": "^3.6.5",
-    "lit-html": "^1.1.1",
+    "lit-html": "^1.1.2",
     "local-chrome": "^0.1.0",
     "mini-css-extract-plugin": "^0.4.1",
-    "mousetrap": "^1.6.2",
+    "mousetrap": "^1.6.3",
     "no-emit-webpack-plugin": "^1.0.0",
     "node-sass-selector-importer": "^5.2.0",
-    "node-sass": "^4.9.3",
-    "penthouse": "^1.6.2",
+    "node-sass": "^4.12.0",
+    "penthouse": "^2.2.2",
     "postcss-loader": "^3.0.0",
     "preact-compat": "3.18.4",
     "preact-context": "1.1.2",
@@ -103,8 +110,7 @@
     "pretty": "^2.0.0",
     "prismjs": "^1.15.0",
     "pwa-helpers": "^0.9.0",
-    "raw-loader": "^0.5.1",
-    "react-animate-height": "^2.0.4",
+    "raw-loader": "^3.1.0",
     "react-autosuggest": "^9.4.2",
     "react-dom": "^16.8.6",
     "react-html-parser": "^2.0.2",
@@ -113,19 +119,19 @@
     "redux-thunk": "^2.3.0",
     "redux": "3.7.2",
     "reselect": "^3.0.1",
-    "sass-loader": "^7.1.0",
+    "sass-loader": "^8.0.0",
     "scriptjs": "^2.5.8",
     "scroll-js": "^2.2.0",
     "skatejs": "^5.2.4",
-    "style-loader": "^0.23.1",
-    "uglifyjs-webpack-plugin": "^1.2.7",
+    "style-loader": "^1.0.0",
+    "uglifyjs-webpack-plugin": "^2.2.0",
     "url-search-params-polyfill": "^5.0.0",
-    "webpack-cli": "^3.3.5",
-    "webpack": "^4.35.3",
+    "webpack-cli": "^3.3.9",
+    "webpack": "^4.41.2",
     "whendefined": "^0.0.1",
     "wolfy87-eventemitter": "^5.2.6",
     "workbox-build": "^3.4.1",
-    "yargs": "^13.3.0"
+    "yargs": "^14.2.0"
   },
   "browserslist": [
     "last 2 version",

packages/uikit-workshop/src/icons/bolt-logo.svg

@@ -51,9 +51,6 @@
 @import '../scripts/components/pl-logo/pl-logo.scss';
 @import '../scripts/components/pl-nav/pl-nav.scss';
 @import '../scripts/components/pl-search/pl-search.scss';
-@import '../scripts/components/pl-toggle-info/pl-toggle-info.scss';
-@import '../scripts/components/pl-toggle-layout/pl-toggle-layout.scss';
-@import '../scripts/components/pl-toggle-theme/pl-toggle-theme.scss';
 @import '../scripts/components/pl-tools-menu/pl-tools-menu.scss';
 @import '../scripts/components/pl-tooltip/pl-tooltip.scss';
 @import '../scripts/components/pl-viewport-size-list/pl-viewport-size-list.scss';

packages/uikit-workshop/src/icons/layout-h.svg

@@ -37,7 +37,6 @@
   transition: background-color $pl-animate-quick ease-out,
     color $pl-animate-quick ease-out;
   cursor: pointer;
-  outline: 0;
 
   &:hover,
   &.pl-is-active:hover {