Run gulp compiler

gulpfile.babel.js

@@ -16,7 +16,6 @@ import named         from 'vinyl-named';
 import autoprefixer  from 'autoprefixer';
 import imagemin      from 'gulp-imagemin';
 
-
 const sass = require('gulp-sass')(require('sass'));
 const postcss = require('gulp-postcss');
 const sassLint = require('gulp-sass-lint');
@@ -68,7 +67,7 @@ function sassBuild() {
     .pipe(sass({
       includePaths: PATHS.foundationScss
     })
-    .on('error', $.sass.logError))
+    .on('error', sass.logError))
     .pipe(postcss(postCssPlugins))
     .pipe($.if(PRODUCTION, $.cleanCss({ compatibility: 'ie11' })))
     .pipe($.if(!PRODUCTION, $.sourcemaps.write()))

js/motion-ui.js

@@ -0,0 +1,166 @@
+/******/ (function() { // webpackBootstrap
+/******/ 	var __webpack_modules__ = ({
+
+/***/ "./node_modules/motion-ui/dist/motion-ui.js":
+/*!**************************************************!*\
+  !*** ./node_modules/motion-ui/dist/motion-ui.js ***!
+  \**************************************************/
+/***/ (function(module, exports, __webpack_require__) {
+
+var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+;
+(function (root, factory) {
+  if (true) {
+    !(__WEBPACK_AMD_DEFINE_ARRAY__ = [__webpack_require__(/*! jquery */ "jquery")], __WEBPACK_AMD_DEFINE_FACTORY__ = (factory),
+		__WEBPACK_AMD_DEFINE_RESULT__ = (typeof __WEBPACK_AMD_DEFINE_FACTORY__ === 'function' ?
+		(__WEBPACK_AMD_DEFINE_FACTORY__.apply(exports, __WEBPACK_AMD_DEFINE_ARRAY__)) : __WEBPACK_AMD_DEFINE_FACTORY__),
+		__WEBPACK_AMD_DEFINE_RESULT__ !== undefined && (module.exports = __WEBPACK_AMD_DEFINE_RESULT__));
+  } else {}
+})(this, function ($) {
+  'use strict';
+
+  // Polyfill for requestAnimationFrame
+  (function () {
+    if (!Date.now) Date.now = function () {
+      return new Date().getTime();
+    };
+    var vendors = ['webkit', 'moz'];
+    for (var i = 0; i < vendors.length && !window.requestAnimationFrame; ++i) {
+      var vp = vendors[i];
+      window.requestAnimationFrame = window[vp + 'RequestAnimationFrame'];
+      window.cancelAnimationFrame = window[vp + 'CancelAnimationFrame'] || window[vp + 'CancelRequestAnimationFrame'];
+    }
+    if (/iP(ad|hone|od).*OS 6/.test(window.navigator.userAgent) || !window.requestAnimationFrame || !window.cancelAnimationFrame) {
+      var lastTime = 0;
+      window.requestAnimationFrame = function (callback) {
+        var now = Date.now();
+        var nextTime = Math.max(lastTime + 16, now);
+        return setTimeout(function () {
+          callback(lastTime = nextTime);
+        }, nextTime - now);
+      };
+      window.cancelAnimationFrame = clearTimeout;
+    }
+  })();
+  var initClasses = ['mui-enter', 'mui-leave'];
+  var activeClasses = ['mui-enter-active', 'mui-leave-active'];
+
+  // Find the right "transitionend" event for this browser
+  var endEvent = function () {
+    var transitions = {
+      'transition': 'transitionend',
+      'WebkitTransition': 'webkitTransitionEnd',
+      'MozTransition': 'transitionend',
+      'OTransition': 'otransitionend'
+    };
+    var elem = window.document.createElement('div');
+    for (var t in transitions) {
+      if (typeof elem.style[t] !== 'undefined') {
+        return transitions[t];
+      }
+    }
+    return null;
+  }();
+  function animate(isIn, element, animation, cb) {
+    element = $(element).eq(0);
+    if (!element.length) return;
+    if (endEvent === null) {
+      isIn ? element.show() : element.hide();
+      cb();
+      return;
+    }
+    var initClass = isIn ? initClasses[0] : initClasses[1];
+    var activeClass = isIn ? activeClasses[0] : activeClasses[1];
+
+    // Set up the animation
+    reset();
+    element.addClass(animation);
+    element.css('transition', 'none');
+    requestAnimationFrame(function () {
+      element.addClass(initClass);
+      if (isIn) element.show();
+    });
+
+    // Start the animation
+    requestAnimationFrame(function () {
+      element[0].offsetWidth;
+      element.css('transition', '');
+      element.addClass(activeClass);
+    });
+
+    // Clean up the animation when it finishes
+    element.one('transitionend', finish);
+
+    // Hides the element (for out animations), resets the element, and runs a callback
+    function finish() {
+      if (!isIn) element.hide();
+      reset();
+      if (cb) cb.apply(element);
+    }
+
+    // Resets transitions and removes motion-specific classes
+    function reset() {
+      element[0].style.transitionDuration = 0;
+      element.removeClass(initClass + ' ' + activeClass + ' ' + animation);
+    }
+  }
+  var MotionUI = {
+    animateIn: function animateIn(element, animation, cb) {
+      animate(true, element, animation, cb);
+    },
+    animateOut: function animateOut(element, animation, cb) {
+      animate(false, element, animation, cb);
+    }
+  };
+  return MotionUI;
+});
+
+/***/ }),
+
+/***/ "jquery":
+/*!*************************!*\
+  !*** external "jQuery" ***!
+  \*************************/
+/***/ (function(module) {
+
+"use strict";
+module.exports = jQuery;
+
+/***/ })
+
+/******/ 	});
+/************************************************************************/
+/******/ 	// The module cache
+/******/ 	var __webpack_module_cache__ = {};
+/******/ 	
+/******/ 	// The require function
+/******/ 	function __webpack_require__(moduleId) {
+/******/ 		// Check if module is in cache
+/******/ 		var cachedModule = __webpack_module_cache__[moduleId];
+/******/ 		if (cachedModule !== undefined) {
+/******/ 			return cachedModule.exports;
+/******/ 		}
+/******/ 		// Create a new module (and put it into the cache)
+/******/ 		var module = __webpack_module_cache__[moduleId] = {
+/******/ 			// no module.id needed
+/******/ 			// no module.loaded needed
+/******/ 			exports: {}
+/******/ 		};
+/******/ 	
+/******/ 		// Execute the module function
+/******/ 		__webpack_modules__[moduleId].call(module.exports, module, module.exports, __webpack_require__);
+/******/ 	
+/******/ 		// Return the exports of the module
+/******/ 		return module.exports;
+/******/ 	}
+/******/ 	
+/************************************************************************/
+/******/ 	
+/******/ 	// startup
+/******/ 	// Load entry module and return exports
+/******/ 	// This entry module is referenced by other modules so it can't be inlined
+/******/ 	var __webpack_exports__ = __webpack_require__("./node_modules/motion-ui/dist/motion-ui.js");
+/******/ 	
+/******/ })()
+;
+//# sourceMappingURL=motion-ui.js.map

