@ndla/ui 30.0.2 → 30.0.6

package/es/Notion/FigureNotion.js

@@ -1,4 +1,7 @@
 import _styled from "@emotion/styled/base";
+import { jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+import { Fragment as _Fragment } from "@emotion/react/jsx-runtime";
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
 
 function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
 
@@ -12,22 +15,13 @@ function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToAr
 
 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; }
 
-/**
- * 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. *
- */
 import { colors, spacing } from '@ndla/core';
 import { getGroupedContributorDescriptionList, getLicenseByAbbreviation, getLicenseCredits } from '@ndla/licenses';
 import React from 'react';
 import { useTranslation } from 'react-i18next';
 import { Figure, FigureCaption, FigureLicenseDialog } from '../Figure';
-import { jsx as ___EmotionJSX } from "@emotion/react";
 
-var BottomBorder = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
-  target: "e16vwpby0"
-} : {
+var BottomBorder = /*#__PURE__*/_styled("div", {
   target: "e16vwpby0",
   label: "BottomBorder"
 })("margin-top:", spacing.normal, ";border-bottom:1px solid ", colors.brand.greyLight, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZpZ3VyZU5vdGlvbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZStCIiwiZmlsZSI6IkZpZ3VyZU5vdGlvbi50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAyMi1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuICpcbiAqL1xuXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjb2xvcnMsIHNwYWNpbmcgfSBmcm9tICdAbmRsYS9jb3JlJztcbmltcG9ydCB7IGdldEdyb3VwZWRDb250cmlidXRvckRlc2NyaXB0aW9uTGlzdCwgZ2V0TGljZW5zZUJ5QWJicmV2aWF0aW9uLCBnZXRMaWNlbnNlQ3JlZGl0cyB9IGZyb20gJ0BuZGxhL2xpY2Vuc2VzJztcbmltcG9ydCBSZWFjdCwgeyBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyB1c2VUcmFuc2xhdGlvbiB9IGZyb20gJ3JlYWN0LWkxOG5leHQnO1xuaW1wb3J0IHsgRmlndXJlLCBGaWd1cmVDYXB0aW9uLCBGaWd1cmVMaWNlbnNlRGlhbG9nLCBGaWd1cmVUeXBlIH0gZnJvbSAnLi4vRmlndXJlJztcbmltcG9ydCB7IENvcHlyaWdodCB9IGZyb20gJy4uL3R5cGVzJztcblxuY29uc3QgQm90dG9tQm9yZGVyID0gc3R5bGVkLmRpdmBcbiAgbWFyZ2luLXRvcDogJHtzcGFjaW5nLm5vcm1hbH07XG4gIGJvcmRlci1ib3R0b206IDFweCBzb2xpZCAke2NvbG9ycy5icmFuZC5ncmV5TGlnaHR9O1xuYDtcblxuaW50ZXJmYWNlIFByb3BzIHtcbiAgcmVzaXplSWZyYW1lPzogYm9vbGVhbjtcbiAgZmlndXJlSWQ6IHN0cmluZztcbiAgY2hpbGRyZW46IFJlYWN0Tm9kZSB8ICgocGFyYW1zOiB7IHR5cGVDbGFzczogc3RyaW5nIH0pID0+IFJlYWN0Tm9kZSk7XG4gIGlkOiBzdHJpbmc7XG4gIHRpdGxlOiBzdHJpbmc7XG4gIGNvcHlyaWdodD86IFBhcnRpYWw8Q29weXJpZ2h0PjtcbiAgbGljZW5zZVN0cmluZzogc3RyaW5nO1xuICB0eXBlOiAndmlkZW8nIHwgJ2g1cCcgfCAnaW1hZ2UnIHwgJ2NvbmNlcHQnIHwgJ290aGVyJztcbiAgaGlkZUZpZ0NhcHRpb24/OiBib29sZWFuO1xuICBoaWRlSWNvbnNBbmRBdXRob3JzPzogYm9vbGVhbjtcbiAgZmlndXJlVHlwZT86IEZpZ3VyZVR5cGU7XG4gIGxpY2Vuc2VCdXR0b25zPzogUmVhY3ROb2RlO1xufVxuXG5jb25zdCBGaWd1cmVOb3Rpb24gPSAoe1xuICByZXNpemVJZnJhbWUsXG4gIGZpZ3VyZUlkLFxuICBjaGlsZHJlbixcbiAgaWQsXG4gIGNvcHlyaWdodCxcbiAgbGljZW5zZVN0cmluZyxcbiAgdGl0bGUsXG4gIHR5cGUsXG4gIGhpZGVGaWdDYXB0aW9uLFxuICBoaWRlSWNvbnNBbmRBdXRob3JzLFxuICBmaWd1cmVUeXBlLFxuICBsaWNlbnNlQnV0dG9ucyxcbn06IFByb3BzKSA9PiB7XG4gIGNvbnN0IHsgdCwgaTE4biB9ID0gdXNlVHJhbnNsYXRpb24oKTtcbiAgY29uc3QgbGljZW5zZSA9IGdldExpY2Vuc2VCeUFiYnJldmlhdGlvbihsaWNlbnNlU3RyaW5nLCBpMThuLmxhbmd1YWdlKTtcbiAgY29uc3QgbGljZW5zZUNyZWRpdHMgPSBnZXRMaWNlbnNlQ3JlZGl0cyhjb3B5cmlnaHQpO1xuICBjb25zdCB7IGNyZWF0b3JzLCByaWdodHNob2xkZXJzLCBwcm9jZXNzb3JzIH0gPSBsaWNlbnNlQ3JlZGl0cztcblxuICBjb25zdCBhdXRob3JzID0gY3JlYXRvcnMubGVuZ3RoIHx8IHJpZ2h0c2hvbGRlcnMubGVuZ3RoID8gWy4uLmNyZWF0b3JzLCAuLi5yaWdodHNob2xkZXJzXSA6IFsuLi5wcm9jZXNzb3JzXTtcblxuICBjb25zdCBncm91cGVkQXV0aG9ycyA9IGdldEdyb3VwZWRDb250cmlidXRvckRlc2NyaXB0aW9uTGlzdChsaWNlbnNlQ3JlZGl0cywgaTE4bi5sYW5ndWFnZSkubWFwKChpdGVtKSA9PiAoe1xuICAgIG5hbWU6IGl0ZW0uZGVzY3JpcHRpb24sXG4gICAgdHlwZTogaXRlbS5sYWJlbCxcbiAgfSkpO1xuXG4gIHJldHVybiAoXG4gICAgPEZpZ3VyZSByZXNpemVJZnJhbWU9e3Jlc2l6ZUlmcmFtZX0gaWQ9e2ZpZ3VyZUlkfSB0eXBlPXtmaWd1cmVUeXBlIHx8ICdmdWxsLWNvbHVtbid9PlxuICAgICAgeyh7IHR5cGVDbGFzcyB9KSA9PiAoXG4gICAgICAgIDw+XG4gICAgICAgICAge3R5cGVvZiBjaGlsZHJlbiA9PT0gJ2Z1bmN0aW9uJyA/IGNoaWxkcmVuKHsgdHlwZUNsYXNzIH0pIDogY2hpbGRyZW59XG4gICAgICAgICAge2NvcHlyaWdodD8ubGljZW5zZT8ubGljZW5zZSA/IChcbiAgICAgICAgICAgIDxGaWd1cmVDYXB0aW9uXG4gICAgICAgICAgICAgIGhpZGVGaWdjYXB0aW9uPXtoaWRlRmlnQ2FwdGlvbn1cbiAgICAgICAgICAgICAgZmlndXJlSWQ9e2ZpZ3VyZUlkfVxuICAgICAgICAgICAgICBpZD17aWR9XG4gICAgICAgICAgICAgIHJldXNlTGFiZWw9e3QoYCR7dHlwZX0ucmV1c2VgKX1cbiAgICAgICAgICAgICAgYXV0aG9ycz17YXV0aG9yc31cbiAgICAgICAgICAgICAgbGljZW5zZVJpZ2h0cz17bGljZW5zZS5yaWdodHN9XG4gICAgICAgICAgICAgIGhpZGVJY29uc0FuZEF1dGhvcnM9e2hpZGVJY29uc0FuZEF1dGhvcnN9PlxuICAgICAgICAgICAgICA8RmlndXJlTGljZW5zZURpYWxvZ1xuICAgICAgICAgICAgICAgIGlkPXtpZH1cbiAgICAgICAgICAgICAgICBhdXRob3JzPXtncm91cGVkQXV0aG9yc31cbiAgICAgICAgICAgICAgICBsb2NhbGU9e2kxOG4ubGFuZ3VhZ2V9XG4gICAgICAgICAgICAgICAgdGl0bGU9e3RpdGxlfVxuICAgICAgICAgICAgICAgIG9yaWdpbj17Y29weXJpZ2h0Py5vcmlnaW59XG4gICAgICAgICAgICAgICAgbGljZW5zZT17bGljZW5zZX1cbiAgICAgICAgICAgICAgICBtZXNzYWdlcz17e1xuICAgICAgICAgICAgICAgICAgY2xvc2U6IHQoJ2Nsb3NlJyksXG4gICAgICAgICAgICAgICAgICBydWxlc0ZvclVzZTogdChgbGljZW5zZS4ke3R5cGV9LnJ1bGVzYCksXG4gICAgICAgICAgICAgICAgICBzb3VyY2U6IHQoJ3NvdXJjZScpLFxuICAgICAgICAgICAgICAgICAgbGVhcm5BYm91dExpY2Vuc2VzOiB0KCdsaWNlbnNlLmxlYXJuTW9yZScpLFxuICAgICAgICAgICAgICAgICAgdGl0bGU6IHQoJ3RpdGxlJyksXG4gICAgICAgICAgICAgICAgfX0+XG4gICAgICAgICAgICAgICAge2xpY2Vuc2VCdXR0b25zfVxuICAgICAgICAgICAgICA8L0ZpZ3VyZUxpY2Vuc2VEaWFsb2c+XG4gICAgICAgICAgICA8L0ZpZ3VyZUNhcHRpb24+XG4gICAgICAgICAgKSA6IChcbiAgICAgICAgICAgIDxCb3R0b21Cb3JkZXIgLz5cbiAgICAgICAgICApfVxuICAgICAgICA8Lz5cbiAgICAgICl9XG4gICAgPC9GaWd1cmU+XG4gICk7XG59O1xuXG5leHBvcnQgZGVmYXVsdCBGaWd1cmVOb3Rpb247XG4iXX0= */"));
@@ -35,7 +29,7 @@ var BottomBorder = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "product
 var FigureNotion = function FigureNotion(_ref) {
   var resizeIframe = _ref.resizeIframe,
       figureId = _ref.figureId,
-      children = _ref.children,
+      _children = _ref.children,
       id = _ref.id,
       copyright = _ref.copyright,
       licenseString = _ref.licenseString,
@@ -62,39 +56,44 @@ var FigureNotion = function FigureNotion(_ref) {
       type: item.label
     };
   });
-  return ___EmotionJSX(Figure, {
+  return _jsx(Figure, {
     resizeIframe: resizeIframe,
     id: figureId,
-    type: figureType || 'full-column'
-  }, function (_ref2) {
-    var _copyright$license;
+    type: figureType || 'full-column',
+    children: function children(_ref2) {
+      var _copyright$license;
 
-    var typeClass = _ref2.typeClass;
-    return ___EmotionJSX(React.Fragment, null, typeof children === 'function' ? children({
-      typeClass: typeClass
-    }) : children, (copyright === null || copyright === void 0 ? void 0 : (_copyright$license = copyright.license) === null || _copyright$license === void 0 ? void 0 : _copyright$license.license) ? ___EmotionJSX(FigureCaption, {
-      hideFigcaption: hideFigCaption,
-      figureId: figureId,
-      id: id,
-      reuseLabel: t("".concat(type, ".reuse")),
-      authors: authors,
-      licenseRights: license.rights,
-      hideIconsAndAuthors: hideIconsAndAuthors
-    }, ___EmotionJSX(FigureLicenseDialog, {
-      id: id,
-      authors: groupedAuthors,
-      locale: i18n.language,
-      title: title,
-      origin: copyright === null || copyright === void 0 ? void 0 : copyright.origin,
-      license: license,
-      messages: {
-        close: t('close'),
-        rulesForUse: t("license.".concat(type, ".rules")),
-        source: t('source'),
-        learnAboutLicenses: t('license.learnMore'),
-        title: t('title')
-      }
-    }, licenseButtons)) : ___EmotionJSX(BottomBorder, null));
+      var typeClass = _ref2.typeClass;
+      return _jsxs(_Fragment, {
+        children: [typeof _children === 'function' ? _children({
+          typeClass: typeClass
+        }) : _children, (copyright === null || copyright === void 0 ? void 0 : (_copyright$license = copyright.license) === null || _copyright$license === void 0 ? void 0 : _copyright$license.license) ? _jsx(FigureCaption, {
+          hideFigcaption: hideFigCaption,
+          figureId: figureId,
+          id: id,
+          reuseLabel: t("".concat(type, ".reuse")),
+          authors: authors,
+          licenseRights: license.rights,
+          hideIconsAndAuthors: hideIconsAndAuthors,
+          children: _jsx(FigureLicenseDialog, {
+            id: id,
+            authors: groupedAuthors,
+            locale: i18n.language,
+            title: title,
+            origin: copyright === null || copyright === void 0 ? void 0 : copyright.origin,
+            license: license,
+            messages: {
+              close: t('close'),
+              rulesForUse: t("license.".concat(type, ".rules")),
+              source: t('source'),
+              learnAboutLicenses: t('license.learnMore'),
+              title: t('title')
+            },
+            children: licenseButtons
+          })
+        }) : _jsx(BottomBorder, {})]
+      });
+    }
   });
 };
 

package/es/Notion/Notion.js

@@ -1,4 +1,7 @@
 import _styled from "@emotion/styled/base";
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+import { Fragment as _Fragment } from "@emotion/react/jsx-runtime";
+import { jsxs as _jsxs } from "@emotion/react/jsx-runtime";
 
 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)."; }
 
@@ -13,11 +16,8 @@ import React, { Fragment } from 'react';
 import { useTranslation } from 'react-i18next';
 import { parseMarkdown } from '@ndla/util';
 import { breakpoints, fonts, mq, spacing } from '@ndla/core';
-import { jsx as ___EmotionJSX } from "@emotion/react";
 
-var ContentWrapper = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
-  target: "eztjhst3"
-} : {
+var ContentWrapper = /*#__PURE__*/_styled("div", {
   target: "eztjhst3",
   label: "ContentWrapper"
 })(mq.range({
@@ -26,9 +26,7 @@ var ContentWrapper = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "produ
   until: breakpoints.tabletWide
 }), "{width:100%!important;padding:0;}}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIk5vdGlvbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBYWlDIiwiZmlsZSI6Ik5vdGlvbi50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAyMS1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5pbXBvcnQgUmVhY3QsIHsgRnJhZ21lbnQsIFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IHVzZVRyYW5zbGF0aW9uIH0gZnJvbSAncmVhY3QtaTE4bmV4dCc7XG5pbXBvcnQgeyBwYXJzZU1hcmtkb3duIH0gZnJvbSAnQG5kbGEvdXRpbCc7XG5pbXBvcnQgeyBicmVha3BvaW50cywgZm9udHMsIG1xLCBzcGFjaW5nIH0gZnJvbSAnQG5kbGEvY29yZSc7XG5cbmNvbnN0IENvbnRlbnRXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgJHttcS5yYW5nZSh7IHVudGlsOiBicmVha3BvaW50cy50YWJsZXRXaWRlIH0pfSB7XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBmbGV4LWRpcmVjdGlvbjogY29sdW1uLXJldmVyc2U7XG4gIH1cbiAgLmMtZmlndXJlIHtcbiAgICBtYXJnaW46IDA7XG4gICAgcGFkZGluZzogMCAwIDAgMjBweDtcbiAgICAmLmV4cGFuZGVkIHtcbiAgICAgIHdpZHRoOiAxMDAlICFpbXBvcnRhbnQ7XG4gICAgICBwYWRkaW5nOiAwO1xuICAgICAgbWFyZ2luLWJvdHRvbTogJHtzcGFjaW5nLm5vcm1hbH07XG4gICAgfVxuICAgICR7bXEucmFuZ2UoeyB1bnRpbDogYnJlYWtwb2ludHMudGFibGV0V2lkZSB9KX0ge1xuICAgICAgd2lkdGg6IDEwMCUgIWltcG9ydGFudDtcbiAgICAgIHBhZGRpbmc6IDA7XG4gICAgfVxuICB9XG5gO1xuY29uc3QgVGV4dFdyYXBwZXIgPSBzdHlsZWQuZGl2PHsgaGFzVmlzdWFsRWxlbWVudDogYm9vbGVhbiB9PmBcbiAgd2lkdGg6ICR7KHByb3BzKSA9PiAocHJvcHMuaGFzVmlzdWFsRWxlbWVudCA/ICc3NSUnIDogJzEwMCUnKX07XG5cbiAgJHttcS5yYW5nZSh7IHVudGlsOiBicmVha3BvaW50cy50YWJsZXRXaWRlIH0pfSB7XG4gICAgd2lkdGg6IDEwMCU7XG4gIH1cbiAgZm9udC1mYW1pbHk6ICR7Zm9udHMuc2Fuc307XG4gICR7Zm9udHMuc2l6ZXMoJzE4cHgnLCAnMjhweCcpfTtcbiAgJHtDb250ZW50V3JhcHBlcn0gLmMtZmlndXJlLmV4cGFuZGVkICsgJiB7XG4gICAgd2lkdGg6IDEwMCU7XG4gIH1cbiAgJHttcS5yYW5nZSh7IGZyb206IGJyZWFrcG9pbnRzLmRlc2t0b3AgfSl9IHtcbiAgICB1bCxcbiAgICBvbCB7XG4gICAgICBtYXJnaW46IDEycHggMDtcbiAgICAgIHBhZGRpbmc6IDAgMXJlbSAwIDJyZW07XG4gICAgfVxuICAgIG9sID4gbGkge1xuICAgICAgbWFyZ2luLWxlZnQ6IDI0cHg7XG4gICAgfVxuICB9XG5gO1xuXG5jb25zdCBDbGVhcldyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBjbGVhcjogYm90aDtcbmA7XG5cbmNvbnN0IExhYmVsc0NvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICR7Zm9udHMuc2l6ZXMoJzE0cHgnLCAnMjRweCcpfTtcbiAgZm9udC1mYW1pbHk6ICR7Zm9udHMuc2Fuc307XG4gIG1hcmdpbjogJHtzcGFjaW5nLnNtYWxsfSAwO1xuYDtcblxuZXhwb3J0IHR5cGUgTm90aW9uUHJvcHMgPSB7XG4gIGlkOiBzdHJpbmcgfCBudW1iZXI7XG4gIGxhYmVscz86IHN0cmluZ1tdO1xuICB0ZXh0OiBSZWFjdE5vZGU7XG4gIHRpdGxlOiBzdHJpbmc7XG4gIHZpc3VhbEVsZW1lbnQ6IFJlYWN0Tm9kZTtcbiAgaW1hZ2VFbGVtZW50PzogUmVhY3ROb2RlO1xuICBjaGlsZHJlbj86IFJlYWN0Tm9kZTtcbn07XG5cbmNvbnN0IE5vdGlvbiA9ICh7IGlkLCBsYWJlbHMgPSBbXSwgdGV4dCwgdGl0bGUsIHZpc3VhbEVsZW1lbnQsIGltYWdlRWxlbWVudCwgY2hpbGRyZW4gfTogTm90aW9uUHJvcHMpID0+IHtcbiAgY29uc3QgeyB0IH0gPSB1c2VUcmFuc2xhdGlvbigpO1xuXG4gIHJldHVybiAoXG4gICAgPGRpdj5cbiAgICAgIDxDb250ZW50V3JhcHBlcj5cbiAgICAgICAge2ltYWdlRWxlbWVudH1cbiAgICAgICAge3Zpc3VhbEVsZW1lbnR9XG4gICAgICAgIDxUZXh0V3JhcHBlciBoYXNWaXN1YWxFbGVtZW50PXshIShpbWFnZUVsZW1lbnQgfHwgdmlzdWFsRWxlbWVudCl9PlxuICAgICAgICAgIHtwYXJzZU1hcmtkb3duKGAqKiR7dGl0bGV9KiogXFx1MjAxMyAke3RleHR9YCwgJ2JvZHknKX1cbiAgICAgICAgICB7ISFsYWJlbHMubGVuZ3RoICYmIChcbiAgICAgICAgICAgIDxMYWJlbHNDb250YWluZXI+XG4gICAgICAgICAgICAgIHt0KCdzZWFyY2hQYWdlLnJlc3VsdFR5cGUubm90aW9uTGFiZWxzJyl9XG4gICAgICAgICAgICAgIHtsYWJlbHMubWFwKChsYWJlbCwgaSkgPT4gKFxuICAgICAgICAgICAgICAgIDxGcmFnbWVudCBrZXk9e2Bub3Rpb24tJHtpZH0tbGFiZWwtJHtpICsgMX1gfT5cbiAgICAgICAgICAgICAgICAgIHsnICd9XG4gICAgICAgICAgICAgICAgICB7bGFiZWx9XG4gICAgICAgICAgICAgICAgICB7aSA8IGxhYmVscz8ubGVuZ3RoIC0gMSAmJiA8PiAmIzgyMjY7PC8+fVxuICAgICAgICAgICAgICAgIDwvRnJhZ21lbnQ+XG4gICAgICAgICAgICAgICkpfVxuICAgICAgICAgICAgPC9MYWJlbHNDb250YWluZXI+XG4gICAgICAgICAgKX1cbiAgICAgICAgPC9UZXh0V3JhcHBlcj5cbiAgICAgICAgPENsZWFyV3JhcHBlciAvPlxuICAgICAgPC9Db250ZW50V3JhcHBlcj5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L2Rpdj5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IE5vdGlvbjtcbiJdfQ== */"));
 
