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

package/es/Embed/RelatedContentEmbed.js

@@ -10,7 +10,7 @@ import punycode from "punycode/";
 import { useTranslation } from "react-i18next";
 import { contentTypeMapping } from "../model/ContentType";
 import { RelatedArticle } from "../RelatedArticleList/RelatedArticleList";
-import { Fragment as _Fragment, jsx as _jsx } from "@emotion/react/jsx-runtime";
+import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
 const RelatedContentEmbed = _ref => {
   let {
     embed,
@@ -22,7 +22,7 @@ const RelatedContentEmbed = _ref => {
     t
   } = useTranslation();
   if (embed.status === "error") {
-    return _jsx(_Fragment, {});
+    return /*#__PURE__*/_jsx(_Fragment, {});
   }
   const {
     data,
@@ -32,7 +32,7 @@ const RelatedContentEmbed = _ref => {
     const typeId = data.resource?.resourceTypes.find(rt => contentTypeMapping[rt.id])?.id;
     const type = typeId ? contentTypeMapping[typeId] : undefined;
     const path = data.resource?.paths.find(p => p.split("/")[1] === subject?.replace("urn:", "")) ?? data.resource?.path ?? `/article/${embedData.articleId}`;
-    return _jsx(RelatedArticle, {
+    return /*#__PURE__*/_jsx(RelatedArticle, {
       title: data.article.title?.title ?? "",
       introduction: data.article.metaDescription?.metaDescription ?? "",
       target: isOembed ? "_blank" : undefined,
@@ -41,7 +41,7 @@ const RelatedContentEmbed = _ref => {
     });
   }
   if (typeof embedData.url === "string") {
-    return _jsx(RelatedArticle, {
+    return /*#__PURE__*/_jsx(RelatedArticle, {
       title: embedData.title ?? "",
       introduction: "",
       to: embedData.url,
@@ -52,6 +52,6 @@ const RelatedContentEmbed = _ref => {
       punycode.toUnicode(embedData.url.match(/^(?:https?:\/\/)?(?:[^@\n]+@)?(?:www\.)?([^:/\n]+)/im)?.[1] || embedData.url)}`
     });
   }
-  return _jsx(_Fragment, {});
+  return /*#__PURE__*/_jsx(_Fragment, {});
 };
 export default RelatedContentEmbed;

package/es/Embed/UnknownEmbed.js

@@ -8,7 +8,7 @@
 
 import { useTranslation } from "react-i18next";
 import { Text } from "@ndla/primitives";
-import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
 const UnknownEmbed = _ref => {
   let {
     embed
@@ -16,11 +16,11 @@ const UnknownEmbed = _ref => {
   const {
     t
   } = useTranslation();
-  return _jsx(Text, {
+  return /*#__PURE__*/_jsx(Text, {
     color: "text.error",
     asChild: true,
     consumeCss: true,
-    children: _jsx("span", {
+    children: /*#__PURE__*/_jsx("span", {
       children: t("embed.unsupported", {
         type: embed.resource
       })

package/es/Embed/UuDisclaimerEmbed.js

@@ -11,7 +11,7 @@ import { InformationOutline } from "@ndla/icons/common";
 import { MessageBox } from "@ndla/primitives";
 import { SafeLink } from "@ndla/safelink";
 import { styled } from "@ndla/styled-system/jsx";
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 const StyledMessageBox = styled(MessageBox, {
   base: {
     display: "flex",
@@ -38,20 +38,20 @@ const UuDisclaimerEmbed = _ref => {
     embedData,
     data
   } = embed;
-  const disclaimerLink = data?.disclaimerLink ? _jsxs(_Fragment, {
-    children: [` ${t("uuDisclaimer.alternative")} `, _jsx(SafeLink, {
+  const disclaimerLink = data?.disclaimerLink ? /*#__PURE__*/_jsxs(_Fragment, {
+    children: [` ${t("uuDisclaimer.alternative")} `, /*#__PURE__*/_jsx(SafeLink, {
       to: data.disclaimerLink.href,
       target: "_blank",
       rel: "noopener noreferrer",
       children: data.disclaimerLink.text
     })]
   }) : null;
-  return _jsxs("div", {
+  return /*#__PURE__*/_jsxs("div", {
     role: "region",
-    children: [_jsxs(StyledMessageBox, {
+    children: [/*#__PURE__*/_jsxs(StyledMessageBox, {
       variant: "warning",
       contentEditable: false,
-      children: [_jsx(InformationOutline, {}), _jsxs(Disclaimer, {
+      children: [/*#__PURE__*/_jsx(InformationOutline, {}), /*#__PURE__*/_jsxs(Disclaimer, {
         children: [embedData.disclaimer, disclaimerLink]
       })]
     }), children]

package/es/ErrorMessage/ErrorMessage.js

@@ -11,7 +11,7 @@ import { SafeLink } from "@ndla/safelink";
 import { styled } from "@ndla/styled-system/jsx";
 
 // TODO: This has not been redesignet yet. This is just a rewrite of the previous design in panda
-import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const StyledErrorMessage = styled("article", {
   base: {
     textAlign: "center",
@@ -57,33 +57,33 @@ export const ErrorMessage = _ref => {
     illustrationElement,
     customElement
   } = _ref;
-  return _jsxs(StyledErrorMessage, {
-    children: [illustration && _jsx(IllustrationWrapper, {
-      children: _jsx("img", {
+  return /*#__PURE__*/_jsxs(StyledErrorMessage, {
+    children: [illustration && /*#__PURE__*/_jsx(IllustrationWrapper, {
+      children: /*#__PURE__*/_jsx("img", {
         src: illustration.url,
         alt: illustration.altText
       })
-    }), illustrationElement && _jsx(IllustrationWrapper, {
+    }), illustrationElement && /*#__PURE__*/_jsx(IllustrationWrapper, {
       children: illustrationElement
-    }), _jsx("h1", {
+    }), /*#__PURE__*/_jsx("h1", {
       children: messages.title
-    }), messages.description && _jsx(Description, {
+    }), messages.description && /*#__PURE__*/_jsx(Description, {
       children: messages.description
-    }), customElement && _jsx(CustomElementWrapper, {
+    }), customElement && /*#__PURE__*/_jsx(CustomElementWrapper, {
       children: customElement
-    }), messages.linksTitle && _jsx("h2", {
+    }), messages.linksTitle && /*#__PURE__*/_jsx("h2", {
       children: messages.linksTitle
-    }), messages.back && _jsx(SafeLink, {
+    }), messages.back && /*#__PURE__*/_jsx(SafeLink, {
       to: `/#${encodeURI(messages.back)}`,
       onClick: () => window.history.back(),
       children: messages.back
-    }), messages.goToFrontPage && _jsx(MessageWrapper, {
-      children: _jsx(SafeLink, {
+    }), messages.goToFrontPage && /*#__PURE__*/_jsx(MessageWrapper, {
+      children: /*#__PURE__*/_jsx(SafeLink, {
         to: "/",
         children: messages.goToFrontPage
       })
-    }), messages.logInFailed && _jsx(MessageWrapper, {
-      children: _jsx(SafeLink, {
+    }), messages.logInFailed && /*#__PURE__*/_jsx(MessageWrapper, {
+      children: /*#__PURE__*/_jsx(SafeLink, {
         to: "/minndla",
         children: messages.logInFailed
       })

package/es/ErrorMessage/ErrorResourceAccessDenied.js

@@ -13,7 +13,7 @@ import { styled } from "@ndla/styled-system/jsx";
 import ErrorMessage from "./ErrorMessage";
 
 // TODO: This has not been redesignet yet. This is just a rewrite of the previous design in panda
-import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const StyledLogInIconWrapper = styled("span", {
   base: {
     marginLeft: "3xsmall"
@@ -26,21 +26,21 @@ const ErrorResourceAccessDenied = _ref => {
   const {
     t
   } = useTranslation();
-  return _jsx(ErrorMessage, {
+  return /*#__PURE__*/_jsx(ErrorMessage, {
     messages: {
       title: t("user.resource.accessDenied"),
       back: t("errorMessage.back"),
       goToFrontPage: t("errorMessage.goToFrontPage")
     },
-    illustrationElement: _jsx(HumanMaleBoard, {
+    illustrationElement: /*#__PURE__*/_jsx(HumanMaleBoard, {
       size: "medium"
     }),
-    customElement: _jsxs(ButtonV2, {
+    customElement: /*#__PURE__*/_jsxs(ButtonV2, {
       size: "medium",
       onClick: onAuthenticateClick,
-      children: [t("user.buttonLogIn"), _jsx(StyledLogInIconWrapper, {
+      children: [t("user.buttonLogIn"), /*#__PURE__*/_jsx(StyledLogInIconWrapper, {
         "aria-hidden": true,
-        children: _jsx(LogIn, {
+        children: /*#__PURE__*/_jsx(LogIn, {
           size: "medium"
         })
       })]

package/es/FactBox/FactBox.js

@@ -11,7 +11,7 @@ import { useTranslation } from "react-i18next";
 import { ChevronDown } from "@ndla/icons/common";
 import { IconButton } from "@ndla/primitives";
 import { styled } from "@ndla/styled-system/jsx";
-import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const StyledAside = styled("aside", {
   base: {
     display: "flex",
@@ -129,18 +129,18 @@ const FactBox = /*#__PURE__*/forwardRef((_ref, ref) => {
     setState(newState);
     onOpenChange?.(newState === "open");
   }, [state, onOpenChange]);
-  return _jsxs(StyledAside, {
+  return /*#__PURE__*/_jsxs(StyledAside, {
     "data-state": state,
     ...rest,
     ref: ref,
-    children: [_jsx(StyledIconButton, {
+    children: [/*#__PURE__*/_jsx(StyledIconButton, {
       "data-state": state,
       onClick: onClick,
       "aria-expanded": state === "open",
       "aria-controls": contentId,
       "aria-label": t(`factbox.${state === "open" ? "close" : "open"}`),
-      children: _jsx(ChevronDown, {})
-    }), _jsx(StyledContent, {
+      children: /*#__PURE__*/_jsx(ChevronDown, {})
+    }), /*#__PURE__*/_jsx(StyledContent, {
       id: contentId,
       "data-state": state,
       "aria-hidden": state === "closed",

package/es/FileList/File.js

@@ -10,7 +10,7 @@ import _styled from "@emotion/styled/base";
 import { useTranslation } from "react-i18next";
 import { breakpoints, colors, mq, spacing } from "@ndla/core";
 import Format from "./Format";
-import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
 const StyledFileItem = /*#__PURE__*/_styled("li", {
   target: "ei1p2nz0",
   label: "StyledFileItem"
@@ -28,8 +28,8 @@ const File = _ref => {
     t
   } = useTranslation();
   const tooltip = `${t("download")} ${url.split("/").pop()}`;
-  return _jsx(StyledFileItem, {
-    children: _jsx(Format, {
+  return /*#__PURE__*/_jsx(StyledFileItem, {
+    children: /*#__PURE__*/_jsx(Format, {
       format: {
         url,
         fileType,

package/es/FileList/FileList.js

@@ -11,7 +11,7 @@ function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringif
 import { useTranslation } from "react-i18next";
 import { colors, fonts, spacing } from "@ndla/core";
 import { Heading } from "@ndla/typography";
-import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const FileListSection = /*#__PURE__*/_styled("section", {
   target: "e1o67ylf2",
   label: "FileListSection"
@@ -41,18 +41,18 @@ const FileList = _ref => {
   const {
     t
   } = useTranslation();
-  return _jsxs(FileListSection, {
+  return /*#__PURE__*/_jsxs(FileListSection, {
     ...rest,
-    children: [_jsxs(FileListHeaderWrapper, {
-      children: [_jsx(Heading, {
+    children: [/*#__PURE__*/_jsxs(FileListHeaderWrapper, {
+      children: [/*#__PURE__*/_jsx(Heading, {
         element: "h3",
         headingStyle: "list-title",
         margin: "none",
         children: t("files")
-      }), _jsx("div", {
+      }), /*#__PURE__*/_jsx("div", {
         children: headingButtons
       })]
-    }), _jsx(FilesList, {
+    }), /*#__PURE__*/_jsx(FilesList, {
       children: children
     })]
   });

package/es/FileList/Format.js

@@ -12,7 +12,7 @@ import { colors, spacing } from "@ndla/core";
 import { Download } from "@ndla/icons/common";
 import { SafeLink } from "@ndla/safelink";
 import { Text } from "@ndla/typography";
-import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const StyledText = /*#__PURE__*/_styled(Text, {
   target: "elufxu24",
   label: "StyledText"
@@ -66,8 +66,8 @@ const Format = _ref => {
   } = _ref;
   const titleWithFormat = `${title} (${format.fileType.toUpperCase()})`;
   if (isDeadLink) {
-    return _jsxs(StyledDeadLinkWrapper, {
-      children: [_jsx(StyledDownload, {}), _jsx(StyledDeadLinkText, {
+    return /*#__PURE__*/_jsxs(StyledDeadLinkWrapper, {
+      children: [/*#__PURE__*/_jsx(StyledDownload, {}), /*#__PURE__*/_jsx(StyledDeadLinkText, {
         element: "span",
         textStyle: "label-small",
         margin: "none",
@@ -75,13 +75,13 @@ const Format = _ref => {
       })]
     }, format.url);
   }
-  return _jsxs(FileLink, {
+  return /*#__PURE__*/_jsxs(FileLink, {
     to: format.url,
     target: "_blank",
     "aria-label": titleWithFormat,
-    children: [_jsx(StyledDownload, {}), _jsx("div", {
+    children: [/*#__PURE__*/_jsx(StyledDownload, {}), /*#__PURE__*/_jsx("div", {
       "aria-label": format.tooltip,
-      children: _jsx(StyledText, {
+      children: /*#__PURE__*/_jsx(StyledText, {
         element: "span",
         textStyle: "label-small",
         margin: "none",

package/es/FileList/PdfFile.js

@@ -8,7 +8,7 @@
 
 import { Heading, Figure } from "@ndla/primitives";
 import { styled } from "@ndla/styled-system/jsx";
-import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const StyledIframe = styled("iframe", {
   base: {
     width: "100%"
@@ -26,15 +26,15 @@ const PdfFile = _ref => {
     title,
     url
   } = _ref;
-  return _jsxs(StyledFigure, {
-    children: [_jsx(Heading, {
+  return /*#__PURE__*/_jsxs(StyledFigure, {
+    children: [/*#__PURE__*/_jsx(Heading, {
       asChild: true,
       consumeCss: true,
       textStyle: "title.medium",
-      children: _jsx("h4", {
+      children: /*#__PURE__*/_jsx("h4", {
         children: title
       })
-    }), _jsx(StyledIframe, {
+    }), /*#__PURE__*/_jsx(StyledIframe, {
       title: title,
       height: "1050",
       src: url

package/es/FrontpageArticle/FrontpageArticle.js

@@ -12,13 +12,13 @@ import { spacing } from "@ndla/core";
 import { useComponentSize } from "@ndla/hooks";
 import { Heading, Text } from "@ndla/typography";
 import { ArticleByline } from "../Article";
-import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 export const FRONTPAGE_ARTICLE_MAX_WIDTH = "773px";
 export const WIDE_FRONTPAGE_ARTICLE_MAX_WIDTH = "1100px";
 const StyledArticle = /*#__PURE__*/_styled("article", {
   target: "e10a6yg80",
   label: "StyledArticle"
-})("width:100%;max-width:773px;h2[id]{margin-top:", spacing.large, ";}div[data-type=\"campaign-block\"]{margin:", spacing.large, " 0px;}div[data-type=\"grid\"]{h2,h3,h4{margin-top:0px;}}div[data-type=\"grid\"]+div[data-type=\"grid\"]{margin-top:", spacing.xxlarge, ";}&[data-wide=\"true\"]{max-width:1100px;h2[id]{margin-top:", spacing.xxlarge, ";}div[data-type=\"campaign-block\"]{margin:", 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:", spacing.large, ";}div[data-type=\"campaign-block\"]{margin:", spacing.large, " 0px;}div[data-type=\"grid\"]{h2,h3,h4{margin-top:0px;}}div[data-type=\"grid\"]+div[data-type=\"grid\"]{margin-top:", spacing.xxlarge, ";}&[data-wide=\"true\"]{max-width:1100px;h2[id]{margin-top:", spacing.xxlarge, ";}div[data-type=\"campaign-block\"]{margin:", spacing.xxlarge, " 0px;}}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZyb250cGFnZUFydGljbGUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTJCb0MiLCJmaWxlIjoiRnJvbnRwYWdlQXJ0aWNsZS50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAyMy1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCB7IENTU1Byb3BlcnRpZXMsIFJlYWN0Tm9kZSwgdXNlTWVtbyB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBzcGFjaW5nIH0gZnJvbSBcIkBuZGxhL2NvcmVcIjtcbmltcG9ydCB7IHVzZUNvbXBvbmVudFNpemUgfSBmcm9tIFwiQG5kbGEvaG9va3NcIjtcbmltcG9ydCB7IEhlYWRpbmcsIFRleHQgfSBmcm9tIFwiQG5kbGEvdHlwb2dyYXBoeVwiO1xuaW1wb3J0IHsgQXJ0aWNsZUJ5bGluZSB9IGZyb20gXCIuLi9BcnRpY2xlXCI7XG5pbXBvcnQgeyBBcnRpY2xlIH0gZnJvbSBcIi4uL3R5cGVzXCI7XG5cbmludGVyZmFjZSBQcm9wcyB7XG4gIGFydGljbGU6IE9taXQ8QXJ0aWNsZSwgXCJmb290Tm90ZXNcIj47XG4gIGlkOiBzdHJpbmc7XG4gIGlzV2lkZT86IGJvb2xlYW47XG4gIGxpY2Vuc2VCb3g/OiBSZWFjdE5vZGU7XG4gIGxhbmc/OiBzdHJpbmc7XG59XG5cbmV4cG9ydCBjb25zdCBGUk9OVFBBR0VfQVJUSUNMRV9NQVhfV0lEVEggPSBcIjc3M3B4XCI7XG5leHBvcnQgY29uc3QgV0lERV9GUk9OVFBBR0VfQVJUSUNMRV9NQVhfV0lEVEggPSBcIjExMDBweFwiO1xuXG5jb25zdCBTdHlsZWRBcnRpY2xlID0gc3R5bGVkLmFydGljbGVgXG4gIHdpZHRoOiAxMDAlO1xuICBtYXgtd2lkdGg6IDc3M3B4O1xuICBoMltpZF0ge1xuICAgIG1hcmdpbi10b3A6ICR7c3BhY2luZy5sYXJnZX07XG4gIH1cbiAgZGl2W2RhdGEtdHlwZT1cImNhbXBhaWduLWJsb2NrXCJdIHtcbiAgICBtYXJnaW46ICR7c3BhY2luZy5sYXJnZX0gMHB4O1xuICB9XG4gIGRpdltkYXRhLXR5cGU9XCJncmlkXCJdIHtcbiAgICBoMixcbiAgICBoMyxcbiAgICBoNCB7XG4gICAgICBtYXJnaW4tdG9wOiAwcHg7XG4gICAgfVxuICB9XG5cbiAgZGl2W2RhdGEtdHlwZT1cImdyaWRcIl0gKyBkaXZbZGF0YS10eXBlPVwiZ3JpZFwiXSB7XG4gICAgbWFyZ2luLXRvcDogJHtzcGFjaW5nLnh4bGFyZ2V9O1xuICB9XG5cbiAgJltkYXRhLXdpZGU9XCJ0cnVlXCJdIHtcbiAgICBtYXgtd2lkdGg6IDExMDBweDtcbiAgICBoMltpZF0ge1xuICAgICAgbWFyZ2luLXRvcDogJHtzcGFjaW5nLnh4bGFyZ2V9O1xuICAgIH1cbiAgICBkaXZbZGF0YS10eXBlPVwiY2FtcGFpZ24tYmxvY2tcIl0ge1xuICAgICAgbWFyZ2luOiAke3NwYWNpbmcueHhsYXJnZX0gMHB4O1xuICAgIH1cbiAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IEZyb250cGFnZUFydGljbGUgPSAoeyBhcnRpY2xlLCBpZCwgaXNXaWRlLCBsaWNlbnNlQm94LCBsYW5nIH06IFByb3BzKSA9PiB7XG4gIGNvbnN0IHsgaGVpZ2h0ID0gMCB9ID0gdXNlQ29tcG9uZW50U2l6ZShcIm1hc3RoZWFkXCIpO1xuICBjb25zdCBjc3NWYXJzID0gdXNlTWVtbygoKSA9PiAoeyBcIi0tbWFzdGhlYWQtaGVpZ2h0XCI6IGAke2hlaWdodH1weGAgfSkgYXMgdW5rbm93biBhcyBDU1NQcm9wZXJ0aWVzLCBbaGVpZ2h0XSk7XG4gIGNvbnN0IHsgdGl0bGUsIGludHJvZHVjdGlvbiwgY29udGVudCB9ID0gYXJ0aWNsZTtcblxuICBpZiAoaXNXaWRlKSB7XG4gICAgcmV0dXJuIChcbiAgICAgIDxTdHlsZWRBcnRpY2xlIGRhdGEtd2lkZT17aXNXaWRlfSBzdHlsZT17Y3NzVmFyc30gaWQ9e2lkfT5cbiAgICAgICAge2NvbnRlbnR9XG4gICAgICA8L1N0eWxlZEFydGljbGU+XG4gICAgKTtcbiAgfVxuXG4gIHJldHVybiAoXG4gICAgPFN0eWxlZEFydGljbGUgc3R5bGU9e2Nzc1ZhcnN9PlxuICAgICAgPEhlYWRpbmcgaWQ9e2lkfSBoZWFkaW5nU3R5bGU9XCJoMS1yZXNvdXJjZVwiIGVsZW1lbnQ9XCJoMVwiIG1hcmdpbj1cIm5vcm1hbFwiIHRhYkluZGV4PXstMX0gbGFuZz17bGFuZ30+XG4gICAgICAgIHt0aXRsZX1cbiAgICAgIDwvSGVhZGluZz5cbiAgICAgIDxUZXh0IHRleHRTdHlsZT1cImluZ3Jlc3NcIiBlbGVtZW50PVwiZGl2XCIgbGFuZz17bGFuZ30+XG4gICAgICAgIHtpbnRyb2R1Y3Rpb259XG4gICAgICA8L1RleHQ+XG4gICAgICB7Y29udGVudH1cbiAgICAgIDxBcnRpY2xlQnlsaW5lIGxpY2Vuc2VCb3g9e2xpY2Vuc2VCb3h9IGRpc3BsYXlCeWxpbmU9e2ZhbHNlfSAvPlxuICAgIDwvU3R5bGVkQXJ0aWNsZT5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IEZyb250cGFnZUFydGljbGU7XG4iXX0= */"));
 export const FrontpageArticle = _ref => {
   let {
     article,
@@ -39,16 +39,16 @@ export const FrontpageArticle = _ref => {
     content
   } = article;
   if (isWide) {
-    return _jsx(StyledArticle, {
+    return /*#__PURE__*/_jsx(StyledArticle, {
       "data-wide": isWide,
       style: cssVars,
       id: id,
       children: content
     });
   }
-  return _jsxs(StyledArticle, {
+  return /*#__PURE__*/_jsxs(StyledArticle, {
     style: cssVars,
-    children: [_jsx(Heading, {
+    children: [/*#__PURE__*/_jsx(Heading, {
       id: id,
       headingStyle: "h1-resource",
       element: "h1",
@@ -56,13 +56,12 @@ export const FrontpageArticle = _ref => {
       tabIndex: -1,
       lang: lang,
       children: title
-    }), _jsx(Text, {
+    }), /*#__PURE__*/_jsx(Text, {
       textStyle: "ingress",
       element: "div",
       lang: lang,
       children: introduction
-    }), content, _jsx(ArticleByline, {
-      accordionHeaderVariant: "white",
+    }), content, /*#__PURE__*/_jsx(ArticleByline, {
       licenseBox: licenseBox,
       displayByline: false
     })]

package/es/Gloss/Gloss.js

@@ -18,7 +18,7 @@ import SpeechControl from "../AudioPlayer/SpeechControl";
 // TODO: Figure out padding between bordered and simple variant.
 // The design says that the content above the accordion content should have enough padding to align with the accordion content.
 // When a gloss is bordered there's way too much padding.
-import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const getFilteredExamples = (glossData, exampleIds, exampleLangs) => {
   if (exampleIds !== undefined || exampleLangs !== undefined) {
     const exampleIdsList = exampleIds?.toString()?.split(",") ?? [];
@@ -90,81 +90,81 @@ const Gloss = _ref => {
   } = useTranslation();
   const filteredExamples = useMemo(() => getFilteredExamples(glossData, exampleIds, exampleLangs), [exampleIds, exampleLangs, glossData]);
   if (!glossData) return null;
-  return _jsx(AccordionRoot, {
+  return /*#__PURE__*/_jsx(AccordionRoot, {
     multiple: true,
     variant: "clean",
-    children: _jsxs(StyledAccordionItem, {
+    children: /*#__PURE__*/_jsxs(StyledAccordionItem, {
       value: "gloss",
       variant: variant,
-      children: [_jsxs(Container, {
-        children: [_jsxs(TextWrapper, {
-          children: [_jsx(Text, {
+      children: [/*#__PURE__*/_jsxs(Container, {
+        children: [/*#__PURE__*/_jsxs(TextWrapper, {
+          children: [/*#__PURE__*/_jsx(Text, {
             textStyle: "label.medium",
             fontWeight: "bold",
             asChild: true,
             consumeCss: true,
             lang: glossData.originalLanguage,
-            children: _jsx("span", {
+            children: /*#__PURE__*/_jsx("span", {
               children: glossData.gloss
             })
-          }), glossData.transcriptions.traditional && _jsx(Text, {
+          }), glossData.transcriptions.traditional && /*#__PURE__*/_jsx(Text, {
             textStyle: "label.medium",
             asChild: true,
             consumeCss: true,
-            children: _jsx("span", {
+            children: /*#__PURE__*/_jsx("span", {
               "aria-label": t("gloss.transcriptions.traditional"),
               lang: glossData.originalLanguage,
               children: glossData.transcriptions.traditional
             }, t("gloss.transcriptions.traditional"))
-          }), glossData.transcriptions.pinyin && _jsx(Text, {
+          }), glossData.transcriptions.pinyin && /*#__PURE__*/_jsx(Text, {
             textStyle: "label.medium",
             asChild: true,
             consumeCss: true,
-            children: _jsx("span", {
+            children: /*#__PURE__*/_jsx("span", {
               "data-pinyin": "",
               "aria-label": t("gloss.transcriptions.pinyin"),
               lang: glossData.originalLanguage,
               children: glossData.transcriptions.pinyin
             }, t("gloss.transcriptions.pinyin"))
-          }), glossData.wordClass && _jsx(Text, {
+          }), glossData.wordClass && /*#__PURE__*/_jsx(Text, {
             textStyle: "label.medium",
             asChild: true,
             consumeCss: true,
-            children: _jsx("span", {
+            children: /*#__PURE__*/_jsx("span", {
               "aria-label": t("gloss.wordClass"),
               children: t(`wordClass.${glossData.wordClass}`).toLowerCase()
             })
           })]
-        }), audio?.src && _jsx(SpeechControl, {
+        }), audio?.src && /*#__PURE__*/_jsx(SpeechControl, {
           src: audio.src,
           title: audio.title,
           type: "gloss"
         })]
-      }), _jsxs(StyledContainer, {
-        children: [_jsx(Text, {
+      }), /*#__PURE__*/_jsxs(StyledContainer, {
+        children: [/*#__PURE__*/_jsx(Text, {
           textStyle: "label.medium",
           asChild: true,
           consumeCss: true,
-          children: _jsx("span", {
+          children: /*#__PURE__*/_jsx("span", {
             lang: title.language,
             children: title.title
           })
-        }), !!filteredExamples.length && _jsx(AccordionItemTrigger, {
+        }), !!filteredExamples.length && /*#__PURE__*/_jsx(AccordionItemTrigger, {
           asChild: true,
-          children: _jsx(IconButton, {
+          children: /*#__PURE__*/_jsx(IconButton, {
             variant: "tertiary",
             "aria-label": t("gloss.showExamples"),
             title: t("gloss.showExamples"),
-            children: _jsx(AccordionItemIndicator, {
+            children: /*#__PURE__*/_jsx(AccordionItemIndicator, {
               asChild: true,
-              children: _jsx(ChevronDown, {
+              children: /*#__PURE__*/_jsx(ChevronDown, {
                 size: "medium"
               })
             })
           })
         })]
-      }), _jsx(StyledAccordionItemContent, {
-        children: filteredExamples.map((examples, index) => _jsx(GlossExample, {
+      }), /*#__PURE__*/_jsx(StyledAccordionItemContent, {
+        children: filteredExamples.map((examples, index) => /*#__PURE__*/_jsx(GlossExample, {
           examples: examples,
           originalLanguage: glossData.originalLanguage
         }, `gloss-example-${index}`))

package/es/Gloss/GlossExample.js

@@ -9,7 +9,7 @@
 import { Fragment } from "react";
 import { Text } from "@ndla/primitives";
 import { styled } from "@ndla/styled-system/jsx";
-import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const StyledGlossExample = styled("div", {
   base: {
     borderTop: "1px solid",
@@ -35,24 +35,24 @@ const GlossExample = _ref => {
     examples,
     originalLanguage
   } = _ref;
-  return _jsx("div", {
-    children: examples.map((examples, index) => _jsxs(Fragment, {
-      children: [_jsx(StyledGlossExample, {
+  return /*#__PURE__*/_jsx("div", {
+    children: examples.map((examples, index) => /*#__PURE__*/_jsxs(Fragment, {
+      children: [/*#__PURE__*/_jsx(StyledGlossExample, {
         lang: examples.language,
-        children: _jsx(Text, {
+        children: /*#__PURE__*/_jsx(Text, {
           textStyle: "label.medium",
           lang: examples.language,
           children: examples.example
         })
-      }), !!examples.transcriptions.pinyin && _jsx(StyledGlossExample, {
-        children: _jsx(PinyinText, {
+      }), !!examples.transcriptions.pinyin && /*#__PURE__*/_jsx(StyledGlossExample, {
+        children: /*#__PURE__*/_jsx(PinyinText, {
           "data-pinyin": "",
           lang: originalLanguage,
           textStyle: "label.medium",
           children: examples.transcriptions?.pinyin
         })
-      }), !!examples.transcriptions?.traditional && _jsx(StyledGlossExample, {
-        children: _jsx(Text, {
+      }), !!examples.transcriptions?.traditional && /*#__PURE__*/_jsx(StyledGlossExample, {
+        children: /*#__PURE__*/_jsx(Text, {
           textStyle: "label.medium",
           lang: originalLanguage,
           children: examples.transcriptions.traditional

package/es/Grid/Grid.js

@@ -9,7 +9,7 @@ function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringif
  */
 
 import { breakpoints, colors, misc, mq, spacing } from "@ndla/core";
-import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
 const GridContainer = /*#__PURE__*/_styled("div", {
   target: "e1c0s8mo1",
   label: "GridContainer"
@@ -30,7 +30,7 @@ const Grid = _ref => {
     ...rest
   } = _ref;
   const amountOfColumns = children?.length === 3 ? "3" : columns;
-  return _jsx(GridContainer, {
+  return /*#__PURE__*/_jsx(GridContainer, {
     "data-frontpage": size,
     "data-border": border,
     "data-columns": amountOfColumns,
@@ -56,9 +56,9 @@ export const GridParallaxItem = _ref2 => {
     children,
     ...rest
   } = _ref2;
-  return _jsx(StyledGridParallaxItem, {
+  return /*#__PURE__*/_jsx(StyledGridParallaxItem, {
     ...rest,
-    children: _jsx("div", {
+    children: /*#__PURE__*/_jsx("div", {
       children: children
     })
   });

package/es/KeyFigure/KeyFigure.js

@@ -10,7 +10,7 @@ function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringif
 
 import parse from "html-react-parser";
 import { breakpoints, colors, fonts, mq, spacing } from "@ndla/core";
-import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const ContentWrapper = /*#__PURE__*/_styled("div", {
   target: "e14we9tj3",
   label: "ContentWrapper"
@@ -47,15 +47,15 @@ const KeyFigure = _ref => {
     title,
     subtitle
   } = _ref;
-  return _jsxs(ContentWrapper, {
-    children: [_jsx(StyledImage, {
+  return /*#__PURE__*/_jsxs(ContentWrapper, {
+    children: [/*#__PURE__*/_jsx(StyledImage, {
       src: `${image?.src}?width=150`,
       width: 150,
       height: 150,
       alt: image?.alt
-    }), _jsx(TitleWrapper, {
+    }), /*#__PURE__*/_jsx(TitleWrapper, {
       children: parse(title)
-    }), _jsx(SubTitleWrapper, {
+    }), /*#__PURE__*/_jsx(SubTitleWrapper, {
       children: parse(subtitle)
     })]
   });