@ndla/ui 28.0.0 → 30.0.0

package/lib/TopicMenu/TopicMenu.js

@@ -7,7 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = exports.TopicMenu = exports.renderAdditionalIcon = void 0;
 
-var _styledBase = _interopRequireDefault(require("@emotion/styled-base"));
+var _base = _interopRequireDefault(require("@emotion/styled/base"));
 
 var _react = _interopRequireWildcard(require("react"));
 
@@ -47,7 +47,7 @@ var _Programme = require("../Programme");
 
 var _Messages = require("../Messages");
 
-var _core2 = require("@emotion/core");
+var _react2 = require("@emotion/react");
 
 function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
 
@@ -73,23 +73,25 @@ var classes = new _reactBemHelper["default"]({
   name: 'topic-menu',
   prefix: 'c-'
 });
-var StyledButton = ( /*#__PURE__*/0, _styledBase["default"])(_button.ButtonV2, {
+var StyledButton = /*#__PURE__*/(0, _base["default"])(_button.ButtonV2, process.env.NODE_ENV === "production" ? {
+  target: "e1ultzrl0"
+} : {
   target: "e1ultzrl0",
   label: "StyledButton"
 })("padding:", _core.spacing.xsmall, " ", _core.spacing.small, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRvcGljTWVudS5qc3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBdUNtQyIsImZpbGUiOiJUb3BpY01lbnUuanN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDb3B5cmlnaHQgKGMpIDIwMTYtcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLlxuICpcbiAqL1xuXG4vLyBDYW4gYmUgcmVtb3ZlZCB3aGVuIHVwZGF0aW5nIHRvIGpzeC1hMTF5IDYueFxuLyogZXNsaW50IGpzeC1hMTF5L25vLW5vbmludGVyYWN0aXZlLWVsZW1lbnQtdG8taW50ZXJhY3RpdmUtcm9sZTogMSAqL1xuXG5pbXBvcnQgUmVhY3QsIHsgRnJhZ21lbnQsIHVzZUVmZmVjdCwgdXNlU3RhdGUgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgUHJvcFR5cGVzIGZyb20gJ3Byb3AtdHlwZXMnO1xuaW1wb3J0IEJFTUhlbHBlciBmcm9tICdyZWFjdC1iZW0taGVscGVyJztcbmltcG9ydCB7IGRlYm91bmNlIH0gZnJvbSAnbG9kYXNoJztcbmltcG9ydCB7IHNwYWNpbmcgfSBmcm9tICdAbmRsYS9jb3JlJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxuaW1wb3J0IHsgSG9tZSwgQmFjaywgQWRkaXRpb25hbCwgQ2hldnJvblJpZ2h0IH0gZnJvbSAnQG5kbGEvaWNvbnMvY29tbW9uJztcbmltcG9ydCB7IENyb3NzIH0gZnJvbSAnQG5kbGEvaWNvbnMvYWN0aW9uJztcbmltcG9ydCB7IE1vZGFsSGVhZGVyIH0gZnJvbSAnQG5kbGEvbW9kYWwnO1xuaW1wb3J0IHsgQnV0dG9uVjIgYXMgQnV0dG9uIH0gZnJvbSAnQG5kbGEvYnV0dG9uJztcbmltcG9ydCBTYWZlTGluayBmcm9tICdAbmRsYS9zYWZlbGluayc7XG5pbXBvcnQgVG9vbHRpcCBmcm9tICdAbmRsYS90b29sdGlwJztcbmltcG9ydCB7IHVzZVRyYW5zbGF0aW9uIH0gZnJvbSAncmVhY3QtaTE4bmV4dCc7XG5pbXBvcnQgU3VidG9waWNMaW5rTGlzdCBmcm9tICcuL1N1YnRvcGljTGlua0xpc3QnO1xuaW1wb3J0IHsgVG9waWNTaGFwZSB9IGZyb20gJy4uL3NoYXBlcyc7XG5cbmltcG9ydCBMb2dvIGZyb20gJy4uL0xvZ28nO1xuaW1wb3J0IEZyb250cGFnZUFsbFN1YmplY3RzIGZyb20gJy4uL0Zyb250cGFnZS9Gcm9udHBhZ2VBbGxTdWJqZWN0cyc7XG5pbXBvcnQgTmF2aWdhdGlvbkJveCBmcm9tICcuLi9OYXZpZ2F0aW9uL05hdmlnYXRpb25Cb3gnO1xuaW1wb3J0IHsgUHJvZ3JhbW1lU3ViamVjdHMgfSBmcm9tICcuLi9Qcm9ncmFtbWUnO1xuaW1wb3J0IHsgTWVzc2FnZUJhbm5lciB9IGZyb20gJy4uL01lc3NhZ2VzJztcblxuY29uc3QgY2xhc3NlcyA9IG5ldyBCRU1IZWxwZXIoe1xuICBuYW1lOiAndG9waWMtbWVudScsXG4gIHByZWZpeDogJ2MtJyxcbn0pO1xuXG5jb25zdCBTdHlsZWRCdXR0b24gPSBzdHlsZWQoQnV0dG9uKWBcbiAgcGFkZGluZzogJHtzcGFjaW5nLnhzbWFsbH0gJHtzcGFjaW5nLnNtYWxsfTtcbmA7XG5cbmV4cG9ydCBjb25zdCByZW5kZXJBZGRpdGlvbmFsSWNvbiA9IChpc0FkZGl0aW9uYWwsIGxhYmVsKSA9PiB7XG4gIGlmIChpc0FkZGl0aW9uYWwgJiYgbGFiZWwpIHtcbiAgICByZXR1cm4gKFxuICAgICAgPFRvb2x0aXAgdG9vbHRpcD17bGFiZWx9IHN0b29sdGlwQ29udGFpbmVyQ2xhc3M9XCJjLXRvcGljLW1lbnVfX3Rvb2x0aXBDb250YWluZXJcIj5cbiAgICAgICAgPEFkZGl0aW9uYWwgY2xhc3NOYW1lPVwiYy1pY29uLS0yMFwiIC8+XG4gICAgICA8L1Rvb2x0aXA+XG4gICAgKTtcbiAgfVxuICBpZiAoaXNBZGRpdGlvbmFsKSB7XG4gICAgcmV0dXJuIDxBZGRpdGlvbmFsIGNsYXNzTmFtZT1cImMtaWNvbi0tMjAgYy10b3BpYy1tZW51X190b29sdGlwQ29udGFpbmVyXCIgLz47XG4gIH1cbiAgcmV0dXJuIG51bGw7XG59O1xuXG5jb25zdCBNRU5VX0NVUlJFTlRfU1VCSkVDVCA9ICdzdWJqZWN0JztcbmNvbnN0IE1FTlVfQ1VSUkVOVF9QUk9HUkFNTUUgPSAncHJvZ3JhbW1lJztcbmNvbnN0IE1FTlVfUFJPR1JBTU1FUyA9ICdwcm9ncmFtbWVzJztcbmNvbnN0IE1FTlVfQUxMX1NVQkpFQ1RTID0gJ2FsbFN1YmplY3RzJztcblxuZXhwb3J0IGNvbnN0IFRvcGljTWVudSA9ICh7XG4gIHRvcGljcyxcbiAgdG9Ub3BpYyxcbiAgc3ViamVjdFRpdGxlLFxuICB0b1N1YmplY3QsXG4gIGNsb3NlOiBjbG9zZU1lbnUsXG4gIGV4cGFuZGVkVG9waWNJZCxcbiAgZXhwYW5kZWRTdWJ0b3BpY3NJZCxcbiAgcmVzb3VyY2VUb0xpbmtQcm9wcyxcbiAgaGlkZVNlYXJjaCxcbiAgZGVmYXVsdENvdW50LFxuICBzZWFyY2hGaWVsZENvbXBvbmVudCxcbiAgdG9Gcm9udHBhZ2UsXG4gIGxvY2FsZSxcbiAgb25OYXZpZ2F0ZSxcbiAgc3ViamVjdENhdGVnb3JpZXMsXG4gIHByb2dyYW1tZXMsXG4gIGN1cnJlbnRQcm9ncmFtbWUsXG4gIGluaXRpYWxTZWxlY3RlZE1lbnUsXG4gIG1lc3NhZ2VzLFxuICBjbG9zZUFsZXJ0LFxuICBzZWxlY3RlZEdyYWRlLFxuICBvbkdyYWRlQ2hhbmdlLFxufSkgPT4ge1xuICBjb25zdCB7IHQgfSA9IHVzZVRyYW5zbGF0aW9uKCk7XG4gIGNvbnN0IFtpc05hcnJvd1NjcmVlbiwgc2V0SXNOYXJyb3dTY3JlZW5dID0gdXNlU3RhdGUoZmFsc2UpO1xuICBjb25zdCBbc2VsZWN0ZWRNZW51LCBzZXRTZWxlY3RlZE1lbnVdID0gdXNlU3RhdGUoKCkgPT4gaW5pdGlhbFNlbGVjdGVkTWVudSB8fCBNRU5VX0NVUlJFTlRfU1VCSkVDVCk7XG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBjb25zdCBzZXRTY3JlZW5TaXplID0gKGluaXRpYWwgPSBmYWxzZSkgPT4ge1xuICAgICAgY29uc3QgaXNOYXJyb3cgPSAod2luZG93LmlubmVyV2lkdGggfHwgZG9jdW1lbnQuZG9jdW1lbnRFbGVtZW50LmNsaWVudFdpZHRoKSA8IDc2ODtcblxuICAgICAgaWYgKChpbml0aWFsICYmIGlzTmFycm93KSB8fCAhaW5pdGlhbCkge1xuICAgICAgICBzZXRJc05hcnJvd1NjcmVlbihpc05hcnJvdyk7XG4gICAgICB9XG4gICAgfTtcbiAgICBjb25zdCBzZXRTY3JlZW5TaXplRGVib3VuY2VkID0gZGVib3VuY2UoKCkgPT4gc2V0U2NyZWVuU2l6ZShmYWxzZSksIDUwKTtcbiAgICBzZXRTY3JlZW5TaXplKHRydWUpO1xuICAgIHdpbmRvdy5hZGRFdmVudExpc3RlbmVyKCdyZXNpemUnLCBzZXRTY3JlZW5TaXplRGVib3VuY2VkKTtcbiAgICByZXR1cm4gKCkgPT4ge1xuICAgICAgc2V0U2NyZWVuU2l6ZURlYm91bmNlZC5jYW5jZWwoKTtcbiAgICAgIHdpbmRvdy5yZW1vdmVFdmVudExpc3RlbmVyKCdyZXNpemUnLCBzZXRTY3JlZW5TaXplRGVib3VuY2VkKTtcbiAgICB9O1xuICB9LCBbXSk7XG5cbiAgY29uc3QgaGFuZGxlQ2xpY2sgPSAoZXZlbnQsIHRvcGljSWQpID0+IHtcbiAgICBvbk5hdmlnYXRlKHRvcGljSWQsIG51bGwpO1xuICB9O1xuXG4gIGNvbnN0IGhhbmRsZVN1YnRvcGljRXhwYW5kID0gKHN1YnRvcGljSWQsIGluZGV4KSA9PiB7XG4gICAgb25OYXZpZ2F0ZShleHBhbmRlZFRvcGljSWQsIHN1YnRvcGljSWQsIGluZGV4KTtcbiAgfTtcblxuICBjb25zdCBoYW5kbGVPbkdvQmFjayA9ICgpID0+IHtcbiAgICBvbk5hdmlnYXRlKGV4cGFuZGVkU3VidG9waWNzSWQubGVuZ3RoID8gZXhwYW5kZWRUb3BpY0lkIDogbnVsbCwgbnVsbCk7XG4gIH07XG5cbiAgY29uc3QgaGFuZGxlQnRuS2V5UHJlc3MgPSAoZXZlbnQsIHRvcGljSWQpID0+IHtcbiAgICBpZiAoZXZlbnQuY2hhckNvZGUgPT09IDMyIHx8IGV2ZW50LmNoYXJDb2RlID09PSAxMykge1xuICAgICAgLy8gc3BhY2Ugb3IgZW50ZXJcbiAgICAgIGV2ZW50LnByZXZlbnREZWZhdWx0KCk7XG4gICAgICBvbk5hdmlnYXRlKHRvcGljSWQsIG51bGwpO1xuICAgIH1cbiAgfTtcblxuICBjb25zdCBleHBhbmRlZFRvcGljID0gdG9waWNzLmZpbmQoKHRvcGljKSA9PiB0b3BpYy5pZCA9PT0gZXhwYW5kZWRUb3BpY0lkKTtcblxuICBjb25zdCBjdXJyZW50bHlFeHBhbmRlZFN1YlRvcGljcyA9IFtdO1xuICBpZiAoZXhwYW5kZWRUb3BpYykge1xuICAgIGxldCBjdXJyZW50U3VidG9waWM7XG4gICAgbGV0IGZvdW5kTWF0Y2g7XG4gICAgZXhwYW5kZWRTdWJ0b3BpY3NJZC5mb3JFYWNoKChpZCwgaW5kZXgpID0+IHtcbiAgICAgIGlmIChpbmRleCA9PT0gMCkge1xuICAgICAgICBjdXJyZW50U3VidG9waWMgPSBleHBhbmRlZFRvcGljLnN1YnRvcGljcy5maW5kKCh0b3BpYykgPT4gdG9waWMuaWQgPT09IGlkKTtcbiAgICAgICAgZm91bmRNYXRjaCA9IGN1cnJlbnRTdWJ0b3BpYyA/IDAgOiB1bmRlZmluZWQ7XG4gICAgICB9IGVsc2Uge1xuICAgICAgICBjdXJyZW50U3VidG9waWMgPSBjdXJyZW50U3VidG9waWMuc3VidG9waWNzLmZpbmQoKHRvcGljKSA9PiB0b3BpYy5pZCA9PT0gaWQpO1xuICAgICAgICBmb3VuZE1hdGNoICs9IGN1cnJlbnRTdWJ0b3BpYyA/IDEgOiAwO1xuICAgICAgfVxuICAgICAgaWYgKGZvdW5kTWF0Y2ggPT09IGluZGV4KSB7XG4gICAgICAgIGN1cnJlbnRseUV4cGFuZGVkU3ViVG9waWNzW2luZGV4XSA9IGN1cnJlbnRTdWJ0b3BpYztcbiAgICAgIH1cbiAgICB9KTtcbiAgfVxuXG4gIGNvbnN0IGhhc0V4cGFuZGVkU3VidG9waWNzID0gY3VycmVudGx5RXhwYW5kZWRTdWJUb3BpY3MubGVuZ3RoID4gMDtcbiAgY29uc3Qgc3ViVG9waWNNb2RpZmllcnMgPSBbJ3N1Yi10b3BpYyddO1xuXG4gIGlmICghaGFzRXhwYW5kZWRTdWJ0b3BpY3MpIHtcbiAgICBzdWJUb3BpY01vZGlmaWVycy5wdXNoKCduby1ib3JkZXInKTtcbiAgfVxuXG4gIGNvbnN0IGRpc2FibGVNYWluID0gaXNOYXJyb3dTY3JlZW4gJiYgZXhwYW5kZWRUb3BpYztcbiAgY29uc3QgZGlzYWJsZVN1YlRvcGljID0gZGlzYWJsZU1haW4gJiYgaGFzRXhwYW5kZWRTdWJ0b3BpY3M7XG5cbiAgY29uc3Qgc2xpZGVyQ291bnRlciA9ICFleHBhbmRlZFRvcGljSWQgPyAwIDogZXhwYW5kZWRTdWJ0b3BpY3NJZC5sZW5ndGggKyAxO1xuICByZXR1cm4gKFxuICAgIDxuYXY+XG4gICAgICB7bWVzc2FnZXM/Lm1hcCgobWVzc2FnZSkgPT4gKFxuICAgICAgICA8TWVzc2FnZUJhbm5lclxuICAgICAgICAgIGtleT17bWVzc2FnZS5udW1iZXJ9XG4gICAgICAgICAgc2hvd0Nsb3NlQnV0dG9uPXttZXNzYWdlLmNsb3NhYmxlfVxuICAgICAgICAgIG9uQ2xvc2U9eygpID0+IGNsb3NlQWxlcnQ/LihtZXNzYWdlLm51bWJlcil9PlxuICAgICAgICAgIHttZXNzYWdlLmNvbnRlbnR9XG4gICAgICAgIDwvTWVzc2FnZUJhbm5lcj5cbiAgICAgICkpfVxuICAgICAgPE1vZGFsSGVhZGVyIG1vZGlmaWVyPXtbJ3doaXRlJywgJ21lbnUnXX0+XG4gICAgICAgIDxkaXYgey4uLmNsYXNzZXMoJ21hc3RoZWFkLWxlZnQnKX0+XG4gICAgICAgICAgPGJ1dHRvbiB0eXBlPVwiYnV0dG9uXCIgey4uLmNsYXNzZXMoJ2Nsb3NlLWJ1dHRvbicpfSBvbkNsaWNrPXtjbG9zZU1lbnV9PlxuICAgICAgICAgICAgPENyb3NzIC8+XG4gICAgICAgICAgICA8c3Bhbj57dCgnbWFzdGhlYWQubWVudS5jbG9zZScpfTwvc3Bhbj5cbiAgICAgICAgICA8L2J1dHRvbj5cbiAgICAgICAgPC9kaXY+XG4gICAgICAgIDxkaXYgey4uLmNsYXNzZXMoJ21hc3RoZWFkLXJpZ2h0Jyl9PlxuICAgICAgICAgIHshaGlkZVNlYXJjaCAmJiBzZWFyY2hGaWVsZENvbXBvbmVudH1cbiAgICAgICAgICA8TG9nbyB0bz1cIi9cIiBsYWJlbD17dCgnbG9nby5hbHRUZXh0Jyl9IGxvY2FsZT17bG9jYWxlfSAvPlxuICAgICAgICA8L2Rpdj5cbiAgICAgIDwvTW9kYWxIZWFkZXI+XG4gICAgICA8ZGl2IHsuLi5jbGFzc2VzKCdjb250ZW50Jyl9PlxuICAgICAgICA8ZGl2IHsuLi5jbGFzc2VzKCdiYWNrJywgJ3dpZGUnKX0+XG4gICAgICAgICAgPFNhZmVMaW5rIHsuLi5jbGFzc2VzKCdiYWNrLWxpbmsnKX0gdG89e3RvRnJvbnRwYWdlKCl9PlxuICAgICAgICAgICAgPEhvbWUgey4uLmNsYXNzZXMoJ2hvbWUtaWNvbicsICcnLCAnYy1pY29uLS0yMCcpfSAvPlxuICAgICAgICAgICAge3QoJ21hc3RoZWFkLm1lbnUudG9Gcm9udHBhZ2UnKX1cbiAgICAgICAgICA8L1NhZmVMaW5rPlxuICAgICAgICA8L2Rpdj5cbiAgICAgICAgPGRpdlxuICAgICAgICAgIHsuLi5jbGFzc2VzKCdiYWNrJywge1xuICAgICAgICAgICAgbmFycm93OiB0cnVlLFxuICAgICAgICAgIH0pfT5cbiAgICAgICAgICA8U2FmZUxpbmsgey4uLmNsYXNzZXMoJ2JhY2stbGluaycpfSB0bz17dG9Gcm9udHBhZ2UoKX0+XG4gICAgICAgICAgICA8SG9tZSB7Li4uY2xhc3NlcygnaG9tZS1pY29uJywgJycsICdjLWljb24tLTIwJyl9IC8+XG4gICAgICAgICAgICB7dCgnbWFzdGhlYWQubWVudS50b0Zyb250cGFnZScpfVxuICAgICAgICAgIDwvU2FmZUxpbms+XG4gICAgICAgIDwvZGl2PlxuICAgICAgICA8ZGl2IHsuLi5jbGFzc2VzKCdzdWJqZWN0Jyl9PlxuICAgICAgICAgIDxkaXYgey4uLmNsYXNzZXMoJ3N1YmplY3RfX2hlYWRlcicpfT5cbiAgICAgICAgICAgIDxkaXYgey4uLmNsYXNzZXMoJ3N1YmplY3RfX2hlYWRlcl9fbWVudS1maWx0ZXInKX0+XG4gICAgICAgICAgICAgIHtzdWJqZWN0VGl0bGUgJiYgKFxuICAgICAgICAgICAgICAgIDxTdHlsZWRCdXR0b25cbiAgICAgICAgICAgICAgICAgIG9uQ2xpY2s9eygpID0+IHNldFNlbGVjdGVkTWVudShNRU5VX0NVUlJFTlRfU1VCSkVDVCl9XG4gICAgICAgICAgICAgICAgICBjb2xvclRoZW1lPXtzZWxlY3RlZE1lbnUgIT09IE1FTlVfQ1VSUkVOVF9TVUJKRUNUID8gJ2xpZ2h0ZXInIDogJ3ByaW1hcnknfVxuICAgICAgICAgICAgICAgICAgc2l6ZT1cInNtYWxsXCJcbiAgICAgICAgICAgICAgICAgIHNoYXBlPVwicGlsbFwiPlxuICAgICAgICAgICAgICAgICAge3N1YmplY3RUaXRsZX1cbiAgICAgICAgICAgICAgICA8L1N0eWxlZEJ1dHRvbj5cbiAgICAgICAgICAgICAgKX1cbiAgICAgICAgICAgICAge2N1cnJlbnRQcm9ncmFtbWUgJiYgKFxuICAgICAgICAgICAgICAgIDxTdHlsZWRCdXR0b25cbiAgICAgICAgICAgICAgICAgIG9uQ2xpY2s9eygpID0+IHNldFNlbGVjdGVkTWVudShNRU5VX0NVUlJFTlRfUFJPR1JBTU1FKX1cbiAgICAgICAgICAgICAgICAgIGNvbG9yVGhlbWU9e3NlbGVjdGVkTWVudSAhPT0gTUVOVV9DVVJSRU5UX1BST0dSQU1NRSA/ICdsaWdodGVyJyA6ICdwcmltYXJ5J31cbiAgICAgICAgICAgICAgICAgIHNpemU9XCJzbWFsbFwiXG4gICAgICAgICAgICAgICAgICBzaGFwZT1cInBpbGxcIj5cbiAgICAgICAgICAgICAgICAgIHtjdXJyZW50UHJvZ3JhbW1lLm5hbWV9XG4gICAgICAgICAgICAgICAgPC9TdHlsZWRCdXR0b24+XG4gICAgICAgICAgICAgICl9XG4gICAgICAgICAgICAgIHtwcm9ncmFtbWVzICYmIChcbiAgICAgICAgICAgICAgICA8U3R5bGVkQnV0dG9uXG4gICAgICAgICAgICAgICAgICBvbkNsaWNrPXsoKSA9PiBzZXRTZWxlY3RlZE1lbnUoTUVOVV9QUk9HUkFNTUVTKX1cbiAgICAgICAgICAgICAgICAgIGNvbG9yVGhlbWU9e3NlbGVjdGVkTWVudSAhPT0gTUVOVV9QUk9HUkFNTUVTID8gJ2xpZ2h0ZXInIDogJ3ByaW1hcnknfVxuICAgICAgICAgICAgICAgICAgc2l6ZT1cInNtYWxsXCJcbiAgICAgICAgICAgICAgICAgIHNoYXBlPVwicGlsbFwiPlxuICAgICAgICAgICAgICAgICAge3QoJ2Zyb250cGFnZU1lbnUucHJvZ3JhbScpfVxuICAgICAgICAgICAgICAgIDwvU3R5bGVkQnV0dG9uPlxuICAgICAgICAgICAgICApfVxuICAgICAgICAgICAgICB7c3ViamVjdENhdGVnb3JpZXMgJiYgKFxuICAgICAgICAgICAgICAgIDxTdHlsZWRCdXR0b25cbiAgICAgICAgICAgICAgICAgIG9uQ2xpY2s9eygpID0+IHNldFNlbGVjdGVkTWVudShNRU5VX0FMTF9TVUJKRUNUUyl9XG4gICAgICAgICAgICAgICAgICBjb2xvclRoZW1lPXtzZWxlY3RlZE1lbnUgIT09IE1FTlVfQUxMX1NVQkpFQ1RTID8gJ2xpZ2h0ZXInIDogJ3ByaW1hcnknfVxuICAgICAgICAgICAgICAgICAgc2l6ZT1cInNtYWxsXCJcbiAgICAgICAgICAgICAgICAgIHNoYXBlPVwicGlsbFwiPlxuICAgICAgICAgICAgICAgICAge3QoJ2Zyb250cGFnZU1lbnUuYWxsc3ViamVjdHMnKX1cbiAgICAgICAgICAgICAgICA8L1N0eWxlZEJ1dHRvbj5cbiAgICAgICAgICAgICAgKX1cbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgIHtzZWxlY3RlZE1lbnUgPT09IE1FTlVfQ1VSUkVOVF9TVUJKRUNUICYmIChcbiAgICAgICAgICAgIDxkaXYgey4uLmNsYXNzZXMoJ2JhY2stYnV0dG9uLXNsaWRlLXdyYXBwZXInKX0+XG4gICAgICAgICAgICAgIDxidXR0b25cbiAgICAgICAgICAgICAgICB0eXBlPVwiYnV0dG9uXCJcbiAgICAgICAgICAgICAgICB7Li4uY2xhc3NlcygnYmFjay1idXR0b24tc2xpZGVzJywgYHNsaWRlLSR7c2xpZGVyQ291bnRlcn1gKX1cbiAgICAgICAgICAgICAgICBvbkNsaWNrPXtoYW5kbGVPbkdvQmFja30+XG4gICAgICAgICAgICAgICAgPEJhY2sgLz4gPHNwYW4+e3QoJ21hc3RoZWFkLm1lbnUuYmFjaycpfTwvc3Bhbj5cbiAgICAgICAgICAgICAgPC9idXR0b24+XG4gICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICApfVxuICAgICAgICA8L2Rpdj5cbiAgICAgICAge3NlbGVjdGVkTWVudSA9PT0gTUVOVV9BTExfU1VCSkVDVFMgJiYgc3ViamVjdENhdGVnb3JpZXMgJiYgKFxuICAgICAgICAgIDxkaXYgey4uLmNsYXNzZXMoJ2FsbC1zdWJqZWN0cycpfT5cbiAgICAgICAgICAgIDxGcm9udHBhZ2VBbGxTdWJqZWN0cyBjYXRlZ29yaWVzPXtzdWJqZWN0Q2F0ZWdvcmllc30gb25OYXZpZ2F0ZT17Y2xvc2VNZW51fSAvPlxuICAgICAgICAgIDwvZGl2PlxuICAgICAgICApfVxuICAgICAgICB7c2VsZWN0ZWRNZW51ID09PSBNRU5VX0NVUlJFTlRfUFJPR1JBTU1FICYmIGN1cnJlbnRQcm9ncmFtbWUgJiYgKFxuICAgICAgICAgIDxkaXYgey4uLmNsYXNzZXMoJ2FsbC1zdWJqZWN0cycpfT5cbiAgICAgICAgICAgIDxQcm9ncmFtbWVTdWJqZWN0c1xuICAgICAgICAgICAgICBncmFkZXM9e2N1cnJlbnRQcm9ncmFtbWUuZ3JhZGVzfVxuICAgICAgICAgICAgICBzZWxlY3RlZEdyYWRlPXtzZWxlY3RlZEdyYWRlfVxuICAgICAgICAgICAgICBvbkNoYW5nZUdyYWRlPXtvbkdyYWRlQ2hhbmdlfVxuICAgICAgICAgICAgICBvbk5hdmlnYXRlPXtjbG9zZU1lbnV9XG4gICAgICAgICAgICAvPlxuICAgICAgICAgIDwvZGl2PlxuICAgICAgICApfVxuICAgICAgICB7c2VsZWN0ZWRNZW51ID09PSBNRU5VX1BST0dSQU1NRVMgJiYgcHJvZ3JhbW1lcyAmJiAoXG4gICAgICAgICAgPGRpdiB7Li4uY2xhc3NlcygnYWxsLXN1YmplY3RzJyl9PlxuICAgICAgICAgICAgPE5hdmlnYXRpb25Cb3ggY29sb3JNb2RlPVwibGlnaHRcIiBpdGVtcz17cHJvZ3JhbW1lc30gbGlzdERpcmVjdGlvbj1cInZlcnRpY2FsXCIgb25DbGljaz17Y2xvc2VNZW51fSAvPlxuICAgICAgICAgIDwvZGl2PlxuICAgICAgICApfVxuICAgICAgICB7c2VsZWN0ZWRNZW51ID09PSBNRU5VX0NVUlJFTlRfU1VCSkVDVCAmJiAoXG4gICAgICAgICAgPGRpdiB7Li4uY2xhc3Nlcygnc3ViamVjdC1uYXZpZ2F0aW9uJywgYHNsaWRlLSR7c2xpZGVyQ291bnRlcn1gKX0+XG4gICAgICAgICAgICB7IWRpc2FibGVNYWluICYmIChcbiAgICAgICAgICAgICAgPEZyYWdtZW50PlxuICAgICAgICAgICAgICAgIDxkaXYgey4uLmNsYXNzZXMoJ3NlY3Rpb24nLCAnbWFpbicpfT5cbiAgICAgICAgICAgICAgICAgIDxTYWZlTGluayBvbkNsaWNrPXtjbG9zZU1lbnV9IHRvPXt0b1N1YmplY3QoKX0gY2xhc3NOYW1lPXtjbGFzc2VzKCdsaW5rJywgJ2JpZycpLmNsYXNzTmFtZX0+XG4gICAgICAgICAgICAgICAgICAgIDxzcGFuIHsuLi5jbGFzc2VzKCdsaW5rLXdyYXBwZXInKX0+XG4gICAgICAgICAgICAgICAgICAgICAgPHNwYW4gey4uLmNsYXNzZXMoJ2xpbmstbGFiZWwnKX0+e3QoJ21hc3RoZWFkLm1lbnUuZ29UbycpfTo8L3NwYW4+XG4gICAgICAgICAgICAgICAgICAgICAgPHNwYW4gey4uLmNsYXNzZXMoJ2xpbmstdGFyZ2V0Jyl9PlxuICAgICAgICAgICAgICAgICAgICAgICAgPHNwYW4gey4uLmNsYXNzZXMoJ2xpbmstdGFyZ2V0LW5hbWUnKX0+e3QoJ21hc3RoZWFkLm1lbnUuc3ViamVjdFBhZ2UnKX08L3NwYW4+XG4gICAgICAgICAgICAgICAgICAgICAgICA8Q2hldnJvblJpZ2h0IGNsYXNzTmFtZT1cImMtaWNvbi0tMjJcIiAvPlxuICAgICAgICAgICAgICAgICAgICAgIDwvc3Bhbj5cbiAgICAgICAgICAgICAgICAgICAgPC9zcGFuPlxuICAgICAgICAgICAgICAgICAgPC9TYWZlTGluaz5cbiAgICAgICAgICAgICAgICAgIDx1bCB7Li4uY2xhc3NlcygnbGlzdCcpfT5cbiAgICAgICAgICAgICAgICAgICAge3RvcGljcy5tYXAoKHRvcGljKSA9PiB7XG4gICAgICAgICAgICAgICAgICAgICAgY29uc3QgYWN0aXZlID0gdG9waWMuaWQgPT09IGV4cGFuZGVkVG9waWNJZCA/ICdhY3RpdmUnIDogbnVsbDtcblxuICAgICAgICAgICAgICAgICAgICAgIHJldHVybiAoXG4gICAgICAgICAgICAgICAgICAgICAgICA8bGkgey4uLmNsYXNzZXMoJ3RvcGljLWl0ZW0nLCBhY3RpdmUpfSBrZXk9e3RvcGljLmlkfT5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgPGJ1dHRvblxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIHR5cGU9XCJidXR0b25cIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIHsuLi5jbGFzc2VzKCdsaW5rJyl9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgb25DbGljaz17KGV2ZW50KSA9PiBoYW5kbGVDbGljayhldmVudCwgdG9waWMuaWQpfVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIG9uS2V5UHJlc3M9eyhldmVudCkgPT4gaGFuZGxlQnRuS2V5UHJlc3MoZXZlbnQsIHRvcGljLmlkKX0+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPHNwYW4+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICB7dG9waWMubmFtZX1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHtyZW5kZXJBZGRpdGlvbmFsSWNvbih0b3BpYy5hZGRpdGlvbmFsLCB0KCdyZXNvdXJjZS5hZGRpdGlvbmFsVG9vbHRpcCcpKX1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L3NwYW4+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPENoZXZyb25SaWdodCAvPlxuICAgICAgICAgICAgICAgICAgICAgICAgICA8L2J1dHRvbj5cbiAgICAgICAgICAgICAgICAgICAgICAgIDwvbGk+XG4gICAgICAgICAgICAgICAgICAgICAgKTtcbiAgICAgICAgICAgICAgICAgICAgfSl9XG4gICAgICAgICAgICAgICAgICA8L3VsPlxuICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgICA8L0ZyYWdtZW50PlxuICAgICAgICAgICAgKX1cbiAgICAgICAgICAgIHtleHBhbmRlZFRvcGljICYmICFkaXNhYmxlU3ViVG9waWMgJiYgKFxuICAgICAgICAgICAgICA8U3VidG9waWNMaW5rTGlzdFxuICAgICAgICAgICAgICAgIGNsYXNzZXM9e2NsYXNzZXN9XG4gICAgICAgICAgICAgICAgY2xhc3NOYW1lPXtjbGFzc2VzKCdzZWN0aW9uJywgc3ViVG9waWNNb2RpZmllcnMpLmNsYXNzTmFtZX1cbiAgICAgICAgICAgICAgICBjbG9zZU1lbnU9e2Nsb3NlTWVudX1cbiAgICAgICAgICAgICAgICB0b3BpYz17ZXhwYW5kZWRUb3BpY31cbiAgICAgICAgICAgICAgICBiYWNrTGFiZWw9e1xuICAgICAgICAgICAgICAgICAgIWhhc0V4cGFuZGVkU3VidG9waWNzXG4gICAgICAgICAgICAgICAgICAgID8gc3ViamVjdFRpdGxlXG4gICAgICAgICAgICAgICAgICAgIDogY3VycmVudGx5RXhwYW5kZWRTdWJUb3BpY3NbY3VycmVudGx5RXhwYW5kZWRTdWJUb3BpY3MubGVuZ3RoIC0gMV0ubmFtZVxuICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgICBnb1RvVGl0bGU9e3QoJ21hc3RoZWFkLm1lbnUuZ29UbycpfVxuICAgICAgICAgICAgICAgIHRvVG9waWM9e3RvVG9waWN9XG4gICAgICAgICAgICAgICAgZXhwYW5kZWRTdWJ0b3BpY0lkPXtjdXJyZW50bHlFeHBhbmRlZFN1YlRvcGljc1swXSAmJiBjdXJyZW50bHlFeHBhbmRlZFN1YlRvcGljc1swXS5pZH1cbiAgICAgICAgICAgICAgICBvblN1YnRvcGljRXhwYW5kPXsoaWQpID0+IHtcbiAgICAgICAgICAgICAgICAgIGhhbmRsZVN1YnRvcGljRXhwYW5kKGlkLCAwKTtcbiAgICAgICAgICAgICAgICB9fVxuICAgICAgICAgICAgICAgIG9uR29CYWNrPXtoYW5kbGVPbkdvQmFja31cbiAgICAgICAgICAgICAgICByZXNvdXJjZVRvTGlua1Byb3BzPXtyZXNvdXJjZVRvTGlua1Byb3BzfVxuICAgICAgICAgICAgICAgIGxhc3RPcGVuPXshaGFzRXhwYW5kZWRTdWJ0b3BpY3N9XG4gICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICApfVxuXG4gICAgICAgICAgICB7Y3VycmVudGx5RXhwYW5kZWRTdWJUb3BpY3MubWFwKChzdWJUb3BpYywgaW5kZXgpID0+IHtcbiAgICAgICAgICAgICAgY29uc3QgeyBtZXRhZGF0YSB9ID0gc3ViVG9waWM7XG4gICAgICAgICAgICAgIGNvbnN0IGlzVW5ncm91cGVkID0gbWV0YWRhdGE/LmN1c3RvbUZpZWxkc1sndG9waWMtcmVzb3VyY2VzJ10gPT09ICd1bmdyb3VwZWQnIHx8IGZhbHNlO1xuXG4gICAgICAgICAgICAgIHJldHVybiAoXG4gICAgICAgICAgICAgICAgPFN1YnRvcGljTGlua0xpc3RcbiAgICAgICAgICAgICAgICAgIGlzVW5ncm91cGVkPXtpc1VuZ3JvdXBlZH1cbiAgICAgICAgICAgICAgICAgIGtleT17c3ViVG9waWMuaWR9XG4gICAgICAgICAgICAgICAgICBjbGFzc2VzPXtjbGFzc2VzfVxuICAgICAgICAgICAgICAgICAgY2xhc3NOYW1lPXtjbGFzc2VzKCdzZWN0aW9uJywgWydzdWItdG9waWMnLCAnbm8tYm9yZGVyJ10pLmNsYXNzTmFtZX1cbiAgICAgICAgICAgICAgICAgIGNsb3NlTWVudT17Y2xvc2VNZW51fVxuICAgICAgICAgICAgICAgICAgdG9waWM9e3N1YlRvcGljfVxuICAgICAgICAgICAgICAgICAgYmFja0xhYmVsPXtcbiAgICAgICAgICAgICAgICAgICAgaW5kZXggPT09IDBcbiAgICAgICAgICAgICAgICAgICAgICA/IHRvcGljcy5maW5kKCh0b3BpYykgPT4gdG9waWMuaWQgPT09IGV4cGFuZGVkVG9waWNJZCkubmFtZVxuICAgICAgICAgICAgICAgICAgICAgIDogY3VycmVudGx5RXhwYW5kZWRTdWJUb3BpY3NbaW5kZXggLSAxXS5uYW1lXG4gICAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgICB0b1RvcGljPXt0b1RvcGljfVxuICAgICAgICAgICAgICAgICAgZXhwYW5kZWRTdWJ0b3BpY0lkPXtcbiAgICAgICAgICAgICAgICAgICAgY3VycmVudGx5RXhwYW5kZWRTdWJUb3BpY3NbaW5kZXggKyAxXSA/IGN1cnJlbnRseUV4cGFuZGVkU3ViVG9waWNzW2luZGV4ICsgMV0uaWQgOiAnbm8gd2F5J1xuICAgICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgICAgb25TdWJ0b3BpY0V4cGFuZD17KGlkKSA9PiB7XG4gICAgICAgICAgICAgICAgICAgIGhhbmRsZVN1YnRvcGljRXhwYW5kKGlkLCBpbmRleCArIDEpO1xuICAgICAgICAgICAgICAgICAgfX1cbiAgICAgICAgICAgICAgICAgIG9uR29CYWNrPXtoYW5kbGVPbkdvQmFja31cbiAgICAgICAgICAgICAgICAgIHJlc291cmNlVG9MaW5rUHJvcHM9e3Jlc291cmNlVG9MaW5rUHJvcHN9XG4gICAgICAgICAgICAgICAgICBsYXN0T3Blbj17c2xpZGVyQ291bnRlciA9PT0gaW5kZXggKyAyfVxuICAgICAgICAgICAgICAgICAgZGVmYXVsdENvdW50PXtkZWZhdWx0Q291bnR9XG4gICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICAgKTtcbiAgICAgICAgICAgIH0pfVxuICAgICAgICAgIDwvZGl2PlxuICAgICAgICApfVxuICAgICAgPC9kaXY+XG4gICAgPC9uYXY+XG4gICk7XG59O1xuXG5Ub3BpY01lbnUucHJvcFR5cGVzID0ge1xuICB0b3BpY3M6IFByb3BUeXBlcy5hcnJheU9mKFRvcGljU2hhcGUpLmlzUmVxdWlyZWQsXG4gIHRvRnJvbnRwYWdlOiBQcm9wVHlwZXMuZnVuYy5pc1JlcXVpcmVkLFxuICB0b1RvcGljOiBQcm9wVHlwZXMuZnVuYyxcbiAgY2xvc2VBbGVydDogUHJvcFR5cGVzLmZ1bmMsXG4gIHRvU3ViamVjdDogUHJvcFR5cGVzLmZ1bmMsXG4gIGNsb3NlOiBQcm9wVHlwZXMuZnVuYyxcbiAgZGVmYXVsdENvdW50OiBQcm9wVHlwZXMubnVtYmVyLFxuICBzdWJqZWN0VGl0bGU6IFByb3BUeXBlcy5zdHJpbmcsXG4gIHJlc291cmNlVG9MaW5rUHJvcHM6IFByb3BUeXBlcy5mdW5jLmlzUmVxdWlyZWQsXG4gIG9uTmF2aWdhdGU6IFByb3BUeXBlcy5mdW5jLmlzUmVxdWlyZWQsXG4gIGV4cGFuZGVkVG9waWNJZDogUHJvcFR5cGVzLnN0cmluZyxcbiAgZXhwYW5kZWRTdWJ0b3BpY3NJZDogUHJvcFR5cGVzLmFycmF5T2YoUHJvcFR5cGVzLnN0cmluZykuaXNSZXF1aXJlZCxcbiAgaGlkZVNlYXJjaDogUHJvcFR5cGVzLmJvb2wsXG4gIHNlYXJjaEZpZWxkQ29tcG9uZW50OiBQcm9wVHlwZXMubm9kZSxcbiAgbG9jYWxlOiBQcm9wVHlwZXMuc3RyaW5nLFxuICBtZXNzYWdlczogUHJvcFR5cGVzLmFycmF5T2YoXG4gICAgUHJvcFR5cGVzLnNoYXBlKHtcbiAgICAgIGNvbnRlbnQ6IFByb3BUeXBlcy5zdHJpbmcuaXNSZXF1aXJlZCxcbiAgICAgIGNsb3NhYmxlOiBQcm9wVHlwZXMuYm9vbC5pc1JlcXVpcmVkLFxuICAgICAgbnVtYmVyOiBQcm9wVHlwZXMubnVtYmVyLmlzUmVxdWlyZWQsXG4gICAgfSksXG4gICksXG4gIHN1YmplY3RDYXRlZ29yaWVzOiBQcm9wVHlwZXMuYXJyYXlPZihcbiAgICBQcm9wVHlwZXMuc2hhcGUoe1xuICAgICAgbmFtZTogUHJvcFR5cGVzLnN0cmluZy5pc1JlcXVpcmVkLFxuICAgICAgc3ViamVjdHM6IFByb3BUeXBlcy5hcnJheU9mKFxuICAgICAgICBQcm9wVHlwZXMuc2hhcGUoe1xuICAgICAgICAgIG5hbWU6IFByb3BUeXBlcy5zdHJpbmcuaXNSZXF1aXJlZCxcbiAgICAgICAgICB1cmw6IFByb3BUeXBlcy5zdHJpbmcuaXNSZXF1aXJlZCxcbiAgICAgICAgfSksXG4gICAgICApLFxuICAgIH0pLFxuICApLFxuICBwcm9ncmFtbWVzOiBQcm9wVHlwZXMuYXJyYXlPZihcbiAgICBQcm9wVHlwZXMuc2hhcGUoe1xuICAgICAgbGFiZWw6IFByb3BUeXBlcy5zdHJpbmcuaXNSZXF1aXJlZCxcbiAgICAgIHVybDogUHJvcFR5cGVzLnN0cmluZy5pc1JlcXVpcmVkLFxuICAgIH0pLFxuICApLFxuICBjdXJyZW50UHJvZ3JhbW1lOiBQcm9wVHlwZXMuc2hhcGUoe1xuICAgIG5hbWU6IFByb3BUeXBlcy5zdHJpbmcuaXNSZXF1aXJlZCxcbiAgICBncmFkZXM6IFByb3BUeXBlcy5hcnJheU9mKFxuICAgICAgUHJvcFR5cGVzLnNoYXBlKHtcbiAgICAgICAgbmFtZTogUHJvcFR5cGVzLnN0cmluZy5pc1JlcXVpcmVkLFxuICAgICAgICBjYXRlZ29yaWVzOiBQcm9wVHlwZXMuYXJyYXlPZihcbiAgICAgICAgICBQcm9wVHlwZXMuc2hhcGUoe1xuICAgICAgICAgICAgbmFtZTogUHJvcFR5cGVzLnN0cmluZyxcbiAgICAgICAgICAgIHN1YmplY3RzOiBQcm9wVHlwZXMuYXJyYXlPZihcbiAgICAgICAgICAgICAgUHJvcFR5cGVzLnNoYXBlKHtcbiAgICAgICAgICAgICAgICBsYWJlbDogUHJvcFR5cGVzLnN0cmluZy5pc1JlcXVpcmVkLFxuICAgICAgICAgICAgICAgIHVybDogUHJvcFR5cGVzLnN0cmluZy5pc1JlcXVpcmVkLFxuICAgICAgICAgICAgICB9KSxcbiAgICAgICAgICAgICksXG4gICAgICAgICAgfSksXG4gICAgICAgICksXG4gICAgICB9KSxcbiAgICApLmlzUmVxdWlyZWQsXG4gICAgc2VsZWN0ZWRHcmFkZUluZGV4OiBQcm9wVHlwZXMubnVtYmVyLFxuICB9KSxcbiAgaW5pdGlhbFNlbGVjdGVkTWVudTogUHJvcFR5cGVzLm9uZU9mKFtcbiAgICBNRU5VX0NVUlJFTlRfU1VCSkVDVCxcbiAgICBNRU5VX0NVUlJFTlRfUFJPR1JBTU1FLFxuICAgIE1FTlVfUFJPR1JBTU1FUyxcbiAgICBNRU5VX0FMTF9TVUJKRUNUUyxcbiAgXSksXG59O1xuXG5Ub3BpY01lbnUuZGVmYXVsdFByb3BzID0ge1xuICBkZWZhdWx0Q291bnQ6IDEyLFxufTtcblxuZXhwb3J0IGRlZmF1bHQgVG9waWNNZW51O1xuIl19 */"));
 
 var renderAdditionalIcon = function renderAdditionalIcon(isAdditional, label) {
   if (isAdditional && label) {
-    return (0, _core2.jsx)(_tooltip["default"], {
+    return (0, _react2.jsx)(_tooltip["default"], {
       tooltip: label,
       stooltipContainerClass: "c-topic-menu__tooltipContainer"
-    }, (0, _core2.jsx)(_common.Additional, {
+    }, (0, _react2.jsx)(_common.Additional, {
       className: "c-icon--20"
     }));
   }
 
   if (isAdditional) {
-    return (0, _core2.jsx)(_common.Additional, {
+    return (0, _react2.jsx)(_common.Additional, {
       className: "c-icon--20 c-topic-menu__tooltipContainer"
     });
   }
@@ -220,86 +222,86 @@ var TopicMenu = function TopicMenu(_ref) {
   var disableMain = isNarrowScreen && expandedTopic;
   var disableSubTopic = disableMain && hasExpandedSubtopics;
   var sliderCounter = !expandedTopicId ? 0 : expandedSubtopicsId.length + 1;
-  return (0, _core2.jsx)("nav", null, messages === null || messages === void 0 ? void 0 : messages.map(function (message) {
-    return (0, _core2.jsx)(_Messages.MessageBanner, {
+  return (0, _react2.jsx)("nav", null, messages === null || messages === void 0 ? void 0 : messages.map(function (message) {
+    return (0, _react2.jsx)(_Messages.MessageBanner, {
       key: message.number,
       showCloseButton: message.closable,
       onClose: function onClose() {
         return closeAlert === null || closeAlert === void 0 ? void 0 : closeAlert(message.number);
       }
     }, message.content);
-  }), (0, _core2.jsx)(_modal.ModalHeader, {
+  }), (0, _react2.jsx)(_modal.ModalHeader, {
     modifier: ['white', 'menu']
-  }, (0, _core2.jsx)("div", classes('masthead-left'), (0, _core2.jsx)("button", _extends({
+  }, (0, _react2.jsx)("div", classes('masthead-left'), (0, _react2.jsx)("button", _extends({
     type: "button"
   }, classes('close-button'), {
     onClick: closeMenu
-  }), (0, _core2.jsx)(_action.Cross, null), (0, _core2.jsx)("span", null, t('masthead.menu.close')))), (0, _core2.jsx)("div", classes('masthead-right'), !hideSearch && searchFieldComponent, (0, _core2.jsx)(_Logo["default"], {
+  }), (0, _react2.jsx)(_action.Cross, null), (0, _react2.jsx)("span", null, t('masthead.menu.close')))), (0, _react2.jsx)("div", classes('masthead-right'), !hideSearch && searchFieldComponent, (0, _react2.jsx)(_Logo["default"], {
     to: "/",
     label: t('logo.altText'),
     locale: locale
-  }))), (0, _core2.jsx)("div", classes('content'), (0, _core2.jsx)("div", classes('back', 'wide'), (0, _core2.jsx)(_safelink["default"], _extends({}, classes('back-link'), {
+  }))), (0, _react2.jsx)("div", classes('content'), (0, _react2.jsx)("div", classes('back', 'wide'), (0, _react2.jsx)(_safelink["default"], _extends({}, classes('back-link'), {
     to: toFrontpage()
-  }), (0, _core2.jsx)(_common.Home, classes('home-icon', '', 'c-icon--20')), t('masthead.menu.toFrontpage'))), (0, _core2.jsx)("div", classes('back', {
+  }), (0, _react2.jsx)(_common.Home, classes('home-icon', '', 'c-icon--20')), t('masthead.menu.toFrontpage'))), (0, _react2.jsx)("div", classes('back', {
     narrow: true
-  }), (0, _core2.jsx)(_safelink["default"], _extends({}, classes('back-link'), {
+  }), (0, _react2.jsx)(_safelink["default"], _extends({}, classes('back-link'), {
     to: toFrontpage()
-  }), (0, _core2.jsx)(_common.Home, classes('home-icon', '', 'c-icon--20')), t('masthead.menu.toFrontpage'))), (0, _core2.jsx)("div", classes('subject'), (0, _core2.jsx)("div", classes('subject__header'), (0, _core2.jsx)("div", classes('subject__header__menu-filter'), subjectTitle && (0, _core2.jsx)(StyledButton, {
+  }), (0, _react2.jsx)(_common.Home, classes('home-icon', '', 'c-icon--20')), t('masthead.menu.toFrontpage'))), (0, _react2.jsx)("div", classes('subject'), (0, _react2.jsx)("div", classes('subject__header'), (0, _react2.jsx)("div", classes('subject__header__menu-filter'), subjectTitle && (0, _react2.jsx)(StyledButton, {
     onClick: function onClick() {
       return setSelectedMenu(MENU_CURRENT_SUBJECT);
     },
     colorTheme: selectedMenu !== MENU_CURRENT_SUBJECT ? 'lighter' : 'primary',
     size: "small",
     shape: "pill"
-  }, subjectTitle), currentProgramme && (0, _core2.jsx)(StyledButton, {
+  }, subjectTitle), currentProgramme && (0, _react2.jsx)(StyledButton, {
     onClick: function onClick() {
       return setSelectedMenu(MENU_CURRENT_PROGRAMME);
     },
     colorTheme: selectedMenu !== MENU_CURRENT_PROGRAMME ? 'lighter' : 'primary',
     size: "small",
     shape: "pill"
-  }, currentProgramme.name), programmes && (0, _core2.jsx)(StyledButton, {
+  }, currentProgramme.name), programmes && (0, _react2.jsx)(StyledButton, {
     onClick: function onClick() {
       return setSelectedMenu(MENU_PROGRAMMES);
     },
     colorTheme: selectedMenu !== MENU_PROGRAMMES ? 'lighter' : 'primary',
     size: "small",
     shape: "pill"
-  }, t('frontpageMenu.program')), subjectCategories && (0, _core2.jsx)(StyledButton, {
+  }, t('frontpageMenu.program')), subjectCategories && (0, _react2.jsx)(StyledButton, {
     onClick: function onClick() {
       return setSelectedMenu(MENU_ALL_SUBJECTS);
     },
     colorTheme: selectedMenu !== MENU_ALL_SUBJECTS ? 'lighter' : 'primary',
     size: "small",
     shape: "pill"
-  }, t('frontpageMenu.allsubjects')))), selectedMenu === MENU_CURRENT_SUBJECT && (0, _core2.jsx)("div", classes('back-button-slide-wrapper'), (0, _core2.jsx)("button", _extends({
+  }, t('frontpageMenu.allsubjects')))), selectedMenu === MENU_CURRENT_SUBJECT && (0, _react2.jsx)("div", classes('back-button-slide-wrapper'), (0, _react2.jsx)("button", _extends({
     type: "button"
   }, classes('back-button-slides', "slide-".concat(sliderCounter)), {
     onClick: handleOnGoBack
-  }), (0, _core2.jsx)(_common.Back, null), " ", (0, _core2.jsx)("span", null, t('masthead.menu.back'))))), selectedMenu === MENU_ALL_SUBJECTS && subjectCategories && (0, _core2.jsx)("div", classes('all-subjects'), (0, _core2.jsx)(_FrontpageAllSubjects["default"], {
+  }), (0, _react2.jsx)(_common.Back, null), " ", (0, _react2.jsx)("span", null, t('masthead.menu.back'))))), selectedMenu === MENU_ALL_SUBJECTS && subjectCategories && (0, _react2.jsx)("div", classes('all-subjects'), (0, _react2.jsx)(_FrontpageAllSubjects["default"], {
     categories: subjectCategories,
     onNavigate: closeMenu
-  })), selectedMenu === MENU_CURRENT_PROGRAMME && currentProgramme && (0, _core2.jsx)("div", classes('all-subjects'), (0, _core2.jsx)(_Programme.ProgrammeSubjects, {
+  })), selectedMenu === MENU_CURRENT_PROGRAMME && currentProgramme && (0, _react2.jsx)("div", classes('all-subjects'), (0, _react2.jsx)(_Programme.ProgrammeSubjects, {
     grades: currentProgramme.grades,
     selectedGrade: selectedGrade,
     onChangeGrade: onGradeChange,
     onNavigate: closeMenu
-  })), selectedMenu === MENU_PROGRAMMES && programmes && (0, _core2.jsx)("div", classes('all-subjects'), (0, _core2.jsx)(_NavigationBox["default"], {
+  })), selectedMenu === MENU_PROGRAMMES && programmes && (0, _react2.jsx)("div", classes('all-subjects'), (0, _react2.jsx)(_NavigationBox["default"], {
     colorMode: "light",
     items: programmes,
     listDirection: "vertical",
     onClick: closeMenu
-  })), selectedMenu === MENU_CURRENT_SUBJECT && (0, _core2.jsx)("div", classes('subject-navigation', "slide-".concat(sliderCounter)), !disableMain && (0, _core2.jsx)(_react.Fragment, null, (0, _core2.jsx)("div", classes('section', 'main'), (0, _core2.jsx)(_safelink["default"], {
+  })), selectedMenu === MENU_CURRENT_SUBJECT && (0, _react2.jsx)("div", classes('subject-navigation', "slide-".concat(sliderCounter)), !disableMain && (0, _react2.jsx)(_react.Fragment, null, (0, _react2.jsx)("div", classes('section', 'main'), (0, _react2.jsx)(_safelink["default"], {
     onClick: closeMenu,
     to: toSubject(),
     className: classes('link', 'big').className
-  }, (0, _core2.jsx)("span", classes('link-wrapper'), (0, _core2.jsx)("span", classes('link-label'), t('masthead.menu.goTo'), ":"), (0, _core2.jsx)("span", classes('link-target'), (0, _core2.jsx)("span", classes('link-target-name'), t('masthead.menu.subjectPage')), (0, _core2.jsx)(_common.ChevronRight, {
+  }, (0, _react2.jsx)("span", classes('link-wrapper'), (0, _react2.jsx)("span", classes('link-label'), t('masthead.menu.goTo'), ":"), (0, _react2.jsx)("span", classes('link-target'), (0, _react2.jsx)("span", classes('link-target-name'), t('masthead.menu.subjectPage')), (0, _react2.jsx)(_common.ChevronRight, {
     className: "c-icon--22"
-  })))), (0, _core2.jsx)("ul", classes('list'), topics.map(function (topic) {
+  })))), (0, _react2.jsx)("ul", classes('list'), topics.map(function (topic) {
     var active = topic.id === expandedTopicId ? 'active' : null;
-    return (0, _core2.jsx)("li", _extends({}, classes('topic-item', active), {
+    return (0, _react2.jsx)("li", _extends({}, classes('topic-item', active), {
       key: topic.id
-    }), (0, _core2.jsx)("button", _extends({
+    }), (0, _react2.jsx)("button", _extends({
       type: "button"
     }, classes('link'), {
       onClick: function onClick(event) {
@@ -308,8 +310,8 @@ var TopicMenu = function TopicMenu(_ref) {
       onKeyPress: function onKeyPress(event) {
         return handleBtnKeyPress(event, topic.id);
       }
-    }), (0, _core2.jsx)("span", null, topic.name, renderAdditionalIcon(topic.additional, t('resource.additionalTooltip'))), (0, _core2.jsx)(_common.ChevronRight, null)));
-  })))), expandedTopic && !disableSubTopic && (0, _core2.jsx)(_SubtopicLinkList["default"], {
+    }), (0, _react2.jsx)("span", null, topic.name, renderAdditionalIcon(topic.additional, t('resource.additionalTooltip'))), (0, _react2.jsx)(_common.ChevronRight, null)));
+  })))), expandedTopic && !disableSubTopic && (0, _react2.jsx)(_SubtopicLinkList["default"], {
     classes: classes,
     className: classes('section', subTopicModifiers).className,
     closeMenu: closeMenu,
@@ -327,7 +329,7 @@ var TopicMenu = function TopicMenu(_ref) {
   }), currentlyExpandedSubTopics.map(function (subTopic, index) {
     var metadata = subTopic.metadata;
     var isUngrouped = (metadata === null || metadata === void 0 ? void 0 : metadata.customFields['topic-resources']) === 'ungrouped' || false;
-    return (0, _core2.jsx)(_SubtopicLinkList["default"], {
+    return (0, _react2.jsx)(_SubtopicLinkList["default"], {
       isUngrouped: isUngrouped,
       key: subTopic.id,
       classes: classes,

package/lib/TopicMenu/TopicMenuButton.js

@@ -9,9 +9,9 @@ var _react = _interopRequireDefault(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
-var _core = require("@emotion/core");
+var _react2 = require("@emotion/react");
 
-var _core2 = require("@ndla/core");
+var _core = require("@ndla/core");
 
 var _common = require("@ndla/icons/common");
 
@@ -25,20 +25,24 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 
 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; }
 
-var style = /*#__PURE__*/(0, _core.css)("display:block;position:relative;background:transparent;padding:", _core2.spacing.small, " ", _core2.spacing.normal, ";font-weight:", _core2.fonts.weight.normal, ";svg{width:25px;height:25px;margin-top:-3px;margin-right:", _core2.spacing.xsmall, ";}&:hover{border-color:transparent;background:", _core2.colors.brand.primary, ";color:", _core2.colors.white, ";}&:active,&:focus{border-color:", _core2.colors.brand.lighter, ";background:", _core2.colors.white, ";color:", _core2.colors.brand.primary, ";}", _core2.mq.range({
-  until: _core2.breakpoints.tablet
-}), "{padding-left:", _core2.spacing.xsmall, ";padding-right:", _core2.spacing.xsmall, ";};label:style;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRvcGljTWVudUJ1dHRvbi5qc3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZWlCIiwiZmlsZSI6IlRvcGljTWVudUJ1dHRvbi5qc3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAxOC1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQgUHJvcFR5cGVzIGZyb20gJ3Byb3AtdHlwZXMnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vY29yZSc7XG5pbXBvcnQgeyBzcGFjaW5nLCBmb250cywgY29sb3JzLCBtcSwgYnJlYWtwb2ludHMgfSBmcm9tICdAbmRsYS9jb3JlJztcbmltcG9ydCB7IE1lbnUgfSBmcm9tICdAbmRsYS9pY29ucy9jb21tb24nO1xuaW1wb3J0IHsgQnV0dG9uVjIgYXMgQnV0dG9uIH0gZnJvbSAnQG5kbGEvYnV0dG9uJztcblxuY29uc3Qgc3R5bGUgPSBjc3NgXG4gIGRpc3BsYXk6IGJsb2NrO1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIGJhY2tncm91bmQ6IHRyYW5zcGFyZW50O1xuICBwYWRkaW5nOiAke3NwYWNpbmcuc21hbGx9ICR7c3BhY2luZy5ub3JtYWx9O1xuICBmb250LXdlaWdodDogJHtmb250cy53ZWlnaHQubm9ybWFsfTtcblxuICBzdmcge1xuICAgIHdpZHRoOiAyNXB4O1xuICAgIGhlaWdodDogMjVweDtcbiAgICBtYXJnaW4tdG9wOiAtM3B4O1xuICAgIG1hcmdpbi1yaWdodDogJHtzcGFjaW5nLnhzbWFsbH07XG4gIH1cbiAgJjpob3ZlciB7XG4gICAgYm9yZGVyLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgICBiYWNrZ3JvdW5kOiAke2NvbG9ycy5icmFuZC5wcmltYXJ5fTtcbiAgICBjb2xvcjogJHtjb2xvcnMud2hpdGV9O1xuICB9XG4gICY6YWN0aXZlLFxuICAmOmZvY3VzIHtcbiAgICBib3JkZXItY29sb3I6ICR7Y29sb3JzLmJyYW5kLmxpZ2h0ZXJ9O1xuICAgIGJhY2tncm91bmQ6ICR7Y29sb3JzLndoaXRlfTtcbiAgICBjb2xvcjogJHtjb2xvcnMuYnJhbmQucHJpbWFyeX07XG4gIH1cbiAgJHttcS5yYW5nZSh7IHVudGlsOiBicmVha3BvaW50cy50YWJsZXQgfSl9IHtcbiAgICBwYWRkaW5nLWxlZnQ6ICR7c3BhY2luZy54c21hbGx9O1xuICAgIHBhZGRpbmctcmlnaHQ6ICR7c3BhY2luZy54c21hbGx9O1xuICB9XG5gO1xuXG5jb25zdCBUb3BpY01lbnVCdXR0b24gPSAoeyBuZGxhRmlsbSwgY2hpbGRyZW4sIC4uLnJlc3QgfSkgPT4gKFxuICA8QnV0dG9uIGludmVydGVkPXtuZGxhRmlsbX0gdmFyaWFudD1cIm91dGxpbmVcIiBjc3M9e3N0eWxlfSB7Li4ucmVzdH0+XG4gICAgPE1lbnUgLz4ge2NoaWxkcmVufVxuICA8L0J1dHRvbj5cbik7XG5cblRvcGljTWVudUJ1dHRvbi5wcm9wVHlwZXMgPSB7XG4gIGNoaWxkcmVuOiBQcm9wVHlwZXMubm9kZS5pc1JlcXVpcmVkLFxuICBuZGxhRmlsbTogUHJvcFR5cGVzLmJvb2wsXG59O1xuXG5leHBvcnQgZGVmYXVsdCBUb3BpY01lbnVCdXR0b247XG4iXX0= */"));
+var style =
+/*#__PURE__*/
+
+/*#__PURE__*/
+(0, _react2.css)("display:block;position:relative;background:transparent;padding:", _core.spacing.small, " ", _core.spacing.normal, ";font-weight:", _core.fonts.weight.normal, ";svg{width:25px;height:25px;margin-top:-3px;margin-right:", _core.spacing.xsmall, ";}&:hover{border-color:transparent;background:", _core.colors.brand.primary, ";color:", _core.colors.white, ";}&:active,&:focus{border-color:", _core.colors.brand.lighter, ";background:", _core.colors.white, ";color:", _core.colors.brand.primary, ";}", _core.mq.range({
+  until: _core.breakpoints.tablet
+}), "{padding-left:", _core.spacing.xsmall, ";padding-right:", _core.spacing.xsmall, ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:style;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRvcGljTWVudUJ1dHRvbi5qc3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZWlCIiwiZmlsZSI6IlRvcGljTWVudUJ1dHRvbi5qc3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAxOC1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQgUHJvcFR5cGVzIGZyb20gJ3Byb3AtdHlwZXMnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgc3BhY2luZywgZm9udHMsIGNvbG9ycywgbXEsIGJyZWFrcG9pbnRzIH0gZnJvbSAnQG5kbGEvY29yZSc7XG5pbXBvcnQgeyBNZW51IH0gZnJvbSAnQG5kbGEvaWNvbnMvY29tbW9uJztcbmltcG9ydCB7IEJ1dHRvblYyIGFzIEJ1dHRvbiB9IGZyb20gJ0BuZGxhL2J1dHRvbic7XG5cbmNvbnN0IHN0eWxlID0gY3NzYFxuICBkaXNwbGF5OiBibG9jaztcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBiYWNrZ3JvdW5kOiB0cmFuc3BhcmVudDtcbiAgcGFkZGluZzogJHtzcGFjaW5nLnNtYWxsfSAke3NwYWNpbmcubm9ybWFsfTtcbiAgZm9udC13ZWlnaHQ6ICR7Zm9udHMud2VpZ2h0Lm5vcm1hbH07XG5cbiAgc3ZnIHtcbiAgICB3aWR0aDogMjVweDtcbiAgICBoZWlnaHQ6IDI1cHg7XG4gICAgbWFyZ2luLXRvcDogLTNweDtcbiAgICBtYXJnaW4tcmlnaHQ6ICR7c3BhY2luZy54c21hbGx9O1xuICB9XG4gICY6aG92ZXIge1xuICAgIGJvcmRlci1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gICAgYmFja2dyb3VuZDogJHtjb2xvcnMuYnJhbmQucHJpbWFyeX07XG4gICAgY29sb3I6ICR7Y29sb3JzLndoaXRlfTtcbiAgfVxuICAmOmFjdGl2ZSxcbiAgJjpmb2N1cyB7XG4gICAgYm9yZGVyLWNvbG9yOiAke2NvbG9ycy5icmFuZC5saWdodGVyfTtcbiAgICBiYWNrZ3JvdW5kOiAke2NvbG9ycy53aGl0ZX07XG4gICAgY29sb3I6ICR7Y29sb3JzLmJyYW5kLnByaW1hcnl9O1xuICB9XG4gICR7bXEucmFuZ2UoeyB1bnRpbDogYnJlYWtwb2ludHMudGFibGV0IH0pfSB7XG4gICAgcGFkZGluZy1sZWZ0OiAke3NwYWNpbmcueHNtYWxsfTtcbiAgICBwYWRkaW5nLXJpZ2h0OiAke3NwYWNpbmcueHNtYWxsfTtcbiAgfVxuYDtcblxuY29uc3QgVG9waWNNZW51QnV0dG9uID0gKHsgbmRsYUZpbG0sIGNoaWxkcmVuLCAuLi5yZXN0IH0pID0+IChcbiAgPEJ1dHRvbiBpbnZlcnRlZD17bmRsYUZpbG19IHZhcmlhbnQ9XCJvdXRsaW5lXCIgY3NzPXtzdHlsZX0gey4uLnJlc3R9PlxuICAgIDxNZW51IC8+IHtjaGlsZHJlbn1cbiAgPC9CdXR0b24+XG4pO1xuXG5Ub3BpY01lbnVCdXR0b24ucHJvcFR5cGVzID0ge1xuICBjaGlsZHJlbjogUHJvcFR5cGVzLm5vZGUuaXNSZXF1aXJlZCxcbiAgbmRsYUZpbG06IFByb3BUeXBlcy5ib29sLFxufTtcblxuZXhwb3J0IGRlZmF1bHQgVG9waWNNZW51QnV0dG9uO1xuIl19 */", process.env.NODE_ENV === "production" ? "" : ";label:style;");
 
 var TopicMenuButton = function TopicMenuButton(_ref) {
   var ndlaFilm = _ref.ndlaFilm,
       children = _ref.children,
       rest = _objectWithoutProperties(_ref, ["ndlaFilm", "children"]);
 
-  return (0, _core.jsx)(_button.ButtonV2, _extends({
+  return (0, _react2.jsx)(_button.ButtonV2, _extends({
     inverted: ndlaFilm,
     variant: "outline",
     css: style
-  }, rest), (0, _core.jsx)(_common.Menu, null), " ", children);
+  }, rest), (0, _react2.jsx)(_common.Menu, null), " ", children);
 };
 
 TopicMenuButton.propTypes = {

package/lib/Translation/Translation.d.ts

@@ -10,5 +10,5 @@ interface Props {
     children: ReactNode;
     index: number;
 }
-declare const Translation: ({ children, index }: Props) => JSX.Element;
+declare const Translation: ({ children, index }: Props) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
 export default Translation;

package/lib/Translation/Translation.js

@@ -9,7 +9,7 @@ var _react = _interopRequireDefault(require("react"));
 
 var _reactBemHelper = _interopRequireDefault(require("react-bem-helper"));
 
-var _core = require("@emotion/core");
+var _react2 = require("@emotion/react");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
@@ -28,7 +28,7 @@ var classes = new _reactBemHelper["default"]({
 var Translation = function Translation(_ref) {
   var children = _ref.children,
       index = _ref.index;
-  return (0, _core.jsx)("div", classes(''), (0, _core.jsx)("div", classes('index'), index), (0, _core.jsx)("dl", classes('wrapper'), children));
+  return (0, _react2.jsx)("div", classes(''), (0, _react2.jsx)("div", classes('index'), index), (0, _react2.jsx)("dl", classes('wrapper'), children));
 };
 
 var _default = Translation;

package/lib/Translation/TranslationBox.d.ts

@@ -6,5 +6,5 @@ interface Props {
         content: (() => ReactNode) | ReactNode;
     }[];
 }
-declare const TranslationBox: ({ tabs }: Props) => JSX.Element;
+declare const TranslationBox: ({ tabs }: Props) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
 export default TranslationBox;

package/lib/Translation/TranslationBox.js

@@ -9,17 +9,17 @@ var _react = _interopRequireDefault(require("react"));
 
 var _tabs = require("@ndla/tabs");
 
-var _core = require("@emotion/core");
+var _react2 = require("@emotion/react");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
 var TranslationBox = function TranslationBox(_ref) {
   var tabs = _ref.tabs;
-  return (0, _core.jsx)("div", {
+  return (0, _react2.jsx)("div", {
     className: "c-translation-box"
-  }, (0, _core.jsx)("div", {
+  }, (0, _react2.jsx)("div", {
     className: "c-bodybox c-bodybox--translation"
-  }, (0, _core.jsx)(_tabs.ArticleTabs, {
+  }, (0, _react2.jsx)(_tabs.ArticleTabs, {
     tabs: tabs
   })));
 };

package/lib/Translation/TranslationLine.d.ts

@@ -12,5 +12,5 @@ interface Props {
     lang?: string;
     langName?: string;
 }
-declare const TranslationLine: ({ children, lang, langName, isTerm }: Props) => JSX.Element;
+declare const TranslationLine: ({ children, lang, langName, isTerm }: Props) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
 export default TranslationLine;

package/lib/Translation/TranslationLine.js

@@ -9,7 +9,7 @@ var _react = _interopRequireDefault(require("react"));
 
 var _reactBemHelper = _interopRequireDefault(require("react-bem-helper"));
 
-var _core = require("@emotion/core");
+var _react2 = require("@emotion/react");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
@@ -27,15 +27,15 @@ var TranslationLine = function TranslationLine(_ref) {
       _ref$isTerm = _ref.isTerm,
       isTerm = _ref$isTerm === void 0 ? false : _ref$isTerm;
   var hasLang = langName && lang;
-  var content = (0, _core.jsx)(_react["default"].Fragment, null, (0, _core.jsx)("div", _extends({}, classes('line-body'), {
+  var content = (0, _react2.jsx)(_react["default"].Fragment, null, (0, _react2.jsx)("div", _extends({}, classes('line-body'), {
     lang: lang
-  }), children), hasLang && (0, _core.jsx)("div", classes('line-lang'), langName));
+  }), children), hasLang && (0, _react2.jsx)("div", classes('line-lang'), langName));
 
   if (isTerm) {
-    return (0, _core.jsx)("dt", classes('line', hasLang ? 'lang' : ''), content);
+    return (0, _react2.jsx)("dt", classes('line', hasLang ? 'lang' : ''), content);
   }
 
-  return (0, _core.jsx)("dd", classes('line', hasLang ? 'lang' : ''), content);
+  return (0, _react2.jsx)("dd", classes('line', hasLang ? 'lang' : ''), content);
 };
 
 var _default = TranslationLine;

package/lib/TreeStructure/AddFolderButton.d.ts

@@ -5,7 +5,6 @@
  * LICENSE file in the root directory of this source tree.
  *
  */
-/// <reference types="react" />
 import { FolderType } from './types';
 interface AddFolderButtonProps {
     canAddFolder: boolean;
@@ -13,5 +12,5 @@ interface AddFolderButtonProps {
     setNewFolderParentId: (id?: string) => void;
     setShowTree: (value: boolean) => void;
 }
-declare const AddFolderButton: ({ canAddFolder, setNewFolderParentId, focusedFolder, setShowTree }: AddFolderButtonProps) => JSX.Element;
+declare const AddFolderButton: ({ canAddFolder, setNewFolderParentId, focusedFolder, setShowTree }: AddFolderButtonProps) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
 export default AddFolderButton;

package/lib/TreeStructure/AddFolderButton.js

@@ -7,7 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = void 0;
 
-var _styledBase = _interopRequireDefault(require("@emotion/styled-base"));
+var _base = _interopRequireDefault(require("@emotion/styled/base"));
 
 var _react = _interopRequireWildcard(require("react"));
 
@@ -19,7 +19,7 @@ var _button = require("@ndla/button");
 
 var _action = require("@ndla/icons/action");
 
-var _core = require("@emotion/core");
+var _react2 = require("@emotion/react");
 
 function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
 
@@ -29,8 +29,10 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "d
 
 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)."; }
 
-var StyledAddFolderButton = ( /*#__PURE__*/0, _styledBase["default"])(_button.ButtonV2, {
-  target: "e1bj2d240",
+var StyledAddFolderButton = /*#__PURE__*/(0, _base["default"])(_button.ButtonV2, process.env.NODE_ENV === "production" ? {
+  target: "e1bj2d241"
+} : {
+  target: "e1bj2d241",
   label: "StyledAddFolderButton"
 })(process.env.NODE_ENV === "production" ? {
   name: "it7ogd",
@@ -41,15 +43,17 @@ var StyledAddFolderButton = ( /*#__PURE__*/0, _styledBase["default"])(_button.Bu
   map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkFkZEZvbGRlckJ1dHRvbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBdUI0QyIsImZpbGUiOiJBZGRGb2xkZXJCdXR0b24udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDb3B5cmlnaHQgKGMpIDIwMjItcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLlxuICpcbiAqL1xuXG5pbXBvcnQgUmVhY3QsIHsgdXNlUmVmIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgdXNlVHJhbnNsYXRpb24gfSBmcm9tICdyZWFjdC1pMThuZXh0JztcbmltcG9ydCBUb29sdGlwIGZyb20gJ0BuZGxhL3Rvb2x0aXAnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgQnV0dG9uVjIgYXMgQnV0dG9uIH0gZnJvbSAnQG5kbGEvYnV0dG9uJztcbmltcG9ydCB7IFBsdXMgfSBmcm9tICdAbmRsYS9pY29ucy9hY3Rpb24nO1xuaW1wb3J0IHsgRm9sZGVyVHlwZSB9IGZyb20gJy4vdHlwZXMnO1xuXG5pbnRlcmZhY2UgQWRkRm9sZGVyQnV0dG9uUHJvcHMge1xuICBjYW5BZGRGb2xkZXI6IGJvb2xlYW47XG4gIGZvY3VzZWRGb2xkZXI/OiBGb2xkZXJUeXBlO1xuICBzZXROZXdGb2xkZXJQYXJlbnRJZDogKGlkPzogc3RyaW5nKSA9PiB2b2lkO1xuICBzZXRTaG93VHJlZTogKHZhbHVlOiBib29sZWFuKSA9PiB2b2lkO1xufVxuXG5jb25zdCBTdHlsZWRBZGRGb2xkZXJCdXR0b24gPSBzdHlsZWQoQnV0dG9uKWBcbiAgJixcbiAgJjpkaXNhYmxlZCB7XG4gICAgYm9yZGVyLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgfVxuYDtcblxuY29uc3QgU3R5bGVkUGx1cyA9IHN0eWxlZChQbHVzKWBcbiAgaGVpZ2h0OiAyNHB4O1xuICB3aWR0aDogMjRweDtcbmA7XG5cbmNvbnN0IEFkZEZvbGRlckJ1dHRvbiA9ICh7IGNhbkFkZEZvbGRlciwgc2V0TmV3Rm9sZGVyUGFyZW50SWQsIGZvY3VzZWRGb2xkZXIsIHNldFNob3dUcmVlIH06IEFkZEZvbGRlckJ1dHRvblByb3BzKSA9PiB7XG4gIGNvbnN0IHsgdCB9ID0gdXNlVHJhbnNsYXRpb24oKTtcbiAgY29uc3QgcmVmID0gdXNlUmVmPEhUTUxCdXR0b25FbGVtZW50PihudWxsKTtcbiAgcmV0dXJuIChcbiAgICA8VG9vbHRpcFxuICAgICAgdG9vbHRpcD17XG4gICAgICAgIGNhbkFkZEZvbGRlclxuICAgICAgICAgID8gdCgnbXlOZGxhLm5ld0ZvbGRlclVuZGVyJywge1xuICAgICAgICAgICAgICBmb2xkZXJOYW1lOiBmb2N1c2VkRm9sZGVyPy5uYW1lLFxuICAgICAgICAgICAgfSlcbiAgICAgICAgICA6IHQoJ3RyZWVTdHJ1Y3R1cmUubWF4Rm9sZGVyc0FscmVhZHlBZGRlZCcpXG4gICAgICB9PlxuICAgICAgPFN0eWxlZEFkZEZvbGRlckJ1dHRvblxuICAgICAgICByZWY9e3JlZn1cbiAgICAgICAgdmFyaWFudD1cIm91dGxpbmVcIlxuICAgICAgICBzaGFwZT1cInBpbGxcIlxuICAgICAgICBkaXNhYmxlZD17IWNhbkFkZEZvbGRlcn1cbiAgICAgICAgYXJpYS1sYWJlbD17XG4gICAgICAgICAgY2FuQWRkRm9sZGVyXG4gICAgICAgICAgICA/IHQoJ215TmRsYS5uZXdGb2xkZXJVbmRlcicsIHtcbiAgICAgICAgICAgICAgICBmb2xkZXJOYW1lOiBmb2N1c2VkRm9sZGVyPy5uYW1lLFxuICAgICAgICAgICAgICB9KVxuICAgICAgICAgICAgOiB0KCd0cmVlU3RydWN0dXJlLm1heEZvbGRlcnNBbHJlYWR5QWRkZWQnKVxuICAgICAgICB9XG4gICAgICAgIG9uTW91c2VEb3duPXsoZSkgPT4ge1xuICAgICAgICAgIGUucHJldmVudERlZmF1bHQoKTtcbiAgICAgICAgICBlLnN0b3BQcm9wYWdhdGlvbigpO1xuICAgICAgICAgIHJlZi5jdXJyZW50Py5mb2N1cygpO1xuICAgICAgICB9fVxuICAgICAgICBvbk1vdXNlVXA9eyhlKSA9PiB7XG4gICAgICAgICAgZS5wcmV2ZW50RGVmYXVsdCgpO1xuICAgICAgICAgIGUuc3RvcFByb3BhZ2F0aW9uKCk7XG4gICAgICAgICAgcmVmLmN1cnJlbnQ/LmZvY3VzKCk7XG4gICAgICAgIH19XG4gICAgICAgIG9uQ2xpY2s9eyhlKSA9PiB7XG4gICAgICAgICAgZS5jdXJyZW50VGFyZ2V0LmZvY3VzKCk7XG4gICAgICAgICAgc2V0TmV3Rm9sZGVyUGFyZW50SWQoZm9jdXNlZEZvbGRlcj8uaWQpO1xuICAgICAgICAgIHNldFNob3dUcmVlKHRydWUpO1xuICAgICAgICB9fT5cbiAgICAgICAgPFN0eWxlZFBsdXMgLz4ge3QoJ215TmRsYS5uZXdGb2xkZXInKX1cbiAgICAgIDwvU3R5bGVkQWRkRm9sZGVyQnV0dG9uPlxuICAgIDwvVG9vbHRpcD5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IEFkZEZvbGRlckJ1dHRvbjtcbiJdfQ== */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
-var StyledPlus = ( /*#__PURE__*/0, _styledBase["default"])(_action.Plus, {
-  target: "e1bj2d241",
+var StyledPlus = /*#__PURE__*/(0, _base["default"])(_action.Plus, process.env.NODE_ENV === "production" ? {
+  target: "e1bj2d240"
+} : {
+  target: "e1bj2d240",
   label: "StyledPlus"
 })(process.env.NODE_ENV === "production" ? {
-  name: "1m01c8l",
-  styles: "height:24px;width:24px;"
+  name: "u5mh39",
+  styles: "height:24px;width:24px"
 } : {
-  name: "1m01c8l",
-  styles: "height:24px;width:24px;",
+  name: "u5mh39",
+  styles: "height:24px;width:24px",
   map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkFkZEZvbGRlckJ1dHRvbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBOEIrQiIsImZpbGUiOiJBZGRGb2xkZXJCdXR0b24udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDb3B5cmlnaHQgKGMpIDIwMjItcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLlxuICpcbiAqL1xuXG5pbXBvcnQgUmVhY3QsIHsgdXNlUmVmIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgdXNlVHJhbnNsYXRpb24gfSBmcm9tICdyZWFjdC1pMThuZXh0JztcbmltcG9ydCBUb29sdGlwIGZyb20gJ0BuZGxhL3Rvb2x0aXAnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgQnV0dG9uVjIgYXMgQnV0dG9uIH0gZnJvbSAnQG5kbGEvYnV0dG9uJztcbmltcG9ydCB7IFBsdXMgfSBmcm9tICdAbmRsYS9pY29ucy9hY3Rpb24nO1xuaW1wb3J0IHsgRm9sZGVyVHlwZSB9IGZyb20gJy4vdHlwZXMnO1xuXG5pbnRlcmZhY2UgQWRkRm9sZGVyQnV0dG9uUHJvcHMge1xuICBjYW5BZGRGb2xkZXI6IGJvb2xlYW47XG4gIGZvY3VzZWRGb2xkZXI/OiBGb2xkZXJUeXBlO1xuICBzZXROZXdGb2xkZXJQYXJlbnRJZDogKGlkPzogc3RyaW5nKSA9PiB2b2lkO1xuICBzZXRTaG93VHJlZTogKHZhbHVlOiBib29sZWFuKSA9PiB2b2lkO1xufVxuXG5jb25zdCBTdHlsZWRBZGRGb2xkZXJCdXR0b24gPSBzdHlsZWQoQnV0dG9uKWBcbiAgJixcbiAgJjpkaXNhYmxlZCB7XG4gICAgYm9yZGVyLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgfVxuYDtcblxuY29uc3QgU3R5bGVkUGx1cyA9IHN0eWxlZChQbHVzKWBcbiAgaGVpZ2h0OiAyNHB4O1xuICB3aWR0aDogMjRweDtcbmA7XG5cbmNvbnN0IEFkZEZvbGRlckJ1dHRvbiA9ICh7IGNhbkFkZEZvbGRlciwgc2V0TmV3Rm9sZGVyUGFyZW50SWQsIGZvY3VzZWRGb2xkZXIsIHNldFNob3dUcmVlIH06IEFkZEZvbGRlckJ1dHRvblByb3BzKSA9PiB7XG4gIGNvbnN0IHsgdCB9ID0gdXNlVHJhbnNsYXRpb24oKTtcbiAgY29uc3QgcmVmID0gdXNlUmVmPEhUTUxCdXR0b25FbGVtZW50PihudWxsKTtcbiAgcmV0dXJuIChcbiAgICA8VG9vbHRpcFxuICAgICAgdG9vbHRpcD17XG4gICAgICAgIGNhbkFkZEZvbGRlclxuICAgICAgICAgID8gdCgnbXlOZGxhLm5ld0ZvbGRlclVuZGVyJywge1xuICAgICAgICAgICAgICBmb2xkZXJOYW1lOiBmb2N1c2VkRm9sZGVyPy5uYW1lLFxuICAgICAgICAgICAgfSlcbiAgICAgICAgICA6IHQoJ3RyZWVTdHJ1Y3R1cmUubWF4Rm9sZGVyc0FscmVhZHlBZGRlZCcpXG4gICAgICB9PlxuICAgICAgPFN0eWxlZEFkZEZvbGRlckJ1dHRvblxuICAgICAgICByZWY9e3JlZn1cbiAgICAgICAgdmFyaWFudD1cIm91dGxpbmVcIlxuICAgICAgICBzaGFwZT1cInBpbGxcIlxuICAgICAgICBkaXNhYmxlZD17IWNhbkFkZEZvbGRlcn1cbiAgICAgICAgYXJpYS1sYWJlbD17XG4gICAgICAgICAgY2FuQWRkRm9sZGVyXG4gICAgICAgICAgICA/IHQoJ215TmRsYS5uZXdGb2xkZXJVbmRlcicsIHtcbiAgICAgICAgICAgICAgICBmb2xkZXJOYW1lOiBmb2N1c2VkRm9sZGVyPy5uYW1lLFxuICAgICAgICAgICAgICB9KVxuICAgICAgICAgICAgOiB0KCd0cmVlU3RydWN0dXJlLm1heEZvbGRlcnNBbHJlYWR5QWRkZWQnKVxuICAgICAgICB9XG4gICAgICAgIG9uTW91c2VEb3duPXsoZSkgPT4ge1xuICAgICAgICAgIGUucHJldmVudERlZmF1bHQoKTtcbiAgICAgICAgICBlLnN0b3BQcm9wYWdhdGlvbigpO1xuICAgICAgICAgIHJlZi5jdXJyZW50Py5mb2N1cygpO1xuICAgICAgICB9fVxuICAgICAgICBvbk1vdXNlVXA9eyhlKSA9PiB7XG4gICAgICAgICAgZS5wcmV2ZW50RGVmYXVsdCgpO1xuICAgICAgICAgIGUuc3RvcFByb3BhZ2F0aW9uKCk7XG4gICAgICAgICAgcmVmLmN1cnJlbnQ/LmZvY3VzKCk7XG4gICAgICAgIH19XG4gICAgICAgIG9uQ2xpY2s9eyhlKSA9PiB7XG4gICAgICAgICAgZS5jdXJyZW50VGFyZ2V0LmZvY3VzKCk7XG4gICAgICAgICAgc2V0TmV3Rm9sZGVyUGFyZW50SWQoZm9jdXNlZEZvbGRlcj8uaWQpO1xuICAgICAgICAgIHNldFNob3dUcmVlKHRydWUpO1xuICAgICAgICB9fT5cbiAgICAgICAgPFN0eWxlZFBsdXMgLz4ge3QoJ215TmRsYS5uZXdGb2xkZXInKX1cbiAgICAgIDwvU3R5bGVkQWRkRm9sZGVyQnV0dG9uPlxuICAgIDwvVG9vbHRpcD5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IEFkZEZvbGRlckJ1dHRvbjtcbiJdfQ== */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
@@ -64,11 +68,11 @@ var AddFolderButton = function AddFolderButton(_ref) {
       t = _useTranslation.t;
 
   var ref = (0, _react.useRef)(null);
-  return (0, _core.jsx)(_tooltip["default"], {
+  return (0, _react2.jsx)(_tooltip["default"], {
     tooltip: canAddFolder ? t('myNdla.newFolderUnder', {
       folderName: focusedFolder === null || focusedFolder === void 0 ? void 0 : focusedFolder.name
     }) : t('treeStructure.maxFoldersAlreadyAdded')
-  }, (0, _core.jsx)(StyledAddFolderButton, {
+  }, (0, _react2.jsx)(StyledAddFolderButton, {
     ref: ref,
     variant: "outline",
     shape: "pill",
@@ -95,7 +99,7 @@ var AddFolderButton = function AddFolderButton(_ref) {
       setNewFolderParentId(focusedFolder === null || focusedFolder === void 0 ? void 0 : focusedFolder.id);
       setShowTree(true);
     }
-  }, (0, _core.jsx)(StyledPlus, null), " ", t('myNdla.newFolder')));
+  }, (0, _react2.jsx)(StyledPlus, null), " ", t('myNdla.newFolder')));
 };
 
 var _default = AddFolderButton;