@ndla/ui 34.3.6 → 34.5.0

package/lib/SearchTypeResult/components/ItemTopicHeader.js

@@ -12,18 +12,18 @@ var _ContentTypeBadge = _interopRequireDefault(require("../../ContentTypeBadge")
 var _jsxRuntime = require("@emotion/react/jsx-runtime");
 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", {
+var Wrapper = /*#__PURE__*/(0, _base["default"])("header", {
   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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkl0ZW1Ub3BpY0hlYWRlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBaUIwQiIsImZpbGUiOiJJdGVtVG9waWNIZWFkZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDb3B5cmlnaHQgKGMpIDIwMjEtcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLlxuICpcbiAqL1xuXG5pbXBvcnQgUmVhY3QsIHsgUmVhY3ROb2RlIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgdXNlVHJhbnNsYXRpb24gfSBmcm9tICdyZWFjdC1pMThuZXh0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGNvbG9ycywgZm9udHMsIHNwYWNpbmcgfSBmcm9tICdAbmRsYS9jb3JlJztcblxuaW1wb3J0IHsgU2VhcmNoSXRlbVR5cGUgfSBmcm9tICcuLi9TZWFyY2hJdGVtJztcbmltcG9ydCBDb250ZW50VHlwZUJhZGdlIGZyb20gJy4uLy4uL0NvbnRlbnRUeXBlQmFkZ2UnO1xuaW1wb3J0IHsgQ29udGVudFR5cGUgfSBmcm9tICcuLi9TZWFyY2hUeXBlUmVzdWx0JztcblxuY29uc3QgV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIHBhZGRpbmc6ICR7c3BhY2luZy5zbWFsbH0gJHtzcGFjaW5nLm5vcm1hbH07XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgbWluLWhlaWdodDogMDtcbiAgZmxleDogMTtcbmA7XG5cbmNvbnN0IExhYmVsID0gc3R5bGVkLmRpdmBcbiAgJHtmb250cy5zaXplcygnMTJweCcsICcxNnB4Jyl9O1xuICBmb250LXdlaWdodDogJHtmb250cy53ZWlnaHQuc2VtaWJvbGR9O1xuICBoZWlnaHQ6IDI2cHg7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIG1hcmdpbi10b3A6ICR7c3BhY2luZy5zbWFsbH07XG5cbiAgLmMtY29udGVudC10eXBlLWJhZGdlIHtcbiAgICB3aWR0aDogMjZweDtcbiAgICBoZWlnaHQ6IDI2cHg7XG4gICAgbWFyZ2luLXJpZ2h0OiAke3NwYWNpbmcueHNtYWxsfTtcbiAgfVxuXG4gIHN2ZyB7XG4gICAgd2lkdGg6IDIycHg7XG4gICAgaGVpZ2h0OiAyMnB4O1xuICAgIGNvbG9yOiAke2NvbG9ycy50ZXh0LnByaW1hcnl9ICFpbXBvcnRhbnQ7XG4gIH1cbmA7XG5cbmNvbnN0IFRvcGljSGVhZGVyVmlzdWFsRWxlbWVudFdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBmbG9hdDogcmlnaHQ7XG4gIG1hcmdpbi1sZWZ0OiAke3NwYWNpbmcuc21hbGx9O1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIHdpZHRoOiAxMTJweDtcbiAgaGVpZ2h0OiAxMTJweDtcbiAgZGlzcGxheTogZmxleDtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIG92ZXJmbG93OiBoaWRkZW47XG4gIGJvcmRlci1yYWRpdXM6IDUwJTtcbiAgLXdlYmtpdC1tYXNrLWltYWdlOiAtd2Via2l0LXJhZGlhbC1ncmFkaWVudCh3aGl0ZSwgYmxhY2spO1xuYDtcblxuY29uc3QgVG9waWNIZWFkZXJJbWFnZSA9IHN0eWxlZC5pbWdgXG4gIHdpZHRoOiAxMDAlO1xuICBoZWlnaHQ6IDEwMCU7XG4gIG9iamVjdC1maXQ6IGNvdmVyO1xuICBtYXgtd2lkdGg6IHVuc2V0O1xuYDtcblxudHlwZSBQcm9wcyA9IHtcbiAgY2hpbGRyZW46IFJlYWN0Tm9kZTtcbiAgaW1hZ2U/OiBTZWFyY2hJdGVtVHlwZVsnaXRlbSddWydpbWcnXSB8IG51bGw7XG4gIHR5cGU/OiBDb250ZW50VHlwZTtcbn07XG5jb25zdCBJdGVtVG9waWNIZWFkZXIgPSAoeyBjaGlsZHJlbiwgaW1hZ2UsIHR5cGUgfTogUHJvcHMpID0+IHtcbiAgY29uc3QgeyB0IH0gPSB1c2VUcmFuc2xhdGlvbigpO1xuICByZXR1cm4gKFxuICAgIDxXcmFwcGVyPlxuICAgICAge2ltYWdlICYmIChcbiAgICAgICAgPFRvcGljSGVhZGVyVmlzdWFsRWxlbWVudFdyYXBwZXI+XG4gICAgICAgICAgPFRvcGljSGVhZGVySW1hZ2UgY2xhc3NOYW1lPVwidG9waWMtaGVhZGVyLWltYWdlXCIgc3JjPXtpbWFnZS51cmx9IGFsdD17aW1hZ2UuYWx0fSAvPlxuICAgICAgICA8L1RvcGljSGVhZGVyVmlzdWFsRWxlbWVudFdyYXBwZXI+XG4gICAgICApfVxuICAgICAgPExhYmVsIGNsYXNzTmFtZT1cInRvcGljLWxhYmVsXCI+XG4gICAgICAgIHt0eXBlICYmIChcbiAgICAgICAgICA8PlxuICAgICAgICAgICAgPENvbnRlbnRUeXBlQmFkZ2UgdHlwZT17dHlwZX0gYm9yZGVyPXtmYWxzZX0gLz5cbiAgICAgICAgICAgIHt0KGBjb250ZW50VHlwZXMuJHt0eXBlfWApfVxuICAgICAgICAgIDwvPlxuICAgICAgICApfVxuICAgICAgPC9MYWJlbD5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L1dyYXBwZXI+XG4gICk7XG59O1xuXG5leHBvcnQgZGVmYXVsdCBJdGVtVG9waWNIZWFkZXI7XG4iXX0= */"));
+})("padding:", _core.spacing.small, " ", _core.spacing.normal, " 0;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkl0ZW1Ub3BpY0hlYWRlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBaUI2QiIsImZpbGUiOiJJdGVtVG9waWNIZWFkZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDb3B5cmlnaHQgKGMpIDIwMjEtcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLlxuICpcbiAqL1xuXG5pbXBvcnQgUmVhY3QsIHsgUmVhY3ROb2RlIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgdXNlVHJhbnNsYXRpb24gfSBmcm9tICdyZWFjdC1pMThuZXh0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGNvbG9ycywgZm9udHMsIHNwYWNpbmcgfSBmcm9tICdAbmRsYS9jb3JlJztcblxuaW1wb3J0IHsgU2VhcmNoSXRlbVR5cGUgfSBmcm9tICcuLi9TZWFyY2hJdGVtJztcbmltcG9ydCBDb250ZW50VHlwZUJhZGdlIGZyb20gJy4uLy4uL0NvbnRlbnRUeXBlQmFkZ2UnO1xuaW1wb3J0IHsgQ29udGVudFR5cGUgfSBmcm9tICcuLi9TZWFyY2hUeXBlUmVzdWx0JztcblxuY29uc3QgV3JhcHBlciA9IHN0eWxlZC5oZWFkZXJgXG4gIHBhZGRpbmc6ICR7c3BhY2luZy5zbWFsbH0gJHtzcGFjaW5nLm5vcm1hbH0gMDtcbmA7XG5cbmNvbnN0IExhYmVsID0gc3R5bGVkLmRpdmBcbiAgJHtmb250cy5zaXplcygnMTJweCcsICcxNnB4Jyl9O1xuICBmb250LXdlaWdodDogJHtmb250cy53ZWlnaHQuc2VtaWJvbGR9O1xuICBoZWlnaHQ6IDI2cHg7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIG1hcmdpbjogJHtzcGFjaW5nLnNtYWxsfSAwO1xuXG4gIC5jLWNvbnRlbnQtdHlwZS1iYWRnZSB7XG4gICAgd2lkdGg6IDI2cHg7XG4gICAgaGVpZ2h0OiAyNnB4O1xuICAgIG1hcmdpbi1yaWdodDogJHtzcGFjaW5nLnhzbWFsbH07XG4gIH1cblxuICBzdmcge1xuICAgIHdpZHRoOiAyMnB4O1xuICAgIGhlaWdodDogMjJweDtcbiAgICBjb2xvcjogJHtjb2xvcnMudGV4dC5wcmltYXJ5fSAhaW1wb3J0YW50O1xuICB9XG5gO1xuXG5jb25zdCBUb3BpY0hlYWRlclZpc3VhbEVsZW1lbnRXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgZmxvYXQ6IHJpZ2h0O1xuICBtYXJnaW4tbGVmdDogJHtzcGFjaW5nLnNtYWxsfTtcbiAgd2lkdGg6IDExMHB4O1xuICBoZWlnaHQ6IDExMHB4O1xuICBkaXNwbGF5OiBmbGV4O1xuICBvdmVyZmxvdzogaGlkZGVuO1xuICBib3JkZXItcmFkaXVzOiA1MCU7XG5gO1xuXG5jb25zdCBUb3BpY0hlYWRlckltYWdlID0gc3R5bGVkLmltZ2BcbiAgd2lkdGg6IDEwMCU7XG4gIGhlaWdodDogMTAwJTtcbiAgb2JqZWN0LWZpdDogY292ZXI7XG4gIG1heC13aWR0aDogdW5zZXQ7XG5gO1xuXG5pbnRlcmZhY2UgUHJvcHMge1xuICBjaGlsZHJlbjogUmVhY3ROb2RlO1xuICBpbWFnZT86IFNlYXJjaEl0ZW1UeXBlWydpdGVtJ11bJ2ltZyddIHwgbnVsbDtcbiAgdHlwZT86IENvbnRlbnRUeXBlO1xufVxuXG5jb25zdCBJdGVtVG9waWNIZWFkZXIgPSAoeyBjaGlsZHJlbiwgaW1hZ2UsIHR5cGUgfTogUHJvcHMpID0+IHtcbiAgY29uc3QgeyB0IH0gPSB1c2VUcmFuc2xhdGlvbigpO1xuICByZXR1cm4gKFxuICAgIDxXcmFwcGVyPlxuICAgICAge2ltYWdlICYmIChcbiAgICAgICAgPFRvcGljSGVhZGVyVmlzdWFsRWxlbWVudFdyYXBwZXI+XG4gICAgICAgICAgPFRvcGljSGVhZGVySW1hZ2UgY2xhc3NOYW1lPVwidG9waWMtaGVhZGVyLWltYWdlXCIgc3JjPXtpbWFnZS51cmx9IGFsdD1cIlwiIC8+XG4gICAgICAgIDwvVG9waWNIZWFkZXJWaXN1YWxFbGVtZW50V3JhcHBlcj5cbiAgICAgICl9XG4gICAgICA8TGFiZWwgY2xhc3NOYW1lPVwidG9waWMtbGFiZWxcIj5cbiAgICAgICAge3R5cGUgJiYgKFxuICAgICAgICAgIDw+XG4gICAgICAgICAgICA8Q29udGVudFR5cGVCYWRnZSB0eXBlPXt0eXBlfSBib3JkZXI9e2ZhbHNlfSAvPlxuICAgICAgICAgICAge3QoYGNvbnRlbnRUeXBlcy4ke3R5cGV9YCl9XG4gICAgICAgICAgPC8+XG4gICAgICAgICl9XG4gICAgICA8L0xhYmVsPlxuICAgICAge2NoaWxkcmVufVxuICAgIDwvV3JhcHBlcj5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IEl0ZW1Ub3BpY0hlYWRlcjtcbiJdfQ== */"));
 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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkl0ZW1Ub3BpY0hlYWRlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBd0J3QiIsImZpbGUiOiJJdGVtVG9waWNIZWFkZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDb3B5cmlnaHQgKGMpIDIwMjEtcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLlxuICpcbiAqL1xuXG5pbXBvcnQgUmVhY3QsIHsgUmVhY3ROb2RlIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgdXNlVHJhbnNsYXRpb24gfSBmcm9tICdyZWFjdC1pMThuZXh0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGNvbG9ycywgZm9udHMsIHNwYWNpbmcgfSBmcm9tICdAbmRsYS9jb3JlJztcblxuaW1wb3J0IHsgU2VhcmNoSXRlbVR5cGUgfSBmcm9tICcuLi9TZWFyY2hJdGVtJztcbmltcG9ydCBDb250ZW50VHlwZUJhZGdlIGZyb20gJy4uLy4uL0NvbnRlbnRUeXBlQmFkZ2UnO1xuaW1wb3J0IHsgQ29udGVudFR5cGUgfSBmcm9tICcuLi9TZWFyY2hUeXBlUmVzdWx0JztcblxuY29uc3QgV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIHBhZGRpbmc6ICR7c3BhY2luZy5zbWFsbH0gJHtzcGFjaW5nLm5vcm1hbH07XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgbWluLWhlaWdodDogMDtcbiAgZmxleDogMTtcbmA7XG5cbmNvbnN0IExhYmVsID0gc3R5bGVkLmRpdmBcbiAgJHtmb250cy5zaXplcygnMTJweCcsICcxNnB4Jyl9O1xuICBmb250LXdlaWdodDogJHtmb250cy53ZWlnaHQuc2VtaWJvbGR9O1xuICBoZWlnaHQ6IDI2cHg7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIG1hcmdpbi10b3A6ICR7c3BhY2luZy5zbWFsbH07XG5cbiAgLmMtY29udGVudC10eXBlLWJhZGdlIHtcbiAgICB3aWR0aDogMjZweDtcbiAgICBoZWlnaHQ6IDI2cHg7XG4gICAgbWFyZ2luLXJpZ2h0OiAke3NwYWNpbmcueHNtYWxsfTtcbiAgfVxuXG4gIHN2ZyB7XG4gICAgd2lkdGg6IDIycHg7XG4gICAgaGVpZ2h0OiAyMnB4O1xuICAgIGNvbG9yOiAke2NvbG9ycy50ZXh0LnByaW1hcnl9ICFpbXBvcnRhbnQ7XG4gIH1cbmA7XG5cbmNvbnN0IFRvcGljSGVhZGVyVmlzdWFsRWxlbWVudFdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBmbG9hdDogcmlnaHQ7XG4gIG1hcmdpbi1sZWZ0OiAke3NwYWNpbmcuc21hbGx9O1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIHdpZHRoOiAxMTJweDtcbiAgaGVpZ2h0OiAxMTJweDtcbiAgZGlzcGxheTogZmxleDtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIG92ZXJmbG93OiBoaWRkZW47XG4gIGJvcmRlci1yYWRpdXM6IDUwJTtcbiAgLXdlYmtpdC1tYXNrLWltYWdlOiAtd2Via2l0LXJhZGlhbC1ncmFkaWVudCh3aGl0ZSwgYmxhY2spO1xuYDtcblxuY29uc3QgVG9waWNIZWFkZXJJbWFnZSA9IHN0eWxlZC5pbWdgXG4gIHdpZHRoOiAxMDAlO1xuICBoZWlnaHQ6IDEwMCU7XG4gIG9iamVjdC1maXQ6IGNvdmVyO1xuICBtYXgtd2lkdGg6IHVuc2V0O1xuYDtcblxudHlwZSBQcm9wcyA9IHtcbiAgY2hpbGRyZW46IFJlYWN0Tm9kZTtcbiAgaW1hZ2U/OiBTZWFyY2hJdGVtVHlwZVsnaXRlbSddWydpbWcnXSB8IG51bGw7XG4gIHR5cGU/OiBDb250ZW50VHlwZTtcbn07XG5jb25zdCBJdGVtVG9waWNIZWFkZXIgPSAoeyBjaGlsZHJlbiwgaW1hZ2UsIHR5cGUgfTogUHJvcHMpID0+IHtcbiAgY29uc3QgeyB0IH0gPSB1c2VUcmFuc2xhdGlvbigpO1xuICByZXR1cm4gKFxuICAgIDxXcmFwcGVyPlxuICAgICAge2ltYWdlICYmIChcbiAgICAgICAgPFRvcGljSGVhZGVyVmlzdWFsRWxlbWVudFdyYXBwZXI+XG4gICAgICAgICAgPFRvcGljSGVhZGVySW1hZ2UgY2xhc3NOYW1lPVwidG9waWMtaGVhZGVyLWltYWdlXCIgc3JjPXtpbWFnZS51cmx9IGFsdD17aW1hZ2UuYWx0fSAvPlxuICAgICAgICA8L1RvcGljSGVhZGVyVmlzdWFsRWxlbWVudFdyYXBwZXI+XG4gICAgICApfVxuICAgICAgPExhYmVsIGNsYXNzTmFtZT1cInRvcGljLWxhYmVsXCI+XG4gICAgICAgIHt0eXBlICYmIChcbiAgICAgICAgICA8PlxuICAgICAgICAgICAgPENvbnRlbnRUeXBlQmFkZ2UgdHlwZT17dHlwZX0gYm9yZGVyPXtmYWxzZX0gLz5cbiAgICAgICAgICAgIHt0KGBjb250ZW50VHlwZXMuJHt0eXBlfWApfVxuICAgICAgICAgIDwvPlxuICAgICAgICApfVxuICAgICAgPC9MYWJlbD5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L1dyYXBwZXI+XG4gICk7XG59O1xuXG5leHBvcnQgZGVmYXVsdCBJdGVtVG9waWNIZWFkZXI7XG4iXX0= */"));
