@ndla/ui 34.0.0 → 34.1.0

package/es/ResourceGroup/ResourceList.js

@@ -18,6 +18,7 @@ function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(
 import React from 'react';
 import { css, keyframes } from '@emotion/react';
 import { useTranslation } from 'react-i18next';
+import { fonts } from '@ndla/core';
 import NoContentBox from '../NoContentBox';
 import ResourceItem from './ResourceItem';
 import { jsx as _jsx } from "@emotion/react/jsx-runtime";
@@ -26,10 +27,10 @@ var fakeLoadingAnimation = keyframes(_templateObject || (_templateObject = _tagg
 var StyledResourceList = /*#__PURE__*/_styled("ul", {
   target: "e1uqs7m20",
   label: "StyledResourceList"
-})("list-style:none;margin:0;padding:0;", function (_ref) {
+})("list-style:none;margin:0;padding:0;font-family:", fonts.sans, ";", function (_ref) {
   var showAdditionalResources = _ref.showAdditionalResources;
-  return showAdditionalResources && /*#__PURE__*/css("animation-name:", fakeLoadingAnimation, ";animation-duration:0.4s;;label:StyledResourceList;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlJlc291cmNlTGlzdC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBcUNPIiwiZmlsZSI6IlJlc291cmNlTGlzdC50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAxNy1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCBSZWFjdCwgeyBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjc3MsIGtleWZyYW1lcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IHVzZVRyYW5zbGF0aW9uIH0gZnJvbSAncmVhY3QtaTE4bmV4dCc7XG5pbXBvcnQgTm9Db250ZW50Qm94IGZyb20gJy4uL05vQ29udGVudEJveCc7XG5pbXBvcnQgUmVzb3VyY2VJdGVtIGZyb20gJy4vUmVzb3VyY2VJdGVtJztcbmltcG9ydCB7IFJlc291cmNlIH0gZnJvbSAnLi4vdHlwZXMnO1xuXG5jb25zdCBmYWtlTG9hZGluZ0FuaW1hdGlvbiA9IGtleWZyYW1lc2BcbiAgMCUge1xuICAgIG9wYWNpdHk6IDAuNTtcbiAgfVxuICA5OSUge1xuICAgIG9wYWNpdHk6IDAuNTtcbiAgfVxuICAxMDAlIHtcbiAgICBvcGFjaXR5OiAxO1xuICB9XG5gO1xuXG50eXBlIFN0eWxlZExpc3RQcm9wcyA9IHtcbiAgc2hvd0FkZGl0aW9uYWxSZXNvdXJjZXM/OiBib29sZWFuO1xufTtcbmNvbnN0IFN0eWxlZFJlc291cmNlTGlzdCA9IHN0eWxlZC51bDxTdHlsZWRMaXN0UHJvcHM+YFxuICBsaXN0LXN0eWxlOiBub25lO1xuICBtYXJnaW46IDA7XG4gIHBhZGRpbmc6IDA7XG4gICR7KHsgc2hvd0FkZGl0aW9uYWxSZXNvdXJjZXMgfSkgPT5cbiAgICBzaG93QWRkaXRpb25hbFJlc291cmNlcyAmJlxuICAgIGNzc2BcbiAgICAgIGFuaW1hdGlvbi1uYW1lOiAke2Zha2VMb2FkaW5nQW5pbWF0aW9ufTtcbiAgICAgIGFuaW1hdGlvbi1kdXJhdGlvbjogMC40cztcbiAgICBgfVxuYDtcblxuZXhwb3J0IHR5cGUgUmVzb3VyY2VMaXN0UHJvcHMgPSB7XG4gIHJlc291cmNlczogUmVzb3VyY2VbXTtcbiAgb25DbGljaz86ICgpID0+IHZvaWQ7XG4gIGNvbnRlbnRUeXBlPzogc3RyaW5nO1xuICB0aXRsZT86IHN0cmluZztcbiAgc2hvd0FkZGl0aW9uYWxSZXNvdXJjZXM/OiBib29sZWFuO1xuICBoZWFydEJ1dHRvbj86IChwYXRoOiBzdHJpbmcpID0+IFJlYWN0Tm9kZTtcbn07XG5cbmNvbnN0IFJlc291cmNlTGlzdCA9ICh7XG4gIHJlc291cmNlcyxcbiAgb25DbGljayxcbiAgY29udGVudFR5cGUsXG4gIHRpdGxlLFxuICBzaG93QWRkaXRpb25hbFJlc291cmNlcyxcbiAgaGVhcnRCdXR0b24sXG59OiBSZXNvdXJjZUxpc3RQcm9wcykgPT4ge1xuICBjb25zdCB7IHQgfSA9IHVzZVRyYW5zbGF0aW9uKCk7XG4gIGNvbnN0IHJlbmRlckFkZGl0aW9uYWxSZXNvdXJjZVRyaWdnZXIgPVxuICAgICFzaG93QWRkaXRpb25hbFJlc291cmNlcyAmJlxuICAgIHJlc291cmNlcy5maWx0ZXIoKHJlcykgPT4gcmVzLmFkZGl0aW9uYWwpLmxlbmd0aCA+IDAgJiZcbiAgICByZXNvdXJjZXMuZmlsdGVyKChyZXMpID0+ICFyZXMuYWRkaXRpb25hbCkubGVuZ3RoID09PSAwO1xuXG4gIHJldHVybiAoXG4gICAgPGRpdj5cbiAgICAgIDxTdHlsZWRSZXNvdXJjZUxpc3Qgc2hvd0FkZGl0aW9uYWxSZXNvdXJjZXM9e3Nob3dBZGRpdGlvbmFsUmVzb3VyY2VzfT5cbiAgICAgICAge3Jlc291cmNlcy5tYXAoKHsgaWQsIC4uLnJlc291cmNlIH0pID0+IChcbiAgICAgICAgICA8UmVzb3VyY2VJdGVtXG4gICAgICAgICAgICBpZD17aWR9XG4gICAgICAgICAgICBrZXk9e2lkfVxuICAgICAgICAgICAgY29udGVudFR5cGU9e2NvbnRlbnRUeXBlfVxuICAgICAgICAgICAgc2hvd0FkZGl0aW9uYWxSZXNvdXJjZXM9e3Nob3dBZGRpdGlvbmFsUmVzb3VyY2VzfVxuICAgICAgICAgICAgaGVhcnRCdXR0b249e2hlYXJ0QnV0dG9ufVxuICAgICAgICAgICAgey4uLnJlc291cmNlfVxuICAgICAgICAgICAgY29udGVudFR5cGVEZXNjcmlwdGlvbj17XG4gICAgICAgICAgICAgIHJlc291cmNlLmFkZGl0aW9uYWwgPyB0KCdyZXNvdXJjZS50b29sdGlwQWRkaXRpb25hbFRvcGljJykgOiB0KCdyZXNvdXJjZS50b29sdGlwQ29yZVRvcGljJylcbiAgICAgICAgICAgIH1cbiAgICAgICAgICAvPlxuICAgICAgICApKX1cbiAgICAgICAge3JlbmRlckFkZGl0aW9uYWxSZXNvdXJjZVRyaWdnZXIgJiYgKFxuICAgICAgICAgIDxsaT5cbiAgICAgICAgICAgIDxOb0NvbnRlbnRCb3hcbiAgICAgICAgICAgICAgb25DbGljaz17b25DbGlja31cbiAgICAgICAgICAgICAgYnV0dG9uVGV4dD17dCgncmVzb3VyY2UudG9nZ2xlRmlsdGVyTGFiZWwnKX1cbiAgICAgICAgICAgICAgdGV4dD17XG4gICAgICAgICAgICAgICAgdGl0bGVcbiAgICAgICAgICAgICAgICAgID8gdCgncmVzb3VyY2Uubm9Db3JlUmVzb3VyY2VzQXZhaWxhYmxlJywge1xuICAgICAgICAgICAgICAgICAgICAgIG5hbWU6IHRpdGxlLnRvTG93ZXJDYXNlKCksXG4gICAgICAgICAgICAgICAgICAgIH0pXG4gICAgICAgICAgICAgICAgICA6IHQoJ3Jlc291cmNlLm5vQ29yZVJlc291cmNlc0F2YWlsYWJsZVVuc3BlY2lmaWMnKVxuICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAvPlxuICAgICAgICAgIDwvbGk+XG4gICAgICAgICl9XG4gICAgICA8L1N0eWxlZFJlc291cmNlTGlzdD5cbiAgICA8L2Rpdj5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IFJlc291cmNlTGlzdDtcbiJdfQ== */"));
-}, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlJlc291cmNlTGlzdC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBK0JxRCIsImZpbGUiOiJSZXNvdXJjZUxpc3QudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDb3B5cmlnaHQgKGMpIDIwMTctcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLlxuICpcbiAqL1xuXG5pbXBvcnQgUmVhY3QsIHsgUmVhY3ROb2RlIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgY3NzLCBrZXlmcmFtZXMgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyB1c2VUcmFuc2xhdGlvbiB9IGZyb20gJ3JlYWN0LWkxOG5leHQnO1xuaW1wb3J0IE5vQ29udGVudEJveCBmcm9tICcuLi9Ob0NvbnRlbnRCb3gnO1xuaW1wb3J0IFJlc291cmNlSXRlbSBmcm9tICcuL1Jlc291cmNlSXRlbSc7XG5pbXBvcnQgeyBSZXNvdXJjZSB9IGZyb20gJy4uL3R5cGVzJztcblxuY29uc3QgZmFrZUxvYWRpbmdBbmltYXRpb24gPSBrZXlmcmFtZXNgXG4gIDAlIHtcbiAgICBvcGFjaXR5OiAwLjU7XG4gIH1cbiAgOTklIHtcbiAgICBvcGFjaXR5OiAwLjU7XG4gIH1cbiAgMTAwJSB7XG4gICAgb3BhY2l0eTogMTtcbiAgfVxuYDtcblxudHlwZSBTdHlsZWRMaXN0UHJvcHMgPSB7XG4gIHNob3dBZGRpdGlvbmFsUmVzb3VyY2VzPzogYm9vbGVhbjtcbn07XG5jb25zdCBTdHlsZWRSZXNvdXJjZUxpc3QgPSBzdHlsZWQudWw8U3R5bGVkTGlzdFByb3BzPmBcbiAgbGlzdC1zdHlsZTogbm9uZTtcbiAgbWFyZ2luOiAwO1xuICBwYWRkaW5nOiAwO1xuICAkeyh7IHNob3dBZGRpdGlvbmFsUmVzb3VyY2VzIH0pID0+XG4gICAgc2hvd0FkZGl0aW9uYWxSZXNvdXJjZXMgJiZcbiAgICBjc3NgXG4gICAgICBhbmltYXRpb24tbmFtZTogJHtmYWtlTG9hZGluZ0FuaW1hdGlvbn07XG4gICAgICBhbmltYXRpb24tZHVyYXRpb246IDAuNHM7XG4gICAgYH1cbmA7XG5cbmV4cG9ydCB0eXBlIFJlc291cmNlTGlzdFByb3BzID0ge1xuICByZXNvdXJjZXM6IFJlc291cmNlW107XG4gIG9uQ2xpY2s/OiAoKSA9PiB2b2lkO1xuICBjb250ZW50VHlwZT86IHN0cmluZztcbiAgdGl0bGU/OiBzdHJpbmc7XG4gIHNob3dBZGRpdGlvbmFsUmVzb3VyY2VzPzogYm9vbGVhbjtcbiAgaGVhcnRCdXR0b24/OiAocGF0aDogc3RyaW5nKSA9PiBSZWFjdE5vZGU7XG59O1xuXG5jb25zdCBSZXNvdXJjZUxpc3QgPSAoe1xuICByZXNvdXJjZXMsXG4gIG9uQ2xpY2ssXG4gIGNvbnRlbnRUeXBlLFxuICB0aXRsZSxcbiAgc2hvd0FkZGl0aW9uYWxSZXNvdXJjZXMsXG4gIGhlYXJ0QnV0dG9uLFxufTogUmVzb3VyY2VMaXN0UHJvcHMpID0+IHtcbiAgY29uc3QgeyB0IH0gPSB1c2VUcmFuc2xhdGlvbigpO1xuICBjb25zdCByZW5kZXJBZGRpdGlvbmFsUmVzb3VyY2VUcmlnZ2VyID1cbiAgICAhc2hvd0FkZGl0aW9uYWxSZXNvdXJjZXMgJiZcbiAgICByZXNvdXJjZXMuZmlsdGVyKChyZXMpID0+IHJlcy5hZGRpdGlvbmFsKS5sZW5ndGggPiAwICYmXG4gICAgcmVzb3VyY2VzLmZpbHRlcigocmVzKSA9PiAhcmVzLmFkZGl0aW9uYWwpLmxlbmd0aCA9PT0gMDtcblxuICByZXR1cm4gKFxuICAgIDxkaXY+XG4gICAgICA8U3R5bGVkUmVzb3VyY2VMaXN0IHNob3dBZGRpdGlvbmFsUmVzb3VyY2VzPXtzaG93QWRkaXRpb25hbFJlc291cmNlc30+XG4gICAgICAgIHtyZXNvdXJjZXMubWFwKCh7IGlkLCAuLi5yZXNvdXJjZSB9KSA9PiAoXG4gICAgICAgICAgPFJlc291cmNlSXRlbVxuICAgICAgICAgICAgaWQ9e2lkfVxuICAgICAgICAgICAga2V5PXtpZH1cbiAgICAgICAgICAgIGNvbnRlbnRUeXBlPXtjb250ZW50VHlwZX1cbiAgICAgICAgICAgIHNob3dBZGRpdGlvbmFsUmVzb3VyY2VzPXtzaG93QWRkaXRpb25hbFJlc291cmNlc31cbiAgICAgICAgICAgIGhlYXJ0QnV0dG9uPXtoZWFydEJ1dHRvbn1cbiAgICAgICAgICAgIHsuLi5yZXNvdXJjZX1cbiAgICAgICAgICAgIGNvbnRlbnRUeXBlRGVzY3JpcHRpb249e1xuICAgICAgICAgICAgICByZXNvdXJjZS5hZGRpdGlvbmFsID8gdCgncmVzb3VyY2UudG9vbHRpcEFkZGl0aW9uYWxUb3BpYycpIDogdCgncmVzb3VyY2UudG9vbHRpcENvcmVUb3BpYycpXG4gICAgICAgICAgICB9XG4gICAgICAgICAgLz5cbiAgICAgICAgKSl9XG4gICAgICAgIHtyZW5kZXJBZGRpdGlvbmFsUmVzb3VyY2VUcmlnZ2VyICYmIChcbiAgICAgICAgICA8bGk+XG4gICAgICAgICAgICA8Tm9Db250ZW50Qm94XG4gICAgICAgICAgICAgIG9uQ2xpY2s9e29uQ2xpY2t9XG4gICAgICAgICAgICAgIGJ1dHRvblRleHQ9e3QoJ3Jlc291cmNlLnRvZ2dsZUZpbHRlckxhYmVsJyl9XG4gICAgICAgICAgICAgIHRleHQ9e1xuICAgICAgICAgICAgICAgIHRpdGxlXG4gICAgICAgICAgICAgICAgICA/IHQoJ3Jlc291cmNlLm5vQ29yZVJlc291cmNlc0F2YWlsYWJsZScsIHtcbiAgICAgICAgICAgICAgICAgICAgICBuYW1lOiB0aXRsZS50b0xvd2VyQ2FzZSgpLFxuICAgICAgICAgICAgICAgICAgICB9KVxuICAgICAgICAgICAgICAgICAgOiB0KCdyZXNvdXJjZS5ub0NvcmVSZXNvdXJjZXNBdmFpbGFibGVVbnNwZWNpZmljJylcbiAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgLz5cbiAgICAgICAgICA8L2xpPlxuICAgICAgICApfVxuICAgICAgPC9TdHlsZWRSZXNvdXJjZUxpc3Q+XG4gICAgPC9kaXY+XG4gICk7XG59O1xuXG5leHBvcnQgZGVmYXVsdCBSZXNvdXJjZUxpc3Q7XG4iXX0= */"));
+  return showAdditionalResources && /*#__PURE__*/css("animation-name:", fakeLoadingAnimation, ";animation-duration:0.4s;;label:StyledResourceList;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlJlc291cmNlTGlzdC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBdUNPIiwiZmlsZSI6IlJlc291cmNlTGlzdC50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAxNy1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCBSZWFjdCwgeyBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjc3MsIGtleWZyYW1lcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IHVzZVRyYW5zbGF0aW9uIH0gZnJvbSAncmVhY3QtaTE4bmV4dCc7XG5pbXBvcnQgeyBmb250cyB9IGZyb20gJ0BuZGxhL2NvcmUnO1xuaW1wb3J0IE5vQ29udGVudEJveCBmcm9tICcuLi9Ob0NvbnRlbnRCb3gnO1xuaW1wb3J0IFJlc291cmNlSXRlbSBmcm9tICcuL1Jlc291cmNlSXRlbSc7XG5pbXBvcnQgeyBSZXNvdXJjZSB9IGZyb20gJy4uL3R5cGVzJztcblxuY29uc3QgZmFrZUxvYWRpbmdBbmltYXRpb24gPSBrZXlmcmFtZXNgXG4gIDAlIHtcbiAgICBvcGFjaXR5OiAwLjU7XG4gIH1cbiAgOTklIHtcbiAgICBvcGFjaXR5OiAwLjU7XG4gIH1cbiAgMTAwJSB7XG4gICAgb3BhY2l0eTogMTtcbiAgfVxuYDtcblxudHlwZSBTdHlsZWRMaXN0UHJvcHMgPSB7XG4gIHNob3dBZGRpdGlvbmFsUmVzb3VyY2VzPzogYm9vbGVhbjtcbn07XG5jb25zdCBTdHlsZWRSZXNvdXJjZUxpc3QgPSBzdHlsZWQudWw8U3R5bGVkTGlzdFByb3BzPmBcbiAgbGlzdC1zdHlsZTogbm9uZTtcbiAgbWFyZ2luOiAwO1xuICBwYWRkaW5nOiAwO1xuICBmb250LWZhbWlseTogJHtmb250cy5zYW5zfTtcbiAgJHsoeyBzaG93QWRkaXRpb25hbFJlc291cmNlcyB9KSA9PlxuICAgIHNob3dBZGRpdGlvbmFsUmVzb3VyY2VzICYmXG4gICAgY3NzYFxuICAgICAgYW5pbWF0aW9uLW5hbWU6ICR7ZmFrZUxvYWRpbmdBbmltYXRpb259O1xuICAgICAgYW5pbWF0aW9uLWR1cmF0aW9uOiAwLjRzO1xuICAgIGB9XG5gO1xuXG5leHBvcnQgdHlwZSBSZXNvdXJjZUxpc3RQcm9wcyA9IHtcbiAgcmVzb3VyY2VzOiBSZXNvdXJjZVtdO1xuICBvbkNsaWNrPzogKCkgPT4gdm9pZDtcbiAgY29udGVudFR5cGU/OiBzdHJpbmc7XG4gIHRpdGxlPzogc3RyaW5nO1xuICBzaG93QWRkaXRpb25hbFJlc291cmNlcz86IGJvb2xlYW47XG4gIGhlYXJ0QnV0dG9uPzogKHBhdGg6IHN0cmluZykgPT4gUmVhY3ROb2RlO1xufTtcblxuY29uc3QgUmVzb3VyY2VMaXN0ID0gKHtcbiAgcmVzb3VyY2VzLFxuICBvbkNsaWNrLFxuICBjb250ZW50VHlwZSxcbiAgdGl0bGUsXG4gIHNob3dBZGRpdGlvbmFsUmVzb3VyY2VzLFxuICBoZWFydEJ1dHRvbixcbn06IFJlc291cmNlTGlzdFByb3BzKSA9PiB7XG4gIGNvbnN0IHsgdCB9ID0gdXNlVHJhbnNsYXRpb24oKTtcbiAgY29uc3QgcmVuZGVyQWRkaXRpb25hbFJlc291cmNlVHJpZ2dlciA9XG4gICAgIXNob3dBZGRpdGlvbmFsUmVzb3VyY2VzICYmXG4gICAgcmVzb3VyY2VzLmZpbHRlcigocmVzKSA9PiByZXMuYWRkaXRpb25hbCkubGVuZ3RoID4gMCAmJlxuICAgIHJlc291cmNlcy5maWx0ZXIoKHJlcykgPT4gIXJlcy5hZGRpdGlvbmFsKS5sZW5ndGggPT09IDA7XG5cbiAgcmV0dXJuIChcbiAgICA8ZGl2PlxuICAgICAgPFN0eWxlZFJlc291cmNlTGlzdCBzaG93QWRkaXRpb25hbFJlc291cmNlcz17c2hvd0FkZGl0aW9uYWxSZXNvdXJjZXN9PlxuICAgICAgICB7cmVzb3VyY2VzLm1hcCgoeyBpZCwgLi4ucmVzb3VyY2UgfSkgPT4gKFxuICAgICAgICAgIDxSZXNvdXJjZUl0ZW1cbiAgICAgICAgICAgIGlkPXtpZH1cbiAgICAgICAgICAgIGtleT17aWR9XG4gICAgICAgICAgICBjb250ZW50VHlwZT17Y29udGVudFR5cGV9XG4gICAgICAgICAgICBzaG93QWRkaXRpb25hbFJlc291cmNlcz17c2hvd0FkZGl0aW9uYWxSZXNvdXJjZXN9XG4gICAgICAgICAgICBoZWFydEJ1dHRvbj17aGVhcnRCdXR0b259XG4gICAgICAgICAgICB7Li4ucmVzb3VyY2V9XG4gICAgICAgICAgICBjb250ZW50VHlwZURlc2NyaXB0aW9uPXtcbiAgICAgICAgICAgICAgcmVzb3VyY2UuYWRkaXRpb25hbCA/IHQoJ3Jlc291cmNlLnRvb2x0aXBBZGRpdGlvbmFsVG9waWMnKSA6IHQoJ3Jlc291cmNlLnRvb2x0aXBDb3JlVG9waWMnKVxuICAgICAgICAgICAgfVxuICAgICAgICAgIC8+XG4gICAgICAgICkpfVxuICAgICAgICB7cmVuZGVyQWRkaXRpb25hbFJlc291cmNlVHJpZ2dlciAmJiAoXG4gICAgICAgICAgPGxpPlxuICAgICAgICAgICAgPE5vQ29udGVudEJveFxuICAgICAgICAgICAgICBvbkNsaWNrPXtvbkNsaWNrfVxuICAgICAgICAgICAgICBidXR0b25UZXh0PXt0KCdyZXNvdXJjZS50b2dnbGVGaWx0ZXJMYWJlbCcpfVxuICAgICAgICAgICAgICB0ZXh0PXtcbiAgICAgICAgICAgICAgICB0aXRsZVxuICAgICAgICAgICAgICAgICAgPyB0KCdyZXNvdXJjZS5ub0NvcmVSZXNvdXJjZXNBdmFpbGFibGUnLCB7XG4gICAgICAgICAgICAgICAgICAgICAgbmFtZTogdGl0bGUudG9Mb3dlckNhc2UoKSxcbiAgICAgICAgICAgICAgICAgICAgfSlcbiAgICAgICAgICAgICAgICAgIDogdCgncmVzb3VyY2Uubm9Db3JlUmVzb3VyY2VzQXZhaWxhYmxlVW5zcGVjaWZpYycpXG4gICAgICAgICAgICAgIH1cbiAgICAgICAgICAgIC8+XG4gICAgICAgICAgPC9saT5cbiAgICAgICAgKX1cbiAgICAgIDwvU3R5bGVkUmVzb3VyY2VMaXN0PlxuICAgIDwvZGl2PlxuICApO1xufTtcblxuZXhwb3J0IGRlZmF1bHQgUmVzb3VyY2VMaXN0O1xuIl19 */"));
+}, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlJlc291cmNlTGlzdC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZ0NxRCIsImZpbGUiOiJSZXNvdXJjZUxpc3QudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDb3B5cmlnaHQgKGMpIDIwMTctcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLlxuICpcbiAqL1xuXG5pbXBvcnQgUmVhY3QsIHsgUmVhY3ROb2RlIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgY3NzLCBrZXlmcmFtZXMgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyB1c2VUcmFuc2xhdGlvbiB9IGZyb20gJ3JlYWN0LWkxOG5leHQnO1xuaW1wb3J0IHsgZm9udHMgfSBmcm9tICdAbmRsYS9jb3JlJztcbmltcG9ydCBOb0NvbnRlbnRCb3ggZnJvbSAnLi4vTm9Db250ZW50Qm94JztcbmltcG9ydCBSZXNvdXJjZUl0ZW0gZnJvbSAnLi9SZXNvdXJjZUl0ZW0nO1xuaW1wb3J0IHsgUmVzb3VyY2UgfSBmcm9tICcuLi90eXBlcyc7XG5cbmNvbnN0IGZha2VMb2FkaW5nQW5pbWF0aW9uID0ga2V5ZnJhbWVzYFxuICAwJSB7XG4gICAgb3BhY2l0eTogMC41O1xuICB9XG4gIDk5JSB7XG4gICAgb3BhY2l0eTogMC41O1xuICB9XG4gIDEwMCUge1xuICAgIG9wYWNpdHk6IDE7XG4gIH1cbmA7XG5cbnR5cGUgU3R5bGVkTGlzdFByb3BzID0ge1xuICBzaG93QWRkaXRpb25hbFJlc291cmNlcz86IGJvb2xlYW47XG59O1xuY29uc3QgU3R5bGVkUmVzb3VyY2VMaXN0ID0gc3R5bGVkLnVsPFN0eWxlZExpc3RQcm9wcz5gXG4gIGxpc3Qtc3R5bGU6IG5vbmU7XG4gIG1hcmdpbjogMDtcbiAgcGFkZGluZzogMDtcbiAgZm9udC1mYW1pbHk6ICR7Zm9udHMuc2Fuc307XG4gICR7KHsgc2hvd0FkZGl0aW9uYWxSZXNvdXJjZXMgfSkgPT5cbiAgICBzaG93QWRkaXRpb25hbFJlc291cmNlcyAmJlxuICAgIGNzc2BcbiAgICAgIGFuaW1hdGlvbi1uYW1lOiAke2Zha2VMb2FkaW5nQW5pbWF0aW9ufTtcbiAgICAgIGFuaW1hdGlvbi1kdXJhdGlvbjogMC40cztcbiAgICBgfVxuYDtcblxuZXhwb3J0IHR5cGUgUmVzb3VyY2VMaXN0UHJvcHMgPSB7XG4gIHJlc291cmNlczogUmVzb3VyY2VbXTtcbiAgb25DbGljaz86ICgpID0+IHZvaWQ7XG4gIGNvbnRlbnRUeXBlPzogc3RyaW5nO1xuICB0aXRsZT86IHN0cmluZztcbiAgc2hvd0FkZGl0aW9uYWxSZXNvdXJjZXM/OiBib29sZWFuO1xuICBoZWFydEJ1dHRvbj86IChwYXRoOiBzdHJpbmcpID0+IFJlYWN0Tm9kZTtcbn07XG5cbmNvbnN0IFJlc291cmNlTGlzdCA9ICh7XG4gIHJlc291cmNlcyxcbiAgb25DbGljayxcbiAgY29udGVudFR5cGUsXG4gIHRpdGxlLFxuICBzaG93QWRkaXRpb25hbFJlc291cmNlcyxcbiAgaGVhcnRCdXR0b24sXG59OiBSZXNvdXJjZUxpc3RQcm9wcykgPT4ge1xuICBjb25zdCB7IHQgfSA9IHVzZVRyYW5zbGF0aW9uKCk7XG4gIGNvbnN0IHJlbmRlckFkZGl0aW9uYWxSZXNvdXJjZVRyaWdnZXIgPVxuICAgICFzaG93QWRkaXRpb25hbFJlc291cmNlcyAmJlxuICAgIHJlc291cmNlcy5maWx0ZXIoKHJlcykgPT4gcmVzLmFkZGl0aW9uYWwpLmxlbmd0aCA+IDAgJiZcbiAgICByZXNvdXJjZXMuZmlsdGVyKChyZXMpID0+ICFyZXMuYWRkaXRpb25hbCkubGVuZ3RoID09PSAwO1xuXG4gIHJldHVybiAoXG4gICAgPGRpdj5cbiAgICAgIDxTdHlsZWRSZXNvdXJjZUxpc3Qgc2hvd0FkZGl0aW9uYWxSZXNvdXJjZXM9e3Nob3dBZGRpdGlvbmFsUmVzb3VyY2VzfT5cbiAgICAgICAge3Jlc291cmNlcy5tYXAoKHsgaWQsIC4uLnJlc291cmNlIH0pID0+IChcbiAgICAgICAgICA8UmVzb3VyY2VJdGVtXG4gICAgICAgICAgICBpZD17aWR9XG4gICAgICAgICAgICBrZXk9e2lkfVxuICAgICAgICAgICAgY29udGVudFR5cGU9e2NvbnRlbnRUeXBlfVxuICAgICAgICAgICAgc2hvd0FkZGl0aW9uYWxSZXNvdXJjZXM9e3Nob3dBZGRpdGlvbmFsUmVzb3VyY2VzfVxuICAgICAgICAgICAgaGVhcnRCdXR0b249e2hlYXJ0QnV0dG9ufVxuICAgICAgICAgICAgey4uLnJlc291cmNlfVxuICAgICAgICAgICAgY29udGVudFR5cGVEZXNjcmlwdGlvbj17XG4gICAgICAgICAgICAgIHJlc291cmNlLmFkZGl0aW9uYWwgPyB0KCdyZXNvdXJjZS50b29sdGlwQWRkaXRpb25hbFRvcGljJykgOiB0KCdyZXNvdXJjZS50b29sdGlwQ29yZVRvcGljJylcbiAgICAgICAgICAgIH1cbiAgICAgICAgICAvPlxuICAgICAgICApKX1cbiAgICAgICAge3JlbmRlckFkZGl0aW9uYWxSZXNvdXJjZVRyaWdnZXIgJiYgKFxuICAgICAgICAgIDxsaT5cbiAgICAgICAgICAgIDxOb0NvbnRlbnRCb3hcbiAgICAgICAgICAgICAgb25DbGljaz17b25DbGlja31cbiAgICAgICAgICAgICAgYnV0dG9uVGV4dD17dCgncmVzb3VyY2UudG9nZ2xlRmlsdGVyTGFiZWwnKX1cbiAgICAgICAgICAgICAgdGV4dD17XG4gICAgICAgICAgICAgICAgdGl0bGVcbiAgICAgICAgICAgICAgICAgID8gdCgncmVzb3VyY2Uubm9Db3JlUmVzb3VyY2VzQXZhaWxhYmxlJywge1xuICAgICAgICAgICAgICAgICAgICAgIG5hbWU6IHRpdGxlLnRvTG93ZXJDYXNlKCksXG4gICAgICAgICAgICAgICAgICAgIH0pXG4gICAgICAgICAgICAgICAgICA6IHQoJ3Jlc291cmNlLm5vQ29yZVJlc291cmNlc0F2YWlsYWJsZVVuc3BlY2lmaWMnKVxuICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAvPlxuICAgICAgICAgIDwvbGk+XG4gICAgICAgICl9XG4gICAgICA8L1N0eWxlZFJlc291cmNlTGlzdD5cbiAgICA8L2Rpdj5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IFJlc291cmNlTGlzdDtcbiJdfQ== */"));
 var ResourceList = function ResourceList(_ref2) {
   var resources = _ref2.resources,
     onClick = _ref2.onClick,

package/es/Search/ActiveFilterContent.js

@@ -1,5 +1,5 @@
 import _styled from "@emotion/styled/base";
-import React from 'react';
+import React, { forwardRef } from 'react';
 import { Cross } from '@ndla/icons/action';
 import { spacing, mq, breakpoints, colors, misc, fonts } from '@ndla/core';
 import { jsx as _jsx } from "@emotion/react/jsx-runtime";
@@ -9,18 +9,19 @@ var StyledActiveFilter = /*#__PURE__*/_styled('button', {
   label: "StyledActiveFilter"
 })("height:38px;border:0;background:", colors.brand.light, ";color:", colors.brand.dark, ";border-radius:", misc.borderRadius, ";cursor:pointer;display:flex;align-items:center;padding:0 ", spacing.small, ";width:100%;justify-content:space-between;", fonts.sizes('16px', '36px'), ";font-weight:", fonts.weight.semibold, ";", mq.range({
   from: breakpoints.desktop
-}), "{width:auto;justify-content:flex-start;", fonts.sizes('18px', '40px'), ";height:40px;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkFjdGl2ZUZpbHRlckNvbnRlbnQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUsyQyIsImZpbGUiOiJBY3RpdmVGaWx0ZXJDb250ZW50LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBDcm9zcyB9IGZyb20gJ0BuZGxhL2ljb25zL2FjdGlvbic7XG5pbXBvcnQgeyBzcGFjaW5nLCBtcSwgYnJlYWtwb2ludHMsIGNvbG9ycywgbWlzYywgZm9udHMgfSBmcm9tICdAbmRsYS9jb3JlJztcblxuY29uc3QgU3R5bGVkQWN0aXZlRmlsdGVyID0gc3R5bGVkKCdidXR0b24nKWBcbiAgaGVpZ2h0OiAzOHB4O1xuICBib3JkZXI6IDA7XG4gIGJhY2tncm91bmQ6ICR7Y29sb3JzLmJyYW5kLmxpZ2h0fTtcbiAgY29sb3I6ICR7Y29sb3JzLmJyYW5kLmRhcmt9O1xuICBib3JkZXItcmFkaXVzOiAke21pc2MuYm9yZGVyUmFkaXVzfTtcbiAgY3Vyc29yOiBwb2ludGVyO1xuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBwYWRkaW5nOiAwICR7c3BhY2luZy5zbWFsbH07XG4gIHdpZHRoOiAxMDAlO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG4gICR7Zm9udHMuc2l6ZXMoJzE2cHgnLCAnMzZweCcpfTtcbiAgZm9udC13ZWlnaHQ6ICR7Zm9udHMud2VpZ2h0LnNlbWlib2xkfTtcblxuICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMuZGVza3RvcCB9KX0ge1xuICAgIHdpZHRoOiBhdXRvO1xuICAgIGp1c3RpZnktY29udGVudDogZmxleC1zdGFydDtcbiAgICAke2ZvbnRzLnNpemVzKCcxOHB4JywgJzQwcHgnKX07XG4gICAgaGVpZ2h0OiA0MHB4O1xuICB9XG5gO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQWN0aXZlRmlsdGVyVGl0bGUgPSBzdHlsZWQoJ3NwYW4nKWBcbiAgd2hpdGUtc3BhY2U6IG5vd3JhcDtcbiAgcGFkZGluZy1yaWdodDogJHtzcGFjaW5nLnNtYWxsfTtcbmA7XG5cbmludGVyZmFjZSBQcm9wcyB7XG4gIGZpbHRlcjoge1xuICAgIHZhbHVlOiBzdHJpbmc7XG4gICAgdGl0bGU6IHN0cmluZztcbiAgICBmaWx0ZXJOYW1lPzogc3RyaW5nO1xuICB9O1xuICBvbkZpbHRlclJlbW92ZTogKHZhbHVlOiBzdHJpbmcsIGZpbHRlck5hbWU/OiBzdHJpbmcpID0+IHZvaWQ7XG4gIGFyaWFMYWJlbDogc3RyaW5nO1xufVxuXG5jb25zdCBBY3RpdmVGaWx0ZXJDb250ZW50ID0gKHsgZmlsdGVyLCBvbkZpbHRlclJlbW92ZSwgYXJpYUxhYmVsIH06IFByb3BzKSA9PiAoXG4gIDxTdHlsZWRBY3RpdmVGaWx0ZXJcbiAgICBhcmlhLWxhYmVsPXthcmlhTGFiZWx9XG4gICAgdHlwZT1cImJ1dHRvblwiXG4gICAgb25DbGljaz17KCkgPT4gb25GaWx0ZXJSZW1vdmUoZmlsdGVyLnZhbHVlLCBmaWx0ZXIuZmlsdGVyTmFtZSl9PlxuICAgIDxTdHlsZWRBY3RpdmVGaWx0ZXJUaXRsZT57ZmlsdGVyLnRpdGxlfTwvU3R5bGVkQWN0aXZlRmlsdGVyVGl0bGU+XG4gICAgPENyb3NzIC8+XG4gIDwvU3R5bGVkQWN0aXZlRmlsdGVyPlxuKTtcblxuZXhwb3J0IGRlZmF1bHQgQWN0aXZlRmlsdGVyQ29udGVudDtcbiJdfQ== */"));
+}), "{width:auto;justify-content:flex-start;", fonts.sizes('18px', '40px'), ";height:40px;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkFjdGl2ZUZpbHRlckNvbnRlbnQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUsyQyIsImZpbGUiOiJBY3RpdmVGaWx0ZXJDb250ZW50LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyBmb3J3YXJkUmVmIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgQ3Jvc3MgfSBmcm9tICdAbmRsYS9pY29ucy9hY3Rpb24nO1xuaW1wb3J0IHsgc3BhY2luZywgbXEsIGJyZWFrcG9pbnRzLCBjb2xvcnMsIG1pc2MsIGZvbnRzIH0gZnJvbSAnQG5kbGEvY29yZSc7XG5cbmNvbnN0IFN0eWxlZEFjdGl2ZUZpbHRlciA9IHN0eWxlZCgnYnV0dG9uJylgXG4gIGhlaWdodDogMzhweDtcbiAgYm9yZGVyOiAwO1xuICBiYWNrZ3JvdW5kOiAke2NvbG9ycy5icmFuZC5saWdodH07XG4gIGNvbG9yOiAke2NvbG9ycy5icmFuZC5kYXJrfTtcbiAgYm9yZGVyLXJhZGl1czogJHttaXNjLmJvcmRlclJhZGl1c307XG4gIGN1cnNvcjogcG9pbnRlcjtcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgcGFkZGluZzogMCAke3NwYWNpbmcuc21hbGx9O1xuICB3aWR0aDogMTAwJTtcbiAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuICAke2ZvbnRzLnNpemVzKCcxNnB4JywgJzM2cHgnKX07XG4gIGZvbnQtd2VpZ2h0OiAke2ZvbnRzLndlaWdodC5zZW1pYm9sZH07XG5cbiAgJHttcS5yYW5nZSh7IGZyb206IGJyZWFrcG9pbnRzLmRlc2t0b3AgfSl9IHtcbiAgICB3aWR0aDogYXV0bztcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtc3RhcnQ7XG4gICAgJHtmb250cy5zaXplcygnMThweCcsICc0MHB4Jyl9O1xuICAgIGhlaWdodDogNDBweDtcbiAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEFjdGl2ZUZpbHRlclRpdGxlID0gc3R5bGVkKCdzcGFuJylgXG4gIHdoaXRlLXNwYWNlOiBub3dyYXA7XG4gIHBhZGRpbmctcmlnaHQ6ICR7c3BhY2luZy5zbWFsbH07XG5gO1xuXG5pbnRlcmZhY2UgUHJvcHMge1xuICBmaWx0ZXI6IHtcbiAgICB2YWx1ZTogc3RyaW5nO1xuICAgIHRpdGxlOiBzdHJpbmc7XG4gICAgZmlsdGVyTmFtZT86IHN0cmluZztcbiAgfTtcbiAgb25GaWx0ZXJSZW1vdmU6ICh2YWx1ZTogc3RyaW5nLCBmaWx0ZXJOYW1lPzogc3RyaW5nKSA9PiB2b2lkO1xuICBhcmlhTGFiZWw6IHN0cmluZztcbn1cblxuY29uc3QgQWN0aXZlRmlsdGVyQ29udGVudCA9IGZvcndhcmRSZWY8SFRNTEJ1dHRvbkVsZW1lbnQsIFByb3BzPigoeyBmaWx0ZXIsIG9uRmlsdGVyUmVtb3ZlLCBhcmlhTGFiZWwgfSwgcmVmKSA9PiAoXG4gIDxTdHlsZWRBY3RpdmVGaWx0ZXJcbiAgICBhcmlhLWxhYmVsPXthcmlhTGFiZWx9XG4gICAgdHlwZT1cImJ1dHRvblwiXG4gICAgcmVmPXtyZWZ9XG4gICAgb25DbGljaz17KCkgPT4gb25GaWx0ZXJSZW1vdmUoZmlsdGVyLnZhbHVlLCBmaWx0ZXIuZmlsdGVyTmFtZSl9PlxuICAgIDxTdHlsZWRBY3RpdmVGaWx0ZXJUaXRsZT57ZmlsdGVyLnRpdGxlfTwvU3R5bGVkQWN0aXZlRmlsdGVyVGl0bGU+XG4gICAgPENyb3NzIC8+XG4gIDwvU3R5bGVkQWN0aXZlRmlsdGVyPlxuKSk7XG5cbmV4cG9ydCBkZWZhdWx0IEFjdGl2ZUZpbHRlckNvbnRlbnQ7XG4iXX0= */"));
 export var StyledActiveFilterTitle = /*#__PURE__*/_styled('span', {
   target: "ee0gam00",
   label: "StyledActiveFilterTitle"
-})("white-space:nowrap;padding-right:", spacing.small, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkFjdGl2ZUZpbHRlckNvbnRlbnQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTRCcUQiLCJmaWxlIjoiQWN0aXZlRmlsdGVyQ29udGVudC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgQ3Jvc3MgfSBmcm9tICdAbmRsYS9pY29ucy9hY3Rpb24nO1xuaW1wb3J0IHsgc3BhY2luZywgbXEsIGJyZWFrcG9pbnRzLCBjb2xvcnMsIG1pc2MsIGZvbnRzIH0gZnJvbSAnQG5kbGEvY29yZSc7XG5cbmNvbnN0IFN0eWxlZEFjdGl2ZUZpbHRlciA9IHN0eWxlZCgnYnV0dG9uJylgXG4gIGhlaWdodDogMzhweDtcbiAgYm9yZGVyOiAwO1xuICBiYWNrZ3JvdW5kOiAke2NvbG9ycy5icmFuZC5saWdodH07XG4gIGNvbG9yOiAke2NvbG9ycy5icmFuZC5kYXJrfTtcbiAgYm9yZGVyLXJhZGl1czogJHttaXNjLmJvcmRlclJhZGl1c307XG4gIGN1cnNvcjogcG9pbnRlcjtcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgcGFkZGluZzogMCAke3NwYWNpbmcuc21hbGx9O1xuICB3aWR0aDogMTAwJTtcbiAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuICAke2ZvbnRzLnNpemVzKCcxNnB4JywgJzM2cHgnKX07XG4gIGZvbnQtd2VpZ2h0OiAke2ZvbnRzLndlaWdodC5zZW1pYm9sZH07XG5cbiAgJHttcS5yYW5nZSh7IGZyb206IGJyZWFrcG9pbnRzLmRlc2t0b3AgfSl9IHtcbiAgICB3aWR0aDogYXV0bztcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtc3RhcnQ7XG4gICAgJHtmb250cy5zaXplcygnMThweCcsICc0MHB4Jyl9O1xuICAgIGhlaWdodDogNDBweDtcbiAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEFjdGl2ZUZpbHRlclRpdGxlID0gc3R5bGVkKCdzcGFuJylgXG4gIHdoaXRlLXNwYWNlOiBub3dyYXA7XG4gIHBhZGRpbmctcmlnaHQ6ICR7c3BhY2luZy5zbWFsbH07XG5gO1xuXG5pbnRlcmZhY2UgUHJvcHMge1xuICBmaWx0ZXI6IHtcbiAgICB2YWx1ZTogc3RyaW5nO1xuICAgIHRpdGxlOiBzdHJpbmc7XG4gICAgZmlsdGVyTmFtZT86IHN0cmluZztcbiAgfTtcbiAgb25GaWx0ZXJSZW1vdmU6ICh2YWx1ZTogc3RyaW5nLCBmaWx0ZXJOYW1lPzogc3RyaW5nKSA9PiB2b2lkO1xuICBhcmlhTGFiZWw6IHN0cmluZztcbn1cblxuY29uc3QgQWN0aXZlRmlsdGVyQ29udGVudCA9ICh7IGZpbHRlciwgb25GaWx0ZXJSZW1vdmUsIGFyaWFMYWJlbCB9OiBQcm9wcykgPT4gKFxuICA8U3R5bGVkQWN0aXZlRmlsdGVyXG4gICAgYXJpYS1sYWJlbD17YXJpYUxhYmVsfVxuICAgIHR5cGU9XCJidXR0b25cIlxuICAgIG9uQ2xpY2s9eygpID0+IG9uRmlsdGVyUmVtb3ZlKGZpbHRlci52YWx1ZSwgZmlsdGVyLmZpbHRlck5hbWUpfT5cbiAgICA8U3R5bGVkQWN0aXZlRmlsdGVyVGl0bGU+e2ZpbHRlci50aXRsZX08L1N0eWxlZEFjdGl2ZUZpbHRlclRpdGxlPlxuICAgIDxDcm9zcyAvPlxuICA8L1N0eWxlZEFjdGl2ZUZpbHRlcj5cbik7XG5cbmV4cG9ydCBkZWZhdWx0IEFjdGl2ZUZpbHRlckNvbnRlbnQ7XG4iXX0= */"));
-var ActiveFilterContent = function ActiveFilterContent(_ref) {
+})("white-space:nowrap;padding-right:", spacing.small, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkFjdGl2ZUZpbHRlckNvbnRlbnQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTRCcUQiLCJmaWxlIjoiQWN0aXZlRmlsdGVyQ29udGVudC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgZm9yd2FyZFJlZiB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IENyb3NzIH0gZnJvbSAnQG5kbGEvaWNvbnMvYWN0aW9uJztcbmltcG9ydCB7IHNwYWNpbmcsIG1xLCBicmVha3BvaW50cywgY29sb3JzLCBtaXNjLCBmb250cyB9IGZyb20gJ0BuZGxhL2NvcmUnO1xuXG5jb25zdCBTdHlsZWRBY3RpdmVGaWx0ZXIgPSBzdHlsZWQoJ2J1dHRvbicpYFxuICBoZWlnaHQ6IDM4cHg7XG4gIGJvcmRlcjogMDtcbiAgYmFja2dyb3VuZDogJHtjb2xvcnMuYnJhbmQubGlnaHR9O1xuICBjb2xvcjogJHtjb2xvcnMuYnJhbmQuZGFya307XG4gIGJvcmRlci1yYWRpdXM6ICR7bWlzYy5ib3JkZXJSYWRpdXN9O1xuICBjdXJzb3I6IHBvaW50ZXI7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIHBhZGRpbmc6IDAgJHtzcGFjaW5nLnNtYWxsfTtcbiAgd2lkdGg6IDEwMCU7XG4gIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcbiAgJHtmb250cy5zaXplcygnMTZweCcsICczNnB4Jyl9O1xuICBmb250LXdlaWdodDogJHtmb250cy53ZWlnaHQuc2VtaWJvbGR9O1xuXG4gICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy5kZXNrdG9wIH0pfSB7XG4gICAgd2lkdGg6IGF1dG87XG4gICAganVzdGlmeS1jb250ZW50OiBmbGV4LXN0YXJ0O1xuICAgICR7Zm9udHMuc2l6ZXMoJzE4cHgnLCAnNDBweCcpfTtcbiAgICBoZWlnaHQ6IDQwcHg7XG4gIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRBY3RpdmVGaWx0ZXJUaXRsZSA9IHN0eWxlZCgnc3BhbicpYFxuICB3aGl0ZS1zcGFjZTogbm93cmFwO1xuICBwYWRkaW5nLXJpZ2h0OiAke3NwYWNpbmcuc21hbGx9O1xuYDtcblxuaW50ZXJmYWNlIFByb3BzIHtcbiAgZmlsdGVyOiB7XG4gICAgdmFsdWU6IHN0cmluZztcbiAgICB0aXRsZTogc3RyaW5nO1xuICAgIGZpbHRlck5hbWU/OiBzdHJpbmc7XG4gIH07XG4gIG9uRmlsdGVyUmVtb3ZlOiAodmFsdWU6IHN0cmluZywgZmlsdGVyTmFtZT86IHN0cmluZykgPT4gdm9pZDtcbiAgYXJpYUxhYmVsOiBzdHJpbmc7XG59XG5cbmNvbnN0IEFjdGl2ZUZpbHRlckNvbnRlbnQgPSBmb3J3YXJkUmVmPEhUTUxCdXR0b25FbGVtZW50LCBQcm9wcz4oKHsgZmlsdGVyLCBvbkZpbHRlclJlbW92ZSwgYXJpYUxhYmVsIH0sIHJlZikgPT4gKFxuICA8U3R5bGVkQWN0aXZlRmlsdGVyXG4gICAgYXJpYS1sYWJlbD17YXJpYUxhYmVsfVxuICAgIHR5cGU9XCJidXR0b25cIlxuICAgIHJlZj17cmVmfVxuICAgIG9uQ2xpY2s9eygpID0+IG9uRmlsdGVyUmVtb3ZlKGZpbHRlci52YWx1ZSwgZmlsdGVyLmZpbHRlck5hbWUpfT5cbiAgICA8U3R5bGVkQWN0aXZlRmlsdGVyVGl0bGU+e2ZpbHRlci50aXRsZX08L1N0eWxlZEFjdGl2ZUZpbHRlclRpdGxlPlxuICAgIDxDcm9zcyAvPlxuICA8L1N0eWxlZEFjdGl2ZUZpbHRlcj5cbikpO1xuXG5leHBvcnQgZGVmYXVsdCBBY3RpdmVGaWx0ZXJDb250ZW50O1xuIl19 */"));
+var ActiveFilterContent = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var filter = _ref.filter,
     onFilterRemove = _ref.onFilterRemove,
     ariaLabel = _ref.ariaLabel;
   return _jsxs(StyledActiveFilter, {
     "aria-label": ariaLabel,
     type: "button",
+    ref: ref,
     onClick: function onClick() {
       return onFilterRemove(filter.value, filter.filterName);
     },
@@ -28,5 +29,5 @@ var ActiveFilterContent = function ActiveFilterContent(_ref) {
       children: filter.title
     }), _jsx(Cross, {})]
   });
