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

package/lib/Embed/IframeEmbed.js

@@ -10,7 +10,7 @@ var _primitives = require("@ndla/primitives");
 var _jsx2 = require("@ndla/styled-system/jsx");
 var _EmbedErrorPlaceholder = _interopRequireDefault(require("./EmbedErrorPlaceholder"));
 var _ResourceBox = require("../ResourceBox");
-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.
@@ -43,7 +43,7 @@ const IframeEmbed = _ref => {
     }
   }, []);
   if (embed.status === "error") {
-    return (0, _jsxRuntime.jsx)(_EmbedErrorPlaceholder.default, {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_EmbedErrorPlaceholder.default, {
       type: "external"
     });
   }
@@ -58,8 +58,8 @@ const IframeEmbed = _ref => {
       src: iframeImage?.image.imageUrl ?? "",
       alt: alt ?? ""
     };
-    return (0, _jsxRuntime.jsx)(_primitives.Figure, {
-      children: (0, _jsxRuntime.jsx)(_ResourceBox.ResourceBox, {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.Figure, {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_ResourceBox.ResourceBox, {
         image: image,
         title: embedData.title ?? "",
         url: embedData.url,
@@ -77,8 +77,8 @@ const IframeEmbed = _ref => {
   const strippedWidth = typeof width === "number" ? width : width?.replace(/\s*px/, "");
   const strippedHeight = typeof height === "number" ? height : height?.replace(/\s*px/, "");
   const urlOrTitle = title || url;
-  return (0, _jsxRuntime.jsx)(_primitives.Figure, {
-    children: (0, _jsxRuntime.jsx)(StyledIframe, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.Figure, {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(StyledIframe, {
       ref: iframeRef,
       title: urlOrTitle,
       "aria-label": urlOrTitle,

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.
@@ -25,7 +25,7 @@ const WIDE_FRONTPAGE_ARTICLE_MAX_WIDTH = exports.WIDE_FRONTPAGE_ARTICLE_MAX_WIDT
 const StyledArticle = /*#__PURE__*/(0, _base.default)("article", {
   target: "e10a6yg80",
   label: "StyledArticle"
-})("width:100%;max-width:773px;h2[id]{margin-top:", _core.spacing.large, ";}div[data-type=\"campaign-block\"]{margin:", _core.spacing.large, " 0px;}div[data-type=\"grid\"]{h2,h3,h4{margin-top:0px;}}div[data-type=\"grid\"]+div[data-type=\"grid\"]{margin-top:", _core.spacing.xxlarge, ";}&[data-wide=\"true\"]{max-width:1100px;h2[id]{margin-top:", _core.spacing.xxlarge, ";}div[data-type=\"campaign-block\"]{margin:", _core.spacing.xxlarge, " 0px;}}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZyb250cGFnZUFydGljbGUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTJCb0MiLCJmaWxlIjoiRnJvbnRwYWdlQXJ0aWNsZS50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAyMy1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCB7IENTU1Byb3BlcnRpZXMsIFJlYWN0Tm9kZSwgdXNlTWVtbyB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBzcGFjaW5nIH0gZnJvbSBcIkBuZGxhL2NvcmVcIjtcbmltcG9ydCB7IHVzZUNvbXBvbmVudFNpemUgfSBmcm9tIFwiQG5kbGEvaG9va3NcIjtcbmltcG9ydCB7IEhlYWRpbmcsIFRleHQgfSBmcm9tIFwiQG5kbGEvdHlwb2dyYXBoeVwiO1xuaW1wb3J0IHsgQXJ0aWNsZUJ5bGluZSB9IGZyb20gXCIuLi9BcnRpY2xlXCI7XG5pbXBvcnQgeyBBcnRpY2xlIH0gZnJvbSBcIi4uL3R5cGVzXCI7XG5cbmludGVyZmFjZSBQcm9wcyB7XG4gIGFydGljbGU6IE9taXQ8QXJ0aWNsZSwgXCJmb290Tm90ZXNcIj47XG4gIGlkOiBzdHJpbmc7XG4gIGlzV2lkZT86IGJvb2xlYW47XG4gIGxpY2Vuc2VCb3g/OiBSZWFjdE5vZGU7XG4gIGxhbmc/OiBzdHJpbmc7XG59XG5cbmV4cG9ydCBjb25zdCBGUk9OVFBBR0VfQVJUSUNMRV9NQVhfV0lEVEggPSBcIjc3M3B4XCI7XG5leHBvcnQgY29uc3QgV0lERV9GUk9OVFBBR0VfQVJUSUNMRV9NQVhfV0lEVEggPSBcIjExMDBweFwiO1xuXG5jb25zdCBTdHlsZWRBcnRpY2xlID0gc3R5bGVkLmFydGljbGVgXG4gIHdpZHRoOiAxMDAlO1xuICBtYXgtd2lkdGg6IDc3M3B4O1xuICBoMltpZF0ge1xuICAgIG1hcmdpbi10b3A6ICR7c3BhY2luZy5sYXJnZX07XG4gIH1cbiAgZGl2W2RhdGEtdHlwZT1cImNhbXBhaWduLWJsb2NrXCJdIHtcbiAgICBtYXJnaW46ICR7c3BhY2luZy5sYXJnZX0gMHB4O1xuICB9XG4gIGRpdltkYXRhLXR5cGU9XCJncmlkXCJdIHtcbiAgICBoMixcbiAgICBoMyxcbiAgICBoNCB7XG4gICAgICBtYXJnaW4tdG9wOiAwcHg7XG4gICAgfVxuICB9XG5cbiAgZGl2W2RhdGEtdHlwZT1cImdyaWRcIl0gKyBkaXZbZGF0YS10eXBlPVwiZ3JpZFwiXSB7XG4gICAgbWFyZ2luLXRvcDogJHtzcGFjaW5nLnh4bGFyZ2V9O1xuICB9XG5cbiAgJltkYXRhLXdpZGU9XCJ0cnVlXCJdIHtcbiAgICBtYXgtd2lkdGg6IDExMDBweDtcbiAgICBoMltpZF0ge1xuICAgICAgbWFyZ2luLXRvcDogJHtzcGFjaW5nLnh4bGFyZ2V9O1xuICAgIH1cbiAgICBkaXZbZGF0YS10eXBlPVwiY2FtcGFpZ24tYmxvY2tcIl0ge1xuICAgICAgbWFyZ2luOiAke3NwYWNpbmcueHhsYXJnZX0gMHB4O1xuICAgIH1cbiAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IEZyb250cGFnZUFydGljbGUgPSAoeyBhcnRpY2xlLCBpZCwgaXNXaWRlLCBsaWNlbnNlQm94LCBsYW5nIH06IFByb3BzKSA9PiB7XG4gIGNvbnN0IHsgaGVpZ2h0ID0gMCB9ID0gdXNlQ29tcG9uZW50U2l6ZShcIm1hc3RoZWFkXCIpO1xuICBjb25zdCBjc3NWYXJzID0gdXNlTWVtbygoKSA9PiAoeyBcIi0tbWFzdGhlYWQtaGVpZ2h0XCI6IGAke2hlaWdodH1weGAgfSkgYXMgdW5rbm93biBhcyBDU1NQcm9wZXJ0aWVzLCBbaGVpZ2h0XSk7XG4gIGNvbnN0IHsgdGl0bGUsIGludHJvZHVjdGlvbiwgY29udGVudCB9ID0gYXJ0aWNsZTtcblxuICBpZiAoaXNXaWRlKSB7XG4gICAgcmV0dXJuIChcbiAgICAgIDxTdHlsZWRBcnRpY2xlIGRhdGEtd2lkZT17aXNXaWRlfSBzdHlsZT17Y3NzVmFyc30gaWQ9e2lkfT5cbiAgICAgICAge2NvbnRlbnR9XG4gICAgICA8L1N0eWxlZEFydGljbGU+XG4gICAgKTtcbiAgfVxuXG4gIHJldHVybiAoXG4gICAgPFN0eWxlZEFydGljbGUgc3R5bGU9e2Nzc1ZhcnN9PlxuICAgICAgPEhlYWRpbmcgaWQ9e2lkfSBoZWFkaW5nU3R5bGU9XCJoMS1yZXNvdXJjZVwiIGVsZW1lbnQ9XCJoMVwiIG1hcmdpbj1cIm5vcm1hbFwiIHRhYkluZGV4PXstMX0gbGFuZz17bGFuZ30+XG4gICAgICAgIHt0aXRsZX1cbiAgICAgIDwvSGVhZGluZz5cbiAgICAgIDxUZXh0IHRleHRTdHlsZT1cImluZ3Jlc3NcIiBlbGVtZW50PVwiZGl2XCIgbGFuZz17bGFuZ30+XG4gICAgICAgIHtpbnRyb2R1Y3Rpb259XG4gICAgICA8L1RleHQ+XG4gICAgICB7Y29udGVudH1cbiAgICAgIDxBcnRpY2xlQnlsaW5lIGFjY29yZGlvbkhlYWRlclZhcmlhbnQ9e1wid2hpdGVcIn0gbGljZW5zZUJveD17bGljZW5zZUJveH0gZGlzcGxheUJ5bGluZT17ZmFsc2V9IC8+XG4gICAgPC9TdHlsZWRBcnRpY2xlPlxuICApO1xufTtcblxuZXhwb3J0IGRlZmF1bHQgRnJvbnRwYWdlQXJ0aWNsZTtcbiJdfQ== */"));
+})("width:100%;max-width:773px;h2[id]{margin-top:", _core.spacing.large, ";}div[data-type=\"campaign-block\"]{margin:", _core.spacing.large, " 0px;}div[data-type=\"grid\"]{h2,h3,h4{margin-top:0px;}}div[data-type=\"grid\"]+div[data-type=\"grid\"]{margin-top:", _core.spacing.xxlarge, ";}&[data-wide=\"true\"]{max-width:1100px;h2[id]{margin-top:", _core.spacing.xxlarge, ";}div[data-type=\"campaign-block\"]{margin:", _core.spacing.xxlarge, " 0px;}}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZyb250cGFnZUFydGljbGUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTJCb0MiLCJmaWxlIjoiRnJvbnRwYWdlQXJ0aWNsZS50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAyMy1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCB7IENTU1Byb3BlcnRpZXMsIFJlYWN0Tm9kZSwgdXNlTWVtbyB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBzcGFjaW5nIH0gZnJvbSBcIkBuZGxhL2NvcmVcIjtcbmltcG9ydCB7IHVzZUNvbXBvbmVudFNpemUgfSBmcm9tIFwiQG5kbGEvaG9va3NcIjtcbmltcG9ydCB7IEhlYWRpbmcsIFRleHQgfSBmcm9tIFwiQG5kbGEvdHlwb2dyYXBoeVwiO1xuaW1wb3J0IHsgQXJ0aWNsZUJ5bGluZSB9IGZyb20gXCIuLi9BcnRpY2xlXCI7XG5pbXBvcnQgeyBBcnRpY2xlIH0gZnJvbSBcIi4uL3R5cGVzXCI7XG5cbmludGVyZmFjZSBQcm9wcyB7XG4gIGFydGljbGU6IE9taXQ8QXJ0aWNsZSwgXCJmb290Tm90ZXNcIj47XG4gIGlkOiBzdHJpbmc7XG4gIGlzV2lkZT86IGJvb2xlYW47XG4gIGxpY2Vuc2VCb3g/OiBSZWFjdE5vZGU7XG4gIGxhbmc/OiBzdHJpbmc7XG59XG5cbmV4cG9ydCBjb25zdCBGUk9OVFBBR0VfQVJUSUNMRV9NQVhfV0lEVEggPSBcIjc3M3B4XCI7XG5leHBvcnQgY29uc3QgV0lERV9GUk9OVFBBR0VfQVJUSUNMRV9NQVhfV0lEVEggPSBcIjExMDBweFwiO1xuXG5jb25zdCBTdHlsZWRBcnRpY2xlID0gc3R5bGVkLmFydGljbGVgXG4gIHdpZHRoOiAxMDAlO1xuICBtYXgtd2lkdGg6IDc3M3B4O1xuICBoMltpZF0ge1xuICAgIG1hcmdpbi10b3A6ICR7c3BhY2luZy5sYXJnZX07XG4gIH1cbiAgZGl2W2RhdGEtdHlwZT1cImNhbXBhaWduLWJsb2NrXCJdIHtcbiAgICBtYXJnaW46ICR7c3BhY2luZy5sYXJnZX0gMHB4O1xuICB9XG4gIGRpdltkYXRhLXR5cGU9XCJncmlkXCJdIHtcbiAgICBoMixcbiAgICBoMyxcbiAgICBoNCB7XG4gICAgICBtYXJnaW4tdG9wOiAwcHg7XG4gICAgfVxuICB9XG5cbiAgZGl2W2RhdGEtdHlwZT1cImdyaWRcIl0gKyBkaXZbZGF0YS10eXBlPVwiZ3JpZFwiXSB7XG4gICAgbWFyZ2luLXRvcDogJHtzcGFjaW5nLnh4bGFyZ2V9O1xuICB9XG5cbiAgJltkYXRhLXdpZGU9XCJ0cnVlXCJdIHtcbiAgICBtYXgtd2lkdGg6IDExMDBweDtcbiAgICBoMltpZF0ge1xuICAgICAgbWFyZ2luLXRvcDogJHtzcGFjaW5nLnh4bGFyZ2V9O1xuICAgIH1cbiAgICBkaXZbZGF0YS10eXBlPVwiY2FtcGFpZ24tYmxvY2tcIl0ge1xuICAgICAgbWFyZ2luOiAke3NwYWNpbmcueHhsYXJnZX0gMHB4O1xuICAgIH1cbiAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IEZyb250cGFnZUFydGljbGUgPSAoeyBhcnRpY2xlLCBpZCwgaXNXaWRlLCBsaWNlbnNlQm94LCBsYW5nIH06IFByb3BzKSA9PiB7XG4gIGNvbnN0IHsgaGVpZ2h0ID0gMCB9ID0gdXNlQ29tcG9uZW50U2l6ZShcIm1hc3RoZWFkXCIpO1xuICBjb25zdCBjc3NWYXJzID0gdXNlTWVtbygoKSA9PiAoeyBcIi0tbWFzdGhlYWQtaGVpZ2h0XCI6IGAke2hlaWdodH1weGAgfSkgYXMgdW5rbm93biBhcyBDU1NQcm9wZXJ0aWVzLCBbaGVpZ2h0XSk7XG4gIGNvbnN0IHsgdGl0bGUsIGludHJvZHVjdGlvbiwgY29udGVudCB9ID0gYXJ0aWNsZTtcblxuICBpZiAoaXNXaWRlKSB7XG4gICAgcmV0dXJuIChcbiAgICAgIDxTdHlsZWRBcnRpY2xlIGRhdGEtd2lkZT17aXNXaWRlfSBzdHlsZT17Y3NzVmFyc30gaWQ9e2lkfT5cbiAgICAgICAge2NvbnRlbnR9XG4gICAgICA8L1N0eWxlZEFydGljbGU+XG4gICAgKTtcbiAgfVxuXG4gIHJldHVybiAoXG4gICAgPFN0eWxlZEFydGljbGUgc3R5bGU9e2Nzc1ZhcnN9PlxuICAgICAgPEhlYWRpbmcgaWQ9e2lkfSBoZWFkaW5nU3R5bGU9XCJoMS1yZXNvdXJjZVwiIGVsZW1lbnQ9XCJoMVwiIG1hcmdpbj1cIm5vcm1hbFwiIHRhYkluZGV4PXstMX0gbGFuZz17bGFuZ30+XG4gICAgICAgIHt0aXRsZX1cbiAgICAgIDwvSGVhZGluZz5cbiAgICAgIDxUZXh0IHRleHRTdHlsZT1cImluZ3Jlc3NcIiBlbGVtZW50PVwiZGl2XCIgbGFuZz17bGFuZ30+XG4gICAgICAgIHtpbnRyb2R1Y3Rpb259XG4gICAgICA8L1RleHQ+XG4gICAgICB7Y29udGVudH1cbiAgICAgIDxBcnRpY2xlQnlsaW5lIGxpY2Vuc2VCb3g9e2xpY2Vuc2VCb3h9IGRpc3BsYXlCeWxpbmU9e2ZhbHNlfSAvPlxuICAgIDwvU3R5bGVkQXJ0aWNsZT5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IEZyb250cGFnZUFydGljbGU7XG4iXX0= */"));
 const FrontpageArticle = _ref => {
   let {
     article,
@@ -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,13 +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, {
-      accordionHeaderVariant: "white",
+    }), content, /*#__PURE__*/(0, _jsxRuntime.jsx)(_Article.ArticleByline, {
       licenseBox: licenseBox,
       displayByline: false
     })]