-var TextWrapper = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
-  target: "eztjhst2"
-} : {
+var TextWrapper = /*#__PURE__*/_styled("div", {
   target: "eztjhst2",
   label: "TextWrapper"
 })("width:", function (props) {
@@ -39,9 +37,7 @@ var TextWrapper = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "producti
   from: breakpoints.desktop
 }), "{ul,ol{margin:12px 0;padding:0 1rem 0 2rem;}ol>li{margin-left:24px;}}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIk5vdGlvbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZ0M2RCIsImZpbGUiOiJOb3Rpb24udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDb3B5cmlnaHQgKGMpIDIwMjEtcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLlxuICpcbiAqL1xuaW1wb3J0IFJlYWN0LCB7IEZyYWdtZW50LCBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyB1c2VUcmFuc2xhdGlvbiB9IGZyb20gJ3JlYWN0LWkxOG5leHQnO1xuaW1wb3J0IHsgcGFyc2VNYXJrZG93biB9IGZyb20gJ0BuZGxhL3V0aWwnO1xuaW1wb3J0IHsgYnJlYWtwb2ludHMsIGZvbnRzLCBtcSwgc3BhY2luZyB9IGZyb20gJ0BuZGxhL2NvcmUnO1xuXG5jb25zdCBDb250ZW50V3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gICR7bXEucmFuZ2UoeyB1bnRpbDogYnJlYWtwb2ludHMudGFibGV0V2lkZSB9KX0ge1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbi1yZXZlcnNlO1xuICB9XG4gIC5jLWZpZ3VyZSB7XG4gICAgbWFyZ2luOiAwO1xuICAgIHBhZGRpbmc6IDAgMCAwIDIwcHg7XG4gICAgJi5leHBhbmRlZCB7XG4gICAgICB3aWR0aDogMTAwJSAhaW1wb3J0YW50O1xuICAgICAgcGFkZGluZzogMDtcbiAgICAgIG1hcmdpbi1ib3R0b206ICR7c3BhY2luZy5ub3JtYWx9O1xuICAgIH1cbiAgICAke21xLnJhbmdlKHsgdW50aWw6IGJyZWFrcG9pbnRzLnRhYmxldFdpZGUgfSl9IHtcbiAgICAgIHdpZHRoOiAxMDAlICFpbXBvcnRhbnQ7XG4gICAgICBwYWRkaW5nOiAwO1xuICAgIH1cbiAgfVxuYDtcbmNvbnN0IFRleHRXcmFwcGVyID0gc3R5bGVkLmRpdjx7IGhhc1Zpc3VhbEVsZW1lbnQ6IGJvb2xlYW4gfT5gXG4gIHdpZHRoOiAkeyhwcm9wcykgPT4gKHByb3BzLmhhc1Zpc3VhbEVsZW1lbnQgPyAnNzUlJyA6ICcxMDAlJyl9O1xuXG4gICR7bXEucmFuZ2UoeyB1bnRpbDogYnJlYWtwb2ludHMudGFibGV0V2lkZSB9KX0ge1xuICAgIHdpZHRoOiAxMDAlO1xuICB9XG4gIGZvbnQtZmFtaWx5OiAke2ZvbnRzLnNhbnN9O1xuICAke2ZvbnRzLnNpemVzKCcxOHB4JywgJzI4cHgnKX07XG4gICR7Q29udGVudFdyYXBwZXJ9IC5jLWZpZ3VyZS5leHBhbmRlZCArICYge1xuICAgIHdpZHRoOiAxMDAlO1xuICB9XG4gICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy5kZXNrdG9wIH0pfSB7XG4gICAgdWwsXG4gICAgb2wge1xuICAgICAgbWFyZ2luOiAxMnB4IDA7XG4gICAgICBwYWRkaW5nOiAwIDFyZW0gMCAycmVtO1xuICAgIH1cbiAgICBvbCA+IGxpIHtcbiAgICAgIG1hcmdpbi1sZWZ0OiAyNHB4O1xuICAgIH1cbiAgfVxuYDtcblxuY29uc3QgQ2xlYXJXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgY2xlYXI6IGJvdGg7XG5gO1xuXG5jb25zdCBMYWJlbHNDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAke2ZvbnRzLnNpemVzKCcxNHB4JywgJzI0cHgnKX07XG4gIGZvbnQtZmFtaWx5OiAke2ZvbnRzLnNhbnN9O1xuICBtYXJnaW46ICR7c3BhY2luZy5zbWFsbH0gMDtcbmA7XG5cbmV4cG9ydCB0eXBlIE5vdGlvblByb3BzID0ge1xuICBpZDogc3RyaW5nIHwgbnVtYmVyO1xuICBsYWJlbHM/OiBzdHJpbmdbXTtcbiAgdGV4dDogUmVhY3ROb2RlO1xuICB0aXRsZTogc3RyaW5nO1xuICB2aXN1YWxFbGVtZW50OiBSZWFjdE5vZGU7XG4gIGltYWdlRWxlbWVudD86IFJlYWN0Tm9kZTtcbiAgY2hpbGRyZW4/OiBSZWFjdE5vZGU7XG59O1xuXG5jb25zdCBOb3Rpb24gPSAoeyBpZCwgbGFiZWxzID0gW10sIHRleHQsIHRpdGxlLCB2aXN1YWxFbGVtZW50LCBpbWFnZUVsZW1lbnQsIGNoaWxkcmVuIH06IE5vdGlvblByb3BzKSA9PiB7XG4gIGNvbnN0IHsgdCB9ID0gdXNlVHJhbnNsYXRpb24oKTtcblxuICByZXR1cm4gKFxuICAgIDxkaXY+XG4gICAgICA8Q29udGVudFdyYXBwZXI+XG4gICAgICAgIHtpbWFnZUVsZW1lbnR9XG4gICAgICAgIHt2aXN1YWxFbGVtZW50fVxuICAgICAgICA8VGV4dFdyYXBwZXIgaGFzVmlzdWFsRWxlbWVudD17ISEoaW1hZ2VFbGVtZW50IHx8IHZpc3VhbEVsZW1lbnQpfT5cbiAgICAgICAgICB7cGFyc2VNYXJrZG93bihgKioke3RpdGxlfSoqIFxcdTIwMTMgJHt0ZXh0fWAsICdib2R5Jyl9XG4gICAgICAgICAgeyEhbGFiZWxzLmxlbmd0aCAmJiAoXG4gICAgICAgICAgICA8TGFiZWxzQ29udGFpbmVyPlxuICAgICAgICAgICAgICB7dCgnc2VhcmNoUGFnZS5yZXN1bHRUeXBlLm5vdGlvbkxhYmVscycpfVxuICAgICAgICAgICAgICB7bGFiZWxzLm1hcCgobGFiZWwsIGkpID0+IChcbiAgICAgICAgICAgICAgICA8RnJhZ21lbnQga2V5PXtgbm90aW9uLSR7aWR9LWxhYmVsLSR7aSArIDF9YH0+XG4gICAgICAgICAgICAgICAgICB7JyAnfVxuICAgICAgICAgICAgICAgICAge2xhYmVsfVxuICAgICAgICAgICAgICAgICAge2kgPCBsYWJlbHM/Lmxlbmd0aCAtIDEgJiYgPD4gJiM4MjI2OzwvPn1cbiAgICAgICAgICAgICAgICA8L0ZyYWdtZW50PlxuICAgICAgICAgICAgICApKX1cbiAgICAgICAgICAgIDwvTGFiZWxzQ29udGFpbmVyPlxuICAgICAgICAgICl9XG4gICAgICAgIDwvVGV4dFdyYXBwZXI+XG4gICAgICAgIDxDbGVhcldyYXBwZXIgLz5cbiAgICAgIDwvQ29udGVudFdyYXBwZXI+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgPC9kaXY+XG4gICk7XG59O1xuXG5leHBvcnQgZGVmYXVsdCBOb3Rpb247XG4iXX0= */"));
 
