@ndla/ui 25.0.1 → 25.2.0

package/es/TopicMenu/TopicMenu.js

@@ -1,3 +1,5 @@
+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 _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
@@ -26,10 +28,11 @@ import React, { Fragment, useEffect, useState } from 'react';
 import PropTypes from 'prop-types';
 import BEMHelper from 'react-bem-helper';
 import { debounce } from 'lodash';
+import { spacing } from '@ndla/core';
 import { Home, Back, Additional, ChevronRight } from '@ndla/icons/common';
 import { Cross } from '@ndla/icons/action';
 import { ModalHeader } from '@ndla/modal';
-import Button from '@ndla/button';
+import { ButtonV2 as Button } from '@ndla/button';
 import SafeLink from '@ndla/safelink';
 import Tooltip from '@ndla/tooltip';
 import { useTranslation } from 'react-i18next';
@@ -45,6 +48,12 @@ var classes = new BEMHelper({
   name: 'topic-menu',
   prefix: 'c-'
 });
+
+var StyledButton = /*#__PURE__*/_styled(Button, {
+  target: "e1ultzrl0",
+  label: "StyledButton"
+})("padding:", spacing.xsmall, " ", 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 */"));
+
 export var renderAdditionalIcon = function renderAdditionalIcon(isAdditional, label) {
   if (isAdditional && label) {
     return ___EmotionJSX(Tooltip, {
@@ -208,34 +217,34 @@ export var TopicMenu = function TopicMenu(_ref) {
     narrow: true
   }), ___EmotionJSX(SafeLink, _extends({}, classes('back-link'), {
     to: toFrontpage()
-  }), ___EmotionJSX(Home, classes('home-icon', '', 'c-icon--20')), t('masthead.menu.toFrontpage'))), ___EmotionJSX("div", classes('subject'), ___EmotionJSX("div", classes('subject__header'), ___EmotionJSX("div", classes('subject__header__menu-filter'), subjectTitle && ___EmotionJSX(Button, {
+  }), ___EmotionJSX(Home, classes('home-icon', '', 'c-icon--20')), t('masthead.menu.toFrontpage'))), ___EmotionJSX("div", classes('subject'), ___EmotionJSX("div", classes('subject__header'), ___EmotionJSX("div", classes('subject__header__menu-filter'), subjectTitle && ___EmotionJSX(StyledButton, {
     onClick: function onClick() {
       return setSelectedMenu(MENU_CURRENT_SUBJECT);
     },
-    lighter: selectedMenu !== MENU_CURRENT_SUBJECT,
+    colorTheme: selectedMenu !== MENU_CURRENT_SUBJECT ? 'lighter' : 'primary',
     size: "small",
-    borderShape: "rounded"
-  }, subjectTitle), currentProgramme && ___EmotionJSX(Button, {
+    shape: "pill"
+  }, subjectTitle), currentProgramme && ___EmotionJSX(StyledButton, {
     onClick: function onClick() {
       return setSelectedMenu(MENU_CURRENT_PROGRAMME);
     },
-    lighter: selectedMenu !== MENU_CURRENT_PROGRAMME,
+    colorTheme: selectedMenu !== MENU_CURRENT_PROGRAMME ? 'lighter' : 'primary',
     size: "small",
-    borderShape: "rounded"
-  }, currentProgramme.name), programmes && ___EmotionJSX(Button, {
+    shape: "pill"
+  }, currentProgramme.name), programmes && ___EmotionJSX(StyledButton, {
     onClick: function onClick() {
       return setSelectedMenu(MENU_PROGRAMMES);
     },
-    lighter: selectedMenu !== MENU_PROGRAMMES,
+    colorTheme: selectedMenu !== MENU_PROGRAMMES ? 'lighter' : 'primary',
     size: "small",
-    borderShape: "rounded"
-  }, t('frontpageMenu.program')), subjectCategories && ___EmotionJSX(Button, {
+    shape: "pill"
+  }, t('frontpageMenu.program')), subjectCategories && ___EmotionJSX(StyledButton, {
     onClick: function onClick() {
       return setSelectedMenu(MENU_ALL_SUBJECTS);
     },
-    lighter: selectedMenu !== MENU_ALL_SUBJECTS,
+    colorTheme: selectedMenu !== MENU_ALL_SUBJECTS ? 'lighter' : 'primary',
     size: "small",
-    borderShape: "rounded"
+    shape: "pill"
   }, t('frontpageMenu.allsubjects')))), selectedMenu === MENU_CURRENT_SUBJECT && ___EmotionJSX("div", classes('back-button-slide-wrapper'), ___EmotionJSX("button", _extends({
     type: "button"
   }, classes('back-button-slides', "slide-".concat(sliderCounter)), {

package/es/TopicMenu/TopicMenuButton.js

@@ -16,11 +16,11 @@ import PropTypes from 'prop-types';
 import { css } from '@emotion/core';
 import { spacing, fonts, colors, mq, breakpoints } from '@ndla/core';
 import { Menu } from '@ndla/icons/common';
-import Button from '@ndla/button';
+import { ButtonV2 as Button } from '@ndla/button';
 import { jsx as ___EmotionJSX } from "@emotion/core";
-var style = /*#__PURE__*/css("position:relative;background:transparent;padding:", spacing.small, ";padding-right:", spacing.normal, ";padding-left:", spacing.normal, ";font-weight:", fonts.weight.normal, ";svg{width:25px;height:25px;margin-top:-3px;margin-right:", spacing.xsmall, ";}&:hover{border:3px solid transparent;background:", colors.brand.primary, ";color:", colors.white, ";}&:active,&:focus{border:2px solid ", colors.brand.lighter, ";background:", colors.white, ";color:", colors.brand.primary, ";}", mq.range({
+var style = /*#__PURE__*/css("display:block;position:relative;background:transparent;padding:", spacing.small, " ", spacing.normal, ";font-weight:", fonts.weight.normal, ";svg{width:25px;height:25px;margin-top:-3px;margin-right:", spacing.xsmall, ";}&:hover{border-color:transparent;background:", colors.brand.primary, ";color:", colors.white, ";}&:active,&:focus{border-color:", colors.brand.lighter, ";background:", colors.white, ";color:", colors.brand.primary, ";}", mq.range({
   until: breakpoints.tablet
-}), "{padding-left:", spacing.xsmall, ";padding-right:", spacing.xsmall, ";};label:style;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRvcGljTWVudUJ1dHRvbi5qc3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZWlCIiwiZmlsZSI6IlRvcGljTWVudUJ1dHRvbi5qc3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAxOC1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQgUHJvcFR5cGVzIGZyb20gJ3Byb3AtdHlwZXMnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vY29yZSc7XG5pbXBvcnQgeyBzcGFjaW5nLCBmb250cywgY29sb3JzLCBtcSwgYnJlYWtwb2ludHMgfSBmcm9tICdAbmRsYS9jb3JlJztcbmltcG9ydCB7IE1lbnUgfSBmcm9tICdAbmRsYS9pY29ucy9jb21tb24nO1xuaW1wb3J0IEJ1dHRvbiBmcm9tICdAbmRsYS9idXR0b24nO1xuXG5jb25zdCBzdHlsZSA9IGNzc2BcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBiYWNrZ3JvdW5kOiB0cmFuc3BhcmVudDtcbiAgcGFkZGluZzogJHtzcGFjaW5nLnNtYWxsfTtcbiAgcGFkZGluZy1yaWdodDogJHtzcGFjaW5nLm5vcm1hbH07XG4gIHBhZGRpbmctbGVmdDogJHtzcGFjaW5nLm5vcm1hbH07XG4gIGZvbnQtd2VpZ2h0OiAke2ZvbnRzLndlaWdodC5ub3JtYWx9O1xuXG4gIHN2ZyB7XG4gICAgd2lkdGg6IDI1cHg7XG4gICAgaGVpZ2h0OiAyNXB4O1xuICAgIG1hcmdpbi10b3A6IC0zcHg7XG4gICAgbWFyZ2luLXJpZ2h0OiAke3NwYWNpbmcueHNtYWxsfTtcbiAgfVxuICAmOmhvdmVyIHtcbiAgICBib3JkZXI6IDNweCBzb2xpZCB0cmFuc3BhcmVudDtcbiAgICBiYWNrZ3JvdW5kOiAke2NvbG9ycy5icmFuZC5wcmltYXJ5fTtcbiAgICBjb2xvcjogJHtjb2xvcnMud2hpdGV9O1xuICB9XG4gICY6YWN0aXZlLFxuICAmOmZvY3VzIHtcbiAgICBib3JkZXI6IDJweCBzb2xpZCAke2NvbG9ycy5icmFuZC5saWdodGVyfTtcbiAgICBiYWNrZ3JvdW5kOiAke2NvbG9ycy53aGl0ZX07XG4gICAgY29sb3I6ICR7Y29sb3JzLmJyYW5kLnByaW1hcnl9O1xuICB9XG4gICR7bXEucmFuZ2UoeyB1bnRpbDogYnJlYWtwb2ludHMudGFibGV0IH0pfSB7XG4gICAgcGFkZGluZy1sZWZ0OiAke3NwYWNpbmcueHNtYWxsfTtcbiAgICBwYWRkaW5nLXJpZ2h0OiAke3NwYWNpbmcueHNtYWxsfTtcbiAgfVxuYDtcblxuY29uc3QgVG9waWNNZW51QnV0dG9uID0gKHsgbmRsYUZpbG0sIGNoaWxkcmVuLCAuLi5yZXN0IH0pID0+IChcbiAgPEJ1dHRvbiBpbnZlcnRlZE91dGxpbmU9e25kbGFGaWxtfSBvdXRsaW5lPXshbmRsYUZpbG19IGNzcz17c3R5bGV9IHsuLi5yZXN0fT5cbiAgICA8TWVudSAvPiB7Y2hpbGRyZW59XG4gIDwvQnV0dG9uPlxuKTtcblxuVG9waWNNZW51QnV0dG9uLnByb3BUeXBlcyA9IHtcbiAgY2hpbGRyZW46IFByb3BUeXBlcy5ub2RlLmlzUmVxdWlyZWQsXG4gIG5kbGFGaWxtOiBQcm9wVHlwZXMuYm9vbCxcbn07XG5cbmV4cG9ydCBkZWZhdWx0IFRvcGljTWVudUJ1dHRvbjtcbiJdfQ== */"));
+}), "{padding-left:", spacing.xsmall, ";padding-right:", spacing.xsmall, ";};label:style;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRvcGljTWVudUJ1dHRvbi5qc3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZWlCIiwiZmlsZSI6IlRvcGljTWVudUJ1dHRvbi5qc3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAxOC1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQgUHJvcFR5cGVzIGZyb20gJ3Byb3AtdHlwZXMnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vY29yZSc7XG5pbXBvcnQgeyBzcGFjaW5nLCBmb250cywgY29sb3JzLCBtcSwgYnJlYWtwb2ludHMgfSBmcm9tICdAbmRsYS9jb3JlJztcbmltcG9ydCB7IE1lbnUgfSBmcm9tICdAbmRsYS9pY29ucy9jb21tb24nO1xuaW1wb3J0IHsgQnV0dG9uVjIgYXMgQnV0dG9uIH0gZnJvbSAnQG5kbGEvYnV0dG9uJztcblxuY29uc3Qgc3R5bGUgPSBjc3NgXG4gIGRpc3BsYXk6IGJsb2NrO1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIGJhY2tncm91bmQ6IHRyYW5zcGFyZW50O1xuICBwYWRkaW5nOiAke3NwYWNpbmcuc21hbGx9ICR7c3BhY2luZy5ub3JtYWx9O1xuICBmb250LXdlaWdodDogJHtmb250cy53ZWlnaHQubm9ybWFsfTtcblxuICBzdmcge1xuICAgIHdpZHRoOiAyNXB4O1xuICAgIGhlaWdodDogMjVweDtcbiAgICBtYXJnaW4tdG9wOiAtM3B4O1xuICAgIG1hcmdpbi1yaWdodDogJHtzcGFjaW5nLnhzbWFsbH07XG4gIH1cbiAgJjpob3ZlciB7XG4gICAgYm9yZGVyLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgICBiYWNrZ3JvdW5kOiAke2NvbG9ycy5icmFuZC5wcmltYXJ5fTtcbiAgICBjb2xvcjogJHtjb2xvcnMud2hpdGV9O1xuICB9XG4gICY6YWN0aXZlLFxuICAmOmZvY3VzIHtcbiAgICBib3JkZXItY29sb3I6ICR7Y29sb3JzLmJyYW5kLmxpZ2h0ZXJ9O1xuICAgIGJhY2tncm91bmQ6ICR7Y29sb3JzLndoaXRlfTtcbiAgICBjb2xvcjogJHtjb2xvcnMuYnJhbmQucHJpbWFyeX07XG4gIH1cbiAgJHttcS5yYW5nZSh7IHVudGlsOiBicmVha3BvaW50cy50YWJsZXQgfSl9IHtcbiAgICBwYWRkaW5nLWxlZnQ6ICR7c3BhY2luZy54c21hbGx9O1xuICAgIHBhZGRpbmctcmlnaHQ6ICR7c3BhY2luZy54c21hbGx9O1xuICB9XG5gO1xuXG5jb25zdCBUb3BpY01lbnVCdXR0b24gPSAoeyBuZGxhRmlsbSwgY2hpbGRyZW4sIC4uLnJlc3QgfSkgPT4gKFxuICA8QnV0dG9uIGludmVydGVkPXtuZGxhRmlsbX0gdmFyaWFudD1cIm91dGxpbmVcIiBjc3M9e3N0eWxlfSB7Li4ucmVzdH0+XG4gICAgPE1lbnUgLz4ge2NoaWxkcmVufVxuICA8L0J1dHRvbj5cbik7XG5cblRvcGljTWVudUJ1dHRvbi5wcm9wVHlwZXMgPSB7XG4gIGNoaWxkcmVuOiBQcm9wVHlwZXMubm9kZS5pc1JlcXVpcmVkLFxuICBuZGxhRmlsbTogUHJvcFR5cGVzLmJvb2wsXG59O1xuXG5leHBvcnQgZGVmYXVsdCBUb3BpY01lbnVCdXR0b247XG4iXX0= */"));
 
 var TopicMenuButton = function TopicMenuButton(_ref) {
   var ndlaFilm = _ref.ndlaFilm,
@@ -28,8 +28,8 @@ var TopicMenuButton = function TopicMenuButton(_ref) {
       rest = _objectWithoutProperties(_ref, ["ndlaFilm", "children"]);
 
   return ___EmotionJSX(Button, _extends({
-    invertedOutline: ndlaFilm,
-    outline: !ndlaFilm,
+    inverted: ndlaFilm,
+    variant: "outline",
     css: style
   }, rest), ___EmotionJSX(Menu, null), " ", children);
 };