@ndla/ui 30.5.0 → 30.5.2

package/lib/Masthead/MastheadAuthModal.js

@@ -4,49 +4,32 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-
 var _base = _interopRequireDefault(require("@emotion/styled/base"));
-
-var _jsxRuntime = require("@emotion/react/jsx-runtime");
-
 var _react = _interopRequireDefault(require("react"));
-
 var _button = require("@ndla/button");
-
 var _common = require("@ndla/icons/common");
-
 var _core = require("@ndla/core");
-
 var _reactI18next = require("react-i18next");
-
 var _AuthModal = _interopRequireDefault(require("../User/AuthModal"));
-
+var _jsxRuntime = require("@emotion/react/jsx-runtime");
+var _excluded = ["inverted"];
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-
 var StyledButton = /*#__PURE__*/(0, _base["default"])(_button.ButtonV2, {
   target: "e1z0kssl0",
   label: "StyledButton"
 })("svg{margin-left:", _core.spacing.xsmall, ";color:", function (props) {
   return props.inverted ? _core.colors.white : _core.colors.brand.primary;
 }, ";width:22px;height:22px;}&:hover svg,&:focus svg{color:", _core.colors.brand.primary, ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIk1hc3RoZWFkQXV0aE1vZGFsLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFxQnNEIiwiZmlsZSI6Ik1hc3RoZWFkQXV0aE1vZGFsLnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogQ29weXJpZ2h0IChjKSAyMDIxLXByZXNlbnQsIE5ETEEuXG4gKlxuICogVGhpcyBzb3VyY2UgY29kZSBpcyBsaWNlbnNlZCB1bmRlciB0aGUgR1BMdjMgbGljZW5zZSBmb3VuZCBpbiB0aGVcbiAqIExJQ0VOU0UgZmlsZSBpbiB0aGUgcm9vdCBkaXJlY3Rvcnkgb2YgdGhpcyBzb3VyY2UgdHJlZS5cbiAqXG4gKi9cblxuaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IEJ1dHRvblYyIGFzIEJ1dHRvbiB9IGZyb20gJ0BuZGxhL2J1dHRvbic7XG5pbXBvcnQgeyBGZWlkZSB9IGZyb20gJ0BuZGxhL2ljb25zL2NvbW1vbic7XG5pbXBvcnQgeyBjb2xvcnMsIHNwYWNpbmcgfSBmcm9tICdAbmRsYS9jb3JlJztcbmltcG9ydCB7IHVzZVRyYW5zbGF0aW9uIH0gZnJvbSAncmVhY3QtaTE4bmV4dCc7XG5cbmltcG9ydCBBdXRoTW9kYWwsIHsgQXV0aE1vZGFsUHJvcHMgfSBmcm9tICcuLi9Vc2VyL0F1dGhNb2RhbCc7XG5cbnR5cGUgRmVpZGVXcmFwcGVyUHJvcHMgPSB7XG4gIGludmVydGVkPzogYm9vbGVhbjtcbn07XG5cbmNvbnN0IFN0eWxlZEJ1dHRvbiA9IHN0eWxlZChCdXR0b24pPEZlaWRlV3JhcHBlclByb3BzPmBcbiAgc3ZnIHtcbiAgICBtYXJnaW4tbGVmdDogJHtzcGFjaW5nLnhzbWFsbH07XG4gICAgY29sb3I6ICR7KHByb3BzKSA9PiAocHJvcHMuaW52ZXJ0ZWQgPyBjb2xvcnMud2hpdGUgOiBjb2xvcnMuYnJhbmQucHJpbWFyeSl9O1xuICAgIHdpZHRoOiAyMnB4O1xuICAgIGhlaWdodDogMjJweDtcbiAgfVxuICAmOmhvdmVyIHN2ZyxcbiAgJjpmb2N1cyBzdmcge1xuICAgIGNvbG9yOiAke2NvbG9ycy5icmFuZC5wcmltYXJ5fTtcbiAgfVxuYDtcblxuaW50ZXJmYWNlIFByb3BzIGV4dGVuZHMgQXV0aE1vZGFsUHJvcHMge1xuICBpbnZlcnRlZD86IGJvb2xlYW47XG59XG5cbmNvbnN0IE1hc3RoZWFkQXV0aE1vZGFsID0gKHsgaW52ZXJ0ZWQsIC4uLnJlc3QgfTogUHJvcHMpID0+IHtcbiAgY29uc3QgeyB0IH0gPSB1c2VUcmFuc2xhdGlvbigpO1xuXG4gIHJldHVybiAoXG4gICAgPEF1dGhNb2RhbFxuICAgICAgey4uLnJlc3R9XG4gICAgICBhY3RpdmF0ZUJ1dHRvbj17XG4gICAgICAgIDxTdHlsZWRCdXR0b25cbiAgICAgICAgICBpbnZlcnRlZD17aW52ZXJ0ZWR9XG4gICAgICAgICAgc2hhcGU9XCJwaWxsXCJcbiAgICAgICAgICBzaXplPVwibWVkaXVtXCJcbiAgICAgICAgICBjb2xvclRoZW1lPVwibGlnaHRlclwiXG4gICAgICAgICAgdmFyaWFudD1cImdob3N0XCJcbiAgICAgICAgICBhcmlhLWxhYmVsPXt0KCd1c2VyLmJ1dHRvbkxvZ0luJyl9PlxuICAgICAgICAgIHt0KCdteU5kbGEubXlORExBJyl9XG4gICAgICAgICAgPEZlaWRlIC8+XG4gICAgICAgIDwvU3R5bGVkQnV0dG9uPlxuICAgICAgfVxuICAgIC8+XG4gICk7XG59O1xuXG5leHBvcnQgZGVmYXVsdCBNYXN0aGVhZEF1dGhNb2RhbDtcbiJdfQ== */"));
-
 var MastheadAuthModal = function MastheadAuthModal(_ref) {
   var inverted = _ref.inverted,
-      rest = _objectWithoutProperties(_ref, ["inverted"]);
-
+    rest = _objectWithoutProperties(_ref, _excluded);
   var _useTranslation = (0, _reactI18next.useTranslation)(),
-      t = _useTranslation.t;
-
+    t = _useTranslation.t;
   return (0, _jsxRuntime.jsx)(_AuthModal["default"], _objectSpread(_objectSpread({}, rest), {}, {
     activateButton: (0, _jsxRuntime.jsxs)(StyledButton, {
       inverted: inverted,
@@ -59,6 +42,5 @@ var MastheadAuthModal = function MastheadAuthModal(_ref) {
     })
   }));
 };
-
 var _default = MastheadAuthModal;
 exports["default"] = _default;

package/lib/Masthead/MastheadSearchModal.js

@@ -4,31 +4,18 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-
 var _base = _interopRequireDefault(require("@emotion/styled/base"));
-
-var _jsxRuntime = require("@emotion/react/jsx-runtime");
-
 var _react = _interopRequireDefault(require("react"));
-
 var _modal = _interopRequireDefault(require("@ndla/modal"));
-
 var _button = require("@ndla/button");
-
 var _action = require("@ndla/icons/action");
-
 var _util = require("@ndla/util");
-
 var _react2 = require("@emotion/react");
-
 var _core = require("@ndla/core");
-
 var _reactI18next = require("react-i18next");
-
 var _ToggleSearchButton = _interopRequireDefault(require("../Search/ToggleSearchButton"));
-
+var _jsxRuntime = require("@emotion/react/jsx-runtime");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
 var StyledHeader = /*#__PURE__*/(0, _base["default"])("div", {
   target: "e11h7ky70",
   label: "StyledHeader"
@@ -53,16 +40,13 @@ var extraBackdrop = /*#__PURE__*/(0, _react2.css)("position:absolute;z-index:-1;
 }), "{height:110px;}", _core.mq.range({
   from: _core.breakpoints.desktop
 }), "{height:136px;}box-shadow:", _core.shadows.searchHeader, ";;label:extraBackdrop;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIk1hc3RoZWFkU2VhcmNoTW9kYWwudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTRFeUIiLCJmaWxlIjoiTWFzdGhlYWRTZWFyY2hNb2RhbC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgUmVhY3RDaGlsZCwgUmVhY3RDaGlsZHJlbiwgUmVhY3ROb2RlIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IE1vZGFsIGZyb20gJ0BuZGxhL21vZGFsJztcbmltcG9ydCB7IEljb25CdXR0b25WMiBhcyBJY29uQnV0dG9uIH0gZnJvbSAnQG5kbGEvYnV0dG9uJztcbmltcG9ydCB7IENyb3NzIH0gZnJvbSAnQG5kbGEvaWNvbnMvYWN0aW9uJztcbmltcG9ydCB7IGlzRnVuY3Rpb24gfSBmcm9tICdAbmRsYS91dGlsJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IHNwYWNpbmcsIG1xLCBicmVha3BvaW50cywgY29sb3JzLCBzaGFkb3dzIH0gZnJvbSAnQG5kbGEvY29yZSc7XG5pbXBvcnQgeyB1c2VUcmFuc2xhdGlvbiB9IGZyb20gJ3JlYWN0LWkxOG5leHQnO1xuaW1wb3J0IFRvZ2dsZVNlYXJjaEJ1dHRvbiBmcm9tICcuLi9TZWFyY2gvVG9nZ2xlU2VhcmNoQnV0dG9uJztcblxuaW50ZXJmYWNlIFByb3BzIHtcbiAgb25DbG9zZTogVm9pZEZ1bmN0aW9uO1xuICBjaGlsZHJlbjogKGFyZzogRnVuY3Rpb24pID0+IFJlYWN0Q2hpbGQgfCBSZWFjdENoaWxkcmVuIHwgUmVhY3ROb2RlO1xuICBoaWRlT25OYXJyb3dTY3JlZW4/OiBib29sZWFuO1xuICBuZGxhRmlsbT86IGJvb2xlYW47XG59XG5cbmNvbnN0IFN0eWxlZEhlYWRlciA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGdhcDogJHtzcGFjaW5nLnNtYWxsfTtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgJHttcS5yYW5nZSh7IGZyb206IGJyZWFrcG9pbnRzLnRhYmxldCB9KX0ge1xuICAgIHdpZHRoOiAxMDI0cHg7XG4gICAgbWF4LXdpZHRoOiBjYWxjKDEwMHZ3IC0gMTAwcHgpO1xuICB9XG4gICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy5kZXNrdG9wIH0pfSB7XG4gICAgd2lkdGg6IDEwMjRweDtcbiAgICBtYXgtd2lkdGg6IGNhbGMoMTAwdncgLSAxNTZweCk7XG4gIH1cbiAgcGFkZGluZzogMDtcbiAgbWFyZ2luOiAwIGF1dG87XG5cbiAgZGlzcGxheTogZmxleDtcbiAgcGFkZGluZy10b3A6ICR7c3BhY2luZy5zbWFsbH07XG4gICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy50YWJsZXQgfSl9IHtcbiAgICBwYWRkaW5nLXRvcDogJHtzcGFjaW5nLm5vcm1hbH07XG4gIH1cbiAgJHttcS5yYW5nZSh7IGZyb206IGJyZWFrcG9pbnRzLmRlc2t0b3AgfSl9IHtcbiAgICBwYWRkaW5nLXRvcDogY2FsYygke3NwYWNpbmcubm9ybWFsfSArICR7c3BhY2luZy5zbWFsbH0pO1xuICB9XG4gID4gaW5wdXQge1xuICAgIHdpZHRoOiAxMDAlO1xuICAgIG1hcmdpbi1yaWdodDogLSR7c3BhY2luZy5sYXJnZX07XG4gICAgJHttcS5yYW5nZSh7IHVudGlsOiBicmVha3BvaW50cy50YWJsZXQgfSl9IHtcbiAgICAgIC5jLXNlYXJjaC1maWVsZF9fYnV0dG9uLS1jbG9zZSB7XG4gICAgICAgIHJpZ2h0OiAke3NwYWNpbmcubGFyZ2V9ICsgJHtzcGFjaW5nLm5vcm1hbH07XG4gICAgICAgIHRvcDogMTZweDtcbiAgICAgIH1cbiAgICAgIC5jLXNlYXJjaC1maWVsZF9fYnV0dG9uLS1zZWFyY2hJY29uIHtcbiAgICAgICAgcmlnaHQ6ICR7c3BhY2luZy5sYXJnZX07XG4gICAgICAgIHRvcDogJHtzcGFjaW5nLnNtYWxsfTtcbiAgICAgIH1cbiAgICB9XG4gIH1cbmA7XG5cbmNvbnN0IG1vZGFsU3R5bGVzID0gY3NzYFxuICAmID4gW2RhdGEtcmVhY2gtZGlhbG9nLWNvbnRlbnRdIHtcbiAgICBwb3NpdGlvbjogZml4ZWQ7XG4gICAgYmFja2dyb3VuZDogbm9uZTtcbiAgICB0b3A6IDA7XG4gICAgcmlnaHQ6IDA7XG4gICAgbGVmdDogMDtcbiAgICBoZWlnaHQ6IDc0cHg7XG4gICAgJHttcS5yYW5nZSh7IGZyb206IGJyZWFrcG9pbnRzLnRhYmxldCB9KX0ge1xuICAgICAgaGVpZ2h0OiAxMTBweDtcbiAgICB9XG4gICAgJHttcS5yYW5nZSh7IGZyb206IGJyZWFrcG9pbnRzLmRlc2t0b3AgfSl9IHtcbiAgICAgIGhlaWdodDogMTM2cHg7XG4gICAgfVxuICAgIG92ZXJmbG93LXk6IHZpc2libGU7XG4gICAgYm94LXNoYWRvdzogbm9uZTtcbiAgfVxuYDtcblxuY29uc3QgZXh0cmFCYWNrZHJvcCA9IGNzc2BcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB6LWluZGV4OiAtMTtcbiAgbGVmdDogMDtcbiAgcmlnaHQ6IDA7XG4gIHRvcDogMDtcbiAgaGVpZ2h0OiA3NHB4O1xuICBiYWNrZ3JvdW5kOiAke2NvbG9ycy5icmFuZC5ncmV5TGlnaHRlcn07XG4gICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy50YWJsZXQgfSl9IHtcbiAgICBoZWlnaHQ6IDExMHB4O1xuICB9XG4gICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy5kZXNrdG9wIH0pfSB7XG4gICAgaGVpZ2h0OiAxMzZweDtcbiAgfVxuICBib3gtc2hhZG93OiAke3NoYWRvd3Muc2VhcmNoSGVhZGVyfTtcbmA7XG5cbmNvbnN0IE1hc3RoZWFkU2VhcmNoTW9kYWwgPSAoeyBvbkNsb3NlOiBvblNlYXJjaENsb3NlLCBjaGlsZHJlbiwgaGlkZU9uTmFycm93U2NyZWVuLCBuZGxhRmlsbSB9OiBQcm9wcykgPT4ge1xuICBjb25zdCB7IHQgfSA9IHVzZVRyYW5zbGF0aW9uKCk7XG4gIHJldHVybiAoXG4gICAgPE1vZGFsXG4gICAgICBsYWJlbD17dCgnc2VhcmNoUGFnZS5zZWFyY2hGaWVsZFBsYWNlaG9sZGVyJyl9XG4gICAgICBiYWNrZ3JvdW5kQ29sb3I9XCJncmV5XCJcbiAgICAgIGFuaW1hdGlvbj1cInNsaWRlLWRvd25cIlxuICAgICAgYW5pbWF0aW9uRHVyYXRpb249ezIwMH1cbiAgICAgIHNpemU9XCJmdWxsLXdpZHRoXCJcbiAgICAgIG9uQ2xvc2U9e29uU2VhcmNoQ2xvc2V9XG4gICAgICBjc3M9e21vZGFsU3R5bGVzfVxuICAgICAgYWN0aXZhdGVCdXR0b249e1xuICAgICAgICA8VG9nZ2xlU2VhcmNoQnV0dG9uIGhpZGVPbk5hcnJvd1NjcmVlbj17aGlkZU9uTmFycm93U2NyZWVufSBuZGxhRmlsbT17bmRsYUZpbG19PlxuICAgICAgICAgIHt0KCdtYXN0aGVhZC5tZW51LnNlYXJjaCcpfVxuICAgICAgICA8L1RvZ2dsZVNlYXJjaEJ1dHRvbj5cbiAgICAgIH0+XG4gICAgICB7KGNsb3NlTW9kYWw6IFZvaWRGdW5jdGlvbikgPT4gKFxuICAgICAgICA8PlxuICAgICAgICAgIDxkaXYgY3NzPXtleHRyYUJhY2tkcm9wfSAvPlxuICAgICAgICAgIDxTdHlsZWRIZWFkZXI+XG4gICAgICAgICAgICB7aXNGdW5jdGlvbihjaGlsZHJlbikgPyBjaGlsZHJlbihjbG9zZU1vZGFsKSA6IGNoaWxkcmVufVxuICAgICAgICAgICAgPEljb25CdXR0b25cbiAgICAgICAgICAgICAgYXJpYS1sYWJlbD17dCgnd2VsY29tZVBhZ2UuY2xvc2VTZWFyY2gnKX1cbiAgICAgICAgICAgICAgdmFyaWFudD1cImdob3N0XCJcbiAgICAgICAgICAgICAgY29sb3JUaGVtZT1cImxpZ2h0XCJcbiAgICAgICAgICAgICAgb25DbGljaz17Y2xvc2VNb2RhbH0+XG4gICAgICAgICAgICAgIDxDcm9zcyBjbGFzc05hbWU9XCJjLWljb24tLW1lZGl1bVwiIC8+XG4gICAgICAgICAgICA8L0ljb25CdXR0b24+XG4gICAgICAgICAgPC9TdHlsZWRIZWFkZXI+XG4gICAgICAgIDwvPlxuICAgICAgKX1cbiAgICA8L01vZGFsPlxuICApO1xufTtcblxuZXhwb3J0IGRlZmF1bHQgTWFzdGhlYWRTZWFyY2hNb2RhbDtcbiJdfQ== */"));
-
 var MastheadSearchModal = function MastheadSearchModal(_ref) {
   var onSearchClose = _ref.onClose,
-      _children = _ref.children,
-      hideOnNarrowScreen = _ref.hideOnNarrowScreen,
-      ndlaFilm = _ref.ndlaFilm;
-
+    _children = _ref.children,
+    hideOnNarrowScreen = _ref.hideOnNarrowScreen,
+    ndlaFilm = _ref.ndlaFilm;
   var _useTranslation = (0, _reactI18next.useTranslation)(),
-      t = _useTranslation.t;
-
+    t = _useTranslation.t;
   return (0, _jsxRuntime.jsx)(_modal["default"], {
     label: t('searchPage.searchFieldPlaceholder'),
     backgroundColor: "grey",
@@ -95,6 +79,5 @@ var MastheadSearchModal = function MastheadSearchModal(_ref) {
     }
   });
 };
-
 var _default = MastheadSearchModal;
 exports["default"] = _default;

package/lib/Masthead/SkipToMainContent.js

@@ -4,36 +4,25 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-
 var _base = _interopRequireDefault(require("@emotion/styled/base"));
-
-var _jsxRuntime = require("@emotion/react/jsx-runtime");
-
 var _react = _interopRequireDefault(require("react"));
-
 var _reactI18next = require("react-i18next");
-
 var _core = require("@ndla/core");
-
+var _jsxRuntime = require("@emotion/react/jsx-runtime");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
 var StyledSkipToMainContent = /*#__PURE__*/(0, _base["default"])("a", {
   target: "e13a8y7u0",
   label: "StyledSkipToMainContent"
 })("left:-999px;position:absolute;top:auto;width:1px;height:1px;overflow:hidden;z-index:-999;&:focus,&:active{color:", _core.colors.white, ";background:", _core.colors.brand.primary, ";left:auto;top:auto;width:30%;height:auto;overflow:auto;margin:10px 35%;padding:5px;border-radius:15px;border:4px solid ", _core.colors.brand.tertiary, ";text-align:center;font-size:1.2em;z-index:9999;animation-name:fadeIn;animation-duration:0.3s;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlNraXBUb01haW5Db250ZW50LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFTd0MiLCJmaWxlIjoiU2tpcFRvTWFpbkNvbnRlbnQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IHVzZVRyYW5zbGF0aW9uIH0gZnJvbSAncmVhY3QtaTE4bmV4dCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjb2xvcnMgfSBmcm9tICdAbmRsYS9jb3JlJztcblxuaW50ZXJmYWNlIFByb3BzIHtcbiAgc2tpcFRvTWFpbkNvbnRlbnRJZDogc3RyaW5nO1xufVxuXG5jb25zdCBTdHlsZWRTa2lwVG9NYWluQ29udGVudCA9IHN0eWxlZC5hYFxuICBsZWZ0OiAtOTk5cHg7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgdG9wOiBhdXRvO1xuICB3aWR0aDogMXB4O1xuICBoZWlnaHQ6IDFweDtcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgei1pbmRleDogLTk5OTtcbiAgJjpmb2N1cyxcbiAgJjphY3RpdmUge1xuICAgIGNvbG9yOiAke2NvbG9ycy53aGl0ZX07XG4gICAgYmFja2dyb3VuZDogJHtjb2xvcnMuYnJhbmQucHJpbWFyeX07XG4gICAgbGVmdDogYXV0bztcbiAgICB0b3A6IGF1dG87XG4gICAgd2lkdGg6IDMwJTtcbiAgICBoZWlnaHQ6IGF1dG87XG4gICAgb3ZlcmZsb3c6IGF1dG87XG4gICAgbWFyZ2luOiAxMHB4IDM1JTtcbiAgICBwYWRkaW5nOiA1cHg7XG4gICAgYm9yZGVyLXJhZGl1czogMTVweDtcbiAgICBib3JkZXI6IDRweCBzb2xpZCAke2NvbG9ycy5icmFuZC50ZXJ0aWFyeX07XG4gICAgdGV4dC1hbGlnbjogY2VudGVyO1xuICAgIGZvbnQtc2l6ZTogMS4yZW07XG4gICAgei1pbmRleDogOTk5OTtcbiAgICBhbmltYXRpb24tbmFtZTogZmFkZUluO1xuICAgIGFuaW1hdGlvbi1kdXJhdGlvbjogMC4zcztcbiAgfVxuYDtcblxuY29uc3QgU2tpcFRvTWFpbkNvbnRlbnQgPSAoeyBza2lwVG9NYWluQ29udGVudElkIH06IFByb3BzKSA9PiB7XG4gIGNvbnN0IHsgdCB9ID0gdXNlVHJhbnNsYXRpb24oKTtcbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkU2tpcFRvTWFpbkNvbnRlbnQgdGFiSW5kZXg9ezB9IGhyZWY9e2AjJHtza2lwVG9NYWluQ29udGVudElkfWB9PlxuICAgICAge3QoJ21hc3RoZWFkLnNraXBUb0NvbnRlbnQnKX1cbiAgICA8L1N0eWxlZFNraXBUb01haW5Db250ZW50PlxuICApO1xufTtcblxuZXhwb3J0IGRlZmF1bHQgU2tpcFRvTWFpbkNvbnRlbnQ7XG4iXX0= */"));
