@ndla/ui 30.0.2 → 30.0.6

package/es/Frontpage/illustrations/Yrkesfag.js

@@ -1,3 +1,6 @@
+import { jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+
 /**
  * Copyright (c) 2019-present, NDLA.
  *
@@ -6,112 +9,113 @@
  *
  */
 import React from 'react';
-import { jsx as ___EmotionJSX } from "@emotion/react";
 
 var Illustration = function Illustration() {
-  return ___EmotionJSX("svg", {
+  return _jsx("svg", {
     width: "90px",
     height: "90px",
     viewBox: "0 0 90 90",
     version: "1.1",
-    xmlns: "http://www.w3.org/2000/svg"
-  }, ___EmotionJSX("g", {
-    id: "Artboard",
-    stroke: "none",
-    strokeWidth: "1",
-    fill: "none",
-    fillRule: "evenodd"
-  }, ___EmotionJSX("path", {
-    d: "M40.3344969,28.2189361 C40.3344969,28.2189361 35.0859962,32.25877 35.5799727,35.1104175 C36.1356964,37.9620651 39.408291,40.0413913 41.3841971,36.5362413 C41.8781736,35.6451014 42.248656,34.6351429 42.4338972,33.6845937 C43.113115,30.7141276 42.3721501,27.8624802 40.3344969,28.2189361 Z",
-    id: "Path",
-    stroke: "#000000",
-    strokeWidth: "0.5"
-  }), ___EmotionJSX("path", {
-    d: "M39.7196249,33.4594669 C39.0366355,32.577042 42.1670033,35.3713876 42.6792453,33.8271441",
-    id: "Path",
-    stroke: "#000000",
-    strokeWidth: "0.5"
-  }), ___EmotionJSX("path", {
-    d: "M30.2865714,59.46123 C30.2865714,59.46123 32.0647439,62.4600941 32.4089064,61.6826108 C32.6957084,61.0161965 32.1794648,59.1835574 32.0647439,58.6282121 C32.0647439,58.5726776 32.1221044,58.5726776 32.1221044,58.5726776 C32.8677897,59.46123 33.8429166,61.3494036 36.5388556,61.3494036 C39.4068758,61.3494036 35.7358098,58.5726776 33.211952,57.017711 C30.6880942,55.4627444 23.0591604,57.4619872 20.8794649,58.1284014 C18.6424091,58.7392812 17.8967239,56.4068313 18.3556071,55.1850718 C18.8144904,53.9633124 19.617536,51.7974661 22.7723583,47.5768424 C25.9271806,43.4117533 30.3439318,41.0793035 33.8429166,40.4684237 C37.3419013,39.857544 37.16982,37.3584906 37.16982,37.3584906",
-    id: "Path",
-    stroke: "#000000",
-    strokeWidth: "0.5",
-    strokeLinecap: "round"
-  }), ___EmotionJSX("path", {
-    d: "M40.6415094,38.3773585 C40.6415094,38.3773585 40.9844274,41.1354405 43.9563825,42.5144815 C46.9283376,43.8935224 50.1289047,46.6516044 49.7859868,49.4096864 C49.4430689,52.1677682 47.8999384,55.0913352 47.5570205,55.6981132",
-    id: "Path",
-    stroke: "#000000",
-    strokeWidth: "0.5"
-  }), ___EmotionJSX("path", {
-    d: "M38.6037736,55.6981132 C38.9564586,51.1005769 41.6603774,42.4528302 41.6603774,42.4528302",
-    id: "Path",
-    stroke: "#000000",
-    strokeWidth: "0.5",
-    strokeLinecap: "round"
-  }), ___EmotionJSX("path", {
-    d: "M44.7169811,43.4716981 C44.2953806,43.9465103 41.6252439,52.0776699 40.6415094,55.6981132",
-    id: "Path",
-    stroke: "#000000",
-    strokeWidth: "0.5",
-    strokeLinecap: "round"
-  }), ___EmotionJSX("path", {
-    d: "M32.3886792,41.4339623 C32.3886792,41.4339623 32.3886792,51.8608842 31.5735849,52.6415094",
-    id: "Path",
-    stroke: "#000000",
-    strokeWidth: "0.5",
-    strokeLinecap: "round"
-  }), ___EmotionJSX("path", {
-    d: "M29.8924528,41.4339623 L29.9943396,55.6981132",
-    id: "Path",
-    stroke: "#000000",
-    strokeWidth: "0.5",
-    strokeLinecap: "round"
-  }), ___EmotionJSX("path", {
-    d: "M33.3325574,62.1435603 L31.2802035,62.5865464 L26.3773585,63.9708778 L43.651336,72 L66.1132075,62.2543068 L48.0410926,56.7169811 C47.242955,56.8831009 36.069029,61.0360951 36.069029,61.0360951",
-    id: "Path",
-    stroke: "#000000",
-    strokeWidth: "0.5"
-  }), ___EmotionJSX("path", {
-    d: "M51.177305,18.4855798 C50.5012691,18.7725734 50.3885964,28.0711682 54.8955022,28.1859657 C59.4024079,28.3007632 59.2897352,24.7420417 58.6700357,23.4218708 C57.9939998,22.1017 56.6419281,16.3044279 51.177305,18.4855798 Z",
-    id: "Path",
-    stroke: "#000000",
-    strokeWidth: "0.5"
-  }), ___EmotionJSX("path", {
-    d: "M50.8301887,26.0105223 C50.8952228,26.7835023 53.8867925,24.1132075 53.8867925,24.1132075",
-    id: "Path",
-    stroke: "#000000",
-    strokeWidth: "0.5",
-    strokeLinecap: "round"
-  }), ___EmotionJSX("path", {
-    d: "M57.1552073,27.1698113 C57.1552073,27.1698113 57.2144059,28.9230949 58.9311654,29.4886703 C61.4175067,30.3370334 65.4430117,30.7329361 67.1005726,35.9362294 C68.7581335,41.1395227 71.4812692,50.5846313 71.1852761,51.3764368 C70.8892832,52.1682422 66.9229768,57.9936685 65.1470187,59.4076068 C63.3710605,60.8215453 55.3200506,60.369085 55.852838,61.2740056 C56.3264269,62.2354837 58.6351723,61.6133507 58.6351723,61.6133507 C58.6351723,61.6133507 63.1934648,60.1994124 65.0286215,56.7494027 C65.0286215,56.7494027 61.5951025,58.6158014 58.9903639,53.9215258 C56.3856254,49.2272504 55.5568451,34.0698308 56.3856254,31.5247416 C57.2144059,28.9796525 54.9056604,28.4140771 54.9056604,28.4140771",
-    id: "Path",
-    stroke: "#000000",
-    strokeWidth: "0.5",
-    strokeLinecap: "round"
-  }), ___EmotionJSX("path", {
-    d: "M57.9622642,47.5471698 C57.9622642,47.9864422 57.5613981,53.5322562 53.8867925,56.7169811",
-    id: "Path",
-    stroke: "#000000",
-    strokeWidth: "0.5",
-    strokeLinecap: "round"
-  }), ___EmotionJSX("path", {
-    d: "M69.1698113,54.6792453 C69.3087478,55.1050408 70.1886792,61.8113208 70.1886792,61.8113208",
-    id: "Path",
-    stroke: "#000000",
-    strokeWidth: "0.5",
-    strokeLinecap: "round"
-  }), ___EmotionJSX("path", {
-    d: "M65.2950397,56.7169811 C65.2950397,56.7169811 69.5129241,53.5471698 67.6968905,46.6415094 C65.8222752,39.2830189 63.0103524,36.8490566 62.014463,34.4716981 C61.0185736,32.0943396 60.5499198,31.8113208 61.6629726,30.2264151",
-    id: "Path",
-    stroke: "#000000",
-    strokeWidth: "0.5"
-  }), ___EmotionJSX("path", {
-    d: "M6,63.3396226 L26.3773585,63.3396226",
-    id: "Path",
-    stroke: "#000000",
-    strokeWidth: "0.5",
-    strokeLinecap: "round"
-  })));
+    xmlns: "http://www.w3.org/2000/svg",
+    children: _jsxs("g", {
+      id: "Artboard",
+      stroke: "none",
+      strokeWidth: "1",
+      fill: "none",
+      fillRule: "evenodd",
+      children: [_jsx("path", {
+        d: "M40.3344969,28.2189361 C40.3344969,28.2189361 35.0859962,32.25877 35.5799727,35.1104175 C36.1356964,37.9620651 39.408291,40.0413913 41.3841971,36.5362413 C41.8781736,35.6451014 42.248656,34.6351429 42.4338972,33.6845937 C43.113115,30.7141276 42.3721501,27.8624802 40.3344969,28.2189361 Z",
+        id: "Path",
+        stroke: "#000000",
+        strokeWidth: "0.5"
+      }), _jsx("path", {
+        d: "M39.7196249,33.4594669 C39.0366355,32.577042 42.1670033,35.3713876 42.6792453,33.8271441",
+        id: "Path",
+        stroke: "#000000",
+        strokeWidth: "0.5"
+      }), _jsx("path", {
+        d: "M30.2865714,59.46123 C30.2865714,59.46123 32.0647439,62.4600941 32.4089064,61.6826108 C32.6957084,61.0161965 32.1794648,59.1835574 32.0647439,58.6282121 C32.0647439,58.5726776 32.1221044,58.5726776 32.1221044,58.5726776 C32.8677897,59.46123 33.8429166,61.3494036 36.5388556,61.3494036 C39.4068758,61.3494036 35.7358098,58.5726776 33.211952,57.017711 C30.6880942,55.4627444 23.0591604,57.4619872 20.8794649,58.1284014 C18.6424091,58.7392812 17.8967239,56.4068313 18.3556071,55.1850718 C18.8144904,53.9633124 19.617536,51.7974661 22.7723583,47.5768424 C25.9271806,43.4117533 30.3439318,41.0793035 33.8429166,40.4684237 C37.3419013,39.857544 37.16982,37.3584906 37.16982,37.3584906",
+        id: "Path",
+        stroke: "#000000",
+        strokeWidth: "0.5",
+        strokeLinecap: "round"
+      }), _jsx("path", {
+        d: "M40.6415094,38.3773585 C40.6415094,38.3773585 40.9844274,41.1354405 43.9563825,42.5144815 C46.9283376,43.8935224 50.1289047,46.6516044 49.7859868,49.4096864 C49.4430689,52.1677682 47.8999384,55.0913352 47.5570205,55.6981132",
+        id: "Path",
+        stroke: "#000000",
+        strokeWidth: "0.5"
+      }), _jsx("path", {
+        d: "M38.6037736,55.6981132 C38.9564586,51.1005769 41.6603774,42.4528302 41.6603774,42.4528302",
+        id: "Path",
+        stroke: "#000000",
+        strokeWidth: "0.5",
+        strokeLinecap: "round"
+      }), _jsx("path", {
+        d: "M44.7169811,43.4716981 C44.2953806,43.9465103 41.6252439,52.0776699 40.6415094,55.6981132",
+        id: "Path",
+        stroke: "#000000",
+        strokeWidth: "0.5",
+        strokeLinecap: "round"
+      }), _jsx("path", {
+        d: "M32.3886792,41.4339623 C32.3886792,41.4339623 32.3886792,51.8608842 31.5735849,52.6415094",
+        id: "Path",
+        stroke: "#000000",
+        strokeWidth: "0.5",
+        strokeLinecap: "round"
+      }), _jsx("path", {
+        d: "M29.8924528,41.4339623 L29.9943396,55.6981132",
+        id: "Path",
+        stroke: "#000000",
+        strokeWidth: "0.5",
+        strokeLinecap: "round"
+      }), _jsx("path", {
+        d: "M33.3325574,62.1435603 L31.2802035,62.5865464 L26.3773585,63.9708778 L43.651336,72 L66.1132075,62.2543068 L48.0410926,56.7169811 C47.242955,56.8831009 36.069029,61.0360951 36.069029,61.0360951",
+        id: "Path",
+        stroke: "#000000",
+        strokeWidth: "0.5"
+      }), _jsx("path", {
+        d: "M51.177305,18.4855798 C50.5012691,18.7725734 50.3885964,28.0711682 54.8955022,28.1859657 C59.4024079,28.3007632 59.2897352,24.7420417 58.6700357,23.4218708 C57.9939998,22.1017 56.6419281,16.3044279 51.177305,18.4855798 Z",
+        id: "Path",
+        stroke: "#000000",
+        strokeWidth: "0.5"
+      }), _jsx("path", {
+        d: "M50.8301887,26.0105223 C50.8952228,26.7835023 53.8867925,24.1132075 53.8867925,24.1132075",
+        id: "Path",
+        stroke: "#000000",
+        strokeWidth: "0.5",
+        strokeLinecap: "round"
+      }), _jsx("path", {
+        d: "M57.1552073,27.1698113 C57.1552073,27.1698113 57.2144059,28.9230949 58.9311654,29.4886703 C61.4175067,30.3370334 65.4430117,30.7329361 67.1005726,35.9362294 C68.7581335,41.1395227 71.4812692,50.5846313 71.1852761,51.3764368 C70.8892832,52.1682422 66.9229768,57.9936685 65.1470187,59.4076068 C63.3710605,60.8215453 55.3200506,60.369085 55.852838,61.2740056 C56.3264269,62.2354837 58.6351723,61.6133507 58.6351723,61.6133507 C58.6351723,61.6133507 63.1934648,60.1994124 65.0286215,56.7494027 C65.0286215,56.7494027 61.5951025,58.6158014 58.9903639,53.9215258 C56.3856254,49.2272504 55.5568451,34.0698308 56.3856254,31.5247416 C57.2144059,28.9796525 54.9056604,28.4140771 54.9056604,28.4140771",
+        id: "Path",
+        stroke: "#000000",
+        strokeWidth: "0.5",
+        strokeLinecap: "round"
+      }), _jsx("path", {
+        d: "M57.9622642,47.5471698 C57.9622642,47.9864422 57.5613981,53.5322562 53.8867925,56.7169811",
+        id: "Path",
+        stroke: "#000000",
+        strokeWidth: "0.5",
+        strokeLinecap: "round"
+      }), _jsx("path", {
+        d: "M69.1698113,54.6792453 C69.3087478,55.1050408 70.1886792,61.8113208 70.1886792,61.8113208",
+        id: "Path",
+        stroke: "#000000",
+        strokeWidth: "0.5",
+        strokeLinecap: "round"
+      }), _jsx("path", {
+        d: "M65.2950397,56.7169811 C65.2950397,56.7169811 69.5129241,53.5471698 67.6968905,46.6415094 C65.8222752,39.2830189 63.0103524,36.8490566 62.014463,34.4716981 C61.0185736,32.0943396 60.5499198,31.8113208 61.6629726,30.2264151",
+        id: "Path",
+        stroke: "#000000",
+        strokeWidth: "0.5"
+      }), _jsx("path", {
+        d: "M6,63.3396226 L26.3773585,63.3396226",
+        id: "Path",
+        stroke: "#000000",
+        strokeWidth: "0.5",
+        strokeLinecap: "round"
+      })]
+    })
+  });
 };
 
 export default Illustration;

package/es/Hero/Hero.js

@@ -1,8 +1,14 @@
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
 /**
  * Copyright (c) 2016-present, NDLA.
@@ -14,7 +20,6 @@ function _extends() { _extends = Object.assign || function (target) { for (var i
 import React from 'react';
 import BEMHelper from 'react-bem-helper';
 import * as contentTypes from '../model/ContentType';
-import { jsx as ___EmotionJSX } from "@emotion/react";
 var classes = new BEMHelper({
   name: 'hero',
   prefix: 'c-'
@@ -22,35 +27,37 @@ var classes = new BEMHelper({
 export var Hero = function Hero(_ref) {
   var children = _ref.children,
       contentType = _ref.contentType;
-  return ___EmotionJSX("div", classes('', contentType), children || null);
+  return _jsx("div", _objectSpread(_objectSpread({}, classes('', contentType)), {}, {
+    children: children || null
+  }));
 };
 export var SubjectMaterialHero = function SubjectMaterialHero(props) {
-  return ___EmotionJSX(Hero, _extends({
+  return _jsx(Hero, _objectSpread({
     contentType: contentTypes.SUBJECT_MATERIAL
   }, props));
 };
 export var TasksAndActivitiesHero = function TasksAndActivitiesHero(props) {
-  return ___EmotionJSX(Hero, _extends({
+  return _jsx(Hero, _objectSpread({
     contentType: contentTypes.TASKS_AND_ACTIVITIES
   }, props));
 };
 export var AssessmentResourcesHero = function AssessmentResourcesHero(props) {
-  return ___EmotionJSX(Hero, _extends({
+  return _jsx(Hero, _objectSpread({
     contentType: contentTypes.ASSESSMENT_RESOURCES
   }, props));
 };
 export var SubjectHero = function SubjectHero(props) {
-  return ___EmotionJSX(Hero, _extends({
+  return _jsx(Hero, _objectSpread({
     contentType: contentTypes.SUBJECT
   }, props));
 };
 export var ExternalLearningResourcesHero = function ExternalLearningResourcesHero(props) {
-  return ___EmotionJSX(Hero, _extends({
+  return _jsx(Hero, _objectSpread({
     contentType: contentTypes.EXTERNAL_LEARNING_RESOURCES
   }, props));
 };
 export var SourceMaterialHero = function SourceMaterialHero(props) {
-  return ___EmotionJSX(Hero, _extends({
+  return _jsx(Hero, _objectSpread({
     contentType: contentTypes.SOURCE_MATERIAL
   }, props));
 };
@@ -58,7 +65,7 @@ export var NdlaFilmHero = function NdlaFilmHero(_ref2) {
   var hasImage = _ref2.hasImage,
       rest = _objectWithoutProperties(_ref2, ["hasImage"]);
 
-  return ___EmotionJSX(Hero, _extends({}, rest, {
+  return _jsx(Hero, _objectSpread(_objectSpread({}, rest), {}, {
     contentType: hasImage ? 'ndla-film has-image' : 'ndla-film'
   }));
 };

package/es/Image/Image.js

@@ -1,6 +1,12 @@
 import _styled from "@emotion/styled/base";
+import { jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
 
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 
@@ -17,7 +23,6 @@ function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringif
  */
 import React from 'react';
 import LazyLoadImage from './LazyLoadImage';
-import { jsx as ___EmotionJSX } from "@emotion/react";
 export var makeSrcQueryString = function makeSrcQueryString(width, crop, focalPoint) {
   var widthParams = width && "width=".concat(width);
   var cropParams = crop && "cropStartX=".concat(crop.startX, "&cropEndX=").concat(crop.endX, "&cropStartY=").concat(crop.startY, "&cropEndY=").concat(crop.endY);
@@ -35,9 +40,7 @@ var getSrcSet = function getSrcSet(src, crop, focalPoint) {
   }).join(', ');
 };
 
