@ndla/ui 29.0.0 → 30.0.0

package/lib/Frontpage/illustrations/Studiespesialiserende.js

@@ -7,7 +7,7 @@ exports["default"] = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
-var _core = require("@emotion/core");
+var _react2 = require("@emotion/react");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
@@ -19,72 +19,72 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "d
  *
  */
 var Illustration = function Illustration() {
-  return (0, _core.jsx)("svg", {
+  return (0, _react2.jsx)("svg", {
     width: "90px",
     height: "90px",
     viewBox: "0 0 90 90",
     version: "1.1",
     xmlns: "http://www.w3.org/2000/svg"
-  }, (0, _core.jsx)("g", {
+  }, (0, _react2.jsx)("g", {
     id: "Artboard",
     stroke: "none",
     strokeWidth: "1",
     fill: "none",
     fillRule: "evenodd"
-  }, (0, _core.jsx)("path", {
+  }, (0, _react2.jsx)("path", {
     d: "M44,62.0697056 C44,62.0697056 41.634042,52.2742526 40.7199219,47.4586109 C40.6123784,46.8019325 20.7705945,46.9661021 19.1036696,47.2397181 C18.4046366,48.7719677 21.4696276,63 21.4696276,63",
     id: "Path",
     stroke: "#000000",
     strokeWidth: "0.5",
     strokeLinecap: "round"
-  }), (0, _core.jsx)("path", {
+  }), (0, _react2.jsx)("path", {
     d: "M4,69 C5.97368266,68.8880303 7.59435434,68.7604131 8.75270513,68.6209555 C19.5914009,67.3397747 -6.4105208,62.6954945 22,63.0157897",
     id: "Path",
     stroke: "#000000",
     strokeWidth: "0.5"
-  }), (0, _core.jsx)("path", {
+  }), (0, _react2.jsx)("path", {
     d: "M48.0752486,23 C48.0752486,23 43.7332955,23.1060711 45.3679132,28.5687314 C46.5938764,32.7055032 49.1990483,34.7208536 50.7315023,33.766214 C51.2423203,33.4480007 51.6509748,32.8115743 51.8042202,31.8569346 C52.5704472,27.9323049 51.0379931,23.4773198 48.0752486,23 Z",
     id: "Path",
     stroke: "#000000",
     strokeWidth: "0.5",
     strokeLinecap: "round"
-  }), (0, _core.jsx)("path", {
+  }), (0, _react2.jsx)("path", {
     d: "M52.5402715,34 C52.5402715,34 52.6454503,37.2398088 55.1697425,37.8771483 C57.6940347,38.5144877 61.8485989,34.7435627 64.6884276,44.7285472 C67.5808458,54.7135318 69.8421909,59.3342427 65.8453949,61.0869262 C61.8485989,62.8396096 53.6446493,61.7242656 51.9617879,60.6089216 C50.226337,59.4935776 49.5426745,56.2537688 47.22874,57.7408941 C44.9148055,59.2280195 42.8638181,62.3616051 49.4374957,60.8744797",
     id: "Path",
     stroke: "#000000",
     strokeWidth: "0.5",
     strokeLinecap: "round"
-  }), (0, _core.jsx)("path", {
+  }), (0, _react2.jsx)("path", {
     d: "M49.8588081,34 C50.2567222,34.4904632 49.9724978,39.013624 46.9028742,41.1934605 C43.7764056,43.373297 42.2984386,48.986376 43.3216465,54",
     id: "Path",
     stroke: "#000000",
     strokeWidth: "0.5",
     strokeLinecap: "round"
-  }), (0, _core.jsx)("path", {
+  }), (0, _react2.jsx)("path", {
     d: "M61,45 C61,45 61.3528496,56.1818182 62.7642479,57.4909091 C64.1756463,58.8 66.393558,58.8 65.9398943,60",
     id: "Path",
     stroke: "#000000",
     strokeWidth: "0.5",
     strokeLinecap: "round"
-  }), (0, _core.jsx)("path", {
+  }), (0, _react2.jsx)("path", {
     d: "M63,57 C59.7818182,58.040833 52.3090909,59.081666 51,58.9949299",
     id: "Path",
     stroke: "#000000",
     strokeWidth: "0.5",
     strokeLinecap: "round"
-  }), (0, _core.jsx)("path", {
+  }), (0, _react2.jsx)("path", {
     d: "M47,30.4066057 C47.6556747,30.0110096 50.0910379,29.9318903 49.9973701,30.0505692 C49.9037023,30.169248 47.8898442,30.8813212 47.7961764,31",
     id: "Path",
     stroke: "#000000",
     strokeWidth: "0.5",
     strokeLinecap: "round"
-  }), (0, _core.jsx)("path", {
+  }), (0, _react2.jsx)("path", {
     d: "M46,23.6916557 C46.270895,23.5363054 50.6593942,20.0668149 52.1222272,23.5363054 C53.5850603,27.0057959 53.2599863,31.5109553 55.5896833,33.8412101 C57.9193804,36.1714649 57.2150534,37 54.5602823,37",
     id: "Path",
     stroke: "#000000",
     strokeWidth: "0.5",
     strokeLinecap: "round"
-  }), (0, _core.jsx)("path", {
+  }), (0, _react2.jsx)("path", {
     d: "M66,61.6333945 L82,61.3666055",
     id: "Path",
     stroke: "#000000",

package/lib/Frontpage/illustrations/Yrkesfag.d.ts

@@ -5,6 +5,5 @@
  * LICENSE file in the root directory of this source tree.
  *
  */
-/// <reference types="react" />
-declare const Illustration: () => JSX.Element;
+declare const Illustration: () => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
 export default Illustration;

package/lib/Frontpage/illustrations/Yrkesfag.js

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

package/lib/Frontpage/illustrations/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import Fellesfag from './Fellesfag';
 import Yrkesfag from './Yrkesfag';
 import Studiespesialiserende from './Studiespesialiserende';
@@ -7,13 +6,13 @@ import MenuYrkesfag from './MenuYrkesfag';
 import MenuStudiespesialiserende from './MenuStudiespesialiserende';
 import FrontpageSubjectIllustration from './FrontpageSubjectIllustration';
 declare const categoryIllustrations: {
-    yrkesfag: () => JSX.Element;
-    studiespesialiserende: () => JSX.Element;
-    fellesfag: () => JSX.Element;
+    yrkesfag: () => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
+    studiespesialiserende: () => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
+    fellesfag: () => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
 };
 declare const categoryIllustrationsInModal: {
-    yrkesfag: () => JSX.Element;
-    studiespesialiserende: () => JSX.Element;
-    fellesfag: () => JSX.Element;
+    yrkesfag: () => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
+    studiespesialiserende: () => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
+    fellesfag: () => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
 };
 export { Fellesfag, Yrkesfag, Studiespesialiserende, MenuFellesfag, MenuYrkesfag, MenuStudiespesialiserende, FrontpageSubjectIllustration, categoryIllustrations, categoryIllustrationsInModal, };

package/lib/Hero/Hero.d.ts

@@ -11,17 +11,17 @@ interface HeroProps {
     children?: ReactNode;
     contentType?: HeroContentType;
 }
-export declare const Hero: ({ children, contentType }: HeroProps) => JSX.Element;
+export declare const Hero: ({ children, contentType }: HeroProps) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
 interface Props {
     children?: ReactNode;
 }
-export declare const SubjectMaterialHero: (props: Props) => JSX.Element;
-export declare const TasksAndActivitiesHero: (props: Props) => JSX.Element;
-export declare const AssessmentResourcesHero: (props: Props) => JSX.Element;
-export declare const SubjectHero: (props: Props) => JSX.Element;
-export declare const ExternalLearningResourcesHero: (props: Props) => JSX.Element;
-export declare const SourceMaterialHero: (props: Props) => JSX.Element;
+export declare const SubjectMaterialHero: (props: Props) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
+export declare const TasksAndActivitiesHero: (props: Props) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
+export declare const AssessmentResourcesHero: (props: Props) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
+export declare const SubjectHero: (props: Props) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
+export declare const ExternalLearningResourcesHero: (props: Props) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
+export declare const SourceMaterialHero: (props: Props) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
 export declare const NdlaFilmHero: ({ hasImage, ...rest }: Props & {
     hasImage?: boolean | undefined;
-}) => JSX.Element;
+}) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
 export {};

package/lib/Hero/Hero.js

@@ -13,7 +13,7 @@ var _reactBemHelper = _interopRequireDefault(require("react-bem-helper"));
 
 var contentTypes = _interopRequireWildcard(require("../model/ContentType"));
 
-var _core = require("@emotion/core");
+var _react2 = require("@emotion/react");
 
 function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
 
@@ -35,13 +35,13 @@ var classes = new _reactBemHelper["default"]({
 var Hero = function Hero(_ref) {
   var children = _ref.children,
       contentType = _ref.contentType;
-  return (0, _core.jsx)("div", classes('', contentType), children || null);
+  return (0, _react2.jsx)("div", classes('', contentType), children || null);
 };
 
 exports.Hero = Hero;
 
 var SubjectMaterialHero = function SubjectMaterialHero(props) {
-  return (0, _core.jsx)(Hero, _extends({
+  return (0, _react2.jsx)(Hero, _extends({
     contentType: contentTypes.SUBJECT_MATERIAL
   }, props));
 };
@@ -49,7 +49,7 @@ var SubjectMaterialHero = function SubjectMaterialHero(props) {
 exports.SubjectMaterialHero = SubjectMaterialHero;
 
 var TasksAndActivitiesHero = function TasksAndActivitiesHero(props) {
-  return (0, _core.jsx)(Hero, _extends({
+  return (0, _react2.jsx)(Hero, _extends({
     contentType: contentTypes.TASKS_AND_ACTIVITIES
   }, props));
 };
@@ -57,7 +57,7 @@ var TasksAndActivitiesHero = function TasksAndActivitiesHero(props) {
 exports.TasksAndActivitiesHero = TasksAndActivitiesHero;
 
 var AssessmentResourcesHero = function AssessmentResourcesHero(props) {
-  return (0, _core.jsx)(Hero, _extends({
+  return (0, _react2.jsx)(Hero, _extends({
     contentType: contentTypes.ASSESSMENT_RESOURCES
   }, props));
 };
@@ -65,7 +65,7 @@ var AssessmentResourcesHero = function AssessmentResourcesHero(props) {
 exports.AssessmentResourcesHero = AssessmentResourcesHero;
 
 var SubjectHero = function SubjectHero(props) {
-  return (0, _core.jsx)(Hero, _extends({
+  return (0, _react2.jsx)(Hero, _extends({
     contentType: contentTypes.SUBJECT
   }, props));
 };
@@ -73,7 +73,7 @@ var SubjectHero = function SubjectHero(props) {
 exports.SubjectHero = SubjectHero;
 
 var ExternalLearningResourcesHero = function ExternalLearningResourcesHero(props) {
-  return (0, _core.jsx)(Hero, _extends({
+  return (0, _react2.jsx)(Hero, _extends({
     contentType: contentTypes.EXTERNAL_LEARNING_RESOURCES
   }, props));
 };
@@ -81,7 +81,7 @@ var ExternalLearningResourcesHero = function ExternalLearningResourcesHero(props
 exports.ExternalLearningResourcesHero = ExternalLearningResourcesHero;
 
 var SourceMaterialHero = function SourceMaterialHero(props) {
-  return (0, _core.jsx)(Hero, _extends({
+  return (0, _react2.jsx)(Hero, _extends({
     contentType: contentTypes.SOURCE_MATERIAL
   }, props));
 };
@@ -92,7 +92,7 @@ var NdlaFilmHero = function NdlaFilmHero(_ref2) {
   var hasImage = _ref2.hasImage,
       rest = _objectWithoutProperties(_ref2, ["hasImage"]);
 
-  return (0, _core.jsx)(Hero, _extends({}, rest, {
+  return (0, _react2.jsx)(Hero, _extends({}, rest, {
     contentType: hasImage ? 'ndla-film has-image' : 'ndla-film'
   }));
 };

package/lib/Image/Image.d.ts

@@ -30,5 +30,5 @@ interface Props {
     crop?: ImageCrop;
     focalPoint?: ImageFocalPoint;
 }
-declare const Image: ({ alt, src, lazyLoad, lazyLoadSrc, crop, focalPoint, contentType, sizes, expandButton, fallbackWidth, ...rest }: Props) => JSX.Element;
+declare const Image: ({ alt, src, lazyLoad, lazyLoadSrc, crop, focalPoint, contentType, sizes, expandButton, fallbackWidth, ...rest }: Props) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
 export default Image;

package/lib/Image/Image.js

@@ -5,13 +5,13 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = exports.makeSrcQueryString = void 0;
 
-var _styledBase = _interopRequireDefault(require("@emotion/styled-base"));
+var _base = _interopRequireDefault(require("@emotion/styled/base"));
 
 var _react = _interopRequireDefault(require("react"));
 
 var _LazyLoadImage = _interopRequireDefault(require("./LazyLoadImage"));
 
-var _core = require("@emotion/core");
+var _react2 = require("@emotion/react");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
@@ -42,15 +42,17 @@ var getSrcSet = function getSrcSet(src, crop, focalPoint) {
   }).join(', ');
 };
 
-var StyledImageWrapper = (0, _styledBase["default"])("div", {
+var StyledImageWrapper = /*#__PURE__*/(0, _base["default"])("div", process.env.NODE_ENV === "production" ? {
+  target: "ejtxxex0"
+} : {
   target: "ejtxxex0",
   label: "StyledImageWrapper"
 })(process.env.NODE_ENV === "production" ? {
-  name: "79elbk",
-  styles: "position:relative;"
+  name: "bjn8wh",
+  styles: "position:relative"
 } : {
-  name: "79elbk",
-  styles: "position:relative;",
+  name: "bjn8wh",
+  styles: "position:relative",
   map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkltYWdlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF1Q3FDIiwiZmlsZSI6IkltYWdlLnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogQ29weXJpZ2h0IChjKSAyMDE3LXByZXNlbnQsIE5ETEEuXG4gKlxuICogVGhpcyBzb3VyY2UgY29kZSBpcyBsaWNlbnNlZCB1bmRlciB0aGUgR1BMdjMgbGljZW5zZSBmb3VuZCBpbiB0aGVcbiAqIExJQ0VOU0UgZmlsZSBpbiB0aGUgcm9vdCBkaXJlY3Rvcnkgb2YgdGhpcyBzb3VyY2UgdHJlZS5cbiAqXG4gKi9cblxuaW1wb3J0IFJlYWN0LCB7IFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCBMYXp5TG9hZEltYWdlIGZyb20gJy4vTGF6eUxvYWRJbWFnZSc7XG5cbmV4cG9ydCBpbnRlcmZhY2UgSW1hZ2VDcm9wIHtcbiAgc3RhcnRYOiBudW1iZXI7XG4gIHN0YXJ0WTogbnVtYmVyO1xuICBlbmRYOiBudW1iZXI7XG4gIGVuZFk6IG51bWJlcjtcbn1cblxuZXhwb3J0IGludGVyZmFjZSBJbWFnZUZvY2FsUG9pbnQge1xuICB4OiBudW1iZXI7XG4gIHk6IG51bWJlcjtcbn1cblxuZXhwb3J0IGNvbnN0IG1ha2VTcmNRdWVyeVN0cmluZyA9ICh3aWR0aDogbnVtYmVyIHwgdW5kZWZpbmVkLCBjcm9wPzogSW1hZ2VDcm9wLCBmb2NhbFBvaW50PzogSW1hZ2VGb2NhbFBvaW50KSA9PiB7XG4gIGNvbnN0IHdpZHRoUGFyYW1zID0gd2lkdGggJiYgYHdpZHRoPSR7d2lkdGh9YDtcbiAgY29uc3QgY3JvcFBhcmFtcyA9XG4gICAgY3JvcCAmJiBgY3JvcFN0YXJ0WD0ke2Nyb3Auc3RhcnRYfSZjcm9wRW5kWD0ke2Nyb3AuZW5kWH0mY3JvcFN0YXJ0WT0ke2Nyb3Auc3RhcnRZfSZjcm9wRW5kWT0ke2Nyb3AuZW5kWX1gO1xuICBjb25zdCBmb2NhbFBvaW50UGFyYW1zID0gZm9jYWxQb2ludCAmJiBgZm9jYWxYPSR7Zm9jYWxQb2ludC54fSZmb2NhbFk9JHtmb2NhbFBvaW50Lnl9YDtcbiAgY29uc3QgcGFyYW1zID0gW3dpZHRoUGFyYW1zLCBjcm9wUGFyYW1zLCBmb2NhbFBvaW50UGFyYW1zXS5maWx0ZXIoKHApID0+IHApLmpvaW4oJyYnKTtcblxuICByZXR1cm4gcGFyYW1zO1xufTtcblxuY29uc3QgZ2V0U3JjU2V0ID0gKHNyYzogc3RyaW5nLCBjcm9wOiBJbWFnZUNyb3AgfCB1bmRlZmluZWQsIGZvY2FsUG9pbnQ6IEltYWdlRm9jYWxQb2ludCB8IHVuZGVmaW5lZCkgPT4ge1xuICBjb25zdCB3aWR0aHMgPSBbMjcyMCwgMjA4MCwgMTc2MCwgMTQ0MCwgMTEyMCwgMTAwMCwgOTYwLCA4MDAsIDY0MCwgNDgwLCAzMjAsIDI0MCwgMTgwXTtcbiAgcmV0dXJuIHdpZHRocy5tYXAoKHdpZHRoKSA9PiBgJHtzcmN9PyR7bWFrZVNyY1F1ZXJ5U3RyaW5nKHdpZHRoLCBjcm9wLCBmb2NhbFBvaW50KX0gJHt3aWR0aH13YCkuam9pbignLCAnKTtcbn07XG5cbmNvbnN0IFN0eWxlZEltYWdlV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbmA7XG5pbnRlcmZhY2UgUHJvcHMge1xuICBhbHQ6IHN0cmluZztcbiAgc3JjOiBzdHJpbmc7XG4gIHNpemVzPzogc3RyaW5nO1xuICBmYWxsYmFja1dpZHRoPzogbnVtYmVyO1xuICBjb250ZW50VHlwZT86IHN0cmluZztcbiAgc3JjU2V0Pzogc3RyaW5nO1xuICBsYXp5TG9hZD86IGJvb2xlYW47XG4gIGxhenlMb2FkU3JjPzogc3RyaW5nO1xuICBleHBhbmRCdXR0b24/OiBSZWFjdE5vZGU7XG4gIGNyb3A/OiBJbWFnZUNyb3A7XG4gIGZvY2FsUG9pbnQ/OiBJbWFnZUZvY2FsUG9pbnQ7XG59XG5cbmNvbnN0IEltYWdlID0gKHtcbiAgYWx0LFxuICBzcmMsXG4gIGxhenlMb2FkLFxuICBsYXp5TG9hZFNyYyxcbiAgY3JvcCxcbiAgZm9jYWxQb2ludCxcbiAgY29udGVudFR5cGUsXG4gIHNpemVzID0gJyhtaW4td2lkdGg6IDEwMjRweCkgMTAyNHB4LCAxMDB2dycsXG4gIGV4cGFuZEJ1dHRvbixcbiAgZmFsbGJhY2tXaWR0aCA9IDEwMjQsXG4gIC4uLnJlc3Rcbn06IFByb3BzKSA9PiB7XG4gIGNvbnN0IHNyY1NldCA9IHJlc3Quc3JjU2V0ID8/IGdldFNyY1NldChzcmMsIGNyb3AsIGZvY2FsUG9pbnQpO1xuICBjb25zdCBxdWVyeVN0cmluZyA9IG1ha2VTcmNRdWVyeVN0cmluZyhmYWxsYmFja1dpZHRoLCBjcm9wLCBmb2NhbFBvaW50KTtcblxuICBpZiAoY29udGVudFR5cGUgJiYgY29udGVudFR5cGUgPT09ICdpbWFnZS9naWYnKSB7XG4gICAgcmV0dXJuIChcbiAgICAgIDxTdHlsZWRJbWFnZVdyYXBwZXI+XG4gICAgICAgIDxpbWcgYWx0PXthbHR9IHNyYz17YCR7c3JjfWB9IHsuLi5yZXN0fSAvPlxuICAgICAgPC9TdHlsZWRJbWFnZVdyYXBwZXI+XG4gICAgKTtcbiAgfVxuXG4gIGlmIChsYXp5TG9hZCkge1xuICAgIHJldHVybiAoXG4gICAgICA8U3R5bGVkSW1hZ2VXcmFwcGVyPlxuICAgICAgICA8TGF6eUxvYWRJbWFnZVxuICAgICAgICAgIGFsdD17YWx0fVxuICAgICAgICAgIHNyYz17YCR7c3JjfT8ke3F1ZXJ5U3RyaW5nfWB9XG4gICAgICAgICAgc3JjU2V0PXtzcmNTZXR9XG4gICAgICAgICAgc2l6ZXM9e3NpemVzfVxuICAgICAgICAgIGxhenlMb2FkU3JjPXtsYXp5TG9hZFNyY31cbiAgICAgICAgLz5cbiAgICAgIDwvU3R5bGVkSW1hZ2VXcmFwcGVyPlxuICAgICk7XG4gIH1cblxuICByZXR1cm4gKFxuICAgIDxTdHlsZWRJbWFnZVdyYXBwZXI+XG4gICAgICA8cGljdHVyZT5cbiAgICAgICAgPHNvdXJjZSB0eXBlPXtjb250ZW50VHlwZX0gc3JjU2V0PXtzcmNTZXR9IHNpemVzPXtzaXplc30gLz5cbiAgICAgICAgPGltZyBhbHQ9e2FsdH0gc3JjPXtgJHtzcmN9PyR7cXVlcnlTdHJpbmd9YH0gey4uLnJlc3R9IC8+XG4gICAgICA8L3BpY3R1cmU+XG4gICAgICB7ZXhwYW5kQnV0dG9ufVxuICAgIDwvU3R5bGVkSW1hZ2VXcmFwcGVyPlxuICApO1xufTtcblxuZXhwb3J0IGRlZmF1bHQgSW1hZ2U7XG4iXX0= */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
@@ -76,14 +78,14 @@ var Image = function Image(_ref) {
   var queryString = makeSrcQueryString(fallbackWidth, crop, focalPoint);
 
   if (contentType && contentType === 'image/gif') {
-    return (0, _core.jsx)(StyledImageWrapper, null, (0, _core.jsx)("img", _extends({
+    return (0, _react2.jsx)(StyledImageWrapper, null, (0, _react2.jsx)("img", _extends({
       alt: alt,
       src: "".concat(src)
     }, rest)));
   }
 
   if (lazyLoad) {
-    return (0, _core.jsx)(StyledImageWrapper, null, (0, _core.jsx)(_LazyLoadImage["default"], {
+    return (0, _react2.jsx)(StyledImageWrapper, null, (0, _react2.jsx)(_LazyLoadImage["default"], {
       alt: alt,
       src: "".concat(src, "?").concat(queryString),
       srcSet: srcSet,
@@ -92,11 +94,11 @@ var Image = function Image(_ref) {
     }));
   }
 
-  return (0, _core.jsx)(StyledImageWrapper, null, (0, _core.jsx)("picture", null, (0, _core.jsx)("source", {
+  return (0, _react2.jsx)(StyledImageWrapper, null, (0, _react2.jsx)("picture", null, (0, _react2.jsx)("source", {
     type: contentType,
     srcSet: srcSet,
     sizes: sizes
-  }), (0, _core.jsx)("img", _extends({
+  }), (0, _react2.jsx)("img", _extends({
     alt: alt,
     src: "".concat(src, "?").concat(queryString)
   }, rest))), expandButton);

package/lib/Image/ImageLink.d.ts

@@ -14,5 +14,5 @@ interface Props {
     crop?: ImageCrop;
     focalPoint?: ImageFocalPoint;
 }
-export declare function ImageLink({ src, crop, children, ...rest }: Props): JSX.Element;
+export declare function ImageLink({ src, crop, children, ...rest }: Props): import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
 export {};

package/lib/Image/ImageLink.js

@@ -5,13 +5,13 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.ImageLink = ImageLink;
 
-var _styledBase = _interopRequireDefault(require("@emotion/styled-base"));
+var _base = _interopRequireDefault(require("@emotion/styled/base"));
 
 var _react = _interopRequireDefault(require("react"));
 
 var _Image = require("./Image");
 
-var _core = require("@emotion/core");
+var _react2 = require("@emotion/react");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
@@ -23,15 +23,17 @@ 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 = (0, _styledBase["default"])("a", {
+var StyledLink = /*#__PURE__*/(0, _base["default"])("a", process.env.NODE_ENV === "production" ? {
+  target: "eo3pjlm0"
+} : {
   target: "eo3pjlm0",
   label: "StyledLink"
 })(process.env.NODE_ENV === "production" ? {
-  name: "17viinn",
-  styles: "box-shadow:inset 0 0;"
+  name: "1lq5d17",
+  styles: "box-shadow:inset 0 0"
 } : {
-  name: "17viinn",
-  styles: "box-shadow:inset 0 0;",
+  name: "1lq5d17",
+  styles: "box-shadow:inset 0 0",
   map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkltYWdlTGluay50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBYTJCIiwiZmlsZSI6IkltYWdlTGluay50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAxOS1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCBSZWFjdCwgeyBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBtYWtlU3JjUXVlcnlTdHJpbmcgfSBmcm9tICcuL0ltYWdlJztcbmltcG9ydCB7IEltYWdlQ3JvcCwgSW1hZ2VGb2NhbFBvaW50IH0gZnJvbSAnLic7XG5cbmNvbnN0IFN0eWxlZExpbmsgPSBzdHlsZWQuYWBcbiAgYm94LXNoYWRvdzogaW5zZXQgMCAwO1xuYDtcblxuaW50ZXJmYWNlIFByb3BzIHtcbiAgc3JjOiBzdHJpbmc7XG4gIGNoaWxkcmVuOiBSZWFjdE5vZGU7XG4gIHNpemVzPzogc3RyaW5nO1xuICBjcm9wPzogSW1hZ2VDcm9wO1xuICBmb2NhbFBvaW50PzogSW1hZ2VGb2NhbFBvaW50O1xufVxuXG5leHBvcnQgZnVuY3Rpb24gSW1hZ2VMaW5rKHsgc3JjLCBjcm9wLCBjaGlsZHJlbiwgLi4ucmVzdCB9OiBQcm9wcykge1xuICByZXR1cm4gKFxuICAgIDxTdHlsZWRMaW5rXG4gICAgICB0YXJnZXQ9XCJfYmxhbmtcIlxuICAgICAgaHJlZj17YCR7c3JjfT8ke21ha2VTcmNRdWVyeVN0cmluZyh1bmRlZmluZWQsIGNyb3ApfWB9XG4gICAgICByZWw9XCJub29wZW5lciBub3JlZmVycmVyXCJcbiAgICAgIHsuLi5yZXN0fT5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L1N0eWxlZExpbms+XG4gICk7XG59XG4iXX0= */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
@@ -42,7 +44,7 @@ function ImageLink(_ref) {
       children = _ref.children,
       rest = _objectWithoutProperties(_ref, ["src", "crop", "children"]);
 
-  return (0, _core.jsx)(StyledLink, _extends({
+  return (0, _react2.jsx)(StyledLink, _extends({
     target: "_blank",
     href: "".concat(src, "?").concat((0, _Image.makeSrcQueryString)(undefined, crop)),
     rel: "noopener noreferrer"

package/lib/Image/LazyLoadImage.d.ts

@@ -5,7 +5,6 @@
  * LICENSE file in the root directory of this source tree.
  *
  */
-/// <reference types="react" />
 interface Props {
     alt: string;
     src: string;
@@ -14,5 +13,5 @@ interface Props {
     srcSet?: string;
     lazyLoadSrc?: string;
 }
-declare const LazyLoadImage: ({ alt, src, srcSet, lazyLoadSrc, sizes, ...rest }: Props) => JSX.Element;
+declare const LazyLoadImage: ({ alt, src, srcSet, lazyLoadSrc, sizes, ...rest }: Props) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
 export default LazyLoadImage;

package/lib/Image/LazyLoadImage.js

@@ -7,7 +7,7 @@ exports["default"] = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
-var _core = require("@emotion/core");
+var _react2 = require("@emotion/react");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
@@ -26,14 +26,14 @@ var LazyLoadImage = function LazyLoadImage(_ref) {
       sizes = _ref.sizes,
       rest = _objectWithoutProperties(_ref, ["alt", "src", "srcSet", "lazyLoadSrc", "sizes"]);
 
-  return (0, _core.jsx)(_react["default"].Fragment, null, (0, _core.jsx)("noscript", {
+  return (0, _react2.jsx)(_react["default"].Fragment, null, (0, _react2.jsx)("noscript", {
     key: "noscript"
-  }, (0, _core.jsx)("img", _extends({
+  }, (0, _react2.jsx)("img", _extends({
     alt: alt,
     src: "".concat(src),
     srcSet: srcSet,
     sizes: sizes
-  }, rest))), ",", (0, _core.jsx)("img", _extends({
+  }, rest))), (0, _react2.jsx)("img", _extends({
     alt: alt,
     key: "img",
     style: {

package/lib/InfoBlock/InfoBlock.d.ts

@@ -4,5 +4,5 @@ interface InfoBlockProps {
     title?: string;
     children?: ReactNode;
 }
-export declare const InfoBlock: ({ icon, title, children }: InfoBlockProps) => JSX.Element;
+export declare const InfoBlock: ({ icon, title, children }: InfoBlockProps) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
 export default InfoBlock;