@ndla/ui 14.0.0 → 15.1.1

package/lib/Article/Article.js

@@ -19,12 +19,16 @@ var _hooks = require("@ndla/hooks");
 
 var _util = require("@ndla/util");
 
+var _core = require("@ndla/core");
+
 var _ArticleFootNotes = _interopRequireDefault(require("./ArticleFootNotes"));
 
 var _ArticleContent = _interopRequireDefault(require("./ArticleContent"));
 
 var _ArticleByline = _interopRequireDefault(require("./ArticleByline"));
 
+var _ArticleFavoritesButton = _interopRequireDefault(require("./ArticleFavoritesButton"));
+
 var _Layout = _interopRequireDefault(require("../Layout"));
 
 var _ArticleHeaderWrapper = _interopRequireDefault(require("./ArticleHeaderWrapper"));
@@ -35,7 +39,7 @@ var _ArticleAccessMessage = _interopRequireDefault(require("./ArticleAccessMessa
 
 var _MessageBox = _interopRequireDefault(require("../MessageBox/MessageBox"));
 
-var _core = require("@emotion/core");
+var _core2 = require("@emotion/core");
 
 function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
 
@@ -69,7 +73,7 @@ var ArticleWrapper = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
   var children = _ref.children,
       modifier = _ref.modifier,
       id = _ref.id;
-  return (0, _core.jsx)("article", _extends({
+  return (0, _core2.jsx)("article", _extends({
     id: id
   }, classes(undefined, modifier), {
     ref: ref
@@ -90,10 +94,10 @@ var ArticleTitle = function ArticleTitle(_ref2) {
   var labelView = null;
 
   if (label) {
-    labelView = (0, _core.jsx)("p", null, label);
+    labelView = (0, _core2.jsx)("p", null, label);
   }
 
-  return (0, _core.jsx)("div", classes('title', modifiers), icon, labelView, (0, _core.jsx)("h1", {
+  return (0, _core2.jsx)("div", classes('title', modifiers), icon, labelView, (0, _core2.jsx)("h1", {
     tabIndex: 0
   }, children));
 };
@@ -108,13 +112,13 @@ var ArticleIntroduction = function ArticleIntroduction(_ref3) {
   } : _ref3$renderMarkdown;
 
   if ((0, _isString["default"])(children)) {
-    return (0, _core.jsx)("p", {
+    return (0, _core2.jsx)("p", {
       className: "article_introduction"
     }, (0, _htmlReactParser["default"])(renderMarkdown(children)));
   }
 
   if (children) {
-    return (0, _core.jsx)("p", {
+    return (0, _core2.jsx)("p", {
       className: "article_introduction"
     }, children);
   }
@@ -132,14 +136,24 @@ var MSGboxWrapper = (0, _styledBase["default"])("div", {
 } : {
   name: "1p2cbqg",
   styles: "margin-bottom:50px;",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkFydGljbGUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQStGZ0MiLCJmaWxlIjoiQXJ0aWNsZS50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAxNi1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCBSZWFjdCwgeyBDb21wb25lbnRUeXBlLCBSZWFjdE5vZGUsIHVzZUVmZmVjdCwgdXNlUmVmLCB1c2VTdGF0ZSwgZm9yd2FyZFJlZiB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCBCRU1IZWxwZXIgZnJvbSAncmVhY3QtYmVtLWhlbHBlcic7XG5pbXBvcnQgaXNTdHJpbmcgZnJvbSAnbG9kYXNoL2lzU3RyaW5nJztcbmltcG9ydCBwYXJzZSBmcm9tICdodG1sLXJlYWN0LXBhcnNlcic7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbmltcG9ydCB7IHVzZUludGVyc2VjdGlvbk9ic2VydmVyIH0gZnJvbSAnQG5kbGEvaG9va3MnO1xuaW1wb3J0IHsgcmVzaXplT2JzZXJ2ZXIgfSBmcm9tICdAbmRsYS91dGlsJztcbmltcG9ydCB7IEFydGljbGUgYXMgQXJ0aWNsZVR5cGUsIExvY2FsZSB9IGZyb20gJy4uL3R5cGVzJztcbmltcG9ydCBBcnRpY2xlRm9vdE5vdGVzIGZyb20gJy4vQXJ0aWNsZUZvb3ROb3Rlcyc7XG5pbXBvcnQgQXJ0aWNsZUNvbnRlbnQgZnJvbSAnLi9BcnRpY2xlQ29udGVudCc7XG5pbXBvcnQgQXJ0aWNsZUJ5bGluZSBmcm9tICcuL0FydGljbGVCeWxpbmUnO1xuaW1wb3J0IExheW91dEl0ZW0gZnJvbSAnLi4vTGF5b3V0JztcbmltcG9ydCBBcnRpY2xlSGVhZGVyV3JhcHBlciBmcm9tICcuL0FydGljbGVIZWFkZXJXcmFwcGVyJztcbmltcG9ydCBBcnRpY2xlTm90aW9ucywgeyBOb3Rpb25SZWxhdGVkQ29udGVudCB9IGZyb20gJy4vQXJ0aWNsZU5vdGlvbnMnO1xuaW1wb3J0IEFydGljbGVBY2Nlc3NNZXNzYWdlIGZyb20gJy4vQXJ0aWNsZUFjY2Vzc01lc3NhZ2UnO1xuaW1wb3J0IE1lc3NhZ2VCb3ggZnJvbSAnLi4vTWVzc2FnZUJveC9NZXNzYWdlQm94JztcbmltcG9ydCB7IENvbmNlcHROb3Rpb25UeXBlIH0gZnJvbSAnLi4vTm90aW9uL0NvbmNlcHROb3Rpb24nO1xuXG5jb25zdCBjbGFzc2VzID0gbmV3IEJFTUhlbHBlcih7XG4gIG5hbWU6ICdhcnRpY2xlJyxcbiAgcHJlZml4OiAnYy0nLFxufSk7XG5cbnR5cGUgQXJ0aWNsZVdyYXBwZXJQcm9wcyA9IHtcbiAgaWQ6IHN0cmluZztcbiAgbW9kaWZpZXI/OiBzdHJpbmc7XG4gIGNoaWxkcmVuOiBSZWFjdE5vZGU7XG59O1xuXG5leHBvcnQgY29uc3QgQXJ0aWNsZVdyYXBwZXIgPSBmb3J3YXJkUmVmPEhUTUxFbGVtZW50LCBBcnRpY2xlV3JhcHBlclByb3BzPigoeyBjaGlsZHJlbiwgbW9kaWZpZXIsIGlkIH0sIHJlZikgPT4gKFxuICA8YXJ0aWNsZSBpZD17aWR9IHsuLi5jbGFzc2VzKHVuZGVmaW5lZCwgbW9kaWZpZXIpfSByZWY9e3JlZn0+XG4gICAge2NoaWxkcmVufVxuICA8L2FydGljbGU+XG4pKTtcblxudHlwZSBBcnRpY2xlVGl0bGVQcm9wcyA9IHtcbiAgaWNvbj86IFJlYWN0Tm9kZTtcbiAgbGFiZWw/OiBzdHJpbmc7XG4gIGNoaWxkcmVuOiBSZWFjdE5vZGU7XG59O1xuXG5leHBvcnQgY29uc3QgQXJ0aWNsZVRpdGxlID0gKHsgY2hpbGRyZW4sIGljb24sIGxhYmVsIH06IEFydGljbGVUaXRsZVByb3BzKSA9PiB7XG4gIGNvbnN0IG1vZGlmaWVycyA9IFtdO1xuICBpZiAoaWNvbikge1xuICAgIG1vZGlmaWVycy5wdXNoKCdpY29uJyk7XG4gIH1cblxuICBsZXQgbGFiZWxWaWV3ID0gbnVsbDtcblxuICBpZiAobGFiZWwpIHtcbiAgICBsYWJlbFZpZXcgPSA8cD57bGFiZWx9PC9wPjtcbiAgfVxuXG4gIHJldHVybiAoXG4gICAgPGRpdiB7Li4uY2xhc3NlcygndGl0bGUnLCBtb2RpZmllcnMpfT5cbiAgICAgIHtpY29ufVxuICAgICAge2xhYmVsVmlld31cbiAgICAgIDxoMSB0YWJJbmRleD17MH0+e2NoaWxkcmVufTwvaDE+XG4gICAgPC9kaXY+XG4gICk7XG59O1xuXG50eXBlIEFydGljbGVJbnRyb2R1Y3Rpb25Qcm9wcyA9IHtcbiAgY2hpbGRyZW46IFJlYWN0Tm9kZTtcbiAgcmVuZGVyTWFya2Rvd246ICh0ZXh0OiBzdHJpbmcpID0+IHN0cmluZztcbn07XG5cbmV4cG9ydCBjb25zdCBBcnRpY2xlSW50cm9kdWN0aW9uID0gKHtcbiAgY2hpbGRyZW4sXG4gIHJlbmRlck1hcmtkb3duID0gKHRleHQpID0+IHtcbiAgICByZXR1cm4gdGV4dDtcbiAgfSxcbn06IEFydGljbGVJbnRyb2R1Y3Rpb25Qcm9wcykgPT4ge1xuICBpZiAoaXNTdHJpbmcoY2hpbGRyZW4pKSB7XG4gICAgcmV0dXJuIDxwIGNsYXNzTmFtZT1cImFydGljbGVfaW50cm9kdWN0aW9uXCI+e3BhcnNlKHJlbmRlck1hcmtkb3duKGNoaWxkcmVuKSl9PC9wPjtcbiAgfVxuICBpZiAoY2hpbGRyZW4pIHtcbiAgICByZXR1cm4gPHAgY2xhc3NOYW1lPVwiYXJ0aWNsZV9pbnRyb2R1Y3Rpb25cIj57Y2hpbGRyZW59PC9wPjtcbiAgfVxuICByZXR1cm4gbnVsbDtcbn07XG5cbnR5cGUgTWVzc2FnZXMgPSB7XG4gIGxhYmVsOiBzdHJpbmc7XG4gIG1lc3NhZ2VCb3g/OiBzdHJpbmc7XG59O1xuY29uc3QgTVNHYm94V3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIG1hcmdpbi1ib3R0b206IDUwcHg7XG5gO1xuXG50eXBlIFByb3BzID0ge1xuICBhcnRpY2xlOiBBcnRpY2xlVHlwZTtcbiAgaWNvbj86IFJlYWN0Tm9kZTtcbiAgbGljZW5zZUJveD86IFJlYWN0Tm9kZTtcbiAgbW9kaWZpZXI/OiBzdHJpbmc7XG4gIGNoaWxkcmVuPzogUmVhY3ROb2RlO1xuICBtZXNzYWdlczogTWVzc2FnZXM7XG4gIGxvY2FsZTogTG9jYWxlO1xuICBtZXNzYWdlQm94TGlua3M/OiBbXTtcbiAgY29tcGV0ZW5jZUdvYWxzPzpcbiAgICB8ICgoaW5wOiB7IERpYWxvZzogQ29tcG9uZW50VHlwZTsgZGlhbG9nUHJvcHM6IHsgaXNPcGVuOiBib29sZWFuOyBvbkNsb3NlOiAoKSA9PiB2b2lkIH0gfSkgPT4gUmVhY3ROb2RlKVxuICAgIHwgUmVhY3ROb2RlXG4gICAgfCBudWxsO1xuICBjb21wZXRlbmNlR29hbFR5cGVzPzogc3RyaW5nW107XG4gIGlkOiBzdHJpbmc7XG4gIHJlbmRlck1hcmtkb3duOiAodGV4dDogc3RyaW5nKSA9PiBzdHJpbmc7XG4gIGNvcHlQYWdlVXJsTGluaz86IHN0cmluZztcbiAgcHJpbnRVcmw/OiBzdHJpbmc7XG4gIG5vdGlvbnM/OiB7IGxpc3Q6IENvbmNlcHROb3Rpb25UeXBlW107IHJlbGF0ZWQ6IE5vdGlvblJlbGF0ZWRDb250ZW50W10gfTtcbiAgYWNjZXNzTWVzc2FnZT86IHN0cmluZztcbn07XG5cbmNvbnN0IGdldEFydGljbGVDb250ZW50ID0gKGNvbnRlbnQ6IGFueSwgbG9jYWxlOiBMb2NhbGUpID0+IHtcbiAgc3dpdGNoICh0eXBlb2YgY29udGVudCkge1xuICAgIGNhc2UgJ3N0cmluZyc6XG4gICAgICByZXR1cm4gPEFydGljbGVDb250ZW50IGNvbnRlbnQ9e2NvbnRlbnR9IGxvY2FsZT17bG9jYWxlfSAvPjtcbiAgICBjYXNlICdmdW5jdGlvbic6XG4gICAgICByZXR1cm4gY29udGVudCgpO1xuICAgIGRlZmF1bHQ6XG4gICAgICByZXR1cm4gY29udGVudDtcbiAgfVxufTtcblxuZXhwb3J0IGNvbnN0IEFydGljbGUgPSAoe1xuICBhcnRpY2xlLFxuICBpY29uLFxuICBsaWNlbnNlQm94LFxuICBtb2RpZmllcixcbiAgbWVzc2FnZXMsXG4gIG1lc3NhZ2VCb3hMaW5rcyxcbiAgY2hpbGRyZW4sXG4gIGNvbXBldGVuY2VHb2FscyxcbiAgY29tcGV0ZW5jZUdvYWxUeXBlcyxcbiAgY29weVBhZ2VVcmxMaW5rLFxuICBpZCxcbiAgbG9jYWxlLFxuICBub3Rpb25zLFxuICBwcmludFVybCxcbiAgcmVuZGVyTWFya2Rvd24sXG4gIGFjY2Vzc01lc3NhZ2UsXG59OiBQcm9wcykgPT4ge1xuICBjb25zdCBbYXJ0aWNsZVJlZiwgeyBlbnRyeSB9XSA9IHVzZUludGVyc2VjdGlvbk9ic2VydmVyKHtcbiAgICByb290OiBudWxsLFxuICAgIHJvb3RNYXJnaW46ICc0MDBweCcsXG4gICAgdGhyZXNob2xkOiAwLjEsXG4gIH0pO1xuICBjb25zdCBbYXJ0aWNsZVBvc2l0aW9uUmlnaHQsIHNldEFydGljbGVQb3NpdGlvblJpZ2h0XSA9IHVzZVN0YXRlKDApO1xuICBjb25zdCB3cmFwcGVyUmVmID0gdXNlUmVmPEhUTUxEaXZFbGVtZW50PihudWxsKTtcblxuICBjb25zdCBzaG93RXhwbGFpbk5vdGlvbnMgPSBlbnRyeSAmJiBlbnRyeS5pc0ludGVyc2VjdGluZztcblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGlmICh3cmFwcGVyUmVmICYmIHdyYXBwZXJSZWYuY3VycmVudCkge1xuICAgICAgY29uc3QgaGFuZGxlciA9ICgpID0+IHtcbiAgICAgICAgaWYgKHdyYXBwZXJSZWYgJiYgd3JhcHBlclJlZi5jdXJyZW50KSB7XG4gICAgICAgICAgY29uc3Qgb2Zmc2V0ID1cbiAgICAgICAgICAgIHdyYXBwZXJSZWYuY3VycmVudC5nZXRCb3VuZGluZ0NsaWVudFJlY3QoKS5sZWZ0ICsgd3JhcHBlclJlZi5jdXJyZW50LmdldEJvdW5kaW5nQ2xpZW50UmVjdCgpLndpZHRoO1xuICAgICAgICAgIHNldEFydGljbGVQb3NpdGlvblJpZ2h0KG9mZnNldCk7XG4gICAgICAgIH1cbiAgICAgIH07XG4gICAgICBoYW5kbGVyKCk7XG5cbiAgICAgIHJldHVybiByZXNpemVPYnNlcnZlcihkb2N1bWVudC5ib2R5LCBoYW5kbGVyKTtcbiAgICB9XG4gIH0sIFt3cmFwcGVyUmVmXSk7XG5cbiAgY29uc3Qge1xuICAgIHRpdGxlLFxuICAgIGludHJvZHVjdGlvbixcbiAgICBwdWJsaXNoZWQsXG4gICAgY29udGVudCxcbiAgICBmb290Tm90ZXMsXG4gICAgY29weXJpZ2h0OiB7IGxpY2Vuc2U6IGxpY2Vuc2VPYmosIGNyZWF0b3JzLCByaWdodHNob2xkZXJzLCBwcm9jZXNzb3JzIH0sXG4gIH0gPSBhcnRpY2xlO1xuXG4gIGNvbnN0IGF1dGhvcnMgPSBjcmVhdG9ycy5sZW5ndGggfHwgcmlnaHRzaG9sZGVycy5sZW5ndGggPyBjcmVhdG9ycyA6IHByb2Nlc3NvcnM7XG5cbiAgcmV0dXJuIChcbiAgICA8ZGl2IHJlZj17d3JhcHBlclJlZn0+XG4gICAgICA8QXJ0aWNsZVdyYXBwZXIgbW9kaWZpZXI9e21vZGlmaWVyfSBpZD17aWR9IHJlZj17YXJ0aWNsZVJlZn0+XG4gICAgICAgIDxMYXlvdXRJdGVtIGxheW91dD1cImNlbnRlclwiPlxuICAgICAgICAgIHthY2Nlc3NNZXNzYWdlICYmIDxBcnRpY2xlQWNjZXNzTWVzc2FnZSBtZXNzYWdlPXthY2Nlc3NNZXNzYWdlfSAvPn1cblxuICAgICAgICAgIHttZXNzYWdlcy5tZXNzYWdlQm94ICYmIChcbiAgICAgICAgICAgIDxNU0dib3hXcmFwcGVyPlxuICAgICAgICAgICAgICA8TWVzc2FnZUJveCBsaW5rcz17bWVzc2FnZUJveExpbmtzfT57bWVzc2FnZXMubWVzc2FnZUJveH08L01lc3NhZ2VCb3g+XG4gICAgICAgICAgICA8L01TR2JveFdyYXBwZXI+XG4gICAgICAgICAgKX1cbiAgICAgICAgICA8QXJ0aWNsZUhlYWRlcldyYXBwZXIgY29tcGV0ZW5jZUdvYWxzPXtjb21wZXRlbmNlR29hbHN9IGNvbXBldGVuY2VHb2FsVHlwZXM9e2NvbXBldGVuY2VHb2FsVHlwZXN9PlxuICAgICAgICAgICAgPEFydGljbGVUaXRsZSBpY29uPXtpY29ufSBsYWJlbD17bWVzc2FnZXMubGFiZWx9PlxuICAgICAgICAgICAgICB7dGl0bGV9XG4gICAgICAgICAgICA8L0FydGljbGVUaXRsZT5cbiAgICAgICAgICAgIDxBcnRpY2xlSW50cm9kdWN0aW9uIHJlbmRlck1hcmtkb3duPXtyZW5kZXJNYXJrZG93bn0+e2ludHJvZHVjdGlvbn08L0FydGljbGVJbnRyb2R1Y3Rpb24+XG4gICAgICAgICAgPC9BcnRpY2xlSGVhZGVyV3JhcHBlcj5cbiAgICAgICAgPC9MYXlvdXRJdGVtPlxuICAgICAgICA8TGF5b3V0SXRlbSBsYXlvdXQ9XCJjZW50ZXJcIj5cbiAgICAgICAgICB7bm90aW9ucyAmJiBzaG93RXhwbGFpbk5vdGlvbnMgJiYgKFxuICAgICAgICAgICAgPEFydGljbGVOb3Rpb25zXG4gICAgICAgICAgICAgIG5vdGlvbnM9e25vdGlvbnMubGlzdH1cbiAgICAgICAgICAgICAgcmVsYXRlZENvbnRlbnQ9e25vdGlvbnMucmVsYXRlZH1cbiAgICAgICAgICAgICAgYnV0dG9uT2Zmc2V0UmlnaHQ9e2FydGljbGVQb3NpdGlvblJpZ2h0fVxuICAgICAgICAgICAgLz5cbiAgICAgICAgICApfVxuICAgICAgICAgIHtnZXRBcnRpY2xlQ29udGVudChjb250ZW50LCBsb2NhbGUpfVxuICAgICAgICA8L0xheW91dEl0ZW0+XG5cbiAgICAgICAgPExheW91dEl0ZW0gbGF5b3V0PVwiY2VudGVyXCI+XG4gICAgICAgICAge2Zvb3ROb3RlcyAmJiBmb290Tm90ZXMubGVuZ3RoID4gMCAmJiA8QXJ0aWNsZUZvb3ROb3RlcyBmb290Tm90ZXM9e2Zvb3ROb3Rlc30gLz59XG4gICAgICAgICAgPEFydGljbGVCeWxpbmVcbiAgICAgICAgICAgIGNvcHlQYWdlVXJsTGluaz17Y29weVBhZ2VVcmxMaW5rfVxuICAgICAgICAgICAgYXV0aG9ycz17YXV0aG9yc31cbiAgICAgICAgICAgIHN1cHBsaWVycz17cmlnaHRzaG9sZGVyc31cbiAgICAgICAgICAgIHB1Ymxpc2hlZD17cHVibGlzaGVkfVxuICAgICAgICAgICAgbGljZW5zZT17bGljZW5zZU9iai5saWNlbnNlfVxuICAgICAgICAgICAgbGljZW5zZUJveD17bGljZW5zZUJveH1cbiAgICAgICAgICAgIHByaW50VXJsPXtwcmludFVybH1cbiAgICAgICAgICAvPlxuICAgICAgICA8L0xheW91dEl0ZW0+XG4gICAgICAgIDxMYXlvdXRJdGVtIGxheW91dD1cImV4dGVuZFwiPntjaGlsZHJlbn08L0xheW91dEl0ZW0+XG4gICAgICA8L0FydGljbGVXcmFwcGVyPlxuICAgIDwvZGl2PlxuICApO1xufTtcblxuZXhwb3J0IGRlZmF1bHQgQXJ0aWNsZTtcbiJdfQ== */",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkFydGljbGUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWlHZ0MiLCJmaWxlIjoiQXJ0aWNsZS50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAxNi1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCBSZWFjdCwgeyBDb21wb25lbnRUeXBlLCBSZWFjdE5vZGUsIHVzZUVmZmVjdCwgdXNlUmVmLCB1c2VTdGF0ZSwgZm9yd2FyZFJlZiB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCBCRU1IZWxwZXIgZnJvbSAncmVhY3QtYmVtLWhlbHBlcic7XG5pbXBvcnQgaXNTdHJpbmcgZnJvbSAnbG9kYXNoL2lzU3RyaW5nJztcbmltcG9ydCBwYXJzZSBmcm9tICdodG1sLXJlYWN0LXBhcnNlcic7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbmltcG9ydCB7IHVzZUludGVyc2VjdGlvbk9ic2VydmVyIH0gZnJvbSAnQG5kbGEvaG9va3MnO1xuaW1wb3J0IHsgcmVzaXplT2JzZXJ2ZXIgfSBmcm9tICdAbmRsYS91dGlsJztcbmltcG9ydCB7IHNwYWNpbmcsIHNwYWNpbmdVbml0LCBtcSwgYnJlYWtwb2ludHMgfSBmcm9tICdAbmRsYS9jb3JlJztcbmltcG9ydCB7IEFydGljbGUgYXMgQXJ0aWNsZVR5cGUsIExvY2FsZSB9IGZyb20gJy4uL3R5cGVzJztcbmltcG9ydCBBcnRpY2xlRm9vdE5vdGVzIGZyb20gJy4vQXJ0aWNsZUZvb3ROb3Rlcyc7XG5pbXBvcnQgQXJ0aWNsZUNvbnRlbnQgZnJvbSAnLi9BcnRpY2xlQ29udGVudCc7XG5pbXBvcnQgQXJ0aWNsZUJ5bGluZSBmcm9tICcuL0FydGljbGVCeWxpbmUnO1xuaW1wb3J0IEFydGljbGVGYXZvcml0ZXNCdXR0b24gZnJvbSAnLi9BcnRpY2xlRmF2b3JpdGVzQnV0dG9uJztcbmltcG9ydCBMYXlvdXRJdGVtIGZyb20gJy4uL0xheW91dCc7XG5pbXBvcnQgQXJ0aWNsZUhlYWRlcldyYXBwZXIgZnJvbSAnLi9BcnRpY2xlSGVhZGVyV3JhcHBlcic7XG5pbXBvcnQgQXJ0aWNsZU5vdGlvbnMsIHsgTm90aW9uUmVsYXRlZENvbnRlbnQgfSBmcm9tICcuL0FydGljbGVOb3Rpb25zJztcbmltcG9ydCBBcnRpY2xlQWNjZXNzTWVzc2FnZSBmcm9tICcuL0FydGljbGVBY2Nlc3NNZXNzYWdlJztcbmltcG9ydCBNZXNzYWdlQm94IGZyb20gJy4uL01lc3NhZ2VCb3gvTWVzc2FnZUJveCc7XG5pbXBvcnQgeyBDb25jZXB0Tm90aW9uVHlwZSB9IGZyb20gJy4uL05vdGlvbi9Db25jZXB0Tm90aW9uJztcblxuY29uc3QgY2xhc3NlcyA9IG5ldyBCRU1IZWxwZXIoe1xuICBuYW1lOiAnYXJ0aWNsZScsXG4gIHByZWZpeDogJ2MtJyxcbn0pO1xuXG50eXBlIEFydGljbGVXcmFwcGVyUHJvcHMgPSB7XG4gIGlkOiBzdHJpbmc7XG4gIG1vZGlmaWVyPzogc3RyaW5nO1xuICBjaGlsZHJlbjogUmVhY3ROb2RlO1xufTtcblxuZXhwb3J0IGNvbnN0IEFydGljbGVXcmFwcGVyID0gZm9yd2FyZFJlZjxIVE1MRWxlbWVudCwgQXJ0aWNsZVdyYXBwZXJQcm9wcz4oKHsgY2hpbGRyZW4sIG1vZGlmaWVyLCBpZCB9LCByZWYpID0+IChcbiAgPGFydGljbGUgaWQ9e2lkfSB7Li4uY2xhc3Nlcyh1bmRlZmluZWQsIG1vZGlmaWVyKX0gcmVmPXtyZWZ9PlxuICAgIHtjaGlsZHJlbn1cbiAgPC9hcnRpY2xlPlxuKSk7XG5cbnR5cGUgQXJ0aWNsZVRpdGxlUHJvcHMgPSB7XG4gIGljb24/OiBSZWFjdE5vZGU7XG4gIGxhYmVsPzogc3RyaW5nO1xuICBjaGlsZHJlbjogUmVhY3ROb2RlO1xufTtcblxuZXhwb3J0IGNvbnN0IEFydGljbGVUaXRsZSA9ICh7IGNoaWxkcmVuLCBpY29uLCBsYWJlbCB9OiBBcnRpY2xlVGl0bGVQcm9wcykgPT4ge1xuICBjb25zdCBtb2RpZmllcnMgPSBbXTtcbiAgaWYgKGljb24pIHtcbiAgICBtb2RpZmllcnMucHVzaCgnaWNvbicpO1xuICB9XG5cbiAgbGV0IGxhYmVsVmlldyA9IG51bGw7XG5cbiAgaWYgKGxhYmVsKSB7XG4gICAgbGFiZWxWaWV3ID0gPHA+e2xhYmVsfTwvcD47XG4gIH1cblxuICByZXR1cm4gKFxuICAgIDxkaXYgey4uLmNsYXNzZXMoJ3RpdGxlJywgbW9kaWZpZXJzKX0+XG4gICAgICB7aWNvbn1cbiAgICAgIHtsYWJlbFZpZXd9XG4gICAgICA8aDEgdGFiSW5kZXg9ezB9PntjaGlsZHJlbn08L2gxPlxuICAgIDwvZGl2PlxuICApO1xufTtcblxudHlwZSBBcnRpY2xlSW50cm9kdWN0aW9uUHJvcHMgPSB7XG4gIGNoaWxkcmVuOiBSZWFjdE5vZGU7XG4gIHJlbmRlck1hcmtkb3duOiAodGV4dDogc3RyaW5nKSA9PiBzdHJpbmc7XG59O1xuXG5leHBvcnQgY29uc3QgQXJ0aWNsZUludHJvZHVjdGlvbiA9ICh7XG4gIGNoaWxkcmVuLFxuICByZW5kZXJNYXJrZG93biA9ICh0ZXh0KSA9PiB7XG4gICAgcmV0dXJuIHRleHQ7XG4gIH0sXG59OiBBcnRpY2xlSW50cm9kdWN0aW9uUHJvcHMpID0+IHtcbiAgaWYgKGlzU3RyaW5nKGNoaWxkcmVuKSkge1xuICAgIHJldHVybiA8cCBjbGFzc05hbWU9XCJhcnRpY2xlX2ludHJvZHVjdGlvblwiPntwYXJzZShyZW5kZXJNYXJrZG93bihjaGlsZHJlbikpfTwvcD47XG4gIH1cbiAgaWYgKGNoaWxkcmVuKSB7XG4gICAgcmV0dXJuIDxwIGNsYXNzTmFtZT1cImFydGljbGVfaW50cm9kdWN0aW9uXCI+e2NoaWxkcmVufTwvcD47XG4gIH1cbiAgcmV0dXJuIG51bGw7XG59O1xuXG50eXBlIE1lc3NhZ2VzID0ge1xuICBsYWJlbDogc3RyaW5nO1xuICBtZXNzYWdlQm94Pzogc3RyaW5nO1xufTtcbmNvbnN0IE1TR2JveFdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBtYXJnaW4tYm90dG9tOiA1MHB4O1xuYDtcblxuY29uc3QgQXJ0aWNsZUZhdm9yaXRlc0J1dHRvbldyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtZW5kO1xuICB0cmFuc2Zvcm06IHRyYW5zbGF0ZSgke3NwYWNpbmcueHNtYWxsfSwgLSR7c3BhY2luZy5ub3JtYWx9KTtcbiAgaGVpZ2h0OiAwO1xuICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMudGFibGV0IH0pfSB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGUoJHtzcGFjaW5nLm5vcm1hbH0sIC0ke3NwYWNpbmcubWVkaXVtfSk7XG4gIH1cbiAgJHttcS5yYW5nZSh7IGZyb206IGJyZWFrcG9pbnRzLnRhYmxldFdpZGUgfSl9IHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZSgke3NwYWNpbmcubGFyZ2V9LCAtJHtzcGFjaW5nLm1lZGl1bX0pO1xuICB9XG4gICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy5kZXNrdG9wIH0pfSB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGUoJHtzcGFjaW5nVW5pdCAqIDUuNX1weCwgLSR7c3BhY2luZy5tZWRpdW19KTtcbiAgfVxuYDtcblxudHlwZSBQcm9wcyA9IHtcbiAgYXJ0aWNsZTogQXJ0aWNsZVR5cGU7XG4gIGljb24/OiBSZWFjdE5vZGU7XG4gIGxpY2Vuc2VCb3g/OiBSZWFjdE5vZGU7XG4gIG1vZGlmaWVyPzogc3RyaW5nO1xuICBjaGlsZHJlbj86IFJlYWN0Tm9kZTtcbiAgbWVzc2FnZXM6IE1lc3NhZ2VzO1xuICBsb2NhbGU6IExvY2FsZTtcbiAgbWVzc2FnZUJveExpbmtzPzogW107XG4gIGNvbXBldGVuY2VHb2Fscz86XG4gICAgfCAoKGlucDogeyBEaWFsb2c6IENvbXBvbmVudFR5cGU7IGRpYWxvZ1Byb3BzOiB7IGlzT3BlbjogYm9vbGVhbjsgb25DbG9zZTogKCkgPT4gdm9pZCB9IH0pID0+IFJlYWN0Tm9kZSlcbiAgICB8IFJlYWN0Tm9kZVxuICAgIHwgbnVsbDtcbiAgY29tcGV0ZW5jZUdvYWxUeXBlcz86IHN0cmluZ1tdO1xuICBpZDogc3RyaW5nO1xuICByZW5kZXJNYXJrZG93bjogKHRleHQ6IHN0cmluZykgPT4gc3RyaW5nO1xuICBjb3B5UGFnZVVybExpbms/OiBzdHJpbmc7XG4gIHByaW50VXJsPzogc3RyaW5nO1xuICBub3Rpb25zPzogeyBsaXN0OiBDb25jZXB0Tm90aW9uVHlwZVtdOyByZWxhdGVkOiBOb3Rpb25SZWxhdGVkQ29udGVudFtdIH07XG4gIGFjY2Vzc01lc3NhZ2U/OiBzdHJpbmc7XG4gIGlzRmF2b3JpdGU/OiBib29sZWFuO1xuICBvblRvZ2dsZUFkZFRvRmF2b3JpdGVzPzogKGlkOiBzdHJpbmcsIGFkZDogYm9vbGVhbikgPT4gdm9pZDtcbn07XG5cbmNvbnN0IGdldEFydGljbGVDb250ZW50ID0gKGNvbnRlbnQ6IGFueSwgbG9jYWxlOiBMb2NhbGUpID0+IHtcbiAgc3dpdGNoICh0eXBlb2YgY29udGVudCkge1xuICAgIGNhc2UgJ3N0cmluZyc6XG4gICAgICByZXR1cm4gPEFydGljbGVDb250ZW50IGNvbnRlbnQ9e2NvbnRlbnR9IGxvY2FsZT17bG9jYWxlfSAvPjtcbiAgICBjYXNlICdmdW5jdGlvbic6XG4gICAgICByZXR1cm4gY29udGVudCgpO1xuICAgIGRlZmF1bHQ6XG4gICAgICByZXR1cm4gY29udGVudDtcbiAgfVxufTtcblxuZXhwb3J0IGNvbnN0IEFydGljbGUgPSAoe1xuICBhcnRpY2xlLFxuICBpY29uLFxuICBsaWNlbnNlQm94LFxuICBtb2RpZmllcixcbiAgbWVzc2FnZXMsXG4gIG1lc3NhZ2VCb3hMaW5rcyxcbiAgY2hpbGRyZW4sXG4gIGNvbXBldGVuY2VHb2FscyxcbiAgY29tcGV0ZW5jZUdvYWxUeXBlcyxcbiAgY29weVBhZ2VVcmxMaW5rLFxuICBpZCxcbiAgbG9jYWxlLFxuICBub3Rpb25zLFxuICBwcmludFVybCxcbiAgcmVuZGVyTWFya2Rvd24sXG4gIGFjY2Vzc01lc3NhZ2UsXG4gIG9uVG9nZ2xlQWRkVG9GYXZvcml0ZXMsXG4gIGlzRmF2b3JpdGUsXG59OiBQcm9wcykgPT4ge1xuICBjb25zdCBbYXJ0aWNsZVJlZiwgeyBlbnRyeSB9XSA9IHVzZUludGVyc2VjdGlvbk9ic2VydmVyKHtcbiAgICByb290OiBudWxsLFxuICAgIHJvb3RNYXJnaW46ICc0MDBweCcsXG4gICAgdGhyZXNob2xkOiAwLjEsXG4gIH0pO1xuICBjb25zdCBbYXJ0aWNsZVBvc2l0aW9uUmlnaHQsIHNldEFydGljbGVQb3NpdGlvblJpZ2h0XSA9IHVzZVN0YXRlKDApO1xuICBjb25zdCB3cmFwcGVyUmVmID0gdXNlUmVmPEhUTUxEaXZFbGVtZW50PihudWxsKTtcblxuICBjb25zdCBzaG93RXhwbGFpbk5vdGlvbnMgPSBlbnRyeSAmJiBlbnRyeS5pc0ludGVyc2VjdGluZztcblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGlmICh3cmFwcGVyUmVmICYmIHdyYXBwZXJSZWYuY3VycmVudCkge1xuICAgICAgY29uc3QgaGFuZGxlciA9ICgpID0+IHtcbiAgICAgICAgaWYgKHdyYXBwZXJSZWYgJiYgd3JhcHBlclJlZi5jdXJyZW50KSB7XG4gICAgICAgICAgY29uc3Qgb2Zmc2V0ID1cbiAgICAgICAgICAgIHdyYXBwZXJSZWYuY3VycmVudC5nZXRCb3VuZGluZ0NsaWVudFJlY3QoKS5sZWZ0ICsgd3JhcHBlclJlZi5jdXJyZW50LmdldEJvdW5kaW5nQ2xpZW50UmVjdCgpLndpZHRoO1xuICAgICAgICAgIHNldEFydGljbGVQb3NpdGlvblJpZ2h0KG9mZnNldCk7XG4gICAgICAgIH1cbiAgICAgIH07XG4gICAgICBoYW5kbGVyKCk7XG5cbiAgICAgIHJldHVybiByZXNpemVPYnNlcnZlcihkb2N1bWVudC5ib2R5LCBoYW5kbGVyKTtcbiAgICB9XG4gIH0sIFt3cmFwcGVyUmVmXSk7XG5cbiAgY29uc3Qge1xuICAgIHRpdGxlLFxuICAgIGludHJvZHVjdGlvbixcbiAgICBwdWJsaXNoZWQsXG4gICAgY29udGVudCxcbiAgICBmb290Tm90ZXMsXG4gICAgY29weXJpZ2h0OiB7IGxpY2Vuc2U6IGxpY2Vuc2VPYmosIGNyZWF0b3JzLCByaWdodHNob2xkZXJzLCBwcm9jZXNzb3JzIH0sXG4gIH0gPSBhcnRpY2xlO1xuXG4gIGNvbnN0IGF1dGhvcnMgPSBjcmVhdG9ycy5sZW5ndGggfHwgcmlnaHRzaG9sZGVycy5sZW5ndGggPyBjcmVhdG9ycyA6IHByb2Nlc3NvcnM7XG5cbiAgcmV0dXJuIChcbiAgICA8ZGl2IHJlZj17d3JhcHBlclJlZn0+XG4gICAgICA8QXJ0aWNsZVdyYXBwZXIgbW9kaWZpZXI9e21vZGlmaWVyfSBpZD17aWR9IHJlZj17YXJ0aWNsZVJlZn0+XG4gICAgICAgIDxMYXlvdXRJdGVtIGxheW91dD1cImNlbnRlclwiPlxuICAgICAgICAgIHthY2Nlc3NNZXNzYWdlICYmIDxBcnRpY2xlQWNjZXNzTWVzc2FnZSBtZXNzYWdlPXthY2Nlc3NNZXNzYWdlfSAvPn1cblxuICAgICAgICAgIHttZXNzYWdlcy5tZXNzYWdlQm94ICYmIChcbiAgICAgICAgICAgIDxNU0dib3hXcmFwcGVyPlxuICAgICAgICAgICAgICA8TWVzc2FnZUJveCBsaW5rcz17bWVzc2FnZUJveExpbmtzfT57bWVzc2FnZXMubWVzc2FnZUJveH08L01lc3NhZ2VCb3g+XG4gICAgICAgICAgICA8L01TR2JveFdyYXBwZXI+XG4gICAgICAgICAgKX1cbiAgICAgICAgICA8QXJ0aWNsZUhlYWRlcldyYXBwZXIgY29tcGV0ZW5jZUdvYWxzPXtjb21wZXRlbmNlR29hbHN9IGNvbXBldGVuY2VHb2FsVHlwZXM9e2NvbXBldGVuY2VHb2FsVHlwZXN9PlxuICAgICAgICAgICAge29uVG9nZ2xlQWRkVG9GYXZvcml0ZXMgJiYgKFxuICAgICAgICAgICAgICA8QXJ0aWNsZUZhdm9yaXRlc0J1dHRvbldyYXBwZXI+XG4gICAgICAgICAgICAgICAgPEFydGljbGVGYXZvcml0ZXNCdXR0b25cbiAgICAgICAgICAgICAgICAgIGFydGljbGVJZD17aWR9XG4gICAgICAgICAgICAgICAgICBpc0Zhdm9yaXRlPXtpc0Zhdm9yaXRlfVxuICAgICAgICAgICAgICAgICAgb25Ub2dnbGVBZGRUb0Zhdm9yaXRlcz17b25Ub2dnbGVBZGRUb0Zhdm9yaXRlc31cbiAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgICA8L0FydGljbGVGYXZvcml0ZXNCdXR0b25XcmFwcGVyPlxuICAgICAgICAgICAgKX1cbiAgICAgICAgICAgIDxBcnRpY2xlVGl0bGUgaWNvbj17aWNvbn0gbGFiZWw9e21lc3NhZ2VzLmxhYmVsfT5cbiAgICAgICAgICAgICAge3RpdGxlfVxuICAgICAgICAgICAgPC9BcnRpY2xlVGl0bGU+XG4gICAgICAgICAgICA8QXJ0aWNsZUludHJvZHVjdGlvbiByZW5kZXJNYXJrZG93bj17cmVuZGVyTWFya2Rvd259PntpbnRyb2R1Y3Rpb259PC9BcnRpY2xlSW50cm9kdWN0aW9uPlxuICAgICAgICAgIDwvQXJ0aWNsZUhlYWRlcldyYXBwZXI+XG4gICAgICAgIDwvTGF5b3V0SXRlbT5cbiAgICAgICAgPExheW91dEl0ZW0gbGF5b3V0PVwiY2VudGVyXCI+XG4gICAgICAgICAge25vdGlvbnMgJiYgc2hvd0V4cGxhaW5Ob3Rpb25zICYmIChcbiAgICAgICAgICAgIDxBcnRpY2xlTm90aW9uc1xuICAgICAgICAgICAgICBub3Rpb25zPXtub3Rpb25zLmxpc3R9XG4gICAgICAgICAgICAgIHJlbGF0ZWRDb250ZW50PXtub3Rpb25zLnJlbGF0ZWR9XG4gICAgICAgICAgICAgIGJ1dHRvbk9mZnNldFJpZ2h0PXthcnRpY2xlUG9zaXRpb25SaWdodH1cbiAgICAgICAgICAgIC8+XG4gICAgICAgICAgKX1cbiAgICAgICAgICB7Z2V0QXJ0aWNsZUNvbnRlbnQoY29udGVudCwgbG9jYWxlKX1cbiAgICAgICAgPC9MYXlvdXRJdGVtPlxuXG4gICAgICAgIDxMYXlvdXRJdGVtIGxheW91dD1cImNlbnRlclwiPlxuICAgICAgICAgIHtmb290Tm90ZXMgJiYgZm9vdE5vdGVzLmxlbmd0aCA+IDAgJiYgPEFydGljbGVGb290Tm90ZXMgZm9vdE5vdGVzPXtmb290Tm90ZXN9IC8+fVxuICAgICAgICAgIDxBcnRpY2xlQnlsaW5lXG4gICAgICAgICAgICBjb3B5UGFnZVVybExpbms9e2NvcHlQYWdlVXJsTGlua31cbiAgICAgICAgICAgIGF1dGhvcnM9e2F1dGhvcnN9XG4gICAgICAgICAgICBzdXBwbGllcnM9e3JpZ2h0c2hvbGRlcnN9XG4gICAgICAgICAgICBwdWJsaXNoZWQ9e3B1Ymxpc2hlZH1cbiAgICAgICAgICAgIGxpY2Vuc2U9e2xpY2Vuc2VPYmoubGljZW5zZX1cbiAgICAgICAgICAgIGxpY2Vuc2VCb3g9e2xpY2Vuc2VCb3h9XG4gICAgICAgICAgICBwcmludFVybD17cHJpbnRVcmx9XG4gICAgICAgICAgLz5cbiAgICAgICAgPC9MYXlvdXRJdGVtPlxuICAgICAgICA8TGF5b3V0SXRlbSBsYXlvdXQ9XCJleHRlbmRcIj57Y2hpbGRyZW59PC9MYXlvdXRJdGVtPlxuICAgICAgPC9BcnRpY2xlV3JhcHBlcj5cbiAgICA8L2Rpdj5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IEFydGljbGU7XG4iXX0= */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
+var ArticleFavoritesButtonWrapper = (0, _styledBase["default"])("div", {
+  target: "ekgxh1z1",
+  label: "ArticleFavoritesButtonWrapper"
+})("display:flex;justify-content:flex-end;transform:translate(", _core.spacing.xsmall, ",-", _core.spacing.normal, ");height:0;", _core.mq.range({
+  from: _core.breakpoints.tablet
+}), "{transform:translate(", _core.spacing.normal, ",-", _core.spacing.medium, ");}", _core.mq.range({
+  from: _core.breakpoints.tabletWide
+}), "{transform:translate(", _core.spacing.large, ",-", _core.spacing.medium, ");}", _core.mq.range({
+  from: _core.breakpoints.desktop
+}), "{transform:translate(", _core.spacingUnit * 5.5, "px,-", _core.spacing.medium, ");}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkFydGljbGUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXFHZ0QiLCJmaWxlIjoiQXJ0aWNsZS50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAxNi1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCBSZWFjdCwgeyBDb21wb25lbnRUeXBlLCBSZWFjdE5vZGUsIHVzZUVmZmVjdCwgdXNlUmVmLCB1c2VTdGF0ZSwgZm9yd2FyZFJlZiB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCBCRU1IZWxwZXIgZnJvbSAncmVhY3QtYmVtLWhlbHBlcic7XG5pbXBvcnQgaXNTdHJpbmcgZnJvbSAnbG9kYXNoL2lzU3RyaW5nJztcbmltcG9ydCBwYXJzZSBmcm9tICdodG1sLXJlYWN0LXBhcnNlcic7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbmltcG9ydCB7IHVzZUludGVyc2VjdGlvbk9ic2VydmVyIH0gZnJvbSAnQG5kbGEvaG9va3MnO1xuaW1wb3J0IHsgcmVzaXplT2JzZXJ2ZXIgfSBmcm9tICdAbmRsYS91dGlsJztcbmltcG9ydCB7IHNwYWNpbmcsIHNwYWNpbmdVbml0LCBtcSwgYnJlYWtwb2ludHMgfSBmcm9tICdAbmRsYS9jb3JlJztcbmltcG9ydCB7IEFydGljbGUgYXMgQXJ0aWNsZVR5cGUsIExvY2FsZSB9IGZyb20gJy4uL3R5cGVzJztcbmltcG9ydCBBcnRpY2xlRm9vdE5vdGVzIGZyb20gJy4vQXJ0aWNsZUZvb3ROb3Rlcyc7XG5pbXBvcnQgQXJ0aWNsZUNvbnRlbnQgZnJvbSAnLi9BcnRpY2xlQ29udGVudCc7XG5pbXBvcnQgQXJ0aWNsZUJ5bGluZSBmcm9tICcuL0FydGljbGVCeWxpbmUnO1xuaW1wb3J0IEFydGljbGVGYXZvcml0ZXNCdXR0b24gZnJvbSAnLi9BcnRpY2xlRmF2b3JpdGVzQnV0dG9uJztcbmltcG9ydCBMYXlvdXRJdGVtIGZyb20gJy4uL0xheW91dCc7XG5pbXBvcnQgQXJ0aWNsZUhlYWRlcldyYXBwZXIgZnJvbSAnLi9BcnRpY2xlSGVhZGVyV3JhcHBlcic7XG5pbXBvcnQgQXJ0aWNsZU5vdGlvbnMsIHsgTm90aW9uUmVsYXRlZENvbnRlbnQgfSBmcm9tICcuL0FydGljbGVOb3Rpb25zJztcbmltcG9ydCBBcnRpY2xlQWNjZXNzTWVzc2FnZSBmcm9tICcuL0FydGljbGVBY2Nlc3NNZXNzYWdlJztcbmltcG9ydCBNZXNzYWdlQm94IGZyb20gJy4uL01lc3NhZ2VCb3gvTWVzc2FnZUJveCc7XG5pbXBvcnQgeyBDb25jZXB0Tm90aW9uVHlwZSB9IGZyb20gJy4uL05vdGlvbi9Db25jZXB0Tm90aW9uJztcblxuY29uc3QgY2xhc3NlcyA9IG5ldyBCRU1IZWxwZXIoe1xuICBuYW1lOiAnYXJ0aWNsZScsXG4gIHByZWZpeDogJ2MtJyxcbn0pO1xuXG50eXBlIEFydGljbGVXcmFwcGVyUHJvcHMgPSB7XG4gIGlkOiBzdHJpbmc7XG4gIG1vZGlmaWVyPzogc3RyaW5nO1xuICBjaGlsZHJlbjogUmVhY3ROb2RlO1xufTtcblxuZXhwb3J0IGNvbnN0IEFydGljbGVXcmFwcGVyID0gZm9yd2FyZFJlZjxIVE1MRWxlbWVudCwgQXJ0aWNsZVdyYXBwZXJQcm9wcz4oKHsgY2hpbGRyZW4sIG1vZGlmaWVyLCBpZCB9LCByZWYpID0+IChcbiAgPGFydGljbGUgaWQ9e2lkfSB7Li4uY2xhc3Nlcyh1bmRlZmluZWQsIG1vZGlmaWVyKX0gcmVmPXtyZWZ9PlxuICAgIHtjaGlsZHJlbn1cbiAgPC9hcnRpY2xlPlxuKSk7XG5cbnR5cGUgQXJ0aWNsZVRpdGxlUHJvcHMgPSB7XG4gIGljb24/OiBSZWFjdE5vZGU7XG4gIGxhYmVsPzogc3RyaW5nO1xuICBjaGlsZHJlbjogUmVhY3ROb2RlO1xufTtcblxuZXhwb3J0IGNvbnN0IEFydGljbGVUaXRsZSA9ICh7IGNoaWxkcmVuLCBpY29uLCBsYWJlbCB9OiBBcnRpY2xlVGl0bGVQcm9wcykgPT4ge1xuICBjb25zdCBtb2RpZmllcnMgPSBbXTtcbiAgaWYgKGljb24pIHtcbiAgICBtb2RpZmllcnMucHVzaCgnaWNvbicpO1xuICB9XG5cbiAgbGV0IGxhYmVsVmlldyA9IG51bGw7XG5cbiAgaWYgKGxhYmVsKSB7XG4gICAgbGFiZWxWaWV3ID0gPHA+e2xhYmVsfTwvcD47XG4gIH1cblxuICByZXR1cm4gKFxuICAgIDxkaXYgey4uLmNsYXNzZXMoJ3RpdGxlJywgbW9kaWZpZXJzKX0+XG4gICAgICB7aWNvbn1cbiAgICAgIHtsYWJlbFZpZXd9XG4gICAgICA8aDEgdGFiSW5kZXg9ezB9PntjaGlsZHJlbn08L2gxPlxuICAgIDwvZGl2PlxuICApO1xufTtcblxudHlwZSBBcnRpY2xlSW50cm9kdWN0aW9uUHJvcHMgPSB7XG4gIGNoaWxkcmVuOiBSZWFjdE5vZGU7XG4gIHJlbmRlck1hcmtkb3duOiAodGV4dDogc3RyaW5nKSA9PiBzdHJpbmc7XG59O1xuXG5leHBvcnQgY29uc3QgQXJ0aWNsZUludHJvZHVjdGlvbiA9ICh7XG4gIGNoaWxkcmVuLFxuICByZW5kZXJNYXJrZG93biA9ICh0ZXh0KSA9PiB7XG4gICAgcmV0dXJuIHRleHQ7XG4gIH0sXG59OiBBcnRpY2xlSW50cm9kdWN0aW9uUHJvcHMpID0+IHtcbiAgaWYgKGlzU3RyaW5nKGNoaWxkcmVuKSkge1xuICAgIHJldHVybiA8cCBjbGFzc05hbWU9XCJhcnRpY2xlX2ludHJvZHVjdGlvblwiPntwYXJzZShyZW5kZXJNYXJrZG93bihjaGlsZHJlbikpfTwvcD47XG4gIH1cbiAgaWYgKGNoaWxkcmVuKSB7XG4gICAgcmV0dXJuIDxwIGNsYXNzTmFtZT1cImFydGljbGVfaW50cm9kdWN0aW9uXCI+e2NoaWxkcmVufTwvcD47XG4gIH1cbiAgcmV0dXJuIG51bGw7XG59O1xuXG50eXBlIE1lc3NhZ2VzID0ge1xuICBsYWJlbDogc3RyaW5nO1xuICBtZXNzYWdlQm94Pzogc3RyaW5nO1xufTtcbmNvbnN0IE1TR2JveFdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBtYXJnaW4tYm90dG9tOiA1MHB4O1xuYDtcblxuY29uc3QgQXJ0aWNsZUZhdm9yaXRlc0J1dHRvbldyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtZW5kO1xuICB0cmFuc2Zvcm06IHRyYW5zbGF0ZSgke3NwYWNpbmcueHNtYWxsfSwgLSR7c3BhY2luZy5ub3JtYWx9KTtcbiAgaGVpZ2h0OiAwO1xuICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMudGFibGV0IH0pfSB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGUoJHtzcGFjaW5nLm5vcm1hbH0sIC0ke3NwYWNpbmcubWVkaXVtfSk7XG4gIH1cbiAgJHttcS5yYW5nZSh7IGZyb206IGJyZWFrcG9pbnRzLnRhYmxldFdpZGUgfSl9IHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZSgke3NwYWNpbmcubGFyZ2V9LCAtJHtzcGFjaW5nLm1lZGl1bX0pO1xuICB9XG4gICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy5kZXNrdG9wIH0pfSB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGUoJHtzcGFjaW5nVW5pdCAqIDUuNX1weCwgLSR7c3BhY2luZy5tZWRpdW19KTtcbiAgfVxuYDtcblxudHlwZSBQcm9wcyA9IHtcbiAgYXJ0aWNsZTogQXJ0aWNsZVR5cGU7XG4gIGljb24/OiBSZWFjdE5vZGU7XG4gIGxpY2Vuc2VCb3g/OiBSZWFjdE5vZGU7XG4gIG1vZGlmaWVyPzogc3RyaW5nO1xuICBjaGlsZHJlbj86IFJlYWN0Tm9kZTtcbiAgbWVzc2FnZXM6IE1lc3NhZ2VzO1xuICBsb2NhbGU6IExvY2FsZTtcbiAgbWVzc2FnZUJveExpbmtzPzogW107XG4gIGNvbXBldGVuY2VHb2Fscz86XG4gICAgfCAoKGlucDogeyBEaWFsb2c6IENvbXBvbmVudFR5cGU7IGRpYWxvZ1Byb3BzOiB7IGlzT3BlbjogYm9vbGVhbjsgb25DbG9zZTogKCkgPT4gdm9pZCB9IH0pID0+IFJlYWN0Tm9kZSlcbiAgICB8IFJlYWN0Tm9kZVxuICAgIHwgbnVsbDtcbiAgY29tcGV0ZW5jZUdvYWxUeXBlcz86IHN0cmluZ1tdO1xuICBpZDogc3RyaW5nO1xuICByZW5kZXJNYXJrZG93bjogKHRleHQ6IHN0cmluZykgPT4gc3RyaW5nO1xuICBjb3B5UGFnZVVybExpbms/OiBzdHJpbmc7XG4gIHByaW50VXJsPzogc3RyaW5nO1xuICBub3Rpb25zPzogeyBsaXN0OiBDb25jZXB0Tm90aW9uVHlwZVtdOyByZWxhdGVkOiBOb3Rpb25SZWxhdGVkQ29udGVudFtdIH07XG4gIGFjY2Vzc01lc3NhZ2U/OiBzdHJpbmc7XG4gIGlzRmF2b3JpdGU/OiBib29sZWFuO1xuICBvblRvZ2dsZUFkZFRvRmF2b3JpdGVzPzogKGlkOiBzdHJpbmcsIGFkZDogYm9vbGVhbikgPT4gdm9pZDtcbn07XG5cbmNvbnN0IGdldEFydGljbGVDb250ZW50ID0gKGNvbnRlbnQ6IGFueSwgbG9jYWxlOiBMb2NhbGUpID0+IHtcbiAgc3dpdGNoICh0eXBlb2YgY29udGVudCkge1xuICAgIGNhc2UgJ3N0cmluZyc6XG4gICAgICByZXR1cm4gPEFydGljbGVDb250ZW50IGNvbnRlbnQ9e2NvbnRlbnR9IGxvY2FsZT17bG9jYWxlfSAvPjtcbiAgICBjYXNlICdmdW5jdGlvbic6XG4gICAgICByZXR1cm4gY29udGVudCgpO1xuICAgIGRlZmF1bHQ6XG4gICAgICByZXR1cm4gY29udGVudDtcbiAgfVxufTtcblxuZXhwb3J0IGNvbnN0IEFydGljbGUgPSAoe1xuICBhcnRpY2xlLFxuICBpY29uLFxuICBsaWNlbnNlQm94LFxuICBtb2RpZmllcixcbiAgbWVzc2FnZXMsXG4gIG1lc3NhZ2VCb3hMaW5rcyxcbiAgY2hpbGRyZW4sXG4gIGNvbXBldGVuY2VHb2FscyxcbiAgY29tcGV0ZW5jZUdvYWxUeXBlcyxcbiAgY29weVBhZ2VVcmxMaW5rLFxuICBpZCxcbiAgbG9jYWxlLFxuICBub3Rpb25zLFxuICBwcmludFVybCxcbiAgcmVuZGVyTWFya2Rvd24sXG4gIGFjY2Vzc01lc3NhZ2UsXG4gIG9uVG9nZ2xlQWRkVG9GYXZvcml0ZXMsXG4gIGlzRmF2b3JpdGUsXG59OiBQcm9wcykgPT4ge1xuICBjb25zdCBbYXJ0aWNsZVJlZiwgeyBlbnRyeSB9XSA9IHVzZUludGVyc2VjdGlvbk9ic2VydmVyKHtcbiAgICByb290OiBudWxsLFxuICAgIHJvb3RNYXJnaW46ICc0MDBweCcsXG4gICAgdGhyZXNob2xkOiAwLjEsXG4gIH0pO1xuICBjb25zdCBbYXJ0aWNsZVBvc2l0aW9uUmlnaHQsIHNldEFydGljbGVQb3NpdGlvblJpZ2h0XSA9IHVzZVN0YXRlKDApO1xuICBjb25zdCB3cmFwcGVyUmVmID0gdXNlUmVmPEhUTUxEaXZFbGVtZW50PihudWxsKTtcblxuICBjb25zdCBzaG93RXhwbGFpbk5vdGlvbnMgPSBlbnRyeSAmJiBlbnRyeS5pc0ludGVyc2VjdGluZztcblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGlmICh3cmFwcGVyUmVmICYmIHdyYXBwZXJSZWYuY3VycmVudCkge1xuICAgICAgY29uc3QgaGFuZGxlciA9ICgpID0+IHtcbiAgICAgICAgaWYgKHdyYXBwZXJSZWYgJiYgd3JhcHBlclJlZi5jdXJyZW50KSB7XG4gICAgICAgICAgY29uc3Qgb2Zmc2V0ID1cbiAgICAgICAgICAgIHdyYXBwZXJSZWYuY3VycmVudC5nZXRCb3VuZGluZ0NsaWVudFJlY3QoKS5sZWZ0ICsgd3JhcHBlclJlZi5jdXJyZW50LmdldEJvdW5kaW5nQ2xpZW50UmVjdCgpLndpZHRoO1xuICAgICAgICAgIHNldEFydGljbGVQb3NpdGlvblJpZ2h0KG9mZnNldCk7XG4gICAgICAgIH1cbiAgICAgIH07XG4gICAgICBoYW5kbGVyKCk7XG5cbiAgICAgIHJldHVybiByZXNpemVPYnNlcnZlcihkb2N1bWVudC5ib2R5LCBoYW5kbGVyKTtcbiAgICB9XG4gIH0sIFt3cmFwcGVyUmVmXSk7XG5cbiAgY29uc3Qge1xuICAgIHRpdGxlLFxuICAgIGludHJvZHVjdGlvbixcbiAgICBwdWJsaXNoZWQsXG4gICAgY29udGVudCxcbiAgICBmb290Tm90ZXMsXG4gICAgY29weXJpZ2h0OiB7IGxpY2Vuc2U6IGxpY2Vuc2VPYmosIGNyZWF0b3JzLCByaWdodHNob2xkZXJzLCBwcm9jZXNzb3JzIH0sXG4gIH0gPSBhcnRpY2xlO1xuXG4gIGNvbnN0IGF1dGhvcnMgPSBjcmVhdG9ycy5sZW5ndGggfHwgcmlnaHRzaG9sZGVycy5sZW5ndGggPyBjcmVhdG9ycyA6IHByb2Nlc3NvcnM7XG5cbiAgcmV0dXJuIChcbiAgICA8ZGl2IHJlZj17d3JhcHBlclJlZn0+XG4gICAgICA8QXJ0aWNsZVdyYXBwZXIgbW9kaWZpZXI9e21vZGlmaWVyfSBpZD17aWR9IHJlZj17YXJ0aWNsZVJlZn0+XG4gICAgICAgIDxMYXlvdXRJdGVtIGxheW91dD1cImNlbnRlclwiPlxuICAgICAgICAgIHthY2Nlc3NNZXNzYWdlICYmIDxBcnRpY2xlQWNjZXNzTWVzc2FnZSBtZXNzYWdlPXthY2Nlc3NNZXNzYWdlfSAvPn1cblxuICAgICAgICAgIHttZXNzYWdlcy5tZXNzYWdlQm94ICYmIChcbiAgICAgICAgICAgIDxNU0dib3hXcmFwcGVyPlxuICAgICAgICAgICAgICA8TWVzc2FnZUJveCBsaW5rcz17bWVzc2FnZUJveExpbmtzfT57bWVzc2FnZXMubWVzc2FnZUJveH08L01lc3NhZ2VCb3g+XG4gICAgICAgICAgICA8L01TR2JveFdyYXBwZXI+XG4gICAgICAgICAgKX1cbiAgICAgICAgICA8QXJ0aWNsZUhlYWRlcldyYXBwZXIgY29tcGV0ZW5jZUdvYWxzPXtjb21wZXRlbmNlR29hbHN9IGNvbXBldGVuY2VHb2FsVHlwZXM9e2NvbXBldGVuY2VHb2FsVHlwZXN9PlxuICAgICAgICAgICAge29uVG9nZ2xlQWRkVG9GYXZvcml0ZXMgJiYgKFxuICAgICAgICAgICAgICA8QXJ0aWNsZUZhdm9yaXRlc0J1dHRvbldyYXBwZXI+XG4gICAgICAgICAgICAgICAgPEFydGljbGVGYXZvcml0ZXNCdXR0b25cbiAgICAgICAgICAgICAgICAgIGFydGljbGVJZD17aWR9XG4gICAgICAgICAgICAgICAgICBpc0Zhdm9yaXRlPXtpc0Zhdm9yaXRlfVxuICAgICAgICAgICAgICAgICAgb25Ub2dnbGVBZGRUb0Zhdm9yaXRlcz17b25Ub2dnbGVBZGRUb0Zhdm9yaXRlc31cbiAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgICA8L0FydGljbGVGYXZvcml0ZXNCdXR0b25XcmFwcGVyPlxuICAgICAgICAgICAgKX1cbiAgICAgICAgICAgIDxBcnRpY2xlVGl0bGUgaWNvbj17aWNvbn0gbGFiZWw9e21lc3NhZ2VzLmxhYmVsfT5cbiAgICAgICAgICAgICAge3RpdGxlfVxuICAgICAgICAgICAgPC9BcnRpY2xlVGl0bGU+XG4gICAgICAgICAgICA8QXJ0aWNsZUludHJvZHVjdGlvbiByZW5kZXJNYXJrZG93bj17cmVuZGVyTWFya2Rvd259PntpbnRyb2R1Y3Rpb259PC9BcnRpY2xlSW50cm9kdWN0aW9uPlxuICAgICAgICAgIDwvQXJ0aWNsZUhlYWRlcldyYXBwZXI+XG4gICAgICAgIDwvTGF5b3V0SXRlbT5cbiAgICAgICAgPExheW91dEl0ZW0gbGF5b3V0PVwiY2VudGVyXCI+XG4gICAgICAgICAge25vdGlvbnMgJiYgc2hvd0V4cGxhaW5Ob3Rpb25zICYmIChcbiAgICAgICAgICAgIDxBcnRpY2xlTm90aW9uc1xuICAgICAgICAgICAgICBub3Rpb25zPXtub3Rpb25zLmxpc3R9XG4gICAgICAgICAgICAgIHJlbGF0ZWRDb250ZW50PXtub3Rpb25zLnJlbGF0ZWR9XG4gICAgICAgICAgICAgIGJ1dHRvbk9mZnNldFJpZ2h0PXthcnRpY2xlUG9zaXRpb25SaWdodH1cbiAgICAgICAgICAgIC8+XG4gICAgICAgICAgKX1cbiAgICAgICAgICB7Z2V0QXJ0aWNsZUNvbnRlbnQoY29udGVudCwgbG9jYWxlKX1cbiAgICAgICAgPC9MYXlvdXRJdGVtPlxuXG4gICAgICAgIDxMYXlvdXRJdGVtIGxheW91dD1cImNlbnRlclwiPlxuICAgICAgICAgIHtmb290Tm90ZXMgJiYgZm9vdE5vdGVzLmxlbmd0aCA+IDAgJiYgPEFydGljbGVGb290Tm90ZXMgZm9vdE5vdGVzPXtmb290Tm90ZXN9IC8+fVxuICAgICAgICAgIDxBcnRpY2xlQnlsaW5lXG4gICAgICAgICAgICBjb3B5UGFnZVVybExpbms9e2NvcHlQYWdlVXJsTGlua31cbiAgICAgICAgICAgIGF1dGhvcnM9e2F1dGhvcnN9XG4gICAgICAgICAgICBzdXBwbGllcnM9e3JpZ2h0c2hvbGRlcnN9XG4gICAgICAgICAgICBwdWJsaXNoZWQ9e3B1Ymxpc2hlZH1cbiAgICAgICAgICAgIGxpY2Vuc2U9e2xpY2Vuc2VPYmoubGljZW5zZX1cbiAgICAgICAgICAgIGxpY2Vuc2VCb3g9e2xpY2Vuc2VCb3h9XG4gICAgICAgICAgICBwcmludFVybD17cHJpbnRVcmx9XG4gICAgICAgICAgLz5cbiAgICAgICAgPC9MYXlvdXRJdGVtPlxuICAgICAgICA8TGF5b3V0SXRlbSBsYXlvdXQ9XCJleHRlbmRcIj57Y2hpbGRyZW59PC9MYXlvdXRJdGVtPlxuICAgICAgPC9BcnRpY2xlV3JhcHBlcj5cbiAgICA8L2Rpdj5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IEFydGljbGU7XG4iXX0= */"));
 
 var getArticleContent = function getArticleContent(content, locale) {
   switch (_typeof(content)) {
     case 'string':
-      return (0, _core.jsx)(_ArticleContent["default"], {
+      return (0, _core2.jsx)(_ArticleContent["default"], {
         content: content,
         locale: locale
       });
@@ -168,7 +182,9 @@ var Article = function Article(_ref4) {
       notions = _ref4.notions,
       printUrl = _ref4.printUrl,
       renderMarkdown = _ref4.renderMarkdown,
-      accessMessage = _ref4.accessMessage;
+      accessMessage = _ref4.accessMessage,
+      onToggleAddToFavorites = _ref4.onToggleAddToFavorites,
+      isFavorite = _ref4.isFavorite;
 
   var _useIntersectionObser = (0, _hooks.useIntersectionObserver)({
     root: null,
@@ -210,37 +226,41 @@ var Article = function Article(_ref4) {
       rightsholders = _article$copyright.rightsholders,
       processors = _article$copyright.processors;
   var authors = creators.length || rightsholders.length ? creators : processors;
-  return (0, _core.jsx)("div", {
+  return (0, _core2.jsx)("div", {
     ref: wrapperRef
-  }, (0, _core.jsx)(ArticleWrapper, {
+  }, (0, _core2.jsx)(ArticleWrapper, {
     modifier: modifier,
     id: id,
     ref: articleRef
-  }, (0, _core.jsx)(_Layout["default"], {
+  }, (0, _core2.jsx)(_Layout["default"], {
     layout: "center"
-  }, accessMessage && (0, _core.jsx)(_ArticleAccessMessage["default"], {
+  }, accessMessage && (0, _core2.jsx)(_ArticleAccessMessage["default"], {
     message: accessMessage
-  }), messages.messageBox && (0, _core.jsx)(MSGboxWrapper, null, (0, _core.jsx)(_MessageBox["default"], {
+  }), messages.messageBox && (0, _core2.jsx)(MSGboxWrapper, null, (0, _core2.jsx)(_MessageBox["default"], {
     links: messageBoxLinks
-  }, messages.messageBox)), (0, _core.jsx)(_ArticleHeaderWrapper["default"], {
+  }, messages.messageBox)), (0, _core2.jsx)(_ArticleHeaderWrapper["default"], {
     competenceGoals: competenceGoals,
     competenceGoalTypes: competenceGoalTypes
-  }, (0, _core.jsx)(ArticleTitle, {
+  }, onToggleAddToFavorites && (0, _core2.jsx)(ArticleFavoritesButtonWrapper, null, (0, _core2.jsx)(_ArticleFavoritesButton["default"], {
+    articleId: id,
+    isFavorite: isFavorite,
+    onToggleAddToFavorites: onToggleAddToFavorites
+  })), (0, _core2.jsx)(ArticleTitle, {
     icon: icon,
     label: messages.label
-  }, title), (0, _core.jsx)(ArticleIntroduction, {
+  }, title), (0, _core2.jsx)(ArticleIntroduction, {
     renderMarkdown: renderMarkdown
-  }, introduction))), (0, _core.jsx)(_Layout["default"], {
+  }, introduction))), (0, _core2.jsx)(_Layout["default"], {
     layout: "center"
-  }, notions && showExplainNotions && (0, _core.jsx)(_ArticleNotions["default"], {
+  }, notions && showExplainNotions && (0, _core2.jsx)(_ArticleNotions["default"], {
     notions: notions.list,
     relatedContent: notions.related,
     buttonOffsetRight: articlePositionRight
-  }), getArticleContent(content, locale)), (0, _core.jsx)(_Layout["default"], {
+  }), getArticleContent(content, locale)), (0, _core2.jsx)(_Layout["default"], {
     layout: "center"
-  }, footNotes && footNotes.length > 0 && (0, _core.jsx)(_ArticleFootNotes["default"], {
+  }, footNotes && footNotes.length > 0 && (0, _core2.jsx)(_ArticleFootNotes["default"], {
     footNotes: footNotes
-  }), (0, _core.jsx)(_ArticleByline["default"], {
+  }), (0, _core2.jsx)(_ArticleByline["default"], {
     copyPageUrlLink: copyPageUrlLink,
     authors: authors,
     suppliers: rightsholders,
@@ -248,7 +268,7 @@ var Article = function Article(_ref4) {
     license: licenseObj.license,
     licenseBox: licenseBox,
     printUrl: printUrl
-  })), (0, _core.jsx)(_Layout["default"], {
+  })), (0, _core2.jsx)(_Layout["default"], {
     layout: "extend"
   }, children)));
 };

package/lib/Article/ArticleFavoritesButton.d.ts

@@ -0,0 +1,15 @@
+/**
+ * Copyright (c) 2022-present, NDLA.
+ *
+ * This source code is licensed under the GPLv3 license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+/// <reference types="react" />
+export interface Props {
+    isFavorite?: boolean;
+    onToggleAddToFavorites: (id: string, add: boolean) => void;
+    articleId: string;
+}
+export declare const ArticleFavoritesButton: ({ isFavorite, onToggleAddToFavorites, articleId }: Props) => JSX.Element;
+export default ArticleFavoritesButton;

package/lib/Article/ArticleFavoritesButton.js

@@ -0,0 +1,56 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.ArticleFavoritesButton = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _button = require("@ndla/button");
+
+var _action = require("@ndla/icons/action");
+
+var _tooltip = _interopRequireDefault(require("@ndla/tooltip"));
+
+var _reactI18next = require("react-i18next");
+
+var _core = require("@emotion/core");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+/**
+ * Copyright (c) 2022-present, NDLA.
+ *
+ * This source code is licensed under the GPLv3 license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+var ArticleFavoritesButton = function ArticleFavoritesButton(_ref) {
+  var isFavorite = _ref.isFavorite,
+      onToggleAddToFavorites = _ref.onToggleAddToFavorites,
+      articleId = _ref.articleId;
+
+  var _useTranslation = (0, _reactI18next.useTranslation)(),
+      t = _useTranslation.t;
+
+  var removeFromFavoritesLabel = t('myNdla.resource.addToMyNdla');
+  var addToFavoritesLabel = t('myNdla.resource.addedToMyNdla');
+  return (0, _core.jsx)(_tooltip["default"], {
+    tooltip: isFavorite ? removeFromFavoritesLabel : addToFavoritesLabel
+  }, (0, _core.jsx)(_button.IconButtonDualStates, {
+    ariaLabelActive: addToFavoritesLabel,
+    ariaLabelInActive: removeFromFavoritesLabel,
+    activeIcon: (0, _core.jsx)(_action.Heart, null),
+    inactiveIcon: (0, _core.jsx)(_action.HeartOutline, null),
+    active: isFavorite,
+    size: "small",
+    onClick: function onClick() {
+      return onToggleAddToFavorites(articleId, !isFavorite);
+    }
+  }));
+};
+
+exports.ArticleFavoritesButton = ArticleFavoritesButton;
+var _default = ArticleFavoritesButton;
+exports["default"] = _default;

package/lib/Article/index.d.ts

@@ -11,5 +11,6 @@ import ArticleContent from './ArticleContent';
 import ArticleFootNotes from './ArticleFootNotes';
 import ArticleHeaderWrapper from './ArticleHeaderWrapper';
 import ArticleSideBar from './ArticleSideBar';
-export { ArticleByline, ArticleContent, ArticleFootNotes, ArticleHeaderWrapper, ArticleSideBar, ArticleTitle, ArticleIntroduction, ArticleWrapper, };
+import ArticleFavoritesButton from './ArticleFavoritesButton';
+export { ArticleByline, ArticleContent, ArticleFootNotes, ArticleHeaderWrapper, ArticleSideBar, ArticleTitle, ArticleIntroduction, ArticleWrapper, ArticleFavoritesButton, };
 export default Article;

package/lib/Article/index.js

@@ -53,6 +53,12 @@ Object.defineProperty(exports, "ArticleSideBar", {
     return _ArticleSideBar["default"];
   }
 });
+Object.defineProperty(exports, "ArticleFavoritesButton", {
+  enumerable: true,
+  get: function get() {
+    return _ArticleFavoritesButton["default"];
+  }
+});
 exports["default"] = void 0;
 
 var _Article = _interopRequireWildcard(require("./Article"));
@@ -67,6 +73,8 @@ var _ArticleHeaderWrapper = _interopRequireDefault(require("./ArticleHeaderWrapp
 
 var _ArticleSideBar = _interopRequireDefault(require("./ArticleSideBar"));
 
+var _ArticleFavoritesButton = _interopRequireDefault(require("./ArticleFavoritesButton"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
 function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }

package/lib/Breadcrumb/ActionBreadcrumb.d.ts

@@ -0,0 +1,16 @@
+/**
+ * Copyright (c) 2022-present, NDLA.
+ *
+ * This source code is licensed under the GPLv3 license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+/// <reference types="react" />
+import { MenuItemProps } from '@ndla/button';
+import { SimpleBreadcrumbItem } from './BreadcrumbItem';
+interface Props {
+    items: SimpleBreadcrumbItem[];
+    actionItems: MenuItemProps[];
+}
+declare const ActionBreadcrumb: ({ items, actionItems }: Props) => JSX.Element;
+export default ActionBreadcrumb;

package/lib/Breadcrumb/ActionBreadcrumb.js

@@ -0,0 +1,72 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _styledBase = _interopRequireDefault(require("@emotion/styled-base"));
+
+var _core = require("@ndla/core");
+
+var _common = require("@ndla/icons/common");
+
+var _safelink = _interopRequireDefault(require("@ndla/safelink"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _button = require("@ndla/button");
+
+var _Breadcrumb = _interopRequireDefault(require("./Breadcrumb"));
+
+var _core2 = require("@emotion/core");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+var StyledRightChevron = ( /*#__PURE__*/0, _styledBase["default"])(_common.ChevronRight, {
+  target: "e1yj4xlc0",
+  label: "StyledRightChevron"
+})("color:", _core.colors.text.primary, ";margin:", _core.spacing.xxsmall, ";height:24px;width:24px;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkFjdGlvbkJyZWFkY3J1bWIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWtCK0MiLCJmaWxlIjoiQWN0aW9uQnJlYWRjcnVtYi50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAyMi1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGNvbG9ycywgZm9udHMsIHNwYWNpbmcgfSBmcm9tICdAbmRsYS9jb3JlJztcbmltcG9ydCB7IENoZXZyb25SaWdodCB9IGZyb20gJ0BuZGxhL2ljb25zL2NvbW1vbic7XG5pbXBvcnQgU2FmZUxpbmsgZnJvbSAnQG5kbGEvc2FmZWxpbmsnO1xuaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IE1lbnVCdXR0b24gfSBmcm9tICdAbmRsYS9idXR0b24nO1xuaW1wb3J0IHsgTWVudUl0ZW1Qcm9wcyB9IGZyb20gJ0BuZGxhL2J1dHRvbic7XG5pbXBvcnQgQnJlYWRjcnVtYiBmcm9tICcuL0JyZWFkY3J1bWInO1xuaW1wb3J0IHsgSW5kZXhlZEJyZWFkY3J1bWJJdGVtLCBTaW1wbGVCcmVhZGNydW1iSXRlbSB9IGZyb20gJy4vQnJlYWRjcnVtYkl0ZW0nO1xuXG5jb25zdCBTdHlsZWRSaWdodENoZXZyb24gPSBzdHlsZWQoQ2hldnJvblJpZ2h0KWBcbiAgY29sb3I6ICR7Y29sb3JzLnRleHQucHJpbWFyeX07XG4gIG1hcmdpbjogJHtzcGFjaW5nLnh4c21hbGx9O1xuICBoZWlnaHQ6IDI0cHg7XG4gIHdpZHRoOiAyNHB4O1xuYDtcblxuY29uc3QgU3R5bGVkU3BhbiA9IHN0eWxlZC5zcGFuYFxuICBjb2xvcjogJHtjb2xvcnMudGV4dC5wcmltYXJ5fTtcbiAgZm9udC13ZWlnaHQ6ICR7Zm9udHMud2VpZ2h0LmJvbGR9O1xuYDtcblxuY29uc3QgU3R5bGVkU2FmZUxpbmsgPSBzdHlsZWQoU2FmZUxpbmspYFxuICBjb2xvcjogJHtjb2xvcnMudGV4dC5wcmltYXJ5fTtcbiAgYm94LXNoYWRvdzogbm9uZTtcbiAgZm9udC13ZWlnaHQ6ICR7Zm9udHMud2VpZ2h0LmJvbGR9O1xuICA6aG92ZXIge1xuICAgIGNvbG9yOiAke2NvbG9ycy5icmFuZC5wcmltYXJ5fTtcbiAgfVxuYDtcblxuaW50ZXJmYWNlIFByb3BzIHtcbiAgaXRlbXM6IFNpbXBsZUJyZWFkY3J1bWJJdGVtW107XG4gIGFjdGlvbkl0ZW1zOiBNZW51SXRlbVByb3BzW107XG59XG5cbmNvbnN0IEFjdGlvbkJyZWFkY3J1bWIgPSAoeyBpdGVtcywgYWN0aW9uSXRlbXMgfTogUHJvcHMpID0+IHtcbiAgY29uc3QgcmVuZGVySXRlbSA9IChpdGVtOiBJbmRleGVkQnJlYWRjcnVtYkl0ZW0sIHRvdGFsQ291bnQ6IG51bWJlcikgPT4ge1xuICAgIGlmIChpdGVtLmluZGV4ID09PSB0b3RhbENvdW50IC0gMSkge1xuICAgICAgcmV0dXJuIChcbiAgICAgICAgPE1lbnVCdXR0b24gbWVudUl0ZW1zPXthY3Rpb25JdGVtc30gc2l6ZT1cInNtYWxsXCI+XG4gICAgICAgICAgPFN0eWxlZFNwYW4+e2l0ZW0ubmFtZX08L1N0eWxlZFNwYW4+XG4gICAgICAgIDwvTWVudUJ1dHRvbj5cbiAgICAgICk7XG4gICAgfVxuICAgIHJldHVybiA8U3R5bGVkU2FmZUxpbmsgdG89e2l0ZW0udG99PntpdGVtLm5hbWV9PC9TdHlsZWRTYWZlTGluaz47XG4gIH07XG5cbiAgY29uc3QgcmVuZGVyU2VwYXJhdG9yID0gKGl0ZW06IEluZGV4ZWRCcmVhZGNydW1iSXRlbSwgdG90YWxDb3VudDogbnVtYmVyKSA9PiB7XG4gICAgaWYgKGl0ZW0uaW5kZXggPT09IHRvdGFsQ291bnQgLSAxKSB7XG4gICAgICByZXR1cm4gbnVsbDtcbiAgICB9XG5cbiAgICByZXR1cm4gPFN0eWxlZFJpZ2h0Q2hldnJvbiAvPjtcbiAgfTtcblxuICByZXR1cm4gPEJyZWFkY3J1bWIgaXRlbXM9e2l0ZW1zfSByZW5kZXJJdGVtPXtyZW5kZXJJdGVtfSByZW5kZXJTZXBhcmF0b3I9e3JlbmRlclNlcGFyYXRvcn0gLz47XG59O1xuXG5leHBvcnQgZGVmYXVsdCBBY3Rpb25CcmVhZGNydW1iO1xuIl19 */"));
+var StyledSpan = (0, _styledBase["default"])("span", {
+  target: "e1yj4xlc1",
+  label: "StyledSpan"
+})("color:", _core.colors.text.primary, ";font-weight:", _core.fonts.weight.bold, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkFjdGlvbkJyZWFkY3J1bWIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXlCOEIiLCJmaWxlIjoiQWN0aW9uQnJlYWRjcnVtYi50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAyMi1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGNvbG9ycywgZm9udHMsIHNwYWNpbmcgfSBmcm9tICdAbmRsYS9jb3JlJztcbmltcG9ydCB7IENoZXZyb25SaWdodCB9IGZyb20gJ0BuZGxhL2ljb25zL2NvbW1vbic7XG5pbXBvcnQgU2FmZUxpbmsgZnJvbSAnQG5kbGEvc2FmZWxpbmsnO1xuaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IE1lbnVCdXR0b24gfSBmcm9tICdAbmRsYS9idXR0b24nO1xuaW1wb3J0IHsgTWVudUl0ZW1Qcm9wcyB9IGZyb20gJ0BuZGxhL2J1dHRvbic7XG5pbXBvcnQgQnJlYWRjcnVtYiBmcm9tICcuL0JyZWFkY3J1bWInO1xuaW1wb3J0IHsgSW5kZXhlZEJyZWFkY3J1bWJJdGVtLCBTaW1wbGVCcmVhZGNydW1iSXRlbSB9IGZyb20gJy4vQnJlYWRjcnVtYkl0ZW0nO1xuXG5jb25zdCBTdHlsZWRSaWdodENoZXZyb24gPSBzdHlsZWQoQ2hldnJvblJpZ2h0KWBcbiAgY29sb3I6ICR7Y29sb3JzLnRleHQucHJpbWFyeX07XG4gIG1hcmdpbjogJHtzcGFjaW5nLnh4c21hbGx9O1xuICBoZWlnaHQ6IDI0cHg7XG4gIHdpZHRoOiAyNHB4O1xuYDtcblxuY29uc3QgU3R5bGVkU3BhbiA9IHN0eWxlZC5zcGFuYFxuICBjb2xvcjogJHtjb2xvcnMudGV4dC5wcmltYXJ5fTtcbiAgZm9udC13ZWlnaHQ6ICR7Zm9udHMud2VpZ2h0LmJvbGR9O1xuYDtcblxuY29uc3QgU3R5bGVkU2FmZUxpbmsgPSBzdHlsZWQoU2FmZUxpbmspYFxuICBjb2xvcjogJHtjb2xvcnMudGV4dC5wcmltYXJ5fTtcbiAgYm94LXNoYWRvdzogbm9uZTtcbiAgZm9udC13ZWlnaHQ6ICR7Zm9udHMud2VpZ2h0LmJvbGR9O1xuICA6aG92ZXIge1xuICAgIGNvbG9yOiAke2NvbG9ycy5icmFuZC5wcmltYXJ5fTtcbiAgfVxuYDtcblxuaW50ZXJmYWNlIFByb3BzIHtcbiAgaXRlbXM6IFNpbXBsZUJyZWFkY3J1bWJJdGVtW107XG4gIGFjdGlvbkl0ZW1zOiBNZW51SXRlbVByb3BzW107XG59XG5cbmNvbnN0IEFjdGlvbkJyZWFkY3J1bWIgPSAoeyBpdGVtcywgYWN0aW9uSXRlbXMgfTogUHJvcHMpID0+IHtcbiAgY29uc3QgcmVuZGVySXRlbSA9IChpdGVtOiBJbmRleGVkQnJlYWRjcnVtYkl0ZW0sIHRvdGFsQ291bnQ6IG51bWJlcikgPT4ge1xuICAgIGlmIChpdGVtLmluZGV4ID09PSB0b3RhbENvdW50IC0gMSkge1xuICAgICAgcmV0dXJuIChcbiAgICAgICAgPE1lbnVCdXR0b24gbWVudUl0ZW1zPXthY3Rpb25JdGVtc30gc2l6ZT1cInNtYWxsXCI+XG4gICAgICAgICAgPFN0eWxlZFNwYW4+e2l0ZW0ubmFtZX08L1N0eWxlZFNwYW4+XG4gICAgICAgIDwvTWVudUJ1dHRvbj5cbiAgICAgICk7XG4gICAgfVxuICAgIHJldHVybiA8U3R5bGVkU2FmZUxpbmsgdG89e2l0ZW0udG99PntpdGVtLm5hbWV9PC9TdHlsZWRTYWZlTGluaz47XG4gIH07XG5cbiAgY29uc3QgcmVuZGVyU2VwYXJhdG9yID0gKGl0ZW06IEluZGV4ZWRCcmVhZGNydW1iSXRlbSwgdG90YWxDb3VudDogbnVtYmVyKSA9PiB7XG4gICAgaWYgKGl0ZW0uaW5kZXggPT09IHRvdGFsQ291bnQgLSAxKSB7XG4gICAgICByZXR1cm4gbnVsbDtcbiAgICB9XG5cbiAgICByZXR1cm4gPFN0eWxlZFJpZ2h0Q2hldnJvbiAvPjtcbiAgfTtcblxuICByZXR1cm4gPEJyZWFkY3J1bWIgaXRlbXM9e2l0ZW1zfSByZW5kZXJJdGVtPXtyZW5kZXJJdGVtfSByZW5kZXJTZXBhcmF0b3I9e3JlbmRlclNlcGFyYXRvcn0gLz47XG59O1xuXG5leHBvcnQgZGVmYXVsdCBBY3Rpb25CcmVhZGNydW1iO1xuIl19 */"));
+var StyledSafeLink = ( /*#__PURE__*/0, _styledBase["default"])(_safelink["default"], {
+  target: "e1yj4xlc2",
+  label: "StyledSafeLink"
+})("color:", _core.colors.text.primary, ";box-shadow:none;font-weight:", _core.fonts.weight.bold, ";:hover{color:", _core.colors.brand.primary, ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkFjdGlvbkJyZWFkY3J1bWIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQThCdUMiLCJmaWxlIjoiQWN0aW9uQnJlYWRjcnVtYi50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAyMi1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGNvbG9ycywgZm9udHMsIHNwYWNpbmcgfSBmcm9tICdAbmRsYS9jb3JlJztcbmltcG9ydCB7IENoZXZyb25SaWdodCB9IGZyb20gJ0BuZGxhL2ljb25zL2NvbW1vbic7XG5pbXBvcnQgU2FmZUxpbmsgZnJvbSAnQG5kbGEvc2FmZWxpbmsnO1xuaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IE1lbnVCdXR0b24gfSBmcm9tICdAbmRsYS9idXR0b24nO1xuaW1wb3J0IHsgTWVudUl0ZW1Qcm9wcyB9IGZyb20gJ0BuZGxhL2J1dHRvbic7XG5pbXBvcnQgQnJlYWRjcnVtYiBmcm9tICcuL0JyZWFkY3J1bWInO1xuaW1wb3J0IHsgSW5kZXhlZEJyZWFkY3J1bWJJdGVtLCBTaW1wbGVCcmVhZGNydW1iSXRlbSB9IGZyb20gJy4vQnJlYWRjcnVtYkl0ZW0nO1xuXG5jb25zdCBTdHlsZWRSaWdodENoZXZyb24gPSBzdHlsZWQoQ2hldnJvblJpZ2h0KWBcbiAgY29sb3I6ICR7Y29sb3JzLnRleHQucHJpbWFyeX07XG4gIG1hcmdpbjogJHtzcGFjaW5nLnh4c21hbGx9O1xuICBoZWlnaHQ6IDI0cHg7XG4gIHdpZHRoOiAyNHB4O1xuYDtcblxuY29uc3QgU3R5bGVkU3BhbiA9IHN0eWxlZC5zcGFuYFxuICBjb2xvcjogJHtjb2xvcnMudGV4dC5wcmltYXJ5fTtcbiAgZm9udC13ZWlnaHQ6ICR7Zm9udHMud2VpZ2h0LmJvbGR9O1xuYDtcblxuY29uc3QgU3R5bGVkU2FmZUxpbmsgPSBzdHlsZWQoU2FmZUxpbmspYFxuICBjb2xvcjogJHtjb2xvcnMudGV4dC5wcmltYXJ5fTtcbiAgYm94LXNoYWRvdzogbm9uZTtcbiAgZm9udC13ZWlnaHQ6ICR7Zm9udHMud2VpZ2h0LmJvbGR9O1xuICA6aG92ZXIge1xuICAgIGNvbG9yOiAke2NvbG9ycy5icmFuZC5wcmltYXJ5fTtcbiAgfVxuYDtcblxuaW50ZXJmYWNlIFByb3BzIHtcbiAgaXRlbXM6IFNpbXBsZUJyZWFkY3J1bWJJdGVtW107XG4gIGFjdGlvbkl0ZW1zOiBNZW51SXRlbVByb3BzW107XG59XG5cbmNvbnN0IEFjdGlvbkJyZWFkY3J1bWIgPSAoeyBpdGVtcywgYWN0aW9uSXRlbXMgfTogUHJvcHMpID0+IHtcbiAgY29uc3QgcmVuZGVySXRlbSA9IChpdGVtOiBJbmRleGVkQnJlYWRjcnVtYkl0ZW0sIHRvdGFsQ291bnQ6IG51bWJlcikgPT4ge1xuICAgIGlmIChpdGVtLmluZGV4ID09PSB0b3RhbENvdW50IC0gMSkge1xuICAgICAgcmV0dXJuIChcbiAgICAgICAgPE1lbnVCdXR0b24gbWVudUl0ZW1zPXthY3Rpb25JdGVtc30gc2l6ZT1cInNtYWxsXCI+XG4gICAgICAgICAgPFN0eWxlZFNwYW4+e2l0ZW0ubmFtZX08L1N0eWxlZFNwYW4+XG4gICAgICAgIDwvTWVudUJ1dHRvbj5cbiAgICAgICk7XG4gICAgfVxuICAgIHJldHVybiA8U3R5bGVkU2FmZUxpbmsgdG89e2l0ZW0udG99PntpdGVtLm5hbWV9PC9TdHlsZWRTYWZlTGluaz47XG4gIH07XG5cbiAgY29uc3QgcmVuZGVyU2VwYXJhdG9yID0gKGl0ZW06IEluZGV4ZWRCcmVhZGNydW1iSXRlbSwgdG90YWxDb3VudDogbnVtYmVyKSA9PiB7XG4gICAgaWYgKGl0ZW0uaW5kZXggPT09IHRvdGFsQ291bnQgLSAxKSB7XG4gICAgICByZXR1cm4gbnVsbDtcbiAgICB9XG5cbiAgICByZXR1cm4gPFN0eWxlZFJpZ2h0Q2hldnJvbiAvPjtcbiAgfTtcblxuICByZXR1cm4gPEJyZWFkY3J1bWIgaXRlbXM9e2l0ZW1zfSByZW5kZXJJdGVtPXtyZW5kZXJJdGVtfSByZW5kZXJTZXBhcmF0b3I9e3JlbmRlclNlcGFyYXRvcn0gLz47XG59O1xuXG5leHBvcnQgZGVmYXVsdCBBY3Rpb25CcmVhZGNydW1iO1xuIl19 */"));
+
+var ActionBreadcrumb = function ActionBreadcrumb(_ref) {
+  var items = _ref.items,
+      actionItems = _ref.actionItems;
+
+  var renderItem = function renderItem(item, totalCount) {
+    if (item.index === totalCount - 1) {
+      return (0, _core2.jsx)(_button.MenuButton, {
+        menuItems: actionItems,
+        size: "small"
+      }, (0, _core2.jsx)(StyledSpan, null, item.name));
+    }
+
+    return (0, _core2.jsx)(StyledSafeLink, {
+      to: item.to
+    }, item.name);
+  };
+
+  var renderSeparator = function renderSeparator(item, totalCount) {
+    if (item.index === totalCount - 1) {
+      return null;
+    }
+
+    return (0, _core2.jsx)(StyledRightChevron, null);
+  };
+
+  return (0, _core2.jsx)(_Breadcrumb["default"], {
+    items: items,
+    renderItem: renderItem,
+    renderSeparator: renderSeparator
+  });
+};
+
+var _default = ActionBreadcrumb;
+exports["default"] = _default;

package/lib/Breadcrumb/index.d.ts

@@ -9,4 +9,5 @@ import Breadcrumb from './Breadcrumb';
 export type { SimpleBreadcrumbItem, IndexedBreadcrumbItem } from './BreadcrumbItem';
 export { default as HeaderBreadcrumb } from './HeaderBreadcrumb';
 export { default as HomeBreadcrumb } from './HomeBreadcrumb';
+export { default as ActionBreadcrumb } from './ActionBreadcrumb';
 export default Breadcrumb;

package/lib/Breadcrumb/index.js

@@ -15,6 +15,12 @@ Object.defineProperty(exports, "HomeBreadcrumb", {
     return _HomeBreadcrumb["default"];
   }
 });
+Object.defineProperty(exports, "ActionBreadcrumb", {
+  enumerable: true,
+  get: function get() {
+    return _ActionBreadcrumb["default"];
+  }
+});
 exports["default"] = void 0;
 
 var _Breadcrumb = _interopRequireDefault(require("./Breadcrumb"));
@@ -23,6 +29,8 @@ var _HeaderBreadcrumb = _interopRequireDefault(require("./HeaderBreadcrumb"));
 
 var _HomeBreadcrumb = _interopRequireDefault(require("./HomeBreadcrumb"));
 
+var _ActionBreadcrumb = _interopRequireDefault(require("./ActionBreadcrumb"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
 /**

package/lib/InfoBlock/InfoBlock.d.ts

@@ -0,0 +1,8 @@
+import { ReactNode } from 'react';
+interface InfoBlockProps {
+    icon?: ReactNode;
+    title?: string;
+    children?: ReactNode;
+}
+export declare const InfoBlock: ({ icon, title, children }: InfoBlockProps) => JSX.Element;
+export default InfoBlock;

package/lib/InfoBlock/InfoBlock.js

@@ -0,0 +1,58 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.InfoBlock = void 0;
+
+var _styledBase = _interopRequireDefault(require("@emotion/styled-base"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _core = require("@ndla/core");
+
+var _core2 = require("@emotion/core");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+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 InfoBlockWrapper = (0, _styledBase["default"])("div", {
+  target: "eblg75e0",
+  label: "InfoBlockWrapper"
+})("border-bottom:1px solid ", _core.colors.brand.neutral7, ";padding:", _core.spacing.small, " 0;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkluZm9CbG9jay50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBWW1DIiwiZmlsZSI6IkluZm9CbG9jay50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKlxuICogQ29weXJpZ2h0IChjKSAyMDIyLXByZXNlbnQsIE5ETEEuXG4gKlxuICogVGhpcyBzb3VyY2UgY29kZSBpcyBsaWNlbnNlZCB1bmRlciB0aGUgR1BMdjMgbGljZW5zZSBmb3VuZCBpbiB0aGVcbiAqIExJQ0VOU0UgZmlsZSBpbiB0aGUgcm9vdCBkaXJlY3Rvcnkgb2YgdGhpcyBzb3VyY2UgdHJlZS5cbiAqXG4gKi9cblxuaW1wb3J0IFJlYWN0LCB7IFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IHNwYWNpbmcsIGZvbnRzLCBjb2xvcnMgfSBmcm9tICdAbmRsYS9jb3JlJztcblxuY29uc3QgSW5mb0Jsb2NrV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIGJvcmRlci1ib3R0b206IDFweCBzb2xpZCAke2NvbG9ycy5icmFuZC5uZXV0cmFsN307XG4gIHBhZGRpbmc6ICR7c3BhY2luZy5zbWFsbH0gMDtcbmA7XG5cbmNvbnN0IEljb25XcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgYWxpZ24taXRlbXM6IGZsZXgtc3RhcnQ7XG4gIGRpc3BsYXk6IGZsZXg7XG5cbiAgc3ZnIHtcbiAgICBoZWlnaHQ6IDI1cHg7XG4gICAgd2lkdGg6IDI1cHg7XG4gIH1cbmA7XG5cbmNvbnN0IFN0eWxlZFRleHRXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgJHtmb250cy5zaXplcygxOCl9XG5gO1xuXG5jb25zdCBUaXRsZVdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuXG4gIGdhcDogJHtzcGFjaW5nLnNtYWxsfTtcbmA7XG5cbmNvbnN0IFN0eWxlZFRpdGxlID0gc3R5bGVkLmgyYFxuICAke2ZvbnRzLnNpemVzKCcxOCcpfVxuICBmb250LXdlaWdodDogNzAwO1xuICBtYXJnaW46IDA7XG5gO1xuXG5pbnRlcmZhY2UgSW5mb0Jsb2NrUHJvcHMge1xuICBpY29uPzogUmVhY3ROb2RlO1xuICB0aXRsZT86IHN0cmluZztcbiAgY2hpbGRyZW4/OiBSZWFjdE5vZGU7XG59XG5leHBvcnQgY29uc3QgSW5mb0Jsb2NrID0gKHsgaWNvbiwgdGl0bGUsIGNoaWxkcmVuIH06IEluZm9CbG9ja1Byb3BzKSA9PiB7XG4gIHJldHVybiAoXG4gICAgPEluZm9CbG9ja1dyYXBwZXI+XG4gICAgICA8VGl0bGVXcmFwcGVyPlxuICAgICAgICA8SWNvbldyYXBwZXI+e2ljb259PC9JY29uV3JhcHBlcj5cbiAgICAgICAgPFN0eWxlZFRpdGxlPnt0aXRsZX08L1N0eWxlZFRpdGxlPlxuICAgICAgPC9UaXRsZVdyYXBwZXI+XG4gICAgICA8U3R5bGVkVGV4dFdyYXBwZXI+e2NoaWxkcmVufTwvU3R5bGVkVGV4dFdyYXBwZXI+XG4gICAgPC9JbmZvQmxvY2tXcmFwcGVyPlxuICApO1xufTtcblxuZXhwb3J0IGRlZmF1bHQgSW5mb0Jsb2NrO1xuIl19 */"));
+var IconWrapper = (0, _styledBase["default"])("div", {
+  target: "eblg75e1",
+  label: "IconWrapper"
+})(process.env.NODE_ENV === "production" ? {
+  name: "h69tyx",
+  styles: "align-items:flex-start;display:flex;svg{height:25px;width:25px;}"
+} : {
+  name: "h69tyx",
+  styles: "align-items:flex-start;display:flex;svg{height:25px;width:25px;}",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkluZm9CbG9jay50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBaUI4QiIsImZpbGUiOiJJbmZvQmxvY2sudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLypcbiAqIENvcHlyaWdodCAoYykgMjAyMi1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCBSZWFjdCwgeyBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBzcGFjaW5nLCBmb250cywgY29sb3JzIH0gZnJvbSAnQG5kbGEvY29yZSc7XG5cbmNvbnN0IEluZm9CbG9ja1dyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBib3JkZXItYm90dG9tOiAxcHggc29saWQgJHtjb2xvcnMuYnJhbmQubmV1dHJhbDd9O1xuICBwYWRkaW5nOiAke3NwYWNpbmcuc21hbGx9IDA7XG5gO1xuXG5jb25zdCBJY29uV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIGFsaWduLWl0ZW1zOiBmbGV4LXN0YXJ0O1xuICBkaXNwbGF5OiBmbGV4O1xuXG4gIHN2ZyB7XG4gICAgaGVpZ2h0OiAyNXB4O1xuICAgIHdpZHRoOiAyNXB4O1xuICB9XG5gO1xuXG5jb25zdCBTdHlsZWRUZXh0V3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gICR7Zm9udHMuc2l6ZXMoMTgpfVxuYDtcblxuY29uc3QgVGl0bGVXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcblxuICBnYXA6ICR7c3BhY2luZy5zbWFsbH07XG5gO1xuXG5jb25zdCBTdHlsZWRUaXRsZSA9IHN0eWxlZC5oMmBcbiAgJHtmb250cy5zaXplcygnMTgnKX1cbiAgZm9udC13ZWlnaHQ6IDcwMDtcbiAgbWFyZ2luOiAwO1xuYDtcblxuaW50ZXJmYWNlIEluZm9CbG9ja1Byb3BzIHtcbiAgaWNvbj86IFJlYWN0Tm9kZTtcbiAgdGl0bGU/OiBzdHJpbmc7XG4gIGNoaWxkcmVuPzogUmVhY3ROb2RlO1xufVxuZXhwb3J0IGNvbnN0IEluZm9CbG9jayA9ICh7IGljb24sIHRpdGxlLCBjaGlsZHJlbiB9OiBJbmZvQmxvY2tQcm9wcykgPT4ge1xuICByZXR1cm4gKFxuICAgIDxJbmZvQmxvY2tXcmFwcGVyPlxuICAgICAgPFRpdGxlV3JhcHBlcj5cbiAgICAgICAgPEljb25XcmFwcGVyPntpY29ufTwvSWNvbldyYXBwZXI+XG4gICAgICAgIDxTdHlsZWRUaXRsZT57dGl0bGV9PC9TdHlsZWRUaXRsZT5cbiAgICAgIDwvVGl0bGVXcmFwcGVyPlxuICAgICAgPFN0eWxlZFRleHRXcmFwcGVyPntjaGlsZHJlbn08L1N0eWxlZFRleHRXcmFwcGVyPlxuICAgIDwvSW5mb0Jsb2NrV3JhcHBlcj5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IEluZm9CbG9jaztcbiJdfQ== */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+var StyledTextWrapper = (0, _styledBase["default"])("div", {
+  target: "eblg75e2",
+  label: "StyledTextWrapper"
+})(_core.fonts.sizes(18), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkluZm9CbG9jay50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMkJvQyIsImZpbGUiOiJJbmZvQmxvY2sudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLypcbiAqIENvcHlyaWdodCAoYykgMjAyMi1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCBSZWFjdCwgeyBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBzcGFjaW5nLCBmb250cywgY29sb3JzIH0gZnJvbSAnQG5kbGEvY29yZSc7XG5cbmNvbnN0IEluZm9CbG9ja1dyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBib3JkZXItYm90dG9tOiAxcHggc29saWQgJHtjb2xvcnMuYnJhbmQubmV1dHJhbDd9O1xuICBwYWRkaW5nOiAke3NwYWNpbmcuc21hbGx9IDA7XG5gO1xuXG5jb25zdCBJY29uV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIGFsaWduLWl0ZW1zOiBmbGV4LXN0YXJ0O1xuICBkaXNwbGF5OiBmbGV4O1xuXG4gIHN2ZyB7XG4gICAgaGVpZ2h0OiAyNXB4O1xuICAgIHdpZHRoOiAyNXB4O1xuICB9XG5gO1xuXG5jb25zdCBTdHlsZWRUZXh0V3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gICR7Zm9udHMuc2l6ZXMoMTgpfVxuYDtcblxuY29uc3QgVGl0bGVXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcblxuICBnYXA6ICR7c3BhY2luZy5zbWFsbH07XG5gO1xuXG5jb25zdCBTdHlsZWRUaXRsZSA9IHN0eWxlZC5oMmBcbiAgJHtmb250cy5zaXplcygnMTgnKX1cbiAgZm9udC13ZWlnaHQ6IDcwMDtcbiAgbWFyZ2luOiAwO1xuYDtcblxuaW50ZXJmYWNlIEluZm9CbG9ja1Byb3BzIHtcbiAgaWNvbj86IFJlYWN0Tm9kZTtcbiAgdGl0bGU/OiBzdHJpbmc7XG4gIGNoaWxkcmVuPzogUmVhY3ROb2RlO1xufVxuZXhwb3J0IGNvbnN0IEluZm9CbG9jayA9ICh7IGljb24sIHRpdGxlLCBjaGlsZHJlbiB9OiBJbmZvQmxvY2tQcm9wcykgPT4ge1xuICByZXR1cm4gKFxuICAgIDxJbmZvQmxvY2tXcmFwcGVyPlxuICAgICAgPFRpdGxlV3JhcHBlcj5cbiAgICAgICAgPEljb25XcmFwcGVyPntpY29ufTwvSWNvbldyYXBwZXI+XG4gICAgICAgIDxTdHlsZWRUaXRsZT57dGl0bGV9PC9TdHlsZWRUaXRsZT5cbiAgICAgIDwvVGl0bGVXcmFwcGVyPlxuICAgICAgPFN0eWxlZFRleHRXcmFwcGVyPntjaGlsZHJlbn08L1N0eWxlZFRleHRXcmFwcGVyPlxuICAgIDwvSW5mb0Jsb2NrV3JhcHBlcj5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IEluZm9CbG9jaztcbiJdfQ== */");
+var TitleWrapper = (0, _styledBase["default"])("div", {
+  target: "eblg75e3",
+  label: "TitleWrapper"
+})("display:flex;gap:", _core.spacing.small, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkluZm9CbG9jay50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBK0IrQiIsImZpbGUiOiJJbmZvQmxvY2sudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLypcbiAqIENvcHlyaWdodCAoYykgMjAyMi1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCBSZWFjdCwgeyBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBzcGFjaW5nLCBmb250cywgY29sb3JzIH0gZnJvbSAnQG5kbGEvY29yZSc7XG5cbmNvbnN0IEluZm9CbG9ja1dyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBib3JkZXItYm90dG9tOiAxcHggc29saWQgJHtjb2xvcnMuYnJhbmQubmV1dHJhbDd9O1xuICBwYWRkaW5nOiAke3NwYWNpbmcuc21hbGx9IDA7XG5gO1xuXG5jb25zdCBJY29uV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIGFsaWduLWl0ZW1zOiBmbGV4LXN0YXJ0O1xuICBkaXNwbGF5OiBmbGV4O1xuXG4gIHN2ZyB7XG4gICAgaGVpZ2h0OiAyNXB4O1xuICAgIHdpZHRoOiAyNXB4O1xuICB9XG5gO1xuXG5jb25zdCBTdHlsZWRUZXh0V3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gICR7Zm9udHMuc2l6ZXMoMTgpfVxuYDtcblxuY29uc3QgVGl0bGVXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcblxuICBnYXA6ICR7c3BhY2luZy5zbWFsbH07XG5gO1xuXG5jb25zdCBTdHlsZWRUaXRsZSA9IHN0eWxlZC5oMmBcbiAgJHtmb250cy5zaXplcygnMTgnKX1cbiAgZm9udC13ZWlnaHQ6IDcwMDtcbiAgbWFyZ2luOiAwO1xuYDtcblxuaW50ZXJmYWNlIEluZm9CbG9ja1Byb3BzIHtcbiAgaWNvbj86IFJlYWN0Tm9kZTtcbiAgdGl0bGU/OiBzdHJpbmc7XG4gIGNoaWxkcmVuPzogUmVhY3ROb2RlO1xufVxuZXhwb3J0IGNvbnN0IEluZm9CbG9jayA9ICh7IGljb24sIHRpdGxlLCBjaGlsZHJlbiB9OiBJbmZvQmxvY2tQcm9wcykgPT4ge1xuICByZXR1cm4gKFxuICAgIDxJbmZvQmxvY2tXcmFwcGVyPlxuICAgICAgPFRpdGxlV3JhcHBlcj5cbiAgICAgICAgPEljb25XcmFwcGVyPntpY29ufTwvSWNvbldyYXBwZXI+XG4gICAgICAgIDxTdHlsZWRUaXRsZT57dGl0bGV9PC9TdHlsZWRUaXRsZT5cbiAgICAgIDwvVGl0bGVXcmFwcGVyPlxuICAgICAgPFN0eWxlZFRleHRXcmFwcGVyPntjaGlsZHJlbn08L1N0eWxlZFRleHRXcmFwcGVyPlxuICAgIDwvSW5mb0Jsb2NrV3JhcHBlcj5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IEluZm9CbG9jaztcbiJdfQ== */"));
+var StyledTitle = (0, _styledBase["default"])("h2", {
+  target: "eblg75e4",
+  label: "StyledTitle"
+})(_core.fonts.sizes('18'), " font-weight:700;margin:0;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkluZm9CbG9jay50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBcUM2QiIsImZpbGUiOiJJbmZvQmxvY2sudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLypcbiAqIENvcHlyaWdodCAoYykgMjAyMi1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCBSZWFjdCwgeyBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBzcGFjaW5nLCBmb250cywgY29sb3JzIH0gZnJvbSAnQG5kbGEvY29yZSc7XG5cbmNvbnN0IEluZm9CbG9ja1dyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBib3JkZXItYm90dG9tOiAxcHggc29saWQgJHtjb2xvcnMuYnJhbmQubmV1dHJhbDd9O1xuICBwYWRkaW5nOiAke3NwYWNpbmcuc21hbGx9IDA7XG5gO1xuXG5jb25zdCBJY29uV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIGFsaWduLWl0ZW1zOiBmbGV4LXN0YXJ0O1xuICBkaXNwbGF5OiBmbGV4O1xuXG4gIHN2ZyB7XG4gICAgaGVpZ2h0OiAyNXB4O1xuICAgIHdpZHRoOiAyNXB4O1xuICB9XG5gO1xuXG5jb25zdCBTdHlsZWRUZXh0V3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gICR7Zm9udHMuc2l6ZXMoMTgpfVxuYDtcblxuY29uc3QgVGl0bGVXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcblxuICBnYXA6ICR7c3BhY2luZy5zbWFsbH07XG5gO1xuXG5jb25zdCBTdHlsZWRUaXRsZSA9IHN0eWxlZC5oMmBcbiAgJHtmb250cy5zaXplcygnMTgnKX1cbiAgZm9udC13ZWlnaHQ6IDcwMDtcbiAgbWFyZ2luOiAwO1xuYDtcblxuaW50ZXJmYWNlIEluZm9CbG9ja1Byb3BzIHtcbiAgaWNvbj86IFJlYWN0Tm9kZTtcbiAgdGl0bGU/OiBzdHJpbmc7XG4gIGNoaWxkcmVuPzogUmVhY3ROb2RlO1xufVxuZXhwb3J0IGNvbnN0IEluZm9CbG9jayA9ICh7IGljb24sIHRpdGxlLCBjaGlsZHJlbiB9OiBJbmZvQmxvY2tQcm9wcykgPT4ge1xuICByZXR1cm4gKFxuICAgIDxJbmZvQmxvY2tXcmFwcGVyPlxuICAgICAgPFRpdGxlV3JhcHBlcj5cbiAgICAgICAgPEljb25XcmFwcGVyPntpY29ufTwvSWNvbldyYXBwZXI+XG4gICAgICAgIDxTdHlsZWRUaXRsZT57dGl0bGV9PC9TdHlsZWRUaXRsZT5cbiAgICAgIDwvVGl0bGVXcmFwcGVyPlxuICAgICAgPFN0eWxlZFRleHRXcmFwcGVyPntjaGlsZHJlbn08L1N0eWxlZFRleHRXcmFwcGVyPlxuICAgIDwvSW5mb0Jsb2NrV3JhcHBlcj5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IEluZm9CbG9jaztcbiJdfQ== */"));
+
+var InfoBlock = function InfoBlock(_ref) {
+  var icon = _ref.icon,
+      title = _ref.title,
+      children = _ref.children;
+  return (0, _core2.jsx)(InfoBlockWrapper, null, (0, _core2.jsx)(TitleWrapper, null, (0, _core2.jsx)(IconWrapper, null, icon), (0, _core2.jsx)(StyledTitle, null, title)), (0, _core2.jsx)(StyledTextWrapper, null, children));
+};
+
+exports.InfoBlock = InfoBlock;
+var _default = InfoBlock;
+exports["default"] = _default;

package/lib/InfoBlock/index.d.ts

@@ -0,0 +1 @@
+export { InfoBlock } from './InfoBlock';

package/lib/InfoBlock/index.js

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "InfoBlock", {
+  enumerable: true,
+  get: function get() {
+    return _InfoBlock.InfoBlock;
+  }
+});
+
+var _InfoBlock = require("./InfoBlock");

package/lib/MyNdla/Navigation/VerticalNavigation.d.ts

@@ -0,0 +1,10 @@
+import { ReactNode } from 'react';
+interface NavProps {
+    navElements?: {
+        icon: ReactNode;
+        url: string;
+        name: string;
+    }[];
+}
+export declare const VerticalNavigation: ({ navElements }: NavProps) => JSX.Element;
+export default VerticalNavigation;