prepare examples for beta6

examples/package.json

@@ -35,7 +35,7 @@
     "prepublish": "yarn run build"
   },
   "dependencies": {
-    "core-js": "^2.5.3",
+    "core-js": "^2.5.4",
     "threads": "git+ssh://git@github.com/beefchimi/threads.git#v1.0.0-beta8"
   },
   "devDependencies": {
@@ -55,15 +55,15 @@
     "gulp-htmlmin": "^4.0.0",
     "gulp-nunjucks": "^3.1.1",
     "gulp-postcss": "^7.0.1",
-    "gulp-sass": "^3.1.0",
+    "gulp-sass": "^4.0.1",
     "gulp-sourcemaps": "^2.6.4",
-    "install": "^0.10.4",
+    "install": "^0.11.0",
     "nunjucks": "^3.1.2",
     "prettier": "^1.11.1",
     "prettier-stylelint": "^0.4.2",
-    "stylelint": "^9.1.3",
-    "stylelint-config-shopify": "^5.0.0",
-    "webpack": "^4.2.0",
+    "stylelint": "^9.2.0",
+    "stylelint-config-shopify": "^5.0.1",
+    "webpack": "^4.5.0",
     "webpack-bundle-analyzer": "^2.11.1"
   }
 }

examples/src/components/Document/Head.html

@@ -28,15 +28,16 @@
     <meta name="description" content="{{ HeadAttr.description }}">
     <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
     <meta name="format-detection" content="telephone=no">
+    <meta name="theme-color" content="#212529">
 
     {{ SocialShare.render(HeadAttr) }}
     {% include 'components/Document/Favicon.html' %}
 
     <link rel="manifest" href="{{ url }}/manifest.json">
-    <link rel="stylesheet" href="assets/css/examples-app.css">
+    <link rel="stylesheet" href="assets/css/examples-app.css?beta=6">
 
-    <script src="assets/js/examples-runtime.js" defer></script>
-    <script src="assets/js/examples-vendor.js" defer></script>
-    <script src="assets/js/examples-app.js" defer></script>
+    <script src="assets/js/examples-runtime.js?beta=6" defer></script>
+    <script src="assets/js/examples-vendor.js?beta=6" defer></script>
+    <script src="assets/js/examples-app.js?beta=6" defer></script>
   </head>
 {% endmacro %}

examples/src/content/Draggable/DragEvents/index.js

@@ -1,6 +1,5 @@
-/* eslint-disable import/no-extraneous-dependencies, import/no-unresolved */
+// eslint-disable-next-line import/no-unresolved
 import {Draggable} from '@shopify/draggable';
