@ndla/ui 55.0.16-alpha.0 → 55.0.17-alpha.0

package/lib/Embed/ImageEmbed.js

@@ -13,7 +13,7 @@ var _primitives = require("@ndla/primitives");
 var _jsx2 = require("@ndla/styled-system/jsx");
 var _EmbedErrorPlaceholder = _interopRequireDefault(require("./EmbedErrorPlaceholder"));
 var _LicenseByline = require("../LicenseByline");
-var _jsxRuntime = require("@emotion/react/jsx-runtime");
+var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 /**
  * Copyright (c) 2023-present, NDLA.
@@ -218,7 +218,7 @@ const ImageEmbed = _ref => {
     }
   }, [embed, renderContext]);
   if (embed.status === "error") {
-    return (0, _jsxRuntime.jsx)(_EmbedErrorPlaceholder.default, {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_EmbedErrorPlaceholder.default, {
       type: "image",
       figureType: figureProps?.size,
       float: figureProps?.float
@@ -237,13 +237,13 @@ const ImageEmbed = _ref => {
   };
 
   // TODO: Check how this works with `children`. Will only be important for ED
-  return (0, _jsxRuntime.jsxs)(StyledFigure, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(StyledFigure, {
     float: figureProps?.float,
     size: imageSizes ? "full" : figureProps?.size ?? "medium",
-    children: [children, (0, _jsxRuntime.jsxs)(ImageWrapper, {
+    children: [children, /*#__PURE__*/(0, _jsxRuntime.jsxs)(ImageWrapper, {
       border: embedData.border === "true",
       expandable: !!figureProps?.float,
-      children: [(0, _jsxRuntime.jsx)(_primitives.Image, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.Image, {
         focalPoint: focalPoint,
         contentType: data.image.contentType,
         crop: crop,
@@ -252,18 +252,18 @@ const ImageEmbed = _ref => {
         src: data.image.imageUrl,
         lang: lang,
         onClick: figureProps?.float ? toggleImageSize : undefined
-      }), !!embedData.align && (0, _jsxRuntime.jsx)(ExpandButton, {
+      }), !!embedData.align && /*#__PURE__*/(0, _jsxRuntime.jsx)(ExpandButton, {
         "aria-label": t(`license.images.itemImage.zoom${imageSizes ? "Out" : ""}ImageButtonLabel`),
         onClick: toggleImageSize,
         "data-expanded": !!imageSizes,
-        children: (0, _jsxRuntime.jsx)(_action.Plus, {})
-      }), (embedData.size?.endsWith("-hide-byline") || embedData.hideByline === "true") && (0, _jsxRuntime.jsx)(BylineButton, {
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_action.Plus, {})
+      }), (embedData.size?.endsWith("-hide-byline") || embedData.hideByline === "true") && /*#__PURE__*/(0, _jsxRuntime.jsx)(BylineButton, {
         "data-byline-button": "",
         "aria-label": t(`license.images.itemImage.${isBylineHidden ? "expandByline" : "minimizeByline"}`),
         onClick: () => setIsBylineHidden(p => !p),
-        children: isBylineHidden ? (0, _jsxRuntime.jsx)(_common.ChevronDown, {}) : (0, _jsxRuntime.jsx)(_common.ChevronUp, {})
+        children: isBylineHidden ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_common.ChevronDown, {}) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_common.ChevronUp, {})
       })]
-    }), isBylineHidden ? null : (0, _jsxRuntime.jsx)(_LicenseByline.EmbedByline, {
+    }), isBylineHidden ? null : /*#__PURE__*/(0, _jsxRuntime.jsx)(_LicenseByline.EmbedByline, {
       type: "image",
       copyright: data.copyright,
       description: parsedDescription,

package/lib/Embed/InlineTriggerButton.js

@@ -7,7 +7,7 @@ exports.InlineTriggerButton = void 0;
 var _react = require("react");
 var _jsx2 = require("@ndla/styled-system/jsx");
 var _util = require("@ndla/util");
-var _jsxRuntime = require("@emotion/react/jsx-runtime");
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * Copyright (c) 2024-present, NDLA.
  *
@@ -65,7 +65,7 @@ const InlineTriggerButton = exports.InlineTriggerButton = /*#__PURE__*/(0, _reac
       spanRef.current?.click();
     }
   }, []);
