@ndla/ui 30.0.2 → 30.0.6

package/lib/SearchTypeResult/components/ItemTopicHeader.js

@@ -7,6 +7,8 @@ exports["default"] = void 0;
 
 var _base = _interopRequireDefault(require("@emotion/styled/base"));
 
+var _jsxRuntime = require("@emotion/react/jsx-runtime");
+
 var _react = _interopRequireDefault(require("react"));
 
 var _reactI18next = require("react-i18next");
@@ -15,33 +17,23 @@ var _core = require("@ndla/core");
 
 var _ContentTypeBadge = _interopRequireDefault(require("../../ContentTypeBadge"));
 
-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 Wrapper = /*#__PURE__*/(0, _base["default"])("div", process.env.NODE_ENV === "production" ? {
-  target: "e1kvpkml3"
-} : {
+var Wrapper = /*#__PURE__*/(0, _base["default"])("div", {
   target: "e1kvpkml3",
   label: "Wrapper"
 })("padding:", _core.spacing.small, " ", _core.spacing.normal, ";position:relative;min-height:0;flex:1;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkl0ZW1Ub3BpY0hlYWRlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBaUIwQiIsImZpbGUiOiJJdGVtVG9waWNIZWFkZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDb3B5cmlnaHQgKGMpIDIwMjEtcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLlxuICpcbiAqL1xuXG5pbXBvcnQgUmVhY3QsIHsgUmVhY3ROb2RlIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgdXNlVHJhbnNsYXRpb24gfSBmcm9tICdyZWFjdC1pMThuZXh0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGNvbG9ycywgZm9udHMsIHNwYWNpbmcgfSBmcm9tICdAbmRsYS9jb3JlJztcblxuaW1wb3J0IHsgU2VhcmNoSXRlbVR5cGUgfSBmcm9tICcuLi9TZWFyY2hJdGVtJztcbmltcG9ydCBDb250ZW50VHlwZUJhZGdlIGZyb20gJy4uLy4uL0NvbnRlbnRUeXBlQmFkZ2UnO1xuaW1wb3J0IHsgQ29udGVudFR5cGUgfSBmcm9tICcuLi9TZWFyY2hUeXBlUmVzdWx0JztcblxuY29uc3QgV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIHBhZGRpbmc6ICR7c3BhY2luZy5zbWFsbH0gJHtzcGFjaW5nLm5vcm1hbH07XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgbWluLWhlaWdodDogMDtcbiAgZmxleDogMTtcbmA7XG5cbmNvbnN0IExhYmVsID0gc3R5bGVkLmRpdmBcbiAgJHtmb250cy5zaXplcygnMTJweCcsICcxNnB4Jyl9O1xuICBmb250LXdlaWdodDogJHtmb250cy53ZWlnaHQuc2VtaWJvbGR9O1xuICBoZWlnaHQ6IDI2cHg7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIG1hcmdpbi10b3A6ICR7c3BhY2luZy5zbWFsbH07XG5cbiAgLmMtY29udGVudC10eXBlLWJhZGdlIHtcbiAgICB3aWR0aDogMjZweDtcbiAgICBoZWlnaHQ6IDI2cHg7XG4gICAgbWFyZ2luLXJpZ2h0OiAke3NwYWNpbmcueHNtYWxsfTtcbiAgfVxuXG4gIHN2ZyB7XG4gICAgd2lkdGg6IDIycHg7XG4gICAgaGVpZ2h0OiAyMnB4O1xuICAgIGNvbG9yOiAke2NvbG9ycy50ZXh0LnByaW1hcnl9ICFpbXBvcnRhbnQ7XG4gIH1cbmA7XG5cbmNvbnN0IFRvcGljSGVhZGVyVmlzdWFsRWxlbWVudFdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBmbG9hdDogcmlnaHQ7XG4gIG1hcmdpbi1sZWZ0OiAke3NwYWNpbmcuc21hbGx9O1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIHdpZHRoOiAxMTJweDtcbiAgaGVpZ2h0OiAxMTJweDtcbiAgZGlzcGxheTogZmxleDtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIG92ZXJmbG93OiBoaWRkZW47XG4gIGJvcmRlci1yYWRpdXM6IDUwJTtcbmA7XG5cbmNvbnN0IFRvcGljSGVhZGVySW1hZ2UgPSBzdHlsZWQuaW1nYFxuICB3aWR0aDogMTAwJTtcbiAgaGVpZ2h0OiAxMDAlO1xuICBvYmplY3QtZml0OiBjb3ZlcjtcbiAgbWF4LXdpZHRoOiB1bnNldDtcbmA7XG5cbnR5cGUgUHJvcHMgPSB7XG4gIGNoaWxkcmVuOiBSZWFjdE5vZGU7XG4gIGltYWdlPzogU2VhcmNoSXRlbVR5cGVbJ2l0ZW0nXVsnaW1nJ10gfCBudWxsO1xuICB0eXBlPzogQ29udGVudFR5cGU7XG59O1xuY29uc3QgSXRlbVRvcGljSGVhZGVyID0gKHsgY2hpbGRyZW4sIGltYWdlLCB0eXBlIH06IFByb3BzKSA9PiB7XG4gIGNvbnN0IHsgdCB9ID0gdXNlVHJhbnNsYXRpb24oKTtcbiAgcmV0dXJuIChcbiAgICA8V3JhcHBlcj5cbiAgICAgIHtpbWFnZSAmJiAoXG4gICAgICAgIDxUb3BpY0hlYWRlclZpc3VhbEVsZW1lbnRXcmFwcGVyPlxuICAgICAgICAgIDxUb3BpY0hlYWRlckltYWdlIGNsYXNzTmFtZT1cInRvcGljLWhlYWRlci1pbWFnZVwiIHNyYz17aW1hZ2UudXJsfSBhbHQ9e2ltYWdlLmFsdH0gLz5cbiAgICAgICAgPC9Ub3BpY0hlYWRlclZpc3VhbEVsZW1lbnRXcmFwcGVyPlxuICAgICAgKX1cbiAgICAgIDxMYWJlbCBjbGFzc05hbWU9XCJ0b3BpYy1sYWJlbFwiPlxuICAgICAgICB7dHlwZSAmJiAoXG4gICAgICAgICAgPD5cbiAgICAgICAgICAgIDxDb250ZW50VHlwZUJhZGdlIHR5cGU9e3R5cGV9IGJvcmRlcj17ZmFsc2V9IC8+XG4gICAgICAgICAgICB7dChgY29udGVudFR5cGVzLiR7dHlwZX1gKX1cbiAgICAgICAgICA8Lz5cbiAgICAgICAgKX1cbiAgICAgIDwvTGFiZWw+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgPC9XcmFwcGVyPlxuICApO1xufTtcblxuZXhwb3J0IGRlZmF1bHQgSXRlbVRvcGljSGVhZGVyO1xuIl19 */"));
-var Label = /*#__PURE__*/(0, _base["default"])("div", process.env.NODE_ENV === "production" ? {
-  target: "e1kvpkml2"
-} : {
+var Label = /*#__PURE__*/(0, _base["default"])("div", {
   target: "e1kvpkml2",
   label: "Label"
 })(_core.fonts.sizes('12px', '16px'), ";font-weight:", _core.fonts.weight.semibold, ";height:26px;display:flex;align-items:center;margin-top:", _core.spacing.small, ";.c-content-type-badge{width:26px;height:26px;margin-right:", _core.spacing.xsmall, ";}svg{width:22px;height:22px;color:", _core.colors.text.primary, "!important;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkl0ZW1Ub3BpY0hlYWRlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBd0J3QiIsImZpbGUiOiJJdGVtVG9waWNIZWFkZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDb3B5cmlnaHQgKGMpIDIwMjEtcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLlxuICpcbiAqL1xuXG5pbXBvcnQgUmVhY3QsIHsgUmVhY3ROb2RlIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgdXNlVHJhbnNsYXRpb24gfSBmcm9tICdyZWFjdC1pMThuZXh0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGNvbG9ycywgZm9udHMsIHNwYWNpbmcgfSBmcm9tICdAbmRsYS9jb3JlJztcblxuaW1wb3J0IHsgU2VhcmNoSXRlbVR5cGUgfSBmcm9tICcuLi9TZWFyY2hJdGVtJztcbmltcG9ydCBDb250ZW50VHlwZUJhZGdlIGZyb20gJy4uLy4uL0NvbnRlbnRUeXBlQmFkZ2UnO1xuaW1wb3J0IHsgQ29udGVudFR5cGUgfSBmcm9tICcuLi9TZWFyY2hUeXBlUmVzdWx0JztcblxuY29uc3QgV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIHBhZGRpbmc6ICR7c3BhY2luZy5zbWFsbH0gJHtzcGFjaW5nLm5vcm1hbH07XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgbWluLWhlaWdodDogMDtcbiAgZmxleDogMTtcbmA7XG5cbmNvbnN0IExhYmVsID0gc3R5bGVkLmRpdmBcbiAgJHtmb250cy5zaXplcygnMTJweCcsICcxNnB4Jyl9O1xuICBmb250LXdlaWdodDogJHtmb250cy53ZWlnaHQuc2VtaWJvbGR9O1xuICBoZWlnaHQ6IDI2cHg7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIG1hcmdpbi10b3A6ICR7c3BhY2luZy5zbWFsbH07XG5cbiAgLmMtY29udGVudC10eXBlLWJhZGdlIHtcbiAgICB3aWR0aDogMjZweDtcbiAgICBoZWlnaHQ6IDI2cHg7XG4gICAgbWFyZ2luLXJpZ2h0OiAke3NwYWNpbmcueHNtYWxsfTtcbiAgfVxuXG4gIHN2ZyB7XG4gICAgd2lkdGg6IDIycHg7XG4gICAgaGVpZ2h0OiAyMnB4O1xuICAgIGNvbG9yOiAke2NvbG9ycy50ZXh0LnByaW1hcnl9ICFpbXBvcnRhbnQ7XG4gIH1cbmA7XG5cbmNvbnN0IFRvcGljSGVhZGVyVmlzdWFsRWxlbWVudFdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBmbG9hdDogcmlnaHQ7XG4gIG1hcmdpbi1sZWZ0OiAke3NwYWNpbmcuc21hbGx9O1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIHdpZHRoOiAxMTJweDtcbiAgaGVpZ2h0OiAxMTJweDtcbiAgZGlzcGxheTogZmxleDtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIG92ZXJmbG93OiBoaWRkZW47XG4gIGJvcmRlci1yYWRpdXM6IDUwJTtcbmA7XG5cbmNvbnN0IFRvcGljSGVhZGVySW1hZ2UgPSBzdHlsZWQuaW1nYFxuICB3aWR0aDogMTAwJTtcbiAgaGVpZ2h0OiAxMDAlO1xuICBvYmplY3QtZml0OiBjb3ZlcjtcbiAgbWF4LXdpZHRoOiB1bnNldDtcbmA7XG5cbnR5cGUgUHJvcHMgPSB7XG4gIGNoaWxkcmVuOiBSZWFjdE5vZGU7XG4gIGltYWdlPzogU2VhcmNoSXRlbVR5cGVbJ2l0ZW0nXVsnaW1nJ10gfCBudWxsO1xuICB0eXBlPzogQ29udGVudFR5cGU7XG59O1xuY29uc3QgSXRlbVRvcGljSGVhZGVyID0gKHsgY2hpbGRyZW4sIGltYWdlLCB0eXBlIH06IFByb3BzKSA9PiB7XG4gIGNvbnN0IHsgdCB9ID0gdXNlVHJhbnNsYXRpb24oKTtcbiAgcmV0dXJuIChcbiAgICA8V3JhcHBlcj5cbiAgICAgIHtpbWFnZSAmJiAoXG4gICAgICAgIDxUb3BpY0hlYWRlclZpc3VhbEVsZW1lbnRXcmFwcGVyPlxuICAgICAgICAgIDxUb3BpY0hlYWRlckltYWdlIGNsYXNzTmFtZT1cInRvcGljLWhlYWRlci1pbWFnZVwiIHNyYz17aW1hZ2UudXJsfSBhbHQ9e2ltYWdlLmFsdH0gLz5cbiAgICAgICAgPC9Ub3BpY0hlYWRlclZpc3VhbEVsZW1lbnRXcmFwcGVyPlxuICAgICAgKX1cbiAgICAgIDxMYWJlbCBjbGFzc05hbWU9XCJ0b3BpYy1sYWJlbFwiPlxuICAgICAgICB7dHlwZSAmJiAoXG4gICAgICAgICAgPD5cbiAgICAgICAgICAgIDxDb250ZW50VHlwZUJhZGdlIHR5cGU9e3R5cGV9IGJvcmRlcj17ZmFsc2V9IC8+XG4gICAgICAgICAgICB7dChgY29udGVudFR5cGVzLiR7dHlwZX1gKX1cbiAgICAgICAgICA8Lz5cbiAgICAgICAgKX1cbiAgICAgIDwvTGFiZWw+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgPC9XcmFwcGVyPlxuICApO1xufTtcblxuZXhwb3J0IGRlZmF1bHQgSXRlbVRvcGljSGVhZGVyO1xuIl19 */"));
-var TopicHeaderVisualElementWrapper = /*#__PURE__*/(0, _base["default"])("div", process.env.NODE_ENV === "production" ? {
-  target: "e1kvpkml1"
-} : {
+var TopicHeaderVisualElementWrapper = /*#__PURE__*/(0, _base["default"])("div", {
   target: "e1kvpkml1",
   label: "TopicHeaderVisualElementWrapper"
 })("float:right;margin-left:", _core.spacing.small, ";position:relative;width:112px;height:112px;display:flex;justify-content:center;align-items:center;overflow:hidden;border-radius:50%;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkl0ZW1Ub3BpY0hlYWRlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBNkNrRCIsImZpbGUiOiJJdGVtVG9waWNIZWFkZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDb3B5cmlnaHQgKGMpIDIwMjEtcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLlxuICpcbiAqL1xuXG5pbXBvcnQgUmVhY3QsIHsgUmVhY3ROb2RlIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgdXNlVHJhbnNsYXRpb24gfSBmcm9tICdyZWFjdC1pMThuZXh0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGNvbG9ycywgZm9udHMsIHNwYWNpbmcgfSBmcm9tICdAbmRsYS9jb3JlJztcblxuaW1wb3J0IHsgU2VhcmNoSXRlbVR5cGUgfSBmcm9tICcuLi9TZWFyY2hJdGVtJztcbmltcG9ydCBDb250ZW50VHlwZUJhZGdlIGZyb20gJy4uLy4uL0NvbnRlbnRUeXBlQmFkZ2UnO1xuaW1wb3J0IHsgQ29udGVudFR5cGUgfSBmcm9tICcuLi9TZWFyY2hUeXBlUmVzdWx0JztcblxuY29uc3QgV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIHBhZGRpbmc6ICR7c3BhY2luZy5zbWFsbH0gJHtzcGFjaW5nLm5vcm1hbH07XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgbWluLWhlaWdodDogMDtcbiAgZmxleDogMTtcbmA7XG5cbmNvbnN0IExhYmVsID0gc3R5bGVkLmRpdmBcbiAgJHtmb250cy5zaXplcygnMTJweCcsICcxNnB4Jyl9O1xuICBmb250LXdlaWdodDogJHtmb250cy53ZWlnaHQuc2VtaWJvbGR9O1xuICBoZWlnaHQ6IDI2cHg7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIG1hcmdpbi10b3A6ICR7c3BhY2luZy5zbWFsbH07XG5cbiAgLmMtY29udGVudC10eXBlLWJhZGdlIHtcbiAgICB3aWR0aDogMjZweDtcbiAgICBoZWlnaHQ6IDI2cHg7XG4gICAgbWFyZ2luLXJpZ2h0OiAke3NwYWNpbmcueHNtYWxsfTtcbiAgfVxuXG4gIHN2ZyB7XG4gICAgd2lkdGg6IDIycHg7XG4gICAgaGVpZ2h0OiAyMnB4O1xuICAgIGNvbG9yOiAke2NvbG9ycy50ZXh0LnByaW1hcnl9ICFpbXBvcnRhbnQ7XG4gIH1cbmA7XG5cbmNvbnN0IFRvcGljSGVhZGVyVmlzdWFsRWxlbWVudFdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBmbG9hdDogcmlnaHQ7XG4gIG1hcmdpbi1sZWZ0OiAke3NwYWNpbmcuc21hbGx9O1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIHdpZHRoOiAxMTJweDtcbiAgaGVpZ2h0OiAxMTJweDtcbiAgZGlzcGxheTogZmxleDtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIG92ZXJmbG93OiBoaWRkZW47XG4gIGJvcmRlci1yYWRpdXM6IDUwJTtcbmA7XG5cbmNvbnN0IFRvcGljSGVhZGVySW1hZ2UgPSBzdHlsZWQuaW1nYFxuICB3aWR0aDogMTAwJTtcbiAgaGVpZ2h0OiAxMDAlO1xuICBvYmplY3QtZml0OiBjb3ZlcjtcbiAgbWF4LXdpZHRoOiB1bnNldDtcbmA7XG5cbnR5cGUgUHJvcHMgPSB7XG4gIGNoaWxkcmVuOiBSZWFjdE5vZGU7XG4gIGltYWdlPzogU2VhcmNoSXRlbVR5cGVbJ2l0ZW0nXVsnaW1nJ10gfCBudWxsO1xuICB0eXBlPzogQ29udGVudFR5cGU7XG59O1xuY29uc3QgSXRlbVRvcGljSGVhZGVyID0gKHsgY2hpbGRyZW4sIGltYWdlLCB0eXBlIH06IFByb3BzKSA9PiB7XG4gIGNvbnN0IHsgdCB9ID0gdXNlVHJhbnNsYXRpb24oKTtcbiAgcmV0dXJuIChcbiAgICA8V3JhcHBlcj5cbiAgICAgIHtpbWFnZSAmJiAoXG4gICAgICAgIDxUb3BpY0hlYWRlclZpc3VhbEVsZW1lbnRXcmFwcGVyPlxuICAgICAgICAgIDxUb3BpY0hlYWRlckltYWdlIGNsYXNzTmFtZT1cInRvcGljLWhlYWRlci1pbWFnZVwiIHNyYz17aW1hZ2UudXJsfSBhbHQ9e2ltYWdlLmFsdH0gLz5cbiAgICAgICAgPC9Ub3BpY0hlYWRlclZpc3VhbEVsZW1lbnRXcmFwcGVyPlxuICAgICAgKX1cbiAgICAgIDxMYWJlbCBjbGFzc05hbWU9XCJ0b3BpYy1sYWJlbFwiPlxuICAgICAgICB7dHlwZSAmJiAoXG4gICAgICAgICAgPD5cbiAgICAgICAgICAgIDxDb250ZW50VHlwZUJhZGdlIHR5cGU9e3R5cGV9IGJvcmRlcj17ZmFsc2V9IC8+XG4gICAgICAgICAgICB7dChgY29udGVudFR5cGVzLiR7dHlwZX1gKX1cbiAgICAgICAgICA8Lz5cbiAgICAgICAgKX1cbiAgICAgIDwvTGFiZWw+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgPC9XcmFwcGVyPlxuICApO1xufTtcblxuZXhwb3J0IGRlZmF1bHQgSXRlbVRvcGljSGVhZGVyO1xuIl19 */"));
-var TopicHeaderImage = /*#__PURE__*/(0, _base["default"])("img", process.env.NODE_ENV === "production" ? {
-  target: "e1kvpkml0"
-} : {
+var TopicHeaderImage = /*#__PURE__*/(0, _base["default"])("img", {
   target: "e1kvpkml0",
   label: "TopicHeaderImage"
 })(process.env.NODE_ENV === "production" ? {
@@ -62,16 +54,23 @@ var ItemTopicHeader = function ItemTopicHeader(_ref) {
   var _useTranslation = (0, _reactI18next.useTranslation)(),
       t = _useTranslation.t;
 
-  return (0, _react2.jsx)(Wrapper, null, image && (0, _react2.jsx)(TopicHeaderVisualElementWrapper, null, (0, _react2.jsx)(TopicHeaderImage, {
-    className: "topic-header-image",
-    src: image.url,
-    alt: image.alt
-  })), (0, _react2.jsx)(Label, {
-    className: "topic-label"
-  }, type && (0, _react2.jsx)(_react["default"].Fragment, null, (0, _react2.jsx)(_ContentTypeBadge["default"], {
-    type: type,
-    border: false
-  }), t("contentTypes.".concat(type)))), children);
+  return (0, _jsxRuntime.jsxs)(Wrapper, {
+    children: [image && (0, _jsxRuntime.jsx)(TopicHeaderVisualElementWrapper, {
+      children: (0, _jsxRuntime.jsx)(TopicHeaderImage, {
+        className: "topic-header-image",
+        src: image.url,
+        alt: image.alt
+      })
+    }), (0, _jsxRuntime.jsx)(Label, {
+      className: "topic-label",
+      children: type && (0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+        children: [(0, _jsxRuntime.jsx)(_ContentTypeBadge["default"], {
+          type: type,
+          border: false
+        }), t("contentTypes.".concat(type))]
+      })
+    }), children]
+  });
 };
 
 var _default = ItemTopicHeader;

package/lib/SearchTypeResult/components/SubjectFilters.js

@@ -9,6 +9,8 @@ exports["default"] = void 0;
 
 var _base = _interopRequireDefault(require("@emotion/styled/base"));
 
+var _jsxRuntime = require("@emotion/react/jsx-runtime");
+
 var _react = _interopRequireWildcard(require("react"));
 
 var _reactI18next = require("react-i18next");
@@ -21,15 +23,17 @@ var _PopupFilter = _interopRequireDefault(require("../PopupFilter"));
 
 var _ActiveFilters = _interopRequireDefault(require("../ActiveFilters"));
 
-var _react2 = require("@emotion/react");
-
 function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
 
 function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
 function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
 
@@ -53,9 +57,7 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
 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 FilterButtonText = /*#__PURE__*/(0, _base["default"])("span", process.env.NODE_ENV === "production" ? {
-  target: "eruebyz0"
-} : {
+var FilterButtonText = /*#__PURE__*/(0, _base["default"])("span", {
   target: "eruebyz0",
   label: "FilterButtonText"
 })(process.env.NODE_ENV === "production" ? {
@@ -156,38 +158,45 @@ var SubjectFilters = function SubjectFilters(_ref) {
   };
 
   var OpenModalButton = function OpenModalButton() {
-    return (0, _react2.jsx)(_button["default"], {
+    return (0, _jsxRuntime.jsxs)(_button["default"], {
       type: "button",
       size: "normal",
       greyLighter: true,
       borderShape: "rounded",
-      onClick: handlePopupOpen
-    }, (0, _react2.jsx)(FilterButtonText, null, t('searchPage.searchFilterMessages.noValuesButtonText')), (0, _react2.jsx)(_action.Plus, null));
+      onClick: handlePopupOpen,
+      children: [(0, _jsxRuntime.jsx)(FilterButtonText, {
+        children: t('searchPage.searchFilterMessages.noValuesButtonText')
+      }), (0, _jsxRuntime.jsx)(_action.Plus, {})]
+    });
   };
 
   var ActiveFiltersElement = function ActiveFiltersElement(_ref2) {
     var showModalButton = _ref2.showModalButton;
     var customElements = showModalButton ? [OpenModalButton()] : [];
     if (!activeFilters) return null;
-    return (0, _react2.jsx)(_ActiveFilters["default"], _extends({}, activeFilters, {
+    return (0, _jsxRuntime.jsx)(_ActiveFilters["default"], _objectSpread(_objectSpread({}, activeFilters), {}, {
       showOnSmallScreen: isNarrowScreen,
       onClickShowHiddenSubjects: handlePopupOpen,
       customElements: customElements
     }));
   };
 
-  return (0, _react2.jsx)(_react["default"].Fragment, null, isNarrowScreen ? (0, _react2.jsx)(ActiveFiltersElement, {
-    showModalButton: true
-  }) : isNarrowScreen === false ? (0, _react2.jsx)(_react["default"].Fragment, null, (0, _react2.jsx)(OpenModalButton, null), (0, _react2.jsx)(ActiveFiltersElement, null)) : undefined, (0, _react2.jsx)(_PopupFilter["default"], {
-    programmes: programmes,
-    subjectCategories: subjectCategories,
-    subjectValues: subjectValues,
-    programmesValues: programmesValues,
-    onClose: handleModalClose,
-    onToggleSubject: onToggleSubject,
-    onToggleProgramme: onToggleProgramme,
-    isOpen: isOpen
-  }));
+  return (0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [isNarrowScreen ? (0, _jsxRuntime.jsx)(ActiveFiltersElement, {
+      showModalButton: true
+    }) : isNarrowScreen === false ? (0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+      children: [(0, _jsxRuntime.jsx)(OpenModalButton, {}), (0, _jsxRuntime.jsx)(ActiveFiltersElement, {})]
+    }) : undefined, (0, _jsxRuntime.jsx)(_PopupFilter["default"], {
+      programmes: programmes,
+      subjectCategories: subjectCategories,
+      subjectValues: subjectValues,
+      programmesValues: programmesValues,
+      onClose: handleModalClose,
+      onToggleSubject: onToggleSubject,
+      onToggleProgramme: onToggleProgramme,
+      isOpen: isOpen
+    })]
+  });
 };
 
 var _default = SubjectFilters;

package/lib/SectionHeading/SectionHeading.js

@@ -7,6 +7,8 @@ exports["default"] = void 0;
 
 var _base = _interopRequireDefault(require("@emotion/styled/base"));
 
+var _jsxRuntime = require("@emotion/react/jsx-runtime");
+
 var _react = _interopRequireDefault(require("react"));
 
 var _react2 = require("@emotion/react");
@@ -15,25 +17,17 @@ var _core = require("@ndla/core");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
-var StyledWrapper = /*#__PURE__*/(0, _base["default"])("h2", process.env.NODE_ENV === "production" ? {
-  target: "egsow3l0"
-} : {
+var StyledWrapper = /*#__PURE__*/(0, _base["default"])("h2", {
   target: "egsow3l0",
   label: "StyledWrapper"
 })("font-weight:", _core.fonts.weight.bold, ";text-transform:uppercase;letter-spacing:0.05em;", _core.fonts.sizes('18px', '24px'), ";", _core.mq.range({
   from: _core.breakpoints.tablet
 }), "{", _core.fonts.sizes('20px', '26px'), ";}", function (p) {
-  return p.large &&
-  /*#__PURE__*/
-
-  /*#__PURE__*/
-  (0, _react2.css)("margin:0 0 ", _core.spacing.small, " 0;", _core.fonts.sizes('16px', '32px'), ";", _core.mq.range({
+  return p.large && /*#__PURE__*/(0, _react2.css)("margin:0 0 ", _core.spacing.small, " 0;", _core.fonts.sizes('16px', '32px'), ";", _core.mq.range({
     from: _core.breakpoints.tablet
-  }), "{", _core.fonts.sizes('22px'), ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:StyledWrapper;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlNlY3Rpb25IZWFkaW5nLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFtQk8iLCJmaWxlIjoiU2VjdGlvbkhlYWRpbmcudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IEVsZW1lbnRUeXBlLCBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyBicmVha3BvaW50cywgZm9udHMsIG1xLCBzcGFjaW5nIH0gZnJvbSAnQG5kbGEvY29yZSc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbmludGVyZmFjZSBTdHlsZWRXcmFwcGVyUHJvcHMge1xuICBsYXJnZT86IGJvb2xlYW47XG59XG5cbmNvbnN0IFN0eWxlZFdyYXBwZXIgPSBzdHlsZWQuaDI8U3R5bGVkV3JhcHBlclByb3BzPmBcbiAgZm9udC13ZWlnaHQ6ICR7Zm9udHMud2VpZ2h0LmJvbGR9O1xuICB0ZXh0LXRyYW5zZm9ybTogdXBwZXJjYXNlO1xuICBsZXR0ZXItc3BhY2luZzogMC4wNWVtO1xuICAke2ZvbnRzLnNpemVzKCcxOHB4JywgJzI0cHgnKX07XG4gICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy50YWJsZXQgfSl9IHtcbiAgICAke2ZvbnRzLnNpemVzKCcyMHB4JywgJzI2cHgnKX07XG4gIH1cbiAgJHsocCkgPT5cbiAgICBwLmxhcmdlICYmXG4gICAgY3NzYFxuICAgICAgbWFyZ2luOiAwIDAgJHtzcGFjaW5nLnNtYWxsfSAwO1xuICAgICAgJHtmb250cy5zaXplcygnMTZweCcsICczMnB4Jyl9O1xuICAgICAgJHttcS5yYW5nZSh7IGZyb206IGJyZWFrcG9pbnRzLnRhYmxldCB9KX0ge1xuICAgICAgICAke2ZvbnRzLnNpemVzKCcyMnB4Jyl9O1xuICAgICAgfVxuICAgIGB9O1xuYDtcblxuY29uc3QgTGFyZ2VTdHlsZWRXcmFwcGVyID0gU3R5bGVkV3JhcHBlci53aXRoQ29tcG9uZW50KCdoMScpO1xuXG5pbnRlcmZhY2UgUHJvcHMge1xuICBjaGlsZHJlbjogUmVhY3ROb2RlO1xuICBsYXJnZT86IGJvb2xlYW47XG4gIGNsYXNzTmFtZT86IHN0cmluZztcbn1cblxuY29uc3QgU2VjdGlvbkhlYWRpbmcgPSAoeyBjaGlsZHJlbiwgbGFyZ2UgPSBmYWxzZSwgY2xhc3NOYW1lIH06IFByb3BzKSA9PiB7XG4gIGNvbnN0IFdyYXBwZXI6IEVsZW1lbnRUeXBlID0gbGFyZ2UgPyBMYXJnZVN0eWxlZFdyYXBwZXIgOiBTdHlsZWRXcmFwcGVyO1xuICByZXR1cm4gKFxuICAgIDxXcmFwcGVyIGxhcmdlPXtsYXJnZX0gY2xhc3NOYW1lPXtjbGFzc05hbWV9PlxuICAgICAge2NoaWxkcmVufVxuICAgIDwvV3JhcHBlcj5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IFNlY3Rpb25IZWFkaW5nO1xuIl19 */", process.env.NODE_ENV === "production" ? "" : ";label:StyledWrapper;");
+  }), "{", _core.fonts.sizes('22px'), ";};label:StyledWrapper;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlNlY3Rpb25IZWFkaW5nLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFtQk8iLCJmaWxlIjoiU2VjdGlvbkhlYWRpbmcudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IEVsZW1lbnRUeXBlLCBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyBicmVha3BvaW50cywgZm9udHMsIG1xLCBzcGFjaW5nIH0gZnJvbSAnQG5kbGEvY29yZSc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbmludGVyZmFjZSBTdHlsZWRXcmFwcGVyUHJvcHMge1xuICBsYXJnZT86IGJvb2xlYW47XG59XG5cbmNvbnN0IFN0eWxlZFdyYXBwZXIgPSBzdHlsZWQuaDI8U3R5bGVkV3JhcHBlclByb3BzPmBcbiAgZm9udC13ZWlnaHQ6ICR7Zm9udHMud2VpZ2h0LmJvbGR9O1xuICB0ZXh0LXRyYW5zZm9ybTogdXBwZXJjYXNlO1xuICBsZXR0ZXItc3BhY2luZzogMC4wNWVtO1xuICAke2ZvbnRzLnNpemVzKCcxOHB4JywgJzI0cHgnKX07XG4gICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy50YWJsZXQgfSl9IHtcbiAgICAke2ZvbnRzLnNpemVzKCcyMHB4JywgJzI2cHgnKX07XG4gIH1cbiAgJHsocCkgPT5cbiAgICBwLmxhcmdlICYmXG4gICAgY3NzYFxuICAgICAgbWFyZ2luOiAwIDAgJHtzcGFjaW5nLnNtYWxsfSAwO1xuICAgICAgJHtmb250cy5zaXplcygnMTZweCcsICczMnB4Jyl9O1xuICAgICAgJHttcS5yYW5nZSh7IGZyb206IGJyZWFrcG9pbnRzLnRhYmxldCB9KX0ge1xuICAgICAgICAke2ZvbnRzLnNpemVzKCcyMnB4Jyl9O1xuICAgICAgfVxuICAgIGB9O1xuYDtcblxuY29uc3QgTGFyZ2VTdHlsZWRXcmFwcGVyID0gU3R5bGVkV3JhcHBlci53aXRoQ29tcG9uZW50KCdoMScpO1xuXG5pbnRlcmZhY2UgUHJvcHMge1xuICBjaGlsZHJlbjogUmVhY3ROb2RlO1xuICBsYXJnZT86IGJvb2xlYW47XG4gIGNsYXNzTmFtZT86IHN0cmluZztcbn1cblxuY29uc3QgU2VjdGlvbkhlYWRpbmcgPSAoeyBjaGlsZHJlbiwgbGFyZ2UgPSBmYWxzZSwgY2xhc3NOYW1lIH06IFByb3BzKSA9PiB7XG4gIGNvbnN0IFdyYXBwZXI6IEVsZW1lbnRUeXBlID0gbGFyZ2UgPyBMYXJnZVN0eWxlZFdyYXBwZXIgOiBTdHlsZWRXcmFwcGVyO1xuICByZXR1cm4gKFxuICAgIDxXcmFwcGVyIGxhcmdlPXtsYXJnZX0gY2xhc3NOYW1lPXtjbGFzc05hbWV9PlxuICAgICAge2NoaWxkcmVufVxuICAgIDwvV3JhcHBlcj5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IFNlY3Rpb25IZWFkaW5nO1xuIl19 */"));
 }, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlNlY3Rpb25IZWFkaW5nLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFTbUQiLCJmaWxlIjoiU2VjdGlvbkhlYWRpbmcudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IEVsZW1lbnRUeXBlLCBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyBicmVha3BvaW50cywgZm9udHMsIG1xLCBzcGFjaW5nIH0gZnJvbSAnQG5kbGEvY29yZSc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbmludGVyZmFjZSBTdHlsZWRXcmFwcGVyUHJvcHMge1xuICBsYXJnZT86IGJvb2xlYW47XG59XG5cbmNvbnN0IFN0eWxlZFdyYXBwZXIgPSBzdHlsZWQuaDI8U3R5bGVkV3JhcHBlclByb3BzPmBcbiAgZm9udC13ZWlnaHQ6ICR7Zm9udHMud2VpZ2h0LmJvbGR9O1xuICB0ZXh0LXRyYW5zZm9ybTogdXBwZXJjYXNlO1xuICBsZXR0ZXItc3BhY2luZzogMC4wNWVtO1xuICAke2ZvbnRzLnNpemVzKCcxOHB4JywgJzI0cHgnKX07XG4gICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy50YWJsZXQgfSl9IHtcbiAgICAke2ZvbnRzLnNpemVzKCcyMHB4JywgJzI2cHgnKX07XG4gIH1cbiAgJHsocCkgPT5cbiAgICBwLmxhcmdlICYmXG4gICAgY3NzYFxuICAgICAgbWFyZ2luOiAwIDAgJHtzcGFjaW5nLnNtYWxsfSAwO1xuICAgICAgJHtmb250cy5zaXplcygnMTZweCcsICczMnB4Jyl9O1xuICAgICAgJHttcS5yYW5nZSh7IGZyb206IGJyZWFrcG9pbnRzLnRhYmxldCB9KX0ge1xuICAgICAgICAke2ZvbnRzLnNpemVzKCcyMnB4Jyl9O1xuICAgICAgfVxuICAgIGB9O1xuYDtcblxuY29uc3QgTGFyZ2VTdHlsZWRXcmFwcGVyID0gU3R5bGVkV3JhcHBlci53aXRoQ29tcG9uZW50KCdoMScpO1xuXG5pbnRlcmZhY2UgUHJvcHMge1xuICBjaGlsZHJlbjogUmVhY3ROb2RlO1xuICBsYXJnZT86IGJvb2xlYW47XG4gIGNsYXNzTmFtZT86IHN0cmluZztcbn1cblxuY29uc3QgU2VjdGlvbkhlYWRpbmcgPSAoeyBjaGlsZHJlbiwgbGFyZ2UgPSBmYWxzZSwgY2xhc3NOYW1lIH06IFByb3BzKSA9PiB7XG4gIGNvbnN0IFdyYXBwZXI6IEVsZW1lbnRUeXBlID0gbGFyZ2UgPyBMYXJnZVN0eWxlZFdyYXBwZXIgOiBTdHlsZWRXcmFwcGVyO1xuICByZXR1cm4gKFxuICAgIDxXcmFwcGVyIGxhcmdlPXtsYXJnZX0gY2xhc3NOYW1lPXtjbGFzc05hbWV9PlxuICAgICAge2NoaWxkcmVufVxuICAgIDwvV3JhcHBlcj5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IFNlY3Rpb25IZWFkaW5nO1xuIl19 */"));
-var LargeStyledWrapper = StyledWrapper.withComponent('h1', process.env.NODE_ENV === "production" ? {
-  target: "egsow3l1"
-} : {
+var LargeStyledWrapper = StyledWrapper.withComponent('h1', {
   target: "egsow3l1",
   label: "LargeStyledWrapper"
 });
@@ -44,10 +38,11 @@ var SectionHeading = function SectionHeading(_ref) {
       large = _ref$large === void 0 ? false : _ref$large,
       className = _ref.className;
   var Wrapper = large ? LargeStyledWrapper : StyledWrapper;
-  return (0, _react2.jsx)(Wrapper, {
+  return (0, _jsxRuntime.jsx)(Wrapper, {
     large: large,
-    className: className
-  }, children);
+    className: className,
+    children: children
+  });
 };
 
 var _default = SectionHeading;

package/lib/SnackBar/DefaultSnackbar.js

@@ -7,6 +7,8 @@ exports["default"] = void 0;
 
 var _base = _interopRequireDefault(require("@emotion/styled/base"));
 
+var _jsxRuntime = require("@emotion/react/jsx-runtime");
+
 var _react = _interopRequireDefault(require("react"));
 
 var _reactI18next = require("react-i18next");
@@ -19,8 +21,6 @@ var _action = require("@ndla/icons/action");
 
 var _SnackbarProvider = require("./SnackbarProvider");
 
-var _react2 = require("@emotion/react");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
 /**
@@ -30,21 +30,15 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "d
  * LICENSE file in the root directory of this source tree.
  *
  */
-var DefaultSnackContainer = /*#__PURE__*/(0, _base["default"])("div", process.env.NODE_ENV === "production" ? {
-  target: "e1s2vq9x2"
-} : {
+var DefaultSnackContainer = /*#__PURE__*/(0, _base["default"])("div", {
   target: "e1s2vq9x2",
   label: "DefaultSnackContainer"
 })("display:flex;gap:", _core.spacing.small, ";padding:", _core.spacing.small, ";background-color:", _core.colors.text.primary, ";color:", _core.colors.white, ";border-radius:", _core.misc.borderRadius, ";margin:0 ", _core.spacing.large, ";pointer-events:all;box-shadow:", _core.shadows.levitate1, ";font-family:", _core.fonts.sans, ";font-size:18px;align-items:center;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkRlZmF1bHRTbmFja2Jhci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZ0J3QyIsImZpbGUiOiJEZWZhdWx0U25hY2tiYXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDb3B5cmlnaHQgKGMpIDIwMjItcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLlxuICpcbiAqL1xuXG5pbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgdXNlVHJhbnNsYXRpb24gfSBmcm9tICdyZWFjdC1pMThuZXh0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IEljb25CdXR0b24gfSBmcm9tICdAbmRsYS9idXR0b24nO1xuaW1wb3J0IHsgYnJlYWtwb2ludHMsIGNvbG9ycywgZm9udHMsIG1pc2MsIG1xLCBzaGFkb3dzLCBzcGFjaW5nIH0gZnJvbSAnQG5kbGEvY29yZSc7XG5pbXBvcnQgeyBDcm9zcyB9IGZyb20gJ0BuZGxhL2ljb25zL2FjdGlvbic7XG5pbXBvcnQgeyBTbmFjaywgdXNlU25hY2sgfSBmcm9tICcuL1NuYWNrYmFyUHJvdmlkZXInO1xuXG5jb25zdCBEZWZhdWx0U25hY2tDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBnYXA6ICR7c3BhY2luZy5zbWFsbH07XG4gIHBhZGRpbmc6ICR7c3BhY2luZy5zbWFsbH07XG4gIGJhY2tncm91bmQtY29sb3I6ICR7Y29sb3JzLnRleHQucHJpbWFyeX07XG4gIGNvbG9yOiAke2NvbG9ycy53aGl0ZX07XG4gIGJvcmRlci1yYWRpdXM6ICR7bWlzYy5ib3JkZXJSYWRpdXN9O1xuICBtYXJnaW46IDAgJHtzcGFjaW5nLmxhcmdlfTtcbiAgcG9pbnRlci1ldmVudHM6IGFsbDtcbiAgYm94LXNoYWRvdzogJHtzaGFkb3dzLmxldml0YXRlMX07XG4gIGZvbnQtZmFtaWx5OiAke2ZvbnRzLnNhbnN9O1xuICBmb250LXNpemU6IDE4cHg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5gO1xuXG5jb25zdCBTdHlsZWRDbG9zZUJ1dHRvbiA9IHN0eWxlZChJY29uQnV0dG9uKWBcbiAgc3ZnIHtcbiAgICBjb2xvcjogJHtjb2xvcnMuYnJhbmQuZ3JleU1lZGl1bX07XG4gIH1cbiAgJjpob3ZlcixcbiAgJjpmb2N1cyB7XG4gICAgYmFja2dyb3VuZDogJHtjb2xvcnMuYnJhbmQuZ3JleURhcmt9O1xuICAgIHN2ZyB7XG4gICAgICBjb2xvcjogJHtjb2xvcnMuYnJhbmQuZ3JleUxpZ2h0ZXN0fTtcbiAgICB9XG4gIH1cbmA7XG5cbmNvbnN0IEJ1dHRvbldyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMudGFibGV0IH0pfSB7XG4gICAgZ2FwOiAke3NwYWNpbmcueHhzbWFsbH07XG4gIH1cbmA7XG5cbmNvbnN0IERlZmF1bHRTbmFjayA9IChzbmFjazogU25hY2spID0+IHtcbiAgY29uc3QgeyBjbG9zYWJsZSA9IHRydWUsIGljb24gfSA9IHNuYWNrO1xuICBjb25zdCB7IHQgfSA9IHVzZVRyYW5zbGF0aW9uKCk7XG4gIGNvbnN0IHsgY2xvc2VTbmFjayB9ID0gdXNlU25hY2soKTtcbiAgcmV0dXJuIChcbiAgICA8RGVmYXVsdFNuYWNrQ29udGFpbmVyPlxuICAgICAge2ljb259XG4gICAgICB7c25hY2suY29udGVudH1cbiAgICAgIDxCdXR0b25XcmFwcGVyPlxuICAgICAgICB7Y2xvc2FibGUgJiYgKFxuICAgICAgICAgIDxTdHlsZWRDbG9zZUJ1dHRvbiBzaXplPVwieHNtYWxsXCIgb3V0bGluZSBvbkNsaWNrPXsoKSA9PiBjbG9zZVNuYWNrKHNuYWNrKX0gYXJpYS1sYWJlbD17dCgnc25hY2tiYXIuY2xvc2UnKX0+XG4gICAgICAgICAgICA8Q3Jvc3MgLz5cbiAgICAgICAgICA8L1N0eWxlZENsb3NlQnV0dG9uPlxuICAgICAgICApfVxuICAgICAgPC9CdXR0b25XcmFwcGVyPlxuICAgIDwvRGVmYXVsdFNuYWNrQ29udGFpbmVyPlxuICApO1xufTtcblxuZXhwb3J0IGRlZmF1bHQgRGVmYXVsdFNuYWNrO1xuIl19 */"));
-var StyledCloseButton = /*#__PURE__*/(0, _base["default"])(_button.IconButton, process.env.NODE_ENV === "production" ? {
-  target: "e1s2vq9x1"
-} : {
+var StyledCloseButton = /*#__PURE__*/(0, _base["default"])(_button.IconButton, {
   target: "e1s2vq9x1",
   label: "StyledCloseButton"
 })("svg{color:", _core.colors.brand.greyMedium, ";}&:hover,&:focus{background:", _core.colors.brand.greyDark, ";svg{color:", _core.colors.brand.greyLightest, ";}}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkRlZmF1bHRTbmFja2Jhci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBK0I0QyIsImZpbGUiOiJEZWZhdWx0U25hY2tiYXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDb3B5cmlnaHQgKGMpIDIwMjItcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLlxuICpcbiAqL1xuXG5pbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgdXNlVHJhbnNsYXRpb24gfSBmcm9tICdyZWFjdC1pMThuZXh0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IEljb25CdXR0b24gfSBmcm9tICdAbmRsYS9idXR0b24nO1xuaW1wb3J0IHsgYnJlYWtwb2ludHMsIGNvbG9ycywgZm9udHMsIG1pc2MsIG1xLCBzaGFkb3dzLCBzcGFjaW5nIH0gZnJvbSAnQG5kbGEvY29yZSc7XG5pbXBvcnQgeyBDcm9zcyB9IGZyb20gJ0BuZGxhL2ljb25zL2FjdGlvbic7XG5pbXBvcnQgeyBTbmFjaywgdXNlU25hY2sgfSBmcm9tICcuL1NuYWNrYmFyUHJvdmlkZXInO1xuXG5jb25zdCBEZWZhdWx0U25hY2tDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBnYXA6ICR7c3BhY2luZy5zbWFsbH07XG4gIHBhZGRpbmc6ICR7c3BhY2luZy5zbWFsbH07XG4gIGJhY2tncm91bmQtY29sb3I6ICR7Y29sb3JzLnRleHQucHJpbWFyeX07XG4gIGNvbG9yOiAke2NvbG9ycy53aGl0ZX07XG4gIGJvcmRlci1yYWRpdXM6ICR7bWlzYy5ib3JkZXJSYWRpdXN9O1xuICBtYXJnaW46IDAgJHtzcGFjaW5nLmxhcmdlfTtcbiAgcG9pbnRlci1ldmVudHM6IGFsbDtcbiAgYm94LXNoYWRvdzogJHtzaGFkb3dzLmxldml0YXRlMX07XG4gIGZvbnQtZmFtaWx5OiAke2ZvbnRzLnNhbnN9O1xuICBmb250LXNpemU6IDE4cHg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5gO1xuXG5jb25zdCBTdHlsZWRDbG9zZUJ1dHRvbiA9IHN0eWxlZChJY29uQnV0dG9uKWBcbiAgc3ZnIHtcbiAgICBjb2xvcjogJHtjb2xvcnMuYnJhbmQuZ3JleU1lZGl1bX07XG4gIH1cbiAgJjpob3ZlcixcbiAgJjpmb2N1cyB7XG4gICAgYmFja2dyb3VuZDogJHtjb2xvcnMuYnJhbmQuZ3JleURhcmt9O1xuICAgIHN2ZyB7XG4gICAgICBjb2xvcjogJHtjb2xvcnMuYnJhbmQuZ3JleUxpZ2h0ZXN0fTtcbiAgICB9XG4gIH1cbmA7XG5cbmNvbnN0IEJ1dHRvbldyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMudGFibGV0IH0pfSB7XG4gICAgZ2FwOiAke3NwYWNpbmcueHhzbWFsbH07XG4gIH1cbmA7XG5cbmNvbnN0IERlZmF1bHRTbmFjayA9IChzbmFjazogU25hY2spID0+IHtcbiAgY29uc3QgeyBjbG9zYWJsZSA9IHRydWUsIGljb24gfSA9IHNuYWNrO1xuICBjb25zdCB7IHQgfSA9IHVzZVRyYW5zbGF0aW9uKCk7XG4gIGNvbnN0IHsgY2xvc2VTbmFjayB9ID0gdXNlU25hY2soKTtcbiAgcmV0dXJuIChcbiAgICA8RGVmYXVsdFNuYWNrQ29udGFpbmVyPlxuICAgICAge2ljb259XG4gICAgICB7c25hY2suY29udGVudH1cbiAgICAgIDxCdXR0b25XcmFwcGVyPlxuICAgICAgICB7Y2xvc2FibGUgJiYgKFxuICAgICAgICAgIDxTdHlsZWRDbG9zZUJ1dHRvbiBzaXplPVwieHNtYWxsXCIgb3V0bGluZSBvbkNsaWNrPXsoKSA9PiBjbG9zZVNuYWNrKHNuYWNrKX0gYXJpYS1sYWJlbD17dCgnc25hY2tiYXIuY2xvc2UnKX0+XG4gICAgICAgICAgICA8Q3Jvc3MgLz5cbiAgICAgICAgICA8L1N0eWxlZENsb3NlQnV0dG9uPlxuICAgICAgICApfVxuICAgICAgPC9CdXR0b25XcmFwcGVyPlxuICAgIDwvRGVmYXVsdFNuYWNrQ29udGFpbmVyPlxuICApO1xufTtcblxuZXhwb3J0IGRlZmF1bHQgRGVmYXVsdFNuYWNrO1xuIl19 */"));
-var ButtonWrapper = /*#__PURE__*/(0, _base["default"])("div", process.env.NODE_ENV === "production" ? {
-  target: "e1s2vq9x0"
-} : {
+var ButtonWrapper = /*#__PURE__*/(0, _base["default"])("div", {
   target: "e1s2vq9x0",
   label: "ButtonWrapper"
 })(_core.mq.range({
@@ -62,14 +56,19 @@ var DefaultSnack = function DefaultSnack(snack) {
   var _useSnack = (0, _SnackbarProvider.useSnack)(),
       closeSnack = _useSnack.closeSnack;
 
-  return (0, _react2.jsx)(DefaultSnackContainer, null, icon, snack.content, (0, _react2.jsx)(ButtonWrapper, null, closable && (0, _react2.jsx)(StyledCloseButton, {
-    size: "xsmall",
-    outline: true,
-    onClick: function onClick() {
-      return closeSnack(snack);
-    },
-    "aria-label": t('snackbar.close')
-  }, (0, _react2.jsx)(_action.Cross, null))));
+  return (0, _jsxRuntime.jsxs)(DefaultSnackContainer, {
+    children: [icon, snack.content, (0, _jsxRuntime.jsx)(ButtonWrapper, {
+      children: closable && (0, _jsxRuntime.jsx)(StyledCloseButton, {
+        size: "xsmall",
+        outline: true,
+        onClick: function onClick() {
+          return closeSnack(snack);
+        },
+        "aria-label": t('snackbar.close'),
+        children: (0, _jsxRuntime.jsx)(_action.Cross, {})
+      })
+    })]
+  });
 };
 
 var _default = DefaultSnack;

package/lib/SnackBar/SnackbarProvider.js

@@ -9,6 +9,8 @@ exports["default"] = exports.BaseSnack = exports.SnackbarProvider = exports.useS
 
 var _base = _interopRequireDefault(require("@emotion/styled/base"));
 
+var _jsxRuntime = require("@emotion/react/jsx-runtime");
+
 var _react = _interopRequireWildcard(require("react"));
 
 var _react2 = require("@emotion/react");
@@ -23,8 +25,6 @@ function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj;
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
@@ -102,11 +102,12 @@ var SnackbarProvider = function SnackbarProvider(_ref) {
       closeSnack: closeSnack
     };
   }, [addSnack, removeSnack, clearSnacks, closeSnack]);
-  return (0, _react2.jsx)(SnackbarContext.Provider, {
-    value: value
-  }, children, (0, _react2.jsx)(SnackbarContainer, {
-    snacks: snacks
-  }));
+  return (0, _jsxRuntime.jsxs)(SnackbarContext.Provider, {
+    value: value,
+    children: [children, (0, _jsxRuntime.jsx)(SnackbarContainer, {
+      snacks: snacks
+    })]
+  });
 };
 
 exports.SnackbarProvider = SnackbarProvider;
@@ -128,9 +129,7 @@ var snackbarOutAnimation = (0, _react2.keyframes)({
     opacity: 0
   }
 });
-var BaseSnackContainer = /*#__PURE__*/(0, _base["default"])("li", process.env.NODE_ENV === "production" ? {
-  target: "e12tl09b1"
-} : {
+var BaseSnackContainer = /*#__PURE__*/(0, _base["default"])("li", {
   target: "e12tl09b1",
   label: "BaseSnackContainer"
 })("display:flex;flex-direction:column;align-items:center;animation:", function (p) {
@@ -159,18 +158,17 @@ var BaseSnack = function BaseSnack(_ref3) {
       return clearTimeout(timeout);
     };
   }, [duration]);
-  return (0, _react2.jsx)(BaseSnackContainer, {
+  return (0, _jsxRuntime.jsx)(BaseSnackContainer, {
     expired: expired,
     onAnimationEnd: function onAnimationEnd() {
       return expired && removeSnack(id);
-    }
-  }, children);
+    },
+    children: children
+  });
 };
 
 exports.BaseSnack = BaseSnack;
-var StyledSnackList = /*#__PURE__*/(0, _base["default"])("ul", process.env.NODE_ENV === "production" ? {
-  target: "e12tl09b0"
-} : {
+var StyledSnackList = /*#__PURE__*/(0, _base["default"])("ul", {
   target: "e12tl09b0",
   label: "StyledSnackList"
 })(process.env.NODE_ENV === "production" ? {
@@ -185,16 +183,17 @@ var StyledSnackList = /*#__PURE__*/(0, _base["default"])("ul", process.env.NODE_
 
 var SnackbarContainer = function SnackbarContainer(_ref4) {
   var snacks = _ref4.snacks;
-  return (0, _react2.jsx)(StyledSnackList, {
+  return (0, _jsxRuntime.jsx)(StyledSnackList, {
     "aria-live": "polite",
-    role: "region"
-  }, snacks.map(function (snack) {
-    var _snack$render, _snack$render2;
-
-    return (0, _react2.jsx)(BaseSnack, _extends({
-      key: snack.id
-    }, snack), (_snack$render = (_snack$render2 = snack.render) === null || _snack$render2 === void 0 ? void 0 : _snack$render2.call(snack, snack.id)) !== null && _snack$render !== void 0 ? _snack$render : (0, _react2.jsx)(_DefaultSnackbar["default"], snack));
-  }));
+    role: "region",
+    children: snacks.map(function (snack) {
+      var _snack$render, _snack$render2;
+
+      return (0, _jsxRuntime.jsx)(BaseSnack, _objectSpread(_objectSpread({}, snack), {}, {
+        children: (_snack$render = (_snack$render2 = snack.render) === null || _snack$render2 === void 0 ? void 0 : _snack$render2.call(snack, snack.id)) !== null && _snack$render !== void 0 ? _snack$render : (0, _jsxRuntime.jsx)(_DefaultSnackbar["default"], _objectSpread({}, snack))
+      }), snack.id);
+    })
+  });
 };
 
 var _default = SnackbarProvider;