@ndla/ui 30.0.5 → 30.0.6

package/es/Masthead/MastheadSearchModal.js

@@ -1,4 +1,7 @@
 import _styled from "@emotion/styled/base";
+import { jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+import { Fragment as _Fragment } from "@emotion/react/jsx-runtime";
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
 import React from 'react';
 import Modal from '@ndla/modal';
 import { IconButtonV2 as IconButton } from '@ndla/button';
@@ -8,11 +11,8 @@ import { css } from '@emotion/react';
 import { spacing, mq, breakpoints, colors, shadows } from '@ndla/core';
 import { withTranslation } from 'react-i18next';
 import ToggleSearchButton from '../Search/ToggleSearchButton';
-import { jsx as ___EmotionJSX } from "@emotion/react";
 
-var StyledHeader = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
-  target: "e11h7ky70"
-} : {
+var StyledHeader = /*#__PURE__*/_styled("div", {
   target: "e11h7ky70",
   label: "StyledHeader"
 })("display:flex;gap:", spacing.small, ";align-items:center;", mq.range({
@@ -27,32 +27,24 @@ var StyledHeader = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "product
   until: breakpoints.tablet
 }), "{.c-search-field__button--close{right:", spacing.large, "+", spacing.normal, ";top:16px;}.c-search-field__button--searchIcon{right:", spacing.large, ";top:", spacing.small, ";}}}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIk1hc3RoZWFkU2VhcmNoTW9kYWwudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWtCK0IiLCJmaWxlIjoiTWFzdGhlYWRTZWFyY2hNb2RhbC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgUmVhY3RDaGlsZCwgUmVhY3RDaGlsZHJlbiwgUmVhY3ROb2RlIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IE1vZGFsIGZyb20gJ0BuZGxhL21vZGFsJztcbmltcG9ydCB7IEljb25CdXR0b25WMiBhcyBJY29uQnV0dG9uIH0gZnJvbSAnQG5kbGEvYnV0dG9uJztcbmltcG9ydCB7IENyb3NzIH0gZnJvbSAnQG5kbGEvaWNvbnMvYWN0aW9uJztcbmltcG9ydCB7IGlzRnVuY3Rpb24gfSBmcm9tICdAbmRsYS91dGlsJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IHNwYWNpbmcsIG1xLCBicmVha3BvaW50cywgY29sb3JzLCBzaGFkb3dzIH0gZnJvbSAnQG5kbGEvY29yZSc7XG5pbXBvcnQgeyBXaXRoVHJhbnNsYXRpb24sIHdpdGhUcmFuc2xhdGlvbiB9IGZyb20gJ3JlYWN0LWkxOG5leHQnO1xuaW1wb3J0IFRvZ2dsZVNlYXJjaEJ1dHRvbiBmcm9tICcuLi9TZWFyY2gvVG9nZ2xlU2VhcmNoQnV0dG9uJztcblxuaW50ZXJmYWNlIFByb3BzIHtcbiAgb25DbG9zZTogVm9pZEZ1bmN0aW9uO1xuICBjaGlsZHJlbjogKGFyZzogRnVuY3Rpb24pID0+IFJlYWN0Q2hpbGQgfCBSZWFjdENoaWxkcmVuIHwgUmVhY3ROb2RlO1xuICBoaWRlT25OYXJyb3dTY3JlZW4/OiBib29sZWFuO1xuICBuZGxhRmlsbT86IGJvb2xlYW47XG59XG5cbmNvbnN0IFN0eWxlZEhlYWRlciA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGdhcDogJHtzcGFjaW5nLnNtYWxsfTtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgJHttcS5yYW5nZSh7IGZyb206IGJyZWFrcG9pbnRzLnRhYmxldCB9KX0ge1xuICAgIHdpZHRoOiAxMDI0cHg7XG4gICAgbWF4LXdpZHRoOiBjYWxjKDEwMHZ3IC0gMTAwcHgpO1xuICB9XG4gICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy5kZXNrdG9wIH0pfSB7XG4gICAgd2lkdGg6IDEwMjRweDtcbiAgICBtYXgtd2lkdGg6IGNhbGMoMTAwdncgLSAxNTZweCk7XG4gIH1cbiAgcGFkZGluZzogMDtcbiAgbWFyZ2luOiAwIGF1dG87XG5cbiAgZGlzcGxheTogZmxleDtcbiAgcGFkZGluZy10b3A6ICR7c3BhY2luZy5zbWFsbH07XG4gICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy50YWJsZXQgfSl9IHtcbiAgICBwYWRkaW5nLXRvcDogJHtzcGFjaW5nLm5vcm1hbH07XG4gIH1cbiAgJHttcS5yYW5nZSh7IGZyb206IGJyZWFrcG9pbnRzLmRlc2t0b3AgfSl9IHtcbiAgICBwYWRkaW5nLXRvcDogY2FsYygke3NwYWNpbmcubm9ybWFsfSArICR7c3BhY2luZy5zbWFsbH0pO1xuICB9XG4gID4gaW5wdXQge1xuICAgIHdpZHRoOiAxMDAlO1xuICAgIG1hcmdpbi1yaWdodDogLSR7c3BhY2luZy5sYXJnZX07XG4gICAgJHttcS5yYW5nZSh7IHVudGlsOiBicmVha3BvaW50cy50YWJsZXQgfSl9IHtcbiAgICAgIC5jLXNlYXJjaC1maWVsZF9fYnV0dG9uLS1jbG9zZSB7XG4gICAgICAgIHJpZ2h0OiAke3NwYWNpbmcubGFyZ2V9ICsgJHtzcGFjaW5nLm5vcm1hbH07XG4gICAgICAgIHRvcDogMTZweDtcbiAgICAgIH1cbiAgICAgIC5jLXNlYXJjaC1maWVsZF9fYnV0dG9uLS1zZWFyY2hJY29uIHtcbiAgICAgICAgcmlnaHQ6ICR7c3BhY2luZy5sYXJnZX07XG4gICAgICAgIHRvcDogJHtzcGFjaW5nLnNtYWxsfTtcbiAgICAgIH1cbiAgICB9XG4gIH1cbmA7XG5cbmNvbnN0IG1vZGFsU3R5bGVzID0gY3NzYFxuICAmID4gW2RhdGEtcmVhY2gtZGlhbG9nLWNvbnRlbnRdIHtcbiAgICBwb3NpdGlvbjogZml4ZWQ7XG4gICAgYmFja2dyb3VuZDogbm9uZTtcbiAgICB0b3A6IDA7XG4gICAgcmlnaHQ6IDA7XG4gICAgbGVmdDogMDtcbiAgICBoZWlnaHQ6IDc0cHg7XG4gICAgJHttcS5yYW5nZSh7IGZyb206IGJyZWFrcG9pbnRzLnRhYmxldCB9KX0ge1xuICAgICAgaGVpZ2h0OiAxMTBweDtcbiAgICB9XG4gICAgJHttcS5yYW5nZSh7IGZyb206IGJyZWFrcG9pbnRzLmRlc2t0b3AgfSl9IHtcbiAgICAgIGhlaWdodDogMTM2cHg7XG4gICAgfVxuICAgIG92ZXJmbG93LXk6IHZpc2libGU7XG4gICAgYm94LXNoYWRvdzogbm9uZTtcbiAgfVxuYDtcblxuY29uc3QgZXh0cmFCYWNrZHJvcCA9IGNzc2BcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB6LWluZGV4OiAtMTtcbiAgbGVmdDogMDtcbiAgcmlnaHQ6IDA7XG4gIHRvcDogMDtcbiAgaGVpZ2h0OiA3NHB4O1xuICBiYWNrZ3JvdW5kOiAke2NvbG9ycy5icmFuZC5ncmV5TGlnaHRlcn07XG4gICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy50YWJsZXQgfSl9IHtcbiAgICBoZWlnaHQ6IDExMHB4O1xuICB9XG4gICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy5kZXNrdG9wIH0pfSB7XG4gICAgaGVpZ2h0OiAxMzZweDtcbiAgfVxuICBib3gtc2hhZG93OiAke3NoYWRvd3Muc2VhcmNoSGVhZGVyfTtcbmA7XG5cbmNvbnN0IE1hc3RoZWFkU2VhcmNoTW9kYWwgPSAoe1xuICBvbkNsb3NlOiBvblNlYXJjaENsb3NlLFxuICBjaGlsZHJlbixcbiAgaGlkZU9uTmFycm93U2NyZWVuLFxuICBuZGxhRmlsbSxcbiAgdCxcbn06IFByb3BzICYgV2l0aFRyYW5zbGF0aW9uKSA9PiAoXG4gIDxNb2RhbFxuICAgIGxhYmVsPXt0KCdzZWFyY2hQYWdlLnNlYXJjaEZpZWxkUGxhY2Vob2xkZXInKX1cbiAgICBiYWNrZ3JvdW5kQ29sb3I9XCJncmV5XCJcbiAgICBhbmltYXRpb249XCJzbGlkZS1kb3duXCJcbiAgICBhbmltYXRpb25EdXJhdGlvbj17MjAwfVxuICAgIHNpemU9XCJmdWxsLXdpZHRoXCJcbiAgICBvbkNsb3NlPXtvblNlYXJjaENsb3NlfVxuICAgIGNzcz17bW9kYWxTdHlsZXN9XG4gICAgYWN0aXZhdGVCdXR0b249e1xuICAgICAgPFRvZ2dsZVNlYXJjaEJ1dHRvbiBoaWRlT25OYXJyb3dTY3JlZW49e2hpZGVPbk5hcnJvd1NjcmVlbn0gbmRsYUZpbG09e25kbGFGaWxtfT5cbiAgICAgICAge3QoJ21hc3RoZWFkLm1lbnUuc2VhcmNoJyl9XG4gICAgICA8L1RvZ2dsZVNlYXJjaEJ1dHRvbj5cbiAgICB9PlxuICAgIHsoY2xvc2VNb2RhbDogVm9pZEZ1bmN0aW9uKSA9PiAoXG4gICAgICA8PlxuICAgICAgICA8ZGl2IGNzcz17ZXh0cmFCYWNrZHJvcH0gLz5cbiAgICAgICAgPFN0eWxlZEhlYWRlcj5cbiAgICAgICAgICB7aXNGdW5jdGlvbihjaGlsZHJlbikgPyBjaGlsZHJlbihjbG9zZU1vZGFsKSA6IGNoaWxkcmVufVxuICAgICAgICAgIDxJY29uQnV0dG9uIGFyaWEtbGFiZWw9e3QoJ3dlbGNvbWVQYWdlLmNsb3NlU2VhcmNoJyl9IHZhcmlhbnQ9XCJnaG9zdFwiIGNvbG9yVGhlbWU9XCJsaWdodFwiIG9uQ2xpY2s9e2Nsb3NlTW9kYWx9PlxuICAgICAgICAgICAgPENyb3NzIGNsYXNzTmFtZT1cImMtaWNvbi0tbWVkaXVtXCIgLz5cbiAgICAgICAgICA8L0ljb25CdXR0b24+XG4gICAgICAgIDwvU3R5bGVkSGVhZGVyPlxuICAgICAgPC8+XG4gICAgKX1cbiAgPC9Nb2RhbD5cbik7XG5cbmV4cG9ydCBkZWZhdWx0IHdpdGhUcmFuc2xhdGlvbigpKE1hc3RoZWFkU2VhcmNoTW9kYWwpO1xuIl19 */"));
 
