Merge 54cf64a into 74dd314

pattern-lab · Oct 21, 2019 · df05773 · df05773
2 parents 74dd314 + 54cf64a
commit df05773
Show file tree

Hide file tree

Showing 64 changed files with 1,319 additions and 744 deletions.
diff --git a/packages/uikit-workshop/dist/index.html b/packages/uikit-workshop/dist/index.html
diff --git a/packages/uikit-workshop/dist/styleguide/css/pattern-lab.css b/packages/uikit-workshop/dist/styleguide/css/pattern-lab.css
diff --git a/packages/uikit-workshop/dist/styleguide/js/patternlab-pattern.js b/packages/uikit-workshop/dist/styleguide/js/patternlab-pattern.js
diff --git a/packages/uikit-workshop/dist/styleguide/js/patternlab-viewer.js b/packages/uikit-workshop/dist/styleguide/js/patternlab-viewer.js
diff --git a/...odal-viewer-chunk-70b3a531ffa8a722986c.js → ...odal-viewer-chunk-ed8e352aad9ffe2ff692.js b/...odal-viewer-chunk-70b3a531ffa8a722986c.js → ...odal-viewer-chunk-ed8e352aad9ffe2ff692.js
diff --git a/packages/uikit-workshop/dist/styleguide/js/vendors-chunk-68c417591f725b5a10b5.js b/packages/uikit-workshop/dist/styleguide/js/vendors-chunk-68c417591f725b5a10b5.js
diff --git a/packages/uikit-workshop/dist/styleguide/js/vendors-chunk-b06723078ca00ee165ba.js b/packages/uikit-workshop/dist/styleguide/js/vendors-chunk-b06723078ca00ee165ba.js
diff --git a/packages/uikit-workshop/package.json b/packages/uikit-workshop/package.json
@@ -29,6 +29,11 @@
   "repository": "https://github.com/pattern-lab/patternlab-node/tree/master/packages/uikit-workshop",
   "bugs": "https://github.com/pattern-lab/patternlab-node/issues",
   "devDependencies": {
+    "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",
     "@svgr/webpack": "^4.1.0",
     "autoprefixer": "^9.1.0",
     "babel-loader": "^8.0.2",
@@ -49,13 +54,14 @@
     "postcss-loader": "^3.0.0",
     "raw-loader": "^0.5.1",
     "sass-loader": "^7.1.0",
-    "style-loader": "^0.23.1",
+    "style-loader": "^1.0.0",
     "uglifyjs-webpack-plugin": "^1.2.7",
     "webpack": "4.26.0",
     "webpack-cli": "^3.1.2",
     "workbox-build": "^3.4.1"
   },
   "dependencies": {
+    "ts-loader": "^6.2.0",
     "@babel/core": "^7.5.4",
     "@babel/plugin-proposal-class-properties": "^7.5.0",
     "@babel/plugin-proposal-decorators": "^7.4.4",
@@ -65,6 +71,7 @@
     "@babel/plugin-transform-runtime": "^7.5.0",
     "@babel/preset-env": "^7.5.4",
     "@babel/runtime": "^7.5.4",
+    "@babel/plugin-proposal-optional-chaining": "^7.6.0",
     "@reach/visually-hidden": "^0.1.2",
     "@skatejs/element-preact": "^0.0.1",
     "@skatejs/renderer-lit-html": "^0.2.2",
@@ -77,7 +84,7 @@
     "clipboard": "^2.0.1",
     "core-js": "^3.1.4",
     "deepmerge": "^2.1.1",
-    "document-register-element": "^1.13.3",
+    "document-register-element": "^1.14.3",
     "element-closest": "2.0.2",
     "es6-promise": "^4.2.4",
     "fg-loadcss": "^2.1.0",

diff --git a/packages/uikit-workshop/src/icons/arrow-down.svg b/packages/uikit-workshop/src/icons/arrow-down.svg
diff --git a/packages/uikit-workshop/src/icons/close.svg b/packages/uikit-workshop/src/icons/close.svg
diff --git a/packages/uikit-workshop/src/icons/desktop.svg b/packages/uikit-workshop/src/icons/desktop.svg
diff --git a/packages/uikit-workshop/src/icons/help.svg b/packages/uikit-workshop/src/icons/help.svg
diff --git a/packages/uikit-workshop/src/icons/hide.svg b/packages/uikit-workshop/src/icons/hide.svg
diff --git a/packages/uikit-workshop/src/icons/laptop.svg b/packages/uikit-workshop/src/icons/laptop.svg
diff --git a/packages/uikit-workshop/src/icons/layout-h.svg b/packages/uikit-workshop/src/icons/layout-h.svg
diff --git a/packages/uikit-workshop/src/icons/layout-v.svg b/packages/uikit-workshop/src/icons/layout-v.svg
diff --git a/packages/uikit-workshop/src/icons/menu.svg b/packages/uikit-workshop/src/icons/menu.svg
diff --git a/packages/uikit-workshop/src/icons/new-tab.svg b/packages/uikit-workshop/src/icons/new-tab.svg
diff --git a/packages/uikit-workshop/src/icons/phone.svg b/packages/uikit-workshop/src/icons/phone.svg
diff --git a/packages/uikit-workshop/src/icons/settings.svg b/packages/uikit-workshop/src/icons/settings.svg
diff --git a/packages/uikit-workshop/src/icons/show.svg b/packages/uikit-workshop/src/icons/show.svg
diff --git a/packages/uikit-workshop/src/icons/tablet.svg b/packages/uikit-workshop/src/icons/tablet.svg
diff --git a/packages/uikit-workshop/src/icons/theme-dark.svg b/packages/uikit-workshop/src/icons/theme-dark.svg
diff --git a/packages/uikit-workshop/src/icons/theme-light.svg b/packages/uikit-workshop/src/icons/theme-light.svg
diff --git a/packages/uikit-workshop/src/sass/pattern-lab.scss b/packages/uikit-workshop/src/sass/pattern-lab.scss
@@ -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';

diff --git a/packages/uikit-workshop/src/sass/scss/01-abstracts/_mixins.scss b/packages/uikit-workshop/src/sass/scss/01-abstracts/_mixins.scss
@@ -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 {

diff --git a/packages/uikit-workshop/src/sass/scss/05-themes/_sidebar-theme.scss b/packages/uikit-workshop/src/sass/scss/05-themes/_sidebar-theme.scss
@@ -17,6 +17,8 @@
     .pl-c-header {
       width: $pl-sidebar-width; /* 1 */
       height: 100vh; /* 2 */
+      padding-top: 0.5rem;
+      padding-bottom: 0.5rem;
       flex-direction: column; /* 3 */
       border-bottom: 0; /* 4 */
       justify-content: space-between;

diff --git a/packages/uikit-workshop/src/scripts/components/pl-controls/pl-controls.scss b/packages/uikit-workshop/src/scripts/components/pl-controls/pl-controls.scss
@@ -7,18 +7,16 @@ pl-controls {
   display: flex;
   flex-wrap: nowrap;
   align-self: center;
-  padding: 0 0.5rem;
 
   .pl-c-body--theme-sidebar & {
     display: block;
-    
+
     @media all and (min-width: $pl-bp-med) {
       width: 100%;
       position: relative;
       padding-top: 0.5rem;
-      padding-bottom: 0.5rem;
       box-shadow: 0 -2px 5px rgba($pl-color-black, 0.1);
-      
+
       &:before {
         position: absolute;
         left: 0;