-
 var SkipToMainContent = function SkipToMainContent(_ref) {
   var skipToMainContentId = _ref.skipToMainContentId;
-
   var _useTranslation = (0, _reactI18next.useTranslation)(),
-      t = _useTranslation.t;
-
+    t = _useTranslation.t;
   return (0, _jsxRuntime.jsx)(StyledSkipToMainContent, {
     tabIndex: 0,
     href: "#".concat(skipToMainContentId),
     children: t('masthead.skipToContent')
   });
 };
-
 var _default = SkipToMainContent;
 exports["default"] = _default;

package/lib/Masthead/index.js

@@ -1,7 +1,6 @@
 "use strict";
 
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
-
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -11,38 +10,31 @@ Object.defineProperty(exports, "MastheadItem", {
     return _Masthead.MastheadItem;
   }
 });
-Object.defineProperty(exports, "getMastheadHeight", {
+Object.defineProperty(exports, "SkipToMainContent", {
   enumerable: true,
   get: function get() {
-    return _utils.getMastheadHeight;
+    return _SkipToMainContent["default"];
   }
 });
-Object.defineProperty(exports, "useMastheadHeight", {
+exports["default"] = void 0;
+Object.defineProperty(exports, "getMastheadHeight", {
   enumerable: true,
   get: function get() {
-    return _utils.useMastheadHeight;
+    return _utils.getMastheadHeight;
   }
 });
-Object.defineProperty(exports, "SkipToMainContent", {
+Object.defineProperty(exports, "useMastheadHeight", {
   enumerable: true,
   get: function get() {
-    return _SkipToMainContent["default"];
+    return _utils.useMastheadHeight;
   }
 });
-exports["default"] = void 0;
-
 var _Masthead = _interopRequireWildcard(require("./Masthead"));
-
 var _utils = require("./utils");
-
 var _SkipToMainContent = _interopRequireDefault(require("./SkipToMainContent"));
-
 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; }
-
-function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 /**
  * Copyright (c) 2017-present, NDLA.
  *

package/lib/Masthead/utils.js

@@ -4,55 +4,40 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useMastheadHeight = exports.getMastheadHeight = void 0;
-
 var _react = require("react");
-
 var _util = require("@ndla/util");
-
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
-function _iterableToArrayLimit(arr, i) { if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return; var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
-
+function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
 var getMastheadHeight = function getMastheadHeight() {
   if (typeof window !== 'undefined') {
     var masthead = document.getElementById('masthead');
     return masthead === null || masthead === void 0 ? void 0 : masthead.getBoundingClientRect().height;
   }
 };
-
 exports.getMastheadHeight = getMastheadHeight;
-
 var useMastheadHeight = function useMastheadHeight() {
   var _useState = (0, _react.useState)(),
-      _useState2 = _slicedToArray(_useState, 2),
-      height = _useState2[0],
-      setHeight = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    height = _useState2[0],
+    setHeight = _useState2[1];
   var _useState3 = (0, _react.useState)(false),
-      _useState4 = _slicedToArray(_useState3, 2),
-      mounted = _useState4[0],
-      setMounted = _useState4[1];
-
+    _useState4 = _slicedToArray(_useState3, 2),
+    mounted = _useState4[0],
+    setMounted = _useState4[1];
   (0, _react.useEffect)(function () {
     setMounted(true);
   }, []);
   (0, _react.useEffect)(function () {
     if (mounted) {
       var masthead = document.getElementById('masthead');
-
       var handleHeightChange = function handleHeightChange(el) {
         var newHeight = el.getBoundingClientRect().height;
         setHeight(newHeight);
       };
-
       if (masthead) {
         (0, _util.resizeObserver)(masthead, handleHeightChange);
       }
@@ -62,5 +47,4 @@ var useMastheadHeight = function useMastheadHeight() {
     height: height
   };
 };
-
 exports.useMastheadHeight = useMastheadHeight;

package/lib/MediaList/MediaList.js

@@ -3,26 +3,16 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.MediaListItemMeta = exports.HandleLink = exports.MediaListItemActions = exports.MediaListItemBody = exports.MediaListCCLink = exports.MediaListItemImage = exports.MediaListItem = exports.MediaList = void 0;
-
-var _jsxRuntime = require("@emotion/react/jsx-runtime");
-
+exports.MediaListItemMeta = exports.MediaListItemImage = exports.MediaListItemBody = exports.MediaListItemActions = exports.MediaListItem = exports.MediaListCCLink = exports.MediaList = exports.HandleLink = void 0;
 var _react = _interopRequireDefault(require("react"));
-
 var _licenses = require("@ndla/licenses");
-
 var _reactBemHelper = _interopRequireDefault(require("react-bem-helper"));
-
 var _util = require("@ndla/util");
-
+var _jsxRuntime = require("@emotion/react/jsx-runtime");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
 var oClasses = new _reactBemHelper["default"]({
   name: 'media',
   prefix: 'o-'
@@ -31,25 +21,20 @@ var cClasses = new _reactBemHelper["default"]({
   name: 'medialist',
   prefix: 'c-'
 });
-
 var MediaList = function MediaList(_ref) {
   var children = _ref.children;
   return (0, _jsxRuntime.jsx)("ul", _objectSpread(_objectSpread({}, cClasses()), {}, {
     children: children
   }));
 };
-
 exports.MediaList = MediaList;
-
 var MediaListItem = function MediaListItem(_ref2) {
   var children = _ref2.children;
   return (0, _jsxRuntime.jsx)("li", _objectSpread(_objectSpread({}, oClasses(undefined, undefined, cClasses('item').className)), {}, {
     children: children
   }));
 };
-
 exports.MediaListItem = MediaListItem;
-
 var MediaListItemImage = function MediaListItemImage(_ref3) {
   var children = _ref3.children;
   return (0, _jsxRuntime.jsx)("div", _objectSpread(_objectSpread({}, oClasses('img', undefined, cClasses('img').className)), {}, {
@@ -58,12 +43,10 @@ var MediaListItemImage = function MediaListItemImage(_ref3) {
     })
   }));
 };
-
 exports.MediaListItemImage = MediaListItemImage;
-
 var MediaListCCLink = function MediaListCCLink(_ref4) {
   var children = _ref4.children,
-      url = _ref4.url;
+    url = _ref4.url;
   return (0, _jsxRuntime.jsx)("a", {
     className: "c-figure-license__link",
     target: "_blank",
@@ -72,18 +55,16 @@ var MediaListCCLink = function MediaListCCLink(_ref4) {
     children: children
   });
 };
-
 exports.MediaListCCLink = MediaListCCLink;
-
 var MediaListItemBody = function MediaListItemBody(_ref5) {
   var children = _ref5.children,
-      licenseAbbreviation = _ref5.license,
-      messages = _ref5.messages,
-      title = _ref5.title,
-      locale = _ref5.locale,
-      _ref5$resourceUrl = _ref5.resourceUrl,
-      resourceUrl = _ref5$resourceUrl === void 0 ? '' : _ref5$resourceUrl,
-      resourceType = _ref5.resourceType;
+    licenseAbbreviation = _ref5.license,
+    messages = _ref5.messages,
+    title = _ref5.title,
+    locale = _ref5.locale,
+    _ref5$resourceUrl = _ref5.resourceUrl,
+    resourceUrl = _ref5$resourceUrl === void 0 ? '' : _ref5$resourceUrl,
+    resourceType = _ref5.resourceType;
   var license = (0, _licenses.getLicenseByAbbreviation)(licenseAbbreviation, locale);
   var containerProps = (0, _licenses.isCreativeCommonsLicense)(license.rights) ? _objectSpread(_objectSpread({}, oClasses('body', undefined, cClasses('body').className)), {}, {
     'xmlns:cc': 'https://creativecommons.org/ns#',
@@ -112,26 +93,20 @@ var MediaListItemBody = function MediaListItemBody(_ref5) {
     }), children]
   }));
 };
-
 exports.MediaListItemBody = MediaListItemBody;
-
 var MediaListItemActions = function MediaListItemActions(_ref6) {
   var children = _ref6.children;
   return (0, _jsxRuntime.jsx)("div", _objectSpread(_objectSpread({}, cClasses('actions')), {}, {
     children: children
   }));
 };
-
 exports.MediaListItemActions = MediaListItemActions;
-
 var isLink = function isLink(text) {
   return text.startsWith('http') || text.startsWith('https');
 };
-
 var HandleLink = function HandleLink(_ref7) {
   var text = _ref7.text,
-      children = _ref7.children;
-
+    children = _ref7.children;
   if (isLink(text)) {
     return (0, _jsxRuntime.jsx)("a", {
       href: text,
@@ -140,18 +115,15 @@ var HandleLink = function HandleLink(_ref7) {
       children: children
     });
   }
-
   return (0, _jsxRuntime.jsx)("span", {
     children: children
   });
 };
-
 exports.HandleLink = HandleLink;
 var attributionTypes = [_licenses.metaTypes.author, _licenses.metaTypes.copyrightHolder, _licenses.metaTypes.contributor];
-
 var MediaListItemMeta = function MediaListItemMeta(_ref8) {
   var _ref8$items = _ref8.items,
-      items = _ref8$items === void 0 ? [] : _ref8$items;
+    items = _ref8$items === void 0 ? [] : _ref8$items;
   var attributionItems = items.filter(function (item) {
     return attributionTypes.some(function (type) {
       return type === item.metaType;
@@ -160,7 +132,8 @@ var MediaListItemMeta = function MediaListItemMeta(_ref8) {
   var attributionMeta = attributionItems.map(function (item) {
     return "".concat(item.label, ": ").concat(item.description);
   }).join(', ');
-  return (//@ts-ignore
+  return (
+    //@ts-ignore
     (0, _jsxRuntime.jsx)("ul", _objectSpread(_objectSpread({}, cClasses('actions')), {}, {
       property: "cc:attributionName",
       content: attributionMeta,
@@ -176,5 +149,4 @@ var MediaListItemMeta = function MediaListItemMeta(_ref8) {
     }))
   );
 };
-
 exports.MediaListItemMeta = MediaListItemMeta;

package/lib/MediaList/index.js

@@ -15,16 +15,16 @@ Object.defineProperty(exports, "MediaListItem", {
     return _MediaList.MediaListItem;
   }
 });
-Object.defineProperty(exports, "MediaListItemBody", {
+Object.defineProperty(exports, "MediaListItemActions", {
   enumerable: true,
   get: function get() {
-    return _MediaList.MediaListItemBody;
+    return _MediaList.MediaListItemActions;
   }
 });
-Object.defineProperty(exports, "MediaListItemActions", {
+Object.defineProperty(exports, "MediaListItemBody", {
   enumerable: true,
   get: function get() {
-    return _MediaList.MediaListItemActions;
+    return _MediaList.MediaListItemBody;
   }
 });
 Object.defineProperty(exports, "MediaListItemImage", {
@@ -39,5 +39,4 @@ Object.defineProperty(exports, "MediaListItemMeta", {
     return _MediaList.MediaListItemMeta;
   }
 });
-
 var _MediaList = require("./MediaList");

package/lib/Messages/MessageBanner.js

@@ -4,23 +4,14 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-
 var _base = _interopRequireDefault(require("@emotion/styled/base"));
-
-var _jsxRuntime = require("@emotion/react/jsx-runtime");
-
 var _react = _interopRequireDefault(require("react"));
-
 var _core = require("@ndla/core");
-
 var _remarkable = require("remarkable");
-
 var _button = require("@ndla/button");
-
+var _jsxRuntime = require("@emotion/react/jsx-runtime");
 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 MessageBannerWrapper = /*#__PURE__*/(0, _base["default"])("div", {
   target: "eb5ubi52",
   label: "MessageBannerWrapper"
@@ -57,12 +48,11 @@ var markdown = new _remarkable.Remarkable({
 });
 markdown.inline.ruler.enable(['sub', 'sup']);
 markdown.block.ruler.disable(['list', 'table']);
-
 var MessageBanner = function MessageBanner(_ref2) {
   var children = _ref2.children,
-      onClose = _ref2.onClose,
-      showCloseButton = _ref2.showCloseButton,
-      small = _ref2.small;
+    onClose = _ref2.onClose,
+    showCloseButton = _ref2.showCloseButton,
+    small = _ref2.small;
   return (0, _jsxRuntime.jsxs)(MessageBannerWrapper, {
     small: small,
     children: [(0, _jsxRuntime.jsx)(TextWrapper, {
@@ -74,6 +64,5 @@ var MessageBanner = function MessageBanner(_ref2) {
     })]
   });
 };
-
 var _default = MessageBanner;
 exports["default"] = _default;

package/lib/Messages/MessageBox.js

@@ -4,27 +4,16 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = exports.MessageBox = void 0;
-
 var _base = _interopRequireDefault(require("@emotion/styled/base"));
-
-var _jsxRuntime = require("@emotion/react/jsx-runtime");
-
 var _react = _interopRequireDefault(require("react"));
-
 var _core = require("@ndla/core");
-
 var _common = require("@ndla/icons/common");
-
 var _remarkable = require("remarkable");
-
 var _button = require("@ndla/button");
-
 var _react2 = require("@emotion/react");
-
+var _jsxRuntime = require("@emotion/react/jsx-runtime");
 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 markdown = new _remarkable.Remarkable({
   breaks: true
 });
@@ -82,28 +71,23 @@ var StyledClosebutton = /*#__PURE__*/(0, _base["default"])(_button.CloseButton,
   map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIk1lc3NhZ2VCb3gudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXFHNkMiLCJmaWxlIjoiTWVzc2FnZUJveC50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAyMi1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBicmVha3BvaW50cywgY29sb3JzLCBmb250cywgbXEsIHNwYWNpbmcgfSBmcm9tICdAbmRsYS9jb3JlJztcbmltcG9ydCB7IEluZm9ybWF0aW9uT3V0bGluZSwgSHVtYW5NYWxlQm9hcmQsIEZvcndhcmQsIFdhcm5pbmdPdXRsaW5lIH0gZnJvbSAnQG5kbGEvaWNvbnMvY29tbW9uJztcblxuLy8gQHRzLWlnbm9yZVxuaW1wb3J0IHsgUmVtYXJrYWJsZSB9IGZyb20gJ3JlbWFya2FibGUnO1xuaW1wb3J0IHsgQ2xvc2VCdXR0b24gfSBmcm9tICdAbmRsYS9idXR0b24nO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG5jb25zdCBtYXJrZG93biA9IG5ldyBSZW1hcmthYmxlKHsgYnJlYWtzOiB0cnVlIH0pO1xubWFya2Rvd24uaW5saW5lLnJ1bGVyLmVuYWJsZShbJ3N1YicsICdzdXAnXSk7XG5tYXJrZG93bi5ibG9jay5ydWxlci5kaXNhYmxlKFsnbGlzdCcsICd0YWJsZSddKTtcblxudHlwZSBNZXNzYWdlQm94VHlwZSA9ICdnaG9zdCcgfCAnZGFuZ2VyJztcblxuaW50ZXJmYWNlIFN0eWxlZFByb3BzIHtcbiAgdHlwZT86IE1lc3NhZ2VCb3hUeXBlO1xufVxuXG5jb25zdCBNZXNzYWdlQm94V3JhcHBlciA9IHN0eWxlZC5kaXY8U3R5bGVkUHJvcHM+YFxuICBkaXNwbGF5OiBmbGV4O1xuICBwYWRkaW5nOiAke3NwYWNpbmcuc21hbGx9O1xuICBmb250LWZhbWlseTogJHtmb250cy5zYW5zfTtcbiAgYm9yZGVyLXJhZGl1czogNXB4O1xuICBiYWNrZ3JvdW5kOiAke2NvbG9ycy5zdXBwb3J0LnllbGxvd0xpZ2h0fTtcbiAgY29sb3I6ICR7Y29sb3JzLmJyYW5kLmdyZXlEYXJrfTtcblxuICAke2ZvbnRzLnNpemVzKCcxOHB4Jyl9O1xuICAke21xLnJhbmdlKHsgdW50aWw6IGJyZWFrcG9pbnRzLnRhYmxldFdpZGUgfSl9IHtcbiAgICAke2ZvbnRzLnNpemVzKCcxNnB4Jyl9O1xuICB9XG5cbiAgJHsoeyB0eXBlIH0pID0+XG4gICAgdHlwZSA9PT0gJ2dob3N0JyAmJlxuICAgIGNzc2BcbiAgICAgIGJhY2tncm91bmQ6IHRyYW5zcGFyZW50O1xuICAgICAgYm9yZGVyOiAxcHggc29saWQgJHtjb2xvcnMuYnJhbmQubmV1dHJhbDd9O1xuICAgICAgY29sb3I6ICR7Y29sb3JzLmJyYW5kLmdyZXlEYXJrfTtcbiAgICBgfVxuXG4gICR7KHsgdHlwZSB9KSA9PlxuICAgIHR5cGUgPT09ICdkYW5nZXInICYmXG4gICAgY3NzYFxuICAgICAgYmFja2dyb3VuZDogJHtjb2xvcnMuc3VwcG9ydC5yZWRMaWdodGVzdH07XG4gICAgICBjb2xvcjogJHtjb2xvcnMuc3VwcG9ydC5yZWR9O1xuICAgIGB9XG5gO1xuXG5jb25zdCBJbmZvV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiByb3c7XG4gIGZsZXg6IDE7XG4gIHBhZGRpbmc6ICR7c3BhY2luZy5zbWFsbH07XG4gIHBhZGRpbmctcmlnaHQ6IDA7XG5gO1xuXG5jb25zdCBUZXh0V3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gICYgcCB7XG4gICAgbWFyZ2luOiAwO1xuICB9XG5gO1xuXG5jb25zdCBJY29uV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBmbGV4LXN0YXJ0O1xuICBwYWRkaW5nLXJpZ2h0OiAke3NwYWNpbmcuc21hbGx9O1xuXG4gIHN2ZyB7XG4gICAgd2lkdGg6IDI0cHg7XG4gICAgaGVpZ2h0OiAyNHB4O1xuICB9XG5gO1xuXG5jb25zdCBMaW5rV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtd3JhcDogd3JhcDtcbiAgZ2FwOiAke3NwYWNpbmcubm9ybWFsfTtcbiAgcGFkZGluZy10b3A6ICR7c3BhY2luZy5uc21hbGx9O1xuXG4gIHN2ZyB7XG4gICAgZmxleC1zaHJpbms6IDA7XG4gIH1cbmA7XG5cbmNvbnN0IExpbmsgPSBzdHlsZWQuYWBcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgY29sb3I6ICR7Y29sb3JzLmJyYW5kLnByaW1hcnl9O1xuICBnYXA6ICR7c3BhY2luZy54eHNtYWxsfTtcbiAgZm9udC13ZWlnaHQ6ICR7Zm9udHMud2VpZ2h0LnNlbWlib2xkfTtcbmA7XG5cbmNvbnN0IFN0eWxlZENsb3NlYnV0dG9uID0gc3R5bGVkKENsb3NlQnV0dG9uKWBcbiAgcGFkZGluZzogMDtcbmA7XG5cbmludGVyZmFjZSBMaW5rUHJvcHMge1xuICBocmVmPzogc3RyaW5nO1xuICB0ZXh0Pzogc3RyaW5nO1xufVxuXG5pbnRlcmZhY2UgUHJvcHMge1xuICB0eXBlPzogTWVzc2FnZUJveFR5cGU7XG4gIGNoaWxkcmVuPzogc3RyaW5nO1xuICBsaW5rcz86IExpbmtQcm9wc1tdO1xuICBzaG93Q2xvc2VCdXR0b24/OiBib29sZWFuO1xuICBvbkNsb3NlPzogKCkgPT4gdm9pZDtcbn1cblxuY29uc3QgSWNvbiA9ICh7IHR5cGUgfTogU3R5bGVkUHJvcHMpID0+IHtcbiAgaWYgKHR5cGUgPT09ICdnaG9zdCcpIHtcbiAgICByZXR1cm4gPEh1bWFuTWFsZUJvYXJkIC8+O1xuICB9XG4gIGlmICh0eXBlID09PSAnZGFuZ2VyJykge1xuICAgIHJldHVybiA8V2FybmluZ091dGxpbmUgLz47XG4gIH1cbiAgcmV0dXJuIDxJbmZvcm1hdGlvbk91dGxpbmUgLz47XG59O1xuXG5leHBvcnQgY29uc3QgTWVzc2FnZUJveCA9ICh7IHR5cGUsIGNoaWxkcmVuID0gJycsIGxpbmtzLCBzaG93Q2xvc2VCdXR0b24sIG9uQ2xvc2UgfTogUHJvcHMpID0+IHtcbiAgcmV0dXJuIChcbiAgICA8TWVzc2FnZUJveFdyYXBwZXIgdHlwZT17dHlwZX0+XG4gICAgICA8SW5mb1dyYXBwZXI+XG4gICAgICAgIDxJY29uV3JhcHBlcj5cbiAgICAgICAgICA8SWNvbiB0eXBlPXt0eXBlfSAvPlxuICAgICAgICA8L0ljb25XcmFwcGVyPlxuICAgICAgICA8ZGl2PlxuICAgICAgICAgIDxUZXh0V3JhcHBlciBkYW5nZXJvdXNseVNldElubmVySFRNTD17eyBfX2h0bWw6IG1hcmtkb3duLnJlbmRlcihjaGlsZHJlbikgfX0gLz5cbiAgICAgICAgICB7bGlua3MgJiYgKFxuICAgICAgICAgICAgPExpbmtXcmFwcGVyPlxuICAgICAgICAgICAgICB7bGlua3MubWFwKCh4KSA9PiAoXG4gICAgICAgICAgICAgICAgPExpbmsgaHJlZj17eC5ocmVmfT5cbiAgICAgICAgICAgICAgICAgIDxzcGFuPnt4LnRleHR9PC9zcGFuPlxuICAgICAgICAgICAgICAgICAgPEZvcndhcmQgLz5cbiAgICAgICAgICAgICAgICA8L0xpbms+XG4gICAgICAgICAgICAgICkpfVxuICAgICAgICAgICAgPC9MaW5rV3JhcHBlcj5cbiAgICAgICAgICApfVxuICAgICAgICA8L2Rpdj5cbiAgICAgIDwvSW5mb1dyYXBwZXI+XG4gICAgICB7c2hvd0Nsb3NlQnV0dG9uICYmIDxTdHlsZWRDbG9zZWJ1dHRvbiBvbkNsaWNrPXtvbkNsb3NlfSAvPn1cbiAgICA8L01lc3NhZ2VCb3hXcmFwcGVyPlxuICApO1xufTtcblxuZXhwb3J0IGRlZmF1bHQgTWVzc2FnZUJveDtcbiJdfQ== */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
-
 var Icon = function Icon(_ref3) {
   var type = _ref3.type;
-
   if (type === 'ghost') {
     return (0, _jsxRuntime.jsx)(_common.HumanMaleBoard, {});
   }
-
   if (type === 'danger') {
     return (0, _jsxRuntime.jsx)(_common.WarningOutline, {});
   }
-
   return (0, _jsxRuntime.jsx)(_common.InformationOutline, {});
 };
-
 var MessageBox = function MessageBox(_ref4) {
   var type = _ref4.type,
-      _ref4$children = _ref4.children,
-      children = _ref4$children === void 0 ? '' : _ref4$children,
-      links = _ref4.links,
-      showCloseButton = _ref4.showCloseButton,
-      onClose = _ref4.onClose;
+    _ref4$children = _ref4.children,
+    children = _ref4$children === void 0 ? '' : _ref4$children,
+    links = _ref4.links,
+    showCloseButton = _ref4.showCloseButton,
+    onClose = _ref4.onClose;
   return (0, _jsxRuntime.jsxs)(MessageBoxWrapper, {
     type: type,
     children: [(0, _jsxRuntime.jsxs)(InfoWrapper, {
@@ -132,7 +116,6 @@ var MessageBox = function MessageBox(_ref4) {
     })]
   });
 };
-
 exports.MessageBox = MessageBox;
 var _default = MessageBox;
 exports["default"] = _default;