@ndla/ui 50.14.2 → 50.15.0

package/es/NDLAFilm/FilmSlideshow.js

@@ -16,8 +16,7 @@ import { ChevronLeft, ChevronRight } from "@ndla/icons/common";
 import { SafeLink } from "@ndla/safelink";
 import FilmContentCard from "./FilmContentCard";
 import Image from "../Image";
-import { jsx as _jsx } from "@emotion/react/jsx-runtime";
-import { jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
 const SlideInfoWrapper = /*#__PURE__*/_styled("div", {
   target: "essc37o6",
   label: "SlideInfoWrapper"
@@ -67,6 +66,7 @@ const StyledFilmContentCard = /*#__PURE__*/_styled(FilmContentCard, {
   label: "StyledFilmContentCard"
 })("margin-bottom:2%;transform:", p => p.current ? "translateY(0%)" : "translateY(10%)", ";transition:all 200ms;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZpbG1TbGlkZXNob3cudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTZGOEIiLCJmaWxlIjoiRmlsbVNsaWRlc2hvdy50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAyMy1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCB7IHVzZUNhbGxiYWNrLCB1c2VTdGF0ZSB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBJY29uQnV0dG9uVjIgfSBmcm9tIFwiQG5kbGEvYnV0dG9uXCI7XG5pbXBvcnQgeyBDYXJvdXNlbCB9IGZyb20gXCJAbmRsYS9jYXJvdXNlbFwiO1xuaW1wb3J0IHsgYnJlYWtwb2ludHMsIGNvbG9ycywgbWlzYywgbXEsIHNwYWNpbmcgfSBmcm9tIFwiQG5kbGEvY29yZVwiO1xuaW1wb3J0IHsgQ2hldnJvbkxlZnQsIENoZXZyb25SaWdodCB9IGZyb20gXCJAbmRsYS9pY29ucy9jb21tb25cIjtcbmltcG9ydCB7IFNhZmVMaW5rIH0gZnJvbSBcIkBuZGxhL3NhZmVsaW5rXCI7XG5pbXBvcnQgRmlsbUNvbnRlbnRDYXJkIGZyb20gXCIuL0ZpbG1Db250ZW50Q2FyZFwiO1xuaW1wb3J0IHsgTW92aWVUeXBlIH0gZnJvbSBcIi4vdHlwZXNcIjtcbmltcG9ydCBJbWFnZSBmcm9tIFwiLi4vSW1hZ2VcIjtcblxuaW50ZXJmYWNlIFByb3BzIHtcbiAgc2xpZGVzaG93OiBNb3ZpZVR5cGVbXTtcbn1cblxuY29uc3QgU2xpZGVJbmZvV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgY29sb3I6ICR7Y29sb3JzLndoaXRlfTtcbiAgbWF4LXdpZHRoOiA0MCU7XG4gIG1pbi13aWR0aDogNDAlO1xuICB0b3A6IDQwJTtcbiAgcmlnaHQ6IDUlO1xuICAke21xLnJhbmdlKHsgdW50aWw6IGJyZWFrcG9pbnRzLmRlc2t0b3AgfSl9IHtcbiAgICB0b3A6IDMwJTtcbiAgICBtYXgtd2lkdGg6IDYwJTtcbiAgICBtaW4td2lkdGg6IDYwJTtcbiAgfVxuICAke21xLnJhbmdlKHsgdW50aWw6IGJyZWFrcG9pbnRzLnRhYmxldCB9KX0ge1xuICAgIG1heC13aWR0aDogOTAlO1xuICAgIG1pbi13aWR0aDogOTAlO1xuICAgIGxlZnQ6IDUlO1xuICB9XG5gO1xuXG5jb25zdCBTdHlsZWRTYWZlTGluayA9IHN0eWxlZChTYWZlTGluaylgXG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgZGlzcGxheTogYmxvY2s7XG4gIGJveC1zaGFkb3c6IG5vbmU7XG5gO1xuXG5jb25zdCBJbmZvV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIHBhZGRpbmc6ICR7c3BhY2luZy5ub3JtYWx9O1xuICBib3JkZXItcmFkaXVzOiAke21pc2MuYm9yZGVyUmFkaXVzfTtcbiAgYm9yZGVyOiAwLjVweCBzb2xpZCAke2NvbG9ycy5icmFuZC5wcmltYXJ5fTtcbiAgYmFja2dyb3VuZC1jb2xvcjogcmdiYSgxMSwgMjksIDQ1LCAwLjgpO1xuICBoMyB7XG4gICAgbWFyZ2luOiAwcHg7XG4gIH1cbmA7XG5cbmNvbnN0IFN0eWxlZEltZyA9IHN0eWxlZChJbWFnZSlgXG4gIG1heC1oZWlnaHQ6IDYwMHB4O1xuICBtaW4taGVpZ2h0OiA2MDBweDtcbiAgb2JqZWN0LXBvc2l0aW9uOiB0b3A7XG4gIHdpZHRoOiAxMDAlO1xuICBhc3BlY3QtcmF0aW86IDE2Lzk7XG4gICR7bXEucmFuZ2UoeyB1bnRpbDogYnJlYWtwb2ludHMudGFibGV0IH0pfSB7XG4gICAgbWluLWhlaWdodDogNDQwcHg7XG4gICAgbWF4LWhlaWdodDogNDQwcHg7XG4gIH1cbiAgb2JqZWN0LWZpdDogY292ZXI7XG5gO1xuXG5jb25zdCBDYXJvdXNlbENvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG4gIG1hcmdpbi10b3A6IC01MHB4O1xuICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMudGFibGV0IH0pfSB7XG4gICAgbWFyZ2luLXRvcDogLTcwcHg7XG4gIH1cbiAgJHttcS5yYW5nZSh7IGZyb206IGJyZWFrcG9pbnRzLmRlc2t0b3AgfSl9IHtcbiAgICBtYXJnaW4tdG9wOiAtMTYwcHg7XG4gIH1cbmA7XG5cbmludGVyZmFjZSBTdHlsZWRGaWxtQ29udGVudENhcmRQcm9wcyB7XG4gIGN1cnJlbnQ/OiBib29sZWFuO1xufVxuXG5jb25zdCBTbGlkZXNob3dCdXR0b24gPSBzdHlsZWQoSWNvbkJ1dHRvblYyKWBcbiAgbWFyZ2luLXRvcDogJHtzcGFjaW5nLm5vcm1hbH07XG5gO1xuXG5jb25zdCBzaG91bGRGb3J3YXJkUHJvcCA9IChwOiBzdHJpbmcpID0+IHAgIT09IFwiY3VycmVudFwiO1xuXG5jb25zdCBTdHlsZWRGaWxtQ29udGVudENhcmQgPSBzdHlsZWQoRmlsbUNvbnRlbnRDYXJkLCB7XG4gIHNob3VsZEZvcndhcmRQcm9wLFxufSk8U3R5bGVkRmlsbUNvbnRlbnRDYXJkUHJvcHM+YFxuICBtYXJnaW4tYm90dG9tOiAyJTtcbiAgdHJhbnNmb3JtOiAkeyhwKSA9PiAocC5jdXJyZW50ID8gXCJ0cmFuc2xhdGVZKDAlKVwiIDogXCJ0cmFuc2xhdGVZKDEwJSlcIil9O1xuICB0cmFuc2l0aW9uOiBhbGwgMjAwbXM7XG5gO1xuXG5jb25zdCBGaWxtU2xpZGVzaG93ID0gKHsgc2xpZGVzaG93IH06IFByb3BzKSA9PiB7XG4gIGNvbnN0IFtjdXJyZW50U2xpZGUsIHNldEN1cnJlbnRTbGlkZV0gPSB1c2VTdGF0ZShzbGlkZXNob3dbMF0pO1xuXG4gIHJldHVybiAoXG4gICAgPHNlY3Rpb24+XG4gICAgICA8U3R5bGVkU2FmZUxpbmsgdG89e2N1cnJlbnRTbGlkZS5wYXRofSB0YWJJbmRleD17LTF9IGFyaWEtaGlkZGVuPlxuICAgICAgICA8U3R5bGVkSW1nXG4gICAgICAgICAgc3JjPXtjdXJyZW50U2xpZGUubWV0YUltYWdlPy51cmwgPz8gXCJcIn1cbiAgICAgICAgICBzaXplcz1cIihtaW4td2lkdGg6IDExNDBweCkgMTE0MHB4LCAobWluLXdpZHRoOiA3MjBweCkgMTAwdncsIDEwMHZ3XCJcbiAgICAgICAgICBhbHQ9XCJcIlxuICAgICAgICAvPlxuICAgICAgICA8U2xpZGVJbmZvV3JhcHBlcj5cbiAgICAgICAgICA8SW5mb1dyYXBwZXI+XG4gICAgICAgICAgICA8aDM+e2N1cnJlbnRTbGlkZS50aXRsZX08L2gzPlxuICAgICAgICAgICAgPHNwYW4gaWQ9XCJjdXJyZW50TW92aWVEZXNjcmlwdGlvblwiPntjdXJyZW50U2xpZGUubWV0YURlc2NyaXB0aW9ufTwvc3Bhbj5cbiAgICAgICAgICA8L0luZm9XcmFwcGVyPlxuICAgICAgICA8L1NsaWRlSW5mb1dyYXBwZXI+XG4gICAgICA8L1N0eWxlZFNhZmVMaW5rPlxuICAgICAgPENhcm91c2VsQ29udGFpbmVyPlxuICAgICAgICA8Q2Fyb3VzZWxcbiAgICAgICAgICBsZWZ0QnV0dG9uPXtcbiAgICAgICAgICAgIDxTbGlkZXNob3dCdXR0b24gYXJpYS1sYWJlbD1cIlwiPlxuICAgICAgICAgICAgICA8Q2hldnJvbkxlZnQgLz5cbiAgICAgICAgICAgIDwvU2xpZGVzaG93QnV0dG9uPlxuICAgICAgICAgIH1cbiAgICAgICAgICByaWdodEJ1dHRvbj17XG4gICAgICAgICAgICA8U2xpZGVzaG93QnV0dG9uIGFyaWEtbGFiZWw9XCJcIj5cbiAgICAgICAgICAgICAgPENoZXZyb25SaWdodCAvPlxuICAgICAgICAgICAgPC9TbGlkZXNob3dCdXR0b24+XG4gICAgICAgICAgfVxuICAgICAgICAgIGl0ZW1zPXtzbGlkZXNob3cubWFwKChtb3ZpZSkgPT4gKFxuICAgICAgICAgICAgPEZpbG1DYXJkXG4gICAgICAgICAgICAgIGtleT17bW92aWUuaWR9XG4gICAgICAgICAgICAgIGN1cnJlbnQ9e21vdmllLmlkID09PSBjdXJyZW50U2xpZGUuaWR9XG4gICAgICAgICAgICAgIG1vdmllPXttb3ZpZX1cbiAgICAgICAgICAgICAgc2V0Q3VycmVudFNsaWRlPXtzZXRDdXJyZW50U2xpZGV9XG4gICAgICAgICAgICAvPlxuICAgICAgICAgICkpfVxuICAgICAgICAvPlxuICAgICAgPC9DYXJvdXNlbENvbnRhaW5lcj5cbiAgICA8L3NlY3Rpb24+XG4gICk7XG59O1xuXG5pbnRlcmZhY2UgRmlsbUNhcmRQcm9wcyB7XG4gIHNldEN1cnJlbnRTbGlkZTogKG1vdmllOiBNb3ZpZVR5cGUpID0+IHZvaWQ7XG4gIG1vdmllOiBNb3ZpZVR5cGU7XG4gIGN1cnJlbnQ6IGJvb2xlYW47XG59XG5cbmNvbnN0IEZpbG1DYXJkID0gKHsgc2V0Q3VycmVudFNsaWRlLCBtb3ZpZSwgY3VycmVudCB9OiBGaWxtQ2FyZFByb3BzKSA9PiB7XG4gIGNvbnN0IFtob3ZlckNhbGxiYWNrLCBzZXRIb3ZlckNhbGxiYWNrXSA9IHVzZVN0YXRlPFJldHVyblR5cGU8dHlwZW9mIHNldFRpbWVvdXQ+IHwgdW5kZWZpbmVkPih1bmRlZmluZWQpO1xuXG4gIGNvbnN0IG9uSG92ZXIgPSB1c2VDYWxsYmFjaygoKSA9PiB7XG4gICAgY29uc3QgdGltZW91dCA9IHNldFRpbWVvdXQoKCkgPT4gc2V0Q3VycmVudFNsaWRlKG1vdmllKSwgNTAwKTtcbiAgICBzZXRIb3ZlckNhbGxiYWNrKHRpbWVvdXQpO1xuICB9LCBbbW92aWUsIHNldEN1cnJlbnRTbGlkZV0pO1xuXG4gIHJldHVybiAoXG4gICAgPFN0eWxlZEZpbG1Db250ZW50Q2FyZFxuICAgICAgb25Nb3VzZUVudGVyPXtvbkhvdmVyfVxuICAgICAgb25Nb3VzZUxlYXZlPXsoKSA9PiB7XG4gICAgICAgIGlmIChob3ZlckNhbGxiYWNrKSB7XG4gICAgICAgICAgY2xlYXJUaW1lb3V0KGhvdmVyQ2FsbGJhY2spO1xuICAgICAgICAgIHNldEhvdmVyQ2FsbGJhY2sodW5kZWZpbmVkKTtcbiAgICAgICAgfVxuICAgICAgfX1cbiAgICAgIG9uRm9jdXM9eygpID0+IHNldEN1cnJlbnRTbGlkZShtb3ZpZSl9XG4gICAgICBjdXJyZW50PXtjdXJyZW50fVxuICAgICAgYXJpYS1kZXNjcmliZWRieT17XCJjdXJyZW50TW92aWVEZXNjcmlwdGlvblwifVxuICAgICAga2V5PXttb3ZpZS5pZH1cbiAgICAgIG1vdmllPXttb3ZpZX1cbiAgICAgIHJlc291cmNlVHlwZXM9e1tdfVxuICAgIC8+XG4gICk7XG59O1xuXG5leHBvcnQgZGVmYXVsdCBGaWxtU2xpZGVzaG93O1xuIl19 */"));
 const FilmSlideshow = _ref => {
+  var _currentSlide$metaIma, _currentSlide$metaIma2;
   let {
     slideshow
   } = _ref;
@@ -77,7 +77,7 @@ const FilmSlideshow = _ref => {
       tabIndex: -1,
       "aria-hidden": true,
       children: [_jsx(StyledImg, {
-        src: currentSlide.metaImage?.url ?? "",
+        src: (_currentSlide$metaIma = (_currentSlide$metaIma2 = currentSlide.metaImage) === null || _currentSlide$metaIma2 === void 0 ? void 0 : _currentSlide$metaIma2.url) !== null && _currentSlide$metaIma !== void 0 ? _currentSlide$metaIma : "",
         sizes: "(min-width: 1140px) 1140px, (min-width: 720px) 100vw, 100vw",
         alt: ""
       }), _jsx(SlideInfoWrapper, {

package/es/NDLAFilm/MovieGrid.js

@@ -11,12 +11,11 @@ import { useTranslation } from "react-i18next";
 import { breakpoints, mq, spacing } from "@ndla/core";
 import FilmContentCard from "./FilmContentCard";
 import { setAnimations, StyledHeadingH1 } from "./filmStyles";
-import { jsx as _jsx } from "@emotion/react/jsx-runtime";
-import { jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
 const MovieListing = /*#__PURE__*/_styled("div", {
   target: "e1t64qur1",
   label: "MovieListing"
-})("display:flex;flex-wrap:wrap;gap:", spacing.normal, ";margin:", spacing.small, " 0;margin-left:", props => props.marginLeft && `${props.marginLeft}px`, ";", setAnimations(), ";margin-left:", spacing.normal, ";margin-right:", spacing.normal, ";", mq.range({
+})("display:flex;flex-wrap:wrap;gap:", spacing.normal, ";margin:", spacing.small, " 0;margin-left:", props => props.marginLeft && "".concat(props.marginLeft, "px"), ";", setAnimations(), ";margin-left:", spacing.normal, ";margin-right:", spacing.normal, ";", mq.range({
   from: breakpoints.desktop
 }), "{margin-left:", spacing.xlarge, ";margin-right:", spacing.xlarge, ";}>div{opacity:0;animation-fill-mode:forwards;animation-name:fadeIn;animation-duration:300ms;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIk1vdmllR3JpZC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBbUJrRCIsImZpbGUiOiJNb3ZpZUdyaWQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDb3B5cmlnaHQgKGMpIDIwMTgtcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLlxuICpcbiAqL1xuXG5pbXBvcnQgeyB1c2VUcmFuc2xhdGlvbiB9IGZyb20gXCJyZWFjdC1pMThuZXh0XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IGJyZWFrcG9pbnRzLCBtcSwgc3BhY2luZyB9IGZyb20gXCJAbmRsYS9jb3JlXCI7XG5pbXBvcnQgRmlsbUNvbnRlbnRDYXJkIGZyb20gXCIuL0ZpbG1Db250ZW50Q2FyZFwiO1xuaW1wb3J0IHsgc2V0QW5pbWF0aW9ucywgU3R5bGVkSGVhZGluZ0gxIH0gZnJvbSBcIi4vZmlsbVN0eWxlc1wiO1xuaW1wb3J0IHsgTW92aWVSZXNvdXJjZVR5cGUsIE1vdmllVHlwZSB9IGZyb20gXCIuL3R5cGVzXCI7XG5cbmludGVyZmFjZSBNb3ZpZUxpc3RpbmdQcm9wcyB7XG4gIG1hcmdpbkxlZnQ/OiBudW1iZXI7XG59XG5cbmNvbnN0IE1vdmllTGlzdGluZyA9IHN0eWxlZC5kaXY8TW92aWVMaXN0aW5nUHJvcHM+YFxuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LXdyYXA6IHdyYXA7XG4gIGdhcDogJHtzcGFjaW5nLm5vcm1hbH07XG4gIG1hcmdpbjogJHtzcGFjaW5nLnNtYWxsfSAwO1xuICBtYXJnaW4tbGVmdDogJHsocHJvcHMpID0+IHByb3BzLm1hcmdpbkxlZnQgJiYgYCR7cHJvcHMubWFyZ2luTGVmdH1weGB9O1xuICAke3NldEFuaW1hdGlvbnMoKX07XG4gIG1hcmdpbi1sZWZ0OiAke3NwYWNpbmcubm9ybWFsfTtcbiAgbWFyZ2luLXJpZ2h0OiAke3NwYWNpbmcubm9ybWFsfTtcbiAgJHttcS5yYW5nZSh7IGZyb206IGJyZWFrcG9pbnRzLmRlc2t0b3AgfSl9IHtcbiAgICBtYXJnaW4tbGVmdDogJHtzcGFjaW5nLnhsYXJnZX07XG4gICAgbWFyZ2luLXJpZ2h0OiAke3NwYWNpbmcueGxhcmdlfTtcbiAgfVxuICA+IGRpdiB7XG4gICAgb3BhY2l0eTogMDtcbiAgICBhbmltYXRpb24tZmlsbC1tb2RlOiBmb3J3YXJkcztcbiAgICBhbmltYXRpb24tbmFtZTogZmFkZUluO1xuICAgIGFuaW1hdGlvbi1kdXJhdGlvbjogMzAwbXM7XG4gIH1cbmA7XG5cbmludGVyZmFjZSBMb2FkaW5nUGxhY2Vob2xkZXJQcm9wcyB7XG4gIGhlaWdodD86IHN0cmluZztcbn1cblxuY29uc3QgTG9hZGluZ1BsYWNlaG9sZGVyID0gc3R5bGVkLmRpdjxMb2FkaW5nUGxhY2Vob2xkZXJQcm9wcz5gXG4gIGhlaWdodDogJHsocHJvcHMpID0+IHByb3BzLmhlaWdodH07XG5gO1xuXG5pbnRlcmZhY2UgUHJvcHMge1xuICByZXNvdXJjZVR5cGVOYW1lPzogTW92aWVSZXNvdXJjZVR5cGU7XG4gIGZldGNoaW5nTW92aWVzQnlUeXBlOiBib29sZWFuO1xuICBtb3ZpZXNCeVR5cGU6IE1vdmllVHlwZVtdO1xuICByZXNvdXJjZVR5cGVzOiBNb3ZpZVJlc291cmNlVHlwZVtdO1xuICBsb2FkaW5nUGxhY2Vob2xkZXJIZWlnaHQ/OiBzdHJpbmc7XG59XG5cbmNvbnN0IE1vdmllR3JpZCA9ICh7XG4gIHJlc291cmNlVHlwZU5hbWUsXG4gIGZldGNoaW5nTW92aWVzQnlUeXBlLFxuICBtb3ZpZXNCeVR5cGUsXG4gIHJlc291cmNlVHlwZXMsXG4gIGxvYWRpbmdQbGFjZWhvbGRlckhlaWdodCxcbn06IFByb3BzKSA9PiB7XG4gIGNvbnN0IHsgdCB9ID0gdXNlVHJhbnNsYXRpb24oKTtcbiAgcmV0dXJuIChcbiAgICA8c2VjdGlvbj5cbiAgICAgIDxTdHlsZWRIZWFkaW5nSDE+XG4gICAgICAgIHtyZXNvdXJjZVR5cGVOYW1lICYmIHJlc291cmNlVHlwZU5hbWUubmFtZX1cbiAgICAgICAgPHNtYWxsPlxuICAgICAgICAgIHtmZXRjaGluZ01vdmllc0J5VHlwZVxuICAgICAgICAgICAgPyB0KFwibmRsYUZpbG0ubG9hZGluZ01vdmllc1wiKVxuICAgICAgICAgICAgOiBgJHttb3ZpZXNCeVR5cGUubGVuZ3RofSAke3QoXCJuZGxhRmlsbS5tb3ZpZU1hdGNoSW5DYXRlZ29yeVwiKX1gfVxuICAgICAgICA8L3NtYWxsPlxuICAgICAgPC9TdHlsZWRIZWFkaW5nSDE+XG4gICAgICA8TW92aWVMaXN0aW5nPlxuICAgICAgICB7ZmV0Y2hpbmdNb3ZpZXNCeVR5cGUgJiYgPExvYWRpbmdQbGFjZWhvbGRlciBoZWlnaHQ9e2xvYWRpbmdQbGFjZWhvbGRlckhlaWdodH0gLz59XG4gICAgICAgIHshZmV0Y2hpbmdNb3ZpZXNCeVR5cGUgJiZcbiAgICAgICAgICBtb3ZpZXNCeVR5cGUubWFwKChtb3ZpZSwgaW5kZXgpID0+IChcbiAgICAgICAgICAgIDxGaWxtQ29udGVudENhcmQga2V5PXtpbmRleH0gaGlkZVRhZ3MgbW92aWU9e21vdmllfSByZXNvdXJjZVR5cGVzPXtyZXNvdXJjZVR5cGVzfSBsYXp5IHR5cGU9XCJsaXN0XCIgLz5cbiAgICAgICAgICApKX1cbiAgICAgIDwvTW92aWVMaXN0aW5nPlxuICAgIDwvc2VjdGlvbj5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IE1vdmllR3JpZDtcbiJdfQ== */"));
 const LoadingPlaceholder = /*#__PURE__*/_styled("div", {
@@ -37,7 +36,7 @@ const MovieGrid = _ref => {
   return _jsxs("section", {
     children: [_jsxs(StyledHeadingH1, {
       children: [resourceTypeName && resourceTypeName.name, _jsx("small", {
-        children: fetchingMoviesByType ? t("ndlaFilm.loadingMovies") : `${moviesByType.length} ${t("ndlaFilm.movieMatchInCategory")}`
+        children: fetchingMoviesByType ? t("ndlaFilm.loadingMovies") : "".concat(moviesByType.length, " ").concat(t("ndlaFilm.movieMatchInCategory"))
       })]
     }), _jsxs(MovieListing, {
       children: [fetchingMoviesByType && _jsx(LoadingPlaceholder, {

package/es/NDLAFilm/VisualElement.js

@@ -34,7 +34,7 @@ const VisualElement = _ref => {
   if (type === "image") {
     return _jsx(Image, {
       src: url,
-      alt: alt ?? ""
+      alt: alt !== null && alt !== void 0 ? alt : ""
     });
   } else if (type === "brightcove") {
     return _jsx(StylediFrame, {

package/es/NDLAFilm/filmStyles.js

@@ -12,8 +12,8 @@ import { fonts, spacing, colors, mq, breakpoints } from "@ndla/core";
 export const setAnimations = () => {
   const styles = {};
   for (let i = 1; i < 20; i++) {
-    styles[`> div:nth-child(${i + 1})`] = {
-      "animation-delay": `${i * 50}ms`
+    styles["> div:nth-child(".concat(i + 1, ")")] = {
+      "animation-delay": "".concat(i * 50, "ms")
     };
   }
   return styles;

package/es/Navigation/NavigationBox.js

@@ -17,8 +17,7 @@ import { SafeLinkButton } from "@ndla/safelink";
 import { Switch } from "@ndla/switch";
 import { Heading } from "@ndla/typography";
 import { uuid } from "@ndla/util";
-import { jsx as _jsx } from "@emotion/react/jsx-runtime";
-import { jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
 const StyledWrapper = /*#__PURE__*/_styled("nav", {
   target: "euu5u1511",
   label: "StyledWrapper"
@@ -143,42 +142,45 @@ export const NavigationBox = _ref => {
     }), _jsx(StyledList, {
       "data-testid": "nav-box-list",
       "data-direction": listDirection,
-      children: items?.map(item => _jsx(StyledListItem, {
-        "data-direction": listDirection,
-        "data-testid": "nav-box-item",
-        children: _jsx(StyledListElementWrapper, {
-          "data-additional": item.isAdditionalResource,
-          "data-color-mode": colorMode,
-          "data-selected": item.selected,
-          children: _jsx(ListElementType, {
-            to: item.url ?? "",
-            colorTheme: item.selected ? "darker" : colorMode,
-            size: "medium",
-            shape: "sharp",
-            css: listElementStyle,
-            onClick: e => {
-              if (onClick) {
-                onClick(e, item.id);
-              }
-            },
-            children: _jsxs(StyledButtonContent, {
-              children: [_jsxs(StyledButtonContentText, {
-                "data-additional": item.isAdditionalResource,
-                "data-restricted": item.isRestrictedResource,
-                "data-color-mode": colorMode,
-                children: [_jsxs(StyledMarksWrapper, {
-                  children: [item.isAdditionalResource && _jsx(StyledAdditional, {
-                    "aria-label": t("resource.additionalTooltip"),
-                    "aria-hidden": false
-                  }), item.isRestrictedResource && _jsx(StyledHumanBoardIconWrapper, {
-                    children: _jsx(HumanMaleBoard, {})
-                  })]
-                }), item.label]
-              }), item.selected && _jsx(StyledButtonContentSelected, {})]
+      children: items === null || items === void 0 ? void 0 : items.map(item => {
+        var _item$url;
+        return _jsx(StyledListItem, {
+          "data-direction": listDirection,
+          "data-testid": "nav-box-item",
+          children: _jsx(StyledListElementWrapper, {
+            "data-additional": item.isAdditionalResource,
+            "data-color-mode": colorMode,
+            "data-selected": item.selected,
+            children: _jsx(ListElementType, {
+              to: (_item$url = item.url) !== null && _item$url !== void 0 ? _item$url : "",
+              colorTheme: item.selected ? "darker" : colorMode,
+              size: "medium",
+              shape: "sharp",
+              css: listElementStyle,
+              onClick: e => {
+                if (onClick) {
+                  onClick(e, item.id);
+                }
+              },
+              children: _jsxs(StyledButtonContent, {
+                children: [_jsxs(StyledButtonContentText, {
+                  "data-additional": item.isAdditionalResource,
+                  "data-restricted": item.isRestrictedResource,
+                  "data-color-mode": colorMode,
+                  children: [_jsxs(StyledMarksWrapper, {
+                    children: [item.isAdditionalResource && _jsx(StyledAdditional, {
+                      "aria-label": t("resource.additionalTooltip"),
+                      "aria-hidden": false
+                    }), item.isRestrictedResource && _jsx(StyledHumanBoardIconWrapper, {
+                      children: _jsx(HumanMaleBoard, {})
+                    })]
+                  }), item.label]
+                }), item.selected && _jsx(StyledButtonContentSelected, {})]
+              })
             })
           })
-        })
-      }, item.label))
+        }, item.label);
+      })
     })]
   });
 };

package/es/NoContentBox/NoContentBox.js

@@ -7,8 +7,7 @@
  */
 
 import { ButtonV2 } from "@ndla/button";
-import { jsx as _jsx } from "@emotion/react/jsx-runtime";
-import { jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
 export const NoContentBox = _ref => {
   let {
     buttonText,

package/es/Notion/Notion.js

@@ -10,25 +10,21 @@ function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringif
 import { Fragment } from "react";
 import { useTranslation } from "react-i18next";
 import { breakpoints, fonts, mq, spacing } from "@ndla/core";
-import { jsx as _jsx } from "@emotion/react/jsx-runtime";
-import { Fragment as _Fragment } from "@emotion/react/jsx-runtime";
-import { jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
 const ContentWrapper = /*#__PURE__*/_styled("div", {
   target: "eztjhst3",
   label: "ContentWrapper"
 })(mq.range({
   until: breakpoints.tabletWide
-}), "{display:flex;flex-direction:column-reverse;}.c-figure{margin:0;&.expanded{width:100%!important;padding:0;margin-bottom:", spacing.normal, ";}", mq.range({
-  until: breakpoints.tabletWide
-}), "{width:100%!important;padding:0;}}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIk5vdGlvbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBWWlDIiwiZmlsZSI6Ik5vdGlvbi50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAyMS1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5pbXBvcnQgeyBGcmFnbWVudCwgUmVhY3ROb2RlIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgeyB1c2VUcmFuc2xhdGlvbiB9IGZyb20gXCJyZWFjdC1pMThuZXh0XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IGJyZWFrcG9pbnRzLCBmb250cywgbXEsIHNwYWNpbmcgfSBmcm9tIFwiQG5kbGEvY29yZVwiO1xuXG5jb25zdCBDb250ZW50V3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gICR7bXEucmFuZ2UoeyB1bnRpbDogYnJlYWtwb2ludHMudGFibGV0V2lkZSB9KX0ge1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbi1yZXZlcnNlO1xuICB9XG4gIC5jLWZpZ3VyZSB7XG4gICAgbWFyZ2luOiAwO1xuICAgICYuZXhwYW5kZWQge1xuICAgICAgd2lkdGg6IDEwMCUgIWltcG9ydGFudDtcbiAgICAgIHBhZGRpbmc6IDA7XG4gICAgICBtYXJnaW4tYm90dG9tOiAke3NwYWNpbmcubm9ybWFsfTtcbiAgICB9XG4gICAgJHttcS5yYW5nZSh7IHVudGlsOiBicmVha3BvaW50cy50YWJsZXRXaWRlIH0pfSB7XG4gICAgICB3aWR0aDogMTAwJSAhaW1wb3J0YW50O1xuICAgICAgcGFkZGluZzogMDtcbiAgICB9XG4gIH1cbmA7XG5jb25zdCBUZXh0V3JhcHBlciA9IHN0eWxlZC5kaXY8eyBoYXNWaXN1YWxFbGVtZW50OiBib29sZWFuIH0+YFxuICB3aWR0aDogJHsocHJvcHMpID0+IChwcm9wcy5oYXNWaXN1YWxFbGVtZW50ID8gXCI3NSVcIiA6IFwiMTAwJVwiKX07XG5cbiAgJHttcS5yYW5nZSh7IHVudGlsOiBicmVha3BvaW50cy50YWJsZXRXaWRlIH0pfSB7XG4gICAgd2lkdGg6IDEwMCU7XG4gIH1cbiAgZm9udC1mYW1pbHk6ICR7Zm9udHMuc2Fuc307XG4gICR7Zm9udHMuc2l6ZXMoXCIxOHB4XCIsIFwiMjhweFwiKX07XG4gICR7Q29udGVudFdyYXBwZXJ9IC5jLWZpZ3VyZS5leHBhbmRlZCArICYge1xuICAgIHdpZHRoOiAxMDAlO1xuICB9XG4gICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy5kZXNrdG9wIH0pfSB7XG4gICAgdWwsXG4gICAgb2wge1xuICAgICAgbWFyZ2luOiAxMnB4IDA7XG4gICAgICBwYWRkaW5nOiAwIDFyZW0gMCAycmVtO1xuICAgIH1cbiAgICBvbCA+IGxpIHtcbiAgICAgIG1hcmdpbi1sZWZ0OiAyNHB4O1xuICAgIH1cbiAgfVxuYDtcblxuY29uc3QgQ2xlYXJXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgY2xlYXI6IGJvdGg7XG5gO1xuXG5jb25zdCBMYWJlbHNDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAke2ZvbnRzLnNpemVzKFwiMTRweFwiLCBcIjI0cHhcIil9O1xuICBmb250LWZhbWlseTogJHtmb250cy5zYW5zfTtcbiAgbWFyZ2luOiAke3NwYWNpbmcuc21hbGx9IDA7XG5gO1xuXG5leHBvcnQgdHlwZSBOb3Rpb25Qcm9wcyA9IHtcbiAgaWQ6IHN0cmluZyB8IG51bWJlcjtcbiAgbGFiZWxzPzogc3RyaW5nW107XG4gIHRleHQ6IFJlYWN0Tm9kZTtcbiAgdGl0bGU6IHN0cmluZztcbiAgdmlzdWFsRWxlbWVudDogUmVhY3ROb2RlO1xuICBpbWFnZUVsZW1lbnQ/OiBSZWFjdE5vZGU7XG4gIGNoaWxkcmVuPzogUmVhY3ROb2RlO1xuICBsYW5nPzogc3RyaW5nO1xufTtcblxuY29uc3QgTm90aW9uID0gKHsgaWQsIGxhYmVscyA9IFtdLCB0ZXh0LCB0aXRsZSwgdmlzdWFsRWxlbWVudCwgaW1hZ2VFbGVtZW50LCBjaGlsZHJlbiwgbGFuZyB9OiBOb3Rpb25Qcm9wcykgPT4ge1xuICBjb25zdCB7IHQgfSA9IHVzZVRyYW5zbGF0aW9uKCk7XG5cbiAgcmV0dXJuIChcbiAgICA8ZGl2PlxuICAgICAgPENvbnRlbnRXcmFwcGVyPlxuICAgICAgICB7aW1hZ2VFbGVtZW50fVxuICAgICAgICB7dmlzdWFsRWxlbWVudH1cbiAgICAgICAgPFRleHRXcmFwcGVyIGhhc1Zpc3VhbEVsZW1lbnQ9eyEhKGltYWdlRWxlbWVudCB8fCB2aXN1YWxFbGVtZW50KX0gbGFuZz17bGFuZ30+XG4gICAgICAgICAgPGI+e3RpdGxlLnRyaW0oKX08L2I+XG4gICAgICAgICAge3RleHR9XG4gICAgICAgICAgeyEhbGFiZWxzLmxlbmd0aCAmJiAoXG4gICAgICAgICAgICA8TGFiZWxzQ29udGFpbmVyPlxuICAgICAgICAgICAgICB7dChcInNlYXJjaFBhZ2UucmVzdWx0VHlwZS5ub3Rpb25MYWJlbHNcIil9XG4gICAgICAgICAgICAgIHtsYWJlbHMubWFwKChsYWJlbCwgaSkgPT4gKFxuICAgICAgICAgICAgICAgIDxGcmFnbWVudCBrZXk9e2Bub3Rpb24tJHtpZH0tbGFiZWwtJHtpICsgMX1gfT5cbiAgICAgICAgICAgICAgICAgIHtcIiBcIn1cbiAgICAgICAgICAgICAgICAgIHtsYWJlbH1cbiAgICAgICAgICAgICAgICAgIHtpIDwgbGFiZWxzPy5sZW5ndGggLSAxICYmIDw+ICYjODIyNjs8Lz59XG4gICAgICAgICAgICAgICAgPC9GcmFnbWVudD5cbiAgICAgICAgICAgICAgKSl9XG4gICAgICAgICAgICA8L0xhYmVsc0NvbnRhaW5lcj5cbiAgICAgICAgICApfVxuICAgICAgICA8L1RleHRXcmFwcGVyPlxuICAgICAgICA8Q2xlYXJXcmFwcGVyIC8+XG4gICAgICA8L0NvbnRlbnRXcmFwcGVyPlxuICAgICAge2NoaWxkcmVufVxuICAgIDwvZGl2PlxuICApO1xufTtcblxuZXhwb3J0IGRlZmF1bHQgTm90aW9uO1xuIl19 */"));
+}), "{display:flex;flex-direction:column-reverse;}figure{margin:0;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIk5vdGlvbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBWWlDIiwiZmlsZSI6Ik5vdGlvbi50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAyMS1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5pbXBvcnQgeyBGcmFnbWVudCwgUmVhY3ROb2RlIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgeyB1c2VUcmFuc2xhdGlvbiB9IGZyb20gXCJyZWFjdC1pMThuZXh0XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IGJyZWFrcG9pbnRzLCBmb250cywgbXEsIHNwYWNpbmcgfSBmcm9tIFwiQG5kbGEvY29yZVwiO1xuXG5jb25zdCBDb250ZW50V3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gICR7bXEucmFuZ2UoeyB1bnRpbDogYnJlYWtwb2ludHMudGFibGV0V2lkZSB9KX0ge1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbi1yZXZlcnNlO1xuICB9XG4gIGZpZ3VyZSB7XG4gICAgbWFyZ2luOiAwO1xuICB9XG5gO1xuY29uc3QgVGV4dFdyYXBwZXIgPSBzdHlsZWQuZGl2PHsgaGFzVmlzdWFsRWxlbWVudDogYm9vbGVhbiB9PmBcbiAgd2lkdGg6ICR7KHByb3BzKSA9PiAocHJvcHMuaGFzVmlzdWFsRWxlbWVudCA/IFwiNzUlXCIgOiBcIjEwMCVcIil9O1xuXG4gICR7bXEucmFuZ2UoeyB1bnRpbDogYnJlYWtwb2ludHMudGFibGV0V2lkZSB9KX0ge1xuICAgIHdpZHRoOiAxMDAlO1xuICB9XG4gIGZvbnQtZmFtaWx5OiAke2ZvbnRzLnNhbnN9O1xuICAke2ZvbnRzLnNpemVzKFwiMThweFwiLCBcIjI4cHhcIil9O1xuICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMuZGVza3RvcCB9KX0ge1xuICAgIHVsLFxuICAgIG9sIHtcbiAgICAgIG1hcmdpbjogMTJweCAwO1xuICAgICAgcGFkZGluZzogMCAxcmVtIDAgMnJlbTtcbiAgICB9XG4gICAgb2wgPiBsaSB7XG4gICAgICBtYXJnaW4tbGVmdDogMjRweDtcbiAgICB9XG4gIH1cbmA7XG5cbmNvbnN0IENsZWFyV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIGNsZWFyOiBib3RoO1xuYDtcblxuY29uc3QgTGFiZWxzQ29udGFpbmVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgJHtmb250cy5zaXplcyhcIjE0cHhcIiwgXCIyNHB4XCIpfTtcbiAgZm9udC1mYW1pbHk6ICR7Zm9udHMuc2Fuc307XG4gIG1hcmdpbjogJHtzcGFjaW5nLnNtYWxsfSAwO1xuYDtcblxuZXhwb3J0IHR5cGUgTm90aW9uUHJvcHMgPSB7XG4gIGlkOiBzdHJpbmcgfCBudW1iZXI7XG4gIGxhYmVscz86IHN0cmluZ1tdO1xuICB0ZXh0OiBSZWFjdE5vZGU7XG4gIHRpdGxlOiBzdHJpbmc7XG4gIHZpc3VhbEVsZW1lbnQ6IFJlYWN0Tm9kZTtcbiAgaW1hZ2VFbGVtZW50PzogUmVhY3ROb2RlO1xuICBjaGlsZHJlbj86IFJlYWN0Tm9kZTtcbiAgbGFuZz86IHN0cmluZztcbn07XG5cbmNvbnN0IE5vdGlvbiA9ICh7IGlkLCBsYWJlbHMgPSBbXSwgdGV4dCwgdGl0bGUsIHZpc3VhbEVsZW1lbnQsIGltYWdlRWxlbWVudCwgY2hpbGRyZW4sIGxhbmcgfTogTm90aW9uUHJvcHMpID0+IHtcbiAgY29uc3QgeyB0IH0gPSB1c2VUcmFuc2xhdGlvbigpO1xuXG4gIHJldHVybiAoXG4gICAgPGRpdj5cbiAgICAgIDxDb250ZW50V3JhcHBlcj5cbiAgICAgICAge2ltYWdlRWxlbWVudH1cbiAgICAgICAge3Zpc3VhbEVsZW1lbnR9XG4gICAgICAgIDxUZXh0V3JhcHBlciBoYXNWaXN1YWxFbGVtZW50PXshIShpbWFnZUVsZW1lbnQgfHwgdmlzdWFsRWxlbWVudCl9IGxhbmc9e2xhbmd9PlxuICAgICAgICAgIDxiPnt0aXRsZS50cmltKCl9PC9iPlxuICAgICAgICAgIHt0ZXh0fVxuICAgICAgICAgIHshIWxhYmVscy5sZW5ndGggJiYgKFxuICAgICAgICAgICAgPExhYmVsc0NvbnRhaW5lcj5cbiAgICAgICAgICAgICAge3QoXCJzZWFyY2hQYWdlLnJlc3VsdFR5cGUubm90aW9uTGFiZWxzXCIpfVxuICAgICAgICAgICAgICB7bGFiZWxzLm1hcCgobGFiZWwsIGkpID0+IChcbiAgICAgICAgICAgICAgICA8RnJhZ21lbnQga2V5PXtgbm90aW9uLSR7aWR9LWxhYmVsLSR7aSArIDF9YH0+XG4gICAgICAgICAgICAgICAgICB7XCIgXCJ9XG4gICAgICAgICAgICAgICAgICB7bGFiZWx9XG4gICAgICAgICAgICAgICAgICB7aSA8IGxhYmVscz8ubGVuZ3RoIC0gMSAmJiA8PiAmIzgyMjY7PC8+fVxuICAgICAgICAgICAgICAgIDwvRnJhZ21lbnQ+XG4gICAgICAgICAgICAgICkpfVxuICAgICAgICAgICAgPC9MYWJlbHNDb250YWluZXI+XG4gICAgICAgICAgKX1cbiAgICAgICAgPC9UZXh0V3JhcHBlcj5cbiAgICAgICAgPENsZWFyV3JhcHBlciAvPlxuICAgICAgPC9Db250ZW50V3JhcHBlcj5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L2Rpdj5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IE5vdGlvbjtcbiJdfQ== */"));
 const TextWrapper = /*#__PURE__*/_styled("div", {
   target: "eztjhst2",
   label: "TextWrapper"
 })("width:", props => props.hasVisualElement ? "75%" : "100%", ";", mq.range({
   until: breakpoints.tabletWide
-}), "{width:100%;}font-family:", fonts.sans, ";", fonts.sizes("18px", "28px"), ";", ContentWrapper, " .c-figure.expanded+&{width:100%;}", mq.range({
+}), "{width:100%;}font-family:", fonts.sans, ";", fonts.sizes("18px", "28px"), ";", mq.range({
   from: breakpoints.desktop
-}), "{ul,ol{margin:12px 0;padding:0 1rem 0 2rem;}ol>li{margin-left:24px;}}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIk5vdGlvbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBOEI2RCIsImZpbGUiOiJOb3Rpb24udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDb3B5cmlnaHQgKGMpIDIwMjEtcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLlxuICpcbiAqL1xuaW1wb3J0IHsgRnJhZ21lbnQsIFJlYWN0Tm9kZSB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHsgdXNlVHJhbnNsYXRpb24gfSBmcm9tIFwicmVhY3QtaTE4bmV4dFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBicmVha3BvaW50cywgZm9udHMsIG1xLCBzcGFjaW5nIH0gZnJvbSBcIkBuZGxhL2NvcmVcIjtcblxuY29uc3QgQ29udGVudFdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICAke21xLnJhbmdlKHsgdW50aWw6IGJyZWFrcG9pbnRzLnRhYmxldFdpZGUgfSl9IHtcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW4tcmV2ZXJzZTtcbiAgfVxuICAuYy1maWd1cmUge1xuICAgIG1hcmdpbjogMDtcbiAgICAmLmV4cGFuZGVkIHtcbiAgICAgIHdpZHRoOiAxMDAlICFpbXBvcnRhbnQ7XG4gICAgICBwYWRkaW5nOiAwO1xuICAgICAgbWFyZ2luLWJvdHRvbTogJHtzcGFjaW5nLm5vcm1hbH07XG4gICAgfVxuICAgICR7bXEucmFuZ2UoeyB1bnRpbDogYnJlYWtwb2ludHMudGFibGV0V2lkZSB9KX0ge1xuICAgICAgd2lkdGg6IDEwMCUgIWltcG9ydGFudDtcbiAgICAgIHBhZGRpbmc6IDA7XG4gICAgfVxuICB9XG5gO1xuY29uc3QgVGV4dFdyYXBwZXIgPSBzdHlsZWQuZGl2PHsgaGFzVmlzdWFsRWxlbWVudDogYm9vbGVhbiB9PmBcbiAgd2lkdGg6ICR7KHByb3BzKSA9PiAocHJvcHMuaGFzVmlzdWFsRWxlbWVudCA/IFwiNzUlXCIgOiBcIjEwMCVcIil9O1xuXG4gICR7bXEucmFuZ2UoeyB1bnRpbDogYnJlYWtwb2ludHMudGFibGV0V2lkZSB9KX0ge1xuICAgIHdpZHRoOiAxMDAlO1xuICB9XG4gIGZvbnQtZmFtaWx5OiAke2ZvbnRzLnNhbnN9O1xuICAke2ZvbnRzLnNpemVzKFwiMThweFwiLCBcIjI4cHhcIil9O1xuICAke0NvbnRlbnRXcmFwcGVyfSAuYy1maWd1cmUuZXhwYW5kZWQgKyAmIHtcbiAgICB3aWR0aDogMTAwJTtcbiAgfVxuICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMuZGVza3RvcCB9KX0ge1xuICAgIHVsLFxuICAgIG9sIHtcbiAgICAgIG1hcmdpbjogMTJweCAwO1xuICAgICAgcGFkZGluZzogMCAxcmVtIDAgMnJlbTtcbiAgICB9XG4gICAgb2wgPiBsaSB7XG4gICAgICBtYXJnaW4tbGVmdDogMjRweDtcbiAgICB9XG4gIH1cbmA7XG5cbmNvbnN0IENsZWFyV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIGNsZWFyOiBib3RoO1xuYDtcblxuY29uc3QgTGFiZWxzQ29udGFpbmVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgJHtmb250cy5zaXplcyhcIjE0cHhcIiwgXCIyNHB4XCIpfTtcbiAgZm9udC1mYW1pbHk6ICR7Zm9udHMuc2Fuc307XG4gIG1hcmdpbjogJHtzcGFjaW5nLnNtYWxsfSAwO1xuYDtcblxuZXhwb3J0IHR5cGUgTm90aW9uUHJvcHMgPSB7XG4gIGlkOiBzdHJpbmcgfCBudW1iZXI7XG4gIGxhYmVscz86IHN0cmluZ1tdO1xuICB0ZXh0OiBSZWFjdE5vZGU7XG4gIHRpdGxlOiBzdHJpbmc7XG4gIHZpc3VhbEVsZW1lbnQ6IFJlYWN0Tm9kZTtcbiAgaW1hZ2VFbGVtZW50PzogUmVhY3ROb2RlO1xuICBjaGlsZHJlbj86IFJlYWN0Tm9kZTtcbiAgbGFuZz86IHN0cmluZztcbn07XG5cbmNvbnN0IE5vdGlvbiA9ICh7IGlkLCBsYWJlbHMgPSBbXSwgdGV4dCwgdGl0bGUsIHZpc3VhbEVsZW1lbnQsIGltYWdlRWxlbWVudCwgY2hpbGRyZW4sIGxhbmcgfTogTm90aW9uUHJvcHMpID0+IHtcbiAgY29uc3QgeyB0IH0gPSB1c2VUcmFuc2xhdGlvbigpO1xuXG4gIHJldHVybiAoXG4gICAgPGRpdj5cbiAgICAgIDxDb250ZW50V3JhcHBlcj5cbiAgICAgICAge2ltYWdlRWxlbWVudH1cbiAgICAgICAge3Zpc3VhbEVsZW1lbnR9XG4gICAgICAgIDxUZXh0V3JhcHBlciBoYXNWaXN1YWxFbGVtZW50PXshIShpbWFnZUVsZW1lbnQgfHwgdmlzdWFsRWxlbWVudCl9IGxhbmc9e2xhbmd9PlxuICAgICAgICAgIDxiPnt0aXRsZS50cmltKCl9PC9iPlxuICAgICAgICAgIHt0ZXh0fVxuICAgICAgICAgIHshIWxhYmVscy5sZW5ndGggJiYgKFxuICAgICAgICAgICAgPExhYmVsc0NvbnRhaW5lcj5cbiAgICAgICAgICAgICAge3QoXCJzZWFyY2hQYWdlLnJlc3VsdFR5cGUubm90aW9uTGFiZWxzXCIpfVxuICAgICAgICAgICAgICB7bGFiZWxzLm1hcCgobGFiZWwsIGkpID0+IChcbiAgICAgICAgICAgICAgICA8RnJhZ21lbnQga2V5PXtgbm90aW9uLSR7aWR9LWxhYmVsLSR7aSArIDF9YH0+XG4gICAgICAgICAgICAgICAgICB7XCIgXCJ9XG4gICAgICAgICAgICAgICAgICB7bGFiZWx9XG4gICAgICAgICAgICAgICAgICB7aSA8IGxhYmVscz8ubGVuZ3RoIC0gMSAmJiA8PiAmIzgyMjY7PC8+fVxuICAgICAgICAgICAgICAgIDwvRnJhZ21lbnQ+XG4gICAgICAgICAgICAgICkpfVxuICAgICAgICAgICAgPC9MYWJlbHNDb250YWluZXI+XG4gICAgICAgICAgKX1cbiAgICAgICAgPC9UZXh0V3JhcHBlcj5cbiAgICAgICAgPENsZWFyV3JhcHBlciAvPlxuICAgICAgPC9Db250ZW50V3JhcHBlcj5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L2Rpdj5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IE5vdGlvbjtcbiJdfQ== */"));
+}), "{ul,ol{margin:12px 0;padding:0 1rem 0 2rem;}ol>li{margin-left:24px;}}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIk5vdGlvbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBcUI2RCIsImZpbGUiOiJOb3Rpb24udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDb3B5cmlnaHQgKGMpIDIwMjEtcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLlxuICpcbiAqL1xuaW1wb3J0IHsgRnJhZ21lbnQsIFJlYWN0Tm9kZSB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHsgdXNlVHJhbnNsYXRpb24gfSBmcm9tIFwicmVhY3QtaTE4bmV4dFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBicmVha3BvaW50cywgZm9udHMsIG1xLCBzcGFjaW5nIH0gZnJvbSBcIkBuZGxhL2NvcmVcIjtcblxuY29uc3QgQ29udGVudFdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICAke21xLnJhbmdlKHsgdW50aWw6IGJyZWFrcG9pbnRzLnRhYmxldFdpZGUgfSl9IHtcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW4tcmV2ZXJzZTtcbiAgfVxuICBmaWd1cmUge1xuICAgIG1hcmdpbjogMDtcbiAgfVxuYDtcbmNvbnN0IFRleHRXcmFwcGVyID0gc3R5bGVkLmRpdjx7IGhhc1Zpc3VhbEVsZW1lbnQ6IGJvb2xlYW4gfT5gXG4gIHdpZHRoOiAkeyhwcm9wcykgPT4gKHByb3BzLmhhc1Zpc3VhbEVsZW1lbnQgPyBcIjc1JVwiIDogXCIxMDAlXCIpfTtcblxuICAke21xLnJhbmdlKHsgdW50aWw6IGJyZWFrcG9pbnRzLnRhYmxldFdpZGUgfSl9IHtcbiAgICB3aWR0aDogMTAwJTtcbiAgfVxuICBmb250LWZhbWlseTogJHtmb250cy5zYW5zfTtcbiAgJHtmb250cy5zaXplcyhcIjE4cHhcIiwgXCIyOHB4XCIpfTtcbiAgJHttcS5yYW5nZSh7IGZyb206IGJyZWFrcG9pbnRzLmRlc2t0b3AgfSl9IHtcbiAgICB1bCxcbiAgICBvbCB7XG4gICAgICBtYXJnaW46IDEycHggMDtcbiAgICAgIHBhZGRpbmc6IDAgMXJlbSAwIDJyZW07XG4gICAgfVxuICAgIG9sID4gbGkge1xuICAgICAgbWFyZ2luLWxlZnQ6IDI0cHg7XG4gICAgfVxuICB9XG5gO1xuXG5jb25zdCBDbGVhcldyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBjbGVhcjogYm90aDtcbmA7XG5cbmNvbnN0IExhYmVsc0NvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICR7Zm9udHMuc2l6ZXMoXCIxNHB4XCIsIFwiMjRweFwiKX07XG4gIGZvbnQtZmFtaWx5OiAke2ZvbnRzLnNhbnN9O1xuICBtYXJnaW46ICR7c3BhY2luZy5zbWFsbH0gMDtcbmA7XG5cbmV4cG9ydCB0eXBlIE5vdGlvblByb3BzID0ge1xuICBpZDogc3RyaW5nIHwgbnVtYmVyO1xuICBsYWJlbHM/OiBzdHJpbmdbXTtcbiAgdGV4dDogUmVhY3ROb2RlO1xuICB0aXRsZTogc3RyaW5nO1xuICB2aXN1YWxFbGVtZW50OiBSZWFjdE5vZGU7XG4gIGltYWdlRWxlbWVudD86IFJlYWN0Tm9kZTtcbiAgY2hpbGRyZW4/OiBSZWFjdE5vZGU7XG4gIGxhbmc/OiBzdHJpbmc7XG59O1xuXG5jb25zdCBOb3Rpb24gPSAoeyBpZCwgbGFiZWxzID0gW10sIHRleHQsIHRpdGxlLCB2aXN1YWxFbGVtZW50LCBpbWFnZUVsZW1lbnQsIGNoaWxkcmVuLCBsYW5nIH06IE5vdGlvblByb3BzKSA9PiB7XG4gIGNvbnN0IHsgdCB9ID0gdXNlVHJhbnNsYXRpb24oKTtcblxuICByZXR1cm4gKFxuICAgIDxkaXY+XG4gICAgICA8Q29udGVudFdyYXBwZXI+XG4gICAgICAgIHtpbWFnZUVsZW1lbnR9XG4gICAgICAgIHt2aXN1YWxFbGVtZW50fVxuICAgICAgICA8VGV4dFdyYXBwZXIgaGFzVmlzdWFsRWxlbWVudD17ISEoaW1hZ2VFbGVtZW50IHx8IHZpc3VhbEVsZW1lbnQpfSBsYW5nPXtsYW5nfT5cbiAgICAgICAgICA8Yj57dGl0bGUudHJpbSgpfTwvYj5cbiAgICAgICAgICB7dGV4dH1cbiAgICAgICAgICB7ISFsYWJlbHMubGVuZ3RoICYmIChcbiAgICAgICAgICAgIDxMYWJlbHNDb250YWluZXI+XG4gICAgICAgICAgICAgIHt0KFwic2VhcmNoUGFnZS5yZXN1bHRUeXBlLm5vdGlvbkxhYmVsc1wiKX1cbiAgICAgICAgICAgICAge2xhYmVscy5tYXAoKGxhYmVsLCBpKSA9PiAoXG4gICAgICAgICAgICAgICAgPEZyYWdtZW50IGtleT17YG5vdGlvbi0ke2lkfS1sYWJlbC0ke2kgKyAxfWB9PlxuICAgICAgICAgICAgICAgICAge1wiIFwifVxuICAgICAgICAgICAgICAgICAge2xhYmVsfVxuICAgICAgICAgICAgICAgICAge2kgPCBsYWJlbHM/Lmxlbmd0aCAtIDEgJiYgPD4gJiM4MjI2OzwvPn1cbiAgICAgICAgICAgICAgICA8L0ZyYWdtZW50PlxuICAgICAgICAgICAgICApKX1cbiAgICAgICAgICAgIDwvTGFiZWxzQ29udGFpbmVyPlxuICAgICAgICAgICl9XG4gICAgICAgIDwvVGV4dFdyYXBwZXI+XG4gICAgICAgIDxDbGVhcldyYXBwZXIgLz5cbiAgICAgIDwvQ29udGVudFdyYXBwZXI+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgPC9kaXY+XG4gICk7XG59O1xuXG5leHBvcnQgZGVmYXVsdCBOb3Rpb247XG4iXX0= */"));
 const ClearWrapper = /*#__PURE__*/_styled("div", {
   target: "eztjhst1",
   label: "ClearWrapper"
@@ -38,13 +34,13 @@ const ClearWrapper = /*#__PURE__*/_styled("div", {
 } : {
   name: "sffzb7",
   styles: "clear:both",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIk5vdGlvbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBcUQrQiIsImZpbGUiOiJOb3Rpb24udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDb3B5cmlnaHQgKGMpIDIwMjEtcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLlxuICpcbiAqL1xuaW1wb3J0IHsgRnJhZ21lbnQsIFJlYWN0Tm9kZSB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHsgdXNlVHJhbnNsYXRpb24gfSBmcm9tIFwicmVhY3QtaTE4bmV4dFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBicmVha3BvaW50cywgZm9udHMsIG1xLCBzcGFjaW5nIH0gZnJvbSBcIkBuZGxhL2NvcmVcIjtcblxuY29uc3QgQ29udGVudFdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICAke21xLnJhbmdlKHsgdW50aWw6IGJyZWFrcG9pbnRzLnRhYmxldFdpZGUgfSl9IHtcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW4tcmV2ZXJzZTtcbiAgfVxuICAuYy1maWd1cmUge1xuICAgIG1hcmdpbjogMDtcbiAgICAmLmV4cGFuZGVkIHtcbiAgICAgIHdpZHRoOiAxMDAlICFpbXBvcnRhbnQ7XG4gICAgICBwYWRkaW5nOiAwO1xuICAgICAgbWFyZ2luLWJvdHRvbTogJHtzcGFjaW5nLm5vcm1hbH07XG4gICAgfVxuICAgICR7bXEucmFuZ2UoeyB1bnRpbDogYnJlYWtwb2ludHMudGFibGV0V2lkZSB9KX0ge1xuICAgICAgd2lkdGg6IDEwMCUgIWltcG9ydGFudDtcbiAgICAgIHBhZGRpbmc6IDA7XG4gICAgfVxuICB9XG5gO1xuY29uc3QgVGV4dFdyYXBwZXIgPSBzdHlsZWQuZGl2PHsgaGFzVmlzdWFsRWxlbWVudDogYm9vbGVhbiB9PmBcbiAgd2lkdGg6ICR7KHByb3BzKSA9PiAocHJvcHMuaGFzVmlzdWFsRWxlbWVudCA/IFwiNzUlXCIgOiBcIjEwMCVcIil9O1xuXG4gICR7bXEucmFuZ2UoeyB1bnRpbDogYnJlYWtwb2ludHMudGFibGV0V2lkZSB9KX0ge1xuICAgIHdpZHRoOiAxMDAlO1xuICB9XG4gIGZvbnQtZmFtaWx5OiAke2ZvbnRzLnNhbnN9O1xuICAke2ZvbnRzLnNpemVzKFwiMThweFwiLCBcIjI4cHhcIil9O1xuICAke0NvbnRlbnRXcmFwcGVyfSAuYy1maWd1cmUuZXhwYW5kZWQgKyAmIHtcbiAgICB3aWR0aDogMTAwJTtcbiAgfVxuICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMuZGVza3RvcCB9KX0ge1xuICAgIHVsLFxuICAgIG9sIHtcbiAgICAgIG1hcmdpbjogMTJweCAwO1xuICAgICAgcGFkZGluZzogMCAxcmVtIDAgMnJlbTtcbiAgICB9XG4gICAgb2wgPiBsaSB7XG4gICAgICBtYXJnaW4tbGVmdDogMjRweDtcbiAgICB9XG4gIH1cbmA7XG5cbmNvbnN0IENsZWFyV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIGNsZWFyOiBib3RoO1xuYDtcblxuY29uc3QgTGFiZWxzQ29udGFpbmVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgJHtmb250cy5zaXplcyhcIjE0cHhcIiwgXCIyNHB4XCIpfTtcbiAgZm9udC1mYW1pbHk6ICR7Zm9udHMuc2Fuc307XG4gIG1hcmdpbjogJHtzcGFjaW5nLnNtYWxsfSAwO1xuYDtcblxuZXhwb3J0IHR5cGUgTm90aW9uUHJvcHMgPSB7XG4gIGlkOiBzdHJpbmcgfCBudW1iZXI7XG4gIGxhYmVscz86IHN0cmluZ1tdO1xuICB0ZXh0OiBSZWFjdE5vZGU7XG4gIHRpdGxlOiBzdHJpbmc7XG4gIHZpc3VhbEVsZW1lbnQ6IFJlYWN0Tm9kZTtcbiAgaW1hZ2VFbGVtZW50PzogUmVhY3ROb2RlO1xuICBjaGlsZHJlbj86IFJlYWN0Tm9kZTtcbiAgbGFuZz86IHN0cmluZztcbn07XG5cbmNvbnN0IE5vdGlvbiA9ICh7IGlkLCBsYWJlbHMgPSBbXSwgdGV4dCwgdGl0bGUsIHZpc3VhbEVsZW1lbnQsIGltYWdlRWxlbWVudCwgY2hpbGRyZW4sIGxhbmcgfTogTm90aW9uUHJvcHMpID0+IHtcbiAgY29uc3QgeyB0IH0gPSB1c2VUcmFuc2xhdGlvbigpO1xuXG4gIHJldHVybiAoXG4gICAgPGRpdj5cbiAgICAgIDxDb250ZW50V3JhcHBlcj5cbiAgICAgICAge2ltYWdlRWxlbWVudH1cbiAgICAgICAge3Zpc3VhbEVsZW1lbnR9XG4gICAgICAgIDxUZXh0V3JhcHBlciBoYXNWaXN1YWxFbGVtZW50PXshIShpbWFnZUVsZW1lbnQgfHwgdmlzdWFsRWxlbWVudCl9IGxhbmc9e2xhbmd9PlxuICAgICAgICAgIDxiPnt0aXRsZS50cmltKCl9PC9iPlxuICAgICAgICAgIHt0ZXh0fVxuICAgICAgICAgIHshIWxhYmVscy5sZW5ndGggJiYgKFxuICAgICAgICAgICAgPExhYmVsc0NvbnRhaW5lcj5cbiAgICAgICAgICAgICAge3QoXCJzZWFyY2hQYWdlLnJlc3VsdFR5cGUubm90aW9uTGFiZWxzXCIpfVxuICAgICAgICAgICAgICB7bGFiZWxzLm1hcCgobGFiZWwsIGkpID0+IChcbiAgICAgICAgICAgICAgICA8RnJhZ21lbnQga2V5PXtgbm90aW9uLSR7aWR9LWxhYmVsLSR7aSArIDF9YH0+XG4gICAgICAgICAgICAgICAgICB7XCIgXCJ9XG4gICAgICAgICAgICAgICAgICB7bGFiZWx9XG4gICAgICAgICAgICAgICAgICB7aSA8IGxhYmVscz8ubGVuZ3RoIC0gMSAmJiA8PiAmIzgyMjY7PC8+fVxuICAgICAgICAgICAgICAgIDwvRnJhZ21lbnQ+XG4gICAgICAgICAgICAgICkpfVxuICAgICAgICAgICAgPC9MYWJlbHNDb250YWluZXI+XG4gICAgICAgICAgKX1cbiAgICAgICAgPC9UZXh0V3JhcHBlcj5cbiAgICAgICAgPENsZWFyV3JhcHBlciAvPlxuICAgICAgPC9Db250ZW50V3JhcHBlcj5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L2Rpdj5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IE5vdGlvbjtcbiJdfQ== */",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIk5vdGlvbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBeUMrQiIsImZpbGUiOiJOb3Rpb24udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDb3B5cmlnaHQgKGMpIDIwMjEtcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLlxuICpcbiAqL1xuaW1wb3J0IHsgRnJhZ21lbnQsIFJlYWN0Tm9kZSB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHsgdXNlVHJhbnNsYXRpb24gfSBmcm9tIFwicmVhY3QtaTE4bmV4dFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBicmVha3BvaW50cywgZm9udHMsIG1xLCBzcGFjaW5nIH0gZnJvbSBcIkBuZGxhL2NvcmVcIjtcblxuY29uc3QgQ29udGVudFdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICAke21xLnJhbmdlKHsgdW50aWw6IGJyZWFrcG9pbnRzLnRhYmxldFdpZGUgfSl9IHtcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW4tcmV2ZXJzZTtcbiAgfVxuICBmaWd1cmUge1xuICAgIG1hcmdpbjogMDtcbiAgfVxuYDtcbmNvbnN0IFRleHRXcmFwcGVyID0gc3R5bGVkLmRpdjx7IGhhc1Zpc3VhbEVsZW1lbnQ6IGJvb2xlYW4gfT5gXG4gIHdpZHRoOiAkeyhwcm9wcykgPT4gKHByb3BzLmhhc1Zpc3VhbEVsZW1lbnQgPyBcIjc1JVwiIDogXCIxMDAlXCIpfTtcblxuICAke21xLnJhbmdlKHsgdW50aWw6IGJyZWFrcG9pbnRzLnRhYmxldFdpZGUgfSl9IHtcbiAgICB3aWR0aDogMTAwJTtcbiAgfVxuICBmb250LWZhbWlseTogJHtmb250cy5zYW5zfTtcbiAgJHtmb250cy5zaXplcyhcIjE4cHhcIiwgXCIyOHB4XCIpfTtcbiAgJHttcS5yYW5nZSh7IGZyb206IGJyZWFrcG9pbnRzLmRlc2t0b3AgfSl9IHtcbiAgICB1bCxcbiAgICBvbCB7XG4gICAgICBtYXJnaW46IDEycHggMDtcbiAgICAgIHBhZGRpbmc6IDAgMXJlbSAwIDJyZW07XG4gICAgfVxuICAgIG9sID4gbGkge1xuICAgICAgbWFyZ2luLWxlZnQ6IDI0cHg7XG4gICAgfVxuICB9XG5gO1xuXG5jb25zdCBDbGVhcldyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBjbGVhcjogYm90aDtcbmA7XG5cbmNvbnN0IExhYmVsc0NvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICR7Zm9udHMuc2l6ZXMoXCIxNHB4XCIsIFwiMjRweFwiKX07XG4gIGZvbnQtZmFtaWx5OiAke2ZvbnRzLnNhbnN9O1xuICBtYXJnaW46ICR7c3BhY2luZy5zbWFsbH0gMDtcbmA7XG5cbmV4cG9ydCB0eXBlIE5vdGlvblByb3BzID0ge1xuICBpZDogc3RyaW5nIHwgbnVtYmVyO1xuICBsYWJlbHM/OiBzdHJpbmdbXTtcbiAgdGV4dDogUmVhY3ROb2RlO1xuICB0aXRsZTogc3RyaW5nO1xuICB2aXN1YWxFbGVtZW50OiBSZWFjdE5vZGU7XG4gIGltYWdlRWxlbWVudD86IFJlYWN0Tm9kZTtcbiAgY2hpbGRyZW4/OiBSZWFjdE5vZGU7XG4gIGxhbmc/OiBzdHJpbmc7XG59O1xuXG5jb25zdCBOb3Rpb24gPSAoeyBpZCwgbGFiZWxzID0gW10sIHRleHQsIHRpdGxlLCB2aXN1YWxFbGVtZW50LCBpbWFnZUVsZW1lbnQsIGNoaWxkcmVuLCBsYW5nIH06IE5vdGlvblByb3BzKSA9PiB7XG4gIGNvbnN0IHsgdCB9ID0gdXNlVHJhbnNsYXRpb24oKTtcblxuICByZXR1cm4gKFxuICAgIDxkaXY+XG4gICAgICA8Q29udGVudFdyYXBwZXI+XG4gICAgICAgIHtpbWFnZUVsZW1lbnR9XG4gICAgICAgIHt2aXN1YWxFbGVtZW50fVxuICAgICAgICA8VGV4dFdyYXBwZXIgaGFzVmlzdWFsRWxlbWVudD17ISEoaW1hZ2VFbGVtZW50IHx8IHZpc3VhbEVsZW1lbnQpfSBsYW5nPXtsYW5nfT5cbiAgICAgICAgICA8Yj57dGl0bGUudHJpbSgpfTwvYj5cbiAgICAgICAgICB7dGV4dH1cbiAgICAgICAgICB7ISFsYWJlbHMubGVuZ3RoICYmIChcbiAgICAgICAgICAgIDxMYWJlbHNDb250YWluZXI+XG4gICAgICAgICAgICAgIHt0KFwic2VhcmNoUGFnZS5yZXN1bHRUeXBlLm5vdGlvbkxhYmVsc1wiKX1cbiAgICAgICAgICAgICAge2xhYmVscy5tYXAoKGxhYmVsLCBpKSA9PiAoXG4gICAgICAgICAgICAgICAgPEZyYWdtZW50IGtleT17YG5vdGlvbi0ke2lkfS1sYWJlbC0ke2kgKyAxfWB9PlxuICAgICAgICAgICAgICAgICAge1wiIFwifVxuICAgICAgICAgICAgICAgICAge2xhYmVsfVxuICAgICAgICAgICAgICAgICAge2kgPCBsYWJlbHM/Lmxlbmd0aCAtIDEgJiYgPD4gJiM4MjI2OzwvPn1cbiAgICAgICAgICAgICAgICA8L0ZyYWdtZW50PlxuICAgICAgICAgICAgICApKX1cbiAgICAgICAgICAgIDwvTGFiZWxzQ29udGFpbmVyPlxuICAgICAgICAgICl9XG4gICAgICAgIDwvVGV4dFdyYXBwZXI+XG4gICAgICAgIDxDbGVhcldyYXBwZXIgLz5cbiAgICAgIDwvQ29udGVudFdyYXBwZXI+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgPC9kaXY+XG4gICk7XG59O1xuXG5leHBvcnQgZGVmYXVsdCBOb3Rpb247XG4iXX0= */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
 const LabelsContainer = /*#__PURE__*/_styled("div", {
   target: "eztjhst0",
   label: "LabelsContainer"
-})("display:flex;align-items:center;", fonts.sizes("14px", "24px"), ";font-family:", fonts.sans, ";margin:", spacing.small, " 0;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIk5vdGlvbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBeURrQyIsImZpbGUiOiJOb3Rpb24udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDb3B5cmlnaHQgKGMpIDIwMjEtcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLlxuICpcbiAqL1xuaW1wb3J0IHsgRnJhZ21lbnQsIFJlYWN0Tm9kZSB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHsgdXNlVHJhbnNsYXRpb24gfSBmcm9tIFwicmVhY3QtaTE4bmV4dFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBicmVha3BvaW50cywgZm9udHMsIG1xLCBzcGFjaW5nIH0gZnJvbSBcIkBuZGxhL2NvcmVcIjtcblxuY29uc3QgQ29udGVudFdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICAke21xLnJhbmdlKHsgdW50aWw6IGJyZWFrcG9pbnRzLnRhYmxldFdpZGUgfSl9IHtcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW4tcmV2ZXJzZTtcbiAgfVxuICAuYy1maWd1cmUge1xuICAgIG1hcmdpbjogMDtcbiAgICAmLmV4cGFuZGVkIHtcbiAgICAgIHdpZHRoOiAxMDAlICFpbXBvcnRhbnQ7XG4gICAgICBwYWRkaW5nOiAwO1xuICAgICAgbWFyZ2luLWJvdHRvbTogJHtzcGFjaW5nLm5vcm1hbH07XG4gICAgfVxuICAgICR7bXEucmFuZ2UoeyB1bnRpbDogYnJlYWtwb2ludHMudGFibGV0V2lkZSB9KX0ge1xuICAgICAgd2lkdGg6IDEwMCUgIWltcG9ydGFudDtcbiAgICAgIHBhZGRpbmc6IDA7XG4gICAgfVxuICB9XG5gO1xuY29uc3QgVGV4dFdyYXBwZXIgPSBzdHlsZWQuZGl2PHsgaGFzVmlzdWFsRWxlbWVudDogYm9vbGVhbiB9PmBcbiAgd2lkdGg6ICR7KHByb3BzKSA9PiAocHJvcHMuaGFzVmlzdWFsRWxlbWVudCA/IFwiNzUlXCIgOiBcIjEwMCVcIil9O1xuXG4gICR7bXEucmFuZ2UoeyB1bnRpbDogYnJlYWtwb2ludHMudGFibGV0V2lkZSB9KX0ge1xuICAgIHdpZHRoOiAxMDAlO1xuICB9XG4gIGZvbnQtZmFtaWx5OiAke2ZvbnRzLnNhbnN9O1xuICAke2ZvbnRzLnNpemVzKFwiMThweFwiLCBcIjI4cHhcIil9O1xuICAke0NvbnRlbnRXcmFwcGVyfSAuYy1maWd1cmUuZXhwYW5kZWQgKyAmIHtcbiAgICB3aWR0aDogMTAwJTtcbiAgfVxuICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMuZGVza3RvcCB9KX0ge1xuICAgIHVsLFxuICAgIG9sIHtcbiAgICAgIG1hcmdpbjogMTJweCAwO1xuICAgICAgcGFkZGluZzogMCAxcmVtIDAgMnJlbTtcbiAgICB9XG4gICAgb2wgPiBsaSB7XG4gICAgICBtYXJnaW4tbGVmdDogMjRweDtcbiAgICB9XG4gIH1cbmA7XG5cbmNvbnN0IENsZWFyV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIGNsZWFyOiBib3RoO1xuYDtcblxuY29uc3QgTGFiZWxzQ29udGFpbmVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgJHtmb250cy5zaXplcyhcIjE0cHhcIiwgXCIyNHB4XCIpfTtcbiAgZm9udC1mYW1pbHk6ICR7Zm9udHMuc2Fuc307XG4gIG1hcmdpbjogJHtzcGFjaW5nLnNtYWxsfSAwO1xuYDtcblxuZXhwb3J0IHR5cGUgTm90aW9uUHJvcHMgPSB7XG4gIGlkOiBzdHJpbmcgfCBudW1iZXI7XG4gIGxhYmVscz86IHN0cmluZ1tdO1xuICB0ZXh0OiBSZWFjdE5vZGU7XG4gIHRpdGxlOiBzdHJpbmc7XG4gIHZpc3VhbEVsZW1lbnQ6IFJlYWN0Tm9kZTtcbiAgaW1hZ2VFbGVtZW50PzogUmVhY3ROb2RlO1xuICBjaGlsZHJlbj86IFJlYWN0Tm9kZTtcbiAgbGFuZz86IHN0cmluZztcbn07XG5cbmNvbnN0IE5vdGlvbiA9ICh7IGlkLCBsYWJlbHMgPSBbXSwgdGV4dCwgdGl0bGUsIHZpc3VhbEVsZW1lbnQsIGltYWdlRWxlbWVudCwgY2hpbGRyZW4sIGxhbmcgfTogTm90aW9uUHJvcHMpID0+IHtcbiAgY29uc3QgeyB0IH0gPSB1c2VUcmFuc2xhdGlvbigpO1xuXG4gIHJldHVybiAoXG4gICAgPGRpdj5cbiAgICAgIDxDb250ZW50V3JhcHBlcj5cbiAgICAgICAge2ltYWdlRWxlbWVudH1cbiAgICAgICAge3Zpc3VhbEVsZW1lbnR9XG4gICAgICAgIDxUZXh0V3JhcHBlciBoYXNWaXN1YWxFbGVtZW50PXshIShpbWFnZUVsZW1lbnQgfHwgdmlzdWFsRWxlbWVudCl9IGxhbmc9e2xhbmd9PlxuICAgICAgICAgIDxiPnt0aXRsZS50cmltKCl9PC9iPlxuICAgICAgICAgIHt0ZXh0fVxuICAgICAgICAgIHshIWxhYmVscy5sZW5ndGggJiYgKFxuICAgICAgICAgICAgPExhYmVsc0NvbnRhaW5lcj5cbiAgICAgICAgICAgICAge3QoXCJzZWFyY2hQYWdlLnJlc3VsdFR5cGUubm90aW9uTGFiZWxzXCIpfVxuICAgICAgICAgICAgICB7bGFiZWxzLm1hcCgobGFiZWwsIGkpID0+IChcbiAgICAgICAgICAgICAgICA8RnJhZ21lbnQga2V5PXtgbm90aW9uLSR7aWR9LWxhYmVsLSR7aSArIDF9YH0+XG4gICAgICAgICAgICAgICAgICB7XCIgXCJ9XG4gICAgICAgICAgICAgICAgICB7bGFiZWx9XG4gICAgICAgICAgICAgICAgICB7aSA8IGxhYmVscz8ubGVuZ3RoIC0gMSAmJiA8PiAmIzgyMjY7PC8+fVxuICAgICAgICAgICAgICAgIDwvRnJhZ21lbnQ+XG4gICAgICAgICAgICAgICkpfVxuICAgICAgICAgICAgPC9MYWJlbHNDb250YWluZXI+XG4gICAgICAgICAgKX1cbiAgICAgICAgPC9UZXh0V3JhcHBlcj5cbiAgICAgICAgPENsZWFyV3JhcHBlciAvPlxuICAgICAgPC9Db250ZW50V3JhcHBlcj5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L2Rpdj5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IE5vdGlvbjtcbiJdfQ== */"));
+})("display:flex;align-items:center;", fonts.sizes("14px", "24px"), ";font-family:", fonts.sans, ";margin:", spacing.small, " 0;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIk5vdGlvbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBNkNrQyIsImZpbGUiOiJOb3Rpb24udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDb3B5cmlnaHQgKGMpIDIwMjEtcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLlxuICpcbiAqL1xuaW1wb3J0IHsgRnJhZ21lbnQsIFJlYWN0Tm9kZSB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHsgdXNlVHJhbnNsYXRpb24gfSBmcm9tIFwicmVhY3QtaTE4bmV4dFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBicmVha3BvaW50cywgZm9udHMsIG1xLCBzcGFjaW5nIH0gZnJvbSBcIkBuZGxhL2NvcmVcIjtcblxuY29uc3QgQ29udGVudFdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICAke21xLnJhbmdlKHsgdW50aWw6IGJyZWFrcG9pbnRzLnRhYmxldFdpZGUgfSl9IHtcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW4tcmV2ZXJzZTtcbiAgfVxuICBmaWd1cmUge1xuICAgIG1hcmdpbjogMDtcbiAgfVxuYDtcbmNvbnN0IFRleHRXcmFwcGVyID0gc3R5bGVkLmRpdjx7IGhhc1Zpc3VhbEVsZW1lbnQ6IGJvb2xlYW4gfT5gXG4gIHdpZHRoOiAkeyhwcm9wcykgPT4gKHByb3BzLmhhc1Zpc3VhbEVsZW1lbnQgPyBcIjc1JVwiIDogXCIxMDAlXCIpfTtcblxuICAke21xLnJhbmdlKHsgdW50aWw6IGJyZWFrcG9pbnRzLnRhYmxldFdpZGUgfSl9IHtcbiAgICB3aWR0aDogMTAwJTtcbiAgfVxuICBmb250LWZhbWlseTogJHtmb250cy5zYW5zfTtcbiAgJHtmb250cy5zaXplcyhcIjE4cHhcIiwgXCIyOHB4XCIpfTtcbiAgJHttcS5yYW5nZSh7IGZyb206IGJyZWFrcG9pbnRzLmRlc2t0b3AgfSl9IHtcbiAgICB1bCxcbiAgICBvbCB7XG4gICAgICBtYXJnaW46IDEycHggMDtcbiAgICAgIHBhZGRpbmc6IDAgMXJlbSAwIDJyZW07XG4gICAgfVxuICAgIG9sID4gbGkge1xuICAgICAgbWFyZ2luLWxlZnQ6IDI0cHg7XG4gICAgfVxuICB9XG5gO1xuXG5jb25zdCBDbGVhcldyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBjbGVhcjogYm90aDtcbmA7XG5cbmNvbnN0IExhYmVsc0NvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICR7Zm9udHMuc2l6ZXMoXCIxNHB4XCIsIFwiMjRweFwiKX07XG4gIGZvbnQtZmFtaWx5OiAke2ZvbnRzLnNhbnN9O1xuICBtYXJnaW46ICR7c3BhY2luZy5zbWFsbH0gMDtcbmA7XG5cbmV4cG9ydCB0eXBlIE5vdGlvblByb3BzID0ge1xuICBpZDogc3RyaW5nIHwgbnVtYmVyO1xuICBsYWJlbHM/OiBzdHJpbmdbXTtcbiAgdGV4dDogUmVhY3ROb2RlO1xuICB0aXRsZTogc3RyaW5nO1xuICB2aXN1YWxFbGVtZW50OiBSZWFjdE5vZGU7XG4gIGltYWdlRWxlbWVudD86IFJlYWN0Tm9kZTtcbiAgY2hpbGRyZW4/OiBSZWFjdE5vZGU7XG4gIGxhbmc/OiBzdHJpbmc7XG59O1xuXG5jb25zdCBOb3Rpb24gPSAoeyBpZCwgbGFiZWxzID0gW10sIHRleHQsIHRpdGxlLCB2aXN1YWxFbGVtZW50LCBpbWFnZUVsZW1lbnQsIGNoaWxkcmVuLCBsYW5nIH06IE5vdGlvblByb3BzKSA9PiB7XG4gIGNvbnN0IHsgdCB9ID0gdXNlVHJhbnNsYXRpb24oKTtcblxuICByZXR1cm4gKFxuICAgIDxkaXY+XG4gICAgICA8Q29udGVudFdyYXBwZXI+XG4gICAgICAgIHtpbWFnZUVsZW1lbnR9XG4gICAgICAgIHt2aXN1YWxFbGVtZW50fVxuICAgICAgICA8VGV4dFdyYXBwZXIgaGFzVmlzdWFsRWxlbWVudD17ISEoaW1hZ2VFbGVtZW50IHx8IHZpc3VhbEVsZW1lbnQpfSBsYW5nPXtsYW5nfT5cbiAgICAgICAgICA8Yj57dGl0bGUudHJpbSgpfTwvYj5cbiAgICAgICAgICB7dGV4dH1cbiAgICAgICAgICB7ISFsYWJlbHMubGVuZ3RoICYmIChcbiAgICAgICAgICAgIDxMYWJlbHNDb250YWluZXI+XG4gICAgICAgICAgICAgIHt0KFwic2VhcmNoUGFnZS5yZXN1bHRUeXBlLm5vdGlvbkxhYmVsc1wiKX1cbiAgICAgICAgICAgICAge2xhYmVscy5tYXAoKGxhYmVsLCBpKSA9PiAoXG4gICAgICAgICAgICAgICAgPEZyYWdtZW50IGtleT17YG5vdGlvbi0ke2lkfS1sYWJlbC0ke2kgKyAxfWB9PlxuICAgICAgICAgICAgICAgICAge1wiIFwifVxuICAgICAgICAgICAgICAgICAge2xhYmVsfVxuICAgICAgICAgICAgICAgICAge2kgPCBsYWJlbHM/Lmxlbmd0aCAtIDEgJiYgPD4gJiM4MjI2OzwvPn1cbiAgICAgICAgICAgICAgICA8L0ZyYWdtZW50PlxuICAgICAgICAgICAgICApKX1cbiAgICAgICAgICAgIDwvTGFiZWxzQ29udGFpbmVyPlxuICAgICAgICAgICl9XG4gICAgICAgIDwvVGV4dFdyYXBwZXI+XG4gICAgICAgIDxDbGVhcldyYXBwZXIgLz5cbiAgICAgIDwvQ29udGVudFdyYXBwZXI+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgPC9kaXY+XG4gICk7XG59O1xuXG5leHBvcnQgZGVmYXVsdCBOb3Rpb247XG4iXX0= */"));
 const Notion = _ref => {
   let {
     id,
@@ -68,10 +64,10 @@ const Notion = _ref => {
           children: title.trim()
         }), text, !!labels.length && _jsxs(LabelsContainer, {
           children: [t("searchPage.resultType.notionLabels"), labels.map((label, i) => _jsxs(Fragment, {
-            children: [" ", label, i < labels?.length - 1 && _jsx(_Fragment, {
+            children: [" ", label, i < (labels === null || labels === void 0 ? void 0 : labels.length) - 1 && _jsx(_Fragment, {
               children: " \u2022"
             })]
-          }, `notion-${id}-label-${i + 1}`))]
+          }, "notion-".concat(id, "-label-").concat(i + 1)))]
         })]
       }), _jsx(ClearWrapper, {})]
     }), children]

package/es/Notion/NotionImage.js

@@ -8,49 +8,78 @@ import _styled from "@emotion/styled/base";
  */
 
 import { useTranslation } from "react-i18next";
-import { animations, breakpoints, mq, spacing } from "@ndla/core";
-import { Figure, FigureOpenDialogButton } from "../Figure";
+import { animations, breakpoints, colors, mq, spacing } from "@ndla/core";
+import { ExpandTwoArrows, CursorClick } from "@ndla/icons/action";
+import { Play } from "@ndla/icons/common";
+import { Figure, figureActionIndicatorStyle } from "../Figure";
 import Image from "../Image";
-import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
 const StyledImageWrapper = /*#__PURE__*/_styled("div", {
-  target: "e1beccco1",
+  target: "e1beccco2",
   label: "StyledImageWrapper"
 })("overflow:hidden;width:260px;padding-top:", spacing.small, ";", mq.range({
   until: breakpoints.tabletWide
-}), "{margin:0 auto;}&:hover{img{transform:scale(1.1);opacity:1.1;transition-duration:0.5s;}}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIk5vdGlvbkltYWdlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFjcUMiLCJmaWxlIjoiTm90aW9uSW1hZ2UudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDb3B5cmlnaHQgKGMpIDIwMjItcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLlxuICpcbiAqL1xuXG5pbXBvcnQgeyB1c2VUcmFuc2xhdGlvbiB9IGZyb20gXCJyZWFjdC1pMThuZXh0XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IGFuaW1hdGlvbnMsIGJyZWFrcG9pbnRzLCBtcSwgc3BhY2luZyB9IGZyb20gXCJAbmRsYS9jb3JlXCI7XG5pbXBvcnQgeyBGaWd1cmUsIEZpZ3VyZU9wZW5EaWFsb2dCdXR0b24gfSBmcm9tIFwiLi4vRmlndXJlXCI7XG5pbXBvcnQgSW1hZ2UgZnJvbSBcIi4uL0ltYWdlXCI7XG5cbmNvbnN0IFN0eWxlZEltYWdlV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIG92ZXJmbG93OiBoaWRkZW47XG4gIHdpZHRoOiAyNjBweDtcbiAgcGFkZGluZy10b3A6ICR7c3BhY2luZy5zbWFsbH07XG4gICR7bXEucmFuZ2UoeyB1bnRpbDogYnJlYWtwb2ludHMudGFibGV0V2lkZSB9KX0ge1xuICAgIG1hcmdpbjogMCBhdXRvO1xuICB9XG4gICY6aG92ZXIge1xuICAgIGltZyB7XG4gICAgICB0cmFuc2Zvcm06IHNjYWxlKDEuMSk7XG4gICAgICBvcGFjaXR5OiAxLjE7XG4gICAgICB0cmFuc2l0aW9uLWR1cmF0aW9uOiAwLjVzO1xuICAgIH1cbiAgfVxuYDtcblxuY29uc3QgU3R5bGVkSW1hZ2UgPSBzdHlsZWQoSW1hZ2UpYFxuICBvYmplY3QtZml0OiBjb3ZlcjtcbiAgbWF4LWhlaWdodDogMTYycHg7XG4gIHRyYW5zaXRpb246IHRyYW5zZm9ybSAke2FuaW1hdGlvbnMuZHVyYXRpb25zLmZhc3R9O1xuICAke21xLnJhbmdlKHsgdW50aWw6IGJyZWFrcG9pbnRzLnRhYmxldFdpZGUgfSl9IHtcbiAgICBtaW4td2lkdGg6IDI2MHB4O1xuICB9XG5gO1xuXG5pbnRlcmZhY2UgUHJvcHMge1xuICB0eXBlOiBcImltYWdlXCIgfCBcInZpZGVvXCIgfCBcImg1cFwiIHwgXCJpZnJhbWVcIiB8IFwiZXh0ZXJuYWxcIiB8IFwiYXVkaW9cIiB8IHVuZGVmaW5lZDtcbiAgaWQ6IHN0cmluZztcbiAgc3JjOiBzdHJpbmc7XG4gIGFsdDogc3RyaW5nO1xufVxuZXhwb3J0IGNvbnN0IE5vdGlvbkltYWdlID0gKHsgaWQsIHNyYywgYWx0LCB0eXBlIH06IFByb3BzKSA9PiB7XG4gIGNvbnN0IHsgdCB9ID0gdXNlVHJhbnNsYXRpb24oKTtcblxuICBjb25zdCBpbWFnZUZpZ3VyZUlkID0gYGltYWdlLWZpZ3VyZS0ke2lkfWA7XG5cbiAgcmV0dXJuIChcbiAgICA8RmlndXJlIHJlc2l6ZUlmcmFtZSBpZD17aW1hZ2VGaWd1cmVJZH0gdHlwZT17XCJmdWxsLWNvbHVtblwifT5cbiAgICAgIDxTdHlsZWRJbWFnZVdyYXBwZXI+XG4gICAgICAgIDxTdHlsZWRJbWFnZVxuICAgICAgICAgIGFsdD17YWx0fVxuICAgICAgICAgIHNyYz17c3JjfVxuICAgICAgICAgIGV4cGFuZEJ1dHRvbj17XG4gICAgICAgICAgICA8RmlndXJlT3BlbkRpYWxvZ0J1dHRvblxuICAgICAgICAgICAgICB0eXBlPXt0eXBlfVxuICAgICAgICAgICAgICBtZXNzYWdlcz17e1xuICAgICAgICAgICAgICAgIHpvb21JbWFnZUJ1dHRvbkxhYmVsOiB0KFwibGljZW5zZS5pbWFnZXMuaXRlbUltYWdlLnpvb21JbWFnZUJ1dHRvbkxhYmVsXCIpLFxuICAgICAgICAgICAgICAgIHpvb21PdXRJbWFnZUJ1dHRvbkxhYmVsOiB0KFwibGljZW5zZS5pbWFnZS5pdGVtSW1hZ2Uuem9vbU91dEltYWdlQnV0dG9uTGFiZWxcIiksXG4gICAgICAgICAgICAgIH19XG4gICAgICAgICAgICAvPlxuICAgICAgICAgIH1cbiAgICAgICAgLz5cbiAgICAgIDwvU3R5bGVkSW1hZ2VXcmFwcGVyPlxuICAgIDwvRmlndXJlPlxuICApO1xufTtcbiJdfQ== */"));
+}), "{margin:0 auto;}&:hover{img{transform:scale(1.1);opacity:1.1;transition-duration:0.5s;}}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIk5vdGlvbkltYWdlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFnQnFDIiwiZmlsZSI6Ik5vdGlvbkltYWdlLnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogQ29weXJpZ2h0IChjKSAyMDIyLXByZXNlbnQsIE5ETEEuXG4gKlxuICogVGhpcyBzb3VyY2UgY29kZSBpcyBsaWNlbnNlZCB1bmRlciB0aGUgR1BMdjMgbGljZW5zZSBmb3VuZCBpbiB0aGVcbiAqIExJQ0VOU0UgZmlsZSBpbiB0aGUgcm9vdCBkaXJlY3Rvcnkgb2YgdGhpcyBzb3VyY2UgdHJlZS5cbiAqXG4gKi9cblxuaW1wb3J0IHsgdXNlVHJhbnNsYXRpb24gfSBmcm9tIFwicmVhY3QtaTE4bmV4dFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBhbmltYXRpb25zLCBicmVha3BvaW50cywgY29sb3JzLCBtcSwgc3BhY2luZyB9IGZyb20gXCJAbmRsYS9jb3JlXCI7XG5pbXBvcnQgeyBFeHBhbmRUd29BcnJvd3MsIEN1cnNvckNsaWNrIH0gZnJvbSBcIkBuZGxhL2ljb25zL2FjdGlvblwiO1xuaW1wb3J0IHsgUGxheSB9IGZyb20gXCJAbmRsYS9pY29ucy9jb21tb25cIjtcbmltcG9ydCB7IEZpZ3VyZSwgZmlndXJlQWN0aW9uSW5kaWNhdG9yU3R5bGUgfSBmcm9tIFwiLi4vRmlndXJlXCI7XG5pbXBvcnQgSW1hZ2UgZnJvbSBcIi4uL0ltYWdlXCI7XG5cbmNvbnN0IFN0eWxlZEltYWdlV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIG92ZXJmbG93OiBoaWRkZW47XG4gIHdpZHRoOiAyNjBweDtcbiAgcGFkZGluZy10b3A6ICR7c3BhY2luZy5zbWFsbH07XG4gICR7bXEucmFuZ2UoeyB1bnRpbDogYnJlYWtwb2ludHMudGFibGV0V2lkZSB9KX0ge1xuICAgIG1hcmdpbjogMCBhdXRvO1xuICB9XG4gICY6aG92ZXIge1xuICAgIGltZyB7XG4gICAgICB0cmFuc2Zvcm06IHNjYWxlKDEuMSk7XG4gICAgICBvcGFjaXR5OiAxLjE7XG4gICAgICB0cmFuc2l0aW9uLWR1cmF0aW9uOiAwLjVzO1xuICAgIH1cbiAgfVxuYDtcblxuY29uc3QgU3R5bGVkSW1hZ2UgPSBzdHlsZWQoSW1hZ2UpYFxuICBvYmplY3QtZml0OiBjb3ZlcjtcbiAgbWF4LWhlaWdodDogMTYycHg7XG4gIHRyYW5zaXRpb246IHRyYW5zZm9ybSAke2FuaW1hdGlvbnMuZHVyYXRpb25zLmZhc3R9O1xuICAke21xLnJhbmdlKHsgdW50aWw6IGJyZWFrcG9pbnRzLnRhYmxldFdpZGUgfSl9IHtcbiAgICBtaW4td2lkdGg6IDI2MHB4O1xuICB9XG5gO1xuXG5pbnRlcmZhY2UgUHJvcHMge1xuICB0eXBlOiBcImltYWdlXCIgfCBcInZpZGVvXCIgfCBcImg1cFwiIHwgXCJpZnJhbWVcIiB8IFwiZXh0ZXJuYWxcIiB8IFwiYXVkaW9cIiB8IHVuZGVmaW5lZDtcbiAgc3JjOiBzdHJpbmc7XG4gIGFsdDogc3RyaW5nO1xufVxuXG5jb25zdCBTdHlsZWRGaWd1cmUgPSBzdHlsZWQoRmlndXJlKWBcbiAgJjpob3ZlciB7XG4gICAgW2RhdGEtb3Blbi1idXR0b25dIHtcbiAgICAgIGJhY2tncm91bmQ6ICR7Y29sb3JzLndoaXRlfTtcbiAgICAgIHN2ZyB7XG4gICAgICAgIHRyYW5zZm9ybTogc2NhbGUoMS4yKTtcbiAgICAgIH1cbiAgICB9XG4gIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBOb3Rpb25JbWFnZSA9ICh7IHNyYywgYWx0LCB0eXBlIH06IFByb3BzKSA9PiB7XG4gIHJldHVybiAoXG4gICAgPFN0eWxlZEZpZ3VyZSB0eXBlPXtcImZ1bGwtY29sdW1uXCJ9PlxuICAgICAgPFN0eWxlZEltYWdlV3JhcHBlcj5cbiAgICAgICAgPFN0eWxlZEltYWdlIGFsdD17YWx0fSBzcmM9e3NyY30gZXhwYW5kQnV0dG9uPXs8T3BlbkJ1dHRvbiB0eXBlPXt0eXBlfSAvPn0gLz5cbiAgICAgIDwvU3R5bGVkSW1hZ2VXcmFwcGVyPlxuICAgIDwvU3R5bGVkRmlndXJlPlxuICApO1xufTtcblxuaW50ZXJmYWNlIE9wZW5CdXR0b25Qcm9wcyB7XG4gIHR5cGU/OiBcImltYWdlXCIgfCBcInZpZGVvXCIgfCBcImg1cFwiIHwgXCJpZnJhbWVcIiB8IFwiZXh0ZXJuYWxcIiB8IFwiYXVkaW9cIjtcbn1cblxuZXhwb3J0IGNvbnN0IE9wZW5CdXR0b24gPSAoeyB0eXBlIH06IE9wZW5CdXR0b25Qcm9wcykgPT4ge1xuICBjb25zdCB7IHQgfSA9IHVzZVRyYW5zbGF0aW9uKCk7XG4gIHJldHVybiAoXG4gICAgPGRpdlxuICAgICAgY3NzPXtmaWd1cmVBY3Rpb25JbmRpY2F0b3JTdHlsZX1cbiAgICAgIGRhdGEtb3Blbi1idXR0b249XCJcIlxuICAgICAgYXJpYS1sYWJlbD17dChcImxpY2Vuc2UuaW1hZ2VzLml0ZW1JbWFnZS56b29tSW1hZ2VCdXR0b25MYWJlbFwiKX1cbiAgICA+XG4gICAgICB7dHlwZSA9PT0gXCJpbWFnZVwiICYmIDxFeHBhbmRUd29BcnJvd3MgLz59XG4gICAgICB7dHlwZSA9PT0gXCJoNXBcIiAmJiA8Q3Vyc29yQ2xpY2sgc3R5bGU9e3sgd2lkdGg6IFwiMjRweFwiLCBoZWlnaHQ6IFwiMjRweFwiIH19IC8+fVxuICAgICAge3R5cGUgPT09IFwiaWZyYW1lXCIgJiYgPEN1cnNvckNsaWNrIHN0eWxlPXt7IHdpZHRoOiBcIjI0cHhcIiwgaGVpZ2h0OiBcIjI0cHhcIiB9fSAvPn1cbiAgICAgIHt0eXBlID09PSBcImV4dGVybmFsXCIgJiYgPEN1cnNvckNsaWNrIHN0eWxlPXt7IHdpZHRoOiBcIjI0cHhcIiwgaGVpZ2h0OiBcIjI0cHhcIiB9fSAvPn1cbiAgICAgIHt0eXBlID09PSBcInZpZGVvXCIgJiYgPFBsYXkgc3R5bGU9e3sgd2lkdGg6IFwiMjRweFwiLCBoZWlnaHQ6IFwiMjRweFwiIH19IC8+fVxuICAgIDwvZGl2PlxuICApO1xufTtcbiJdfQ== */"));
 const StyledImage = /*#__PURE__*/_styled(Image, {
-  target: "e1beccco0",
+  target: "e1beccco1",
   label: "StyledImage"
 })("object-fit:cover;max-height:162px;transition:transform ", animations.durations.fast, ";", mq.range({
   until: breakpoints.tabletWide
-}), "{min-width:260px;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIk5vdGlvbkltYWdlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE4QmlDIiwiZmlsZSI6Ik5vdGlvbkltYWdlLnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogQ29weXJpZ2h0IChjKSAyMDIyLXByZXNlbnQsIE5ETEEuXG4gKlxuICogVGhpcyBzb3VyY2UgY29kZSBpcyBsaWNlbnNlZCB1bmRlciB0aGUgR1BMdjMgbGljZW5zZSBmb3VuZCBpbiB0aGVcbiAqIExJQ0VOU0UgZmlsZSBpbiB0aGUgcm9vdCBkaXJlY3Rvcnkgb2YgdGhpcyBzb3VyY2UgdHJlZS5cbiAqXG4gKi9cblxuaW1wb3J0IHsgdXNlVHJhbnNsYXRpb24gfSBmcm9tIFwicmVhY3QtaTE4bmV4dFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBhbmltYXRpb25zLCBicmVha3BvaW50cywgbXEsIHNwYWNpbmcgfSBmcm9tIFwiQG5kbGEvY29yZVwiO1xuaW1wb3J0IHsgRmlndXJlLCBGaWd1cmVPcGVuRGlhbG9nQnV0dG9uIH0gZnJvbSBcIi4uL0ZpZ3VyZVwiO1xuaW1wb3J0IEltYWdlIGZyb20gXCIuLi9JbWFnZVwiO1xuXG5jb25zdCBTdHlsZWRJbWFnZVdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBvdmVyZmxvdzogaGlkZGVuO1xuICB3aWR0aDogMjYwcHg7XG4gIHBhZGRpbmctdG9wOiAke3NwYWNpbmcuc21hbGx9O1xuICAke21xLnJhbmdlKHsgdW50aWw6IGJyZWFrcG9pbnRzLnRhYmxldFdpZGUgfSl9IHtcbiAgICBtYXJnaW46IDAgYXV0bztcbiAgfVxuICAmOmhvdmVyIHtcbiAgICBpbWcge1xuICAgICAgdHJhbnNmb3JtOiBzY2FsZSgxLjEpO1xuICAgICAgb3BhY2l0eTogMS4xO1xuICAgICAgdHJhbnNpdGlvbi1kdXJhdGlvbjogMC41cztcbiAgICB9XG4gIH1cbmA7XG5cbmNvbnN0IFN0eWxlZEltYWdlID0gc3R5bGVkKEltYWdlKWBcbiAgb2JqZWN0LWZpdDogY292ZXI7XG4gIG1heC1oZWlnaHQ6IDE2MnB4O1xuICB0cmFuc2l0aW9uOiB0cmFuc2Zvcm0gJHthbmltYXRpb25zLmR1cmF0aW9ucy5mYXN0fTtcbiAgJHttcS5yYW5nZSh7IHVudGlsOiBicmVha3BvaW50cy50YWJsZXRXaWRlIH0pfSB7XG4gICAgbWluLXdpZHRoOiAyNjBweDtcbiAgfVxuYDtcblxuaW50ZXJmYWNlIFByb3BzIHtcbiAgdHlwZTogXCJpbWFnZVwiIHwgXCJ2aWRlb1wiIHwgXCJoNXBcIiB8IFwiaWZyYW1lXCIgfCBcImV4dGVybmFsXCIgfCBcImF1ZGlvXCIgfCB1bmRlZmluZWQ7XG4gIGlkOiBzdHJpbmc7XG4gIHNyYzogc3RyaW5nO1xuICBhbHQ6IHN0cmluZztcbn1cbmV4cG9ydCBjb25zdCBOb3Rpb25JbWFnZSA9ICh7IGlkLCBzcmMsIGFsdCwgdHlwZSB9OiBQcm9wcykgPT4ge1xuICBjb25zdCB7IHQgfSA9IHVzZVRyYW5zbGF0aW9uKCk7XG5cbiAgY29uc3QgaW1hZ2VGaWd1cmVJZCA9IGBpbWFnZS1maWd1cmUtJHtpZH1gO1xuXG4gIHJldHVybiAoXG4gICAgPEZpZ3VyZSByZXNpemVJZnJhbWUgaWQ9e2ltYWdlRmlndXJlSWR9IHR5cGU9e1wiZnVsbC1jb2x1bW5cIn0+XG4gICAgICA8U3R5bGVkSW1hZ2VXcmFwcGVyPlxuICAgICAgICA8U3R5bGVkSW1hZ2VcbiAgICAgICAgICBhbHQ9e2FsdH1cbiAgICAgICAgICBzcmM9e3NyY31cbiAgICAgICAgICBleHBhbmRCdXR0b249e1xuICAgICAgICAgICAgPEZpZ3VyZU9wZW5EaWFsb2dCdXR0b25cbiAgICAgICAgICAgICAgdHlwZT17dHlwZX1cbiAgICAgICAgICAgICAgbWVzc2FnZXM9e3tcbiAgICAgICAgICAgICAgICB6b29tSW1hZ2VCdXR0b25MYWJlbDogdChcImxpY2Vuc2UuaW1hZ2VzLml0ZW1JbWFnZS56b29tSW1hZ2VCdXR0b25MYWJlbFwiKSxcbiAgICAgICAgICAgICAgICB6b29tT3V0SW1hZ2VCdXR0b25MYWJlbDogdChcImxpY2Vuc2UuaW1hZ2UuaXRlbUltYWdlLnpvb21PdXRJbWFnZUJ1dHRvbkxhYmVsXCIpLFxuICAgICAgICAgICAgICB9fVxuICAgICAgICAgICAgLz5cbiAgICAgICAgICB9XG4gICAgICAgIC8+XG4gICAgICA8L1N0eWxlZEltYWdlV3JhcHBlcj5cbiAgICA8L0ZpZ3VyZT5cbiAgKTtcbn07XG4iXX0= */"));
+}), "{min-width:260px;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIk5vdGlvbkltYWdlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFnQ2lDIiwiZmlsZSI6Ik5vdGlvbkltYWdlLnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogQ29weXJpZ2h0IChjKSAyMDIyLXByZXNlbnQsIE5ETEEuXG4gKlxuICogVGhpcyBzb3VyY2UgY29kZSBpcyBsaWNlbnNlZCB1bmRlciB0aGUgR1BMdjMgbGljZW5zZSBmb3VuZCBpbiB0aGVcbiAqIExJQ0VOU0UgZmlsZSBpbiB0aGUgcm9vdCBkaXJlY3Rvcnkgb2YgdGhpcyBzb3VyY2UgdHJlZS5cbiAqXG4gKi9cblxuaW1wb3J0IHsgdXNlVHJhbnNsYXRpb24gfSBmcm9tIFwicmVhY3QtaTE4bmV4dFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBhbmltYXRpb25zLCBicmVha3BvaW50cywgY29sb3JzLCBtcSwgc3BhY2luZyB9IGZyb20gXCJAbmRsYS9jb3JlXCI7XG5pbXBvcnQgeyBFeHBhbmRUd29BcnJvd3MsIEN1cnNvckNsaWNrIH0gZnJvbSBcIkBuZGxhL2ljb25zL2FjdGlvblwiO1xuaW1wb3J0IHsgUGxheSB9IGZyb20gXCJAbmRsYS9pY29ucy9jb21tb25cIjtcbmltcG9ydCB7IEZpZ3VyZSwgZmlndXJlQWN0aW9uSW5kaWNhdG9yU3R5bGUgfSBmcm9tIFwiLi4vRmlndXJlXCI7XG5pbXBvcnQgSW1hZ2UgZnJvbSBcIi4uL0ltYWdlXCI7XG5cbmNvbnN0IFN0eWxlZEltYWdlV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIG92ZXJmbG93OiBoaWRkZW47XG4gIHdpZHRoOiAyNjBweDtcbiAgcGFkZGluZy10b3A6ICR7c3BhY2luZy5zbWFsbH07XG4gICR7bXEucmFuZ2UoeyB1bnRpbDogYnJlYWtwb2ludHMudGFibGV0V2lkZSB9KX0ge1xuICAgIG1hcmdpbjogMCBhdXRvO1xuICB9XG4gICY6aG92ZXIge1xuICAgIGltZyB7XG4gICAgICB0cmFuc2Zvcm06IHNjYWxlKDEuMSk7XG4gICAgICBvcGFjaXR5OiAxLjE7XG4gICAgICB0cmFuc2l0aW9uLWR1cmF0aW9uOiAwLjVzO1xuICAgIH1cbiAgfVxuYDtcblxuY29uc3QgU3R5bGVkSW1hZ2UgPSBzdHlsZWQoSW1hZ2UpYFxuICBvYmplY3QtZml0OiBjb3ZlcjtcbiAgbWF4LWhlaWdodDogMTYycHg7XG4gIHRyYW5zaXRpb246IHRyYW5zZm9ybSAke2FuaW1hdGlvbnMuZHVyYXRpb25zLmZhc3R9O1xuICAke21xLnJhbmdlKHsgdW50aWw6IGJyZWFrcG9pbnRzLnRhYmxldFdpZGUgfSl9IHtcbiAgICBtaW4td2lkdGg6IDI2MHB4O1xuICB9XG5gO1xuXG5pbnRlcmZhY2UgUHJvcHMge1xuICB0eXBlOiBcImltYWdlXCIgfCBcInZpZGVvXCIgfCBcImg1cFwiIHwgXCJpZnJhbWVcIiB8IFwiZXh0ZXJuYWxcIiB8IFwiYXVkaW9cIiB8IHVuZGVmaW5lZDtcbiAgc3JjOiBzdHJpbmc7XG4gIGFsdDogc3RyaW5nO1xufVxuXG5jb25zdCBTdHlsZWRGaWd1cmUgPSBzdHlsZWQoRmlndXJlKWBcbiAgJjpob3ZlciB7XG4gICAgW2RhdGEtb3Blbi1idXR0b25dIHtcbiAgICAgIGJhY2tncm91bmQ6ICR7Y29sb3JzLndoaXRlfTtcbiAgICAgIHN2ZyB7XG4gICAgICAgIHRyYW5zZm9ybTogc2NhbGUoMS4yKTtcbiAgICAgIH1cbiAgICB9XG4gIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBOb3Rpb25JbWFnZSA9ICh7IHNyYywgYWx0LCB0eXBlIH06IFByb3BzKSA9PiB7XG4gIHJldHVybiAoXG4gICAgPFN0eWxlZEZpZ3VyZSB0eXBlPXtcImZ1bGwtY29sdW1uXCJ9PlxuICAgICAgPFN0eWxlZEltYWdlV3JhcHBlcj5cbiAgICAgICAgPFN0eWxlZEltYWdlIGFsdD17YWx0fSBzcmM9e3NyY30gZXhwYW5kQnV0dG9uPXs8T3BlbkJ1dHRvbiB0eXBlPXt0eXBlfSAvPn0gLz5cbiAgICAgIDwvU3R5bGVkSW1hZ2VXcmFwcGVyPlxuICAgIDwvU3R5bGVkRmlndXJlPlxuICApO1xufTtcblxuaW50ZXJmYWNlIE9wZW5CdXR0b25Qcm9wcyB7XG4gIHR5cGU/OiBcImltYWdlXCIgfCBcInZpZGVvXCIgfCBcImg1cFwiIHwgXCJpZnJhbWVcIiB8IFwiZXh0ZXJuYWxcIiB8IFwiYXVkaW9cIjtcbn1cblxuZXhwb3J0IGNvbnN0IE9wZW5CdXR0b24gPSAoeyB0eXBlIH06IE9wZW5CdXR0b25Qcm9wcykgPT4ge1xuICBjb25zdCB7IHQgfSA9IHVzZVRyYW5zbGF0aW9uKCk7XG4gIHJldHVybiAoXG4gICAgPGRpdlxuICAgICAgY3NzPXtmaWd1cmVBY3Rpb25JbmRpY2F0b3JTdHlsZX1cbiAgICAgIGRhdGEtb3Blbi1idXR0b249XCJcIlxuICAgICAgYXJpYS1sYWJlbD17dChcImxpY2Vuc2UuaW1hZ2VzLml0ZW1JbWFnZS56b29tSW1hZ2VCdXR0b25MYWJlbFwiKX1cbiAgICA+XG4gICAgICB7dHlwZSA9PT0gXCJpbWFnZVwiICYmIDxFeHBhbmRUd29BcnJvd3MgLz59XG4gICAgICB7dHlwZSA9PT0gXCJoNXBcIiAmJiA8Q3Vyc29yQ2xpY2sgc3R5bGU9e3sgd2lkdGg6IFwiMjRweFwiLCBoZWlnaHQ6IFwiMjRweFwiIH19IC8+fVxuICAgICAge3R5cGUgPT09IFwiaWZyYW1lXCIgJiYgPEN1cnNvckNsaWNrIHN0eWxlPXt7IHdpZHRoOiBcIjI0cHhcIiwgaGVpZ2h0OiBcIjI0cHhcIiB9fSAvPn1cbiAgICAgIHt0eXBlID09PSBcImV4dGVybmFsXCIgJiYgPEN1cnNvckNsaWNrIHN0eWxlPXt7IHdpZHRoOiBcIjI0cHhcIiwgaGVpZ2h0OiBcIjI0cHhcIiB9fSAvPn1cbiAgICAgIHt0eXBlID09PSBcInZpZGVvXCIgJiYgPFBsYXkgc3R5bGU9e3sgd2lkdGg6IFwiMjRweFwiLCBoZWlnaHQ6IFwiMjRweFwiIH19IC8+fVxuICAgIDwvZGl2PlxuICApO1xufTtcbiJdfQ== */"));
+const StyledFigure = /*#__PURE__*/_styled(Figure, {
+  target: "e1beccco0",
+  label: "StyledFigure"
+})("&:hover{[data-open-button]{background:", colors.white, ";svg{transform:scale(1.2);}}}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIk5vdGlvbkltYWdlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUErQ21DIiwiZmlsZSI6Ik5vdGlvbkltYWdlLnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogQ29weXJpZ2h0IChjKSAyMDIyLXByZXNlbnQsIE5ETEEuXG4gKlxuICogVGhpcyBzb3VyY2UgY29kZSBpcyBsaWNlbnNlZCB1bmRlciB0aGUgR1BMdjMgbGljZW5zZSBmb3VuZCBpbiB0aGVcbiAqIExJQ0VOU0UgZmlsZSBpbiB0aGUgcm9vdCBkaXJlY3Rvcnkgb2YgdGhpcyBzb3VyY2UgdHJlZS5cbiAqXG4gKi9cblxuaW1wb3J0IHsgdXNlVHJhbnNsYXRpb24gfSBmcm9tIFwicmVhY3QtaTE4bmV4dFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBhbmltYXRpb25zLCBicmVha3BvaW50cywgY29sb3JzLCBtcSwgc3BhY2luZyB9IGZyb20gXCJAbmRsYS9jb3JlXCI7XG5pbXBvcnQgeyBFeHBhbmRUd29BcnJvd3MsIEN1cnNvckNsaWNrIH0gZnJvbSBcIkBuZGxhL2ljb25zL2FjdGlvblwiO1xuaW1wb3J0IHsgUGxheSB9IGZyb20gXCJAbmRsYS9pY29ucy9jb21tb25cIjtcbmltcG9ydCB7IEZpZ3VyZSwgZmlndXJlQWN0aW9uSW5kaWNhdG9yU3R5bGUgfSBmcm9tIFwiLi4vRmlndXJlXCI7XG5pbXBvcnQgSW1hZ2UgZnJvbSBcIi4uL0ltYWdlXCI7XG5cbmNvbnN0IFN0eWxlZEltYWdlV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIG92ZXJmbG93OiBoaWRkZW47XG4gIHdpZHRoOiAyNjBweDtcbiAgcGFkZGluZy10b3A6ICR7c3BhY2luZy5zbWFsbH07XG4gICR7bXEucmFuZ2UoeyB1bnRpbDogYnJlYWtwb2ludHMudGFibGV0V2lkZSB9KX0ge1xuICAgIG1hcmdpbjogMCBhdXRvO1xuICB9XG4gICY6aG92ZXIge1xuICAgIGltZyB7XG4gICAgICB0cmFuc2Zvcm06IHNjYWxlKDEuMSk7XG4gICAgICBvcGFjaXR5OiAxLjE7XG4gICAgICB0cmFuc2l0aW9uLWR1cmF0aW9uOiAwLjVzO1xuICAgIH1cbiAgfVxuYDtcblxuY29uc3QgU3R5bGVkSW1hZ2UgPSBzdHlsZWQoSW1hZ2UpYFxuICBvYmplY3QtZml0OiBjb3ZlcjtcbiAgbWF4LWhlaWdodDogMTYycHg7XG4gIHRyYW5zaXRpb246IHRyYW5zZm9ybSAke2FuaW1hdGlvbnMuZHVyYXRpb25zLmZhc3R9O1xuICAke21xLnJhbmdlKHsgdW50aWw6IGJyZWFrcG9pbnRzLnRhYmxldFdpZGUgfSl9IHtcbiAgICBtaW4td2lkdGg6IDI2MHB4O1xuICB9XG5gO1xuXG5pbnRlcmZhY2UgUHJvcHMge1xuICB0eXBlOiBcImltYWdlXCIgfCBcInZpZGVvXCIgfCBcImg1cFwiIHwgXCJpZnJhbWVcIiB8IFwiZXh0ZXJuYWxcIiB8IFwiYXVkaW9cIiB8IHVuZGVmaW5lZDtcbiAgc3JjOiBzdHJpbmc7XG4gIGFsdDogc3RyaW5nO1xufVxuXG5jb25zdCBTdHlsZWRGaWd1cmUgPSBzdHlsZWQoRmlndXJlKWBcbiAgJjpob3ZlciB7XG4gICAgW2RhdGEtb3Blbi1idXR0b25dIHtcbiAgICAgIGJhY2tncm91bmQ6ICR7Y29sb3JzLndoaXRlfTtcbiAgICAgIHN2ZyB7XG4gICAgICAgIHRyYW5zZm9ybTogc2NhbGUoMS4yKTtcbiAgICAgIH1cbiAgICB9XG4gIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBOb3Rpb25JbWFnZSA9ICh7IHNyYywgYWx0LCB0eXBlIH06IFByb3BzKSA9PiB7XG4gIHJldHVybiAoXG4gICAgPFN0eWxlZEZpZ3VyZSB0eXBlPXtcImZ1bGwtY29sdW1uXCJ9PlxuICAgICAgPFN0eWxlZEltYWdlV3JhcHBlcj5cbiAgICAgICAgPFN0eWxlZEltYWdlIGFsdD17YWx0fSBzcmM9e3NyY30gZXhwYW5kQnV0dG9uPXs8T3BlbkJ1dHRvbiB0eXBlPXt0eXBlfSAvPn0gLz5cbiAgICAgIDwvU3R5bGVkSW1hZ2VXcmFwcGVyPlxuICAgIDwvU3R5bGVkRmlndXJlPlxuICApO1xufTtcblxuaW50ZXJmYWNlIE9wZW5CdXR0b25Qcm9wcyB7XG4gIHR5cGU/OiBcImltYWdlXCIgfCBcInZpZGVvXCIgfCBcImg1cFwiIHwgXCJpZnJhbWVcIiB8IFwiZXh0ZXJuYWxcIiB8IFwiYXVkaW9cIjtcbn1cblxuZXhwb3J0IGNvbnN0IE9wZW5CdXR0b24gPSAoeyB0eXBlIH06IE9wZW5CdXR0b25Qcm9wcykgPT4ge1xuICBjb25zdCB7IHQgfSA9IHVzZVRyYW5zbGF0aW9uKCk7XG4gIHJldHVybiAoXG4gICAgPGRpdlxuICAgICAgY3NzPXtmaWd1cmVBY3Rpb25JbmRpY2F0b3JTdHlsZX1cbiAgICAgIGRhdGEtb3Blbi1idXR0b249XCJcIlxuICAgICAgYXJpYS1sYWJlbD17dChcImxpY2Vuc2UuaW1hZ2VzLml0ZW1JbWFnZS56b29tSW1hZ2VCdXR0b25MYWJlbFwiKX1cbiAgICA+XG4gICAgICB7dHlwZSA9PT0gXCJpbWFnZVwiICYmIDxFeHBhbmRUd29BcnJvd3MgLz59XG4gICAgICB7dHlwZSA9PT0gXCJoNXBcIiAmJiA8Q3Vyc29yQ2xpY2sgc3R5bGU9e3sgd2lkdGg6IFwiMjRweFwiLCBoZWlnaHQ6IFwiMjRweFwiIH19IC8+fVxuICAgICAge3R5cGUgPT09IFwiaWZyYW1lXCIgJiYgPEN1cnNvckNsaWNrIHN0eWxlPXt7IHdpZHRoOiBcIjI0cHhcIiwgaGVpZ2h0OiBcIjI0cHhcIiB9fSAvPn1cbiAgICAgIHt0eXBlID09PSBcImV4dGVybmFsXCIgJiYgPEN1cnNvckNsaWNrIHN0eWxlPXt7IHdpZHRoOiBcIjI0cHhcIiwgaGVpZ2h0OiBcIjI0cHhcIiB9fSAvPn1cbiAgICAgIHt0eXBlID09PSBcInZpZGVvXCIgJiYgPFBsYXkgc3R5bGU9e3sgd2lkdGg6IFwiMjRweFwiLCBoZWlnaHQ6IFwiMjRweFwiIH19IC8+fVxuICAgIDwvZGl2PlxuICApO1xufTtcbiJdfQ== */"));
 export const NotionImage = _ref => {
   let {
-    id,
     src,
     alt,
     type
   } = _ref;
-  const {
-    t
-  } = useTranslation();
-  const imageFigureId = `image-figure-${id}`;
-  return _jsx(Figure, {
-    resizeIframe: true,
-    id: imageFigureId,
+  return _jsx(StyledFigure, {
     type: "full-column",
     children: _jsx(StyledImageWrapper, {
       children: _jsx(StyledImage, {
         alt: alt,
         src: src,
-        expandButton: _jsx(FigureOpenDialogButton, {
-          type: type,
-          messages: {
-            zoomImageButtonLabel: t("license.images.itemImage.zoomImageButtonLabel"),
-            zoomOutImageButtonLabel: t("license.image.itemImage.zoomOutImageButtonLabel")
-          }
+        expandButton: _jsx(OpenButton, {
+          type: type
         })
       })
     })
   });
+};
+export const OpenButton = _ref2 => {
+  let {
+    type
+  } = _ref2;
+  const {
+    t
+  } = useTranslation();
+  return _jsxs("div", {
+    css: figureActionIndicatorStyle,
+    "data-open-button": "",
+    "aria-label": t("license.images.itemImage.zoomImageButtonLabel"),
+    children: [type === "image" && _jsx(ExpandTwoArrows, {}), type === "h5p" && _jsx(CursorClick, {
+      style: {
+        width: "24px",
+        height: "24px"
+      }
+    }), type === "iframe" && _jsx(CursorClick, {
+      style: {
+        width: "24px",
+        height: "24px"
+      }
+    }), type === "external" && _jsx(CursorClick, {
+      style: {
+        width: "24px",
+        height: "24px"
+      }
+    }), type === "video" && _jsx(Play, {
+      style: {
+        width: "24px",
+        height: "24px"
+      }
+    })]
+  });
 };

package/es/Programme/Programme.js

@@ -14,8 +14,7 @@ import { Heading } from "@ndla/typography";
 import ProgrammeSubjects from "./ProgrammeSubjects";
 import LayoutItem, { OneColumn } from "../Layout";
 import MessageBox from "../Messages/MessageBox";
-import { jsx as _jsx } from "@emotion/react/jsx-runtime";
-import { jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
 const StyledWrapper = /*#__PURE__*/_styled("div", {
   target: "e174yrrt4",
   label: "StyledWrapper"
@@ -31,28 +30,11 @@ const StyledWrapper = /*#__PURE__*/_styled("div", {
 const StyledBackground = /*#__PURE__*/_styled("div", {
   target: "e174yrrt3",
   label: "StyledBackground"
-})("height:160px;max-width:1105px;width:100%;margin:0 auto;", props => props.image && `
-    background-image: url(${props.image});
-    background-position: center;
-    background-repeat: no-repeat;
-    background-size: cover;
-    height: 400px;
-    
-    ${mq.range({
+})("height:160px;max-width:1105px;width:100%;margin:0 auto;", props => props.image && "\n    background-image: url(".concat(props.image, ");\n    background-position: center;\n    background-repeat: no-repeat;\n    background-size: cover;\n    height: 400px;\n    \n    ").concat(mq.range({
   until: breakpoints.tablet
-})} {
-      height: 160px;
-      margin: ${spacing.normal} ${spacing.normal} 0;
-      width: calc(100% - ${spacing.large});
-    }
-    ${mq.range({
+}), " {\n      height: 160px;\n      margin: ").concat(spacing.normal, " ").concat(spacing.normal, " 0;\n      width: calc(100% - ").concat(spacing.large, ");\n    }\n    ").concat(mq.range({
   until: breakpoints.mobileWide
-})} {
-      height: 128px;
-      margin: 20px 20px 0;
-      width: calc(100% - 40px);
-    }
-  `, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlByb2dyYW1tZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBdUIwRCIsImZpbGUiOiJQcm9ncmFtbWUudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDb3B5cmlnaHQgKGMpIDIwMjAtcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLlxuICpcbiAqL1xuXG5pbXBvcnQgeyB1c2VUcmFuc2xhdGlvbiB9IGZyb20gXCJyZWFjdC1pMThuZXh0XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IGJyZWFrcG9pbnRzLCBtcSwgc3BhY2luZyB9IGZyb20gXCJAbmRsYS9jb3JlXCI7XG5pbXBvcnQgeyBIZWFkaW5nIH0gZnJvbSBcIkBuZGxhL3R5cG9ncmFwaHlcIjtcbmltcG9ydCBQcm9ncmFtbWVTdWJqZWN0cywgeyBHcmFkZXNQcm9wcyB9IGZyb20gXCIuL1Byb2dyYW1tZVN1YmplY3RzXCI7XG5pbXBvcnQgTGF5b3V0SXRlbSwgeyBPbmVDb2x1bW4gfSBmcm9tIFwiLi4vTGF5b3V0XCI7XG5pbXBvcnQgTWVzc2FnZUJveCBmcm9tIFwiLi4vTWVzc2FnZXMvTWVzc2FnZUJveFwiO1xuY29uc3QgU3R5bGVkV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG5gO1xuXG50eXBlIFN0eWxlZEJhY2tncm91bmRQcm9wcyA9IHtcbiAgaW1hZ2U/OiBzdHJpbmc7XG59O1xuY29uc3QgU3R5bGVkQmFja2dyb3VuZCA9IHN0eWxlZC5kaXY8U3R5bGVkQmFja2dyb3VuZFByb3BzPmBcbiAgaGVpZ2h0OiAxNjBweDtcbiAgbWF4LXdpZHRoOiAxMTA1cHg7XG4gIHdpZHRoOiAxMDAlO1xuICBtYXJnaW46IDAgYXV0bztcbiAgJHsocHJvcHM6IFN0eWxlZEJhY2tncm91bmRQcm9wcykgPT5cbiAgICBwcm9wcy5pbWFnZSAmJlxuICAgIGBcbiAgICBiYWNrZ3JvdW5kLWltYWdlOiB1cmwoJHtwcm9wcy5pbWFnZX0pO1xuICAgIGJhY2tncm91bmQtcG9zaXRpb246IGNlbnRlcjtcbiAgICBiYWNrZ3JvdW5kLXJlcGVhdDogbm8tcmVwZWF0O1xuICAgIGJhY2tncm91bmQtc2l6ZTogY292ZXI7XG4gICAgaGVpZ2h0OiA0MDBweDtcbiAgICBcbiAgICAke21xLnJhbmdlKHsgdW50aWw6IGJyZWFrcG9pbnRzLnRhYmxldCB9KX0ge1xuICAgICAgaGVpZ2h0OiAxNjBweDtcbiAgICAgIG1hcmdpbjogJHtzcGFjaW5nLm5vcm1hbH0gJHtzcGFjaW5nLm5vcm1hbH0gMDtcbiAgICAgIHdpZHRoOiBjYWxjKDEwMCUgLSAke3NwYWNpbmcubGFyZ2V9KTtcbiAgICB9XG4gICAgJHttcS5yYW5nZSh7IHVudGlsOiBicmVha3BvaW50cy5tb2JpbGVXaWRlIH0pfSB7XG4gICAgICBoZWlnaHQ6IDEyOHB4O1xuICAgICAgbWFyZ2luOiAyMHB4IDIwcHggMDtcbiAgICAgIHdpZHRoOiBjYWxjKDEwMCUgLSA0MHB4KTtcbiAgICB9XG4gIGB9XG5gO1xuXG5jb25zdCBTdHlsZWRMYXlvdXRXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgYmFja2dyb3VuZDogI2ZmZjtcbiAgbWFyZ2luLXRvcDogLTE3MHB4O1xuICAke21xLnJhbmdlKHsgdW50aWw6IGJyZWFrcG9pbnRzLnRhYmxldCB9KX0ge1xuICAgIG1hcmdpbi10b3A6IDA7XG4gIH1cbmA7XG5cbmNvbnN0IFN0eWxlZENvbnRlbnRXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgcGFkZGluZy10b3A6IDFweDtcbmA7XG5cbmNvbnN0IFN1YmplY3RzV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIG1hcmdpbi10b3A6IDI4cHg7XG4gICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy50YWJsZXQgfSl9IHtcbiAgICBtYXJnaW4tdG9wOiA0MHB4O1xuICB9XG5gO1xuXG50eXBlIFByb3BzID0gR3JhZGVzUHJvcHMgJiB7XG4gIGhlYWRpbmc/OiBzdHJpbmc7XG4gIGltYWdlPzogc3RyaW5nO1xuICBtZXNzYWdlQm94VGV4dD86IHN0cmluZztcbiAgaGVhZGluZ0lkPzogc3RyaW5nO1xufTtcblxuZXhwb3J0IGNvbnN0IFByb2dyYW1tZSA9ICh7IGhlYWRpbmcsIGltYWdlLCBncmFkZXMsIHNlbGVjdGVkR3JhZGUsIG1lc3NhZ2VCb3hUZXh0LCBoZWFkaW5nSWQgfTogUHJvcHMpID0+IHtcbiAgY29uc3QgeyB0IH0gPSB1c2VUcmFuc2xhdGlvbigpO1xuICByZXR1cm4gKFxuICAgIDxTdHlsZWRXcmFwcGVyPlxuICAgICAgPFN0eWxlZEJhY2tncm91bmQgaW1hZ2U9e2ltYWdlfSAvPlxuICAgICAgPE9uZUNvbHVtbj5cbiAgICAgICAgPFN0eWxlZExheW91dFdyYXBwZXI+XG4gICAgICAgICAgPExheW91dEl0ZW0gbGF5b3V0PVwiZXh0ZW5kXCI+XG4gICAgICAgICAgICA8U3R5bGVkQ29udGVudFdyYXBwZXI+XG4gICAgICAgICAgICAgIDxIZWFkaW5nIGVsZW1lbnQ9XCJoMVwiIG1hcmdpbj1cInhsYXJnZVwiIGhlYWRpbmdTdHlsZT1cImgxXCIgc2VyaWYgaWQ9e2hlYWRpbmdJZH0gdGFiSW5kZXg9ey0xfT5cbiAgICAgICAgICAgICAgICB7aGVhZGluZ31cbiAgICAgICAgICAgICAgPC9IZWFkaW5nPlxuICAgICAgICAgICAgICB7bWVzc2FnZUJveFRleHQgJiYgPE1lc3NhZ2VCb3g+e3QobWVzc2FnZUJveFRleHQpfTwvTWVzc2FnZUJveD59XG4gICAgICAgICAgICAgIDxTdWJqZWN0c1dyYXBwZXI+XG4gICAgICAgICAgICAgICAgPFByb2dyYW1tZVN1YmplY3RzIGdyYWRlcz17Z3JhZGVzfSBzZWxlY3RlZEdyYWRlPXtzZWxlY3RlZEdyYWRlfSAvPlxuICAgICAgICAgICAgICA8L1N1YmplY3RzV3JhcHBlcj5cbiAgICAgICAgICAgIDwvU3R5bGVkQ29udGVudFdyYXBwZXI+XG4gICAgICAgICAgPC9MYXlvdXRJdGVtPlxuICAgICAgICA8L1N0eWxlZExheW91dFdyYXBwZXI+XG4gICAgICA8L09uZUNvbHVtbj5cbiAgICA8L1N0eWxlZFdyYXBwZXI+XG4gICk7XG59O1xuXG5leHBvcnQgZGVmYXVsdCBQcm9ncmFtbWU7XG4iXX0= */"));
+}), " {\n      height: 128px;\n      margin: 20px 20px 0;\n      width: calc(100% - 40px);\n    }\n  "), ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlByb2dyYW1tZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBdUIwRCIsImZpbGUiOiJQcm9ncmFtbWUudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDb3B5cmlnaHQgKGMpIDIwMjAtcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLlxuICpcbiAqL1xuXG5pbXBvcnQgeyB1c2VUcmFuc2xhdGlvbiB9IGZyb20gXCJyZWFjdC1pMThuZXh0XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IGJyZWFrcG9pbnRzLCBtcSwgc3BhY2luZyB9IGZyb20gXCJAbmRsYS9jb3JlXCI7XG5pbXBvcnQgeyBIZWFkaW5nIH0gZnJvbSBcIkBuZGxhL3R5cG9ncmFwaHlcIjtcbmltcG9ydCBQcm9ncmFtbWVTdWJqZWN0cywgeyBHcmFkZXNQcm9wcyB9IGZyb20gXCIuL1Byb2dyYW1tZVN1YmplY3RzXCI7XG5pbXBvcnQgTGF5b3V0SXRlbSwgeyBPbmVDb2x1bW4gfSBmcm9tIFwiLi4vTGF5b3V0XCI7XG5pbXBvcnQgTWVzc2FnZUJveCBmcm9tIFwiLi4vTWVzc2FnZXMvTWVzc2FnZUJveFwiO1xuY29uc3QgU3R5bGVkV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG5gO1xuXG50eXBlIFN0eWxlZEJhY2tncm91bmRQcm9wcyA9IHtcbiAgaW1hZ2U/OiBzdHJpbmc7XG59O1xuY29uc3QgU3R5bGVkQmFja2dyb3VuZCA9IHN0eWxlZC5kaXY8U3R5bGVkQmFja2dyb3VuZFByb3BzPmBcbiAgaGVpZ2h0OiAxNjBweDtcbiAgbWF4LXdpZHRoOiAxMTA1cHg7XG4gIHdpZHRoOiAxMDAlO1xuICBtYXJnaW46IDAgYXV0bztcbiAgJHsocHJvcHM6IFN0eWxlZEJhY2tncm91bmRQcm9wcykgPT5cbiAgICBwcm9wcy5pbWFnZSAmJlxuICAgIGBcbiAgICBiYWNrZ3JvdW5kLWltYWdlOiB1cmwoJHtwcm9wcy5pbWFnZX0pO1xuICAgIGJhY2tncm91bmQtcG9zaXRpb246IGNlbnRlcjtcbiAgICBiYWNrZ3JvdW5kLXJlcGVhdDogbm8tcmVwZWF0O1xuICAgIGJhY2tncm91bmQtc2l6ZTogY292ZXI7XG4gICAgaGVpZ2h0OiA0MDBweDtcbiAgICBcbiAgICAke21xLnJhbmdlKHsgdW50aWw6IGJyZWFrcG9pbnRzLnRhYmxldCB9KX0ge1xuICAgICAgaGVpZ2h0OiAxNjBweDtcbiAgICAgIG1hcmdpbjogJHtzcGFjaW5nLm5vcm1hbH0gJHtzcGFjaW5nLm5vcm1hbH0gMDtcbiAgICAgIHdpZHRoOiBjYWxjKDEwMCUgLSAke3NwYWNpbmcubGFyZ2V9KTtcbiAgICB9XG4gICAgJHttcS5yYW5nZSh7IHVudGlsOiBicmVha3BvaW50cy5tb2JpbGVXaWRlIH0pfSB7XG4gICAgICBoZWlnaHQ6IDEyOHB4O1xuICAgICAgbWFyZ2luOiAyMHB4IDIwcHggMDtcbiAgICAgIHdpZHRoOiBjYWxjKDEwMCUgLSA0MHB4KTtcbiAgICB9XG4gIGB9XG5gO1xuXG5jb25zdCBTdHlsZWRMYXlvdXRXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgYmFja2dyb3VuZDogI2ZmZjtcbiAgbWFyZ2luLXRvcDogLTE3MHB4O1xuICAke21xLnJhbmdlKHsgdW50aWw6IGJyZWFrcG9pbnRzLnRhYmxldCB9KX0ge1xuICAgIG1hcmdpbi10b3A6IDA7XG4gIH1cbmA7XG5cbmNvbnN0IFN0eWxlZENvbnRlbnRXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgcGFkZGluZy10b3A6IDFweDtcbmA7XG5cbmNvbnN0IFN1YmplY3RzV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIG1hcmdpbi10b3A6IDI4cHg7XG4gICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy50YWJsZXQgfSl9IHtcbiAgICBtYXJnaW4tdG9wOiA0MHB4O1xuICB9XG5gO1xuXG50eXBlIFByb3BzID0gR3JhZGVzUHJvcHMgJiB7XG4gIGhlYWRpbmc/OiBzdHJpbmc7XG4gIGltYWdlPzogc3RyaW5nO1xuICBtZXNzYWdlQm94VGV4dD86IHN0cmluZztcbiAgaGVhZGluZ0lkPzogc3RyaW5nO1xufTtcblxuZXhwb3J0IGNvbnN0IFByb2dyYW1tZSA9ICh7IGhlYWRpbmcsIGltYWdlLCBncmFkZXMsIHNlbGVjdGVkR3JhZGUsIG1lc3NhZ2VCb3hUZXh0LCBoZWFkaW5nSWQgfTogUHJvcHMpID0+IHtcbiAgY29uc3QgeyB0IH0gPSB1c2VUcmFuc2xhdGlvbigpO1xuICByZXR1cm4gKFxuICAgIDxTdHlsZWRXcmFwcGVyPlxuICAgICAgPFN0eWxlZEJhY2tncm91bmQgaW1hZ2U9e2ltYWdlfSAvPlxuICAgICAgPE9uZUNvbHVtbj5cbiAgICAgICAgPFN0eWxlZExheW91dFdyYXBwZXI+XG4gICAgICAgICAgPExheW91dEl0ZW0gbGF5b3V0PVwiZXh0ZW5kXCI+XG4gICAgICAgICAgICA8U3R5bGVkQ29udGVudFdyYXBwZXI+XG4gICAgICAgICAgICAgIDxIZWFkaW5nIGVsZW1lbnQ9XCJoMVwiIG1hcmdpbj1cInhsYXJnZVwiIGhlYWRpbmdTdHlsZT1cImgxXCIgc2VyaWYgaWQ9e2hlYWRpbmdJZH0gdGFiSW5kZXg9ey0xfT5cbiAgICAgICAgICAgICAgICB7aGVhZGluZ31cbiAgICAgICAgICAgICAgPC9IZWFkaW5nPlxuICAgICAgICAgICAgICB7bWVzc2FnZUJveFRleHQgJiYgPE1lc3NhZ2VCb3g+e3QobWVzc2FnZUJveFRleHQpfTwvTWVzc2FnZUJveD59XG4gICAgICAgICAgICAgIDxTdWJqZWN0c1dyYXBwZXI+XG4gICAgICAgICAgICAgICAgPFByb2dyYW1tZVN1YmplY3RzIGdyYWRlcz17Z3JhZGVzfSBzZWxlY3RlZEdyYWRlPXtzZWxlY3RlZEdyYWRlfSAvPlxuICAgICAgICAgICAgICA8L1N1YmplY3RzV3JhcHBlcj5cbiAgICAgICAgICAgIDwvU3R5bGVkQ29udGVudFdyYXBwZXI+XG4gICAgICAgICAgPC9MYXlvdXRJdGVtPlxuICAgICAgICA8L1N0eWxlZExheW91dFdyYXBwZXI+XG4gICAgICA8L09uZUNvbHVtbj5cbiAgICA8L1N0eWxlZFdyYXBwZXI+XG4gICk7XG59O1xuXG5leHBvcnQgZGVmYXVsdCBQcm9ncmFtbWU7XG4iXX0= */"));
 const StyledLayoutWrapper = /*#__PURE__*/_styled("div", {
   target: "e174yrrt2",
   label: "StyledLayoutWrapper"

package/es/Programme/ProgrammeSubjects.js

@@ -13,14 +13,13 @@ import { spacing } from "@ndla/core";
 import { SafeLinkButton } from "@ndla/safelink";
 import { MessageBox } from "../Messages";
 import { NavigationBox } from "../Navigation";
-import { jsx as _jsx } from "@emotion/react/jsx-runtime";
-import { Fragment as _Fragment } from "@emotion/react/jsx-runtime";
-import { jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
 const GradesMenu = /*#__PURE__*/_styled("ul", {
   target: "e1jqauch0",
   label: "GradesMenu"
 })("display:flex;gap:", spacing.small, ";padding-left:0;margin-bottom:", spacing.normal, ";li{list-style:none;padding:0;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlByb2dyYW1tZVN1YmplY3RzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFnQjRCIiwiZmlsZSI6IlByb2dyYW1tZVN1YmplY3RzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogQ29weXJpZ2h0IChjKSAyMDIxLXByZXNlbnQsIE5ETEEuXG4gKlxuICogVGhpcyBzb3VyY2UgY29kZSBpcyBsaWNlbnNlZCB1bmRlciB0aGUgR1BMdjMgbGljZW5zZSBmb3VuZCBpbiB0aGVcbiAqIExJQ0VOU0UgZmlsZSBpbiB0aGUgcm9vdCBkaXJlY3Rvcnkgb2YgdGhpcyBzb3VyY2UgdHJlZS5cbiAqXG4gKi9cblxuaW1wb3J0IHsgdXNlTWVtbyB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHsgdXNlVHJhbnNsYXRpb24gfSBmcm9tIFwicmVhY3QtaTE4bmV4dFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBzcGFjaW5nIH0gZnJvbSBcIkBuZGxhL2NvcmVcIjtcbmltcG9ydCB7IFNhZmVMaW5rQnV0dG9uIH0gZnJvbSBcIkBuZGxhL3NhZmVsaW5rXCI7XG5pbXBvcnQgeyBNZXNzYWdlQm94IH0gZnJvbSBcIi4uL01lc3NhZ2VzXCI7XG5pbXBvcnQgeyBOYXZpZ2F0aW9uQm94IH0gZnJvbSBcIi4uL05hdmlnYXRpb25cIjtcblxuY29uc3QgR3JhZGVzTWVudSA9IHN0eWxlZC51bGBcbiAgZGlzcGxheTogZmxleDtcbiAgZ2FwOiAke3NwYWNpbmcuc21hbGx9O1xuICBwYWRkaW5nLWxlZnQ6IDA7XG4gIG1hcmdpbi1ib3R0b206ICR7c3BhY2luZy5ub3JtYWx9O1xuICBsaSB7XG4gICAgbGlzdC1zdHlsZTogbm9uZTtcbiAgICBwYWRkaW5nOiAwO1xuICB9XG5gO1xuXG5leHBvcnQgdHlwZSBHcmFkZXNQcm9wcyA9IHtcbiAgc2VsZWN0ZWRHcmFkZT86IHN0cmluZztcbiAgZ3JhZGVzPzoge1xuICAgIG1pc3NpbmdQcm9ncmFtbWVTdWJqZWN0cz86IGJvb2xlYW47XG4gICAgbmFtZTogc3RyaW5nO1xuICAgIGNhdGVnb3JpZXM/OiB7XG4gICAgICBuYW1lOiBzdHJpbmc7XG4gICAgICBzdWJqZWN0cz86IHtcbiAgICAgICAgbGFiZWw6IHN0cmluZztcbiAgICAgICAgdXJsOiBzdHJpbmc7XG4gICAgICB9W107XG4gICAgfVtdO1xuICB9W107XG59O1xuXG50eXBlIFByb3BzID0gR3JhZGVzUHJvcHMgJiB7XG4gIG9uTmF2aWdhdGU/OiAoKSA9PiB2b2lkO1xufTtcblxuY29uc3QgUHJvZ3JhbW1lU3ViamVjdHMgPSAoeyBncmFkZXMsIG9uTmF2aWdhdGUsIHNlbGVjdGVkR3JhZGUgPSBcInZnMVwiIH06IFByb3BzKSA9PiB7XG4gIGNvbnN0IHsgdCB9ID0gdXNlVHJhbnNsYXRpb24oKTtcblxuICBjb25zdCBncmFkZSA9IHVzZU1lbW8oXG4gICAgKCkgPT4gZ3JhZGVzPy5maW5kKChncmFkZSkgPT4gZ3JhZGUubmFtZS50b0xvd2VyQ2FzZSgpID09PSBzZWxlY3RlZEdyYWRlKSA/PyBncmFkZXM/LlswXSxcbiAgICBbZ3JhZGVzLCBzZWxlY3RlZEdyYWRlXSxcbiAgKTtcblxuICByZXR1cm4gKFxuICAgIDw+XG4gICAgICA8R3JhZGVzTWVudSBhcmlhLWxhYmVsPXt0KFwicHJvZ3JhbW1lcy5ncmFkZXNcIil9PlxuICAgICAgICB7Z3JhZGVzPy5tYXAoKGl0ZW0pID0+IHtcbiAgICAgICAgICBjb25zdCBjdXJyZW50ID0gaXRlbS5uYW1lLnRvTG93ZXJDYXNlKCkgPT09IHNlbGVjdGVkR3JhZGU7XG4gICAgICAgICAgcmV0dXJuIChcbiAgICAgICAgICAgIDxsaSBrZXk9e2l0ZW0ubmFtZX0+XG4gICAgICAgICAgICAgIDxTYWZlTGlua0J1dHRvblxuICAgICAgICAgICAgICAgIHRvPXtjdXJyZW50ID8gXCJcIiA6IGl0ZW0ubmFtZS50b0xvd2VyQ2FzZSgpfVxuICAgICAgICAgICAgICAgIGNvbG9yVGhlbWU9e2l0ZW0gIT09IGdyYWRlID8gXCJsaWdodGVyXCIgOiB1bmRlZmluZWR9XG4gICAgICAgICAgICAgICAgc2hhcGU9XCJwaWxsXCJcbiAgICAgICAgICAgICAgICBzaXplPVwibm9ybWFsXCJcbiAgICAgICAgICAgICAgICBhcmlhLWN1cnJlbnQ9e2N1cnJlbnR9XG4gICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICB7aXRlbS5uYW1lfVxuICAgICAgICAgICAgICA8L1NhZmVMaW5rQnV0dG9uPlxuICAgICAgICAgICAgPC9saT5cbiAgICAgICAgICApO1xuICAgICAgICB9KX1cbiAgICAgIDwvR3JhZGVzTWVudT5cbiAgICAgIHtncmFkZT8ubWlzc2luZ1Byb2dyYW1tZVN1YmplY3RzICYmIDxNZXNzYWdlQm94Pnt0KFwibWVzc2FnZUJveEluZm8ubm9Db250ZW50XCIpfTwvTWVzc2FnZUJveD59XG4gICAgICB7Z3JhZGU/LmNhdGVnb3JpZXM/Lm1hcCgoY2F0ZWdvcnkpID0+IChcbiAgICAgICAgPE5hdmlnYXRpb25Cb3gga2V5PXtjYXRlZ29yeS5uYW1lfSBoZWFkaW5nPXtjYXRlZ29yeS5uYW1lfSBpdGVtcz17Y2F0ZWdvcnkuc3ViamVjdHN9IG9uQ2xpY2s9e29uTmF2aWdhdGV9IC8+XG4gICAgICApKX1cbiAgICA8Lz5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IFByb2dyYW1tZVN1YmplY3RzO1xuIl19 */"));
 const ProgrammeSubjects = _ref => {
+  var _grade$categories;
   let {
     grades,
     onNavigate,
@@ -29,11 +28,14 @@ const ProgrammeSubjects = _ref => {
   const {
     t
   } = useTranslation();
-  const grade = useMemo(() => grades?.find(grade => grade.name.toLowerCase() === selectedGrade) ?? grades?.[0], [grades, selectedGrade]);
+  const grade = useMemo(() => {
+    var _grades$find;
+    return (_grades$find = grades === null || grades === void 0 ? void 0 : grades.find(grade => grade.name.toLowerCase() === selectedGrade)) !== null && _grades$find !== void 0 ? _grades$find : grades === null || grades === void 0 ? void 0 : grades[0];
+  }, [grades, selectedGrade]);
   return _jsxs(_Fragment, {
     children: [_jsx(GradesMenu, {
       "aria-label": t("programmes.grades"),
-      children: grades?.map(item => {
+      children: grades === null || grades === void 0 ? void 0 : grades.map(item => {
         const current = item.name.toLowerCase() === selectedGrade;
         return _jsx("li", {
           children: _jsx(SafeLinkButton, {
@@ -46,9 +48,9 @@ const ProgrammeSubjects = _ref => {
           })
         }, item.name);
       })
-    }), grade?.missingProgrammeSubjects && _jsx(MessageBox, {
+    }), (grade === null || grade === void 0 ? void 0 : grade.missingProgrammeSubjects) && _jsx(MessageBox, {
       children: t("messageBoxInfo.noContent")
-    }), grade?.categories?.map(category => _jsx(NavigationBox, {
+    }), grade === null || grade === void 0 || (_grade$categories = grade.categories) === null || _grade$categories === void 0 ? void 0 : _grade$categories.map(category => _jsx(NavigationBox, {
       heading: category.name,
       items: category.subjects,
       onClick: onNavigate

package/es/ProgrammeCard/ProgrammeCard.js

@@ -9,8 +9,7 @@ import _styled from "@emotion/styled/base";
 
 import { spacing, colors, misc, breakpoints, mq, fonts } from "@ndla/core";
 import { SafeLink } from "@ndla/safelink";
-import { jsx as _jsx } from "@emotion/react/jsx-runtime";
-import { jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
 const StyledCardContainer = /*#__PURE__*/_styled(SafeLink, {
   target: "eo9d6lc2",
   label: "StyledCardContainer"

package/es/RelatedArticleList/RelatedArticleList.js

@@ -16,8 +16,7 @@ import { SafeLink } from "@ndla/safelink";
 import { Heading, Text } from "@ndla/typography";
 import ContentTypeBadge from "../ContentTypeBadge";
 import { contentTypes } from "../model/ContentType";
-import { jsx as _jsx } from "@emotion/react/jsx-runtime";
-import { jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
 const TitleWrapper = /*#__PURE__*/_styled("div", {
   target: "eoajdkw6",
   label: "TitleWrapper"
@@ -119,8 +118,8 @@ export const RelatedArticleList = _ref2 => {
   const {
     t
   } = useTranslation();
-  const childCount = useMemo(() => articleCount ?? Children.count(children), [children, articleCount]);
-  const childrenToShow = useMemo(() => childCount > 2 && !expanded ? children?.slice(0, 2) : children, [childCount, children, expanded]);
+  const childCount = useMemo(() => articleCount !== null && articleCount !== void 0 ? articleCount : Children.count(children), [children, articleCount]);
+  const childrenToShow = useMemo(() => childCount > 2 && !expanded ? children === null || children === void 0 ? void 0 : children.slice(0, 2) : children, [childCount, children, expanded]);
   return _jsxs(StyledSection, {
     ...rest,
     children: [_jsxs(HeadingWrapper, {
@@ -135,7 +134,7 @@ export const RelatedArticleList = _ref2 => {
     }), childCount > 2 ? _jsx(ButtonV2, {
       onClick: () => setExpanded(p => !p),
       variant: "outline",
-      children: t(`related.show${expanded ? "Less" : "More"}`)
+      children: t("related.show".concat(expanded ? "Less" : "More"))
     }) : null]
   });
 };