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

package/lib/FrontpageArticle/FrontpageArticle.js

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

package/lib/Gloss/Gloss.js

@@ -63,21 +63,19 @@ const StyledChevron = /*#__PURE__*/(0, _base.default)(_common.ChevronDown, {
   label: "StyledChevron"
 })("transition:all 200ms ease-in-out;[data-styled-trigger][data-state=\"open\"]>&{transform:rotate(180deg);}min-width:", _core.spacing.normal, ";min-height:", _core.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 {
@@ -113,9 +111,9 @@ const Gloss = _ref => {
               children: glossData.transcriptions.pinyin
             }, t("gloss.transcriptions.pinyin")), glossData.wordClass && (0, _jsxRuntime.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) && (0, _jsxRuntime.jsx)(_SpeechControl.default, {
+          }), audio?.src && (0, _jsxRuntime.jsx)(_SpeechControl.default, {
             src: audio.src,
             title: audio.title,
             type: "gloss"
@@ -136,8 +134,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}`))
           })]
         }) : (0, _jsxRuntime.jsx)(StyledWrapper, {
           children: (0, _jsxRuntime.jsx)("span", {

package/lib/Gloss/GlossExample.js

@@ -30,7 +30,6 @@ const StyledText = /*#__PURE__*/(0, _base.default)(_typography.Text, {
   label: "StyledText"
 })("&[data-is-first=\"true\"]{font-weight:", _core.fonts.weight.bold, ";color:", _core.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,
@@ -52,12 +51,12 @@ const GlossExample = _ref => {
     }), example.transcriptions.pinyin && (0, _jsxRuntime.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: (0, _jsxRuntime.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 && (0, _jsxRuntime.jsx)(StyledGlossExample, {
       lang: originalLanguage,
@@ -66,7 +65,7 @@ const GlossExample = _ref => {
       children: (0, _jsxRuntime.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/lib/Grid/Grid.js

@@ -34,7 +34,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 (0, _jsxRuntime.jsx)(GridContainer, {
     "data-frontpage": size,
     "data-border": border,

package/lib/Image/Image.js

@@ -16,16 +16,16 @@ function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringif
  *
  */
 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;
 };
 exports.makeSrcQueryString = makeSrcQueryString;
 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__*/(0, _base.default)("div", {
   target: "ejtxxex1",
@@ -44,7 +44,6 @@ const StyledImage = /*#__PURE__*/(0, _base.default)("img", {
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
 const Image = _ref => {
-  var _rest$srcSet;
   let {
     alt,
     src,
@@ -62,7 +61,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") {
@@ -74,7 +73,7 @@ const Image = _ref => {
       children: (0, _jsxRuntime.jsx)(StyledImage, {
         alt: alt,
         loading: loading,
-        src: "".concat(src),
+        src: `${src}`,
         ...rest,
         "data-border": border,
         lang: lang
@@ -95,7 +94,7 @@ const Image = _ref => {
       }), (0, _jsxRuntime.jsx)(StyledImage, {
         alt: alt,
         loading: loading,
-        src: "".concat(src, "?").concat(queryString),
+        src: `${src}?${queryString}`,
         ...rest,
         "data-border": border,
         lang: lang

package/lib/Image/ImageLink.js

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

package/lib/KeyFigure/KeyFigure.js

@@ -54,10 +54,10 @@ const KeyFigure = _ref => {
   } = _ref;
   return (0, _jsxRuntime.jsxs)(ContentWrapper, {
     children: [(0, _jsxRuntime.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
     }), (0, _jsxRuntime.jsx)(TitleWrapper, {
       children: (0, _htmlReactParser.default)(title)
     }), (0, _jsxRuntime.jsx)(SubTitleWrapper, {

package/lib/LanguageSelector/LanguageSelector.js

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

package/lib/LetterFilter/LetterFilter.js

@@ -41,7 +41,7 @@ const LetterFilter = _ref => {
   return (0, _jsxRuntime.jsx)(StyledUL, {
     children: _alphabet.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 (0, _jsxRuntime.jsx)("li", {
         children: (0, _jsxRuntime.jsx)(StyledButton, {
           onClick: () => selected ? onChange(undefined) : onChange(letter),

package/lib/LicenseByline/EmbedByline.js

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

package/lib/LicenseByline/LicenseDescription.js

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

package/lib/LicenseByline/LicenseLink.js

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

package/lib/Messages/MessageBox.js

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

package/lib/Notion/Notion.js

@@ -70,10 +70,10 @@ const Notion = _ref => {
           children: title.trim()
         }), text, !!labels.length && (0, _jsxRuntime.jsxs)(LabelsContainer, {
           children: [t("searchPage.resultType.notionLabels"), labels.map((label, i) => (0, _jsxRuntime.jsxs)(_react.Fragment, {
-            children: [" ", label, i < (labels === null || labels === void 0 ? void 0 : labels.length) - 1 && (0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+            children: [" ", label, i < labels?.length - 1 && (0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
               children: " \u2022"
             })]
-          }, "notion-".concat(id, "-label-").concat(i + 1)))]
+          }, `notion-${id}-label-${i + 1}`))]
         })]
       }), (0, _jsxRuntime.jsx)(ClearWrapper, {})]
     }), children]

package/lib/Notion/NotionImage.d.ts

@@ -5,19 +5,9 @@
  * LICENSE file in the root directory of this source tree.
  *
  */
-/// <reference types="react" />
 interface Props {
-    type: "image" | "video" | "h5p" | "iframe" | "external" | "audio" | undefined;
     src: string;
     alt: string;
 }
-export declare const NotionImage: ({ src, alt, type }: Props) => import("@emotion/react/jsx-runtime").JSX.Element;
-interface OpenButtonProps {
-    type?: "image" | "video" | "h5p" | "iframe" | "external" | "audio";
-}
-export declare const FigureActionIndicator: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const OpenButton: ({ type }: OpenButtonProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const NotionImage: ({ src, alt }: Props) => import("@emotion/react/jsx-runtime").JSX.Element;
 export {};

package/lib/Notion/NotionImage.js

@@ -3,14 +3,11 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.OpenButton = exports.NotionImage = exports.FigureActionIndicator = void 0;
+exports.NotionImage = void 0;
 var _base = _interopRequireDefault(require("@emotion/styled/base"));
-var _reactI18next = require("react-i18next");
 var _core = require("@ndla/core");
-var _action = require("@ndla/icons/action");
-var _common = require("@ndla/icons/common");
+var _primitives = require("@ndla/primitives");
 var _Figure = require("../Figure");
-var _Image = _interopRequireDefault(require("../Image"));
 var _jsxRuntime = require("@emotion/react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 /**
@@ -24,78 +21,34 @@ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e
 /** @jsxImportSource @emotion/react */
 
 const StyledImageWrapper = /*#__PURE__*/(0, _base.default)("div", {
-  target: "e1beccco3",
+  target: "e1beccco2",
   label: "StyledImageWrapper"
 })("overflow:hidden;width:260px;padding-top:", _core.spacing.small, ";", _core.mq.range({
   until: _core.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 */"));
-const StyledImage = /*#__PURE__*/(0, _base.default)(_Image.default, {
-  target: "e1beccco2",
+}), "{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__*/(0, _base.default)(_primitives.Image, {
+  target: "e1beccco1",
   label: "StyledImage"
 })("object-fit:cover;max-height:162px;transition:transform ", _core.animations.durations.fast, ";", _core.mq.range({
   until: _core.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__*/(0, _base.default)(_Figure.Figure, {
-  target: "e1beccco1",
+  target: "e1beccco0",
   label: "StyledFigure"
-})("&:hover{[data-open-button]{background:", _core.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:", _core.colors.white, ";svg{transform:scale(1.2);}}}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIk5vdGlvbkltYWdlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE0Q21DIiwiZmlsZSI6Ik5vdGlvbkltYWdlLnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogQ29weXJpZ2h0IChjKSAyMDIyLXByZXNlbnQsIE5ETEEuXG4gKlxuICogVGhpcyBzb3VyY2UgY29kZSBpcyBsaWNlbnNlZCB1bmRlciB0aGUgR1BMdjMgbGljZW5zZSBmb3VuZCBpbiB0aGVcbiAqIExJQ0VOU0UgZmlsZSBpbiB0aGUgcm9vdCBkaXJlY3Rvcnkgb2YgdGhpcyBzb3VyY2UgdHJlZS5cbiAqXG4gKi9cblxuLyoqIEBqc3hJbXBvcnRTb3VyY2UgQGVtb3Rpb24vcmVhY3QgKi9cbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgYW5pbWF0aW9ucywgYnJlYWtwb2ludHMsIGNvbG9ycywgbXEsIHNwYWNpbmcgfSBmcm9tIFwiQG5kbGEvY29yZVwiO1xuaW1wb3J0IHsgSW1hZ2UgfSBmcm9tIFwiQG5kbGEvcHJpbWl0aXZlc1wiO1xuaW1wb3J0IHsgRmlndXJlIH0gZnJvbSBcIi4uL0ZpZ3VyZVwiO1xuXG5jb25zdCBTdHlsZWRJbWFnZVdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBvdmVyZmxvdzogaGlkZGVuO1xuICB3aWR0aDogMjYwcHg7XG4gIHBhZGRpbmctdG9wOiAke3NwYWNpbmcuc21hbGx9O1xuICAke21xLnJhbmdlKHsgdW50aWw6IGJyZWFrcG9pbnRzLnRhYmxldFdpZGUgfSl9IHtcbiAgICBtYXJnaW46IDAgYXV0bztcbiAgfVxuICAmOmhvdmVyIHtcbiAgICBpbWcge1xuICAgICAgdHJhbnNmb3JtOiBzY2FsZSgxLjEpO1xuICAgICAgb3BhY2l0eTogMS4xO1xuICAgICAgdHJhbnNpdGlvbi1kdXJhdGlvbjogMC41cztcbiAgICB9XG4gIH1cbmA7XG5cbmNvbnN0IFN0eWxlZEltYWdlID0gc3R5bGVkKEltYWdlKWBcbiAgb2JqZWN0LWZpdDogY292ZXI7XG4gIG1heC1oZWlnaHQ6IDE2MnB4O1xuICB0cmFuc2l0aW9uOiB0cmFuc2Zvcm0gJHthbmltYXRpb25zLmR1cmF0aW9ucy5mYXN0fTtcbiAgJHttcS5yYW5nZSh7IHVudGlsOiBicmVha3BvaW50cy50YWJsZXRXaWRlIH0pfSB7XG4gICAgbWluLXdpZHRoOiAyNjBweDtcbiAgfVxuYDtcblxuaW50ZXJmYWNlIFByb3BzIHtcbiAgc3JjOiBzdHJpbmc7XG4gIGFsdDogc3RyaW5nO1xufVxuXG5jb25zdCBTdHlsZWRGaWd1cmUgPSBzdHlsZWQoRmlndXJlKWBcbiAgJjpob3ZlciB7XG4gICAgW2RhdGEtb3Blbi1idXR0b25dIHtcbiAgICAgIGJhY2tncm91bmQ6ICR7Y29sb3JzLndoaXRlfTtcbiAgICAgIHN2ZyB7XG4gICAgICAgIHRyYW5zZm9ybTogc2NhbGUoMS4yKTtcbiAgICAgIH1cbiAgICB9XG4gIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBOb3Rpb25JbWFnZSA9ICh7IHNyYywgYWx0IH06IFByb3BzKSA9PiB7XG4gIHJldHVybiAoXG4gICAgPFN0eWxlZEZpZ3VyZSB0eXBlPXtcImZ1bGwtY29sdW1uXCJ9PlxuICAgICAgPFN0eWxlZEltYWdlV3JhcHBlcj5cbiAgICAgICAgPFN0eWxlZEltYWdlIGFsdD17YWx0fSBzcmM9e3NyY30gLz5cbiAgICAgIDwvU3R5bGVkSW1hZ2VXcmFwcGVyPlxuICAgIDwvU3R5bGVkRmlndXJlPlxuICApO1xufTtcbiJdfQ== */"));
 const NotionImage = _ref => {
   let {
     src,
-    alt,
-    type
+    alt
   } = _ref;
   return (0, _jsxRuntime.jsx)(StyledFigure, {
     type: "full-column",
     children: (0, _jsxRuntime.jsx)(StyledImageWrapper, {
       children: (0, _jsxRuntime.jsx)(StyledImage, {
         alt: alt,
-        src: src,
-        expandButton: (0, _jsxRuntime.jsx)(OpenButton, {
-          type: type
-        })
+        src: src
       })
     })
   });
 };
-exports.NotionImage = NotionImage;
-const FigureActionIndicator = exports.FigureActionIndicator = /*#__PURE__*/(0, _base.default)("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:", _core.colors.background.default, "65;border-radius:", _core.misc.borderRadiusLarge, ";border:0;svg{transition:transform 0.4s ease-out;width:18px;height:18px;fill:", _core.colors.brand.primary, ";color:", _core.colors.brand.primary, ";}", _core.mq.range({
-  until: _core.breakpoints.tablet
-}), "{display:none;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIk5vdGlvbkltYWdlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF5RStDIiwiZmlsZSI6Ik5vdGlvbkltYWdlLnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogQ29weXJpZ2h0IChjKSAyMDIyLXByZXNlbnQsIE5ETEEuXG4gKlxuICogVGhpcyBzb3VyY2UgY29kZSBpcyBsaWNlbnNlZCB1bmRlciB0aGUgR1BMdjMgbGljZW5zZSBmb3VuZCBpbiB0aGVcbiAqIExJQ0VOU0UgZmlsZSBpbiB0aGUgcm9vdCBkaXJlY3Rvcnkgb2YgdGhpcyBzb3VyY2UgdHJlZS5cbiAqXG4gKi9cblxuLyoqIEBqc3hJbXBvcnRTb3VyY2UgQGVtb3Rpb24vcmVhY3QgKi9cbmltcG9ydCB7IHVzZVRyYW5zbGF0aW9uIH0gZnJvbSBcInJlYWN0LWkxOG5leHRcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgYW5pbWF0aW9ucywgYnJlYWtwb2ludHMsIGNvbG9ycywgbWlzYywgbXEsIHNwYWNpbmcgfSBmcm9tIFwiQG5kbGEvY29yZVwiO1xuaW1wb3J0IHsgRXhwYW5kVHdvQXJyb3dzLCBDdXJzb3JDbGljayB9IGZyb20gXCJAbmRsYS9pY29ucy9hY3Rpb25cIjtcbmltcG9ydCB7IFBsYXkgfSBmcm9tIFwiQG5kbGEvaWNvbnMvY29tbW9uXCI7XG5pbXBvcnQgeyBGaWd1cmUgfSBmcm9tIFwiLi4vRmlndXJlXCI7XG5pbXBvcnQgSW1hZ2UgZnJvbSBcIi4uL0ltYWdlXCI7XG5cbmNvbnN0IFN0eWxlZEltYWdlV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIG92ZXJmbG93OiBoaWRkZW47XG4gIHdpZHRoOiAyNjBweDtcbiAgcGFkZGluZy10b3A6ICR7c3BhY2luZy5zbWFsbH07XG4gICR7bXEucmFuZ2UoeyB1bnRpbDogYnJlYWtwb2ludHMudGFibGV0V2lkZSB9KX0ge1xuICAgIG1hcmdpbjogMCBhdXRvO1xuICB9XG4gICY6aG92ZXIge1xuICAgIGltZyB7XG4gICAgICB0cmFuc2Zvcm06IHNjYWxlKDEuMSk7XG4gICAgICBvcGFjaXR5OiAxLjE7XG4gICAgICB0cmFuc2l0aW9uLWR1cmF0aW9uOiAwLjVzO1xuICAgIH1cbiAgfVxuYDtcblxuY29uc3QgU3R5bGVkSW1hZ2UgPSBzdHlsZWQoSW1hZ2UpYFxuICBvYmplY3QtZml0OiBjb3ZlcjtcbiAgbWF4LWhlaWdodDogMTYycHg7XG4gIHRyYW5zaXRpb246IHRyYW5zZm9ybSAke2FuaW1hdGlvbnMuZHVyYXRpb25zLmZhc3R9O1xuICAke21xLnJhbmdlKHsgdW50aWw6IGJyZWFrcG9pbnRzLnRhYmxldFdpZGUgfSl9IHtcbiAgICBtaW4td2lkdGg6IDI2MHB4O1xuICB9XG5gO1xuXG5pbnRlcmZhY2UgUHJvcHMge1xuICB0eXBlOiBcImltYWdlXCIgfCBcInZpZGVvXCIgfCBcImg1cFwiIHwgXCJpZnJhbWVcIiB8IFwiZXh0ZXJuYWxcIiB8IFwiYXVkaW9cIiB8IHVuZGVmaW5lZDtcbiAgc3JjOiBzdHJpbmc7XG4gIGFsdDogc3RyaW5nO1xufVxuXG5jb25zdCBTdHlsZWRGaWd1cmUgPSBzdHlsZWQoRmlndXJlKWBcbiAgJjpob3ZlciB7XG4gICAgW2RhdGEtb3Blbi1idXR0b25dIHtcbiAgICAgIGJhY2tncm91bmQ6ICR7Y29sb3JzLndoaXRlfTtcbiAgICAgIHN2ZyB7XG4gICAgICAgIHRyYW5zZm9ybTogc2NhbGUoMS4yKTtcbiAgICAgIH1cbiAgICB9XG4gIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBOb3Rpb25JbWFnZSA9ICh7IHNyYywgYWx0LCB0eXBlIH06IFByb3BzKSA9PiB7XG4gIHJldHVybiAoXG4gICAgPFN0eWxlZEZpZ3VyZSB0eXBlPXtcImZ1bGwtY29sdW1uXCJ9PlxuICAgICAgPFN0eWxlZEltYWdlV3JhcHBlcj5cbiAgICAgICAgPFN0eWxlZEltYWdlIGFsdD17YWx0fSBzcmM9e3NyY30gZXhwYW5kQnV0dG9uPXs8T3BlbkJ1dHRvbiB0eXBlPXt0eXBlfSAvPn0gLz5cbiAgICAgIDwvU3R5bGVkSW1hZ2VXcmFwcGVyPlxuICAgIDwvU3R5bGVkRmlndXJlPlxuICApO1xufTtcblxuaW50ZXJmYWNlIE9wZW5CdXR0b25Qcm9wcyB7XG4gIHR5cGU/OiBcImltYWdlXCIgfCBcInZpZGVvXCIgfCBcImg1cFwiIHwgXCJpZnJhbWVcIiB8IFwiZXh0ZXJuYWxcIiB8IFwiYXVkaW9cIjtcbn1cblxuZXhwb3J0IGNvbnN0IEZpZ3VyZUFjdGlvbkluZGljYXRvciA9IHN0eWxlZC5kaXZgXG4gIGFsbDogdW5zZXQ7XG4gIGN1cnNvcjogcG9pbnRlcjtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICBwYWRkaW5nOiAwO1xuICBib3R0b206IDhweDtcbiAgcmlnaHQ6IDhweDtcbiAgd2lkdGg6IDQwcHg7XG4gIGhlaWdodDogNDBweDtcbiAgZGlzcGxheTogZmxleDtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIHRyYW5zaXRpb246IGFsbCAwLjNzIGVhc2Utb3V0O1xuICAvLyBUaGUgNjUgaXMgYWRkZWQgdG8gYWx0ZXIgdGhlIG9wYWNpdHkuXG4gIGJhY2tncm91bmQtY29sb3I6ICR7Y29sb3JzLmJhY2tncm91bmQuZGVmYXVsdH02NTtcbiAgYm9yZGVyLXJhZGl1czogJHttaXNjLmJvcmRlclJhZGl1c0xhcmdlfTtcbiAgYm9yZGVyOiAwO1xuICBzdmcge1xuICAgIHRyYW5zaXRpb246IHRyYW5zZm9ybSAwLjRzIGVhc2Utb3V0O1xuICAgIHdpZHRoOiAxOHB4O1xuICAgIGhlaWdodDogMThweDtcbiAgICBmaWxsOiAke2NvbG9ycy5icmFuZC5wcmltYXJ5fTtcbiAgICBjb2xvcjogJHtjb2xvcnMuYnJhbmQucHJpbWFyeX07XG4gIH1cbiAgJHttcS5yYW5nZSh7IHVudGlsOiBicmVha3BvaW50cy50YWJsZXQgfSl9IHtcbiAgICBkaXNwbGF5OiBub25lO1xuICB9XG5gO1xuXG5leHBvcnQgY29uc3QgT3BlbkJ1dHRvbiA9ICh7IHR5cGUgfTogT3BlbkJ1dHRvblByb3BzKSA9PiB7XG4gIGNvbnN0IHsgdCB9ID0gdXNlVHJhbnNsYXRpb24oKTtcbiAgcmV0dXJuIChcbiAgICA8RmlndXJlQWN0aW9uSW5kaWNhdG9yIGRhdGEtb3Blbi1idXR0b249XCJcIiBhcmlhLWxhYmVsPXt0KFwibGljZW5zZS5pbWFnZXMuaXRlbUltYWdlLnpvb21JbWFnZUJ1dHRvbkxhYmVsXCIpfT5cbiAgICAgIHt0eXBlID09PSBcImltYWdlXCIgJiYgPEV4cGFuZFR3b0Fycm93cyAvPn1cbiAgICAgIHt0eXBlID09PSBcImg1cFwiICYmIDxDdXJzb3JDbGljayBzdHlsZT17eyB3aWR0aDogXCIyNHB4XCIsIGhlaWdodDogXCIyNHB4XCIgfX0gLz59XG4gICAgICB7dHlwZSA9PT0gXCJpZnJhbWVcIiAmJiA8Q3Vyc29yQ2xpY2sgc3R5bGU9e3sgd2lkdGg6IFwiMjRweFwiLCBoZWlnaHQ6IFwiMjRweFwiIH19IC8+fVxuICAgICAge3R5cGUgPT09IFwiZXh0ZXJuYWxcIiAmJiA8Q3Vyc29yQ2xpY2sgc3R5bGU9e3sgd2lkdGg6IFwiMjRweFwiLCBoZWlnaHQ6IFwiMjRweFwiIH19IC8+fVxuICAgICAge3R5cGUgPT09IFwidmlkZW9cIiAmJiA8UGxheSBzdHlsZT17eyB3aWR0aDogXCIyNHB4XCIsIGhlaWdodDogXCIyNHB4XCIgfX0gLz59XG4gICAgPC9GaWd1cmVBY3Rpb25JbmRpY2F0b3I+XG4gICk7XG59O1xuIl19 */"));
-const OpenButton = _ref2 => {
-  let {
-    type
-  } = _ref2;
-  const {
-    t
-  } = (0, _reactI18next.useTranslation)();
-  return (0, _jsxRuntime.jsxs)(FigureActionIndicator, {
-    "data-open-button": "",
-    "aria-label": t("license.images.itemImage.zoomImageButtonLabel"),
-    children: [type === "image" && (0, _jsxRuntime.jsx)(_action.ExpandTwoArrows, {}), type === "h5p" && (0, _jsxRuntime.jsx)(_action.CursorClick, {
-      style: {
-        width: "24px",
-        height: "24px"
-      }
-    }), type === "iframe" && (0, _jsxRuntime.jsx)(_action.CursorClick, {
-      style: {
-        width: "24px",
-        height: "24px"
-      }
-    }), type === "external" && (0, _jsxRuntime.jsx)(_action.CursorClick, {
-      style: {
-        width: "24px",
-        height: "24px"
-      }
-    }), type === "video" && (0, _jsxRuntime.jsx)(_common.Play, {
-      style: {
-        width: "24px",
-        height: "24px"
-      }
-    })]
-  });
-};
-exports.OpenButton = OpenButton;
+exports.NotionImage = NotionImage;

package/lib/RelatedArticleList/RelatedArticleList.js

@@ -124,8 +124,8 @@ const RelatedArticleList = _ref2 => {
   const {
     t
   } = (0, _reactI18next.useTranslation)();
-  const childCount = (0, _react.useMemo)(() => articleCount !== null && articleCount !== void 0 ? articleCount : _react.Children.count(children), [children, articleCount]);
-  const childrenToShow = (0, _react.useMemo)(() => childCount > 2 && !expanded ? children === null || children === void 0 ? void 0 : children.slice(0, 2) : children, [childCount, children, expanded]);
+  const childCount = (0, _react.useMemo)(() => articleCount ?? _react.Children.count(children), [children, articleCount]);
+  const childrenToShow = (0, _react.useMemo)(() => childCount > 2 && !expanded ? children?.slice(0, 2) : children, [childCount, children, expanded]);
   return (0, _jsxRuntime.jsxs)(StyledSection, {
     ...rest,
     children: [(0, _jsxRuntime.jsxs)(HeadingWrapper, {
@@ -140,7 +140,7 @@ const RelatedArticleList = _ref2 => {
     }), childCount > 2 ? (0, _jsxRuntime.jsx)(_button.ButtonV2, {
       onClick: () => setExpanded(p => !p),
       variant: "outline",
-      children: t("related.show".concat(expanded ? "Less" : "More"))
+      children: t(`related.show${expanded ? "Less" : "More"}`)
     }) : null]
   });
 };