@ndla/ui 50.1.0 → 50.1.2

package/lib/SnackBar/SnackbarProvider.js

@@ -1,6 +1,5 @@
 "use strict";
 
-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); }
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -12,74 +11,51 @@ var _core = require("@ndla/core");
 var _DefaultSnackbar = _interopRequireDefault(require("./DefaultSnackbar"));
 var _jsxRuntime = require("@emotion/react/jsx-runtime");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-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 _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 _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; } /**
-                                                                                                                                                                                                                                                                                           * Copyright (c) 2022-present, NDLA.
-                                                                                                                                                                                                                                                                                           *
-                                                                                                                                                                                                                                                                                           * This source code is licensed under the GPLv3 license found in the
-                                                                                                                                                                                                                                                                                           * LICENSE file in the root directory of this source tree.
-                                                                                                                                                                                                                                                                                           *
-                                                                                                                                                                                                                                                                                           */
-var SnackbarContext = /*#__PURE__*/(0, _react.createContext)(undefined);
-var useSnack = function useSnack() {
-  var context = (0, _react.useContext)(SnackbarContext);
+ * Copyright (c) 2022-present, NDLA.
+ *
+ * This source code is licensed under the GPLv3 license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+const SnackbarContext = /*#__PURE__*/(0, _react.createContext)(undefined);
+const useSnack = () => {
+  const context = (0, _react.useContext)(SnackbarContext);
   if (!context) {
     throw new Error('useSnack can only be used within a SnackbarProvider!');
   }
   return context;
 };
 exports.useSnack = useSnack;
-var SnackbarProvider = function SnackbarProvider(_ref) {
-  var children = _ref.children;
-  var _useState = (0, _react.useState)([]),
-    _useState2 = _slicedToArray(_useState, 2),
-    snacks = _useState2[0],
-    setSnacks = _useState2[1];
-  var addSnack = (0, _react.useCallback)(function (snack) {
-    setSnacks(function (prev) {
-      return prev.filter(function (s) {
-        return s.id !== snack.id;
-      }).concat(snack);
-    });
+const SnackbarProvider = _ref => {
+  let {
+    children
+  } = _ref;
+  const [snacks, setSnacks] = (0, _react.useState)([]);
+  const addSnack = (0, _react.useCallback)(snack => {
+    setSnacks(prev => prev.filter(s => s.id !== snack.id).concat(snack));
   }, []);
-  var removeSnack = (0, _react.useCallback)(function (snackId) {
-    setSnacks(function (prev) {
-      return prev.filter(function (_ref2) {
-        var id = _ref2.id;
-        return snackId !== id;
-      });
-    });
+  const removeSnack = (0, _react.useCallback)(snackId => {
+    setSnacks(prev => prev.filter(_ref2 => {
+      let {
+        id
+      } = _ref2;
+      return snackId !== id;
+    }));
   }, []);
-  var closeSnack = (0, _react.useCallback)(function (snack) {
-    setSnacks(function (prev) {
-      return prev.map(function (p) {
-        return p.id === snack.id ? _objectSpread(_objectSpread({}, p), {}, {
-          duration: 0
-        }) : p;
-      });
-    });
+  const closeSnack = (0, _react.useCallback)(snack => {
+    setSnacks(prev => prev.map(p => p.id === snack.id ? {
+      ...p,
+      duration: 0
+    } : p));
   }, []);
-  var clearSnacks = (0, _react.useCallback)(function () {
-    return setSnacks([]);
-  }, []);
-  var value = (0, _react.useMemo)(function () {
-    return {
-      addSnack: addSnack,
-      removeSnack: removeSnack,
-      clearSnacks: clearSnacks,
-      closeSnack: closeSnack
-    };
-  }, [addSnack, removeSnack, clearSnacks, closeSnack]);
+  const clearSnacks = (0, _react.useCallback)(() => setSnacks([]), []);
+  const value = (0, _react.useMemo)(() => ({
+    addSnack,
+    removeSnack,
+    clearSnacks,
+    closeSnack
+  }), [addSnack, removeSnack, clearSnacks, closeSnack]);
   return (0, _jsxRuntime.jsxs)(SnackbarContext.Provider, {
     value: value,
     children: [children, (0, _jsxRuntime.jsx)(SnackbarContainer, {
@@ -88,59 +64,50 @@ var SnackbarProvider = function SnackbarProvider(_ref) {
   });
 };
 exports.SnackbarProvider = SnackbarProvider;
-var snackbarInAnimation = (0, _react2.keyframes)({
+const snackbarInAnimation = (0, _react2.keyframes)({
   '0%': {
-    transform: "translateY(".concat(_core.spacing.medium, ")"),
+    transform: `translateY(${_core.spacing.medium})`,
     opacity: 0
   },
   '100%': {
     opacity: 1
   }
 });
-var snackbarOutAnimation = (0, _react2.keyframes)({
+const snackbarOutAnimation = (0, _react2.keyframes)({
   '0%': {
     opacity: 1
   },
   '100%': {
-    transform: "translateY(".concat(_core.spacing.medium, ")"),
+    transform: `translateY(${_core.spacing.medium})`,
     opacity: 0
   }
 });
-var BaseSnackContainer = /*#__PURE__*/(0, _base.default)("li", {
+const BaseSnackContainer = /*#__PURE__*/(0, _base.default)("li", {
   target: "e12tl09b1",
   label: "BaseSnackContainer"
-})("display:flex;flex-direction:column;align-items:center;animation:", function (p) {
-  return p.expired ? snackbarOutAnimation : snackbarInAnimation;
-}, " 200ms ease-in-out;animation-fill-mode:forwards;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlNuYWNrYmFyUHJvdmlkZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTZGNkQiLCJmaWxlIjoiU25hY2tiYXJQcm92aWRlci50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAyMi1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCB7IHVzZUNhbGxiYWNrLCB1c2VNZW1vLCBjcmVhdGVDb250ZXh0LCBSZWFjdE5vZGUsIHVzZVN0YXRlLCB1c2VDb250ZXh0LCB1c2VFZmZlY3QgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBrZXlmcmFtZXMgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBzcGFjaW5nIH0gZnJvbSAnQG5kbGEvY29yZSc7XG5pbXBvcnQgRGVmYXVsdFNuYWNrIGZyb20gJy4vRGVmYXVsdFNuYWNrYmFyJztcblxuZXhwb3J0IGludGVyZmFjZSBTbmFjayB7XG4gIGNvbnRlbnQ/OiBSZWFjdE5vZGU7XG4gIGR1cmF0aW9uPzogbnVtYmVyO1xuICByZW5kZXI/OiAoaWQ6IHN0cmluZywgb25DbG9zZT86ICgpID0+IHZvaWQpID0+IFJlYWN0Tm9kZTtcbiAgaWQ6IHN0cmluZztcbiAgaWNvbj86IFJlYWN0Tm9kZTtcbiAgY2xvc2FibGU/OiBib29sZWFuO1xufVxuXG5leHBvcnQgaW50ZXJmYWNlIFNuYWNrQ29udGV4dCB7XG4gIGFkZFNuYWNrOiAoc25hY2s6IFNuYWNrKSA9PiB2b2lkO1xuICByZW1vdmVTbmFjazogKGlkOiBzdHJpbmcpID0+IHZvaWQ7XG4gIGNsZWFyU25hY2tzOiAoKSA9PiB2b2lkO1xuICBjbG9zZVNuYWNrOiAoc25hY2s6IFNuYWNrKSA9PiB2b2lkO1xufVxuXG5jb25zdCBTbmFja2JhckNvbnRleHQgPSBjcmVhdGVDb250ZXh0PFNuYWNrQ29udGV4dCB8IHVuZGVmaW5lZD4odW5kZWZpbmVkKTtcblxuZXhwb3J0IGNvbnN0IHVzZVNuYWNrID0gKCkgPT4ge1xuICBjb25zdCBjb250ZXh0ID0gdXNlQ29udGV4dChTbmFja2JhckNvbnRleHQpO1xuICBpZiAoIWNvbnRleHQpIHtcbiAgICB0aHJvdyBuZXcgRXJyb3IoJ3VzZVNuYWNrIGNhbiBvbmx5IGJlIHVzZWQgd2l0aGluIGEgU25hY2tiYXJQcm92aWRlciEnKTtcbiAgfVxuXG4gIHJldHVybiBjb250ZXh0O1xufTtcblxuaW50ZXJmYWNlIFByb3BzIHtcbiAgY2hpbGRyZW46IFJlYWN0Tm9kZTtcbn1cblxuZXhwb3J0IGNvbnN0IFNuYWNrYmFyUHJvdmlkZXIgPSAoeyBjaGlsZHJlbiB9OiBQcm9wcykgPT4ge1xuICBjb25zdCBbc25hY2tzLCBzZXRTbmFja3NdID0gdXNlU3RhdGU8U25hY2tbXT4oW10pO1xuXG4gIGNvbnN0IGFkZFNuYWNrID0gdXNlQ2FsbGJhY2soKHNuYWNrOiBTbmFjaykgPT4ge1xuICAgIHNldFNuYWNrcygocHJldikgPT4gcHJldi5maWx0ZXIoKHMpID0+IHMuaWQgIT09IHNuYWNrLmlkKS5jb25jYXQoc25hY2spKTtcbiAgfSwgW10pO1xuXG4gIGNvbnN0IHJlbW92ZVNuYWNrID0gdXNlQ2FsbGJhY2soKHNuYWNrSWQ6IHN0cmluZykgPT4ge1xuICAgIHNldFNuYWNrcygocHJldikgPT4gcHJldi5maWx0ZXIoKHsgaWQgfSkgPT4gc25hY2tJZCAhPT0gaWQpKTtcbiAgfSwgW10pO1xuXG4gIGNvbnN0IGNsb3NlU25hY2sgPSB1c2VDYWxsYmFjaygoc25hY2s6IFNuYWNrKSA9PiB7XG4gICAgc2V0U25hY2tzKChwcmV2KSA9PiBwcmV2Lm1hcCgocCkgPT4gKHAuaWQgPT09IHNuYWNrLmlkID8geyAuLi5wLCBkdXJhdGlvbjogMCB9IDogcCkpKTtcbiAgfSwgW10pO1xuXG4gIGNvbnN0IGNsZWFyU25hY2tzID0gdXNlQ2FsbGJhY2soKCkgPT4gc2V0U25hY2tzKFtdKSwgW10pO1xuXG4gIGNvbnN0IHZhbHVlID0gdXNlTWVtbyhcbiAgICAoKSA9PiAoeyBhZGRTbmFjaywgcmVtb3ZlU25hY2ssIGNsZWFyU25hY2tzLCBjbG9zZVNuYWNrIH0pLFxuICAgIFthZGRTbmFjaywgcmVtb3ZlU25hY2ssIGNsZWFyU25hY2tzLCBjbG9zZVNuYWNrXSxcbiAgKTtcblxuICByZXR1cm4gKFxuICAgIDxTbmFja2JhckNvbnRleHQuUHJvdmlkZXIgdmFsdWU9e3ZhbHVlfT5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICAgIDxTbmFja2JhckNvbnRhaW5lciBzbmFja3M9e3NuYWNrc30gLz5cbiAgICA8L1NuYWNrYmFyQ29udGV4dC5Qcm92aWRlcj5cbiAgKTtcbn07XG5cbmludGVyZmFjZSBCYXNlU25hY2tQcm9wcyBleHRlbmRzIFNuYWNrIHtcbiAgY2hpbGRyZW46IFJlYWN0Tm9kZTtcbn1cblxuaW50ZXJmYWNlIEJhc2VTbmFja0NvbnRhaW5lclByb3BzIHtcbiAgZXhwaXJlZDogYm9vbGVhbjtcbn1cblxuY29uc3Qgc25hY2tiYXJJbkFuaW1hdGlvbiA9IGtleWZyYW1lcyh7XG4gICcwJSc6IHsgdHJhbnNmb3JtOiBgdHJhbnNsYXRlWSgke3NwYWNpbmcubWVkaXVtfSlgLCBvcGFjaXR5OiAwIH0sXG4gICcxMDAlJzogeyBvcGFjaXR5OiAxIH0sXG59KTtcblxuY29uc3Qgc25hY2tiYXJPdXRBbmltYXRpb24gPSBrZXlmcmFtZXMoe1xuICAnMCUnOiB7IG9wYWNpdHk6IDEgfSxcbiAgJzEwMCUnOiB7IHRyYW5zZm9ybTogYHRyYW5zbGF0ZVkoJHtzcGFjaW5nLm1lZGl1bX0pYCwgb3BhY2l0eTogMCB9LFxufSk7XG5cbmNvbnN0IEJhc2VTbmFja0NvbnRhaW5lciA9IHN0eWxlZC5saTxCYXNlU25hY2tDb250YWluZXJQcm9wcz5gXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGFuaW1hdGlvbjogJHsocCkgPT4gKHAuZXhwaXJlZCA/IHNuYWNrYmFyT3V0QW5pbWF0aW9uIDogc25hY2tiYXJJbkFuaW1hdGlvbil9IDIwMG1zIGVhc2UtaW4tb3V0O1xuICBhbmltYXRpb24tZmlsbC1tb2RlOiBmb3J3YXJkcztcbmA7XG5cbmV4cG9ydCBjb25zdCBCYXNlU25hY2sgPSAoeyBkdXJhdGlvbiA9IDUwMDAsIGlkLCBjaGlsZHJlbiB9OiBCYXNlU25hY2tQcm9wcykgPT4ge1xuICBjb25zdCB7IHJlbW92ZVNuYWNrIH0gPSB1c2VTbmFjaygpO1xuICBjb25zdCBbZXhwaXJlZCwgc2V0RXhwaXJlZF0gPSB1c2VTdGF0ZShmYWxzZSk7XG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBjb25zdCB0aW1lb3V0ID0gc2V0VGltZW91dCgoKSA9PiBzZXRFeHBpcmVkKHRydWUpLCBkdXJhdGlvbik7XG4gICAgcmV0dXJuICgpID0+IGNsZWFyVGltZW91dCh0aW1lb3V0KTtcbiAgfSwgW2R1cmF0aW9uXSk7XG5cbiAgcmV0dXJuIChcbiAgICA8QmFzZVNuYWNrQ29udGFpbmVyIGV4cGlyZWQ9e2V4cGlyZWR9IG9uQW5pbWF0aW9uRW5kPXsoKSA9PiBleHBpcmVkICYmIHJlbW92ZVNuYWNrKGlkKX0+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgPC9CYXNlU25hY2tDb250YWluZXI+XG4gICk7XG59O1xuXG5pbnRlcmZhY2UgU25hY2tiYXJDb250YWluZXJQcm9wcyB7XG4gIHNuYWNrczogU25hY2tbXTtcbn1cblxuY29uc3QgU3R5bGVkU25hY2tMaXN0ID0gc3R5bGVkLnVsYFxuICBwb3NpdGlvbjogZml4ZWQ7XG4gIHotaW5kZXg6IDk5OTk5O1xuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICBwb2ludGVyLWV2ZW50czogbm9uZTtcbiAgbWFyZ2luOiAwIGF1dG87XG4gIHBhZGRpbmc6IDA7XG4gIGJvdHRvbTogZW52KHNhZmUtYXJlYS1pbnNldC1ib3R0b20sIDQwcHgpO1xuICByaWdodDogZW52KHNhZmUtYXJlYS1pbnNldC1yaWdodCwgMHB4KTtcbiAgbGVmdDogZW52KHNhZmUtYXJlYS1pbnNldC1sZWZ0LCAwcHgpO1xuYDtcblxuY29uc3QgU25hY2tiYXJDb250YWluZXIgPSAoeyBzbmFja3MgfTogU25hY2tiYXJDb250YWluZXJQcm9wcykgPT4ge1xuICByZXR1cm4gKFxuICAgIDxTdHlsZWRTbmFja0xpc3QgYXJpYS1saXZlPVwicG9saXRlXCIgcm9sZT1cInJlZ2lvblwiPlxuICAgICAge3NuYWNrcy5tYXAoKHNuYWNrKSA9PiAoXG4gICAgICAgIDxCYXNlU25hY2sga2V5PXtzbmFjay5pZH0gey4uLnNuYWNrfT5cbiAgICAgICAgICB7c25hY2sucmVuZGVyPy4oc25hY2suaWQpID8/IDxEZWZhdWx0U25hY2sgey4uLnNuYWNrfSAvPn1cbiAgICAgICAgPC9CYXNlU25hY2s+XG4gICAgICApKX1cbiAgICA8L1N0eWxlZFNuYWNrTGlzdD5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IFNuYWNrYmFyUHJvdmlkZXI7XG4iXX0= */"));
-var BaseSnack = function BaseSnack(_ref3) {
-  var _ref3$duration = _ref3.duration,
-    duration = _ref3$duration === void 0 ? 5000 : _ref3$duration,
-    id = _ref3.id,
-    children = _ref3.children;
-  var _useSnack = useSnack(),
-    removeSnack = _useSnack.removeSnack;
-  var _useState3 = (0, _react.useState)(false),
-    _useState4 = _slicedToArray(_useState3, 2),
-    expired = _useState4[0],
-    setExpired = _useState4[1];
-  (0, _react.useEffect)(function () {
-    var timeout = setTimeout(function () {
-      return setExpired(true);
-    }, duration);
-    return function () {
-      return clearTimeout(timeout);
-    };
+})("display:flex;flex-direction:column;align-items:center;animation:", p => p.expired ? snackbarOutAnimation : snackbarInAnimation, " 200ms ease-in-out;animation-fill-mode:forwards;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlNuYWNrYmFyUHJvdmlkZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTZGNkQiLCJmaWxlIjoiU25hY2tiYXJQcm92aWRlci50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAyMi1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCB7IHVzZUNhbGxiYWNrLCB1c2VNZW1vLCBjcmVhdGVDb250ZXh0LCBSZWFjdE5vZGUsIHVzZVN0YXRlLCB1c2VDb250ZXh0LCB1c2VFZmZlY3QgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBrZXlmcmFtZXMgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBzcGFjaW5nIH0gZnJvbSAnQG5kbGEvY29yZSc7XG5pbXBvcnQgRGVmYXVsdFNuYWNrIGZyb20gJy4vRGVmYXVsdFNuYWNrYmFyJztcblxuZXhwb3J0IGludGVyZmFjZSBTbmFjayB7XG4gIGNvbnRlbnQ/OiBSZWFjdE5vZGU7XG4gIGR1cmF0aW9uPzogbnVtYmVyO1xuICByZW5kZXI/OiAoaWQ6IHN0cmluZywgb25DbG9zZT86ICgpID0+IHZvaWQpID0+IFJlYWN0Tm9kZTtcbiAgaWQ6IHN0cmluZztcbiAgaWNvbj86IFJlYWN0Tm9kZTtcbiAgY2xvc2FibGU/OiBib29sZWFuO1xufVxuXG5leHBvcnQgaW50ZXJmYWNlIFNuYWNrQ29udGV4dCB7XG4gIGFkZFNuYWNrOiAoc25hY2s6IFNuYWNrKSA9PiB2b2lkO1xuICByZW1vdmVTbmFjazogKGlkOiBzdHJpbmcpID0+IHZvaWQ7XG4gIGNsZWFyU25hY2tzOiAoKSA9PiB2b2lkO1xuICBjbG9zZVNuYWNrOiAoc25hY2s6IFNuYWNrKSA9PiB2b2lkO1xufVxuXG5jb25zdCBTbmFja2JhckNvbnRleHQgPSBjcmVhdGVDb250ZXh0PFNuYWNrQ29udGV4dCB8IHVuZGVmaW5lZD4odW5kZWZpbmVkKTtcblxuZXhwb3J0IGNvbnN0IHVzZVNuYWNrID0gKCkgPT4ge1xuICBjb25zdCBjb250ZXh0ID0gdXNlQ29udGV4dChTbmFja2JhckNvbnRleHQpO1xuICBpZiAoIWNvbnRleHQpIHtcbiAgICB0aHJvdyBuZXcgRXJyb3IoJ3VzZVNuYWNrIGNhbiBvbmx5IGJlIHVzZWQgd2l0aGluIGEgU25hY2tiYXJQcm92aWRlciEnKTtcbiAgfVxuXG4gIHJldHVybiBjb250ZXh0O1xufTtcblxuaW50ZXJmYWNlIFByb3BzIHtcbiAgY2hpbGRyZW46IFJlYWN0Tm9kZTtcbn1cblxuZXhwb3J0IGNvbnN0IFNuYWNrYmFyUHJvdmlkZXIgPSAoeyBjaGlsZHJlbiB9OiBQcm9wcykgPT4ge1xuICBjb25zdCBbc25hY2tzLCBzZXRTbmFja3NdID0gdXNlU3RhdGU8U25hY2tbXT4oW10pO1xuXG4gIGNvbnN0IGFkZFNuYWNrID0gdXNlQ2FsbGJhY2soKHNuYWNrOiBTbmFjaykgPT4ge1xuICAgIHNldFNuYWNrcygocHJldikgPT4gcHJldi5maWx0ZXIoKHMpID0+IHMuaWQgIT09IHNuYWNrLmlkKS5jb25jYXQoc25hY2spKTtcbiAgfSwgW10pO1xuXG4gIGNvbnN0IHJlbW92ZVNuYWNrID0gdXNlQ2FsbGJhY2soKHNuYWNrSWQ6IHN0cmluZykgPT4ge1xuICAgIHNldFNuYWNrcygocHJldikgPT4gcHJldi5maWx0ZXIoKHsgaWQgfSkgPT4gc25hY2tJZCAhPT0gaWQpKTtcbiAgfSwgW10pO1xuXG4gIGNvbnN0IGNsb3NlU25hY2sgPSB1c2VDYWxsYmFjaygoc25hY2s6IFNuYWNrKSA9PiB7XG4gICAgc2V0U25hY2tzKChwcmV2KSA9PiBwcmV2Lm1hcCgocCkgPT4gKHAuaWQgPT09IHNuYWNrLmlkID8geyAuLi5wLCBkdXJhdGlvbjogMCB9IDogcCkpKTtcbiAgfSwgW10pO1xuXG4gIGNvbnN0IGNsZWFyU25hY2tzID0gdXNlQ2FsbGJhY2soKCkgPT4gc2V0U25hY2tzKFtdKSwgW10pO1xuXG4gIGNvbnN0IHZhbHVlID0gdXNlTWVtbyhcbiAgICAoKSA9PiAoeyBhZGRTbmFjaywgcmVtb3ZlU25hY2ssIGNsZWFyU25hY2tzLCBjbG9zZVNuYWNrIH0pLFxuICAgIFthZGRTbmFjaywgcmVtb3ZlU25hY2ssIGNsZWFyU25hY2tzLCBjbG9zZVNuYWNrXSxcbiAgKTtcblxuICByZXR1cm4gKFxuICAgIDxTbmFja2JhckNvbnRleHQuUHJvdmlkZXIgdmFsdWU9e3ZhbHVlfT5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICAgIDxTbmFja2JhckNvbnRhaW5lciBzbmFja3M9e3NuYWNrc30gLz5cbiAgICA8L1NuYWNrYmFyQ29udGV4dC5Qcm92aWRlcj5cbiAgKTtcbn07XG5cbmludGVyZmFjZSBCYXNlU25hY2tQcm9wcyBleHRlbmRzIFNuYWNrIHtcbiAgY2hpbGRyZW46IFJlYWN0Tm9kZTtcbn1cblxuaW50ZXJmYWNlIEJhc2VTbmFja0NvbnRhaW5lclByb3BzIHtcbiAgZXhwaXJlZDogYm9vbGVhbjtcbn1cblxuY29uc3Qgc25hY2tiYXJJbkFuaW1hdGlvbiA9IGtleWZyYW1lcyh7XG4gICcwJSc6IHsgdHJhbnNmb3JtOiBgdHJhbnNsYXRlWSgke3NwYWNpbmcubWVkaXVtfSlgLCBvcGFjaXR5OiAwIH0sXG4gICcxMDAlJzogeyBvcGFjaXR5OiAxIH0sXG59KTtcblxuY29uc3Qgc25hY2tiYXJPdXRBbmltYXRpb24gPSBrZXlmcmFtZXMoe1xuICAnMCUnOiB7IG9wYWNpdHk6IDEgfSxcbiAgJzEwMCUnOiB7IHRyYW5zZm9ybTogYHRyYW5zbGF0ZVkoJHtzcGFjaW5nLm1lZGl1bX0pYCwgb3BhY2l0eTogMCB9LFxufSk7XG5cbmNvbnN0IEJhc2VTbmFja0NvbnRhaW5lciA9IHN0eWxlZC5saTxCYXNlU25hY2tDb250YWluZXJQcm9wcz5gXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGFuaW1hdGlvbjogJHsocCkgPT4gKHAuZXhwaXJlZCA/IHNuYWNrYmFyT3V0QW5pbWF0aW9uIDogc25hY2tiYXJJbkFuaW1hdGlvbil9IDIwMG1zIGVhc2UtaW4tb3V0O1xuICBhbmltYXRpb24tZmlsbC1tb2RlOiBmb3J3YXJkcztcbmA7XG5cbmV4cG9ydCBjb25zdCBCYXNlU25hY2sgPSAoeyBkdXJhdGlvbiA9IDUwMDAsIGlkLCBjaGlsZHJlbiB9OiBCYXNlU25hY2tQcm9wcykgPT4ge1xuICBjb25zdCB7IHJlbW92ZVNuYWNrIH0gPSB1c2VTbmFjaygpO1xuICBjb25zdCBbZXhwaXJlZCwgc2V0RXhwaXJlZF0gPSB1c2VTdGF0ZShmYWxzZSk7XG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBjb25zdCB0aW1lb3V0ID0gc2V0VGltZW91dCgoKSA9PiBzZXRFeHBpcmVkKHRydWUpLCBkdXJhdGlvbik7XG4gICAgcmV0dXJuICgpID0+IGNsZWFyVGltZW91dCh0aW1lb3V0KTtcbiAgfSwgW2R1cmF0aW9uXSk7XG5cbiAgcmV0dXJuIChcbiAgICA8QmFzZVNuYWNrQ29udGFpbmVyIGV4cGlyZWQ9e2V4cGlyZWR9IG9uQW5pbWF0aW9uRW5kPXsoKSA9PiBleHBpcmVkICYmIHJlbW92ZVNuYWNrKGlkKX0+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgPC9CYXNlU25hY2tDb250YWluZXI+XG4gICk7XG59O1xuXG5pbnRlcmZhY2UgU25hY2tiYXJDb250YWluZXJQcm9wcyB7XG4gIHNuYWNrczogU25hY2tbXTtcbn1cblxuY29uc3QgU3R5bGVkU25hY2tMaXN0ID0gc3R5bGVkLnVsYFxuICBwb3NpdGlvbjogZml4ZWQ7XG4gIHotaW5kZXg6IDk5OTk5O1xuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICBwb2ludGVyLWV2ZW50czogbm9uZTtcbiAgbWFyZ2luOiAwIGF1dG87XG4gIHBhZGRpbmc6IDA7XG4gIGJvdHRvbTogZW52KHNhZmUtYXJlYS1pbnNldC1ib3R0b20sIDQwcHgpO1xuICByaWdodDogZW52KHNhZmUtYXJlYS1pbnNldC1yaWdodCwgMHB4KTtcbiAgbGVmdDogZW52KHNhZmUtYXJlYS1pbnNldC1sZWZ0LCAwcHgpO1xuYDtcblxuY29uc3QgU25hY2tiYXJDb250YWluZXIgPSAoeyBzbmFja3MgfTogU25hY2tiYXJDb250YWluZXJQcm9wcykgPT4ge1xuICByZXR1cm4gKFxuICAgIDxTdHlsZWRTbmFja0xpc3QgYXJpYS1saXZlPVwicG9saXRlXCIgcm9sZT1cInJlZ2lvblwiPlxuICAgICAge3NuYWNrcy5tYXAoKHNuYWNrKSA9PiAoXG4gICAgICAgIDxCYXNlU25hY2sga2V5PXtzbmFjay5pZH0gey4uLnNuYWNrfT5cbiAgICAgICAgICB7c25hY2sucmVuZGVyPy4oc25hY2suaWQpID8/IDxEZWZhdWx0U25hY2sgey4uLnNuYWNrfSAvPn1cbiAgICAgICAgPC9CYXNlU25hY2s+XG4gICAgICApKX1cbiAgICA8L1N0eWxlZFNuYWNrTGlzdD5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IFNuYWNrYmFyUHJvdmlkZXI7XG4iXX0= */"));
+const BaseSnack = _ref3 => {
+  let {
+    duration = 5000,
+    id,
+    children
+  } = _ref3;
+  const {
+    removeSnack
+  } = useSnack();
+  const [expired, setExpired] = (0, _react.useState)(false);
+  (0, _react.useEffect)(() => {
+    const timeout = setTimeout(() => setExpired(true), duration);
+    return () => clearTimeout(timeout);
   }, [duration]);
   return (0, _jsxRuntime.jsx)(BaseSnackContainer, {
     expired: expired,
-    onAnimationEnd: function onAnimationEnd() {
-      return expired && removeSnack(id);
-    },
+    onAnimationEnd: () => expired && removeSnack(id),
     children: children
   });
 };
 exports.BaseSnack = BaseSnack;
-var StyledSnackList = /*#__PURE__*/(0, _base.default)("ul", {
+const StyledSnackList = /*#__PURE__*/(0, _base.default)("ul", {
   target: "e12tl09b0",
   label: "StyledSnackList"
 })(process.env.NODE_ENV === "production" ? {
@@ -152,18 +119,19 @@ var StyledSnackList = /*#__PURE__*/(0, _base.default)("ul", {
   map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlNuYWNrYmFyUHJvdmlkZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXlIaUMiLCJmaWxlIjoiU25hY2tiYXJQcm92aWRlci50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAyMi1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCB7IHVzZUNhbGxiYWNrLCB1c2VNZW1vLCBjcmVhdGVDb250ZXh0LCBSZWFjdE5vZGUsIHVzZVN0YXRlLCB1c2VDb250ZXh0LCB1c2VFZmZlY3QgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBrZXlmcmFtZXMgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBzcGFjaW5nIH0gZnJvbSAnQG5kbGEvY29yZSc7XG5pbXBvcnQgRGVmYXVsdFNuYWNrIGZyb20gJy4vRGVmYXVsdFNuYWNrYmFyJztcblxuZXhwb3J0IGludGVyZmFjZSBTbmFjayB7XG4gIGNvbnRlbnQ/OiBSZWFjdE5vZGU7XG4gIGR1cmF0aW9uPzogbnVtYmVyO1xuICByZW5kZXI/OiAoaWQ6IHN0cmluZywgb25DbG9zZT86ICgpID0+IHZvaWQpID0+IFJlYWN0Tm9kZTtcbiAgaWQ6IHN0cmluZztcbiAgaWNvbj86IFJlYWN0Tm9kZTtcbiAgY2xvc2FibGU/OiBib29sZWFuO1xufVxuXG5leHBvcnQgaW50ZXJmYWNlIFNuYWNrQ29udGV4dCB7XG4gIGFkZFNuYWNrOiAoc25hY2s6IFNuYWNrKSA9PiB2b2lkO1xuICByZW1vdmVTbmFjazogKGlkOiBzdHJpbmcpID0+IHZvaWQ7XG4gIGNsZWFyU25hY2tzOiAoKSA9PiB2b2lkO1xuICBjbG9zZVNuYWNrOiAoc25hY2s6IFNuYWNrKSA9PiB2b2lkO1xufVxuXG5jb25zdCBTbmFja2JhckNvbnRleHQgPSBjcmVhdGVDb250ZXh0PFNuYWNrQ29udGV4dCB8IHVuZGVmaW5lZD4odW5kZWZpbmVkKTtcblxuZXhwb3J0IGNvbnN0IHVzZVNuYWNrID0gKCkgPT4ge1xuICBjb25zdCBjb250ZXh0ID0gdXNlQ29udGV4dChTbmFja2JhckNvbnRleHQpO1xuICBpZiAoIWNvbnRleHQpIHtcbiAgICB0aHJvdyBuZXcgRXJyb3IoJ3VzZVNuYWNrIGNhbiBvbmx5IGJlIHVzZWQgd2l0aGluIGEgU25hY2tiYXJQcm92aWRlciEnKTtcbiAgfVxuXG4gIHJldHVybiBjb250ZXh0O1xufTtcblxuaW50ZXJmYWNlIFByb3BzIHtcbiAgY2hpbGRyZW46IFJlYWN0Tm9kZTtcbn1cblxuZXhwb3J0IGNvbnN0IFNuYWNrYmFyUHJvdmlkZXIgPSAoeyBjaGlsZHJlbiB9OiBQcm9wcykgPT4ge1xuICBjb25zdCBbc25hY2tzLCBzZXRTbmFja3NdID0gdXNlU3RhdGU8U25hY2tbXT4oW10pO1xuXG4gIGNvbnN0IGFkZFNuYWNrID0gdXNlQ2FsbGJhY2soKHNuYWNrOiBTbmFjaykgPT4ge1xuICAgIHNldFNuYWNrcygocHJldikgPT4gcHJldi5maWx0ZXIoKHMpID0+IHMuaWQgIT09IHNuYWNrLmlkKS5jb25jYXQoc25hY2spKTtcbiAgfSwgW10pO1xuXG4gIGNvbnN0IHJlbW92ZVNuYWNrID0gdXNlQ2FsbGJhY2soKHNuYWNrSWQ6IHN0cmluZykgPT4ge1xuICAgIHNldFNuYWNrcygocHJldikgPT4gcHJldi5maWx0ZXIoKHsgaWQgfSkgPT4gc25hY2tJZCAhPT0gaWQpKTtcbiAgfSwgW10pO1xuXG4gIGNvbnN0IGNsb3NlU25hY2sgPSB1c2VDYWxsYmFjaygoc25hY2s6IFNuYWNrKSA9PiB7XG4gICAgc2V0U25hY2tzKChwcmV2KSA9PiBwcmV2Lm1hcCgocCkgPT4gKHAuaWQgPT09IHNuYWNrLmlkID8geyAuLi5wLCBkdXJhdGlvbjogMCB9IDogcCkpKTtcbiAgfSwgW10pO1xuXG4gIGNvbnN0IGNsZWFyU25hY2tzID0gdXNlQ2FsbGJhY2soKCkgPT4gc2V0U25hY2tzKFtdKSwgW10pO1xuXG4gIGNvbnN0IHZhbHVlID0gdXNlTWVtbyhcbiAgICAoKSA9PiAoeyBhZGRTbmFjaywgcmVtb3ZlU25hY2ssIGNsZWFyU25hY2tzLCBjbG9zZVNuYWNrIH0pLFxuICAgIFthZGRTbmFjaywgcmVtb3ZlU25hY2ssIGNsZWFyU25hY2tzLCBjbG9zZVNuYWNrXSxcbiAgKTtcblxuICByZXR1cm4gKFxuICAgIDxTbmFja2JhckNvbnRleHQuUHJvdmlkZXIgdmFsdWU9e3ZhbHVlfT5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICAgIDxTbmFja2JhckNvbnRhaW5lciBzbmFja3M9e3NuYWNrc30gLz5cbiAgICA8L1NuYWNrYmFyQ29udGV4dC5Qcm92aWRlcj5cbiAgKTtcbn07XG5cbmludGVyZmFjZSBCYXNlU25hY2tQcm9wcyBleHRlbmRzIFNuYWNrIHtcbiAgY2hpbGRyZW46IFJlYWN0Tm9kZTtcbn1cblxuaW50ZXJmYWNlIEJhc2VTbmFja0NvbnRhaW5lclByb3BzIHtcbiAgZXhwaXJlZDogYm9vbGVhbjtcbn1cblxuY29uc3Qgc25hY2tiYXJJbkFuaW1hdGlvbiA9IGtleWZyYW1lcyh7XG4gICcwJSc6IHsgdHJhbnNmb3JtOiBgdHJhbnNsYXRlWSgke3NwYWNpbmcubWVkaXVtfSlgLCBvcGFjaXR5OiAwIH0sXG4gICcxMDAlJzogeyBvcGFjaXR5OiAxIH0sXG59KTtcblxuY29uc3Qgc25hY2tiYXJPdXRBbmltYXRpb24gPSBrZXlmcmFtZXMoe1xuICAnMCUnOiB7IG9wYWNpdHk6IDEgfSxcbiAgJzEwMCUnOiB7IHRyYW5zZm9ybTogYHRyYW5zbGF0ZVkoJHtzcGFjaW5nLm1lZGl1bX0pYCwgb3BhY2l0eTogMCB9LFxufSk7XG5cbmNvbnN0IEJhc2VTbmFja0NvbnRhaW5lciA9IHN0eWxlZC5saTxCYXNlU25hY2tDb250YWluZXJQcm9wcz5gXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGFuaW1hdGlvbjogJHsocCkgPT4gKHAuZXhwaXJlZCA/IHNuYWNrYmFyT3V0QW5pbWF0aW9uIDogc25hY2tiYXJJbkFuaW1hdGlvbil9IDIwMG1zIGVhc2UtaW4tb3V0O1xuICBhbmltYXRpb24tZmlsbC1tb2RlOiBmb3J3YXJkcztcbmA7XG5cbmV4cG9ydCBjb25zdCBCYXNlU25hY2sgPSAoeyBkdXJhdGlvbiA9IDUwMDAsIGlkLCBjaGlsZHJlbiB9OiBCYXNlU25hY2tQcm9wcykgPT4ge1xuICBjb25zdCB7IHJlbW92ZVNuYWNrIH0gPSB1c2VTbmFjaygpO1xuICBjb25zdCBbZXhwaXJlZCwgc2V0RXhwaXJlZF0gPSB1c2VTdGF0ZShmYWxzZSk7XG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBjb25zdCB0aW1lb3V0ID0gc2V0VGltZW91dCgoKSA9PiBzZXRFeHBpcmVkKHRydWUpLCBkdXJhdGlvbik7XG4gICAgcmV0dXJuICgpID0+IGNsZWFyVGltZW91dCh0aW1lb3V0KTtcbiAgfSwgW2R1cmF0aW9uXSk7XG5cbiAgcmV0dXJuIChcbiAgICA8QmFzZVNuYWNrQ29udGFpbmVyIGV4cGlyZWQ9e2V4cGlyZWR9IG9uQW5pbWF0aW9uRW5kPXsoKSA9PiBleHBpcmVkICYmIHJlbW92ZVNuYWNrKGlkKX0+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgPC9CYXNlU25hY2tDb250YWluZXI+XG4gICk7XG59O1xuXG5pbnRlcmZhY2UgU25hY2tiYXJDb250YWluZXJQcm9wcyB7XG4gIHNuYWNrczogU25hY2tbXTtcbn1cblxuY29uc3QgU3R5bGVkU25hY2tMaXN0ID0gc3R5bGVkLnVsYFxuICBwb3NpdGlvbjogZml4ZWQ7XG4gIHotaW5kZXg6IDk5OTk5O1xuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICBwb2ludGVyLWV2ZW50czogbm9uZTtcbiAgbWFyZ2luOiAwIGF1dG87XG4gIHBhZGRpbmc6IDA7XG4gIGJvdHRvbTogZW52KHNhZmUtYXJlYS1pbnNldC1ib3R0b20sIDQwcHgpO1xuICByaWdodDogZW52KHNhZmUtYXJlYS1pbnNldC1yaWdodCwgMHB4KTtcbiAgbGVmdDogZW52KHNhZmUtYXJlYS1pbnNldC1sZWZ0LCAwcHgpO1xuYDtcblxuY29uc3QgU25hY2tiYXJDb250YWluZXIgPSAoeyBzbmFja3MgfTogU25hY2tiYXJDb250YWluZXJQcm9wcykgPT4ge1xuICByZXR1cm4gKFxuICAgIDxTdHlsZWRTbmFja0xpc3QgYXJpYS1saXZlPVwicG9saXRlXCIgcm9sZT1cInJlZ2lvblwiPlxuICAgICAge3NuYWNrcy5tYXAoKHNuYWNrKSA9PiAoXG4gICAgICAgIDxCYXNlU25hY2sga2V5PXtzbmFjay5pZH0gey4uLnNuYWNrfT5cbiAgICAgICAgICB7c25hY2sucmVuZGVyPy4oc25hY2suaWQpID8/IDxEZWZhdWx0U25hY2sgey4uLnNuYWNrfSAvPn1cbiAgICAgICAgPC9CYXNlU25hY2s+XG4gICAgICApKX1cbiAgICA8L1N0eWxlZFNuYWNrTGlzdD5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IFNuYWNrYmFyUHJvdmlkZXI7XG4iXX0= */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
-var SnackbarContainer = function SnackbarContainer(_ref4) {
-  var snacks = _ref4.snacks;
+const SnackbarContainer = _ref4 => {
+  let {
+    snacks
+  } = _ref4;
   return (0, _jsxRuntime.jsx)(StyledSnackList, {
     "aria-live": "polite",
     role: "region",
-    children: snacks.map(function (snack) {
-      var _snack$render, _snack$render2;
-      return (0, _jsxRuntime.jsx)(BaseSnack, _objectSpread(_objectSpread({}, snack), {}, {
-        children: (_snack$render = (_snack$render2 = snack.render) === null || _snack$render2 === void 0 ? void 0 : _snack$render2.call(snack, snack.id)) !== null && _snack$render !== void 0 ? _snack$render : (0, _jsxRuntime.jsx)(_DefaultSnackbar.default, _objectSpread({}, snack))
-      }), snack.id);
-    })
+    children: snacks.map(snack => (0, _jsxRuntime.jsx)(BaseSnack, {
+      ...snack,
+      children: snack.render?.(snack.id) ?? (0, _jsxRuntime.jsx)(_DefaultSnackbar.default, {
+        ...snack
+      })
+    }, snack.id))
   });
 };
-var _default = SnackbarProvider;
-exports.default = _default;
+var _default = exports.default = SnackbarProvider;

package/lib/SnackBar/index.js

@@ -5,25 +5,25 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "BaseSnack", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _SnackbarProvider.BaseSnack;
   }
 });
 Object.defineProperty(exports, "DefaultSnackbar", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _DefaultSnackbar.default;
   }
 });
 Object.defineProperty(exports, "SnackbarProvider", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _SnackbarProvider.SnackbarProvider;
   }
 });
 Object.defineProperty(exports, "useSnack", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _SnackbarProvider.useSnack;
   }
 });

package/lib/Subject/SubjectBanner.js

@@ -8,27 +8,22 @@ var _base = _interopRequireDefault(require("@emotion/styled/base"));
 var _core = require("@ndla/core");
 var _jsxRuntime = require("@emotion/react/jsx-runtime");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-var StyledBanner = /*#__PURE__*/(0, _base.default)("div", {
+const StyledBanner = /*#__PURE__*/(0, _base.default)("div", {
   target: "e1187flw0",
   label: "StyledBanner"
-})("width:100%;height:120px;margin-top:0px;background-image:url(", function (props) {
-  return props.image;
-}, ");background-size:cover;background-repeat:no-repeat;background-position:center right;", _core.mq.range({
+})("width:100%;height:120px;margin-top:0px;background-image:url(", props => props.image, ");background-size:cover;background-repeat:no-repeat;background-position:center right;", _core.mq.range({
   from: _core.breakpoints.tablet
-}), "{height:190px;", function (props) {
-  return props.negativeTopMargin && "margin-top: -30px;";
-}, ";}", _core.mq.range({
+}), "{height:190px;", props => props.negativeTopMargin && `margin-top: -30px;`, ";}", _core.mq.range({
   from: _core.breakpoints.desktop
-}), "{height:220px;", function (props) {
-  return props.negativeTopMargin && "margin-top: -60px;";
-}, ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlN1YmplY3RCYW5uZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQU80QyIsImZpbGUiOiJTdWJqZWN0QmFubmVyLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGJyZWFrcG9pbnRzLCBtcSB9IGZyb20gJ0BuZGxhL2NvcmUnO1xuXG50eXBlIEJhbm5lclByb3BzID0ge1xuICBpbWFnZTogc3RyaW5nO1xuICBuZWdhdGl2ZVRvcE1hcmdpbj86IGJvb2xlYW47XG59O1xuY29uc3QgU3R5bGVkQmFubmVyID0gc3R5bGVkLmRpdjxCYW5uZXJQcm9wcz5gXG4gIHdpZHRoOiAxMDAlO1xuICBoZWlnaHQ6IDEyMHB4O1xuICBtYXJnaW4tdG9wOiAwcHg7XG4gIGJhY2tncm91bmQtaW1hZ2U6IHVybCgkeyhwcm9wcykgPT4gcHJvcHMuaW1hZ2V9KTtcbiAgYmFja2dyb3VuZC1zaXplOiBjb3ZlcjtcbiAgYmFja2dyb3VuZC1yZXBlYXQ6IG5vLXJlcGVhdDtcbiAgYmFja2dyb3VuZC1wb3NpdGlvbjogY2VudGVyIHJpZ2h0O1xuICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMudGFibGV0IH0pfSB7XG4gICAgaGVpZ2h0OiAxOTBweDtcbiAgICAkeyhwcm9wcykgPT4gcHJvcHMubmVnYXRpdmVUb3BNYXJnaW4gJiYgYG1hcmdpbi10b3A6IC0zMHB4O2B9XG4gIH1cbiAgJHttcS5yYW5nZSh7IGZyb206IGJyZWFrcG9pbnRzLmRlc2t0b3AgfSl9IHtcbiAgICBoZWlnaHQ6IDIyMHB4O1xuICAgICR7KHByb3BzKSA9PiBwcm9wcy5uZWdhdGl2ZVRvcE1hcmdpbiAmJiBgbWFyZ2luLXRvcDogLTYwcHg7YH1cbiAgfVxuYDtcblxudHlwZSBQcm9wcyA9IEJhbm5lclByb3BzICYge307XG5jb25zdCBTdWJqZWN0QmFubmVyID0gKHsgaW1hZ2UsIG5lZ2F0aXZlVG9wTWFyZ2luIH06IFByb3BzKSA9PiAoXG4gIDxTdHlsZWRCYW5uZXIgaW1hZ2U9e2ltYWdlfSBuZWdhdGl2ZVRvcE1hcmdpbj17bmVnYXRpdmVUb3BNYXJnaW59IC8+XG4pO1xuXG5leHBvcnQgZGVmYXVsdCBTdWJqZWN0QmFubmVyO1xuIl19 */"));
-var SubjectBanner = function SubjectBanner(_ref) {
-  var image = _ref.image,
-    negativeTopMargin = _ref.negativeTopMargin;
+}), "{height:220px;", props => props.negativeTopMargin && `margin-top: -60px;`, ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlN1YmplY3RCYW5uZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQU80QyIsImZpbGUiOiJTdWJqZWN0QmFubmVyLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGJyZWFrcG9pbnRzLCBtcSB9IGZyb20gJ0BuZGxhL2NvcmUnO1xuXG50eXBlIEJhbm5lclByb3BzID0ge1xuICBpbWFnZTogc3RyaW5nO1xuICBuZWdhdGl2ZVRvcE1hcmdpbj86IGJvb2xlYW47XG59O1xuY29uc3QgU3R5bGVkQmFubmVyID0gc3R5bGVkLmRpdjxCYW5uZXJQcm9wcz5gXG4gIHdpZHRoOiAxMDAlO1xuICBoZWlnaHQ6IDEyMHB4O1xuICBtYXJnaW4tdG9wOiAwcHg7XG4gIGJhY2tncm91bmQtaW1hZ2U6IHVybCgkeyhwcm9wcykgPT4gcHJvcHMuaW1hZ2V9KTtcbiAgYmFja2dyb3VuZC1zaXplOiBjb3ZlcjtcbiAgYmFja2dyb3VuZC1yZXBlYXQ6IG5vLXJlcGVhdDtcbiAgYmFja2dyb3VuZC1wb3NpdGlvbjogY2VudGVyIHJpZ2h0O1xuICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMudGFibGV0IH0pfSB7XG4gICAgaGVpZ2h0OiAxOTBweDtcbiAgICAkeyhwcm9wcykgPT4gcHJvcHMubmVnYXRpdmVUb3BNYXJnaW4gJiYgYG1hcmdpbi10b3A6IC0zMHB4O2B9XG4gIH1cbiAgJHttcS5yYW5nZSh7IGZyb206IGJyZWFrcG9pbnRzLmRlc2t0b3AgfSl9IHtcbiAgICBoZWlnaHQ6IDIyMHB4O1xuICAgICR7KHByb3BzKSA9PiBwcm9wcy5uZWdhdGl2ZVRvcE1hcmdpbiAmJiBgbWFyZ2luLXRvcDogLTYwcHg7YH1cbiAgfVxuYDtcblxudHlwZSBQcm9wcyA9IEJhbm5lclByb3BzICYge307XG5jb25zdCBTdWJqZWN0QmFubmVyID0gKHsgaW1hZ2UsIG5lZ2F0aXZlVG9wTWFyZ2luIH06IFByb3BzKSA9PiAoXG4gIDxTdHlsZWRCYW5uZXIgaW1hZ2U9e2ltYWdlfSBuZWdhdGl2ZVRvcE1hcmdpbj17bmVnYXRpdmVUb3BNYXJnaW59IC8+XG4pO1xuXG5leHBvcnQgZGVmYXVsdCBTdWJqZWN0QmFubmVyO1xuIl19 */"));
+const SubjectBanner = _ref => {
+  let {
+    image,
+    negativeTopMargin
+  } = _ref;
   return (0, _jsxRuntime.jsx)(StyledBanner, {
     image: image,
     negativeTopMargin: negativeTopMargin
   });
 };
-var _default = SubjectBanner;
-exports.default = _default;
+var _default = exports.default = SubjectBanner;

package/lib/Subject/SubjectHeader.js

@@ -10,13 +10,13 @@ var _core = require("@ndla/core");
 var _OneColumn = _interopRequireDefault(require("../Layout/OneColumn"));
 var _jsxRuntime = require("@emotion/react/jsx-runtime");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-var StyledHeader = /*#__PURE__*/(0, _base.default)("header", {
+const StyledHeader = /*#__PURE__*/(0, _base.default)("header", {
   target: "e1miib772",
   label: "StyledHeader"
 })("width:100%;position:relative;min-height:180px;display:flex;justify-content:flex-start;background:", _core.colors.brand.primary, ";", _core.mq.range({
   from: _core.breakpoints.tablet
 }), "{height:320px;align-items:center;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlN1YmplY3RIZWFkZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWVrQyIsImZpbGUiOiJTdWJqZWN0SGVhZGVyLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IGNvbG9ycywgZm9udHMsIG1xLCBzcGFjaW5nLCBzcGFjaW5nVW5pdCwgYnJlYWtwb2ludHMgfSBmcm9tICdAbmRsYS9jb3JlJztcbmltcG9ydCBPbmVDb2x1bW4gZnJvbSAnLi4vTGF5b3V0L09uZUNvbHVtbic7XG5cbnR5cGUgVHlwZXMgPSAnbW9iaWxlJyB8ICd0YWJsZXQnIHwgJ2Rlc2t0b3AnIHwgJ3dpZGUnO1xuXG5pbnRlcmZhY2UgUHJvcHMge1xuICBpbWFnZXM6IHtcbiAgICB1cmw6IHN0cmluZztcbiAgICB0eXBlczogVHlwZXNbXTtcbiAgfVtdO1xuICBoZWFkaW5nOiBzdHJpbmc7XG59XG5cbmNvbnN0IFN0eWxlZEhlYWRlciA9IHN0eWxlZC5oZWFkZXJgXG4gIHdpZHRoOiAxMDAlO1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIG1pbi1oZWlnaHQ6IDE4MHB4O1xuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtc3RhcnQ7XG4gIGJhY2tncm91bmQ6ICR7Y29sb3JzLmJyYW5kLnByaW1hcnl9O1xuXG4gICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy50YWJsZXQgfSl9IHtcbiAgICBoZWlnaHQ6IDMyMHB4O1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIH1cbmA7XG5cbmNvbnN0IHR5cGVNYXA6IFJlY29yZDxUeXBlcywgeyBmcm9tPzogc3RyaW5nOyB1bnRpbD86IHN0cmluZyB9PiA9IHtcbiAgbW9iaWxlOiB7IGZyb206IGJyZWFrcG9pbnRzLm1vYmlsZSwgdW50aWw6IGJyZWFrcG9pbnRzLnRhYmxldCB9LFxuICB0YWJsZXQ6IHsgZnJvbTogYnJlYWtwb2ludHMudGFibGV0LCB1bnRpbDogYnJlYWtwb2ludHMuZGVza3RvcCB9LFxuICBkZXNrdG9wOiB7IGZyb206IGJyZWFrcG9pbnRzLmRlc2t0b3AsIHVudGlsOiBicmVha3BvaW50cy53aWRlIH0sXG4gIHdpZGU6IHsgZnJvbTogYnJlYWtwb2ludHMud2lkZSB9LFxufTtcbmludGVyZmFjZSBTdHlsZWRCYWNrZ3JvdW5kUHJvcHMge1xuICB0eXBlOiBUeXBlcztcbiAgaW1hZ2VVcmw6IHN0cmluZztcbn1cblxuY29uc3QgU3R5bGVkQmFja2dyb3VuZCA9IHN0eWxlZC5kaXY8U3R5bGVkQmFja2dyb3VuZFByb3BzPmBcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB3aWR0aDogMTAwJTtcbiAgaGVpZ2h0OiAxMDAlO1xuICB0b3A6IDAlO1xuICBiYWNrZ3JvdW5kLXNpemU6IGNvdmVyO1xuICBiYWNrZ3JvdW5kLXJlcGVhdDogbm8tcmVwZWF0O1xuICBiYWNrZ3JvdW5kLXBvc2l0aW9uOiBjZW50ZXIgcmlnaHQ7XG4gIG9wYWNpdHk6IDAuNTtcbiAgYmFja2dyb3VuZC1pbWFnZTogdXJsKCR7KHApID0+IHAuaW1hZ2VVcmx9KTtcbiAgJHsocCkgPT5cbiAgICBwLnR5cGUgJiZcbiAgICBjc3NgXG4gICAgICBkaXNwbGF5OiBub25lO1xuICAgICAgJHttcS5yYW5nZSh0eXBlTWFwW3AudHlwZV0pfSB7XG4gICAgICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgICAgfVxuICAgIGB9O1xuYDtcblxuY29uc3QgU3R5bGVkSGVhZGluZyA9IHN0eWxlZC5oMWBcbiAgJHtmb250cy5zaXplcygnMjRweCcsICcyOHB4Jyl9O1xuICBjb2xvcjogJHtjb2xvcnMud2hpdGV9O1xuICB0ZXh0LXNoYWRvdzogMCAycHggNHB4IHJnYmEoMCwgMCwgMCwgMC4yNSk7XG4gIG1hcmdpbjogJHtzcGFjaW5nLm1lZGl1bX0gMCAke3NwYWNpbmcubm9ybWFsfSAwO1xuICBmb250LXdlaWdodDogJHtmb250cy53ZWlnaHQuYm9sZH07XG4gIHBhZGRpbmc6IDAgJHtzcGFjaW5nLm5vcm1hbH07XG5cbiAgJHttcS5yYW5nZSh7IGZyb206IGJyZWFrcG9pbnRzLnRhYmxldCB9KX0ge1xuICAgIG1hcmdpbjogMDtcbiAgICAke2ZvbnRzLnNpemVzKCc0MHB4JywgJzQwcHgnKX07XG4gICAgcGFkZGluZzogMCAwIDAgJHtzcGFjaW5nVW5pdCAqIDN9cHg7XG4gIH1cbiAgJHttcS5yYW5nZSh7IGZyb206IGJyZWFrcG9pbnRzLmRlc2t0b3AgfSl9IHtcbiAgICBtYXJnaW46IDA7XG4gICAgJHtmb250cy5zaXplcygnNTJweCcsICc1MnB4Jyl9O1xuICAgIHBhZGRpbmc6IDAgMCAwICR7c3BhY2luZ1VuaXQgKiAzfXB4O1xuICB9XG5gO1xuXG5jb25zdCBTdWJqZWN0SGVhZGVyID0gKHsgaW1hZ2VzID0gW10sIGhlYWRpbmcgfTogUHJvcHMpID0+IChcbiAgPFN0eWxlZEhlYWRlcj5cbiAgICB7aW1hZ2VzPy5tYXAoKGltYWdlKSA9PlxuICAgICAgaW1hZ2UudHlwZXMubWFwKCh0eXBlKSA9PiA8U3R5bGVkQmFja2dyb3VuZCBrZXk9e2Ake2ltYWdlLnVybH0ke3R5cGV9YH0gaW1hZ2VVcmw9e2ltYWdlLnVybH0gdHlwZT17dHlwZX0gLz4pLFxuICAgICl9XG4gICAgPE9uZUNvbHVtbiBub1BhZGRpbmc+XG4gICAgICA8U3R5bGVkSGVhZGluZz57aGVhZGluZ308L1N0eWxlZEhlYWRpbmc+XG4gICAgPC9PbmVDb2x1bW4+XG4gIDwvU3R5bGVkSGVhZGVyPlxuKTtcblxuZXhwb3J0IGRlZmF1bHQgU3ViamVjdEhlYWRlcjtcbiJdfQ== */"));
-var typeMap = {
+const typeMap = {
   mobile: {
     from: _core.breakpoints.mobile,
     until: _core.breakpoints.tablet
@@ -33,15 +33,11 @@ var typeMap = {
     from: _core.breakpoints.wide
   }
 };
-var StyledBackground = /*#__PURE__*/(0, _base.default)("div", {
+const StyledBackground = /*#__PURE__*/(0, _base.default)("div", {
   target: "e1miib771",
   label: "StyledBackground"
-})("position:absolute;width:100%;height:100%;top:0%;background-size:cover;background-repeat:no-repeat;background-position:center right;opacity:0.5;background-image:url(", function (p) {
-  return p.imageUrl;
-}, ");", function (p) {
-  return p.type && /*#__PURE__*/(0, _react.css)("display:none;", _core.mq.range(typeMap[p.type]), "{display:block;};label:StyledBackground;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlN1YmplY3RIZWFkZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW9ETyIsImZpbGUiOiJTdWJqZWN0SGVhZGVyLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IGNvbG9ycywgZm9udHMsIG1xLCBzcGFjaW5nLCBzcGFjaW5nVW5pdCwgYnJlYWtwb2ludHMgfSBmcm9tICdAbmRsYS9jb3JlJztcbmltcG9ydCBPbmVDb2x1bW4gZnJvbSAnLi4vTGF5b3V0L09uZUNvbHVtbic7XG5cbnR5cGUgVHlwZXMgPSAnbW9iaWxlJyB8ICd0YWJsZXQnIHwgJ2Rlc2t0b3AnIHwgJ3dpZGUnO1xuXG5pbnRlcmZhY2UgUHJvcHMge1xuICBpbWFnZXM6IHtcbiAgICB1cmw6IHN0cmluZztcbiAgICB0eXBlczogVHlwZXNbXTtcbiAgfVtdO1xuICBoZWFkaW5nOiBzdHJpbmc7XG59XG5cbmNvbnN0IFN0eWxlZEhlYWRlciA9IHN0eWxlZC5oZWFkZXJgXG4gIHdpZHRoOiAxMDAlO1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIG1pbi1oZWlnaHQ6IDE4MHB4O1xuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtc3RhcnQ7XG4gIGJhY2tncm91bmQ6ICR7Y29sb3JzLmJyYW5kLnByaW1hcnl9O1xuXG4gICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy50YWJsZXQgfSl9IHtcbiAgICBoZWlnaHQ6IDMyMHB4O1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIH1cbmA7XG5cbmNvbnN0IHR5cGVNYXA6IFJlY29yZDxUeXBlcywgeyBmcm9tPzogc3RyaW5nOyB1bnRpbD86IHN0cmluZyB9PiA9IHtcbiAgbW9iaWxlOiB7IGZyb206IGJyZWFrcG9pbnRzLm1vYmlsZSwgdW50aWw6IGJyZWFrcG9pbnRzLnRhYmxldCB9LFxuICB0YWJsZXQ6IHsgZnJvbTogYnJlYWtwb2ludHMudGFibGV0LCB1bnRpbDogYnJlYWtwb2ludHMuZGVza3RvcCB9LFxuICBkZXNrdG9wOiB7IGZyb206IGJyZWFrcG9pbnRzLmRlc2t0b3AsIHVudGlsOiBicmVha3BvaW50cy53aWRlIH0sXG4gIHdpZGU6IHsgZnJvbTogYnJlYWtwb2ludHMud2lkZSB9LFxufTtcbmludGVyZmFjZSBTdHlsZWRCYWNrZ3JvdW5kUHJvcHMge1xuICB0eXBlOiBUeXBlcztcbiAgaW1hZ2VVcmw6IHN0cmluZztcbn1cblxuY29uc3QgU3R5bGVkQmFja2dyb3VuZCA9IHN0eWxlZC5kaXY8U3R5bGVkQmFja2dyb3VuZFByb3BzPmBcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB3aWR0aDogMTAwJTtcbiAgaGVpZ2h0OiAxMDAlO1xuICB0b3A6IDAlO1xuICBiYWNrZ3JvdW5kLXNpemU6IGNvdmVyO1xuICBiYWNrZ3JvdW5kLXJlcGVhdDogbm8tcmVwZWF0O1xuICBiYWNrZ3JvdW5kLXBvc2l0aW9uOiBjZW50ZXIgcmlnaHQ7XG4gIG9wYWNpdHk6IDAuNTtcbiAgYmFja2dyb3VuZC1pbWFnZTogdXJsKCR7KHApID0+IHAuaW1hZ2VVcmx9KTtcbiAgJHsocCkgPT5cbiAgICBwLnR5cGUgJiZcbiAgICBjc3NgXG4gICAgICBkaXNwbGF5OiBub25lO1xuICAgICAgJHttcS5yYW5nZSh0eXBlTWFwW3AudHlwZV0pfSB7XG4gICAgICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgICAgfVxuICAgIGB9O1xuYDtcblxuY29uc3QgU3R5bGVkSGVhZGluZyA9IHN0eWxlZC5oMWBcbiAgJHtmb250cy5zaXplcygnMjRweCcsICcyOHB4Jyl9O1xuICBjb2xvcjogJHtjb2xvcnMud2hpdGV9O1xuICB0ZXh0LXNoYWRvdzogMCAycHggNHB4IHJnYmEoMCwgMCwgMCwgMC4yNSk7XG4gIG1hcmdpbjogJHtzcGFjaW5nLm1lZGl1bX0gMCAke3NwYWNpbmcubm9ybWFsfSAwO1xuICBmb250LXdlaWdodDogJHtmb250cy53ZWlnaHQuYm9sZH07XG4gIHBhZGRpbmc6IDAgJHtzcGFjaW5nLm5vcm1hbH07XG5cbiAgJHttcS5yYW5nZSh7IGZyb206IGJyZWFrcG9pbnRzLnRhYmxldCB9KX0ge1xuICAgIG1hcmdpbjogMDtcbiAgICAke2ZvbnRzLnNpemVzKCc0MHB4JywgJzQwcHgnKX07XG4gICAgcGFkZGluZzogMCAwIDAgJHtzcGFjaW5nVW5pdCAqIDN9cHg7XG4gIH1cbiAgJHttcS5yYW5nZSh7IGZyb206IGJyZWFrcG9pbnRzLmRlc2t0b3AgfSl9IHtcbiAgICBtYXJnaW46IDA7XG4gICAgJHtmb250cy5zaXplcygnNTJweCcsICc1MnB4Jyl9O1xuICAgIHBhZGRpbmc6IDAgMCAwICR7c3BhY2luZ1VuaXQgKiAzfXB4O1xuICB9XG5gO1xuXG5jb25zdCBTdWJqZWN0SGVhZGVyID0gKHsgaW1hZ2VzID0gW10sIGhlYWRpbmcgfTogUHJvcHMpID0+IChcbiAgPFN0eWxlZEhlYWRlcj5cbiAgICB7aW1hZ2VzPy5tYXAoKGltYWdlKSA9PlxuICAgICAgaW1hZ2UudHlwZXMubWFwKCh0eXBlKSA9PiA8U3R5bGVkQmFja2dyb3VuZCBrZXk9e2Ake2ltYWdlLnVybH0ke3R5cGV9YH0gaW1hZ2VVcmw9e2ltYWdlLnVybH0gdHlwZT17dHlwZX0gLz4pLFxuICAgICl9XG4gICAgPE9uZUNvbHVtbiBub1BhZGRpbmc+XG4gICAgICA8U3R5bGVkSGVhZGluZz57aGVhZGluZ308L1N0eWxlZEhlYWRpbmc+XG4gICAgPC9PbmVDb2x1bW4+XG4gIDwvU3R5bGVkSGVhZGVyPlxuKTtcblxuZXhwb3J0IGRlZmF1bHQgU3ViamVjdEhlYWRlcjtcbiJdfQ== */"));
-}, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlN1YmplY3RIZWFkZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXdDMEQiLCJmaWxlIjoiU3ViamVjdEhlYWRlci50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyBjb2xvcnMsIGZvbnRzLCBtcSwgc3BhY2luZywgc3BhY2luZ1VuaXQsIGJyZWFrcG9pbnRzIH0gZnJvbSAnQG5kbGEvY29yZSc7XG5pbXBvcnQgT25lQ29sdW1uIGZyb20gJy4uL0xheW91dC9PbmVDb2x1bW4nO1xuXG50eXBlIFR5cGVzID0gJ21vYmlsZScgfCAndGFibGV0JyB8ICdkZXNrdG9wJyB8ICd3aWRlJztcblxuaW50ZXJmYWNlIFByb3BzIHtcbiAgaW1hZ2VzOiB7XG4gICAgdXJsOiBzdHJpbmc7XG4gICAgdHlwZXM6IFR5cGVzW107XG4gIH1bXTtcbiAgaGVhZGluZzogc3RyaW5nO1xufVxuXG5jb25zdCBTdHlsZWRIZWFkZXIgPSBzdHlsZWQuaGVhZGVyYFxuICB3aWR0aDogMTAwJTtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBtaW4taGVpZ2h0OiAxODBweDtcbiAgZGlzcGxheTogZmxleDtcbiAganVzdGlmeS1jb250ZW50OiBmbGV4LXN0YXJ0O1xuICBiYWNrZ3JvdW5kOiAke2NvbG9ycy5icmFuZC5wcmltYXJ5fTtcblxuICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMudGFibGV0IH0pfSB7XG4gICAgaGVpZ2h0OiAzMjBweDtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICB9XG5gO1xuXG5jb25zdCB0eXBlTWFwOiBSZWNvcmQ8VHlwZXMsIHsgZnJvbT86IHN0cmluZzsgdW50aWw/OiBzdHJpbmcgfT4gPSB7XG4gIG1vYmlsZTogeyBmcm9tOiBicmVha3BvaW50cy5tb2JpbGUsIHVudGlsOiBicmVha3BvaW50cy50YWJsZXQgfSxcbiAgdGFibGV0OiB7IGZyb206IGJyZWFrcG9pbnRzLnRhYmxldCwgdW50aWw6IGJyZWFrcG9pbnRzLmRlc2t0b3AgfSxcbiAgZGVza3RvcDogeyBmcm9tOiBicmVha3BvaW50cy5kZXNrdG9wLCB1bnRpbDogYnJlYWtwb2ludHMud2lkZSB9LFxuICB3aWRlOiB7IGZyb206IGJyZWFrcG9pbnRzLndpZGUgfSxcbn07XG5pbnRlcmZhY2UgU3R5bGVkQmFja2dyb3VuZFByb3BzIHtcbiAgdHlwZTogVHlwZXM7XG4gIGltYWdlVXJsOiBzdHJpbmc7XG59XG5cbmNvbnN0IFN0eWxlZEJhY2tncm91bmQgPSBzdHlsZWQuZGl2PFN0eWxlZEJhY2tncm91bmRQcm9wcz5gXG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgd2lkdGg6IDEwMCU7XG4gIGhlaWdodDogMTAwJTtcbiAgdG9wOiAwJTtcbiAgYmFja2dyb3VuZC1zaXplOiBjb3ZlcjtcbiAgYmFja2dyb3VuZC1yZXBlYXQ6IG5vLXJlcGVhdDtcbiAgYmFja2dyb3VuZC1wb3NpdGlvbjogY2VudGVyIHJpZ2h0O1xuICBvcGFjaXR5OiAwLjU7XG4gIGJhY2tncm91bmQtaW1hZ2U6IHVybCgkeyhwKSA9PiBwLmltYWdlVXJsfSk7XG4gICR7KHApID0+XG4gICAgcC50eXBlICYmXG4gICAgY3NzYFxuICAgICAgZGlzcGxheTogbm9uZTtcbiAgICAgICR7bXEucmFuZ2UodHlwZU1hcFtwLnR5cGVdKX0ge1xuICAgICAgICBkaXNwbGF5OiBibG9jaztcbiAgICAgIH1cbiAgICBgfTtcbmA7XG5cbmNvbnN0IFN0eWxlZEhlYWRpbmcgPSBzdHlsZWQuaDFgXG4gICR7Zm9udHMuc2l6ZXMoJzI0cHgnLCAnMjhweCcpfTtcbiAgY29sb3I6ICR7Y29sb3JzLndoaXRlfTtcbiAgdGV4dC1zaGFkb3c6IDAgMnB4IDRweCByZ2JhKDAsIDAsIDAsIDAuMjUpO1xuICBtYXJnaW46ICR7c3BhY2luZy5tZWRpdW19IDAgJHtzcGFjaW5nLm5vcm1hbH0gMDtcbiAgZm9udC13ZWlnaHQ6ICR7Zm9udHMud2VpZ2h0LmJvbGR9O1xuICBwYWRkaW5nOiAwICR7c3BhY2luZy5ub3JtYWx9O1xuXG4gICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy50YWJsZXQgfSl9IHtcbiAgICBtYXJnaW46IDA7XG4gICAgJHtmb250cy5zaXplcygnNDBweCcsICc0MHB4Jyl9O1xuICAgIHBhZGRpbmc6IDAgMCAwICR7c3BhY2luZ1VuaXQgKiAzfXB4O1xuICB9XG4gICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy5kZXNrdG9wIH0pfSB7XG4gICAgbWFyZ2luOiAwO1xuICAgICR7Zm9udHMuc2l6ZXMoJzUycHgnLCAnNTJweCcpfTtcbiAgICBwYWRkaW5nOiAwIDAgMCAke3NwYWNpbmdVbml0ICogM31weDtcbiAgfVxuYDtcblxuY29uc3QgU3ViamVjdEhlYWRlciA9ICh7IGltYWdlcyA9IFtdLCBoZWFkaW5nIH06IFByb3BzKSA9PiAoXG4gIDxTdHlsZWRIZWFkZXI+XG4gICAge2ltYWdlcz8ubWFwKChpbWFnZSkgPT5cbiAgICAgIGltYWdlLnR5cGVzLm1hcCgodHlwZSkgPT4gPFN0eWxlZEJhY2tncm91bmQga2V5PXtgJHtpbWFnZS51cmx9JHt0eXBlfWB9IGltYWdlVXJsPXtpbWFnZS51cmx9IHR5cGU9e3R5cGV9IC8+KSxcbiAgICApfVxuICAgIDxPbmVDb2x1bW4gbm9QYWRkaW5nPlxuICAgICAgPFN0eWxlZEhlYWRpbmc+e2hlYWRpbmd9PC9TdHlsZWRIZWFkaW5nPlxuICAgIDwvT25lQ29sdW1uPlxuICA8L1N0eWxlZEhlYWRlcj5cbik7XG5cbmV4cG9ydCBkZWZhdWx0IFN1YmplY3RIZWFkZXI7XG4iXX0= */"));
-var StyledHeading = /*#__PURE__*/(0, _base.default)("h1", {
+})("position:absolute;width:100%;height:100%;top:0%;background-size:cover;background-repeat:no-repeat;background-position:center right;opacity:0.5;background-image:url(", p => p.imageUrl, ");", p => p.type && /*#__PURE__*/(0, _react.css)("display:none;", _core.mq.range(typeMap[p.type]), "{display:block;};label:StyledBackground;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlN1YmplY3RIZWFkZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW9ETyIsImZpbGUiOiJTdWJqZWN0SGVhZGVyLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IGNvbG9ycywgZm9udHMsIG1xLCBzcGFjaW5nLCBzcGFjaW5nVW5pdCwgYnJlYWtwb2ludHMgfSBmcm9tICdAbmRsYS9jb3JlJztcbmltcG9ydCBPbmVDb2x1bW4gZnJvbSAnLi4vTGF5b3V0L09uZUNvbHVtbic7XG5cbnR5cGUgVHlwZXMgPSAnbW9iaWxlJyB8ICd0YWJsZXQnIHwgJ2Rlc2t0b3AnIHwgJ3dpZGUnO1xuXG5pbnRlcmZhY2UgUHJvcHMge1xuICBpbWFnZXM6IHtcbiAgICB1cmw6IHN0cmluZztcbiAgICB0eXBlczogVHlwZXNbXTtcbiAgfVtdO1xuICBoZWFkaW5nOiBzdHJpbmc7XG59XG5cbmNvbnN0IFN0eWxlZEhlYWRlciA9IHN0eWxlZC5oZWFkZXJgXG4gIHdpZHRoOiAxMDAlO1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIG1pbi1oZWlnaHQ6IDE4MHB4O1xuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtc3RhcnQ7XG4gIGJhY2tncm91bmQ6ICR7Y29sb3JzLmJyYW5kLnByaW1hcnl9O1xuXG4gICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy50YWJsZXQgfSl9IHtcbiAgICBoZWlnaHQ6IDMyMHB4O1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIH1cbmA7XG5cbmNvbnN0IHR5cGVNYXA6IFJlY29yZDxUeXBlcywgeyBmcm9tPzogc3RyaW5nOyB1bnRpbD86IHN0cmluZyB9PiA9IHtcbiAgbW9iaWxlOiB7IGZyb206IGJyZWFrcG9pbnRzLm1vYmlsZSwgdW50aWw6IGJyZWFrcG9pbnRzLnRhYmxldCB9LFxuICB0YWJsZXQ6IHsgZnJvbTogYnJlYWtwb2ludHMudGFibGV0LCB1bnRpbDogYnJlYWtwb2ludHMuZGVza3RvcCB9LFxuICBkZXNrdG9wOiB7IGZyb206IGJyZWFrcG9pbnRzLmRlc2t0b3AsIHVudGlsOiBicmVha3BvaW50cy53aWRlIH0sXG4gIHdpZGU6IHsgZnJvbTogYnJlYWtwb2ludHMud2lkZSB9LFxufTtcbmludGVyZmFjZSBTdHlsZWRCYWNrZ3JvdW5kUHJvcHMge1xuICB0eXBlOiBUeXBlcztcbiAgaW1hZ2VVcmw6IHN0cmluZztcbn1cblxuY29uc3QgU3R5bGVkQmFja2dyb3VuZCA9IHN0eWxlZC5kaXY8U3R5bGVkQmFja2dyb3VuZFByb3BzPmBcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB3aWR0aDogMTAwJTtcbiAgaGVpZ2h0OiAxMDAlO1xuICB0b3A6IDAlO1xuICBiYWNrZ3JvdW5kLXNpemU6IGNvdmVyO1xuICBiYWNrZ3JvdW5kLXJlcGVhdDogbm8tcmVwZWF0O1xuICBiYWNrZ3JvdW5kLXBvc2l0aW9uOiBjZW50ZXIgcmlnaHQ7XG4gIG9wYWNpdHk6IDAuNTtcbiAgYmFja2dyb3VuZC1pbWFnZTogdXJsKCR7KHApID0+IHAuaW1hZ2VVcmx9KTtcbiAgJHsocCkgPT5cbiAgICBwLnR5cGUgJiZcbiAgICBjc3NgXG4gICAgICBkaXNwbGF5OiBub25lO1xuICAgICAgJHttcS5yYW5nZSh0eXBlTWFwW3AudHlwZV0pfSB7XG4gICAgICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgICAgfVxuICAgIGB9O1xuYDtcblxuY29uc3QgU3R5bGVkSGVhZGluZyA9IHN0eWxlZC5oMWBcbiAgJHtmb250cy5zaXplcygnMjRweCcsICcyOHB4Jyl9O1xuICBjb2xvcjogJHtjb2xvcnMud2hpdGV9O1xuICB0ZXh0LXNoYWRvdzogMCAycHggNHB4IHJnYmEoMCwgMCwgMCwgMC4yNSk7XG4gIG1hcmdpbjogJHtzcGFjaW5nLm1lZGl1bX0gMCAke3NwYWNpbmcubm9ybWFsfSAwO1xuICBmb250LXdlaWdodDogJHtmb250cy53ZWlnaHQuYm9sZH07XG4gIHBhZGRpbmc6IDAgJHtzcGFjaW5nLm5vcm1hbH07XG5cbiAgJHttcS5yYW5nZSh7IGZyb206IGJyZWFrcG9pbnRzLnRhYmxldCB9KX0ge1xuICAgIG1hcmdpbjogMDtcbiAgICAke2ZvbnRzLnNpemVzKCc0MHB4JywgJzQwcHgnKX07XG4gICAgcGFkZGluZzogMCAwIDAgJHtzcGFjaW5nVW5pdCAqIDN9cHg7XG4gIH1cbiAgJHttcS5yYW5nZSh7IGZyb206IGJyZWFrcG9pbnRzLmRlc2t0b3AgfSl9IHtcbiAgICBtYXJnaW46IDA7XG4gICAgJHtmb250cy5zaXplcygnNTJweCcsICc1MnB4Jyl9O1xuICAgIHBhZGRpbmc6IDAgMCAwICR7c3BhY2luZ1VuaXQgKiAzfXB4O1xuICB9XG5gO1xuXG5jb25zdCBTdWJqZWN0SGVhZGVyID0gKHsgaW1hZ2VzID0gW10sIGhlYWRpbmcgfTogUHJvcHMpID0+IChcbiAgPFN0eWxlZEhlYWRlcj5cbiAgICB7aW1hZ2VzPy5tYXAoKGltYWdlKSA9PlxuICAgICAgaW1hZ2UudHlwZXMubWFwKCh0eXBlKSA9PiA8U3R5bGVkQmFja2dyb3VuZCBrZXk9e2Ake2ltYWdlLnVybH0ke3R5cGV9YH0gaW1hZ2VVcmw9e2ltYWdlLnVybH0gdHlwZT17dHlwZX0gLz4pLFxuICAgICl9XG4gICAgPE9uZUNvbHVtbiBub1BhZGRpbmc+XG4gICAgICA8U3R5bGVkSGVhZGluZz57aGVhZGluZ308L1N0eWxlZEhlYWRpbmc+XG4gICAgPC9PbmVDb2x1bW4+XG4gIDwvU3R5bGVkSGVhZGVyPlxuKTtcblxuZXhwb3J0IGRlZmF1bHQgU3ViamVjdEhlYWRlcjtcbiJdfQ== */")), ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlN1YmplY3RIZWFkZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXdDMEQiLCJmaWxlIjoiU3ViamVjdEhlYWRlci50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyBjb2xvcnMsIGZvbnRzLCBtcSwgc3BhY2luZywgc3BhY2luZ1VuaXQsIGJyZWFrcG9pbnRzIH0gZnJvbSAnQG5kbGEvY29yZSc7XG5pbXBvcnQgT25lQ29sdW1uIGZyb20gJy4uL0xheW91dC9PbmVDb2x1bW4nO1xuXG50eXBlIFR5cGVzID0gJ21vYmlsZScgfCAndGFibGV0JyB8ICdkZXNrdG9wJyB8ICd3aWRlJztcblxuaW50ZXJmYWNlIFByb3BzIHtcbiAgaW1hZ2VzOiB7XG4gICAgdXJsOiBzdHJpbmc7XG4gICAgdHlwZXM6IFR5cGVzW107XG4gIH1bXTtcbiAgaGVhZGluZzogc3RyaW5nO1xufVxuXG5jb25zdCBTdHlsZWRIZWFkZXIgPSBzdHlsZWQuaGVhZGVyYFxuICB3aWR0aDogMTAwJTtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBtaW4taGVpZ2h0OiAxODBweDtcbiAgZGlzcGxheTogZmxleDtcbiAganVzdGlmeS1jb250ZW50OiBmbGV4LXN0YXJ0O1xuICBiYWNrZ3JvdW5kOiAke2NvbG9ycy5icmFuZC5wcmltYXJ5fTtcblxuICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMudGFibGV0IH0pfSB7XG4gICAgaGVpZ2h0OiAzMjBweDtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICB9XG5gO1xuXG5jb25zdCB0eXBlTWFwOiBSZWNvcmQ8VHlwZXMsIHsgZnJvbT86IHN0cmluZzsgdW50aWw/OiBzdHJpbmcgfT4gPSB7XG4gIG1vYmlsZTogeyBmcm9tOiBicmVha3BvaW50cy5tb2JpbGUsIHVudGlsOiBicmVha3BvaW50cy50YWJsZXQgfSxcbiAgdGFibGV0OiB7IGZyb206IGJyZWFrcG9pbnRzLnRhYmxldCwgdW50aWw6IGJyZWFrcG9pbnRzLmRlc2t0b3AgfSxcbiAgZGVza3RvcDogeyBmcm9tOiBicmVha3BvaW50cy5kZXNrdG9wLCB1bnRpbDogYnJlYWtwb2ludHMud2lkZSB9LFxuICB3aWRlOiB7IGZyb206IGJyZWFrcG9pbnRzLndpZGUgfSxcbn07XG5pbnRlcmZhY2UgU3R5bGVkQmFja2dyb3VuZFByb3BzIHtcbiAgdHlwZTogVHlwZXM7XG4gIGltYWdlVXJsOiBzdHJpbmc7XG59XG5cbmNvbnN0IFN0eWxlZEJhY2tncm91bmQgPSBzdHlsZWQuZGl2PFN0eWxlZEJhY2tncm91bmRQcm9wcz5gXG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgd2lkdGg6IDEwMCU7XG4gIGhlaWdodDogMTAwJTtcbiAgdG9wOiAwJTtcbiAgYmFja2dyb3VuZC1zaXplOiBjb3ZlcjtcbiAgYmFja2dyb3VuZC1yZXBlYXQ6IG5vLXJlcGVhdDtcbiAgYmFja2dyb3VuZC1wb3NpdGlvbjogY2VudGVyIHJpZ2h0O1xuICBvcGFjaXR5OiAwLjU7XG4gIGJhY2tncm91bmQtaW1hZ2U6IHVybCgkeyhwKSA9PiBwLmltYWdlVXJsfSk7XG4gICR7KHApID0+XG4gICAgcC50eXBlICYmXG4gICAgY3NzYFxuICAgICAgZGlzcGxheTogbm9uZTtcbiAgICAgICR7bXEucmFuZ2UodHlwZU1hcFtwLnR5cGVdKX0ge1xuICAgICAgICBkaXNwbGF5OiBibG9jaztcbiAgICAgIH1cbiAgICBgfTtcbmA7XG5cbmNvbnN0IFN0eWxlZEhlYWRpbmcgPSBzdHlsZWQuaDFgXG4gICR7Zm9udHMuc2l6ZXMoJzI0cHgnLCAnMjhweCcpfTtcbiAgY29sb3I6ICR7Y29sb3JzLndoaXRlfTtcbiAgdGV4dC1zaGFkb3c6IDAgMnB4IDRweCByZ2JhKDAsIDAsIDAsIDAuMjUpO1xuICBtYXJnaW46ICR7c3BhY2luZy5tZWRpdW19IDAgJHtzcGFjaW5nLm5vcm1hbH0gMDtcbiAgZm9udC13ZWlnaHQ6ICR7Zm9udHMud2VpZ2h0LmJvbGR9O1xuICBwYWRkaW5nOiAwICR7c3BhY2luZy5ub3JtYWx9O1xuXG4gICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy50YWJsZXQgfSl9IHtcbiAgICBtYXJnaW46IDA7XG4gICAgJHtmb250cy5zaXplcygnNDBweCcsICc0MHB4Jyl9O1xuICAgIHBhZGRpbmc6IDAgMCAwICR7c3BhY2luZ1VuaXQgKiAzfXB4O1xuICB9XG4gICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy5kZXNrdG9wIH0pfSB7XG4gICAgbWFyZ2luOiAwO1xuICAgICR7Zm9udHMuc2l6ZXMoJzUycHgnLCAnNTJweCcpfTtcbiAgICBwYWRkaW5nOiAwIDAgMCAke3NwYWNpbmdVbml0ICogM31weDtcbiAgfVxuYDtcblxuY29uc3QgU3ViamVjdEhlYWRlciA9ICh7IGltYWdlcyA9IFtdLCBoZWFkaW5nIH06IFByb3BzKSA9PiAoXG4gIDxTdHlsZWRIZWFkZXI+XG4gICAge2ltYWdlcz8ubWFwKChpbWFnZSkgPT5cbiAgICAgIGltYWdlLnR5cGVzLm1hcCgodHlwZSkgPT4gPFN0eWxlZEJhY2tncm91bmQga2V5PXtgJHtpbWFnZS51cmx9JHt0eXBlfWB9IGltYWdlVXJsPXtpbWFnZS51cmx9IHR5cGU9e3R5cGV9IC8+KSxcbiAgICApfVxuICAgIDxPbmVDb2x1bW4gbm9QYWRkaW5nPlxuICAgICAgPFN0eWxlZEhlYWRpbmc+e2hlYWRpbmd9PC9TdHlsZWRIZWFkaW5nPlxuICAgIDwvT25lQ29sdW1uPlxuICA8L1N0eWxlZEhlYWRlcj5cbik7XG5cbmV4cG9ydCBkZWZhdWx0IFN1YmplY3RIZWFkZXI7XG4iXX0= */"));
+const StyledHeading = /*#__PURE__*/(0, _base.default)("h1", {
   target: "e1miib770",
   label: "StyledHeading"
 })(_core.fonts.sizes('24px', '28px'), ";color:", _core.colors.white, ";text-shadow:0 2px 4px rgba(0, 0, 0, 0.25);margin:", _core.spacing.medium, " 0 ", _core.spacing.normal, " 0;font-weight:", _core.fonts.weight.bold, ";padding:0 ", _core.spacing.normal, ";", _core.mq.range({
@@ -49,19 +45,16 @@ var StyledHeading = /*#__PURE__*/(0, _base.default)("h1", {
 }), "{margin:0;", _core.fonts.sizes('40px', '40px'), ";padding:0 0 0 ", _core.spacingUnit * 3, "px;}", _core.mq.range({
   from: _core.breakpoints.desktop
 }), "{margin:0;", _core.fonts.sizes('52px', '52px'), ";padding:0 0 0 ", _core.spacingUnit * 3, "px;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlN1YmplY3RIZWFkZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTREK0IiLCJmaWxlIjoiU3ViamVjdEhlYWRlci50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyBjb2xvcnMsIGZvbnRzLCBtcSwgc3BhY2luZywgc3BhY2luZ1VuaXQsIGJyZWFrcG9pbnRzIH0gZnJvbSAnQG5kbGEvY29yZSc7XG5pbXBvcnQgT25lQ29sdW1uIGZyb20gJy4uL0xheW91dC9PbmVDb2x1bW4nO1xuXG50eXBlIFR5cGVzID0gJ21vYmlsZScgfCAndGFibGV0JyB8ICdkZXNrdG9wJyB8ICd3aWRlJztcblxuaW50ZXJmYWNlIFByb3BzIHtcbiAgaW1hZ2VzOiB7XG4gICAgdXJsOiBzdHJpbmc7XG4gICAgdHlwZXM6IFR5cGVzW107XG4gIH1bXTtcbiAgaGVhZGluZzogc3RyaW5nO1xufVxuXG5jb25zdCBTdHlsZWRIZWFkZXIgPSBzdHlsZWQuaGVhZGVyYFxuICB3aWR0aDogMTAwJTtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBtaW4taGVpZ2h0OiAxODBweDtcbiAgZGlzcGxheTogZmxleDtcbiAganVzdGlmeS1jb250ZW50OiBmbGV4LXN0YXJ0O1xuICBiYWNrZ3JvdW5kOiAke2NvbG9ycy5icmFuZC5wcmltYXJ5fTtcblxuICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMudGFibGV0IH0pfSB7XG4gICAgaGVpZ2h0OiAzMjBweDtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICB9XG5gO1xuXG5jb25zdCB0eXBlTWFwOiBSZWNvcmQ8VHlwZXMsIHsgZnJvbT86IHN0cmluZzsgdW50aWw/OiBzdHJpbmcgfT4gPSB7XG4gIG1vYmlsZTogeyBmcm9tOiBicmVha3BvaW50cy5tb2JpbGUsIHVudGlsOiBicmVha3BvaW50cy50YWJsZXQgfSxcbiAgdGFibGV0OiB7IGZyb206IGJyZWFrcG9pbnRzLnRhYmxldCwgdW50aWw6IGJyZWFrcG9pbnRzLmRlc2t0b3AgfSxcbiAgZGVza3RvcDogeyBmcm9tOiBicmVha3BvaW50cy5kZXNrdG9wLCB1bnRpbDogYnJlYWtwb2ludHMud2lkZSB9LFxuICB3aWRlOiB7IGZyb206IGJyZWFrcG9pbnRzLndpZGUgfSxcbn07XG5pbnRlcmZhY2UgU3R5bGVkQmFja2dyb3VuZFByb3BzIHtcbiAgdHlwZTogVHlwZXM7XG4gIGltYWdlVXJsOiBzdHJpbmc7XG59XG5cbmNvbnN0IFN0eWxlZEJhY2tncm91bmQgPSBzdHlsZWQuZGl2PFN0eWxlZEJhY2tncm91bmRQcm9wcz5gXG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgd2lkdGg6IDEwMCU7XG4gIGhlaWdodDogMTAwJTtcbiAgdG9wOiAwJTtcbiAgYmFja2dyb3VuZC1zaXplOiBjb3ZlcjtcbiAgYmFja2dyb3VuZC1yZXBlYXQ6IG5vLXJlcGVhdDtcbiAgYmFja2dyb3VuZC1wb3NpdGlvbjogY2VudGVyIHJpZ2h0O1xuICBvcGFjaXR5OiAwLjU7XG4gIGJhY2tncm91bmQtaW1hZ2U6IHVybCgkeyhwKSA9PiBwLmltYWdlVXJsfSk7XG4gICR7KHApID0+XG4gICAgcC50eXBlICYmXG4gICAgY3NzYFxuICAgICAgZGlzcGxheTogbm9uZTtcbiAgICAgICR7bXEucmFuZ2UodHlwZU1hcFtwLnR5cGVdKX0ge1xuICAgICAgICBkaXNwbGF5OiBibG9jaztcbiAgICAgIH1cbiAgICBgfTtcbmA7XG5cbmNvbnN0IFN0eWxlZEhlYWRpbmcgPSBzdHlsZWQuaDFgXG4gICR7Zm9udHMuc2l6ZXMoJzI0cHgnLCAnMjhweCcpfTtcbiAgY29sb3I6ICR7Y29sb3JzLndoaXRlfTtcbiAgdGV4dC1zaGFkb3c6IDAgMnB4IDRweCByZ2JhKDAsIDAsIDAsIDAuMjUpO1xuICBtYXJnaW46ICR7c3BhY2luZy5tZWRpdW19IDAgJHtzcGFjaW5nLm5vcm1hbH0gMDtcbiAgZm9udC13ZWlnaHQ6ICR7Zm9udHMud2VpZ2h0LmJvbGR9O1xuICBwYWRkaW5nOiAwICR7c3BhY2luZy5ub3JtYWx9O1xuXG4gICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy50YWJsZXQgfSl9IHtcbiAgICBtYXJnaW46IDA7XG4gICAgJHtmb250cy5zaXplcygnNDBweCcsICc0MHB4Jyl9O1xuICAgIHBhZGRpbmc6IDAgMCAwICR7c3BhY2luZ1VuaXQgKiAzfXB4O1xuICB9XG4gICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy5kZXNrdG9wIH0pfSB7XG4gICAgbWFyZ2luOiAwO1xuICAgICR7Zm9udHMuc2l6ZXMoJzUycHgnLCAnNTJweCcpfTtcbiAgICBwYWRkaW5nOiAwIDAgMCAke3NwYWNpbmdVbml0ICogM31weDtcbiAgfVxuYDtcblxuY29uc3QgU3ViamVjdEhlYWRlciA9ICh7IGltYWdlcyA9IFtdLCBoZWFkaW5nIH06IFByb3BzKSA9PiAoXG4gIDxTdHlsZWRIZWFkZXI+XG4gICAge2ltYWdlcz8ubWFwKChpbWFnZSkgPT5cbiAgICAgIGltYWdlLnR5cGVzLm1hcCgodHlwZSkgPT4gPFN0eWxlZEJhY2tncm91bmQga2V5PXtgJHtpbWFnZS51cmx9JHt0eXBlfWB9IGltYWdlVXJsPXtpbWFnZS51cmx9IHR5cGU9e3R5cGV9IC8+KSxcbiAgICApfVxuICAgIDxPbmVDb2x1bW4gbm9QYWRkaW5nPlxuICAgICAgPFN0eWxlZEhlYWRpbmc+e2hlYWRpbmd9PC9TdHlsZWRIZWFkaW5nPlxuICAgIDwvT25lQ29sdW1uPlxuICA8L1N0eWxlZEhlYWRlcj5cbik7XG5cbmV4cG9ydCBkZWZhdWx0IFN1YmplY3RIZWFkZXI7XG4iXX0= */"));
-var SubjectHeader = function SubjectHeader(_ref) {
-  var _ref$images = _ref.images,
-    images = _ref$images === void 0 ? [] : _ref$images,
-    heading = _ref.heading;
+const SubjectHeader = _ref => {
+  let {
+    images = [],
+    heading
+  } = _ref;
   return (0, _jsxRuntime.jsxs)(StyledHeader, {
-    children: [images === null || images === void 0 ? void 0 : images.map(function (image) {
-      return image.types.map(function (type) {
-        return (0, _jsxRuntime.jsx)(StyledBackground, {
-          imageUrl: image.url,
-          type: type
-        }, "".concat(image.url).concat(type));
-      });
-    }), (0, _jsxRuntime.jsx)(_OneColumn.default, {
+    children: [images?.map(image => image.types.map(type => (0, _jsxRuntime.jsx)(StyledBackground, {
+      imageUrl: image.url,
+      type: type
+    }, `${image.url}${type}`))), (0, _jsxRuntime.jsx)(_OneColumn.default, {
       noPadding: true,
       children: (0, _jsxRuntime.jsx)(StyledHeading, {
         children: heading
@@ -69,5 +62,4 @@ var SubjectHeader = function SubjectHeader(_ref) {
     })]
   });
 };
-var _default = SubjectHeader;
-exports.default = _default;
+var _default = exports.default = SubjectHeader;

package/lib/Subject/index.js

@@ -5,13 +5,13 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "SubjectBanner", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _SubjectBanner.default;
   }
 });
 Object.defineProperty(exports, "SubjectHeader", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _SubjectHeader.default;
   }
 });