Upgrade deps (notably webpack4).

oddbird · Mar 28, 2018 · c17a154 · c17a154
1 parent c6094db
commit c17a154
Show file tree

Hide file tree

Showing 87 changed files with 2,067 additions and 2,172 deletions.
diff --git a/.babelrc.js b/.babelrc.js
@@ -2,14 +2,7 @@
 
 'use strict';
 
-const env = process.env.BABEL_ENV;
-const plugins = ['./arrow-function-coverage-fix.js'];
-if (env === 'test') {
-  plugins.push(['istanbul', { include: ['assets/js/*!(init).js'] }]);
-}
-
 module.exports = {
-  plugins,
   presets: [
     [
       '@babel/preset-env',

diff --git a/.gitignore b/.gitignore
@@ -20,3 +20,6 @@ npm-debug.log*
 test/js/dest/
 yarn-debug.log*
 yarn-error.log*
+
+dist/webpack/app_styles.min.js
+dist/webpack/styleguide_json*
diff --git a/.npmignore b/.npmignore
@@ -34,6 +34,9 @@ yarn-debug.log*
 yarn-error.log*
 yarn.lock
 
+dist/webpack/app_styles.min.js
+dist/webpack/styleguide_json*
+
 scss/*
 !scss/utilities/
 !scss/_utilities.scss
diff --git a/.sass-lint.yml b/.sass-lint.yml
@@ -60,7 +60,7 @@ rules:
   function-name-format: 2
   hex-length: 2
   hex-notation: 2
-  indentation: 1
+  indentation: 0
   leading-zero:
     - 2
     - include: true

diff --git a/arrow-function-coverage-fix.js b/arrow-function-coverage-fix.js
diff --git a/assets/js/init.js b/assets/js/init.js
@@ -1,3 +1,6 @@
+import 'matchmedia-polyfill';
+import 'matchmedia-polyfill/matchMedia.addListener';
+import 'srcdoc-polyfill';
 import hljs from 'vendor/highlight';
 
 import * as base from './base';

diff --git a/dist/webpack/app.min.js b/dist/webpack/app.min.js
diff --git a/dist/webpack/app_styles.min.css b/dist/webpack/app_styles.min.css
diff --git a/dist/webpack/app_styles.min.js b/dist/webpack/app_styles.min.js
diff --git a/dist/webpack/common.min.js b/dist/webpack/common.min.js
diff --git a/dist/webpack/runtime.min.js b/dist/webpack/runtime.min.js
diff --git a/dist/webpack/search.min.js b/dist/webpack/search.min.js
diff --git a/dist/webpack/styleguide_json.min.css b/dist/webpack/styleguide_json.min.css
diff --git a/dist/webpack/styleguide_json.min.js b/dist/webpack/styleguide_json.min.js
diff --git a/dist/webpack/vendor.min.js b/dist/webpack/vendor.min.js
diff --git a/docs/CHANGELOG.html b/docs/CHANGELOG.html
@@ -782,7 +782,8 @@ <h2 id="0-1-0-2015-11-25">0.1.0: 2015-11-25</h2>
     </div>
   </div>
 
-  <script type="text/javascript" src="assets/webpack/vendor.min.js"></script>
+  <script type="text/javascript" src="assets/webpack/runtime.min.js"></script>
+  <script type="text/javascript" src="assets/webpack/common.min.js"></script>
   <script type="text/javascript" src="assets/webpack/app.min.js"></script>
 
 </body>

diff --git a/docs/CONFIGURATION.html b/docs/CONFIGURATION.html
@@ -495,7 +495,8 @@ <h3 id="sass-includes">sass.includes</h3>
     </div>
   </div>
 
-  <script type="text/javascript" src="assets/webpack/vendor.min.js"></script>
+  <script type="text/javascript" src="assets/webpack/runtime.min.js"></script>
+  <script type="text/javascript" src="assets/webpack/common.min.js"></script>
   <script type="text/javascript" src="assets/webpack/app.min.js"></script>
 
 </body>

diff --git a/docs/CONTRIBUTING.html b/docs/CONTRIBUTING.html
@@ -359,7 +359,8 @@ <h2 id="code-of-conduct">Code of Conduct</h2>
     </div>
   </div>
 
-  <script type="text/javascript" src="assets/webpack/vendor.min.js"></script>
+  <script type="text/javascript" src="assets/webpack/runtime.min.js"></script>
+  <script type="text/javascript" src="assets/webpack/common.min.js"></script>
   <script type="text/javascript" src="assets/webpack/app.min.js"></script>
 
 </body>

diff --git a/docs/api_json-export.html b/docs/api_json-export.html
@@ -2100,7 +2100,8 @@ <h4 class="param-title">
     </div>
   </div>
 
-  <script type="text/javascript" src="assets/webpack/vendor.min.js"></script>
+  <script type="text/javascript" src="assets/webpack/runtime.min.js"></script>
+  <script type="text/javascript" src="assets/webpack/common.min.js"></script>
   <script type="text/javascript" src="assets/webpack/app.min.js"></script>
 
 </body>

diff --git a/docs/component-breadcrumb.html b/docs/component-breadcrumb.html
@@ -594,7 +594,8 @@ <h3 class="item-subtitle">
     </div>
   </div>
 
-  <script type="text/javascript" src="assets/webpack/vendor.min.js"></script>
+  <script type="text/javascript" src="assets/webpack/runtime.min.js"></script>
+  <script type="text/javascript" src="assets/webpack/common.min.js"></script>
   <script type="text/javascript" src="assets/webpack/app.min.js"></script>
 
 </body>

diff --git a/docs/component-footer.html b/docs/component-footer.html
@@ -951,7 +951,8 @@ <h2 class="item-title">
     </div>
   </div>
 
-  <script type="text/javascript" src="assets/webpack/vendor.min.js"></script>
+  <script type="text/javascript" src="assets/webpack/runtime.min.js"></script>
+  <script type="text/javascript" src="assets/webpack/common.min.js"></script>
   <script type="text/javascript" src="assets/webpack/app.min.js"></script>
 
 </body>

diff --git a/docs/component-nav.html b/docs/component-nav.html
@@ -1165,7 +1165,8 @@ <h3 class="item-subtitle">
     </div>
   </div>
 
-  <script type="text/javascript" src="assets/webpack/vendor.min.js"></script>
+  <script type="text/javascript" src="assets/webpack/runtime.min.js"></script>
+  <script type="text/javascript" src="assets/webpack/common.min.js"></script>
   <script type="text/javascript" src="assets/webpack/app.min.js"></script>
 
 </body>

diff --git a/docs/config-colors.html b/docs/config-colors.html
@@ -476,7 +476,7 @@ <h2 class="item-title">
       <pre class="hljs-pre"><code class="lang-scss">$brand-colors: (
   &#39;brand-orange&#39;: hsl(24, 100%, 39%),
   &#39;brand-blue&#39;: hsl(195, 85%, 35%),
-  &#39;brand-pink&#39;: hsl(330, 85%, 48%) (&#39;shade&#39;: 25%),
+  &#39;brand-pink&#39;: hsl(330, 85%, 48%) (&#39;shade&#39;: 25%)
 );</code></pre>
     </div>
 
@@ -773,7 +773,7 @@ <h2 class="item-title">
       <pre class="hljs-pre"><code class="lang-scss">$neutral-colors: (
   &#39;light-gray&#39;: &#39;brand-blue&#39; (&#39;tint&#39;: 80%, &#39;desaturate&#39;: 80%),
   &#39;gray&#39;: &#39;brand-blue&#39; (&#39;desaturate&#39;: 80%),
-  &#39;black&#39;: &#39;brand-blue&#39; (&#39;shade&#39;: 30%, &#39;desaturate&#39;: 80%),
+  &#39;black&#39;: &#39;brand-blue&#39; (&#39;shade&#39;: 30%, &#39;desaturate&#39;: 80%)
 );</code></pre>
     </div>
 
@@ -1009,24 +1009,19 @@ <h2 class="item-title">
       <pre class="hljs-pre"><code class="lang-scss">$theme-colors: (
   &#39;theme-dark&#39;: &#39;brand-blue&#39;,
   &#39;theme-light&#39;: &#39;brand-blue&#39; (&#39;tint&#39;: 80%),
-
   &#39;background&#39;: #fff,
   &#39;text&#39;: &#39;black&#39;,
   &#39;text-light&#39;: &#39;gray&#39;,
-
   &#39;action&#39;: &#39;brand-pink&#39;,
   &#39;focus&#39;: &#39;theme-dark&#39;,
   &#39;underline&#39;: &#39;action&#39; (&#39;tint&#39;: 75%),
-
   &#39;border&#39;: &#39;gray&#39;,
   &#39;border-light&#39;: &#39;light-gray&#39;,
   &#39;shadow&#39;: &#39;gray&#39; (&#39;rgba&#39;: 0.5),
-
   &#39;callout&#39;: &#39;theme-light&#39;,
   &#39;slight&#39;: &#39;callout&#39; (&#39;tint&#39;: 90%),
-
   &#39;code&#39;: &#39;theme-dark&#39;,
-  &#39;code-shadow&#39;: &#39;code&#39; (rgba: 0.2),
+  &#39;code-shadow&#39;: &#39;code&#39; (rgba: 0.2)
 );</code></pre>
     </div>
 
@@ -1495,7 +1490,7 @@ <h2 class="item-title">
 
       <pre class="hljs-pre"><code class="lang-scss">$system-colors: (
   &#39;contrast-light&#39;: &#39;background&#39;,
-  &#39;contrast-dark&#39;: &#39;text&#39;,
+  &#39;contrast-dark&#39;: &#39;text&#39;
 );</code></pre>
     </div>
 
@@ -1645,7 +1640,8 @@ <h3 class="item-subtitle">
     </div>
   </div>
 
-  <script type="text/javascript" src="assets/webpack/vendor.min.js"></script>
+  <script type="text/javascript" src="assets/webpack/runtime.min.js"></script>
+  <script type="text/javascript" src="assets/webpack/common.min.js"></script>
   <script type="text/javascript" src="assets/webpack/app.min.js"></script>
 
 </body>

diff --git a/docs/config-fonts.html b/docs/config-fonts.html
@@ -469,7 +469,7 @@ <h2 class="item-title">
       <pre class="hljs-pre"><code class="lang-scss">$sans-font: (
   &#39;name&#39;: &#39;Source Sans Pro&#39;,
   &#39;source&#39;: &#39;https://fonts.google.com/specimen/Source+Sans+Pro&#39;,
-  &#39;stack&#39;: (&#39;Helvetica Neue&#39;, &#39;Helvetica&#39;, &#39;Arial&#39;, sans-serif),
+  &#39;stack&#39;: (&#39;Helvetica Neue&#39;, &#39;Helvetica&#39;, &#39;Arial&#39;, sans-serif)
 );</code></pre>
     </div>
 
@@ -781,7 +781,19 @@ <h2 class="item-title">
       <pre class="hljs-pre"><code class="lang-scss">$code-font: (
   &#39;name&#39;: &#39;Source Code Pro&#39;,
   &#39;source&#39;: &#39;https://fonts.google.com/specimen/Source+Code+Pro&#39;,
-  &#39;stack&#39;: (&#39;Consolas&#39;, &#39;Menlo&#39;, &#39;Monaco&#39;, &#39;Lucida Console&#39;, &#39;Liberation Mono&#39;, &#39;DejaVu Sans Mono&#39;, &#39;Bitstream Vera Sans Mono&#39;, &#39;Courier New&#39;, monospace, sans-serif),
+  &#39;stack&#39;:
+    (
+      &#39;Consolas&#39;,
+      &#39;Menlo&#39;,
+      &#39;Monaco&#39;,
+      &#39;Lucida Console&#39;,
+      &#39;Liberation Mono&#39;,
+      &#39;DejaVu Sans Mono&#39;,
+      &#39;Bitstream Vera Sans Mono&#39;,
+      &#39;Courier New&#39;,
+      monospace,
+      sans-serif
+    )
 );</code></pre>
     </div>
 
@@ -982,7 +994,8 @@ <h3 class="item-subtitle">
     </div>
   </div>
 
-  <script type="text/javascript" src="assets/webpack/vendor.min.js"></script>
+  <script type="text/javascript" src="assets/webpack/runtime.min.js"></script>
+  <script type="text/javascript" src="assets/webpack/common.min.js"></script>
   <script type="text/javascript" src="assets/webpack/app.min.js"></script>
 
 </body>

diff --git a/docs/config-scale.html b/docs/config-scale.html
@@ -466,9 +466,7 @@ <h2 class="item-title">
 
 
 
-      <pre class="hljs-pre"><code class="lang-scss">$text-ratios: (
-  &#39;line-height&#39;: 1.4
-);</code></pre>
+      <pre class="hljs-pre"><code class="lang-scss">$text-ratios: (&#39;line-height&#39;: 1.4);</code></pre>
     </div>
 
 
@@ -818,9 +816,8 @@ <h2 class="item-title">
       <pre class="hljs-pre"><code class="lang-scss">$root-sizes: (
   &#39;root&#39;: 18px,
   &#39;responsive&#39;: calc(1em + 0.125vw),
-
   &#39;large&#39;: calc(%s + %s) (1rem, 0.5vw),
-  &#39;small&#39;: 0.9rem,
+  &#39;small&#39;: 0.9rem
 );</code></pre>
     </div>
 
@@ -1096,16 +1093,13 @@ <h2 class="item-title">
 
       <pre class="hljs-pre"><code class="lang-scss">$text-sizes: (
   &#39;reset&#39;: 1rem,
-
   &#39;h1&#39;: calc(%s + %s) (1rem, 2vw),
   &#39;h2&#39;: calc(%s + %s) (1rem, 1vw),
   &#39;h3&#39;: &#39;large&#39;,
-
   &#39;quote&#39;: &#39;large&#39;,
-
   &#39;code&#39;: &#39;small&#39;,
   &#39;footer&#39;: &#39;small&#39;,
-  &#39;search&#39;: &#39;small&#39;,
+  &#39;search&#39;: &#39;small&#39;
 );</code></pre>
     </div>
 
@@ -1405,14 +1399,12 @@ <h2 class="item-title">
   &#39;gutter&#39;: &#39;rhythm&#39;,
   &#39;gutter-plus&#39;: &#39;gutter&#39; (&#39;plus&#39;: &#39;shim&#39;),
   &#39;double-gutter&#39;: &#39;gutter&#39; (&#39;times&#39;: 2),
-
   &#39;flex-gutter&#39;: calc(%s + %s) (&#39;shim&#39;, 2.5vw),
   &#39;spacer&#39;: calc(%s + %s) (&#39;gutter&#39; (&#39;times&#39;: 3), 2.5vw),
-
   &#39;gutter-minus&#39;: &#39;gutter&#39; (&#39;minus&#39;: &#39;half-shim&#39;),
   &#39;shim&#39;: &#39;gutter&#39; (&#39;times&#39;: 0.5),
   &#39;half-shim&#39;: &#39;shim&#39; (&#39;times&#39;: 0.5),
-  &#39;quarter-shim&#39;: &#39;shim&#39; (&#39;times&#39;: 0.25),
+  &#39;quarter-shim&#39;: &#39;shim&#39; (&#39;times&#39;: 0.25)
 );</code></pre>
     </div>
 
@@ -1787,18 +1779,14 @@ <h2 class="item-title">
       <pre class="hljs-pre"><code class="lang-scss">$pattern-sizes: (
   &#39;nav-underline&#39;: 4px,
   &#39;nav-icon&#39;: 28px,
-
   &#39;arrow-border&#39;: 8px,
   &#39;arrow-depth&#39;: &#39;shim&#39;,
   &#39;arrow-side&#39;: &#39;gutter&#39;,
-
   &#39;font-preview&#39;: 24em,
   &#39;specimen-aa&#39;: &#39;rhythm&#39; (&#39;times&#39;: 3),
-
   &#39;color-preview&#39;: 16em,
   &#39;color-swatch&#39;: &#39;rhythm&#39; (&#39;times&#39;: 4),
-
-  &#39;footer-logo&#39;: &#39;rhythm&#39; (&#39;times&#39;: 2),
+  &#39;footer-logo&#39;: &#39;rhythm&#39; (&#39;times&#39;: 2)
 );</code></pre>
     </div>
 
@@ -2193,10 +2181,9 @@ <h2 class="item-title">
 
       <pre class="hljs-pre"><code class="lang-scss">$layout-sizes: (
   &#39;page&#39;: 50rem,
-
   &#39;item-break&#39;: 40em,
   &#39;page-break&#39;: 50em,
-  &#39;nav-break&#39;: 65em,
+  &#39;nav-break&#39;: 65em
 );</code></pre>
     </div>
 
@@ -2398,7 +2385,8 @@ <h3 class="item-subtitle">
     </div>
   </div>
 
-  <script type="text/javascript" src="assets/webpack/vendor.min.js"></script>
+  <script type="text/javascript" src="assets/webpack/runtime.min.js"></script>
+  <script type="text/javascript" src="assets/webpack/common.min.js"></script>
   <script type="text/javascript" src="assets/webpack/app.min.js"></script>
 
 </body>

diff --git a/docs/config-utils.html b/docs/config-utils.html
@@ -1902,7 +1902,7 @@ <h2 class="item-title">
       <pre class="hljs-pre"><code class="lang-scss">$z-index: (
   &#39;main&#39;,
   &#39;sidebar&#39;,
-  &#39;banner&#39;,
+  &#39;banner&#39;
 );</code></pre>
     </div>
 
@@ -2016,7 +2016,8 @@ <h4 class="param-title">
     </div>
   </div>
 
-  <script type="text/javascript" src="assets/webpack/vendor.min.js"></script>
+  <script type="text/javascript" src="assets/webpack/runtime.min.js"></script>
+  <script type="text/javascript" src="assets/webpack/common.min.js"></script>
   <script type="text/javascript" src="assets/webpack/app.min.js"></script>
 
 </body>

diff --git a/docs/config_api-utilities.html b/docs/config_api-utilities.html
@@ -439,7 +439,7 @@ <h2 class="item-title">
   &#39;color&#39;: &#39;colors&#39;,
   &#39;size&#39;: &#39;sizes&#39;,
   &#39;ratio&#39;: &#39;ratios&#39;,
-  &#39;font&#39;: &#39;fonts&#39;,
+  &#39;font&#39;: &#39;fonts&#39;
 );</code></pre>
     </div>
 
@@ -2354,7 +2354,8 @@ <h4 class="param-title">
     </div>
   </div>
 
-  <script type="text/javascript" src="assets/webpack/vendor.min.js"></script>
+  <script type="text/javascript" src="assets/webpack/runtime.min.js"></script>
+  <script type="text/javascript" src="assets/webpack/common.min.js"></script>
   <script type="text/javascript" src="assets/webpack/app.min.js"></script>
 
 </body>