@ndla/ui 29.0.0 → 30.0.0

package/lib/Masthead/SkipToMainContent.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = void 0;
 
-var _styledBase = _interopRequireDefault(require("@emotion/styled-base"));
+var _base = _interopRequireDefault(require("@emotion/styled/base"));
 
 var _react = _interopRequireDefault(require("react"));
 
@@ -13,11 +13,13 @@ var _reactI18next = require("react-i18next");
 
 var _core = require("@ndla/core");
 
-var _core2 = require("@emotion/core");
+var _react2 = require("@emotion/react");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
-var StyledSkipToMainContent = (0, _styledBase["default"])("a", {
+var StyledSkipToMainContent = /*#__PURE__*/(0, _base["default"])("a", process.env.NODE_ENV === "production" ? {
+  target: "e13a8y7u0"
+} : {
   target: "e13a8y7u0",
   label: "StyledSkipToMainContent"
 })("left:-999px;position:absolute;top:auto;width:1px;height:1px;overflow:hidden;z-index:-999;&:focus,&:active{color:", _core.colors.white, ";background:", _core.colors.brand.primary, ";left:auto;top:auto;width:30%;height:auto;overflow:auto;margin:10px 35%;padding:5px;border-radius:15px;border:4px solid ", _core.colors.brand.tertiary, ";text-align:center;font-size:1.2em;z-index:9999;animation-name:fadeIn;animation-duration:0.3s;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlNraXBUb01haW5Db250ZW50LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFTd0MiLCJmaWxlIjoiU2tpcFRvTWFpbkNvbnRlbnQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IHVzZVRyYW5zbGF0aW9uIH0gZnJvbSAncmVhY3QtaTE4bmV4dCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjb2xvcnMgfSBmcm9tICdAbmRsYS9jb3JlJztcblxuaW50ZXJmYWNlIFByb3BzIHtcbiAgc2tpcFRvTWFpbkNvbnRlbnRJZDogc3RyaW5nO1xufVxuXG5jb25zdCBTdHlsZWRTa2lwVG9NYWluQ29udGVudCA9IHN0eWxlZC5hYFxuICBsZWZ0OiAtOTk5cHg7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgdG9wOiBhdXRvO1xuICB3aWR0aDogMXB4O1xuICBoZWlnaHQ6IDFweDtcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgei1pbmRleDogLTk5OTtcbiAgJjpmb2N1cyxcbiAgJjphY3RpdmUge1xuICAgIGNvbG9yOiAke2NvbG9ycy53aGl0ZX07XG4gICAgYmFja2dyb3VuZDogJHtjb2xvcnMuYnJhbmQucHJpbWFyeX07XG4gICAgbGVmdDogYXV0bztcbiAgICB0b3A6IGF1dG87XG4gICAgd2lkdGg6IDMwJTtcbiAgICBoZWlnaHQ6IGF1dG87XG4gICAgb3ZlcmZsb3c6IGF1dG87XG4gICAgbWFyZ2luOiAxMHB4IDM1JTtcbiAgICBwYWRkaW5nOiA1cHg7XG4gICAgYm9yZGVyLXJhZGl1czogMTVweDtcbiAgICBib3JkZXI6IDRweCBzb2xpZCAke2NvbG9ycy5icmFuZC50ZXJ0aWFyeX07XG4gICAgdGV4dC1hbGlnbjogY2VudGVyO1xuICAgIGZvbnQtc2l6ZTogMS4yZW07XG4gICAgei1pbmRleDogOTk5OTtcbiAgICBhbmltYXRpb24tbmFtZTogZmFkZUluO1xuICAgIGFuaW1hdGlvbi1kdXJhdGlvbjogMC4zcztcbiAgfVxuYDtcblxuY29uc3QgU2tpcFRvTWFpbkNvbnRlbnQgPSAoeyBza2lwVG9NYWluQ29udGVudElkIH06IFByb3BzKSA9PiB7XG4gIGNvbnN0IHsgdCB9ID0gdXNlVHJhbnNsYXRpb24oKTtcbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkU2tpcFRvTWFpbkNvbnRlbnQgdGFiSW5kZXg9ezB9IGhyZWY9e2AjJHtza2lwVG9NYWluQ29udGVudElkfWB9PlxuICAgICAge3QoJ21hc3RoZWFkLnNraXBUb0NvbnRlbnQnKX1cbiAgICA8L1N0eWxlZFNraXBUb01haW5Db250ZW50PlxuICApO1xufTtcblxuZXhwb3J0IGRlZmF1bHQgU2tpcFRvTWFpbkNvbnRlbnQ7XG4iXX0= */"));
@@ -28,7 +30,7 @@ var SkipToMainContent = function SkipToMainContent(_ref) {
   var _useTranslation = (0, _reactI18next.useTranslation)(),
       t = _useTranslation.t;
 
-  return (0, _core2.jsx)(StyledSkipToMainContent, {
+  return (0, _react2.jsx)(StyledSkipToMainContent, {
     tabIndex: 0,
     href: "#".concat(skipToMainContentId)
   }, t('masthead.skipToContent'));

package/lib/MediaList/MediaList.d.ts

@@ -2,20 +2,20 @@ import { ReactNode } from 'react';
 interface MediaListProps {
     children: ReactNode;
 }
-export declare const MediaList: ({ children }: MediaListProps) => JSX.Element;
+export declare const MediaList: ({ children }: MediaListProps) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
 interface MediaListItemProps {
     children: ReactNode;
 }
-export declare const MediaListItem: ({ children }: MediaListItemProps) => JSX.Element;
+export declare const MediaListItem: ({ children }: MediaListItemProps) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
 interface MediaListItemImageProps {
     children: ReactNode;
 }
-export declare const MediaListItemImage: ({ children }: MediaListItemImageProps) => JSX.Element;
+export declare const MediaListItemImage: ({ children }: MediaListItemImageProps) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
 interface MediaListCCLinkProps {
     children: ReactNode;
     url: string;
 }
-export declare const MediaListCCLink: ({ children, url }: MediaListCCLinkProps) => JSX.Element;
+export declare const MediaListCCLink: ({ children, url }: MediaListCCLinkProps) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
 interface MediaListItemBodyProps {
     children: ReactNode;
     license: string;
@@ -27,16 +27,16 @@ interface MediaListItemBodyProps {
     };
     title?: string;
 }
-export declare const MediaListItemBody: ({ children, license: licenseAbbreviation, messages, title, locale, resourceUrl, resourceType, }: MediaListItemBodyProps) => JSX.Element;
+export declare const MediaListItemBody: ({ children, license: licenseAbbreviation, messages, title, locale, resourceUrl, resourceType, }: MediaListItemBodyProps) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
 interface MediaListItemActionsProps {
     children: ReactNode;
 }
-export declare const MediaListItemActions: ({ children }: MediaListItemActionsProps) => JSX.Element;
+export declare const MediaListItemActions: ({ children }: MediaListItemActionsProps) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
 interface HandleLinkProps {
     text: string;
     children: ReactNode;
 }
-export declare const HandleLink: ({ text, children }: HandleLinkProps) => JSX.Element;
+export declare const HandleLink: ({ text, children }: HandleLinkProps) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
 interface MediaListItemMetaProps {
     items?: {
         label: string;
@@ -44,5 +44,5 @@ interface MediaListItemMetaProps {
         metaType: string;
     }[];
 }
-export declare const MediaListItemMeta: ({ items }: MediaListItemMetaProps) => JSX.Element;
+export declare const MediaListItemMeta: ({ items }: MediaListItemMetaProps) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
 export {};

package/lib/MediaList/MediaList.js

@@ -13,7 +13,7 @@ var _reactBemHelper = _interopRequireDefault(require("react-bem-helper"));
 
 var _util = require("@ndla/util");
 
-var _core = require("@emotion/core");
+var _react2 = require("@emotion/react");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
@@ -36,21 +36,21 @@ var cClasses = new _reactBemHelper["default"]({
 
 var MediaList = function MediaList(_ref) {
   var children = _ref.children;
-  return (0, _core.jsx)("ul", cClasses(), children);
+  return (0, _react2.jsx)("ul", cClasses(), children);
 };
 
 exports.MediaList = MediaList;
 
 var MediaListItem = function MediaListItem(_ref2) {
   var children = _ref2.children;
-  return (0, _core.jsx)("li", oClasses(undefined, undefined, cClasses('item').className), children);
+  return (0, _react2.jsx)("li", oClasses(undefined, undefined, cClasses('item').className), children);
 };
 
 exports.MediaListItem = MediaListItem;
 
 var MediaListItemImage = function MediaListItemImage(_ref3) {
   var children = _ref3.children;
-  return (0, _core.jsx)("div", oClasses('img', undefined, cClasses('img').className), (0, _core.jsx)("div", null, children));
+  return (0, _react2.jsx)("div", oClasses('img', undefined, cClasses('img').className), (0, _react2.jsx)("div", null, children));
 };
 
 exports.MediaListItemImage = MediaListItemImage;
@@ -58,7 +58,7 @@ exports.MediaListItemImage = MediaListItemImage;
 var MediaListCCLink = function MediaListCCLink(_ref4) {
   var children = _ref4.children,
       url = _ref4.url;
-  return (0, _core.jsx)("a", {
+  return (0, _react2.jsx)("a", {
     className: "c-figure-license__link",
     target: "_blank",
     rel: "noopener noreferrer license",
@@ -84,20 +84,20 @@ var MediaListItemBody = function MediaListItemBody(_ref5) {
     about: resourceUrl
   }) : _objectSpread({}, oClasses('body', undefined, cClasses('body').className));
   var metaResourceType = (0, _licenses.getResourceTypeNamespace)(resourceType);
-  return (0, _core.jsx)("div", containerProps, metaResourceType && (0, _core.jsx)("span", {
+  return (0, _react2.jsx)("div", containerProps, metaResourceType && (0, _react2.jsx)("span", {
     rel: "dct:type",
     href: metaResourceType,
     style: {
       display: 'none'
     }
-  }), title ? (0, _core.jsx)("h3", {
+  }), title ? (0, _react2.jsx)("h3", {
     className: "c-medialist__title"
-  }, title, " ") : null, (0, _core.jsx)(_licenses.LicenseDescription, {
+  }, title, " ") : null, (0, _react2.jsx)(_licenses.LicenseDescription, {
     locale: locale,
     messages: messages,
     licenseRights: license.rights,
     highlightCC: true
-  }), (0, _core.jsx)(MediaListCCLink, {
+  }), (0, _react2.jsx)(MediaListCCLink, {
     url: license.url
   }, license.linkText), children);
 };
@@ -106,7 +106,7 @@ exports.MediaListItemBody = MediaListItemBody;
 
 var MediaListItemActions = function MediaListItemActions(_ref6) {
   var children = _ref6.children;
-  return (0, _core.jsx)("div", cClasses('actions'), children);
+  return (0, _react2.jsx)("div", cClasses('actions'), children);
 };
 
 exports.MediaListItemActions = MediaListItemActions;
@@ -120,14 +120,14 @@ var HandleLink = function HandleLink(_ref7) {
       children = _ref7.children;
 
   if (isLink(text)) {
-    return (0, _core.jsx)("a", {
+    return (0, _react2.jsx)("a", {
       href: text,
       target: "_blank",
       rel: "noopener noreferrer"
     }, children);
   }
 
-  return (0, _core.jsx)("span", null, children);
+  return (0, _react2.jsx)("span", null, children);
 };
 
 exports.HandleLink = HandleLink;
@@ -145,14 +145,14 @@ var MediaListItemMeta = function MediaListItemMeta(_ref8) {
     return "".concat(item.label, ": ").concat(item.description);
   }).join(', ');
   return (//@ts-ignore
-    (0, _core.jsx)("ul", _extends({}, cClasses('actions'), {
+    (0, _react2.jsx)("ul", _extends({}, cClasses('actions'), {
       property: "cc:attributionName",
       content: attributionMeta
     }), items.map(function (item) {
-      return (0, _core.jsx)("li", {
+      return (0, _react2.jsx)("li", {
         key: (0, _util.uuid)(),
         className: "c-medialist__meta-item"
-      }, item.label, ": ", (0, _core.jsx)(HandleLink, {
+      }, item.label, ": ", (0, _react2.jsx)(HandleLink, {
         text: item.description
       }, item.description));
     }))

package/lib/Messages/MessageBanner.d.ts

@@ -5,12 +5,11 @@
  * LICENSE file in the root directory of this source tree.
  *
  */
-/// <reference types="react" />
 interface Props {
     small?: boolean;
     children?: string;
     showCloseButton?: boolean;
     onClose?: () => void;
 }
-declare const MessageBanner: ({ children, onClose, showCloseButton, small }: Props) => JSX.Element;
+declare const MessageBanner: ({ children, onClose, showCloseButton, small }: Props) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
 export default MessageBanner;

package/lib/Messages/MessageBanner.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = void 0;
 
-var _styledBase = _interopRequireDefault(require("@emotion/styled-base"));
+var _base = _interopRequireDefault(require("@emotion/styled/base"));
 
 var _react = _interopRequireDefault(require("react"));
 
@@ -15,20 +15,24 @@ var _remarkable = require("remarkable");
 
 var _button = require("@ndla/button");
 
-var _core2 = require("@emotion/core");
+var _react2 = require("@emotion/react");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
 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 MessageBannerWrapper = (0, _styledBase["default"])("div", {
-  target: "eb5ubi50",
+var MessageBannerWrapper = /*#__PURE__*/(0, _base["default"])("div", process.env.NODE_ENV === "production" ? {
+  target: "eb5ubi52"
+} : {
+  target: "eb5ubi52",
   label: "MessageBannerWrapper"
-})("display:grid;grid-template-areas:'. content closebutton';grid-template-columns:minmax(30px,1fr) minmax(0,auto) minmax(30px,1fr);padding:", function (_ref) {
+})("display:grid;grid-template-areas:'. content closebutton';grid-template-columns:minmax(30px, 1fr) minmax(0, auto) minmax(30px, 1fr);padding:", function (_ref) {
   var small = _ref.small;
   return small ? _core.spacing.xxsmall : _core.spacing.small;
 }, ";background:", _core.colors.support.yellowLight, ";color:", _core.colors.brand.greyDark, ";border-bottom:solid 1px ", _core.colors.white, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIk1lc3NhZ2VCYW5uZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW1CcUQiLCJmaWxlIjoiTWVzc2FnZUJhbm5lci50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAyMi1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjb2xvcnMsIHNwYWNpbmcgfSBmcm9tICdAbmRsYS9jb3JlJztcbi8vIEB0cy1pZ25vcmVcbmltcG9ydCB7IFJlbWFya2FibGUgfSBmcm9tICdyZW1hcmthYmxlJztcbmltcG9ydCB7IENsb3NlQnV0dG9uIH0gZnJvbSAnQG5kbGEvYnV0dG9uJztcblxuaW50ZXJmYWNlIFdyYXBwZXJQcm9wcyB7XG4gIHNtYWxsPzogYm9vbGVhbjtcbn1cblxuY29uc3QgTWVzc2FnZUJhbm5lcldyYXBwZXIgPSBzdHlsZWQuZGl2PFdyYXBwZXJQcm9wcz5gXG4gIGRpc3BsYXk6IGdyaWQ7XG4gIGdyaWQtdGVtcGxhdGUtYXJlYXM6ICcuIGNvbnRlbnQgY2xvc2VidXR0b24nO1xuICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IG1pbm1heCgzMHB4LCAxZnIpIG1pbm1heCgwLCBhdXRvKSBtaW5tYXgoMzBweCwgMWZyKTtcbiAgcGFkZGluZzogJHsoeyBzbWFsbCB9KSA9PiAoc21hbGwgPyBzcGFjaW5nLnh4c21hbGwgOiBzcGFjaW5nLnNtYWxsKX07XG4gIGJhY2tncm91bmQ6ICR7Y29sb3JzLnN1cHBvcnQueWVsbG93TGlnaHR9O1xuICBjb2xvcjogJHtjb2xvcnMuYnJhbmQuZ3JleURhcmt9O1xuICBib3JkZXItYm90dG9tOiBzb2xpZCAxcHggJHtjb2xvcnMud2hpdGV9O1xuYDtcblxuY29uc3QgVGV4dFdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBncmlkLWFyZWE6IGNvbnRlbnQ7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICYgcCB7XG4gICAgbWFyZ2luOiAwO1xuICB9XG5gO1xuXG5jb25zdCBTdHlsZWRDbG9zZWJ1dHRvbiA9IHN0eWxlZChDbG9zZUJ1dHRvbilgXG4gIGdyaWQtYXJlYTogY2xvc2VidXR0b247XG4gIHBhZGRpbmc6IDA7XG4gIGp1c3RpZnktc2VsZjogZmxleC1lbmQ7XG4gIGFsaWduLXNlbGY6IGZsZXgtc3RhcnQ7XG5gO1xuXG5pbnRlcmZhY2UgUHJvcHMge1xuICBzbWFsbD86IGJvb2xlYW47XG4gIGNoaWxkcmVuPzogc3RyaW5nO1xuICBzaG93Q2xvc2VCdXR0b24/OiBib29sZWFuO1xuICBvbkNsb3NlPzogKCkgPT4gdm9pZDtcbn1cblxuY29uc3QgbWFya2Rvd24gPSBuZXcgUmVtYXJrYWJsZSh7IGJyZWFrczogdHJ1ZSB9KTtcbm1hcmtkb3duLmlubGluZS5ydWxlci5lbmFibGUoWydzdWInLCAnc3VwJ10pO1xubWFya2Rvd24uYmxvY2sucnVsZXIuZGlzYWJsZShbJ2xpc3QnLCAndGFibGUnXSk7XG5cbmNvbnN0IE1lc3NhZ2VCYW5uZXIgPSAoeyBjaGlsZHJlbiwgb25DbG9zZSwgc2hvd0Nsb3NlQnV0dG9uLCBzbWFsbCB9OiBQcm9wcykgPT4ge1xuICByZXR1cm4gKFxuICAgIDxNZXNzYWdlQmFubmVyV3JhcHBlciBzbWFsbD17c21hbGx9PlxuICAgICAgPFRleHRXcmFwcGVyIGRhbmdlcm91c2x5U2V0SW5uZXJIVE1MPXt7IF9faHRtbDogbWFya2Rvd24ucmVuZGVyKGNoaWxkcmVuKSB9fSAvPlxuICAgICAge3Nob3dDbG9zZUJ1dHRvbiAmJiA8U3R5bGVkQ2xvc2VidXR0b24gb25DbGljaz17b25DbG9zZX0gLz59XG4gICAgPC9NZXNzYWdlQmFubmVyV3JhcHBlcj5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IE1lc3NhZ2VCYW5uZXI7XG4iXX0= */"));
-var TextWrapper = (0, _styledBase["default"])("div", {
+var TextWrapper = /*#__PURE__*/(0, _base["default"])("div", process.env.NODE_ENV === "production" ? {
+  target: "eb5ubi51"
+} : {
   target: "eb5ubi51",
   label: "TextWrapper"
 })(process.env.NODE_ENV === "production" ? {
@@ -40,15 +44,17 @@ var TextWrapper = (0, _styledBase["default"])("div", {
   map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIk1lc3NhZ2VCYW5uZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTZCOEIiLCJmaWxlIjoiTWVzc2FnZUJhbm5lci50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAyMi1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjb2xvcnMsIHNwYWNpbmcgfSBmcm9tICdAbmRsYS9jb3JlJztcbi8vIEB0cy1pZ25vcmVcbmltcG9ydCB7IFJlbWFya2FibGUgfSBmcm9tICdyZW1hcmthYmxlJztcbmltcG9ydCB7IENsb3NlQnV0dG9uIH0gZnJvbSAnQG5kbGEvYnV0dG9uJztcblxuaW50ZXJmYWNlIFdyYXBwZXJQcm9wcyB7XG4gIHNtYWxsPzogYm9vbGVhbjtcbn1cblxuY29uc3QgTWVzc2FnZUJhbm5lcldyYXBwZXIgPSBzdHlsZWQuZGl2PFdyYXBwZXJQcm9wcz5gXG4gIGRpc3BsYXk6IGdyaWQ7XG4gIGdyaWQtdGVtcGxhdGUtYXJlYXM6ICcuIGNvbnRlbnQgY2xvc2VidXR0b24nO1xuICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IG1pbm1heCgzMHB4LCAxZnIpIG1pbm1heCgwLCBhdXRvKSBtaW5tYXgoMzBweCwgMWZyKTtcbiAgcGFkZGluZzogJHsoeyBzbWFsbCB9KSA9PiAoc21hbGwgPyBzcGFjaW5nLnh4c21hbGwgOiBzcGFjaW5nLnNtYWxsKX07XG4gIGJhY2tncm91bmQ6ICR7Y29sb3JzLnN1cHBvcnQueWVsbG93TGlnaHR9O1xuICBjb2xvcjogJHtjb2xvcnMuYnJhbmQuZ3JleURhcmt9O1xuICBib3JkZXItYm90dG9tOiBzb2xpZCAxcHggJHtjb2xvcnMud2hpdGV9O1xuYDtcblxuY29uc3QgVGV4dFdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBncmlkLWFyZWE6IGNvbnRlbnQ7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICYgcCB7XG4gICAgbWFyZ2luOiAwO1xuICB9XG5gO1xuXG5jb25zdCBTdHlsZWRDbG9zZWJ1dHRvbiA9IHN0eWxlZChDbG9zZUJ1dHRvbilgXG4gIGdyaWQtYXJlYTogY2xvc2VidXR0b247XG4gIHBhZGRpbmc6IDA7XG4gIGp1c3RpZnktc2VsZjogZmxleC1lbmQ7XG4gIGFsaWduLXNlbGY6IGZsZXgtc3RhcnQ7XG5gO1xuXG5pbnRlcmZhY2UgUHJvcHMge1xuICBzbWFsbD86IGJvb2xlYW47XG4gIGNoaWxkcmVuPzogc3RyaW5nO1xuICBzaG93Q2xvc2VCdXR0b24/OiBib29sZWFuO1xuICBvbkNsb3NlPzogKCkgPT4gdm9pZDtcbn1cblxuY29uc3QgbWFya2Rvd24gPSBuZXcgUmVtYXJrYWJsZSh7IGJyZWFrczogdHJ1ZSB9KTtcbm1hcmtkb3duLmlubGluZS5ydWxlci5lbmFibGUoWydzdWInLCAnc3VwJ10pO1xubWFya2Rvd24uYmxvY2sucnVsZXIuZGlzYWJsZShbJ2xpc3QnLCAndGFibGUnXSk7XG5cbmNvbnN0IE1lc3NhZ2VCYW5uZXIgPSAoeyBjaGlsZHJlbiwgb25DbG9zZSwgc2hvd0Nsb3NlQnV0dG9uLCBzbWFsbCB9OiBQcm9wcykgPT4ge1xuICByZXR1cm4gKFxuICAgIDxNZXNzYWdlQmFubmVyV3JhcHBlciBzbWFsbD17c21hbGx9PlxuICAgICAgPFRleHRXcmFwcGVyIGRhbmdlcm91c2x5U2V0SW5uZXJIVE1MPXt7IF9faHRtbDogbWFya2Rvd24ucmVuZGVyKGNoaWxkcmVuKSB9fSAvPlxuICAgICAge3Nob3dDbG9zZUJ1dHRvbiAmJiA8U3R5bGVkQ2xvc2VidXR0b24gb25DbGljaz17b25DbG9zZX0gLz59XG4gICAgPC9NZXNzYWdlQmFubmVyV3JhcHBlcj5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IE1lc3NhZ2VCYW5uZXI7XG4iXX0= */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
-var StyledClosebutton = ( /*#__PURE__*/0, _styledBase["default"])(_button.CloseButton, {
-  target: "eb5ubi52",
+var StyledClosebutton = /*#__PURE__*/(0, _base["default"])(_button.CloseButton, process.env.NODE_ENV === "production" ? {
+  target: "eb5ubi50"
+} : {
+  target: "eb5ubi50",
   label: "StyledClosebutton"
 })(process.env.NODE_ENV === "production" ? {
-  name: "1n7rg8y",
-  styles: "grid-area:closebutton;padding:0;justify-self:flex-end;align-self:flex-start;"
+  name: "5k3tpv",
+  styles: "grid-area:closebutton;padding:0;justify-self:flex-end;align-self:flex-start"
 } : {
-  name: "1n7rg8y",
-  styles: "grid-area:closebutton;padding:0;justify-self:flex-end;align-self:flex-start;",
+  name: "5k3tpv",
+  styles: "grid-area:closebutton;padding:0;justify-self:flex-end;align-self:flex-start",
   map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIk1lc3NhZ2VCYW5uZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXNDNkMiLCJmaWxlIjoiTWVzc2FnZUJhbm5lci50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAyMi1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjb2xvcnMsIHNwYWNpbmcgfSBmcm9tICdAbmRsYS9jb3JlJztcbi8vIEB0cy1pZ25vcmVcbmltcG9ydCB7IFJlbWFya2FibGUgfSBmcm9tICdyZW1hcmthYmxlJztcbmltcG9ydCB7IENsb3NlQnV0dG9uIH0gZnJvbSAnQG5kbGEvYnV0dG9uJztcblxuaW50ZXJmYWNlIFdyYXBwZXJQcm9wcyB7XG4gIHNtYWxsPzogYm9vbGVhbjtcbn1cblxuY29uc3QgTWVzc2FnZUJhbm5lcldyYXBwZXIgPSBzdHlsZWQuZGl2PFdyYXBwZXJQcm9wcz5gXG4gIGRpc3BsYXk6IGdyaWQ7XG4gIGdyaWQtdGVtcGxhdGUtYXJlYXM6ICcuIGNvbnRlbnQgY2xvc2VidXR0b24nO1xuICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IG1pbm1heCgzMHB4LCAxZnIpIG1pbm1heCgwLCBhdXRvKSBtaW5tYXgoMzBweCwgMWZyKTtcbiAgcGFkZGluZzogJHsoeyBzbWFsbCB9KSA9PiAoc21hbGwgPyBzcGFjaW5nLnh4c21hbGwgOiBzcGFjaW5nLnNtYWxsKX07XG4gIGJhY2tncm91bmQ6ICR7Y29sb3JzLnN1cHBvcnQueWVsbG93TGlnaHR9O1xuICBjb2xvcjogJHtjb2xvcnMuYnJhbmQuZ3JleURhcmt9O1xuICBib3JkZXItYm90dG9tOiBzb2xpZCAxcHggJHtjb2xvcnMud2hpdGV9O1xuYDtcblxuY29uc3QgVGV4dFdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBncmlkLWFyZWE6IGNvbnRlbnQ7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICYgcCB7XG4gICAgbWFyZ2luOiAwO1xuICB9XG5gO1xuXG5jb25zdCBTdHlsZWRDbG9zZWJ1dHRvbiA9IHN0eWxlZChDbG9zZUJ1dHRvbilgXG4gIGdyaWQtYXJlYTogY2xvc2VidXR0b247XG4gIHBhZGRpbmc6IDA7XG4gIGp1c3RpZnktc2VsZjogZmxleC1lbmQ7XG4gIGFsaWduLXNlbGY6IGZsZXgtc3RhcnQ7XG5gO1xuXG5pbnRlcmZhY2UgUHJvcHMge1xuICBzbWFsbD86IGJvb2xlYW47XG4gIGNoaWxkcmVuPzogc3RyaW5nO1xuICBzaG93Q2xvc2VCdXR0b24/OiBib29sZWFuO1xuICBvbkNsb3NlPzogKCkgPT4gdm9pZDtcbn1cblxuY29uc3QgbWFya2Rvd24gPSBuZXcgUmVtYXJrYWJsZSh7IGJyZWFrczogdHJ1ZSB9KTtcbm1hcmtkb3duLmlubGluZS5ydWxlci5lbmFibGUoWydzdWInLCAnc3VwJ10pO1xubWFya2Rvd24uYmxvY2sucnVsZXIuZGlzYWJsZShbJ2xpc3QnLCAndGFibGUnXSk7XG5cbmNvbnN0IE1lc3NhZ2VCYW5uZXIgPSAoeyBjaGlsZHJlbiwgb25DbG9zZSwgc2hvd0Nsb3NlQnV0dG9uLCBzbWFsbCB9OiBQcm9wcykgPT4ge1xuICByZXR1cm4gKFxuICAgIDxNZXNzYWdlQmFubmVyV3JhcHBlciBzbWFsbD17c21hbGx9PlxuICAgICAgPFRleHRXcmFwcGVyIGRhbmdlcm91c2x5U2V0SW5uZXJIVE1MPXt7IF9faHRtbDogbWFya2Rvd24ucmVuZGVyKGNoaWxkcmVuKSB9fSAvPlxuICAgICAge3Nob3dDbG9zZUJ1dHRvbiAmJiA8U3R5bGVkQ2xvc2VidXR0b24gb25DbGljaz17b25DbG9zZX0gLz59XG4gICAgPC9NZXNzYWdlQmFubmVyV3JhcHBlcj5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IE1lc3NhZ2VCYW5uZXI7XG4iXX0= */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
@@ -63,13 +69,13 @@ var MessageBanner = function MessageBanner(_ref2) {
       onClose = _ref2.onClose,
       showCloseButton = _ref2.showCloseButton,
       small = _ref2.small;
-  return (0, _core2.jsx)(MessageBannerWrapper, {
+  return (0, _react2.jsx)(MessageBannerWrapper, {
     small: small
-  }, (0, _core2.jsx)(TextWrapper, {
+  }, (0, _react2.jsx)(TextWrapper, {
     dangerouslySetInnerHTML: {
       __html: markdown.render(children)
     }
-  }), showCloseButton && (0, _core2.jsx)(StyledClosebutton, {
+  }), showCloseButton && (0, _react2.jsx)(StyledClosebutton, {
     onClick: onClose
   }));
 };

package/lib/Messages/MessageBox.d.ts

@@ -19,6 +19,6 @@ interface Props {
     showCloseButton?: boolean;
     onClose?: () => void;
 }
-export declare const MessageBox: ({ type, children, links, showCloseButton, onClose }: Props & WithTranslation) => JSX.Element;
-declare const _default: React.ComponentType<Pick<Pick<Props & WithTranslation<"translation">, "children" | "type" | "t" | "tReady" | "onClose" | "links" | "showCloseButton">, "children" | "type" | "onClose" | "links" | "showCloseButton"> & import("react-i18next").WithTranslationProps>;
+export declare const MessageBox: ({ type, children, links, showCloseButton, onClose }: Props & WithTranslation) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
+declare const _default: React.ComponentType<Pick<Pick<Props & WithTranslation<"translation", undefined>, "children" | "type" | "onClose" | "t" | "tReady" | "links" | "showCloseButton">, "children" | "type" | "onClose" | "links" | "showCloseButton"> & import("react-i18next").WithTranslationProps>;
 export default _default;