@ndla/ui 14.0.0 → 15.1.1

package/es/ResourceGroup/ResourceList.js

@@ -3,6 +3,10 @@ import _styled from "@emotion/styled-base";
 
 function _extends() { _extends = Object.assign || 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; }
+
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
 function _templateObject() {
   var data = _taggedTemplateLiteral(["\n  0% {\n    opacity: 0.5;\n  }\n  99% {\n    opacity: 0.5;\n  }\n  100% {\n    opacity: 1;\n  }\n"]);
 
@@ -35,15 +39,17 @@ var StyledResourceList = _styled("ul", {
   label: "StyledResourceList"
 })("list-style:none;margin:0;padding:0;", function (_ref) {
   var showAdditionalResources = _ref.showAdditionalResources;
-  return showAdditionalResources && /*#__PURE__*/_css("animation-name:", fakeLoadingAnimation, ";animation-duration:0.4s;;label:StyledResourceList;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlJlc291cmNlTGlzdC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBc0NPIiwiZmlsZSI6IlJlc291cmNlTGlzdC50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAxNy1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgY3NzIGZyb20gJ0BlbW90aW9uL2Nzcyc7XG5pbXBvcnQgeyBrZXlmcmFtZXMgfSBmcm9tICdAZW1vdGlvbi9jb3JlJztcbmltcG9ydCB7IHVzZVRyYW5zbGF0aW9uIH0gZnJvbSAncmVhY3QtaTE4bmV4dCc7XG5pbXBvcnQgTm9Db250ZW50Qm94IGZyb20gJy4uL05vQ29udGVudEJveCc7XG5pbXBvcnQgUmVzb3VyY2VJdGVtIGZyb20gJy4vUmVzb3VyY2VJdGVtJztcbmltcG9ydCB7IFJlc291cmNlIH0gZnJvbSAnLi4vdHlwZXMnO1xuXG5jb25zdCBmYWtlTG9hZGluZ0FuaW1hdGlvbiA9IGtleWZyYW1lc2BcbiAgMCUge1xuICAgIG9wYWNpdHk6IDAuNTtcbiAgfVxuICA5OSUge1xuICAgIG9wYWNpdHk6IDAuNTtcbiAgfVxuICAxMDAlIHtcbiAgICBvcGFjaXR5OiAxO1xuICB9XG5gO1xuXG50eXBlIFN0eWxlZExpc3RQcm9wcyA9IHtcbiAgc2hvd0FkZGl0aW9uYWxSZXNvdXJjZXM/OiBib29sZWFuO1xufTtcbmNvbnN0IFN0eWxlZFJlc291cmNlTGlzdCA9IHN0eWxlZC51bDxTdHlsZWRMaXN0UHJvcHM+YFxuICBsaXN0LXN0eWxlOiBub25lO1xuICBtYXJnaW46IDA7XG4gIHBhZGRpbmc6IDA7XG4gICR7KHsgc2hvd0FkZGl0aW9uYWxSZXNvdXJjZXMgfSkgPT5cbiAgICBzaG93QWRkaXRpb25hbFJlc291cmNlcyAmJlxuICAgIGNzc2BcbiAgICAgIGFuaW1hdGlvbi1uYW1lOiAke2Zha2VMb2FkaW5nQW5pbWF0aW9ufTtcbiAgICAgIGFuaW1hdGlvbi1kdXJhdGlvbjogMC40cztcbiAgICBgfVxuYDtcblxuZXhwb3J0IHR5cGUgUmVzb3VyY2VMaXN0UHJvcHMgPSB7XG4gIHJlc291cmNlczogUmVzb3VyY2VbXTtcbiAgb25DbGljazogKCkgPT4gdm9pZDtcbiAgY29udGVudFR5cGU/OiBzdHJpbmc7XG4gIHRpdGxlPzogc3RyaW5nO1xuICBzaG93QWRkaXRpb25hbFJlc291cmNlcz86IGJvb2xlYW47XG59O1xuXG5jb25zdCBSZXNvdXJjZUxpc3QgPSAoeyByZXNvdXJjZXMsIG9uQ2xpY2ssIGNvbnRlbnRUeXBlLCB0aXRsZSwgc2hvd0FkZGl0aW9uYWxSZXNvdXJjZXMgfTogUmVzb3VyY2VMaXN0UHJvcHMpID0+IHtcbiAgY29uc3QgeyB0IH0gPSB1c2VUcmFuc2xhdGlvbigpO1xuICBjb25zdCByZW5kZXJBZGRpdGlvbmFsUmVzb3VyY2VUcmlnZ2VyID1cbiAgICAhc2hvd0FkZGl0aW9uYWxSZXNvdXJjZXMgJiZcbiAgICByZXNvdXJjZXMuZmlsdGVyKChyZXMpID0+IHJlcy5hZGRpdGlvbmFsKS5sZW5ndGggPiAwICYmXG4gICAgcmVzb3VyY2VzLmZpbHRlcigocmVzKSA9PiAhcmVzLmFkZGl0aW9uYWwpLmxlbmd0aCA9PT0gMDtcblxuICByZXR1cm4gKFxuICAgIDxkaXY+XG4gICAgICA8U3R5bGVkUmVzb3VyY2VMaXN0IHNob3dBZGRpdGlvbmFsUmVzb3VyY2VzPXtzaG93QWRkaXRpb25hbFJlc291cmNlc30+XG4gICAgICAgIHtyZXNvdXJjZXMubWFwKChyZXNvdXJjZSkgPT4gKFxuICAgICAgICAgIDxSZXNvdXJjZUl0ZW1cbiAgICAgICAgICAgIGtleT17cmVzb3VyY2UuaWR9XG4gICAgICAgICAgICBjb250ZW50VHlwZT17Y29udGVudFR5cGV9XG4gICAgICAgICAgICBzaG93QWRkaXRpb25hbFJlc291cmNlcz17c2hvd0FkZGl0aW9uYWxSZXNvdXJjZXN9XG4gICAgICAgICAgICB7Li4ucmVzb3VyY2V9XG4gICAgICAgICAgICBjb250ZW50VHlwZURlc2NyaXB0aW9uPXtcbiAgICAgICAgICAgICAgcmVzb3VyY2UuYWRkaXRpb25hbCA/IHQoJ3Jlc291cmNlLnRvb2x0aXBBZGRpdGlvbmFsVG9waWMnKSA6IHQoJ3Jlc291cmNlLnRvb2x0aXBDb3JlVG9waWMnKVxuICAgICAgICAgICAgfVxuICAgICAgICAgIC8+XG4gICAgICAgICkpfVxuICAgICAgICB7cmVuZGVyQWRkaXRpb25hbFJlc291cmNlVHJpZ2dlciAmJiAoXG4gICAgICAgICAgPGxpPlxuICAgICAgICAgICAgPE5vQ29udGVudEJveFxuICAgICAgICAgICAgICBvbkNsaWNrPXtvbkNsaWNrfVxuICAgICAgICAgICAgICBidXR0b25UZXh0PXt0KCdyZXNvdXJjZS50b2dnbGVGaWx0ZXJMYWJlbCcpfVxuICAgICAgICAgICAgICB0ZXh0PXtcbiAgICAgICAgICAgICAgICB0aXRsZVxuICAgICAgICAgICAgICAgICAgPyB0KCdyZXNvdXJjZS5ub0NvcmVSZXNvdXJjZXNBdmFpbGFibGUnLCB7XG4gICAgICAgICAgICAgICAgICAgICAgbmFtZTogdGl0bGUudG9Mb3dlckNhc2UoKSxcbiAgICAgICAgICAgICAgICAgICAgfSlcbiAgICAgICAgICAgICAgICAgIDogdCgncmVzb3VyY2Uubm9Db3JlUmVzb3VyY2VzQXZhaWxhYmxlVW5zcGVjaWZpYycpXG4gICAgICAgICAgICAgIH1cbiAgICAgICAgICAgIC8+XG4gICAgICAgICAgPC9saT5cbiAgICAgICAgKX1cbiAgICAgIDwvU3R5bGVkUmVzb3VyY2VMaXN0PlxuICAgIDwvZGl2PlxuICApO1xufTtcblxuZXhwb3J0IGRlZmF1bHQgUmVzb3VyY2VMaXN0O1xuIl19 */"));
-}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlJlc291cmNlTGlzdC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZ0NxRCIsImZpbGUiOiJSZXNvdXJjZUxpc3QudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDb3B5cmlnaHQgKGMpIDIwMTctcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLlxuICpcbiAqL1xuXG5pbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IGNzcyBmcm9tICdAZW1vdGlvbi9jc3MnO1xuaW1wb3J0IHsga2V5ZnJhbWVzIH0gZnJvbSAnQGVtb3Rpb24vY29yZSc7XG5pbXBvcnQgeyB1c2VUcmFuc2xhdGlvbiB9IGZyb20gJ3JlYWN0LWkxOG5leHQnO1xuaW1wb3J0IE5vQ29udGVudEJveCBmcm9tICcuLi9Ob0NvbnRlbnRCb3gnO1xuaW1wb3J0IFJlc291cmNlSXRlbSBmcm9tICcuL1Jlc291cmNlSXRlbSc7XG5pbXBvcnQgeyBSZXNvdXJjZSB9IGZyb20gJy4uL3R5cGVzJztcblxuY29uc3QgZmFrZUxvYWRpbmdBbmltYXRpb24gPSBrZXlmcmFtZXNgXG4gIDAlIHtcbiAgICBvcGFjaXR5OiAwLjU7XG4gIH1cbiAgOTklIHtcbiAgICBvcGFjaXR5OiAwLjU7XG4gIH1cbiAgMTAwJSB7XG4gICAgb3BhY2l0eTogMTtcbiAgfVxuYDtcblxudHlwZSBTdHlsZWRMaXN0UHJvcHMgPSB7XG4gIHNob3dBZGRpdGlvbmFsUmVzb3VyY2VzPzogYm9vbGVhbjtcbn07XG5jb25zdCBTdHlsZWRSZXNvdXJjZUxpc3QgPSBzdHlsZWQudWw8U3R5bGVkTGlzdFByb3BzPmBcbiAgbGlzdC1zdHlsZTogbm9uZTtcbiAgbWFyZ2luOiAwO1xuICBwYWRkaW5nOiAwO1xuICAkeyh7IHNob3dBZGRpdGlvbmFsUmVzb3VyY2VzIH0pID0+XG4gICAgc2hvd0FkZGl0aW9uYWxSZXNvdXJjZXMgJiZcbiAgICBjc3NgXG4gICAgICBhbmltYXRpb24tbmFtZTogJHtmYWtlTG9hZGluZ0FuaW1hdGlvbn07XG4gICAgICBhbmltYXRpb24tZHVyYXRpb246IDAuNHM7XG4gICAgYH1cbmA7XG5cbmV4cG9ydCB0eXBlIFJlc291cmNlTGlzdFByb3BzID0ge1xuICByZXNvdXJjZXM6IFJlc291cmNlW107XG4gIG9uQ2xpY2s6ICgpID0+IHZvaWQ7XG4gIGNvbnRlbnRUeXBlPzogc3RyaW5nO1xuICB0aXRsZT86IHN0cmluZztcbiAgc2hvd0FkZGl0aW9uYWxSZXNvdXJjZXM/OiBib29sZWFuO1xufTtcblxuY29uc3QgUmVzb3VyY2VMaXN0ID0gKHsgcmVzb3VyY2VzLCBvbkNsaWNrLCBjb250ZW50VHlwZSwgdGl0bGUsIHNob3dBZGRpdGlvbmFsUmVzb3VyY2VzIH06IFJlc291cmNlTGlzdFByb3BzKSA9PiB7XG4gIGNvbnN0IHsgdCB9ID0gdXNlVHJhbnNsYXRpb24oKTtcbiAgY29uc3QgcmVuZGVyQWRkaXRpb25hbFJlc291cmNlVHJpZ2dlciA9XG4gICAgIXNob3dBZGRpdGlvbmFsUmVzb3VyY2VzICYmXG4gICAgcmVzb3VyY2VzLmZpbHRlcigocmVzKSA9PiByZXMuYWRkaXRpb25hbCkubGVuZ3RoID4gMCAmJlxuICAgIHJlc291cmNlcy5maWx0ZXIoKHJlcykgPT4gIXJlcy5hZGRpdGlvbmFsKS5sZW5ndGggPT09IDA7XG5cbiAgcmV0dXJuIChcbiAgICA8ZGl2PlxuICAgICAgPFN0eWxlZFJlc291cmNlTGlzdCBzaG93QWRkaXRpb25hbFJlc291cmNlcz17c2hvd0FkZGl0aW9uYWxSZXNvdXJjZXN9PlxuICAgICAgICB7cmVzb3VyY2VzLm1hcCgocmVzb3VyY2UpID0+IChcbiAgICAgICAgICA8UmVzb3VyY2VJdGVtXG4gICAgICAgICAgICBrZXk9e3Jlc291cmNlLmlkfVxuICAgICAgICAgICAgY29udGVudFR5cGU9e2NvbnRlbnRUeXBlfVxuICAgICAgICAgICAgc2hvd0FkZGl0aW9uYWxSZXNvdXJjZXM9e3Nob3dBZGRpdGlvbmFsUmVzb3VyY2VzfVxuICAgICAgICAgICAgey4uLnJlc291cmNlfVxuICAgICAgICAgICAgY29udGVudFR5cGVEZXNjcmlwdGlvbj17XG4gICAgICAgICAgICAgIHJlc291cmNlLmFkZGl0aW9uYWwgPyB0KCdyZXNvdXJjZS50b29sdGlwQWRkaXRpb25hbFRvcGljJykgOiB0KCdyZXNvdXJjZS50b29sdGlwQ29yZVRvcGljJylcbiAgICAgICAgICAgIH1cbiAgICAgICAgICAvPlxuICAgICAgICApKX1cbiAgICAgICAge3JlbmRlckFkZGl0aW9uYWxSZXNvdXJjZVRyaWdnZXIgJiYgKFxuICAgICAgICAgIDxsaT5cbiAgICAgICAgICAgIDxOb0NvbnRlbnRCb3hcbiAgICAgICAgICAgICAgb25DbGljaz17b25DbGlja31cbiAgICAgICAgICAgICAgYnV0dG9uVGV4dD17dCgncmVzb3VyY2UudG9nZ2xlRmlsdGVyTGFiZWwnKX1cbiAgICAgICAgICAgICAgdGV4dD17XG4gICAgICAgICAgICAgICAgdGl0bGVcbiAgICAgICAgICAgICAgICAgID8gdCgncmVzb3VyY2Uubm9Db3JlUmVzb3VyY2VzQXZhaWxhYmxlJywge1xuICAgICAgICAgICAgICAgICAgICAgIG5hbWU6IHRpdGxlLnRvTG93ZXJDYXNlKCksXG4gICAgICAgICAgICAgICAgICAgIH0pXG4gICAgICAgICAgICAgICAgICA6IHQoJ3Jlc291cmNlLm5vQ29yZVJlc291cmNlc0F2YWlsYWJsZVVuc3BlY2lmaWMnKVxuICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAvPlxuICAgICAgICAgIDwvbGk+XG4gICAgICAgICl9XG4gICAgICA8L1N0eWxlZFJlc291cmNlTGlzdD5cbiAgICA8L2Rpdj5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IFJlc291cmNlTGlzdDtcbiJdfQ== */");
+  return showAdditionalResources && /*#__PURE__*/_css("animation-name:", fakeLoadingAnimation, ";animation-duration:0.4s;;label:StyledResourceList;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlJlc291cmNlTGlzdC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBc0NPIiwiZmlsZSI6IlJlc291cmNlTGlzdC50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAxNy1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgY3NzIGZyb20gJ0BlbW90aW9uL2Nzcyc7XG5pbXBvcnQgeyBrZXlmcmFtZXMgfSBmcm9tICdAZW1vdGlvbi9jb3JlJztcbmltcG9ydCB7IHVzZVRyYW5zbGF0aW9uIH0gZnJvbSAncmVhY3QtaTE4bmV4dCc7XG5pbXBvcnQgTm9Db250ZW50Qm94IGZyb20gJy4uL05vQ29udGVudEJveCc7XG5pbXBvcnQgUmVzb3VyY2VJdGVtIGZyb20gJy4vUmVzb3VyY2VJdGVtJztcbmltcG9ydCB7IFJlc291cmNlIH0gZnJvbSAnLi4vdHlwZXMnO1xuXG5jb25zdCBmYWtlTG9hZGluZ0FuaW1hdGlvbiA9IGtleWZyYW1lc2BcbiAgMCUge1xuICAgIG9wYWNpdHk6IDAuNTtcbiAgfVxuICA5OSUge1xuICAgIG9wYWNpdHk6IDAuNTtcbiAgfVxuICAxMDAlIHtcbiAgICBvcGFjaXR5OiAxO1xuICB9XG5gO1xuXG50eXBlIFN0eWxlZExpc3RQcm9wcyA9IHtcbiAgc2hvd0FkZGl0aW9uYWxSZXNvdXJjZXM/OiBib29sZWFuO1xufTtcbmNvbnN0IFN0eWxlZFJlc291cmNlTGlzdCA9IHN0eWxlZC51bDxTdHlsZWRMaXN0UHJvcHM+YFxuICBsaXN0LXN0eWxlOiBub25lO1xuICBtYXJnaW46IDA7XG4gIHBhZGRpbmc6IDA7XG4gICR7KHsgc2hvd0FkZGl0aW9uYWxSZXNvdXJjZXMgfSkgPT5cbiAgICBzaG93QWRkaXRpb25hbFJlc291cmNlcyAmJlxuICAgIGNzc2BcbiAgICAgIGFuaW1hdGlvbi1uYW1lOiAke2Zha2VMb2FkaW5nQW5pbWF0aW9ufTtcbiAgICAgIGFuaW1hdGlvbi1kdXJhdGlvbjogMC40cztcbiAgICBgfVxuYDtcblxuZXhwb3J0IHR5cGUgUmVzb3VyY2VMaXN0UHJvcHMgPSB7XG4gIHJlc291cmNlczogUmVzb3VyY2VbXTtcbiAgb25DbGljazogKCkgPT4gdm9pZDtcbiAgY29udGVudFR5cGU/OiBzdHJpbmc7XG4gIHRpdGxlPzogc3RyaW5nO1xuICBzaG93QWRkaXRpb25hbFJlc291cmNlcz86IGJvb2xlYW47XG4gIG9uVG9nZ2xlQWRkVG9GYXZvcml0ZXM6IChpZDogc3RyaW5nLCBhZGQ6IGJvb2xlYW4pID0+IHZvaWQ7XG4gIGhpZGVBZGRUb0Zhdm9yaXRlQnV0dG9uPzogYm9vbGVhbjtcbn07XG5cbmNvbnN0IFJlc291cmNlTGlzdCA9ICh7XG4gIHJlc291cmNlcyxcbiAgb25DbGljayxcbiAgb25Ub2dnbGVBZGRUb0Zhdm9yaXRlcyxcbiAgY29udGVudFR5cGUsXG4gIHRpdGxlLFxuICBzaG93QWRkaXRpb25hbFJlc291cmNlcyxcbiAgaGlkZUFkZFRvRmF2b3JpdGVCdXR0b24sXG59OiBSZXNvdXJjZUxpc3RQcm9wcykgPT4ge1xuICBjb25zdCB7IHQgfSA9IHVzZVRyYW5zbGF0aW9uKCk7XG4gIGNvbnN0IHJlbmRlckFkZGl0aW9uYWxSZXNvdXJjZVRyaWdnZXIgPVxuICAgICFzaG93QWRkaXRpb25hbFJlc291cmNlcyAmJlxuICAgIHJlc291cmNlcy5maWx0ZXIoKHJlcykgPT4gcmVzLmFkZGl0aW9uYWwpLmxlbmd0aCA+IDAgJiZcbiAgICByZXNvdXJjZXMuZmlsdGVyKChyZXMpID0+ICFyZXMuYWRkaXRpb25hbCkubGVuZ3RoID09PSAwO1xuXG4gIHJldHVybiAoXG4gICAgPGRpdj5cbiAgICAgIDxTdHlsZWRSZXNvdXJjZUxpc3Qgc2hvd0FkZGl0aW9uYWxSZXNvdXJjZXM9e3Nob3dBZGRpdGlvbmFsUmVzb3VyY2VzfT5cbiAgICAgICAge3Jlc291cmNlcy5tYXAoKHsgaWQsIC4uLnJlc291cmNlIH0pID0+IChcbiAgICAgICAgICA8UmVzb3VyY2VJdGVtXG4gICAgICAgICAgICBpZD17aWR9XG4gICAgICAgICAgICBrZXk9e2lkfVxuICAgICAgICAgICAgY29udGVudFR5cGU9e2NvbnRlbnRUeXBlfVxuICAgICAgICAgICAgc2hvd0FkZGl0aW9uYWxSZXNvdXJjZXM9e3Nob3dBZGRpdGlvbmFsUmVzb3VyY2VzfVxuICAgICAgICAgICAgaGlkZUFkZFRvRmF2b3JpdGVCdXR0b249e2hpZGVBZGRUb0Zhdm9yaXRlQnV0dG9ufVxuICAgICAgICAgICAgb25Ub2dnbGVBZGRUb0Zhdm9yaXRlcz17b25Ub2dnbGVBZGRUb0Zhdm9yaXRlc31cbiAgICAgICAgICAgIHsuLi5yZXNvdXJjZX1cbiAgICAgICAgICAgIGNvbnRlbnRUeXBlRGVzY3JpcHRpb249e1xuICAgICAgICAgICAgICByZXNvdXJjZS5hZGRpdGlvbmFsID8gdCgncmVzb3VyY2UudG9vbHRpcEFkZGl0aW9uYWxUb3BpYycpIDogdCgncmVzb3VyY2UudG9vbHRpcENvcmVUb3BpYycpXG4gICAgICAgICAgICB9XG4gICAgICAgICAgLz5cbiAgICAgICAgKSl9XG4gICAgICAgIHtyZW5kZXJBZGRpdGlvbmFsUmVzb3VyY2VUcmlnZ2VyICYmIChcbiAgICAgICAgICA8bGk+XG4gICAgICAgICAgICA8Tm9Db250ZW50Qm94XG4gICAgICAgICAgICAgIG9uQ2xpY2s9e29uQ2xpY2t9XG4gICAgICAgICAgICAgIGJ1dHRvblRleHQ9e3QoJ3Jlc291cmNlLnRvZ2dsZUZpbHRlckxhYmVsJyl9XG4gICAgICAgICAgICAgIHRleHQ9e1xuICAgICAgICAgICAgICAgIHRpdGxlXG4gICAgICAgICAgICAgICAgICA/IHQoJ3Jlc291cmNlLm5vQ29yZVJlc291cmNlc0F2YWlsYWJsZScsIHtcbiAgICAgICAgICAgICAgICAgICAgICBuYW1lOiB0aXRsZS50b0xvd2VyQ2FzZSgpLFxuICAgICAgICAgICAgICAgICAgICB9KVxuICAgICAgICAgICAgICAgICAgOiB0KCdyZXNvdXJjZS5ub0NvcmVSZXNvdXJjZXNBdmFpbGFibGVVbnNwZWNpZmljJylcbiAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgLz5cbiAgICAgICAgICA8L2xpPlxuICAgICAgICApfVxuICAgICAgPC9TdHlsZWRSZXNvdXJjZUxpc3Q+XG4gICAgPC9kaXY+XG4gICk7XG59O1xuXG5leHBvcnQgZGVmYXVsdCBSZXNvdXJjZUxpc3Q7XG4iXX0= */"));
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlJlc291cmNlTGlzdC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZ0NxRCIsImZpbGUiOiJSZXNvdXJjZUxpc3QudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDb3B5cmlnaHQgKGMpIDIwMTctcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLlxuICpcbiAqL1xuXG5pbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IGNzcyBmcm9tICdAZW1vdGlvbi9jc3MnO1xuaW1wb3J0IHsga2V5ZnJhbWVzIH0gZnJvbSAnQGVtb3Rpb24vY29yZSc7XG5pbXBvcnQgeyB1c2VUcmFuc2xhdGlvbiB9IGZyb20gJ3JlYWN0LWkxOG5leHQnO1xuaW1wb3J0IE5vQ29udGVudEJveCBmcm9tICcuLi9Ob0NvbnRlbnRCb3gnO1xuaW1wb3J0IFJlc291cmNlSXRlbSBmcm9tICcuL1Jlc291cmNlSXRlbSc7XG5pbXBvcnQgeyBSZXNvdXJjZSB9IGZyb20gJy4uL3R5cGVzJztcblxuY29uc3QgZmFrZUxvYWRpbmdBbmltYXRpb24gPSBrZXlmcmFtZXNgXG4gIDAlIHtcbiAgICBvcGFjaXR5OiAwLjU7XG4gIH1cbiAgOTklIHtcbiAgICBvcGFjaXR5OiAwLjU7XG4gIH1cbiAgMTAwJSB7XG4gICAgb3BhY2l0eTogMTtcbiAgfVxuYDtcblxudHlwZSBTdHlsZWRMaXN0UHJvcHMgPSB7XG4gIHNob3dBZGRpdGlvbmFsUmVzb3VyY2VzPzogYm9vbGVhbjtcbn07XG5jb25zdCBTdHlsZWRSZXNvdXJjZUxpc3QgPSBzdHlsZWQudWw8U3R5bGVkTGlzdFByb3BzPmBcbiAgbGlzdC1zdHlsZTogbm9uZTtcbiAgbWFyZ2luOiAwO1xuICBwYWRkaW5nOiAwO1xuICAkeyh7IHNob3dBZGRpdGlvbmFsUmVzb3VyY2VzIH0pID0+XG4gICAgc2hvd0FkZGl0aW9uYWxSZXNvdXJjZXMgJiZcbiAgICBjc3NgXG4gICAgICBhbmltYXRpb24tbmFtZTogJHtmYWtlTG9hZGluZ0FuaW1hdGlvbn07XG4gICAgICBhbmltYXRpb24tZHVyYXRpb246IDAuNHM7XG4gICAgYH1cbmA7XG5cbmV4cG9ydCB0eXBlIFJlc291cmNlTGlzdFByb3BzID0ge1xuICByZXNvdXJjZXM6IFJlc291cmNlW107XG4gIG9uQ2xpY2s6ICgpID0+IHZvaWQ7XG4gIGNvbnRlbnRUeXBlPzogc3RyaW5nO1xuICB0aXRsZT86IHN0cmluZztcbiAgc2hvd0FkZGl0aW9uYWxSZXNvdXJjZXM/OiBib29sZWFuO1xuICBvblRvZ2dsZUFkZFRvRmF2b3JpdGVzOiAoaWQ6IHN0cmluZywgYWRkOiBib29sZWFuKSA9PiB2b2lkO1xuICBoaWRlQWRkVG9GYXZvcml0ZUJ1dHRvbj86IGJvb2xlYW47XG59O1xuXG5jb25zdCBSZXNvdXJjZUxpc3QgPSAoe1xuICByZXNvdXJjZXMsXG4gIG9uQ2xpY2ssXG4gIG9uVG9nZ2xlQWRkVG9GYXZvcml0ZXMsXG4gIGNvbnRlbnRUeXBlLFxuICB0aXRsZSxcbiAgc2hvd0FkZGl0aW9uYWxSZXNvdXJjZXMsXG4gIGhpZGVBZGRUb0Zhdm9yaXRlQnV0dG9uLFxufTogUmVzb3VyY2VMaXN0UHJvcHMpID0+IHtcbiAgY29uc3QgeyB0IH0gPSB1c2VUcmFuc2xhdGlvbigpO1xuICBjb25zdCByZW5kZXJBZGRpdGlvbmFsUmVzb3VyY2VUcmlnZ2VyID1cbiAgICAhc2hvd0FkZGl0aW9uYWxSZXNvdXJjZXMgJiZcbiAgICByZXNvdXJjZXMuZmlsdGVyKChyZXMpID0+IHJlcy5hZGRpdGlvbmFsKS5sZW5ndGggPiAwICYmXG4gICAgcmVzb3VyY2VzLmZpbHRlcigocmVzKSA9PiAhcmVzLmFkZGl0aW9uYWwpLmxlbmd0aCA9PT0gMDtcblxuICByZXR1cm4gKFxuICAgIDxkaXY+XG4gICAgICA8U3R5bGVkUmVzb3VyY2VMaXN0IHNob3dBZGRpdGlvbmFsUmVzb3VyY2VzPXtzaG93QWRkaXRpb25hbFJlc291cmNlc30+XG4gICAgICAgIHtyZXNvdXJjZXMubWFwKCh7IGlkLCAuLi5yZXNvdXJjZSB9KSA9PiAoXG4gICAgICAgICAgPFJlc291cmNlSXRlbVxuICAgICAgICAgICAgaWQ9e2lkfVxuICAgICAgICAgICAga2V5PXtpZH1cbiAgICAgICAgICAgIGNvbnRlbnRUeXBlPXtjb250ZW50VHlwZX1cbiAgICAgICAgICAgIHNob3dBZGRpdGlvbmFsUmVzb3VyY2VzPXtzaG93QWRkaXRpb25hbFJlc291cmNlc31cbiAgICAgICAgICAgIGhpZGVBZGRUb0Zhdm9yaXRlQnV0dG9uPXtoaWRlQWRkVG9GYXZvcml0ZUJ1dHRvbn1cbiAgICAgICAgICAgIG9uVG9nZ2xlQWRkVG9GYXZvcml0ZXM9e29uVG9nZ2xlQWRkVG9GYXZvcml0ZXN9XG4gICAgICAgICAgICB7Li4ucmVzb3VyY2V9XG4gICAgICAgICAgICBjb250ZW50VHlwZURlc2NyaXB0aW9uPXtcbiAgICAgICAgICAgICAgcmVzb3VyY2UuYWRkaXRpb25hbCA/IHQoJ3Jlc291cmNlLnRvb2x0aXBBZGRpdGlvbmFsVG9waWMnKSA6IHQoJ3Jlc291cmNlLnRvb2x0aXBDb3JlVG9waWMnKVxuICAgICAgICAgICAgfVxuICAgICAgICAgIC8+XG4gICAgICAgICkpfVxuICAgICAgICB7cmVuZGVyQWRkaXRpb25hbFJlc291cmNlVHJpZ2dlciAmJiAoXG4gICAgICAgICAgPGxpPlxuICAgICAgICAgICAgPE5vQ29udGVudEJveFxuICAgICAgICAgICAgICBvbkNsaWNrPXtvbkNsaWNrfVxuICAgICAgICAgICAgICBidXR0b25UZXh0PXt0KCdyZXNvdXJjZS50b2dnbGVGaWx0ZXJMYWJlbCcpfVxuICAgICAgICAgICAgICB0ZXh0PXtcbiAgICAgICAgICAgICAgICB0aXRsZVxuICAgICAgICAgICAgICAgICAgPyB0KCdyZXNvdXJjZS5ub0NvcmVSZXNvdXJjZXNBdmFpbGFibGUnLCB7XG4gICAgICAgICAgICAgICAgICAgICAgbmFtZTogdGl0bGUudG9Mb3dlckNhc2UoKSxcbiAgICAgICAgICAgICAgICAgICAgfSlcbiAgICAgICAgICAgICAgICAgIDogdCgncmVzb3VyY2Uubm9Db3JlUmVzb3VyY2VzQXZhaWxhYmxlVW5zcGVjaWZpYycpXG4gICAgICAgICAgICAgIH1cbiAgICAgICAgICAgIC8+XG4gICAgICAgICAgPC9saT5cbiAgICAgICAgKX1cbiAgICAgIDwvU3R5bGVkUmVzb3VyY2VMaXN0PlxuICAgIDwvZGl2PlxuICApO1xufTtcblxuZXhwb3J0IGRlZmF1bHQgUmVzb3VyY2VMaXN0O1xuIl19 */");
 
 var ResourceList = function ResourceList(_ref2) {
   var resources = _ref2.resources,
       onClick = _ref2.onClick,
+      onToggleAddToFavorites = _ref2.onToggleAddToFavorites,
       contentType = _ref2.contentType,
       title = _ref2.title,
-      showAdditionalResources = _ref2.showAdditionalResources;
+      showAdditionalResources = _ref2.showAdditionalResources,
+      hideAddToFavoriteButton = _ref2.hideAddToFavoriteButton;
 
   var _useTranslation = useTranslation(),
       t = _useTranslation.t;
@@ -55,11 +61,17 @@ var ResourceList = function ResourceList(_ref2) {
   }).length === 0;
   return ___EmotionJSX("div", null, ___EmotionJSX(StyledResourceList, {
     showAdditionalResources: showAdditionalResources
-  }, resources.map(function (resource) {
+  }, resources.map(function (_ref3) {
+    var id = _ref3.id,
+        resource = _objectWithoutProperties(_ref3, ["id"]);
+
     return ___EmotionJSX(ResourceItem, _extends({
-      key: resource.id,
+      id: id,
+      key: id,
       contentType: contentType,
-      showAdditionalResources: showAdditionalResources
+      showAdditionalResources: showAdditionalResources,
+      hideAddToFavoriteButton: hideAddToFavoriteButton,
+      onToggleAddToFavorites: onToggleAddToFavorites
     }, resource, {
       contentTypeDescription: resource.additional ? t('resource.tooltipAdditionalTopic') : t('resource.tooltipCoreTopic')
     }));

package/es/SnackBar/SnackBar.js

@@ -0,0 +1,117 @@
+import _styled from "@emotion/styled-base";
+
+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) { if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return; var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+/**
+ * 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.
+ *
+ */
+import React, { useRef, useEffect, useState } from 'react';
+import Button, { IconButton } from '@ndla/button';
+import { spacing, spacingUnit, shadows, misc, fonts, colors, mq, breakpoints } from '@ndla/core';
+import { Cross } from '@ndla/icons/action';
+import { useTranslation } from 'react-i18next';
+import { jsx as ___EmotionJSX } from "@emotion/core";
+
+var StyledActionButton = /*#__PURE__*/_styled(Button, {
+  target: "elvn9pl0",
+  label: "StyledActionButton"
+})("color:", colors.white, ";padding:", spacing.xsmall, " ", spacing.small, ";box-shadow:none;&:focus,&:hover{color:", colors.brand.greyLightest, ";background:", colors.brand.greyDark, ";&:after{opacity:0;}}&:after{content:'';display:flex;height:1px;width:100%;background:", colors.white, ";transform:translateY(-2px);}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlNuYWNrQmFyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFleUMiLCJmaWxlIjoiU25hY2tCYXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDb3B5cmlnaHQgKGMpIDIwMjItcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLlxuICpcbiAqL1xuXG5pbXBvcnQgUmVhY3QsIHsgUmVhY3RFbGVtZW50LCB1c2VSZWYsIHVzZUVmZmVjdCwgdXNlU3RhdGUgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgQnV0dG9uLCB7IEljb25CdXR0b24gfSBmcm9tICdAbmRsYS9idXR0b24nO1xuaW1wb3J0IHsgc3BhY2luZywgc3BhY2luZ1VuaXQsIHNoYWRvd3MsIG1pc2MsIGZvbnRzLCBjb2xvcnMsIG1xLCBicmVha3BvaW50cyB9IGZyb20gJ0BuZGxhL2NvcmUnO1xuaW1wb3J0IHsgQ3Jvc3MgfSBmcm9tICdAbmRsYS9pY29ucy9hY3Rpb24nO1xuaW1wb3J0IHsgdXNlVHJhbnNsYXRpb24gfSBmcm9tICdyZWFjdC1pMThuZXh0JztcblxuY29uc3QgU3R5bGVkQWN0aW9uQnV0dG9uID0gc3R5bGVkKEJ1dHRvbilgXG4gIGNvbG9yOiAke2NvbG9ycy53aGl0ZX07XG4gIHBhZGRpbmc6ICR7c3BhY2luZy54c21hbGx9ICR7c3BhY2luZy5zbWFsbH07XG4gIGJveC1zaGFkb3c6IG5vbmU7XG4gICY6Zm9jdXMsXG4gICY6aG92ZXIge1xuICAgIGNvbG9yOiAke2NvbG9ycy5icmFuZC5ncmV5TGlnaHRlc3R9O1xuICAgIGJhY2tncm91bmQ6ICR7Y29sb3JzLmJyYW5kLmdyZXlEYXJrfTtcbiAgICAmOmFmdGVyIHtcbiAgICAgIG9wYWNpdHk6IDA7XG4gICAgfVxuICB9XG4gICY6YWZ0ZXIge1xuICAgIGNvbnRlbnQ6ICcnO1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgaGVpZ2h0OiAxcHg7XG4gICAgd2lkdGg6IDEwMCU7XG4gICAgYmFja2dyb3VuZDogJHtjb2xvcnMud2hpdGV9O1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgtMnB4KTtcbiAgfVxuYDtcblxuY29uc3QgU3R5bGVkSWNvbkJ1dHRvbiA9IHN0eWxlZChJY29uQnV0dG9uKWBcbiAgc3ZnIHtcbiAgICBjb2xvcjogJHtjb2xvcnMuYnJhbmQuZ3JleU1lZGl1bX07XG4gIH1cbiAgJjpob3ZlcixcbiAgJjpmb2N1cyB7XG4gICAgYmFja2dyb3VuZDogJHtjb2xvcnMuYnJhbmQuZ3JleURhcmt9O1xuICAgIHN2ZyB7XG4gICAgICBjb2xvcjogJHtjb2xvcnMuYnJhbmQuZ3JleUxpZ2h0ZXN0fTtcbiAgICB9XG4gIH1cbmA7XG5cbmNvbnN0IFdyYXBwZXJGb3JCdXR0b25zID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAgJHttcS5yYW5nZSh7IGZyb206IGJyZWFrcG9pbnRzLnRhYmxldCB9KX0ge1xuICAgIGdhcDogJHtzcGFjaW5nLnh4c21hbGx9O1xuICB9XG5gO1xuXG5pbnRlcmZhY2UgU3R5bGVkUHJvcHMge1xuICBleHBpcmVkPzogYm9vbGVhbjtcbn1cblxuY29uc3QgV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIHBvc2l0aW9uOiBmaXhlZDtcbiAgei1pbmRleDogOTk5OTk7XG4gIGJvdHRvbTogJHtzcGFjaW5nLnNtYWxsfTtcbiAgbGVmdDogJHtzcGFjaW5nLnNtYWxsfTtcbiAgcmlnaHQ6ICR7c3BhY2luZy5zbWFsbH07XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuYDtcblxuY29uc3QgU3R5bGVkTm90aWZpY2F0aW9uID0gc3R5bGVkLmRpdjxTdHlsZWRQcm9wcz5gXG4gIG1heC13aWR0aDogOTYwcHg7XG4gICR7Zm9udHMuc2l6ZXMoMTgsIDEuMjUpfTtcbiAgYmFja2dyb3VuZDogJHtjb2xvcnMudGV4dC5wcmltYXJ5fTtcbiAgY29sb3I6ICR7Y29sb3JzLndoaXRlfTtcbiAgYm94LXNoYWRvdzogJHtzaGFkb3dzLmxldml0YXRlMX07XG4gIHBhZGRpbmc6ICR7c3BhY2luZy5zbWFsbH07XG4gIHBhZGRpbmctcmlnaHQ6ICR7c3BhY2luZy54c21hbGx9O1xuICBnYXA6ICR7c3BhY2luZy5tZWRpdW19O1xuICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMudGFibGV0IH0pfSB7XG4gICAgZ2FwOiAke3NwYWNpbmcubGFyZ2V9O1xuICAgIHBhZGRpbmc6ICR7c3BhY2luZy5zbWFsbH0gJHtzcGFjaW5nLm5vcm1hbH0gJHtzcGFjaW5nLnNtYWxsfSAke3NwYWNpbmcubWVkaXVtfTtcbiAgfVxuICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMuZGVza3RvcCB9KX0ge1xuICAgIGdhcDogJHtzcGFjaW5nVW5pdCAqIDN9O1xuICB9XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gID4gZGl2OmZpcnN0LW9mLXR5cGUge1xuICAgIGZsZXgtZ3JvdzogMTtcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIH1cbiAgJjplbXB0eSB7XG4gICAgZGlzcGxheTogbm9uZTtcbiAgfVxuICBib3JkZXItcmFkaXVzOiAke21pc2MuYm9yZGVyUmFkaXVzfTtcbiAgQGtleWZyYW1lcyBzbmFja2Jhci1hbmltYXRpb25zLWluIHtcbiAgICAwJSB7XG4gICAgICBvcGFjaXR5OiAwO1xuICAgICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKCR7c3BhY2luZy5tZWRpdW19KTtcbiAgICB9XG4gICAgMTAwJSB7XG4gICAgICBvcGFjaXR5OiAxO1xuICAgIH1cbiAgfVxuICBAa2V5ZnJhbWVzIHNuYWNrYmFyLWFuaW1hdGlvbnMtb3V0IHtcbiAgICAwJSB7XG4gICAgICBvcGFjaXR5OiAxO1xuICAgIH1cbiAgICAxMDAlIHtcbiAgICAgIG9wYWNpdHk6IDA7XG4gICAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoJHtzcGFjaW5nLm1lZGl1bX0pO1xuICAgIH1cbiAgfVxuICBhbmltYXRpb246ICR7KHByb3BzKSA9PiAocHJvcHMuZXhwaXJlZCA/ICdzbmFja2Jhci1hbmltYXRpb25zLW91dCcgOiAnc25hY2tiYXItYW5pbWF0aW9ucy1pbicpfSAyMDBtcyBlYXNlLWluLW91dDtcbiAgYW5pbWF0aW9uLWZpbGwtbW9kZTogZm9yd2FyZHM7XG4gICR7Zm9udHMuc2l6ZXMoJzE4cHgnKX07XG4gIGZvbnQtZmFtaWx5OiAke2ZvbnRzLnNhbnN9O1xuYDtcblxuZXhwb3J0IGludGVyZmFjZSBTbmFja0Jhckl0ZW0ge1xuICBjaGlsZHJlbj86IFJlYWN0RWxlbWVudDtcbiAgc25hY2tiYXJJdGVtSWQ/OiBzdHJpbmc7XG59XG5cbmludGVyZmFjZSBTbmFja0JhclByb3BzIGV4dGVuZHMgU25hY2tCYXJJdGVtIHtcbiAgaWQ6IHN0cmluZztcbiAgb25LaWxsPzogKGlkOiBzdHJpbmcgfCB1bmRlZmluZWQpID0+IHZvaWQ7XG4gIGFjdGlvbkJ1dHRvbnM/OiB7XG4gICAgdGV4dDogc3RyaW5nO1xuICAgIG9uQ2xpY2s6ICgpID0+IHZvaWQ7XG4gICAgYXJpYUxhYmVsOiBzdHJpbmc7XG4gIH1bXTtcbn1cblxuY29uc3QgU25hY2tCYXIgPSAoeyBvbktpbGwsIGNoaWxkcmVuLCBzbmFja2Jhckl0ZW1JZCwgaWQsIGFjdGlvbkJ1dHRvbnMgfTogU25hY2tCYXJQcm9wcykgPT4ge1xuICBjb25zdCB7IHQgfSA9IHVzZVRyYW5zbGF0aW9uKCk7XG4gIGNvbnN0IFtleHBpcmVkLCBzZXRFeHBpcmVkXSA9IHVzZVN0YXRlKGZhbHNlKTtcbiAgY29uc3QgdGltZW91dElkID0gdXNlUmVmPG51bGwgfCBSZXR1cm5UeXBlPHR5cGVvZiBzZXRUaW1lb3V0Pj4oKTtcbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBpZiAodGltZW91dElkLmN1cnJlbnQpIHtcbiAgICAgIHRpbWVvdXRJZCAmJiBjbGVhclRpbWVvdXQodGltZW91dElkLmN1cnJlbnQpO1xuICAgIH1cbiAgICB0aW1lb3V0SWQuY3VycmVudCA9IHNldFRpbWVvdXQoKCkgPT4ge1xuICAgICAgc2V0RXhwaXJlZCh0cnVlKTtcbiAgICB9LCA4MDAwKTtcblxuICAgIHJldHVybiAoKSA9PiB7XG4gICAgICB0aW1lb3V0SWQuY3VycmVudCAmJiBjbGVhclRpbWVvdXQodGltZW91dElkLmN1cnJlbnQpO1xuICAgIH07XG4gIH0sIFtzbmFja2Jhckl0ZW1JZCwgdGltZW91dElkXSk7XG4gIHJldHVybiAoXG4gICAgPFdyYXBwZXI+XG4gICAgICA8U3R5bGVkTm90aWZpY2F0aW9uXG4gICAgICAgIGlkPXtpZH1cbiAgICAgICAgYXJpYS1saXZlPVwicG9saXRlXCJcbiAgICAgICAgZXhwaXJlZD17ZXhwaXJlZCB8fCAhY2hpbGRyZW59XG4gICAgICAgIG9uQW5pbWF0aW9uRW5kPXsoKSA9PiBleHBpcmVkICYmIG9uS2lsbCAmJiBvbktpbGwoc25hY2tiYXJJdGVtSWQpfT5cbiAgICAgICAge2NoaWxkcmVuICYmIChcbiAgICAgICAgICA8PlxuICAgICAgICAgICAgPGRpdj57Y2hpbGRyZW59PC9kaXY+XG4gICAgICAgICAgICA8V3JhcHBlckZvckJ1dHRvbnM+XG4gICAgICAgICAgICAgIHthY3Rpb25CdXR0b25zICYmXG4gICAgICAgICAgICAgICAgYWN0aW9uQnV0dG9ucy5tYXAoKHsgb25DbGljaywgdGV4dCwgYXJpYUxhYmVsIH0pID0+IChcbiAgICAgICAgICAgICAgICAgIDxTdHlsZWRBY3Rpb25CdXR0b24ga2V5PXt0ZXh0fSBsaW5rIGFyaWEtbGFiZWw9e2FyaWFMYWJlbH0gb25DbGljaz17b25DbGlja30+XG4gICAgICAgICAgICAgICAgICAgIHt0ZXh0fVxuICAgICAgICAgICAgICAgICAgPC9TdHlsZWRBY3Rpb25CdXR0b24+XG4gICAgICAgICAgICAgICAgKSl9XG4gICAgICAgICAgICAgIDxTdHlsZWRJY29uQnV0dG9uIGFyaWEtbGFiZWw9e3QoJ3NuYWNrYmFyLmNsb3NlJyl9IHNpemU9XCJ4c21hbGxcIiBvdXRsaW5lIG9uQ2xpY2s9eygpID0+IHNldEV4cGlyZWQodHJ1ZSl9PlxuICAgICAgICAgICAgICAgIDxDcm9zcyAvPlxuICAgICAgICAgICAgICA8L1N0eWxlZEljb25CdXR0b24+XG4gICAgICAgICAgICA8L1dyYXBwZXJGb3JCdXR0b25zPlxuICAgICAgICAgIDwvPlxuICAgICAgICApfVxuICAgICAgPC9TdHlsZWROb3RpZmljYXRpb24+XG4gICAgPC9XcmFwcGVyPlxuICApO1xufTtcblxuZXhwb3J0IGRlZmF1bHQgU25hY2tCYXI7XG4iXX0= */"));
+
+var StyledIconButton = /*#__PURE__*/_styled(IconButton, {
+  target: "elvn9pl1",
+  label: "StyledIconButton"
+})("svg{color:", colors.brand.greyMedium, ";}&:hover,&:focus{background:", colors.brand.greyDark, ";svg{color:", colors.brand.greyLightest, ";}}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlNuYWNrQmFyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFxQzJDIiwiZmlsZSI6IlNuYWNrQmFyLnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogQ29weXJpZ2h0IChjKSAyMDIyLXByZXNlbnQsIE5ETEEuXG4gKlxuICogVGhpcyBzb3VyY2UgY29kZSBpcyBsaWNlbnNlZCB1bmRlciB0aGUgR1BMdjMgbGljZW5zZSBmb3VuZCBpbiB0aGVcbiAqIExJQ0VOU0UgZmlsZSBpbiB0aGUgcm9vdCBkaXJlY3Rvcnkgb2YgdGhpcyBzb3VyY2UgdHJlZS5cbiAqXG4gKi9cblxuaW1wb3J0IFJlYWN0LCB7IFJlYWN0RWxlbWVudCwgdXNlUmVmLCB1c2VFZmZlY3QsIHVzZVN0YXRlIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IEJ1dHRvbiwgeyBJY29uQnV0dG9uIH0gZnJvbSAnQG5kbGEvYnV0dG9uJztcbmltcG9ydCB7IHNwYWNpbmcsIHNwYWNpbmdVbml0LCBzaGFkb3dzLCBtaXNjLCBmb250cywgY29sb3JzLCBtcSwgYnJlYWtwb2ludHMgfSBmcm9tICdAbmRsYS9jb3JlJztcbmltcG9ydCB7IENyb3NzIH0gZnJvbSAnQG5kbGEvaWNvbnMvYWN0aW9uJztcbmltcG9ydCB7IHVzZVRyYW5zbGF0aW9uIH0gZnJvbSAncmVhY3QtaTE4bmV4dCc7XG5cbmNvbnN0IFN0eWxlZEFjdGlvbkJ1dHRvbiA9IHN0eWxlZChCdXR0b24pYFxuICBjb2xvcjogJHtjb2xvcnMud2hpdGV9O1xuICBwYWRkaW5nOiAke3NwYWNpbmcueHNtYWxsfSAke3NwYWNpbmcuc21hbGx9O1xuICBib3gtc2hhZG93OiBub25lO1xuICAmOmZvY3VzLFxuICAmOmhvdmVyIHtcbiAgICBjb2xvcjogJHtjb2xvcnMuYnJhbmQuZ3JleUxpZ2h0ZXN0fTtcbiAgICBiYWNrZ3JvdW5kOiAke2NvbG9ycy5icmFuZC5ncmV5RGFya307XG4gICAgJjphZnRlciB7XG4gICAgICBvcGFjaXR5OiAwO1xuICAgIH1cbiAgfVxuICAmOmFmdGVyIHtcbiAgICBjb250ZW50OiAnJztcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGhlaWdodDogMXB4O1xuICAgIHdpZHRoOiAxMDAlO1xuICAgIGJhY2tncm91bmQ6ICR7Y29sb3JzLndoaXRlfTtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoLTJweCk7XG4gIH1cbmA7XG5cbmNvbnN0IFN0eWxlZEljb25CdXR0b24gPSBzdHlsZWQoSWNvbkJ1dHRvbilgXG4gIHN2ZyB7XG4gICAgY29sb3I6ICR7Y29sb3JzLmJyYW5kLmdyZXlNZWRpdW19O1xuICB9XG4gICY6aG92ZXIsXG4gICY6Zm9jdXMge1xuICAgIGJhY2tncm91bmQ6ICR7Y29sb3JzLmJyYW5kLmdyZXlEYXJrfTtcbiAgICBzdmcge1xuICAgICAgY29sb3I6ICR7Y29sb3JzLmJyYW5kLmdyZXlMaWdodGVzdH07XG4gICAgfVxuICB9XG5gO1xuXG5jb25zdCBXcmFwcGVyRm9yQnV0dG9ucyA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGZsZXg7XG4gICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy50YWJsZXQgfSl9IHtcbiAgICBnYXA6ICR7c3BhY2luZy54eHNtYWxsfTtcbiAgfVxuYDtcblxuaW50ZXJmYWNlIFN0eWxlZFByb3BzIHtcbiAgZXhwaXJlZD86IGJvb2xlYW47XG59XG5cbmNvbnN0IFdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBwb3NpdGlvbjogZml4ZWQ7XG4gIHotaW5kZXg6IDk5OTk5O1xuICBib3R0b206ICR7c3BhY2luZy5zbWFsbH07XG4gIGxlZnQ6ICR7c3BhY2luZy5zbWFsbH07XG4gIHJpZ2h0OiAke3NwYWNpbmcuc21hbGx9O1xuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbmA7XG5cbmNvbnN0IFN0eWxlZE5vdGlmaWNhdGlvbiA9IHN0eWxlZC5kaXY8U3R5bGVkUHJvcHM+YFxuICBtYXgtd2lkdGg6IDk2MHB4O1xuICAke2ZvbnRzLnNpemVzKDE4LCAxLjI1KX07XG4gIGJhY2tncm91bmQ6ICR7Y29sb3JzLnRleHQucHJpbWFyeX07XG4gIGNvbG9yOiAke2NvbG9ycy53aGl0ZX07XG4gIGJveC1zaGFkb3c6ICR7c2hhZG93cy5sZXZpdGF0ZTF9O1xuICBwYWRkaW5nOiAke3NwYWNpbmcuc21hbGx9O1xuICBwYWRkaW5nLXJpZ2h0OiAke3NwYWNpbmcueHNtYWxsfTtcbiAgZ2FwOiAke3NwYWNpbmcubWVkaXVtfTtcbiAgJHttcS5yYW5nZSh7IGZyb206IGJyZWFrcG9pbnRzLnRhYmxldCB9KX0ge1xuICAgIGdhcDogJHtzcGFjaW5nLmxhcmdlfTtcbiAgICBwYWRkaW5nOiAke3NwYWNpbmcuc21hbGx9ICR7c3BhY2luZy5ub3JtYWx9ICR7c3BhY2luZy5zbWFsbH0gJHtzcGFjaW5nLm1lZGl1bX07XG4gIH1cbiAgJHttcS5yYW5nZSh7IGZyb206IGJyZWFrcG9pbnRzLmRlc2t0b3AgfSl9IHtcbiAgICBnYXA6ICR7c3BhY2luZ1VuaXQgKiAzfTtcbiAgfVxuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICA+IGRpdjpmaXJzdC1vZi10eXBlIHtcbiAgICBmbGV4LWdyb3c6IDE7XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICB9XG4gICY6ZW1wdHkge1xuICAgIGRpc3BsYXk6IG5vbmU7XG4gIH1cbiAgYm9yZGVyLXJhZGl1czogJHttaXNjLmJvcmRlclJhZGl1c307XG4gIEBrZXlmcmFtZXMgc25hY2tiYXItYW5pbWF0aW9ucy1pbiB7XG4gICAgMCUge1xuICAgICAgb3BhY2l0eTogMDtcbiAgICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgke3NwYWNpbmcubWVkaXVtfSk7XG4gICAgfVxuICAgIDEwMCUge1xuICAgICAgb3BhY2l0eTogMTtcbiAgICB9XG4gIH1cbiAgQGtleWZyYW1lcyBzbmFja2Jhci1hbmltYXRpb25zLW91dCB7XG4gICAgMCUge1xuICAgICAgb3BhY2l0eTogMTtcbiAgICB9XG4gICAgMTAwJSB7XG4gICAgICBvcGFjaXR5OiAwO1xuICAgICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKCR7c3BhY2luZy5tZWRpdW19KTtcbiAgICB9XG4gIH1cbiAgYW5pbWF0aW9uOiAkeyhwcm9wcykgPT4gKHByb3BzLmV4cGlyZWQgPyAnc25hY2tiYXItYW5pbWF0aW9ucy1vdXQnIDogJ3NuYWNrYmFyLWFuaW1hdGlvbnMtaW4nKX0gMjAwbXMgZWFzZS1pbi1vdXQ7XG4gIGFuaW1hdGlvbi1maWxsLW1vZGU6IGZvcndhcmRzO1xuICAke2ZvbnRzLnNpemVzKCcxOHB4Jyl9O1xuICBmb250LWZhbWlseTogJHtmb250cy5zYW5zfTtcbmA7XG5cbmV4cG9ydCBpbnRlcmZhY2UgU25hY2tCYXJJdGVtIHtcbiAgY2hpbGRyZW4/OiBSZWFjdEVsZW1lbnQ7XG4gIHNuYWNrYmFySXRlbUlkPzogc3RyaW5nO1xufVxuXG5pbnRlcmZhY2UgU25hY2tCYXJQcm9wcyBleHRlbmRzIFNuYWNrQmFySXRlbSB7XG4gIGlkOiBzdHJpbmc7XG4gIG9uS2lsbD86IChpZDogc3RyaW5nIHwgdW5kZWZpbmVkKSA9PiB2b2lkO1xuICBhY3Rpb25CdXR0b25zPzoge1xuICAgIHRleHQ6IHN0cmluZztcbiAgICBvbkNsaWNrOiAoKSA9PiB2b2lkO1xuICAgIGFyaWFMYWJlbDogc3RyaW5nO1xuICB9W107XG59XG5cbmNvbnN0IFNuYWNrQmFyID0gKHsgb25LaWxsLCBjaGlsZHJlbiwgc25hY2tiYXJJdGVtSWQsIGlkLCBhY3Rpb25CdXR0b25zIH06IFNuYWNrQmFyUHJvcHMpID0+IHtcbiAgY29uc3QgeyB0IH0gPSB1c2VUcmFuc2xhdGlvbigpO1xuICBjb25zdCBbZXhwaXJlZCwgc2V0RXhwaXJlZF0gPSB1c2VTdGF0ZShmYWxzZSk7XG4gIGNvbnN0IHRpbWVvdXRJZCA9IHVzZVJlZjxudWxsIHwgUmV0dXJuVHlwZTx0eXBlb2Ygc2V0VGltZW91dD4+KCk7XG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgaWYgKHRpbWVvdXRJZC5jdXJyZW50KSB7XG4gICAgICB0aW1lb3V0SWQgJiYgY2xlYXJUaW1lb3V0KHRpbWVvdXRJZC5jdXJyZW50KTtcbiAgICB9XG4gICAgdGltZW91dElkLmN1cnJlbnQgPSBzZXRUaW1lb3V0KCgpID0+IHtcbiAgICAgIHNldEV4cGlyZWQodHJ1ZSk7XG4gICAgfSwgODAwMCk7XG5cbiAgICByZXR1cm4gKCkgPT4ge1xuICAgICAgdGltZW91dElkLmN1cnJlbnQgJiYgY2xlYXJUaW1lb3V0KHRpbWVvdXRJZC5jdXJyZW50KTtcbiAgICB9O1xuICB9LCBbc25hY2tiYXJJdGVtSWQsIHRpbWVvdXRJZF0pO1xuICByZXR1cm4gKFxuICAgIDxXcmFwcGVyPlxuICAgICAgPFN0eWxlZE5vdGlmaWNhdGlvblxuICAgICAgICBpZD17aWR9XG4gICAgICAgIGFyaWEtbGl2ZT1cInBvbGl0ZVwiXG4gICAgICAgIGV4cGlyZWQ9e2V4cGlyZWQgfHwgIWNoaWxkcmVufVxuICAgICAgICBvbkFuaW1hdGlvbkVuZD17KCkgPT4gZXhwaXJlZCAmJiBvbktpbGwgJiYgb25LaWxsKHNuYWNrYmFySXRlbUlkKX0+XG4gICAgICAgIHtjaGlsZHJlbiAmJiAoXG4gICAgICAgICAgPD5cbiAgICAgICAgICAgIDxkaXY+e2NoaWxkcmVufTwvZGl2PlxuICAgICAgICAgICAgPFdyYXBwZXJGb3JCdXR0b25zPlxuICAgICAgICAgICAgICB7YWN0aW9uQnV0dG9ucyAmJlxuICAgICAgICAgICAgICAgIGFjdGlvbkJ1dHRvbnMubWFwKCh7IG9uQ2xpY2ssIHRleHQsIGFyaWFMYWJlbCB9KSA9PiAoXG4gICAgICAgICAgICAgICAgICA8U3R5bGVkQWN0aW9uQnV0dG9uIGtleT17dGV4dH0gbGluayBhcmlhLWxhYmVsPXthcmlhTGFiZWx9IG9uQ2xpY2s9e29uQ2xpY2t9PlxuICAgICAgICAgICAgICAgICAgICB7dGV4dH1cbiAgICAgICAgICAgICAgICAgIDwvU3R5bGVkQWN0aW9uQnV0dG9uPlxuICAgICAgICAgICAgICAgICkpfVxuICAgICAgICAgICAgICA8U3R5bGVkSWNvbkJ1dHRvbiBhcmlhLWxhYmVsPXt0KCdzbmFja2Jhci5jbG9zZScpfSBzaXplPVwieHNtYWxsXCIgb3V0bGluZSBvbkNsaWNrPXsoKSA9PiBzZXRFeHBpcmVkKHRydWUpfT5cbiAgICAgICAgICAgICAgICA8Q3Jvc3MgLz5cbiAgICAgICAgICAgICAgPC9TdHlsZWRJY29uQnV0dG9uPlxuICAgICAgICAgICAgPC9XcmFwcGVyRm9yQnV0dG9ucz5cbiAgICAgICAgICA8Lz5cbiAgICAgICAgKX1cbiAgICAgIDwvU3R5bGVkTm90aWZpY2F0aW9uPlxuICAgIDwvV3JhcHBlcj5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IFNuYWNrQmFyO1xuIl19 */"));
+
+var WrapperForButtons = _styled("div", {
+  target: "elvn9pl2",
+  label: "WrapperForButtons"
+})("display:flex;", mq.range({
+  from: breakpoints.tablet
+}), "{gap:", spacing.xxsmall, ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlNuYWNrQmFyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFrRG9DIiwiZmlsZSI6IlNuYWNrQmFyLnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogQ29weXJpZ2h0IChjKSAyMDIyLXByZXNlbnQsIE5ETEEuXG4gKlxuICogVGhpcyBzb3VyY2UgY29kZSBpcyBsaWNlbnNlZCB1bmRlciB0aGUgR1BMdjMgbGljZW5zZSBmb3VuZCBpbiB0aGVcbiAqIExJQ0VOU0UgZmlsZSBpbiB0aGUgcm9vdCBkaXJlY3Rvcnkgb2YgdGhpcyBzb3VyY2UgdHJlZS5cbiAqXG4gKi9cblxuaW1wb3J0IFJlYWN0LCB7IFJlYWN0RWxlbWVudCwgdXNlUmVmLCB1c2VFZmZlY3QsIHVzZVN0YXRlIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IEJ1dHRvbiwgeyBJY29uQnV0dG9uIH0gZnJvbSAnQG5kbGEvYnV0dG9uJztcbmltcG9ydCB7IHNwYWNpbmcsIHNwYWNpbmdVbml0LCBzaGFkb3dzLCBtaXNjLCBmb250cywgY29sb3JzLCBtcSwgYnJlYWtwb2ludHMgfSBmcm9tICdAbmRsYS9jb3JlJztcbmltcG9ydCB7IENyb3NzIH0gZnJvbSAnQG5kbGEvaWNvbnMvYWN0aW9uJztcbmltcG9ydCB7IHVzZVRyYW5zbGF0aW9uIH0gZnJvbSAncmVhY3QtaTE4bmV4dCc7XG5cbmNvbnN0IFN0eWxlZEFjdGlvbkJ1dHRvbiA9IHN0eWxlZChCdXR0b24pYFxuICBjb2xvcjogJHtjb2xvcnMud2hpdGV9O1xuICBwYWRkaW5nOiAke3NwYWNpbmcueHNtYWxsfSAke3NwYWNpbmcuc21hbGx9O1xuICBib3gtc2hhZG93OiBub25lO1xuICAmOmZvY3VzLFxuICAmOmhvdmVyIHtcbiAgICBjb2xvcjogJHtjb2xvcnMuYnJhbmQuZ3JleUxpZ2h0ZXN0fTtcbiAgICBiYWNrZ3JvdW5kOiAke2NvbG9ycy5icmFuZC5ncmV5RGFya307XG4gICAgJjphZnRlciB7XG4gICAgICBvcGFjaXR5OiAwO1xuICAgIH1cbiAgfVxuICAmOmFmdGVyIHtcbiAgICBjb250ZW50OiAnJztcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGhlaWdodDogMXB4O1xuICAgIHdpZHRoOiAxMDAlO1xuICAgIGJhY2tncm91bmQ6ICR7Y29sb3JzLndoaXRlfTtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoLTJweCk7XG4gIH1cbmA7XG5cbmNvbnN0IFN0eWxlZEljb25CdXR0b24gPSBzdHlsZWQoSWNvbkJ1dHRvbilgXG4gIHN2ZyB7XG4gICAgY29sb3I6ICR7Y29sb3JzLmJyYW5kLmdyZXlNZWRpdW19O1xuICB9XG4gICY6aG92ZXIsXG4gICY6Zm9jdXMge1xuICAgIGJhY2tncm91bmQ6ICR7Y29sb3JzLmJyYW5kLmdyZXlEYXJrfTtcbiAgICBzdmcge1xuICAgICAgY29sb3I6ICR7Y29sb3JzLmJyYW5kLmdyZXlMaWdodGVzdH07XG4gICAgfVxuICB9XG5gO1xuXG5jb25zdCBXcmFwcGVyRm9yQnV0dG9ucyA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGZsZXg7XG4gICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy50YWJsZXQgfSl9IHtcbiAgICBnYXA6ICR7c3BhY2luZy54eHNtYWxsfTtcbiAgfVxuYDtcblxuaW50ZXJmYWNlIFN0eWxlZFByb3BzIHtcbiAgZXhwaXJlZD86IGJvb2xlYW47XG59XG5cbmNvbnN0IFdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBwb3NpdGlvbjogZml4ZWQ7XG4gIHotaW5kZXg6IDk5OTk5O1xuICBib3R0b206ICR7c3BhY2luZy5zbWFsbH07XG4gIGxlZnQ6ICR7c3BhY2luZy5zbWFsbH07XG4gIHJpZ2h0OiAke3NwYWNpbmcuc21hbGx9O1xuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbmA7XG5cbmNvbnN0IFN0eWxlZE5vdGlmaWNhdGlvbiA9IHN0eWxlZC5kaXY8U3R5bGVkUHJvcHM+YFxuICBtYXgtd2lkdGg6IDk2MHB4O1xuICAke2ZvbnRzLnNpemVzKDE4LCAxLjI1KX07XG4gIGJhY2tncm91bmQ6ICR7Y29sb3JzLnRleHQucHJpbWFyeX07XG4gIGNvbG9yOiAke2NvbG9ycy53aGl0ZX07XG4gIGJveC1zaGFkb3c6ICR7c2hhZG93cy5sZXZpdGF0ZTF9O1xuICBwYWRkaW5nOiAke3NwYWNpbmcuc21hbGx9O1xuICBwYWRkaW5nLXJpZ2h0OiAke3NwYWNpbmcueHNtYWxsfTtcbiAgZ2FwOiAke3NwYWNpbmcubWVkaXVtfTtcbiAgJHttcS5yYW5nZSh7IGZyb206IGJyZWFrcG9pbnRzLnRhYmxldCB9KX0ge1xuICAgIGdhcDogJHtzcGFjaW5nLmxhcmdlfTtcbiAgICBwYWRkaW5nOiAke3NwYWNpbmcuc21hbGx9ICR7c3BhY2luZy5ub3JtYWx9ICR7c3BhY2luZy5zbWFsbH0gJHtzcGFjaW5nLm1lZGl1bX07XG4gIH1cbiAgJHttcS5yYW5nZSh7IGZyb206IGJyZWFrcG9pbnRzLmRlc2t0b3AgfSl9IHtcbiAgICBnYXA6ICR7c3BhY2luZ1VuaXQgKiAzfTtcbiAgfVxuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICA+IGRpdjpmaXJzdC1vZi10eXBlIHtcbiAgICBmbGV4LWdyb3c6IDE7XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICB9XG4gICY6ZW1wdHkge1xuICAgIGRpc3BsYXk6IG5vbmU7XG4gIH1cbiAgYm9yZGVyLXJhZGl1czogJHttaXNjLmJvcmRlclJhZGl1c307XG4gIEBrZXlmcmFtZXMgc25hY2tiYXItYW5pbWF0aW9ucy1pbiB7XG4gICAgMCUge1xuICAgICAgb3BhY2l0eTogMDtcbiAgICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgke3NwYWNpbmcubWVkaXVtfSk7XG4gICAgfVxuICAgIDEwMCUge1xuICAgICAgb3BhY2l0eTogMTtcbiAgICB9XG4gIH1cbiAgQGtleWZyYW1lcyBzbmFja2Jhci1hbmltYXRpb25zLW91dCB7XG4gICAgMCUge1xuICAgICAgb3BhY2l0eTogMTtcbiAgICB9XG4gICAgMTAwJSB7XG4gICAgICBvcGFjaXR5OiAwO1xuICAgICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKCR7c3BhY2luZy5tZWRpdW19KTtcbiAgICB9XG4gIH1cbiAgYW5pbWF0aW9uOiAkeyhwcm9wcykgPT4gKHByb3BzLmV4cGlyZWQgPyAnc25hY2tiYXItYW5pbWF0aW9ucy1vdXQnIDogJ3NuYWNrYmFyLWFuaW1hdGlvbnMtaW4nKX0gMjAwbXMgZWFzZS1pbi1vdXQ7XG4gIGFuaW1hdGlvbi1maWxsLW1vZGU6IGZvcndhcmRzO1xuICAke2ZvbnRzLnNpemVzKCcxOHB4Jyl9O1xuICBmb250LWZhbWlseTogJHtmb250cy5zYW5zfTtcbmA7XG5cbmV4cG9ydCBpbnRlcmZhY2UgU25hY2tCYXJJdGVtIHtcbiAgY2hpbGRyZW4/OiBSZWFjdEVsZW1lbnQ7XG4gIHNuYWNrYmFySXRlbUlkPzogc3RyaW5nO1xufVxuXG5pbnRlcmZhY2UgU25hY2tCYXJQcm9wcyBleHRlbmRzIFNuYWNrQmFySXRlbSB7XG4gIGlkOiBzdHJpbmc7XG4gIG9uS2lsbD86IChpZDogc3RyaW5nIHwgdW5kZWZpbmVkKSA9PiB2b2lkO1xuICBhY3Rpb25CdXR0b25zPzoge1xuICAgIHRleHQ6IHN0cmluZztcbiAgICBvbkNsaWNrOiAoKSA9PiB2b2lkO1xuICAgIGFyaWFMYWJlbDogc3RyaW5nO1xuICB9W107XG59XG5cbmNvbnN0IFNuYWNrQmFyID0gKHsgb25LaWxsLCBjaGlsZHJlbiwgc25hY2tiYXJJdGVtSWQsIGlkLCBhY3Rpb25CdXR0b25zIH06IFNuYWNrQmFyUHJvcHMpID0+IHtcbiAgY29uc3QgeyB0IH0gPSB1c2VUcmFuc2xhdGlvbigpO1xuICBjb25zdCBbZXhwaXJlZCwgc2V0RXhwaXJlZF0gPSB1c2VTdGF0ZShmYWxzZSk7XG4gIGNvbnN0IHRpbWVvdXRJZCA9IHVzZVJlZjxudWxsIHwgUmV0dXJuVHlwZTx0eXBlb2Ygc2V0VGltZW91dD4+KCk7XG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgaWYgKHRpbWVvdXRJZC5jdXJyZW50KSB7XG4gICAgICB0aW1lb3V0SWQgJiYgY2xlYXJUaW1lb3V0KHRpbWVvdXRJZC5jdXJyZW50KTtcbiAgICB9XG4gICAgdGltZW91dElkLmN1cnJlbnQgPSBzZXRUaW1lb3V0KCgpID0+IHtcbiAgICAgIHNldEV4cGlyZWQodHJ1ZSk7XG4gICAgfSwgODAwMCk7XG5cbiAgICByZXR1cm4gKCkgPT4ge1xuICAgICAgdGltZW91dElkLmN1cnJlbnQgJiYgY2xlYXJUaW1lb3V0KHRpbWVvdXRJZC5jdXJyZW50KTtcbiAgICB9O1xuICB9LCBbc25hY2tiYXJJdGVtSWQsIHRpbWVvdXRJZF0pO1xuICByZXR1cm4gKFxuICAgIDxXcmFwcGVyPlxuICAgICAgPFN0eWxlZE5vdGlmaWNhdGlvblxuICAgICAgICBpZD17aWR9XG4gICAgICAgIGFyaWEtbGl2ZT1cInBvbGl0ZVwiXG4gICAgICAgIGV4cGlyZWQ9e2V4cGlyZWQgfHwgIWNoaWxkcmVufVxuICAgICAgICBvbkFuaW1hdGlvbkVuZD17KCkgPT4gZXhwaXJlZCAmJiBvbktpbGwgJiYgb25LaWxsKHNuYWNrYmFySXRlbUlkKX0+XG4gICAgICAgIHtjaGlsZHJlbiAmJiAoXG4gICAgICAgICAgPD5cbiAgICAgICAgICAgIDxkaXY+e2NoaWxkcmVufTwvZGl2PlxuICAgICAgICAgICAgPFdyYXBwZXJGb3JCdXR0b25zPlxuICAgICAgICAgICAgICB7YWN0aW9uQnV0dG9ucyAmJlxuICAgICAgICAgICAgICAgIGFjdGlvbkJ1dHRvbnMubWFwKCh7IG9uQ2xpY2ssIHRleHQsIGFyaWFMYWJlbCB9KSA9PiAoXG4gICAgICAgICAgICAgICAgICA8U3R5bGVkQWN0aW9uQnV0dG9uIGtleT17dGV4dH0gbGluayBhcmlhLWxhYmVsPXthcmlhTGFiZWx9IG9uQ2xpY2s9e29uQ2xpY2t9PlxuICAgICAgICAgICAgICAgICAgICB7dGV4dH1cbiAgICAgICAgICAgICAgICAgIDwvU3R5bGVkQWN0aW9uQnV0dG9uPlxuICAgICAgICAgICAgICAgICkpfVxuICAgICAgICAgICAgICA8U3R5bGVkSWNvbkJ1dHRvbiBhcmlhLWxhYmVsPXt0KCdzbmFja2Jhci5jbG9zZScpfSBzaXplPVwieHNtYWxsXCIgb3V0bGluZSBvbkNsaWNrPXsoKSA9PiBzZXRFeHBpcmVkKHRydWUpfT5cbiAgICAgICAgICAgICAgICA8Q3Jvc3MgLz5cbiAgICAgICAgICAgICAgPC9TdHlsZWRJY29uQnV0dG9uPlxuICAgICAgICAgICAgPC9XcmFwcGVyRm9yQnV0dG9ucz5cbiAgICAgICAgICA8Lz5cbiAgICAgICAgKX1cbiAgICAgIDwvU3R5bGVkTm90aWZpY2F0aW9uPlxuICAgIDwvV3JhcHBlcj5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IFNuYWNrQmFyO1xuIl19 */"));
+
+var Wrapper = _styled("div", {
+  target: "elvn9pl3",
+  label: "Wrapper"
+})("position:fixed;z-index:99999;bottom:", spacing.small, ";left:", spacing.small, ";right:", spacing.small, ";display:flex;justify-content:center;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlNuYWNrQmFyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE2RDBCIiwiZmlsZSI6IlNuYWNrQmFyLnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogQ29weXJpZ2h0IChjKSAyMDIyLXByZXNlbnQsIE5ETEEuXG4gKlxuICogVGhpcyBzb3VyY2UgY29kZSBpcyBsaWNlbnNlZCB1bmRlciB0aGUgR1BMdjMgbGljZW5zZSBmb3VuZCBpbiB0aGVcbiAqIExJQ0VOU0UgZmlsZSBpbiB0aGUgcm9vdCBkaXJlY3Rvcnkgb2YgdGhpcyBzb3VyY2UgdHJlZS5cbiAqXG4gKi9cblxuaW1wb3J0IFJlYWN0LCB7IFJlYWN0RWxlbWVudCwgdXNlUmVmLCB1c2VFZmZlY3QsIHVzZVN0YXRlIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IEJ1dHRvbiwgeyBJY29uQnV0dG9uIH0gZnJvbSAnQG5kbGEvYnV0dG9uJztcbmltcG9ydCB7IHNwYWNpbmcsIHNwYWNpbmdVbml0LCBzaGFkb3dzLCBtaXNjLCBmb250cywgY29sb3JzLCBtcSwgYnJlYWtwb2ludHMgfSBmcm9tICdAbmRsYS9jb3JlJztcbmltcG9ydCB7IENyb3NzIH0gZnJvbSAnQG5kbGEvaWNvbnMvYWN0aW9uJztcbmltcG9ydCB7IHVzZVRyYW5zbGF0aW9uIH0gZnJvbSAncmVhY3QtaTE4bmV4dCc7XG5cbmNvbnN0IFN0eWxlZEFjdGlvbkJ1dHRvbiA9IHN0eWxlZChCdXR0b24pYFxuICBjb2xvcjogJHtjb2xvcnMud2hpdGV9O1xuICBwYWRkaW5nOiAke3NwYWNpbmcueHNtYWxsfSAke3NwYWNpbmcuc21hbGx9O1xuICBib3gtc2hhZG93OiBub25lO1xuICAmOmZvY3VzLFxuICAmOmhvdmVyIHtcbiAgICBjb2xvcjogJHtjb2xvcnMuYnJhbmQuZ3JleUxpZ2h0ZXN0fTtcbiAgICBiYWNrZ3JvdW5kOiAke2NvbG9ycy5icmFuZC5ncmV5RGFya307XG4gICAgJjphZnRlciB7XG4gICAgICBvcGFjaXR5OiAwO1xuICAgIH1cbiAgfVxuICAmOmFmdGVyIHtcbiAgICBjb250ZW50OiAnJztcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGhlaWdodDogMXB4O1xuICAgIHdpZHRoOiAxMDAlO1xuICAgIGJhY2tncm91bmQ6ICR7Y29sb3JzLndoaXRlfTtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoLTJweCk7XG4gIH1cbmA7XG5cbmNvbnN0IFN0eWxlZEljb25CdXR0b24gPSBzdHlsZWQoSWNvbkJ1dHRvbilgXG4gIHN2ZyB7XG4gICAgY29sb3I6ICR7Y29sb3JzLmJyYW5kLmdyZXlNZWRpdW19O1xuICB9XG4gICY6aG92ZXIsXG4gICY6Zm9jdXMge1xuICAgIGJhY2tncm91bmQ6ICR7Y29sb3JzLmJyYW5kLmdyZXlEYXJrfTtcbiAgICBzdmcge1xuICAgICAgY29sb3I6ICR7Y29sb3JzLmJyYW5kLmdyZXlMaWdodGVzdH07XG4gICAgfVxuICB9XG5gO1xuXG5jb25zdCBXcmFwcGVyRm9yQnV0dG9ucyA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGZsZXg7XG4gICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy50YWJsZXQgfSl9IHtcbiAgICBnYXA6ICR7c3BhY2luZy54eHNtYWxsfTtcbiAgfVxuYDtcblxuaW50ZXJmYWNlIFN0eWxlZFByb3BzIHtcbiAgZXhwaXJlZD86IGJvb2xlYW47XG59XG5cbmNvbnN0IFdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBwb3NpdGlvbjogZml4ZWQ7XG4gIHotaW5kZXg6IDk5OTk5O1xuICBib3R0b206ICR7c3BhY2luZy5zbWFsbH07XG4gIGxlZnQ6ICR7c3BhY2luZy5zbWFsbH07XG4gIHJpZ2h0OiAke3NwYWNpbmcuc21hbGx9O1xuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbmA7XG5cbmNvbnN0IFN0eWxlZE5vdGlmaWNhdGlvbiA9IHN0eWxlZC5kaXY8U3R5bGVkUHJvcHM+YFxuICBtYXgtd2lkdGg6IDk2MHB4O1xuICAke2ZvbnRzLnNpemVzKDE4LCAxLjI1KX07XG4gIGJhY2tncm91bmQ6ICR7Y29sb3JzLnRleHQucHJpbWFyeX07XG4gIGNvbG9yOiAke2NvbG9ycy53aGl0ZX07XG4gIGJveC1zaGFkb3c6ICR7c2hhZG93cy5sZXZpdGF0ZTF9O1xuICBwYWRkaW5nOiAke3NwYWNpbmcuc21hbGx9O1xuICBwYWRkaW5nLXJpZ2h0OiAke3NwYWNpbmcueHNtYWxsfTtcbiAgZ2FwOiAke3NwYWNpbmcubWVkaXVtfTtcbiAgJHttcS5yYW5nZSh7IGZyb206IGJyZWFrcG9pbnRzLnRhYmxldCB9KX0ge1xuICAgIGdhcDogJHtzcGFjaW5nLmxhcmdlfTtcbiAgICBwYWRkaW5nOiAke3NwYWNpbmcuc21hbGx9ICR7c3BhY2luZy5ub3JtYWx9ICR7c3BhY2luZy5zbWFsbH0gJHtzcGFjaW5nLm1lZGl1bX07XG4gIH1cbiAgJHttcS5yYW5nZSh7IGZyb206IGJyZWFrcG9pbnRzLmRlc2t0b3AgfSl9IHtcbiAgICBnYXA6ICR7c3BhY2luZ1VuaXQgKiAzfTtcbiAgfVxuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICA+IGRpdjpmaXJzdC1vZi10eXBlIHtcbiAgICBmbGV4LWdyb3c6IDE7XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICB9XG4gICY6ZW1wdHkge1xuICAgIGRpc3BsYXk6IG5vbmU7XG4gIH1cbiAgYm9yZGVyLXJhZGl1czogJHttaXNjLmJvcmRlclJhZGl1c307XG4gIEBrZXlmcmFtZXMgc25hY2tiYXItYW5pbWF0aW9ucy1pbiB7XG4gICAgMCUge1xuICAgICAgb3BhY2l0eTogMDtcbiAgICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgke3NwYWNpbmcubWVkaXVtfSk7XG4gICAgfVxuICAgIDEwMCUge1xuICAgICAgb3BhY2l0eTogMTtcbiAgICB9XG4gIH1cbiAgQGtleWZyYW1lcyBzbmFja2Jhci1hbmltYXRpb25zLW91dCB7XG4gICAgMCUge1xuICAgICAgb3BhY2l0eTogMTtcbiAgICB9XG4gICAgMTAwJSB7XG4gICAgICBvcGFjaXR5OiAwO1xuICAgICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKCR7c3BhY2luZy5tZWRpdW19KTtcbiAgICB9XG4gIH1cbiAgYW5pbWF0aW9uOiAkeyhwcm9wcykgPT4gKHByb3BzLmV4cGlyZWQgPyAnc25hY2tiYXItYW5pbWF0aW9ucy1vdXQnIDogJ3NuYWNrYmFyLWFuaW1hdGlvbnMtaW4nKX0gMjAwbXMgZWFzZS1pbi1vdXQ7XG4gIGFuaW1hdGlvbi1maWxsLW1vZGU6IGZvcndhcmRzO1xuICAke2ZvbnRzLnNpemVzKCcxOHB4Jyl9O1xuICBmb250LWZhbWlseTogJHtmb250cy5zYW5zfTtcbmA7XG5cbmV4cG9ydCBpbnRlcmZhY2UgU25hY2tCYXJJdGVtIHtcbiAgY2hpbGRyZW4/OiBSZWFjdEVsZW1lbnQ7XG4gIHNuYWNrYmFySXRlbUlkPzogc3RyaW5nO1xufVxuXG5pbnRlcmZhY2UgU25hY2tCYXJQcm9wcyBleHRlbmRzIFNuYWNrQmFySXRlbSB7XG4gIGlkOiBzdHJpbmc7XG4gIG9uS2lsbD86IChpZDogc3RyaW5nIHwgdW5kZWZpbmVkKSA9PiB2b2lkO1xuICBhY3Rpb25CdXR0b25zPzoge1xuICAgIHRleHQ6IHN0cmluZztcbiAgICBvbkNsaWNrOiAoKSA9PiB2b2lkO1xuICAgIGFyaWFMYWJlbDogc3RyaW5nO1xuICB9W107XG59XG5cbmNvbnN0IFNuYWNrQmFyID0gKHsgb25LaWxsLCBjaGlsZHJlbiwgc25hY2tiYXJJdGVtSWQsIGlkLCBhY3Rpb25CdXR0b25zIH06IFNuYWNrQmFyUHJvcHMpID0+IHtcbiAgY29uc3QgeyB0IH0gPSB1c2VUcmFuc2xhdGlvbigpO1xuICBjb25zdCBbZXhwaXJlZCwgc2V0RXhwaXJlZF0gPSB1c2VTdGF0ZShmYWxzZSk7XG4gIGNvbnN0IHRpbWVvdXRJZCA9IHVzZVJlZjxudWxsIHwgUmV0dXJuVHlwZTx0eXBlb2Ygc2V0VGltZW91dD4+KCk7XG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgaWYgKHRpbWVvdXRJZC5jdXJyZW50KSB7XG4gICAgICB0aW1lb3V0SWQgJiYgY2xlYXJUaW1lb3V0KHRpbWVvdXRJZC5jdXJyZW50KTtcbiAgICB9XG4gICAgdGltZW91dElkLmN1cnJlbnQgPSBzZXRUaW1lb3V0KCgpID0+IHtcbiAgICAgIHNldEV4cGlyZWQodHJ1ZSk7XG4gICAgfSwgODAwMCk7XG5cbiAgICByZXR1cm4gKCkgPT4ge1xuICAgICAgdGltZW91dElkLmN1cnJlbnQgJiYgY2xlYXJUaW1lb3V0KHRpbWVvdXRJZC5jdXJyZW50KTtcbiAgICB9O1xuICB9LCBbc25hY2tiYXJJdGVtSWQsIHRpbWVvdXRJZF0pO1xuICByZXR1cm4gKFxuICAgIDxXcmFwcGVyPlxuICAgICAgPFN0eWxlZE5vdGlmaWNhdGlvblxuICAgICAgICBpZD17aWR9XG4gICAgICAgIGFyaWEtbGl2ZT1cInBvbGl0ZVwiXG4gICAgICAgIGV4cGlyZWQ9e2V4cGlyZWQgfHwgIWNoaWxkcmVufVxuICAgICAgICBvbkFuaW1hdGlvbkVuZD17KCkgPT4gZXhwaXJlZCAmJiBvbktpbGwgJiYgb25LaWxsKHNuYWNrYmFySXRlbUlkKX0+XG4gICAgICAgIHtjaGlsZHJlbiAmJiAoXG4gICAgICAgICAgPD5cbiAgICAgICAgICAgIDxkaXY+e2NoaWxkcmVufTwvZGl2PlxuICAgICAgICAgICAgPFdyYXBwZXJGb3JCdXR0b25zPlxuICAgICAgICAgICAgICB7YWN0aW9uQnV0dG9ucyAmJlxuICAgICAgICAgICAgICAgIGFjdGlvbkJ1dHRvbnMubWFwKCh7IG9uQ2xpY2ssIHRleHQsIGFyaWFMYWJlbCB9KSA9PiAoXG4gICAgICAgICAgICAgICAgICA8U3R5bGVkQWN0aW9uQnV0dG9uIGtleT17dGV4dH0gbGluayBhcmlhLWxhYmVsPXthcmlhTGFiZWx9IG9uQ2xpY2s9e29uQ2xpY2t9PlxuICAgICAgICAgICAgICAgICAgICB7dGV4dH1cbiAgICAgICAgICAgICAgICAgIDwvU3R5bGVkQWN0aW9uQnV0dG9uPlxuICAgICAgICAgICAgICAgICkpfVxuICAgICAgICAgICAgICA8U3R5bGVkSWNvbkJ1dHRvbiBhcmlhLWxhYmVsPXt0KCdzbmFja2Jhci5jbG9zZScpfSBzaXplPVwieHNtYWxsXCIgb3V0bGluZSBvbkNsaWNrPXsoKSA9PiBzZXRFeHBpcmVkKHRydWUpfT5cbiAgICAgICAgICAgICAgICA8Q3Jvc3MgLz5cbiAgICAgICAgICAgICAgPC9TdHlsZWRJY29uQnV0dG9uPlxuICAgICAgICAgICAgPC9XcmFwcGVyRm9yQnV0dG9ucz5cbiAgICAgICAgICA8Lz5cbiAgICAgICAgKX1cbiAgICAgIDwvU3R5bGVkTm90aWZpY2F0aW9uPlxuICAgIDwvV3JhcHBlcj5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IFNuYWNrQmFyO1xuIl19 */"));
+
+var StyledNotification = _styled("div", {
+  target: "elvn9pl4",
+  label: "StyledNotification"
+})("max-width:960px;", fonts.sizes(18, 1.25), ";background:", colors.text.primary, ";color:", colors.white, ";box-shadow:", shadows.levitate1, ";padding:", spacing.small, ";padding-right:", spacing.xsmall, ";gap:", spacing.medium, ";", mq.range({
+  from: breakpoints.tablet
+}), "{gap:", spacing.large, ";padding:", spacing.small, " ", spacing.normal, " ", spacing.small, " ", spacing.medium, ";}", mq.range({
+  from: breakpoints.desktop
+}), "{gap:", spacingUnit * 3, ";}display:flex;align-items:center;> div:first-of-type{flex-grow:1;display:flex;align-items:center;justify-content:center;}&:empty{display:none;}border-radius:", misc.borderRadius, ";@keyframes snackbar-animations-in{0%{opacity:0;transform:translateY(", spacing.medium, ");}100%{opacity:1;}}@keyframes snackbar-animations-out{0%{opacity:1;}100%{opacity:0;transform:translateY(", spacing.medium, ");}}animation:", function (props) {
+  return props.expired ? 'snackbar-animations-out' : 'snackbar-animations-in';
+}, " 200ms ease-in-out;animation-fill-mode:forwards;", fonts.sizes('18px'), ";font-family:", fonts.sans, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlNuYWNrQmFyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF1RWtEIiwiZmlsZSI6IlNuYWNrQmFyLnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogQ29weXJpZ2h0IChjKSAyMDIyLXByZXNlbnQsIE5ETEEuXG4gKlxuICogVGhpcyBzb3VyY2UgY29kZSBpcyBsaWNlbnNlZCB1bmRlciB0aGUgR1BMdjMgbGljZW5zZSBmb3VuZCBpbiB0aGVcbiAqIExJQ0VOU0UgZmlsZSBpbiB0aGUgcm9vdCBkaXJlY3Rvcnkgb2YgdGhpcyBzb3VyY2UgdHJlZS5cbiAqXG4gKi9cblxuaW1wb3J0IFJlYWN0LCB7IFJlYWN0RWxlbWVudCwgdXNlUmVmLCB1c2VFZmZlY3QsIHVzZVN0YXRlIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IEJ1dHRvbiwgeyBJY29uQnV0dG9uIH0gZnJvbSAnQG5kbGEvYnV0dG9uJztcbmltcG9ydCB7IHNwYWNpbmcsIHNwYWNpbmdVbml0LCBzaGFkb3dzLCBtaXNjLCBmb250cywgY29sb3JzLCBtcSwgYnJlYWtwb2ludHMgfSBmcm9tICdAbmRsYS9jb3JlJztcbmltcG9ydCB7IENyb3NzIH0gZnJvbSAnQG5kbGEvaWNvbnMvYWN0aW9uJztcbmltcG9ydCB7IHVzZVRyYW5zbGF0aW9uIH0gZnJvbSAncmVhY3QtaTE4bmV4dCc7XG5cbmNvbnN0IFN0eWxlZEFjdGlvbkJ1dHRvbiA9IHN0eWxlZChCdXR0b24pYFxuICBjb2xvcjogJHtjb2xvcnMud2hpdGV9O1xuICBwYWRkaW5nOiAke3NwYWNpbmcueHNtYWxsfSAke3NwYWNpbmcuc21hbGx9O1xuICBib3gtc2hhZG93OiBub25lO1xuICAmOmZvY3VzLFxuICAmOmhvdmVyIHtcbiAgICBjb2xvcjogJHtjb2xvcnMuYnJhbmQuZ3JleUxpZ2h0ZXN0fTtcbiAgICBiYWNrZ3JvdW5kOiAke2NvbG9ycy5icmFuZC5ncmV5RGFya307XG4gICAgJjphZnRlciB7XG4gICAgICBvcGFjaXR5OiAwO1xuICAgIH1cbiAgfVxuICAmOmFmdGVyIHtcbiAgICBjb250ZW50OiAnJztcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGhlaWdodDogMXB4O1xuICAgIHdpZHRoOiAxMDAlO1xuICAgIGJhY2tncm91bmQ6ICR7Y29sb3JzLndoaXRlfTtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoLTJweCk7XG4gIH1cbmA7XG5cbmNvbnN0IFN0eWxlZEljb25CdXR0b24gPSBzdHlsZWQoSWNvbkJ1dHRvbilgXG4gIHN2ZyB7XG4gICAgY29sb3I6ICR7Y29sb3JzLmJyYW5kLmdyZXlNZWRpdW19O1xuICB9XG4gICY6aG92ZXIsXG4gICY6Zm9jdXMge1xuICAgIGJhY2tncm91bmQ6ICR7Y29sb3JzLmJyYW5kLmdyZXlEYXJrfTtcbiAgICBzdmcge1xuICAgICAgY29sb3I6ICR7Y29sb3JzLmJyYW5kLmdyZXlMaWdodGVzdH07XG4gICAgfVxuICB9XG5gO1xuXG5jb25zdCBXcmFwcGVyRm9yQnV0dG9ucyA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGZsZXg7XG4gICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy50YWJsZXQgfSl9IHtcbiAgICBnYXA6ICR7c3BhY2luZy54eHNtYWxsfTtcbiAgfVxuYDtcblxuaW50ZXJmYWNlIFN0eWxlZFByb3BzIHtcbiAgZXhwaXJlZD86IGJvb2xlYW47XG59XG5cbmNvbnN0IFdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBwb3NpdGlvbjogZml4ZWQ7XG4gIHotaW5kZXg6IDk5OTk5O1xuICBib3R0b206ICR7c3BhY2luZy5zbWFsbH07XG4gIGxlZnQ6ICR7c3BhY2luZy5zbWFsbH07XG4gIHJpZ2h0OiAke3NwYWNpbmcuc21hbGx9O1xuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbmA7XG5cbmNvbnN0IFN0eWxlZE5vdGlmaWNhdGlvbiA9IHN0eWxlZC5kaXY8U3R5bGVkUHJvcHM+YFxuICBtYXgtd2lkdGg6IDk2MHB4O1xuICAke2ZvbnRzLnNpemVzKDE4LCAxLjI1KX07XG4gIGJhY2tncm91bmQ6ICR7Y29sb3JzLnRleHQucHJpbWFyeX07XG4gIGNvbG9yOiAke2NvbG9ycy53aGl0ZX07XG4gIGJveC1zaGFkb3c6ICR7c2hhZG93cy5sZXZpdGF0ZTF9O1xuICBwYWRkaW5nOiAke3NwYWNpbmcuc21hbGx9O1xuICBwYWRkaW5nLXJpZ2h0OiAke3NwYWNpbmcueHNtYWxsfTtcbiAgZ2FwOiAke3NwYWNpbmcubWVkaXVtfTtcbiAgJHttcS5yYW5nZSh7IGZyb206IGJyZWFrcG9pbnRzLnRhYmxldCB9KX0ge1xuICAgIGdhcDogJHtzcGFjaW5nLmxhcmdlfTtcbiAgICBwYWRkaW5nOiAke3NwYWNpbmcuc21hbGx9ICR7c3BhY2luZy5ub3JtYWx9ICR7c3BhY2luZy5zbWFsbH0gJHtzcGFjaW5nLm1lZGl1bX07XG4gIH1cbiAgJHttcS5yYW5nZSh7IGZyb206IGJyZWFrcG9pbnRzLmRlc2t0b3AgfSl9IHtcbiAgICBnYXA6ICR7c3BhY2luZ1VuaXQgKiAzfTtcbiAgfVxuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICA+IGRpdjpmaXJzdC1vZi10eXBlIHtcbiAgICBmbGV4LWdyb3c6IDE7XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICB9XG4gICY6ZW1wdHkge1xuICAgIGRpc3BsYXk6IG5vbmU7XG4gIH1cbiAgYm9yZGVyLXJhZGl1czogJHttaXNjLmJvcmRlclJhZGl1c307XG4gIEBrZXlmcmFtZXMgc25hY2tiYXItYW5pbWF0aW9ucy1pbiB7XG4gICAgMCUge1xuICAgICAgb3BhY2l0eTogMDtcbiAgICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgke3NwYWNpbmcubWVkaXVtfSk7XG4gICAgfVxuICAgIDEwMCUge1xuICAgICAgb3BhY2l0eTogMTtcbiAgICB9XG4gIH1cbiAgQGtleWZyYW1lcyBzbmFja2Jhci1hbmltYXRpb25zLW91dCB7XG4gICAgMCUge1xuICAgICAgb3BhY2l0eTogMTtcbiAgICB9XG4gICAgMTAwJSB7XG4gICAgICBvcGFjaXR5OiAwO1xuICAgICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKCR7c3BhY2luZy5tZWRpdW19KTtcbiAgICB9XG4gIH1cbiAgYW5pbWF0aW9uOiAkeyhwcm9wcykgPT4gKHByb3BzLmV4cGlyZWQgPyAnc25hY2tiYXItYW5pbWF0aW9ucy1vdXQnIDogJ3NuYWNrYmFyLWFuaW1hdGlvbnMtaW4nKX0gMjAwbXMgZWFzZS1pbi1vdXQ7XG4gIGFuaW1hdGlvbi1maWxsLW1vZGU6IGZvcndhcmRzO1xuICAke2ZvbnRzLnNpemVzKCcxOHB4Jyl9O1xuICBmb250LWZhbWlseTogJHtmb250cy5zYW5zfTtcbmA7XG5cbmV4cG9ydCBpbnRlcmZhY2UgU25hY2tCYXJJdGVtIHtcbiAgY2hpbGRyZW4/OiBSZWFjdEVsZW1lbnQ7XG4gIHNuYWNrYmFySXRlbUlkPzogc3RyaW5nO1xufVxuXG5pbnRlcmZhY2UgU25hY2tCYXJQcm9wcyBleHRlbmRzIFNuYWNrQmFySXRlbSB7XG4gIGlkOiBzdHJpbmc7XG4gIG9uS2lsbD86IChpZDogc3RyaW5nIHwgdW5kZWZpbmVkKSA9PiB2b2lkO1xuICBhY3Rpb25CdXR0b25zPzoge1xuICAgIHRleHQ6IHN0cmluZztcbiAgICBvbkNsaWNrOiAoKSA9PiB2b2lkO1xuICAgIGFyaWFMYWJlbDogc3RyaW5nO1xuICB9W107XG59XG5cbmNvbnN0IFNuYWNrQmFyID0gKHsgb25LaWxsLCBjaGlsZHJlbiwgc25hY2tiYXJJdGVtSWQsIGlkLCBhY3Rpb25CdXR0b25zIH06IFNuYWNrQmFyUHJvcHMpID0+IHtcbiAgY29uc3QgeyB0IH0gPSB1c2VUcmFuc2xhdGlvbigpO1xuICBjb25zdCBbZXhwaXJlZCwgc2V0RXhwaXJlZF0gPSB1c2VTdGF0ZShmYWxzZSk7XG4gIGNvbnN0IHRpbWVvdXRJZCA9IHVzZVJlZjxudWxsIHwgUmV0dXJuVHlwZTx0eXBlb2Ygc2V0VGltZW91dD4+KCk7XG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgaWYgKHRpbWVvdXRJZC5jdXJyZW50KSB7XG4gICAgICB0aW1lb3V0SWQgJiYgY2xlYXJUaW1lb3V0KHRpbWVvdXRJZC5jdXJyZW50KTtcbiAgICB9XG4gICAgdGltZW91dElkLmN1cnJlbnQgPSBzZXRUaW1lb3V0KCgpID0+IHtcbiAgICAgIHNldEV4cGlyZWQodHJ1ZSk7XG4gICAgfSwgODAwMCk7XG5cbiAgICByZXR1cm4gKCkgPT4ge1xuICAgICAgdGltZW91dElkLmN1cnJlbnQgJiYgY2xlYXJUaW1lb3V0KHRpbWVvdXRJZC5jdXJyZW50KTtcbiAgICB9O1xuICB9LCBbc25hY2tiYXJJdGVtSWQsIHRpbWVvdXRJZF0pO1xuICByZXR1cm4gKFxuICAgIDxXcmFwcGVyPlxuICAgICAgPFN0eWxlZE5vdGlmaWNhdGlvblxuICAgICAgICBpZD17aWR9XG4gICAgICAgIGFyaWEtbGl2ZT1cInBvbGl0ZVwiXG4gICAgICAgIGV4cGlyZWQ9e2V4cGlyZWQgfHwgIWNoaWxkcmVufVxuICAgICAgICBvbkFuaW1hdGlvbkVuZD17KCkgPT4gZXhwaXJlZCAmJiBvbktpbGwgJiYgb25LaWxsKHNuYWNrYmFySXRlbUlkKX0+XG4gICAgICAgIHtjaGlsZHJlbiAmJiAoXG4gICAgICAgICAgPD5cbiAgICAgICAgICAgIDxkaXY+e2NoaWxkcmVufTwvZGl2PlxuICAgICAgICAgICAgPFdyYXBwZXJGb3JCdXR0b25zPlxuICAgICAgICAgICAgICB7YWN0aW9uQnV0dG9ucyAmJlxuICAgICAgICAgICAgICAgIGFjdGlvbkJ1dHRvbnMubWFwKCh7IG9uQ2xpY2ssIHRleHQsIGFyaWFMYWJlbCB9KSA9PiAoXG4gICAgICAgICAgICAgICAgICA8U3R5bGVkQWN0aW9uQnV0dG9uIGtleT17dGV4dH0gbGluayBhcmlhLWxhYmVsPXthcmlhTGFiZWx9IG9uQ2xpY2s9e29uQ2xpY2t9PlxuICAgICAgICAgICAgICAgICAgICB7dGV4dH1cbiAgICAgICAgICAgICAgICAgIDwvU3R5bGVkQWN0aW9uQnV0dG9uPlxuICAgICAgICAgICAgICAgICkpfVxuICAgICAgICAgICAgICA8U3R5bGVkSWNvbkJ1dHRvbiBhcmlhLWxhYmVsPXt0KCdzbmFja2Jhci5jbG9zZScpfSBzaXplPVwieHNtYWxsXCIgb3V0bGluZSBvbkNsaWNrPXsoKSA9PiBzZXRFeHBpcmVkKHRydWUpfT5cbiAgICAgICAgICAgICAgICA8Q3Jvc3MgLz5cbiAgICAgICAgICAgICAgPC9TdHlsZWRJY29uQnV0dG9uPlxuICAgICAgICAgICAgPC9XcmFwcGVyRm9yQnV0dG9ucz5cbiAgICAgICAgICA8Lz5cbiAgICAgICAgKX1cbiAgICAgIDwvU3R5bGVkTm90aWZpY2F0aW9uPlxuICAgIDwvV3JhcHBlcj5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IFNuYWNrQmFyO1xuIl19 */"));
+
+var SnackBar = function SnackBar(_ref) {
+  var onKill = _ref.onKill,
+      children = _ref.children,
+      snackbarItemId = _ref.snackbarItemId,
+      id = _ref.id,
+      actionButtons = _ref.actionButtons;
+
+  var _useTranslation = useTranslation(),
+      t = _useTranslation.t;
+
+  var _useState = useState(false),
+      _useState2 = _slicedToArray(_useState, 2),
+      expired = _useState2[0],
+      setExpired = _useState2[1];
+
+  var timeoutId = useRef();
+  useEffect(function () {
+    if (timeoutId.current) {
+      timeoutId && clearTimeout(timeoutId.current);
+    }
+
+    timeoutId.current = setTimeout(function () {
+      setExpired(true);
+    }, 8000);
+    return function () {
+      timeoutId.current && clearTimeout(timeoutId.current);
+    };
+  }, [snackbarItemId, timeoutId]);
+  return ___EmotionJSX(Wrapper, null, ___EmotionJSX(StyledNotification, {
+    id: id,
+    "aria-live": "polite",
+    expired: expired || !children,
+    onAnimationEnd: function onAnimationEnd() {
+      return expired && onKill && onKill(snackbarItemId);
+    }
+  }, children && ___EmotionJSX(React.Fragment, null, ___EmotionJSX("div", null, children), ___EmotionJSX(WrapperForButtons, null, actionButtons && actionButtons.map(function (_ref2) {
+    var onClick = _ref2.onClick,
+        text = _ref2.text,
+        ariaLabel = _ref2.ariaLabel;
+    return ___EmotionJSX(StyledActionButton, {
+      key: text,
+      link: true,
+      "aria-label": ariaLabel,
+      onClick: onClick
+    }, text);
+  }), ___EmotionJSX(StyledIconButton, {
+    "aria-label": t('snackbar.close'),
+    size: "xsmall",
+    outline: true,
+    onClick: function onClick() {
+      return setExpired(true);
+    }
+  }, ___EmotionJSX(Cross, null))))));
+};
+
+export default SnackBar;

package/es/SnackBar/index.js

@@ -0,0 +1,9 @@
+/**
+ * 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.
+ *
+ */
+import SnackBar from './SnackBar';
+export { SnackBar };