+})(_core.fonts.sizes('12px', '16px'), ";font-weight:", _core.fonts.weight.semibold, ";height:26px;display:flex;align-items:center;margin:", _core.spacing.small, " 0;.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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkl0ZW1Ub3BpY0hlYWRlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBcUJ3QiIsImZpbGUiOiJJdGVtVG9waWNIZWFkZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDb3B5cmlnaHQgKGMpIDIwMjEtcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLlxuICpcbiAqL1xuXG5pbXBvcnQgUmVhY3QsIHsgUmVhY3ROb2RlIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgdXNlVHJhbnNsYXRpb24gfSBmcm9tICdyZWFjdC1pMThuZXh0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGNvbG9ycywgZm9udHMsIHNwYWNpbmcgfSBmcm9tICdAbmRsYS9jb3JlJztcblxuaW1wb3J0IHsgU2VhcmNoSXRlbVR5cGUgfSBmcm9tICcuLi9TZWFyY2hJdGVtJztcbmltcG9ydCBDb250ZW50VHlwZUJhZGdlIGZyb20gJy4uLy4uL0NvbnRlbnRUeXBlQmFkZ2UnO1xuaW1wb3J0IHsgQ29udGVudFR5cGUgfSBmcm9tICcuLi9TZWFyY2hUeXBlUmVzdWx0JztcblxuY29uc3QgV3JhcHBlciA9IHN0eWxlZC5oZWFkZXJgXG4gIHBhZGRpbmc6ICR7c3BhY2luZy5zbWFsbH0gJHtzcGFjaW5nLm5vcm1hbH0gMDtcbmA7XG5cbmNvbnN0IExhYmVsID0gc3R5bGVkLmRpdmBcbiAgJHtmb250cy5zaXplcygnMTJweCcsICcxNnB4Jyl9O1xuICBmb250LXdlaWdodDogJHtmb250cy53ZWlnaHQuc2VtaWJvbGR9O1xuICBoZWlnaHQ6IDI2cHg7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIG1hcmdpbjogJHtzcGFjaW5nLnNtYWxsfSAwO1xuXG4gIC5jLWNvbnRlbnQtdHlwZS1iYWRnZSB7XG4gICAgd2lkdGg6IDI2cHg7XG4gICAgaGVpZ2h0OiAyNnB4O1xuICAgIG1hcmdpbi1yaWdodDogJHtzcGFjaW5nLnhzbWFsbH07XG4gIH1cblxuICBzdmcge1xuICAgIHdpZHRoOiAyMnB4O1xuICAgIGhlaWdodDogMjJweDtcbiAgICBjb2xvcjogJHtjb2xvcnMudGV4dC5wcmltYXJ5fSAhaW1wb3J0YW50O1xuICB9XG5gO1xuXG5jb25zdCBUb3BpY0hlYWRlclZpc3VhbEVsZW1lbnRXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgZmxvYXQ6IHJpZ2h0O1xuICBtYXJnaW4tbGVmdDogJHtzcGFjaW5nLnNtYWxsfTtcbiAgd2lkdGg6IDExMHB4O1xuICBoZWlnaHQ6IDExMHB4O1xuICBkaXNwbGF5OiBmbGV4O1xuICBvdmVyZmxvdzogaGlkZGVuO1xuICBib3JkZXItcmFkaXVzOiA1MCU7XG5gO1xuXG5jb25zdCBUb3BpY0hlYWRlckltYWdlID0gc3R5bGVkLmltZ2BcbiAgd2lkdGg6IDEwMCU7XG4gIGhlaWdodDogMTAwJTtcbiAgb2JqZWN0LWZpdDogY292ZXI7XG4gIG1heC13aWR0aDogdW5zZXQ7XG5gO1xuXG5pbnRlcmZhY2UgUHJvcHMge1xuICBjaGlsZHJlbjogUmVhY3ROb2RlO1xuICBpbWFnZT86IFNlYXJjaEl0ZW1UeXBlWydpdGVtJ11bJ2ltZyddIHwgbnVsbDtcbiAgdHlwZT86IENvbnRlbnRUeXBlO1xufVxuXG5jb25zdCBJdGVtVG9waWNIZWFkZXIgPSAoeyBjaGlsZHJlbiwgaW1hZ2UsIHR5cGUgfTogUHJvcHMpID0+IHtcbiAgY29uc3QgeyB0IH0gPSB1c2VUcmFuc2xhdGlvbigpO1xuICByZXR1cm4gKFxuICAgIDxXcmFwcGVyPlxuICAgICAge2ltYWdlICYmIChcbiAgICAgICAgPFRvcGljSGVhZGVyVmlzdWFsRWxlbWVudFdyYXBwZXI+XG4gICAgICAgICAgPFRvcGljSGVhZGVySW1hZ2UgY2xhc3NOYW1lPVwidG9waWMtaGVhZGVyLWltYWdlXCIgc3JjPXtpbWFnZS51cmx9IGFsdD1cIlwiIC8+XG4gICAgICAgIDwvVG9waWNIZWFkZXJWaXN1YWxFbGVtZW50V3JhcHBlcj5cbiAgICAgICl9XG4gICAgICA8TGFiZWwgY2xhc3NOYW1lPVwidG9waWMtbGFiZWxcIj5cbiAgICAgICAge3R5cGUgJiYgKFxuICAgICAgICAgIDw+XG4gICAgICAgICAgICA8Q29udGVudFR5cGVCYWRnZSB0eXBlPXt0eXBlfSBib3JkZXI9e2ZhbHNlfSAvPlxuICAgICAgICAgICAge3QoYGNvbnRlbnRUeXBlcy4ke3R5cGV9YCl9XG4gICAgICAgICAgPC8+XG4gICAgICAgICl9XG4gICAgICA8L0xhYmVsPlxuICAgICAge2NoaWxkcmVufVxuICAgIDwvV3JhcHBlcj5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IEl0ZW1Ub3BpY0hlYWRlcjtcbiJdfQ== */"));
 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%;-webkit-mask-image:-webkit-radial-gradient(white, black);" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkl0ZW1Ub3BpY0hlYWRlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBNkNrRCIsImZpbGUiOiJJdGVtVG9waWNIZWFkZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDb3B5cmlnaHQgKGMpIDIwMjEtcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLlxuICpcbiAqL1xuXG5pbXBvcnQgUmVhY3QsIHsgUmVhY3ROb2RlIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgdXNlVHJhbnNsYXRpb24gfSBmcm9tICdyZWFjdC1pMThuZXh0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGNvbG9ycywgZm9udHMsIHNwYWNpbmcgfSBmcm9tICdAbmRsYS9jb3JlJztcblxuaW1wb3J0IHsgU2VhcmNoSXRlbVR5cGUgfSBmcm9tICcuLi9TZWFyY2hJdGVtJztcbmltcG9ydCBDb250ZW50VHlwZUJhZGdlIGZyb20gJy4uLy4uL0NvbnRlbnRUeXBlQmFkZ2UnO1xuaW1wb3J0IHsgQ29udGVudFR5cGUgfSBmcm9tICcuLi9TZWFyY2hUeXBlUmVzdWx0JztcblxuY29uc3QgV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIHBhZGRpbmc6ICR7c3BhY2luZy5zbWFsbH0gJHtzcGFjaW5nLm5vcm1hbH07XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgbWluLWhlaWdodDogMDtcbiAgZmxleDogMTtcbmA7XG5cbmNvbnN0IExhYmVsID0gc3R5bGVkLmRpdmBcbiAgJHtmb250cy5zaXplcygnMTJweCcsICcxNnB4Jyl9O1xuICBmb250LXdlaWdodDogJHtmb250cy53ZWlnaHQuc2VtaWJvbGR9O1xuICBoZWlnaHQ6IDI2cHg7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIG1hcmdpbi10b3A6ICR7c3BhY2luZy5zbWFsbH07XG5cbiAgLmMtY29udGVudC10eXBlLWJhZGdlIHtcbiAgICB3aWR0aDogMjZweDtcbiAgICBoZWlnaHQ6IDI2cHg7XG4gICAgbWFyZ2luLXJpZ2h0OiAke3NwYWNpbmcueHNtYWxsfTtcbiAgfVxuXG4gIHN2ZyB7XG4gICAgd2lkdGg6IDIycHg7XG4gICAgaGVpZ2h0OiAyMnB4O1xuICAgIGNvbG9yOiAke2NvbG9ycy50ZXh0LnByaW1hcnl9ICFpbXBvcnRhbnQ7XG4gIH1cbmA7XG5cbmNvbnN0IFRvcGljSGVhZGVyVmlzdWFsRWxlbWVudFdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBmbG9hdDogcmlnaHQ7XG4gIG1hcmdpbi1sZWZ0OiAke3NwYWNpbmcuc21hbGx9O1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIHdpZHRoOiAxMTJweDtcbiAgaGVpZ2h0OiAxMTJweDtcbiAgZGlzcGxheTogZmxleDtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIG92ZXJmbG93OiBoaWRkZW47XG4gIGJvcmRlci1yYWRpdXM6IDUwJTtcbiAgLXdlYmtpdC1tYXNrLWltYWdlOiAtd2Via2l0LXJhZGlhbC1ncmFkaWVudCh3aGl0ZSwgYmxhY2spO1xuYDtcblxuY29uc3QgVG9waWNIZWFkZXJJbWFnZSA9IHN0eWxlZC5pbWdgXG4gIHdpZHRoOiAxMDAlO1xuICBoZWlnaHQ6IDEwMCU7XG4gIG9iamVjdC1maXQ6IGNvdmVyO1xuICBtYXgtd2lkdGg6IHVuc2V0O1xuYDtcblxudHlwZSBQcm9wcyA9IHtcbiAgY2hpbGRyZW46IFJlYWN0Tm9kZTtcbiAgaW1hZ2U/OiBTZWFyY2hJdGVtVHlwZVsnaXRlbSddWydpbWcnXSB8IG51bGw7XG4gIHR5cGU/OiBDb250ZW50VHlwZTtcbn07XG5jb25zdCBJdGVtVG9waWNIZWFkZXIgPSAoeyBjaGlsZHJlbiwgaW1hZ2UsIHR5cGUgfTogUHJvcHMpID0+IHtcbiAgY29uc3QgeyB0IH0gPSB1c2VUcmFuc2xhdGlvbigpO1xuICByZXR1cm4gKFxuICAgIDxXcmFwcGVyPlxuICAgICAge2ltYWdlICYmIChcbiAgICAgICAgPFRvcGljSGVhZGVyVmlzdWFsRWxlbWVudFdyYXBwZXI+XG4gICAgICAgICAgPFRvcGljSGVhZGVySW1hZ2UgY2xhc3NOYW1lPVwidG9waWMtaGVhZGVyLWltYWdlXCIgc3JjPXtpbWFnZS51cmx9IGFsdD17aW1hZ2UuYWx0fSAvPlxuICAgICAgICA8L1RvcGljSGVhZGVyVmlzdWFsRWxlbWVudFdyYXBwZXI+XG4gICAgICApfVxuICAgICAgPExhYmVsIGNsYXNzTmFtZT1cInRvcGljLWxhYmVsXCI+XG4gICAgICAgIHt0eXBlICYmIChcbiAgICAgICAgICA8PlxuICAgICAgICAgICAgPENvbnRlbnRUeXBlQmFkZ2UgdHlwZT17dHlwZX0gYm9yZGVyPXtmYWxzZX0gLz5cbiAgICAgICAgICAgIHt0KGBjb250ZW50VHlwZXMuJHt0eXBlfWApfVxuICAgICAgICAgIDwvPlxuICAgICAgICApfVxuICAgICAgPC9MYWJlbD5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L1dyYXBwZXI+XG4gICk7XG59O1xuXG5leHBvcnQgZGVmYXVsdCBJdGVtVG9waWNIZWFkZXI7XG4iXX0= */"));
