@ndla/ui 30.0.2 → 30.0.6

package/lib/Frontpage/illustrations/Yrkesfag.js

@@ -5,9 +5,9 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = void 0;
 
-var _react = _interopRequireDefault(require("react"));
+var _jsxRuntime = require("@emotion/react/jsx-runtime");
 
-var _react2 = require("@emotion/react");
+var _react = _interopRequireDefault(require("react"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
@@ -19,109 +19,111 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "d
  *
  */
 var Illustration = function Illustration() {
-  return (0, _react2.jsx)("svg", {
+  return (0, _jsxRuntime.jsx)("svg", {
     width: "90px",
     height: "90px",
     viewBox: "0 0 90 90",
     version: "1.1",
-    xmlns: "http://www.w3.org/2000/svg"
-  }, (0, _react2.jsx)("g", {
-    id: "Artboard",
-    stroke: "none",
-    strokeWidth: "1",
-    fill: "none",
-    fillRule: "evenodd"
-  }, (0, _react2.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"
-  }), (0, _react2.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"
-  }), (0, _react2.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"
-  }), (0, _react2.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"
-  }), (0, _react2.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"
-  }), (0, _react2.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"
-  }), (0, _react2.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"
-  }), (0, _react2.jsx)("path", {
-    d: "M29.8924528,41.4339623 L29.9943396,55.6981132",
-    id: "Path",
-    stroke: "#000000",
-    strokeWidth: "0.5",
-    strokeLinecap: "round"
-  }), (0, _react2.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"
-  }), (0, _react2.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"
-  }), (0, _react2.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"
-  }), (0, _react2.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"
-  }), (0, _react2.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"
-  }), (0, _react2.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"
-  }), (0, _react2.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"
-  }), (0, _react2.jsx)("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: (0, _jsxRuntime.jsxs)("g", {
+      id: "Artboard",
+      stroke: "none",
+      strokeWidth: "1",
+      fill: "none",
+      fillRule: "evenodd",
+      children: [(0, _jsxRuntime.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"
+      }), (0, _jsxRuntime.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"
+      }), (0, _jsxRuntime.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"
+      }), (0, _jsxRuntime.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"
+      }), (0, _jsxRuntime.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"
+      }), (0, _jsxRuntime.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"
+      }), (0, _jsxRuntime.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"
+      }), (0, _jsxRuntime.jsx)("path", {
+        d: "M29.8924528,41.4339623 L29.9943396,55.6981132",
+        id: "Path",
+        stroke: "#000000",
+        strokeWidth: "0.5",
+        strokeLinecap: "round"
+      }), (0, _jsxRuntime.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"
+      }), (0, _jsxRuntime.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"
+      }), (0, _jsxRuntime.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"
+      }), (0, _jsxRuntime.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"
+      }), (0, _jsxRuntime.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"
+      }), (0, _jsxRuntime.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"
+      }), (0, _jsxRuntime.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"
+      }), (0, _jsxRuntime.jsx)("path", {
+        d: "M6,63.3396226 L26.3773585,63.3396226",
+        id: "Path",
+        stroke: "#000000",
+        strokeWidth: "0.5",
+        strokeLinecap: "round"
+      })]
+    })
+  });
 };
 
 var _default = Illustration;

package/lib/Hero/Hero.js

@@ -7,14 +7,14 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.NdlaFilmHero = exports.SourceMaterialHero = exports.ExternalLearningResourcesHero = exports.SubjectHero = exports.AssessmentResourcesHero = exports.TasksAndActivitiesHero = exports.SubjectMaterialHero = exports.Hero = void 0;
 
+var _jsxRuntime = require("@emotion/react/jsx-runtime");
+
 var _react = _interopRequireDefault(require("react"));
 
 var _reactBemHelper = _interopRequireDefault(require("react-bem-helper"));
 
 var contentTypes = _interopRequireWildcard(require("../model/ContentType"));
 
-var _react2 = require("@emotion/react");
-
 function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
 
 function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
