@ndla/ui 47.0.0 → 47.1.0

package/es/Article/Article.js

@@ -25,7 +25,7 @@ import BEMHelper from 'react-bem-helper';
 import { useIntersectionObserver } from '@ndla/hooks';
 import { resizeObserver } from '@ndla/util';
 import { spacing, spacingUnit, mq, breakpoints } from '@ndla/core';
-import { Heading } from '@ndla/typography';
+import { Heading, Text } from '@ndla/typography';
 import ArticleByline from './ArticleByline';
 import LayoutItem from '../Layout';
 import ArticleHeaderWrapper from './ArticleHeaderWrapper';
@@ -77,8 +77,9 @@ export var ArticleIntroduction = function ArticleIntroduction(_ref3) {
   var children = _ref3.children,
     lang = _ref3.lang;
   if (children) {
-    return _jsx("div", {
-      className: "article_introduction",
+    return _jsx(Text, {
+      textStyle: "ingress",
+      element: "div",
       lang: lang,
       children: children
     });
@@ -94,7 +95,7 @@ var MSGboxWrapper = /*#__PURE__*/_styled("div", {
 } : {
   name: "15u9bv0",
   styles: "margin-bottom:50px",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkFydGljbGUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTJGZ0MiLCJmaWxlIjoiQXJ0aWNsZS50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAxNi1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCB7IFJlYWN0Tm9kZSwgdXNlRWZmZWN0LCB1c2VSZWYsIHVzZVN0YXRlLCBmb3J3YXJkUmVmIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IEJFTUhlbHBlciBmcm9tICdyZWFjdC1iZW0taGVscGVyJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxuaW1wb3J0IHsgdXNlSW50ZXJzZWN0aW9uT2JzZXJ2ZXIgfSBmcm9tICdAbmRsYS9ob29rcyc7XG5pbXBvcnQgeyByZXNpemVPYnNlcnZlciB9IGZyb20gJ0BuZGxhL3V0aWwnO1xuaW1wb3J0IHsgc3BhY2luZywgc3BhY2luZ1VuaXQsIG1xLCBicmVha3BvaW50cyB9IGZyb20gJ0BuZGxhL2NvcmUnO1xuaW1wb3J0IHsgSGVhZGluZyB9IGZyb20gJ0BuZGxhL3R5cG9ncmFwaHknO1xuaW1wb3J0IHsgQXJ0aWNsZSBhcyBBcnRpY2xlVHlwZSB9IGZyb20gJy4uL3R5cGVzJztcbmltcG9ydCBBcnRpY2xlQnlsaW5lIGZyb20gJy4vQXJ0aWNsZUJ5bGluZSc7XG5pbXBvcnQgTGF5b3V0SXRlbSBmcm9tICcuLi9MYXlvdXQnO1xuaW1wb3J0IEFydGljbGVIZWFkZXJXcmFwcGVyIGZyb20gJy4vQXJ0aWNsZUhlYWRlcldyYXBwZXInO1xuaW1wb3J0IEFydGljbGVOb3Rpb25zIGZyb20gJy4vQXJ0aWNsZU5vdGlvbnMnO1xuaW1wb3J0IEFydGljbGVBY2Nlc3NNZXNzYWdlIGZyb20gJy4vQXJ0aWNsZUFjY2Vzc01lc3NhZ2UnO1xuaW1wb3J0IE1lc3NhZ2VCb3ggZnJvbSAnLi4vTWVzc2FnZXMvTWVzc2FnZUJveCc7XG5cbmNvbnN0IGNsYXNzZXMgPSBuZXcgQkVNSGVscGVyKHtcbiAgbmFtZTogJ2FydGljbGUnLFxuICBwcmVmaXg6ICdjLScsXG59KTtcblxudHlwZSBBcnRpY2xlV3JhcHBlclByb3BzID0ge1xuICBtb2RpZmllcj86IHN0cmluZztcbiAgY2hpbGRyZW46IFJlYWN0Tm9kZTtcbn07XG5cbmV4cG9ydCBjb25zdCBBcnRpY2xlV3JhcHBlciA9IGZvcndhcmRSZWY8SFRNTEVsZW1lbnQsIEFydGljbGVXcmFwcGVyUHJvcHM+KCh7IGNoaWxkcmVuLCBtb2RpZmllciB9LCByZWYpID0+IChcbiAgPGFydGljbGUgey4uLmNsYXNzZXModW5kZWZpbmVkLCBtb2RpZmllcil9IHJlZj17cmVmfT5cbiAgICB7Y2hpbGRyZW59XG4gIDwvYXJ0aWNsZT5cbikpO1xuXG50eXBlIEFydGljbGVUaXRsZVByb3BzID0ge1xuICBpY29uPzogUmVhY3ROb2RlO1xuICBsYWJlbD86IHN0cmluZztcbiAgY2hpbGRyZW46IFJlYWN0Tm9kZTtcbiAgaWQ6IHN0cmluZztcbiAgbGFuZz86IHN0cmluZztcbn07XG5cbmV4cG9ydCBjb25zdCBBcnRpY2xlVGl0bGUgPSAoeyBjaGlsZHJlbiwgaWNvbiwgbGFiZWwsIGlkLCBsYW5nIH06IEFydGljbGVUaXRsZVByb3BzKSA9PiB7XG4gIGNvbnN0IG1vZGlmaWVycyA9IFtdO1xuICBpZiAoaWNvbikge1xuICAgIG1vZGlmaWVycy5wdXNoKCdpY29uJyk7XG4gIH1cblxuICBsZXQgbGFiZWxWaWV3ID0gbnVsbDtcblxuICBpZiAobGFiZWwpIHtcbiAgICBsYWJlbFZpZXcgPSA8cD57bGFiZWx9PC9wPjtcbiAgfVxuXG4gIHJldHVybiAoXG4gICAgPGRpdiB7Li4uY2xhc3NlcygndGl0bGUnLCBtb2RpZmllcnMpfT5cbiAgICAgIHtpY29ufVxuICAgICAge2xhYmVsVmlld31cbiAgICAgIDxIZWFkaW5nIGVsZW1lbnQ9XCJoMVwiIGhlYWRpbmdTdHlsZT1cImgxLXJlc291cmNlXCIgaWQ9e2lkfSB0YWJJbmRleD17LTF9IGxhbmc9e2xhbmd9PlxuICAgICAgICB7Y2hpbGRyZW59XG4gICAgICA8L0hlYWRpbmc+XG4gICAgPC9kaXY+XG4gICk7XG59O1xuXG50eXBlIEFydGljbGVJbnRyb2R1Y3Rpb25Qcm9wcyA9IHtcbiAgY2hpbGRyZW46IFJlYWN0Tm9kZTtcbiAgbGFuZz86IHN0cmluZztcbn07XG5cbmV4cG9ydCBjb25zdCBBcnRpY2xlSW50cm9kdWN0aW9uID0gKHsgY2hpbGRyZW4sIGxhbmcgfTogQXJ0aWNsZUludHJvZHVjdGlvblByb3BzKSA9PiB7XG4gIGlmIChjaGlsZHJlbikge1xuICAgIHJldHVybiAoXG4gICAgICA8ZGl2IGNsYXNzTmFtZT1cImFydGljbGVfaW50cm9kdWN0aW9uXCIgbGFuZz17bGFuZ30+XG4gICAgICAgIHtjaGlsZHJlbn1cbiAgICAgIDwvZGl2PlxuICAgICk7XG4gIH1cbiAgcmV0dXJuIG51bGw7XG59O1xuXG50eXBlIE1lc3NhZ2VzID0ge1xuICBsYWJlbDogc3RyaW5nO1xuICBtZXNzYWdlQm94Pzogc3RyaW5nO1xufTtcbmNvbnN0IE1TR2JveFdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBtYXJnaW4tYm90dG9tOiA1MHB4O1xuYDtcblxuY29uc3QgQXJ0aWNsZUZhdm9yaXRlc0J1dHRvbldyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtZW5kO1xuICB0cmFuc2Zvcm06IHRyYW5zbGF0ZSgke3NwYWNpbmcueHNtYWxsfSwgLSR7c3BhY2luZy5ub3JtYWx9KTtcbiAgJHttcS5yYW5nZSh7IGZyb206IGJyZWFrcG9pbnRzLnRhYmxldCB9KX0ge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlKCR7c3BhY2luZy5ub3JtYWx9LCAtJHtzcGFjaW5nLm1lZGl1bX0pO1xuICB9XG4gICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy50YWJsZXRXaWRlIH0pfSB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGUoJHtzcGFjaW5nLmxhcmdlfSwgLSR7c3BhY2luZy5tZWRpdW19KTtcbiAgfVxuICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMuZGVza3RvcCB9KX0ge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlKCR7c3BhY2luZ1VuaXQgKiA1LjV9cHgsIC0ke3NwYWNpbmcubWVkaXVtfSk7XG4gIH1cbmA7XG5cbnR5cGUgUHJvcHMgPSB7XG4gIGhlYXJ0QnV0dG9uPzogUmVhY3ROb2RlO1xuICBhcnRpY2xlOiBBcnRpY2xlVHlwZTtcbiAgaWNvbj86IFJlYWN0Tm9kZTtcbiAgbGljZW5zZUJveD86IFJlYWN0Tm9kZTtcbiAgbW9kaWZpZXI/OiBzdHJpbmc7XG4gIGNoaWxkcmVuPzogUmVhY3ROb2RlO1xuICBtZXNzYWdlczogTWVzc2FnZXM7XG4gIGNvbnRlbnRUcmFuc2Zvcm1lZD86IGJvb2xlYW47XG4gIG1lc3NhZ2VCb3hMaW5rcz86IFtdO1xuICBjb21wZXRlbmNlR29hbHM/OiBSZWFjdE5vZGU7XG4gIGlkOiBzdHJpbmc7XG4gIG5vdGlvbnM/OiBSZWFjdE5vZGU7XG4gIGFjY2Vzc01lc3NhZ2U/OiBzdHJpbmc7XG4gIGxhbmc/OiBzdHJpbmc7XG59O1xuXG5jb25zdCBnZXRBcnRpY2xlQ29udGVudCA9IChjb250ZW50OiBhbnksIGNvbnRlbnRUcmFuc2Zvcm1lZD86IGJvb2xlYW4pID0+IHtcbiAgaWYgKGNvbnRlbnRUcmFuc2Zvcm1lZCkge1xuICAgIHJldHVybiBjb250ZW50O1xuICB9XG4gIHN3aXRjaCAodHlwZW9mIGNvbnRlbnQpIHtcbiAgICBjYXNlICdmdW5jdGlvbic6XG4gICAgICByZXR1cm4gY29udGVudCgpO1xuICAgIGRlZmF1bHQ6XG4gICAgICByZXR1cm4gY29udGVudDtcbiAgfVxufTtcblxuZXhwb3J0IGNvbnN0IEFydGljbGUgPSAoe1xuICBhcnRpY2xlLFxuICBpY29uLFxuICBsaWNlbnNlQm94LFxuICBtb2RpZmllcixcbiAgbWVzc2FnZXMsXG4gIG1lc3NhZ2VCb3hMaW5rcyxcbiAgY2hpbGRyZW4sXG4gIGNvbXBldGVuY2VHb2FscyxcbiAgaWQsXG4gIG5vdGlvbnMsXG4gIGFjY2Vzc01lc3NhZ2UsXG4gIGhlYXJ0QnV0dG9uLFxuICBjb250ZW50VHJhbnNmb3JtZWQsXG4gIGxhbmcsXG59OiBQcm9wcykgPT4ge1xuICBjb25zdCBhcnRpY2xlUmVmID0gdXNlUmVmPEhUTUxEaXZFbGVtZW50PihudWxsKTtcbiAgY29uc3Qgd3JhcHBlclJlZiA9IHVzZVJlZjxIVE1MRGl2RWxlbWVudD4obnVsbCk7XG4gIGNvbnN0IHsgZW50cnkgfSA9IHVzZUludGVyc2VjdGlvbk9ic2VydmVyKHtcbiAgICByb290TWFyZ2luOiAnNDAwcHgnLFxuICAgIHRhcmdldDogYXJ0aWNsZVJlZi5jdXJyZW50LFxuICAgIHRocmVzaG9sZDogMC4xLFxuICB9KTtcbiAgY29uc3QgW2FydGljbGVQb3NpdGlvblJpZ2h0LCBzZXRBcnRpY2xlUG9zaXRpb25SaWdodF0gPSB1c2VTdGF0ZSgwKTtcblxuICBjb25zdCBzaG93RXhwbGFpbk5vdGlvbnMgPSBlbnRyeSAmJiBlbnRyeS5pc0ludGVyc2VjdGluZztcblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGlmICh3cmFwcGVyUmVmICYmIHdyYXBwZXJSZWYuY3VycmVudCkge1xuICAgICAgY29uc3QgaGFuZGxlciA9ICgpID0+IHtcbiAgICAgICAgaWYgKHdyYXBwZXJSZWYgJiYgd3JhcHBlclJlZi5jdXJyZW50KSB7XG4gICAgICAgICAgY29uc3Qgb2Zmc2V0ID1cbiAgICAgICAgICAgIHdyYXBwZXJSZWYuY3VycmVudC5nZXRCb3VuZGluZ0NsaWVudFJlY3QoKS5sZWZ0ICsgd3JhcHBlclJlZi5jdXJyZW50LmdldEJvdW5kaW5nQ2xpZW50UmVjdCgpLndpZHRoO1xuICAgICAgICAgIHNldEFydGljbGVQb3NpdGlvblJpZ2h0KG9mZnNldCk7XG4gICAgICAgIH1cbiAgICAgIH07XG4gICAgICBoYW5kbGVyKCk7XG5cbiAgICAgIHJldHVybiByZXNpemVPYnNlcnZlcihkb2N1bWVudC5ib2R5LCBoYW5kbGVyKTtcbiAgICB9XG4gIH0sIFt3cmFwcGVyUmVmXSk7XG5cbiAgY29uc3QgeyB0aXRsZSwgaW50cm9kdWN0aW9uLCBwdWJsaXNoZWQsIGNvbnRlbnQsIGZvb3ROb3RlcywgY29weXJpZ2h0IH0gPSBhcnRpY2xlO1xuXG4gIGNvbnN0IGF1dGhvcnMgPVxuICAgIGNvcHlyaWdodD8uY3JlYXRvcnMubGVuZ3RoIHx8IGNvcHlyaWdodD8ucmlnaHRzaG9sZGVycy5sZW5ndGggPyBjb3B5cmlnaHQuY3JlYXRvcnMgOiBjb3B5cmlnaHQ/LnByb2Nlc3NvcnM7XG5cbiAgcmV0dXJuIChcbiAgICA8ZGl2IHJlZj17d3JhcHBlclJlZn0+XG4gICAgICA8QXJ0aWNsZVdyYXBwZXIgbW9kaWZpZXI9e21vZGlmaWVyfSByZWY9e2FydGljbGVSZWZ9PlxuICAgICAgICA8TGF5b3V0SXRlbSBsYXlvdXQ9XCJjZW50ZXJcIj5cbiAgICAgICAgICB7YWNjZXNzTWVzc2FnZSAmJiA8QXJ0aWNsZUFjY2Vzc01lc3NhZ2UgbWVzc2FnZT17YWNjZXNzTWVzc2FnZX0gLz59XG5cbiAgICAgICAgICB7bWVzc2FnZXMubWVzc2FnZUJveCAmJiAoXG4gICAgICAgICAgICA8TVNHYm94V3JhcHBlcj5cbiAgICAgICAgICAgICAgPE1lc3NhZ2VCb3ggbGlua3M9e21lc3NhZ2VCb3hMaW5rc30+e21lc3NhZ2VzLm1lc3NhZ2VCb3h9PC9NZXNzYWdlQm94PlxuICAgICAgICAgICAgPC9NU0dib3hXcmFwcGVyPlxuICAgICAgICAgICl9XG4gICAgICAgICAgPEFydGljbGVIZWFkZXJXcmFwcGVyIGNvbXBldGVuY2VHb2Fscz17Y29tcGV0ZW5jZUdvYWxzfT5cbiAgICAgICAgICAgIHtoZWFydEJ1dHRvbiA/IDxBcnRpY2xlRmF2b3JpdGVzQnV0dG9uV3JhcHBlcj57aGVhcnRCdXR0b259PC9BcnRpY2xlRmF2b3JpdGVzQnV0dG9uV3JhcHBlcj4gOiBudWxsfVxuICAgICAgICAgICAgPEFydGljbGVUaXRsZSBpZD17aWR9IGljb249e2ljb259IGxhYmVsPXttZXNzYWdlcy5sYWJlbH0gbGFuZz17bGFuZ30+XG4gICAgICAgICAgICAgIHt0aXRsZX1cbiAgICAgICAgICAgIDwvQXJ0aWNsZVRpdGxlPlxuICAgICAgICAgICAgPEFydGljbGVJbnRyb2R1Y3Rpb24gbGFuZz17bGFuZ30+e2ludHJvZHVjdGlvbn08L0FydGljbGVJbnRyb2R1Y3Rpb24+XG4gICAgICAgICAgPC9BcnRpY2xlSGVhZGVyV3JhcHBlcj5cbiAgICAgICAgPC9MYXlvdXRJdGVtPlxuICAgICAgICA8TGF5b3V0SXRlbSBsYXlvdXQ9XCJjZW50ZXJcIj5cbiAgICAgICAgICB7bm90aW9ucyAmJiBzaG93RXhwbGFpbk5vdGlvbnMgJiYgKFxuICAgICAgICAgICAgPEFydGljbGVOb3Rpb25zIGJ1dHRvbk9mZnNldFJpZ2h0PXthcnRpY2xlUG9zaXRpb25SaWdodH0+e25vdGlvbnN9PC9BcnRpY2xlTm90aW9ucz5cbiAgICAgICAgICApfVxuICAgICAgICAgIHtnZXRBcnRpY2xlQ29udGVudChjb250ZW50LCBjb250ZW50VHJhbnNmb3JtZWQpfVxuICAgICAgICA8L0xheW91dEl0ZW0+XG5cbiAgICAgICAgPExheW91dEl0ZW0gbGF5b3V0PVwiY2VudGVyXCI+XG4gICAgICAgICAgPEFydGljbGVCeWxpbmVcbiAgICAgICAgICAgIGZvb3Rub3Rlcz17Zm9vdE5vdGVzfVxuICAgICAgICAgICAgYXV0aG9ycz17YXV0aG9yc31cbiAgICAgICAgICAgIHN1cHBsaWVycz17Y29weXJpZ2h0Py5yaWdodHNob2xkZXJzfVxuICAgICAgICAgICAgcHVibGlzaGVkPXtwdWJsaXNoZWR9XG4gICAgICAgICAgICBsaWNlbnNlPXtjb3B5cmlnaHQ/LmxpY2Vuc2U/LmxpY2Vuc2UgPz8gJyd9XG4gICAgICAgICAgICBsaWNlbnNlQm94PXtsaWNlbnNlQm94fVxuICAgICAgICAgIC8+XG4gICAgICAgIDwvTGF5b3V0SXRlbT5cbiAgICAgICAgPExheW91dEl0ZW0gbGF5b3V0PVwiZXh0ZW5kXCI+e2NoaWxkcmVufTwvTGF5b3V0SXRlbT5cbiAgICAgIDwvQXJ0aWNsZVdyYXBwZXI+XG4gICAgPC9kaXY+XG4gICk7XG59O1xuXG5leHBvcnQgZGVmYXVsdCBBcnRpY2xlO1xuIl19 */",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkFydGljbGUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTJGZ0MiLCJmaWxlIjoiQXJ0aWNsZS50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAxNi1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCB7IFJlYWN0Tm9kZSwgdXNlRWZmZWN0LCB1c2VSZWYsIHVzZVN0YXRlLCBmb3J3YXJkUmVmIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IEJFTUhlbHBlciBmcm9tICdyZWFjdC1iZW0taGVscGVyJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxuaW1wb3J0IHsgdXNlSW50ZXJzZWN0aW9uT2JzZXJ2ZXIgfSBmcm9tICdAbmRsYS9ob29rcyc7XG5pbXBvcnQgeyByZXNpemVPYnNlcnZlciB9IGZyb20gJ0BuZGxhL3V0aWwnO1xuaW1wb3J0IHsgc3BhY2luZywgc3BhY2luZ1VuaXQsIG1xLCBicmVha3BvaW50cyB9IGZyb20gJ0BuZGxhL2NvcmUnO1xuaW1wb3J0IHsgSGVhZGluZywgVGV4dCB9IGZyb20gJ0BuZGxhL3R5cG9ncmFwaHknO1xuaW1wb3J0IHsgQXJ0aWNsZSBhcyBBcnRpY2xlVHlwZSB9IGZyb20gJy4uL3R5cGVzJztcbmltcG9ydCBBcnRpY2xlQnlsaW5lIGZyb20gJy4vQXJ0aWNsZUJ5bGluZSc7XG5pbXBvcnQgTGF5b3V0SXRlbSBmcm9tICcuLi9MYXlvdXQnO1xuaW1wb3J0IEFydGljbGVIZWFkZXJXcmFwcGVyIGZyb20gJy4vQXJ0aWNsZUhlYWRlcldyYXBwZXInO1xuaW1wb3J0IEFydGljbGVOb3Rpb25zIGZyb20gJy4vQXJ0aWNsZU5vdGlvbnMnO1xuaW1wb3J0IEFydGljbGVBY2Nlc3NNZXNzYWdlIGZyb20gJy4vQXJ0aWNsZUFjY2Vzc01lc3NhZ2UnO1xuaW1wb3J0IE1lc3NhZ2VCb3ggZnJvbSAnLi4vTWVzc2FnZXMvTWVzc2FnZUJveCc7XG5cbmNvbnN0IGNsYXNzZXMgPSBuZXcgQkVNSGVscGVyKHtcbiAgbmFtZTogJ2FydGljbGUnLFxuICBwcmVmaXg6ICdjLScsXG59KTtcblxudHlwZSBBcnRpY2xlV3JhcHBlclByb3BzID0ge1xuICBtb2RpZmllcj86IHN0cmluZztcbiAgY2hpbGRyZW46IFJlYWN0Tm9kZTtcbn07XG5cbmV4cG9ydCBjb25zdCBBcnRpY2xlV3JhcHBlciA9IGZvcndhcmRSZWY8SFRNTEVsZW1lbnQsIEFydGljbGVXcmFwcGVyUHJvcHM+KCh7IGNoaWxkcmVuLCBtb2RpZmllciB9LCByZWYpID0+IChcbiAgPGFydGljbGUgey4uLmNsYXNzZXModW5kZWZpbmVkLCBtb2RpZmllcil9IHJlZj17cmVmfT5cbiAgICB7Y2hpbGRyZW59XG4gIDwvYXJ0aWNsZT5cbikpO1xuXG50eXBlIEFydGljbGVUaXRsZVByb3BzID0ge1xuICBpY29uPzogUmVhY3ROb2RlO1xuICBsYWJlbD86IHN0cmluZztcbiAgY2hpbGRyZW46IFJlYWN0Tm9kZTtcbiAgaWQ6IHN0cmluZztcbiAgbGFuZz86IHN0cmluZztcbn07XG5cbmV4cG9ydCBjb25zdCBBcnRpY2xlVGl0bGUgPSAoeyBjaGlsZHJlbiwgaWNvbiwgbGFiZWwsIGlkLCBsYW5nIH06IEFydGljbGVUaXRsZVByb3BzKSA9PiB7XG4gIGNvbnN0IG1vZGlmaWVycyA9IFtdO1xuICBpZiAoaWNvbikge1xuICAgIG1vZGlmaWVycy5wdXNoKCdpY29uJyk7XG4gIH1cblxuICBsZXQgbGFiZWxWaWV3ID0gbnVsbDtcblxuICBpZiAobGFiZWwpIHtcbiAgICBsYWJlbFZpZXcgPSA8cD57bGFiZWx9PC9wPjtcbiAgfVxuXG4gIHJldHVybiAoXG4gICAgPGRpdiB7Li4uY2xhc3NlcygndGl0bGUnLCBtb2RpZmllcnMpfT5cbiAgICAgIHtpY29ufVxuICAgICAge2xhYmVsVmlld31cbiAgICAgIDxIZWFkaW5nIGVsZW1lbnQ9XCJoMVwiIGhlYWRpbmdTdHlsZT1cImgxLXJlc291cmNlXCIgaWQ9e2lkfSB0YWJJbmRleD17LTF9IGxhbmc9e2xhbmd9PlxuICAgICAgICB7Y2hpbGRyZW59XG4gICAgICA8L0hlYWRpbmc+XG4gICAgPC9kaXY+XG4gICk7XG59O1xuXG50eXBlIEFydGljbGVJbnRyb2R1Y3Rpb25Qcm9wcyA9IHtcbiAgY2hpbGRyZW46IFJlYWN0Tm9kZTtcbiAgbGFuZz86IHN0cmluZztcbn07XG5cbmV4cG9ydCBjb25zdCBBcnRpY2xlSW50cm9kdWN0aW9uID0gKHsgY2hpbGRyZW4sIGxhbmcgfTogQXJ0aWNsZUludHJvZHVjdGlvblByb3BzKSA9PiB7XG4gIGlmIChjaGlsZHJlbikge1xuICAgIHJldHVybiAoXG4gICAgICA8VGV4dCB0ZXh0U3R5bGU9XCJpbmdyZXNzXCIgZWxlbWVudD1cImRpdlwiIGxhbmc9e2xhbmd9PlxuICAgICAgICB7Y2hpbGRyZW59XG4gICAgICA8L1RleHQ+XG4gICAgKTtcbiAgfVxuICByZXR1cm4gbnVsbDtcbn07XG5cbnR5cGUgTWVzc2FnZXMgPSB7XG4gIGxhYmVsOiBzdHJpbmc7XG4gIG1lc3NhZ2VCb3g/OiBzdHJpbmc7XG59O1xuY29uc3QgTVNHYm94V3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIG1hcmdpbi1ib3R0b206IDUwcHg7XG5gO1xuXG5jb25zdCBBcnRpY2xlRmF2b3JpdGVzQnV0dG9uV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGp1c3RpZnktY29udGVudDogZmxleC1lbmQ7XG4gIHRyYW5zZm9ybTogdHJhbnNsYXRlKCR7c3BhY2luZy54c21hbGx9LCAtJHtzcGFjaW5nLm5vcm1hbH0pO1xuICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMudGFibGV0IH0pfSB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGUoJHtzcGFjaW5nLm5vcm1hbH0sIC0ke3NwYWNpbmcubWVkaXVtfSk7XG4gIH1cbiAgJHttcS5yYW5nZSh7IGZyb206IGJyZWFrcG9pbnRzLnRhYmxldFdpZGUgfSl9IHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZSgke3NwYWNpbmcubGFyZ2V9LCAtJHtzcGFjaW5nLm1lZGl1bX0pO1xuICB9XG4gICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy5kZXNrdG9wIH0pfSB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGUoJHtzcGFjaW5nVW5pdCAqIDUuNX1weCwgLSR7c3BhY2luZy5tZWRpdW19KTtcbiAgfVxuYDtcblxudHlwZSBQcm9wcyA9IHtcbiAgaGVhcnRCdXR0b24/OiBSZWFjdE5vZGU7XG4gIGFydGljbGU6IEFydGljbGVUeXBlO1xuICBpY29uPzogUmVhY3ROb2RlO1xuICBsaWNlbnNlQm94PzogUmVhY3ROb2RlO1xuICBtb2RpZmllcj86IHN0cmluZztcbiAgY2hpbGRyZW4/OiBSZWFjdE5vZGU7XG4gIG1lc3NhZ2VzOiBNZXNzYWdlcztcbiAgY29udGVudFRyYW5zZm9ybWVkPzogYm9vbGVhbjtcbiAgbWVzc2FnZUJveExpbmtzPzogW107XG4gIGNvbXBldGVuY2VHb2Fscz86IFJlYWN0Tm9kZTtcbiAgaWQ6IHN0cmluZztcbiAgbm90aW9ucz86IFJlYWN0Tm9kZTtcbiAgYWNjZXNzTWVzc2FnZT86IHN0cmluZztcbiAgbGFuZz86IHN0cmluZztcbn07XG5cbmNvbnN0IGdldEFydGljbGVDb250ZW50ID0gKGNvbnRlbnQ6IGFueSwgY29udGVudFRyYW5zZm9ybWVkPzogYm9vbGVhbikgPT4ge1xuICBpZiAoY29udGVudFRyYW5zZm9ybWVkKSB7XG4gICAgcmV0dXJuIGNvbnRlbnQ7XG4gIH1cbiAgc3dpdGNoICh0eXBlb2YgY29udGVudCkge1xuICAgIGNhc2UgJ2Z1bmN0aW9uJzpcbiAgICAgIHJldHVybiBjb250ZW50KCk7XG4gICAgZGVmYXVsdDpcbiAgICAgIHJldHVybiBjb250ZW50O1xuICB9XG59O1xuXG5leHBvcnQgY29uc3QgQXJ0aWNsZSA9ICh7XG4gIGFydGljbGUsXG4gIGljb24sXG4gIGxpY2Vuc2VCb3gsXG4gIG1vZGlmaWVyLFxuICBtZXNzYWdlcyxcbiAgbWVzc2FnZUJveExpbmtzLFxuICBjaGlsZHJlbixcbiAgY29tcGV0ZW5jZUdvYWxzLFxuICBpZCxcbiAgbm90aW9ucyxcbiAgYWNjZXNzTWVzc2FnZSxcbiAgaGVhcnRCdXR0b24sXG4gIGNvbnRlbnRUcmFuc2Zvcm1lZCxcbiAgbGFuZyxcbn06IFByb3BzKSA9PiB7XG4gIGNvbnN0IGFydGljbGVSZWYgPSB1c2VSZWY8SFRNTERpdkVsZW1lbnQ+KG51bGwpO1xuICBjb25zdCB3cmFwcGVyUmVmID0gdXNlUmVmPEhUTUxEaXZFbGVtZW50PihudWxsKTtcbiAgY29uc3QgeyBlbnRyeSB9ID0gdXNlSW50ZXJzZWN0aW9uT2JzZXJ2ZXIoe1xuICAgIHJvb3RNYXJnaW46ICc0MDBweCcsXG4gICAgdGFyZ2V0OiBhcnRpY2xlUmVmLmN1cnJlbnQsXG4gICAgdGhyZXNob2xkOiAwLjEsXG4gIH0pO1xuICBjb25zdCBbYXJ0aWNsZVBvc2l0aW9uUmlnaHQsIHNldEFydGljbGVQb3NpdGlvblJpZ2h0XSA9IHVzZVN0YXRlKDApO1xuXG4gIGNvbnN0IHNob3dFeHBsYWluTm90aW9ucyA9IGVudHJ5ICYmIGVudHJ5LmlzSW50ZXJzZWN0aW5nO1xuXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgaWYgKHdyYXBwZXJSZWYgJiYgd3JhcHBlclJlZi5jdXJyZW50KSB7XG4gICAgICBjb25zdCBoYW5kbGVyID0gKCkgPT4ge1xuICAgICAgICBpZiAod3JhcHBlclJlZiAmJiB3cmFwcGVyUmVmLmN1cnJlbnQpIHtcbiAgICAgICAgICBjb25zdCBvZmZzZXQgPVxuICAgICAgICAgICAgd3JhcHBlclJlZi5jdXJyZW50LmdldEJvdW5kaW5nQ2xpZW50UmVjdCgpLmxlZnQgKyB3cmFwcGVyUmVmLmN1cnJlbnQuZ2V0Qm91bmRpbmdDbGllbnRSZWN0KCkud2lkdGg7XG4gICAgICAgICAgc2V0QXJ0aWNsZVBvc2l0aW9uUmlnaHQob2Zmc2V0KTtcbiAgICAgICAgfVxuICAgICAgfTtcbiAgICAgIGhhbmRsZXIoKTtcblxuICAgICAgcmV0dXJuIHJlc2l6ZU9ic2VydmVyKGRvY3VtZW50LmJvZHksIGhhbmRsZXIpO1xuICAgIH1cbiAgfSwgW3dyYXBwZXJSZWZdKTtcblxuICBjb25zdCB7IHRpdGxlLCBpbnRyb2R1Y3Rpb24sIHB1Ymxpc2hlZCwgY29udGVudCwgZm9vdE5vdGVzLCBjb3B5cmlnaHQgfSA9IGFydGljbGU7XG5cbiAgY29uc3QgYXV0aG9ycyA9XG4gICAgY29weXJpZ2h0Py5jcmVhdG9ycy5sZW5ndGggfHwgY29weXJpZ2h0Py5yaWdodHNob2xkZXJzLmxlbmd0aCA/IGNvcHlyaWdodC5jcmVhdG9ycyA6IGNvcHlyaWdodD8ucHJvY2Vzc29ycztcblxuICByZXR1cm4gKFxuICAgIDxkaXYgcmVmPXt3cmFwcGVyUmVmfT5cbiAgICAgIDxBcnRpY2xlV3JhcHBlciBtb2RpZmllcj17bW9kaWZpZXJ9IHJlZj17YXJ0aWNsZVJlZn0+XG4gICAgICAgIDxMYXlvdXRJdGVtIGxheW91dD1cImNlbnRlclwiPlxuICAgICAgICAgIHthY2Nlc3NNZXNzYWdlICYmIDxBcnRpY2xlQWNjZXNzTWVzc2FnZSBtZXNzYWdlPXthY2Nlc3NNZXNzYWdlfSAvPn1cblxuICAgICAgICAgIHttZXNzYWdlcy5tZXNzYWdlQm94ICYmIChcbiAgICAgICAgICAgIDxNU0dib3hXcmFwcGVyPlxuICAgICAgICAgICAgICA8TWVzc2FnZUJveCBsaW5rcz17bWVzc2FnZUJveExpbmtzfT57bWVzc2FnZXMubWVzc2FnZUJveH08L01lc3NhZ2VCb3g+XG4gICAgICAgICAgICA8L01TR2JveFdyYXBwZXI+XG4gICAgICAgICAgKX1cbiAgICAgICAgICA8QXJ0aWNsZUhlYWRlcldyYXBwZXIgY29tcGV0ZW5jZUdvYWxzPXtjb21wZXRlbmNlR29hbHN9PlxuICAgICAgICAgICAge2hlYXJ0QnV0dG9uID8gPEFydGljbGVGYXZvcml0ZXNCdXR0b25XcmFwcGVyPntoZWFydEJ1dHRvbn08L0FydGljbGVGYXZvcml0ZXNCdXR0b25XcmFwcGVyPiA6IG51bGx9XG4gICAgICAgICAgICA8QXJ0aWNsZVRpdGxlIGlkPXtpZH0gaWNvbj17aWNvbn0gbGFiZWw9e21lc3NhZ2VzLmxhYmVsfSBsYW5nPXtsYW5nfT5cbiAgICAgICAgICAgICAge3RpdGxlfVxuICAgICAgICAgICAgPC9BcnRpY2xlVGl0bGU+XG4gICAgICAgICAgICA8QXJ0aWNsZUludHJvZHVjdGlvbiBsYW5nPXtsYW5nfT57aW50cm9kdWN0aW9ufTwvQXJ0aWNsZUludHJvZHVjdGlvbj5cbiAgICAgICAgICA8L0FydGljbGVIZWFkZXJXcmFwcGVyPlxuICAgICAgICA8L0xheW91dEl0ZW0+XG4gICAgICAgIDxMYXlvdXRJdGVtIGxheW91dD1cImNlbnRlclwiPlxuICAgICAgICAgIHtub3Rpb25zICYmIHNob3dFeHBsYWluTm90aW9ucyAmJiAoXG4gICAgICAgICAgICA8QXJ0aWNsZU5vdGlvbnMgYnV0dG9uT2Zmc2V0UmlnaHQ9e2FydGljbGVQb3NpdGlvblJpZ2h0fT57bm90aW9uc308L0FydGljbGVOb3Rpb25zPlxuICAgICAgICAgICl9XG4gICAgICAgICAge2dldEFydGljbGVDb250ZW50KGNvbnRlbnQsIGNvbnRlbnRUcmFuc2Zvcm1lZCl9XG4gICAgICAgIDwvTGF5b3V0SXRlbT5cblxuICAgICAgICA8TGF5b3V0SXRlbSBsYXlvdXQ9XCJjZW50ZXJcIj5cbiAgICAgICAgICA8QXJ0aWNsZUJ5bGluZVxuICAgICAgICAgICAgZm9vdG5vdGVzPXtmb290Tm90ZXN9XG4gICAgICAgICAgICBhdXRob3JzPXthdXRob3JzfVxuICAgICAgICAgICAgc3VwcGxpZXJzPXtjb3B5cmlnaHQ/LnJpZ2h0c2hvbGRlcnN9XG4gICAgICAgICAgICBwdWJsaXNoZWQ9e3B1Ymxpc2hlZH1cbiAgICAgICAgICAgIGxpY2Vuc2U9e2NvcHlyaWdodD8ubGljZW5zZT8ubGljZW5zZSA/PyAnJ31cbiAgICAgICAgICAgIGxpY2Vuc2VCb3g9e2xpY2Vuc2VCb3h9XG4gICAgICAgICAgLz5cbiAgICAgICAgPC9MYXlvdXRJdGVtPlxuICAgICAgICA8TGF5b3V0SXRlbSBsYXlvdXQ9XCJleHRlbmRcIj57Y2hpbGRyZW59PC9MYXlvdXRJdGVtPlxuICAgICAgPC9BcnRpY2xlV3JhcHBlcj5cbiAgICA8L2Rpdj5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IEFydGljbGU7XG4iXX0= */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
 var ArticleFavoritesButtonWrapper = /*#__PURE__*/_styled("div", {
@@ -106,7 +107,7 @@ var ArticleFavoritesButtonWrapper = /*#__PURE__*/_styled("div", {
   from: breakpoints.tabletWide
 }), "{transform:translate(", spacing.large, ", -", spacing.medium, ");}", mq.range({
   from: breakpoints.desktop
-}), "{transform:translate(", spacingUnit * 5.5, "px, -", spacing.medium, ");}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkFydGljbGUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQStGZ0QiLCJmaWxlIjoiQXJ0aWNsZS50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAxNi1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCB7IFJlYWN0Tm9kZSwgdXNlRWZmZWN0LCB1c2VSZWYsIHVzZVN0YXRlLCBmb3J3YXJkUmVmIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IEJFTUhlbHBlciBmcm9tICdyZWFjdC1iZW0taGVscGVyJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxuaW1wb3J0IHsgdXNlSW50ZXJzZWN0aW9uT2JzZXJ2ZXIgfSBmcm9tICdAbmRsYS9ob29rcyc7XG5pbXBvcnQgeyByZXNpemVPYnNlcnZlciB9IGZyb20gJ0BuZGxhL3V0aWwnO1xuaW1wb3J0IHsgc3BhY2luZywgc3BhY2luZ1VuaXQsIG1xLCBicmVha3BvaW50cyB9IGZyb20gJ0BuZGxhL2NvcmUnO1xuaW1wb3J0IHsgSGVhZGluZyB9IGZyb20gJ0BuZGxhL3R5cG9ncmFwaHknO1xuaW1wb3J0IHsgQXJ0aWNsZSBhcyBBcnRpY2xlVHlwZSB9IGZyb20gJy4uL3R5cGVzJztcbmltcG9ydCBBcnRpY2xlQnlsaW5lIGZyb20gJy4vQXJ0aWNsZUJ5bGluZSc7XG5pbXBvcnQgTGF5b3V0SXRlbSBmcm9tICcuLi9MYXlvdXQnO1xuaW1wb3J0IEFydGljbGVIZWFkZXJXcmFwcGVyIGZyb20gJy4vQXJ0aWNsZUhlYWRlcldyYXBwZXInO1xuaW1wb3J0IEFydGljbGVOb3Rpb25zIGZyb20gJy4vQXJ0aWNsZU5vdGlvbnMnO1xuaW1wb3J0IEFydGljbGVBY2Nlc3NNZXNzYWdlIGZyb20gJy4vQXJ0aWNsZUFjY2Vzc01lc3NhZ2UnO1xuaW1wb3J0IE1lc3NhZ2VCb3ggZnJvbSAnLi4vTWVzc2FnZXMvTWVzc2FnZUJveCc7XG5cbmNvbnN0IGNsYXNzZXMgPSBuZXcgQkVNSGVscGVyKHtcbiAgbmFtZTogJ2FydGljbGUnLFxuICBwcmVmaXg6ICdjLScsXG59KTtcblxudHlwZSBBcnRpY2xlV3JhcHBlclByb3BzID0ge1xuICBtb2RpZmllcj86IHN0cmluZztcbiAgY2hpbGRyZW46IFJlYWN0Tm9kZTtcbn07XG5cbmV4cG9ydCBjb25zdCBBcnRpY2xlV3JhcHBlciA9IGZvcndhcmRSZWY8SFRNTEVsZW1lbnQsIEFydGljbGVXcmFwcGVyUHJvcHM+KCh7IGNoaWxkcmVuLCBtb2RpZmllciB9LCByZWYpID0+IChcbiAgPGFydGljbGUgey4uLmNsYXNzZXModW5kZWZpbmVkLCBtb2RpZmllcil9IHJlZj17cmVmfT5cbiAgICB7Y2hpbGRyZW59XG4gIDwvYXJ0aWNsZT5cbikpO1xuXG50eXBlIEFydGljbGVUaXRsZVByb3BzID0ge1xuICBpY29uPzogUmVhY3ROb2RlO1xuICBsYWJlbD86IHN0cmluZztcbiAgY2hpbGRyZW46IFJlYWN0Tm9kZTtcbiAgaWQ6IHN0cmluZztcbiAgbGFuZz86IHN0cmluZztcbn07XG5cbmV4cG9ydCBjb25zdCBBcnRpY2xlVGl0bGUgPSAoeyBjaGlsZHJlbiwgaWNvbiwgbGFiZWwsIGlkLCBsYW5nIH06IEFydGljbGVUaXRsZVByb3BzKSA9PiB7XG4gIGNvbnN0IG1vZGlmaWVycyA9IFtdO1xuICBpZiAoaWNvbikge1xuICAgIG1vZGlmaWVycy5wdXNoKCdpY29uJyk7XG4gIH1cblxuICBsZXQgbGFiZWxWaWV3ID0gbnVsbDtcblxuICBpZiAobGFiZWwpIHtcbiAgICBsYWJlbFZpZXcgPSA8cD57bGFiZWx9PC9wPjtcbiAgfVxuXG4gIHJldHVybiAoXG4gICAgPGRpdiB7Li4uY2xhc3NlcygndGl0bGUnLCBtb2RpZmllcnMpfT5cbiAgICAgIHtpY29ufVxuICAgICAge2xhYmVsVmlld31cbiAgICAgIDxIZWFkaW5nIGVsZW1lbnQ9XCJoMVwiIGhlYWRpbmdTdHlsZT1cImgxLXJlc291cmNlXCIgaWQ9e2lkfSB0YWJJbmRleD17LTF9IGxhbmc9e2xhbmd9PlxuICAgICAgICB7Y2hpbGRyZW59XG4gICAgICA8L0hlYWRpbmc+XG4gICAgPC9kaXY+XG4gICk7XG59O1xuXG50eXBlIEFydGljbGVJbnRyb2R1Y3Rpb25Qcm9wcyA9IHtcbiAgY2hpbGRyZW46IFJlYWN0Tm9kZTtcbiAgbGFuZz86IHN0cmluZztcbn07XG5cbmV4cG9ydCBjb25zdCBBcnRpY2xlSW50cm9kdWN0aW9uID0gKHsgY2hpbGRyZW4sIGxhbmcgfTogQXJ0aWNsZUludHJvZHVjdGlvblByb3BzKSA9PiB7XG4gIGlmIChjaGlsZHJlbikge1xuICAgIHJldHVybiAoXG4gICAgICA8ZGl2IGNsYXNzTmFtZT1cImFydGljbGVfaW50cm9kdWN0aW9uXCIgbGFuZz17bGFuZ30+XG4gICAgICAgIHtjaGlsZHJlbn1cbiAgICAgIDwvZGl2PlxuICAgICk7XG4gIH1cbiAgcmV0dXJuIG51bGw7XG59O1xuXG50eXBlIE1lc3NhZ2VzID0ge1xuICBsYWJlbDogc3RyaW5nO1xuICBtZXNzYWdlQm94Pzogc3RyaW5nO1xufTtcbmNvbnN0IE1TR2JveFdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBtYXJnaW4tYm90dG9tOiA1MHB4O1xuYDtcblxuY29uc3QgQXJ0aWNsZUZhdm9yaXRlc0J1dHRvbldyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtZW5kO1xuICB0cmFuc2Zvcm06IHRyYW5zbGF0ZSgke3NwYWNpbmcueHNtYWxsfSwgLSR7c3BhY2luZy5ub3JtYWx9KTtcbiAgJHttcS5yYW5nZSh7IGZyb206IGJyZWFrcG9pbnRzLnRhYmxldCB9KX0ge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlKCR7c3BhY2luZy5ub3JtYWx9LCAtJHtzcGFjaW5nLm1lZGl1bX0pO1xuICB9XG4gICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy50YWJsZXRXaWRlIH0pfSB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGUoJHtzcGFjaW5nLmxhcmdlfSwgLSR7c3BhY2luZy5tZWRpdW19KTtcbiAgfVxuICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMuZGVza3RvcCB9KX0ge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlKCR7c3BhY2luZ1VuaXQgKiA1LjV9cHgsIC0ke3NwYWNpbmcubWVkaXVtfSk7XG4gIH1cbmA7XG5cbnR5cGUgUHJvcHMgPSB7XG4gIGhlYXJ0QnV0dG9uPzogUmVhY3ROb2RlO1xuICBhcnRpY2xlOiBBcnRpY2xlVHlwZTtcbiAgaWNvbj86IFJlYWN0Tm9kZTtcbiAgbGljZW5zZUJveD86IFJlYWN0Tm9kZTtcbiAgbW9kaWZpZXI/OiBzdHJpbmc7XG4gIGNoaWxkcmVuPzogUmVhY3ROb2RlO1xuICBtZXNzYWdlczogTWVzc2FnZXM7XG4gIGNvbnRlbnRUcmFuc2Zvcm1lZD86IGJvb2xlYW47XG4gIG1lc3NhZ2VCb3hMaW5rcz86IFtdO1xuICBjb21wZXRlbmNlR29hbHM/OiBSZWFjdE5vZGU7XG4gIGlkOiBzdHJpbmc7XG4gIG5vdGlvbnM/OiBSZWFjdE5vZGU7XG4gIGFjY2Vzc01lc3NhZ2U/OiBzdHJpbmc7XG4gIGxhbmc/OiBzdHJpbmc7XG59O1xuXG5jb25zdCBnZXRBcnRpY2xlQ29udGVudCA9IChjb250ZW50OiBhbnksIGNvbnRlbnRUcmFuc2Zvcm1lZD86IGJvb2xlYW4pID0+IHtcbiAgaWYgKGNvbnRlbnRUcmFuc2Zvcm1lZCkge1xuICAgIHJldHVybiBjb250ZW50O1xuICB9XG4gIHN3aXRjaCAodHlwZW9mIGNvbnRlbnQpIHtcbiAgICBjYXNlICdmdW5jdGlvbic6XG4gICAgICByZXR1cm4gY29udGVudCgpO1xuICAgIGRlZmF1bHQ6XG4gICAgICByZXR1cm4gY29udGVudDtcbiAgfVxufTtcblxuZXhwb3J0IGNvbnN0IEFydGljbGUgPSAoe1xuICBhcnRpY2xlLFxuICBpY29uLFxuICBsaWNlbnNlQm94LFxuICBtb2RpZmllcixcbiAgbWVzc2FnZXMsXG4gIG1lc3NhZ2VCb3hMaW5rcyxcbiAgY2hpbGRyZW4sXG4gIGNvbXBldGVuY2VHb2FscyxcbiAgaWQsXG4gIG5vdGlvbnMsXG4gIGFjY2Vzc01lc3NhZ2UsXG4gIGhlYXJ0QnV0dG9uLFxuICBjb250ZW50VHJhbnNmb3JtZWQsXG4gIGxhbmcsXG59OiBQcm9wcykgPT4ge1xuICBjb25zdCBhcnRpY2xlUmVmID0gdXNlUmVmPEhUTUxEaXZFbGVtZW50PihudWxsKTtcbiAgY29uc3Qgd3JhcHBlclJlZiA9IHVzZVJlZjxIVE1MRGl2RWxlbWVudD4obnVsbCk7XG4gIGNvbnN0IHsgZW50cnkgfSA9IHVzZUludGVyc2VjdGlvbk9ic2VydmVyKHtcbiAgICByb290TWFyZ2luOiAnNDAwcHgnLFxuICAgIHRhcmdldDogYXJ0aWNsZVJlZi5jdXJyZW50LFxuICAgIHRocmVzaG9sZDogMC4xLFxuICB9KTtcbiAgY29uc3QgW2FydGljbGVQb3NpdGlvblJpZ2h0LCBzZXRBcnRpY2xlUG9zaXRpb25SaWdodF0gPSB1c2VTdGF0ZSgwKTtcblxuICBjb25zdCBzaG93RXhwbGFpbk5vdGlvbnMgPSBlbnRyeSAmJiBlbnRyeS5pc0ludGVyc2VjdGluZztcblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGlmICh3cmFwcGVyUmVmICYmIHdyYXBwZXJSZWYuY3VycmVudCkge1xuICAgICAgY29uc3QgaGFuZGxlciA9ICgpID0+IHtcbiAgICAgICAgaWYgKHdyYXBwZXJSZWYgJiYgd3JhcHBlclJlZi5jdXJyZW50KSB7XG4gICAgICAgICAgY29uc3Qgb2Zmc2V0ID1cbiAgICAgICAgICAgIHdyYXBwZXJSZWYuY3VycmVudC5nZXRCb3VuZGluZ0NsaWVudFJlY3QoKS5sZWZ0ICsgd3JhcHBlclJlZi5jdXJyZW50LmdldEJvdW5kaW5nQ2xpZW50UmVjdCgpLndpZHRoO1xuICAgICAgICAgIHNldEFydGljbGVQb3NpdGlvblJpZ2h0KG9mZnNldCk7XG4gICAgICAgIH1cbiAgICAgIH07XG4gICAgICBoYW5kbGVyKCk7XG5cbiAgICAgIHJldHVybiByZXNpemVPYnNlcnZlcihkb2N1bWVudC5ib2R5LCBoYW5kbGVyKTtcbiAgICB9XG4gIH0sIFt3cmFwcGVyUmVmXSk7XG5cbiAgY29uc3QgeyB0aXRsZSwgaW50cm9kdWN0aW9uLCBwdWJsaXNoZWQsIGNvbnRlbnQsIGZvb3ROb3RlcywgY29weXJpZ2h0IH0gPSBhcnRpY2xlO1xuXG4gIGNvbnN0IGF1dGhvcnMgPVxuICAgIGNvcHlyaWdodD8uY3JlYXRvcnMubGVuZ3RoIHx8IGNvcHlyaWdodD8ucmlnaHRzaG9sZGVycy5sZW5ndGggPyBjb3B5cmlnaHQuY3JlYXRvcnMgOiBjb3B5cmlnaHQ/LnByb2Nlc3NvcnM7XG5cbiAgcmV0dXJuIChcbiAgICA8ZGl2IHJlZj17d3JhcHBlclJlZn0+XG4gICAgICA8QXJ0aWNsZVdyYXBwZXIgbW9kaWZpZXI9e21vZGlmaWVyfSByZWY9e2FydGljbGVSZWZ9PlxuICAgICAgICA8TGF5b3V0SXRlbSBsYXlvdXQ9XCJjZW50ZXJcIj5cbiAgICAgICAgICB7YWNjZXNzTWVzc2FnZSAmJiA8QXJ0aWNsZUFjY2Vzc01lc3NhZ2UgbWVzc2FnZT17YWNjZXNzTWVzc2FnZX0gLz59XG5cbiAgICAgICAgICB7bWVzc2FnZXMubWVzc2FnZUJveCAmJiAoXG4gICAgICAgICAgICA8TVNHYm94V3JhcHBlcj5cbiAgICAgICAgICAgICAgPE1lc3NhZ2VCb3ggbGlua3M9e21lc3NhZ2VCb3hMaW5rc30+e21lc3NhZ2VzLm1lc3NhZ2VCb3h9PC9NZXNzYWdlQm94PlxuICAgICAgICAgICAgPC9NU0dib3hXcmFwcGVyPlxuICAgICAgICAgICl9XG4gICAgICAgICAgPEFydGljbGVIZWFkZXJXcmFwcGVyIGNvbXBldGVuY2VHb2Fscz17Y29tcGV0ZW5jZUdvYWxzfT5cbiAgICAgICAgICAgIHtoZWFydEJ1dHRvbiA/IDxBcnRpY2xlRmF2b3JpdGVzQnV0dG9uV3JhcHBlcj57aGVhcnRCdXR0b259PC9BcnRpY2xlRmF2b3JpdGVzQnV0dG9uV3JhcHBlcj4gOiBudWxsfVxuICAgICAgICAgICAgPEFydGljbGVUaXRsZSBpZD17aWR9IGljb249e2ljb259IGxhYmVsPXttZXNzYWdlcy5sYWJlbH0gbGFuZz17bGFuZ30+XG4gICAgICAgICAgICAgIHt0aXRsZX1cbiAgICAgICAgICAgIDwvQXJ0aWNsZVRpdGxlPlxuICAgICAgICAgICAgPEFydGljbGVJbnRyb2R1Y3Rpb24gbGFuZz17bGFuZ30+e2ludHJvZHVjdGlvbn08L0FydGljbGVJbnRyb2R1Y3Rpb24+XG4gICAgICAgICAgPC9BcnRpY2xlSGVhZGVyV3JhcHBlcj5cbiAgICAgICAgPC9MYXlvdXRJdGVtPlxuICAgICAgICA8TGF5b3V0SXRlbSBsYXlvdXQ9XCJjZW50ZXJcIj5cbiAgICAgICAgICB7bm90aW9ucyAmJiBzaG93RXhwbGFpbk5vdGlvbnMgJiYgKFxuICAgICAgICAgICAgPEFydGljbGVOb3Rpb25zIGJ1dHRvbk9mZnNldFJpZ2h0PXthcnRpY2xlUG9zaXRpb25SaWdodH0+e25vdGlvbnN9PC9BcnRpY2xlTm90aW9ucz5cbiAgICAgICAgICApfVxuICAgICAgICAgIHtnZXRBcnRpY2xlQ29udGVudChjb250ZW50LCBjb250ZW50VHJhbnNmb3JtZWQpfVxuICAgICAgICA8L0xheW91dEl0ZW0+XG5cbiAgICAgICAgPExheW91dEl0ZW0gbGF5b3V0PVwiY2VudGVyXCI+XG4gICAgICAgICAgPEFydGljbGVCeWxpbmVcbiAgICAgICAgICAgIGZvb3Rub3Rlcz17Zm9vdE5vdGVzfVxuICAgICAgICAgICAgYXV0aG9ycz17YXV0aG9yc31cbiAgICAgICAgICAgIHN1cHBsaWVycz17Y29weXJpZ2h0Py5yaWdodHNob2xkZXJzfVxuICAgICAgICAgICAgcHVibGlzaGVkPXtwdWJsaXNoZWR9XG4gICAgICAgICAgICBsaWNlbnNlPXtjb3B5cmlnaHQ/LmxpY2Vuc2U/LmxpY2Vuc2UgPz8gJyd9XG4gICAgICAgICAgICBsaWNlbnNlQm94PXtsaWNlbnNlQm94fVxuICAgICAgICAgIC8+XG4gICAgICAgIDwvTGF5b3V0SXRlbT5cbiAgICAgICAgPExheW91dEl0ZW0gbGF5b3V0PVwiZXh0ZW5kXCI+e2NoaWxkcmVufTwvTGF5b3V0SXRlbT5cbiAgICAgIDwvQXJ0aWNsZVdyYXBwZXI+XG4gICAgPC9kaXY+XG4gICk7XG59O1xuXG5leHBvcnQgZGVmYXVsdCBBcnRpY2xlO1xuIl19 */"));
+}), "{transform:translate(", spacingUnit * 5.5, "px, -", spacing.medium, ");}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkFydGljbGUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQStGZ0QiLCJmaWxlIjoiQXJ0aWNsZS50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAxNi1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCB7IFJlYWN0Tm9kZSwgdXNlRWZmZWN0LCB1c2VSZWYsIHVzZVN0YXRlLCBmb3J3YXJkUmVmIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IEJFTUhlbHBlciBmcm9tICdyZWFjdC1iZW0taGVscGVyJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxuaW1wb3J0IHsgdXNlSW50ZXJzZWN0aW9uT2JzZXJ2ZXIgfSBmcm9tICdAbmRsYS9ob29rcyc7XG5pbXBvcnQgeyByZXNpemVPYnNlcnZlciB9IGZyb20gJ0BuZGxhL3V0aWwnO1xuaW1wb3J0IHsgc3BhY2luZywgc3BhY2luZ1VuaXQsIG1xLCBicmVha3BvaW50cyB9IGZyb20gJ0BuZGxhL2NvcmUnO1xuaW1wb3J0IHsgSGVhZGluZywgVGV4dCB9IGZyb20gJ0BuZGxhL3R5cG9ncmFwaHknO1xuaW1wb3J0IHsgQXJ0aWNsZSBhcyBBcnRpY2xlVHlwZSB9IGZyb20gJy4uL3R5cGVzJztcbmltcG9ydCBBcnRpY2xlQnlsaW5lIGZyb20gJy4vQXJ0aWNsZUJ5bGluZSc7XG5pbXBvcnQgTGF5b3V0SXRlbSBmcm9tICcuLi9MYXlvdXQnO1xuaW1wb3J0IEFydGljbGVIZWFkZXJXcmFwcGVyIGZyb20gJy4vQXJ0aWNsZUhlYWRlcldyYXBwZXInO1xuaW1wb3J0IEFydGljbGVOb3Rpb25zIGZyb20gJy4vQXJ0aWNsZU5vdGlvbnMnO1xuaW1wb3J0IEFydGljbGVBY2Nlc3NNZXNzYWdlIGZyb20gJy4vQXJ0aWNsZUFjY2Vzc01lc3NhZ2UnO1xuaW1wb3J0IE1lc3NhZ2VCb3ggZnJvbSAnLi4vTWVzc2FnZXMvTWVzc2FnZUJveCc7XG5cbmNvbnN0IGNsYXNzZXMgPSBuZXcgQkVNSGVscGVyKHtcbiAgbmFtZTogJ2FydGljbGUnLFxuICBwcmVmaXg6ICdjLScsXG59KTtcblxudHlwZSBBcnRpY2xlV3JhcHBlclByb3BzID0ge1xuICBtb2RpZmllcj86IHN0cmluZztcbiAgY2hpbGRyZW46IFJlYWN0Tm9kZTtcbn07XG5cbmV4cG9ydCBjb25zdCBBcnRpY2xlV3JhcHBlciA9IGZvcndhcmRSZWY8SFRNTEVsZW1lbnQsIEFydGljbGVXcmFwcGVyUHJvcHM+KCh7IGNoaWxkcmVuLCBtb2RpZmllciB9LCByZWYpID0+IChcbiAgPGFydGljbGUgey4uLmNsYXNzZXModW5kZWZpbmVkLCBtb2RpZmllcil9IHJlZj17cmVmfT5cbiAgICB7Y2hpbGRyZW59XG4gIDwvYXJ0aWNsZT5cbikpO1xuXG50eXBlIEFydGljbGVUaXRsZVByb3BzID0ge1xuICBpY29uPzogUmVhY3ROb2RlO1xuICBsYWJlbD86IHN0cmluZztcbiAgY2hpbGRyZW46IFJlYWN0Tm9kZTtcbiAgaWQ6IHN0cmluZztcbiAgbGFuZz86IHN0cmluZztcbn07XG5cbmV4cG9ydCBjb25zdCBBcnRpY2xlVGl0bGUgPSAoeyBjaGlsZHJlbiwgaWNvbiwgbGFiZWwsIGlkLCBsYW5nIH06IEFydGljbGVUaXRsZVByb3BzKSA9PiB7XG4gIGNvbnN0IG1vZGlmaWVycyA9IFtdO1xuICBpZiAoaWNvbikge1xuICAgIG1vZGlmaWVycy5wdXNoKCdpY29uJyk7XG4gIH1cblxuICBsZXQgbGFiZWxWaWV3ID0gbnVsbDtcblxuICBpZiAobGFiZWwpIHtcbiAgICBsYWJlbFZpZXcgPSA8cD57bGFiZWx9PC9wPjtcbiAgfVxuXG4gIHJldHVybiAoXG4gICAgPGRpdiB7Li4uY2xhc3NlcygndGl0bGUnLCBtb2RpZmllcnMpfT5cbiAgICAgIHtpY29ufVxuICAgICAge2xhYmVsVmlld31cbiAgICAgIDxIZWFkaW5nIGVsZW1lbnQ9XCJoMVwiIGhlYWRpbmdTdHlsZT1cImgxLXJlc291cmNlXCIgaWQ9e2lkfSB0YWJJbmRleD17LTF9IGxhbmc9e2xhbmd9PlxuICAgICAgICB7Y2hpbGRyZW59XG4gICAgICA8L0hlYWRpbmc+XG4gICAgPC9kaXY+XG4gICk7XG59O1xuXG50eXBlIEFydGljbGVJbnRyb2R1Y3Rpb25Qcm9wcyA9IHtcbiAgY2hpbGRyZW46IFJlYWN0Tm9kZTtcbiAgbGFuZz86IHN0cmluZztcbn07XG5cbmV4cG9ydCBjb25zdCBBcnRpY2xlSW50cm9kdWN0aW9uID0gKHsgY2hpbGRyZW4sIGxhbmcgfTogQXJ0aWNsZUludHJvZHVjdGlvblByb3BzKSA9PiB7XG4gIGlmIChjaGlsZHJlbikge1xuICAgIHJldHVybiAoXG4gICAgICA8VGV4dCB0ZXh0U3R5bGU9XCJpbmdyZXNzXCIgZWxlbWVudD1cImRpdlwiIGxhbmc9e2xhbmd9PlxuICAgICAgICB7Y2hpbGRyZW59XG4gICAgICA8L1RleHQ+XG4gICAgKTtcbiAgfVxuICByZXR1cm4gbnVsbDtcbn07XG5cbnR5cGUgTWVzc2FnZXMgPSB7XG4gIGxhYmVsOiBzdHJpbmc7XG4gIG1lc3NhZ2VCb3g/OiBzdHJpbmc7XG59O1xuY29uc3QgTVNHYm94V3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIG1hcmdpbi1ib3R0b206IDUwcHg7XG5gO1xuXG5jb25zdCBBcnRpY2xlRmF2b3JpdGVzQnV0dG9uV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGp1c3RpZnktY29udGVudDogZmxleC1lbmQ7XG4gIHRyYW5zZm9ybTogdHJhbnNsYXRlKCR7c3BhY2luZy54c21hbGx9LCAtJHtzcGFjaW5nLm5vcm1hbH0pO1xuICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMudGFibGV0IH0pfSB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGUoJHtzcGFjaW5nLm5vcm1hbH0sIC0ke3NwYWNpbmcubWVkaXVtfSk7XG4gIH1cbiAgJHttcS5yYW5nZSh7IGZyb206IGJyZWFrcG9pbnRzLnRhYmxldFdpZGUgfSl9IHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZSgke3NwYWNpbmcubGFyZ2V9LCAtJHtzcGFjaW5nLm1lZGl1bX0pO1xuICB9XG4gICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy5kZXNrdG9wIH0pfSB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGUoJHtzcGFjaW5nVW5pdCAqIDUuNX1weCwgLSR7c3BhY2luZy5tZWRpdW19KTtcbiAgfVxuYDtcblxudHlwZSBQcm9wcyA9IHtcbiAgaGVhcnRCdXR0b24/OiBSZWFjdE5vZGU7XG4gIGFydGljbGU6IEFydGljbGVUeXBlO1xuICBpY29uPzogUmVhY3ROb2RlO1xuICBsaWNlbnNlQm94PzogUmVhY3ROb2RlO1xuICBtb2RpZmllcj86IHN0cmluZztcbiAgY2hpbGRyZW4/OiBSZWFjdE5vZGU7XG4gIG1lc3NhZ2VzOiBNZXNzYWdlcztcbiAgY29udGVudFRyYW5zZm9ybWVkPzogYm9vbGVhbjtcbiAgbWVzc2FnZUJveExpbmtzPzogW107XG4gIGNvbXBldGVuY2VHb2Fscz86IFJlYWN0Tm9kZTtcbiAgaWQ6IHN0cmluZztcbiAgbm90aW9ucz86IFJlYWN0Tm9kZTtcbiAgYWNjZXNzTWVzc2FnZT86IHN0cmluZztcbiAgbGFuZz86IHN0cmluZztcbn07XG5cbmNvbnN0IGdldEFydGljbGVDb250ZW50ID0gKGNvbnRlbnQ6IGFueSwgY29udGVudFRyYW5zZm9ybWVkPzogYm9vbGVhbikgPT4ge1xuICBpZiAoY29udGVudFRyYW5zZm9ybWVkKSB7XG4gICAgcmV0dXJuIGNvbnRlbnQ7XG4gIH1cbiAgc3dpdGNoICh0eXBlb2YgY29udGVudCkge1xuICAgIGNhc2UgJ2Z1bmN0aW9uJzpcbiAgICAgIHJldHVybiBjb250ZW50KCk7XG4gICAgZGVmYXVsdDpcbiAgICAgIHJldHVybiBjb250ZW50O1xuICB9XG59O1xuXG5leHBvcnQgY29uc3QgQXJ0aWNsZSA9ICh7XG4gIGFydGljbGUsXG4gIGljb24sXG4gIGxpY2Vuc2VCb3gsXG4gIG1vZGlmaWVyLFxuICBtZXNzYWdlcyxcbiAgbWVzc2FnZUJveExpbmtzLFxuICBjaGlsZHJlbixcbiAgY29tcGV0ZW5jZUdvYWxzLFxuICBpZCxcbiAgbm90aW9ucyxcbiAgYWNjZXNzTWVzc2FnZSxcbiAgaGVhcnRCdXR0b24sXG4gIGNvbnRlbnRUcmFuc2Zvcm1lZCxcbiAgbGFuZyxcbn06IFByb3BzKSA9PiB7XG4gIGNvbnN0IGFydGljbGVSZWYgPSB1c2VSZWY8SFRNTERpdkVsZW1lbnQ+KG51bGwpO1xuICBjb25zdCB3cmFwcGVyUmVmID0gdXNlUmVmPEhUTUxEaXZFbGVtZW50PihudWxsKTtcbiAgY29uc3QgeyBlbnRyeSB9ID0gdXNlSW50ZXJzZWN0aW9uT2JzZXJ2ZXIoe1xuICAgIHJvb3RNYXJnaW46ICc0MDBweCcsXG4gICAgdGFyZ2V0OiBhcnRpY2xlUmVmLmN1cnJlbnQsXG4gICAgdGhyZXNob2xkOiAwLjEsXG4gIH0pO1xuICBjb25zdCBbYXJ0aWNsZVBvc2l0aW9uUmlnaHQsIHNldEFydGljbGVQb3NpdGlvblJpZ2h0XSA9IHVzZVN0YXRlKDApO1xuXG4gIGNvbnN0IHNob3dFeHBsYWluTm90aW9ucyA9IGVudHJ5ICYmIGVudHJ5LmlzSW50ZXJzZWN0aW5nO1xuXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgaWYgKHdyYXBwZXJSZWYgJiYgd3JhcHBlclJlZi5jdXJyZW50KSB7XG4gICAgICBjb25zdCBoYW5kbGVyID0gKCkgPT4ge1xuICAgICAgICBpZiAod3JhcHBlclJlZiAmJiB3cmFwcGVyUmVmLmN1cnJlbnQpIHtcbiAgICAgICAgICBjb25zdCBvZmZzZXQgPVxuICAgICAgICAgICAgd3JhcHBlclJlZi5jdXJyZW50LmdldEJvdW5kaW5nQ2xpZW50UmVjdCgpLmxlZnQgKyB3cmFwcGVyUmVmLmN1cnJlbnQuZ2V0Qm91bmRpbmdDbGllbnRSZWN0KCkud2lkdGg7XG4gICAgICAgICAgc2V0QXJ0aWNsZVBvc2l0aW9uUmlnaHQob2Zmc2V0KTtcbiAgICAgICAgfVxuICAgICAgfTtcbiAgICAgIGhhbmRsZXIoKTtcblxuICAgICAgcmV0dXJuIHJlc2l6ZU9ic2VydmVyKGRvY3VtZW50LmJvZHksIGhhbmRsZXIpO1xuICAgIH1cbiAgfSwgW3dyYXBwZXJSZWZdKTtcblxuICBjb25zdCB7IHRpdGxlLCBpbnRyb2R1Y3Rpb24sIHB1Ymxpc2hlZCwgY29udGVudCwgZm9vdE5vdGVzLCBjb3B5cmlnaHQgfSA9IGFydGljbGU7XG5cbiAgY29uc3QgYXV0aG9ycyA9XG4gICAgY29weXJpZ2h0Py5jcmVhdG9ycy5sZW5ndGggfHwgY29weXJpZ2h0Py5yaWdodHNob2xkZXJzLmxlbmd0aCA/IGNvcHlyaWdodC5jcmVhdG9ycyA6IGNvcHlyaWdodD8ucHJvY2Vzc29ycztcblxuICByZXR1cm4gKFxuICAgIDxkaXYgcmVmPXt3cmFwcGVyUmVmfT5cbiAgICAgIDxBcnRpY2xlV3JhcHBlciBtb2RpZmllcj17bW9kaWZpZXJ9IHJlZj17YXJ0aWNsZVJlZn0+XG4gICAgICAgIDxMYXlvdXRJdGVtIGxheW91dD1cImNlbnRlclwiPlxuICAgICAgICAgIHthY2Nlc3NNZXNzYWdlICYmIDxBcnRpY2xlQWNjZXNzTWVzc2FnZSBtZXNzYWdlPXthY2Nlc3NNZXNzYWdlfSAvPn1cblxuICAgICAgICAgIHttZXNzYWdlcy5tZXNzYWdlQm94ICYmIChcbiAgICAgICAgICAgIDxNU0dib3hXcmFwcGVyPlxuICAgICAgICAgICAgICA8TWVzc2FnZUJveCBsaW5rcz17bWVzc2FnZUJveExpbmtzfT57bWVzc2FnZXMubWVzc2FnZUJveH08L01lc3NhZ2VCb3g+XG4gICAgICAgICAgICA8L01TR2JveFdyYXBwZXI+XG4gICAgICAgICAgKX1cbiAgICAgICAgICA8QXJ0aWNsZUhlYWRlcldyYXBwZXIgY29tcGV0ZW5jZUdvYWxzPXtjb21wZXRlbmNlR29hbHN9PlxuICAgICAgICAgICAge2hlYXJ0QnV0dG9uID8gPEFydGljbGVGYXZvcml0ZXNCdXR0b25XcmFwcGVyPntoZWFydEJ1dHRvbn08L0FydGljbGVGYXZvcml0ZXNCdXR0b25XcmFwcGVyPiA6IG51bGx9XG4gICAgICAgICAgICA8QXJ0aWNsZVRpdGxlIGlkPXtpZH0gaWNvbj17aWNvbn0gbGFiZWw9e21lc3NhZ2VzLmxhYmVsfSBsYW5nPXtsYW5nfT5cbiAgICAgICAgICAgICAge3RpdGxlfVxuICAgICAgICAgICAgPC9BcnRpY2xlVGl0bGU+XG4gICAgICAgICAgICA8QXJ0aWNsZUludHJvZHVjdGlvbiBsYW5nPXtsYW5nfT57aW50cm9kdWN0aW9ufTwvQXJ0aWNsZUludHJvZHVjdGlvbj5cbiAgICAgICAgICA8L0FydGljbGVIZWFkZXJXcmFwcGVyPlxuICAgICAgICA8L0xheW91dEl0ZW0+XG4gICAgICAgIDxMYXlvdXRJdGVtIGxheW91dD1cImNlbnRlclwiPlxuICAgICAgICAgIHtub3Rpb25zICYmIHNob3dFeHBsYWluTm90aW9ucyAmJiAoXG4gICAgICAgICAgICA8QXJ0aWNsZU5vdGlvbnMgYnV0dG9uT2Zmc2V0UmlnaHQ9e2FydGljbGVQb3NpdGlvblJpZ2h0fT57bm90aW9uc308L0FydGljbGVOb3Rpb25zPlxuICAgICAgICAgICl9XG4gICAgICAgICAge2dldEFydGljbGVDb250ZW50KGNvbnRlbnQsIGNvbnRlbnRUcmFuc2Zvcm1lZCl9XG4gICAgICAgIDwvTGF5b3V0SXRlbT5cblxuICAgICAgICA8TGF5b3V0SXRlbSBsYXlvdXQ9XCJjZW50ZXJcIj5cbiAgICAgICAgICA8QXJ0aWNsZUJ5bGluZVxuICAgICAgICAgICAgZm9vdG5vdGVzPXtmb290Tm90ZXN9XG4gICAgICAgICAgICBhdXRob3JzPXthdXRob3JzfVxuICAgICAgICAgICAgc3VwcGxpZXJzPXtjb3B5cmlnaHQ/LnJpZ2h0c2hvbGRlcnN9XG4gICAgICAgICAgICBwdWJsaXNoZWQ9e3B1Ymxpc2hlZH1cbiAgICAgICAgICAgIGxpY2Vuc2U9e2NvcHlyaWdodD8ubGljZW5zZT8ubGljZW5zZSA/PyAnJ31cbiAgICAgICAgICAgIGxpY2Vuc2VCb3g9e2xpY2Vuc2VCb3h9XG4gICAgICAgICAgLz5cbiAgICAgICAgPC9MYXlvdXRJdGVtPlxuICAgICAgICA8TGF5b3V0SXRlbSBsYXlvdXQ9XCJleHRlbmRcIj57Y2hpbGRyZW59PC9MYXlvdXRJdGVtPlxuICAgICAgPC9BcnRpY2xlV3JhcHBlcj5cbiAgICA8L2Rpdj5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IEFydGljbGU7XG4iXX0= */"));
 var getArticleContent = function getArticleContent(content, contentTransformed) {
   if (contentTransformed) {
     return content;

package/es/FrontpageArticle/FrontpageArticle.js

@@ -8,8 +8,8 @@ import _styled from "@emotion/styled/base";
  */
 
 import { useMemo } from 'react';
-import { breakpoints, fonts, mq, spacing, spacingUnit } from '@ndla/core';
-import { Heading } from '@ndla/typography';
+import { spacing, spacingUnit } from '@ndla/core';
+import { Heading, Text } from '@ndla/typography';
 import { ArticleByline } from '../Article';
 import { useMastheadHeight } from '../Masthead';
 import { jsx as _jsx } from "@emotion/react/jsx-runtime";
@@ -17,15 +17,9 @@ import { jsxs as _jsxs } from "@emotion/react/jsx-runtime";
 export var FRONTPAGE_ARTICLE_MAX_WIDTH = '773px';
 export var WIDE_FRONTPAGE_ARTICLE_MAX_WIDTH = '1100px';
 var StyledArticle = /*#__PURE__*/_styled("article", {
-  target: "e10a6yg81",
-  label: "StyledArticle"
-})("width:100%;max-width:773px;h2[id]{margin-top:", spacing.large, ";}div[data-type='campaign-block']{margin:", spacing.large, " 0px;}div[data-type='grid']{h2,h3,h4{margin-top:0px;}}div[data-type='grid']+div[data-type='grid']{margin-top:", spacingUnit * 4, "px;}&[data-wide='true']{max-width:1100px;h2[id]{margin-top:", spacingUnit * 4, "px;}div[data-type='campaign-block']{margin:", spacingUnit * 4, "px 0px;}}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZyb250cGFnZUFydGljbGUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTBCb0MiLCJmaWxlIjoiRnJvbnRwYWdlQXJ0aWNsZS50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAyMy1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCB7IENTU1Byb3BlcnRpZXMsIFJlYWN0Tm9kZSwgdXNlTWVtbyB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IGJyZWFrcG9pbnRzLCBmb250cywgbXEsIHNwYWNpbmcsIHNwYWNpbmdVbml0IH0gZnJvbSAnQG5kbGEvY29yZSc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBIZWFkaW5nIH0gZnJvbSAnQG5kbGEvdHlwb2dyYXBoeSc7XG5pbXBvcnQgeyBBcnRpY2xlIH0gZnJvbSAnLi4vdHlwZXMnO1xuaW1wb3J0IHsgQXJ0aWNsZUJ5bGluZSB9IGZyb20gJy4uL0FydGljbGUnO1xuaW1wb3J0IHsgdXNlTWFzdGhlYWRIZWlnaHQgfSBmcm9tICcuLi9NYXN0aGVhZCc7XG5cbmludGVyZmFjZSBQcm9wcyB7XG4gIGFydGljbGU6IE9taXQ8QXJ0aWNsZSwgJ2Zvb3ROb3Rlcyc+O1xuICBpZDogc3RyaW5nO1xuICBpc1dpZGU/OiBib29sZWFuO1xuICBsaWNlbnNlQm94PzogUmVhY3ROb2RlO1xufVxuXG5leHBvcnQgY29uc3QgRlJPTlRQQUdFX0FSVElDTEVfTUFYX1dJRFRIID0gJzc3M3B4JztcbmV4cG9ydCBjb25zdCBXSURFX0ZST05UUEFHRV9BUlRJQ0xFX01BWF9XSURUSCA9ICcxMTAwcHgnO1xuXG5jb25zdCBTdHlsZWRBcnRpY2xlID0gc3R5bGVkLmFydGljbGVgXG4gIHdpZHRoOiAxMDAlO1xuICBtYXgtd2lkdGg6IDc3M3B4O1xuICBoMltpZF0ge1xuICAgIG1hcmdpbi10b3A6ICR7c3BhY2luZy5sYXJnZX07XG4gIH1cbiAgZGl2W2RhdGEtdHlwZT0nY2FtcGFpZ24tYmxvY2snXSB7XG4gICAgbWFyZ2luOiAke3NwYWNpbmcubGFyZ2V9IDBweDtcbiAgfVxuICBkaXZbZGF0YS10eXBlPSdncmlkJ10ge1xuICAgIGgyLFxuICAgIGgzLFxuICAgIGg0IHtcbiAgICAgIG1hcmdpbi10b3A6IDBweDtcbiAgICB9XG4gIH1cblxuICBkaXZbZGF0YS10eXBlPSdncmlkJ10gKyBkaXZbZGF0YS10eXBlPSdncmlkJ10ge1xuICAgIG1hcmdpbi10b3A6ICR7c3BhY2luZ1VuaXQgKiA0fXB4O1xuICB9XG5cbiAgJltkYXRhLXdpZGU9J3RydWUnXSB7XG4gICAgbWF4LXdpZHRoOiAxMTAwcHg7XG4gICAgaDJbaWRdIHtcbiAgICAgIG1hcmdpbi10b3A6ICR7c3BhY2luZ1VuaXQgKiA0fXB4O1xuICAgIH1cbiAgICBkaXZbZGF0YS10eXBlPSdjYW1wYWlnbi1ibG9jayddIHtcbiAgICAgIG1hcmdpbjogJHtzcGFjaW5nVW5pdCAqIDR9cHggMHB4O1xuICAgIH1cbiAgfVxuYDtcblxuY29uc3QgU3R5bGVkSW50cm9kdWN0aW9uID0gc3R5bGVkLmRpdmBcbiAgZm9udC13ZWlnaHQ6ICR7Zm9udHMud2VpZ2h0LmxpZ2h0fTtcbiAgZm9udC1mYW1pbHk6ICR7Zm9udHMuc2Fuc307XG4gIG1hcmdpbi10b3A6ICR7c3BhY2luZy5zbWFsbH07XG4gICR7Zm9udHMuc2l6ZXMoJzIycHgnLCAnMzBweCcpfTtcblxuICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMudGFibGV0IH0pfSB7XG4gICAgbWFyZ2luLXRvcDogJHtzcGFjaW5nLm1lZGl1bWxhcmdlfTtcbiAgICAke2ZvbnRzLnNpemVzKCcyNnB4JywgJzM2cHgnKX07XG4gIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBGcm9udHBhZ2VBcnRpY2xlID0gKHsgYXJ0aWNsZSwgaWQsIGlzV2lkZSwgbGljZW5zZUJveCB9OiBQcm9wcykgPT4ge1xuICBjb25zdCB7IGhlaWdodCA9IDAgfSA9IHVzZU1hc3RoZWFkSGVpZ2h0KCk7XG4gIGNvbnN0IGNzc1ZhcnMgPSB1c2VNZW1vKCgpID0+ICh7ICctLW1hc3RoZWFkLWhlaWdodCc6IGAke2hlaWdodH1weGAgfSBhcyB1bmtub3duIGFzIENTU1Byb3BlcnRpZXMpLCBbaGVpZ2h0XSk7XG4gIGNvbnN0IHsgdGl0bGUsIGludHJvZHVjdGlvbiwgY29udGVudCB9ID0gYXJ0aWNsZTtcblxuICBpZiAoaXNXaWRlKSB7XG4gICAgcmV0dXJuIChcbiAgICAgIDxTdHlsZWRBcnRpY2xlIGRhdGEtd2lkZT17aXNXaWRlfSBzdHlsZT17Y3NzVmFyc30gaWQ9e2lkfT5cbiAgICAgICAge2NvbnRlbnR9XG4gICAgICA8L1N0eWxlZEFydGljbGU+XG4gICAgKTtcbiAgfVxuXG4gIHJldHVybiAoXG4gICAgPFN0eWxlZEFydGljbGUgc3R5bGU9e2Nzc1ZhcnN9PlxuICAgICAgPEhlYWRpbmcgaWQ9e2lkfSBoZWFkaW5nU3R5bGU9XCJoMVwiIGVsZW1lbnQ9XCJoMVwiIG1hcmdpbj1cIm5vcm1hbFwiIHRhYkluZGV4PXstMX0+XG4gICAgICAgIHt0aXRsZX1cbiAgICAgIDwvSGVhZGluZz5cbiAgICAgIDxTdHlsZWRJbnRyb2R1Y3Rpb24+e2ludHJvZHVjdGlvbn08L1N0eWxlZEludHJvZHVjdGlvbj5cbiAgICAgIHtjb250ZW50fVxuICAgICAgPEFydGljbGVCeWxpbmUgYWNjb3JkaW9uSGVhZGVyVmFyaWFudD17J3doaXRlJ30gbGljZW5zZUJveD17bGljZW5zZUJveH0gZGlzcGxheUJ5bGluZT17ZmFsc2V9IC8+XG4gICAgPC9TdHlsZWRBcnRpY2xlPlxuICApO1xufTtcblxuZXhwb3J0IGRlZmF1bHQgRnJvbnRwYWdlQXJ0aWNsZTtcbiJdfQ== */"));
-var StyledIntroduction = /*#__PURE__*/_styled("div", {
   target: "e10a6yg80",
-  label: "StyledIntroduction"
-})("font-weight:", fonts.weight.light, ";font-family:", fonts.sans, ";margin-top:", spacing.small, ";", fonts.sizes('22px', '30px'), ";", mq.range({
-  from: breakpoints.tablet
-}), "{margin-top:", spacing.mediumlarge, ";", fonts.sizes('26px', '36px'), ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZyb250cGFnZUFydGljbGUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTBEcUMiLCJmaWxlIjoiRnJvbnRwYWdlQXJ0aWNsZS50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAyMy1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCB7IENTU1Byb3BlcnRpZXMsIFJlYWN0Tm9kZSwgdXNlTWVtbyB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IGJyZWFrcG9pbnRzLCBmb250cywgbXEsIHNwYWNpbmcsIHNwYWNpbmdVbml0IH0gZnJvbSAnQG5kbGEvY29yZSc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBIZWFkaW5nIH0gZnJvbSAnQG5kbGEvdHlwb2dyYXBoeSc7XG5pbXBvcnQgeyBBcnRpY2xlIH0gZnJvbSAnLi4vdHlwZXMnO1xuaW1wb3J0IHsgQXJ0aWNsZUJ5bGluZSB9IGZyb20gJy4uL0FydGljbGUnO1xuaW1wb3J0IHsgdXNlTWFzdGhlYWRIZWlnaHQgfSBmcm9tICcuLi9NYXN0aGVhZCc7XG5cbmludGVyZmFjZSBQcm9wcyB7XG4gIGFydGljbGU6IE9taXQ8QXJ0aWNsZSwgJ2Zvb3ROb3Rlcyc+O1xuICBpZDogc3RyaW5nO1xuICBpc1dpZGU/OiBib29sZWFuO1xuICBsaWNlbnNlQm94PzogUmVhY3ROb2RlO1xufVxuXG5leHBvcnQgY29uc3QgRlJPTlRQQUdFX0FSVElDTEVfTUFYX1dJRFRIID0gJzc3M3B4JztcbmV4cG9ydCBjb25zdCBXSURFX0ZST05UUEFHRV9BUlRJQ0xFX01BWF9XSURUSCA9ICcxMTAwcHgnO1xuXG5jb25zdCBTdHlsZWRBcnRpY2xlID0gc3R5bGVkLmFydGljbGVgXG4gIHdpZHRoOiAxMDAlO1xuICBtYXgtd2lkdGg6IDc3M3B4O1xuICBoMltpZF0ge1xuICAgIG1hcmdpbi10b3A6ICR7c3BhY2luZy5sYXJnZX07XG4gIH1cbiAgZGl2W2RhdGEtdHlwZT0nY2FtcGFpZ24tYmxvY2snXSB7XG4gICAgbWFyZ2luOiAke3NwYWNpbmcubGFyZ2V9IDBweDtcbiAgfVxuICBkaXZbZGF0YS10eXBlPSdncmlkJ10ge1xuICAgIGgyLFxuICAgIGgzLFxuICAgIGg0IHtcbiAgICAgIG1hcmdpbi10b3A6IDBweDtcbiAgICB9XG4gIH1cblxuICBkaXZbZGF0YS10eXBlPSdncmlkJ10gKyBkaXZbZGF0YS10eXBlPSdncmlkJ10ge1xuICAgIG1hcmdpbi10b3A6ICR7c3BhY2luZ1VuaXQgKiA0fXB4O1xuICB9XG5cbiAgJltkYXRhLXdpZGU9J3RydWUnXSB7XG4gICAgbWF4LXdpZHRoOiAxMTAwcHg7XG4gICAgaDJbaWRdIHtcbiAgICAgIG1hcmdpbi10b3A6ICR7c3BhY2luZ1VuaXQgKiA0fXB4O1xuICAgIH1cbiAgICBkaXZbZGF0YS10eXBlPSdjYW1wYWlnbi1ibG9jayddIHtcbiAgICAgIG1hcmdpbjogJHtzcGFjaW5nVW5pdCAqIDR9cHggMHB4O1xuICAgIH1cbiAgfVxuYDtcblxuY29uc3QgU3R5bGVkSW50cm9kdWN0aW9uID0gc3R5bGVkLmRpdmBcbiAgZm9udC13ZWlnaHQ6ICR7Zm9udHMud2VpZ2h0LmxpZ2h0fTtcbiAgZm9udC1mYW1pbHk6ICR7Zm9udHMuc2Fuc307XG4gIG1hcmdpbi10b3A6ICR7c3BhY2luZy5zbWFsbH07XG4gICR7Zm9udHMuc2l6ZXMoJzIycHgnLCAnMzBweCcpfTtcblxuICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMudGFibGV0IH0pfSB7XG4gICAgbWFyZ2luLXRvcDogJHtzcGFjaW5nLm1lZGl1bWxhcmdlfTtcbiAgICAke2ZvbnRzLnNpemVzKCcyNnB4JywgJzM2cHgnKX07XG4gIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBGcm9udHBhZ2VBcnRpY2xlID0gKHsgYXJ0aWNsZSwgaWQsIGlzV2lkZSwgbGljZW5zZUJveCB9OiBQcm9wcykgPT4ge1xuICBjb25zdCB7IGhlaWdodCA9IDAgfSA9IHVzZU1hc3RoZWFkSGVpZ2h0KCk7XG4gIGNvbnN0IGNzc1ZhcnMgPSB1c2VNZW1vKCgpID0+ICh7ICctLW1hc3RoZWFkLWhlaWdodCc6IGAke2hlaWdodH1weGAgfSBhcyB1bmtub3duIGFzIENTU1Byb3BlcnRpZXMpLCBbaGVpZ2h0XSk7XG4gIGNvbnN0IHsgdGl0bGUsIGludHJvZHVjdGlvbiwgY29udGVudCB9ID0gYXJ0aWNsZTtcblxuICBpZiAoaXNXaWRlKSB7XG4gICAgcmV0dXJuIChcbiAgICAgIDxTdHlsZWRBcnRpY2xlIGRhdGEtd2lkZT17aXNXaWRlfSBzdHlsZT17Y3NzVmFyc30gaWQ9e2lkfT5cbiAgICAgICAge2NvbnRlbnR9XG4gICAgICA8L1N0eWxlZEFydGljbGU+XG4gICAgKTtcbiAgfVxuXG4gIHJldHVybiAoXG4gICAgPFN0eWxlZEFydGljbGUgc3R5bGU9e2Nzc1ZhcnN9PlxuICAgICAgPEhlYWRpbmcgaWQ9e2lkfSBoZWFkaW5nU3R5bGU9XCJoMVwiIGVsZW1lbnQ9XCJoMVwiIG1hcmdpbj1cIm5vcm1hbFwiIHRhYkluZGV4PXstMX0+XG4gICAgICAgIHt0aXRsZX1cbiAgICAgIDwvSGVhZGluZz5cbiAgICAgIDxTdHlsZWRJbnRyb2R1Y3Rpb24+e2ludHJvZHVjdGlvbn08L1N0eWxlZEludHJvZHVjdGlvbj5cbiAgICAgIHtjb250ZW50fVxuICAgICAgPEFydGljbGVCeWxpbmUgYWNjb3JkaW9uSGVhZGVyVmFyaWFudD17J3doaXRlJ30gbGljZW5zZUJveD17bGljZW5zZUJveH0gZGlzcGxheUJ5bGluZT17ZmFsc2V9IC8+XG4gICAgPC9TdHlsZWRBcnRpY2xlPlxuICApO1xufTtcblxuZXhwb3J0IGRlZmF1bHQgRnJvbnRwYWdlQXJ0aWNsZTtcbiJdfQ== */"));
+  label: "StyledArticle"
+})("width:100%;max-width:773px;h2[id]{margin-top:", spacing.large, ";}div[data-type='campaign-block']{margin:", spacing.large, " 0px;}div[data-type='grid']{h2,h3,h4{margin-top:0px;}}div[data-type='grid']+div[data-type='grid']{margin-top:", spacingUnit * 4, "px;}&[data-wide='true']{max-width:1100px;h2[id]{margin-top:", spacingUnit * 4, "px;}div[data-type='campaign-block']{margin:", spacingUnit * 4, "px 0px;}}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZyb250cGFnZUFydGljbGUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTBCb0MiLCJmaWxlIjoiRnJvbnRwYWdlQXJ0aWNsZS50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAyMy1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCB7IENTU1Byb3BlcnRpZXMsIFJlYWN0Tm9kZSwgdXNlTWVtbyB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IHNwYWNpbmcsIHNwYWNpbmdVbml0IH0gZnJvbSAnQG5kbGEvY29yZSc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBIZWFkaW5nLCBUZXh0IH0gZnJvbSAnQG5kbGEvdHlwb2dyYXBoeSc7XG5pbXBvcnQgeyBBcnRpY2xlIH0gZnJvbSAnLi4vdHlwZXMnO1xuaW1wb3J0IHsgQXJ0aWNsZUJ5bGluZSB9IGZyb20gJy4uL0FydGljbGUnO1xuaW1wb3J0IHsgdXNlTWFzdGhlYWRIZWlnaHQgfSBmcm9tICcuLi9NYXN0aGVhZCc7XG5cbmludGVyZmFjZSBQcm9wcyB7XG4gIGFydGljbGU6IE9taXQ8QXJ0aWNsZSwgJ2Zvb3ROb3Rlcyc+O1xuICBpZDogc3RyaW5nO1xuICBpc1dpZGU/OiBib29sZWFuO1xuICBsaWNlbnNlQm94PzogUmVhY3ROb2RlO1xufVxuXG5leHBvcnQgY29uc3QgRlJPTlRQQUdFX0FSVElDTEVfTUFYX1dJRFRIID0gJzc3M3B4JztcbmV4cG9ydCBjb25zdCBXSURFX0ZST05UUEFHRV9BUlRJQ0xFX01BWF9XSURUSCA9ICcxMTAwcHgnO1xuXG5jb25zdCBTdHlsZWRBcnRpY2xlID0gc3R5bGVkLmFydGljbGVgXG4gIHdpZHRoOiAxMDAlO1xuICBtYXgtd2lkdGg6IDc3M3B4O1xuICBoMltpZF0ge1xuICAgIG1hcmdpbi10b3A6ICR7c3BhY2luZy5sYXJnZX07XG4gIH1cbiAgZGl2W2RhdGEtdHlwZT0nY2FtcGFpZ24tYmxvY2snXSB7XG4gICAgbWFyZ2luOiAke3NwYWNpbmcubGFyZ2V9IDBweDtcbiAgfVxuICBkaXZbZGF0YS10eXBlPSdncmlkJ10ge1xuICAgIGgyLFxuICAgIGgzLFxuICAgIGg0IHtcbiAgICAgIG1hcmdpbi10b3A6IDBweDtcbiAgICB9XG4gIH1cblxuICBkaXZbZGF0YS10eXBlPSdncmlkJ10gKyBkaXZbZGF0YS10eXBlPSdncmlkJ10ge1xuICAgIG1hcmdpbi10b3A6ICR7c3BhY2luZ1VuaXQgKiA0fXB4O1xuICB9XG5cbiAgJltkYXRhLXdpZGU9J3RydWUnXSB7XG4gICAgbWF4LXdpZHRoOiAxMTAwcHg7XG4gICAgaDJbaWRdIHtcbiAgICAgIG1hcmdpbi10b3A6ICR7c3BhY2luZ1VuaXQgKiA0fXB4O1xuICAgIH1cbiAgICBkaXZbZGF0YS10eXBlPSdjYW1wYWlnbi1ibG9jayddIHtcbiAgICAgIG1hcmdpbjogJHtzcGFjaW5nVW5pdCAqIDR9cHggMHB4O1xuICAgIH1cbiAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IEZyb250cGFnZUFydGljbGUgPSAoeyBhcnRpY2xlLCBpZCwgaXNXaWRlLCBsaWNlbnNlQm94IH06IFByb3BzKSA9PiB7XG4gIGNvbnN0IHsgaGVpZ2h0ID0gMCB9ID0gdXNlTWFzdGhlYWRIZWlnaHQoKTtcbiAgY29uc3QgY3NzVmFycyA9IHVzZU1lbW8oKCkgPT4gKHsgJy0tbWFzdGhlYWQtaGVpZ2h0JzogYCR7aGVpZ2h0fXB4YCB9IGFzIHVua25vd24gYXMgQ1NTUHJvcGVydGllcyksIFtoZWlnaHRdKTtcbiAgY29uc3QgeyB0aXRsZSwgaW50cm9kdWN0aW9uLCBjb250ZW50IH0gPSBhcnRpY2xlO1xuXG4gIGlmIChpc1dpZGUpIHtcbiAgICByZXR1cm4gKFxuICAgICAgPFN0eWxlZEFydGljbGUgZGF0YS13aWRlPXtpc1dpZGV9IHN0eWxlPXtjc3NWYXJzfSBpZD17aWR9PlxuICAgICAgICB7Y29udGVudH1cbiAgICAgIDwvU3R5bGVkQXJ0aWNsZT5cbiAgICApO1xuICB9XG5cbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkQXJ0aWNsZSBzdHlsZT17Y3NzVmFyc30+XG4gICAgICA8SGVhZGluZyBpZD17aWR9IGhlYWRpbmdTdHlsZT1cImgxLXJlc291cmNlXCIgZWxlbWVudD1cImgxXCIgbWFyZ2luPVwibm9ybWFsXCIgdGFiSW5kZXg9ey0xfT5cbiAgICAgICAge3RpdGxlfVxuICAgICAgPC9IZWFkaW5nPlxuICAgICAgPFRleHQgdGV4dFN0eWxlPVwiaW5ncmVzc1wiIGVsZW1lbnQ9XCJkaXZcIj5cbiAgICAgICAge2ludHJvZHVjdGlvbn1cbiAgICAgIDwvVGV4dD5cbiAgICAgIHtjb250ZW50fVxuICAgICAgPEFydGljbGVCeWxpbmUgYWNjb3JkaW9uSGVhZGVyVmFyaWFudD17J3doaXRlJ30gbGljZW5zZUJveD17bGljZW5zZUJveH0gZGlzcGxheUJ5bGluZT17ZmFsc2V9IC8+XG4gICAgPC9TdHlsZWRBcnRpY2xlPlxuICApO1xufTtcblxuZXhwb3J0IGRlZmF1bHQgRnJvbnRwYWdlQXJ0aWNsZTtcbiJdfQ== */"));
 export var FrontpageArticle = function FrontpageArticle(_ref) {
   var article = _ref.article,
     id = _ref.id,
@@ -54,12 +48,14 @@ export var FrontpageArticle = function FrontpageArticle(_ref) {
     style: cssVars,
     children: [_jsx(Heading, {
       id: id,
-      headingStyle: "h1",
+      headingStyle: "h1-resource",
       element: "h1",
       margin: "normal",
       tabIndex: -1,
       children: title
-    }), _jsx(StyledIntroduction, {
+    }), _jsx(Text, {
+      textStyle: "ingress",
+      element: "div",
       children: introduction
     }), content, _jsx(ArticleByline, {
       accordionHeaderVariant: 'white',

package/es/ToolboxPage/ToolboxInfo.js

@@ -1,4 +1,3 @@
-import _styled from "@emotion/styled/base";
 /**
  * Copyright (c) 2021-present, NDLA.
  *
@@ -7,21 +6,12 @@ import _styled from "@emotion/styled/base";
  *
  */
 
-import { breakpoints, fonts, mq } from '@ndla/core';
 import { useTranslation } from 'react-i18next';
-import { Heading } from '@ndla/typography';
+import { Heading, Text } from '@ndla/typography';
 import { NavigationBox } from '../Navigation';
 import { jsx as _jsx } from "@emotion/react/jsx-runtime";
 import { Fragment as _Fragment } from "@emotion/react/jsx-runtime";
 import { jsxs as _jsxs } from "@emotion/react/jsx-runtime";
-var Introduction = /*#__PURE__*/_styled("p", {
-  target: "e1iamp440",
-  label: "Introduction"
-})("max-width:800px;font-weight:", fonts.weight.light, ";", fonts.sizes('18px', '28px'), ";", mq.range({
-  from: breakpoints.tablet
-}), "{", fonts.sizes('22px', '32px'), ";}", mq.range({
-  from: breakpoints.desktop
-}), "{", fonts.sizes('26px', '36px'), ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRvb2xib3hJbmZvLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFnQjZCIiwiZmlsZSI6IlRvb2xib3hJbmZvLnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogQ29weXJpZ2h0IChjKSAyMDIxLXByZXNlbnQsIE5ETEEuXG4gKlxuICogVGhpcyBzb3VyY2UgY29kZSBpcyBsaWNlbnNlZCB1bmRlciB0aGUgR1BMdjMgbGljZW5zZSBmb3VuZCBpbiB0aGVcbiAqIExJQ0VOU0UgZmlsZSBpbiB0aGUgcm9vdCBkaXJlY3Rvcnkgb2YgdGhpcyBzb3VyY2UgdHJlZS5cbiAqXG4gKi9cblxuaW1wb3J0IHsgTW91c2VFdmVudCB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGJyZWFrcG9pbnRzLCBmb250cywgbXEgfSBmcm9tICdAbmRsYS9jb3JlJztcbmltcG9ydCB7IHVzZVRyYW5zbGF0aW9uIH0gZnJvbSAncmVhY3QtaTE4bmV4dCc7XG5pbXBvcnQgeyBIZWFkaW5nIH0gZnJvbSAnQG5kbGEvdHlwb2dyYXBoeSc7XG5pbXBvcnQgeyBJdGVtUHJvcHMgfSBmcm9tICcuLi9OYXZpZ2F0aW9uL05hdmlnYXRpb25Cb3gnO1xuaW1wb3J0IHsgTmF2aWdhdGlvbkJveCB9IGZyb20gJy4uL05hdmlnYXRpb24nO1xuXG5jb25zdCBJbnRyb2R1Y3Rpb24gPSBzdHlsZWQucGBcbiAgbWF4LXdpZHRoOiA4MDBweDtcbiAgZm9udC13ZWlnaHQ6ICR7Zm9udHMud2VpZ2h0LmxpZ2h0fTtcbiAgJHtmb250cy5zaXplcygnMThweCcsICcyOHB4Jyl9O1xuXG4gICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy50YWJsZXQgfSl9IHtcbiAgICAke2ZvbnRzLnNpemVzKCcyMnB4JywgJzMycHgnKX07XG4gIH1cblxuICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMuZGVza3RvcCB9KX0ge1xuICAgICR7Zm9udHMuc2l6ZXMoJzI2cHgnLCAnMzZweCcpfTtcbiAgfVxuYDtcblxuaW50ZXJmYWNlIFByb3BzIHtcbiAgaWQ/OiBzdHJpbmc7XG4gIHRpdGxlOiBzdHJpbmc7XG4gIGludHJvZHVjdGlvbjogc3RyaW5nO1xuICB0b3BpY3M6IEl0ZW1Qcm9wc1tdO1xuICBvblNlbGVjdFRvcGljPzogKGV2ZW50OiBNb3VzZUV2ZW50PEhUTUxFbGVtZW50PiwgaWQ/OiBzdHJpbmcpID0+IHZvaWQ7XG59XG5cbmNvbnN0IFRvb2xib3hJbmZvID0gKHsgdGl0bGUsIGludHJvZHVjdGlvbiwgdG9waWNzLCBvblNlbGVjdFRvcGljLCBpZCB9OiBQcm9wcykgPT4ge1xuICBjb25zdCB7IHQgfSA9IHVzZVRyYW5zbGF0aW9uKCk7XG4gIHJldHVybiAoXG4gICAgPD5cbiAgICAgIDxIZWFkaW5nIGVsZW1lbnQ9XCJoMVwiIGhlYWRpbmdTdHlsZT1cImgxXCIgaWQ9e2lkfSB0YWJJbmRleD17LTF9PlxuICAgICAgICB7dGl0bGV9XG4gICAgICA8L0hlYWRpbmc+XG4gICAgICA8SW50cm9kdWN0aW9uPntpbnRyb2R1Y3Rpb259PC9JbnRyb2R1Y3Rpb24+XG4gICAgICA8TmF2aWdhdGlvbkJveFxuICAgICAgICBpdGVtcz17dG9waWNzfVxuICAgICAgICBsaXN0RGlyZWN0aW9uPVwiZmxvYXRpbmdcIlxuICAgICAgICBoZWFkaW5nPXt0KCd0b3BpY1BhZ2UudG9waWNzJyl9XG4gICAgICAgIGNvbG9yTW9kZT1cImdyZXlMaWdodGVyXCJcbiAgICAgICAgb25DbGljaz17b25TZWxlY3RUb3BpY31cbiAgICAgIC8+XG4gICAgPC8+XG4gICk7XG59O1xuXG5leHBvcnQgZGVmYXVsdCBUb29sYm94SW5mbztcbiJdfQ== */"));
 var ToolboxInfo = function ToolboxInfo(_ref) {
   var title = _ref.title,
     introduction = _ref.introduction,
@@ -33,11 +23,12 @@ var ToolboxInfo = function ToolboxInfo(_ref) {
   return _jsxs(_Fragment, {
     children: [_jsx(Heading, {
       element: "h1",
-      headingStyle: "h1",
+      headingStyle: "h1-resource",
       id: id,
       tabIndex: -1,
       children: title
-    }), _jsx(Introduction, {
+    }), _jsx(Text, {
+      textStyle: "ingress",
       children: introduction
     }), _jsx(NavigationBox, {
       items: topics,