+})("float:right;margin-left:", _core.spacing.small, ";width:110px;height:110px;display:flex;overflow:hidden;border-radius:50%;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkl0ZW1Ub3BpY0hlYWRlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMENrRCIsImZpbGUiOiJJdGVtVG9waWNIZWFkZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDb3B5cmlnaHQgKGMpIDIwMjEtcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLlxuICpcbiAqL1xuXG5pbXBvcnQgUmVhY3QsIHsgUmVhY3ROb2RlIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgdXNlVHJhbnNsYXRpb24gfSBmcm9tICdyZWFjdC1pMThuZXh0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGNvbG9ycywgZm9udHMsIHNwYWNpbmcgfSBmcm9tICdAbmRsYS9jb3JlJztcblxuaW1wb3J0IHsgU2VhcmNoSXRlbVR5cGUgfSBmcm9tICcuLi9TZWFyY2hJdGVtJztcbmltcG9ydCBDb250ZW50VHlwZUJhZGdlIGZyb20gJy4uLy4uL0NvbnRlbnRUeXBlQmFkZ2UnO1xuaW1wb3J0IHsgQ29udGVudFR5cGUgfSBmcm9tICcuLi9TZWFyY2hUeXBlUmVzdWx0JztcblxuY29uc3QgV3JhcHBlciA9IHN0eWxlZC5oZWFkZXJgXG4gIHBhZGRpbmc6ICR7c3BhY2luZy5zbWFsbH0gJHtzcGFjaW5nLm5vcm1hbH0gMDtcbmA7XG5cbmNvbnN0IExhYmVsID0gc3R5bGVkLmRpdmBcbiAgJHtmb250cy5zaXplcygnMTJweCcsICcxNnB4Jyl9O1xuICBmb250LXdlaWdodDogJHtmb250cy53ZWlnaHQuc2VtaWJvbGR9O1xuICBoZWlnaHQ6IDI2cHg7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIG1hcmdpbjogJHtzcGFjaW5nLnNtYWxsfSAwO1xuXG4gIC5jLWNvbnRlbnQtdHlwZS1iYWRnZSB7XG4gICAgd2lkdGg6IDI2cHg7XG4gICAgaGVpZ2h0OiAyNnB4O1xuICAgIG1hcmdpbi1yaWdodDogJHtzcGFjaW5nLnhzbWFsbH07XG4gIH1cblxuICBzdmcge1xuICAgIHdpZHRoOiAyMnB4O1xuICAgIGhlaWdodDogMjJweDtcbiAgICBjb2xvcjogJHtjb2xvcnMudGV4dC5wcmltYXJ5fSAhaW1wb3J0YW50O1xuICB9XG5gO1xuXG5jb25zdCBUb3BpY0hlYWRlclZpc3VhbEVsZW1lbnRXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgZmxvYXQ6IHJpZ2h0O1xuICBtYXJnaW4tbGVmdDogJHtzcGFjaW5nLnNtYWxsfTtcbiAgd2lkdGg6IDExMHB4O1xuICBoZWlnaHQ6IDExMHB4O1xuICBkaXNwbGF5OiBmbGV4O1xuICBvdmVyZmxvdzogaGlkZGVuO1xuICBib3JkZXItcmFkaXVzOiA1MCU7XG5gO1xuXG5jb25zdCBUb3BpY0hlYWRlckltYWdlID0gc3R5bGVkLmltZ2BcbiAgd2lkdGg6IDEwMCU7XG4gIGhlaWdodDogMTAwJTtcbiAgb2JqZWN0LWZpdDogY292ZXI7XG4gIG1heC13aWR0aDogdW5zZXQ7XG5gO1xuXG5pbnRlcmZhY2UgUHJvcHMge1xuICBjaGlsZHJlbjogUmVhY3ROb2RlO1xuICBpbWFnZT86IFNlYXJjaEl0ZW1UeXBlWydpdGVtJ11bJ2ltZyddIHwgbnVsbDtcbiAgdHlwZT86IENvbnRlbnRUeXBlO1xufVxuXG5jb25zdCBJdGVtVG9waWNIZWFkZXIgPSAoeyBjaGlsZHJlbiwgaW1hZ2UsIHR5cGUgfTogUHJvcHMpID0+IHtcbiAgY29uc3QgeyB0IH0gPSB1c2VUcmFuc2xhdGlvbigpO1xuICByZXR1cm4gKFxuICAgIDxXcmFwcGVyPlxuICAgICAge2ltYWdlICYmIChcbiAgICAgICAgPFRvcGljSGVhZGVyVmlzdWFsRWxlbWVudFdyYXBwZXI+XG4gICAgICAgICAgPFRvcGljSGVhZGVySW1hZ2UgY2xhc3NOYW1lPVwidG9waWMtaGVhZGVyLWltYWdlXCIgc3JjPXtpbWFnZS51cmx9IGFsdD1cIlwiIC8+XG4gICAgICAgIDwvVG9waWNIZWFkZXJWaXN1YWxFbGVtZW50V3JhcHBlcj5cbiAgICAgICl9XG4gICAgICA8TGFiZWwgY2xhc3NOYW1lPVwidG9waWMtbGFiZWxcIj5cbiAgICAgICAge3R5cGUgJiYgKFxuICAgICAgICAgIDw+XG4gICAgICAgICAgICA8Q29udGVudFR5cGVCYWRnZSB0eXBlPXt0eXBlfSBib3JkZXI9e2ZhbHNlfSAvPlxuICAgICAgICAgICAge3QoYGNvbnRlbnRUeXBlcy4ke3R5cGV9YCl9XG4gICAgICAgICAgPC8+XG4gICAgICAgICl9XG4gICAgICA8L0xhYmVsPlxuICAgICAge2NoaWxkcmVufVxuICAgIDwvV3JhcHBlcj5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IEl0ZW1Ub3BpY0hlYWRlcjtcbiJdfQ== */"));
 var TopicHeaderImage = /*#__PURE__*/(0, _base["default"])("img", {
   target: "e1kvpkml0",
   label: "TopicHeaderImage"
@@ -33,7 +33,7 @@ var TopicHeaderImage = /*#__PURE__*/(0, _base["default"])("img", {
 } : {
   name: "ua5abx",
   styles: "width:100%;height:100%;object-fit:cover;max-width:unset",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkl0ZW1Ub3BpY0hlYWRlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMkRtQyIsImZpbGUiOiJJdGVtVG9waWNIZWFkZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDb3B5cmlnaHQgKGMpIDIwMjEtcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLlxuICpcbiAqL1xuXG5pbXBvcnQgUmVhY3QsIHsgUmVhY3ROb2RlIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgdXNlVHJhbnNsYXRpb24gfSBmcm9tICdyZWFjdC1pMThuZXh0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGNvbG9ycywgZm9udHMsIHNwYWNpbmcgfSBmcm9tICdAbmRsYS9jb3JlJztcblxuaW1wb3J0IHsgU2VhcmNoSXRlbVR5cGUgfSBmcm9tICcuLi9TZWFyY2hJdGVtJztcbmltcG9ydCBDb250ZW50VHlwZUJhZGdlIGZyb20gJy4uLy4uL0NvbnRlbnRUeXBlQmFkZ2UnO1xuaW1wb3J0IHsgQ29udGVudFR5cGUgfSBmcm9tICcuLi9TZWFyY2hUeXBlUmVzdWx0JztcblxuY29uc3QgV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIHBhZGRpbmc6ICR7c3BhY2luZy5zbWFsbH0gJHtzcGFjaW5nLm5vcm1hbH07XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgbWluLWhlaWdodDogMDtcbiAgZmxleDogMTtcbmA7XG5cbmNvbnN0IExhYmVsID0gc3R5bGVkLmRpdmBcbiAgJHtmb250cy5zaXplcygnMTJweCcsICcxNnB4Jyl9O1xuICBmb250LXdlaWdodDogJHtmb250cy53ZWlnaHQuc2VtaWJvbGR9O1xuICBoZWlnaHQ6IDI2cHg7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIG1hcmdpbi10b3A6ICR7c3BhY2luZy5zbWFsbH07XG5cbiAgLmMtY29udGVudC10eXBlLWJhZGdlIHtcbiAgICB3aWR0aDogMjZweDtcbiAgICBoZWlnaHQ6IDI2cHg7XG4gICAgbWFyZ2luLXJpZ2h0OiAke3NwYWNpbmcueHNtYWxsfTtcbiAgfVxuXG4gIHN2ZyB7XG4gICAgd2lkdGg6IDIycHg7XG4gICAgaGVpZ2h0OiAyMnB4O1xuICAgIGNvbG9yOiAke2NvbG9ycy50ZXh0LnByaW1hcnl9ICFpbXBvcnRhbnQ7XG4gIH1cbmA7XG5cbmNvbnN0IFRvcGljSGVhZGVyVmlzdWFsRWxlbWVudFdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBmbG9hdDogcmlnaHQ7XG4gIG1hcmdpbi1sZWZ0OiAke3NwYWNpbmcuc21hbGx9O1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIHdpZHRoOiAxMTJweDtcbiAgaGVpZ2h0OiAxMTJweDtcbiAgZGlzcGxheTogZmxleDtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIG92ZXJmbG93OiBoaWRkZW47XG4gIGJvcmRlci1yYWRpdXM6IDUwJTtcbiAgLXdlYmtpdC1tYXNrLWltYWdlOiAtd2Via2l0LXJhZGlhbC1ncmFkaWVudCh3aGl0ZSwgYmxhY2spO1xuYDtcblxuY29uc3QgVG9waWNIZWFkZXJJbWFnZSA9IHN0eWxlZC5pbWdgXG4gIHdpZHRoOiAxMDAlO1xuICBoZWlnaHQ6IDEwMCU7XG4gIG9iamVjdC1maXQ6IGNvdmVyO1xuICBtYXgtd2lkdGg6IHVuc2V0O1xuYDtcblxudHlwZSBQcm9wcyA9IHtcbiAgY2hpbGRyZW46IFJlYWN0Tm9kZTtcbiAgaW1hZ2U/OiBTZWFyY2hJdGVtVHlwZVsnaXRlbSddWydpbWcnXSB8IG51bGw7XG4gIHR5cGU/OiBDb250ZW50VHlwZTtcbn07XG5jb25zdCBJdGVtVG9waWNIZWFkZXIgPSAoeyBjaGlsZHJlbiwgaW1hZ2UsIHR5cGUgfTogUHJvcHMpID0+IHtcbiAgY29uc3QgeyB0IH0gPSB1c2VUcmFuc2xhdGlvbigpO1xuICByZXR1cm4gKFxuICAgIDxXcmFwcGVyPlxuICAgICAge2ltYWdlICYmIChcbiAgICAgICAgPFRvcGljSGVhZGVyVmlzdWFsRWxlbWVudFdyYXBwZXI+XG4gICAgICAgICAgPFRvcGljSGVhZGVySW1hZ2UgY2xhc3NOYW1lPVwidG9waWMtaGVhZGVyLWltYWdlXCIgc3JjPXtpbWFnZS51cmx9IGFsdD17aW1hZ2UuYWx0fSAvPlxuICAgICAgICA8L1RvcGljSGVhZGVyVmlzdWFsRWxlbWVudFdyYXBwZXI+XG4gICAgICApfVxuICAgICAgPExhYmVsIGNsYXNzTmFtZT1cInRvcGljLWxhYmVsXCI+XG4gICAgICAgIHt0eXBlICYmIChcbiAgICAgICAgICA8PlxuICAgICAgICAgICAgPENvbnRlbnRUeXBlQmFkZ2UgdHlwZT17dHlwZX0gYm9yZGVyPXtmYWxzZX0gLz5cbiAgICAgICAgICAgIHt0KGBjb250ZW50VHlwZXMuJHt0eXBlfWApfVxuICAgICAgICAgIDwvPlxuICAgICAgICApfVxuICAgICAgPC9MYWJlbD5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L1dyYXBwZXI+XG4gICk7XG59O1xuXG5leHBvcnQgZGVmYXVsdCBJdGVtVG9waWNIZWFkZXI7XG4iXX0= */",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkl0ZW1Ub3BpY0hlYWRlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBb0RtQyIsImZpbGUiOiJJdGVtVG9waWNIZWFkZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDb3B5cmlnaHQgKGMpIDIwMjEtcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLlxuICpcbiAqL1xuXG5pbXBvcnQgUmVhY3QsIHsgUmVhY3ROb2RlIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgdXNlVHJhbnNsYXRpb24gfSBmcm9tICdyZWFjdC1pMThuZXh0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGNvbG9ycywgZm9udHMsIHNwYWNpbmcgfSBmcm9tICdAbmRsYS9jb3JlJztcblxuaW1wb3J0IHsgU2VhcmNoSXRlbVR5cGUgfSBmcm9tICcuLi9TZWFyY2hJdGVtJztcbmltcG9ydCBDb250ZW50VHlwZUJhZGdlIGZyb20gJy4uLy4uL0NvbnRlbnRUeXBlQmFkZ2UnO1xuaW1wb3J0IHsgQ29udGVudFR5cGUgfSBmcm9tICcuLi9TZWFyY2hUeXBlUmVzdWx0JztcblxuY29uc3QgV3JhcHBlciA9IHN0eWxlZC5oZWFkZXJgXG4gIHBhZGRpbmc6ICR7c3BhY2luZy5zbWFsbH0gJHtzcGFjaW5nLm5vcm1hbH0gMDtcbmA7XG5cbmNvbnN0IExhYmVsID0gc3R5bGVkLmRpdmBcbiAgJHtmb250cy5zaXplcygnMTJweCcsICcxNnB4Jyl9O1xuICBmb250LXdlaWdodDogJHtmb250cy53ZWlnaHQuc2VtaWJvbGR9O1xuICBoZWlnaHQ6IDI2cHg7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIG1hcmdpbjogJHtzcGFjaW5nLnNtYWxsfSAwO1xuXG4gIC5jLWNvbnRlbnQtdHlwZS1iYWRnZSB7XG4gICAgd2lkdGg6IDI2cHg7XG4gICAgaGVpZ2h0OiAyNnB4O1xuICAgIG1hcmdpbi1yaWdodDogJHtzcGFjaW5nLnhzbWFsbH07XG4gIH1cblxuICBzdmcge1xuICAgIHdpZHRoOiAyMnB4O1xuICAgIGhlaWdodDogMjJweDtcbiAgICBjb2xvcjogJHtjb2xvcnMudGV4dC5wcmltYXJ5fSAhaW1wb3J0YW50O1xuICB9XG5gO1xuXG5jb25zdCBUb3BpY0hlYWRlclZpc3VhbEVsZW1lbnRXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgZmxvYXQ6IHJpZ2h0O1xuICBtYXJnaW4tbGVmdDogJHtzcGFjaW5nLnNtYWxsfTtcbiAgd2lkdGg6IDExMHB4O1xuICBoZWlnaHQ6IDExMHB4O1xuICBkaXNwbGF5OiBmbGV4O1xuICBvdmVyZmxvdzogaGlkZGVuO1xuICBib3JkZXItcmFkaXVzOiA1MCU7XG5gO1xuXG5jb25zdCBUb3BpY0hlYWRlckltYWdlID0gc3R5bGVkLmltZ2BcbiAgd2lkdGg6IDEwMCU7XG4gIGhlaWdodDogMTAwJTtcbiAgb2JqZWN0LWZpdDogY292ZXI7XG4gIG1heC13aWR0aDogdW5zZXQ7XG5gO1xuXG5pbnRlcmZhY2UgUHJvcHMge1xuICBjaGlsZHJlbjogUmVhY3ROb2RlO1xuICBpbWFnZT86IFNlYXJjaEl0ZW1UeXBlWydpdGVtJ11bJ2ltZyddIHwgbnVsbDtcbiAgdHlwZT86IENvbnRlbnRUeXBlO1xufVxuXG5jb25zdCBJdGVtVG9waWNIZWFkZXIgPSAoeyBjaGlsZHJlbiwgaW1hZ2UsIHR5cGUgfTogUHJvcHMpID0+IHtcbiAgY29uc3QgeyB0IH0gPSB1c2VUcmFuc2xhdGlvbigpO1xuICByZXR1cm4gKFxuICAgIDxXcmFwcGVyPlxuICAgICAge2ltYWdlICYmIChcbiAgICAgICAgPFRvcGljSGVhZGVyVmlzdWFsRWxlbWVudFdyYXBwZXI+XG4gICAgICAgICAgPFRvcGljSGVhZGVySW1hZ2UgY2xhc3NOYW1lPVwidG9waWMtaGVhZGVyLWltYWdlXCIgc3JjPXtpbWFnZS51cmx9IGFsdD1cIlwiIC8+XG4gICAgICAgIDwvVG9waWNIZWFkZXJWaXN1YWxFbGVtZW50V3JhcHBlcj5cbiAgICAgICl9XG4gICAgICA8TGFiZWwgY2xhc3NOYW1lPVwidG9waWMtbGFiZWxcIj5cbiAgICAgICAge3R5cGUgJiYgKFxuICAgICAgICAgIDw+XG4gICAgICAgICAgICA8Q29udGVudFR5cGVCYWRnZSB0eXBlPXt0eXBlfSBib3JkZXI9e2ZhbHNlfSAvPlxuICAgICAgICAgICAge3QoYGNvbnRlbnRUeXBlcy4ke3R5cGV9YCl9XG4gICAgICAgICAgPC8+XG4gICAgICAgICl9XG4gICAgICA8L0xhYmVsPlxuICAgICAge2NoaWxkcmVufVxuICAgIDwvV3JhcHBlcj5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IEl0ZW1Ub3BpY0hlYWRlcjtcbiJdfQ== */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
 var ItemTopicHeader = function ItemTopicHeader(_ref) {
@@ -47,7 +47,7 @@ var ItemTopicHeader = function ItemTopicHeader(_ref) {
       children: (0, _jsxRuntime.jsx)(TopicHeaderImage, {
         className: "topic-header-image",
         src: image.url,
-        alt: image.alt
+        alt: ""
       })
     }), (0, _jsxRuntime.jsx)(Label, {
       className: "topic-label",

package/lib/locale/messages-en.js

@@ -323,7 +323,7 @@ var messages = _objectSpread(_objectSpread({
       multidisciplinarySubjects: 'Multidisciplinary subjects',
       toolboxStudents: 'Toolbox - for students',
       toolboxTeachers: 'Toolbox - for teachers',
-      film: 'NDLA Film',
+      film: 'NDLA film',
       about: {
         title: 'About NDLA',
         numbers: 'Numbers and reports',
@@ -750,7 +750,7 @@ var messages = _objectSpread(_objectSpread({
     loadingMovies: 'Loading movies..',
     subjectsInMovies: 'Subjects in film',
     about: {
-      heading: 'About NDLA Film',
+      heading: 'About NDLA film',
       more: 'Read more about NDLA film',
       text: 'Ndla film er ei nettbasert filmtjeneste for elever og lærere i videregående skole. Her finn du spillefilmer, kortfilmer, dokumentarfilmer og TV-serier.'
     },
@@ -792,7 +792,7 @@ var messages = _objectSpread(_objectSpread({
     },
     allMovieGroupTitleLabel: 'Movies starting with {{letter}}',
     moreAboutNdlaFilm: {
-      header: 'NDLA Film',
+      header: 'NDLA film',
       firstParagraph: "The films in the film service are taken from Norwegian and international film heritage and are linked to curricula in several subjects. They have been selected by NDLA's editors in collaboration with Norgesfilm AS.",
       secondParagraph: 'You can watch the films if you are connected to the Internet via your computer, tablet or smartphone. We have done the work with rights clearance and payment. All you have to do is press play.',
       thirdParagraph: 'The films are copyrighted. They can be played freely on ndla.no, but not downloaded or distributed in other publications. All licensees are remunerated for the replays made.',

package/lib/locale/messages-nb.js

@@ -323,7 +323,7 @@ var messages = _objectSpread(_objectSpread({
       multidisciplinarySubjects: 'Tverrfaglige tema',
       toolboxStudents: 'Verktøykassa - for elever',
       toolboxTeachers: 'Verktøykassa - for lærere',
-      film: 'NDLA Film',
+      film: 'NDLA film',
       about: {
         title: 'Om NDLA',
         numbers: 'Tall og rapporter',
@@ -750,7 +750,7 @@ var messages = _objectSpread(_objectSpread({
     loadingMovies: 'Henter filmer...',
     subjectsInMovies: 'Emner i film',
     about: {
-      heading: 'Om NDLA Film',
+      heading: 'Om NDLA film',
       more: 'Les mer om NDLA film',
       text: 'Ndla film er en nettbasert filmtjeneste for elever og lærere i videregående skole. Her funner du spillefilmer, kortfilmer, dokumentarfilmer og TV-serier.'
     },
@@ -792,7 +792,7 @@ var messages = _objectSpread(_objectSpread({
     },
     allMovieGroupTitleLabel: 'Filmer som starter på {{letter}}',
     moreAboutNdlaFilm: {
-      header: 'NDLA Film',
+      header: 'NDLA film',
       firstParagraph: 'Filmene i filmtjenesten er hentet fra norsk og internasjonal filmarv og kobles mot læreplaner i flere fag. De er valgt ut av NDLAs redaksjoner i samarbeid med Norgesfilm AS.',
       secondParagraph: 'Du kan se filmene om du er koblet til Internett via datamaskinen, nettbrettet eller smarttelefonen din. Vi har gjort jobben med rettighetsklarering og betaling. Alt du trenger å gjøre, er å trykke play.',
       thirdParagraph: 'Filmene er copyrightmerket. De kan fritt spilles av på ndla.no, men ikke lastes ned eller distribueres videre i andre publikasjoner. Alle rettighetshavere honoreres for de avspillinger som gjøres.',

package/lib/locale/messages-nn.js

@@ -323,7 +323,7 @@ var messages = _objectSpread(_objectSpread({
       multidisciplinarySubjects: 'Tverrfaglege tema',
       toolboxStudents: 'Verktøykassa - for elevar',
       toolboxTeachers: 'Verktøykassa - for lærarar',
-      film: 'NDLA Film',
+      film: 'NDLA film',
       about: {
         title: 'Om NDLA',
         numbers: 'Tall og rapporter',
@@ -750,7 +750,7 @@ var messages = _objectSpread(_objectSpread({
     loadingMovies: 'Hentar filmar...',
     subjectsInMovies: 'Emne i film',
     about: {
-      heading: 'Om NDLA Film',
+      heading: 'Om NDLA film',
       more: 'Les meir om NDLA film',
       text: 'NDLA film er ei nettbasert filmteneste for elevar og lærarar i vidaregåande skule. Her finn du spelefilmar, kortfilmar, dokumentarfilmar og TV-seriar.'
     },
@@ -792,7 +792,7 @@ var messages = _objectSpread(_objectSpread({
     },
     allMovieGroupTitleLabel: 'Filmar som startar på {{letter}}',
     moreAboutNdlaFilm: {
-      header: 'NDLA Film',
+      header: 'NDLA film',
       firstParagraph: 'Filmane i filmtenesta er henta frå norsk og internasjonal filmarv og er kopla mot læreplanar i fleire fag. Dei er valde av redaksjonane til NDLA i samarbeid med Norgesfilm AS.',
       secondParagraph: 'Du kan sjå filmane om du er kopla til Internett via datamaskina, nettbrettet eller smarttelefonen din. Vi har gjort jobben med klarering av rettar og betaling. Alt du treng å gjere, er å trykke play.',
       thirdParagraph: 'Filmane er copyrightmerka. Dei kan fritt spele dei av på ndla.no, men ikkje laste dei ned eller distribuere dei vidare i andre publikasjonar. Alle rettshavarar blir honorerte for dei avspelingane som blir gjort.',

package/lib/locale/messages-sma.js

@@ -301,8 +301,8 @@ var messages = _objectSpread(_objectSpread({
     },
     errorDescription: 'Gaatesjen, fiejlie sjïdti faage-veedtjemisnie.',
     film: {
-      header: 'NDLA Film',
-      text: 'NDLA Film lea dïenesje laavenjostosne Norgesfilmine. Dïenesje baaja datnem gellie spïelefilmh, åenehks filmh, dokumentaarh jïh raajroeh vuejnedh. Maahtah aaj ööhpehtimmiefilmh jïh filmebietskieh vuejnedh. Buerie båeteme filmen veartenen sïjse!',
+      header: 'NDLA film',
+      text: 'NDLA film lea dïenesje laavenjostosne Norgesfilmine. Dïenesje baaja datnem gellie spïelefilmh, åenehks filmh, dokumentaarh jïh raajroeh vuejnedh. Maahtah aaj ööhpehtimmiefilmh jïh filmebietskieh vuejnedh. Buerie båeteme filmen veartenen sïjse!',
       textShort: 'Buerie båeteme filmen veartenasse!',
       linkLabel: 'Mïnnh NDLA filmese'
     },
@@ -323,7 +323,7 @@ var messages = _objectSpread(_objectSpread({
       multidisciplinarySubjects: 'Tverrfaglege tema',
       toolboxStudents: 'Verktøykassa - for elever',
       toolboxTeachers: 'Verktøykassa - for lærere',
-      film: 'NDLA Film',
+      film: 'NDLA film',
       about: {
         title: 'Om NDLA',
         numbers: 'Tall og rapporter',
@@ -743,15 +743,15 @@ var messages = _objectSpread(_objectSpread({
     copyCode: 'Vaeltieh kopijem kodeste bietskiedimmietaavlese'
   },
   ndlaFilm: {
-    heading: 'NDLA Filmen',
+    heading: 'NDLA filmen',
     slideBackwardsLabel: 'Scroll bååstede',
     slideForwardsLabel: 'Scroll åvtese',
     movieMatchInCategory: 'Gaavnoeh',
     loadingMovies: 'Filmh veedtjeminie...',
     subjectsInMovies: 'Teemah filmesne',
     about: {
-      heading: 'NDLA Filmen bïjre',
-      more: 'Lohkh vielie NDLA Filmen bïjre',
+      heading: 'NDLA filmen bïjre',
+      more: 'Lohkh vielie NDLA filmen bïjre',
       text: 'Ndla Film lea filmedïenesje nedtesne learoehkidie jïh lohkehtæjjide jåarhkeskuvlesne. Daesnie spïelefilmh, åenehks filmh, dokumentaarefilmh jïh TV-raajroh gaavnh.'
     },
     search: {
@@ -792,7 +792,7 @@ var messages = _objectSpread(_objectSpread({
     },
     allMovieGroupTitleLabel: 'Filmar som startar på {{letter}}',
     moreAboutNdlaFilm: {
-      header: 'NDLA Film',
+      header: 'NDLA film',
       firstParagraph: 'Filmh, filmedïenesjisnie, leah nöörjen jïh gaskenasjonaale filme-aerpeste veedtjeme, jïh learoesoejkesjidie ektiedamme jieniebinie faagine. NDLA:n redaksjovnh jïh Norgesfilm AS leah dejtie ektesne veeljeme.',
       secondParagraph: 'Maahtah filmide vuejnedh jis dov gaskeviermie daatovrese, nedtepreejrese jallh smarttellefovnese. Mijjieh barkoem reaktajgujmie jïh maaksojne dorjeme. Datne ajve daarpesjh diedtedh play.',
       thirdParagraph: 'Filmh copyrightmïerhkem utnieh. Maahtah dejtie spïeledh ndla.no:sne, men ih maehtieh dejtie veedtjedh jallh vuesiehtidh jeatjah bæjhkoehtimmine. Gaajhkh reakta-aajhterh maaksoem åadtjoeh spealadimmiej åvteste.',

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ndla/ui",
-  "version": "34.3.6",
+  "version": "34.5.0",
   "description": "UI component library for NDLA.",
   "license": "GPL-3.0",
   "main": "lib/index.js",
@@ -32,19 +32,19 @@
   ],
   "dependencies": {
     "@ndla/article-scripts": "^3.0.14",
-    "@ndla/button": "^9.1.1",
-    "@ndla/carousel": "^3.0.2",
-    "@ndla/core": "^3.1.1",
-    "@ndla/forms": "^4.2.4",
-    "@ndla/hooks": "^1.2.0",
-    "@ndla/icons": "^2.2.2",
+    "@ndla/button": "^9.1.2",
+    "@ndla/carousel": "^3.0.3",
+    "@ndla/core": "^3.1.2",
+    "@ndla/forms": "^4.2.5",
+    "@ndla/hooks": "^2.0.0",
+    "@ndla/icons": "^2.2.3",
     "@ndla/licenses": "^7.0.0",
-    "@ndla/modal": "^2.2.5",
-    "@ndla/notion": "^4.2.0",
-    "@ndla/safelink": "^4.0.6",
-    "@ndla/switch": "^1.0.6",
-    "@ndla/tabs": "^2.1.4",
-    "@ndla/tooltip": "^4.0.7",
+    "@ndla/modal": "^2.2.7",
+    "@ndla/notion": "^4.2.2",
+    "@ndla/safelink": "^4.0.7",
+    "@ndla/switch": "^1.0.7",
+    "@ndla/tabs": "^2.1.5",
+    "@ndla/tooltip": "^4.0.8",
     "@ndla/types-learningpath-api": "^0.0.17",
     "@ndla/util": "^3.1.9",
     "@radix-ui/react-dropdown-menu": "2.0.2",
@@ -83,5 +83,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "4fc4795e0c59dfa2ca1d7affeec3e179b25abb05"
+  "gitHead": "8c417013179c43a651ae70021ce45d6ec1434446"
 }

package/src/Article/Article.tsx

@@ -167,13 +167,14 @@ export const Article = ({
   heartButton,
   copyText,
 }: Props) => {
-  const [articleRef, { entry }] = useIntersectionObserver({
-    root: null,
+  const articleRef = useRef<HTMLDivElement>(null);
+  const wrapperRef = useRef<HTMLDivElement>(null);
+  const { entry } = useIntersectionObserver({
     rootMargin: '400px',
+    target: articleRef.current,
     threshold: 0.1,
   });
   const [articlePositionRight, setArticlePositionRight] = useState(0);
-  const wrapperRef = useRef<HTMLDivElement>(null);
 
   const showExplainNotions = entry && entry.isIntersecting;
 

package/src/ContentTypeBadge/ContentTypeBadge.tsx

@@ -22,16 +22,16 @@ const classes = new BEMHelper({
 });
 
 interface Props {
-  size: 'xx-small' | 'x-small' | 'small' | 'large';
+  size?: 'xx-small' | 'x-small' | 'small' | 'large';
   type: string;
   title?: string;
   background?: boolean;
   border?: boolean;
+  className?: string;
 }
 
-export const ContentTypeBadge = ({ type, background, title, size = 'small', border = true }: Props) => {
+export const ContentTypeBadge = ({ type, background, title, size = 'small', border = true, className }: Props) => {
   const modifiers = [type, size];
-
   if (background) {
     modifiers.push('background');
   }
@@ -71,12 +71,7 @@ export const ContentTypeBadge = ({ type, background, title, size = 'small', bord
     default:
       break;
   }
-  return <div {...classes('', modifiers)}>{icon}</div>;
-};
-
-ContentTypeBadge.defaultProps = {
-  size: 'small',
-  border: true,
+  return <div {...classes('', modifiers, className)}>{icon}</div>;
 };
 
 export const SubjectMaterialBadge = (props: Omit<Props, 'type'>) => (

package/src/MyNdla/Resource/Folder.tsx

@@ -26,8 +26,6 @@ const FolderWrapper = styled.div<LayoutProps>`
   position: relative;
   align-items: center;
   justify-content: space-between;
-  padding: ${spacing.nsmall};
-  gap: ${spacing.small};
 
   ${mq.range({ until: breakpoints.mobileWide })} {
     ${({ type }) =>
@@ -56,8 +54,10 @@ const FolderWrapper = styled.div<LayoutProps>`
   }
 `;
 
-const TitleWrapper = styled.div`
+const TitleWrapper = styled.div<LayoutProps>`
   display: flex;
+  margin: ${spacing.nsmall};
+  margin-bottom: ${({ type }) => type === 'block' && 0};
   flex-direction: row;
   align-items: center;
   gap: ${spacing.xsmall};
@@ -94,26 +94,22 @@ const FolderTitle = styled.h2`
   }
 `;
 
-interface MenuWrapperProps {
-  hasMenuButton: boolean;
-}
-
-const MenuWrapper = styled.div<MenuWrapperProps>`
+const MenuWrapper = styled.div`
   overflow: hidden;
   display: flex;
   z-index: 1;
   flex-direction: row;
   align-items: center;
-  gap: ${spacing.xsmall};
   justify-content: space-between;
-  margin: -${spacing.nsmall} -${(props) => (props.hasMenuButton ? spacing.nsmall : 0)} -${spacing.nsmall} 0;
 `;
 
 const CountContainer = styled.div`
   overflow: hidden;
   display: flex;
   flex-direction: row;
+  min-height: 44px;
   gap: ${spacing.small};
+  margin: 0 ${spacing.small} 0 ${spacing.nsmall};
 `;
 
 const IconCountWrapper = styled.div<LayoutProps>`
@@ -171,7 +167,7 @@ const Folder = ({ id, link, title, subFolders, subResources, type = 'list', menu
 
   return (
     <FolderWrapper type={type} id={id}>
-      <TitleWrapper>
+      <TitleWrapper type={type}>
         <IconWrapper>
           <FolderOutlined aria-label={t('myNdla.folder.folder')} />
         </IconWrapper>
@@ -179,7 +175,7 @@ const Folder = ({ id, link, title, subFolders, subResources, type = 'list', menu
           <FolderTitle title={title}>{title}</FolderTitle>
         </ResourceTitleLink>
       </TitleWrapper>
-      <MenuWrapper hasMenuButton={!!menuItems?.length}>
+      <MenuWrapper>
         <CountContainer>
           <Count layoutType={type} type={'folder'} count={subFolders} />
           <Count layoutType={type} type={'resource'} count={subResources} />

package/src/Resource/BlockResource.tsx

@@ -7,7 +7,7 @@
  */
 
 import styled from '@emotion/styled';
-import React, { useRef } from 'react';
+import React from 'react';
 import { colors, fonts, spacing } from '@ndla/core';
 import { MenuButton, MenuItemProps } from '@ndla/button';
 import ContentTypeBadge from '../ContentTypeBadge';
@@ -16,7 +16,6 @@ import {
   CompressedTagList,
   ResourceImageProps,
   ResourceTitle,
-  Row,
   ResourceTypeList,
   ResourceTitleLink,
   LoaderProps,
@@ -67,20 +66,21 @@ const BlockDescription = styled.p`
   }
 `;
 
-const RightRow = styled(Row)`
-  z-index: 1;
+const TagsAndActionMenu = styled.div`
+  display: flex;
+  align-items: center;
   justify-content: flex-end;
-  margin: 0 -${spacing.small} -${spacing.small} 0;
+  z-index: 1;
 `;
 
 const BlockInfoWrapper = styled.div`
   display: flex;
   flex-direction: column;
-  padding: ${spacing.small};
 `;
 
 const ContentWrapper = styled.div`
   display: flex;
+  margin: ${spacing.small} ${spacing.small} 0 ${spacing.small};
   flex-direction: column;
 `;
 
@@ -186,10 +186,10 @@ const BlockResource = ({
           <ResourceTypeList resourceTypes={resourceTypes} />
           <BlockDescription>{description}</BlockDescription>
         </ContentWrapper>
-        <RightRow>
+        <TagsAndActionMenu>
           {tags && tags.length > 0 && <CompressedTagList tagLinkPrefix={tagLinkPrefix} tags={tags} />}
           {menuItems && menuItems.length > 0 && <MenuButton align="end" size="small" menuItems={menuItems} />}
-        </RightRow>
+        </TagsAndActionMenu>
       </BlockInfoWrapper>
     </BlockElementWrapper>
   );

package/src/Resource/ListResource.tsx

@@ -40,8 +40,6 @@ const ListResourceWrapper = styled.div`
       'tags                 tags';
   }
 
-  padding: ${spacing.small};
-  column-gap: ${spacing.small};
   cursor: pointer;
   border: 1px solid ${colors.brand.neutral7};
   border-radius: 2px;
@@ -65,10 +63,12 @@ const ImageWrapper = styled.div<StyledImageProps>`
   width: ${(p) => (p.imageSize === 'normal' ? '136px' : '56px')};
   ${mq.range({ until: breakpoints.mobileWide })} {
     width: 56px;
+    margin-bottom: 0;
   }
   overflow: hidden;
   border-radius: 2px;
   display: flex;
+  margin: ${spacing.small};
   align-items: center;
   justify-content: center;
   aspect-ratio: 4/3;
@@ -84,8 +84,10 @@ const StyledResourceDescription = styled.p`
   line-clamp: 2;
   line-height: 1em;
   height: 3.1em;
-  margin: 0;
-  margin-top: ${spacing.xxsmall};
+  margin: 0 ${spacing.small} ${spacing.small} 0;
+  ${mq.range({ until: breakpoints.mobileWide })} {
+    margin: 0 ${spacing.small};
+  }
   overflow: hidden;
   ${fonts.sizes(16)};
   text-overflow: ellipsis;
@@ -96,11 +98,7 @@ const StyledResourceDescription = styled.p`
   -webkit-box-orient: vertical;
 `;
 
-interface TagsAndActionProps {
-  hasMenuButton: boolean;
-}
-
-const TagsandActionMenu = styled.div<TagsAndActionProps>`
+const TagsandActionMenu = styled.div`
   grid-area: tags;
   z-index: 1;
   box-sizing: content-box;
@@ -109,18 +107,22 @@ const TagsandActionMenu = styled.div<TagsAndActionProps>`
   align-items: center;
   align-self: flex-start;
   justify-items: flex-end;
-  margin: -${spacing.small} -${(props) => (props.hasMenuButton ? spacing.small : 0)} 0 0;
+  overflow: hidden;
   ${mq.range({ until: breakpoints.mobileWide })} {
-    margin: 0 -${(props) => (props.hasMenuButton ? spacing.small : 0)} -${spacing.small} 0;
+    min-height: ${spacing.small};
   }
-  overflow: hidden;
 `;
 
 const TopicAndTitleWrapper = styled.div`
   grid-area: topicAndTitle;
   display: flex;
+  margin: ${spacing.small} 0;
   flex-direction: column;
   overflow: hidden;
+  margin-right: ${spacing.small};
+  ${mq.range({ until: breakpoints.mobileWide })} {
+    margin-bottom: 0;
+  }
 `;
 
 interface ListResourceImageProps {
@@ -241,7 +243,7 @@ const ListResource = ({
         </TypeAndTitleLoader>
       </TopicAndTitleWrapper>
       {showDescription && <Description description={description} loading={isLoading} />}
-      <TagsandActionMenu hasMenuButton={!!(tags && tags.length > 3) || !!(menuItems && menuItems.length)}>
+      <TagsandActionMenu>
         {tags && tags.length > 0 && <CompressedTagList tagLinkPrefix={tagLinkPrefix} tags={tags} />}
         {menuItems && menuItems.length > 0 && <MenuButton align="end" size="small" menuItems={menuItems} />}
       </TagsandActionMenu>

package/src/Resource/resourceComponents.tsx

@@ -53,9 +53,13 @@ const StyledTagList = styled.ul`
   list-style: none;
   display: flex;
   margin: 0;
+  margin-left: ${spacing.small};
   padding: 2px;
   gap: ${spacing.xsmall};
   overflow: hidden;
+  :last-child {
+    margin-right: ${spacing.small};
+  }
 `;
 
 const StyledTagListElement = styled.li`
@@ -71,6 +75,7 @@ const StyledSafeLink = styled(SafeLink)`
   color: ${colors.brand.grey};
   min-height: 44px;
   min-width: 44px;
+  white-space: nowrap;
   &:hover {
     color: ${colors.brand.primary};
   }
@@ -99,12 +104,6 @@ const StyledResourceListElement = styled.li`
   align-items: center;
 `;
 
-export const Row = styled.div`
-  display: flex;
-  align-items: center;
-  gap: ${spacing.xsmall};
-`;
-
 const TagCounterWrapper = styled.span`
   display: flex;
   font-weight: ${fonts.weight.semibold};

package/src/SearchTypeResult/ResultNavigation.tsx

@@ -59,7 +59,11 @@ export type PaginationType = {
   contentType?: string;
 };
 
-const ResultNavigation = ({ onShowMore, totalCount, toCount, contentType = '' }: PaginationType) => {
+interface Props extends PaginationType {
+  type?: string;
+}
+
+const ResultNavigation = ({ onShowMore, totalCount, toCount, contentType = '', type }: Props) => {
   const { t } = useTranslation();
   const isMore = toCount < totalCount;
   const progress = Math.ceil((toCount / totalCount) * 100);
@@ -87,7 +91,7 @@ const ResultNavigation = ({ onShowMore, totalCount, toCount, contentType = '' }:
         <Progress width={progress} />
       </ProgressBar>
       {isMore ? (
-        <Button className="nav" outline onClick={onShowMore}>
+        <Button className="nav" outline onClick={onShowMore} aria-describedby={`searchitem-header-${type}`}>
           {t('searchPage.resultType.showMore')}
         </Button>
       ) : (