@@ -25,7 +25,11 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 
 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; }
 
 var classes = new _reactBemHelper["default"]({
   name: 'hero',
@@ -35,13 +39,15 @@ var classes = new _reactBemHelper["default"]({
 var Hero = function Hero(_ref) {
   var children = _ref.children,
       contentType = _ref.contentType;
-  return (0, _react2.jsx)("div", classes('', contentType), children || null);
+  return (0, _jsxRuntime.jsx)("div", _objectSpread(_objectSpread({}, classes('', contentType)), {}, {
+    children: children || null
+  }));
 };
 
 exports.Hero = Hero;
 
 var SubjectMaterialHero = function SubjectMaterialHero(props) {
-  return (0, _react2.jsx)(Hero, _extends({
+  return (0, _jsxRuntime.jsx)(Hero, _objectSpread({
     contentType: contentTypes.SUBJECT_MATERIAL
   }, props));
 };
@@ -49,7 +55,7 @@ var SubjectMaterialHero = function SubjectMaterialHero(props) {
 exports.SubjectMaterialHero = SubjectMaterialHero;
 
 var TasksAndActivitiesHero = function TasksAndActivitiesHero(props) {
-  return (0, _react2.jsx)(Hero, _extends({
+  return (0, _jsxRuntime.jsx)(Hero, _objectSpread({
     contentType: contentTypes.TASKS_AND_ACTIVITIES
   }, props));
 };
@@ -57,7 +63,7 @@ var TasksAndActivitiesHero = function TasksAndActivitiesHero(props) {
 exports.TasksAndActivitiesHero = TasksAndActivitiesHero;
 
 var AssessmentResourcesHero = function AssessmentResourcesHero(props) {
-  return (0, _react2.jsx)(Hero, _extends({
+  return (0, _jsxRuntime.jsx)(Hero, _objectSpread({
     contentType: contentTypes.ASSESSMENT_RESOURCES
   }, props));
 };
@@ -65,7 +71,7 @@ var AssessmentResourcesHero = function AssessmentResourcesHero(props) {
 exports.AssessmentResourcesHero = AssessmentResourcesHero;
 
 var SubjectHero = function SubjectHero(props) {
-  return (0, _react2.jsx)(Hero, _extends({
+  return (0, _jsxRuntime.jsx)(Hero, _objectSpread({
     contentType: contentTypes.SUBJECT
   }, props));
 };
@@ -73,7 +79,7 @@ var SubjectHero = function SubjectHero(props) {
 exports.SubjectHero = SubjectHero;
 
 var ExternalLearningResourcesHero = function ExternalLearningResourcesHero(props) {
-  return (0, _react2.jsx)(Hero, _extends({
+  return (0, _jsxRuntime.jsx)(Hero, _objectSpread({
     contentType: contentTypes.EXTERNAL_LEARNING_RESOURCES
   }, props));
 };
@@ -81,7 +87,7 @@ var ExternalLearningResourcesHero = function ExternalLearningResourcesHero(props
 exports.ExternalLearningResourcesHero = ExternalLearningResourcesHero;
 
 var SourceMaterialHero = function SourceMaterialHero(props) {
-  return (0, _react2.jsx)(Hero, _extends({
+  return (0, _jsxRuntime.jsx)(Hero, _objectSpread({
     contentType: contentTypes.SOURCE_MATERIAL
   }, props));
 };
@@ -92,7 +98,7 @@ var NdlaFilmHero = function NdlaFilmHero(_ref2) {
   var hasImage = _ref2.hasImage,
       rest = _objectWithoutProperties(_ref2, ["hasImage"]);
 
-  return (0, _react2.jsx)(Hero, _extends({}, rest, {
+  return (0, _jsxRuntime.jsx)(Hero, _objectSpread(_objectSpread({}, rest), {}, {
     contentType: hasImage ? 'ndla-film has-image' : 'ndla-film'
   }));
 };

package/lib/Image/Image.js

@@ -7,15 +7,19 @@ exports["default"] = exports.makeSrcQueryString = void 0;
 
 var _base = _interopRequireDefault(require("@emotion/styled/base"));
 
+var _jsxRuntime = require("@emotion/react/jsx-runtime");
+
 var _react = _interopRequireDefault(require("react"));
 
 var _LazyLoadImage = _interopRequireDefault(require("./LazyLoadImage"));
 
-var _react2 = require("@emotion/react");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
-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; }
 
@@ -42,9 +46,7 @@ var getSrcSet = function getSrcSet(src, crop, focalPoint) {
   }).join(', ');
 };
 
-var StyledImageWrapper = /*#__PURE__*/(0, _base["default"])("div", process.env.NODE_ENV === "production" ? {
-  target: "ejtxxex0"
-} : {
+var StyledImageWrapper = /*#__PURE__*/(0, _base["default"])("div", {
   target: "ejtxxex0",
   label: "StyledImageWrapper"
 })(process.env.NODE_ENV === "production" ? {
@@ -78,30 +80,38 @@ var Image = function Image(_ref) {
   var queryString = makeSrcQueryString(fallbackWidth, crop, focalPoint);
 
   if (contentType && contentType === 'image/gif') {
-    return (0, _react2.jsx)(StyledImageWrapper, null, (0, _react2.jsx)("img", _extends({
-      alt: alt,
-      src: "".concat(src)
-    }, rest)));
+    return (0, _jsxRuntime.jsx)(StyledImageWrapper, {
+      children: (0, _jsxRuntime.jsx)("img", _objectSpread({
+        alt: alt,
+        src: "".concat(src)
+      }, rest))
+    });
   }
 
   if (lazyLoad) {
-    return (0, _react2.jsx)(StyledImageWrapper, null, (0, _react2.jsx)(_LazyLoadImage["default"], {
-      alt: alt,
-      src: "".concat(src, "?").concat(queryString),
-      srcSet: srcSet,
-      sizes: sizes,
-      lazyLoadSrc: lazyLoadSrc
-    }));
+    return (0, _jsxRuntime.jsx)(StyledImageWrapper, {
+      children: (0, _jsxRuntime.jsx)(_LazyLoadImage["default"], {
+        alt: alt,
+        src: "".concat(src, "?").concat(queryString),
+        srcSet: srcSet,
+        sizes: sizes,
+        lazyLoadSrc: lazyLoadSrc
+      })
+    });
   }
 
-  return (0, _react2.jsx)(StyledImageWrapper, null, (0, _react2.jsx)("picture", null, (0, _react2.jsx)("source", {
-    type: contentType,
-    srcSet: srcSet,
-    sizes: sizes
-  }), (0, _react2.jsx)("img", _extends({
-    alt: alt,
-    src: "".concat(src, "?").concat(queryString)
-  }, rest))), expandButton);
+  return (0, _jsxRuntime.jsxs)(StyledImageWrapper, {
+    children: [(0, _jsxRuntime.jsxs)("picture", {
+      children: [(0, _jsxRuntime.jsx)("source", {
+        type: contentType,
+        srcSet: srcSet,
+        sizes: sizes
+      }), (0, _jsxRuntime.jsx)("img", _objectSpread({
+        alt: alt,
+        src: "".concat(src, "?").concat(queryString)
+      }, rest))]
+    }), expandButton]
+  });
 };
 
 var _default = Image;

package/lib/Image/ImageLink.js

@@ -7,15 +7,19 @@ exports.ImageLink = ImageLink;
 
 var _base = _interopRequireDefault(require("@emotion/styled/base"));
 
+var _jsxRuntime = require("@emotion/react/jsx-runtime");
+
 var _react = _interopRequireDefault(require("react"));
 
 var _Image = require("./Image");
 
-var _react2 = require("@emotion/react");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
-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; }
 
@@ -23,9 +27,7 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 
 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)."; }
 
-var StyledLink = /*#__PURE__*/(0, _base["default"])("a", process.env.NODE_ENV === "production" ? {
-  target: "eo3pjlm0"
-} : {
+var StyledLink = /*#__PURE__*/(0, _base["default"])("a", {
   target: "eo3pjlm0",
   label: "StyledLink"
 })(process.env.NODE_ENV === "production" ? {
@@ -44,9 +46,11 @@ function ImageLink(_ref) {
       children = _ref.children,
       rest = _objectWithoutProperties(_ref, ["src", "crop", "children"]);
 
-  return (0, _react2.jsx)(StyledLink, _extends({
+  return (0, _jsxRuntime.jsx)(StyledLink, _objectSpread(_objectSpread({
     target: "_blank",
     href: "".concat(src, "?").concat((0, _Image.makeSrcQueryString)(undefined, crop)),
     rel: "noopener noreferrer"
-  }, rest), children);
+  }, rest), {}, {
+    children: children
+  }));
 }

package/lib/Image/LazyLoadImage.js

@@ -5,13 +5,17 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = void 0;
 
-var _react = _interopRequireDefault(require("react"));
+var _jsxRuntime = require("@emotion/react/jsx-runtime");
 
-var _react2 = require("@emotion/react");
+var _react = _interopRequireDefault(require("react"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
-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; }
 
@@ -26,25 +30,26 @@ var LazyLoadImage = function LazyLoadImage(_ref) {
       sizes = _ref.sizes,
       rest = _objectWithoutProperties(_ref, ["alt", "src", "srcSet", "lazyLoadSrc", "sizes"]);
 
-  return (0, _react2.jsx)(_react["default"].Fragment, null, (0, _react2.jsx)("noscript", {
-    key: "noscript"
-  }, (0, _react2.jsx)("img", _extends({
-    alt: alt,
-    src: "".concat(src),
-    srcSet: srcSet,
-    sizes: sizes
-  }, rest))), (0, _react2.jsx)("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 (0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [(0, _jsxRuntime.jsx)("noscript", {
+      children: (0, _jsxRuntime.jsx)("img", _objectSpread({
+        alt: alt,
+        src: "".concat(src),
+        srcSet: srcSet,
+        sizes: sizes
+      }, rest))
+    }, "noscript"), (0, _jsxRuntime.jsx)("img", _objectSpread({
+      alt: alt,
+      style: {
+        width: '100%'
+      },
+      className: "lazyload",
+      src: lazyLoadSrc,
+      "data-src": src,
+      "data-src-set": srcSet,
+      "data-sizes": sizes
+    }, rest), "img")]
+  });
 };
 
 var _default = LazyLoadImage;