-/* eslint-enable import/no-extraneous-dependencies, import/no-unresolved */
 
 function translateMirror(mirror, mirrorCoords, containerRect) {
   if (mirrorCoords.top < containerRect.top || mirrorCoords.left < containerRect.left) {

examples/src/content/Droppable/UniqueDropzone/index.js

@@ -1,6 +1,5 @@
-/* eslint-disable import/no-extraneous-dependencies, import/no-unresolved */
+// eslint-disable-next-line import/no-unresolved
 import {Droppable} from '@shopify/draggable';
-/* eslint-enable import/no-extraneous-dependencies, import/no-unresolved */
 
 export default function UniqueDropzone() {
   const containers = document.querySelectorAll('#UniqueDropzone .BlockLayout');

examples/src/content/Home/index.js

@@ -1,6 +1,5 @@
-/* eslint-disable import/no-extraneous-dependencies, import/no-unresolved */
+// eslint-disable-next-line import/no-unresolved
 import {Draggable} from '@shopify/draggable';
-/* eslint-enable import/no-extraneous-dependencies, import/no-unresolved */
 import Plate from '../../components/Plate';
 
 export default function Home() {

examples/src/content/Plugins/Collidable/index.js

@@ -1,6 +1,5 @@
-/* eslint-disable import/no-extraneous-dependencies, import/no-unresolved */
+// eslint-disable-next-line import/no-unresolved
 import {Droppable, Plugins} from '@shopify/draggable';
-/* eslint-enable import/no-extraneous-dependencies, import/no-unresolved */
 
 export default function PluginsCollidable() {
   const containerSelector = '#Collidable .BlockLayout';

examples/src/content/Plugins/Snappable/index.js

@@ -1,6 +1,5 @@
-/* eslint-disable import/no-extraneous-dependencies, import/no-unresolved */
+// eslint-disable-next-line import/no-unresolved
 import {Swappable, Plugins} from '@shopify/draggable';
-/* eslint-enable import/no-extraneous-dependencies, import/no-unresolved */
 
 export default function PluginsSnappable() {
   const containerSelector = '#Snappable .BlockLayout';

examples/src/content/Plugins/SwapAnimation/index.js

@@ -1,6 +1,5 @@
-/* eslint-disable import/no-extraneous-dependencies, import/no-unresolved */
+// eslint-disable-next-line import/no-unresolved
 import {Sortable, Plugins} from '@shopify/draggable';
-/* eslint-enable import/no-extraneous-dependencies, import/no-unresolved */
 
 export default function PluginsSwapAnimation() {
   const containers = document.querySelectorAll('#SwapAnimation .BlockLayout');

examples/src/content/Sortable/MultipleContainers/index.js

@@ -1,6 +1,5 @@
-/* eslint-disable import/no-extraneous-dependencies, import/no-unresolved */
+// eslint-disable-next-line import/no-unresolved
 import {Sortable} from '@shopify/draggable';
-/* eslint-enable import/no-extraneous-dependencies, import/no-unresolved */
 import matchMirrorSize from '../../../scripts/utils/match-mirror-size';
 
 const Classes = {

examples/src/content/Sortable/SimpleList/index.js

@@ -1,6 +1,5 @@
-/* eslint-disable import/no-extraneous-dependencies, import/no-unresolved */
+// eslint-disable-next-line import/no-unresolved
 import {Sortable} from '@shopify/draggable';
-/* eslint-enable import/no-extraneous-dependencies, import/no-unresolved */
 
 export default function SimpleList() {
   const containerSelector = '#SimpleList .StackedList';

examples/src/content/Sortable/Transformed/index.js

@@ -1,6 +1,5 @@
-/* eslint-disable import/no-extraneous-dependencies, import/no-unresolved */
+// eslint-disable-next-line import/no-unresolved
 import {Sortable} from '@shopify/draggable';
-/* eslint-enable import/no-extraneous-dependencies, import/no-unresolved */
 
 export default function Transformed() {
   const containerSelector = '#Transformed .PaperStack';

examples/src/content/Swappable/Flexbox/index.js

@@ -1,6 +1,5 @@
-/* eslint-disable import/no-extraneous-dependencies, import/no-unresolved */
+// eslint-disable-next-line import/no-unresolved
 import {Swappable} from '@shopify/draggable';
-/* eslint-enable import/no-extraneous-dependencies, import/no-unresolved */
 
 export default function Flexbox() {
   const containers = document.querySelectorAll('#Flexbox .BlockLayout');

examples/src/content/Swappable/Floated/index.js

@@ -1,6 +1,5 @@
-/* eslint-disable import/no-extraneous-dependencies, import/no-unresolved */
+// eslint-disable-next-line import/no-unresolved
 import {Swappable} from '@shopify/draggable';
-/* eslint-enable import/no-extraneous-dependencies, import/no-unresolved */
 
 export default function Floated() {
   const containers = document.querySelectorAll('#Floated .BlockLayout');

examples/src/content/Swappable/GridLayout/index.js

@@ -1,6 +1,5 @@
-/* eslint-disable import/no-extraneous-dependencies, import/no-unresolved */
+// eslint-disable-next-line import/no-unresolved
 import {Swappable} from '@shopify/draggable';
-/* eslint-enable import/no-extraneous-dependencies, import/no-unresolved */
 
 export default function GridLayout() {
   const containerSelector = '#GridLayout .BlockLayout';