-  return (0, _jsxRuntime.jsx)(StyledSpan, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(StyledSpan, {
     ref: (0, _util.composeRefs)(spanRef, ref),
     onKeyUp: onKeyboardEvent,
     onClick: onClick,

package/lib/Embed/RelatedContentEmbed.js

@@ -8,7 +8,7 @@ var _punycode = _interopRequireDefault(require("punycode/"));
 var _reactI18next = require("react-i18next");
 var _ContentType = require("../model/ContentType");
 var _RelatedArticleList = require("../RelatedArticleList/RelatedArticleList");
-var _jsxRuntime = require("@emotion/react/jsx-runtime");
+var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 /**
  * Copyright (c) 2023-present, NDLA.
@@ -29,7 +29,7 @@ const RelatedContentEmbed = _ref => {
     t
   } = (0, _reactI18next.useTranslation)();
   if (embed.status === "error") {
-    return (0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {});
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {});
   }
   const {
     data,
@@ -39,7 +39,7 @@ const RelatedContentEmbed = _ref => {
     const typeId = data.resource?.resourceTypes.find(rt => _ContentType.contentTypeMapping[rt.id])?.id;
     const type = typeId ? _ContentType.contentTypeMapping[typeId] : undefined;
     const path = data.resource?.paths.find(p => p.split("/")[1] === subject?.replace("urn:", "")) ?? data.resource?.path ?? `/article/${embedData.articleId}`;
-    return (0, _jsxRuntime.jsx)(_RelatedArticleList.RelatedArticle, {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_RelatedArticleList.RelatedArticle, {
       title: data.article.title?.title ?? "",
       introduction: data.article.metaDescription?.metaDescription ?? "",
       target: isOembed ? "_blank" : undefined,
@@ -48,7 +48,7 @@ const RelatedContentEmbed = _ref => {
     });
   }
   if (typeof embedData.url === "string") {
-    return (0, _jsxRuntime.jsx)(_RelatedArticleList.RelatedArticle, {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_RelatedArticleList.RelatedArticle, {
       title: embedData.title ?? "",
       introduction: "",
       to: embedData.url,
@@ -59,6 +59,6 @@ const RelatedContentEmbed = _ref => {
       _punycode.default.toUnicode(embedData.url.match(/^(?:https?:\/\/)?(?:[^@\n]+@)?(?:www\.)?([^:/\n]+)/im)?.[1] || embedData.url)}`
     });
   }
-  return (0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {});
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {});
 };
 var _default = exports.default = RelatedContentEmbed;

package/lib/Embed/UnknownEmbed.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _reactI18next = require("react-i18next");
 var _primitives = require("@ndla/primitives");
-var _jsxRuntime = require("@emotion/react/jsx-runtime");
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * Copyright (c) 2023-present, NDLA.
  *
@@ -22,11 +22,11 @@ const UnknownEmbed = _ref => {
   const {
     t
   } = (0, _reactI18next.useTranslation)();
-  return (0, _jsxRuntime.jsx)(_primitives.Text, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.Text, {
     color: "text.error",
     asChild: true,
     consumeCss: true,
-    children: (0, _jsxRuntime.jsx)("span", {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
       children: t("embed.unsupported", {
         type: embed.resource
       })

package/lib/Embed/UuDisclaimerEmbed.js

@@ -9,7 +9,7 @@ var _common = require("@ndla/icons/common");
 var _primitives = require("@ndla/primitives");
 var _safelink = require("@ndla/safelink");
 var _jsx2 = require("@ndla/styled-system/jsx");
-var _jsxRuntime = require("@emotion/react/jsx-runtime");
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * Copyright (c) 2024-present, NDLA.
  *
@@ -44,20 +44,20 @@ const UuDisclaimerEmbed = _ref => {
     embedData,
     data
   } = embed;
-  const disclaimerLink = data?.disclaimerLink ? (0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-    children: [` ${t("uuDisclaimer.alternative")} `, (0, _jsxRuntime.jsx)(_safelink.SafeLink, {
+  const disclaimerLink = data?.disclaimerLink ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [` ${t("uuDisclaimer.alternative")} `, /*#__PURE__*/(0, _jsxRuntime.jsx)(_safelink.SafeLink, {
       to: data.disclaimerLink.href,
       target: "_blank",
       rel: "noopener noreferrer",
       children: data.disclaimerLink.text
     })]
   }) : null;
