@ndla/ui 30.0.5 → 30.0.7

package/es/locale/messages-sma.js

@@ -113,7 +113,7 @@ var messages = _objectSpread(_objectSpread({
     notSupported: 'Det fungerte ikke å sette inn innholdet automatisk. Kopier kildekoden under for å sette inn på din side.'
   },
   subjectCategories: (_subjectCategories = {}, _defineProperty(_subjectCategories, subjectCategories.ACTIVE_SUBJECTS, 'Aktive'), _defineProperty(_subjectCategories, subjectCategories.ARCHIVE_SUBJECTS, 'Utgåtte'), _defineProperty(_subjectCategories, subjectCategories.BETA_SUBJECTS, 'Kommende'), _defineProperty(_subjectCategories, subjectTypes.RESOURCE_COLLECTION, 'Andre ressurser'), _subjectCategories),
-  subjectTypes: (_subjectTypes = {}, _defineProperty(_subjectTypes, subjectTypes.SUBJECT, 'Fag'), _defineProperty(_subjectTypes, subjectTypes.RESOURCE_COLLECTION, 'Ressurssamling'), _subjectTypes),
+  subjectTypes: (_subjectTypes = {}, _defineProperty(_subjectTypes, subjectTypes.BETA_SUBJECT, 'Betafag'), _defineProperty(_subjectTypes, subjectTypes.SUBJECT, 'Fag'), _defineProperty(_subjectTypes, subjectTypes.RESOURCE_COLLECTION, 'Ressurssamling'), _subjectTypes),
   searchPage: {
     noHits: 'Ingen artikler samsvarte med søket ditt på: {{query}}',
     noHitsShort: 'Ingen treff på søk: {{query}}',
@@ -1025,6 +1025,7 @@ var messages = _objectSpread(_objectSpread({
     detailView: 'Detaljert listevisning',
     shortView: 'Kort visning',
     myPage: {
+      imageAlt: 'Halvnært bilde av jente som holder et nettbrett i hendene. Oppå nettbrettet ligger det ei samling fargeprøver i ulike former og farger. Grafikk.',
       confirmDeleteAccount: 'Er du sikker på at du vil slette kontoen?',
       confirmDeleteAccountButton: 'Slett konto',
       myPage: 'Min side',

package/es/model/SubjectTypes.js

@@ -5,5 +5,6 @@
  * LICENSE file in the root directory of this source tree.
  *
  */
+export var BETA_SUBJECT = 'betaSubject';
 export var SUBJECT = 'subject';
 export var RESOURCE_COLLECTION = 'resourceCollection';

package/es/utils/createUniversalPortal.js

@@ -1,3 +1,5 @@
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+
 /**
  * Copyright (c) 2016-present, NDLA.
  *
@@ -8,7 +10,6 @@
 // N.B This helper is intended to be used in https://github.com/ndlano/article-converter. It is not a general soultion for using portals in SSR applications.
 import React from 'react';
 import ReactDOM from 'react-dom';
-import { jsx as ___EmotionJSX } from "@emotion/react";
 
 function canUseDOM() {
   return !!(typeof window !== 'undefined' && window.document && window.document.createElement && !window.document.hidden); // window.document.hidden === jsdom check
@@ -16,9 +17,10 @@ function canUseDOM() {
 
 export function createUniversalPortal(children, selector) {
   if (!canUseDOM()) {
-    return ___EmotionJSX("div", {
-      "data-react-universal-portal": true
-    }, children);
+    return _jsx("div", {
+      "data-react-universal-portal": true,
+      children: children
+    });
   }
 
   return /*#__PURE__*/ReactDOM.createPortal(children, document.querySelector(selector));

package/lib/Animation/DisplayOnPageYOffset.js

@@ -5,6 +5,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = void 0;
 
+var _jsxRuntime = require("@emotion/react/jsx-runtime");
+
 var _react = _interopRequireWildcard(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
@@ -13,8 +15,6 @@ var _lodash = require("lodash");
 
 var _Fade = _interopRequireDefault(require("./Fade"));
 
-var _react2 = require("@emotion/react");
-
 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; }
@@ -98,9 +98,10 @@ var DisplayOnPageYOffset = /*#__PURE__*/function (_Component) {
   }, {
     key: "render",
     value: function render() {
-      return (0, _react2.jsx)(_Fade["default"], {
-        "in": this.state.show
-      }, this.props.children);
+      return (0, _jsxRuntime.jsx)(_Fade["default"], {
+        "in": this.state.show,
+        children: this.props.children
+      });
     }
   }]);
 

package/lib/Animation/Fade.js

@@ -5,17 +5,21 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = void 0;
 
+var _jsxRuntime = require("@emotion/react/jsx-runtime");
+
 var _react = _interopRequireDefault(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _reactTransitionGroup = require("react-transition-group");
 
-var _react2 = require("@emotion/react");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function 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 _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; }
 
@@ -33,9 +37,9 @@ var Fade = function Fade(_ref) {
       exitDelay = _ref$exitDelay === void 0 ? null : _ref$exitDelay,
       rest = _objectWithoutProperties(_ref, ["children", "delay", "timeout", "exitDelay"]);
 
-  return (0, _react2.jsx)(_reactTransitionGroup.CSSTransition, _extends({
+  return (0, _jsxRuntime.jsx)(_reactTransitionGroup.CSSTransition, _objectSpread(_objectSpread({
     classNames: "u-fade"
-  }, rest, {
+  }, rest), {}, {
     timeout: timeout,
     unmountOnExit: true,
     onEnter: function onEnter(node) {
@@ -49,8 +53,9 @@ var Fade = function Fade(_ref) {
     onExit: exitDelay ? function (node) {
       var n = node;
       n.style.transitionDelay = "".concat(exitDelay, "ms");
-    } : undefined
-  }), children);
+    } : undefined,
+    children: children
+  }));
 };
 
 Fade.propTypes = {

package/lib/Article/Article.js

@@ -7,6 +7,8 @@ exports["default"] = exports.Article = exports.ArticleIntroduction = exports.Art
 
 var _base = _interopRequireDefault(require("@emotion/styled/base"));
 
+var _jsxRuntime = require("@emotion/react/jsx-runtime");
+
 var _react = _interopRequireWildcard(require("react"));
 
 var _reactBemHelper = _interopRequireDefault(require("react-bem-helper"));
@@ -39,8 +41,6 @@ var _ArticleAccessMessage = _interopRequireDefault(require("./ArticleAccessMessa
 
 var _MessageBox = _interopRequireDefault(require("../Messages/MessageBox"));
 
-var _react2 = require("@emotion/react");
-
 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; }
@@ -61,7 +61,11 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
 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 _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function 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 _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 _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)."; }
 
@@ -73,11 +77,12 @@ var ArticleWrapper = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
   var children = _ref.children,
       modifier = _ref.modifier,
       id = _ref.id;
-  return (0, _react2.jsx)("article", _extends({
+  return (0, _jsxRuntime.jsx)("article", _objectSpread(_objectSpread({
     id: id
-  }, classes(undefined, modifier), {
-    ref: ref
-  }), children);
+  }, classes(undefined, modifier)), {}, {
+    ref: ref,
+    children: children
+  }));
 });
 exports.ArticleWrapper = ArticleWrapper;
 
@@ -94,12 +99,17 @@ var ArticleTitle = function ArticleTitle(_ref2) {
   var labelView = null;
 
   if (label) {
-    labelView = (0, _react2.jsx)("p", null, label);
+    labelView = (0, _jsxRuntime.jsx)("p", {
+      children: label
+    });
   }
 
-  return (0, _react2.jsx)("div", classes('title', modifiers), icon, labelView, (0, _react2.jsx)("h1", {
-    tabIndex: 0
-  }, children));
+  return (0, _jsxRuntime.jsxs)("div", _objectSpread(_objectSpread({}, classes('title', modifiers)), {}, {
+    children: [icon, labelView, (0, _jsxRuntime.jsx)("h1", {
+      tabIndex: 0,
+      children: children
+    })]
+  }));
 };
 
 exports.ArticleTitle = ArticleTitle;
@@ -112,24 +122,24 @@ var ArticleIntroduction = function ArticleIntroduction(_ref3) {
   } : _ref3$renderMarkdown;
 
   if ((0, _lodash.isString)(children)) {
-    return (0, _react2.jsx)("p", {
-      className: "article_introduction"
-    }, (0, _htmlReactParser["default"])(renderMarkdown(children)));
+    return (0, _jsxRuntime.jsx)("p", {
+      className: "article_introduction",
+      children: (0, _htmlReactParser["default"])(renderMarkdown(children))
+    });
   }
 
   if (children) {
-    return (0, _react2.jsx)("p", {
-      className: "article_introduction"
-    }, children);
+    return (0, _jsxRuntime.jsx)("p", {
+      className: "article_introduction",
+      children: children
+    });
   }
 
   return null;
 };
 
 exports.ArticleIntroduction = ArticleIntroduction;
-var MSGboxWrapper = /*#__PURE__*/(0, _base["default"])("div", process.env.NODE_ENV === "production" ? {
-  target: "ekgxh1z1"
-} : {
+var MSGboxWrapper = /*#__PURE__*/(0, _base["default"])("div", {
   target: "ekgxh1z1",
   label: "MSGboxWrapper"
 })(process.env.NODE_ENV === "production" ? {
@@ -141,9 +151,7 @@ var MSGboxWrapper = /*#__PURE__*/(0, _base["default"])("div", process.env.NODE_E
   map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkFydGljbGUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWlHZ0MiLCJmaWxlIjoiQXJ0aWNsZS50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAxNi1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCBSZWFjdCwgeyBDb21wb25lbnRUeXBlLCBSZWFjdE5vZGUsIHVzZUVmZmVjdCwgdXNlUmVmLCB1c2VTdGF0ZSwgZm9yd2FyZFJlZiB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCBCRU1IZWxwZXIgZnJvbSAncmVhY3QtYmVtLWhlbHBlcic7XG5pbXBvcnQgeyBpc1N0cmluZyB9IGZyb20gJ2xvZGFzaCc7XG5pbXBvcnQgcGFyc2UgZnJvbSAnaHRtbC1yZWFjdC1wYXJzZXInO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG5pbXBvcnQgeyB1c2VJbnRlcnNlY3Rpb25PYnNlcnZlciB9IGZyb20gJ0BuZGxhL2hvb2tzJztcbmltcG9ydCB7IHJlc2l6ZU9ic2VydmVyIH0gZnJvbSAnQG5kbGEvdXRpbCc7XG5pbXBvcnQgeyBzcGFjaW5nLCBzcGFjaW5nVW5pdCwgbXEsIGJyZWFrcG9pbnRzIH0gZnJvbSAnQG5kbGEvY29yZSc7XG5pbXBvcnQgeyBBcnRpY2xlIGFzIEFydGljbGVUeXBlLCBMb2NhbGUgfSBmcm9tICcuLi90eXBlcyc7XG5pbXBvcnQgQXJ0aWNsZUZvb3ROb3RlcyBmcm9tICcuL0FydGljbGVGb290Tm90ZXMnO1xuaW1wb3J0IEFydGljbGVDb250ZW50IGZyb20gJy4vQXJ0aWNsZUNvbnRlbnQnO1xuaW1wb3J0IEFydGljbGVCeWxpbmUgZnJvbSAnLi9BcnRpY2xlQnlsaW5lJztcbmltcG9ydCBBcnRpY2xlRmF2b3JpdGVzQnV0dG9uIGZyb20gJy4vQXJ0aWNsZUZhdm9yaXRlc0J1dHRvbic7XG5pbXBvcnQgTGF5b3V0SXRlbSBmcm9tICcuLi9MYXlvdXQnO1xuaW1wb3J0IEFydGljbGVIZWFkZXJXcmFwcGVyIGZyb20gJy4vQXJ0aWNsZUhlYWRlcldyYXBwZXInO1xuaW1wb3J0IEFydGljbGVOb3Rpb25zLCB7IE5vdGlvblJlbGF0ZWRDb250ZW50IH0gZnJvbSAnLi9BcnRpY2xlTm90aW9ucyc7XG5pbXBvcnQgQXJ0aWNsZUFjY2Vzc01lc3NhZ2UgZnJvbSAnLi9BcnRpY2xlQWNjZXNzTWVzc2FnZSc7XG5pbXBvcnQgTWVzc2FnZUJveCBmcm9tICcuLi9NZXNzYWdlcy9NZXNzYWdlQm94JztcbmltcG9ydCB7IENvbmNlcHROb3Rpb25UeXBlIH0gZnJvbSAnLi4vTm90aW9uL0NvbmNlcHROb3Rpb24nO1xuXG5jb25zdCBjbGFzc2VzID0gbmV3IEJFTUhlbHBlcih7XG4gIG5hbWU6ICdhcnRpY2xlJyxcbiAgcHJlZml4OiAnYy0nLFxufSk7XG5cbnR5cGUgQXJ0aWNsZVdyYXBwZXJQcm9wcyA9IHtcbiAgaWQ6IHN0cmluZztcbiAgbW9kaWZpZXI/OiBzdHJpbmc7XG4gIGNoaWxkcmVuOiBSZWFjdE5vZGU7XG59O1xuXG5leHBvcnQgY29uc3QgQXJ0aWNsZVdyYXBwZXIgPSBmb3J3YXJkUmVmPEhUTUxFbGVtZW50LCBBcnRpY2xlV3JhcHBlclByb3BzPigoeyBjaGlsZHJlbiwgbW9kaWZpZXIsIGlkIH0sIHJlZikgPT4gKFxuICA8YXJ0aWNsZSBpZD17aWR9IHsuLi5jbGFzc2VzKHVuZGVmaW5lZCwgbW9kaWZpZXIpfSByZWY9e3JlZn0+XG4gICAge2NoaWxkcmVufVxuICA8L2FydGljbGU+XG4pKTtcblxudHlwZSBBcnRpY2xlVGl0bGVQcm9wcyA9IHtcbiAgaWNvbj86IFJlYWN0Tm9kZTtcbiAgbGFiZWw/OiBzdHJpbmc7XG4gIGNoaWxkcmVuOiBSZWFjdE5vZGU7XG59O1xuXG5leHBvcnQgY29uc3QgQXJ0aWNsZVRpdGxlID0gKHsgY2hpbGRyZW4sIGljb24sIGxhYmVsIH06IEFydGljbGVUaXRsZVByb3BzKSA9PiB7XG4gIGNvbnN0IG1vZGlmaWVycyA9IFtdO1xuICBpZiAoaWNvbikge1xuICAgIG1vZGlmaWVycy5wdXNoKCdpY29uJyk7XG4gIH1cblxuICBsZXQgbGFiZWxWaWV3ID0gbnVsbDtcblxuICBpZiAobGFiZWwpIHtcbiAgICBsYWJlbFZpZXcgPSA8cD57bGFiZWx9PC9wPjtcbiAgfVxuXG4gIHJldHVybiAoXG4gICAgPGRpdiB7Li4uY2xhc3NlcygndGl0bGUnLCBtb2RpZmllcnMpfT5cbiAgICAgIHtpY29ufVxuICAgICAge2xhYmVsVmlld31cbiAgICAgIDxoMSB0YWJJbmRleD17MH0+e2NoaWxkcmVufTwvaDE+XG4gICAgPC9kaXY+XG4gICk7XG59O1xuXG50eXBlIEFydGljbGVJbnRyb2R1Y3Rpb25Qcm9wcyA9IHtcbiAgY2hpbGRyZW46IFJlYWN0Tm9kZTtcbiAgcmVuZGVyTWFya2Rvd246ICh0ZXh0OiBzdHJpbmcpID0+IHN0cmluZztcbn07XG5cbmV4cG9ydCBjb25zdCBBcnRpY2xlSW50cm9kdWN0aW9uID0gKHtcbiAgY2hpbGRyZW4sXG4gIHJlbmRlck1hcmtkb3duID0gKHRleHQpID0+IHtcbiAgICByZXR1cm4gdGV4dDtcbiAgfSxcbn06IEFydGljbGVJbnRyb2R1Y3Rpb25Qcm9wcykgPT4ge1xuICBpZiAoaXNTdHJpbmcoY2hpbGRyZW4pKSB7XG4gICAgcmV0dXJuIDxwIGNsYXNzTmFtZT1cImFydGljbGVfaW50cm9kdWN0aW9uXCI+e3BhcnNlKHJlbmRlck1hcmtkb3duKGNoaWxkcmVuKSl9PC9wPjtcbiAgfVxuICBpZiAoY2hpbGRyZW4pIHtcbiAgICByZXR1cm4gPHAgY2xhc3NOYW1lPVwiYXJ0aWNsZV9pbnRyb2R1Y3Rpb25cIj57Y2hpbGRyZW59PC9wPjtcbiAgfVxuICByZXR1cm4gbnVsbDtcbn07XG5cbnR5cGUgTWVzc2FnZXMgPSB7XG4gIGxhYmVsOiBzdHJpbmc7XG4gIG1lc3NhZ2VCb3g/OiBzdHJpbmc7XG59O1xuY29uc3QgTVNHYm94V3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIG1hcmdpbi1ib3R0b206IDUwcHg7XG5gO1xuXG5jb25zdCBBcnRpY2xlRmF2b3JpdGVzQnV0dG9uV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGp1c3RpZnktY29udGVudDogZmxleC1lbmQ7XG4gIHRyYW5zZm9ybTogdHJhbnNsYXRlKCR7c3BhY2luZy54c21hbGx9LCAtJHtzcGFjaW5nLm5vcm1hbH0pO1xuICBoZWlnaHQ6IDA7XG4gICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy50YWJsZXQgfSl9IHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZSgke3NwYWNpbmcubm9ybWFsfSwgLSR7c3BhY2luZy5tZWRpdW19KTtcbiAgfVxuICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMudGFibGV0V2lkZSB9KX0ge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlKCR7c3BhY2luZy5sYXJnZX0sIC0ke3NwYWNpbmcubWVkaXVtfSk7XG4gIH1cbiAgJHttcS5yYW5nZSh7IGZyb206IGJyZWFrcG9pbnRzLmRlc2t0b3AgfSl9IHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZSgke3NwYWNpbmdVbml0ICogNS41fXB4LCAtJHtzcGFjaW5nLm1lZGl1bX0pO1xuICB9XG5gO1xuXG50eXBlIFByb3BzID0ge1xuICBhcnRpY2xlOiBBcnRpY2xlVHlwZTtcbiAgaWNvbj86IFJlYWN0Tm9kZTtcbiAgbGljZW5zZUJveD86IFJlYWN0Tm9kZTtcbiAgbW9kaWZpZXI/OiBzdHJpbmc7XG4gIGNoaWxkcmVuPzogUmVhY3ROb2RlO1xuICBtZXNzYWdlczogTWVzc2FnZXM7XG4gIGxvY2FsZTogTG9jYWxlO1xuICBtZXNzYWdlQm94TGlua3M/OiBbXTtcbiAgY29tcGV0ZW5jZUdvYWxzPzpcbiAgICB8ICgoaW5wOiB7IERpYWxvZzogQ29tcG9uZW50VHlwZTsgZGlhbG9nUHJvcHM6IHsgaXNPcGVuOiBib29sZWFuOyBvbkNsb3NlOiAoKSA9PiB2b2lkIH0gfSkgPT4gUmVhY3ROb2RlKVxuICAgIHwgUmVhY3ROb2RlXG4gICAgfCBudWxsO1xuICBjb21wZXRlbmNlR29hbFR5cGVzPzogc3RyaW5nW107XG4gIGlkOiBzdHJpbmc7XG4gIHJlbmRlck1hcmtkb3duOiAodGV4dDogc3RyaW5nKSA9PiBzdHJpbmc7XG4gIGNvcHlQYWdlVXJsTGluaz86IHN0cmluZztcbiAgcHJpbnRVcmw/OiBzdHJpbmc7XG4gIG5vdGlvbnM/OiB7IGxpc3Q6IENvbmNlcHROb3Rpb25UeXBlW107IHJlbGF0ZWQ6IE5vdGlvblJlbGF0ZWRDb250ZW50W10gfTtcbiAgYWNjZXNzTWVzc2FnZT86IHN0cmluZztcbiAgaXNGYXZvcml0ZT86IGJvb2xlYW47XG4gIG9uVG9nZ2xlQWRkVG9GYXZvcml0ZXM/OiAoaWQ6IHN0cmluZywgYWRkOiBib29sZWFuKSA9PiB2b2lkO1xufTtcblxuY29uc3QgZ2V0QXJ0aWNsZUNvbnRlbnQgPSAoY29udGVudDogYW55LCBsb2NhbGU6IExvY2FsZSkgPT4ge1xuICBzd2l0Y2ggKHR5cGVvZiBjb250ZW50KSB7XG4gICAgY2FzZSAnc3RyaW5nJzpcbiAgICAgIHJldHVybiA8QXJ0aWNsZUNvbnRlbnQgY29udGVudD17Y29udGVudH0gbG9jYWxlPXtsb2NhbGV9IC8+O1xuICAgIGNhc2UgJ2Z1bmN0aW9uJzpcbiAgICAgIHJldHVybiBjb250ZW50KCk7XG4gICAgZGVmYXVsdDpcbiAgICAgIHJldHVybiBjb250ZW50O1xuICB9XG59O1xuXG5leHBvcnQgY29uc3QgQXJ0aWNsZSA9ICh7XG4gIGFydGljbGUsXG4gIGljb24sXG4gIGxpY2Vuc2VCb3gsXG4gIG1vZGlmaWVyLFxuICBtZXNzYWdlcyxcbiAgbWVzc2FnZUJveExpbmtzLFxuICBjaGlsZHJlbixcbiAgY29tcGV0ZW5jZUdvYWxzLFxuICBjb21wZXRlbmNlR29hbFR5cGVzLFxuICBjb3B5UGFnZVVybExpbmssXG4gIGlkLFxuICBsb2NhbGUsXG4gIG5vdGlvbnMsXG4gIHByaW50VXJsLFxuICByZW5kZXJNYXJrZG93bixcbiAgYWNjZXNzTWVzc2FnZSxcbiAgb25Ub2dnbGVBZGRUb0Zhdm9yaXRlcyxcbiAgaXNGYXZvcml0ZSxcbn06IFByb3BzKSA9PiB7XG4gIGNvbnN0IFthcnRpY2xlUmVmLCB7IGVudHJ5IH1dID0gdXNlSW50ZXJzZWN0aW9uT2JzZXJ2ZXIoe1xuICAgIHJvb3Q6IG51bGwsXG4gICAgcm9vdE1hcmdpbjogJzQwMHB4JyxcbiAgICB0aHJlc2hvbGQ6IDAuMSxcbiAgfSk7XG4gIGNvbnN0IFthcnRpY2xlUG9zaXRpb25SaWdodCwgc2V0QXJ0aWNsZVBvc2l0aW9uUmlnaHRdID0gdXNlU3RhdGUoMCk7XG4gIGNvbnN0IHdyYXBwZXJSZWYgPSB1c2VSZWY8SFRNTERpdkVsZW1lbnQ+KG51bGwpO1xuXG4gIGNvbnN0IHNob3dFeHBsYWluTm90aW9ucyA9IGVudHJ5ICYmIGVudHJ5LmlzSW50ZXJzZWN0aW5nO1xuXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgaWYgKHdyYXBwZXJSZWYgJiYgd3JhcHBlclJlZi5jdXJyZW50KSB7XG4gICAgICBjb25zdCBoYW5kbGVyID0gKCkgPT4ge1xuICAgICAgICBpZiAod3JhcHBlclJlZiAmJiB3cmFwcGVyUmVmLmN1cnJlbnQpIHtcbiAgICAgICAgICBjb25zdCBvZmZzZXQgPVxuICAgICAgICAgICAgd3JhcHBlclJlZi5jdXJyZW50LmdldEJvdW5kaW5nQ2xpZW50UmVjdCgpLmxlZnQgKyB3cmFwcGVyUmVmLmN1cnJlbnQuZ2V0Qm91bmRpbmdDbGllbnRSZWN0KCkud2lkdGg7XG4gICAgICAgICAgc2V0QXJ0aWNsZVBvc2l0aW9uUmlnaHQob2Zmc2V0KTtcbiAgICAgICAgfVxuICAgICAgfTtcbiAgICAgIGhhbmRsZXIoKTtcblxuICAgICAgcmV0dXJuIHJlc2l6ZU9ic2VydmVyKGRvY3VtZW50LmJvZHksIGhhbmRsZXIpO1xuICAgIH1cbiAgfSwgW3dyYXBwZXJSZWZdKTtcblxuICBjb25zdCB7XG4gICAgdGl0bGUsXG4gICAgaW50cm9kdWN0aW9uLFxuICAgIHB1Ymxpc2hlZCxcbiAgICBjb250ZW50LFxuICAgIGZvb3ROb3RlcyxcbiAgICBjb3B5cmlnaHQ6IHsgbGljZW5zZTogbGljZW5zZU9iaiwgY3JlYXRvcnMsIHJpZ2h0c2hvbGRlcnMsIHByb2Nlc3NvcnMgfSxcbiAgfSA9IGFydGljbGU7XG5cbiAgY29uc3QgYXV0aG9ycyA9IGNyZWF0b3JzLmxlbmd0aCB8fCByaWdodHNob2xkZXJzLmxlbmd0aCA/IGNyZWF0b3JzIDogcHJvY2Vzc29ycztcblxuICByZXR1cm4gKFxuICAgIDxkaXYgcmVmPXt3cmFwcGVyUmVmfT5cbiAgICAgIDxBcnRpY2xlV3JhcHBlciBtb2RpZmllcj17bW9kaWZpZXJ9IGlkPXtpZH0gcmVmPXthcnRpY2xlUmVmfT5cbiAgICAgICAgPExheW91dEl0ZW0gbGF5b3V0PVwiY2VudGVyXCI+XG4gICAgICAgICAge2FjY2Vzc01lc3NhZ2UgJiYgPEFydGljbGVBY2Nlc3NNZXNzYWdlIG1lc3NhZ2U9e2FjY2Vzc01lc3NhZ2V9IC8+fVxuXG4gICAgICAgICAge21lc3NhZ2VzLm1lc3NhZ2VCb3ggJiYgKFxuICAgICAgICAgICAgPE1TR2JveFdyYXBwZXI+XG4gICAgICAgICAgICAgIDxNZXNzYWdlQm94IGxpbmtzPXttZXNzYWdlQm94TGlua3N9PnttZXNzYWdlcy5tZXNzYWdlQm94fTwvTWVzc2FnZUJveD5cbiAgICAgICAgICAgIDwvTVNHYm94V3JhcHBlcj5cbiAgICAgICAgICApfVxuICAgICAgICAgIDxBcnRpY2xlSGVhZGVyV3JhcHBlciBjb21wZXRlbmNlR29hbHM9e2NvbXBldGVuY2VHb2Fsc30gY29tcGV0ZW5jZUdvYWxUeXBlcz17Y29tcGV0ZW5jZUdvYWxUeXBlc30+XG4gICAgICAgICAgICB7b25Ub2dnbGVBZGRUb0Zhdm9yaXRlcyAmJiAoXG4gICAgICAgICAgICAgIDxBcnRpY2xlRmF2b3JpdGVzQnV0dG9uV3JhcHBlcj5cbiAgICAgICAgICAgICAgICA8QXJ0aWNsZUZhdm9yaXRlc0J1dHRvblxuICAgICAgICAgICAgICAgICAgYXJ0aWNsZUlkPXtpZH1cbiAgICAgICAgICAgICAgICAgIGlzRmF2b3JpdGU9e2lzRmF2b3JpdGV9XG4gICAgICAgICAgICAgICAgICBvblRvZ2dsZUFkZFRvRmF2b3JpdGVzPXtvblRvZ2dsZUFkZFRvRmF2b3JpdGVzfVxuICAgICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICAgIDwvQXJ0aWNsZUZhdm9yaXRlc0J1dHRvbldyYXBwZXI+XG4gICAgICAgICAgICApfVxuICAgICAgICAgICAgPEFydGljbGVUaXRsZSBpY29uPXtpY29ufSBsYWJlbD17bWVzc2FnZXMubGFiZWx9PlxuICAgICAgICAgICAgICB7dGl0bGV9XG4gICAgICAgICAgICA8L0FydGljbGVUaXRsZT5cbiAgICAgICAgICAgIDxBcnRpY2xlSW50cm9kdWN0aW9uIHJlbmRlck1hcmtkb3duPXtyZW5kZXJNYXJrZG93bn0+e2ludHJvZHVjdGlvbn08L0FydGljbGVJbnRyb2R1Y3Rpb24+XG4gICAgICAgICAgPC9BcnRpY2xlSGVhZGVyV3JhcHBlcj5cbiAgICAgICAgPC9MYXlvdXRJdGVtPlxuICAgICAgICA8TGF5b3V0SXRlbSBsYXlvdXQ9XCJjZW50ZXJcIj5cbiAgICAgICAgICB7bm90aW9ucyAmJiBzaG93RXhwbGFpbk5vdGlvbnMgJiYgKFxuICAgICAgICAgICAgPEFydGljbGVOb3Rpb25zXG4gICAgICAgICAgICAgIG5vdGlvbnM9e25vdGlvbnMubGlzdH1cbiAgICAgICAgICAgICAgcmVsYXRlZENvbnRlbnQ9e25vdGlvbnMucmVsYXRlZH1cbiAgICAgICAgICAgICAgYnV0dG9uT2Zmc2V0UmlnaHQ9e2FydGljbGVQb3NpdGlvblJpZ2h0fVxuICAgICAgICAgICAgLz5cbiAgICAgICAgICApfVxuICAgICAgICAgIHtnZXRBcnRpY2xlQ29udGVudChjb250ZW50LCBsb2NhbGUpfVxuICAgICAgICA8L0xheW91dEl0ZW0+XG5cbiAgICAgICAgPExheW91dEl0ZW0gbGF5b3V0PVwiY2VudGVyXCI+XG4gICAgICAgICAge2Zvb3ROb3RlcyAmJiBmb290Tm90ZXMubGVuZ3RoID4gMCAmJiA8QXJ0aWNsZUZvb3ROb3RlcyBmb290Tm90ZXM9e2Zvb3ROb3Rlc30gLz59XG4gICAgICAgICAgPEFydGljbGVCeWxpbmVcbiAgICAgICAgICAgIGNvcHlQYWdlVXJsTGluaz17Y29weVBhZ2VVcmxMaW5rfVxuICAgICAgICAgICAgYXV0aG9ycz17YXV0aG9yc31cbiAgICAgICAgICAgIHN1cHBsaWVycz17cmlnaHRzaG9sZGVyc31cbiAgICAgICAgICAgIHB1Ymxpc2hlZD17cHVibGlzaGVkfVxuICAgICAgICAgICAgbGljZW5zZT17bGljZW5zZU9iai5saWNlbnNlfVxuICAgICAgICAgICAgbGljZW5zZUJveD17bGljZW5zZUJveH1cbiAgICAgICAgICAgIHByaW50VXJsPXtwcmludFVybH1cbiAgICAgICAgICAvPlxuICAgICAgICA8L0xheW91dEl0ZW0+XG4gICAgICAgIDxMYXlvdXRJdGVtIGxheW91dD1cImV4dGVuZFwiPntjaGlsZHJlbn08L0xheW91dEl0ZW0+XG4gICAgICA8L0FydGljbGVXcmFwcGVyPlxuICAgIDwvZGl2PlxuICApO1xufTtcblxuZXhwb3J0IGRlZmF1bHQgQXJ0aWNsZTtcbiJdfQ== */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
-var ArticleFavoritesButtonWrapper = /*#__PURE__*/(0, _base["default"])("div", process.env.NODE_ENV === "production" ? {
-  target: "ekgxh1z0"
-} : {
+var ArticleFavoritesButtonWrapper = /*#__PURE__*/(0, _base["default"])("div", {
   target: "ekgxh1z0",
   label: "ArticleFavoritesButtonWrapper"
 })("display:flex;justify-content:flex-end;transform:translate(", _core.spacing.xsmall, ", -", _core.spacing.normal, ");height:0;", _core.mq.range({
@@ -157,7 +165,7 @@ var ArticleFavoritesButtonWrapper = /*#__PURE__*/(0, _base["default"])("div", pr
 var getArticleContent = function getArticleContent(content, locale) {
   switch (_typeof(content)) {
     case 'string':
-      return (0, _react2.jsx)(_ArticleContent["default"], {
+      return (0, _jsxRuntime.jsx)(_ArticleContent["default"], {
         content: content,
         locale: locale
       });
@@ -230,51 +238,65 @@ var Article = function Article(_ref4) {
       rightsholders = _article$copyright.rightsholders,
       processors = _article$copyright.processors;
   var authors = creators.length || rightsholders.length ? creators : processors;
-  return (0, _react2.jsx)("div", {
-    ref: wrapperRef
-  }, (0, _react2.jsx)(ArticleWrapper, {
-    modifier: modifier,
-    id: id,
-    ref: articleRef
-  }, (0, _react2.jsx)(_Layout["default"], {
-    layout: "center"
-  }, accessMessage && (0, _react2.jsx)(_ArticleAccessMessage["default"], {
-    message: accessMessage
-  }), messages.messageBox && (0, _react2.jsx)(MSGboxWrapper, null, (0, _react2.jsx)(_MessageBox["default"], {
-    links: messageBoxLinks
-  }, messages.messageBox)), (0, _react2.jsx)(_ArticleHeaderWrapper["default"], {
-    competenceGoals: competenceGoals,
-    competenceGoalTypes: competenceGoalTypes
-  }, onToggleAddToFavorites && (0, _react2.jsx)(ArticleFavoritesButtonWrapper, null, (0, _react2.jsx)(_ArticleFavoritesButton["default"], {
-    articleId: id,
-    isFavorite: isFavorite,
-    onToggleAddToFavorites: onToggleAddToFavorites
-  })), (0, _react2.jsx)(ArticleTitle, {
-    icon: icon,
-    label: messages.label
-  }, title), (0, _react2.jsx)(ArticleIntroduction, {
-    renderMarkdown: renderMarkdown
-  }, introduction))), (0, _react2.jsx)(_Layout["default"], {
-    layout: "center"
-  }, notions && showExplainNotions && (0, _react2.jsx)(_ArticleNotions["default"], {
-    notions: notions.list,
-    relatedContent: notions.related,
-    buttonOffsetRight: articlePositionRight
-  }), getArticleContent(content, locale)), (0, _react2.jsx)(_Layout["default"], {
-    layout: "center"
-  }, footNotes && footNotes.length > 0 && (0, _react2.jsx)(_ArticleFootNotes["default"], {
-    footNotes: footNotes
-  }), (0, _react2.jsx)(_ArticleByline["default"], {
-    copyPageUrlLink: copyPageUrlLink,
-    authors: authors,
-    suppliers: rightsholders,
-    published: published,
-    license: licenseObj.license,
-    licenseBox: licenseBox,
-    printUrl: printUrl
-  })), (0, _react2.jsx)(_Layout["default"], {
-    layout: "extend"
-  }, children)));
+  return (0, _jsxRuntime.jsx)("div", {
+    ref: wrapperRef,
+    children: (0, _jsxRuntime.jsxs)(ArticleWrapper, {
+      modifier: modifier,
+      id: id,
+      ref: articleRef,
+      children: [(0, _jsxRuntime.jsxs)(_Layout["default"], {
+        layout: "center",
+        children: [accessMessage && (0, _jsxRuntime.jsx)(_ArticleAccessMessage["default"], {
+          message: accessMessage
+        }), messages.messageBox && (0, _jsxRuntime.jsx)(MSGboxWrapper, {
+          children: (0, _jsxRuntime.jsx)(_MessageBox["default"], {
+            links: messageBoxLinks,
+            children: messages.messageBox
+          })
+        }), (0, _jsxRuntime.jsxs)(_ArticleHeaderWrapper["default"], {
+          competenceGoals: competenceGoals,
+          competenceGoalTypes: competenceGoalTypes,
+          children: [onToggleAddToFavorites && (0, _jsxRuntime.jsx)(ArticleFavoritesButtonWrapper, {
+            children: (0, _jsxRuntime.jsx)(_ArticleFavoritesButton["default"], {
+              articleId: id,
+              isFavorite: isFavorite,
+              onToggleAddToFavorites: onToggleAddToFavorites
+            })
+          }), (0, _jsxRuntime.jsx)(ArticleTitle, {
+            icon: icon,
+            label: messages.label,
+            children: title
+          }), (0, _jsxRuntime.jsx)(ArticleIntroduction, {
+            renderMarkdown: renderMarkdown,
+            children: introduction
+          })]
+        })]
+      }), (0, _jsxRuntime.jsxs)(_Layout["default"], {
+        layout: "center",
+        children: [notions && showExplainNotions && (0, _jsxRuntime.jsx)(_ArticleNotions["default"], {
+          notions: notions.list,
+          relatedContent: notions.related,
+          buttonOffsetRight: articlePositionRight
+        }), getArticleContent(content, locale)]
+      }), (0, _jsxRuntime.jsxs)(_Layout["default"], {
+        layout: "center",
+        children: [footNotes && footNotes.length > 0 && (0, _jsxRuntime.jsx)(_ArticleFootNotes["default"], {
+          footNotes: footNotes
+        }), (0, _jsxRuntime.jsx)(_ArticleByline["default"], {
+          copyPageUrlLink: copyPageUrlLink,
+          authors: authors,
+          suppliers: rightsholders,
+          published: published,
+          license: licenseObj.license,
+          licenseBox: licenseBox,
+          printUrl: printUrl
+        })]
+      }), (0, _jsxRuntime.jsx)(_Layout["default"], {
+        layout: "extend",
+        children: children
+      })]
+    })
+  });
 };
 
 exports.Article = Article;

package/lib/Article/ArticleAccessMessage.js

@@ -9,14 +9,14 @@ exports["default"] = void 0;
 
 var _base = _interopRequireDefault(require("@emotion/styled/base"));
 
+var _jsxRuntime = require("@emotion/react/jsx-runtime");
+
 var React = _interopRequireWildcard(require("react"));
 
 var _core = require("@ndla/core");
 
 var _common = require("@ndla/icons/common");
 
-var _react2 = require("@emotion/react");
-
 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; }
@@ -25,15 +25,11 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "d
 
 function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
 
-var StyledMessage = /*#__PURE__*/(0, _base["default"])("span", process.env.NODE_ENV === "production" ? {
-  target: "ef7syc21"
-} : {
+var StyledMessage = /*#__PURE__*/(0, _base["default"])("span", {
   target: "ef7syc21",
   label: "StyledMessage"
 })("position:absolute;top:-50px;color:", _core.colors.text.light, ";", _core.fonts.sizes('14px', '18px'), ";font-family:", _core.fonts.sans, ";display:flex;flex-direction:row;justify-content:flex-start;align-items:center;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkFydGljbGVBY2Nlc3NNZXNzYWdlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFhaUMiLCJmaWxlIjoiQXJ0aWNsZUFjY2Vzc01lc3NhZ2UudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDb3B5cmlnaHQgKGMpIDIwMjEtcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLlxuICpcbiAqL1xuXG5pbXBvcnQgKiBhcyBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjb2xvcnMsIGZvbnRzIH0gZnJvbSAnQG5kbGEvY29yZSc7XG5pbXBvcnQgeyBIdW1hbk1hbGVCb2FyZCB9IGZyb20gJ0BuZGxhL2ljb25zL2NvbW1vbic7XG5cbmNvbnN0IFN0eWxlZE1lc3NhZ2UgPSBzdHlsZWQuc3BhbmBcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB0b3A6IC01MHB4O1xuICBjb2xvcjogJHtjb2xvcnMudGV4dC5saWdodH07XG4gICR7Zm9udHMuc2l6ZXMoJzE0cHgnLCAnMThweCcpfTtcbiAgZm9udC1mYW1pbHk6ICR7Zm9udHMuc2Fuc307XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiByb3c7XG4gIGp1c3RpZnktY29udGVudDogZmxleC1zdGFydDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbmA7XG5jb25zdCBJY29uV3JhcHBlciA9IHN0eWxlZC5zcGFuYFxuICBtYXJnaW4tcmlnaHQ6IDAuNXJlbTtcbmA7XG5cbnR5cGUgUHJvcHMgPSB7XG4gIG1lc3NhZ2U6IHN0cmluZztcbn07XG5cbmNvbnN0IEFydGljbGVBY2Nlc3NNZXNzYWdlID0gKHsgbWVzc2FnZSB9OiBQcm9wcykgPT4gKFxuICA8PlxuICAgIDxTdHlsZWRNZXNzYWdlPlxuICAgICAgPEljb25XcmFwcGVyPlxuICAgICAgICA8SHVtYW5NYWxlQm9hcmQgLz5cbiAgICAgIDwvSWNvbldyYXBwZXI+XG4gICAgICB7bWVzc2FnZX1cbiAgICA8L1N0eWxlZE1lc3NhZ2U+XG4gIDwvPlxuKTtcblxuZXhwb3J0IGRlZmF1bHQgQXJ0aWNsZUFjY2Vzc01lc3NhZ2U7XG4iXX0= */"));
-var IconWrapper = /*#__PURE__*/(0, _base["default"])("span", process.env.NODE_ENV === "production" ? {
-  target: "ef7syc20"
-} : {
+var IconWrapper = /*#__PURE__*/(0, _base["default"])("span", {
   target: "ef7syc20",
   label: "IconWrapper"
 })(process.env.NODE_ENV === "production" ? {
@@ -48,7 +44,13 @@ var IconWrapper = /*#__PURE__*/(0, _base["default"])("span", process.env.NODE_EN
 
 var ArticleAccessMessage = function ArticleAccessMessage(_ref) {
   var message = _ref.message;
-  return (0, _react2.jsx)(React.Fragment, null, (0, _react2.jsx)(StyledMessage, null, (0, _react2.jsx)(IconWrapper, null, (0, _react2.jsx)(_common.HumanMaleBoard, null)), message));
+  return (0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+    children: (0, _jsxRuntime.jsxs)(StyledMessage, {
+      children: [(0, _jsxRuntime.jsx)(IconWrapper, {
+        children: (0, _jsxRuntime.jsx)(_common.HumanMaleBoard, {})
+      }), message]
+    })
+  });
 };
 
 var _default = ArticleAccessMessage;