-var modalStyles =
-/*#__PURE__*/
-
-/*#__PURE__*/
-css("&>[data-reach-dialog-content]{position:fixed;background:none;top:0;right:0;left:0;height:74px;overflow-y:visible;box-shadow:none;", mq.range({
+var modalStyles = /*#__PURE__*/css("&>[data-reach-dialog-content]{position:fixed;background:none;top:0;right:0;left:0;height:74px;overflow-y:visible;box-shadow:none;", mq.range({
   from: breakpoints.tablet
 }), "{height:110px;}", mq.range({
   from: breakpoints.desktop
-}), "{height:136px;}}" + (process.env.NODE_ENV === "production" ? "" : ";label:modalStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIk1hc3RoZWFkU2VhcmNoTW9kYWwudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXlEdUIiLCJmaWxlIjoiTWFzdGhlYWRTZWFyY2hNb2RhbC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgUmVhY3RDaGlsZCwgUmVhY3RDaGlsZHJlbiwgUmVhY3ROb2RlIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IE1vZGFsIGZyb20gJ0BuZGxhL21vZGFsJztcbmltcG9ydCB7IEljb25CdXR0b25WMiBhcyBJY29uQnV0dG9uIH0gZnJvbSAnQG5kbGEvYnV0dG9uJztcbmltcG9ydCB7IENyb3NzIH0gZnJvbSAnQG5kbGEvaWNvbnMvYWN0aW9uJztcbmltcG9ydCB7IGlzRnVuY3Rpb24gfSBmcm9tICdAbmRsYS91dGlsJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IHNwYWNpbmcsIG1xLCBicmVha3BvaW50cywgY29sb3JzLCBzaGFkb3dzIH0gZnJvbSAnQG5kbGEvY29yZSc7XG5pbXBvcnQgeyBXaXRoVHJhbnNsYXRpb24sIHdpdGhUcmFuc2xhdGlvbiB9IGZyb20gJ3JlYWN0LWkxOG5leHQnO1xuaW1wb3J0IFRvZ2dsZVNlYXJjaEJ1dHRvbiBmcm9tICcuLi9TZWFyY2gvVG9nZ2xlU2VhcmNoQnV0dG9uJztcblxuaW50ZXJmYWNlIFByb3BzIHtcbiAgb25DbG9zZTogVm9pZEZ1bmN0aW9uO1xuICBjaGlsZHJlbjogKGFyZzogRnVuY3Rpb24pID0+IFJlYWN0Q2hpbGQgfCBSZWFjdENoaWxkcmVuIHwgUmVhY3ROb2RlO1xuICBoaWRlT25OYXJyb3dTY3JlZW4/OiBib29sZWFuO1xuICBuZGxhRmlsbT86IGJvb2xlYW47XG59XG5cbmNvbnN0IFN0eWxlZEhlYWRlciA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGdhcDogJHtzcGFjaW5nLnNtYWxsfTtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgJHttcS5yYW5nZSh7IGZyb206IGJyZWFrcG9pbnRzLnRhYmxldCB9KX0ge1xuICAgIHdpZHRoOiAxMDI0cHg7XG4gICAgbWF4LXdpZHRoOiBjYWxjKDEwMHZ3IC0gMTAwcHgpO1xuICB9XG4gICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy5kZXNrdG9wIH0pfSB7XG4gICAgd2lkdGg6IDEwMjRweDtcbiAgICBtYXgtd2lkdGg6IGNhbGMoMTAwdncgLSAxNTZweCk7XG4gIH1cbiAgcGFkZGluZzogMDtcbiAgbWFyZ2luOiAwIGF1dG87XG5cbiAgZGlzcGxheTogZmxleDtcbiAgcGFkZGluZy10b3A6ICR7c3BhY2luZy5zbWFsbH07XG4gICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy50YWJsZXQgfSl9IHtcbiAgICBwYWRkaW5nLXRvcDogJHtzcGFjaW5nLm5vcm1hbH07XG4gIH1cbiAgJHttcS5yYW5nZSh7IGZyb206IGJyZWFrcG9pbnRzLmRlc2t0b3AgfSl9IHtcbiAgICBwYWRkaW5nLXRvcDogY2FsYygke3NwYWNpbmcubm9ybWFsfSArICR7c3BhY2luZy5zbWFsbH0pO1xuICB9XG4gID4gaW5wdXQge1xuICAgIHdpZHRoOiAxMDAlO1xuICAgIG1hcmdpbi1yaWdodDogLSR7c3BhY2luZy5sYXJnZX07XG4gICAgJHttcS5yYW5nZSh7IHVudGlsOiBicmVha3BvaW50cy50YWJsZXQgfSl9IHtcbiAgICAgIC5jLXNlYXJjaC1maWVsZF9fYnV0dG9uLS1jbG9zZSB7XG4gICAgICAgIHJpZ2h0OiAke3NwYWNpbmcubGFyZ2V9ICsgJHtzcGFjaW5nLm5vcm1hbH07XG4gICAgICAgIHRvcDogMTZweDtcbiAgICAgIH1cbiAgICAgIC5jLXNlYXJjaC1maWVsZF9fYnV0dG9uLS1zZWFyY2hJY29uIHtcbiAgICAgICAgcmlnaHQ6ICR7c3BhY2luZy5sYXJnZX07XG4gICAgICAgIHRvcDogJHtzcGFjaW5nLnNtYWxsfTtcbiAgICAgIH1cbiAgICB9XG4gIH1cbmA7XG5cbmNvbnN0IG1vZGFsU3R5bGVzID0gY3NzYFxuICAmID4gW2RhdGEtcmVhY2gtZGlhbG9nLWNvbnRlbnRdIHtcbiAgICBwb3NpdGlvbjogZml4ZWQ7XG4gICAgYmFja2dyb3VuZDogbm9uZTtcbiAgICB0b3A6IDA7XG4gICAgcmlnaHQ6IDA7XG4gICAgbGVmdDogMDtcbiAgICBoZWlnaHQ6IDc0cHg7XG4gICAgJHttcS5yYW5nZSh7IGZyb206IGJyZWFrcG9pbnRzLnRhYmxldCB9KX0ge1xuICAgICAgaGVpZ2h0OiAxMTBweDtcbiAgICB9XG4gICAgJHttcS5yYW5nZSh7IGZyb206IGJyZWFrcG9pbnRzLmRlc2t0b3AgfSl9IHtcbiAgICAgIGhlaWdodDogMTM2cHg7XG4gICAgfVxuICAgIG92ZXJmbG93LXk6IHZpc2libGU7XG4gICAgYm94LXNoYWRvdzogbm9uZTtcbiAgfVxuYDtcblxuY29uc3QgZXh0cmFCYWNrZHJvcCA9IGNzc2BcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB6LWluZGV4OiAtMTtcbiAgbGVmdDogMDtcbiAgcmlnaHQ6IDA7XG4gIHRvcDogMDtcbiAgaGVpZ2h0OiA3NHB4O1xuICBiYWNrZ3JvdW5kOiAke2NvbG9ycy5icmFuZC5ncmV5TGlnaHRlcn07XG4gICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy50YWJsZXQgfSl9IHtcbiAgICBoZWlnaHQ6IDExMHB4O1xuICB9XG4gICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy5kZXNrdG9wIH0pfSB7XG4gICAgaGVpZ2h0OiAxMzZweDtcbiAgfVxuICBib3gtc2hhZG93OiAke3NoYWRvd3Muc2VhcmNoSGVhZGVyfTtcbmA7XG5cbmNvbnN0IE1hc3RoZWFkU2VhcmNoTW9kYWwgPSAoe1xuICBvbkNsb3NlOiBvblNlYXJjaENsb3NlLFxuICBjaGlsZHJlbixcbiAgaGlkZU9uTmFycm93U2NyZWVuLFxuICBuZGxhRmlsbSxcbiAgdCxcbn06IFByb3BzICYgV2l0aFRyYW5zbGF0aW9uKSA9PiAoXG4gIDxNb2RhbFxuICAgIGxhYmVsPXt0KCdzZWFyY2hQYWdlLnNlYXJjaEZpZWxkUGxhY2Vob2xkZXInKX1cbiAgICBiYWNrZ3JvdW5kQ29sb3I9XCJncmV5XCJcbiAgICBhbmltYXRpb249XCJzbGlkZS1kb3duXCJcbiAgICBhbmltYXRpb25EdXJhdGlvbj17MjAwfVxuICAgIHNpemU9XCJmdWxsLXdpZHRoXCJcbiAgICBvbkNsb3NlPXtvblNlYXJjaENsb3NlfVxuICAgIGNzcz17bW9kYWxTdHlsZXN9XG4gICAgYWN0aXZhdGVCdXR0b249e1xuICAgICAgPFRvZ2dsZVNlYXJjaEJ1dHRvbiBoaWRlT25OYXJyb3dTY3JlZW49e2hpZGVPbk5hcnJvd1NjcmVlbn0gbmRsYUZpbG09e25kbGFGaWxtfT5cbiAgICAgICAge3QoJ21hc3RoZWFkLm1lbnUuc2VhcmNoJyl9XG4gICAgICA8L1RvZ2dsZVNlYXJjaEJ1dHRvbj5cbiAgICB9PlxuICAgIHsoY2xvc2VNb2RhbDogVm9pZEZ1bmN0aW9uKSA9PiAoXG4gICAgICA8PlxuICAgICAgICA8ZGl2IGNzcz17ZXh0cmFCYWNrZHJvcH0gLz5cbiAgICAgICAgPFN0eWxlZEhlYWRlcj5cbiAgICAgICAgICB7aXNGdW5jdGlvbihjaGlsZHJlbikgPyBjaGlsZHJlbihjbG9zZU1vZGFsKSA6IGNoaWxkcmVufVxuICAgICAgICAgIDxJY29uQnV0dG9uIGFyaWEtbGFiZWw9e3QoJ3dlbGNvbWVQYWdlLmNsb3NlU2VhcmNoJyl9IHZhcmlhbnQ9XCJnaG9zdFwiIGNvbG9yVGhlbWU9XCJsaWdodFwiIG9uQ2xpY2s9e2Nsb3NlTW9kYWx9PlxuICAgICAgICAgICAgPENyb3NzIGNsYXNzTmFtZT1cImMtaWNvbi0tbWVkaXVtXCIgLz5cbiAgICAgICAgICA8L0ljb25CdXR0b24+XG4gICAgICAgIDwvU3R5bGVkSGVhZGVyPlxuICAgICAgPC8+XG4gICAgKX1cbiAgPC9Nb2RhbD5cbik7XG5cbmV4cG9ydCBkZWZhdWx0IHdpdGhUcmFuc2xhdGlvbigpKE1hc3RoZWFkU2VhcmNoTW9kYWwpO1xuIl19 */", process.env.NODE_ENV === "production" ? "" : ";label:modalStyles;");
-var extraBackdrop =
-/*#__PURE__*/
-
-/*#__PURE__*/
-css("position:absolute;z-index:-1;left:0;right:0;top:0;height:74px;background:", colors.brand.greyLighter, ";", mq.range({
+}), "{height:136px;}};label:modalStyles;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIk1hc3RoZWFkU2VhcmNoTW9kYWwudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXlEdUIiLCJmaWxlIjoiTWFzdGhlYWRTZWFyY2hNb2RhbC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgUmVhY3RDaGlsZCwgUmVhY3RDaGlsZHJlbiwgUmVhY3ROb2RlIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IE1vZGFsIGZyb20gJ0BuZGxhL21vZGFsJztcbmltcG9ydCB7IEljb25CdXR0b25WMiBhcyBJY29uQnV0dG9uIH0gZnJvbSAnQG5kbGEvYnV0dG9uJztcbmltcG9ydCB7IENyb3NzIH0gZnJvbSAnQG5kbGEvaWNvbnMvYWN0aW9uJztcbmltcG9ydCB7IGlzRnVuY3Rpb24gfSBmcm9tICdAbmRsYS91dGlsJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IHNwYWNpbmcsIG1xLCBicmVha3BvaW50cywgY29sb3JzLCBzaGFkb3dzIH0gZnJvbSAnQG5kbGEvY29yZSc7XG5pbXBvcnQgeyBXaXRoVHJhbnNsYXRpb24sIHdpdGhUcmFuc2xhdGlvbiB9IGZyb20gJ3JlYWN0LWkxOG5leHQnO1xuaW1wb3J0IFRvZ2dsZVNlYXJjaEJ1dHRvbiBmcm9tICcuLi9TZWFyY2gvVG9nZ2xlU2VhcmNoQnV0dG9uJztcblxuaW50ZXJmYWNlIFByb3BzIHtcbiAgb25DbG9zZTogVm9pZEZ1bmN0aW9uO1xuICBjaGlsZHJlbjogKGFyZzogRnVuY3Rpb24pID0+IFJlYWN0Q2hpbGQgfCBSZWFjdENoaWxkcmVuIHwgUmVhY3ROb2RlO1xuICBoaWRlT25OYXJyb3dTY3JlZW4/OiBib29sZWFuO1xuICBuZGxhRmlsbT86IGJvb2xlYW47XG59XG5cbmNvbnN0IFN0eWxlZEhlYWRlciA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGdhcDogJHtzcGFjaW5nLnNtYWxsfTtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgJHttcS5yYW5nZSh7IGZyb206IGJyZWFrcG9pbnRzLnRhYmxldCB9KX0ge1xuICAgIHdpZHRoOiAxMDI0cHg7XG4gICAgbWF4LXdpZHRoOiBjYWxjKDEwMHZ3IC0gMTAwcHgpO1xuICB9XG4gICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy5kZXNrdG9wIH0pfSB7XG4gICAgd2lkdGg6IDEwMjRweDtcbiAgICBtYXgtd2lkdGg6IGNhbGMoMTAwdncgLSAxNTZweCk7XG4gIH1cbiAgcGFkZGluZzogMDtcbiAgbWFyZ2luOiAwIGF1dG87XG5cbiAgZGlzcGxheTogZmxleDtcbiAgcGFkZGluZy10b3A6ICR7c3BhY2luZy5zbWFsbH07XG4gICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy50YWJsZXQgfSl9IHtcbiAgICBwYWRkaW5nLXRvcDogJHtzcGFjaW5nLm5vcm1hbH07XG4gIH1cbiAgJHttcS5yYW5nZSh7IGZyb206IGJyZWFrcG9pbnRzLmRlc2t0b3AgfSl9IHtcbiAgICBwYWRkaW5nLXRvcDogY2FsYygke3NwYWNpbmcubm9ybWFsfSArICR7c3BhY2luZy5zbWFsbH0pO1xuICB9XG4gID4gaW5wdXQge1xuICAgIHdpZHRoOiAxMDAlO1xuICAgIG1hcmdpbi1yaWdodDogLSR7c3BhY2luZy5sYXJnZX07XG4gICAgJHttcS5yYW5nZSh7IHVudGlsOiBicmVha3BvaW50cy50YWJsZXQgfSl9IHtcbiAgICAgIC5jLXNlYXJjaC1maWVsZF9fYnV0dG9uLS1jbG9zZSB7XG4gICAgICAgIHJpZ2h0OiAke3NwYWNpbmcubGFyZ2V9ICsgJHtzcGFjaW5nLm5vcm1hbH07XG4gICAgICAgIHRvcDogMTZweDtcbiAgICAgIH1cbiAgICAgIC5jLXNlYXJjaC1maWVsZF9fYnV0dG9uLS1zZWFyY2hJY29uIHtcbiAgICAgICAgcmlnaHQ6ICR7c3BhY2luZy5sYXJnZX07XG4gICAgICAgIHRvcDogJHtzcGFjaW5nLnNtYWxsfTtcbiAgICAgIH1cbiAgICB9XG4gIH1cbmA7XG5cbmNvbnN0IG1vZGFsU3R5bGVzID0gY3NzYFxuICAmID4gW2RhdGEtcmVhY2gtZGlhbG9nLWNvbnRlbnRdIHtcbiAgICBwb3NpdGlvbjogZml4ZWQ7XG4gICAgYmFja2dyb3VuZDogbm9uZTtcbiAgICB0b3A6IDA7XG4gICAgcmlnaHQ6IDA7XG4gICAgbGVmdDogMDtcbiAgICBoZWlnaHQ6IDc0cHg7XG4gICAgJHttcS5yYW5nZSh7IGZyb206IGJyZWFrcG9pbnRzLnRhYmxldCB9KX0ge1xuICAgICAgaGVpZ2h0OiAxMTBweDtcbiAgICB9XG4gICAgJHttcS5yYW5nZSh7IGZyb206IGJyZWFrcG9pbnRzLmRlc2t0b3AgfSl9IHtcbiAgICAgIGhlaWdodDogMTM2cHg7XG4gICAgfVxuICAgIG92ZXJmbG93LXk6IHZpc2libGU7XG4gICAgYm94LXNoYWRvdzogbm9uZTtcbiAgfVxuYDtcblxuY29uc3QgZXh0cmFCYWNrZHJvcCA9IGNzc2BcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB6LWluZGV4OiAtMTtcbiAgbGVmdDogMDtcbiAgcmlnaHQ6IDA7XG4gIHRvcDogMDtcbiAgaGVpZ2h0OiA3NHB4O1xuICBiYWNrZ3JvdW5kOiAke2NvbG9ycy5icmFuZC5ncmV5TGlnaHRlcn07XG4gICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy50YWJsZXQgfSl9IHtcbiAgICBoZWlnaHQ6IDExMHB4O1xuICB9XG4gICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy5kZXNrdG9wIH0pfSB7XG4gICAgaGVpZ2h0OiAxMzZweDtcbiAgfVxuICBib3gtc2hhZG93OiAke3NoYWRvd3Muc2VhcmNoSGVhZGVyfTtcbmA7XG5cbmNvbnN0IE1hc3RoZWFkU2VhcmNoTW9kYWwgPSAoe1xuICBvbkNsb3NlOiBvblNlYXJjaENsb3NlLFxuICBjaGlsZHJlbixcbiAgaGlkZU9uTmFycm93U2NyZWVuLFxuICBuZGxhRmlsbSxcbiAgdCxcbn06IFByb3BzICYgV2l0aFRyYW5zbGF0aW9uKSA9PiAoXG4gIDxNb2RhbFxuICAgIGxhYmVsPXt0KCdzZWFyY2hQYWdlLnNlYXJjaEZpZWxkUGxhY2Vob2xkZXInKX1cbiAgICBiYWNrZ3JvdW5kQ29sb3I9XCJncmV5XCJcbiAgICBhbmltYXRpb249XCJzbGlkZS1kb3duXCJcbiAgICBhbmltYXRpb25EdXJhdGlvbj17MjAwfVxuICAgIHNpemU9XCJmdWxsLXdpZHRoXCJcbiAgICBvbkNsb3NlPXtvblNlYXJjaENsb3NlfVxuICAgIGNzcz17bW9kYWxTdHlsZXN9XG4gICAgYWN0aXZhdGVCdXR0b249e1xuICAgICAgPFRvZ2dsZVNlYXJjaEJ1dHRvbiBoaWRlT25OYXJyb3dTY3JlZW49e2hpZGVPbk5hcnJvd1NjcmVlbn0gbmRsYUZpbG09e25kbGFGaWxtfT5cbiAgICAgICAge3QoJ21hc3RoZWFkLm1lbnUuc2VhcmNoJyl9XG4gICAgICA8L1RvZ2dsZVNlYXJjaEJ1dHRvbj5cbiAgICB9PlxuICAgIHsoY2xvc2VNb2RhbDogVm9pZEZ1bmN0aW9uKSA9PiAoXG4gICAgICA8PlxuICAgICAgICA8ZGl2IGNzcz17ZXh0cmFCYWNrZHJvcH0gLz5cbiAgICAgICAgPFN0eWxlZEhlYWRlcj5cbiAgICAgICAgICB7aXNGdW5jdGlvbihjaGlsZHJlbikgPyBjaGlsZHJlbihjbG9zZU1vZGFsKSA6IGNoaWxkcmVufVxuICAgICAgICAgIDxJY29uQnV0dG9uIGFyaWEtbGFiZWw9e3QoJ3dlbGNvbWVQYWdlLmNsb3NlU2VhcmNoJyl9IHZhcmlhbnQ9XCJnaG9zdFwiIGNvbG9yVGhlbWU9XCJsaWdodFwiIG9uQ2xpY2s9e2Nsb3NlTW9kYWx9PlxuICAgICAgICAgICAgPENyb3NzIGNsYXNzTmFtZT1cImMtaWNvbi0tbWVkaXVtXCIgLz5cbiAgICAgICAgICA8L0ljb25CdXR0b24+XG4gICAgICAgIDwvU3R5bGVkSGVhZGVyPlxuICAgICAgPC8+XG4gICAgKX1cbiAgPC9Nb2RhbD5cbik7XG5cbmV4cG9ydCBkZWZhdWx0IHdpdGhUcmFuc2xhdGlvbigpKE1hc3RoZWFkU2VhcmNoTW9kYWwpO1xuIl19 */"));
+var extraBackdrop = /*#__PURE__*/css("position:absolute;z-index:-1;left:0;right:0;top:0;height:74px;background:", colors.brand.greyLighter, ";", mq.range({
   from: breakpoints.tablet
 }), "{height:110px;}", mq.range({
   from: breakpoints.desktop
-}), "{height:136px;}box-shadow:", shadows.searchHeader, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:extraBackdrop;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIk1hc3RoZWFkU2VhcmNoTW9kYWwudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTRFeUIiLCJmaWxlIjoiTWFzdGhlYWRTZWFyY2hNb2RhbC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgUmVhY3RDaGlsZCwgUmVhY3RDaGlsZHJlbiwgUmVhY3ROb2RlIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IE1vZGFsIGZyb20gJ0BuZGxhL21vZGFsJztcbmltcG9ydCB7IEljb25CdXR0b25WMiBhcyBJY29uQnV0dG9uIH0gZnJvbSAnQG5kbGEvYnV0dG9uJztcbmltcG9ydCB7IENyb3NzIH0gZnJvbSAnQG5kbGEvaWNvbnMvYWN0aW9uJztcbmltcG9ydCB7IGlzRnVuY3Rpb24gfSBmcm9tICdAbmRsYS91dGlsJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IHNwYWNpbmcsIG1xLCBicmVha3BvaW50cywgY29sb3JzLCBzaGFkb3dzIH0gZnJvbSAnQG5kbGEvY29yZSc7XG5pbXBvcnQgeyBXaXRoVHJhbnNsYXRpb24sIHdpdGhUcmFuc2xhdGlvbiB9IGZyb20gJ3JlYWN0LWkxOG5leHQnO1xuaW1wb3J0IFRvZ2dsZVNlYXJjaEJ1dHRvbiBmcm9tICcuLi9TZWFyY2gvVG9nZ2xlU2VhcmNoQnV0dG9uJztcblxuaW50ZXJmYWNlIFByb3BzIHtcbiAgb25DbG9zZTogVm9pZEZ1bmN0aW9uO1xuICBjaGlsZHJlbjogKGFyZzogRnVuY3Rpb24pID0+IFJlYWN0Q2hpbGQgfCBSZWFjdENoaWxkcmVuIHwgUmVhY3ROb2RlO1xuICBoaWRlT25OYXJyb3dTY3JlZW4/OiBib29sZWFuO1xuICBuZGxhRmlsbT86IGJvb2xlYW47XG59XG5cbmNvbnN0IFN0eWxlZEhlYWRlciA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGdhcDogJHtzcGFjaW5nLnNtYWxsfTtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgJHttcS5yYW5nZSh7IGZyb206IGJyZWFrcG9pbnRzLnRhYmxldCB9KX0ge1xuICAgIHdpZHRoOiAxMDI0cHg7XG4gICAgbWF4LXdpZHRoOiBjYWxjKDEwMHZ3IC0gMTAwcHgpO1xuICB9XG4gICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy5kZXNrdG9wIH0pfSB7XG4gICAgd2lkdGg6IDEwMjRweDtcbiAgICBtYXgtd2lkdGg6IGNhbGMoMTAwdncgLSAxNTZweCk7XG4gIH1cbiAgcGFkZGluZzogMDtcbiAgbWFyZ2luOiAwIGF1dG87XG5cbiAgZGlzcGxheTogZmxleDtcbiAgcGFkZGluZy10b3A6ICR7c3BhY2luZy5zbWFsbH07XG4gICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy50YWJsZXQgfSl9IHtcbiAgICBwYWRkaW5nLXRvcDogJHtzcGFjaW5nLm5vcm1hbH07XG4gIH1cbiAgJHttcS5yYW5nZSh7IGZyb206IGJyZWFrcG9pbnRzLmRlc2t0b3AgfSl9IHtcbiAgICBwYWRkaW5nLXRvcDogY2FsYygke3NwYWNpbmcubm9ybWFsfSArICR7c3BhY2luZy5zbWFsbH0pO1xuICB9XG4gID4gaW5wdXQge1xuICAgIHdpZHRoOiAxMDAlO1xuICAgIG1hcmdpbi1yaWdodDogLSR7c3BhY2luZy5sYXJnZX07XG4gICAgJHttcS5yYW5nZSh7IHVudGlsOiBicmVha3BvaW50cy50YWJsZXQgfSl9IHtcbiAgICAgIC5jLXNlYXJjaC1maWVsZF9fYnV0dG9uLS1jbG9zZSB7XG4gICAgICAgIHJpZ2h0OiAke3NwYWNpbmcubGFyZ2V9ICsgJHtzcGFjaW5nLm5vcm1hbH07XG4gICAgICAgIHRvcDogMTZweDtcbiAgICAgIH1cbiAgICAgIC5jLXNlYXJjaC1maWVsZF9fYnV0dG9uLS1zZWFyY2hJY29uIHtcbiAgICAgICAgcmlnaHQ6ICR7c3BhY2luZy5sYXJnZX07XG4gICAgICAgIHRvcDogJHtzcGFjaW5nLnNtYWxsfTtcbiAgICAgIH1cbiAgICB9XG4gIH1cbmA7XG5cbmNvbnN0IG1vZGFsU3R5bGVzID0gY3NzYFxuICAmID4gW2RhdGEtcmVhY2gtZGlhbG9nLWNvbnRlbnRdIHtcbiAgICBwb3NpdGlvbjogZml4ZWQ7XG4gICAgYmFja2dyb3VuZDogbm9uZTtcbiAgICB0b3A6IDA7XG4gICAgcmlnaHQ6IDA7XG4gICAgbGVmdDogMDtcbiAgICBoZWlnaHQ6IDc0cHg7XG4gICAgJHttcS5yYW5nZSh7IGZyb206IGJyZWFrcG9pbnRzLnRhYmxldCB9KX0ge1xuICAgICAgaGVpZ2h0OiAxMTBweDtcbiAgICB9XG4gICAgJHttcS5yYW5nZSh7IGZyb206IGJyZWFrcG9pbnRzLmRlc2t0b3AgfSl9IHtcbiAgICAgIGhlaWdodDogMTM2cHg7XG4gICAgfVxuICAgIG92ZXJmbG93LXk6IHZpc2libGU7XG4gICAgYm94LXNoYWRvdzogbm9uZTtcbiAgfVxuYDtcblxuY29uc3QgZXh0cmFCYWNrZHJvcCA9IGNzc2BcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB6LWluZGV4OiAtMTtcbiAgbGVmdDogMDtcbiAgcmlnaHQ6IDA7XG4gIHRvcDogMDtcbiAgaGVpZ2h0OiA3NHB4O1xuICBiYWNrZ3JvdW5kOiAke2NvbG9ycy5icmFuZC5ncmV5TGlnaHRlcn07XG4gICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy50YWJsZXQgfSl9IHtcbiAgICBoZWlnaHQ6IDExMHB4O1xuICB9XG4gICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy5kZXNrdG9wIH0pfSB7XG4gICAgaGVpZ2h0OiAxMzZweDtcbiAgfVxuICBib3gtc2hhZG93OiAke3NoYWRvd3Muc2VhcmNoSGVhZGVyfTtcbmA7XG5cbmNvbnN0IE1hc3RoZWFkU2VhcmNoTW9kYWwgPSAoe1xuICBvbkNsb3NlOiBvblNlYXJjaENsb3NlLFxuICBjaGlsZHJlbixcbiAgaGlkZU9uTmFycm93U2NyZWVuLFxuICBuZGxhRmlsbSxcbiAgdCxcbn06IFByb3BzICYgV2l0aFRyYW5zbGF0aW9uKSA9PiAoXG4gIDxNb2RhbFxuICAgIGxhYmVsPXt0KCdzZWFyY2hQYWdlLnNlYXJjaEZpZWxkUGxhY2Vob2xkZXInKX1cbiAgICBiYWNrZ3JvdW5kQ29sb3I9XCJncmV5XCJcbiAgICBhbmltYXRpb249XCJzbGlkZS1kb3duXCJcbiAgICBhbmltYXRpb25EdXJhdGlvbj17MjAwfVxuICAgIHNpemU9XCJmdWxsLXdpZHRoXCJcbiAgICBvbkNsb3NlPXtvblNlYXJjaENsb3NlfVxuICAgIGNzcz17bW9kYWxTdHlsZXN9XG4gICAgYWN0aXZhdGVCdXR0b249e1xuICAgICAgPFRvZ2dsZVNlYXJjaEJ1dHRvbiBoaWRlT25OYXJyb3dTY3JlZW49e2hpZGVPbk5hcnJvd1NjcmVlbn0gbmRsYUZpbG09e25kbGFGaWxtfT5cbiAgICAgICAge3QoJ21hc3RoZWFkLm1lbnUuc2VhcmNoJyl9XG4gICAgICA8L1RvZ2dsZVNlYXJjaEJ1dHRvbj5cbiAgICB9PlxuICAgIHsoY2xvc2VNb2RhbDogVm9pZEZ1bmN0aW9uKSA9PiAoXG4gICAgICA8PlxuICAgICAgICA8ZGl2IGNzcz17ZXh0cmFCYWNrZHJvcH0gLz5cbiAgICAgICAgPFN0eWxlZEhlYWRlcj5cbiAgICAgICAgICB7aXNGdW5jdGlvbihjaGlsZHJlbikgPyBjaGlsZHJlbihjbG9zZU1vZGFsKSA6IGNoaWxkcmVufVxuICAgICAgICAgIDxJY29uQnV0dG9uIGFyaWEtbGFiZWw9e3QoJ3dlbGNvbWVQYWdlLmNsb3NlU2VhcmNoJyl9IHZhcmlhbnQ9XCJnaG9zdFwiIGNvbG9yVGhlbWU9XCJsaWdodFwiIG9uQ2xpY2s9e2Nsb3NlTW9kYWx9PlxuICAgICAgICAgICAgPENyb3NzIGNsYXNzTmFtZT1cImMtaWNvbi0tbWVkaXVtXCIgLz5cbiAgICAgICAgICA8L0ljb25CdXR0b24+XG4gICAgICAgIDwvU3R5bGVkSGVhZGVyPlxuICAgICAgPC8+XG4gICAgKX1cbiAgPC9Nb2RhbD5cbik7XG5cbmV4cG9ydCBkZWZhdWx0IHdpdGhUcmFuc2xhdGlvbigpKE1hc3RoZWFkU2VhcmNoTW9kYWwpO1xuIl19 */", process.env.NODE_ENV === "production" ? "" : ";label:extraBackdrop;");
+}), "{height:136px;}box-shadow:", shadows.searchHeader, ";;label:extraBackdrop;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIk1hc3RoZWFkU2VhcmNoTW9kYWwudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTRFeUIiLCJmaWxlIjoiTWFzdGhlYWRTZWFyY2hNb2RhbC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgUmVhY3RDaGlsZCwgUmVhY3RDaGlsZHJlbiwgUmVhY3ROb2RlIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IE1vZGFsIGZyb20gJ0BuZGxhL21vZGFsJztcbmltcG9ydCB7IEljb25CdXR0b25WMiBhcyBJY29uQnV0dG9uIH0gZnJvbSAnQG5kbGEvYnV0dG9uJztcbmltcG9ydCB7IENyb3NzIH0gZnJvbSAnQG5kbGEvaWNvbnMvYWN0aW9uJztcbmltcG9ydCB7IGlzRnVuY3Rpb24gfSBmcm9tICdAbmRsYS91dGlsJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IHNwYWNpbmcsIG1xLCBicmVha3BvaW50cywgY29sb3JzLCBzaGFkb3dzIH0gZnJvbSAnQG5kbGEvY29yZSc7XG5pbXBvcnQgeyBXaXRoVHJhbnNsYXRpb24sIHdpdGhUcmFuc2xhdGlvbiB9IGZyb20gJ3JlYWN0LWkxOG5leHQnO1xuaW1wb3J0IFRvZ2dsZVNlYXJjaEJ1dHRvbiBmcm9tICcuLi9TZWFyY2gvVG9nZ2xlU2VhcmNoQnV0dG9uJztcblxuaW50ZXJmYWNlIFByb3BzIHtcbiAgb25DbG9zZTogVm9pZEZ1bmN0aW9uO1xuICBjaGlsZHJlbjogKGFyZzogRnVuY3Rpb24pID0+IFJlYWN0Q2hpbGQgfCBSZWFjdENoaWxkcmVuIHwgUmVhY3ROb2RlO1xuICBoaWRlT25OYXJyb3dTY3JlZW4/OiBib29sZWFuO1xuICBuZGxhRmlsbT86IGJvb2xlYW47XG59XG5cbmNvbnN0IFN0eWxlZEhlYWRlciA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGdhcDogJHtzcGFjaW5nLnNtYWxsfTtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgJHttcS5yYW5nZSh7IGZyb206IGJyZWFrcG9pbnRzLnRhYmxldCB9KX0ge1xuICAgIHdpZHRoOiAxMDI0cHg7XG4gICAgbWF4LXdpZHRoOiBjYWxjKDEwMHZ3IC0gMTAwcHgpO1xuICB9XG4gICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy5kZXNrdG9wIH0pfSB7XG4gICAgd2lkdGg6IDEwMjRweDtcbiAgICBtYXgtd2lkdGg6IGNhbGMoMTAwdncgLSAxNTZweCk7XG4gIH1cbiAgcGFkZGluZzogMDtcbiAgbWFyZ2luOiAwIGF1dG87XG5cbiAgZGlzcGxheTogZmxleDtcbiAgcGFkZGluZy10b3A6ICR7c3BhY2luZy5zbWFsbH07XG4gICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy50YWJsZXQgfSl9IHtcbiAgICBwYWRkaW5nLXRvcDogJHtzcGFjaW5nLm5vcm1hbH07XG4gIH1cbiAgJHttcS5yYW5nZSh7IGZyb206IGJyZWFrcG9pbnRzLmRlc2t0b3AgfSl9IHtcbiAgICBwYWRkaW5nLXRvcDogY2FsYygke3NwYWNpbmcubm9ybWFsfSArICR7c3BhY2luZy5zbWFsbH0pO1xuICB9XG4gID4gaW5wdXQge1xuICAgIHdpZHRoOiAxMDAlO1xuICAgIG1hcmdpbi1yaWdodDogLSR7c3BhY2luZy5sYXJnZX07XG4gICAgJHttcS5yYW5nZSh7IHVudGlsOiBicmVha3BvaW50cy50YWJsZXQgfSl9IHtcbiAgICAgIC5jLXNlYXJjaC1maWVsZF9fYnV0dG9uLS1jbG9zZSB7XG4gICAgICAgIHJpZ2h0OiAke3NwYWNpbmcubGFyZ2V9ICsgJHtzcGFjaW5nLm5vcm1hbH07XG4gICAgICAgIHRvcDogMTZweDtcbiAgICAgIH1cbiAgICAgIC5jLXNlYXJjaC1maWVsZF9fYnV0dG9uLS1zZWFyY2hJY29uIHtcbiAgICAgICAgcmlnaHQ6ICR7c3BhY2luZy5sYXJnZX07XG4gICAgICAgIHRvcDogJHtzcGFjaW5nLnNtYWxsfTtcbiAgICAgIH1cbiAgICB9XG4gIH1cbmA7XG5cbmNvbnN0IG1vZGFsU3R5bGVzID0gY3NzYFxuICAmID4gW2RhdGEtcmVhY2gtZGlhbG9nLWNvbnRlbnRdIHtcbiAgICBwb3NpdGlvbjogZml4ZWQ7XG4gICAgYmFja2dyb3VuZDogbm9uZTtcbiAgICB0b3A6IDA7XG4gICAgcmlnaHQ6IDA7XG4gICAgbGVmdDogMDtcbiAgICBoZWlnaHQ6IDc0cHg7XG4gICAgJHttcS5yYW5nZSh7IGZyb206IGJyZWFrcG9pbnRzLnRhYmxldCB9KX0ge1xuICAgICAgaGVpZ2h0OiAxMTBweDtcbiAgICB9XG4gICAgJHttcS5yYW5nZSh7IGZyb206IGJyZWFrcG9pbnRzLmRlc2t0b3AgfSl9IHtcbiAgICAgIGhlaWdodDogMTM2cHg7XG4gICAgfVxuICAgIG92ZXJmbG93LXk6IHZpc2libGU7XG4gICAgYm94LXNoYWRvdzogbm9uZTtcbiAgfVxuYDtcblxuY29uc3QgZXh0cmFCYWNrZHJvcCA9IGNzc2BcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB6LWluZGV4OiAtMTtcbiAgbGVmdDogMDtcbiAgcmlnaHQ6IDA7XG4gIHRvcDogMDtcbiAgaGVpZ2h0OiA3NHB4O1xuICBiYWNrZ3JvdW5kOiAke2NvbG9ycy5icmFuZC5ncmV5TGlnaHRlcn07XG4gICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy50YWJsZXQgfSl9IHtcbiAgICBoZWlnaHQ6IDExMHB4O1xuICB9XG4gICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy5kZXNrdG9wIH0pfSB7XG4gICAgaGVpZ2h0OiAxMzZweDtcbiAgfVxuICBib3gtc2hhZG93OiAke3NoYWRvd3Muc2VhcmNoSGVhZGVyfTtcbmA7XG5cbmNvbnN0IE1hc3RoZWFkU2VhcmNoTW9kYWwgPSAoe1xuICBvbkNsb3NlOiBvblNlYXJjaENsb3NlLFxuICBjaGlsZHJlbixcbiAgaGlkZU9uTmFycm93U2NyZWVuLFxuICBuZGxhRmlsbSxcbiAgdCxcbn06IFByb3BzICYgV2l0aFRyYW5zbGF0aW9uKSA9PiAoXG4gIDxNb2RhbFxuICAgIGxhYmVsPXt0KCdzZWFyY2hQYWdlLnNlYXJjaEZpZWxkUGxhY2Vob2xkZXInKX1cbiAgICBiYWNrZ3JvdW5kQ29sb3I9XCJncmV5XCJcbiAgICBhbmltYXRpb249XCJzbGlkZS1kb3duXCJcbiAgICBhbmltYXRpb25EdXJhdGlvbj17MjAwfVxuICAgIHNpemU9XCJmdWxsLXdpZHRoXCJcbiAgICBvbkNsb3NlPXtvblNlYXJjaENsb3NlfVxuICAgIGNzcz17bW9kYWxTdHlsZXN9XG4gICAgYWN0aXZhdGVCdXR0b249e1xuICAgICAgPFRvZ2dsZVNlYXJjaEJ1dHRvbiBoaWRlT25OYXJyb3dTY3JlZW49e2hpZGVPbk5hcnJvd1NjcmVlbn0gbmRsYUZpbG09e25kbGFGaWxtfT5cbiAgICAgICAge3QoJ21hc3RoZWFkLm1lbnUuc2VhcmNoJyl9XG4gICAgICA8L1RvZ2dsZVNlYXJjaEJ1dHRvbj5cbiAgICB9PlxuICAgIHsoY2xvc2VNb2RhbDogVm9pZEZ1bmN0aW9uKSA9PiAoXG4gICAgICA8PlxuICAgICAgICA8ZGl2IGNzcz17ZXh0cmFCYWNrZHJvcH0gLz5cbiAgICAgICAgPFN0eWxlZEhlYWRlcj5cbiAgICAgICAgICB7aXNGdW5jdGlvbihjaGlsZHJlbikgPyBjaGlsZHJlbihjbG9zZU1vZGFsKSA6IGNoaWxkcmVufVxuICAgICAgICAgIDxJY29uQnV0dG9uIGFyaWEtbGFiZWw9e3QoJ3dlbGNvbWVQYWdlLmNsb3NlU2VhcmNoJyl9IHZhcmlhbnQ9XCJnaG9zdFwiIGNvbG9yVGhlbWU9XCJsaWdodFwiIG9uQ2xpY2s9e2Nsb3NlTW9kYWx9PlxuICAgICAgICAgICAgPENyb3NzIGNsYXNzTmFtZT1cImMtaWNvbi0tbWVkaXVtXCIgLz5cbiAgICAgICAgICA8L0ljb25CdXR0b24+XG4gICAgICAgIDwvU3R5bGVkSGVhZGVyPlxuICAgICAgPC8+XG4gICAgKX1cbiAgPC9Nb2RhbD5cbik7XG5cbmV4cG9ydCBkZWZhdWx0IHdpdGhUcmFuc2xhdGlvbigpKE1hc3RoZWFkU2VhcmNoTW9kYWwpO1xuIl19 */"));
 
 var MastheadSearchModal = function MastheadSearchModal(_ref) {
   var onSearchClose = _ref.onClose,
-      children = _ref.children,
+      _children = _ref.children,
       hideOnNarrowScreen = _ref.hideOnNarrowScreen,
       ndlaFilm = _ref.ndlaFilm,
       t = _ref.t;
-  return ___EmotionJSX(Modal, {
+  return _jsx(Modal, {
     label: t('searchPage.searchFieldPlaceholder'),
     backgroundColor: "grey",
     animation: "slide-down",
@@ -60,21 +52,28 @@ var MastheadSearchModal = function MastheadSearchModal(_ref) {
     size: "full-width",
     onClose: onSearchClose,
     css: modalStyles,
-    activateButton: ___EmotionJSX(ToggleSearchButton, {
+    activateButton: _jsx(ToggleSearchButton, {
       hideOnNarrowScreen: hideOnNarrowScreen,
-      ndlaFilm: ndlaFilm
-    }, t('masthead.menu.search'))
-  }, function (closeModal) {
-    return ___EmotionJSX(React.Fragment, null, ___EmotionJSX("div", {
-      css: extraBackdrop
-    }), ___EmotionJSX(StyledHeader, null, isFunction(children) ? children(closeModal) : children, ___EmotionJSX(IconButton, {
-      "aria-label": t('welcomePage.closeSearch'),
-      variant: "ghost",
-      colorTheme: "light",
-      onClick: closeModal
-    }, ___EmotionJSX(Cross, {
-      className: "c-icon--medium"
-    }))));
+      ndlaFilm: ndlaFilm,
+      children: t('masthead.menu.search')
+    }),
+    children: function children(closeModal) {
+      return _jsxs(_Fragment, {
+        children: [_jsx("div", {
+          css: extraBackdrop
+        }), _jsxs(StyledHeader, {
+          children: [isFunction(_children) ? _children(closeModal) : _children, _jsx(IconButton, {
+            "aria-label": t('welcomePage.closeSearch'),
+            variant: "ghost",
+            colorTheme: "light",
+            onClick: closeModal,
+            children: _jsx(Cross, {
+              className: "c-icon--medium"
+            })
+          })]
+        })]
+      });
+    }
   });
 };
 

package/es/Masthead/SkipToMainContent.js

@@ -1,12 +1,10 @@
 import _styled from "@emotion/styled/base";
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
 import React from 'react';
 import { useTranslation } from 'react-i18next';
 import { colors } from '@ndla/core';
-import { jsx as ___EmotionJSX } from "@emotion/react";
 
-var StyledSkipToMainContent = /*#__PURE__*/_styled("a", process.env.NODE_ENV === "production" ? {
-  target: "e13a8y7u0"
-} : {
+var StyledSkipToMainContent = /*#__PURE__*/_styled("a", {
   target: "e13a8y7u0",
   label: "StyledSkipToMainContent"
 })("left:-999px;position:absolute;top:auto;width:1px;height:1px;overflow:hidden;z-index:-999;&:focus,&:active{color:", colors.white, ";background:", colors.brand.primary, ";left:auto;top:auto;width:30%;height:auto;overflow:auto;margin:10px 35%;padding:5px;border-radius:15px;border:4px solid ", 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= */"));
@@ -17,10 +15,11 @@ var SkipToMainContent = function SkipToMainContent(_ref) {
   var _useTranslation = useTranslation(),
       t = _useTranslation.t;
 
-  return ___EmotionJSX(StyledSkipToMainContent, {
+  return _jsx(StyledSkipToMainContent, {
     tabIndex: 0,
-    href: "#".concat(skipToMainContentId)
-  }, t('masthead.skipToContent'));
+    href: "#".concat(skipToMainContentId),
+    children: t('masthead.skipToContent')
+  });
 };
 
 export default SkipToMainContent;

package/es/MediaList/MediaList.js

@@ -1,4 +1,5 @@
-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 { jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+import { jsx as _jsx } 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; }
 
@@ -17,7 +18,6 @@ import React from 'react';
 import { LicenseDescription, getLicenseByAbbreviation, getResourceTypeNamespace, isCreativeCommonsLicense, metaTypes } from '@ndla/licenses';
 import BEMHelper from 'react-bem-helper';
 import { uuid } from '@ndla/util';
-import { jsx as ___EmotionJSX } from "@emotion/react";
 var oClasses = new BEMHelper({
   name: 'media',
   prefix: 'o-'
@@ -28,25 +28,34 @@ var cClasses = new BEMHelper({
 });
 export var MediaList = function MediaList(_ref) {
   var children = _ref.children;
-  return ___EmotionJSX("ul", cClasses(), children);
+  return _jsx("ul", _objectSpread(_objectSpread({}, cClasses()), {}, {
+    children: children
+  }));
 };
 export var MediaListItem = function MediaListItem(_ref2) {
   var children = _ref2.children;
-  return ___EmotionJSX("li", oClasses(undefined, undefined, cClasses('item').className), children);
+  return _jsx("li", _objectSpread(_objectSpread({}, oClasses(undefined, undefined, cClasses('item').className)), {}, {
+    children: children
+  }));
 };
 export var MediaListItemImage = function MediaListItemImage(_ref3) {
   var children = _ref3.children;
-  return ___EmotionJSX("div", oClasses('img', undefined, cClasses('img').className), ___EmotionJSX("div", null, children));
+  return _jsx("div", _objectSpread(_objectSpread({}, oClasses('img', undefined, cClasses('img').className)), {}, {
+    children: _jsx("div", {
+      children: children
+    })
+  }));
 };
 export var MediaListCCLink = function MediaListCCLink(_ref4) {
   var children = _ref4.children,
       url = _ref4.url;
-  return ___EmotionJSX("a", {
+  return _jsx("a", {
     className: "c-figure-license__link",
     target: "_blank",
     rel: "noopener noreferrer license",
-    href: url
-  }, children);
+    href: url,
+    children: children
+  });
 };
 export var MediaListItemBody = function MediaListItemBody(_ref5) {
   var children = _ref5.children,
@@ -64,26 +73,32 @@ export var MediaListItemBody = function MediaListItemBody(_ref5) {
     about: resourceUrl
   }) : _objectSpread({}, oClasses('body', undefined, cClasses('body').className));
   var metaResourceType = getResourceTypeNamespace(resourceType);
-  return ___EmotionJSX("div", containerProps, metaResourceType && ___EmotionJSX("span", {
-    rel: "dct:type",
-    href: metaResourceType,
-    style: {
-      display: 'none'
-    }
-  }), title ? ___EmotionJSX("h3", {
-    className: "c-medialist__title"
-  }, title, " ") : null, ___EmotionJSX(LicenseDescription, {
-    locale: locale,
-    messages: messages,
-    licenseRights: license.rights,
-    highlightCC: true
-  }), ___EmotionJSX(MediaListCCLink, {
-    url: license.url
-  }, license.linkText), children);
+  return _jsxs("div", _objectSpread(_objectSpread({}, containerProps), {}, {
+    children: [metaResourceType && _jsx("span", {
+      rel: "dct:type",
+      href: metaResourceType,
+      style: {
+        display: 'none'
+      }
+    }), title ? _jsxs("h3", {
+      className: "c-medialist__title",
+      children: [title, " "]
+    }) : null, _jsx(LicenseDescription, {
+      locale: locale,
+      messages: messages,
+      licenseRights: license.rights,
+      highlightCC: true
+    }), _jsx(MediaListCCLink, {
+      url: license.url,
+      children: license.linkText
+    }), children]
+  }));
 };
 export var MediaListItemActions = function MediaListItemActions(_ref6) {
   var children = _ref6.children;
-  return ___EmotionJSX("div", cClasses('actions'), children);
+  return _jsx("div", _objectSpread(_objectSpread({}, cClasses('actions')), {}, {
+    children: children
+  }));
 };
 
 var isLink = function isLink(text) {
@@ -95,14 +110,17 @@ export var HandleLink = function HandleLink(_ref7) {
       children = _ref7.children;
 
   if (isLink(text)) {
-    return ___EmotionJSX("a", {
+    return _jsx("a", {
       href: text,
       target: "_blank",
-      rel: "noopener noreferrer"
-    }, children);
+      rel: "noopener noreferrer",
+      children: children
+    });
   }
 
-  return ___EmotionJSX("span", null, children);
+  return _jsx("span", {
+    children: children
+  });
 };
 var attributionTypes = [metaTypes.author, metaTypes.copyrightHolder, metaTypes.contributor];
 export var MediaListItemMeta = function MediaListItemMeta(_ref8) {
@@ -117,16 +135,18 @@ export var MediaListItemMeta = function MediaListItemMeta(_ref8) {
     return "".concat(item.label, ": ").concat(item.description);
   }).join(', ');
   return (//@ts-ignore
-    ___EmotionJSX("ul", _extends({}, cClasses('actions'), {
+    _jsx("ul", _objectSpread(_objectSpread({}, cClasses('actions')), {}, {
       property: "cc:attributionName",
-      content: attributionMeta
-    }), items.map(function (item) {
-      return ___EmotionJSX("li", {
-        key: uuid(),
-        className: "c-medialist__meta-item"
-      }, item.label, ": ", ___EmotionJSX(HandleLink, {
-        text: item.description
-      }, item.description));
+      content: attributionMeta,
+      children: items.map(function (item) {
+        return _jsxs("li", {
+          className: "c-medialist__meta-item",
+          children: [item.label, ": ", _jsx(HandleLink, {
+            text: item.description,
+            children: item.description
+          })]
+        }, uuid());
+      })
     }))
   );
 };

package/es/Messages/MessageBanner.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)."; }
 
@@ -14,11 +16,8 @@ import { colors, spacing } from '@ndla/core'; // @ts-ignore
 
 import { Remarkable } from 'remarkable';
 import { CloseButton } from '@ndla/button';
-import { jsx as ___EmotionJSX } from "@emotion/react";
 
-var MessageBannerWrapper = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
-  target: "eb5ubi52"
-} : {
+var MessageBannerWrapper = /*#__PURE__*/_styled("div", {
   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) {
@@ -26,9 +25,7 @@ var MessageBannerWrapper = /*#__PURE__*/_styled("div", process.env.NODE_ENV ===
   return small ? spacing.xxsmall : spacing.small;
 }, ";background:", colors.support.yellowLight, ";color:", colors.brand.greyDark, ";border-bottom:solid 1px ", colors.white, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIk1lc3NhZ2VCYW5uZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW1CcUQiLCJmaWxlIjoiTWVzc2FnZUJhbm5lci50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAyMi1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjb2xvcnMsIHNwYWNpbmcgfSBmcm9tICdAbmRsYS9jb3JlJztcbi8vIEB0cy1pZ25vcmVcbmltcG9ydCB7IFJlbWFya2FibGUgfSBmcm9tICdyZW1hcmthYmxlJztcbmltcG9ydCB7IENsb3NlQnV0dG9uIH0gZnJvbSAnQG5kbGEvYnV0dG9uJztcblxuaW50ZXJmYWNlIFdyYXBwZXJQcm9wcyB7XG4gIHNtYWxsPzogYm9vbGVhbjtcbn1cblxuY29uc3QgTWVzc2FnZUJhbm5lcldyYXBwZXIgPSBzdHlsZWQuZGl2PFdyYXBwZXJQcm9wcz5gXG4gIGRpc3BsYXk6IGdyaWQ7XG4gIGdyaWQtdGVtcGxhdGUtYXJlYXM6ICcuIGNvbnRlbnQgY2xvc2VidXR0b24nO1xuICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IG1pbm1heCgzMHB4LCAxZnIpIG1pbm1heCgwLCBhdXRvKSBtaW5tYXgoMzBweCwgMWZyKTtcbiAgcGFkZGluZzogJHsoeyBzbWFsbCB9KSA9PiAoc21hbGwgPyBzcGFjaW5nLnh4c21hbGwgOiBzcGFjaW5nLnNtYWxsKX07XG4gIGJhY2tncm91bmQ6ICR7Y29sb3JzLnN1cHBvcnQueWVsbG93TGlnaHR9O1xuICBjb2xvcjogJHtjb2xvcnMuYnJhbmQuZ3JleURhcmt9O1xuICBib3JkZXItYm90dG9tOiBzb2xpZCAxcHggJHtjb2xvcnMud2hpdGV9O1xuYDtcblxuY29uc3QgVGV4dFdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBncmlkLWFyZWE6IGNvbnRlbnQ7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICYgcCB7XG4gICAgbWFyZ2luOiAwO1xuICB9XG5gO1xuXG5jb25zdCBTdHlsZWRDbG9zZWJ1dHRvbiA9IHN0eWxlZChDbG9zZUJ1dHRvbilgXG4gIGdyaWQtYXJlYTogY2xvc2VidXR0b247XG4gIHBhZGRpbmc6IDA7XG4gIGp1c3RpZnktc2VsZjogZmxleC1lbmQ7XG4gIGFsaWduLXNlbGY6IGZsZXgtc3RhcnQ7XG5gO1xuXG5pbnRlcmZhY2UgUHJvcHMge1xuICBzbWFsbD86IGJvb2xlYW47XG4gIGNoaWxkcmVuPzogc3RyaW5nO1xuICBzaG93Q2xvc2VCdXR0b24/OiBib29sZWFuO1xuICBvbkNsb3NlPzogKCkgPT4gdm9pZDtcbn1cblxuY29uc3QgbWFya2Rvd24gPSBuZXcgUmVtYXJrYWJsZSh7IGJyZWFrczogdHJ1ZSB9KTtcbm1hcmtkb3duLmlubGluZS5ydWxlci5lbmFibGUoWydzdWInLCAnc3VwJ10pO1xubWFya2Rvd24uYmxvY2sucnVsZXIuZGlzYWJsZShbJ2xpc3QnLCAndGFibGUnXSk7XG5cbmNvbnN0IE1lc3NhZ2VCYW5uZXIgPSAoeyBjaGlsZHJlbiwgb25DbG9zZSwgc2hvd0Nsb3NlQnV0dG9uLCBzbWFsbCB9OiBQcm9wcykgPT4ge1xuICByZXR1cm4gKFxuICAgIDxNZXNzYWdlQmFubmVyV3JhcHBlciBzbWFsbD17c21hbGx9PlxuICAgICAgPFRleHRXcmFwcGVyIGRhbmdlcm91c2x5U2V0SW5uZXJIVE1MPXt7IF9faHRtbDogbWFya2Rvd24ucmVuZGVyKGNoaWxkcmVuKSB9fSAvPlxuICAgICAge3Nob3dDbG9zZUJ1dHRvbiAmJiA8U3R5bGVkQ2xvc2VidXR0b24gb25DbGljaz17b25DbG9zZX0gLz59XG4gICAgPC9NZXNzYWdlQmFubmVyV3JhcHBlcj5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IE1lc3NhZ2VCYW5uZXI7XG4iXX0= */"));
 
-var TextWrapper = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
-  target: "eb5ubi51"
-} : {
+var TextWrapper = /*#__PURE__*/_styled("div", {
   target: "eb5ubi51",
   label: "TextWrapper"
 })(process.env.NODE_ENV === "production" ? {
@@ -41,9 +38,7 @@ var TextWrapper = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "producti
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
 
-var StyledClosebutton = /*#__PURE__*/_styled(CloseButton, process.env.NODE_ENV === "production" ? {
-  target: "eb5ubi50"
-} : {
+var StyledClosebutton = /*#__PURE__*/_styled(CloseButton, {
   target: "eb5ubi50",
   label: "StyledClosebutton"
 })(process.env.NODE_ENV === "production" ? {
@@ -67,15 +62,16 @@ var MessageBanner = function MessageBanner(_ref2) {
       onClose = _ref2.onClose,
       showCloseButton = _ref2.showCloseButton,
       small = _ref2.small;
-  return ___EmotionJSX(MessageBannerWrapper, {
-    small: small
-  }, ___EmotionJSX(TextWrapper, {
-    dangerouslySetInnerHTML: {
-      __html: markdown.render(children)
-    }
-  }), showCloseButton && ___EmotionJSX(StyledClosebutton, {
-    onClick: onClose
-  }));
+  return _jsxs(MessageBannerWrapper, {
+    small: small,
+    children: [_jsx(TextWrapper, {
+      dangerouslySetInnerHTML: {
+        __html: markdown.render(children)
+      }
+    }), showCloseButton && _jsx(StyledClosebutton, {
+      onClick: onClose
+    })]
+  });
 };
 
 export default MessageBanner;