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

package/es/FrontpageArticle/FrontpageArticle.js

@@ -31,7 +31,7 @@ export const FrontpageArticle = _ref => {
     height = 0
   } = useComponentSize("masthead");
   const cssVars = useMemo(() => ({
-    "--masthead-height": "".concat(height, "px")
+    "--masthead-height": `${height}px`
   }), [height]);
   const {
     title,

package/es/Gloss/Gloss.js

@@ -58,21 +58,19 @@ const StyledChevron = /*#__PURE__*/_styled(ChevronDown, {
   label: "StyledChevron"
 })("transition:all 200ms ease-in-out;[data-styled-trigger][data-state=\"open\"]>&{transform:rotate(180deg);}min-width:", spacing.normal, ";min-height:", spacing.normal, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkdsb3NzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFrR3lDIiwiZmlsZSI6Ikdsb3NzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogQ29weXJpZ2h0IChjKSAyMDIzLXByZXNlbnQsIE5ETEEuXG4gKlxuICogVGhpcyBzb3VyY2UgY29kZSBpcyBsaWNlbnNlZCB1bmRlciB0aGUgR1BMdjMgbGljZW5zZSBmb3VuZCBpbiB0aGVcbiAqIExJQ0VOU0UgZmlsZSBpbiB0aGUgcm9vdCBkaXJlY3Rvcnkgb2YgdGhpcyBzb3VyY2UgdHJlZS5cbiAqXG4gKi9cblxuaW1wb3J0IHsgdXNlTWVtbyB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHsgdXNlVHJhbnNsYXRpb24gfSBmcm9tIFwicmVhY3QtaTE4bmV4dFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBUcmlnZ2VyIH0gZnJvbSBcIkByYWRpeC11aS9yZWFjdC1hY2NvcmRpb25cIjtcbmltcG9ydCB7IEFjY29yZGlvblJvb3QsIEFjY29yZGlvbkl0ZW0sIEFjY29yZGlvbkNvbnRlbnQgfSBmcm9tIFwiQG5kbGEvYWNjb3JkaW9uXCI7XG5pbXBvcnQgeyBjb2xvcnMsIHNwYWNpbmcsIG1pc2MsIGZvbnRzIH0gZnJvbSBcIkBuZGxhL2NvcmVcIjtcbmltcG9ydCB7IENoZXZyb25Eb3duIH0gZnJvbSBcIkBuZGxhL2ljb25zL2NvbW1vblwiO1xuaW1wb3J0IHsgSUdsb3NzRGF0YSwgSUdsb3NzRXhhbXBsZSB9IGZyb20gXCJAbmRsYS90eXBlcy1iYWNrZW5kL2NvbmNlcHQtYXBpXCI7XG5pbXBvcnQgR2xvc3NFeGFtcGxlIGZyb20gXCIuL0dsb3NzRXhhbXBsZVwiO1xuaW1wb3J0IFNwZWVjaENvbnRyb2wgZnJvbSBcIi4uL0F1ZGlvUGxheWVyL1NwZWVjaENvbnRyb2xcIjtcblxuZXhwb3J0IGludGVyZmFjZSBQcm9wcyB7XG4gIHRpdGxlOiB7XG4gICAgdGl0bGU6IHN0cmluZztcbiAgICBsYW5ndWFnZTogc3RyaW5nO1xuICB9O1xuICBnbG9zc0RhdGE/OiBJR2xvc3NEYXRhO1xuICBhdWRpbz86IHtcbiAgICB0aXRsZTogc3RyaW5nO1xuICAgIHNyYz86IHN0cmluZztcbiAgfTtcbiAgZXhhbXBsZUlkcz86IHN0cmluZztcbiAgZXhhbXBsZUxhbmdzPzogc3RyaW5nO1xufVxuXG5jb25zdCBTdHlsZWRBY2NvcmRpb25JdGVtID0gc3R5bGVkKEFjY29yZGlvbkl0ZW0pYFxuICBiYWNrZ3JvdW5kLWNvbG9yOiAke2NvbG9ycy5iYWNrZ3JvdW5kLmxpZ2h0Qmx1ZX07XG4gIGJvcmRlcjogMXB4IHNvbGlkICR7Y29sb3JzLmJyYW5kLmxpZ2h0fTtcbiAgYm9yZGVyLXJhZGl1czogJHttaXNjLmJvcmRlclJhZGl1c307XG4gIHNwYW4ge1xuICAgICR7Zm9udHMuc2l6ZS50ZXh0LmNvbnRlbnR9XG4gICAgZm9udC1mYW1pbHk6ICR7Zm9udHMuc2Fuc307XG4gIH1cbmA7XG5cbmNvbnN0IFdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LXdyYXA6IHdyYXA7XG4gIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcbiAgcGFkZGluZzogJHtzcGFjaW5nLm5zbWFsbH0gJHtzcGFjaW5nLm5vcm1hbH0gMCAke3NwYWNpbmcubm9ybWFsfTtcbmA7XG5cbmNvbnN0IEdsb3NzQ29udGFpbmVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgZmxleC13cmFwOiB3cmFwO1xuICBnYXA6ICR7c3BhY2luZy5uc21hbGx9O1xuICBzcGFuW2RhdGEtcGlueWluXSB7XG4gICAgZm9udC1zdHlsZTogaXRhbGljO1xuICB9XG5gO1xuXG5jb25zdCBHbG9zc1NwYW4gPSBzdHlsZWQuc3BhbmBcbiAgZm9udC13ZWlnaHQ6ICR7Zm9udHMud2VpZ2h0LmJvbGR9O1xuYDtcblxuY29uc3QgU3R5bGVkV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgcGFkZGluZzogMCAke3NwYWNpbmcubm9ybWFsfSAke3NwYWNpbmcubnNtYWxsfSAke3NwYWNpbmcubm9ybWFsfTtcbiAgYmFja2dyb3VuZC1jb2xvcjogJHtjb2xvcnMuYmFja2dyb3VuZC5saWdodEJsdWV9O1xuICBib3JkZXItcmFkaXVzOiAke21pc2MuYm9yZGVyUmFkaXVzfTtcbmA7XG5cbmNvbnN0IFN0eWxlZEFjY29yZGlvbkNvbnRlbnQgPSBzdHlsZWQoQWNjb3JkaW9uQ29udGVudClgXG4gIHBhZGRpbmc6IDA7XG5gO1xuXG5jb25zdCBTdHlsZWRUcmlnZ2VyID0gc3R5bGVkKFRyaWdnZXIpYFxuICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgY3Vyc29yOiBwb2ludGVyO1xuICBib3JkZXI6IG5vbmU7XG4gIHBhZGRpbmc6ICR7c3BhY2luZy54c21hbGx9O1xuICBib3JkZXItcmFkaXVzOiAke21pc2MuYm9yZGVyUmFkaXVzTGFyZ2V9O1xuICBjb2xvcjogJHtjb2xvcnMuYnJhbmQucHJpbWFyeX07XG4gICY6aG92ZXIsXG4gICY6Zm9jdXMtdmlzaWJsZSB7XG4gICAgY29sb3I6ICR7Y29sb3JzLndoaXRlfTtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2NvbG9ycy5icmFuZC5wcmltYXJ5fTtcbiAgfVxuICAmW2RhdGEtc3RhdGU9XCJvcGVuXCJdIHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2NvbG9ycy5icmFuZC5saWdodGVyfTtcbiAgICAmOmhvdmVyLFxuICAgICY6Zm9jdXMtdmlzaWJsZSB7XG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2NvbG9ycy5icmFuZC5wcmltYXJ5fTtcbiAgICB9XG4gIH1cbmA7XG5cbmNvbnN0IFN0eWxlZENoZXZyb24gPSBzdHlsZWQoQ2hldnJvbkRvd24pYFxuICB0cmFuc2l0aW9uOiBhbGwgMjAwbXMgZWFzZS1pbi1vdXQ7XG4gIFtkYXRhLXN0eWxlZC10cmlnZ2VyXVtkYXRhLXN0YXRlPVwib3BlblwiXSA+ICYge1xuICAgIHRyYW5zZm9ybTogcm90YXRlKDE4MGRlZyk7XG4gIH1cbiAgbWluLXdpZHRoOiAke3NwYWNpbmcubm9ybWFsfTtcbiAgbWluLWhlaWdodDogJHtzcGFjaW5nLm5vcm1hbH07XG5gO1xuXG5jb25zdCBnZXRGaWx0ZXJlZEV4YW1wbGVzID0gKFxuICBnbG9zc0RhdGE6IElHbG9zc0RhdGEgfCB1bmRlZmluZWQsXG4gIGV4YW1wbGVJZHM6IHN0cmluZyB8IHVuZGVmaW5lZCxcbiAgZXhhbXBsZUxhbmdzOiBzdHJpbmcgfCB1bmRlZmluZWQsXG4pOiBJR2xvc3NFeGFtcGxlW11bXSA9PiB7XG4gIGlmIChleGFtcGxlSWRzICE9PSB1bmRlZmluZWQgfHwgZXhhbXBsZUxhbmdzICE9PSB1bmRlZmluZWQpIHtcbiAgICBjb25zdCBleGFtcGxlSWRzTGlzdCA9IGV4YW1wbGVJZHM/LnRvU3RyaW5nKCk/LnNwbGl0KFwiLFwiKSA/PyBbXTtcbiAgICBjb25zdCBleGFtcGxlTGFuZ3NMaXN0ID0gZXhhbXBsZUxhbmdzPy5zcGxpdChcIixcIikgPz8gW107XG5cbiAgICBjb25zdCBmaWx0ZXJlZEV4YW1wbGVzID1cbiAgICAgIGdsb3NzRGF0YT8uZXhhbXBsZXM/Lm1hcCgoZXhhbXBsZXMsIGkpID0+IHtcbiAgICAgICAgaWYgKGV4YW1wbGVJZHNMaXN0LmluY2x1ZGVzKGkudG9TdHJpbmcoKSkpIHtcbiAgICAgICAgICByZXR1cm4gZXhhbXBsZXMuZmlsdGVyKChlKSA9PiBleGFtcGxlTGFuZ3NMaXN0LmluY2x1ZGVzKGUubGFuZ3VhZ2UpKTtcbiAgICAgICAgfVxuICAgICAgICByZXR1cm4gW107XG4gICAgICB9KSA/PyBbXTtcbiAgICBjb25zdCBleGFtcGxlc1dpdGhvdXRFbXB0eSA9IGZpbHRlcmVkRXhhbXBsZXMuZmlsdGVyKChlbCkgPT4gISFlbC5sZW5ndGgpO1xuICAgIHJldHVybiBleGFtcGxlc1dpdGhvdXRFbXB0eTtcbiAgfVxuICByZXR1cm4gZ2xvc3NEYXRhPy5leGFtcGxlcyA/PyBbXTtcbn07XG5cbmNvbnN0IEdsb3NzID0gKHsgdGl0bGUsIGdsb3NzRGF0YSwgYXVkaW8sIGV4YW1wbGVJZHMsIGV4YW1wbGVMYW5ncyB9OiBQcm9wcykgPT4ge1xuICBjb25zdCB7IHQgfSA9IHVzZVRyYW5zbGF0aW9uKCk7XG5cbiAgY29uc3QgZmlsdGVyZWRFeGFtcGxlcyA9IHVzZU1lbW8oXG4gICAgKCkgPT4gZ2V0RmlsdGVyZWRFeGFtcGxlcyhnbG9zc0RhdGEsIGV4YW1wbGVJZHMsIGV4YW1wbGVMYW5ncyksXG4gICAgW2V4YW1wbGVJZHMsIGV4YW1wbGVMYW5ncywgZ2xvc3NEYXRhXSxcbiAgKTtcblxuICByZXR1cm4gKFxuICAgIDw+XG4gICAgICB7Z2xvc3NEYXRhICYmIChcbiAgICAgICAgPEFjY29yZGlvblJvb3QgdHlwZT1cInNpbmdsZVwiIGNvbGxhcHNpYmxlPlxuICAgICAgICAgIDxTdHlsZWRBY2NvcmRpb25JdGVtIHZhbHVlPVwiMVwiPlxuICAgICAgICAgICAgPFdyYXBwZXI+XG4gICAgICAgICAgICAgIDxHbG9zc0NvbnRhaW5lcj5cbiAgICAgICAgICAgICAgICA8R2xvc3NTcGFuIGxhbmc9e2dsb3NzRGF0YS5vcmlnaW5hbExhbmd1YWdlfT57Z2xvc3NEYXRhLmdsb3NzfTwvR2xvc3NTcGFuPlxuICAgICAgICAgICAgICAgIHtnbG9zc0RhdGEudHJhbnNjcmlwdGlvbnMudHJhZGl0aW9uYWwgJiYgKFxuICAgICAgICAgICAgICAgICAgPHNwYW5cbiAgICAgICAgICAgICAgICAgICAga2V5PXt0KFwiZ2xvc3MudHJhbnNjcmlwdGlvbnMudHJhZGl0aW9uYWxcIil9XG4gICAgICAgICAgICAgICAgICAgIGFyaWEtbGFiZWw9e3QoXCJnbG9zcy50cmFuc2NyaXB0aW9ucy50cmFkaXRpb25hbFwiKX1cbiAgICAgICAgICAgICAgICAgICAgbGFuZz17Z2xvc3NEYXRhLm9yaWdpbmFsTGFuZ3VhZ2V9XG4gICAgICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgICAgIHtnbG9zc0RhdGEudHJhbnNjcmlwdGlvbnMudHJhZGl0aW9uYWx9XG4gICAgICAgICAgICAgICAgICA8L3NwYW4+XG4gICAgICAgICAgICAgICAgKX1cbiAgICAgICAgICAgICAgICB7Z2xvc3NEYXRhLnRyYW5zY3JpcHRpb25zLnBpbnlpbiAmJiAoXG4gICAgICAgICAgICAgICAgICA8c3BhblxuICAgICAgICAgICAgICAgICAgICBkYXRhLXBpbnlpbj1cIlwiXG4gICAgICAgICAgICAgICAgICAgIGtleT17dChcImdsb3NzLnRyYW5zY3JpcHRpb25zLnBpbnlpblwiKX1cbiAgICAgICAgICAgICAgICAgICAgYXJpYS1sYWJlbD17dChcImdsb3NzLnRyYW5zY3JpcHRpb25zLnBpbnlpblwiKX1cbiAgICAgICAgICAgICAgICAgICAgbGFuZz17Z2xvc3NEYXRhLm9yaWdpbmFsTGFuZ3VhZ2V9XG4gICAgICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgICAgIHtnbG9zc0RhdGEudHJhbnNjcmlwdGlvbnMucGlueWlufVxuICAgICAgICAgICAgICAgICAgPC9zcGFuPlxuICAgICAgICAgICAgICAgICl9XG4gICAgICAgICAgICAgICAge2dsb3NzRGF0YS53b3JkQ2xhc3MgJiYgKFxuICAgICAgICAgICAgICAgICAgPHNwYW4gYXJpYS1sYWJlbD17dChcImdsb3NzLndvcmRDbGFzc1wiKX0+e3QoYHdvcmRDbGFzcy4ke2dsb3NzRGF0YS53b3JkQ2xhc3N9YCkudG9Mb3dlckNhc2UoKX08L3NwYW4+XG4gICAgICAgICAgICAgICAgKX1cbiAgICAgICAgICAgICAgPC9HbG9zc0NvbnRhaW5lcj5cbiAgICAgICAgICAgICAge2F1ZGlvPy5zcmMgJiYgPFNwZWVjaENvbnRyb2wgc3JjPXthdWRpby5zcmN9IHRpdGxlPXthdWRpby50aXRsZX0gdHlwZT1cImdsb3NzXCIgLz59XG4gICAgICAgICAgICA8L1dyYXBwZXI+XG4gICAgICAgICAgICB7ZmlsdGVyZWRFeGFtcGxlcy5sZW5ndGggPiAwID8gKFxuICAgICAgICAgICAgICA8PlxuICAgICAgICAgICAgICAgIDxTdHlsZWRXcmFwcGVyPlxuICAgICAgICAgICAgICAgICAgPHNwYW4gbGFuZz17dGl0bGUubGFuZ3VhZ2V9Pnt0aXRsZS50aXRsZX08L3NwYW4+XG4gICAgICAgICAgICAgICAgICA8U3R5bGVkVHJpZ2dlciBkYXRhLXN0eWxlZC10cmlnZ2VyIGFyaWEtbGFiZWw9e3QoXCJnbG9zcy5leGFtcGxlc1wiKX0+XG4gICAgICAgICAgICAgICAgICAgIDxTdHlsZWRDaGV2cm9uIC8+XG4gICAgICAgICAgICAgICAgICA8L1N0eWxlZFRyaWdnZXI+XG4gICAgICAgICAgICAgICAgPC9TdHlsZWRXcmFwcGVyPlxuICAgICAgICAgICAgICAgIDxTdHlsZWRBY2NvcmRpb25Db250ZW50PlxuICAgICAgICAgICAgICAgICAge2ZpbHRlcmVkRXhhbXBsZXMubWFwKChleGFtcGxlcywgaW5kZXgpID0+IChcbiAgICAgICAgICAgICAgICAgICAgPGRpdiBrZXk9e2BnbG9zcy1leGFtcGxlLSR7aW5kZXh9YH0+XG4gICAgICAgICAgICAgICAgICAgICAge2V4YW1wbGVzLm1hcCgoZXhhbXBsZSwgaW5uZXJJbmRleCkgPT4gKFxuICAgICAgICAgICAgICAgICAgICAgICAgPEdsb3NzRXhhbXBsZVxuICAgICAgICAgICAgICAgICAgICAgICAgICBrZXk9e2BnbG9zcy1leGFtcGxlLSR7aW5kZXh9LSR7aW5uZXJJbmRleH1gfVxuICAgICAgICAgICAgICAgICAgICAgICAgICBleGFtcGxlPXtleGFtcGxlfVxuICAgICAgICAgICAgICAgICAgICAgICAgICBvcmlnaW5hbExhbmd1YWdlPXtnbG9zc0RhdGEub3JpZ2luYWxMYW5ndWFnZX1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgaW5kZXg9e2lubmVySW5kZXh9XG4gICAgICAgICAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgICAgICAgICAgICkpfVxuICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICAgICAgICkpfVxuICAgICAgICAgICAgICAgIDwvU3R5bGVkQWNjb3JkaW9uQ29udGVudD5cbiAgICAgICAgICAgICAgPC8+XG4gICAgICAgICAgICApIDogKFxuICAgICAgICAgICAgICA8U3R5bGVkV3JhcHBlcj5cbiAgICAgICAgICAgICAgICA8c3BhbiBsYW5nPXt0aXRsZS5sYW5ndWFnZX0+e3RpdGxlLnRpdGxlfTwvc3Bhbj5cbiAgICAgICAgICAgICAgPC9TdHlsZWRXcmFwcGVyPlxuICAgICAgICAgICAgKX1cbiAgICAgICAgICA8L1N0eWxlZEFjY29yZGlvbkl0ZW0+XG4gICAgICAgIDwvQWNjb3JkaW9uUm9vdD5cbiAgICAgICl9XG4gICAgPC8+XG4gICk7XG59O1xuXG5leHBvcnQgZGVmYXVsdCBHbG9zcztcbiJdfQ== */"));
 const getFilteredExamples = (glossData, exampleIds, exampleLangs) => {
-  var _glossData$examples2;
   if (exampleIds !== undefined || exampleLangs !== undefined) {
-    var _exampleIds$toString$, _exampleIds$toString, _exampleLangs$split, _glossData$examples$m, _glossData$examples;
-    const exampleIdsList = (_exampleIds$toString$ = exampleIds === null || exampleIds === void 0 || (_exampleIds$toString = exampleIds.toString()) === null || _exampleIds$toString === void 0 ? void 0 : _exampleIds$toString.split(",")) !== null && _exampleIds$toString$ !== void 0 ? _exampleIds$toString$ : [];
-    const exampleLangsList = (_exampleLangs$split = exampleLangs === null || exampleLangs === void 0 ? void 0 : exampleLangs.split(",")) !== null && _exampleLangs$split !== void 0 ? _exampleLangs$split : [];
-    const filteredExamples = (_glossData$examples$m = glossData === null || glossData === void 0 || (_glossData$examples = glossData.examples) === null || _glossData$examples === void 0 ? void 0 : _glossData$examples.map((examples, i) => {
+    const exampleIdsList = exampleIds?.toString()?.split(",") ?? [];
+    const exampleLangsList = exampleLangs?.split(",") ?? [];
+    const filteredExamples = glossData?.examples?.map((examples, i) => {
       if (exampleIdsList.includes(i.toString())) {
         return examples.filter(e => exampleLangsList.includes(e.language));
       }
       return [];
-    })) !== null && _glossData$examples$m !== void 0 ? _glossData$examples$m : [];
+    }) ?? [];
     const examplesWithoutEmpty = filteredExamples.filter(el => !!el.length);
     return examplesWithoutEmpty;
   }
-  return (_glossData$examples2 = glossData === null || glossData === void 0 ? void 0 : glossData.examples) !== null && _glossData$examples2 !== void 0 ? _glossData$examples2 : [];
+  return glossData?.examples ?? [];
 };
 const Gloss = _ref => {
   let {
@@ -108,9 +106,9 @@ const Gloss = _ref => {
               children: glossData.transcriptions.pinyin
             }, t("gloss.transcriptions.pinyin")), glossData.wordClass && _jsx("span", {
               "aria-label": t("gloss.wordClass"),
-              children: t("wordClass.".concat(glossData.wordClass)).toLowerCase()
+              children: t(`wordClass.${glossData.wordClass}`).toLowerCase()
             })]
-          }), (audio === null || audio === void 0 ? void 0 : audio.src) && _jsx(SpeechControl, {
+          }), audio?.src && _jsx(SpeechControl, {
             src: audio.src,
             title: audio.title,
             type: "gloss"
@@ -131,8 +129,8 @@ const Gloss = _ref => {
                 example: example,
                 originalLanguage: glossData.originalLanguage,
                 index: innerIndex
-              }, "gloss-example-".concat(index, "-").concat(innerIndex)))
-            }, "gloss-example-".concat(index)))
+              }, `gloss-example-${index}-${innerIndex}`))
+            }, `gloss-example-${index}`))
           })]
         }) : _jsx(StyledWrapper, {
           children: _jsx("span", {

package/es/Gloss/GlossExample.js

@@ -23,7 +23,6 @@ const StyledText = /*#__PURE__*/_styled(Text, {
   label: "StyledText"
 })("&[data-is-first=\"true\"]{font-weight:", fonts.weight.bold, ";color:", colors.text.primary, ";}&[data-pinyin]{font-style:italic;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkdsb3NzRXhhbXBsZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBd0QrQiIsImZpbGUiOiJHbG9zc0V4YW1wbGUudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDb3B5cmlnaHQgKGMpIDIwMjMtcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLlxuICpcbiAqL1xuXG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IGNvbG9ycywgc3BhY2luZywgZm9udHMsIG1pc2MgfSBmcm9tIFwiQG5kbGEvY29yZVwiO1xuaW1wb3J0IHsgSUdsb3NzRXhhbXBsZSB9IGZyb20gXCJAbmRsYS90eXBlcy1iYWNrZW5kL2NvbmNlcHQtYXBpXCI7XG5pbXBvcnQgeyBUZXh0IH0gZnJvbSBcIkBuZGxhL3R5cG9ncmFwaHlcIjtcblxuZXhwb3J0IGludGVyZmFjZSBQcm9wcyB7XG4gIGV4YW1wbGU6IElHbG9zc0V4YW1wbGU7XG4gIG9yaWdpbmFsTGFuZ3VhZ2U6IHN0cmluZyB8IHVuZGVmaW5lZDtcbiAgaW5kZXg6IG51bWJlcjtcbiAgaXNTdGFuZGFsb25lPzogYm9vbGVhbjtcbn1cblxuY29uc3QgU3R5bGVkR2xvc3NFeGFtcGxlV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gICZbZGF0YS1pcy1zdGFuZGFsb25lPVwidHJ1ZVwiXSB7XG4gICAgJjpmaXJzdC1vZi10eXBlIHtcbiAgICAgIGJvcmRlci10b3A6IDFweCBzb2xpZCAke2NvbG9ycy5icmFuZC5saWdodGVyfTtcbiAgICB9XG4gIH1cblxuICAmOmZpcnN0LW9mLXR5cGUmOm5vdChbZGF0YS1pcy1zdGFuZGFsb25lPVwidHJ1ZVwiXSkge1xuICAgIGJvcmRlci10b3A6IDFweCBzb2xpZCAke2NvbG9ycy5icmFuZC5wcmltYXJ5fTtcbiAgfVxuXG4gICZbZGF0YS1pcy1zdGFuZGFsb25lPVwiZmFsc2VcIl0ge1xuICAgICY6bm90KDpsYXN0LWNoaWxkKSB7XG4gICAgICBkaXYge1xuICAgICAgICBib3JkZXItYm90dG9tOiAxcHggc29saWQgJHtjb2xvcnMuYnJhbmQubGlnaHRlcn07XG4gICAgICAgIGJvcmRlci1yYWRpdXM6IDA7XG4gICAgICB9XG4gICAgfVxuICB9XG5gO1xuXG5jb25zdCBTdHlsZWRHbG9zc0V4YW1wbGUgPSBzdHlsZWQuZGl2YFxuICBwYWRkaW5nOiAke3NwYWNpbmcuc21hbGx9ICR7c3BhY2luZy5ub3JtYWx9O1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAke2NvbG9ycy5iYWNrZ3JvdW5kLmRlZmF1bHR9O1xuICBib3JkZXI6IDFweCBzb2xpZCAke2NvbG9ycy5icmFuZC5saWdodGVyfTtcbiAgYm9yZGVyLXRvcDogbm9uZTtcblxuICAmW2RhdGEtaXMtZmlyc3Q9XCJ0cnVlXCJdIHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2NvbG9ycy5iYWNrZ3JvdW5kLmxpZ2h0Qmx1ZX07XG4gIH1cbiAgJltkYXRhLWlzLXN0YW5kYWxvbmU9XCJmYWxzZVwiXSB7XG4gICAgYm9yZGVyOiBub25lO1xuICAgIGJvcmRlci1yYWRpdXM6ICR7bWlzYy5ib3JkZXJSYWRpdXN9O1xuICB9XG5gO1xuXG5jb25zdCBTdHlsZWRUZXh0ID0gc3R5bGVkKFRleHQpYFxuICAmW2RhdGEtaXMtZmlyc3Q9XCJ0cnVlXCJdIHtcbiAgICBmb250LXdlaWdodDogJHtmb250cy53ZWlnaHQuYm9sZH07XG4gICAgY29sb3I6ICR7Y29sb3JzLnRleHQucHJpbWFyeX07XG4gIH1cbiAgJltkYXRhLXBpbnlpbl0ge1xuICAgIGZvbnQtc3R5bGU6IGl0YWxpYztcbiAgfVxuYDtcblxuY29uc3QgR2xvc3NFeGFtcGxlID0gKHsgZXhhbXBsZSwgb3JpZ2luYWxMYW5ndWFnZSwgaW5kZXgsIGlzU3RhbmRhbG9uZSA9IGZhbHNlIH06IFByb3BzKSA9PiB7XG4gIHJldHVybiAoXG4gICAgPFN0eWxlZEdsb3NzRXhhbXBsZVdyYXBwZXIgZGF0YS1pcy1zdGFuZGFsb25lPXtpc1N0YW5kYWxvbmV9PlxuICAgICAgPFN0eWxlZEdsb3NzRXhhbXBsZSBkYXRhLWlzLWZpcnN0PXtpbmRleCA9PT0gMH0gbGFuZz17ZXhhbXBsZS5sYW5ndWFnZX0gZGF0YS1pcy1zdGFuZGFsb25lPXtpc1N0YW5kYWxvbmV9PlxuICAgICAgICA8U3R5bGVkVGV4dCBkYXRhLWlzLWZpcnN0PXtpbmRleCA9PT0gMH0gdGV4dFN0eWxlPVwibWV0YS10ZXh0LW1lZGl1bVwiIG1hcmdpbj1cIm5vbmVcIj5cbiAgICAgICAgICB7ZXhhbXBsZS5leGFtcGxlfVxuICAgICAgICA8L1N0eWxlZFRleHQ+XG4gICAgICA8L1N0eWxlZEdsb3NzRXhhbXBsZT5cbiAgICAgIHtleGFtcGxlLnRyYW5zY3JpcHRpb25zLnBpbnlpbiAmJiAoXG4gICAgICAgIDxTdHlsZWRHbG9zc0V4YW1wbGVcbiAgICAgICAgICBsYW5nPXtvcmlnaW5hbExhbmd1YWdlfVxuICAgICAgICAgIGRhdGEtaXMtc3RhbmRhbG9uZT17aXNTdGFuZGFsb25lfVxuICAgICAgICAgIGRhdGEtaXMtbGFzdD17ZXhhbXBsZS50cmFuc2NyaXB0aW9ucy50cmFkaXRpb25hbD8ubGVuZ3RoID09PSAwfVxuICAgICAgICA+XG4gICAgICAgICAgPFN0eWxlZFRleHQgZGF0YS1waW55aW4gdGV4dFN0eWxlPVwibWV0YS10ZXh0LW1lZGl1bVwiIG1hcmdpbj1cIm5vbmVcIj5cbiAgICAgICAgICAgIHtleGFtcGxlLnRyYW5zY3JpcHRpb25zPy5waW55aW59XG4gICAgICAgICAgPC9TdHlsZWRUZXh0PlxuICAgICAgICA8L1N0eWxlZEdsb3NzRXhhbXBsZT5cbiAgICAgICl9XG4gICAgICB7ZXhhbXBsZS50cmFuc2NyaXB0aW9ucy50cmFkaXRpb25hbCAmJiAoXG4gICAgICAgIDxTdHlsZWRHbG9zc0V4YW1wbGUgbGFuZz17b3JpZ2luYWxMYW5ndWFnZX0gZGF0YS1pcy1zdGFuZGFsb25lPXtpc1N0YW5kYWxvbmV9IGRhdGEtaXMtbGFzdD5cbiAgICAgICAgICA8U3R5bGVkVGV4dCB0ZXh0U3R5bGU9XCJtZXRhLXRleHQtbWVkaXVtXCIgbWFyZ2luPVwibm9uZVwiPlxuICAgICAgICAgICAge2V4YW1wbGUudHJhbnNjcmlwdGlvbnM/LnRyYWRpdGlvbmFsfVxuICAgICAgICAgIDwvU3R5bGVkVGV4dD5cbiAgICAgICAgPC9TdHlsZWRHbG9zc0V4YW1wbGU+XG4gICAgICApfVxuICAgIDwvU3R5bGVkR2xvc3NFeGFtcGxlV3JhcHBlcj5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IEdsb3NzRXhhbXBsZTtcbiJdfQ== */"));
 const GlossExample = _ref => {
-  var _example$transcriptio, _example$transcriptio2, _example$transcriptio3;
   let {
     example,
     originalLanguage,
@@ -45,12 +44,12 @@ const GlossExample = _ref => {
     }), example.transcriptions.pinyin && _jsx(StyledGlossExample, {
       lang: originalLanguage,
       "data-is-standalone": isStandalone,
-      "data-is-last": ((_example$transcriptio = example.transcriptions.traditional) === null || _example$transcriptio === void 0 ? void 0 : _example$transcriptio.length) === 0,
+      "data-is-last": example.transcriptions.traditional?.length === 0,
       children: _jsx(StyledText, {
         "data-pinyin": true,
         textStyle: "meta-text-medium",
         margin: "none",
-        children: (_example$transcriptio2 = example.transcriptions) === null || _example$transcriptio2 === void 0 ? void 0 : _example$transcriptio2.pinyin
+        children: example.transcriptions?.pinyin
       })
     }), example.transcriptions.traditional && _jsx(StyledGlossExample, {
       lang: originalLanguage,
@@ -59,7 +58,7 @@ const GlossExample = _ref => {
       children: _jsx(StyledText, {
         textStyle: "meta-text-medium",
         margin: "none",
-        children: (_example$transcriptio3 = example.transcriptions) === null || _example$transcriptio3 === void 0 ? void 0 : _example$transcriptio3.traditional
+        children: example.transcriptions?.traditional
       })
     })]
   });

package/es/Grid/Grid.js

@@ -29,7 +29,7 @@ const Grid = _ref => {
     size,
     ...rest
   } = _ref;
-  const amountOfColumns = (children === null || children === void 0 ? void 0 : children.length) === 3 ? "3" : columns;
+  const amountOfColumns = children?.length === 3 ? "3" : columns;
   return _jsx(GridContainer, {
     "data-frontpage": size,
     "data-border": border,

package/es/Image/Image.js

@@ -11,15 +11,15 @@ function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringif
 import { colors, misc } from "@ndla/core";
 import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
 export const makeSrcQueryString = (width, crop, focalPoint) => {
-  const widthParams = width && "width=".concat(width);
-  const cropParams = crop && "cropStartX=".concat(crop.startX, "&cropEndX=").concat(crop.endX, "&cropStartY=").concat(crop.startY, "&cropEndY=").concat(crop.endY);
-  const focalPointParams = focalPoint && "focalX=".concat(focalPoint.x, "&focalY=").concat(focalPoint.y);
+  const widthParams = width && `width=${width}`;
+  const cropParams = crop && `cropStartX=${crop.startX}&cropEndX=${crop.endX}&cropStartY=${crop.startY}&cropEndY=${crop.endY}`;
+  const focalPointParams = focalPoint && `focalX=${focalPoint.x}&focalY=${focalPoint.y}`;
   const params = [widthParams, cropParams, focalPointParams].filter(p => p).join("&");
   return params;
 };
 const getSrcSet = (src, crop, focalPoint) => {
   const widths = [2720, 2080, 1760, 1440, 1120, 1000, 960, 800, 640, 480, 320, 240, 180];
-  return widths.map(width => "".concat(src, "?").concat(makeSrcQueryString(width, crop, focalPoint), " ").concat(width, "w")).join(", ");
+  return widths.map(width => `${src}?${makeSrcQueryString(width, crop, focalPoint)} ${width}w`).join(", ");
 };
 const StyledImageWrapper = /*#__PURE__*/_styled("div", {
   target: "ejtxxex1",
@@ -38,7 +38,6 @@ const StyledImage = /*#__PURE__*/_styled("img", {
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
 const Image = _ref => {
-  var _rest$srcSet;
   let {
     alt,
     src,
@@ -56,7 +55,7 @@ const Image = _ref => {
     expanded,
     ...rest
   } = _ref;
-  const srcSet = (_rest$srcSet = rest.srcSet) !== null && _rest$srcSet !== void 0 ? _rest$srcSet : getSrcSet(src, crop, focalPoint);
+  const srcSet = rest.srcSet ?? getSrcSet(src, crop, focalPoint);
   const queryString = makeSrcQueryString(fallbackWidth, crop, focalPoint);
   const loading = lazyLoad ? "lazy" : undefined;
   if (contentType && contentType === "image/gif") {
@@ -68,7 +67,7 @@ const Image = _ref => {
       children: _jsx(StyledImage, {
         alt: alt,
         loading: loading,
-        src: "".concat(src),
+        src: `${src}`,
         ...rest,
         "data-border": border,
         lang: lang
@@ -89,7 +88,7 @@ const Image = _ref => {
       }), _jsx(StyledImage, {
         alt: alt,
         loading: loading,
-        src: "".concat(src, "?").concat(queryString),
+        src: `${src}?${queryString}`,
         ...rest,
         "data-border": border,
         lang: lang

package/es/Image/ImageLink.js

@@ -31,7 +31,7 @@ export function ImageLink(_ref) {
   } = _ref;
   return _jsx(StyledLink, {
     target: "_blank",
-    href: "".concat(src, "?").concat(makeSrcQueryString(undefined, crop)),
+    href: `${src}?${makeSrcQueryString(undefined, crop)}`,
     rel: "noopener noreferrer",
     ...rest,
     children: children

package/es/KeyFigure/KeyFigure.js

@@ -49,10 +49,10 @@ const KeyFigure = _ref => {
   } = _ref;
   return _jsxs(ContentWrapper, {
     children: [_jsx(StyledImage, {
-      src: "".concat(image === null || image === void 0 ? void 0 : image.src, "?width=150"),
+      src: `${image?.src}?width=150`,
       width: 150,
       height: 150,
-      alt: image === null || image === void 0 ? void 0 : image.alt
+      alt: image?.alt
     }), _jsx(TitleWrapper, {
       children: parse(title)
     }), _jsx(SubTitleWrapper, {

package/es/LanguageSelector/LanguageSelector.js

@@ -72,12 +72,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: [_jsx(ActivityIndicator, {
             children: i18n.language === locale && _jsx(ActiveIndicator, {})
           }), _jsx(Text, {
-            children: t("languages.".concat(locale))
+            children: t(`languages.${locale}`)
           })]
         })
       }, locale))

package/es/LetterFilter/LetterFilter.js

@@ -34,7 +34,7 @@ const LetterFilter = _ref => {
   return _jsx(StyledUL, {
     children: alphabet.map(letter => {
       const disabled = !uppercaseLetters.includes(letter.toUpperCase());
-      const selected = letter.toUpperCase() === (value === null || value === void 0 ? void 0 : value.toUpperCase());
+      const selected = letter.toUpperCase() === value?.toUpperCase();
       return _jsx("li", {
         children: _jsx(StyledButton, {
           onClick: () => selected ? onChange(undefined) : onChange(letter),

package/es/LicenseByline/EmbedByline.js

@@ -36,7 +36,7 @@ const EmbedByline = _ref => {
     t
   } = 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 _jsx(BylineWrapper, {
       "data-top-rounded": topRounded,
       "data-bottom-rounded": bottomRounded,
@@ -63,12 +63,11 @@ const EmbedByline = _ref => {
         }), children]
       })
     }), visibleAlt ? _jsx(StyledSpan, {
-      children: "Alt: ".concat(visibleAlt)
+      children: `Alt: ${visibleAlt}`
     }) : null]
   });
 };
 export const LicenseContainerContent = _ref2 => {
-  var _copyright$license$li, _copyright$license, _Object$values$find;
   let {
     children,
     copyright,
@@ -78,12 +77,12 @@ export const LicenseContainerContent = _ref2 => {
     t,
     i18n
   } = useTranslation();
-  const license = copyright ? 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 ? getLicenseByAbbreviation(copyright.license?.license ?? "", i18n.language) : undefined;
   const authors = 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 : "span";
   return _jsxs(Component, {
-    children: [children, " ".concat(t("embed.type.".concat(type))).concat(captionAuthors.length ? ": " : ""), captionAuthors.map(author => author.name).join(", "), license ? _jsxs(_Fragment, {
+    children: [children, ` ${t(`embed.type.${type}`)}${captionAuthors.length ? ": " : ""}`, captionAuthors.map(author => author.name).join(", "), license ? _jsxs(_Fragment, {
       children: [" / ", _jsx(LicenseLink, {
         license: license
       })]

package/es/LicenseByline/LicenseDescription.js

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

package/es/LicenseByline/LicenseLink.js

@@ -15,14 +15,13 @@ const StyledSafeLink = /*#__PURE__*/_styled(SafeLink, {
   label: "StyledSafeLink"
 })("color:", 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 _jsx(StyledSafeLink, {
       to: license.url,
       rel: "license",

package/es/Messages/MessageBox.js

@@ -53,7 +53,7 @@ export const MessageBox = _ref => {
   } = useTranslation();
   return _jsxs(MessageBoxWrapper, {
     "data-type": type,
-    contentEditable: contentEditable !== null && contentEditable !== void 0 ? contentEditable : undefined,
+    contentEditable: contentEditable ?? undefined,
     children: [_jsx(InfoWrapper, {
       children: _jsxs("div", {
         children: [_jsx(ChildrenWrapper, {

package/es/Notion/Notion.js

@@ -64,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 === null || labels === void 0 ? void 0 : labels.length) - 1 && _jsx(_Fragment, {
+            children: [" ", label, i < labels?.length - 1 && _jsx(_Fragment, {
               children: " \u2022"
             })]
-          }, "notion-".concat(id, "-label-").concat(i + 1)))]
+          }, `notion-${id}-label-${i + 1}`))]
         })]
       }), _jsx(ClearWrapper, {})]
     }), children]

package/es/Notion/NotionImage.js

@@ -8,84 +8,39 @@ import _styled from "@emotion/styled/base";
  */
 
 /** @jsxImportSource @emotion/react */
-import { useTranslation } from "react-i18next";
-import { animations, breakpoints, colors, misc, mq, spacing } from "@ndla/core";
-import { ExpandTwoArrows, CursorClick } from "@ndla/icons/action";
-import { Play } from "@ndla/icons/common";
+
+import { animations, breakpoints, colors, mq, spacing } from "@ndla/core";
+import { Image } from "@ndla/primitives";
 import { Figure } from "../Figure";
-import Image from "../Image";
-import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
 const StyledImageWrapper = /*#__PURE__*/_styled("div", {
-  target: "e1beccco3",
+  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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIk5vdGlvbkltYWdlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFpQnFDIiwiZmlsZSI6Ik5vdGlvbkltYWdlLnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogQ29weXJpZ2h0IChjKSAyMDIyLXByZXNlbnQsIE5ETEEuXG4gKlxuICogVGhpcyBzb3VyY2UgY29kZSBpcyBsaWNlbnNlZCB1bmRlciB0aGUgR1BMdjMgbGljZW5zZSBmb3VuZCBpbiB0aGVcbiAqIExJQ0VOU0UgZmlsZSBpbiB0aGUgcm9vdCBkaXJlY3Rvcnkgb2YgdGhpcyBzb3VyY2UgdHJlZS5cbiAqXG4gKi9cblxuLyoqIEBqc3hJbXBvcnRTb3VyY2UgQGVtb3Rpb24vcmVhY3QgKi9cbmltcG9ydCB7IHVzZVRyYW5zbGF0aW9uIH0gZnJvbSBcInJlYWN0LWkxOG5leHRcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgYW5pbWF0aW9ucywgYnJlYWtwb2ludHMsIGNvbG9ycywgbWlzYywgbXEsIHNwYWNpbmcgfSBmcm9tIFwiQG5kbGEvY29yZVwiO1xuaW1wb3J0IHsgRXhwYW5kVHdvQXJyb3dzLCBDdXJzb3JDbGljayB9IGZyb20gXCJAbmRsYS9pY29ucy9hY3Rpb25cIjtcbmltcG9ydCB7IFBsYXkgfSBmcm9tIFwiQG5kbGEvaWNvbnMvY29tbW9uXCI7XG5pbXBvcnQgeyBGaWd1cmUgfSBmcm9tIFwiLi4vRmlndXJlXCI7XG5pbXBvcnQgSW1hZ2UgZnJvbSBcIi4uL0ltYWdlXCI7XG5cbmNvbnN0IFN0eWxlZEltYWdlV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIG92ZXJmbG93OiBoaWRkZW47XG4gIHdpZHRoOiAyNjBweDtcbiAgcGFkZGluZy10b3A6ICR7c3BhY2luZy5zbWFsbH07XG4gICR7bXEucmFuZ2UoeyB1bnRpbDogYnJlYWtwb2ludHMudGFibGV0V2lkZSB9KX0ge1xuICAgIG1hcmdpbjogMCBhdXRvO1xuICB9XG4gICY6aG92ZXIge1xuICAgIGltZyB7XG4gICAgICB0cmFuc2Zvcm06IHNjYWxlKDEuMSk7XG4gICAgICBvcGFjaXR5OiAxLjE7XG4gICAgICB0cmFuc2l0aW9uLWR1cmF0aW9uOiAwLjVzO1xuICAgIH1cbiAgfVxuYDtcblxuY29uc3QgU3R5bGVkSW1hZ2UgPSBzdHlsZWQoSW1hZ2UpYFxuICBvYmplY3QtZml0OiBjb3ZlcjtcbiAgbWF4LWhlaWdodDogMTYycHg7XG4gIHRyYW5zaXRpb246IHRyYW5zZm9ybSAke2FuaW1hdGlvbnMuZHVyYXRpb25zLmZhc3R9O1xuICAke21xLnJhbmdlKHsgdW50aWw6IGJyZWFrcG9pbnRzLnRhYmxldFdpZGUgfSl9IHtcbiAgICBtaW4td2lkdGg6IDI2MHB4O1xuICB9XG5gO1xuXG5pbnRlcmZhY2UgUHJvcHMge1xuICB0eXBlOiBcImltYWdlXCIgfCBcInZpZGVvXCIgfCBcImg1cFwiIHwgXCJpZnJhbWVcIiB8IFwiZXh0ZXJuYWxcIiB8IFwiYXVkaW9cIiB8IHVuZGVmaW5lZDtcbiAgc3JjOiBzdHJpbmc7XG4gIGFsdDogc3RyaW5nO1xufVxuXG5jb25zdCBTdHlsZWRGaWd1cmUgPSBzdHlsZWQoRmlndXJlKWBcbiAgJjpob3ZlciB7XG4gICAgW2RhdGEtb3Blbi1idXR0b25dIHtcbiAgICAgIGJhY2tncm91bmQ6ICR7Y29sb3JzLndoaXRlfTtcbiAgICAgIHN2ZyB7XG4gICAgICAgIHRyYW5zZm9ybTogc2NhbGUoMS4yKTtcbiAgICAgIH1cbiAgICB9XG4gIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBOb3Rpb25JbWFnZSA9ICh7IHNyYywgYWx0LCB0eXBlIH06IFByb3BzKSA9PiB7XG4gIHJldHVybiAoXG4gICAgPFN0eWxlZEZpZ3VyZSB0eXBlPXtcImZ1bGwtY29sdW1uXCJ9PlxuICAgICAgPFN0eWxlZEltYWdlV3JhcHBlcj5cbiAgICAgICAgPFN0eWxlZEltYWdlIGFsdD17YWx0fSBzcmM9e3NyY30gZXhwYW5kQnV0dG9uPXs8T3BlbkJ1dHRvbiB0eXBlPXt0eXBlfSAvPn0gLz5cbiAgICAgIDwvU3R5bGVkSW1hZ2VXcmFwcGVyPlxuICAgIDwvU3R5bGVkRmlndXJlPlxuICApO1xufTtcblxuaW50ZXJmYWNlIE9wZW5CdXR0b25Qcm9wcyB7XG4gIHR5cGU/OiBcImltYWdlXCIgfCBcInZpZGVvXCIgfCBcImg1cFwiIHwgXCJpZnJhbWVcIiB8IFwiZXh0ZXJuYWxcIiB8IFwiYXVkaW9cIjtcbn1cblxuZXhwb3J0IGNvbnN0IEZpZ3VyZUFjdGlvbkluZGljYXRvciA9IHN0eWxlZC5kaXZgXG4gIGFsbDogdW5zZXQ7XG4gIGN1cnNvcjogcG9pbnRlcjtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICBwYWRkaW5nOiAwO1xuICBib3R0b206IDhweDtcbiAgcmlnaHQ6IDhweDtcbiAgd2lkdGg6IDQwcHg7XG4gIGhlaWdodDogNDBweDtcbiAgZGlzcGxheTogZmxleDtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIHRyYW5zaXRpb246IGFsbCAwLjNzIGVhc2Utb3V0O1xuICAvLyBUaGUgNjUgaXMgYWRkZWQgdG8gYWx0ZXIgdGhlIG9wYWNpdHkuXG4gIGJhY2tncm91bmQtY29sb3I6ICR7Y29sb3JzLmJhY2tncm91bmQuZGVmYXVsdH02NTtcbiAgYm9yZGVyLXJhZGl1czogJHttaXNjLmJvcmRlclJhZGl1c0xhcmdlfTtcbiAgYm9yZGVyOiAwO1xuICBzdmcge1xuICAgIHRyYW5zaXRpb246IHRyYW5zZm9ybSAwLjRzIGVhc2Utb3V0O1xuICAgIHdpZHRoOiAxOHB4O1xuICAgIGhlaWdodDogMThweDtcbiAgICBmaWxsOiAke2NvbG9ycy5icmFuZC5wcmltYXJ5fTtcbiAgICBjb2xvcjogJHtjb2xvcnMuYnJhbmQucHJpbWFyeX07XG4gIH1cbiAgJHttcS5yYW5nZSh7IHVudGlsOiBicmVha3BvaW50cy50YWJsZXQgfSl9IHtcbiAgICBkaXNwbGF5OiBub25lO1xuICB9XG5gO1xuXG5leHBvcnQgY29uc3QgT3BlbkJ1dHRvbiA9ICh7IHR5cGUgfTogT3BlbkJ1dHRvblByb3BzKSA9PiB7XG4gIGNvbnN0IHsgdCB9ID0gdXNlVHJhbnNsYXRpb24oKTtcbiAgcmV0dXJuIChcbiAgICA8RmlndXJlQWN0aW9uSW5kaWNhdG9yIGRhdGEtb3Blbi1idXR0b249XCJcIiBhcmlhLWxhYmVsPXt0KFwibGljZW5zZS5pbWFnZXMuaXRlbUltYWdlLnpvb21JbWFnZUJ1dHRvbkxhYmVsXCIpfT5cbiAgICAgIHt0eXBlID09PSBcImltYWdlXCIgJiYgPEV4cGFuZFR3b0Fycm93cyAvPn1cbiAgICAgIHt0eXBlID09PSBcImg1cFwiICYmIDxDdXJzb3JDbGljayBzdHlsZT17eyB3aWR0aDogXCIyNHB4XCIsIGhlaWdodDogXCIyNHB4XCIgfX0gLz59XG4gICAgICB7dHlwZSA9PT0gXCJpZnJhbWVcIiAmJiA8Q3Vyc29yQ2xpY2sgc3R5bGU9e3sgd2lkdGg6IFwiMjRweFwiLCBoZWlnaHQ6IFwiMjRweFwiIH19IC8+fVxuICAgICAge3R5cGUgPT09IFwiZXh0ZXJuYWxcIiAmJiA8Q3Vyc29yQ2xpY2sgc3R5bGU9e3sgd2lkdGg6IFwiMjRweFwiLCBoZWlnaHQ6IFwiMjRweFwiIH19IC8+fVxuICAgICAge3R5cGUgPT09IFwidmlkZW9cIiAmJiA8UGxheSBzdHlsZT17eyB3aWR0aDogXCIyNHB4XCIsIGhlaWdodDogXCIyNHB4XCIgfX0gLz59XG4gICAgPC9GaWd1cmVBY3Rpb25JbmRpY2F0b3I+XG4gICk7XG59O1xuIl19 */"));
+}), "{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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIk5vdGlvbkltYWdlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFjcUMiLCJmaWxlIjoiTm90aW9uSW1hZ2UudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDb3B5cmlnaHQgKGMpIDIwMjItcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLlxuICpcbiAqL1xuXG4vKiogQGpzeEltcG9ydFNvdXJjZSBAZW1vdGlvbi9yZWFjdCAqL1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBhbmltYXRpb25zLCBicmVha3BvaW50cywgY29sb3JzLCBtcSwgc3BhY2luZyB9IGZyb20gXCJAbmRsYS9jb3JlXCI7XG5pbXBvcnQgeyBJbWFnZSB9IGZyb20gXCJAbmRsYS9wcmltaXRpdmVzXCI7XG5pbXBvcnQgeyBGaWd1cmUgfSBmcm9tIFwiLi4vRmlndXJlXCI7XG5cbmNvbnN0IFN0eWxlZEltYWdlV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIG92ZXJmbG93OiBoaWRkZW47XG4gIHdpZHRoOiAyNjBweDtcbiAgcGFkZGluZy10b3A6ICR7c3BhY2luZy5zbWFsbH07XG4gICR7bXEucmFuZ2UoeyB1bnRpbDogYnJlYWtwb2ludHMudGFibGV0V2lkZSB9KX0ge1xuICAgIG1hcmdpbjogMCBhdXRvO1xuICB9XG4gICY6aG92ZXIge1xuICAgIGltZyB7XG4gICAgICB0cmFuc2Zvcm06IHNjYWxlKDEuMSk7XG4gICAgICBvcGFjaXR5OiAxLjE7XG4gICAgICB0cmFuc2l0aW9uLWR1cmF0aW9uOiAwLjVzO1xuICAgIH1cbiAgfVxuYDtcblxuY29uc3QgU3R5bGVkSW1hZ2UgPSBzdHlsZWQoSW1hZ2UpYFxuICBvYmplY3QtZml0OiBjb3ZlcjtcbiAgbWF4LWhlaWdodDogMTYycHg7XG4gIHRyYW5zaXRpb246IHRyYW5zZm9ybSAke2FuaW1hdGlvbnMuZHVyYXRpb25zLmZhc3R9O1xuICAke21xLnJhbmdlKHsgdW50aWw6IGJyZWFrcG9pbnRzLnRhYmxldFdpZGUgfSl9IHtcbiAgICBtaW4td2lkdGg6IDI2MHB4O1xuICB9XG5gO1xuXG5pbnRlcmZhY2UgUHJvcHMge1xuICBzcmM6IHN0cmluZztcbiAgYWx0OiBzdHJpbmc7XG59XG5cbmNvbnN0IFN0eWxlZEZpZ3VyZSA9IHN0eWxlZChGaWd1cmUpYFxuICAmOmhvdmVyIHtcbiAgICBbZGF0YS1vcGVuLWJ1dHRvbl0ge1xuICAgICAgYmFja2dyb3VuZDogJHtjb2xvcnMud2hpdGV9O1xuICAgICAgc3ZnIHtcbiAgICAgICAgdHJhbnNmb3JtOiBzY2FsZSgxLjIpO1xuICAgICAgfVxuICAgIH1cbiAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IE5vdGlvbkltYWdlID0gKHsgc3JjLCBhbHQgfTogUHJvcHMpID0+IHtcbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkRmlndXJlIHR5cGU9e1wiZnVsbC1jb2x1bW5cIn0+XG4gICAgICA8U3R5bGVkSW1hZ2VXcmFwcGVyPlxuICAgICAgICA8U3R5bGVkSW1hZ2UgYWx0PXthbHR9IHNyYz17c3JjfSAvPlxuICAgICAgPC9TdHlsZWRJbWFnZVdyYXBwZXI+XG4gICAgPC9TdHlsZWRGaWd1cmU+XG4gICk7XG59O1xuIl19 */"));
 const StyledImage = /*#__PURE__*/_styled(Image, {
-  target: "e1beccco2",
+  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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIk5vdGlvbkltYWdlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFpQ2lDIiwiZmlsZSI6Ik5vdGlvbkltYWdlLnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogQ29weXJpZ2h0IChjKSAyMDIyLXByZXNlbnQsIE5ETEEuXG4gKlxuICogVGhpcyBzb3VyY2UgY29kZSBpcyBsaWNlbnNlZCB1bmRlciB0aGUgR1BMdjMgbGljZW5zZSBmb3VuZCBpbiB0aGVcbiAqIExJQ0VOU0UgZmlsZSBpbiB0aGUgcm9vdCBkaXJlY3Rvcnkgb2YgdGhpcyBzb3VyY2UgdHJlZS5cbiAqXG4gKi9cblxuLyoqIEBqc3hJbXBvcnRTb3VyY2UgQGVtb3Rpb24vcmVhY3QgKi9cbmltcG9ydCB7IHVzZVRyYW5zbGF0aW9uIH0gZnJvbSBcInJlYWN0LWkxOG5leHRcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgYW5pbWF0aW9ucywgYnJlYWtwb2ludHMsIGNvbG9ycywgbWlzYywgbXEsIHNwYWNpbmcgfSBmcm9tIFwiQG5kbGEvY29yZVwiO1xuaW1wb3J0IHsgRXhwYW5kVHdvQXJyb3dzLCBDdXJzb3JDbGljayB9IGZyb20gXCJAbmRsYS9pY29ucy9hY3Rpb25cIjtcbmltcG9ydCB7IFBsYXkgfSBmcm9tIFwiQG5kbGEvaWNvbnMvY29tbW9uXCI7XG5pbXBvcnQgeyBGaWd1cmUgfSBmcm9tIFwiLi4vRmlndXJlXCI7XG5pbXBvcnQgSW1hZ2UgZnJvbSBcIi4uL0ltYWdlXCI7XG5cbmNvbnN0IFN0eWxlZEltYWdlV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIG92ZXJmbG93OiBoaWRkZW47XG4gIHdpZHRoOiAyNjBweDtcbiAgcGFkZGluZy10b3A6ICR7c3BhY2luZy5zbWFsbH07XG4gICR7bXEucmFuZ2UoeyB1bnRpbDogYnJlYWtwb2ludHMudGFibGV0V2lkZSB9KX0ge1xuICAgIG1hcmdpbjogMCBhdXRvO1xuICB9XG4gICY6aG92ZXIge1xuICAgIGltZyB7XG4gICAgICB0cmFuc2Zvcm06IHNjYWxlKDEuMSk7XG4gICAgICBvcGFjaXR5OiAxLjE7XG4gICAgICB0cmFuc2l0aW9uLWR1cmF0aW9uOiAwLjVzO1xuICAgIH1cbiAgfVxuYDtcblxuY29uc3QgU3R5bGVkSW1hZ2UgPSBzdHlsZWQoSW1hZ2UpYFxuICBvYmplY3QtZml0OiBjb3ZlcjtcbiAgbWF4LWhlaWdodDogMTYycHg7XG4gIHRyYW5zaXRpb246IHRyYW5zZm9ybSAke2FuaW1hdGlvbnMuZHVyYXRpb25zLmZhc3R9O1xuICAke21xLnJhbmdlKHsgdW50aWw6IGJyZWFrcG9pbnRzLnRhYmxldFdpZGUgfSl9IHtcbiAgICBtaW4td2lkdGg6IDI2MHB4O1xuICB9XG5gO1xuXG5pbnRlcmZhY2UgUHJvcHMge1xuICB0eXBlOiBcImltYWdlXCIgfCBcInZpZGVvXCIgfCBcImg1cFwiIHwgXCJpZnJhbWVcIiB8IFwiZXh0ZXJuYWxcIiB8IFwiYXVkaW9cIiB8IHVuZGVmaW5lZDtcbiAgc3JjOiBzdHJpbmc7XG4gIGFsdDogc3RyaW5nO1xufVxuXG5jb25zdCBTdHlsZWRGaWd1cmUgPSBzdHlsZWQoRmlndXJlKWBcbiAgJjpob3ZlciB7XG4gICAgW2RhdGEtb3Blbi1idXR0b25dIHtcbiAgICAgIGJhY2tncm91bmQ6ICR7Y29sb3JzLndoaXRlfTtcbiAgICAgIHN2ZyB7XG4gICAgICAgIHRyYW5zZm9ybTogc2NhbGUoMS4yKTtcbiAgICAgIH1cbiAgICB9XG4gIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBOb3Rpb25JbWFnZSA9ICh7IHNyYywgYWx0LCB0eXBlIH06IFByb3BzKSA9PiB7XG4gIHJldHVybiAoXG4gICAgPFN0eWxlZEZpZ3VyZSB0eXBlPXtcImZ1bGwtY29sdW1uXCJ9PlxuICAgICAgPFN0eWxlZEltYWdlV3JhcHBlcj5cbiAgICAgICAgPFN0eWxlZEltYWdlIGFsdD17YWx0fSBzcmM9e3NyY30gZXhwYW5kQnV0dG9uPXs8T3BlbkJ1dHRvbiB0eXBlPXt0eXBlfSAvPn0gLz5cbiAgICAgIDwvU3R5bGVkSW1hZ2VXcmFwcGVyPlxuICAgIDwvU3R5bGVkRmlndXJlPlxuICApO1xufTtcblxuaW50ZXJmYWNlIE9wZW5CdXR0b25Qcm9wcyB7XG4gIHR5cGU/OiBcImltYWdlXCIgfCBcInZpZGVvXCIgfCBcImg1cFwiIHwgXCJpZnJhbWVcIiB8IFwiZXh0ZXJuYWxcIiB8IFwiYXVkaW9cIjtcbn1cblxuZXhwb3J0IGNvbnN0IEZpZ3VyZUFjdGlvbkluZGljYXRvciA9IHN0eWxlZC5kaXZgXG4gIGFsbDogdW5zZXQ7XG4gIGN1cnNvcjogcG9pbnRlcjtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICBwYWRkaW5nOiAwO1xuICBib3R0b206IDhweDtcbiAgcmlnaHQ6IDhweDtcbiAgd2lkdGg6IDQwcHg7XG4gIGhlaWdodDogNDBweDtcbiAgZGlzcGxheTogZmxleDtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIHRyYW5zaXRpb246IGFsbCAwLjNzIGVhc2Utb3V0O1xuICAvLyBUaGUgNjUgaXMgYWRkZWQgdG8gYWx0ZXIgdGhlIG9wYWNpdHkuXG4gIGJhY2tncm91bmQtY29sb3I6ICR7Y29sb3JzLmJhY2tncm91bmQuZGVmYXVsdH02NTtcbiAgYm9yZGVyLXJhZGl1czogJHttaXNjLmJvcmRlclJhZGl1c0xhcmdlfTtcbiAgYm9yZGVyOiAwO1xuICBzdmcge1xuICAgIHRyYW5zaXRpb246IHRyYW5zZm9ybSAwLjRzIGVhc2Utb3V0O1xuICAgIHdpZHRoOiAxOHB4O1xuICAgIGhlaWdodDogMThweDtcbiAgICBmaWxsOiAke2NvbG9ycy5icmFuZC5wcmltYXJ5fTtcbiAgICBjb2xvcjogJHtjb2xvcnMuYnJhbmQucHJpbWFyeX07XG4gIH1cbiAgJHttcS5yYW5nZSh7IHVudGlsOiBicmVha3BvaW50cy50YWJsZXQgfSl9IHtcbiAgICBkaXNwbGF5OiBub25lO1xuICB9XG5gO1xuXG5leHBvcnQgY29uc3QgT3BlbkJ1dHRvbiA9ICh7IHR5cGUgfTogT3BlbkJ1dHRvblByb3BzKSA9PiB7XG4gIGNvbnN0IHsgdCB9ID0gdXNlVHJhbnNsYXRpb24oKTtcbiAgcmV0dXJuIChcbiAgICA8RmlndXJlQWN0aW9uSW5kaWNhdG9yIGRhdGEtb3Blbi1idXR0b249XCJcIiBhcmlhLWxhYmVsPXt0KFwibGljZW5zZS5pbWFnZXMuaXRlbUltYWdlLnpvb21JbWFnZUJ1dHRvbkxhYmVsXCIpfT5cbiAgICAgIHt0eXBlID09PSBcImltYWdlXCIgJiYgPEV4cGFuZFR3b0Fycm93cyAvPn1cbiAgICAgIHt0eXBlID09PSBcImg1cFwiICYmIDxDdXJzb3JDbGljayBzdHlsZT17eyB3aWR0aDogXCIyNHB4XCIsIGhlaWdodDogXCIyNHB4XCIgfX0gLz59XG4gICAgICB7dHlwZSA9PT0gXCJpZnJhbWVcIiAmJiA8Q3Vyc29yQ2xpY2sgc3R5bGU9e3sgd2lkdGg6IFwiMjRweFwiLCBoZWlnaHQ6IFwiMjRweFwiIH19IC8+fVxuICAgICAge3R5cGUgPT09IFwiZXh0ZXJuYWxcIiAmJiA8Q3Vyc29yQ2xpY2sgc3R5bGU9e3sgd2lkdGg6IFwiMjRweFwiLCBoZWlnaHQ6IFwiMjRweFwiIH19IC8+fVxuICAgICAge3R5cGUgPT09IFwidmlkZW9cIiAmJiA8UGxheSBzdHlsZT17eyB3aWR0aDogXCIyNHB4XCIsIGhlaWdodDogXCIyNHB4XCIgfX0gLz59XG4gICAgPC9GaWd1cmVBY3Rpb25JbmRpY2F0b3I+XG4gICk7XG59O1xuIl19 */"));
+}), "{min-width:260px;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIk5vdGlvbkltYWdlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE4QmlDIiwiZmlsZSI6Ik5vdGlvbkltYWdlLnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogQ29weXJpZ2h0IChjKSAyMDIyLXByZXNlbnQsIE5ETEEuXG4gKlxuICogVGhpcyBzb3VyY2UgY29kZSBpcyBsaWNlbnNlZCB1bmRlciB0aGUgR1BMdjMgbGljZW5zZSBmb3VuZCBpbiB0aGVcbiAqIExJQ0VOU0UgZmlsZSBpbiB0aGUgcm9vdCBkaXJlY3Rvcnkgb2YgdGhpcyBzb3VyY2UgdHJlZS5cbiAqXG4gKi9cblxuLyoqIEBqc3hJbXBvcnRTb3VyY2UgQGVtb3Rpb24vcmVhY3QgKi9cbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgYW5pbWF0aW9ucywgYnJlYWtwb2ludHMsIGNvbG9ycywgbXEsIHNwYWNpbmcgfSBmcm9tIFwiQG5kbGEvY29yZVwiO1xuaW1wb3J0IHsgSW1hZ2UgfSBmcm9tIFwiQG5kbGEvcHJpbWl0aXZlc1wiO1xuaW1wb3J0IHsgRmlndXJlIH0gZnJvbSBcIi4uL0ZpZ3VyZVwiO1xuXG5jb25zdCBTdHlsZWRJbWFnZVdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBvdmVyZmxvdzogaGlkZGVuO1xuICB3aWR0aDogMjYwcHg7XG4gIHBhZGRpbmctdG9wOiAke3NwYWNpbmcuc21hbGx9O1xuICAke21xLnJhbmdlKHsgdW50aWw6IGJyZWFrcG9pbnRzLnRhYmxldFdpZGUgfSl9IHtcbiAgICBtYXJnaW46IDAgYXV0bztcbiAgfVxuICAmOmhvdmVyIHtcbiAgICBpbWcge1xuICAgICAgdHJhbnNmb3JtOiBzY2FsZSgxLjEpO1xuICAgICAgb3BhY2l0eTogMS4xO1xuICAgICAgdHJhbnNpdGlvbi1kdXJhdGlvbjogMC41cztcbiAgICB9XG4gIH1cbmA7XG5cbmNvbnN0IFN0eWxlZEltYWdlID0gc3R5bGVkKEltYWdlKWBcbiAgb2JqZWN0LWZpdDogY292ZXI7XG4gIG1heC1oZWlnaHQ6IDE2MnB4O1xuICB0cmFuc2l0aW9uOiB0cmFuc2Zvcm0gJHthbmltYXRpb25zLmR1cmF0aW9ucy5mYXN0fTtcbiAgJHttcS5yYW5nZSh7IHVudGlsOiBicmVha3BvaW50cy50YWJsZXRXaWRlIH0pfSB7XG4gICAgbWluLXdpZHRoOiAyNjBweDtcbiAgfVxuYDtcblxuaW50ZXJmYWNlIFByb3BzIHtcbiAgc3JjOiBzdHJpbmc7XG4gIGFsdDogc3RyaW5nO1xufVxuXG5jb25zdCBTdHlsZWRGaWd1cmUgPSBzdHlsZWQoRmlndXJlKWBcbiAgJjpob3ZlciB7XG4gICAgW2RhdGEtb3Blbi1idXR0b25dIHtcbiAgICAgIGJhY2tncm91bmQ6ICR7Y29sb3JzLndoaXRlfTtcbiAgICAgIHN2ZyB7XG4gICAgICAgIHRyYW5zZm9ybTogc2NhbGUoMS4yKTtcbiAgICAgIH1cbiAgICB9XG4gIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBOb3Rpb25JbWFnZSA9ICh7IHNyYywgYWx0IH06IFByb3BzKSA9PiB7XG4gIHJldHVybiAoXG4gICAgPFN0eWxlZEZpZ3VyZSB0eXBlPXtcImZ1bGwtY29sdW1uXCJ9PlxuICAgICAgPFN0eWxlZEltYWdlV3JhcHBlcj5cbiAgICAgICAgPFN0eWxlZEltYWdlIGFsdD17YWx0fSBzcmM9e3NyY30gLz5cbiAgICAgIDwvU3R5bGVkSW1hZ2VXcmFwcGVyPlxuICAgIDwvU3R5bGVkRmlndXJlPlxuICApO1xufTtcbiJdfQ== */"));
 const StyledFigure = /*#__PURE__*/_styled(Figure, {
-  target: "e1beccco1",
+  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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIk5vdGlvbkltYWdlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFnRG1DIiwiZmlsZSI6Ik5vdGlvbkltYWdlLnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogQ29weXJpZ2h0IChjKSAyMDIyLXByZXNlbnQsIE5ETEEuXG4gKlxuICogVGhpcyBzb3VyY2UgY29kZSBpcyBsaWNlbnNlZCB1bmRlciB0aGUgR1BMdjMgbGljZW5zZSBmb3VuZCBpbiB0aGVcbiAqIExJQ0VOU0UgZmlsZSBpbiB0aGUgcm9vdCBkaXJlY3Rvcnkgb2YgdGhpcyBzb3VyY2UgdHJlZS5cbiAqXG4gKi9cblxuLyoqIEBqc3hJbXBvcnRTb3VyY2UgQGVtb3Rpb24vcmVhY3QgKi9cbmltcG9ydCB7IHVzZVRyYW5zbGF0aW9uIH0gZnJvbSBcInJlYWN0LWkxOG5leHRcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgYW5pbWF0aW9ucywgYnJlYWtwb2ludHMsIGNvbG9ycywgbWlzYywgbXEsIHNwYWNpbmcgfSBmcm9tIFwiQG5kbGEvY29yZVwiO1xuaW1wb3J0IHsgRXhwYW5kVHdvQXJyb3dzLCBDdXJzb3JDbGljayB9IGZyb20gXCJAbmRsYS9pY29ucy9hY3Rpb25cIjtcbmltcG9ydCB7IFBsYXkgfSBmcm9tIFwiQG5kbGEvaWNvbnMvY29tbW9uXCI7XG5pbXBvcnQgeyBGaWd1cmUgfSBmcm9tIFwiLi4vRmlndXJlXCI7XG5pbXBvcnQgSW1hZ2UgZnJvbSBcIi4uL0ltYWdlXCI7XG5cbmNvbnN0IFN0eWxlZEltYWdlV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIG92ZXJmbG93OiBoaWRkZW47XG4gIHdpZHRoOiAyNjBweDtcbiAgcGFkZGluZy10b3A6ICR7c3BhY2luZy5zbWFsbH07XG4gICR7bXEucmFuZ2UoeyB1bnRpbDogYnJlYWtwb2ludHMudGFibGV0V2lkZSB9KX0ge1xuICAgIG1hcmdpbjogMCBhdXRvO1xuICB9XG4gICY6aG92ZXIge1xuICAgIGltZyB7XG4gICAgICB0cmFuc2Zvcm06IHNjYWxlKDEuMSk7XG4gICAgICBvcGFjaXR5OiAxLjE7XG4gICAgICB0cmFuc2l0aW9uLWR1cmF0aW9uOiAwLjVzO1xuICAgIH1cbiAgfVxuYDtcblxuY29uc3QgU3R5bGVkSW1hZ2UgPSBzdHlsZWQoSW1hZ2UpYFxuICBvYmplY3QtZml0OiBjb3ZlcjtcbiAgbWF4LWhlaWdodDogMTYycHg7XG4gIHRyYW5zaXRpb246IHRyYW5zZm9ybSAke2FuaW1hdGlvbnMuZHVyYXRpb25zLmZhc3R9O1xuICAke21xLnJhbmdlKHsgdW50aWw6IGJyZWFrcG9pbnRzLnRhYmxldFdpZGUgfSl9IHtcbiAgICBtaW4td2lkdGg6IDI2MHB4O1xuICB9XG5gO1xuXG5pbnRlcmZhY2UgUHJvcHMge1xuICB0eXBlOiBcImltYWdlXCIgfCBcInZpZGVvXCIgfCBcImg1cFwiIHwgXCJpZnJhbWVcIiB8IFwiZXh0ZXJuYWxcIiB8IFwiYXVkaW9cIiB8IHVuZGVmaW5lZDtcbiAgc3JjOiBzdHJpbmc7XG4gIGFsdDogc3RyaW5nO1xufVxuXG5jb25zdCBTdHlsZWRGaWd1cmUgPSBzdHlsZWQoRmlndXJlKWBcbiAgJjpob3ZlciB7XG4gICAgW2RhdGEtb3Blbi1idXR0b25dIHtcbiAgICAgIGJhY2tncm91bmQ6ICR7Y29sb3JzLndoaXRlfTtcbiAgICAgIHN2ZyB7XG4gICAgICAgIHRyYW5zZm9ybTogc2NhbGUoMS4yKTtcbiAgICAgIH1cbiAgICB9XG4gIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBOb3Rpb25JbWFnZSA9ICh7IHNyYywgYWx0LCB0eXBlIH06IFByb3BzKSA9PiB7XG4gIHJldHVybiAoXG4gICAgPFN0eWxlZEZpZ3VyZSB0eXBlPXtcImZ1bGwtY29sdW1uXCJ9PlxuICAgICAgPFN0eWxlZEltYWdlV3JhcHBlcj5cbiAgICAgICAgPFN0eWxlZEltYWdlIGFsdD17YWx0fSBzcmM9e3NyY30gZXhwYW5kQnV0dG9uPXs8T3BlbkJ1dHRvbiB0eXBlPXt0eXBlfSAvPn0gLz5cbiAgICAgIDwvU3R5bGVkSW1hZ2VXcmFwcGVyPlxuICAgIDwvU3R5bGVkRmlndXJlPlxuICApO1xufTtcblxuaW50ZXJmYWNlIE9wZW5CdXR0b25Qcm9wcyB7XG4gIHR5cGU/OiBcImltYWdlXCIgfCBcInZpZGVvXCIgfCBcImg1cFwiIHwgXCJpZnJhbWVcIiB8IFwiZXh0ZXJuYWxcIiB8IFwiYXVkaW9cIjtcbn1cblxuZXhwb3J0IGNvbnN0IEZpZ3VyZUFjdGlvbkluZGljYXRvciA9IHN0eWxlZC5kaXZgXG4gIGFsbDogdW5zZXQ7XG4gIGN1cnNvcjogcG9pbnRlcjtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICBwYWRkaW5nOiAwO1xuICBib3R0b206IDhweDtcbiAgcmlnaHQ6IDhweDtcbiAgd2lkdGg6IDQwcHg7XG4gIGhlaWdodDogNDBweDtcbiAgZGlzcGxheTogZmxleDtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIHRyYW5zaXRpb246IGFsbCAwLjNzIGVhc2Utb3V0O1xuICAvLyBUaGUgNjUgaXMgYWRkZWQgdG8gYWx0ZXIgdGhlIG9wYWNpdHkuXG4gIGJhY2tncm91bmQtY29sb3I6ICR7Y29sb3JzLmJhY2tncm91bmQuZGVmYXVsdH02NTtcbiAgYm9yZGVyLXJhZGl1czogJHttaXNjLmJvcmRlclJhZGl1c0xhcmdlfTtcbiAgYm9yZGVyOiAwO1xuICBzdmcge1xuICAgIHRyYW5zaXRpb246IHRyYW5zZm9ybSAwLjRzIGVhc2Utb3V0O1xuICAgIHdpZHRoOiAxOHB4O1xuICAgIGhlaWdodDogMThweDtcbiAgICBmaWxsOiAke2NvbG9ycy5icmFuZC5wcmltYXJ5fTtcbiAgICBjb2xvcjogJHtjb2xvcnMuYnJhbmQucHJpbWFyeX07XG4gIH1cbiAgJHttcS5yYW5nZSh7IHVudGlsOiBicmVha3BvaW50cy50YWJsZXQgfSl9IHtcbiAgICBkaXNwbGF5OiBub25lO1xuICB9XG5gO1xuXG5leHBvcnQgY29uc3QgT3BlbkJ1dHRvbiA9ICh7IHR5cGUgfTogT3BlbkJ1dHRvblByb3BzKSA9PiB7XG4gIGNvbnN0IHsgdCB9ID0gdXNlVHJhbnNsYXRpb24oKTtcbiAgcmV0dXJuIChcbiAgICA8RmlndXJlQWN0aW9uSW5kaWNhdG9yIGRhdGEtb3Blbi1idXR0b249XCJcIiBhcmlhLWxhYmVsPXt0KFwibGljZW5zZS5pbWFnZXMuaXRlbUltYWdlLnpvb21JbWFnZUJ1dHRvbkxhYmVsXCIpfT5cbiAgICAgIHt0eXBlID09PSBcImltYWdlXCIgJiYgPEV4cGFuZFR3b0Fycm93cyAvPn1cbiAgICAgIHt0eXBlID09PSBcImg1cFwiICYmIDxDdXJzb3JDbGljayBzdHlsZT17eyB3aWR0aDogXCIyNHB4XCIsIGhlaWdodDogXCIyNHB4XCIgfX0gLz59XG4gICAgICB7dHlwZSA9PT0gXCJpZnJhbWVcIiAmJiA8Q3Vyc29yQ2xpY2sgc3R5bGU9e3sgd2lkdGg6IFwiMjRweFwiLCBoZWlnaHQ6IFwiMjRweFwiIH19IC8+fVxuICAgICAge3R5cGUgPT09IFwiZXh0ZXJuYWxcIiAmJiA8Q3Vyc29yQ2xpY2sgc3R5bGU9e3sgd2lkdGg6IFwiMjRweFwiLCBoZWlnaHQ6IFwiMjRweFwiIH19IC8+fVxuICAgICAge3R5cGUgPT09IFwidmlkZW9cIiAmJiA8UGxheSBzdHlsZT17eyB3aWR0aDogXCIyNHB4XCIsIGhlaWdodDogXCIyNHB4XCIgfX0gLz59XG4gICAgPC9GaWd1cmVBY3Rpb25JbmRpY2F0b3I+XG4gICk7XG59O1xuIl19 */"));
+})("&: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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIk5vdGlvbkltYWdlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE0Q21DIiwiZmlsZSI6Ik5vdGlvbkltYWdlLnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogQ29weXJpZ2h0IChjKSAyMDIyLXByZXNlbnQsIE5ETEEuXG4gKlxuICogVGhpcyBzb3VyY2UgY29kZSBpcyBsaWNlbnNlZCB1bmRlciB0aGUgR1BMdjMgbGljZW5zZSBmb3VuZCBpbiB0aGVcbiAqIExJQ0VOU0UgZmlsZSBpbiB0aGUgcm9vdCBkaXJlY3Rvcnkgb2YgdGhpcyBzb3VyY2UgdHJlZS5cbiAqXG4gKi9cblxuLyoqIEBqc3hJbXBvcnRTb3VyY2UgQGVtb3Rpb24vcmVhY3QgKi9cbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgYW5pbWF0aW9ucywgYnJlYWtwb2ludHMsIGNvbG9ycywgbXEsIHNwYWNpbmcgfSBmcm9tIFwiQG5kbGEvY29yZVwiO1xuaW1wb3J0IHsgSW1hZ2UgfSBmcm9tIFwiQG5kbGEvcHJpbWl0aXZlc1wiO1xuaW1wb3J0IHsgRmlndXJlIH0gZnJvbSBcIi4uL0ZpZ3VyZVwiO1xuXG5jb25zdCBTdHlsZWRJbWFnZVdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBvdmVyZmxvdzogaGlkZGVuO1xuICB3aWR0aDogMjYwcHg7XG4gIHBhZGRpbmctdG9wOiAke3NwYWNpbmcuc21hbGx9O1xuICAke21xLnJhbmdlKHsgdW50aWw6IGJyZWFrcG9pbnRzLnRhYmxldFdpZGUgfSl9IHtcbiAgICBtYXJnaW46IDAgYXV0bztcbiAgfVxuICAmOmhvdmVyIHtcbiAgICBpbWcge1xuICAgICAgdHJhbnNmb3JtOiBzY2FsZSgxLjEpO1xuICAgICAgb3BhY2l0eTogMS4xO1xuICAgICAgdHJhbnNpdGlvbi1kdXJhdGlvbjogMC41cztcbiAgICB9XG4gIH1cbmA7XG5cbmNvbnN0IFN0eWxlZEltYWdlID0gc3R5bGVkKEltYWdlKWBcbiAgb2JqZWN0LWZpdDogY292ZXI7XG4gIG1heC1oZWlnaHQ6IDE2MnB4O1xuICB0cmFuc2l0aW9uOiB0cmFuc2Zvcm0gJHthbmltYXRpb25zLmR1cmF0aW9ucy5mYXN0fTtcbiAgJHttcS5yYW5nZSh7IHVudGlsOiBicmVha3BvaW50cy50YWJsZXRXaWRlIH0pfSB7XG4gICAgbWluLXdpZHRoOiAyNjBweDtcbiAgfVxuYDtcblxuaW50ZXJmYWNlIFByb3BzIHtcbiAgc3JjOiBzdHJpbmc7XG4gIGFsdDogc3RyaW5nO1xufVxuXG5jb25zdCBTdHlsZWRGaWd1cmUgPSBzdHlsZWQoRmlndXJlKWBcbiAgJjpob3ZlciB7XG4gICAgW2RhdGEtb3Blbi1idXR0b25dIHtcbiAgICAgIGJhY2tncm91bmQ6ICR7Y29sb3JzLndoaXRlfTtcbiAgICAgIHN2ZyB7XG4gICAgICAgIHRyYW5zZm9ybTogc2NhbGUoMS4yKTtcbiAgICAgIH1cbiAgICB9XG4gIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBOb3Rpb25JbWFnZSA9ICh7IHNyYywgYWx0IH06IFByb3BzKSA9PiB7XG4gIHJldHVybiAoXG4gICAgPFN0eWxlZEZpZ3VyZSB0eXBlPXtcImZ1bGwtY29sdW1uXCJ9PlxuICAgICAgPFN0eWxlZEltYWdlV3JhcHBlcj5cbiAgICAgICAgPFN0eWxlZEltYWdlIGFsdD17YWx0fSBzcmM9e3NyY30gLz5cbiAgICAgIDwvU3R5bGVkSW1hZ2VXcmFwcGVyPlxuICAgIDwvU3R5bGVkRmlndXJlPlxuICApO1xufTtcbiJdfQ== */"));
 export const NotionImage = _ref => {
   let {
     src,
-    alt,
-    type
+    alt
   } = _ref;
   return _jsx(StyledFigure, {
     type: "full-column",
     children: _jsx(StyledImageWrapper, {
       children: _jsx(StyledImage, {
         alt: alt,
-        src: src,
-        expandButton: _jsx(OpenButton, {
-          type: type
-        })
+        src: src
       })
     })
   });
-};
-export const FigureActionIndicator = /*#__PURE__*/_styled("div", {
-  target: "e1beccco0",
-  label: "FigureActionIndicator"
-})("all:unset;cursor:pointer;position:absolute;padding:0;bottom:8px;right:8px;width:40px;height:40px;display:flex;justify-content:center;align-items:center;transition:all 0.3s ease-out;background-color:", colors.background.default, "65;border-radius:", misc.borderRadiusLarge, ";border:0;svg{transition:transform 0.4s ease-out;width:18px;height:18px;fill:", colors.brand.primary, ";color:", colors.brand.primary, ";}", mq.range({
-  until: breakpoints.tablet
-}), "{display:none;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIk5vdGlvbkltYWdlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF5RStDIiwiZmlsZSI6Ik5vdGlvbkltYWdlLnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogQ29weXJpZ2h0IChjKSAyMDIyLXByZXNlbnQsIE5ETEEuXG4gKlxuICogVGhpcyBzb3VyY2UgY29kZSBpcyBsaWNlbnNlZCB1bmRlciB0aGUgR1BMdjMgbGljZW5zZSBmb3VuZCBpbiB0aGVcbiAqIExJQ0VOU0UgZmlsZSBpbiB0aGUgcm9vdCBkaXJlY3Rvcnkgb2YgdGhpcyBzb3VyY2UgdHJlZS5cbiAqXG4gKi9cblxuLyoqIEBqc3hJbXBvcnRTb3VyY2UgQGVtb3Rpb24vcmVhY3QgKi9cbmltcG9ydCB7IHVzZVRyYW5zbGF0aW9uIH0gZnJvbSBcInJlYWN0LWkxOG5leHRcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgYW5pbWF0aW9ucywgYnJlYWtwb2ludHMsIGNvbG9ycywgbWlzYywgbXEsIHNwYWNpbmcgfSBmcm9tIFwiQG5kbGEvY29yZVwiO1xuaW1wb3J0IHsgRXhwYW5kVHdvQXJyb3dzLCBDdXJzb3JDbGljayB9IGZyb20gXCJAbmRsYS9pY29ucy9hY3Rpb25cIjtcbmltcG9ydCB7IFBsYXkgfSBmcm9tIFwiQG5kbGEvaWNvbnMvY29tbW9uXCI7XG5pbXBvcnQgeyBGaWd1cmUgfSBmcm9tIFwiLi4vRmlndXJlXCI7XG5pbXBvcnQgSW1hZ2UgZnJvbSBcIi4uL0ltYWdlXCI7XG5cbmNvbnN0IFN0eWxlZEltYWdlV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIG92ZXJmbG93OiBoaWRkZW47XG4gIHdpZHRoOiAyNjBweDtcbiAgcGFkZGluZy10b3A6ICR7c3BhY2luZy5zbWFsbH07XG4gICR7bXEucmFuZ2UoeyB1bnRpbDogYnJlYWtwb2ludHMudGFibGV0V2lkZSB9KX0ge1xuICAgIG1hcmdpbjogMCBhdXRvO1xuICB9XG4gICY6aG92ZXIge1xuICAgIGltZyB7XG4gICAgICB0cmFuc2Zvcm06IHNjYWxlKDEuMSk7XG4gICAgICBvcGFjaXR5OiAxLjE7XG4gICAgICB0cmFuc2l0aW9uLWR1cmF0aW9uOiAwLjVzO1xuICAgIH1cbiAgfVxuYDtcblxuY29uc3QgU3R5bGVkSW1hZ2UgPSBzdHlsZWQoSW1hZ2UpYFxuICBvYmplY3QtZml0OiBjb3ZlcjtcbiAgbWF4LWhlaWdodDogMTYycHg7XG4gIHRyYW5zaXRpb246IHRyYW5zZm9ybSAke2FuaW1hdGlvbnMuZHVyYXRpb25zLmZhc3R9O1xuICAke21xLnJhbmdlKHsgdW50aWw6IGJyZWFrcG9pbnRzLnRhYmxldFdpZGUgfSl9IHtcbiAgICBtaW4td2lkdGg6IDI2MHB4O1xuICB9XG5gO1xuXG5pbnRlcmZhY2UgUHJvcHMge1xuICB0eXBlOiBcImltYWdlXCIgfCBcInZpZGVvXCIgfCBcImg1cFwiIHwgXCJpZnJhbWVcIiB8IFwiZXh0ZXJuYWxcIiB8IFwiYXVkaW9cIiB8IHVuZGVmaW5lZDtcbiAgc3JjOiBzdHJpbmc7XG4gIGFsdDogc3RyaW5nO1xufVxuXG5jb25zdCBTdHlsZWRGaWd1cmUgPSBzdHlsZWQoRmlndXJlKWBcbiAgJjpob3ZlciB7XG4gICAgW2RhdGEtb3Blbi1idXR0b25dIHtcbiAgICAgIGJhY2tncm91bmQ6ICR7Y29sb3JzLndoaXRlfTtcbiAgICAgIHN2ZyB7XG4gICAgICAgIHRyYW5zZm9ybTogc2NhbGUoMS4yKTtcbiAgICAgIH1cbiAgICB9XG4gIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBOb3Rpb25JbWFnZSA9ICh7IHNyYywgYWx0LCB0eXBlIH06IFByb3BzKSA9PiB7XG4gIHJldHVybiAoXG4gICAgPFN0eWxlZEZpZ3VyZSB0eXBlPXtcImZ1bGwtY29sdW1uXCJ9PlxuICAgICAgPFN0eWxlZEltYWdlV3JhcHBlcj5cbiAgICAgICAgPFN0eWxlZEltYWdlIGFsdD17YWx0fSBzcmM9e3NyY30gZXhwYW5kQnV0dG9uPXs8T3BlbkJ1dHRvbiB0eXBlPXt0eXBlfSAvPn0gLz5cbiAgICAgIDwvU3R5bGVkSW1hZ2VXcmFwcGVyPlxuICAgIDwvU3R5bGVkRmlndXJlPlxuICApO1xufTtcblxuaW50ZXJmYWNlIE9wZW5CdXR0b25Qcm9wcyB7XG4gIHR5cGU/OiBcImltYWdlXCIgfCBcInZpZGVvXCIgfCBcImg1cFwiIHwgXCJpZnJhbWVcIiB8IFwiZXh0ZXJuYWxcIiB8IFwiYXVkaW9cIjtcbn1cblxuZXhwb3J0IGNvbnN0IEZpZ3VyZUFjdGlvbkluZGljYXRvciA9IHN0eWxlZC5kaXZgXG4gIGFsbDogdW5zZXQ7XG4gIGN1cnNvcjogcG9pbnRlcjtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICBwYWRkaW5nOiAwO1xuICBib3R0b206IDhweDtcbiAgcmlnaHQ6IDhweDtcbiAgd2lkdGg6IDQwcHg7XG4gIGhlaWdodDogNDBweDtcbiAgZGlzcGxheTogZmxleDtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIHRyYW5zaXRpb246IGFsbCAwLjNzIGVhc2Utb3V0O1xuICAvLyBUaGUgNjUgaXMgYWRkZWQgdG8gYWx0ZXIgdGhlIG9wYWNpdHkuXG4gIGJhY2tncm91bmQtY29sb3I6ICR7Y29sb3JzLmJhY2tncm91bmQuZGVmYXVsdH02NTtcbiAgYm9yZGVyLXJhZGl1czogJHttaXNjLmJvcmRlclJhZGl1c0xhcmdlfTtcbiAgYm9yZGVyOiAwO1xuICBzdmcge1xuICAgIHRyYW5zaXRpb246IHRyYW5zZm9ybSAwLjRzIGVhc2Utb3V0O1xuICAgIHdpZHRoOiAxOHB4O1xuICAgIGhlaWdodDogMThweDtcbiAgICBmaWxsOiAke2NvbG9ycy5icmFuZC5wcmltYXJ5fTtcbiAgICBjb2xvcjogJHtjb2xvcnMuYnJhbmQucHJpbWFyeX07XG4gIH1cbiAgJHttcS5yYW5nZSh7IHVudGlsOiBicmVha3BvaW50cy50YWJsZXQgfSl9IHtcbiAgICBkaXNwbGF5OiBub25lO1xuICB9XG5gO1xuXG5leHBvcnQgY29uc3QgT3BlbkJ1dHRvbiA9ICh7IHR5cGUgfTogT3BlbkJ1dHRvblByb3BzKSA9PiB7XG4gIGNvbnN0IHsgdCB9ID0gdXNlVHJhbnNsYXRpb24oKTtcbiAgcmV0dXJuIChcbiAgICA8RmlndXJlQWN0aW9uSW5kaWNhdG9yIGRhdGEtb3Blbi1idXR0b249XCJcIiBhcmlhLWxhYmVsPXt0KFwibGljZW5zZS5pbWFnZXMuaXRlbUltYWdlLnpvb21JbWFnZUJ1dHRvbkxhYmVsXCIpfT5cbiAgICAgIHt0eXBlID09PSBcImltYWdlXCIgJiYgPEV4cGFuZFR3b0Fycm93cyAvPn1cbiAgICAgIHt0eXBlID09PSBcImg1cFwiICYmIDxDdXJzb3JDbGljayBzdHlsZT17eyB3aWR0aDogXCIyNHB4XCIsIGhlaWdodDogXCIyNHB4XCIgfX0gLz59XG4gICAgICB7dHlwZSA9PT0gXCJpZnJhbWVcIiAmJiA8Q3Vyc29yQ2xpY2sgc3R5bGU9e3sgd2lkdGg6IFwiMjRweFwiLCBoZWlnaHQ6IFwiMjRweFwiIH19IC8+fVxuICAgICAge3R5cGUgPT09IFwiZXh0ZXJuYWxcIiAmJiA8Q3Vyc29yQ2xpY2sgc3R5bGU9e3sgd2lkdGg6IFwiMjRweFwiLCBoZWlnaHQ6IFwiMjRweFwiIH19IC8+fVxuICAgICAge3R5cGUgPT09IFwidmlkZW9cIiAmJiA8UGxheSBzdHlsZT17eyB3aWR0aDogXCIyNHB4XCIsIGhlaWdodDogXCIyNHB4XCIgfX0gLz59XG4gICAgPC9GaWd1cmVBY3Rpb25JbmRpY2F0b3I+XG4gICk7XG59O1xuIl19 */"));
-export const OpenButton = _ref2 => {
-  let {
-    type
-  } = _ref2;
-  const {
-    t
-  } = useTranslation();
-  return _jsxs(FigureActionIndicator, {
-    "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/RelatedArticleList/RelatedArticleList.js

@@ -118,8 +118,8 @@ export const RelatedArticleList = _ref2 => {
   const {
     t
   } = useTranslation();
-  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]);
+  const childCount = useMemo(() => articleCount ?? Children.count(children), [children, articleCount]);
+  const childrenToShow = useMemo(() => childCount > 2 && !expanded ? children?.slice(0, 2) : children, [childCount, children, expanded]);
   return _jsxs(StyledSection, {
     ...rest,
     children: [_jsxs(HeadingWrapper, {
@@ -134,7 +134,7 @@ export const RelatedArticleList = _ref2 => {
     }), childCount > 2 ? _jsx(ButtonV2, {
       onClick: () => setExpanded(p => !p),
       variant: "outline",
-      children: t("related.show".concat(expanded ? "Less" : "More"))
+      children: t(`related.show${expanded ? "Less" : "More"}`)
     }) : null]
   });
 };