@onepercentio/one-ui 0.20.3 → 0.20.4

package/dist/components/LavaLamp/LavaLamp.data.js

@@ -13,51 +13,51 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0) { ; } } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-const transitionMs = Number(_LavaLampModule.default.transitionMs);
-const transitionPositionMs = Number(_LavaLampModule.default.transitionPositionMs);
+var transitionMs = Number(_LavaLampModule.default.transitionMs);
+var transitionPositionMs = Number(_LavaLampModule.default.transitionPositionMs);
 exports.transitionPositionMs = transitionPositionMs;
 function useLavaLampSetup(onUpdatePosition, onUpdateSize) {
-  const _useState = (0, _react.useState)(),
+  var _useState = (0, _react.useState)(),
     _useState2 = _slicedToArray(_useState, 2),
     d = _useState2[0],
     setDim = _useState2[1];
-  const relativeTo = (0, _react.useRef)(null);
-  const prevTilt = (0, _react.useRef)();
+  var relativeTo = (0, _react.useRef)(null);
+  var prevTilt = (0, _react.useRef)();
   (0, _react.useEffect)(function () {
-    const baseWidth = Math.min(relativeTo.current.clientWidth, 1440);
+    var baseWidth = Math.min(relativeTo.current.clientWidth, 1440);
     setDim({
       width: baseWidth,
       height: baseWidth * (relativeTo.current.clientHeight / relativeTo.current.clientWidth)
     });
   }, []);
-  const updateTiltCb = (0, _react.useMemo)(function () {
-    const throttlePosition = _lodash.throttle;
+  var updateTiltCb = (0, _react.useMemo)(function () {
+    var throttlePosition = _lodash.throttle;
     if (!d) return function () {};
-    const baseSize = Math.min(d.width, d.height) * 0.1;
-    let acceleration = (0, _lodash.throttle)(function (currTilt) {
+    var baseSize = Math.min(d.width, d.height) * 0.1;
+    var acceleration = (0, _lodash.throttle)(function (currTilt) {
       if (!prevTilt.current) {
         prevTilt.current = currTilt;
         return;
       }
-      const diff = {
+      var diff = {
         x: Math.abs(prevTilt.current.x - currTilt.x),
         y: Math.abs(prevTilt.current.y - currTilt.y)
       };
-      const baseDiff = Math.max(diff.x, diff.y);
-      const percent = baseDiff * 100 / 90;
+      var baseDiff = Math.max(diff.x, diff.y);
+      var percent = baseDiff * 100 / 90;
       onUpdateSize(baseSize + baseSize * (percent / 100));
       prevTilt.current = currTilt;
     }, transitionMs, {
       leading: false,
       trailing: true
     });
-    let movement = throttlePosition(function (currTilt) {
-      const x = currTilt.x + 100,
+    var movement = throttlePosition(function (currTilt) {
+      var x = currTilt.x + 100,
         y = currTilt.y + 100;
-      const cx = d.width * x / 200,
+      var cx = d.width * x / 200,
         cy = d.height * y / 200;
       onUpdatePosition(cx, cy);
     }, transitionPositionMs, {
@@ -74,15 +74,15 @@ function useLavaLampSetup(onUpdatePosition, onUpdateSize) {
     round: false,
     gyroEnabled: false
   });
-  const circlesConfig = (0, _react.useMemo)(function () {
+  var circlesConfig = (0, _react.useMemo)(function () {
     if (!d) return [];
-    const baseSize = Math.min(d.width, d.height) * 0.15;
+    var baseSize = Math.min(d.width, d.height) * 0.15;
     return new Array(10).fill(undefined).map(function (_, i) {
-      const mod = i % 2;
-      const startX = Math.random() * d.width * 0.5 + (mod === 0 ? 0 : d.width * 0.5);
-      const translateX = startX - (startX + 50 + Math.random() * 200);
-      const startY = Math.random() * d.height * 0.75 + (mod === 0 ? 0 : d.height * 0.25);
-      const translateY = startY - (startY + 50 + Math.random() * 200);
+      var mod = i % 2;
+      var startX = Math.random() * d.width * 0.5 + (mod === 0 ? 0 : d.width * 0.5);
+      var translateX = startX - (startX + 50 + Math.random() * 200);
+      var startY = Math.random() * d.height * 0.75 + (mod === 0 ? 0 : d.height * 0.25);
+      var translateY = startY - (startY + 50 + Math.random() * 200);
       return {
         baseSize: baseSize,
         startX: startX,

package/dist/components/LavaLamp/LavaLamp.js

@@ -15,16 +15,23 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
  * A peaceful component simulating an interactive lavalamp
  **/
 function LavaLamp(_ref) {
-  let className = _ref.className,
+  var className = _ref.className,
     children = _ref.children;
-  const circleRef = (0, _react.useRef)(null);
-  const _useLavaLampSetup = (0, _LavaLamp.default)(function () {}, function () {}),
+  var circleRef = (0, _react.useRef)(null);
+  var _useLavaLampSetup = (0, _LavaLamp.default)(function (cx, cy) {
+      var style = circleRef.current.style;
+      style.cx = cx;
+      style.cy = cy;
+    }, function (size) {
+      var style = circleRef.current.style;
+      style.r = size;
+    }),
     relativeTo = _useLavaLampSetup.relativeTo,
     d = _useLavaLampSetup.d,
     circlesConfig = _useLavaLampSetup.circlesConfig;
-  const randomCircles = (0, _react.useMemo)(function () {
+  var randomCircles = (0, _react.useMemo)(function () {
     return circlesConfig.map(function (_ref2) {
-      let baseSize = _ref2.baseSize,
+      var baseSize = _ref2.baseSize,
         startX = _ref2.startX,
         startY = _ref2.startY,
         translateX = _ref2.translateX,

package/dist/components/LavaLamp/v2/LavaLamp.js

@@ -12,6 +12,9 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
 function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
 function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
@@ -25,9 +28,9 @@ function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _d
 function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
 function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 function LavaLamp(_ref) {
-  let className = _ref.className,
+  var className = _ref.className,
     children = _ref.children;
-  const guideConfig = (0, _react.useRef)({
+  var guideConfig = (0, _react.useRef)({
     size: 0,
     sizeTimestamp: Date.now(),
     sizeIncrement: 0,
@@ -36,13 +39,13 @@ function LavaLamp(_ref) {
     posTimestamp: Date.now(),
     posIncrement: [0, 0]
   });
-  const _useLavaLampSetup = (0, _LavaLamp.default)(function (x, y) {
+  var _useLavaLampSetup = (0, _LavaLamp.default)(function (x, y) {
       guideConfig.current.posIncrement = [x - guideConfig.current.x, y - guideConfig.current.y];
       guideConfig.current.x = x;
       guideConfig.current.y = y;
       guideConfig.current.posTimestamp = Date.now();
     }, function (_size) {
-      const size = _size * 1.2;
+      var size = _size * 1.2;
       guideConfig.current.sizeIncrement = guideConfig.current.size === 0 ? 0 : size - guideConfig.current.size;
       guideConfig.current.size = size;
       guideConfig.current.sizeTimestamp = Date.now();
@@ -50,12 +53,12 @@ function LavaLamp(_ref) {
     relativeTo = _useLavaLampSetup.relativeTo,
     circlesConfig = _useLavaLampSetup.circlesConfig,
     d = _useLavaLampSetup.d;
-  const _canvasRef = (0, _react.useRef)(null);
-  const canvasRef = (0, _useMergeRefs.default)(_canvasRef, relativeTo);
+  var _canvasRef = (0, _react.useRef)(null);
+  var canvasRef = (0, _useMergeRefs.default)(_canvasRef, relativeTo);
   (0, _react.useEffect)(function () {
     if (!d) return;
-    const fc = canvasRef.current;
-    const baseColor = getComputedStyle(relativeTo.current).getPropertyValue("--digital-blue") || "#000000";
+    var fc = canvasRef.current;
+    var baseColor = getComputedStyle(relativeTo.current).getPropertyValue("--digital-blue") || "#000000";
     var c = document.createElement("canvas"),
       w = c.width = fc.width = d.width,
       h = c.height = fc.height = d.height,
@@ -69,19 +72,23 @@ function LavaLamp(_ref) {
         alphaThreshold: 200
       },
       orbs = [];
-    let animFrame;
+    var animFrame;
     function anim() {
       animFrame = window.requestAnimationFrame(anim);
       ctx.clearRect(0, 0, w, h);
       fctx.fillStyle = "#0000";
       fctx.fillRect(0, 0, w, h);
-      for (var i = 0; i < orbs.length; i++) orbs[i].step();
+      for (var i = 0; i < orbs.length; i++) {
+        orbs[i].step();
+      }
       var image = ctx.getImageData(0, 0, w, h),
         data = new Uint8Array(image.data.buffer);
-      for (var i = 3; i < data.length; i += 4) data[i] /= data[i] < opts.alphaThreshold ? 6 : 1;
+      for (var i = 3; i < data.length; i += 4) {
+        data[i] /= data[i] < opts.alphaThreshold ? 6 : 1;
+      }
       fctx.putImageData(image, 0, 0);
     }
-    let BaseOrb = /*#__PURE__*/function () {
+    var BaseOrb = /*#__PURE__*/function () {
       function BaseOrb() {
         _classCallCheck(this, BaseOrb);
       }
@@ -103,7 +110,7 @@ function LavaLamp(_ref) {
       }]);
       return BaseOrb;
     }();
-    let Orb = /*#__PURE__*/function (_BaseOrb) {
+    var Orb = /*#__PURE__*/function (_BaseOrb) {
       _inherits(Orb, _BaseOrb);
       var _super = _createSuper(Orb);
       function Orb(radius) {
@@ -138,7 +145,7 @@ function LavaLamp(_ref) {
       }]);
       return Orb;
     }(BaseOrb);
-    let GuideOrb = /*#__PURE__*/function (_BaseOrb2) {
+    var GuideOrb = /*#__PURE__*/function (_BaseOrb2) {
       _inherits(GuideOrb, _BaseOrb2);
       var _super2 = _createSuper(GuideOrb);
       function GuideOrb() {
@@ -148,37 +155,46 @@ function LavaLamp(_ref) {
       _createClass(GuideOrb, [{
         key: "step",
         value: function step() {
-          const deltaTime = Date.now() - guideConfig.current.sizeTimestamp;
-          const deltaTimePercent = deltaTime > 250 ? 1 : deltaTime * 100 / 250 / 100;
-          const radius = guideConfig.current.size - (guideConfig.current.sizeIncrement - guideConfig.current.sizeIncrement * deltaTimePercent);
+          var deltaTime = Date.now() - guideConfig.current.sizeTimestamp;
+          var deltaTimePercent = deltaTime > 250 ? 1 : deltaTime * 100 / 250 / 100;
+          var radius = guideConfig.current.size - (guideConfig.current.sizeIncrement - guideConfig.current.sizeIncrement * deltaTimePercent);
           this.lastRadius = radius;
           var color = baseColor;
-          const gradient = ctx.createRadialGradient(0, 0, 0, 0, 0, radius);
+          var gradient = ctx.createRadialGradient(0, 0, 0, 0, 0, radius);
           gradient.addColorStop(0, "".concat(color, "ff"));
           gradient.addColorStop(0.8, "".concat(color, "cc"));
           gradient.addColorStop(1, "".concat(color, "00"));
           this.gradient = gradient;
-          const deltaTimePos = Date.now() - guideConfig.current.posTimestamp;
-          const deltaTimePosPercent = deltaTimePos > _LavaLamp.transitionPositionMs ? 1 : deltaTimePos * 100 / _LavaLamp.transitionPositionMs / 100;
-          const translateX = guideConfig.current.x - (guideConfig.current.posIncrement[0] - guideConfig.current.posIncrement[0] * deltaTimePosPercent);
+          var deltaTimePos = Date.now() - guideConfig.current.posTimestamp;
+          var deltaTimePosPercent = deltaTimePos > _LavaLamp.transitionPositionMs ? 1 : deltaTimePos * 100 / _LavaLamp.transitionPositionMs / 100;
+          var translateX = guideConfig.current.x - (guideConfig.current.posIncrement[0] - guideConfig.current.posIncrement[0] * deltaTimePosPercent);
           this.lastX = translateX;
-          const translateY = guideConfig.current.y - (guideConfig.current.posIncrement[1] - guideConfig.current.posIncrement[1] * deltaTimePosPercent);
+          var translateY = guideConfig.current.y - (guideConfig.current.posIncrement[1] - guideConfig.current.posIncrement[1] * deltaTimePosPercent);
           this.lastY = translateY;
           this.drawCircle(translateX | 0, translateY | 0, radius);
         }
       }]);
       return GuideOrb;
     }(BaseOrb);
-    for (let circleConfig of circlesConfig) {
-      const radius = circleConfig.baseSize * 1.5;
-      const randomRadius = radius + radius / 2 * Math.random() | 0;
-      orbs.push(new Orb(randomRadius));
+    var _iterator = _createForOfIteratorHelper(circlesConfig),
+      _step;
+    try {
+      for (_iterator.s(); !(_step = _iterator.n()).done;) {
+        var circleConfig = _step.value;
+        var radius = circleConfig.baseSize * 1.5;
+        var randomRadius = radius + radius / 2 * Math.random() | 0;
+        orbs.push(new Orb(randomRadius));
+      }
+    } catch (err) {
+      _iterator.e(err);
+    } finally {
+      _iterator.f();
     }
-    const guideOrbInstance = new GuideOrb();
-    let guideOrbAutoInstance;
+    var guideOrbInstance = new GuideOrb();
+    var guideOrbAutoInstance;
     orbs.push(guideOrbInstance);
     canvasRef.current.parentElement.onmouseleave = function () {
-      const indexOfGuide = orbs.indexOf(guideOrbInstance);
+      var indexOfGuide = orbs.indexOf(guideOrbInstance);
       if (indexOfGuide !== -1) {
         guideOrbAutoInstance = new Orb(guideOrbInstance.lastRadius);
         guideOrbAutoInstance.radius = guideOrbInstance.lastRadius;

package/dist/components/LinkToId/LinkToId.js

@@ -9,13 +9,13 @@ var _react = _interopRequireDefault(require("react"));
 var _LinkToIdModule = _interopRequireDefault(require("./LinkToId.module.scss"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function scrollToId(id) {
-  let shouldScrollToCenter = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
-  const el = document.getElementById(id);
+  var shouldScrollToCenter = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+  var el = document.getElementById(id);
   if (el) {
-    const elStyles = window.getComputedStyle(el);
-    const padding = Number(elStyles.paddingTop.replace(/[^0-9]+/g, ""));
-    const elementPosition = el.offsetTop;
-    const elementHeight = el.clientHeight;
+    var elStyles = window.getComputedStyle(el);
+    var padding = Number(elStyles.paddingTop.replace(/[^0-9]+/g, ""));
+    var elementPosition = el.offsetTop;
+    var elementHeight = el.clientHeight;
     window.scrollTo({
       behavior: "smooth",
       //Go to element, scroll half the screen height scrollback half the element height
@@ -28,7 +28,7 @@ function scrollToId(id) {
  * This component creates an iteractive element and on click, routes to the specified id
  **/
 function LinkToId(_ref) {
-  let children = _ref.children,
+  var children = _ref.children,
     id = _ref.id,
     link = _ref.link,
     _ref$scrollToCenter = _ref.scrollToCenter,

package/dist/components/Loader/Loader.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = Loader;
 var _react = _interopRequireDefault(require("react"));
 var _LoaderModule = _interopRequireDefault(require("./Loader.module.scss"));
-const _excluded = ["className"];
+var _excluded = ["className"];
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
@@ -15,7 +15,7 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
  * A simple loader
  **/
 function Loader(_ref) {
-  let _ref$className = _ref.className,
+  var _ref$className = _ref.className,
     className = _ref$className === void 0 ? "" : _ref$className,
     props = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/_react.default.createElement("span", _extends({

package/dist/components/LoaderDotsIndicator/LoaderDotsIndicator.js

@@ -11,22 +11,22 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0) { ; } } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 /**
  * . .. ... . .. ...
  **/
 function LoaderDotsIndicator(_ref) {
-  let _ref$dotsCount = _ref.dotsCount,
+  var _ref$dotsCount = _ref.dotsCount,
     dotsCount = _ref$dotsCount === void 0 ? 3 : _ref$dotsCount;
-  const _useState = (0, _react.useState)("."),
+  var _useState = (0, _react.useState)("."),
     _useState2 = _slicedToArray(_useState, 2),
     text = _useState2[0],
     setText = _useState2[1];
   (0, _react.useEffect)(function () {
-    const fullText = new Array(dotsCount).fill(".").join("");
-    const intervalId = setInterval(function () {
+    var fullText = new Array(dotsCount).fill(".").join("");
+    var intervalId = setInterval(function () {
       setText(function (a) {
         return a === fullText ? "." : a + ".";
       });

package/dist/components/LoopableVideo/LoopableVideo.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = LoopableVideo;
 var _react = _interopRequireDefault(require("react"));
-const _excluded = ["videoSrc", "percentToBackTo"];
+var _excluded = ["videoSrc", "percentToBackTo"];
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
@@ -14,7 +14,7 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
  * Plays a video and loops between the end and the timestamp you set
  **/
 function LoopableVideo(_ref) {
-  let videoSrc = _ref.videoSrc,
+  var videoSrc = _ref.videoSrc,
     percentToBackTo = _ref.percentToBackTo,
     props = _objectWithoutProperties(_ref, _excluded);
   if (process.env.NODE_ENV === "development") if (percentToBackTo < 0 || percentToBackTo > 1) throw new Error("percentToBackTo should be a value between 0-1");
@@ -22,8 +22,8 @@ function LoopableVideo(_ref) {
     autoPlay: true,
     muted: true,
     onEnded: function onEnded(_ref2) {
-      let currentTarget = _ref2.currentTarget;
-      const el = currentTarget;
+      var currentTarget = _ref2.currentTarget;
+      var el = currentTarget;
       el.currentTime = el.duration * percentToBackTo;
       el.play();
     }

package/dist/components/MainGrid/MainGrid.js

@@ -15,10 +15,10 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
  * This layout provides 3 parts to compose screens
  **/
 function MainGrid(_ref, ref) {
-  let children = _ref.children,
+  var children = _ref.children,
     leftContent = _ref.leftContent,
     rightContent = _ref.rightContent;
-  const refs = [(0, _react.useRef)(null), (0, _react.useRef)(null), (0, _react.useRef)(null)];
+  var refs = [(0, _react.useRef)(null), (0, _react.useRef)(null), (0, _react.useRef)(null)];
   (0, _react.useImperativeHandle)(ref, function () {
     return {
       setOrientation: function setOrientation(orientation) {

package/dist/components/MutableHamburgerButton/MutableHamburgerButton.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = MutableHamburgerButton;
 var _react = _interopRequireDefault(require("react"));
 var _MutableHamburgerButtonModule = _interopRequireDefault(require("./MutableHamburgerButton.module.scss"));
-const _excluded = ["state", "size", "className"];
+var _excluded = ["state", "size", "className"];
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
@@ -15,7 +15,7 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
  * A hamburger button that mutates according to it's state
  **/
 function MutableHamburgerButton(_ref) {
-  let _ref$state = _ref.state,
+  var _ref$state = _ref.state,
     state = _ref$state === void 0 ? "default" : _ref$state,
     size = _ref.size,
     _ref$className = _ref.className,

package/dist/components/Notification/Notification.js

@@ -12,7 +12,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
  * A layout for the notification card
  **/
 function Notification(_ref) {
-  let type = _ref.type,
+  var type = _ref.type,
     children = _ref.children;
   return /*#__PURE__*/_react.default.createElement(_Card.default, {
     className: "".concat(_NotificationModule.default.container, " ").concat(_NotificationModule.default[type])