js/motion-ui.min.js

@@ -0,0 +1,119 @@
+/******/ (function() { // webpackBootstrap
+/******/ 	var __webpack_modules__ = ({
+
+/***/ "./node_modules/motion-ui/dist/motion-ui.min.js":
+/*!******************************************************!*\
+  !*** ./node_modules/motion-ui/dist/motion-ui.min.js ***!
+  \******************************************************/
+/***/ (function(module, exports, __webpack_require__) {
+
+var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+!function (n, e) {
+   true ? !(__WEBPACK_AMD_DEFINE_ARRAY__ = [__webpack_require__(/*! jquery */ "jquery")], __WEBPACK_AMD_DEFINE_FACTORY__ = (e),
+		__WEBPACK_AMD_DEFINE_RESULT__ = (typeof __WEBPACK_AMD_DEFINE_FACTORY__ === 'function' ?
+		(__WEBPACK_AMD_DEFINE_FACTORY__.apply(exports, __WEBPACK_AMD_DEFINE_ARRAY__)) : __WEBPACK_AMD_DEFINE_FACTORY__),
+		__WEBPACK_AMD_DEFINE_RESULT__ !== undefined && (module.exports = __WEBPACK_AMD_DEFINE_RESULT__)) : 0;
+}(this, function (s) {
+  "use strict";
+
+  Date.now || (Date.now = function () {
+    return new Date().getTime();
+  });
+  for (var t, n = ["webkit", "moz"], e = 0; e < n.length && !window.requestAnimationFrame; ++e) {
+    var i = n[e];
+    window.requestAnimationFrame = window[i + "RequestAnimationFrame"], window.cancelAnimationFrame = window[i + "CancelAnimationFrame"] || window[i + "CancelRequestAnimationFrame"];
+  }
+  !/iP(ad|hone|od).*OS 6/.test(window.navigator.userAgent) && window.requestAnimationFrame && window.cancelAnimationFrame || (t = 0, window.requestAnimationFrame = function (n) {
+    var e = Date.now(),
+      i = Math.max(t + 16, e);
+    return setTimeout(function () {
+      n(t = i);
+    }, i - e);
+  }, window.cancelAnimationFrame = clearTimeout);
+  var u = ["mui-enter", "mui-leave"],
+    m = ["mui-enter-active", "mui-leave-active"],
+    d = function () {
+      var n,
+        e = {
+          transition: "transitionend",
+          WebkitTransition: "webkitTransitionEnd",
+          MozTransition: "transitionend",
+          OTransition: "otransitionend"
+        },
+        i = window.document.createElement("div");
+      for (n in e) if (void 0 !== i.style[n]) return e[n];
+      return null;
+    }();
+  function o(n, e, i, t) {
+    var o, a;
+    function r() {
+      e[0].style.transitionDuration = 0, e.removeClass(o + " " + a + " " + i);
+    }
+    (e = s(e).eq(0)).length && (null === d ? (n ? e.show() : e.hide(), t()) : (o = n ? u[0] : u[1], a = n ? m[0] : m[1], r(), e.addClass(i), e.css("transition", "none"), requestAnimationFrame(function () {
+      e.addClass(o), n && e.show();
+    }), requestAnimationFrame(function () {
+      e[0].offsetWidth, e.css("transition", ""), e.addClass(a);
+    }), e.one("transitionend", function () {
+      n || e.hide();
+      r(), t && t.apply(e);
+    })));
+  }
+  return {
+    animateIn: function animateIn(n, e, i) {
+      o(!0, n, e, i);
+    },
+    animateOut: function animateOut(n, e, i) {
+      o(!1, n, e, i);
+    }
+  };
+});
+
+/***/ }),
+
+/***/ "jquery":
+/*!*************************!*\
+  !*** external "jQuery" ***!
+  \*************************/
+/***/ (function(module) {
+
+"use strict";
+module.exports = jQuery;
+
+/***/ })
+
+/******/ 	});
+/************************************************************************/
+/******/ 	// The module cache
+/******/ 	var __webpack_module_cache__ = {};
+/******/ 	
+/******/ 	// The require function
+/******/ 	function __webpack_require__(moduleId) {
+/******/ 		// Check if module is in cache
+/******/ 		var cachedModule = __webpack_module_cache__[moduleId];
+/******/ 		if (cachedModule !== undefined) {
+/******/ 			return cachedModule.exports;
+/******/ 		}
+/******/ 		// Create a new module (and put it into the cache)
+/******/ 		var module = __webpack_module_cache__[moduleId] = {
+/******/ 			// no module.id needed
+/******/ 			// no module.loaded needed
+/******/ 			exports: {}
+/******/ 		};
+/******/ 	
+/******/ 		// Execute the module function
+/******/ 		__webpack_modules__[moduleId].call(module.exports, module, module.exports, __webpack_require__);
+/******/ 	
+/******/ 		// Return the exports of the module
+/******/ 		return module.exports;
+/******/ 	}
+/******/ 	
+/************************************************************************/
+/******/ 	
+/******/ 	// startup
+/******/ 	// Load entry module and return exports
+/******/ 	// This entry module is referenced by other modules so it can't be inlined
+/******/ 	var __webpack_exports__ = __webpack_require__("./node_modules/motion-ui/dist/motion-ui.min.js");
+/******/ 	
+/******/ })()
+;
+//# sourceMappingURL=motion-ui.min.js.map