@ndla/ui 55.0.12-alpha.0 → 55.0.14-alpha.0

package/lib/LanguageSelector/LanguageSelector.js

@@ -77,12 +77,12 @@ const LanguageSelector = _ref => {
           "aria-current": i18n.language === locale,
           variant: "ghost",
           shape: "sharp",
-          "aria-label": t("changeLanguage.".concat(locale)),
+          "aria-label": t(`changeLanguage.${locale}`),
           onClick: () => onSelect(locale),
           children: [(0, _jsxRuntime.jsx)(ActivityIndicator, {
             children: i18n.language === locale && (0, _jsxRuntime.jsx)(ActiveIndicator, {})
           }), (0, _jsxRuntime.jsx)(Text, {
-            children: t("languages.".concat(locale))
+            children: t(`languages.${locale}`)
           })]
         })
       }, locale))

package/lib/LicenseByline/EmbedByline.js

@@ -43,7 +43,7 @@ const EmbedByline = _ref => {
     t
   } = (0, _reactI18next.useTranslation)();
   if (props.error) {
-    const typeString = type === "h5p" ? "H5P" : t("embed.type.".concat(type)).toLowerCase();
+    const typeString = type === "h5p" ? "H5P" : t(`embed.type.${type}`).toLowerCase();
     return (0, _jsxRuntime.jsx)(BylineWrapper, {
       "data-top-rounded": topRounded,
       "data-bottom-rounded": bottomRounded,
@@ -70,12 +70,11 @@ const EmbedByline = _ref => {
         }), children]
       })
     }), visibleAlt ? (0, _jsxRuntime.jsx)(StyledSpan, {
-      children: "Alt: ".concat(visibleAlt)
+      children: `Alt: ${visibleAlt}`
     }) : null]
   });
 };
 const LicenseContainerContent = _ref2 => {
-  var _copyright$license$li, _copyright$license, _Object$values$find;
   let {
     children,
     copyright,
@@ -85,12 +84,12 @@ const LicenseContainerContent = _ref2 => {
     t,
     i18n
   } = (0, _reactI18next.useTranslation)();
-  const license = copyright ? (0, _licenses.getLicenseByAbbreviation)((_copyright$license$li = (_copyright$license = copyright.license) === null || _copyright$license === void 0 ? void 0 : _copyright$license.license) !== null && _copyright$license$li !== void 0 ? _copyright$license$li : "", i18n.language) : undefined;
+  const license = copyright ? (0, _licenses.getLicenseByAbbreviation)(copyright.license?.license ?? "", i18n.language) : undefined;
   const authors = (0, _licenses.getLicenseCredits)(copyright);
-  const captionAuthors = (_Object$values$find = Object.values(authors).find(i => i.length > 0)) !== null && _Object$values$find !== void 0 ? _Object$values$find : [];
+  const captionAuthors = Object.values(authors).find(i => i.length > 0) ?? [];
   const Component = children ? _LicenseDescription.default : "span";
   return (0, _jsxRuntime.jsxs)(Component, {
-    children: [children, " ".concat(t("embed.type.".concat(type))).concat(captionAuthors.length ? ": " : ""), captionAuthors.map(author => author.name).join(", "), license ? (0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [children, ` ${t(`embed.type.${type}`)}${captionAuthors.length ? ": " : ""}`, captionAuthors.map(author => author.name).join(", "), license ? (0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
       children: [" / ", (0, _jsxRuntime.jsx)(_LicenseLink.default, {
         license: license
       })]

package/lib/LicenseByline/LicenseDescription.js

@@ -62,7 +62,7 @@ const LicenseDescription = _ref => {
       }), !warningByline && (0, _jsxRuntime.jsx)(Button, {
         variant: "link",
         onClick: handleToggle,
-        children: isOpen ? "".concat((0, _i18next.t)("audio.readLessDescriptionLabel")) : "".concat((0, _i18next.t)("audio.readMoreDescriptionLabel"))
+        children: isOpen ? `${(0, _i18next.t)("audio.readLessDescriptionLabel")}` : `${(0, _i18next.t)("audio.readMoreDescriptionLabel")}`
       })]
     })]
   });

package/lib/LicenseByline/LicenseLink.js

@@ -22,14 +22,13 @@ const StyledSafeLink = /*#__PURE__*/(0, _base.default)(_safelink.SafeLink, {
   label: "StyledSafeLink"
 })("color:", _core.colors.brand.primary, ";text-decoration:underline;white-space:nowrap;box-shadow:none;&:hover,&:focus-within{text-decoration:none;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkxpY2Vuc2VMaW5rLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFpQnVDIiwiZmlsZSI6IkxpY2Vuc2VMaW5rLnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogQ29weXJpZ2h0IChjKSAyMDIzLXByZXNlbnQsIE5ETEEuXG4gKlxuICogVGhpcyBzb3VyY2UgY29kZSBpcyBsaWNlbnNlZCB1bmRlciB0aGUgR1BMdjMgbGljZW5zZSBmb3VuZCBpbiB0aGVcbiAqIExJQ0VOU0UgZmlsZSBpbiB0aGUgcm9vdCBkaXJlY3Rvcnkgb2YgdGhpcyBzb3VyY2UgdHJlZS5cbiAqXG4gKi9cblxuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBjb2xvcnMgfSBmcm9tIFwiQG5kbGEvY29yZVwiO1xuaW1wb3J0IHsgTGljZW5zZUxvY2FsZVR5cGUgfSBmcm9tIFwiQG5kbGEvbGljZW5zZXNcIjtcbmltcG9ydCB7IFNhZmVMaW5rIH0gZnJvbSBcIkBuZGxhL3NhZmVsaW5rXCI7XG5cbmludGVyZmFjZSBQcm9wcyB7XG4gIGxpY2Vuc2U6IExpY2Vuc2VMb2NhbGVUeXBlO1xufVxuXG5jb25zdCBTdHlsZWRTYWZlTGluayA9IHN0eWxlZChTYWZlTGluaylgXG4gIGNvbG9yOiAke2NvbG9ycy5icmFuZC5wcmltYXJ5fTtcbiAgdGV4dC1kZWNvcmF0aW9uOiB1bmRlcmxpbmU7XG4gIHdoaXRlLXNwYWNlOiBub3dyYXA7XG4gIGJveC1zaGFkb3c6IG5vbmU7XG4gICY6aG92ZXIsXG4gICY6Zm9jdXMtd2l0aGluIHtcbiAgICB0ZXh0LWRlY29yYXRpb246IG5vbmU7XG4gIH1cbmA7XG5cbmNvbnN0IExpY2Vuc2VMaW5rID0gKHsgbGljZW5zZSB9OiBQcm9wcykgPT4ge1xuICBpZiAobGljZW5zZS5hYmJyZXZpYXRpb24gPT09IFwidW5rbm93blwiKSB7XG4gICAgcmV0dXJuIG51bGw7XG4gIH1cbiAgaWYgKGxpY2Vuc2UudXJsPy5sZW5ndGgpIHtcbiAgICByZXR1cm4gKFxuICAgICAgPFN0eWxlZFNhZmVMaW5rIHRvPXtsaWNlbnNlLnVybH0gcmVsPVwibGljZW5zZVwiPlxuICAgICAgICB7bGljZW5zZS5hYmJyZXZpYXRpb259XG4gICAgICA8L1N0eWxlZFNhZmVMaW5rPlxuICAgICk7XG4gIH1cbiAgcmV0dXJuIDxzcGFuPntsaWNlbnNlLmFiYnJldmlhdGlvbn08L3NwYW4+O1xufTtcblxuZXhwb3J0IGRlZmF1bHQgTGljZW5zZUxpbms7XG4iXX0= */"));
 const LicenseLink = _ref => {
-  var _license$url;
   let {
     license
   } = _ref;
   if (license.abbreviation === "unknown") {
     return null;
   }
-  if ((_license$url = license.url) !== null && _license$url !== void 0 && _license$url.length) {
+  if (license.url?.length) {
     return (0, _jsxRuntime.jsx)(StyledSafeLink, {
       to: license.url,
       rel: "license",

package/lib/LinkBlock/LinkBlock.js

@@ -4,15 +4,14 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _base = _interopRequireDefault(require("@emotion/styled/base"));
 var _dateFns = require("date-fns");
 var _locale = require("date-fns/locale");
 var _htmlReactParser = _interopRequireDefault(require("html-react-parser"));
 var _react = require("react");
-var _core = require("@ndla/core");
 var _common = require("@ndla/icons/common");
+var _primitives = require("@ndla/primitives");
 var _safelink = require("@ndla/safelink");
-var _typography = require("@ndla/typography");
+var _jsx2 = require("@ndla/styled-system/jsx");
 var _relativeUrl = require("../utils/relativeUrl");
 var _jsxRuntime = require("@emotion/react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
@@ -24,30 +23,54 @@ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e
  *
  */
 
-const StyledForward = /*#__PURE__*/(0, _base.default)(_common.Forward, {
-  target: "e1wf6l0z4",
-  label: "StyledForward"
-})("margin:0 ", _core.spacing.nsmall, ";min-width:", _core.spacing.normal, ";min-height:", _core.spacing.normal, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkxpbmtCbG9jay50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBb0JxQyIsImZpbGUiOiJMaW5rQmxvY2sudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDb3B5cmlnaHQgKGMpIDIwMjMtcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLlxuICpcbiAqL1xuXG5pbXBvcnQgeyBmb3JtYXQgfSBmcm9tIFwiZGF0ZS1mbnNcIjtcbmltcG9ydCB7IGVuR0IsIG5iLCBubiB9IGZyb20gXCJkYXRlLWZucy9sb2NhbGVcIjtcbmltcG9ydCBwYXJzZSBmcm9tIFwiaHRtbC1yZWFjdC1wYXJzZXJcIjtcbmltcG9ydCB7IHVzZU1lbW8gfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgYnJlYWtwb2ludHMsIGNvbG9ycywgc3BhY2luZywgbXEgfSBmcm9tIFwiQG5kbGEvY29yZVwiO1xuaW1wb3J0IHsgRm9yd2FyZCwgQ2FsZW5kYXJFZCB9IGZyb20gXCJAbmRsYS9pY29ucy9jb21tb25cIjtcbmltcG9ydCB7IFNhZmVMaW5rIH0gZnJvbSBcIkBuZGxhL3NhZmVsaW5rXCI7XG5pbXBvcnQgeyBMaW5rQmxvY2tFbWJlZERhdGEgfSBmcm9tIFwiQG5kbGEvdHlwZXMtZW1iZWRcIjtcbmltcG9ydCB7IEhlYWRpbmcgfSBmcm9tIFwiQG5kbGEvdHlwb2dyYXBoeVwiO1xuaW1wb3J0IHsgZ2V0UG9zc2libHlSZWxhdGl2ZVVybCB9IGZyb20gXCIuLi91dGlscy9yZWxhdGl2ZVVybFwiO1xuXG5jb25zdCBTdHlsZWRGb3J3YXJkID0gc3R5bGVkKEZvcndhcmQpYFxuICBtYXJnaW46IDAgJHtzcGFjaW5nLm5zbWFsbH07XG4gIG1pbi13aWR0aDogJHtzcGFjaW5nLm5vcm1hbH07XG4gIG1pbi1oZWlnaHQ6ICR7c3BhY2luZy5ub3JtYWx9O1xuYDtcblxuY29uc3QgSW5mb1dyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICBnYXA6ICR7c3BhY2luZy5zbWFsbH07XG5gO1xuXG5jb25zdCBTdHlsZWRTYWZlTGluayA9IHN0eWxlZChTYWZlTGluaylgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgYm94LXNoYWRvdzogbm9uZTtcbiAgY29sb3I6IGluaGVyaXQ7XG4gIGJhY2tncm91bmQtY29sb3I6ICR7Y29sb3JzLndoaXRlfTtcbiAgYm9yZGVyOiAxcHggc29saWQgJHtjb2xvcnMuYnJhbmQubGlnaHRlcn07XG4gIHBhZGRpbmc6ICR7c3BhY2luZy5ub3JtYWx9O1xuICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMudGFibGV0V2lkZSB9KX0ge1xuICAgICY6aG92ZXIge1xuICAgICAgJiAke0luZm9XcmFwcGVyfSA6Zmlyc3QtY2hpbGQge1xuICAgICAgICB0ZXh0LWRlY29yYXRpb246IHVuZGVybGluZTtcbiAgICAgIH1cbiAgICAgICYgJHtTdHlsZWRGb3J3YXJkfSB7XG4gICAgICAgIHdpZHRoOiAzMnB4O1xuICAgICAgICBoZWlnaHQ6IDMycHg7XG4gICAgICB9XG4gICAgfVxuICAgICY6Zm9jdXMtdmlzaWJsZSB7XG4gICAgICBib3JkZXI6IDJweCBzb2xpZCAke2NvbG9ycy5icmFuZC5kYXJrfTtcbiAgICB9XG4gIH1cbiAgJHttcS5yYW5nZSh7IHVudGlsOiBicmVha3BvaW50cy50YWJsZXRXaWRlIH0pfSB7XG4gICAgJiAke0luZm9XcmFwcGVyfSA6Zmlyc3QtY2hpbGQge1xuICAgICAgdGV4dC1kZWNvcmF0aW9uOiB1bmRlcmxpbmU7XG4gICAgfVxuICAgIDphY3RpdmUgOmZpcnN0LWNoaWxkIHtcbiAgICAgIHRleHQtZGVjb3JhdGlvbjogbm9uZTtcbiAgICB9XG4gIH1cbmA7XG5cbmNvbnN0IFN0eWxlZERhdGVDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBwYWRkaW5nLXRvcDogJHtzcGFjaW5nLnhzbWFsbH07XG4gIGdhcDogJHtzcGFjaW5nLnNtYWxsfTtcbmA7XG5cbmNvbnN0IFN0eWxlZENhbGVuZGVyRWQgPSBzdHlsZWQoQ2FsZW5kYXJFZClgXG4gIGNvbG9yOiAke2NvbG9ycy5pY29uLmljb25CbHVlfTtcbmA7XG5cbmludGVyZmFjZSBQcm9wcyBleHRlbmRzIE9taXQ8TGlua0Jsb2NrRW1iZWREYXRhLCBcInJlc291cmNlXCI+IHtcbiAgcGF0aD86IHN0cmluZztcbiAgYXJ0aWNsZUxhbmd1YWdlPzogc3RyaW5nO1xufVxuXG5jb25zdCBMaW5rQmxvY2sgPSAoeyB0aXRsZSwgYXJ0aWNsZUxhbmd1YWdlLCBkYXRlLCB1cmwsIHBhdGggfTogUHJvcHMpID0+IHtcbiAgY29uc3QgaHJlZiA9IGdldFBvc3NpYmx5UmVsYXRpdmVVcmwodXJsLCBwYXRoKTtcbiAgY29uc3QgZm9ybWF0dGVkRGF0ZSA9IHVzZU1lbW8oKCkgPT4ge1xuICAgIGlmICghZGF0ZSkgcmV0dXJuIG51bGw7XG4gICAgY29uc3QgbG9jYWxlID0gYXJ0aWNsZUxhbmd1YWdlID09PSBcIm5iXCIgPyBuYiA6IGFydGljbGVMYW5ndWFnZSA9PT0gXCJublwiID8gbm4gOiBlbkdCO1xuICAgIHJldHVybiBmb3JtYXQobmV3IERhdGUoZGF0ZSksIFwiZGQuIExMTEwgeXl5eVwiLCB7IGxvY2FsZSB9KTtcbiAgfSwgW2RhdGUsIGFydGljbGVMYW5ndWFnZV0pO1xuICByZXR1cm4gKFxuICAgIDxTdHlsZWRTYWZlTGluayB0bz17aHJlZn0+XG4gICAgICA8SW5mb1dyYXBwZXI+XG4gICAgICAgIDxIZWFkaW5nIGVsZW1lbnQ9XCJoM1wiIG1hcmdpbj1cIm5vbmVcIiBoZWFkaW5nU3R5bGU9XCJoM1wiPlxuICAgICAgICAgIHtwYXJzZSh0aXRsZSl9XG4gICAgICAgIDwvSGVhZGluZz5cbiAgICAgICAge2RhdGUgJiYgKFxuICAgICAgICAgIDxTdHlsZWREYXRlQ29udGFpbmVyPlxuICAgICAgICAgICAgPFN0eWxlZENhbGVuZGVyRWQgLz5cbiAgICAgICAgICAgIHtmb3JtYXR0ZWREYXRlfVxuICAgICAgICAgIDwvU3R5bGVkRGF0ZUNvbnRhaW5lcj5cbiAgICAgICAgKX1cbiAgICAgIDwvSW5mb1dyYXBwZXI+XG4gICAgICA8U3R5bGVkRm9yd2FyZCAvPlxuICAgIDwvU3R5bGVkU2FmZUxpbms+XG4gICk7XG59O1xuXG5leHBvcnQgZGVmYXVsdCBMaW5rQmxvY2s7XG4iXX0= */"));
-const InfoWrapper = /*#__PURE__*/(0, _base.default)("div", {
-  target: "e1wf6l0z3",
-  label: "InfoWrapper"
-})("display:flex;flex-direction:column;gap:", _core.spacing.small, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkxpbmtCbG9jay50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMEI4QiIsImZpbGUiOiJMaW5rQmxvY2sudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDb3B5cmlnaHQgKGMpIDIwMjMtcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLlxuICpcbiAqL1xuXG5pbXBvcnQgeyBmb3JtYXQgfSBmcm9tIFwiZGF0ZS1mbnNcIjtcbmltcG9ydCB7IGVuR0IsIG5iLCBubiB9IGZyb20gXCJkYXRlLWZucy9sb2NhbGVcIjtcbmltcG9ydCBwYXJzZSBmcm9tIFwiaHRtbC1yZWFjdC1wYXJzZXJcIjtcbmltcG9ydCB7IHVzZU1lbW8gfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgYnJlYWtwb2ludHMsIGNvbG9ycywgc3BhY2luZywgbXEgfSBmcm9tIFwiQG5kbGEvY29yZVwiO1xuaW1wb3J0IHsgRm9yd2FyZCwgQ2FsZW5kYXJFZCB9IGZyb20gXCJAbmRsYS9pY29ucy9jb21tb25cIjtcbmltcG9ydCB7IFNhZmVMaW5rIH0gZnJvbSBcIkBuZGxhL3NhZmVsaW5rXCI7XG5pbXBvcnQgeyBMaW5rQmxvY2tFbWJlZERhdGEgfSBmcm9tIFwiQG5kbGEvdHlwZXMtZW1iZWRcIjtcbmltcG9ydCB7IEhlYWRpbmcgfSBmcm9tIFwiQG5kbGEvdHlwb2dyYXBoeVwiO1xuaW1wb3J0IHsgZ2V0UG9zc2libHlSZWxhdGl2ZVVybCB9IGZyb20gXCIuLi91dGlscy9yZWxhdGl2ZVVybFwiO1xuXG5jb25zdCBTdHlsZWRGb3J3YXJkID0gc3R5bGVkKEZvcndhcmQpYFxuICBtYXJnaW46IDAgJHtzcGFjaW5nLm5zbWFsbH07XG4gIG1pbi13aWR0aDogJHtzcGFjaW5nLm5vcm1hbH07XG4gIG1pbi1oZWlnaHQ6ICR7c3BhY2luZy5ub3JtYWx9O1xuYDtcblxuY29uc3QgSW5mb1dyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICBnYXA6ICR7c3BhY2luZy5zbWFsbH07XG5gO1xuXG5jb25zdCBTdHlsZWRTYWZlTGluayA9IHN0eWxlZChTYWZlTGluaylgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgYm94LXNoYWRvdzogbm9uZTtcbiAgY29sb3I6IGluaGVyaXQ7XG4gIGJhY2tncm91bmQtY29sb3I6ICR7Y29sb3JzLndoaXRlfTtcbiAgYm9yZGVyOiAxcHggc29saWQgJHtjb2xvcnMuYnJhbmQubGlnaHRlcn07XG4gIHBhZGRpbmc6ICR7c3BhY2luZy5ub3JtYWx9O1xuICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMudGFibGV0V2lkZSB9KX0ge1xuICAgICY6aG92ZXIge1xuICAgICAgJiAke0luZm9XcmFwcGVyfSA6Zmlyc3QtY2hpbGQge1xuICAgICAgICB0ZXh0LWRlY29yYXRpb246IHVuZGVybGluZTtcbiAgICAgIH1cbiAgICAgICYgJHtTdHlsZWRGb3J3YXJkfSB7XG4gICAgICAgIHdpZHRoOiAzMnB4O1xuICAgICAgICBoZWlnaHQ6IDMycHg7XG4gICAgICB9XG4gICAgfVxuICAgICY6Zm9jdXMtdmlzaWJsZSB7XG4gICAgICBib3JkZXI6IDJweCBzb2xpZCAke2NvbG9ycy5icmFuZC5kYXJrfTtcbiAgICB9XG4gIH1cbiAgJHttcS5yYW5nZSh7IHVudGlsOiBicmVha3BvaW50cy50YWJsZXRXaWRlIH0pfSB7XG4gICAgJiAke0luZm9XcmFwcGVyfSA6Zmlyc3QtY2hpbGQge1xuICAgICAgdGV4dC1kZWNvcmF0aW9uOiB1bmRlcmxpbmU7XG4gICAgfVxuICAgIDphY3RpdmUgOmZpcnN0LWNoaWxkIHtcbiAgICAgIHRleHQtZGVjb3JhdGlvbjogbm9uZTtcbiAgICB9XG4gIH1cbmA7XG5cbmNvbnN0IFN0eWxlZERhdGVDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBwYWRkaW5nLXRvcDogJHtzcGFjaW5nLnhzbWFsbH07XG4gIGdhcDogJHtzcGFjaW5nLnNtYWxsfTtcbmA7XG5cbmNvbnN0IFN0eWxlZENhbGVuZGVyRWQgPSBzdHlsZWQoQ2FsZW5kYXJFZClgXG4gIGNvbG9yOiAke2NvbG9ycy5pY29uLmljb25CbHVlfTtcbmA7XG5cbmludGVyZmFjZSBQcm9wcyBleHRlbmRzIE9taXQ8TGlua0Jsb2NrRW1iZWREYXRhLCBcInJlc291cmNlXCI+IHtcbiAgcGF0aD86IHN0cmluZztcbiAgYXJ0aWNsZUxhbmd1YWdlPzogc3RyaW5nO1xufVxuXG5jb25zdCBMaW5rQmxvY2sgPSAoeyB0aXRsZSwgYXJ0aWNsZUxhbmd1YWdlLCBkYXRlLCB1cmwsIHBhdGggfTogUHJvcHMpID0+IHtcbiAgY29uc3QgaHJlZiA9IGdldFBvc3NpYmx5UmVsYXRpdmVVcmwodXJsLCBwYXRoKTtcbiAgY29uc3QgZm9ybWF0dGVkRGF0ZSA9IHVzZU1lbW8oKCkgPT4ge1xuICAgIGlmICghZGF0ZSkgcmV0dXJuIG51bGw7XG4gICAgY29uc3QgbG9jYWxlID0gYXJ0aWNsZUxhbmd1YWdlID09PSBcIm5iXCIgPyBuYiA6IGFydGljbGVMYW5ndWFnZSA9PT0gXCJublwiID8gbm4gOiBlbkdCO1xuICAgIHJldHVybiBmb3JtYXQobmV3IERhdGUoZGF0ZSksIFwiZGQuIExMTEwgeXl5eVwiLCB7IGxvY2FsZSB9KTtcbiAgfSwgW2RhdGUsIGFydGljbGVMYW5ndWFnZV0pO1xuICByZXR1cm4gKFxuICAgIDxTdHlsZWRTYWZlTGluayB0bz17aHJlZn0+XG4gICAgICA8SW5mb1dyYXBwZXI+XG4gICAgICAgIDxIZWFkaW5nIGVsZW1lbnQ9XCJoM1wiIG1hcmdpbj1cIm5vbmVcIiBoZWFkaW5nU3R5bGU9XCJoM1wiPlxuICAgICAgICAgIHtwYXJzZSh0aXRsZSl9XG4gICAgICAgIDwvSGVhZGluZz5cbiAgICAgICAge2RhdGUgJiYgKFxuICAgICAgICAgIDxTdHlsZWREYXRlQ29udGFpbmVyPlxuICAgICAgICAgICAgPFN0eWxlZENhbGVuZGVyRWQgLz5cbiAgICAgICAgICAgIHtmb3JtYXR0ZWREYXRlfVxuICAgICAgICAgIDwvU3R5bGVkRGF0ZUNvbnRhaW5lcj5cbiAgICAgICAgKX1cbiAgICAgIDwvSW5mb1dyYXBwZXI+XG4gICAgICA8U3R5bGVkRm9yd2FyZCAvPlxuICAgIDwvU3R5bGVkU2FmZUxpbms+XG4gICk7XG59O1xuXG5leHBvcnQgZGVmYXVsdCBMaW5rQmxvY2s7XG4iXX0= */"));
-const StyledSafeLink = /*#__PURE__*/(0, _base.default)(_safelink.SafeLink, {
-  target: "e1wf6l0z2",
-  label: "StyledSafeLink"
-})("display:flex;justify-content:space-between;align-items:center;box-shadow:none;color:inherit;background-color:", _core.colors.white, ";border:1px solid ", _core.colors.brand.lighter, ";padding:", _core.spacing.normal, ";", _core.mq.range({
-  from: _core.breakpoints.tabletWide
-}), "{&:hover{& ", InfoWrapper, " :first-child{text-decoration:underline;}& ", StyledForward, "{width:32px;height:32px;}}&:focus-visible{border:2px solid ", _core.colors.brand.dark, ";}}", _core.mq.range({
-  until: _core.breakpoints.tabletWide
-}), "{& ", InfoWrapper, " :first-child{text-decoration:underline;}:active :first-child{text-decoration:none;}}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkxpbmtCbG9jay50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZ0N1QyIsImZpbGUiOiJMaW5rQmxvY2sudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDb3B5cmlnaHQgKGMpIDIwMjMtcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLlxuICpcbiAqL1xuXG5pbXBvcnQgeyBmb3JtYXQgfSBmcm9tIFwiZGF0ZS1mbnNcIjtcbmltcG9ydCB7IGVuR0IsIG5iLCBubiB9IGZyb20gXCJkYXRlLWZucy9sb2NhbGVcIjtcbmltcG9ydCBwYXJzZSBmcm9tIFwiaHRtbC1yZWFjdC1wYXJzZXJcIjtcbmltcG9ydCB7IHVzZU1lbW8gfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgYnJlYWtwb2ludHMsIGNvbG9ycywgc3BhY2luZywgbXEgfSBmcm9tIFwiQG5kbGEvY29yZVwiO1xuaW1wb3J0IHsgRm9yd2FyZCwgQ2FsZW5kYXJFZCB9IGZyb20gXCJAbmRsYS9pY29ucy9jb21tb25cIjtcbmltcG9ydCB7IFNhZmVMaW5rIH0gZnJvbSBcIkBuZGxhL3NhZmVsaW5rXCI7XG5pbXBvcnQgeyBMaW5rQmxvY2tFbWJlZERhdGEgfSBmcm9tIFwiQG5kbGEvdHlwZXMtZW1iZWRcIjtcbmltcG9ydCB7IEhlYWRpbmcgfSBmcm9tIFwiQG5kbGEvdHlwb2dyYXBoeVwiO1xuaW1wb3J0IHsgZ2V0UG9zc2libHlSZWxhdGl2ZVVybCB9IGZyb20gXCIuLi91dGlscy9yZWxhdGl2ZVVybFwiO1xuXG5jb25zdCBTdHlsZWRGb3J3YXJkID0gc3R5bGVkKEZvcndhcmQpYFxuICBtYXJnaW46IDAgJHtzcGFjaW5nLm5zbWFsbH07XG4gIG1pbi13aWR0aDogJHtzcGFjaW5nLm5vcm1hbH07XG4gIG1pbi1oZWlnaHQ6ICR7c3BhY2luZy5ub3JtYWx9O1xuYDtcblxuY29uc3QgSW5mb1dyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICBnYXA6ICR7c3BhY2luZy5zbWFsbH07XG5gO1xuXG5jb25zdCBTdHlsZWRTYWZlTGluayA9IHN0eWxlZChTYWZlTGluaylgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgYm94LXNoYWRvdzogbm9uZTtcbiAgY29sb3I6IGluaGVyaXQ7XG4gIGJhY2tncm91bmQtY29sb3I6ICR7Y29sb3JzLndoaXRlfTtcbiAgYm9yZGVyOiAxcHggc29saWQgJHtjb2xvcnMuYnJhbmQubGlnaHRlcn07XG4gIHBhZGRpbmc6ICR7c3BhY2luZy5ub3JtYWx9O1xuICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMudGFibGV0V2lkZSB9KX0ge1xuICAgICY6aG92ZXIge1xuICAgICAgJiAke0luZm9XcmFwcGVyfSA6Zmlyc3QtY2hpbGQge1xuICAgICAgICB0ZXh0LWRlY29yYXRpb246IHVuZGVybGluZTtcbiAgICAgIH1cbiAgICAgICYgJHtTdHlsZWRGb3J3YXJkfSB7XG4gICAgICAgIHdpZHRoOiAzMnB4O1xuICAgICAgICBoZWlnaHQ6IDMycHg7XG4gICAgICB9XG4gICAgfVxuICAgICY6Zm9jdXMtdmlzaWJsZSB7XG4gICAgICBib3JkZXI6IDJweCBzb2xpZCAke2NvbG9ycy5icmFuZC5kYXJrfTtcbiAgICB9XG4gIH1cbiAgJHttcS5yYW5nZSh7IHVudGlsOiBicmVha3BvaW50cy50YWJsZXRXaWRlIH0pfSB7XG4gICAgJiAke0luZm9XcmFwcGVyfSA6Zmlyc3QtY2hpbGQge1xuICAgICAgdGV4dC1kZWNvcmF0aW9uOiB1bmRlcmxpbmU7XG4gICAgfVxuICAgIDphY3RpdmUgOmZpcnN0LWNoaWxkIHtcbiAgICAgIHRleHQtZGVjb3JhdGlvbjogbm9uZTtcbiAgICB9XG4gIH1cbmA7XG5cbmNvbnN0IFN0eWxlZERhdGVDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBwYWRkaW5nLXRvcDogJHtzcGFjaW5nLnhzbWFsbH07XG4gIGdhcDogJHtzcGFjaW5nLnNtYWxsfTtcbmA7XG5cbmNvbnN0IFN0eWxlZENhbGVuZGVyRWQgPSBzdHlsZWQoQ2FsZW5kYXJFZClgXG4gIGNvbG9yOiAke2NvbG9ycy5pY29uLmljb25CbHVlfTtcbmA7XG5cbmludGVyZmFjZSBQcm9wcyBleHRlbmRzIE9taXQ8TGlua0Jsb2NrRW1iZWREYXRhLCBcInJlc291cmNlXCI+IHtcbiAgcGF0aD86IHN0cmluZztcbiAgYXJ0aWNsZUxhbmd1YWdlPzogc3RyaW5nO1xufVxuXG5jb25zdCBMaW5rQmxvY2sgPSAoeyB0aXRsZSwgYXJ0aWNsZUxhbmd1YWdlLCBkYXRlLCB1cmwsIHBhdGggfTogUHJvcHMpID0+IHtcbiAgY29uc3QgaHJlZiA9IGdldFBvc3NpYmx5UmVsYXRpdmVVcmwodXJsLCBwYXRoKTtcbiAgY29uc3QgZm9ybWF0dGVkRGF0ZSA9IHVzZU1lbW8oKCkgPT4ge1xuICAgIGlmICghZGF0ZSkgcmV0dXJuIG51bGw7XG4gICAgY29uc3QgbG9jYWxlID0gYXJ0aWNsZUxhbmd1YWdlID09PSBcIm5iXCIgPyBuYiA6IGFydGljbGVMYW5ndWFnZSA9PT0gXCJublwiID8gbm4gOiBlbkdCO1xuICAgIHJldHVybiBmb3JtYXQobmV3IERhdGUoZGF0ZSksIFwiZGQuIExMTEwgeXl5eVwiLCB7IGxvY2FsZSB9KTtcbiAgfSwgW2RhdGUsIGFydGljbGVMYW5ndWFnZV0pO1xuICByZXR1cm4gKFxuICAgIDxTdHlsZWRTYWZlTGluayB0bz17aHJlZn0+XG4gICAgICA8SW5mb1dyYXBwZXI+XG4gICAgICAgIDxIZWFkaW5nIGVsZW1lbnQ9XCJoM1wiIG1hcmdpbj1cIm5vbmVcIiBoZWFkaW5nU3R5bGU9XCJoM1wiPlxuICAgICAgICAgIHtwYXJzZSh0aXRsZSl9XG4gICAgICAgIDwvSGVhZGluZz5cbiAgICAgICAge2RhdGUgJiYgKFxuICAgICAgICAgIDxTdHlsZWREYXRlQ29udGFpbmVyPlxuICAgICAgICAgICAgPFN0eWxlZENhbGVuZGVyRWQgLz5cbiAgICAgICAgICAgIHtmb3JtYXR0ZWREYXRlfVxuICAgICAgICAgIDwvU3R5bGVkRGF0ZUNvbnRhaW5lcj5cbiAgICAgICAgKX1cbiAgICAgIDwvSW5mb1dyYXBwZXI+XG4gICAgICA8U3R5bGVkRm9yd2FyZCAvPlxuICAgIDwvU3R5bGVkU2FmZUxpbms+XG4gICk7XG59O1xuXG5leHBvcnQgZGVmYXVsdCBMaW5rQmxvY2s7XG4iXX0= */"));
-const StyledDateContainer = /*#__PURE__*/(0, _base.default)("div", {
-  target: "e1wf6l0z1",
-  label: "StyledDateContainer"
-})("display:flex;align-items:center;padding-top:", _core.spacing.xsmall, ";gap:", _core.spacing.small, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkxpbmtCbG9jay50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBaUVzQyIsImZpbGUiOiJMaW5rQmxvY2sudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDb3B5cmlnaHQgKGMpIDIwMjMtcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLlxuICpcbiAqL1xuXG5pbXBvcnQgeyBmb3JtYXQgfSBmcm9tIFwiZGF0ZS1mbnNcIjtcbmltcG9ydCB7IGVuR0IsIG5iLCBubiB9IGZyb20gXCJkYXRlLWZucy9sb2NhbGVcIjtcbmltcG9ydCBwYXJzZSBmcm9tIFwiaHRtbC1yZWFjdC1wYXJzZXJcIjtcbmltcG9ydCB7IHVzZU1lbW8gfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgYnJlYWtwb2ludHMsIGNvbG9ycywgc3BhY2luZywgbXEgfSBmcm9tIFwiQG5kbGEvY29yZVwiO1xuaW1wb3J0IHsgRm9yd2FyZCwgQ2FsZW5kYXJFZCB9IGZyb20gXCJAbmRsYS9pY29ucy9jb21tb25cIjtcbmltcG9ydCB7IFNhZmVMaW5rIH0gZnJvbSBcIkBuZGxhL3NhZmVsaW5rXCI7XG5pbXBvcnQgeyBMaW5rQmxvY2tFbWJlZERhdGEgfSBmcm9tIFwiQG5kbGEvdHlwZXMtZW1iZWRcIjtcbmltcG9ydCB7IEhlYWRpbmcgfSBmcm9tIFwiQG5kbGEvdHlwb2dyYXBoeVwiO1xuaW1wb3J0IHsgZ2V0UG9zc2libHlSZWxhdGl2ZVVybCB9IGZyb20gXCIuLi91dGlscy9yZWxhdGl2ZVVybFwiO1xuXG5jb25zdCBTdHlsZWRGb3J3YXJkID0gc3R5bGVkKEZvcndhcmQpYFxuICBtYXJnaW46IDAgJHtzcGFjaW5nLm5zbWFsbH07XG4gIG1pbi13aWR0aDogJHtzcGFjaW5nLm5vcm1hbH07XG4gIG1pbi1oZWlnaHQ6ICR7c3BhY2luZy5ub3JtYWx9O1xuYDtcblxuY29uc3QgSW5mb1dyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICBnYXA6ICR7c3BhY2luZy5zbWFsbH07XG5gO1xuXG5jb25zdCBTdHlsZWRTYWZlTGluayA9IHN0eWxlZChTYWZlTGluaylgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgYm94LXNoYWRvdzogbm9uZTtcbiAgY29sb3I6IGluaGVyaXQ7XG4gIGJhY2tncm91bmQtY29sb3I6ICR7Y29sb3JzLndoaXRlfTtcbiAgYm9yZGVyOiAxcHggc29saWQgJHtjb2xvcnMuYnJhbmQubGlnaHRlcn07XG4gIHBhZGRpbmc6ICR7c3BhY2luZy5ub3JtYWx9O1xuICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMudGFibGV0V2lkZSB9KX0ge1xuICAgICY6aG92ZXIge1xuICAgICAgJiAke0luZm9XcmFwcGVyfSA6Zmlyc3QtY2hpbGQge1xuICAgICAgICB0ZXh0LWRlY29yYXRpb246IHVuZGVybGluZTtcbiAgICAgIH1cbiAgICAgICYgJHtTdHlsZWRGb3J3YXJkfSB7XG4gICAgICAgIHdpZHRoOiAzMnB4O1xuICAgICAgICBoZWlnaHQ6IDMycHg7XG4gICAgICB9XG4gICAgfVxuICAgICY6Zm9jdXMtdmlzaWJsZSB7XG4gICAgICBib3JkZXI6IDJweCBzb2xpZCAke2NvbG9ycy5icmFuZC5kYXJrfTtcbiAgICB9XG4gIH1cbiAgJHttcS5yYW5nZSh7IHVudGlsOiBicmVha3BvaW50cy50YWJsZXRXaWRlIH0pfSB7XG4gICAgJiAke0luZm9XcmFwcGVyfSA6Zmlyc3QtY2hpbGQge1xuICAgICAgdGV4dC1kZWNvcmF0aW9uOiB1bmRlcmxpbmU7XG4gICAgfVxuICAgIDphY3RpdmUgOmZpcnN0LWNoaWxkIHtcbiAgICAgIHRleHQtZGVjb3JhdGlvbjogbm9uZTtcbiAgICB9XG4gIH1cbmA7XG5cbmNvbnN0IFN0eWxlZERhdGVDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBwYWRkaW5nLXRvcDogJHtzcGFjaW5nLnhzbWFsbH07XG4gIGdhcDogJHtzcGFjaW5nLnNtYWxsfTtcbmA7XG5cbmNvbnN0IFN0eWxlZENhbGVuZGVyRWQgPSBzdHlsZWQoQ2FsZW5kYXJFZClgXG4gIGNvbG9yOiAke2NvbG9ycy5pY29uLmljb25CbHVlfTtcbmA7XG5cbmludGVyZmFjZSBQcm9wcyBleHRlbmRzIE9taXQ8TGlua0Jsb2NrRW1iZWREYXRhLCBcInJlc291cmNlXCI+IHtcbiAgcGF0aD86IHN0cmluZztcbiAgYXJ0aWNsZUxhbmd1YWdlPzogc3RyaW5nO1xufVxuXG5jb25zdCBMaW5rQmxvY2sgPSAoeyB0aXRsZSwgYXJ0aWNsZUxhbmd1YWdlLCBkYXRlLCB1cmwsIHBhdGggfTogUHJvcHMpID0+IHtcbiAgY29uc3QgaHJlZiA9IGdldFBvc3NpYmx5UmVsYXRpdmVVcmwodXJsLCBwYXRoKTtcbiAgY29uc3QgZm9ybWF0dGVkRGF0ZSA9IHVzZU1lbW8oKCkgPT4ge1xuICAgIGlmICghZGF0ZSkgcmV0dXJuIG51bGw7XG4gICAgY29uc3QgbG9jYWxlID0gYXJ0aWNsZUxhbmd1YWdlID09PSBcIm5iXCIgPyBuYiA6IGFydGljbGVMYW5ndWFnZSA9PT0gXCJublwiID8gbm4gOiBlbkdCO1xuICAgIHJldHVybiBmb3JtYXQobmV3IERhdGUoZGF0ZSksIFwiZGQuIExMTEwgeXl5eVwiLCB7IGxvY2FsZSB9KTtcbiAgfSwgW2RhdGUsIGFydGljbGVMYW5ndWFnZV0pO1xuICByZXR1cm4gKFxuICAgIDxTdHlsZWRTYWZlTGluayB0bz17aHJlZn0+XG4gICAgICA8SW5mb1dyYXBwZXI+XG4gICAgICAgIDxIZWFkaW5nIGVsZW1lbnQ9XCJoM1wiIG1hcmdpbj1cIm5vbmVcIiBoZWFkaW5nU3R5bGU9XCJoM1wiPlxuICAgICAgICAgIHtwYXJzZSh0aXRsZSl9XG4gICAgICAgIDwvSGVhZGluZz5cbiAgICAgICAge2RhdGUgJiYgKFxuICAgICAgICAgIDxTdHlsZWREYXRlQ29udGFpbmVyPlxuICAgICAgICAgICAgPFN0eWxlZENhbGVuZGVyRWQgLz5cbiAgICAgICAgICAgIHtmb3JtYXR0ZWREYXRlfVxuICAgICAgICAgIDwvU3R5bGVkRGF0ZUNvbnRhaW5lcj5cbiAgICAgICAgKX1cbiAgICAgIDwvSW5mb1dyYXBwZXI+XG4gICAgICA8U3R5bGVkRm9yd2FyZCAvPlxuICAgIDwvU3R5bGVkU2FmZUxpbms+XG4gICk7XG59O1xuXG5leHBvcnQgZGVmYXVsdCBMaW5rQmxvY2s7XG4iXX0= */"));
-const StyledCalenderEd = /*#__PURE__*/(0, _base.default)(_common.CalendarEd, {
-  target: "e1wf6l0z0",
-  label: "StyledCalenderEd"
-})("color:", _core.colors.icon.iconBlue, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkxpbmtCbG9jay50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBd0UyQyIsImZpbGUiOiJMaW5rQmxvY2sudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDb3B5cmlnaHQgKGMpIDIwMjMtcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLlxuICpcbiAqL1xuXG5pbXBvcnQgeyBmb3JtYXQgfSBmcm9tIFwiZGF0ZS1mbnNcIjtcbmltcG9ydCB7IGVuR0IsIG5iLCBubiB9IGZyb20gXCJkYXRlLWZucy9sb2NhbGVcIjtcbmltcG9ydCBwYXJzZSBmcm9tIFwiaHRtbC1yZWFjdC1wYXJzZXJcIjtcbmltcG9ydCB7IHVzZU1lbW8gfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgYnJlYWtwb2ludHMsIGNvbG9ycywgc3BhY2luZywgbXEgfSBmcm9tIFwiQG5kbGEvY29yZVwiO1xuaW1wb3J0IHsgRm9yd2FyZCwgQ2FsZW5kYXJFZCB9IGZyb20gXCJAbmRsYS9pY29ucy9jb21tb25cIjtcbmltcG9ydCB7IFNhZmVMaW5rIH0gZnJvbSBcIkBuZGxhL3NhZmVsaW5rXCI7XG5pbXBvcnQgeyBMaW5rQmxvY2tFbWJlZERhdGEgfSBmcm9tIFwiQG5kbGEvdHlwZXMtZW1iZWRcIjtcbmltcG9ydCB7IEhlYWRpbmcgfSBmcm9tIFwiQG5kbGEvdHlwb2dyYXBoeVwiO1xuaW1wb3J0IHsgZ2V0UG9zc2libHlSZWxhdGl2ZVVybCB9IGZyb20gXCIuLi91dGlscy9yZWxhdGl2ZVVybFwiO1xuXG5jb25zdCBTdHlsZWRGb3J3YXJkID0gc3R5bGVkKEZvcndhcmQpYFxuICBtYXJnaW46IDAgJHtzcGFjaW5nLm5zbWFsbH07XG4gIG1pbi13aWR0aDogJHtzcGFjaW5nLm5vcm1hbH07XG4gIG1pbi1oZWlnaHQ6ICR7c3BhY2luZy5ub3JtYWx9O1xuYDtcblxuY29uc3QgSW5mb1dyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICBnYXA6ICR7c3BhY2luZy5zbWFsbH07XG5gO1xuXG5jb25zdCBTdHlsZWRTYWZlTGluayA9IHN0eWxlZChTYWZlTGluaylgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgYm94LXNoYWRvdzogbm9uZTtcbiAgY29sb3I6IGluaGVyaXQ7XG4gIGJhY2tncm91bmQtY29sb3I6ICR7Y29sb3JzLndoaXRlfTtcbiAgYm9yZGVyOiAxcHggc29saWQgJHtjb2xvcnMuYnJhbmQubGlnaHRlcn07XG4gIHBhZGRpbmc6ICR7c3BhY2luZy5ub3JtYWx9O1xuICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMudGFibGV0V2lkZSB9KX0ge1xuICAgICY6aG92ZXIge1xuICAgICAgJiAke0luZm9XcmFwcGVyfSA6Zmlyc3QtY2hpbGQge1xuICAgICAgICB0ZXh0LWRlY29yYXRpb246IHVuZGVybGluZTtcbiAgICAgIH1cbiAgICAgICYgJHtTdHlsZWRGb3J3YXJkfSB7XG4gICAgICAgIHdpZHRoOiAzMnB4O1xuICAgICAgICBoZWlnaHQ6IDMycHg7XG4gICAgICB9XG4gICAgfVxuICAgICY6Zm9jdXMtdmlzaWJsZSB7XG4gICAgICBib3JkZXI6IDJweCBzb2xpZCAke2NvbG9ycy5icmFuZC5kYXJrfTtcbiAgICB9XG4gIH1cbiAgJHttcS5yYW5nZSh7IHVudGlsOiBicmVha3BvaW50cy50YWJsZXRXaWRlIH0pfSB7XG4gICAgJiAke0luZm9XcmFwcGVyfSA6Zmlyc3QtY2hpbGQge1xuICAgICAgdGV4dC1kZWNvcmF0aW9uOiB1bmRlcmxpbmU7XG4gICAgfVxuICAgIDphY3RpdmUgOmZpcnN0LWNoaWxkIHtcbiAgICAgIHRleHQtZGVjb3JhdGlvbjogbm9uZTtcbiAgICB9XG4gIH1cbmA7XG5cbmNvbnN0IFN0eWxlZERhdGVDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBwYWRkaW5nLXRvcDogJHtzcGFjaW5nLnhzbWFsbH07XG4gIGdhcDogJHtzcGFjaW5nLnNtYWxsfTtcbmA7XG5cbmNvbnN0IFN0eWxlZENhbGVuZGVyRWQgPSBzdHlsZWQoQ2FsZW5kYXJFZClgXG4gIGNvbG9yOiAke2NvbG9ycy5pY29uLmljb25CbHVlfTtcbmA7XG5cbmludGVyZmFjZSBQcm9wcyBleHRlbmRzIE9taXQ8TGlua0Jsb2NrRW1iZWREYXRhLCBcInJlc291cmNlXCI+IHtcbiAgcGF0aD86IHN0cmluZztcbiAgYXJ0aWNsZUxhbmd1YWdlPzogc3RyaW5nO1xufVxuXG5jb25zdCBMaW5rQmxvY2sgPSAoeyB0aXRsZSwgYXJ0aWNsZUxhbmd1YWdlLCBkYXRlLCB1cmwsIHBhdGggfTogUHJvcHMpID0+IHtcbiAgY29uc3QgaHJlZiA9IGdldFBvc3NpYmx5UmVsYXRpdmVVcmwodXJsLCBwYXRoKTtcbiAgY29uc3QgZm9ybWF0dGVkRGF0ZSA9IHVzZU1lbW8oKCkgPT4ge1xuICAgIGlmICghZGF0ZSkgcmV0dXJuIG51bGw7XG4gICAgY29uc3QgbG9jYWxlID0gYXJ0aWNsZUxhbmd1YWdlID09PSBcIm5iXCIgPyBuYiA6IGFydGljbGVMYW5ndWFnZSA9PT0gXCJublwiID8gbm4gOiBlbkdCO1xuICAgIHJldHVybiBmb3JtYXQobmV3IERhdGUoZGF0ZSksIFwiZGQuIExMTEwgeXl5eVwiLCB7IGxvY2FsZSB9KTtcbiAgfSwgW2RhdGUsIGFydGljbGVMYW5ndWFnZV0pO1xuICByZXR1cm4gKFxuICAgIDxTdHlsZWRTYWZlTGluayB0bz17aHJlZn0+XG4gICAgICA8SW5mb1dyYXBwZXI+XG4gICAgICAgIDxIZWFkaW5nIGVsZW1lbnQ9XCJoM1wiIG1hcmdpbj1cIm5vbmVcIiBoZWFkaW5nU3R5bGU9XCJoM1wiPlxuICAgICAgICAgIHtwYXJzZSh0aXRsZSl9XG4gICAgICAgIDwvSGVhZGluZz5cbiAgICAgICAge2RhdGUgJiYgKFxuICAgICAgICAgIDxTdHlsZWREYXRlQ29udGFpbmVyPlxuICAgICAgICAgICAgPFN0eWxlZENhbGVuZGVyRWQgLz5cbiAgICAgICAgICAgIHtmb3JtYXR0ZWREYXRlfVxuICAgICAgICAgIDwvU3R5bGVkRGF0ZUNvbnRhaW5lcj5cbiAgICAgICAgKX1cbiAgICAgIDwvSW5mb1dyYXBwZXI+XG4gICAgICA8U3R5bGVkRm9yd2FyZCAvPlxuICAgIDwvU3R5bGVkU2FmZUxpbms+XG4gICk7XG59O1xuXG5leHBvcnQgZGVmYXVsdCBMaW5rQmxvY2s7XG4iXX0= */"));
+const InfoWrapper = (0, _jsx2.styled)("div", {
+  base: {
+    display: "flex",
+    flexDirection: "column",
+    gap: "xsmall"
+  }
+});
+const StyledSafeLink = (0, _jsx2.styled)(_safelink.SafeLink, {
+  base: {
+    display: "flex",
+    justifyContent: "space-between",
+    alignItems: "center",
+    background: "surface.default",
+    padding: "medium",
+    border: "1px solid",
+    // TODO: Check if this is correct. Not part of design. Also check if this should have border-radius.
+    borderColor: "stroke.default",
+    "& h3": {
+      textDecoration: "underline"
+    },
+    "& [data-forward]": {
+      transitionProperty: "width, height",
+      transitionTimingFunction: "ease-in-out",
+      transitionDuration: "fast"
+    },
+    _hover: {
+      "& h3": {
+        textDecoration: "none"
+      },
+      "& [data-forward]": {
+        width: "large",
+        height: "large"
+      }
+    }
+  }
+});
+const StyledDateContainer = (0, _jsx2.styled)("div", {
+  base: {
+    display: "flex",
+    alignItems: "center",
+    gap: "xxsmall"
+  }
+});
+const StyledCalendarEd = (0, _jsx2.styled)(_common.CalendarEd, {
+  base: {
+    color: "icon.strong"
+  }
+});
 const LinkBlock = _ref => {
   let {
     title,
@@ -67,15 +90,20 @@ const LinkBlock = _ref => {
   return (0, _jsxRuntime.jsxs)(StyledSafeLink, {
     to: href,
     children: [(0, _jsxRuntime.jsxs)(InfoWrapper, {
-      children: [(0, _jsxRuntime.jsx)(_typography.Heading, {
-        element: "h3",
-        margin: "none",
-        headingStyle: "h3",
-        children: (0, _htmlReactParser.default)(title)
+      children: [(0, _jsxRuntime.jsx)(_primitives.Heading, {
+        asChild: true,
+        consumeCss: true,
+        textStyle: "title.medium",
+        children: (0, _jsxRuntime.jsx)("h3", {
+          "data-heading": true,
+          children: (0, _htmlReactParser.default)(title)
+        })
       }), date && (0, _jsxRuntime.jsxs)(StyledDateContainer, {
-        children: [(0, _jsxRuntime.jsx)(StyledCalenderEd, {}), formattedDate]
+        children: [(0, _jsxRuntime.jsx)(StyledCalendarEd, {}), formattedDate]
       })]
-    }), (0, _jsxRuntime.jsx)(StyledForward, {})]
+    }), (0, _jsxRuntime.jsx)(_common.Forward, {
+      "data-forward": true
+    })]
   });
 };
 var _default = exports.default = LinkBlock;

package/lib/LinkBlock/LinkBlockSection.js

@@ -4,11 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _base = _interopRequireDefault(require("@emotion/styled/base"));
 var _react = require("react");
-var _core = require("@ndla/core");
+var _jsx2 = require("@ndla/styled-system/jsx");
 var _jsxRuntime = require("@emotion/react/jsx-runtime");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 /**
  * Copyright (c) 2023-present, NDLA.
  *
@@ -17,10 +15,14 @@ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e
  *
  */
 
-const StyledList = /*#__PURE__*/(0, _base.default)("ul", {
-  target: "e1tgoa620",
-  label: "StyledList"
-})("display:flex;flex-direction:column;gap:", _core.spacing.small, ";list-style:none;padding:0px;li{padding:0px;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkxpbmtCbG9ja1NlY3Rpb24udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWdCNEIiLCJmaWxlIjoiTGlua0Jsb2NrU2VjdGlvbi50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAyMy1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCB7IENoaWxkcmVuLCBIVE1MQXR0cmlidXRlcywgUmVhY3ROb2RlIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IHNwYWNpbmcgfSBmcm9tIFwiQG5kbGEvY29yZVwiO1xuXG5pbnRlcmZhY2UgUHJvcHMgZXh0ZW5kcyBIVE1MQXR0cmlidXRlczxIVE1MRWxlbWVudD4ge1xuICBjaGlsZHJlbjogUmVhY3ROb2RlO1xufVxuXG5jb25zdCBTdHlsZWRMaXN0ID0gc3R5bGVkLnVsYFxuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICBnYXA6ICR7c3BhY2luZy5zbWFsbH07XG4gIGxpc3Qtc3R5bGU6IG5vbmU7XG4gIHBhZGRpbmc6IDBweDtcbiAgbGkge1xuICAgIHBhZGRpbmc6IDBweDtcbiAgfVxuYDtcblxuY29uc3QgTGlua0Jsb2NrU2VjdGlvbiA9ICh7IGNoaWxkcmVuLCAuLi5yZXN0IH06IFByb3BzKSA9PiB7XG4gIHJldHVybiAoXG4gICAgPG5hdiB7Li4ucmVzdH0+XG4gICAgICA8U3R5bGVkTGlzdD5cbiAgICAgICAge0NoaWxkcmVuLm1hcChjaGlsZHJlbiwgKGNoaWxkKSA9PiAoXG4gICAgICAgICAgPGxpPntjaGlsZH08L2xpPlxuICAgICAgICApKX1cbiAgICAgIDwvU3R5bGVkTGlzdD5cbiAgICA8L25hdj5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IExpbmtCbG9ja1NlY3Rpb247XG4iXX0= */"));
+const StyledList = (0, _jsx2.styled)("ul", {
+  base: {
+    display: "flex",
+    flexDirection: "column",
+    gap: "xsmall",
+    listStyle: "none"
+  }
+});
 const LinkBlockSection = _ref => {
   let {
     children,

package/lib/Logo/Logo.d.ts

@@ -13,10 +13,8 @@ interface Props {
     };
     label: string;
     locale?: string;
-    cssModifier?: string;
-    large?: boolean;
     name?: boolean;
     color?: string;
 }
-export declare const Logo: ({ name, to, cssModifier, color, large, locale, label }: Props) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const Logo: ({ name, to, color, locale, label }: Props) => import("react/jsx-runtime").JSX.Element;
 export default Logo;

package/lib/Logo/Logo.js

@@ -5,9 +5,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = exports.Logo = void 0;
 var _base = _interopRequireDefault(require("@emotion/styled/base"));
-var _react = require("react");
-var _react2 = require("@emotion/react");
-var _core = require("@ndla/core");
 var _safelink = require("@ndla/safelink");
 var _SvgLogo = _interopRequireDefault(require("./SvgLogo"));
 var _jsxRuntime = require("@emotion/react/jsx-runtime");
@@ -18,7 +15,7 @@ function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringif
  * This source code is licensed under the GPLv3 license found in the
  * LICENSE file in the root directory of this source tree.
  *
- */ /** @jsxImportSource @emotion/react */
+ */
 const StyledLogoWrapper = /*#__PURE__*/(0, _base.default)("div", {
   target: "e1mks01s0",
   label: "StyledLogoWrapper"
@@ -28,41 +25,17 @@ const StyledLogoWrapper = /*#__PURE__*/(0, _base.default)("div", {
 } : {
   name: "b5wghc",
   styles: "a{box-shadow:none;}width:120px;margin:0;position:relative",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkxvZ28udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWdDb0MiLCJmaWxlIjoiTG9nby50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAxNi1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbi8qKiBAanN4SW1wb3J0U291cmNlIEBlbW90aW9uL3JlYWN0ICovXG5pbXBvcnQgeyB1c2VNZW1vIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgeyBTZXJpYWxpemVkU3R5bGVzLCBjc3MgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgY29sb3JzIH0gZnJvbSBcIkBuZGxhL2NvcmVcIjtcbmltcG9ydCB7IFNhZmVMaW5rIH0gZnJvbSBcIkBuZGxhL3NhZmVsaW5rXCI7XG5pbXBvcnQgU3ZnTG9nbyBmcm9tIFwiLi9TdmdMb2dvXCI7XG5cbmludGVyZmFjZSBQcm9wcyB7XG4gIHRvPzpcbiAgICB8IHN0cmluZ1xuICAgIHwge1xuICAgICAgICBwYXRobmFtZTogc3RyaW5nO1xuICAgICAgICBzZWFyY2g/OiBzdHJpbmc7XG4gICAgICAgIGhhc2g/OiBzdHJpbmc7XG4gICAgICB9O1xuICBsYWJlbDogc3RyaW5nO1xuICBsb2NhbGU/OiBzdHJpbmc7XG4gIGNzc01vZGlmaWVyPzogc3RyaW5nO1xuICBsYXJnZT86IGJvb2xlYW47XG4gIG5hbWU/OiBib29sZWFuO1xuICBjb2xvcj86IHN0cmluZztcbn1cblxuY29uc3QgU3R5bGVkTG9nb1dyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBhIHtcbiAgICBib3gtc2hhZG93OiBub25lO1xuICB9XG4gIHdpZHRoOiAxMjBweDtcbiAgbWFyZ2luOiAwO1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG5gO1xuXG5jb25zdCBtb2RpZmllclN0eWxlczogUmVjb3JkPHN0cmluZywgU2VyaWFsaXplZFN0eWxlcz4gPSB7XG4gIGxhcmdlOiBjc3NgXG4gICAgd2lkdGg6IDI4N3B4O1xuICBgLFxuICB3aGl0ZTogY3NzYFxuICAgIHN2ZyB7XG4gICAgICBmaWxsOiAke2NvbG9ycy53aGl0ZX07XG4gICAgfVxuICBgLFxufTtcblxuZXhwb3J0IGNvbnN0IExvZ28gPSAoeyBuYW1lID0gdHJ1ZSwgdG8sIGNzc01vZGlmaWVyLCBjb2xvciwgbGFyZ2UgPSBmYWxzZSwgbG9jYWxlLCBsYWJlbCB9OiBQcm9wcykgPT4ge1xuICBjb25zdCBtb2RpZmllcnMgPSB1c2VNZW1vKCgpID0+IHtcbiAgICBjb25zdCBtb2RzID0gW107XG4gICAgaWYgKGxhcmdlKSB7XG4gICAgICBtb2RzLnB1c2gobW9kaWZpZXJTdHlsZXMubGFyZ2UpO1xuICAgIH1cbiAgICBpZiAoY3NzTW9kaWZpZXIgJiYgbW9kaWZpZXJTdHlsZXNbY3NzTW9kaWZpZXJdKSB7XG4gICAgICBtb2RzLnB1c2gobW9kaWZpZXJTdHlsZXNbY3NzTW9kaWZpZXJdKTtcbiAgICB9XG4gICAgcmV0dXJuIG1vZHM7XG4gIH0sIFtsYXJnZSwgY3NzTW9kaWZpZXJdKTtcblxuICBjb25zdCBsb2dvID0gdG8gPyAoXG4gICAgPFNhZmVMaW5rIHRvPXt0b30gYXJpYS1sYWJlbD17bGFiZWx9IHRpdGxlPXtsYWJlbH0+XG4gICAgICA8U3ZnTG9nbyBuYW1lPXtuYW1lfSBjb2xvcj17Y29sb3J9IGxvY2FsZT17bG9jYWxlfSAvPlxuICAgIDwvU2FmZUxpbms+XG4gICkgOiAoXG4gICAgPFN2Z0xvZ28gbmFtZT17bmFtZX0gY29sb3I9e2NvbG9yfSBsb2NhbGU9e2xvY2FsZX0gLz5cbiAgKTtcbiAgcmV0dXJuIDxTdHlsZWRMb2dvV3JhcHBlciBjc3M9e21vZGlmaWVyc30+e2xvZ299PC9TdHlsZWRMb2dvV3JhcHBlcj47XG59O1xuXG5leHBvcnQgZGVmYXVsdCBMb2dvO1xuIl19 */",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkxvZ28udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTBCb0MiLCJmaWxlIjoiTG9nby50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAxNi1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgU2FmZUxpbmsgfSBmcm9tIFwiQG5kbGEvc2FmZWxpbmtcIjtcbmltcG9ydCBTdmdMb2dvIGZyb20gXCIuL1N2Z0xvZ29cIjtcblxuaW50ZXJmYWNlIFByb3BzIHtcbiAgdG8/OlxuICAgIHwgc3RyaW5nXG4gICAgfCB7XG4gICAgICAgIHBhdGhuYW1lOiBzdHJpbmc7XG4gICAgICAgIHNlYXJjaD86IHN0cmluZztcbiAgICAgICAgaGFzaD86IHN0cmluZztcbiAgICAgIH07XG4gIGxhYmVsOiBzdHJpbmc7XG4gIGxvY2FsZT86IHN0cmluZztcbiAgbmFtZT86IGJvb2xlYW47XG4gIGNvbG9yPzogc3RyaW5nO1xufVxuXG5jb25zdCBTdHlsZWRMb2dvV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIGEge1xuICAgIGJveC1zaGFkb3c6IG5vbmU7XG4gIH1cbiAgd2lkdGg6IDEyMHB4O1xuICBtYXJnaW46IDA7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbmA7XG5cbmV4cG9ydCBjb25zdCBMb2dvID0gKHsgbmFtZSA9IHRydWUsIHRvLCBjb2xvciwgbG9jYWxlLCBsYWJlbCB9OiBQcm9wcykgPT4ge1xuICBjb25zdCBsb2dvID0gdG8gPyAoXG4gICAgPFNhZmVMaW5rIHRvPXt0b30gYXJpYS1sYWJlbD17bGFiZWx9IHRpdGxlPXtsYWJlbH0+XG4gICAgICA8U3ZnTG9nbyBuYW1lPXtuYW1lfSBjb2xvcj17Y29sb3J9IGxvY2FsZT17bG9jYWxlfSAvPlxuICAgIDwvU2FmZUxpbms+XG4gICkgOiAoXG4gICAgPFN2Z0xvZ28gbmFtZT17bmFtZX0gY29sb3I9e2NvbG9yfSBsb2NhbGU9e2xvY2FsZX0gLz5cbiAgKTtcbiAgcmV0dXJuIDxTdHlsZWRMb2dvV3JhcHBlcj57bG9nb308L1N0eWxlZExvZ29XcmFwcGVyPjtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IExvZ287XG4iXX0= */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
-const modifierStyles = {
-  large: process.env.NODE_ENV === "production" ? {
-    name: "1df1r91-large",
-    styles: "width:287px;label:large;"
-  } : {
-    name: "1df1r91-large",
-    styles: "width:287px;label:large;",
-    map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkxvZ28udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTBDWSIsImZpbGUiOiJMb2dvLnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogQ29weXJpZ2h0IChjKSAyMDE2LXByZXNlbnQsIE5ETEEuXG4gKlxuICogVGhpcyBzb3VyY2UgY29kZSBpcyBsaWNlbnNlZCB1bmRlciB0aGUgR1BMdjMgbGljZW5zZSBmb3VuZCBpbiB0aGVcbiAqIExJQ0VOU0UgZmlsZSBpbiB0aGUgcm9vdCBkaXJlY3Rvcnkgb2YgdGhpcyBzb3VyY2UgdHJlZS5cbiAqXG4gKi9cblxuLyoqIEBqc3hJbXBvcnRTb3VyY2UgQGVtb3Rpb24vcmVhY3QgKi9cbmltcG9ydCB7IHVzZU1lbW8gfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCB7IFNlcmlhbGl6ZWRTdHlsZXMsIGNzcyB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBjb2xvcnMgfSBmcm9tIFwiQG5kbGEvY29yZVwiO1xuaW1wb3J0IHsgU2FmZUxpbmsgfSBmcm9tIFwiQG5kbGEvc2FmZWxpbmtcIjtcbmltcG9ydCBTdmdMb2dvIGZyb20gXCIuL1N2Z0xvZ29cIjtcblxuaW50ZXJmYWNlIFByb3BzIHtcbiAgdG8/OlxuICAgIHwgc3RyaW5nXG4gICAgfCB7XG4gICAgICAgIHBhdGhuYW1lOiBzdHJpbmc7XG4gICAgICAgIHNlYXJjaD86IHN0cmluZztcbiAgICAgICAgaGFzaD86IHN0cmluZztcbiAgICAgIH07XG4gIGxhYmVsOiBzdHJpbmc7XG4gIGxvY2FsZT86IHN0cmluZztcbiAgY3NzTW9kaWZpZXI/OiBzdHJpbmc7XG4gIGxhcmdlPzogYm9vbGVhbjtcbiAgbmFtZT86IGJvb2xlYW47XG4gIGNvbG9yPzogc3RyaW5nO1xufVxuXG5jb25zdCBTdHlsZWRMb2dvV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIGEge1xuICAgIGJveC1zaGFkb3c6IG5vbmU7XG4gIH1cbiAgd2lkdGg6IDEyMHB4O1xuICBtYXJnaW46IDA7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbmA7XG5cbmNvbnN0IG1vZGlmaWVyU3R5bGVzOiBSZWNvcmQ8c3RyaW5nLCBTZXJpYWxpemVkU3R5bGVzPiA9IHtcbiAgbGFyZ2U6IGNzc2BcbiAgICB3aWR0aDogMjg3cHg7XG4gIGAsXG4gIHdoaXRlOiBjc3NgXG4gICAgc3ZnIHtcbiAgICAgIGZpbGw6ICR7Y29sb3JzLndoaXRlfTtcbiAgICB9XG4gIGAsXG59O1xuXG5leHBvcnQgY29uc3QgTG9nbyA9ICh7IG5hbWUgPSB0cnVlLCB0bywgY3NzTW9kaWZpZXIsIGNvbG9yLCBsYXJnZSA9IGZhbHNlLCBsb2NhbGUsIGxhYmVsIH06IFByb3BzKSA9PiB7XG4gIGNvbnN0IG1vZGlmaWVycyA9IHVzZU1lbW8oKCkgPT4ge1xuICAgIGNvbnN0IG1vZHMgPSBbXTtcbiAgICBpZiAobGFyZ2UpIHtcbiAgICAgIG1vZHMucHVzaChtb2RpZmllclN0eWxlcy5sYXJnZSk7XG4gICAgfVxuICAgIGlmIChjc3NNb2RpZmllciAmJiBtb2RpZmllclN0eWxlc1tjc3NNb2RpZmllcl0pIHtcbiAgICAgIG1vZHMucHVzaChtb2RpZmllclN0eWxlc1tjc3NNb2RpZmllcl0pO1xuICAgIH1cbiAgICByZXR1cm4gbW9kcztcbiAgfSwgW2xhcmdlLCBjc3NNb2RpZmllcl0pO1xuXG4gIGNvbnN0IGxvZ28gPSB0byA/IChcbiAgICA8U2FmZUxpbmsgdG89e3RvfSBhcmlhLWxhYmVsPXtsYWJlbH0gdGl0bGU9e2xhYmVsfT5cbiAgICAgIDxTdmdMb2dvIG5hbWU9e25hbWV9IGNvbG9yPXtjb2xvcn0gbG9jYWxlPXtsb2NhbGV9IC8+XG4gICAgPC9TYWZlTGluaz5cbiAgKSA6IChcbiAgICA8U3ZnTG9nbyBuYW1lPXtuYW1lfSBjb2xvcj17Y29sb3J9IGxvY2FsZT17bG9jYWxlfSAvPlxuICApO1xuICByZXR1cm4gPFN0eWxlZExvZ29XcmFwcGVyIGNzcz17bW9kaWZpZXJzfT57bG9nb308L1N0eWxlZExvZ29XcmFwcGVyPjtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IExvZ287XG4iXX0= */",
-    toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-  },
-  white: /*#__PURE__*/(0, _react2.css)("svg{fill:", _core.colors.white, ";};label:white;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkxvZ28udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTZDWSIsImZpbGUiOiJMb2dvLnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogQ29weXJpZ2h0IChjKSAyMDE2LXByZXNlbnQsIE5ETEEuXG4gKlxuICogVGhpcyBzb3VyY2UgY29kZSBpcyBsaWNlbnNlZCB1bmRlciB0aGUgR1BMdjMgbGljZW5zZSBmb3VuZCBpbiB0aGVcbiAqIExJQ0VOU0UgZmlsZSBpbiB0aGUgcm9vdCBkaXJlY3Rvcnkgb2YgdGhpcyBzb3VyY2UgdHJlZS5cbiAqXG4gKi9cblxuLyoqIEBqc3hJbXBvcnRTb3VyY2UgQGVtb3Rpb24vcmVhY3QgKi9cbmltcG9ydCB7IHVzZU1lbW8gfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCB7IFNlcmlhbGl6ZWRTdHlsZXMsIGNzcyB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBjb2xvcnMgfSBmcm9tIFwiQG5kbGEvY29yZVwiO1xuaW1wb3J0IHsgU2FmZUxpbmsgfSBmcm9tIFwiQG5kbGEvc2FmZWxpbmtcIjtcbmltcG9ydCBTdmdMb2dvIGZyb20gXCIuL1N2Z0xvZ29cIjtcblxuaW50ZXJmYWNlIFByb3BzIHtcbiAgdG8/OlxuICAgIHwgc3RyaW5nXG4gICAgfCB7XG4gICAgICAgIHBhdGhuYW1lOiBzdHJpbmc7XG4gICAgICAgIHNlYXJjaD86IHN0cmluZztcbiAgICAgICAgaGFzaD86IHN0cmluZztcbiAgICAgIH07XG4gIGxhYmVsOiBzdHJpbmc7XG4gIGxvY2FsZT86IHN0cmluZztcbiAgY3NzTW9kaWZpZXI/OiBzdHJpbmc7XG4gIGxhcmdlPzogYm9vbGVhbjtcbiAgbmFtZT86IGJvb2xlYW47XG4gIGNvbG9yPzogc3RyaW5nO1xufVxuXG5jb25zdCBTdHlsZWRMb2dvV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIGEge1xuICAgIGJveC1zaGFkb3c6IG5vbmU7XG4gIH1cbiAgd2lkdGg6IDEyMHB4O1xuICBtYXJnaW46IDA7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbmA7XG5cbmNvbnN0IG1vZGlmaWVyU3R5bGVzOiBSZWNvcmQ8c3RyaW5nLCBTZXJpYWxpemVkU3R5bGVzPiA9IHtcbiAgbGFyZ2U6IGNzc2BcbiAgICB3aWR0aDogMjg3cHg7XG4gIGAsXG4gIHdoaXRlOiBjc3NgXG4gICAgc3ZnIHtcbiAgICAgIGZpbGw6ICR7Y29sb3JzLndoaXRlfTtcbiAgICB9XG4gIGAsXG59O1xuXG5leHBvcnQgY29uc3QgTG9nbyA9ICh7IG5hbWUgPSB0cnVlLCB0bywgY3NzTW9kaWZpZXIsIGNvbG9yLCBsYXJnZSA9IGZhbHNlLCBsb2NhbGUsIGxhYmVsIH06IFByb3BzKSA9PiB7XG4gIGNvbnN0IG1vZGlmaWVycyA9IHVzZU1lbW8oKCkgPT4ge1xuICAgIGNvbnN0IG1vZHMgPSBbXTtcbiAgICBpZiAobGFyZ2UpIHtcbiAgICAgIG1vZHMucHVzaChtb2RpZmllclN0eWxlcy5sYXJnZSk7XG4gICAgfVxuICAgIGlmIChjc3NNb2RpZmllciAmJiBtb2RpZmllclN0eWxlc1tjc3NNb2RpZmllcl0pIHtcbiAgICAgIG1vZHMucHVzaChtb2RpZmllclN0eWxlc1tjc3NNb2RpZmllcl0pO1xuICAgIH1cbiAgICByZXR1cm4gbW9kcztcbiAgfSwgW2xhcmdlLCBjc3NNb2RpZmllcl0pO1xuXG4gIGNvbnN0IGxvZ28gPSB0byA/IChcbiAgICA8U2FmZUxpbmsgdG89e3RvfSBhcmlhLWxhYmVsPXtsYWJlbH0gdGl0bGU9e2xhYmVsfT5cbiAgICAgIDxTdmdMb2dvIG5hbWU9e25hbWV9IGNvbG9yPXtjb2xvcn0gbG9jYWxlPXtsb2NhbGV9IC8+XG4gICAgPC9TYWZlTGluaz5cbiAgKSA6IChcbiAgICA8U3ZnTG9nbyBuYW1lPXtuYW1lfSBjb2xvcj17Y29sb3J9IGxvY2FsZT17bG9jYWxlfSAvPlxuICApO1xuICByZXR1cm4gPFN0eWxlZExvZ29XcmFwcGVyIGNzcz17bW9kaWZpZXJzfT57bG9nb308L1N0eWxlZExvZ29XcmFwcGVyPjtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IExvZ287XG4iXX0= */"))
-};
 const Logo = _ref => {
   let {
     name = true,
     to,
-    cssModifier,
     color,
-    large = false,
     locale,
     label
   } = _ref;
-  const modifiers = (0, _react.useMemo)(() => {
-    const mods = [];
-    if (large) {
-      mods.push(modifierStyles.large);
-    }
-    if (cssModifier && modifierStyles[cssModifier]) {
-      mods.push(modifierStyles[cssModifier]);
-    }
-    return mods;
-  }, [large, cssModifier]);
   const logo = to ? (0, _jsxRuntime.jsx)(_safelink.SafeLink, {
     to: to,
     "aria-label": label,
@@ -78,7 +51,6 @@ const Logo = _ref => {
     locale: locale
   });
   return (0, _jsxRuntime.jsx)(StyledLogoWrapper, {
-    css: modifiers,
     children: logo
   });
 };

package/lib/Messages/MessageBox.js

@@ -60,7 +60,7 @@ const MessageBox = _ref => {
   } = (0, _reactI18next.useTranslation)();
   return (0, _jsxRuntime.jsxs)(MessageBoxWrapper, {
     "data-type": type,
-    contentEditable: contentEditable !== null && contentEditable !== void 0 ? contentEditable : undefined,
+    contentEditable: contentEditable ?? undefined,
     children: [(0, _jsxRuntime.jsx)(InfoWrapper, {
       children: (0, _jsxRuntime.jsxs)("div", {
         children: [(0, _jsxRuntime.jsx)(ChildrenWrapper, {

package/lib/RelatedArticleList/RelatedArticleList.d.ts

@@ -5,8 +5,8 @@
  * LICENSE file in the root directory of this source tree.
  *
  */
-import { ComponentProps, ReactNode } from "react";
-import { HeadingLevel } from "@ndla/typography";
+import { ComponentPropsWithoutRef, ReactNode } from "react";
+import { HeadingLevel } from "../types";
 interface RelatedArticleProps {
     title: string;
     introduction: string;
@@ -16,11 +16,11 @@ interface RelatedArticleProps {
     type?: string;
 }
 export declare const RelatedArticle: ({ title, introduction, to, linkInfo, target, type, }: RelatedArticleProps) => import("react/jsx-runtime").JSX.Element;
-interface Props extends ComponentProps<"section"> {
+interface Props extends ComponentPropsWithoutRef<"section"> {
     children?: JSX.Element[];
     articleCount?: number;
     headingLevel?: HeadingLevel;
     headingButtons?: ReactNode;
 }
-export declare const RelatedArticleList: ({ children, articleCount, headingLevel, headingButtons, ...rest }: Props) => import("react/jsx-runtime").JSX.Element;
+export declare const RelatedArticleList: ({ children, articleCount, headingLevel: HeadingElement, headingButtons, ...rest }: Props) => import("react/jsx-runtime").JSX.Element;
 export {};