-};
+});
 export default ActiveFilterContent;

package/es/Search/ContentTypeResult.js

@@ -23,8 +23,11 @@ var renderAdditionalIcon = function renderAdditionalIcon(label, isAdditional) {
   if (isAdditional && label) {
     return _jsx(Tooltip, {
       tooltip: label,
-      children: _jsx(Additional, {
-        className: "c-icon--20"
+      children: _jsx("div", {
+        children: _jsx(Additional, {
+          className: "c-icon--20",
+          "aria-hidden": false
+        })
       })
     });
   }
@@ -132,7 +135,7 @@ var ContentTypeResult = function ContentTypeResult(_ref) {
         ref: showAllRef,
         children: _jsxs(Button, {
           ghostPill: true,
-          css: [showAllButtonStyle, shouldHighlightShowAllButton && noWidthhighlightStyle, ";label:ContentTypeResult;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNvbnRlbnRUeXBlUmVzdWx0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF3SmdCIiwiZmlsZSI6IkNvbnRlbnRUeXBlUmVzdWx0LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBCdXR0b24gZnJvbSAnQG5kbGEvYnV0dG9uJztcbmltcG9ydCB7IEFkZGl0aW9uYWwsIENoZXZyb25Eb3duLCBDaGV2cm9uVXAgfSBmcm9tICdAbmRsYS9pY29ucy9jb21tb24nO1xuaW1wb3J0IFNhZmVMaW5rIGZyb20gJ0BuZGxhL3NhZmVsaW5rJztcbmltcG9ydCBUb29sdGlwIGZyb20gJ0BuZGxhL3Rvb2x0aXAnO1xuaW1wb3J0IFJlYWN0LCB7IFJlYWN0RWxlbWVudCwgdXNlRWZmZWN0LCB1c2VSZWYsIHVzZVN0YXRlIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgdXNlVHJhbnNsYXRpb24gfSBmcm9tICdyZWFjdC1pMThuZXh0JztcbmltcG9ydCBDb250ZW50VHlwZUJhZGdlIGZyb20gJy4uL0NvbnRlbnRUeXBlQmFkZ2UnO1xuaW1wb3J0IHsgQ29udGVudFR5cGVSZXN1bHRUeXBlLCBSZXNvdXJjZSB9IGZyb20gJy4uL3R5cGVzJztcbmltcG9ydCB7XG4gIGhpZ2hsaWdodFN0eWxlLFxuICBub1dpZHRoaGlnaGxpZ2h0U3R5bGUsXG4gIHNob3dBbGxCdXR0b25TdHlsZSxcbiAgU3R5bGVkSGVhZGVyLFxuICBTdHlsZWRMaXN0LFxuICBTdHlsZWRMaXN0SXRlbSxcbiAgU3R5bGVkTm9IaXQsXG4gIFN0eWxlZFRhZyxcbiAgU3R5bGVkV3JhcHBlcixcbn0gZnJvbSAnLi9Db250ZW50VHlwZVJlc3VsdFN0eWxlcyc7XG5pbXBvcnQgeyBpc1BhdGhUb0hpZ2hsaWdodCB9IGZyb20gJy4vSXNQYXRoVG9IaWdobGlnaHQnO1xuXG5jb25zdCByZW5kZXJBZGRpdGlvbmFsSWNvbiA9IChsYWJlbDogc3RyaW5nLCBpc0FkZGl0aW9uYWw/OiBib29sZWFuKTogUmVhY3RFbGVtZW50IHwgbnVsbCA9PiB7XG4gIGlmIChpc0FkZGl0aW9uYWwgJiYgbGFiZWwpIHtcbiAgICByZXR1cm4gKFxuICAgICAgPFRvb2x0aXAgdG9vbHRpcD17bGFiZWx9PlxuICAgICAgICA8QWRkaXRpb25hbCBjbGFzc05hbWU9XCJjLWljb24tLTIwXCIgLz5cbiAgICAgIDwvVG9vbHRpcD5cbiAgICApO1xuICB9XG4gIGlmIChpc0FkZGl0aW9uYWwpIHtcbiAgICByZXR1cm4gPEFkZGl0aW9uYWwgY2xhc3NOYW1lPVwiYy1pY29uLS0yMFwiIC8+O1xuICB9XG4gIHJldHVybiBudWxsO1xufTtcblxudHlwZSBQcm9wcyA9IHtcbiAgY29udGVudFR5cGVSZXN1bHQ6IENvbnRlbnRUeXBlUmVzdWx0VHlwZTtcbiAgb25OYXZpZ2F0ZT86IFZvaWRGdW5jdGlvbjtcbiAgZGVmYXVsdENvdW50PzogbnVtYmVyO1xuICByZXNvdXJjZVRvTGlua1Byb3BzOiAocmVzb3VyY2U6IFJlc291cmNlKSA9PiB7XG4gICAgdG86IHN0cmluZztcbiAgfTtcbiAgc2hvd0FkZGl0aW9uYWxSZXNvdXJjZXM/OiBib29sZWFuO1xuICBtZXNzYWdlczoge1xuICAgIGFsbFJlc3VsdExhYmVsPzogc3RyaW5nO1xuICAgIHNob3dMZXNzUmVzdWx0TGFiZWw/OiBzdHJpbmc7XG4gICAgbm9IaXQ6IHN0cmluZztcbiAgfTtcbiAgaWdub3JlQ29udGVudFR5cGVCYWRnZT86IGJvb2xlYW47XG4gIGtleWJvYXJkUGF0aE5hdmlnYXRpb24/OiBIVE1MRWxlbWVudCB8IHN0cmluZyB8IG51bGw7XG4gIGluTWVudT86IGJvb2xlYW47XG4gIGFuaW1hdGVMaXN0PzogbnVtYmVyO1xuICB1bkdyb3VwZWQ/OiBib29sZWFuO1xufTtcblxuY29uc3QgQ29udGVudFR5cGVSZXN1bHQgPSAoe1xuICBjb250ZW50VHlwZVJlc3VsdCxcbiAgb25OYXZpZ2F0ZSxcbiAgZGVmYXVsdENvdW50LFxuICByZXNvdXJjZVRvTGlua1Byb3BzLFxuICBzaG93QWRkaXRpb25hbFJlc291cmNlcyxcbiAgbWVzc2FnZXMsXG4gIGlnbm9yZUNvbnRlbnRUeXBlQmFkZ2UsXG4gIGtleWJvYXJkUGF0aE5hdmlnYXRpb24sXG4gIGluTWVudSxcbiAgYW5pbWF0ZUxpc3QsXG4gIHVuR3JvdXBlZCxcbn06IFByb3BzKSA9PiB7XG4gIGNvbnN0IHsgdCB9ID0gdXNlVHJhbnNsYXRpb24oKTtcbiAgY29uc3QgW3Nob3dBbGwsIHRvZ2dsZVNob3dBbGxdID0gdXNlU3RhdGUoZmFsc2UpO1xuICBjb25zdCBzaG93QWxsUmVmID0gdXNlUmVmPEhUTUxMSUVsZW1lbnQ+KG51bGwpO1xuXG4gIGNvbnN0IHJlc3VsdHMgPVxuICAgIHNob3dBZGRpdGlvbmFsUmVzb3VyY2VzIHx8ICFjb250ZW50VHlwZVJlc3VsdC5yZXNvdXJjZXNcbiAgICAgID8gY29udGVudFR5cGVSZXN1bHQucmVzb3VyY2VzXG4gICAgICA6IGNvbnRlbnRUeXBlUmVzdWx0LnJlc291cmNlcy5maWx0ZXIoKGl0ZW1zKSA9PiAhaXRlbXMuYWRkaXRpb25hbCk7XG5cbiAgY29uc3QgcmVzb3VyY2VzID0gc2hvd0FsbCB8fCAhZGVmYXVsdENvdW50ID8gcmVzdWx0cyA6IHJlc3VsdHMuc2xpY2UoMCwgZGVmYXVsdENvdW50KTtcblxuICBjb25zdCBkaXNwbGF5U2hvd0FsbEJ1dHRvbiA9IGRlZmF1bHRDb3VudCAmJiByZXN1bHRzLmxlbmd0aCA+IGRlZmF1bHRDb3VudDtcbiAgY29uc3Qgc2hvdWxkSGlnaGxpZ2h0U2hvd0FsbEJ1dHRvbiA9IHNob3dBbGxSZWYuY3VycmVudCA9PT0ga2V5Ym9hcmRQYXRoTmF2aWdhdGlvbjtcblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGlmIChzaG93QWxsICYmIHNob3dBbGxSZWYuY3VycmVudCkge1xuICAgICAgc2hvd0FsbFJlZi5jdXJyZW50LnNjcm9sbEludG9WaWV3KHtcbiAgICAgICAgYmVoYXZpb3I6ICdzbW9vdGgnLFxuICAgICAgICBibG9jazogJ25lYXJlc3QnLFxuICAgICAgfSk7XG4gICAgfVxuICB9LCBbc2hvd0FsbF0pO1xuXG4gIHJldHVybiAoXG4gICAgPFN0eWxlZFdyYXBwZXI+XG4gICAgICB7IXVuR3JvdXBlZCAmJiAoXG4gICAgICAgIDxTdHlsZWRIZWFkZXI+XG4gICAgICAgICAgeyFpZ25vcmVDb250ZW50VHlwZUJhZGdlICYmIGNvbnRlbnRUeXBlUmVzdWx0LmNvbnRlbnRUeXBlICYmIChcbiAgICAgICAgICAgIDxDb250ZW50VHlwZUJhZGdlIHR5cGU9e2NvbnRlbnRUeXBlUmVzdWx0LmNvbnRlbnRUeXBlfSBzaXplPVwieC1zbWFsbFwiIGJhY2tncm91bmQgYm9yZGVyIC8+XG4gICAgICAgICAgKX1cbiAgICAgICAgICA8aDE+XG4gICAgICAgICAgICB7Y29udGVudFR5cGVSZXN1bHQudGl0bGV9IDxzbWFsbD4oe3Jlc3VsdHMubGVuZ3RofSk8L3NtYWxsPlxuICAgICAgICAgIDwvaDE+XG4gICAgICAgIDwvU3R5bGVkSGVhZGVyPlxuICAgICAgKX1cbiAgICAgIHtyZXNvdXJjZXMubGVuZ3RoID4gMCA/IChcbiAgICAgICAgPFN0eWxlZExpc3QgaW5NZW51PXtpbk1lbnV9IGFuaW1hdGVMaXN0PXthbmltYXRlTGlzdH0gdW5Hcm91cGVkPXt1bkdyb3VwZWR9PlxuICAgICAgICAgIHtyZXNvdXJjZXMubWFwKChyZXNvdXJjZSkgPT4ge1xuICAgICAgICAgICAgY29uc3QgeyBwYXRoLCBuYW1lLCByZXNvdXJjZVR5cGVzLCBzdWJqZWN0LCBhZGRpdGlvbmFsIH0gPSByZXNvdXJjZTtcblxuICAgICAgICAgICAgY29uc3QgbGlua1Byb3BzID0gcmVzb3VyY2VUb0xpbmtQcm9wcyhyZXNvdXJjZSk7XG4gICAgICAgICAgICBjb25zdCBsaW5rQ29udGVudCA9IChcbiAgICAgICAgICAgICAgPD5cbiAgICAgICAgICAgICAgICA8c3Ryb25nPntuYW1lfTwvc3Ryb25nPlxuICAgICAgICAgICAgICAgIHshaW5NZW51ICYmIHN1YmplY3QgJiYgPHNtYWxsPntzdWJqZWN0fTwvc21hbGw+fVxuICAgICAgICAgICAgICAgIHshaW5NZW51ICYmXG4gICAgICAgICAgICAgICAgICByZXNvdXJjZVR5cGVzICYmXG4gICAgICAgICAgICAgICAgICByZXNvdXJjZVR5cGVzLm1hcCgodHlwZSkgPT4gPFN0eWxlZFRhZyBrZXk9e3R5cGUubmFtZX0+e3R5cGUubmFtZX08L1N0eWxlZFRhZz4pfVxuICAgICAgICAgICAgICA8Lz5cbiAgICAgICAgICAgICk7XG4gICAgICAgICAgICBjb25zdCBkZWxheUFuaW1hdGlvbiA9ICEhYW5pbWF0ZUxpc3QgJiYgISFhZGRpdGlvbmFsICYmIGFuaW1hdGVMaXN0ID4gMCAmJiAhIXNob3dBZGRpdGlvbmFsUmVzb3VyY2VzO1xuXG4gICAgICAgICAgICAvLyBGaWd1cmUgb3V0IGhpZ2hsaWdodGluZyBieSBjb21wYXJpbmcgcGF0aCBvZiBsaW5rIHdpdGgga2V5Ym9hcmQgbmF2aWdhdGVkIGFuY2hvclxuICAgICAgICAgICAgY29uc3QgYW5jaG9yID1cbiAgICAgICAgICAgICAga2V5Ym9hcmRQYXRoTmF2aWdhdGlvbiBpbnN0YW5jZW9mIEhUTUxFbGVtZW50ICYmXG4gICAgICAgICAgICAgIGtleWJvYXJkUGF0aE5hdmlnYXRpb24gJiZcbiAgICAgICAgICAgICAga2V5Ym9hcmRQYXRoTmF2aWdhdGlvbi5xdWVyeVNlbGVjdG9yKCdhJyk7XG4gICAgICAgICAgICBjb25zdCBhbmNob3JIcmVmID0gYW5jaG9yICYmIGFuY2hvci5nZXRBdHRyaWJ1dGUoJ2hyZWYnKTtcbiAgICAgICAgICAgIGNvbnN0IHNob3VsZEhpZ2hsaWdodCA9IGlzUGF0aFRvSGlnaGxpZ2h0KHBhdGgsIGFuY2hvckhyZWYpO1xuXG4gICAgICAgICAgICByZXR1cm4gKFxuICAgICAgICAgICAgICA8U3R5bGVkTGlzdEl0ZW0ga2V5PXtwYXRofSBkZWxheUFuaW1hdGlvbj17ZGVsYXlBbmltYXRpb259PlxuICAgICAgICAgICAgICAgIDxTYWZlTGlua1xuICAgICAgICAgICAgICAgICAgY3NzPXtzaG91bGRIaWdobGlnaHQgJiYgaGlnaGxpZ2h0U3R5bGV9XG4gICAgICAgICAgICAgICAgICBkYXRhLWhpZ2hsaWdodGVkPXtzaG91bGRIaWdobGlnaHQgfHwgZmFsc2V9XG4gICAgICAgICAgICAgICAgICB7Li4ubGlua1Byb3BzfVxuICAgICAgICAgICAgICAgICAgb25DbGljaz17KCkgPT4ge1xuICAgICAgICAgICAgICAgICAgICBpZiAob25OYXZpZ2F0ZSkge1xuICAgICAgICAgICAgICAgICAgICAgIG9uTmF2aWdhdGUoKTtcbiAgICAgICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgICAgfX0+XG4gICAgICAgICAgICAgICAgICB7dW5Hcm91cGVkICYmICFpZ25vcmVDb250ZW50VHlwZUJhZGdlICYmIChcbiAgICAgICAgICAgICAgICAgICAgPENvbnRlbnRUeXBlQmFkZ2UgdHlwZT17cmVzb3VyY2UuY29udGVudFR5cGUgPz8gJyd9IHNpemU9XCJ4LXNtYWxsXCIgYmFja2dyb3VuZCBib3JkZXIgLz5cbiAgICAgICAgICAgICAgICAgICl9XG4gICAgICAgICAgICAgICAgICB7bGlua0NvbnRlbnR9XG4gICAgICAgICAgICAgICAgICB7cmVuZGVyQWRkaXRpb25hbEljb24odCgncmVzb3VyY2UuYWRkaXRpb25hbFRvb2x0aXAnKSwgYWRkaXRpb25hbCl9XG4gICAgICAgICAgICAgICAgPC9TYWZlTGluaz5cbiAgICAgICAgICAgICAgPC9TdHlsZWRMaXN0SXRlbT5cbiAgICAgICAgICAgICk7XG4gICAgICAgICAgfSl9XG4gICAgICAgICAge2Rpc3BsYXlTaG93QWxsQnV0dG9uICYmIChcbiAgICAgICAgICAgIDxTdHlsZWRMaXN0SXRlbSByZWY9e3Nob3dBbGxSZWZ9PlxuICAgICAgICAgICAgICA8QnV0dG9uXG4gICAgICAgICAgICAgICAgZ2hvc3RQaWxsXG4gICAgICAgICAgICAgICAgY3NzPXtbc2hvd0FsbEJ1dHRvblN0eWxlLCBzaG91bGRIaWdobGlnaHRTaG93QWxsQnV0dG9uICYmIG5vV2lkdGhoaWdobGlnaHRTdHlsZV19XG4gICAgICAgICAgICAgICAgZGF0YS1oaWdobGlnaHRlZD17c2hvdWxkSGlnaGxpZ2h0U2hvd0FsbEJ1dHRvbn1cbiAgICAgICAgICAgICAgICBvbkNsaWNrPXsoKSA9PiB0b2dnbGVTaG93QWxsKCFzaG93QWxsKX1cbiAgICAgICAgICAgICAgICB0YWJJbmRleD17LTF9PlxuICAgICAgICAgICAgICAgIHtzaG93QWxsID8gbWVzc2FnZXMuc2hvd0xlc3NSZXN1bHRMYWJlbCA6IG1lc3NhZ2VzLmFsbFJlc3VsdExhYmVsfVxuICAgICAgICAgICAgICAgIHtzaG93QWxsID8gPENoZXZyb25VcCAvPiA6IDxDaGV2cm9uRG93biAvPn1cbiAgICAgICAgICAgICAgPC9CdXR0b24+XG4gICAgICAgICAgICA8L1N0eWxlZExpc3RJdGVtPlxuICAgICAgICAgICl9XG4gICAgICAgIDwvU3R5bGVkTGlzdD5cbiAgICAgICkgOiAoXG4gICAgICAgIDxTdHlsZWROb0hpdCBpbk1lbnU9e2luTWVudX0+e21lc3NhZ2VzLm5vSGl0fTwvU3R5bGVkTm9IaXQ+XG4gICAgICApfVxuICAgIDwvU3R5bGVkV3JhcHBlcj5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IENvbnRlbnRUeXBlUmVzdWx0O1xuIl19 */")],
+          css: [showAllButtonStyle, shouldHighlightShowAllButton && noWidthhighlightStyle, ";label:ContentTypeResult;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNvbnRlbnRUeXBlUmVzdWx0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEwSmdCIiwiZmlsZSI6IkNvbnRlbnRUeXBlUmVzdWx0LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBCdXR0b24gZnJvbSAnQG5kbGEvYnV0dG9uJztcbmltcG9ydCB7IEFkZGl0aW9uYWwsIENoZXZyb25Eb3duLCBDaGV2cm9uVXAgfSBmcm9tICdAbmRsYS9pY29ucy9jb21tb24nO1xuaW1wb3J0IFNhZmVMaW5rIGZyb20gJ0BuZGxhL3NhZmVsaW5rJztcbmltcG9ydCBUb29sdGlwIGZyb20gJ0BuZGxhL3Rvb2x0aXAnO1xuaW1wb3J0IFJlYWN0LCB7IFJlYWN0RWxlbWVudCwgdXNlRWZmZWN0LCB1c2VSZWYsIHVzZVN0YXRlIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgdXNlVHJhbnNsYXRpb24gfSBmcm9tICdyZWFjdC1pMThuZXh0JztcbmltcG9ydCBDb250ZW50VHlwZUJhZGdlIGZyb20gJy4uL0NvbnRlbnRUeXBlQmFkZ2UnO1xuaW1wb3J0IHsgQ29udGVudFR5cGVSZXN1bHRUeXBlLCBSZXNvdXJjZSB9IGZyb20gJy4uL3R5cGVzJztcbmltcG9ydCB7XG4gIGhpZ2hsaWdodFN0eWxlLFxuICBub1dpZHRoaGlnaGxpZ2h0U3R5bGUsXG4gIHNob3dBbGxCdXR0b25TdHlsZSxcbiAgU3R5bGVkSGVhZGVyLFxuICBTdHlsZWRMaXN0LFxuICBTdHlsZWRMaXN0SXRlbSxcbiAgU3R5bGVkTm9IaXQsXG4gIFN0eWxlZFRhZyxcbiAgU3R5bGVkV3JhcHBlcixcbn0gZnJvbSAnLi9Db250ZW50VHlwZVJlc3VsdFN0eWxlcyc7XG5pbXBvcnQgeyBpc1BhdGhUb0hpZ2hsaWdodCB9IGZyb20gJy4vSXNQYXRoVG9IaWdobGlnaHQnO1xuXG5jb25zdCByZW5kZXJBZGRpdGlvbmFsSWNvbiA9IChsYWJlbDogc3RyaW5nLCBpc0FkZGl0aW9uYWw/OiBib29sZWFuKTogUmVhY3RFbGVtZW50IHwgbnVsbCA9PiB7XG4gIGlmIChpc0FkZGl0aW9uYWwgJiYgbGFiZWwpIHtcbiAgICByZXR1cm4gKFxuICAgICAgPFRvb2x0aXAgdG9vbHRpcD17bGFiZWx9PlxuICAgICAgICA8ZGl2PlxuICAgICAgICAgIDxBZGRpdGlvbmFsIGNsYXNzTmFtZT1cImMtaWNvbi0tMjBcIiBhcmlhLWhpZGRlbj17ZmFsc2V9IC8+XG4gICAgICAgIDwvZGl2PlxuICAgICAgPC9Ub29sdGlwPlxuICAgICk7XG4gIH1cbiAgaWYgKGlzQWRkaXRpb25hbCkge1xuICAgIHJldHVybiA8QWRkaXRpb25hbCBjbGFzc05hbWU9XCJjLWljb24tLTIwXCIgLz47XG4gIH1cbiAgcmV0dXJuIG51bGw7XG59O1xuXG50eXBlIFByb3BzID0ge1xuICBjb250ZW50VHlwZVJlc3VsdDogQ29udGVudFR5cGVSZXN1bHRUeXBlO1xuICBvbk5hdmlnYXRlPzogVm9pZEZ1bmN0aW9uO1xuICBkZWZhdWx0Q291bnQ/OiBudW1iZXI7XG4gIHJlc291cmNlVG9MaW5rUHJvcHM6IChyZXNvdXJjZTogUmVzb3VyY2UpID0+IHtcbiAgICB0bzogc3RyaW5nO1xuICB9O1xuICBzaG93QWRkaXRpb25hbFJlc291cmNlcz86IGJvb2xlYW47XG4gIG1lc3NhZ2VzOiB7XG4gICAgYWxsUmVzdWx0TGFiZWw/OiBzdHJpbmc7XG4gICAgc2hvd0xlc3NSZXN1bHRMYWJlbD86IHN0cmluZztcbiAgICBub0hpdDogc3RyaW5nO1xuICB9O1xuICBpZ25vcmVDb250ZW50VHlwZUJhZGdlPzogYm9vbGVhbjtcbiAga2V5Ym9hcmRQYXRoTmF2aWdhdGlvbj86IEhUTUxFbGVtZW50IHwgc3RyaW5nIHwgbnVsbDtcbiAgaW5NZW51PzogYm9vbGVhbjtcbiAgYW5pbWF0ZUxpc3Q/OiBudW1iZXI7XG4gIHVuR3JvdXBlZD86IGJvb2xlYW47XG59O1xuXG5jb25zdCBDb250ZW50VHlwZVJlc3VsdCA9ICh7XG4gIGNvbnRlbnRUeXBlUmVzdWx0LFxuICBvbk5hdmlnYXRlLFxuICBkZWZhdWx0Q291bnQsXG4gIHJlc291cmNlVG9MaW5rUHJvcHMsXG4gIHNob3dBZGRpdGlvbmFsUmVzb3VyY2VzLFxuICBtZXNzYWdlcyxcbiAgaWdub3JlQ29udGVudFR5cGVCYWRnZSxcbiAga2V5Ym9hcmRQYXRoTmF2aWdhdGlvbixcbiAgaW5NZW51LFxuICBhbmltYXRlTGlzdCxcbiAgdW5Hcm91cGVkLFxufTogUHJvcHMpID0+IHtcbiAgY29uc3QgeyB0IH0gPSB1c2VUcmFuc2xhdGlvbigpO1xuICBjb25zdCBbc2hvd0FsbCwgdG9nZ2xlU2hvd0FsbF0gPSB1c2VTdGF0ZShmYWxzZSk7XG4gIGNvbnN0IHNob3dBbGxSZWYgPSB1c2VSZWY8SFRNTExJRWxlbWVudD4obnVsbCk7XG5cbiAgY29uc3QgcmVzdWx0cyA9XG4gICAgc2hvd0FkZGl0aW9uYWxSZXNvdXJjZXMgfHwgIWNvbnRlbnRUeXBlUmVzdWx0LnJlc291cmNlc1xuICAgICAgPyBjb250ZW50VHlwZVJlc3VsdC5yZXNvdXJjZXNcbiAgICAgIDogY29udGVudFR5cGVSZXN1bHQucmVzb3VyY2VzLmZpbHRlcigoaXRlbXMpID0+ICFpdGVtcy5hZGRpdGlvbmFsKTtcblxuICBjb25zdCByZXNvdXJjZXMgPSBzaG93QWxsIHx8ICFkZWZhdWx0Q291bnQgPyByZXN1bHRzIDogcmVzdWx0cy5zbGljZSgwLCBkZWZhdWx0Q291bnQpO1xuXG4gIGNvbnN0IGRpc3BsYXlTaG93QWxsQnV0dG9uID0gZGVmYXVsdENvdW50ICYmIHJlc3VsdHMubGVuZ3RoID4gZGVmYXVsdENvdW50O1xuICBjb25zdCBzaG91bGRIaWdobGlnaHRTaG93QWxsQnV0dG9uID0gc2hvd0FsbFJlZi5jdXJyZW50ID09PSBrZXlib2FyZFBhdGhOYXZpZ2F0aW9uO1xuXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgaWYgKHNob3dBbGwgJiYgc2hvd0FsbFJlZi5jdXJyZW50KSB7XG4gICAgICBzaG93QWxsUmVmLmN1cnJlbnQuc2Nyb2xsSW50b1ZpZXcoe1xuICAgICAgICBiZWhhdmlvcjogJ3Ntb290aCcsXG4gICAgICAgIGJsb2NrOiAnbmVhcmVzdCcsXG4gICAgICB9KTtcbiAgICB9XG4gIH0sIFtzaG93QWxsXSk7XG5cbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkV3JhcHBlcj5cbiAgICAgIHshdW5Hcm91cGVkICYmIChcbiAgICAgICAgPFN0eWxlZEhlYWRlcj5cbiAgICAgICAgICB7IWlnbm9yZUNvbnRlbnRUeXBlQmFkZ2UgJiYgY29udGVudFR5cGVSZXN1bHQuY29udGVudFR5cGUgJiYgKFxuICAgICAgICAgICAgPENvbnRlbnRUeXBlQmFkZ2UgdHlwZT17Y29udGVudFR5cGVSZXN1bHQuY29udGVudFR5cGV9IHNpemU9XCJ4LXNtYWxsXCIgYmFja2dyb3VuZCBib3JkZXIgLz5cbiAgICAgICAgICApfVxuICAgICAgICAgIDxoMT5cbiAgICAgICAgICAgIHtjb250ZW50VHlwZVJlc3VsdC50aXRsZX0gPHNtYWxsPih7cmVzdWx0cy5sZW5ndGh9KTwvc21hbGw+XG4gICAgICAgICAgPC9oMT5cbiAgICAgICAgPC9TdHlsZWRIZWFkZXI+XG4gICAgICApfVxuICAgICAge3Jlc291cmNlcy5sZW5ndGggPiAwID8gKFxuICAgICAgICA8U3R5bGVkTGlzdCBpbk1lbnU9e2luTWVudX0gYW5pbWF0ZUxpc3Q9e2FuaW1hdGVMaXN0fSB1bkdyb3VwZWQ9e3VuR3JvdXBlZH0+XG4gICAgICAgICAge3Jlc291cmNlcy5tYXAoKHJlc291cmNlKSA9PiB7XG4gICAgICAgICAgICBjb25zdCB7IHBhdGgsIG5hbWUsIHJlc291cmNlVHlwZXMsIHN1YmplY3QsIGFkZGl0aW9uYWwgfSA9IHJlc291cmNlO1xuXG4gICAgICAgICAgICBjb25zdCBsaW5rUHJvcHMgPSByZXNvdXJjZVRvTGlua1Byb3BzKHJlc291cmNlKTtcbiAgICAgICAgICAgIGNvbnN0IGxpbmtDb250ZW50ID0gKFxuICAgICAgICAgICAgICA8PlxuICAgICAgICAgICAgICAgIDxzdHJvbmc+e25hbWV9PC9zdHJvbmc+XG4gICAgICAgICAgICAgICAgeyFpbk1lbnUgJiYgc3ViamVjdCAmJiA8c21hbGw+e3N1YmplY3R9PC9zbWFsbD59XG4gICAgICAgICAgICAgICAgeyFpbk1lbnUgJiZcbiAgICAgICAgICAgICAgICAgIHJlc291cmNlVHlwZXMgJiZcbiAgICAgICAgICAgICAgICAgIHJlc291cmNlVHlwZXMubWFwKCh0eXBlKSA9PiA8U3R5bGVkVGFnIGtleT17dHlwZS5uYW1lfT57dHlwZS5uYW1lfTwvU3R5bGVkVGFnPil9XG4gICAgICAgICAgICAgIDwvPlxuICAgICAgICAgICAgKTtcbiAgICAgICAgICAgIGNvbnN0IGRlbGF5QW5pbWF0aW9uID0gISFhbmltYXRlTGlzdCAmJiAhIWFkZGl0aW9uYWwgJiYgYW5pbWF0ZUxpc3QgPiAwICYmICEhc2hvd0FkZGl0aW9uYWxSZXNvdXJjZXM7XG5cbiAgICAgICAgICAgIC8vIEZpZ3VyZSBvdXQgaGlnaGxpZ2h0aW5nIGJ5IGNvbXBhcmluZyBwYXRoIG9mIGxpbmsgd2l0aCBrZXlib2FyZCBuYXZpZ2F0ZWQgYW5jaG9yXG4gICAgICAgICAgICBjb25zdCBhbmNob3IgPVxuICAgICAgICAgICAgICBrZXlib2FyZFBhdGhOYXZpZ2F0aW9uIGluc3RhbmNlb2YgSFRNTEVsZW1lbnQgJiZcbiAgICAgICAgICAgICAga2V5Ym9hcmRQYXRoTmF2aWdhdGlvbiAmJlxuICAgICAgICAgICAgICBrZXlib2FyZFBhdGhOYXZpZ2F0aW9uLnF1ZXJ5U2VsZWN0b3IoJ2EnKTtcbiAgICAgICAgICAgIGNvbnN0IGFuY2hvckhyZWYgPSBhbmNob3IgJiYgYW5jaG9yLmdldEF0dHJpYnV0ZSgnaHJlZicpO1xuICAgICAgICAgICAgY29uc3Qgc2hvdWxkSGlnaGxpZ2h0ID0gaXNQYXRoVG9IaWdobGlnaHQocGF0aCwgYW5jaG9ySHJlZik7XG5cbiAgICAgICAgICAgIHJldHVybiAoXG4gICAgICAgICAgICAgIDxTdHlsZWRMaXN0SXRlbSBrZXk9e3BhdGh9IGRlbGF5QW5pbWF0aW9uPXtkZWxheUFuaW1hdGlvbn0+XG4gICAgICAgICAgICAgICAgPFNhZmVMaW5rXG4gICAgICAgICAgICAgICAgICBjc3M9e3Nob3VsZEhpZ2hsaWdodCAmJiBoaWdobGlnaHRTdHlsZX1cbiAgICAgICAgICAgICAgICAgIGRhdGEtaGlnaGxpZ2h0ZWQ9e3Nob3VsZEhpZ2hsaWdodCB8fCBmYWxzZX1cbiAgICAgICAgICAgICAgICAgIHsuLi5saW5rUHJvcHN9XG4gICAgICAgICAgICAgICAgICBvbkNsaWNrPXsoKSA9PiB7XG4gICAgICAgICAgICAgICAgICAgIGlmIChvbk5hdmlnYXRlKSB7XG4gICAgICAgICAgICAgICAgICAgICAgb25OYXZpZ2F0ZSgpO1xuICAgICAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgICB9fT5cbiAgICAgICAgICAgICAgICAgIHt1bkdyb3VwZWQgJiYgIWlnbm9yZUNvbnRlbnRUeXBlQmFkZ2UgJiYgKFxuICAgICAgICAgICAgICAgICAgICA8Q29udGVudFR5cGVCYWRnZSB0eXBlPXtyZXNvdXJjZS5jb250ZW50VHlwZSA/PyAnJ30gc2l6ZT1cIngtc21hbGxcIiBiYWNrZ3JvdW5kIGJvcmRlciAvPlxuICAgICAgICAgICAgICAgICAgKX1cbiAgICAgICAgICAgICAgICAgIHtsaW5rQ29udGVudH1cbiAgICAgICAgICAgICAgICAgIHtyZW5kZXJBZGRpdGlvbmFsSWNvbih0KCdyZXNvdXJjZS5hZGRpdGlvbmFsVG9vbHRpcCcpLCBhZGRpdGlvbmFsKX1cbiAgICAgICAgICAgICAgICA8L1NhZmVMaW5rPlxuICAgICAgICAgICAgICA8L1N0eWxlZExpc3RJdGVtPlxuICAgICAgICAgICAgKTtcbiAgICAgICAgICB9KX1cbiAgICAgICAgICB7ZGlzcGxheVNob3dBbGxCdXR0b24gJiYgKFxuICAgICAgICAgICAgPFN0eWxlZExpc3RJdGVtIHJlZj17c2hvd0FsbFJlZn0+XG4gICAgICAgICAgICAgIDxCdXR0b25cbiAgICAgICAgICAgICAgICBnaG9zdFBpbGxcbiAgICAgICAgICAgICAgICBjc3M9e1tzaG93QWxsQnV0dG9uU3R5bGUsIHNob3VsZEhpZ2hsaWdodFNob3dBbGxCdXR0b24gJiYgbm9XaWR0aGhpZ2hsaWdodFN0eWxlXX1cbiAgICAgICAgICAgICAgICBkYXRhLWhpZ2hsaWdodGVkPXtzaG91bGRIaWdobGlnaHRTaG93QWxsQnV0dG9ufVxuICAgICAgICAgICAgICAgIG9uQ2xpY2s9eygpID0+IHRvZ2dsZVNob3dBbGwoIXNob3dBbGwpfVxuICAgICAgICAgICAgICAgIHRhYkluZGV4PXstMX0+XG4gICAgICAgICAgICAgICAge3Nob3dBbGwgPyBtZXNzYWdlcy5zaG93TGVzc1Jlc3VsdExhYmVsIDogbWVzc2FnZXMuYWxsUmVzdWx0TGFiZWx9XG4gICAgICAgICAgICAgICAge3Nob3dBbGwgPyA8Q2hldnJvblVwIC8+IDogPENoZXZyb25Eb3duIC8+fVxuICAgICAgICAgICAgICA8L0J1dHRvbj5cbiAgICAgICAgICAgIDwvU3R5bGVkTGlzdEl0ZW0+XG4gICAgICAgICAgKX1cbiAgICAgICAgPC9TdHlsZWRMaXN0PlxuICAgICAgKSA6IChcbiAgICAgICAgPFN0eWxlZE5vSGl0IGluTWVudT17aW5NZW51fT57bWVzc2FnZXMubm9IaXR9PC9TdHlsZWROb0hpdD5cbiAgICAgICl9XG4gICAgPC9TdHlsZWRXcmFwcGVyPlxuICApO1xufTtcblxuZXhwb3J0IGRlZmF1bHQgQ29udGVudFR5cGVSZXN1bHQ7XG4iXX0= */")],
           "data-highlighted": shouldHighlightShowAllButton,
           onClick: function onClick() {
             return toggleShowAll(!showAll);

package/es/SearchTypeResult/ActiveFilterContent.js

@@ -8,18 +8,18 @@ function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringif
  *
  */
 
-import React from 'react';
+import React, { forwardRef } from 'react';
 import { Cross } from '@ndla/icons/action';
 import { spacing, fonts } from '@ndla/core';
-import Button from '@ndla/button';
+import { ButtonV2 } from '@ndla/button';
 import { useTranslation } from 'react-i18next';
 import { jsx as _jsx } from "@emotion/react/jsx-runtime";
 import { jsxs as _jsxs } from "@emotion/react/jsx-runtime";
 export var StyledActiveFilterTitle = /*#__PURE__*/_styled("span", {
   target: "e90waln1",
   label: "StyledActiveFilterTitle"
-})("white-space:nowrap;padding-right:", spacing.small, ";font-weight:", fonts.weight.semibold, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkFjdGl2ZUZpbHRlckNvbnRlbnQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWVrRCIsImZpbGUiOiJBY3RpdmVGaWx0ZXJDb250ZW50LnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogQ29weXJpZ2h0IChjKSAyMDIwLXByZXNlbnQsIE5ETEEuXG4gKlxuICogVGhpcyBzb3VyY2UgY29kZSBpcyBsaWNlbnNlZCB1bmRlciB0aGUgR1BMdjMgbGljZW5zZSBmb3VuZCBpbiB0aGVcbiAqIExJQ0VOU0UgZmlsZSBpbiB0aGUgcm9vdCBkaXJlY3Rvcnkgb2YgdGhpcyBzb3VyY2UgdHJlZS5cbiAqXG4gKi9cblxuaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IENyb3NzIH0gZnJvbSAnQG5kbGEvaWNvbnMvYWN0aW9uJztcbmltcG9ydCB7IHNwYWNpbmcsIGZvbnRzIH0gZnJvbSAnQG5kbGEvY29yZSc7XG5pbXBvcnQgQnV0dG9uIGZyb20gJ0BuZGxhL2J1dHRvbic7XG5pbXBvcnQgeyB1c2VUcmFuc2xhdGlvbiB9IGZyb20gJ3JlYWN0LWkxOG5leHQnO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQWN0aXZlRmlsdGVyVGl0bGUgPSBzdHlsZWQuc3BhbmBcbiAgd2hpdGUtc3BhY2U6IG5vd3JhcDtcbiAgcGFkZGluZy1yaWdodDogJHtzcGFjaW5nLnNtYWxsfTtcbiAgZm9udC13ZWlnaHQ6ICR7Zm9udHMud2VpZ2h0LnNlbWlib2xkfTtcbmA7XG5cbmNvbnN0IFN0eWxlZEJ1dHRvbiA9IHN0eWxlZChCdXR0b24pYFxuICBkaXNwbGF5OiBncmlkO1xuICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IDFmciBhdXRvO1xuYDtcblxuZXhwb3J0IHR5cGUgRmlsdGVyUHJvcHMgPSB7XG4gIHZhbHVlOiBzdHJpbmc7XG4gIHRpdGxlOiBzdHJpbmc7XG4gIG5hbWU6IHN0cmluZztcbn07XG5cbnR5cGUgUHJvcHMgPSB7XG4gIGZpbHRlcjogRmlsdGVyUHJvcHM7XG4gIG9uRmlsdGVyUmVtb3ZlOiAodmFsdWU6IHN0cmluZywgbmFtZTogc3RyaW5nKSA9PiB2b2lkO1xufTtcblxuY29uc3QgQWN0aXZlRmlsdGVyQ29udGVudCA9ICh7IGZpbHRlciwgb25GaWx0ZXJSZW1vdmUgfTogUHJvcHMpID0+IHtcbiAgY29uc3QgeyB0IH0gPSB1c2VUcmFuc2xhdGlvbigpO1xuICByZXR1cm4gKFxuICAgIDxTdHlsZWRCdXR0b25cbiAgICAgIGFyaWEtbGFiZWw9e3QoJ3NlYXJjaFBhZ2Uuc2VhcmNoRmlsdGVyTWVzc2FnZXMucmVtb3ZlRmlsdGVyJywge1xuICAgICAgICBmaWx0ZXJOYW1lOiBmaWx0ZXIudGl0bGUsXG4gICAgICB9KX1cbiAgICAgIHR5cGU9XCJidXR0b25cIlxuICAgICAgc2l6ZT1cIm5vcm1hbFwiXG4gICAgICBib3JkZXJTaGFwZT1cInJvdW5kZWRcIlxuICAgICAgb25DbGljaz17KCkgPT4gb25GaWx0ZXJSZW1vdmUoZmlsdGVyLnZhbHVlLCBmaWx0ZXIubmFtZSl9PlxuICAgICAgPFN0eWxlZEFjdGl2ZUZpbHRlclRpdGxlPntmaWx0ZXIudGl0bGV9PC9TdHlsZWRBY3RpdmVGaWx0ZXJUaXRsZT5cbiAgICAgIDxDcm9zcyAvPlxuICAgIDwvU3R5bGVkQnV0dG9uPlxuICApO1xufTtcblxuZXhwb3J0IGRlZmF1bHQgQWN0aXZlRmlsdGVyQ29udGVudDtcbiJdfQ== */"));
-var StyledButton = /*#__PURE__*/_styled(Button, {
+})("white-space:nowrap;padding-right:", spacing.small, ";font-weight:", fonts.weight.semibold, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkFjdGl2ZUZpbHRlckNvbnRlbnQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWVrRCIsImZpbGUiOiJBY3RpdmVGaWx0ZXJDb250ZW50LnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogQ29weXJpZ2h0IChjKSAyMDIwLXByZXNlbnQsIE5ETEEuXG4gKlxuICogVGhpcyBzb3VyY2UgY29kZSBpcyBsaWNlbnNlZCB1bmRlciB0aGUgR1BMdjMgbGljZW5zZSBmb3VuZCBpbiB0aGVcbiAqIExJQ0VOU0UgZmlsZSBpbiB0aGUgcm9vdCBkaXJlY3Rvcnkgb2YgdGhpcyBzb3VyY2UgdHJlZS5cbiAqXG4gKi9cblxuaW1wb3J0IFJlYWN0LCB7IGZvcndhcmRSZWYgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBDcm9zcyB9IGZyb20gJ0BuZGxhL2ljb25zL2FjdGlvbic7XG5pbXBvcnQgeyBzcGFjaW5nLCBmb250cyB9IGZyb20gJ0BuZGxhL2NvcmUnO1xuaW1wb3J0IHsgQnV0dG9uVjIgfSBmcm9tICdAbmRsYS9idXR0b24nO1xuaW1wb3J0IHsgdXNlVHJhbnNsYXRpb24gfSBmcm9tICdyZWFjdC1pMThuZXh0JztcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEFjdGl2ZUZpbHRlclRpdGxlID0gc3R5bGVkLnNwYW5gXG4gIHdoaXRlLXNwYWNlOiBub3dyYXA7XG4gIHBhZGRpbmctcmlnaHQ6ICR7c3BhY2luZy5zbWFsbH07XG4gIGZvbnQtd2VpZ2h0OiAke2ZvbnRzLndlaWdodC5zZW1pYm9sZH07XG5gO1xuXG5jb25zdCBTdHlsZWRCdXR0b24gPSBzdHlsZWQoQnV0dG9uVjIpYFxuICBkaXNwbGF5OiBncmlkO1xuICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IDFmciBhdXRvO1xuYDtcblxuZXhwb3J0IHR5cGUgRmlsdGVyUHJvcHMgPSB7XG4gIHZhbHVlOiBzdHJpbmc7XG4gIHRpdGxlOiBzdHJpbmc7XG4gIG5hbWU6IHN0cmluZztcbn07XG5cbnR5cGUgUHJvcHMgPSB7XG4gIGZpbHRlcjogRmlsdGVyUHJvcHM7XG4gIG9uRmlsdGVyUmVtb3ZlOiAodmFsdWU6IHN0cmluZywgbmFtZTogc3RyaW5nKSA9PiB2b2lkO1xufTtcblxuY29uc3QgQWN0aXZlRmlsdGVyQ29udGVudCA9IGZvcndhcmRSZWY8SFRNTEJ1dHRvbkVsZW1lbnQsIFByb3BzPigoeyBmaWx0ZXIsIG9uRmlsdGVyUmVtb3ZlIH0sIHJlZikgPT4ge1xuICBjb25zdCB7IHQgfSA9IHVzZVRyYW5zbGF0aW9uKCk7XG4gIHJldHVybiAoXG4gICAgPFN0eWxlZEJ1dHRvblxuICAgICAgYXJpYS1sYWJlbD17dCgnc2VhcmNoUGFnZS5zZWFyY2hGaWx0ZXJNZXNzYWdlcy5yZW1vdmVGaWx0ZXInLCB7XG4gICAgICAgIGZpbHRlck5hbWU6IGZpbHRlci50aXRsZSxcbiAgICAgIH0pfVxuICAgICAgcmVmPXtyZWZ9XG4gICAgICBzaGFwZT1cInBpbGxcIlxuICAgICAgb25DbGljaz17KCkgPT4gb25GaWx0ZXJSZW1vdmUoZmlsdGVyLnZhbHVlLCBmaWx0ZXIubmFtZSl9PlxuICAgICAgPFN0eWxlZEFjdGl2ZUZpbHRlclRpdGxlPntmaWx0ZXIudGl0bGV9PC9TdHlsZWRBY3RpdmVGaWx0ZXJUaXRsZT5cbiAgICAgIDxDcm9zcyAvPlxuICAgIDwvU3R5bGVkQnV0dG9uPlxuICApO1xufSk7XG5cbmV4cG9ydCBkZWZhdWx0IEFjdGl2ZUZpbHRlckNvbnRlbnQ7XG4iXX0= */"));
+var StyledButton = /*#__PURE__*/_styled(ButtonV2, {
   target: "e90waln0",
   label: "StyledButton"
 })(process.env.NODE_ENV === "production" ? {
@@ -28,10 +28,10 @@ var StyledButton = /*#__PURE__*/_styled(Button, {
 } : {
   name: "1uffw4e",
   styles: "display:grid;grid-template-columns:1fr auto",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkFjdGl2ZUZpbHRlckNvbnRlbnQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXFCbUMiLCJmaWxlIjoiQWN0aXZlRmlsdGVyQ29udGVudC50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAyMC1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBDcm9zcyB9IGZyb20gJ0BuZGxhL2ljb25zL2FjdGlvbic7XG5pbXBvcnQgeyBzcGFjaW5nLCBmb250cyB9IGZyb20gJ0BuZGxhL2NvcmUnO1xuaW1wb3J0IEJ1dHRvbiBmcm9tICdAbmRsYS9idXR0b24nO1xuaW1wb3J0IHsgdXNlVHJhbnNsYXRpb24gfSBmcm9tICdyZWFjdC1pMThuZXh0JztcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEFjdGl2ZUZpbHRlclRpdGxlID0gc3R5bGVkLnNwYW5gXG4gIHdoaXRlLXNwYWNlOiBub3dyYXA7XG4gIHBhZGRpbmctcmlnaHQ6ICR7c3BhY2luZy5zbWFsbH07XG4gIGZvbnQtd2VpZ2h0OiAke2ZvbnRzLndlaWdodC5zZW1pYm9sZH07XG5gO1xuXG5jb25zdCBTdHlsZWRCdXR0b24gPSBzdHlsZWQoQnV0dG9uKWBcbiAgZGlzcGxheTogZ3JpZDtcbiAgZ3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiAxZnIgYXV0bztcbmA7XG5cbmV4cG9ydCB0eXBlIEZpbHRlclByb3BzID0ge1xuICB2YWx1ZTogc3RyaW5nO1xuICB0aXRsZTogc3RyaW5nO1xuICBuYW1lOiBzdHJpbmc7XG59O1xuXG50eXBlIFByb3BzID0ge1xuICBmaWx0ZXI6IEZpbHRlclByb3BzO1xuICBvbkZpbHRlclJlbW92ZTogKHZhbHVlOiBzdHJpbmcsIG5hbWU6IHN0cmluZykgPT4gdm9pZDtcbn07XG5cbmNvbnN0IEFjdGl2ZUZpbHRlckNvbnRlbnQgPSAoeyBmaWx0ZXIsIG9uRmlsdGVyUmVtb3ZlIH06IFByb3BzKSA9PiB7XG4gIGNvbnN0IHsgdCB9ID0gdXNlVHJhbnNsYXRpb24oKTtcbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkQnV0dG9uXG4gICAgICBhcmlhLWxhYmVsPXt0KCdzZWFyY2hQYWdlLnNlYXJjaEZpbHRlck1lc3NhZ2VzLnJlbW92ZUZpbHRlcicsIHtcbiAgICAgICAgZmlsdGVyTmFtZTogZmlsdGVyLnRpdGxlLFxuICAgICAgfSl9XG4gICAgICB0eXBlPVwiYnV0dG9uXCJcbiAgICAgIHNpemU9XCJub3JtYWxcIlxuICAgICAgYm9yZGVyU2hhcGU9XCJyb3VuZGVkXCJcbiAgICAgIG9uQ2xpY2s9eygpID0+IG9uRmlsdGVyUmVtb3ZlKGZpbHRlci52YWx1ZSwgZmlsdGVyLm5hbWUpfT5cbiAgICAgIDxTdHlsZWRBY3RpdmVGaWx0ZXJUaXRsZT57ZmlsdGVyLnRpdGxlfTwvU3R5bGVkQWN0aXZlRmlsdGVyVGl0bGU+XG4gICAgICA8Q3Jvc3MgLz5cbiAgICA8L1N0eWxlZEJ1dHRvbj5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IEFjdGl2ZUZpbHRlckNvbnRlbnQ7XG4iXX0= */",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkFjdGl2ZUZpbHRlckNvbnRlbnQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXFCcUMiLCJmaWxlIjoiQWN0aXZlRmlsdGVyQ29udGVudC50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAyMC1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCBSZWFjdCwgeyBmb3J3YXJkUmVmIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgQ3Jvc3MgfSBmcm9tICdAbmRsYS9pY29ucy9hY3Rpb24nO1xuaW1wb3J0IHsgc3BhY2luZywgZm9udHMgfSBmcm9tICdAbmRsYS9jb3JlJztcbmltcG9ydCB7IEJ1dHRvblYyIH0gZnJvbSAnQG5kbGEvYnV0dG9uJztcbmltcG9ydCB7IHVzZVRyYW5zbGF0aW9uIH0gZnJvbSAncmVhY3QtaTE4bmV4dCc7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRBY3RpdmVGaWx0ZXJUaXRsZSA9IHN0eWxlZC5zcGFuYFxuICB3aGl0ZS1zcGFjZTogbm93cmFwO1xuICBwYWRkaW5nLXJpZ2h0OiAke3NwYWNpbmcuc21hbGx9O1xuICBmb250LXdlaWdodDogJHtmb250cy53ZWlnaHQuc2VtaWJvbGR9O1xuYDtcblxuY29uc3QgU3R5bGVkQnV0dG9uID0gc3R5bGVkKEJ1dHRvblYyKWBcbiAgZGlzcGxheTogZ3JpZDtcbiAgZ3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiAxZnIgYXV0bztcbmA7XG5cbmV4cG9ydCB0eXBlIEZpbHRlclByb3BzID0ge1xuICB2YWx1ZTogc3RyaW5nO1xuICB0aXRsZTogc3RyaW5nO1xuICBuYW1lOiBzdHJpbmc7XG59O1xuXG50eXBlIFByb3BzID0ge1xuICBmaWx0ZXI6IEZpbHRlclByb3BzO1xuICBvbkZpbHRlclJlbW92ZTogKHZhbHVlOiBzdHJpbmcsIG5hbWU6IHN0cmluZykgPT4gdm9pZDtcbn07XG5cbmNvbnN0IEFjdGl2ZUZpbHRlckNvbnRlbnQgPSBmb3J3YXJkUmVmPEhUTUxCdXR0b25FbGVtZW50LCBQcm9wcz4oKHsgZmlsdGVyLCBvbkZpbHRlclJlbW92ZSB9LCByZWYpID0+IHtcbiAgY29uc3QgeyB0IH0gPSB1c2VUcmFuc2xhdGlvbigpO1xuICByZXR1cm4gKFxuICAgIDxTdHlsZWRCdXR0b25cbiAgICAgIGFyaWEtbGFiZWw9e3QoJ3NlYXJjaFBhZ2Uuc2VhcmNoRmlsdGVyTWVzc2FnZXMucmVtb3ZlRmlsdGVyJywge1xuICAgICAgICBmaWx0ZXJOYW1lOiBmaWx0ZXIudGl0bGUsXG4gICAgICB9KX1cbiAgICAgIHJlZj17cmVmfVxuICAgICAgc2hhcGU9XCJwaWxsXCJcbiAgICAgIG9uQ2xpY2s9eygpID0+IG9uRmlsdGVyUmVtb3ZlKGZpbHRlci52YWx1ZSwgZmlsdGVyLm5hbWUpfT5cbiAgICAgIDxTdHlsZWRBY3RpdmVGaWx0ZXJUaXRsZT57ZmlsdGVyLnRpdGxlfTwvU3R5bGVkQWN0aXZlRmlsdGVyVGl0bGU+XG4gICAgICA8Q3Jvc3MgLz5cbiAgICA8L1N0eWxlZEJ1dHRvbj5cbiAgKTtcbn0pO1xuXG5leHBvcnQgZGVmYXVsdCBBY3RpdmVGaWx0ZXJDb250ZW50O1xuIl19 */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
-var ActiveFilterContent = function ActiveFilterContent(_ref) {
+var ActiveFilterContent = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var filter = _ref.filter,
     onFilterRemove = _ref.onFilterRemove;
   var _useTranslation = useTranslation(),
@@ -40,9 +40,8 @@ var ActiveFilterContent = function ActiveFilterContent(_ref) {
     "aria-label": t('searchPage.searchFilterMessages.removeFilter', {
       filterName: filter.title
     }),
-    type: "button",
-    size: "normal",
-    borderShape: "rounded",
+    ref: ref,
+    shape: "pill",
     onClick: function onClick() {
       return onFilterRemove(filter.value, filter.name);
     },
@@ -50,5 +49,5 @@ var ActiveFilterContent = function ActiveFilterContent(_ref) {
       children: filter.title
     }), _jsx(Cross, {})]
   });
-};
+});
 export default ActiveFilterContent;