-var StyledImageWrapper = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
-  target: "ejtxxex0"
-} : {
+var StyledImageWrapper = /*#__PURE__*/_styled("div", {
   target: "ejtxxex0",
   label: "StyledImageWrapper"
 })(process.env.NODE_ENV === "production" ? {
@@ -71,30 +74,38 @@ var Image = function Image(_ref) {
   var queryString = makeSrcQueryString(fallbackWidth, crop, focalPoint);
 
   if (contentType && contentType === 'image/gif') {
-    return ___EmotionJSX(StyledImageWrapper, null, ___EmotionJSX("img", _extends({
-      alt: alt,
-      src: "".concat(src)
-    }, rest)));
+    return _jsx(StyledImageWrapper, {
+      children: _jsx("img", _objectSpread({
+        alt: alt,
+        src: "".concat(src)
+      }, rest))
+    });
   }
 
   if (lazyLoad) {
-    return ___EmotionJSX(StyledImageWrapper, null, ___EmotionJSX(LazyLoadImage, {
-      alt: alt,
-      src: "".concat(src, "?").concat(queryString),
-      srcSet: srcSet,
-      sizes: sizes,
-      lazyLoadSrc: lazyLoadSrc
-    }));
+    return _jsx(StyledImageWrapper, {
+      children: _jsx(LazyLoadImage, {
+        alt: alt,
+        src: "".concat(src, "?").concat(queryString),
+        srcSet: srcSet,
+        sizes: sizes,
+        lazyLoadSrc: lazyLoadSrc
+      })
+    });
   }
 
-  return ___EmotionJSX(StyledImageWrapper, null, ___EmotionJSX("picture", null, ___EmotionJSX("source", {
-    type: contentType,
-    srcSet: srcSet,
-    sizes: sizes
-  }), ___EmotionJSX("img", _extends({
-    alt: alt,
-    src: "".concat(src, "?").concat(queryString)
-  }, rest))), expandButton);
+  return _jsxs(StyledImageWrapper, {
+    children: [_jsxs("picture", {
+      children: [_jsx("source", {
+        type: contentType,
+        srcSet: srcSet,
+        sizes: sizes
+      }), _jsx("img", _objectSpread({
+        alt: alt,
+        src: "".concat(src, "?").concat(queryString)
+      }, rest))]
+    }), expandButton]
+  });
 };
 
 export default Image;

package/es/Image/ImageLink.js

@@ -1,6 +1,11 @@
 import _styled from "@emotion/styled/base";
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
 
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 
@@ -17,11 +22,8 @@ function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringif
  */
 import React from 'react';
 import { makeSrcQueryString } from './Image';
-import { jsx as ___EmotionJSX } from "@emotion/react";
 
-var StyledLink = /*#__PURE__*/_styled("a", process.env.NODE_ENV === "production" ? {
-  target: "eo3pjlm0"
-} : {
+var StyledLink = /*#__PURE__*/_styled("a", {
   target: "eo3pjlm0",
   label: "StyledLink"
 })(process.env.NODE_ENV === "production" ? {
@@ -40,9 +42,11 @@ export function ImageLink(_ref) {
       children = _ref.children,
       rest = _objectWithoutProperties(_ref, ["src", "crop", "children"]);
 
-  return ___EmotionJSX(StyledLink, _extends({
+  return _jsx(StyledLink, _objectSpread(_objectSpread({
     target: "_blank",
     href: "".concat(src, "?").concat(makeSrcQueryString(undefined, crop)),
     rel: "noopener noreferrer"
-  }, rest), children);
+  }, rest), {}, {
+    children: children
+  }));
 }

package/es/Image/LazyLoadImage.js

@@ -1,4 +1,12 @@
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+import { jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+import { Fragment as _Fragment } from "@emotion/react/jsx-runtime";
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 
@@ -12,7 +20,6 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
  *
  */
 import React from 'react';
-import { jsx as ___EmotionJSX } from "@emotion/react";
 
 // Lazyload image with lazysizes (https://github.com/aFarkas/lazysizes)
 var LazyLoadImage = function LazyLoadImage(_ref) {
@@ -23,25 +30,26 @@ var LazyLoadImage = function LazyLoadImage(_ref) {
       sizes = _ref.sizes,
       rest = _objectWithoutProperties(_ref, ["alt", "src", "srcSet", "lazyLoadSrc", "sizes"]);
 
-  return ___EmotionJSX(React.Fragment, null, ___EmotionJSX("noscript", {
-    key: "noscript"
-  }, ___EmotionJSX("img", _extends({
-    alt: alt,
-    src: "".concat(src),
-    srcSet: srcSet,
-    sizes: sizes
-  }, rest))), ___EmotionJSX("img", _extends({
-    alt: alt,
-    key: "img",
-    style: {
-      width: '100%'
-    },
-    className: "lazyload",
-    src: lazyLoadSrc,
-    "data-src": src,
-    "data-src-set": srcSet,
-    "data-sizes": sizes
-  }, rest)));
+  return _jsxs(_Fragment, {
+    children: [_jsx("noscript", {
+      children: _jsx("img", _objectSpread({
+        alt: alt,
+        src: "".concat(src),
+        srcSet: srcSet,
+        sizes: sizes
+      }, rest))
+    }, "noscript"), _jsx("img", _objectSpread({
+      alt: alt,
+      style: {
+        width: '100%'
+      },
+      className: "lazyload",
+      src: lazyLoadSrc,
+      "data-src": src,
+      "data-src-set": srcSet,
+      "data-sizes": sizes
+    }, rest), "img")]
+  });
 };
 
 export default LazyLoadImage;

package/es/InfoBlock/InfoBlock.js

@@ -1,4 +1,6 @@
 import _styled from "@emotion/styled/base";
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+import { jsxs as _jsxs } from "@emotion/react/jsx-runtime";
 
 function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
 
@@ -11,18 +13,13 @@ function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringif
  */
 import React from 'react';
 import { spacing, fonts, colors } from '@ndla/core';
-import { jsx as ___EmotionJSX } from "@emotion/react";
 
-var InfoBlockWrapper = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
-  target: "eblg75e4"
-} : {
+var InfoBlockWrapper = /*#__PURE__*/_styled("div", {
   target: "eblg75e4",
   label: "InfoBlockWrapper"
 })("border-bottom:1px solid ", colors.brand.neutral7, ";padding:", spacing.small, " 0;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkluZm9CbG9jay50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBWW1DIiwiZmlsZSI6IkluZm9CbG9jay50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKlxuICogQ29weXJpZ2h0IChjKSAyMDIyLXByZXNlbnQsIE5ETEEuXG4gKlxuICogVGhpcyBzb3VyY2UgY29kZSBpcyBsaWNlbnNlZCB1bmRlciB0aGUgR1BMdjMgbGljZW5zZSBmb3VuZCBpbiB0aGVcbiAqIExJQ0VOU0UgZmlsZSBpbiB0aGUgcm9vdCBkaXJlY3Rvcnkgb2YgdGhpcyBzb3VyY2UgdHJlZS5cbiAqXG4gKi9cblxuaW1wb3J0IFJlYWN0LCB7IFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IHNwYWNpbmcsIGZvbnRzLCBjb2xvcnMgfSBmcm9tICdAbmRsYS9jb3JlJztcblxuY29uc3QgSW5mb0Jsb2NrV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIGJvcmRlci1ib3R0b206IDFweCBzb2xpZCAke2NvbG9ycy5icmFuZC5uZXV0cmFsN307XG4gIHBhZGRpbmc6ICR7c3BhY2luZy5zbWFsbH0gMDtcbmA7XG5cbmNvbnN0IEljb25XcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgYWxpZ24taXRlbXM6IGZsZXgtc3RhcnQ7XG4gIGRpc3BsYXk6IGZsZXg7XG5cbiAgc3ZnIHtcbiAgICBoZWlnaHQ6IDI1cHg7XG4gICAgd2lkdGg6IDI1cHg7XG4gIH1cbmA7XG5cbmNvbnN0IFN0eWxlZFRleHRXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgJHtmb250cy5zaXplcygxOCl9XG5gO1xuXG5jb25zdCBUaXRsZVdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuXG4gIGdhcDogJHtzcGFjaW5nLnNtYWxsfTtcbmA7XG5cbmNvbnN0IFN0eWxlZFRpdGxlID0gc3R5bGVkLmgyYFxuICAke2ZvbnRzLnNpemVzKCcxOCcpfVxuICBmb250LXdlaWdodDogNzAwO1xuICBtYXJnaW46IDA7XG5gO1xuXG5pbnRlcmZhY2UgSW5mb0Jsb2NrUHJvcHMge1xuICBpY29uPzogUmVhY3ROb2RlO1xuICB0aXRsZT86IHN0cmluZztcbiAgY2hpbGRyZW4/OiBSZWFjdE5vZGU7XG59XG5leHBvcnQgY29uc3QgSW5mb0Jsb2NrID0gKHsgaWNvbiwgdGl0bGUsIGNoaWxkcmVuIH06IEluZm9CbG9ja1Byb3BzKSA9PiB7XG4gIHJldHVybiAoXG4gICAgPEluZm9CbG9ja1dyYXBwZXI+XG4gICAgICA8VGl0bGVXcmFwcGVyPlxuICAgICAgICA8SWNvbldyYXBwZXI+e2ljb259PC9JY29uV3JhcHBlcj5cbiAgICAgICAgPFN0eWxlZFRpdGxlPnt0aXRsZX08L1N0eWxlZFRpdGxlPlxuICAgICAgPC9UaXRsZVdyYXBwZXI+XG4gICAgICA8U3R5bGVkVGV4dFdyYXBwZXI+e2NoaWxkcmVufTwvU3R5bGVkVGV4dFdyYXBwZXI+XG4gICAgPC9JbmZvQmxvY2tXcmFwcGVyPlxuICApO1xufTtcblxuZXhwb3J0IGRlZmF1bHQgSW5mb0Jsb2NrO1xuIl19 */"));
 
-var IconWrapper = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
-  target: "eblg75e3"
-} : {
+var IconWrapper = /*#__PURE__*/_styled("div", {
   target: "eblg75e3",
   label: "IconWrapper"
 })(process.env.NODE_ENV === "production" ? {
@@ -35,23 +32,17 @@ var IconWrapper = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "producti
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
 
-var StyledTextWrapper = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
-  target: "eblg75e2"
-} : {
+var StyledTextWrapper = /*#__PURE__*/_styled("div", {
   target: "eblg75e2",
   label: "StyledTextWrapper"
 })(fonts.sizes(18), ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkluZm9CbG9jay50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMkJvQyIsImZpbGUiOiJJbmZvQmxvY2sudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLypcbiAqIENvcHlyaWdodCAoYykgMjAyMi1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCBSZWFjdCwgeyBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBzcGFjaW5nLCBmb250cywgY29sb3JzIH0gZnJvbSAnQG5kbGEvY29yZSc7XG5cbmNvbnN0IEluZm9CbG9ja1dyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBib3JkZXItYm90dG9tOiAxcHggc29saWQgJHtjb2xvcnMuYnJhbmQubmV1dHJhbDd9O1xuICBwYWRkaW5nOiAke3NwYWNpbmcuc21hbGx9IDA7XG5gO1xuXG5jb25zdCBJY29uV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIGFsaWduLWl0ZW1zOiBmbGV4LXN0YXJ0O1xuICBkaXNwbGF5OiBmbGV4O1xuXG4gIHN2ZyB7XG4gICAgaGVpZ2h0OiAyNXB4O1xuICAgIHdpZHRoOiAyNXB4O1xuICB9XG5gO1xuXG5jb25zdCBTdHlsZWRUZXh0V3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gICR7Zm9udHMuc2l6ZXMoMTgpfVxuYDtcblxuY29uc3QgVGl0bGVXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcblxuICBnYXA6ICR7c3BhY2luZy5zbWFsbH07XG5gO1xuXG5jb25zdCBTdHlsZWRUaXRsZSA9IHN0eWxlZC5oMmBcbiAgJHtmb250cy5zaXplcygnMTgnKX1cbiAgZm9udC13ZWlnaHQ6IDcwMDtcbiAgbWFyZ2luOiAwO1xuYDtcblxuaW50ZXJmYWNlIEluZm9CbG9ja1Byb3BzIHtcbiAgaWNvbj86IFJlYWN0Tm9kZTtcbiAgdGl0bGU/OiBzdHJpbmc7XG4gIGNoaWxkcmVuPzogUmVhY3ROb2RlO1xufVxuZXhwb3J0IGNvbnN0IEluZm9CbG9jayA9ICh7IGljb24sIHRpdGxlLCBjaGlsZHJlbiB9OiBJbmZvQmxvY2tQcm9wcykgPT4ge1xuICByZXR1cm4gKFxuICAgIDxJbmZvQmxvY2tXcmFwcGVyPlxuICAgICAgPFRpdGxlV3JhcHBlcj5cbiAgICAgICAgPEljb25XcmFwcGVyPntpY29ufTwvSWNvbldyYXBwZXI+XG4gICAgICAgIDxTdHlsZWRUaXRsZT57dGl0bGV9PC9TdHlsZWRUaXRsZT5cbiAgICAgIDwvVGl0bGVXcmFwcGVyPlxuICAgICAgPFN0eWxlZFRleHRXcmFwcGVyPntjaGlsZHJlbn08L1N0eWxlZFRleHRXcmFwcGVyPlxuICAgIDwvSW5mb0Jsb2NrV3JhcHBlcj5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IEluZm9CbG9jaztcbiJdfQ== */"));
 
-var TitleWrapper = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
-  target: "eblg75e1"
-} : {
+var TitleWrapper = /*#__PURE__*/_styled("div", {
   target: "eblg75e1",
   label: "TitleWrapper"
 })("display:flex;gap:", spacing.small, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkluZm9CbG9jay50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBK0IrQiIsImZpbGUiOiJJbmZvQmxvY2sudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLypcbiAqIENvcHlyaWdodCAoYykgMjAyMi1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCBSZWFjdCwgeyBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBzcGFjaW5nLCBmb250cywgY29sb3JzIH0gZnJvbSAnQG5kbGEvY29yZSc7XG5cbmNvbnN0IEluZm9CbG9ja1dyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBib3JkZXItYm90dG9tOiAxcHggc29saWQgJHtjb2xvcnMuYnJhbmQubmV1dHJhbDd9O1xuICBwYWRkaW5nOiAke3NwYWNpbmcuc21hbGx9IDA7XG5gO1xuXG5jb25zdCBJY29uV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIGFsaWduLWl0ZW1zOiBmbGV4LXN0YXJ0O1xuICBkaXNwbGF5OiBmbGV4O1xuXG4gIHN2ZyB7XG4gICAgaGVpZ2h0OiAyNXB4O1xuICAgIHdpZHRoOiAyNXB4O1xuICB9XG5gO1xuXG5jb25zdCBTdHlsZWRUZXh0V3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gICR7Zm9udHMuc2l6ZXMoMTgpfVxuYDtcblxuY29uc3QgVGl0bGVXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcblxuICBnYXA6ICR7c3BhY2luZy5zbWFsbH07XG5gO1xuXG5jb25zdCBTdHlsZWRUaXRsZSA9IHN0eWxlZC5oMmBcbiAgJHtmb250cy5zaXplcygnMTgnKX1cbiAgZm9udC13ZWlnaHQ6IDcwMDtcbiAgbWFyZ2luOiAwO1xuYDtcblxuaW50ZXJmYWNlIEluZm9CbG9ja1Byb3BzIHtcbiAgaWNvbj86IFJlYWN0Tm9kZTtcbiAgdGl0bGU/OiBzdHJpbmc7XG4gIGNoaWxkcmVuPzogUmVhY3ROb2RlO1xufVxuZXhwb3J0IGNvbnN0IEluZm9CbG9jayA9ICh7IGljb24sIHRpdGxlLCBjaGlsZHJlbiB9OiBJbmZvQmxvY2tQcm9wcykgPT4ge1xuICByZXR1cm4gKFxuICAgIDxJbmZvQmxvY2tXcmFwcGVyPlxuICAgICAgPFRpdGxlV3JhcHBlcj5cbiAgICAgICAgPEljb25XcmFwcGVyPntpY29ufTwvSWNvbldyYXBwZXI+XG4gICAgICAgIDxTdHlsZWRUaXRsZT57dGl0bGV9PC9TdHlsZWRUaXRsZT5cbiAgICAgIDwvVGl0bGVXcmFwcGVyPlxuICAgICAgPFN0eWxlZFRleHRXcmFwcGVyPntjaGlsZHJlbn08L1N0eWxlZFRleHRXcmFwcGVyPlxuICAgIDwvSW5mb0Jsb2NrV3JhcHBlcj5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IEluZm9CbG9jaztcbiJdfQ== */"));
 
-var StyledTitle = /*#__PURE__*/_styled("h2", process.env.NODE_ENV === "production" ? {
-  target: "eblg75e0"
-} : {
+var StyledTitle = /*#__PURE__*/_styled("h2", {
   target: "eblg75e0",
   label: "StyledTitle"
 })(fonts.sizes('18'), " font-weight:700;margin:0;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkluZm9CbG9jay50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBcUM2QiIsImZpbGUiOiJJbmZvQmxvY2sudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLypcbiAqIENvcHlyaWdodCAoYykgMjAyMi1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCBSZWFjdCwgeyBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBzcGFjaW5nLCBmb250cywgY29sb3JzIH0gZnJvbSAnQG5kbGEvY29yZSc7XG5cbmNvbnN0IEluZm9CbG9ja1dyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBib3JkZXItYm90dG9tOiAxcHggc29saWQgJHtjb2xvcnMuYnJhbmQubmV1dHJhbDd9O1xuICBwYWRkaW5nOiAke3NwYWNpbmcuc21hbGx9IDA7XG5gO1xuXG5jb25zdCBJY29uV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIGFsaWduLWl0ZW1zOiBmbGV4LXN0YXJ0O1xuICBkaXNwbGF5OiBmbGV4O1xuXG4gIHN2ZyB7XG4gICAgaGVpZ2h0OiAyNXB4O1xuICAgIHdpZHRoOiAyNXB4O1xuICB9XG5gO1xuXG5jb25zdCBTdHlsZWRUZXh0V3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gICR7Zm9udHMuc2l6ZXMoMTgpfVxuYDtcblxuY29uc3QgVGl0bGVXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcblxuICBnYXA6ICR7c3BhY2luZy5zbWFsbH07XG5gO1xuXG5jb25zdCBTdHlsZWRUaXRsZSA9IHN0eWxlZC5oMmBcbiAgJHtmb250cy5zaXplcygnMTgnKX1cbiAgZm9udC13ZWlnaHQ6IDcwMDtcbiAgbWFyZ2luOiAwO1xuYDtcblxuaW50ZXJmYWNlIEluZm9CbG9ja1Byb3BzIHtcbiAgaWNvbj86IFJlYWN0Tm9kZTtcbiAgdGl0bGU/OiBzdHJpbmc7XG4gIGNoaWxkcmVuPzogUmVhY3ROb2RlO1xufVxuZXhwb3J0IGNvbnN0IEluZm9CbG9jayA9ICh7IGljb24sIHRpdGxlLCBjaGlsZHJlbiB9OiBJbmZvQmxvY2tQcm9wcykgPT4ge1xuICByZXR1cm4gKFxuICAgIDxJbmZvQmxvY2tXcmFwcGVyPlxuICAgICAgPFRpdGxlV3JhcHBlcj5cbiAgICAgICAgPEljb25XcmFwcGVyPntpY29ufTwvSWNvbldyYXBwZXI+XG4gICAgICAgIDxTdHlsZWRUaXRsZT57dGl0bGV9PC9TdHlsZWRUaXRsZT5cbiAgICAgIDwvVGl0bGVXcmFwcGVyPlxuICAgICAgPFN0eWxlZFRleHRXcmFwcGVyPntjaGlsZHJlbn08L1N0eWxlZFRleHRXcmFwcGVyPlxuICAgIDwvSW5mb0Jsb2NrV3JhcHBlcj5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IEluZm9CbG9jaztcbiJdfQ== */"));
@@ -60,6 +51,16 @@ export var InfoBlock = function InfoBlock(_ref) {
   var icon = _ref.icon,
       title = _ref.title,
       children = _ref.children;
-  return ___EmotionJSX(InfoBlockWrapper, null, ___EmotionJSX(TitleWrapper, null, ___EmotionJSX(IconWrapper, null, icon), ___EmotionJSX(StyledTitle, null, title)), ___EmotionJSX(StyledTextWrapper, null, children));
+  return _jsxs(InfoBlockWrapper, {
+    children: [_jsxs(TitleWrapper, {
+      children: [_jsx(IconWrapper, {
+        children: icon
+      }), _jsx(StyledTitle, {
+        children: title
+      })]
+    }), _jsx(StyledTextWrapper, {
+      children: children
+    })]
+  });
 };
 export default InfoBlock;

package/es/InfoBox/InfoBox.js

@@ -1,11 +1,9 @@
 import _styled from "@emotion/styled/base";
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
 import { breakpoints, colors, fonts, mq, spacing } from '@ndla/core';
 import React from 'react';
-import { jsx as ___EmotionJSX } from "@emotion/react";
 
-var StyledInfoBox = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
-  target: "e1vfzkqo0"
-} : {
+var StyledInfoBox = /*#__PURE__*/_styled("div", {
   target: "e1vfzkqo0",
   label: "StyledInfoBox"
 })("background:", colors.support.yellowLight, ";padding:", spacing.small, " ", spacing.normal, ";font-family:", fonts.sans, ";", fonts.sizes('14px', '18px'), ";margin-bottom:", spacing.medium, ";", mq.range({
@@ -14,7 +12,9 @@ var StyledInfoBox = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "produc
 
 var InfoBox = function InfoBox(_ref) {
   var children = _ref.children;
-  return ___EmotionJSX(StyledInfoBox, null, children);
+  return _jsx(StyledInfoBox, {
+    children: children
+  });
 };
 
 export default InfoBox;