-  return (0, _jsxRuntime.jsxs)("div", {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
     role: "region",
-    children: [(0, _jsxRuntime.jsxs)(StyledMessageBox, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(StyledMessageBox, {
       variant: "warning",
       contentEditable: false,
-      children: [(0, _jsxRuntime.jsx)(_common.InformationOutline, {}), (0, _jsxRuntime.jsxs)(Disclaimer, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_common.InformationOutline, {}), /*#__PURE__*/(0, _jsxRuntime.jsxs)(Disclaimer, {
         children: [embedData.disclaimer, disclaimerLink]
       })]
     }), children]

package/lib/ErrorMessage/ErrorMessage.js

@@ -7,7 +7,7 @@ exports.default = exports.ErrorMessage = void 0;
 var _primitives = require("@ndla/primitives");
 var _safelink = require("@ndla/safelink");
 var _jsx2 = require("@ndla/styled-system/jsx");
-var _jsxRuntime = require("@emotion/react/jsx-runtime");
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * Copyright (c) 2019-present, NDLA.
  *
@@ -62,33 +62,33 @@ const ErrorMessage = _ref => {
     illustrationElement,
     customElement
   } = _ref;
-  return (0, _jsxRuntime.jsxs)(StyledErrorMessage, {
-    children: [illustration && (0, _jsxRuntime.jsx)(IllustrationWrapper, {
-      children: (0, _jsxRuntime.jsx)("img", {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(StyledErrorMessage, {
+    children: [illustration && /*#__PURE__*/(0, _jsxRuntime.jsx)(IllustrationWrapper, {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
         src: illustration.url,
         alt: illustration.altText
       })
-    }), illustrationElement && (0, _jsxRuntime.jsx)(IllustrationWrapper, {
+    }), illustrationElement && /*#__PURE__*/(0, _jsxRuntime.jsx)(IllustrationWrapper, {
       children: illustrationElement
-    }), (0, _jsxRuntime.jsx)("h1", {
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("h1", {
       children: messages.title
-    }), messages.description && (0, _jsxRuntime.jsx)(Description, {
+    }), messages.description && /*#__PURE__*/(0, _jsxRuntime.jsx)(Description, {
       children: messages.description
-    }), customElement && (0, _jsxRuntime.jsx)(CustomElementWrapper, {
+    }), customElement && /*#__PURE__*/(0, _jsxRuntime.jsx)(CustomElementWrapper, {
       children: customElement
-    }), messages.linksTitle && (0, _jsxRuntime.jsx)("h2", {
+    }), messages.linksTitle && /*#__PURE__*/(0, _jsxRuntime.jsx)("h2", {
       children: messages.linksTitle
-    }), messages.back && (0, _jsxRuntime.jsx)(_safelink.SafeLink, {
+    }), messages.back && /*#__PURE__*/(0, _jsxRuntime.jsx)(_safelink.SafeLink, {
       to: `/#${encodeURI(messages.back)}`,
       onClick: () => window.history.back(),
       children: messages.back
-    }), messages.goToFrontPage && (0, _jsxRuntime.jsx)(MessageWrapper, {
-      children: (0, _jsxRuntime.jsx)(_safelink.SafeLink, {
+    }), messages.goToFrontPage && /*#__PURE__*/(0, _jsxRuntime.jsx)(MessageWrapper, {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_safelink.SafeLink, {
         to: "/",
         children: messages.goToFrontPage
       })
-    }), messages.logInFailed && (0, _jsxRuntime.jsx)(MessageWrapper, {
-      children: (0, _jsxRuntime.jsx)(_safelink.SafeLink, {
+    }), messages.logInFailed && /*#__PURE__*/(0, _jsxRuntime.jsx)(MessageWrapper, {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_safelink.SafeLink, {
         to: "/minndla",
         children: messages.logInFailed
       })

package/lib/ErrorMessage/ErrorResourceAccessDenied.js

@@ -9,7 +9,7 @@ var _button = require("@ndla/button");
 var _common = require("@ndla/icons/common");
 var _jsx2 = require("@ndla/styled-system/jsx");
 var _ErrorMessage = _interopRequireDefault(require("./ErrorMessage"));
-var _jsxRuntime = require("@emotion/react/jsx-runtime");
+var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 /**
  * Copyright (c) 2021-present, NDLA.
@@ -32,21 +32,21 @@ const ErrorResourceAccessDenied = _ref => {
   const {
     t
   } = (0, _reactI18next.useTranslation)();
-  return (0, _jsxRuntime.jsx)(_ErrorMessage.default, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_ErrorMessage.default, {
     messages: {
       title: t("user.resource.accessDenied"),
       back: t("errorMessage.back"),
       goToFrontPage: t("errorMessage.goToFrontPage")
     },
-    illustrationElement: (0, _jsxRuntime.jsx)(_common.HumanMaleBoard, {
+    illustrationElement: /*#__PURE__*/(0, _jsxRuntime.jsx)(_common.HumanMaleBoard, {
       size: "medium"
     }),
-    customElement: (0, _jsxRuntime.jsxs)(_button.ButtonV2, {
+    customElement: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_button.ButtonV2, {
       size: "medium",
       onClick: onAuthenticateClick,
-      children: [t("user.buttonLogIn"), (0, _jsxRuntime.jsx)(StyledLogInIconWrapper, {
+      children: [t("user.buttonLogIn"), /*#__PURE__*/(0, _jsxRuntime.jsx)(StyledLogInIconWrapper, {
         "aria-hidden": true,
-        children: (0, _jsxRuntime.jsx)(_common.LogIn, {
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_common.LogIn, {
           size: "medium"
         })
       })]

package/lib/FactBox/FactBox.js

@@ -9,7 +9,7 @@ var _reactI18next = require("react-i18next");
 var _common = require("@ndla/icons/common");
 var _primitives = require("@ndla/primitives");
 var _jsx2 = require("@ndla/styled-system/jsx");
-var _jsxRuntime = require("@emotion/react/jsx-runtime");
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * Copyright (c) 2016-present, NDLA.
  *
@@ -135,18 +135,18 @@ const FactBox = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
     setState(newState);
     onOpenChange?.(newState === "open");
   }, [state, onOpenChange]);
-  return (0, _jsxRuntime.jsxs)(StyledAside, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(StyledAside, {
     "data-state": state,
     ...rest,
     ref: ref,
-    children: [(0, _jsxRuntime.jsx)(StyledIconButton, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(StyledIconButton, {
       "data-state": state,
       onClick: onClick,
       "aria-expanded": state === "open",
       "aria-controls": contentId,
       "aria-label": t(`factbox.${state === "open" ? "close" : "open"}`),
-      children: (0, _jsxRuntime.jsx)(_common.ChevronDown, {})
-    }), (0, _jsxRuntime.jsx)(StyledContent, {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_common.ChevronDown, {})
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(StyledContent, {
       id: contentId,
       "data-state": state,
       "aria-hidden": state === "closed",

package/lib/FileList/File.js

@@ -8,7 +8,7 @@ var _base = _interopRequireDefault(require("@emotion/styled/base"));
 var _reactI18next = require("react-i18next");
 var _core = require("@ndla/core");
 var _Format = _interopRequireDefault(require("./Format"));
-var _jsxRuntime = require("@emotion/react/jsx-runtime");
+var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 /**
  * Copyright (c) 2023-present, NDLA.
@@ -35,8 +35,8 @@ const File = _ref => {
     t
   } = (0, _reactI18next.useTranslation)();
   const tooltip = `${t("download")} ${url.split("/").pop()}`;
-  return (0, _jsxRuntime.jsx)(StyledFileItem, {
-    children: (0, _jsxRuntime.jsx)(_Format.default, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(StyledFileItem, {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Format.default, {
       format: {
         url,
         fileType,

package/lib/FileList/FileList.js

@@ -8,7 +8,7 @@ var _base = _interopRequireDefault(require("@emotion/styled/base"));
 var _reactI18next = require("react-i18next");
 var _core = require("@ndla/core");
 var _typography = require("@ndla/typography");
-var _jsxRuntime = require("@emotion/react/jsx-runtime");
+var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 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)."; } /**
  * Copyright (c) 2023-present, NDLA.
@@ -46,18 +46,18 @@ const FileList = _ref => {
   const {
     t
   } = (0, _reactI18next.useTranslation)();
-  return (0, _jsxRuntime.jsxs)(FileListSection, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(FileListSection, {
     ...rest,
-    children: [(0, _jsxRuntime.jsxs)(FileListHeaderWrapper, {
-      children: [(0, _jsxRuntime.jsx)(_typography.Heading, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(FileListHeaderWrapper, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_typography.Heading, {
         element: "h3",
         headingStyle: "list-title",
         margin: "none",
         children: t("files")
-      }), (0, _jsxRuntime.jsx)("div", {
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
         children: headingButtons
       })]
-    }), (0, _jsxRuntime.jsx)(FilesList, {
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(FilesList, {
       children: children
     })]
   });

package/lib/FileList/Format.js

@@ -9,7 +9,7 @@ var _core = require("@ndla/core");
 var _common = require("@ndla/icons/common");
 var _safelink = require("@ndla/safelink");
 var _typography = require("@ndla/typography");
-var _jsxRuntime = require("@emotion/react/jsx-runtime");
+var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 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)."; } /**
  * Copyright (c) 2023-present, NDLA.
@@ -71,8 +71,8 @@ const Format = _ref => {
   } = _ref;
   const titleWithFormat = `${title} (${format.fileType.toUpperCase()})`;
   if (isDeadLink) {
-    return (0, _jsxRuntime.jsxs)(StyledDeadLinkWrapper, {
-      children: [(0, _jsxRuntime.jsx)(StyledDownload, {}), (0, _jsxRuntime.jsx)(StyledDeadLinkText, {
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)(StyledDeadLinkWrapper, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(StyledDownload, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(StyledDeadLinkText, {
         element: "span",
         textStyle: "label-small",
         margin: "none",
@@ -80,13 +80,13 @@ const Format = _ref => {
       })]
     }, format.url);
   }
-  return (0, _jsxRuntime.jsxs)(FileLink, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(FileLink, {
     to: format.url,
     target: "_blank",
     "aria-label": titleWithFormat,
-    children: [(0, _jsxRuntime.jsx)(StyledDownload, {}), (0, _jsxRuntime.jsx)("div", {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(StyledDownload, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
       "aria-label": format.tooltip,
-      children: (0, _jsxRuntime.jsx)(StyledText, {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(StyledText, {
         element: "span",
         textStyle: "label-small",
         margin: "none",

package/lib/FileList/PdfFile.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _primitives = require("@ndla/primitives");
 var _jsx2 = require("@ndla/styled-system/jsx");
-var _jsxRuntime = require("@emotion/react/jsx-runtime");
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * Copyright (c) 2023-present, NDLA.
  *
@@ -32,15 +32,15 @@ const PdfFile = _ref => {
     title,
     url
   } = _ref;
-  return (0, _jsxRuntime.jsxs)(StyledFigure, {
-    children: [(0, _jsxRuntime.jsx)(_primitives.Heading, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(StyledFigure, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.Heading, {
       asChild: true,
       consumeCss: true,
       textStyle: "title.medium",
-      children: (0, _jsxRuntime.jsx)("h4", {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("h4", {
         children: title
       })
-    }), (0, _jsxRuntime.jsx)(StyledIframe, {
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(StyledIframe, {
       title: title,
       height: "1050",
       src: url

package/lib/FrontpageArticle/FrontpageArticle.js

@@ -10,7 +10,7 @@ var _core = require("@ndla/core");
 var _hooks = require("@ndla/hooks");
 var _typography = require("@ndla/typography");
 var _Article = require("../Article");
-var _jsxRuntime = require("@emotion/react/jsx-runtime");
+var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 /**
  * Copyright (c) 2023-present, NDLA.
@@ -46,16 +46,16 @@ const FrontpageArticle = _ref => {
     content
   } = article;
   if (isWide) {
-    return (0, _jsxRuntime.jsx)(StyledArticle, {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(StyledArticle, {
       "data-wide": isWide,
       style: cssVars,
       id: id,
       children: content
     });
   }
-  return (0, _jsxRuntime.jsxs)(StyledArticle, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(StyledArticle, {
     style: cssVars,
-    children: [(0, _jsxRuntime.jsx)(_typography.Heading, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_typography.Heading, {
       id: id,
       headingStyle: "h1-resource",
       element: "h1",
@@ -63,12 +63,12 @@ const FrontpageArticle = _ref => {
       tabIndex: -1,
       lang: lang,
       children: title
-    }), (0, _jsxRuntime.jsx)(_typography.Text, {
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_typography.Text, {
       textStyle: "ingress",
       element: "div",
       lang: lang,
       children: introduction
-    }), content, (0, _jsxRuntime.jsx)(_Article.ArticleByline, {
+    }), content, /*#__PURE__*/(0, _jsxRuntime.jsx)(_Article.ArticleByline, {
       licenseBox: licenseBox,
       displayByline: false
     })]

package/lib/Gloss/Gloss.js

@@ -12,7 +12,7 @@ var _primitives = require("@ndla/primitives");
 var _jsx2 = require("@ndla/styled-system/jsx");
 var _GlossExample = _interopRequireDefault(require("./GlossExample"));
 var _SpeechControl = _interopRequireDefault(require("../AudioPlayer/SpeechControl"));
-var _jsxRuntime = require("@emotion/react/jsx-runtime");
+var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 /**
  * Copyright (c) 2023-present, NDLA.
@@ -96,81 +96,81 @@ const Gloss = _ref => {
   } = (0, _reactI18next.useTranslation)();
   const filteredExamples = (0, _react.useMemo)(() => getFilteredExamples(glossData, exampleIds, exampleLangs), [exampleIds, exampleLangs, glossData]);
   if (!glossData) return null;
-  return (0, _jsxRuntime.jsx)(_primitives.AccordionRoot, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.AccordionRoot, {
     multiple: true,
     variant: "clean",
-    children: (0, _jsxRuntime.jsxs)(StyledAccordionItem, {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(StyledAccordionItem, {
       value: "gloss",
       variant: variant,
-      children: [(0, _jsxRuntime.jsxs)(Container, {
-        children: [(0, _jsxRuntime.jsxs)(TextWrapper, {
-          children: [(0, _jsxRuntime.jsx)(_primitives.Text, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(Container, {
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(TextWrapper, {
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.Text, {
             textStyle: "label.medium",
             fontWeight: "bold",
             asChild: true,
             consumeCss: true,
             lang: glossData.originalLanguage,
-            children: (0, _jsxRuntime.jsx)("span", {
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
               children: glossData.gloss
             })
-          }), glossData.transcriptions.traditional && (0, _jsxRuntime.jsx)(_primitives.Text, {
+          }), glossData.transcriptions.traditional && /*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.Text, {
             textStyle: "label.medium",
             asChild: true,
             consumeCss: true,
-            children: (0, _jsxRuntime.jsx)("span", {
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
               "aria-label": t("gloss.transcriptions.traditional"),
               lang: glossData.originalLanguage,
               children: glossData.transcriptions.traditional
             }, t("gloss.transcriptions.traditional"))
-          }), glossData.transcriptions.pinyin && (0, _jsxRuntime.jsx)(_primitives.Text, {
+          }), glossData.transcriptions.pinyin && /*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.Text, {
             textStyle: "label.medium",
             asChild: true,
             consumeCss: true,
-            children: (0, _jsxRuntime.jsx)("span", {
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
               "data-pinyin": "",
               "aria-label": t("gloss.transcriptions.pinyin"),
               lang: glossData.originalLanguage,
               children: glossData.transcriptions.pinyin
             }, t("gloss.transcriptions.pinyin"))
-          }), glossData.wordClass && (0, _jsxRuntime.jsx)(_primitives.Text, {
+          }), glossData.wordClass && /*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.Text, {
             textStyle: "label.medium",
             asChild: true,
             consumeCss: true,
-            children: (0, _jsxRuntime.jsx)("span", {
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
               "aria-label": t("gloss.wordClass"),
               children: t(`wordClass.${glossData.wordClass}`).toLowerCase()
             })
           })]
-        }), audio?.src && (0, _jsxRuntime.jsx)(_SpeechControl.default, {
+        }), audio?.src && /*#__PURE__*/(0, _jsxRuntime.jsx)(_SpeechControl.default, {
           src: audio.src,
           title: audio.title,
           type: "gloss"
         })]
-      }), (0, _jsxRuntime.jsxs)(StyledContainer, {
-        children: [(0, _jsxRuntime.jsx)(_primitives.Text, {
+      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(StyledContainer, {
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.Text, {
           textStyle: "label.medium",
           asChild: true,
           consumeCss: true,
-          children: (0, _jsxRuntime.jsx)("span", {
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
             lang: title.language,
             children: title.title
           })
-        }), !!filteredExamples.length && (0, _jsxRuntime.jsx)(_react2.AccordionItemTrigger, {
+        }), !!filteredExamples.length && /*#__PURE__*/(0, _jsxRuntime.jsx)(_react2.AccordionItemTrigger, {
           asChild: true,
-          children: (0, _jsxRuntime.jsx)(_primitives.IconButton, {
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.IconButton, {
             variant: "tertiary",
             "aria-label": t("gloss.showExamples"),
             title: t("gloss.showExamples"),
-            children: (0, _jsxRuntime.jsx)(_primitives.AccordionItemIndicator, {
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.AccordionItemIndicator, {
               asChild: true,
-              children: (0, _jsxRuntime.jsx)(_common.ChevronDown, {
+              children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_common.ChevronDown, {
                 size: "medium"
               })
             })
           })
         })]
-      }), (0, _jsxRuntime.jsx)(StyledAccordionItemContent, {
-        children: filteredExamples.map((examples, index) => (0, _jsxRuntime.jsx)(_GlossExample.default, {
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(StyledAccordionItemContent, {
+        children: filteredExamples.map((examples, index) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_GlossExample.default, {
           examples: examples,
           originalLanguage: glossData.originalLanguage
         }, `gloss-example-${index}`))

package/lib/Gloss/GlossExample.js

@@ -7,7 +7,7 @@ exports.default = void 0;
 var _react = require("react");
 var _primitives = require("@ndla/primitives");
 var _jsx2 = require("@ndla/styled-system/jsx");
-var _jsxRuntime = require("@emotion/react/jsx-runtime");
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * Copyright (c) 2023-present, NDLA.
  *
@@ -41,24 +41,24 @@ const GlossExample = _ref => {
     examples,
     originalLanguage
   } = _ref;
-  return (0, _jsxRuntime.jsx)("div", {
-    children: examples.map((examples, index) => (0, _jsxRuntime.jsxs)(_react.Fragment, {
-      children: [(0, _jsxRuntime.jsx)(StyledGlossExample, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    children: examples.map((examples, index) => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_react.Fragment, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(StyledGlossExample, {
         lang: examples.language,
-        children: (0, _jsxRuntime.jsx)(_primitives.Text, {
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.Text, {
           textStyle: "label.medium",
           lang: examples.language,
           children: examples.example
         })
-      }), !!examples.transcriptions.pinyin && (0, _jsxRuntime.jsx)(StyledGlossExample, {
-        children: (0, _jsxRuntime.jsx)(PinyinText, {
+      }), !!examples.transcriptions.pinyin && /*#__PURE__*/(0, _jsxRuntime.jsx)(StyledGlossExample, {
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(PinyinText, {
           "data-pinyin": "",
           lang: originalLanguage,
           textStyle: "label.medium",
           children: examples.transcriptions?.pinyin
         })
-      }), !!examples.transcriptions?.traditional && (0, _jsxRuntime.jsx)(StyledGlossExample, {
-        children: (0, _jsxRuntime.jsx)(_primitives.Text, {
+      }), !!examples.transcriptions?.traditional && /*#__PURE__*/(0, _jsxRuntime.jsx)(StyledGlossExample, {
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.Text, {
           textStyle: "label.medium",
           lang: originalLanguage,
           children: examples.transcriptions.traditional