-var ClearWrapper = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
-  target: "eztjhst1"
-} : {
+var ClearWrapper = /*#__PURE__*/_styled("div", {
   target: "eztjhst1",
   label: "ClearWrapper"
 })(process.env.NODE_ENV === "production" ? {
@@ -54,9 +50,7 @@ var ClearWrapper = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "product
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
 
-var LabelsContainer = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
-  target: "eztjhst0"
-} : {
+var LabelsContainer = /*#__PURE__*/_styled("div", {
   target: "eztjhst0",
   label: "LabelsContainer"
 })("display:flex;align-items:center;", fonts.sizes('14px', '24px'), ";font-family:", fonts.sans, ";margin:", spacing.small, " 0;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIk5vdGlvbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMkRrQyIsImZpbGUiOiJOb3Rpb24udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDb3B5cmlnaHQgKGMpIDIwMjEtcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLlxuICpcbiAqL1xuaW1wb3J0IFJlYWN0LCB7IEZyYWdtZW50LCBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyB1c2VUcmFuc2xhdGlvbiB9IGZyb20gJ3JlYWN0LWkxOG5leHQnO1xuaW1wb3J0IHsgcGFyc2VNYXJrZG93biB9IGZyb20gJ0BuZGxhL3V0aWwnO1xuaW1wb3J0IHsgYnJlYWtwb2ludHMsIGZvbnRzLCBtcSwgc3BhY2luZyB9IGZyb20gJ0BuZGxhL2NvcmUnO1xuXG5jb25zdCBDb250ZW50V3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gICR7bXEucmFuZ2UoeyB1bnRpbDogYnJlYWtwb2ludHMudGFibGV0V2lkZSB9KX0ge1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbi1yZXZlcnNlO1xuICB9XG4gIC5jLWZpZ3VyZSB7XG4gICAgbWFyZ2luOiAwO1xuICAgIHBhZGRpbmc6IDAgMCAwIDIwcHg7XG4gICAgJi5leHBhbmRlZCB7XG4gICAgICB3aWR0aDogMTAwJSAhaW1wb3J0YW50O1xuICAgICAgcGFkZGluZzogMDtcbiAgICAgIG1hcmdpbi1ib3R0b206ICR7c3BhY2luZy5ub3JtYWx9O1xuICAgIH1cbiAgICAke21xLnJhbmdlKHsgdW50aWw6IGJyZWFrcG9pbnRzLnRhYmxldFdpZGUgfSl9IHtcbiAgICAgIHdpZHRoOiAxMDAlICFpbXBvcnRhbnQ7XG4gICAgICBwYWRkaW5nOiAwO1xuICAgIH1cbiAgfVxuYDtcbmNvbnN0IFRleHRXcmFwcGVyID0gc3R5bGVkLmRpdjx7IGhhc1Zpc3VhbEVsZW1lbnQ6IGJvb2xlYW4gfT5gXG4gIHdpZHRoOiAkeyhwcm9wcykgPT4gKHByb3BzLmhhc1Zpc3VhbEVsZW1lbnQgPyAnNzUlJyA6ICcxMDAlJyl9O1xuXG4gICR7bXEucmFuZ2UoeyB1bnRpbDogYnJlYWtwb2ludHMudGFibGV0V2lkZSB9KX0ge1xuICAgIHdpZHRoOiAxMDAlO1xuICB9XG4gIGZvbnQtZmFtaWx5OiAke2ZvbnRzLnNhbnN9O1xuICAke2ZvbnRzLnNpemVzKCcxOHB4JywgJzI4cHgnKX07XG4gICR7Q29udGVudFdyYXBwZXJ9IC5jLWZpZ3VyZS5leHBhbmRlZCArICYge1xuICAgIHdpZHRoOiAxMDAlO1xuICB9XG4gICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy5kZXNrdG9wIH0pfSB7XG4gICAgdWwsXG4gICAgb2wge1xuICAgICAgbWFyZ2luOiAxMnB4IDA7XG4gICAgICBwYWRkaW5nOiAwIDFyZW0gMCAycmVtO1xuICAgIH1cbiAgICBvbCA+IGxpIHtcbiAgICAgIG1hcmdpbi1sZWZ0OiAyNHB4O1xuICAgIH1cbiAgfVxuYDtcblxuY29uc3QgQ2xlYXJXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgY2xlYXI6IGJvdGg7XG5gO1xuXG5jb25zdCBMYWJlbHNDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAke2ZvbnRzLnNpemVzKCcxNHB4JywgJzI0cHgnKX07XG4gIGZvbnQtZmFtaWx5OiAke2ZvbnRzLnNhbnN9O1xuICBtYXJnaW46ICR7c3BhY2luZy5zbWFsbH0gMDtcbmA7XG5cbmV4cG9ydCB0eXBlIE5vdGlvblByb3BzID0ge1xuICBpZDogc3RyaW5nIHwgbnVtYmVyO1xuICBsYWJlbHM/OiBzdHJpbmdbXTtcbiAgdGV4dDogUmVhY3ROb2RlO1xuICB0aXRsZTogc3RyaW5nO1xuICB2aXN1YWxFbGVtZW50OiBSZWFjdE5vZGU7XG4gIGltYWdlRWxlbWVudD86IFJlYWN0Tm9kZTtcbiAgY2hpbGRyZW4/OiBSZWFjdE5vZGU7XG59O1xuXG5jb25zdCBOb3Rpb24gPSAoeyBpZCwgbGFiZWxzID0gW10sIHRleHQsIHRpdGxlLCB2aXN1YWxFbGVtZW50LCBpbWFnZUVsZW1lbnQsIGNoaWxkcmVuIH06IE5vdGlvblByb3BzKSA9PiB7XG4gIGNvbnN0IHsgdCB9ID0gdXNlVHJhbnNsYXRpb24oKTtcblxuICByZXR1cm4gKFxuICAgIDxkaXY+XG4gICAgICA8Q29udGVudFdyYXBwZXI+XG4gICAgICAgIHtpbWFnZUVsZW1lbnR9XG4gICAgICAgIHt2aXN1YWxFbGVtZW50fVxuICAgICAgICA8VGV4dFdyYXBwZXIgaGFzVmlzdWFsRWxlbWVudD17ISEoaW1hZ2VFbGVtZW50IHx8IHZpc3VhbEVsZW1lbnQpfT5cbiAgICAgICAgICB7cGFyc2VNYXJrZG93bihgKioke3RpdGxlfSoqIFxcdTIwMTMgJHt0ZXh0fWAsICdib2R5Jyl9XG4gICAgICAgICAgeyEhbGFiZWxzLmxlbmd0aCAmJiAoXG4gICAgICAgICAgICA8TGFiZWxzQ29udGFpbmVyPlxuICAgICAgICAgICAgICB7dCgnc2VhcmNoUGFnZS5yZXN1bHRUeXBlLm5vdGlvbkxhYmVscycpfVxuICAgICAgICAgICAgICB7bGFiZWxzLm1hcCgobGFiZWwsIGkpID0+IChcbiAgICAgICAgICAgICAgICA8RnJhZ21lbnQga2V5PXtgbm90aW9uLSR7aWR9LWxhYmVsLSR7aSArIDF9YH0+XG4gICAgICAgICAgICAgICAgICB7JyAnfVxuICAgICAgICAgICAgICAgICAge2xhYmVsfVxuICAgICAgICAgICAgICAgICAge2kgPCBsYWJlbHM/Lmxlbmd0aCAtIDEgJiYgPD4gJiM4MjI2OzwvPn1cbiAgICAgICAgICAgICAgICA8L0ZyYWdtZW50PlxuICAgICAgICAgICAgICApKX1cbiAgICAgICAgICAgIDwvTGFiZWxzQ29udGFpbmVyPlxuICAgICAgICAgICl9XG4gICAgICAgIDwvVGV4dFdyYXBwZXI+XG4gICAgICAgIDxDbGVhcldyYXBwZXIgLz5cbiAgICAgIDwvQ29udGVudFdyYXBwZXI+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgPC9kaXY+XG4gICk7XG59O1xuXG5leHBvcnQgZGVmYXVsdCBOb3Rpb247XG4iXX0= */"));
@@ -74,13 +68,22 @@ var Notion = function Notion(_ref) {
   var _useTranslation = useTranslation(),
       t = _useTranslation.t;
 
-  return ___EmotionJSX("div", null, ___EmotionJSX(ContentWrapper, null, imageElement, visualElement, ___EmotionJSX(TextWrapper, {
-    hasVisualElement: !!(imageElement || visualElement)
-  }, parseMarkdown("**".concat(title, "** \u2013 ").concat(text), 'body'), !!labels.length && ___EmotionJSX(LabelsContainer, null, t('searchPage.resultType.notionLabels'), labels.map(function (label, i) {
-    return ___EmotionJSX(Fragment, {
-      key: "notion-".concat(id, "-label-").concat(i + 1)
-    }, ' ', label, i < (labels === null || labels === void 0 ? void 0 : labels.length) - 1 && ___EmotionJSX(React.Fragment, null, " \u2022"));
-  }))), ___EmotionJSX(ClearWrapper, null)), children);
+  return _jsxs("div", {
+    children: [_jsxs(ContentWrapper, {
+      children: [imageElement, visualElement, _jsxs(TextWrapper, {
+        hasVisualElement: !!(imageElement || visualElement),
+        children: [parseMarkdown("**".concat(title, "** \u2013 ").concat(text), 'body'), !!labels.length && _jsxs(LabelsContainer, {
+          children: [t('searchPage.resultType.notionLabels'), labels.map(function (label, i) {
+            return _jsxs(Fragment, {
+              children: [' ', label, i < (labels === null || labels === void 0 ? void 0 : labels.length) - 1 && _jsx(_Fragment, {
+                children: " \u2022"
+              })]
+            }, "notion-".concat(id, "-label-").concat(i + 1));
+          })]
+        })]
+      }), _jsx(ClearWrapper, {})]
+    }), children]
+  });
 };
 
 export default Notion;

package/es/Notion/NotionImage.js

@@ -1,4 +1,5 @@
 import _styled from "@emotion/styled/base";
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
 
 /**
  * Copyright (c) 2022-present, NDLA.
@@ -11,20 +12,15 @@ import { animations, breakpoints, mq, spacing } from '@ndla/core';
 import { useTranslation } from 'react-i18next';
 import Image from '../Image';
 import { Figure, FigureOpenDialogButton } from '../Figure';
-import { jsx as ___EmotionJSX } from "@emotion/react";
 
-var StyledImageWrapper = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
-  target: "e1beccco1"
-} : {
+var StyledImageWrapper = /*#__PURE__*/_styled("div", {
   target: "e1beccco1",
   label: "StyledImageWrapper"
 })("overflow:hidden;width:260px;padding-top:", spacing.small, ";", mq.range({
   until: breakpoints.tabletWide
 }), "{margin:0 auto;}&:hover{img{transform:scale(1.1);opacity:1.1;transition-duration:0.5s;}}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIk5vdGlvbkltYWdlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFjcUMiLCJmaWxlIjoiTm90aW9uSW1hZ2UudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDb3B5cmlnaHQgKGMpIDIwMjItcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLiAqXG4gKi9cblxuaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGFuaW1hdGlvbnMsIGJyZWFrcG9pbnRzLCBtcSwgc3BhY2luZyB9IGZyb20gJ0BuZGxhL2NvcmUnO1xuaW1wb3J0IHsgdXNlVHJhbnNsYXRpb24gfSBmcm9tICdyZWFjdC1pMThuZXh0JztcbmltcG9ydCBJbWFnZSBmcm9tICcuLi9JbWFnZSc7XG5pbXBvcnQgeyBGaWd1cmUsIEZpZ3VyZU9wZW5EaWFsb2dCdXR0b24gfSBmcm9tICcuLi9GaWd1cmUnO1xuXG5jb25zdCBTdHlsZWRJbWFnZVdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBvdmVyZmxvdzogaGlkZGVuO1xuICB3aWR0aDogMjYwcHg7XG4gIHBhZGRpbmctdG9wOiAke3NwYWNpbmcuc21hbGx9O1xuICAke21xLnJhbmdlKHsgdW50aWw6IGJyZWFrcG9pbnRzLnRhYmxldFdpZGUgfSl9IHtcbiAgICBtYXJnaW46IDAgYXV0bztcbiAgfVxuICAmOmhvdmVyIHtcbiAgICBpbWcge1xuICAgICAgdHJhbnNmb3JtOiBzY2FsZSgxLjEpO1xuICAgICAgb3BhY2l0eTogMS4xO1xuICAgICAgdHJhbnNpdGlvbi1kdXJhdGlvbjogMC41cztcbiAgICB9XG4gIH1cbmA7XG5cbmNvbnN0IFN0eWxlZEltYWdlID0gc3R5bGVkKEltYWdlKWBcbiAgb2JqZWN0LWZpdDogY292ZXI7XG4gIG1heC1oZWlnaHQ6IDE2MnB4O1xuICB0cmFuc2l0aW9uOiB0cmFuc2Zvcm0gJHthbmltYXRpb25zLmR1cmF0aW9ucy5mYXN0fTtcbiAgJHttcS5yYW5nZSh7IHVudGlsOiBicmVha3BvaW50cy50YWJsZXRXaWRlIH0pfSB7XG4gICAgbWluLXdpZHRoOiAyNjBweDtcbiAgfVxuYDtcblxuaW50ZXJmYWNlIFByb3BzIHtcbiAgdHlwZTogJ2ltYWdlJyB8ICd2aWRlbycgfCAnaDVwJyB8ICdpZnJhbWUnIHwgJ2V4dGVybmFsJyB8IHVuZGVmaW5lZDtcbiAgaWQ6IHN0cmluZztcbiAgc3JjOiBzdHJpbmc7XG4gIGFsdDogc3RyaW5nO1xufVxuZXhwb3J0IGNvbnN0IE5vdGlvbkltYWdlID0gKHsgaWQsIHNyYywgYWx0LCB0eXBlIH06IFByb3BzKSA9PiB7XG4gIGNvbnN0IHsgdCB9ID0gdXNlVHJhbnNsYXRpb24oKTtcblxuICBjb25zdCBpbWFnZUZpZ3VyZUlkID0gYGltYWdlLWZpZ3VyZS0ke2lkfWA7XG5cbiAgcmV0dXJuIChcbiAgICA8RmlndXJlIHJlc2l6ZUlmcmFtZSBpZD17aW1hZ2VGaWd1cmVJZH0gdHlwZT17J2Z1bGwtY29sdW1uJ30+XG4gICAgICA8U3R5bGVkSW1hZ2VXcmFwcGVyPlxuICAgICAgICA8U3R5bGVkSW1hZ2VcbiAgICAgICAgICBhbHQ9e2FsdH1cbiAgICAgICAgICBzcmM9e3NyY31cbiAgICAgICAgICBleHBhbmRCdXR0b249e1xuICAgICAgICAgICAgPEZpZ3VyZU9wZW5EaWFsb2dCdXR0b25cbiAgICAgICAgICAgICAgdHlwZT17dHlwZX1cbiAgICAgICAgICAgICAgbWVzc2FnZXM9e3tcbiAgICAgICAgICAgICAgICB6b29tSW1hZ2VCdXR0b25MYWJlbDogdCgnbGljZW5zZS5pbWFnZXMuaXRlbUltYWdlLnpvb21JbWFnZUJ1dHRvbkxhYmVsJyksXG4gICAgICAgICAgICAgICAgem9vbU91dEltYWdlQnV0dG9uTGFiZWw6IHQoJ2xpY2Vuc2UuaW1hZ2UuaXRlbUltYWdlLnpvb21PdXRJbWFnZUJ1dHRvbkxhYmVsJyksXG4gICAgICAgICAgICAgIH19XG4gICAgICAgICAgICAvPlxuICAgICAgICAgIH1cbiAgICAgICAgLz5cbiAgICAgIDwvU3R5bGVkSW1hZ2VXcmFwcGVyPlxuICAgIDwvRmlndXJlPlxuICApO1xufTtcbiJdfQ== */"));
 
-var StyledImage = /*#__PURE__*/_styled(Image, process.env.NODE_ENV === "production" ? {
-  target: "e1beccco0"
-} : {
+var StyledImage = /*#__PURE__*/_styled(Image, {
   target: "e1beccco0",
   label: "StyledImage"
 })("object-fit:cover;max-height:162px;transition:transform ", animations.durations.fast, ";", mq.range({
@@ -41,19 +37,22 @@ export var NotionImage = function NotionImage(_ref) {
       t = _useTranslation.t;
 
   var imageFigureId = "image-figure-".concat(id);
-  return ___EmotionJSX(Figure, {
+  return _jsx(Figure, {
     resizeIframe: true,
     id: imageFigureId,
-    type: 'full-column'
-  }, ___EmotionJSX(StyledImageWrapper, null, ___EmotionJSX(StyledImage, {
-    alt: alt,
-    src: src,
-    expandButton: ___EmotionJSX(FigureOpenDialogButton, {
-      type: type,
-      messages: {
-        zoomImageButtonLabel: t('license.images.itemImage.zoomImageButtonLabel'),
-        zoomOutImageButtonLabel: t('license.image.itemImage.zoomOutImageButtonLabel')
-      }
+    type: 'full-column',
+    children: _jsx(StyledImageWrapper, {
+      children: _jsx(StyledImage, {
+        alt: alt,
+        src: src,
+        expandButton: _jsx(FigureOpenDialogButton, {
+          type: type,
+          messages: {
+            zoomImageButtonLabel: t('license.images.itemImage.zoomImageButtonLabel'),
+            zoomOutImageButtonLabel: t('license.image.itemImage.zoomOutImageButtonLabel')
+          }
+        })
+      })
     })
-  })));
+  });
 };

package/es/Notion/NotionVisualElement.js

@@ -1,4 +1,5 @@
 import _styled from "@emotion/styled/base";
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
 
 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)."; }
 
@@ -11,11 +12,10 @@ function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringif
 import { css } from '@emotion/react';
 import React from 'react';
 import FigureNotion from './FigureNotion';
-import { jsx as ___EmotionJSX } from "@emotion/react";
 
 var _ref = process.env.NODE_ENV === "production" ? {
-  name: "v92fmm",
-  styles: "min-height:400px"
+  name: "1xdnj1g-StyledIframe",
+  styles: "min-height:400px;label:StyledIframe;"
 } : {
   name: "1xdnj1g-StyledIframe",
   styles: "min-height:400px;label:StyledIframe;",
@@ -23,9 +23,7 @@ var _ref = process.env.NODE_ENV === "production" ? {
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 };
 
-var StyledIframe = /*#__PURE__*/_styled("iframe", process.env.NODE_ENV === "production" ? {
-  target: "e1hql2mu0"
-} : {
+var StyledIframe = /*#__PURE__*/_styled("iframe", {
   target: "e1hql2mu0",
   label: "StyledIframe"
 })(function (props) {
@@ -54,11 +52,13 @@ var NotionVisualElement = function NotionVisualElement(_ref2) {
       figureId = _ref2.figureId;
 
   if (!visualElement.resource || !supportedEmbedTypes.includes(visualElement.resource)) {
-    return ___EmotionJSX("p", null, "Embed type is not supported!");
+    return _jsx("p", {
+      children: "Embed type is not supported!"
+    });
   }
 
   var type = getType(visualElement.resource);
-  return ___EmotionJSX(FigureNotion, {
+  return _jsx(FigureNotion, {
     resizeIframe: true,
     id: id,
     figureId: figureId,
@@ -66,16 +66,17 @@ var NotionVisualElement = function NotionVisualElement(_ref2) {
     copyright: visualElement.copyright,
     licenseString: (_visualElement$copyri = (_visualElement$copyri2 = visualElement.copyright) === null || _visualElement$copyri2 === void 0 ? void 0 : (_visualElement$copyri3 = _visualElement$copyri2.license) === null || _visualElement$copyri3 === void 0 ? void 0 : _visualElement$copyri3.license) !== null && _visualElement$copyri !== void 0 ? _visualElement$copyri : '',
     licenseButtons: visualElement.licenseButtons,
-    type: type
-  }, ((_visualElement$image = visualElement.image) === null || _visualElement$image === void 0 ? void 0 : _visualElement$image.src) ? ___EmotionJSX("img", {
-    src: (_visualElement$image2 = visualElement.image) === null || _visualElement$image2 === void 0 ? void 0 : _visualElement$image2.src,
-    alt: visualElement.image.alt
-  }) : ___EmotionJSX(StyledIframe, {
-    allowFullScreen: true,
     type: type,
-    src: visualElement.url,
-    title: visualElement.title
-  }));
+    children: ((_visualElement$image = visualElement.image) === null || _visualElement$image === void 0 ? void 0 : _visualElement$image.src) ? _jsx("img", {
+      src: (_visualElement$image2 = visualElement.image) === null || _visualElement$image2 === void 0 ? void 0 : _visualElement$image2.src,
+      alt: visualElement.image.alt
+    }) : _jsx(StyledIframe, {
+      allowFullScreen: true,
+      type: type,
+      src: visualElement.url,
+      title: visualElement.title
+    })
+  });
 };
 
 export default NotionVisualElement;

package/es/Portrait/Portrait.js

@@ -1,18 +1,8 @@
 import _styled from "@emotion/styled/base";
-
-/**
- * Copyright (c) 2016-present, NDLA.
- *
- * This source code is licensed under the GPLv3 license found in the
- * LICENSE file in the root directory of this source tree.
- *
- */
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
 import React from 'react';
-import { jsx as ___EmotionJSX } from "@emotion/react";
 
-var PortraitWrapper = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
-  target: "e1or50qg0"
-} : {
+var PortraitWrapper = /*#__PURE__*/_styled("div", {
   target: "e1or50qg0",
   label: "PortraitWrapper"
 })("width:", function (p) {
@@ -31,16 +21,17 @@ var Portrait = function Portrait(_ref) {
       modifier = _ref.modifier,
       className = _ref.className;
   var size = modifier === 'small' ? '4rem' : modifier === 'large' ? '10rem' : '7rem';
-  return ___EmotionJSX(PortraitWrapper, {
+  return _jsx(PortraitWrapper, {
     size: size,
-    className: className
-  }, ___EmotionJSX("span", {
-    role: "img",
-    "aria-label": alt,
-    style: {
-      backgroundImage: "url(".concat(src, ")")
-    }
-  }));
+    className: className,
+    children: _jsx("span", {
+      role: "img",
+      "aria-label": alt,
+      style: {
+        backgroundImage: "url(".concat(src, ")")
+      }
+    })
+  });
 };
 
 export default Portrait;

package/es/Programme/Programme.js

@@ -1,4 +1,6 @@
 import _styled from "@emotion/styled/base";
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+import { jsxs as _jsxs } from "@emotion/react/jsx-runtime";
 
 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)."; }
 
@@ -9,11 +11,8 @@ import LayoutItem, { OneColumn } from '../Layout';
 import ProgrammeSubjects from './ProgrammeSubjects';
 import MessageBox from '../Messages/MessageBox';
 import { NavigationHeading } from '..';
-import { jsx as ___EmotionJSX } from "@emotion/react";
 
-var StyledWrapper = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
-  target: "e174yrrt4"
-} : {
+var StyledWrapper = /*#__PURE__*/_styled("div", {
   target: "e174yrrt4",
   label: "StyledWrapper"
 })(process.env.NODE_ENV === "production" ? {
@@ -26,9 +25,7 @@ var StyledWrapper = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "produc
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
 
-var StyledBackground = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
-  target: "e174yrrt3"
-} : {
+var StyledBackground = /*#__PURE__*/_styled("div", {
   target: "e174yrrt3",
   label: "StyledBackground"
 })("height:160px;max-width:1105px;width:100%;margin:0 auto;", function (props) {
@@ -39,18 +36,14 @@ var StyledBackground = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "pro
   }), " {\n      height: 128px;\n      margin: 20px 20px 0;\n      width: calc(100% - 40px);\n    }\n  ");
 }, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlByb2dyYW1tZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBaUIwRCIsImZpbGUiOiJQcm9ncmFtbWUudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGJyZWFrcG9pbnRzLCBtcSwgc3BhY2luZyB9IGZyb20gJ0BuZGxhL2NvcmUnO1xuaW1wb3J0IHsgdXNlVHJhbnNsYXRpb24gfSBmcm9tICdyZWFjdC1pMThuZXh0JztcbmltcG9ydCBMYXlvdXRJdGVtLCB7IE9uZUNvbHVtbiB9IGZyb20gJy4uL0xheW91dCc7XG5pbXBvcnQgUHJvZ3JhbW1lU3ViamVjdHMgZnJvbSAnLi9Qcm9ncmFtbWVTdWJqZWN0cyc7XG5pbXBvcnQgeyBHcmFkZXNQcm9wcyB9IGZyb20gJy4vUHJvZ3JhbW1lU3ViamVjdHMnO1xuaW1wb3J0IE1lc3NhZ2VCb3ggZnJvbSAnLi4vTWVzc2FnZXMvTWVzc2FnZUJveCc7XG5pbXBvcnQgeyBOYXZpZ2F0aW9uSGVhZGluZyB9IGZyb20gJy4uJztcbmNvbnN0IFN0eWxlZFdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuYDtcblxudHlwZSBTdHlsZWRCYWNrZ3JvdW5kUHJvcHMgPSB7XG4gIGltYWdlPzogc3RyaW5nO1xufTtcbmNvbnN0IFN0eWxlZEJhY2tncm91bmQgPSBzdHlsZWQuZGl2PFN0eWxlZEJhY2tncm91bmRQcm9wcz5gXG4gIGhlaWdodDogMTYwcHg7XG4gIG1heC13aWR0aDogMTEwNXB4O1xuICB3aWR0aDogMTAwJTtcbiAgbWFyZ2luOiAwIGF1dG87XG4gICR7KHByb3BzOiBTdHlsZWRCYWNrZ3JvdW5kUHJvcHMpID0+XG4gICAgcHJvcHMuaW1hZ2UgJiZcbiAgICBgXG4gICAgYmFja2dyb3VuZC1pbWFnZTogdXJsKCR7cHJvcHMuaW1hZ2V9KTtcbiAgICBiYWNrZ3JvdW5kLXBvc2l0aW9uOiBjZW50ZXI7XG4gICAgYmFja2dyb3VuZC1yZXBlYXQ6IG5vLXJlcGVhdDtcbiAgICBiYWNrZ3JvdW5kLXNpemU6IGNvdmVyO1xuICAgIGhlaWdodDogNDAwcHg7XG4gICAgXG4gICAgJHttcS5yYW5nZSh7IHVudGlsOiBicmVha3BvaW50cy50YWJsZXQgfSl9IHtcbiAgICAgIGhlaWdodDogMTYwcHg7XG4gICAgICBtYXJnaW46ICR7c3BhY2luZy5ub3JtYWx9ICR7c3BhY2luZy5ub3JtYWx9IDA7XG4gICAgICB3aWR0aDogY2FsYygxMDAlIC0gJHtzcGFjaW5nLmxhcmdlfSk7XG4gICAgfVxuICAgICR7bXEucmFuZ2UoeyB1bnRpbDogYnJlYWtwb2ludHMubW9iaWxlV2lkZSB9KX0ge1xuICAgICAgaGVpZ2h0OiAxMjhweDtcbiAgICAgIG1hcmdpbjogMjBweCAyMHB4IDA7XG4gICAgICB3aWR0aDogY2FsYygxMDAlIC0gNDBweCk7XG4gICAgfVxuICBgfVxuYDtcblxuY29uc3QgU3R5bGVkTGF5b3V0V3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIGJhY2tncm91bmQ6ICNmZmY7XG4gIG1hcmdpbi10b3A6IC0xNzBweDtcbiAgJHttcS5yYW5nZSh7IHVudGlsOiBicmVha3BvaW50cy50YWJsZXQgfSl9IHtcbiAgICBtYXJnaW4tdG9wOiAwO1xuICB9XG5gO1xuXG5jb25zdCBTdHlsZWRDb250ZW50V3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIHBhZGRpbmctdG9wOiAxcHg7XG5gO1xuXG5jb25zdCBTdWJqZWN0c1dyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBtYXJnaW4tdG9wOiAyOHB4O1xuICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMudGFibGV0IH0pfSB7XG4gICAgbWFyZ2luLXRvcDogNDBweDtcbiAgfVxuYDtcblxudHlwZSBQcm9wcyA9IEdyYWRlc1Byb3BzICYge1xuICBoZWFkaW5nPzogc3RyaW5nO1xuICBpbWFnZT86IHN0cmluZztcbiAgbWVzc2FnZUJveFRleHQ/OiBzdHJpbmc7XG4gIGhlYWRpbmdJZD86IHN0cmluZztcbn07XG5cbmV4cG9ydCBjb25zdCBQcm9ncmFtbWUgPSAoe1xuICBoZWFkaW5nLFxuICBpbWFnZSxcbiAgZ3JhZGVzLFxuICBzZWxlY3RlZEdyYWRlLFxuICBvbkNoYW5nZUdyYWRlLFxuICBtZXNzYWdlQm94VGV4dCxcbiAgaGVhZGluZ0lkLFxufTogUHJvcHMpID0+IHtcbiAgY29uc3QgeyB0IH0gPSB1c2VUcmFuc2xhdGlvbigpO1xuICByZXR1cm4gKFxuICAgIDxTdHlsZWRXcmFwcGVyPlxuICAgICAgPFN0eWxlZEJhY2tncm91bmQgaW1hZ2U9e2ltYWdlfSAvPlxuICAgICAgPE9uZUNvbHVtbj5cbiAgICAgICAgPFN0eWxlZExheW91dFdyYXBwZXI+XG4gICAgICAgICAgPExheW91dEl0ZW0gbGF5b3V0PVwiZXh0ZW5kXCI+XG4gICAgICAgICAgICA8U3R5bGVkQ29udGVudFdyYXBwZXI+XG4gICAgICAgICAgICAgIDxOYXZpZ2F0aW9uSGVhZGluZyBoZWFkaW5nSWQ9e2hlYWRpbmdJZH0+e2hlYWRpbmd9PC9OYXZpZ2F0aW9uSGVhZGluZz5cbiAgICAgICAgICAgICAge21lc3NhZ2VCb3hUZXh0ICYmIDxNZXNzYWdlQm94Pnt0KG1lc3NhZ2VCb3hUZXh0KX08L01lc3NhZ2VCb3g+fVxuICAgICAgICAgICAgICA8U3ViamVjdHNXcmFwcGVyPlxuICAgICAgICAgICAgICAgIDxQcm9ncmFtbWVTdWJqZWN0cyBncmFkZXM9e2dyYWRlc30gc2VsZWN0ZWRHcmFkZT17c2VsZWN0ZWRHcmFkZX0gb25DaGFuZ2VHcmFkZT17b25DaGFuZ2VHcmFkZX0gLz5cbiAgICAgICAgICAgICAgPC9TdWJqZWN0c1dyYXBwZXI+XG4gICAgICAgICAgICA8L1N0eWxlZENvbnRlbnRXcmFwcGVyPlxuICAgICAgICAgIDwvTGF5b3V0SXRlbT5cbiAgICAgICAgPC9TdHlsZWRMYXlvdXRXcmFwcGVyPlxuICAgICAgPC9PbmVDb2x1bW4+XG4gICAgPC9TdHlsZWRXcmFwcGVyPlxuICApO1xufTtcblxuZXhwb3J0IGRlZmF1bHQgUHJvZ3JhbW1lO1xuIl19 */"));
 
-var StyledLayoutWrapper = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
-  target: "e174yrrt2"
-} : {
+var StyledLayoutWrapper = /*#__PURE__*/_styled("div", {
   target: "e174yrrt2",
   label: "StyledLayoutWrapper"
 })("background:#fff;margin-top:-170px;", mq.range({
   until: breakpoints.tablet
 }), "{margin-top:0;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlByb2dyYW1tZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBNENzQyIsImZpbGUiOiJQcm9ncmFtbWUudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGJyZWFrcG9pbnRzLCBtcSwgc3BhY2luZyB9IGZyb20gJ0BuZGxhL2NvcmUnO1xuaW1wb3J0IHsgdXNlVHJhbnNsYXRpb24gfSBmcm9tICdyZWFjdC1pMThuZXh0JztcbmltcG9ydCBMYXlvdXRJdGVtLCB7IE9uZUNvbHVtbiB9IGZyb20gJy4uL0xheW91dCc7XG5pbXBvcnQgUHJvZ3JhbW1lU3ViamVjdHMgZnJvbSAnLi9Qcm9ncmFtbWVTdWJqZWN0cyc7XG5pbXBvcnQgeyBHcmFkZXNQcm9wcyB9IGZyb20gJy4vUHJvZ3JhbW1lU3ViamVjdHMnO1xuaW1wb3J0IE1lc3NhZ2VCb3ggZnJvbSAnLi4vTWVzc2FnZXMvTWVzc2FnZUJveCc7XG5pbXBvcnQgeyBOYXZpZ2F0aW9uSGVhZGluZyB9IGZyb20gJy4uJztcbmNvbnN0IFN0eWxlZFdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuYDtcblxudHlwZSBTdHlsZWRCYWNrZ3JvdW5kUHJvcHMgPSB7XG4gIGltYWdlPzogc3RyaW5nO1xufTtcbmNvbnN0IFN0eWxlZEJhY2tncm91bmQgPSBzdHlsZWQuZGl2PFN0eWxlZEJhY2tncm91bmRQcm9wcz5gXG4gIGhlaWdodDogMTYwcHg7XG4gIG1heC13aWR0aDogMTEwNXB4O1xuICB3aWR0aDogMTAwJTtcbiAgbWFyZ2luOiAwIGF1dG87XG4gICR7KHByb3BzOiBTdHlsZWRCYWNrZ3JvdW5kUHJvcHMpID0+XG4gICAgcHJvcHMuaW1hZ2UgJiZcbiAgICBgXG4gICAgYmFja2dyb3VuZC1pbWFnZTogdXJsKCR7cHJvcHMuaW1hZ2V9KTtcbiAgICBiYWNrZ3JvdW5kLXBvc2l0aW9uOiBjZW50ZXI7XG4gICAgYmFja2dyb3VuZC1yZXBlYXQ6IG5vLXJlcGVhdDtcbiAgICBiYWNrZ3JvdW5kLXNpemU6IGNvdmVyO1xuICAgIGhlaWdodDogNDAwcHg7XG4gICAgXG4gICAgJHttcS5yYW5nZSh7IHVudGlsOiBicmVha3BvaW50cy50YWJsZXQgfSl9IHtcbiAgICAgIGhlaWdodDogMTYwcHg7XG4gICAgICBtYXJnaW46ICR7c3BhY2luZy5ub3JtYWx9ICR7c3BhY2luZy5ub3JtYWx9IDA7XG4gICAgICB3aWR0aDogY2FsYygxMDAlIC0gJHtzcGFjaW5nLmxhcmdlfSk7XG4gICAgfVxuICAgICR7bXEucmFuZ2UoeyB1bnRpbDogYnJlYWtwb2ludHMubW9iaWxlV2lkZSB9KX0ge1xuICAgICAgaGVpZ2h0OiAxMjhweDtcbiAgICAgIG1hcmdpbjogMjBweCAyMHB4IDA7XG4gICAgICB3aWR0aDogY2FsYygxMDAlIC0gNDBweCk7XG4gICAgfVxuICBgfVxuYDtcblxuY29uc3QgU3R5bGVkTGF5b3V0V3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIGJhY2tncm91bmQ6ICNmZmY7XG4gIG1hcmdpbi10b3A6IC0xNzBweDtcbiAgJHttcS5yYW5nZSh7IHVudGlsOiBicmVha3BvaW50cy50YWJsZXQgfSl9IHtcbiAgICBtYXJnaW4tdG9wOiAwO1xuICB9XG5gO1xuXG5jb25zdCBTdHlsZWRDb250ZW50V3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIHBhZGRpbmctdG9wOiAxcHg7XG5gO1xuXG5jb25zdCBTdWJqZWN0c1dyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBtYXJnaW4tdG9wOiAyOHB4O1xuICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMudGFibGV0IH0pfSB7XG4gICAgbWFyZ2luLXRvcDogNDBweDtcbiAgfVxuYDtcblxudHlwZSBQcm9wcyA9IEdyYWRlc1Byb3BzICYge1xuICBoZWFkaW5nPzogc3RyaW5nO1xuICBpbWFnZT86IHN0cmluZztcbiAgbWVzc2FnZUJveFRleHQ/OiBzdHJpbmc7XG4gIGhlYWRpbmdJZD86IHN0cmluZztcbn07XG5cbmV4cG9ydCBjb25zdCBQcm9ncmFtbWUgPSAoe1xuICBoZWFkaW5nLFxuICBpbWFnZSxcbiAgZ3JhZGVzLFxuICBzZWxlY3RlZEdyYWRlLFxuICBvbkNoYW5nZUdyYWRlLFxuICBtZXNzYWdlQm94VGV4dCxcbiAgaGVhZGluZ0lkLFxufTogUHJvcHMpID0+IHtcbiAgY29uc3QgeyB0IH0gPSB1c2VUcmFuc2xhdGlvbigpO1xuICByZXR1cm4gKFxuICAgIDxTdHlsZWRXcmFwcGVyPlxuICAgICAgPFN0eWxlZEJhY2tncm91bmQgaW1hZ2U9e2ltYWdlfSAvPlxuICAgICAgPE9uZUNvbHVtbj5cbiAgICAgICAgPFN0eWxlZExheW91dFdyYXBwZXI+XG4gICAgICAgICAgPExheW91dEl0ZW0gbGF5b3V0PVwiZXh0ZW5kXCI+XG4gICAgICAgICAgICA8U3R5bGVkQ29udGVudFdyYXBwZXI+XG4gICAgICAgICAgICAgIDxOYXZpZ2F0aW9uSGVhZGluZyBoZWFkaW5nSWQ9e2hlYWRpbmdJZH0+e2hlYWRpbmd9PC9OYXZpZ2F0aW9uSGVhZGluZz5cbiAgICAgICAgICAgICAge21lc3NhZ2VCb3hUZXh0ICYmIDxNZXNzYWdlQm94Pnt0KG1lc3NhZ2VCb3hUZXh0KX08L01lc3NhZ2VCb3g+fVxuICAgICAgICAgICAgICA8U3ViamVjdHNXcmFwcGVyPlxuICAgICAgICAgICAgICAgIDxQcm9ncmFtbWVTdWJqZWN0cyBncmFkZXM9e2dyYWRlc30gc2VsZWN0ZWRHcmFkZT17c2VsZWN0ZWRHcmFkZX0gb25DaGFuZ2VHcmFkZT17b25DaGFuZ2VHcmFkZX0gLz5cbiAgICAgICAgICAgICAgPC9TdWJqZWN0c1dyYXBwZXI+XG4gICAgICAgICAgICA8L1N0eWxlZENvbnRlbnRXcmFwcGVyPlxuICAgICAgICAgIDwvTGF5b3V0SXRlbT5cbiAgICAgICAgPC9TdHlsZWRMYXlvdXRXcmFwcGVyPlxuICAgICAgPC9PbmVDb2x1bW4+XG4gICAgPC9TdHlsZWRXcmFwcGVyPlxuICApO1xufTtcblxuZXhwb3J0IGRlZmF1bHQgUHJvZ3JhbW1lO1xuIl19 */"));
 
-var StyledContentWrapper = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
-  target: "e174yrrt1"
-} : {
+var StyledContentWrapper = /*#__PURE__*/_styled("div", {
   target: "e174yrrt1",
   label: "StyledContentWrapper"
 })(process.env.NODE_ENV === "production" ? {
@@ -63,9 +56,7 @@ var StyledContentWrapper = /*#__PURE__*/_styled("div", process.env.NODE_ENV ===
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
 
-var SubjectsWrapper = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
-  target: "e174yrrt0"
-} : {
+var SubjectsWrapper = /*#__PURE__*/_styled("div", {
   target: "e174yrrt0",
   label: "SubjectsWrapper"
 })("margin-top:28px;", mq.range({
@@ -84,16 +75,30 @@ export var Programme = function Programme(_ref) {
   var _useTranslation = useTranslation(),
       t = _useTranslation.t;
 
-  return ___EmotionJSX(StyledWrapper, null, ___EmotionJSX(StyledBackground, {
-    image: image
-  }), ___EmotionJSX(OneColumn, null, ___EmotionJSX(StyledLayoutWrapper, null, ___EmotionJSX(LayoutItem, {
-    layout: "extend"
-  }, ___EmotionJSX(StyledContentWrapper, null, ___EmotionJSX(NavigationHeading, {
-    headingId: headingId
-  }, heading), messageBoxText && ___EmotionJSX(MessageBox, null, t(messageBoxText)), ___EmotionJSX(SubjectsWrapper, null, ___EmotionJSX(ProgrammeSubjects, {
-    grades: grades,
-    selectedGrade: selectedGrade,
-    onChangeGrade: onChangeGrade
-  })))))));
+  return _jsxs(StyledWrapper, {
+    children: [_jsx(StyledBackground, {
+      image: image
+    }), _jsx(OneColumn, {
+      children: _jsx(StyledLayoutWrapper, {
+        children: _jsx(LayoutItem, {
+          layout: "extend",
+          children: _jsxs(StyledContentWrapper, {
+            children: [_jsx(NavigationHeading, {
+              headingId: headingId,
+              children: heading
+            }), messageBoxText && _jsx(MessageBox, {
+              children: t(messageBoxText)
+            }), _jsx(SubjectsWrapper, {
+              children: _jsx(ProgrammeSubjects, {
+                grades: grades,
+                selectedGrade: selectedGrade,
+                onChangeGrade: onChangeGrade
+              })
+            })]
+          })
+        })
+      })
+    })]
+  });
 };
 export default Programme;

package/es/Programme/ProgrammeSubjects.js

@@ -1,4 +1,7 @@
 import _styled from "@emotion/styled/base";
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+import { jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+import { Fragment as _Fragment } from "@emotion/react/jsx-runtime";
 
 /**
  * Copyright (c) 2021-present, NDLA.
@@ -13,11 +16,8 @@ import Button from '@ndla/button';
 import { breakpoints, mq } from '@ndla/core';
 import { NavigationBox } from '../Navigation';
 import { MessageBox } from '../Messages';
-import { jsx as ___EmotionJSX } from "@emotion/react";
 
-var GradesMenu = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
-  target: "e1jqauch0"
-} : {
+var GradesMenu = /*#__PURE__*/_styled("div", {
   target: "e1jqauch0",
   label: "GradesMenu"
 })("margin-bottom:28px;>*{margin-right:10px;}>*:last-of-type{margin-right:0;}", mq.range({
@@ -39,24 +39,29 @@ var ProgrammeSubjects = function ProgrammeSubjects(_ref) {
   var grade = (_grades$find = grades.find(function (grade) {
     return grade.name.toLowerCase() === selectedGrade;
   })) !== null && _grades$find !== void 0 ? _grades$find : grades[0];
-  return ___EmotionJSX(React.Fragment, null, ___EmotionJSX(GradesMenu, null, grades.map(function (item) {
-    return ___EmotionJSX(Button, {
-      key: item.name,
-      onClick: function onClick() {
-        return onChangeGrade(item.name.toLowerCase());
-      },
-      lighter: item !== grade,
-      size: "normal",
-      borderShape: "rounded"
-    }, item.name);
-  })), grade.missingProgrammeSubjects && ___EmotionJSX(MessageBox, null, t('messageBoxInfo.noContent')), grade.categories.map(function (category) {
-    return ___EmotionJSX(NavigationBox, {
-      key: category.name,
-      heading: category.name,
-      items: category.subjects,
-      onClick: onNavigate
-    });
-  }));
+  return _jsxs(_Fragment, {
+    children: [_jsx(GradesMenu, {
+      children: grades.map(function (item) {
+        return _jsx(Button, {
+          onClick: function onClick() {
+            return onChangeGrade(item.name.toLowerCase());
+          },
+          lighter: item !== grade,
+          size: "normal",
+          borderShape: "rounded",
+          children: item.name
+        }, item.name);
+      })
+    }), grade.missingProgrammeSubjects && _jsx(MessageBox, {
+      children: t('messageBoxInfo.noContent')
+    }), grade.categories.map(function (category) {
+      return _jsx(NavigationBox, {
+        heading: category.name,
+        items: category.subjects,
+        onClick: onNavigate
+      }, category.name);
+    })]
+  });
 };
 
 export default ProgrammeSubjects;