@ndla/ui 29.0.0 → 30.0.0

package/lib/Search/SearchField.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,11 @@ var _reactI18next = require("react-i18next");
 
 var _reactBemHelper = _interopRequireDefault(require("react-bem-helper"));
 
-var _core = require("@emotion/core");
+var _react2 = require("@emotion/react");
 
 var _common = require("@ndla/icons/common");
 
-var _core2 = require("@ndla/core");
+var _core = require("@ndla/core");
 
 var _ActiveFilters = _interopRequireDefault(require("./ActiveFilters"));
 
@@ -28,18 +28,24 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "d
 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); }
 
 var classes = new _reactBemHelper["default"]('c-search-field');
-var StyledInput = (0, _styledBase["default"])("input", {
+var StyledInput = /*#__PURE__*/(0, _base["default"])("input", process.env.NODE_ENV === "production" ? {
+  target: "e1gt9vzg0"
+} : {
   target: "e1gt9vzg0",
   label: "StyledInput"
-})("width:100%;height:48px;line-height:28px;border:1px solid ", _core2.colors.brand.greyLight, ";border-radius:", function (p) {
-  return p.frontPageSearch ? '100px' : _core2.misc.borderRadius;
-}, ";padding-right:", _core2.spacing.large, ";padding-left:", _core2.spacing.normal, ";flex-grow:1;outline:0;&:focus,&:hover{border-color:", _core2.colors.brand.primary, ";}", _core2.mq.range({
-  from: _core2.breakpoints.tablet
-}), "{height:58px;line-height:58px;", _core2.fonts.sizes('18px', '24px'), ";}", function (p) {
-  return p.hasFilters && /*#__PURE__*/(0, _core.css)(_core2.mq.range({
-    from: _core2.breakpoints.desktop
-  }), "{padding-left:", _core2.spacing.normal, ";}padding-left:0;border-left:0;border-top-left-radius:0;border-bottom-left-radius:0;&:focus{border:1px solid ", _core2.colors.brand.primary, ";border-left:0;& + .c-search-field__filters{border:1px solid ", _core2.colors.brand.primary, ";border-right:0;}};label:StyledInput;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlNlYXJjaEZpZWxkLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFpRE8iLCJmaWxlIjoiU2VhcmNoRmllbGQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLypcbiAqIENvcHlyaWdodCAoYykgMjAxNi1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCBSZWFjdCwgeyBGb2N1c0V2ZW50LCBNb3VzZUV2ZW50LCBSZWZPYmplY3QgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyB1c2VUcmFuc2xhdGlvbiB9IGZyb20gJ3JlYWN0LWkxOG5leHQnO1xuaW1wb3J0IEJFTUhlbHBlciBmcm9tICdyZWFjdC1iZW0taGVscGVyJztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL2NvcmUnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgU2VhcmNoIGFzIFNlYXJjaEljb24gfSBmcm9tICdAbmRsYS9pY29ucy9jb21tb24nO1xuaW1wb3J0IHsgY29sb3JzLCBzcGFjaW5nLCBtcSwgYnJlYWtwb2ludHMsIG1pc2MsIGZvbnRzIH0gZnJvbSAnQG5kbGEvY29yZSc7XG5cbmltcG9ydCBBY3RpdmVGaWx0ZXJzIGZyb20gJy4vQWN0aXZlRmlsdGVycyc7XG5pbXBvcnQgTG9hZGluZ1dyYXBwZXIgZnJvbSAnLi9Mb2FkaW5nV3JhcHBlcic7XG5cbmNvbnN0IGNsYXNzZXMgPSBuZXcgQkVNSGVscGVyKCdjLXNlYXJjaC1maWVsZCcpO1xuXG5pbnRlcmZhY2UgU3R5bGVkSW5wdXRQcm9wcyB7XG4gIGZyb250UGFnZVNlYXJjaD86IGJvb2xlYW47XG4gIGhhc0ZpbHRlcnM/OiBib29sZWFuO1xufVxuXG5jb25zdCBTdHlsZWRJbnB1dCA9IHN0eWxlZC5pbnB1dDxTdHlsZWRJbnB1dFByb3BzPmBcbiAgd2lkdGg6IDEwMCU7XG4gIGhlaWdodDogNDhweDtcbiAgbGluZS1oZWlnaHQ6IDI4cHg7XG4gIGJvcmRlcjogMXB4IHNvbGlkICR7Y29sb3JzLmJyYW5kLmdyZXlMaWdodH07XG4gIGJvcmRlci1yYWRpdXM6ICR7KHApID0+IChwLmZyb250UGFnZVNlYXJjaCA/ICcxMDBweCcgOiBtaXNjLmJvcmRlclJhZGl1cyl9O1xuICBwYWRkaW5nLXJpZ2h0OiAke3NwYWNpbmcubGFyZ2V9O1xuICBwYWRkaW5nLWxlZnQ6ICR7c3BhY2luZy5ub3JtYWx9O1xuICBmbGV4LWdyb3c6IDE7XG4gIG91dGxpbmU6IDA7XG4gICY6Zm9jdXMsXG4gICY6aG92ZXIge1xuICAgIGJvcmRlci1jb2xvcjogJHtjb2xvcnMuYnJhbmQucHJpbWFyeX07XG4gIH1cblxuICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMudGFibGV0IH0pfSB7XG4gICAgaGVpZ2h0OiA1OHB4O1xuICAgIGxpbmUtaGVpZ2h0OiA1OHB4O1xuICAgICR7Zm9udHMuc2l6ZXMoJzE4cHgnLCAnMjRweCcpfTtcbiAgfVxuXG4gICR7KHApID0+XG4gICAgcC5oYXNGaWx0ZXJzICYmXG4gICAgY3NzYFxuICAgICAgJHttcS5yYW5nZSh7IGZyb206IGJyZWFrcG9pbnRzLmRlc2t0b3AgfSl9IHtcbiAgICAgICAgcGFkZGluZy1sZWZ0OiAke3NwYWNpbmcubm9ybWFsfTtcbiAgICAgIH1cbiAgICAgIHBhZGRpbmctbGVmdDogMDtcbiAgICAgIGJvcmRlci1sZWZ0OiAwO1xuICAgICAgYm9yZGVyLXRvcC1sZWZ0LXJhZGl1czogMDtcbiAgICAgIGJvcmRlci1ib3R0b20tbGVmdC1yYWRpdXM6IDA7XG5cbiAgICAgICY6Zm9jdXMge1xuICAgICAgICBib3JkZXI6IDFweCBzb2xpZCAke2NvbG9ycy5icmFuZC5wcmltYXJ5fTtcbiAgICAgICAgYm9yZGVyLWxlZnQ6IDA7XG5cbiAgICAgICAgJiArIC5jLXNlYXJjaC1maWVsZF9fZmlsdGVycyB7XG4gICAgICAgICAgYm9yZGVyOiAxcHggc29saWQgJHtjb2xvcnMuYnJhbmQucHJpbWFyeX07XG4gICAgICAgICAgYm9yZGVyLXJpZ2h0OiAwO1xuICAgICAgICB9XG4gICAgICB9XG4gICAgYH07XG5gO1xuXG5pbnRlcmZhY2UgUHJvcHMge1xuICB2YWx1ZTogc3RyaW5nO1xuICBwbGFjZWhvbGRlcjogc3RyaW5nO1xuICBvbkNoYW5nZTogKHZhbHVlOiBzdHJpbmcpID0+IHZvaWQ7XG4gIGZpbHRlcnM/OiB7IHZhbHVlOiBzdHJpbmc7IHRpdGxlOiBzdHJpbmcgfVtdO1xuICBvbkZpbHRlclJlbW92ZT86ICh2YWx1ZTogc3RyaW5nLCBmaWx0ZXJOYW1lPzogc3RyaW5nKSA9PiB2b2lkO1xuICBvbkZvY3VzPzogKGV2ZW50PzogRm9jdXNFdmVudDxIVE1MSW5wdXRFbGVtZW50PikgPT4gdm9pZDtcbiAgb25CbHVyPzogKCkgPT4gdm9pZDtcbiAgb25DbGljaz86IChldmVudDogTW91c2VFdmVudDxIVE1MSW5wdXRFbGVtZW50PikgPT4gdm9pZDtcbiAgbG9hZGluZz86IGJvb2xlYW47XG4gIGlucHV0UmVmPzogUmVmT2JqZWN0PEhUTUxJbnB1dEVsZW1lbnQ+O1xuICBmcm9udFBhZ2VTZWFyY2g/OiBib29sZWFuO1xufVxuXG5jb25zdCBTZWFyY2hGaWVsZCA9ICh7XG4gIHBsYWNlaG9sZGVyLFxuICB2YWx1ZSxcbiAgb25DaGFuZ2UsXG4gIGZpbHRlcnMsXG4gIG9uQ2xpY2ssXG4gIG9uRm9jdXMsXG4gIG9uQmx1cixcbiAgbG9hZGluZyxcbiAgb25GaWx0ZXJSZW1vdmUsXG4gIGlucHV0UmVmLFxuICBmcm9udFBhZ2VTZWFyY2ggPSBmYWxzZSxcbn06IFByb3BzKSA9PiB7XG4gIGNvbnN0IHsgdCB9ID0gdXNlVHJhbnNsYXRpb24oKTtcbiAgY29uc3QgaGFuZGxlT25GaWx0ZXJSZW1vdmUgPSAodmFsdWU6IHN0cmluZywgZmlsdGVyTmFtZT86IHN0cmluZykgPT4ge1xuICAgIG9uRmlsdGVyUmVtb3ZlPy4odmFsdWUsIGZpbHRlck5hbWUpO1xuICAgIGlucHV0UmVmPy5jdXJyZW50Py5mb2N1cygpO1xuICAgIG9uRm9jdXM/LigpO1xuICB9O1xuICByZXR1cm4gKFxuICAgIDxkaXYgey4uLmNsYXNzZXMoJ2lucHV0LXdyYXBwZXInKX0+XG4gICAgICB7bG9hZGluZyAmJiA8TG9hZGluZ1dyYXBwZXIgdmFsdWU9e3ZhbHVlfSAvPn1cbiAgICAgIDxTdHlsZWRJbnB1dFxuICAgICAgICBmcm9udFBhZ2VTZWFyY2g9e2Zyb250UGFnZVNlYXJjaH1cbiAgICAgICAgaGFzRmlsdGVycz17ISFmaWx0ZXJzPy5sZW5ndGh9XG4gICAgICAgIHJlZj17aW5wdXRSZWZ9XG4gICAgICAgIHR5cGU9XCJzZWFyY2hcIlxuICAgICAgICBhcmlhLWF1dG9jb21wbGV0ZT1cImxpc3RcIlxuICAgICAgICBhdXRvQ29tcGxldGU9XCJvZmZcIlxuICAgICAgICBpZD1cInNlYXJjaFwiXG4gICAgICAgIG5hbWU9XCJzZWFyY2hcIlxuICAgICAgICBwbGFjZWhvbGRlcj17cGxhY2Vob2xkZXJ9XG4gICAgICAgIGFyaWEtbGFiZWw9e3BsYWNlaG9sZGVyfVxuICAgICAgICB2YWx1ZT17dmFsdWV9XG4gICAgICAgIG9uQ2hhbmdlPXsoZSkgPT4gb25DaGFuZ2UoZS50YXJnZXQudmFsdWUpfVxuICAgICAgICBvbkJsdXI9e29uQmx1cn1cbiAgICAgICAgb25Gb2N1cz17b25Gb2N1c31cbiAgICAgICAgb25DbGljaz17b25DbGlja31cbiAgICAgIC8+XG4gICAgICB7ZmlsdGVycyAmJiBmaWx0ZXJzLmxlbmd0aCA+IDAgJiYgKFxuICAgICAgICA8ZGl2IHsuLi5jbGFzc2VzKCdmaWx0ZXJzJyl9PlxuICAgICAgICAgIDxBY3RpdmVGaWx0ZXJzIGZpbHRlcnM9e2ZpbHRlcnN9IG9uRmlsdGVyUmVtb3ZlPXtoYW5kbGVPbkZpbHRlclJlbW92ZX0gLz5cbiAgICAgICAgPC9kaXY+XG4gICAgICApfVxuICAgICAge3ZhbHVlICE9PSAnJyAmJiAoXG4gICAgICAgIDxidXR0b25cbiAgICAgICAgICB7Li4uY2xhc3NlcygnYnV0dG9uJywgJ2Nsb3NlJyl9XG4gICAgICAgICAgdHlwZT1cImJ1dHRvblwiXG4gICAgICAgICAgb25DbGljaz17KCkgPT4ge1xuICAgICAgICAgICAgb25DaGFuZ2UoJycpO1xuICAgICAgICAgICAgb25Gb2N1cz8uKCk7XG4gICAgICAgICAgICBpbnB1dFJlZj8uY3VycmVudD8uZm9jdXMoKTtcbiAgICAgICAgICB9fVxuICAgICAgICAgIG9uQmx1cj17b25CbHVyfT5cbiAgICAgICAgICB7dCgnd2VsY29tZVBhZ2UucmVzZXRTZWFyY2gnKX1cbiAgICAgICAgPC9idXR0b24+XG4gICAgICApfVxuICAgICAgPGJ1dHRvblxuICAgICAgICB0YWJJbmRleD17LTF9XG4gICAgICAgIHsuLi5jbGFzc2VzKCdidXR0b24nLCAnc2VhcmNoSWNvbicpfVxuICAgICAgICB0eXBlPVwic3VibWl0XCJcbiAgICAgICAgdmFsdWU9XCJTZWFyY2hcIlxuICAgICAgICBhcmlhLWxhYmVsPXt0KCdzaXRlTmF2LnNlYXJjaCcpfT5cbiAgICAgICAgPFNlYXJjaEljb24gLz5cbiAgICAgIDwvYnV0dG9uPlxuICAgIDwvZGl2PlxuICApO1xufTtcblxuZXhwb3J0IGRlZmF1bHQgU2VhcmNoRmllbGQ7XG4iXX0= */"));
-}, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlNlYXJjaEZpZWxkLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEwQmtEIiwiZmlsZSI6IlNlYXJjaEZpZWxkLnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qXG4gKiBDb3B5cmlnaHQgKGMpIDIwMTYtcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLlxuICpcbiAqL1xuXG5pbXBvcnQgUmVhY3QsIHsgRm9jdXNFdmVudCwgTW91c2VFdmVudCwgUmVmT2JqZWN0IH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgdXNlVHJhbnNsYXRpb24gfSBmcm9tICdyZWFjdC1pMThuZXh0JztcbmltcG9ydCBCRU1IZWxwZXIgZnJvbSAncmVhY3QtYmVtLWhlbHBlcic7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9jb3JlJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IFNlYXJjaCBhcyBTZWFyY2hJY29uIH0gZnJvbSAnQG5kbGEvaWNvbnMvY29tbW9uJztcbmltcG9ydCB7IGNvbG9ycywgc3BhY2luZywgbXEsIGJyZWFrcG9pbnRzLCBtaXNjLCBmb250cyB9IGZyb20gJ0BuZGxhL2NvcmUnO1xuXG5pbXBvcnQgQWN0aXZlRmlsdGVycyBmcm9tICcuL0FjdGl2ZUZpbHRlcnMnO1xuaW1wb3J0IExvYWRpbmdXcmFwcGVyIGZyb20gJy4vTG9hZGluZ1dyYXBwZXInO1xuXG5jb25zdCBjbGFzc2VzID0gbmV3IEJFTUhlbHBlcignYy1zZWFyY2gtZmllbGQnKTtcblxuaW50ZXJmYWNlIFN0eWxlZElucHV0UHJvcHMge1xuICBmcm9udFBhZ2VTZWFyY2g/OiBib29sZWFuO1xuICBoYXNGaWx0ZXJzPzogYm9vbGVhbjtcbn1cblxuY29uc3QgU3R5bGVkSW5wdXQgPSBzdHlsZWQuaW5wdXQ8U3R5bGVkSW5wdXRQcm9wcz5gXG4gIHdpZHRoOiAxMDAlO1xuICBoZWlnaHQ6IDQ4cHg7XG4gIGxpbmUtaGVpZ2h0OiAyOHB4O1xuICBib3JkZXI6IDFweCBzb2xpZCAke2NvbG9ycy5icmFuZC5ncmV5TGlnaHR9O1xuICBib3JkZXItcmFkaXVzOiAkeyhwKSA9PiAocC5mcm9udFBhZ2VTZWFyY2ggPyAnMTAwcHgnIDogbWlzYy5ib3JkZXJSYWRpdXMpfTtcbiAgcGFkZGluZy1yaWdodDogJHtzcGFjaW5nLmxhcmdlfTtcbiAgcGFkZGluZy1sZWZ0OiAke3NwYWNpbmcubm9ybWFsfTtcbiAgZmxleC1ncm93OiAxO1xuICBvdXRsaW5lOiAwO1xuICAmOmZvY3VzLFxuICAmOmhvdmVyIHtcbiAgICBib3JkZXItY29sb3I6ICR7Y29sb3JzLmJyYW5kLnByaW1hcnl9O1xuICB9XG5cbiAgJHttcS5yYW5nZSh7IGZyb206IGJyZWFrcG9pbnRzLnRhYmxldCB9KX0ge1xuICAgIGhlaWdodDogNThweDtcbiAgICBsaW5lLWhlaWdodDogNThweDtcbiAgICAke2ZvbnRzLnNpemVzKCcxOHB4JywgJzI0cHgnKX07XG4gIH1cblxuICAkeyhwKSA9PlxuICAgIHAuaGFzRmlsdGVycyAmJlxuICAgIGNzc2BcbiAgICAgICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy5kZXNrdG9wIH0pfSB7XG4gICAgICAgIHBhZGRpbmctbGVmdDogJHtzcGFjaW5nLm5vcm1hbH07XG4gICAgICB9XG4gICAgICBwYWRkaW5nLWxlZnQ6IDA7XG4gICAgICBib3JkZXItbGVmdDogMDtcbiAgICAgIGJvcmRlci10b3AtbGVmdC1yYWRpdXM6IDA7XG4gICAgICBib3JkZXItYm90dG9tLWxlZnQtcmFkaXVzOiAwO1xuXG4gICAgICAmOmZvY3VzIHtcbiAgICAgICAgYm9yZGVyOiAxcHggc29saWQgJHtjb2xvcnMuYnJhbmQucHJpbWFyeX07XG4gICAgICAgIGJvcmRlci1sZWZ0OiAwO1xuXG4gICAgICAgICYgKyAuYy1zZWFyY2gtZmllbGRfX2ZpbHRlcnMge1xuICAgICAgICAgIGJvcmRlcjogMXB4IHNvbGlkICR7Y29sb3JzLmJyYW5kLnByaW1hcnl9O1xuICAgICAgICAgIGJvcmRlci1yaWdodDogMDtcbiAgICAgICAgfVxuICAgICAgfVxuICAgIGB9O1xuYDtcblxuaW50ZXJmYWNlIFByb3BzIHtcbiAgdmFsdWU6IHN0cmluZztcbiAgcGxhY2Vob2xkZXI6IHN0cmluZztcbiAgb25DaGFuZ2U6ICh2YWx1ZTogc3RyaW5nKSA9PiB2b2lkO1xuICBmaWx0ZXJzPzogeyB2YWx1ZTogc3RyaW5nOyB0aXRsZTogc3RyaW5nIH1bXTtcbiAgb25GaWx0ZXJSZW1vdmU/OiAodmFsdWU6IHN0cmluZywgZmlsdGVyTmFtZT86IHN0cmluZykgPT4gdm9pZDtcbiAgb25Gb2N1cz86IChldmVudD86IEZvY3VzRXZlbnQ8SFRNTElucHV0RWxlbWVudD4pID0+IHZvaWQ7XG4gIG9uQmx1cj86ICgpID0+IHZvaWQ7XG4gIG9uQ2xpY2s/OiAoZXZlbnQ6IE1vdXNlRXZlbnQ8SFRNTElucHV0RWxlbWVudD4pID0+IHZvaWQ7XG4gIGxvYWRpbmc/OiBib29sZWFuO1xuICBpbnB1dFJlZj86IFJlZk9iamVjdDxIVE1MSW5wdXRFbGVtZW50PjtcbiAgZnJvbnRQYWdlU2VhcmNoPzogYm9vbGVhbjtcbn1cblxuY29uc3QgU2VhcmNoRmllbGQgPSAoe1xuICBwbGFjZWhvbGRlcixcbiAgdmFsdWUsXG4gIG9uQ2hhbmdlLFxuICBmaWx0ZXJzLFxuICBvbkNsaWNrLFxuICBvbkZvY3VzLFxuICBvbkJsdXIsXG4gIGxvYWRpbmcsXG4gIG9uRmlsdGVyUmVtb3ZlLFxuICBpbnB1dFJlZixcbiAgZnJvbnRQYWdlU2VhcmNoID0gZmFsc2UsXG59OiBQcm9wcykgPT4ge1xuICBjb25zdCB7IHQgfSA9IHVzZVRyYW5zbGF0aW9uKCk7XG4gIGNvbnN0IGhhbmRsZU9uRmlsdGVyUmVtb3ZlID0gKHZhbHVlOiBzdHJpbmcsIGZpbHRlck5hbWU/OiBzdHJpbmcpID0+IHtcbiAgICBvbkZpbHRlclJlbW92ZT8uKHZhbHVlLCBmaWx0ZXJOYW1lKTtcbiAgICBpbnB1dFJlZj8uY3VycmVudD8uZm9jdXMoKTtcbiAgICBvbkZvY3VzPy4oKTtcbiAgfTtcbiAgcmV0dXJuIChcbiAgICA8ZGl2IHsuLi5jbGFzc2VzKCdpbnB1dC13cmFwcGVyJyl9PlxuICAgICAge2xvYWRpbmcgJiYgPExvYWRpbmdXcmFwcGVyIHZhbHVlPXt2YWx1ZX0gLz59XG4gICAgICA8U3R5bGVkSW5wdXRcbiAgICAgICAgZnJvbnRQYWdlU2VhcmNoPXtmcm9udFBhZ2VTZWFyY2h9XG4gICAgICAgIGhhc0ZpbHRlcnM9eyEhZmlsdGVycz8ubGVuZ3RofVxuICAgICAgICByZWY9e2lucHV0UmVmfVxuICAgICAgICB0eXBlPVwic2VhcmNoXCJcbiAgICAgICAgYXJpYS1hdXRvY29tcGxldGU9XCJsaXN0XCJcbiAgICAgICAgYXV0b0NvbXBsZXRlPVwib2ZmXCJcbiAgICAgICAgaWQ9XCJzZWFyY2hcIlxuICAgICAgICBuYW1lPVwic2VhcmNoXCJcbiAgICAgICAgcGxhY2Vob2xkZXI9e3BsYWNlaG9sZGVyfVxuICAgICAgICBhcmlhLWxhYmVsPXtwbGFjZWhvbGRlcn1cbiAgICAgICAgdmFsdWU9e3ZhbHVlfVxuICAgICAgICBvbkNoYW5nZT17KGUpID0+IG9uQ2hhbmdlKGUudGFyZ2V0LnZhbHVlKX1cbiAgICAgICAgb25CbHVyPXtvbkJsdXJ9XG4gICAgICAgIG9uRm9jdXM9e29uRm9jdXN9XG4gICAgICAgIG9uQ2xpY2s9e29uQ2xpY2t9XG4gICAgICAvPlxuICAgICAge2ZpbHRlcnMgJiYgZmlsdGVycy5sZW5ndGggPiAwICYmIChcbiAgICAgICAgPGRpdiB7Li4uY2xhc3NlcygnZmlsdGVycycpfT5cbiAgICAgICAgICA8QWN0aXZlRmlsdGVycyBmaWx0ZXJzPXtmaWx0ZXJzfSBvbkZpbHRlclJlbW92ZT17aGFuZGxlT25GaWx0ZXJSZW1vdmV9IC8+XG4gICAgICAgIDwvZGl2PlxuICAgICAgKX1cbiAgICAgIHt2YWx1ZSAhPT0gJycgJiYgKFxuICAgICAgICA8YnV0dG9uXG4gICAgICAgICAgey4uLmNsYXNzZXMoJ2J1dHRvbicsICdjbG9zZScpfVxuICAgICAgICAgIHR5cGU9XCJidXR0b25cIlxuICAgICAgICAgIG9uQ2xpY2s9eygpID0+IHtcbiAgICAgICAgICAgIG9uQ2hhbmdlKCcnKTtcbiAgICAgICAgICAgIG9uRm9jdXM/LigpO1xuICAgICAgICAgICAgaW5wdXRSZWY/LmN1cnJlbnQ/LmZvY3VzKCk7XG4gICAgICAgICAgfX1cbiAgICAgICAgICBvbkJsdXI9e29uQmx1cn0+XG4gICAgICAgICAge3QoJ3dlbGNvbWVQYWdlLnJlc2V0U2VhcmNoJyl9XG4gICAgICAgIDwvYnV0dG9uPlxuICAgICAgKX1cbiAgICAgIDxidXR0b25cbiAgICAgICAgdGFiSW5kZXg9ey0xfVxuICAgICAgICB7Li4uY2xhc3NlcygnYnV0dG9uJywgJ3NlYXJjaEljb24nKX1cbiAgICAgICAgdHlwZT1cInN1Ym1pdFwiXG4gICAgICAgIHZhbHVlPVwiU2VhcmNoXCJcbiAgICAgICAgYXJpYS1sYWJlbD17dCgnc2l0ZU5hdi5zZWFyY2gnKX0+XG4gICAgICAgIDxTZWFyY2hJY29uIC8+XG4gICAgICA8L2J1dHRvbj5cbiAgICA8L2Rpdj5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IFNlYXJjaEZpZWxkO1xuIl19 */"));
+})("width:100%;height:48px;line-height:28px;border:1px solid ", _core.colors.brand.greyLight, ";border-radius:", function (p) {
+  return p.frontPageSearch ? '100px' : _core.misc.borderRadius;
+}, ";padding-right:", _core.spacing.large, ";padding-left:", _core.spacing.normal, ";flex-grow:1;outline:0;&:focus,&:hover{border-color:", _core.colors.brand.primary, ";}", _core.mq.range({
+  from: _core.breakpoints.tablet
+}), "{height:58px;line-height:58px;", _core.fonts.sizes('18px', '24px'), ";}", function (p) {
+  return p.hasFilters &&
+  /*#__PURE__*/
+
+  /*#__PURE__*/
+  (0, _react2.css)(_core.mq.range({
+    from: _core.breakpoints.desktop
+  }), "{padding-left:", _core.spacing.normal, ";}padding-left:0;border-left:0;border-top-left-radius:0;border-bottom-left-radius:0;&:focus{border:1px solid ", _core.colors.brand.primary, ";border-left:0;&+.c-search-field__filters{border:1px solid ", _core.colors.brand.primary, ";border-right:0;}}" + (process.env.NODE_ENV === "production" ? "" : ";label:StyledInput;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlNlYXJjaEZpZWxkLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFpRE8iLCJmaWxlIjoiU2VhcmNoRmllbGQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLypcbiAqIENvcHlyaWdodCAoYykgMjAxNi1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCBSZWFjdCwgeyBGb2N1c0V2ZW50LCBNb3VzZUV2ZW50LCBSZWZPYmplY3QgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyB1c2VUcmFuc2xhdGlvbiB9IGZyb20gJ3JlYWN0LWkxOG5leHQnO1xuaW1wb3J0IEJFTUhlbHBlciBmcm9tICdyZWFjdC1iZW0taGVscGVyJztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IFNlYXJjaCBhcyBTZWFyY2hJY29uIH0gZnJvbSAnQG5kbGEvaWNvbnMvY29tbW9uJztcbmltcG9ydCB7IGNvbG9ycywgc3BhY2luZywgbXEsIGJyZWFrcG9pbnRzLCBtaXNjLCBmb250cyB9IGZyb20gJ0BuZGxhL2NvcmUnO1xuXG5pbXBvcnQgQWN0aXZlRmlsdGVycyBmcm9tICcuL0FjdGl2ZUZpbHRlcnMnO1xuaW1wb3J0IExvYWRpbmdXcmFwcGVyIGZyb20gJy4vTG9hZGluZ1dyYXBwZXInO1xuXG5jb25zdCBjbGFzc2VzID0gbmV3IEJFTUhlbHBlcignYy1zZWFyY2gtZmllbGQnKTtcblxuaW50ZXJmYWNlIFN0eWxlZElucHV0UHJvcHMge1xuICBmcm9udFBhZ2VTZWFyY2g/OiBib29sZWFuO1xuICBoYXNGaWx0ZXJzPzogYm9vbGVhbjtcbn1cblxuY29uc3QgU3R5bGVkSW5wdXQgPSBzdHlsZWQuaW5wdXQ8U3R5bGVkSW5wdXRQcm9wcz5gXG4gIHdpZHRoOiAxMDAlO1xuICBoZWlnaHQ6IDQ4cHg7XG4gIGxpbmUtaGVpZ2h0OiAyOHB4O1xuICBib3JkZXI6IDFweCBzb2xpZCAke2NvbG9ycy5icmFuZC5ncmV5TGlnaHR9O1xuICBib3JkZXItcmFkaXVzOiAkeyhwKSA9PiAocC5mcm9udFBhZ2VTZWFyY2ggPyAnMTAwcHgnIDogbWlzYy5ib3JkZXJSYWRpdXMpfTtcbiAgcGFkZGluZy1yaWdodDogJHtzcGFjaW5nLmxhcmdlfTtcbiAgcGFkZGluZy1sZWZ0OiAke3NwYWNpbmcubm9ybWFsfTtcbiAgZmxleC1ncm93OiAxO1xuICBvdXRsaW5lOiAwO1xuICAmOmZvY3VzLFxuICAmOmhvdmVyIHtcbiAgICBib3JkZXItY29sb3I6ICR7Y29sb3JzLmJyYW5kLnByaW1hcnl9O1xuICB9XG5cbiAgJHttcS5yYW5nZSh7IGZyb206IGJyZWFrcG9pbnRzLnRhYmxldCB9KX0ge1xuICAgIGhlaWdodDogNThweDtcbiAgICBsaW5lLWhlaWdodDogNThweDtcbiAgICAke2ZvbnRzLnNpemVzKCcxOHB4JywgJzI0cHgnKX07XG4gIH1cblxuICAkeyhwKSA9PlxuICAgIHAuaGFzRmlsdGVycyAmJlxuICAgIGNzc2BcbiAgICAgICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy5kZXNrdG9wIH0pfSB7XG4gICAgICAgIHBhZGRpbmctbGVmdDogJHtzcGFjaW5nLm5vcm1hbH07XG4gICAgICB9XG4gICAgICBwYWRkaW5nLWxlZnQ6IDA7XG4gICAgICBib3JkZXItbGVmdDogMDtcbiAgICAgIGJvcmRlci10b3AtbGVmdC1yYWRpdXM6IDA7XG4gICAgICBib3JkZXItYm90dG9tLWxlZnQtcmFkaXVzOiAwO1xuXG4gICAgICAmOmZvY3VzIHtcbiAgICAgICAgYm9yZGVyOiAxcHggc29saWQgJHtjb2xvcnMuYnJhbmQucHJpbWFyeX07XG4gICAgICAgIGJvcmRlci1sZWZ0OiAwO1xuXG4gICAgICAgICYgKyAuYy1zZWFyY2gtZmllbGRfX2ZpbHRlcnMge1xuICAgICAgICAgIGJvcmRlcjogMXB4IHNvbGlkICR7Y29sb3JzLmJyYW5kLnByaW1hcnl9O1xuICAgICAgICAgIGJvcmRlci1yaWdodDogMDtcbiAgICAgICAgfVxuICAgICAgfVxuICAgIGB9O1xuYDtcblxuaW50ZXJmYWNlIFByb3BzIHtcbiAgdmFsdWU6IHN0cmluZztcbiAgcGxhY2Vob2xkZXI6IHN0cmluZztcbiAgb25DaGFuZ2U6ICh2YWx1ZTogc3RyaW5nKSA9PiB2b2lkO1xuICBmaWx0ZXJzPzogeyB2YWx1ZTogc3RyaW5nOyB0aXRsZTogc3RyaW5nIH1bXTtcbiAgb25GaWx0ZXJSZW1vdmU/OiAodmFsdWU6IHN0cmluZywgZmlsdGVyTmFtZT86IHN0cmluZykgPT4gdm9pZDtcbiAgb25Gb2N1cz86IChldmVudD86IEZvY3VzRXZlbnQ8SFRNTElucHV0RWxlbWVudD4pID0+IHZvaWQ7XG4gIG9uQmx1cj86ICgpID0+IHZvaWQ7XG4gIG9uQ2xpY2s/OiAoZXZlbnQ6IE1vdXNlRXZlbnQ8SFRNTElucHV0RWxlbWVudD4pID0+IHZvaWQ7XG4gIGxvYWRpbmc/OiBib29sZWFuO1xuICBpbnB1dFJlZj86IFJlZk9iamVjdDxIVE1MSW5wdXRFbGVtZW50PjtcbiAgZnJvbnRQYWdlU2VhcmNoPzogYm9vbGVhbjtcbn1cblxuY29uc3QgU2VhcmNoRmllbGQgPSAoe1xuICBwbGFjZWhvbGRlcixcbiAgdmFsdWUsXG4gIG9uQ2hhbmdlLFxuICBmaWx0ZXJzLFxuICBvbkNsaWNrLFxuICBvbkZvY3VzLFxuICBvbkJsdXIsXG4gIGxvYWRpbmcsXG4gIG9uRmlsdGVyUmVtb3ZlLFxuICBpbnB1dFJlZixcbiAgZnJvbnRQYWdlU2VhcmNoID0gZmFsc2UsXG59OiBQcm9wcykgPT4ge1xuICBjb25zdCB7IHQgfSA9IHVzZVRyYW5zbGF0aW9uKCk7XG4gIGNvbnN0IGhhbmRsZU9uRmlsdGVyUmVtb3ZlID0gKHZhbHVlOiBzdHJpbmcsIGZpbHRlck5hbWU/OiBzdHJpbmcpID0+IHtcbiAgICBvbkZpbHRlclJlbW92ZT8uKHZhbHVlLCBmaWx0ZXJOYW1lKTtcbiAgICBpbnB1dFJlZj8uY3VycmVudD8uZm9jdXMoKTtcbiAgICBvbkZvY3VzPy4oKTtcbiAgfTtcbiAgcmV0dXJuIChcbiAgICA8ZGl2IHsuLi5jbGFzc2VzKCdpbnB1dC13cmFwcGVyJyl9PlxuICAgICAge2xvYWRpbmcgJiYgPExvYWRpbmdXcmFwcGVyIHZhbHVlPXt2YWx1ZX0gLz59XG4gICAgICA8U3R5bGVkSW5wdXRcbiAgICAgICAgZnJvbnRQYWdlU2VhcmNoPXtmcm9udFBhZ2VTZWFyY2h9XG4gICAgICAgIGhhc0ZpbHRlcnM9eyEhZmlsdGVycz8ubGVuZ3RofVxuICAgICAgICByZWY9e2lucHV0UmVmfVxuICAgICAgICB0eXBlPVwic2VhcmNoXCJcbiAgICAgICAgYXJpYS1hdXRvY29tcGxldGU9XCJsaXN0XCJcbiAgICAgICAgYXV0b0NvbXBsZXRlPVwib2ZmXCJcbiAgICAgICAgaWQ9XCJzZWFyY2hcIlxuICAgICAgICBuYW1lPVwic2VhcmNoXCJcbiAgICAgICAgcGxhY2Vob2xkZXI9e3BsYWNlaG9sZGVyfVxuICAgICAgICBhcmlhLWxhYmVsPXtwbGFjZWhvbGRlcn1cbiAgICAgICAgdmFsdWU9e3ZhbHVlfVxuICAgICAgICBvbkNoYW5nZT17KGUpID0+IG9uQ2hhbmdlKGUudGFyZ2V0LnZhbHVlKX1cbiAgICAgICAgb25CbHVyPXtvbkJsdXJ9XG4gICAgICAgIG9uRm9jdXM9e29uRm9jdXN9XG4gICAgICAgIG9uQ2xpY2s9e29uQ2xpY2t9XG4gICAgICAvPlxuICAgICAge2ZpbHRlcnMgJiYgZmlsdGVycy5sZW5ndGggPiAwICYmIChcbiAgICAgICAgPGRpdiB7Li4uY2xhc3NlcygnZmlsdGVycycpfT5cbiAgICAgICAgICA8QWN0aXZlRmlsdGVycyBmaWx0ZXJzPXtmaWx0ZXJzfSBvbkZpbHRlclJlbW92ZT17aGFuZGxlT25GaWx0ZXJSZW1vdmV9IC8+XG4gICAgICAgIDwvZGl2PlxuICAgICAgKX1cbiAgICAgIHt2YWx1ZSAhPT0gJycgJiYgKFxuICAgICAgICA8YnV0dG9uXG4gICAgICAgICAgey4uLmNsYXNzZXMoJ2J1dHRvbicsICdjbG9zZScpfVxuICAgICAgICAgIHR5cGU9XCJidXR0b25cIlxuICAgICAgICAgIG9uQ2xpY2s9eygpID0+IHtcbiAgICAgICAgICAgIG9uQ2hhbmdlKCcnKTtcbiAgICAgICAgICAgIG9uRm9jdXM/LigpO1xuICAgICAgICAgICAgaW5wdXRSZWY/LmN1cnJlbnQ/LmZvY3VzKCk7XG4gICAgICAgICAgfX1cbiAgICAgICAgICBvbkJsdXI9e29uQmx1cn0+XG4gICAgICAgICAge3QoJ3dlbGNvbWVQYWdlLnJlc2V0U2VhcmNoJyl9XG4gICAgICAgIDwvYnV0dG9uPlxuICAgICAgKX1cbiAgICAgIDxidXR0b25cbiAgICAgICAgdGFiSW5kZXg9ey0xfVxuICAgICAgICB7Li4uY2xhc3NlcygnYnV0dG9uJywgJ3NlYXJjaEljb24nKX1cbiAgICAgICAgdHlwZT1cInN1Ym1pdFwiXG4gICAgICAgIHZhbHVlPVwiU2VhcmNoXCJcbiAgICAgICAgYXJpYS1sYWJlbD17dCgnc2l0ZU5hdi5zZWFyY2gnKX0+XG4gICAgICAgIDxTZWFyY2hJY29uIC8+XG4gICAgICA8L2J1dHRvbj5cbiAgICA8L2Rpdj5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IFNlYXJjaEZpZWxkO1xuIl19 */", process.env.NODE_ENV === "production" ? "" : ";label:StyledInput;");
+}, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlNlYXJjaEZpZWxkLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEwQmtEIiwiZmlsZSI6IlNlYXJjaEZpZWxkLnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qXG4gKiBDb3B5cmlnaHQgKGMpIDIwMTYtcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLlxuICpcbiAqL1xuXG5pbXBvcnQgUmVhY3QsIHsgRm9jdXNFdmVudCwgTW91c2VFdmVudCwgUmVmT2JqZWN0IH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgdXNlVHJhbnNsYXRpb24gfSBmcm9tICdyZWFjdC1pMThuZXh0JztcbmltcG9ydCBCRU1IZWxwZXIgZnJvbSAncmVhY3QtYmVtLWhlbHBlcic7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBTZWFyY2ggYXMgU2VhcmNoSWNvbiB9IGZyb20gJ0BuZGxhL2ljb25zL2NvbW1vbic7XG5pbXBvcnQgeyBjb2xvcnMsIHNwYWNpbmcsIG1xLCBicmVha3BvaW50cywgbWlzYywgZm9udHMgfSBmcm9tICdAbmRsYS9jb3JlJztcblxuaW1wb3J0IEFjdGl2ZUZpbHRlcnMgZnJvbSAnLi9BY3RpdmVGaWx0ZXJzJztcbmltcG9ydCBMb2FkaW5nV3JhcHBlciBmcm9tICcuL0xvYWRpbmdXcmFwcGVyJztcblxuY29uc3QgY2xhc3NlcyA9IG5ldyBCRU1IZWxwZXIoJ2Mtc2VhcmNoLWZpZWxkJyk7XG5cbmludGVyZmFjZSBTdHlsZWRJbnB1dFByb3BzIHtcbiAgZnJvbnRQYWdlU2VhcmNoPzogYm9vbGVhbjtcbiAgaGFzRmlsdGVycz86IGJvb2xlYW47XG59XG5cbmNvbnN0IFN0eWxlZElucHV0ID0gc3R5bGVkLmlucHV0PFN0eWxlZElucHV0UHJvcHM+YFxuICB3aWR0aDogMTAwJTtcbiAgaGVpZ2h0OiA0OHB4O1xuICBsaW5lLWhlaWdodDogMjhweDtcbiAgYm9yZGVyOiAxcHggc29saWQgJHtjb2xvcnMuYnJhbmQuZ3JleUxpZ2h0fTtcbiAgYm9yZGVyLXJhZGl1czogJHsocCkgPT4gKHAuZnJvbnRQYWdlU2VhcmNoID8gJzEwMHB4JyA6IG1pc2MuYm9yZGVyUmFkaXVzKX07XG4gIHBhZGRpbmctcmlnaHQ6ICR7c3BhY2luZy5sYXJnZX07XG4gIHBhZGRpbmctbGVmdDogJHtzcGFjaW5nLm5vcm1hbH07XG4gIGZsZXgtZ3JvdzogMTtcbiAgb3V0bGluZTogMDtcbiAgJjpmb2N1cyxcbiAgJjpob3ZlciB7XG4gICAgYm9yZGVyLWNvbG9yOiAke2NvbG9ycy5icmFuZC5wcmltYXJ5fTtcbiAgfVxuXG4gICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy50YWJsZXQgfSl9IHtcbiAgICBoZWlnaHQ6IDU4cHg7XG4gICAgbGluZS1oZWlnaHQ6IDU4cHg7XG4gICAgJHtmb250cy5zaXplcygnMThweCcsICcyNHB4Jyl9O1xuICB9XG5cbiAgJHsocCkgPT5cbiAgICBwLmhhc0ZpbHRlcnMgJiZcbiAgICBjc3NgXG4gICAgICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMuZGVza3RvcCB9KX0ge1xuICAgICAgICBwYWRkaW5nLWxlZnQ6ICR7c3BhY2luZy5ub3JtYWx9O1xuICAgICAgfVxuICAgICAgcGFkZGluZy1sZWZ0OiAwO1xuICAgICAgYm9yZGVyLWxlZnQ6IDA7XG4gICAgICBib3JkZXItdG9wLWxlZnQtcmFkaXVzOiAwO1xuICAgICAgYm9yZGVyLWJvdHRvbS1sZWZ0LXJhZGl1czogMDtcblxuICAgICAgJjpmb2N1cyB7XG4gICAgICAgIGJvcmRlcjogMXB4IHNvbGlkICR7Y29sb3JzLmJyYW5kLnByaW1hcnl9O1xuICAgICAgICBib3JkZXItbGVmdDogMDtcblxuICAgICAgICAmICsgLmMtc2VhcmNoLWZpZWxkX19maWx0ZXJzIHtcbiAgICAgICAgICBib3JkZXI6IDFweCBzb2xpZCAke2NvbG9ycy5icmFuZC5wcmltYXJ5fTtcbiAgICAgICAgICBib3JkZXItcmlnaHQ6IDA7XG4gICAgICAgIH1cbiAgICAgIH1cbiAgICBgfTtcbmA7XG5cbmludGVyZmFjZSBQcm9wcyB7XG4gIHZhbHVlOiBzdHJpbmc7XG4gIHBsYWNlaG9sZGVyOiBzdHJpbmc7XG4gIG9uQ2hhbmdlOiAodmFsdWU6IHN0cmluZykgPT4gdm9pZDtcbiAgZmlsdGVycz86IHsgdmFsdWU6IHN0cmluZzsgdGl0bGU6IHN0cmluZyB9W107XG4gIG9uRmlsdGVyUmVtb3ZlPzogKHZhbHVlOiBzdHJpbmcsIGZpbHRlck5hbWU/OiBzdHJpbmcpID0+IHZvaWQ7XG4gIG9uRm9jdXM/OiAoZXZlbnQ/OiBGb2N1c0V2ZW50PEhUTUxJbnB1dEVsZW1lbnQ+KSA9PiB2b2lkO1xuICBvbkJsdXI/OiAoKSA9PiB2b2lkO1xuICBvbkNsaWNrPzogKGV2ZW50OiBNb3VzZUV2ZW50PEhUTUxJbnB1dEVsZW1lbnQ+KSA9PiB2b2lkO1xuICBsb2FkaW5nPzogYm9vbGVhbjtcbiAgaW5wdXRSZWY/OiBSZWZPYmplY3Q8SFRNTElucHV0RWxlbWVudD47XG4gIGZyb250UGFnZVNlYXJjaD86IGJvb2xlYW47XG59XG5cbmNvbnN0IFNlYXJjaEZpZWxkID0gKHtcbiAgcGxhY2Vob2xkZXIsXG4gIHZhbHVlLFxuICBvbkNoYW5nZSxcbiAgZmlsdGVycyxcbiAgb25DbGljayxcbiAgb25Gb2N1cyxcbiAgb25CbHVyLFxuICBsb2FkaW5nLFxuICBvbkZpbHRlclJlbW92ZSxcbiAgaW5wdXRSZWYsXG4gIGZyb250UGFnZVNlYXJjaCA9IGZhbHNlLFxufTogUHJvcHMpID0+IHtcbiAgY29uc3QgeyB0IH0gPSB1c2VUcmFuc2xhdGlvbigpO1xuICBjb25zdCBoYW5kbGVPbkZpbHRlclJlbW92ZSA9ICh2YWx1ZTogc3RyaW5nLCBmaWx0ZXJOYW1lPzogc3RyaW5nKSA9PiB7XG4gICAgb25GaWx0ZXJSZW1vdmU/Lih2YWx1ZSwgZmlsdGVyTmFtZSk7XG4gICAgaW5wdXRSZWY/LmN1cnJlbnQ/LmZvY3VzKCk7XG4gICAgb25Gb2N1cz8uKCk7XG4gIH07XG4gIHJldHVybiAoXG4gICAgPGRpdiB7Li4uY2xhc3NlcygnaW5wdXQtd3JhcHBlcicpfT5cbiAgICAgIHtsb2FkaW5nICYmIDxMb2FkaW5nV3JhcHBlciB2YWx1ZT17dmFsdWV9IC8+fVxuICAgICAgPFN0eWxlZElucHV0XG4gICAgICAgIGZyb250UGFnZVNlYXJjaD17ZnJvbnRQYWdlU2VhcmNofVxuICAgICAgICBoYXNGaWx0ZXJzPXshIWZpbHRlcnM/Lmxlbmd0aH1cbiAgICAgICAgcmVmPXtpbnB1dFJlZn1cbiAgICAgICAgdHlwZT1cInNlYXJjaFwiXG4gICAgICAgIGFyaWEtYXV0b2NvbXBsZXRlPVwibGlzdFwiXG4gICAgICAgIGF1dG9Db21wbGV0ZT1cIm9mZlwiXG4gICAgICAgIGlkPVwic2VhcmNoXCJcbiAgICAgICAgbmFtZT1cInNlYXJjaFwiXG4gICAgICAgIHBsYWNlaG9sZGVyPXtwbGFjZWhvbGRlcn1cbiAgICAgICAgYXJpYS1sYWJlbD17cGxhY2Vob2xkZXJ9XG4gICAgICAgIHZhbHVlPXt2YWx1ZX1cbiAgICAgICAgb25DaGFuZ2U9eyhlKSA9PiBvbkNoYW5nZShlLnRhcmdldC52YWx1ZSl9XG4gICAgICAgIG9uQmx1cj17b25CbHVyfVxuICAgICAgICBvbkZvY3VzPXtvbkZvY3VzfVxuICAgICAgICBvbkNsaWNrPXtvbkNsaWNrfVxuICAgICAgLz5cbiAgICAgIHtmaWx0ZXJzICYmIGZpbHRlcnMubGVuZ3RoID4gMCAmJiAoXG4gICAgICAgIDxkaXYgey4uLmNsYXNzZXMoJ2ZpbHRlcnMnKX0+XG4gICAgICAgICAgPEFjdGl2ZUZpbHRlcnMgZmlsdGVycz17ZmlsdGVyc30gb25GaWx0ZXJSZW1vdmU9e2hhbmRsZU9uRmlsdGVyUmVtb3ZlfSAvPlxuICAgICAgICA8L2Rpdj5cbiAgICAgICl9XG4gICAgICB7dmFsdWUgIT09ICcnICYmIChcbiAgICAgICAgPGJ1dHRvblxuICAgICAgICAgIHsuLi5jbGFzc2VzKCdidXR0b24nLCAnY2xvc2UnKX1cbiAgICAgICAgICB0eXBlPVwiYnV0dG9uXCJcbiAgICAgICAgICBvbkNsaWNrPXsoKSA9PiB7XG4gICAgICAgICAgICBvbkNoYW5nZSgnJyk7XG4gICAgICAgICAgICBvbkZvY3VzPy4oKTtcbiAgICAgICAgICAgIGlucHV0UmVmPy5jdXJyZW50Py5mb2N1cygpO1xuICAgICAgICAgIH19XG4gICAgICAgICAgb25CbHVyPXtvbkJsdXJ9PlxuICAgICAgICAgIHt0KCd3ZWxjb21lUGFnZS5yZXNldFNlYXJjaCcpfVxuICAgICAgICA8L2J1dHRvbj5cbiAgICAgICl9XG4gICAgICA8YnV0dG9uXG4gICAgICAgIHRhYkluZGV4PXstMX1cbiAgICAgICAgey4uLmNsYXNzZXMoJ2J1dHRvbicsICdzZWFyY2hJY29uJyl9XG4gICAgICAgIHR5cGU9XCJzdWJtaXRcIlxuICAgICAgICB2YWx1ZT1cIlNlYXJjaFwiXG4gICAgICAgIGFyaWEtbGFiZWw9e3QoJ3NpdGVOYXYuc2VhcmNoJyl9PlxuICAgICAgICA8U2VhcmNoSWNvbiAvPlxuICAgICAgPC9idXR0b24+XG4gICAgPC9kaXY+XG4gICk7XG59O1xuXG5leHBvcnQgZGVmYXVsdCBTZWFyY2hGaWVsZDtcbiJdfQ== */"));
 
 var SearchField = function SearchField(_ref) {
   var placeholder = _ref.placeholder,
@@ -66,9 +72,9 @@ var SearchField = function SearchField(_ref) {
     onFocus === null || onFocus === void 0 ? void 0 : onFocus();
   };
 
-  return (0, _core.jsx)("div", classes('input-wrapper'), loading && (0, _core.jsx)(_LoadingWrapper["default"], {
+  return (0, _react2.jsx)("div", classes('input-wrapper'), loading && (0, _react2.jsx)(_LoadingWrapper["default"], {
     value: value
-  }), (0, _core.jsx)(StyledInput, {
+  }), (0, _react2.jsx)(StyledInput, {
     frontPageSearch: frontPageSearch,
     hasFilters: !!(filters === null || filters === void 0 ? void 0 : filters.length),
     ref: inputRef,
@@ -86,10 +92,10 @@ var SearchField = function SearchField(_ref) {
     onBlur: onBlur,
     onFocus: onFocus,
     onClick: onClick
-  }), filters && filters.length > 0 && (0, _core.jsx)("div", classes('filters'), (0, _core.jsx)(_ActiveFilters["default"], {
+  }), filters && filters.length > 0 && (0, _react2.jsx)("div", classes('filters'), (0, _react2.jsx)(_ActiveFilters["default"], {
     filters: filters,
     onFilterRemove: handleOnFilterRemove
-  })), value !== '' && (0, _core.jsx)("button", _extends({}, classes('button', 'close'), {
+  })), value !== '' && (0, _react2.jsx)("button", _extends({}, classes('button', 'close'), {
     type: "button",
     onClick: function onClick() {
       var _inputRef$current2;
@@ -100,13 +106,13 @@ var SearchField = function SearchField(_ref) {
       inputRef === null || inputRef === void 0 ? void 0 : (_inputRef$current2 = inputRef.current) === null || _inputRef$current2 === void 0 ? void 0 : _inputRef$current2.focus();
     },
     onBlur: onBlur
-  }), t('welcomePage.resetSearch')), (0, _core.jsx)("button", _extends({
+  }), t('welcomePage.resetSearch')), (0, _react2.jsx)("button", _extends({
     tabIndex: -1
   }, classes('button', 'searchIcon'), {
     type: "submit",
     value: "Search",
     "aria-label": t('siteNav.search')
-  }), (0, _core.jsx)(_common.Search, null)));
+  }), (0, _react2.jsx)(_common.Search, null)));
 };
 
 var _default = SearchField;

package/lib/Search/SearchFieldForm.d.ts

@@ -4,5 +4,5 @@ interface Props {
     inputHasFocus?: boolean;
     onSubmit?: (event: FormEvent) => void;
 }
-export declare const SearchFieldForm: ({ children, inputHasFocus, onSubmit }: Props) => JSX.Element;
+export declare const SearchFieldForm: ({ children, inputHasFocus, onSubmit }: Props) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
 export {};

package/lib/Search/SearchFieldForm.js

@@ -5,31 +5,41 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.SearchFieldForm = void 0;
 
-var _styledBase = _interopRequireDefault(require("@emotion/styled-base"));
+var _base = _interopRequireDefault(require("@emotion/styled/base"));
 
 var _react = _interopRequireDefault(require("react"));
 
-var _core = require("@emotion/core");
+var _react2 = require("@emotion/react");
 
-var _core2 = require("@ndla/core");
+var _core = require("@ndla/core");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
-var hasFocusStyles = /*#__PURE__*/(0, _core.css)(".c-search-field__search-result{left:0px;@supports (-webkit-overflow-scrolling:touch){padding-bottom:300px;}}display:flex;align-self:flex-start;align-items:center;z-index:9001;", _core2.mq.range({
-  until: _core2.breakpoints.tablet
-}), "{position:fixed;display:block;top:0;left:0;right:0;padding:", _core2.spacing.small, ";z-index:9001;.c-search-field__search-result{width:100vw;}};label:hasFocusStyles;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlNlYXJjaEZpZWxkRm9ybS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZTBCIiwiZmlsZSI6IlNlYXJjaEZpZWxkRm9ybS50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgRm9ybUV2ZW50LCBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9jb3JlJztcbmltcG9ydCB7IHNwYWNpbmcsIG1xLCBicmVha3BvaW50cyB9IGZyb20gJ0BuZGxhL2NvcmUnO1xuXG5pbnRlcmZhY2UgUHJvcHMge1xuICBjaGlsZHJlbjogUmVhY3ROb2RlO1xuICBpbnB1dEhhc0ZvY3VzPzogYm9vbGVhbjtcbiAgb25TdWJtaXQ/OiAoZXZlbnQ6IEZvcm1FdmVudCkgPT4gdm9pZDtcbn1cblxudHlwZSBTdHlsZWRQcm9wcyA9IHtcbiAgaW5wdXRIYXNGb2N1cz86IGJvb2xlYW47XG59O1xuXG5jb25zdCBoYXNGb2N1c1N0eWxlcyA9IGNzc2BcbiAgLmMtc2VhcmNoLWZpZWxkX19zZWFyY2gtcmVzdWx0IHtcbiAgICBsZWZ0OiAwcHg7XG4gICAgQHN1cHBvcnRzICgtd2Via2l0LW92ZXJmbG93LXNjcm9sbGluZzogdG91Y2gpIHtcbiAgICAgIHBhZGRpbmctYm90dG9tOiAzMDBweDtcbiAgICB9XG4gIH1cbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24tc2VsZjogZmxleC1zdGFydDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgei1pbmRleDogOTAwMTtcbiAgJHttcS5yYW5nZSh7IHVudGlsOiBicmVha3BvaW50cy50YWJsZXQgfSl9IHtcbiAgICBwb3NpdGlvbjogZml4ZWQ7XG4gICAgZGlzcGxheTogYmxvY2s7XG4gICAgdG9wOiAwO1xuICAgIGxlZnQ6IDA7XG4gICAgcmlnaHQ6IDA7XG4gICAgcGFkZGluZzogJHtzcGFjaW5nLnNtYWxsfTtcbiAgICB6LWluZGV4OiA5MDAxO1xuICAgIC5jLXNlYXJjaC1maWVsZF9fc2VhcmNoLXJlc3VsdCB7XG4gICAgICB3aWR0aDogMTAwdnc7XG4gICAgfVxuICB9XG5gO1xuXG5jb25zdCBTdHlsZWRGb3JtID0gc3R5bGVkLmZvcm08U3R5bGVkUHJvcHM+YFxuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICB0ZXh0LWFsaWduOiBsZWZ0O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgd2lkdGg6IDEwMCU7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgPiBkaXYge1xuICAgIHBhZGRpbmc6IDA7XG4gIH1cbiAgJHsocHJvcHMpID0+XG4gICAgcHJvcHMuaW5wdXRIYXNGb2N1cyAmJlxuICAgIGNzc2BcbiAgICAgICR7aGFzRm9jdXNTdHlsZXN9XG4gICAgYH1cbmA7XG5cbmV4cG9ydCBjb25zdCBTZWFyY2hGaWVsZEZvcm0gPSAoeyBjaGlsZHJlbiwgaW5wdXRIYXNGb2N1cywgb25TdWJtaXQgfTogUHJvcHMpID0+IHtcbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkRm9ybSByb2xlPVwic2VhcmNoXCIgYWN0aW9uPVwiL3NlYXJjaC9cIiBpbnB1dEhhc0ZvY3VzPXtpbnB1dEhhc0ZvY3VzfSBvblN1Ym1pdD17b25TdWJtaXR9PlxuICAgICAge2NoaWxkcmVufVxuICAgIDwvU3R5bGVkRm9ybT5cbiAgKTtcbn07XG4iXX0= */"));
-var StyledForm = (0, _styledBase["default"])("form", {
+var hasFocusStyles =
+/*#__PURE__*/
+
+/*#__PURE__*/
+(0, _react2.css)(".c-search-field__search-result{left:0px;@supports (-webkit-overflow-scrolling: touch){padding-bottom:300px;}}display:flex;align-self:flex-start;align-items:center;z-index:9001;", _core.mq.range({
+  until: _core.breakpoints.tablet
+}), "{position:fixed;display:block;top:0;left:0;right:0;padding:", _core.spacing.small, ";z-index:9001;.c-search-field__search-result{width:100vw;}}" + (process.env.NODE_ENV === "production" ? "" : ";label:hasFocusStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlNlYXJjaEZpZWxkRm9ybS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZTBCIiwiZmlsZSI6IlNlYXJjaEZpZWxkRm9ybS50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgRm9ybUV2ZW50LCBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyBzcGFjaW5nLCBtcSwgYnJlYWtwb2ludHMgfSBmcm9tICdAbmRsYS9jb3JlJztcblxuaW50ZXJmYWNlIFByb3BzIHtcbiAgY2hpbGRyZW46IFJlYWN0Tm9kZTtcbiAgaW5wdXRIYXNGb2N1cz86IGJvb2xlYW47XG4gIG9uU3VibWl0PzogKGV2ZW50OiBGb3JtRXZlbnQpID0+IHZvaWQ7XG59XG5cbnR5cGUgU3R5bGVkUHJvcHMgPSB7XG4gIGlucHV0SGFzRm9jdXM/OiBib29sZWFuO1xufTtcblxuY29uc3QgaGFzRm9jdXNTdHlsZXMgPSBjc3NgXG4gIC5jLXNlYXJjaC1maWVsZF9fc2VhcmNoLXJlc3VsdCB7XG4gICAgbGVmdDogMHB4O1xuICAgIEBzdXBwb3J0cyAoLXdlYmtpdC1vdmVyZmxvdy1zY3JvbGxpbmc6IHRvdWNoKSB7XG4gICAgICBwYWRkaW5nLWJvdHRvbTogMzAwcHg7XG4gICAgfVxuICB9XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLXNlbGY6IGZsZXgtc3RhcnQ7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIHotaW5kZXg6IDkwMDE7XG4gICR7bXEucmFuZ2UoeyB1bnRpbDogYnJlYWtwb2ludHMudGFibGV0IH0pfSB7XG4gICAgcG9zaXRpb246IGZpeGVkO1xuICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgIHRvcDogMDtcbiAgICBsZWZ0OiAwO1xuICAgIHJpZ2h0OiAwO1xuICAgIHBhZGRpbmc6ICR7c3BhY2luZy5zbWFsbH07XG4gICAgei1pbmRleDogOTAwMTtcbiAgICAuYy1zZWFyY2gtZmllbGRfX3NlYXJjaC1yZXN1bHQge1xuICAgICAgd2lkdGg6IDEwMHZ3O1xuICAgIH1cbiAgfVxuYDtcblxuY29uc3QgU3R5bGVkRm9ybSA9IHN0eWxlZC5mb3JtPFN0eWxlZFByb3BzPmBcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgdGV4dC1hbGlnbjogbGVmdDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIHdpZHRoOiAxMDAlO1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gID4gZGl2IHtcbiAgICBwYWRkaW5nOiAwO1xuICB9XG4gICR7KHByb3BzKSA9PlxuICAgIHByb3BzLmlucHV0SGFzRm9jdXMgJiZcbiAgICBjc3NgXG4gICAgICAke2hhc0ZvY3VzU3R5bGVzfVxuICAgIGB9XG5gO1xuXG5leHBvcnQgY29uc3QgU2VhcmNoRmllbGRGb3JtID0gKHsgY2hpbGRyZW4sIGlucHV0SGFzRm9jdXMsIG9uU3VibWl0IH06IFByb3BzKSA9PiB7XG4gIHJldHVybiAoXG4gICAgPFN0eWxlZEZvcm0gcm9sZT1cInNlYXJjaFwiIGFjdGlvbj1cIi9zZWFyY2gvXCIgaW5wdXRIYXNGb2N1cz17aW5wdXRIYXNGb2N1c30gb25TdWJtaXQ9e29uU3VibWl0fT5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L1N0eWxlZEZvcm0+XG4gICk7XG59O1xuIl19 */", process.env.NODE_ENV === "production" ? "" : ";label:hasFocusStyles;");
+var StyledForm = /*#__PURE__*/(0, _base["default"])("form", process.env.NODE_ENV === "production" ? {
+  target: "e13qb2ge0"
+} : {
   target: "e13qb2ge0",
   label: "StyledForm"
-})("display:flex;align-items:center;text-align:left;flex-direction:column;justify-content:center;width:100%;position:relative;> div{padding:0;}", function (props) {
-  return props.inputHasFocus && /*#__PURE__*/(0, _core.css)(hasFocusStyles, ";label:StyledForm;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlNlYXJjaEZpZWxkRm9ybS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBcURPIiwiZmlsZSI6IlNlYXJjaEZpZWxkRm9ybS50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgRm9ybUV2ZW50LCBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9jb3JlJztcbmltcG9ydCB7IHNwYWNpbmcsIG1xLCBicmVha3BvaW50cyB9IGZyb20gJ0BuZGxhL2NvcmUnO1xuXG5pbnRlcmZhY2UgUHJvcHMge1xuICBjaGlsZHJlbjogUmVhY3ROb2RlO1xuICBpbnB1dEhhc0ZvY3VzPzogYm9vbGVhbjtcbiAgb25TdWJtaXQ/OiAoZXZlbnQ6IEZvcm1FdmVudCkgPT4gdm9pZDtcbn1cblxudHlwZSBTdHlsZWRQcm9wcyA9IHtcbiAgaW5wdXRIYXNGb2N1cz86IGJvb2xlYW47XG59O1xuXG5jb25zdCBoYXNGb2N1c1N0eWxlcyA9IGNzc2BcbiAgLmMtc2VhcmNoLWZpZWxkX19zZWFyY2gtcmVzdWx0IHtcbiAgICBsZWZ0OiAwcHg7XG4gICAgQHN1cHBvcnRzICgtd2Via2l0LW92ZXJmbG93LXNjcm9sbGluZzogdG91Y2gpIHtcbiAgICAgIHBhZGRpbmctYm90dG9tOiAzMDBweDtcbiAgICB9XG4gIH1cbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24tc2VsZjogZmxleC1zdGFydDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgei1pbmRleDogOTAwMTtcbiAgJHttcS5yYW5nZSh7IHVudGlsOiBicmVha3BvaW50cy50YWJsZXQgfSl9IHtcbiAgICBwb3NpdGlvbjogZml4ZWQ7XG4gICAgZGlzcGxheTogYmxvY2s7XG4gICAgdG9wOiAwO1xuICAgIGxlZnQ6IDA7XG4gICAgcmlnaHQ6IDA7XG4gICAgcGFkZGluZzogJHtzcGFjaW5nLnNtYWxsfTtcbiAgICB6LWluZGV4OiA5MDAxO1xuICAgIC5jLXNlYXJjaC1maWVsZF9fc2VhcmNoLXJlc3VsdCB7XG4gICAgICB3aWR0aDogMTAwdnc7XG4gICAgfVxuICB9XG5gO1xuXG5jb25zdCBTdHlsZWRGb3JtID0gc3R5bGVkLmZvcm08U3R5bGVkUHJvcHM+YFxuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICB0ZXh0LWFsaWduOiBsZWZ0O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgd2lkdGg6IDEwMCU7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgPiBkaXYge1xuICAgIHBhZGRpbmc6IDA7XG4gIH1cbiAgJHsocHJvcHMpID0+XG4gICAgcHJvcHMuaW5wdXRIYXNGb2N1cyAmJlxuICAgIGNzc2BcbiAgICAgICR7aGFzRm9jdXNTdHlsZXN9XG4gICAgYH1cbmA7XG5cbmV4cG9ydCBjb25zdCBTZWFyY2hGaWVsZEZvcm0gPSAoeyBjaGlsZHJlbiwgaW5wdXRIYXNGb2N1cywgb25TdWJtaXQgfTogUHJvcHMpID0+IHtcbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkRm9ybSByb2xlPVwic2VhcmNoXCIgYWN0aW9uPVwiL3NlYXJjaC9cIiBpbnB1dEhhc0ZvY3VzPXtpbnB1dEhhc0ZvY3VzfSBvblN1Ym1pdD17b25TdWJtaXR9PlxuICAgICAge2NoaWxkcmVufVxuICAgIDwvU3R5bGVkRm9ybT5cbiAgKTtcbn07XG4iXX0= */"));
-}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlNlYXJjaEZpZWxkRm9ybS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBd0MyQyIsImZpbGUiOiJTZWFyY2hGaWVsZEZvcm0udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IEZvcm1FdmVudCwgUmVhY3ROb2RlIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vY29yZSc7XG5pbXBvcnQgeyBzcGFjaW5nLCBtcSwgYnJlYWtwb2ludHMgfSBmcm9tICdAbmRsYS9jb3JlJztcblxuaW50ZXJmYWNlIFByb3BzIHtcbiAgY2hpbGRyZW46IFJlYWN0Tm9kZTtcbiAgaW5wdXRIYXNGb2N1cz86IGJvb2xlYW47XG4gIG9uU3VibWl0PzogKGV2ZW50OiBGb3JtRXZlbnQpID0+IHZvaWQ7XG59XG5cbnR5cGUgU3R5bGVkUHJvcHMgPSB7XG4gIGlucHV0SGFzRm9jdXM/OiBib29sZWFuO1xufTtcblxuY29uc3QgaGFzRm9jdXNTdHlsZXMgPSBjc3NgXG4gIC5jLXNlYXJjaC1maWVsZF9fc2VhcmNoLXJlc3VsdCB7XG4gICAgbGVmdDogMHB4O1xuICAgIEBzdXBwb3J0cyAoLXdlYmtpdC1vdmVyZmxvdy1zY3JvbGxpbmc6IHRvdWNoKSB7XG4gICAgICBwYWRkaW5nLWJvdHRvbTogMzAwcHg7XG4gICAgfVxuICB9XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLXNlbGY6IGZsZXgtc3RhcnQ7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIHotaW5kZXg6IDkwMDE7XG4gICR7bXEucmFuZ2UoeyB1bnRpbDogYnJlYWtwb2ludHMudGFibGV0IH0pfSB7XG4gICAgcG9zaXRpb246IGZpeGVkO1xuICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgIHRvcDogMDtcbiAgICBsZWZ0OiAwO1xuICAgIHJpZ2h0OiAwO1xuICAgIHBhZGRpbmc6ICR7c3BhY2luZy5zbWFsbH07XG4gICAgei1pbmRleDogOTAwMTtcbiAgICAuYy1zZWFyY2gtZmllbGRfX3NlYXJjaC1yZXN1bHQge1xuICAgICAgd2lkdGg6IDEwMHZ3O1xuICAgIH1cbiAgfVxuYDtcblxuY29uc3QgU3R5bGVkRm9ybSA9IHN0eWxlZC5mb3JtPFN0eWxlZFByb3BzPmBcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgdGV4dC1hbGlnbjogbGVmdDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIHdpZHRoOiAxMDAlO1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gID4gZGl2IHtcbiAgICBwYWRkaW5nOiAwO1xuICB9XG4gICR7KHByb3BzKSA9PlxuICAgIHByb3BzLmlucHV0SGFzRm9jdXMgJiZcbiAgICBjc3NgXG4gICAgICAke2hhc0ZvY3VzU3R5bGVzfVxuICAgIGB9XG5gO1xuXG5leHBvcnQgY29uc3QgU2VhcmNoRmllbGRGb3JtID0gKHsgY2hpbGRyZW4sIGlucHV0SGFzRm9jdXMsIG9uU3VibWl0IH06IFByb3BzKSA9PiB7XG4gIHJldHVybiAoXG4gICAgPFN0eWxlZEZvcm0gcm9sZT1cInNlYXJjaFwiIGFjdGlvbj1cIi9zZWFyY2gvXCIgaW5wdXRIYXNGb2N1cz17aW5wdXRIYXNGb2N1c30gb25TdWJtaXQ9e29uU3VibWl0fT5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L1N0eWxlZEZvcm0+XG4gICk7XG59O1xuIl19 */");
+})("display:flex;align-items:center;text-align:left;flex-direction:column;justify-content:center;width:100%;position:relative;>div{padding:0;}", function (props) {
+  return props.inputHasFocus &&
+  /*#__PURE__*/
+
+  /*#__PURE__*/
+  (0, _react2.css)(hasFocusStyles, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:StyledForm;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlNlYXJjaEZpZWxkRm9ybS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBcURPIiwiZmlsZSI6IlNlYXJjaEZpZWxkRm9ybS50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgRm9ybUV2ZW50LCBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyBzcGFjaW5nLCBtcSwgYnJlYWtwb2ludHMgfSBmcm9tICdAbmRsYS9jb3JlJztcblxuaW50ZXJmYWNlIFByb3BzIHtcbiAgY2hpbGRyZW46IFJlYWN0Tm9kZTtcbiAgaW5wdXRIYXNGb2N1cz86IGJvb2xlYW47XG4gIG9uU3VibWl0PzogKGV2ZW50OiBGb3JtRXZlbnQpID0+IHZvaWQ7XG59XG5cbnR5cGUgU3R5bGVkUHJvcHMgPSB7XG4gIGlucHV0SGFzRm9jdXM/OiBib29sZWFuO1xufTtcblxuY29uc3QgaGFzRm9jdXNTdHlsZXMgPSBjc3NgXG4gIC5jLXNlYXJjaC1maWVsZF9fc2VhcmNoLXJlc3VsdCB7XG4gICAgbGVmdDogMHB4O1xuICAgIEBzdXBwb3J0cyAoLXdlYmtpdC1vdmVyZmxvdy1zY3JvbGxpbmc6IHRvdWNoKSB7XG4gICAgICBwYWRkaW5nLWJvdHRvbTogMzAwcHg7XG4gICAgfVxuICB9XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLXNlbGY6IGZsZXgtc3RhcnQ7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIHotaW5kZXg6IDkwMDE7XG4gICR7bXEucmFuZ2UoeyB1bnRpbDogYnJlYWtwb2ludHMudGFibGV0IH0pfSB7XG4gICAgcG9zaXRpb246IGZpeGVkO1xuICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgIHRvcDogMDtcbiAgICBsZWZ0OiAwO1xuICAgIHJpZ2h0OiAwO1xuICAgIHBhZGRpbmc6ICR7c3BhY2luZy5zbWFsbH07XG4gICAgei1pbmRleDogOTAwMTtcbiAgICAuYy1zZWFyY2gtZmllbGRfX3NlYXJjaC1yZXN1bHQge1xuICAgICAgd2lkdGg6IDEwMHZ3O1xuICAgIH1cbiAgfVxuYDtcblxuY29uc3QgU3R5bGVkRm9ybSA9IHN0eWxlZC5mb3JtPFN0eWxlZFByb3BzPmBcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgdGV4dC1hbGlnbjogbGVmdDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIHdpZHRoOiAxMDAlO1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gID4gZGl2IHtcbiAgICBwYWRkaW5nOiAwO1xuICB9XG4gICR7KHByb3BzKSA9PlxuICAgIHByb3BzLmlucHV0SGFzRm9jdXMgJiZcbiAgICBjc3NgXG4gICAgICAke2hhc0ZvY3VzU3R5bGVzfVxuICAgIGB9XG5gO1xuXG5leHBvcnQgY29uc3QgU2VhcmNoRmllbGRGb3JtID0gKHsgY2hpbGRyZW4sIGlucHV0SGFzRm9jdXMsIG9uU3VibWl0IH06IFByb3BzKSA9PiB7XG4gIHJldHVybiAoXG4gICAgPFN0eWxlZEZvcm0gcm9sZT1cInNlYXJjaFwiIGFjdGlvbj1cIi9zZWFyY2gvXCIgaW5wdXRIYXNGb2N1cz17aW5wdXRIYXNGb2N1c30gb25TdWJtaXQ9e29uU3VibWl0fT5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L1N0eWxlZEZvcm0+XG4gICk7XG59O1xuIl19 */", process.env.NODE_ENV === "production" ? "" : ";label:StyledForm;");
+}, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlNlYXJjaEZpZWxkRm9ybS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBd0MyQyIsImZpbGUiOiJTZWFyY2hGaWVsZEZvcm0udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IEZvcm1FdmVudCwgUmVhY3ROb2RlIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgc3BhY2luZywgbXEsIGJyZWFrcG9pbnRzIH0gZnJvbSAnQG5kbGEvY29yZSc7XG5cbmludGVyZmFjZSBQcm9wcyB7XG4gIGNoaWxkcmVuOiBSZWFjdE5vZGU7XG4gIGlucHV0SGFzRm9jdXM/OiBib29sZWFuO1xuICBvblN1Ym1pdD86IChldmVudDogRm9ybUV2ZW50KSA9PiB2b2lkO1xufVxuXG50eXBlIFN0eWxlZFByb3BzID0ge1xuICBpbnB1dEhhc0ZvY3VzPzogYm9vbGVhbjtcbn07XG5cbmNvbnN0IGhhc0ZvY3VzU3R5bGVzID0gY3NzYFxuICAuYy1zZWFyY2gtZmllbGRfX3NlYXJjaC1yZXN1bHQge1xuICAgIGxlZnQ6IDBweDtcbiAgICBAc3VwcG9ydHMgKC13ZWJraXQtb3ZlcmZsb3ctc2Nyb2xsaW5nOiB0b3VjaCkge1xuICAgICAgcGFkZGluZy1ib3R0b206IDMwMHB4O1xuICAgIH1cbiAgfVxuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1zZWxmOiBmbGV4LXN0YXJ0O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICB6LWluZGV4OiA5MDAxO1xuICAke21xLnJhbmdlKHsgdW50aWw6IGJyZWFrcG9pbnRzLnRhYmxldCB9KX0ge1xuICAgIHBvc2l0aW9uOiBmaXhlZDtcbiAgICBkaXNwbGF5OiBibG9jaztcbiAgICB0b3A6IDA7XG4gICAgbGVmdDogMDtcbiAgICByaWdodDogMDtcbiAgICBwYWRkaW5nOiAke3NwYWNpbmcuc21hbGx9O1xuICAgIHotaW5kZXg6IDkwMDE7XG4gICAgLmMtc2VhcmNoLWZpZWxkX19zZWFyY2gtcmVzdWx0IHtcbiAgICAgIHdpZHRoOiAxMDB2dztcbiAgICB9XG4gIH1cbmA7XG5cbmNvbnN0IFN0eWxlZEZvcm0gPSBzdHlsZWQuZm9ybTxTdHlsZWRQcm9wcz5gXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIHRleHQtYWxpZ246IGxlZnQ7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICB3aWR0aDogMTAwJTtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICA+IGRpdiB7XG4gICAgcGFkZGluZzogMDtcbiAgfVxuICAkeyhwcm9wcykgPT5cbiAgICBwcm9wcy5pbnB1dEhhc0ZvY3VzICYmXG4gICAgY3NzYFxuICAgICAgJHtoYXNGb2N1c1N0eWxlc31cbiAgICBgfVxuYDtcblxuZXhwb3J0IGNvbnN0IFNlYXJjaEZpZWxkRm9ybSA9ICh7IGNoaWxkcmVuLCBpbnB1dEhhc0ZvY3VzLCBvblN1Ym1pdCB9OiBQcm9wcykgPT4ge1xuICByZXR1cm4gKFxuICAgIDxTdHlsZWRGb3JtIHJvbGU9XCJzZWFyY2hcIiBhY3Rpb249XCIvc2VhcmNoL1wiIGlucHV0SGFzRm9jdXM9e2lucHV0SGFzRm9jdXN9IG9uU3VibWl0PXtvblN1Ym1pdH0+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgPC9TdHlsZWRGb3JtPlxuICApO1xufTtcbiJdfQ== */"));
 
 var SearchFieldForm = function SearchFieldForm(_ref) {
   var children = _ref.children,
       inputHasFocus = _ref.inputHasFocus,
       onSubmit = _ref.onSubmit;
-  return (0, _core.jsx)(StyledForm, {
+  return (0, _react2.jsx)(StyledForm, {
     role: "search",
     action: "/search/",
     inputHasFocus: inputHasFocus,

package/lib/Search/SearchResult.d.ts

@@ -27,10 +27,10 @@ interface SearchResultItemProps {
     additionalContentTooltip: string;
     item: ItemType;
 }
-export declare const SearchResultItem: ({ item, subjectsLabel, additionalContentTooltip, children, }: SearchResultItemProps) => JSX.Element;
+export declare const SearchResultItem: ({ item, subjectsLabel, additionalContentTooltip, children, }: SearchResultItemProps) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
 interface SearchResultListProps {
     loading?: boolean;
     results?: ItemType[];
 }
-export declare const SearchResultList: ({ results, loading }: SearchResultListProps) => JSX.Element;
+export declare const SearchResultList: ({ results, loading }: SearchResultListProps) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
 export {};