@ndla/ui 55.0.13-alpha.0 → 55.0.15-alpha.0

package/lib/RelatedArticleList/RelatedArticleList.js

@@ -4,49 +4,23 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.RelatedArticleList = exports.RelatedArticle = void 0;
-var _base = _interopRequireDefault(require("@emotion/styled/base"));
 var _react = require("react");
 var _reactI18next = require("react-i18next");
-var _button = require("@ndla/button");
-var _core = require("@ndla/core");
+var _primitives = require("@ndla/primitives");
 var _safelink = require("@ndla/safelink");
-var _typography = require("@ndla/typography");
-var _ContentTypeBadge = _interopRequireDefault(require("../ContentTypeBadge"));
+var _jsx2 = require("@ndla/styled-system/jsx");
+var _patterns = require("@ndla/styled-system/patterns");
+var _ContentTypeBadgeNew = require("../ContentTypeBadge/ContentTypeBadgeNew");
 var _ContentType = require("../model/ContentType");
 var _jsxRuntime = require("@emotion/react/jsx-runtime");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-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)."; } /**
+/**
  * Copyright (c) 2023-present, NDLA.
  *
  * This source code is licensed under the GPLv3 license found in the
  * LICENSE file in the root directory of this source tree.
  *
  */
-const TitleWrapper = /*#__PURE__*/(0, _base.default)("div", {
-  target: "eoajdkw6",
-  label: "TitleWrapper"
-})("display:flex;gap:", _core.spacing.small, ";align-items:flex-start;div{min-width:34px;min-height:34px;max-width:34px;max-height:34px;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlJlbGF0ZWRBcnRpY2xlTGlzdC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMkIrQiIsImZpbGUiOiJSZWxhdGVkQXJ0aWNsZUxpc3QudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDb3B5cmlnaHQgKGMpIDIwMjMtcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLlxuICpcbiAqL1xuXG5pbXBvcnQgeyBDU1NQcm9wZXJ0aWVzLCBDaGlsZHJlbiwgQ29tcG9uZW50UHJvcHMsIFJlYWN0Tm9kZSwgdXNlTWVtbywgdXNlU3RhdGUgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCB7IHVzZVRyYW5zbGF0aW9uIH0gZnJvbSBcInJlYWN0LWkxOG5leHRcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgQnV0dG9uVjIgfSBmcm9tIFwiQG5kbGEvYnV0dG9uXCI7XG5pbXBvcnQgeyBicmVha3BvaW50cywgY29sb3JzLCBmb250cywgbXEsIHNwYWNpbmcgfSBmcm9tIFwiQG5kbGEvY29yZVwiO1xuaW1wb3J0IHsgU2FmZUxpbmsgfSBmcm9tIFwiQG5kbGEvc2FmZWxpbmtcIjtcbmltcG9ydCB7IEhlYWRpbmcsIEhlYWRpbmdMZXZlbCwgVGV4dCB9IGZyb20gXCJAbmRsYS90eXBvZ3JhcGh5XCI7XG5pbXBvcnQgQ29udGVudFR5cGVCYWRnZSBmcm9tIFwiLi4vQ29udGVudFR5cGVCYWRnZVwiO1xuaW1wb3J0IHsgY29udGVudFR5cGVzIH0gZnJvbSBcIi4uL21vZGVsL0NvbnRlbnRUeXBlXCI7XG5cbmludGVyZmFjZSBSZWxhdGVkQXJ0aWNsZVByb3BzIHtcbiAgdGl0bGU6IHN0cmluZztcbiAgaW50cm9kdWN0aW9uOiBzdHJpbmc7XG4gIHRvOiBzdHJpbmc7XG4gIGxpbmtJbmZvPzogc3RyaW5nO1xuICB0YXJnZXQ/OiBzdHJpbmc7XG4gIHR5cGU/OiBzdHJpbmc7XG59XG5cbmNvbnN0IFRpdGxlV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGdhcDogJHtzcGFjaW5nLnNtYWxsfTtcbiAgYWxpZ24taXRlbXM6IGZsZXgtc3RhcnQ7XG4gIGRpdiB7XG4gICAgbWluLXdpZHRoOiAzNHB4O1xuICAgIG1pbi1oZWlnaHQ6IDM0cHg7XG4gICAgbWF4LXdpZHRoOiAzNHB4O1xuICAgIG1heC1oZWlnaHQ6IDM0cHg7XG4gIH1cbmA7XG5cbmNvbnN0IFN0eWxlZFJlbGF0ZWRBcnRpY2xlID0gc3R5bGVkLmFydGljbGVgXG4gIGJvcmRlci1sZWZ0OiA2cHggc29saWQgdmFyKC0tYm9yZGVyLWNvbG9yLCAke2NvbG9ycy5icmFuZC5ncmV5TGlnaHR9KTtcbiAgZmxleC1ncm93OiAwO1xuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICBnYXA6ICR7c3BhY2luZy54c21hbGx9O1xuICBwYWRkaW5nOiAwcHggJHtzcGFjaW5nLm5vcm1hbH0gMHB4ICR7c3BhY2luZy5ub3JtYWx9O1xuYDtcblxuY29uc3QgTGlua0luZm8gPSBzdHlsZWQoVGV4dClgXG4gIGZvbnQtd2VpZ2h0OiAke2ZvbnRzLndlaWdodC5ib2xkfTtcbmA7XG5cbmNvbnN0IExpbmtUZXh0ID0gc3R5bGVkKFRleHQpYFxuICBmb250LXdlaWdodDogJHtmb250cy53ZWlnaHQuc2VtaWJvbGR9O1xuYDtcblxuY29uc3QgY29sb3JNYXAgPSB7XG4gIFtjb250ZW50VHlwZXMuU1VCSkVDVF9NQVRFUklBTF06IGNvbG9ycy5zdWJqZWN0TWF0ZXJpYWwubGlnaHQsXG4gIFtjb250ZW50VHlwZXMuVEFTS1NfQU5EX0FDVElWSVRJRVNdOiBjb2xvcnMudGFza3NBbmRBY3Rpdml0aWVzLmJhY2tncm91bmQsXG4gIFtjb250ZW50VHlwZXMuQVNTRVNTTUVOVF9SRVNPVVJDRVNdOiBjb2xvcnMuYXNzZXNzbWVudFJlc291cmNlLmJhY2tncm91bmQsXG4gIFtjb250ZW50VHlwZXMuQ09OQ0VQVF06IGNvbG9ycy5jb25jZXB0LmxpZ2h0LFxuICBbY29udGVudFR5cGVzLlNPVVJDRV9NQVRFUklBTF06IGNvbG9ycy5zb3VyY2VNYXRlcmlhbC5saWdodCxcbiAgW2NvbnRlbnRUeXBlcy5MRUFSTklOR19QQVRIXTogY29sb3JzLmxlYXJuaW5nUGF0aC5iYWNrZ3JvdW5kLFxuICBbY29udGVudFR5cGVzLlNVQkpFQ1RdOiBjb2xvcnMuc3ViamVjdC5saWdodCxcbn07XG5cbmV4cG9ydCBjb25zdCBSZWxhdGVkQXJ0aWNsZSA9ICh7XG4gIHRpdGxlLFxuICBpbnRyb2R1Y3Rpb24sXG4gIHRvLFxuICBsaW5rSW5mbyA9IFwiXCIsXG4gIHRhcmdldCA9IFwiXCIsXG4gIHR5cGUgPSBjb250ZW50VHlwZXMuU1VCSkVDVF9NQVRFUklBTCxcbn06IFJlbGF0ZWRBcnRpY2xlUHJvcHMpID0+IHtcbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkUmVsYXRlZEFydGljbGUgc3R5bGU9e3sgXCItLWJvcmRlci1jb2xvclwiOiBjb2xvck1hcFt0eXBlXSB9IGFzIENTU1Byb3BlcnRpZXN9PlxuICAgICAgPFRpdGxlV3JhcHBlcj5cbiAgICAgICAgPENvbnRlbnRUeXBlQmFkZ2UgdHlwZT17dHlwZX0gYmFja2dyb3VuZCBzaXplPVwic21hbGxcIiAvPlxuICAgICAgICA8TGlua1RleHQgZWxlbWVudD1cInNwYW5cIiB0ZXh0U3R5bGU9XCJtZXRhLXRleHQtbWVkaXVtXCIgbWFyZ2luPVwibm9uZVwiPlxuICAgICAgICAgIDxTYWZlTGluayB0bz17dG99IHRhcmdldD17dGFyZ2V0fSByZWw9e2xpbmtJbmZvID8gXCJub29wZW5lciBub3JlZmVycmVyXCIgOiB1bmRlZmluZWR9PlxuICAgICAgICAgICAge3RpdGxlfVxuICAgICAgICAgIDwvU2FmZUxpbms+XG4gICAgICAgIDwvTGlua1RleHQ+XG4gICAgICA8L1RpdGxlV3JhcHBlcj5cbiAgICAgIDxUZXh0IHRleHRTdHlsZT1cIm1ldGEtdGV4dC1zbWFsbFwiIG1hcmdpbj1cIm5vbmVcIiBkYW5nZXJvdXNseVNldElubmVySFRNTD17eyBfX2h0bWw6IGludHJvZHVjdGlvbiB9fSAvPlxuICAgICAgPExpbmtJbmZvIHRleHRTdHlsZT1cImNvbnRlbnRcIiBtYXJnaW49XCJub25lXCI+XG4gICAgICAgIHtsaW5rSW5mb31cbiAgICAgIDwvTGlua0luZm8+XG4gICAgPC9TdHlsZWRSZWxhdGVkQXJ0aWNsZT5cbiAgKTtcbn07XG5cbmNvbnN0IEhlYWRpbmdXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAgd2lkdGg6IDEwMCU7XG4gIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgYWxpZ24tc2VsZjogZmxleC1zdGFydDtcbmA7XG5cbmNvbnN0IEFydGljbGVzV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGdyaWQ7XG4gIHdpZHRoOiAxMDAlO1xuICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IHJlcGVhdCgyLCAxZnIpO1xuICByb3ctZ2FwOiAke3NwYWNpbmcubGFyZ2V9O1xuICAke21xLnJhbmdlKHsgdW50aWw6IGJyZWFrcG9pbnRzLnRhYmxldCB9KX0ge1xuICAgIGdyaWQtdGVtcGxhdGUtY29sdW1uczogMWZyO1xuICB9XG5gO1xuXG5pbnRlcmZhY2UgUHJvcHMgZXh0ZW5kcyBDb21wb25lbnRQcm9wczxcInNlY3Rpb25cIj4ge1xuICBjaGlsZHJlbj86IEpTWC5FbGVtZW50W107XG4gIGFydGljbGVDb3VudD86IG51bWJlcjtcbiAgaGVhZGluZ0xldmVsPzogSGVhZGluZ0xldmVsO1xuICBoZWFkaW5nQnV0dG9ucz86IFJlYWN0Tm9kZTtcbn1cblxuY29uc3QgU3R5bGVkU2VjdGlvbiA9IHN0eWxlZC5zZWN0aW9uYFxuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBnYXA6ICR7c3BhY2luZy5ub3JtYWx9O1xuYDtcblxuZXhwb3J0IGNvbnN0IFJlbGF0ZWRBcnRpY2xlTGlzdCA9ICh7XG4gIGNoaWxkcmVuID0gW10sXG4gIGFydGljbGVDb3VudCxcbiAgaGVhZGluZ0xldmVsID0gXCJoMlwiLFxuICBoZWFkaW5nQnV0dG9ucyxcbiAgLi4ucmVzdFxufTogUHJvcHMpID0+IHtcbiAgY29uc3QgW2V4cGFuZGVkLCBzZXRFeHBhbmRlZF0gPSB1c2VTdGF0ZShmYWxzZSk7XG4gIGNvbnN0IHsgdCB9ID0gdXNlVHJhbnNsYXRpb24oKTtcbiAgY29uc3QgY2hpbGRDb3VudCA9IHVzZU1lbW8oKCkgPT4gYXJ0aWNsZUNvdW50ID8/IENoaWxkcmVuLmNvdW50KGNoaWxkcmVuKSwgW2NoaWxkcmVuLCBhcnRpY2xlQ291bnRdKTtcbiAgY29uc3QgY2hpbGRyZW5Ub1Nob3cgPSB1c2VNZW1vKFxuICAgICgpID0+IChjaGlsZENvdW50ID4gMiAmJiAhZXhwYW5kZWQgPyBjaGlsZHJlbj8uc2xpY2UoMCwgMikgOiBjaGlsZHJlbiksXG4gICAgW2NoaWxkQ291bnQsIGNoaWxkcmVuLCBleHBhbmRlZF0sXG4gICk7XG5cbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkU2VjdGlvbiB7Li4ucmVzdH0+XG4gICAgICA8SGVhZGluZ1dyYXBwZXI+XG4gICAgICAgIDxIZWFkaW5nIGVsZW1lbnQ9e2hlYWRpbmdMZXZlbH0gbWFyZ2luPVwibm9uZVwiIGhlYWRpbmdTdHlsZT1cImxpc3QtdGl0bGVcIj5cbiAgICAgICAgICB7dChcInJlbGF0ZWQudGl0bGVcIil9XG4gICAgICAgIDwvSGVhZGluZz5cbiAgICAgICAge2hlYWRpbmdCdXR0b25zfVxuICAgICAgPC9IZWFkaW5nV3JhcHBlcj5cbiAgICAgIDxBcnRpY2xlc1dyYXBwZXI+e2NoaWxkcmVuVG9TaG93fTwvQXJ0aWNsZXNXcmFwcGVyPlxuICAgICAge2NoaWxkQ291bnQgPiAyID8gKFxuICAgICAgICA8QnV0dG9uVjIgb25DbGljaz17KCkgPT4gc2V0RXhwYW5kZWQoKHApID0+ICFwKX0gdmFyaWFudD1cIm91dGxpbmVcIj5cbiAgICAgICAgICB7dChgcmVsYXRlZC5zaG93JHtleHBhbmRlZCA/IFwiTGVzc1wiIDogXCJNb3JlXCJ9YCl9XG4gICAgICAgIDwvQnV0dG9uVjI+XG4gICAgICApIDogbnVsbH1cbiAgICA8L1N0eWxlZFNlY3Rpb24+XG4gICk7XG59O1xuIl19 */"));
-const StyledRelatedArticle = /*#__PURE__*/(0, _base.default)("article", {
-  target: "eoajdkw5",
-  label: "StyledRelatedArticle"
-})("border-left:6px solid var(--border-color, ", _core.colors.brand.greyLight, ");flex-grow:0;display:flex;flex-direction:column;gap:", _core.spacing.xsmall, ";padding:0px ", _core.spacing.normal, " 0px ", _core.spacing.normal, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlJlbGF0ZWRBcnRpY2xlTGlzdC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBdUMyQyIsImZpbGUiOiJSZWxhdGVkQXJ0aWNsZUxpc3QudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDb3B5cmlnaHQgKGMpIDIwMjMtcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLlxuICpcbiAqL1xuXG5pbXBvcnQgeyBDU1NQcm9wZXJ0aWVzLCBDaGlsZHJlbiwgQ29tcG9uZW50UHJvcHMsIFJlYWN0Tm9kZSwgdXNlTWVtbywgdXNlU3RhdGUgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCB7IHVzZVRyYW5zbGF0aW9uIH0gZnJvbSBcInJlYWN0LWkxOG5leHRcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgQnV0dG9uVjIgfSBmcm9tIFwiQG5kbGEvYnV0dG9uXCI7XG5pbXBvcnQgeyBicmVha3BvaW50cywgY29sb3JzLCBmb250cywgbXEsIHNwYWNpbmcgfSBmcm9tIFwiQG5kbGEvY29yZVwiO1xuaW1wb3J0IHsgU2FmZUxpbmsgfSBmcm9tIFwiQG5kbGEvc2FmZWxpbmtcIjtcbmltcG9ydCB7IEhlYWRpbmcsIEhlYWRpbmdMZXZlbCwgVGV4dCB9IGZyb20gXCJAbmRsYS90eXBvZ3JhcGh5XCI7XG5pbXBvcnQgQ29udGVudFR5cGVCYWRnZSBmcm9tIFwiLi4vQ29udGVudFR5cGVCYWRnZVwiO1xuaW1wb3J0IHsgY29udGVudFR5cGVzIH0gZnJvbSBcIi4uL21vZGVsL0NvbnRlbnRUeXBlXCI7XG5cbmludGVyZmFjZSBSZWxhdGVkQXJ0aWNsZVByb3BzIHtcbiAgdGl0bGU6IHN0cmluZztcbiAgaW50cm9kdWN0aW9uOiBzdHJpbmc7XG4gIHRvOiBzdHJpbmc7XG4gIGxpbmtJbmZvPzogc3RyaW5nO1xuICB0YXJnZXQ/OiBzdHJpbmc7XG4gIHR5cGU/OiBzdHJpbmc7XG59XG5cbmNvbnN0IFRpdGxlV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGdhcDogJHtzcGFjaW5nLnNtYWxsfTtcbiAgYWxpZ24taXRlbXM6IGZsZXgtc3RhcnQ7XG4gIGRpdiB7XG4gICAgbWluLXdpZHRoOiAzNHB4O1xuICAgIG1pbi1oZWlnaHQ6IDM0cHg7XG4gICAgbWF4LXdpZHRoOiAzNHB4O1xuICAgIG1heC1oZWlnaHQ6IDM0cHg7XG4gIH1cbmA7XG5cbmNvbnN0IFN0eWxlZFJlbGF0ZWRBcnRpY2xlID0gc3R5bGVkLmFydGljbGVgXG4gIGJvcmRlci1sZWZ0OiA2cHggc29saWQgdmFyKC0tYm9yZGVyLWNvbG9yLCAke2NvbG9ycy5icmFuZC5ncmV5TGlnaHR9KTtcbiAgZmxleC1ncm93OiAwO1xuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICBnYXA6ICR7c3BhY2luZy54c21hbGx9O1xuICBwYWRkaW5nOiAwcHggJHtzcGFjaW5nLm5vcm1hbH0gMHB4ICR7c3BhY2luZy5ub3JtYWx9O1xuYDtcblxuY29uc3QgTGlua0luZm8gPSBzdHlsZWQoVGV4dClgXG4gIGZvbnQtd2VpZ2h0OiAke2ZvbnRzLndlaWdodC5ib2xkfTtcbmA7XG5cbmNvbnN0IExpbmtUZXh0ID0gc3R5bGVkKFRleHQpYFxuICBmb250LXdlaWdodDogJHtmb250cy53ZWlnaHQuc2VtaWJvbGR9O1xuYDtcblxuY29uc3QgY29sb3JNYXAgPSB7XG4gIFtjb250ZW50VHlwZXMuU1VCSkVDVF9NQVRFUklBTF06IGNvbG9ycy5zdWJqZWN0TWF0ZXJpYWwubGlnaHQsXG4gIFtjb250ZW50VHlwZXMuVEFTS1NfQU5EX0FDVElWSVRJRVNdOiBjb2xvcnMudGFza3NBbmRBY3Rpdml0aWVzLmJhY2tncm91bmQsXG4gIFtjb250ZW50VHlwZXMuQVNTRVNTTUVOVF9SRVNPVVJDRVNdOiBjb2xvcnMuYXNzZXNzbWVudFJlc291cmNlLmJhY2tncm91bmQsXG4gIFtjb250ZW50VHlwZXMuQ09OQ0VQVF06IGNvbG9ycy5jb25jZXB0LmxpZ2h0LFxuICBbY29udGVudFR5cGVzLlNPVVJDRV9NQVRFUklBTF06IGNvbG9ycy5zb3VyY2VNYXRlcmlhbC5saWdodCxcbiAgW2NvbnRlbnRUeXBlcy5MRUFSTklOR19QQVRIXTogY29sb3JzLmxlYXJuaW5nUGF0aC5iYWNrZ3JvdW5kLFxuICBbY29udGVudFR5cGVzLlNVQkpFQ1RdOiBjb2xvcnMuc3ViamVjdC5saWdodCxcbn07XG5cbmV4cG9ydCBjb25zdCBSZWxhdGVkQXJ0aWNsZSA9ICh7XG4gIHRpdGxlLFxuICBpbnRyb2R1Y3Rpb24sXG4gIHRvLFxuICBsaW5rSW5mbyA9IFwiXCIsXG4gIHRhcmdldCA9IFwiXCIsXG4gIHR5cGUgPSBjb250ZW50VHlwZXMuU1VCSkVDVF9NQVRFUklBTCxcbn06IFJlbGF0ZWRBcnRpY2xlUHJvcHMpID0+IHtcbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkUmVsYXRlZEFydGljbGUgc3R5bGU9e3sgXCItLWJvcmRlci1jb2xvclwiOiBjb2xvck1hcFt0eXBlXSB9IGFzIENTU1Byb3BlcnRpZXN9PlxuICAgICAgPFRpdGxlV3JhcHBlcj5cbiAgICAgICAgPENvbnRlbnRUeXBlQmFkZ2UgdHlwZT17dHlwZX0gYmFja2dyb3VuZCBzaXplPVwic21hbGxcIiAvPlxuICAgICAgICA8TGlua1RleHQgZWxlbWVudD1cInNwYW5cIiB0ZXh0U3R5bGU9XCJtZXRhLXRleHQtbWVkaXVtXCIgbWFyZ2luPVwibm9uZVwiPlxuICAgICAgICAgIDxTYWZlTGluayB0bz17dG99IHRhcmdldD17dGFyZ2V0fSByZWw9e2xpbmtJbmZvID8gXCJub29wZW5lciBub3JlZmVycmVyXCIgOiB1bmRlZmluZWR9PlxuICAgICAgICAgICAge3RpdGxlfVxuICAgICAgICAgIDwvU2FmZUxpbms+XG4gICAgICAgIDwvTGlua1RleHQ+XG4gICAgICA8L1RpdGxlV3JhcHBlcj5cbiAgICAgIDxUZXh0IHRleHRTdHlsZT1cIm1ldGEtdGV4dC1zbWFsbFwiIG1hcmdpbj1cIm5vbmVcIiBkYW5nZXJvdXNseVNldElubmVySFRNTD17eyBfX2h0bWw6IGludHJvZHVjdGlvbiB9fSAvPlxuICAgICAgPExpbmtJbmZvIHRleHRTdHlsZT1cImNvbnRlbnRcIiBtYXJnaW49XCJub25lXCI+XG4gICAgICAgIHtsaW5rSW5mb31cbiAgICAgIDwvTGlua0luZm8+XG4gICAgPC9TdHlsZWRSZWxhdGVkQXJ0aWNsZT5cbiAgKTtcbn07XG5cbmNvbnN0IEhlYWRpbmdXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAgd2lkdGg6IDEwMCU7XG4gIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgYWxpZ24tc2VsZjogZmxleC1zdGFydDtcbmA7XG5cbmNvbnN0IEFydGljbGVzV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGdyaWQ7XG4gIHdpZHRoOiAxMDAlO1xuICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IHJlcGVhdCgyLCAxZnIpO1xuICByb3ctZ2FwOiAke3NwYWNpbmcubGFyZ2V9O1xuICAke21xLnJhbmdlKHsgdW50aWw6IGJyZWFrcG9pbnRzLnRhYmxldCB9KX0ge1xuICAgIGdyaWQtdGVtcGxhdGUtY29sdW1uczogMWZyO1xuICB9XG5gO1xuXG5pbnRlcmZhY2UgUHJvcHMgZXh0ZW5kcyBDb21wb25lbnRQcm9wczxcInNlY3Rpb25cIj4ge1xuICBjaGlsZHJlbj86IEpTWC5FbGVtZW50W107XG4gIGFydGljbGVDb3VudD86IG51bWJlcjtcbiAgaGVhZGluZ0xldmVsPzogSGVhZGluZ0xldmVsO1xuICBoZWFkaW5nQnV0dG9ucz86IFJlYWN0Tm9kZTtcbn1cblxuY29uc3QgU3R5bGVkU2VjdGlvbiA9IHN0eWxlZC5zZWN0aW9uYFxuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBnYXA6ICR7c3BhY2luZy5ub3JtYWx9O1xuYDtcblxuZXhwb3J0IGNvbnN0IFJlbGF0ZWRBcnRpY2xlTGlzdCA9ICh7XG4gIGNoaWxkcmVuID0gW10sXG4gIGFydGljbGVDb3VudCxcbiAgaGVhZGluZ0xldmVsID0gXCJoMlwiLFxuICBoZWFkaW5nQnV0dG9ucyxcbiAgLi4ucmVzdFxufTogUHJvcHMpID0+IHtcbiAgY29uc3QgW2V4cGFuZGVkLCBzZXRFeHBhbmRlZF0gPSB1c2VTdGF0ZShmYWxzZSk7XG4gIGNvbnN0IHsgdCB9ID0gdXNlVHJhbnNsYXRpb24oKTtcbiAgY29uc3QgY2hpbGRDb3VudCA9IHVzZU1lbW8oKCkgPT4gYXJ0aWNsZUNvdW50ID8/IENoaWxkcmVuLmNvdW50KGNoaWxkcmVuKSwgW2NoaWxkcmVuLCBhcnRpY2xlQ291bnRdKTtcbiAgY29uc3QgY2hpbGRyZW5Ub1Nob3cgPSB1c2VNZW1vKFxuICAgICgpID0+IChjaGlsZENvdW50ID4gMiAmJiAhZXhwYW5kZWQgPyBjaGlsZHJlbj8uc2xpY2UoMCwgMikgOiBjaGlsZHJlbiksXG4gICAgW2NoaWxkQ291bnQsIGNoaWxkcmVuLCBleHBhbmRlZF0sXG4gICk7XG5cbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkU2VjdGlvbiB7Li4ucmVzdH0+XG4gICAgICA8SGVhZGluZ1dyYXBwZXI+XG4gICAgICAgIDxIZWFkaW5nIGVsZW1lbnQ9e2hlYWRpbmdMZXZlbH0gbWFyZ2luPVwibm9uZVwiIGhlYWRpbmdTdHlsZT1cImxpc3QtdGl0bGVcIj5cbiAgICAgICAgICB7dChcInJlbGF0ZWQudGl0bGVcIil9XG4gICAgICAgIDwvSGVhZGluZz5cbiAgICAgICAge2hlYWRpbmdCdXR0b25zfVxuICAgICAgPC9IZWFkaW5nV3JhcHBlcj5cbiAgICAgIDxBcnRpY2xlc1dyYXBwZXI+e2NoaWxkcmVuVG9TaG93fTwvQXJ0aWNsZXNXcmFwcGVyPlxuICAgICAge2NoaWxkQ291bnQgPiAyID8gKFxuICAgICAgICA8QnV0dG9uVjIgb25DbGljaz17KCkgPT4gc2V0RXhwYW5kZWQoKHApID0+ICFwKX0gdmFyaWFudD1cIm91dGxpbmVcIj5cbiAgICAgICAgICB7dChgcmVsYXRlZC5zaG93JHtleHBhbmRlZCA/IFwiTGVzc1wiIDogXCJNb3JlXCJ9YCl9XG4gICAgICAgIDwvQnV0dG9uVjI+XG4gICAgICApIDogbnVsbH1cbiAgICA8L1N0eWxlZFNlY3Rpb24+XG4gICk7XG59O1xuIl19 */"));
-const LinkInfo = /*#__PURE__*/(0, _base.default)(_typography.Text, {
-  target: "eoajdkw4",
-  label: "LinkInfo"
-})("font-weight:", _core.fonts.weight.bold, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlJlbGF0ZWRBcnRpY2xlTGlzdC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZ0Q2QiIsImZpbGUiOiJSZWxhdGVkQXJ0aWNsZUxpc3QudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDb3B5cmlnaHQgKGMpIDIwMjMtcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLlxuICpcbiAqL1xuXG5pbXBvcnQgeyBDU1NQcm9wZXJ0aWVzLCBDaGlsZHJlbiwgQ29tcG9uZW50UHJvcHMsIFJlYWN0Tm9kZSwgdXNlTWVtbywgdXNlU3RhdGUgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCB7IHVzZVRyYW5zbGF0aW9uIH0gZnJvbSBcInJlYWN0LWkxOG5leHRcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgQnV0dG9uVjIgfSBmcm9tIFwiQG5kbGEvYnV0dG9uXCI7XG5pbXBvcnQgeyBicmVha3BvaW50cywgY29sb3JzLCBmb250cywgbXEsIHNwYWNpbmcgfSBmcm9tIFwiQG5kbGEvY29yZVwiO1xuaW1wb3J0IHsgU2FmZUxpbmsgfSBmcm9tIFwiQG5kbGEvc2FmZWxpbmtcIjtcbmltcG9ydCB7IEhlYWRpbmcsIEhlYWRpbmdMZXZlbCwgVGV4dCB9IGZyb20gXCJAbmRsYS90eXBvZ3JhcGh5XCI7XG5pbXBvcnQgQ29udGVudFR5cGVCYWRnZSBmcm9tIFwiLi4vQ29udGVudFR5cGVCYWRnZVwiO1xuaW1wb3J0IHsgY29udGVudFR5cGVzIH0gZnJvbSBcIi4uL21vZGVsL0NvbnRlbnRUeXBlXCI7XG5cbmludGVyZmFjZSBSZWxhdGVkQXJ0aWNsZVByb3BzIHtcbiAgdGl0bGU6IHN0cmluZztcbiAgaW50cm9kdWN0aW9uOiBzdHJpbmc7XG4gIHRvOiBzdHJpbmc7XG4gIGxpbmtJbmZvPzogc3RyaW5nO1xuICB0YXJnZXQ/OiBzdHJpbmc7XG4gIHR5cGU/OiBzdHJpbmc7XG59XG5cbmNvbnN0IFRpdGxlV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGdhcDogJHtzcGFjaW5nLnNtYWxsfTtcbiAgYWxpZ24taXRlbXM6IGZsZXgtc3RhcnQ7XG4gIGRpdiB7XG4gICAgbWluLXdpZHRoOiAzNHB4O1xuICAgIG1pbi1oZWlnaHQ6IDM0cHg7XG4gICAgbWF4LXdpZHRoOiAzNHB4O1xuICAgIG1heC1oZWlnaHQ6IDM0cHg7XG4gIH1cbmA7XG5cbmNvbnN0IFN0eWxlZFJlbGF0ZWRBcnRpY2xlID0gc3R5bGVkLmFydGljbGVgXG4gIGJvcmRlci1sZWZ0OiA2cHggc29saWQgdmFyKC0tYm9yZGVyLWNvbG9yLCAke2NvbG9ycy5icmFuZC5ncmV5TGlnaHR9KTtcbiAgZmxleC1ncm93OiAwO1xuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICBnYXA6ICR7c3BhY2luZy54c21hbGx9O1xuICBwYWRkaW5nOiAwcHggJHtzcGFjaW5nLm5vcm1hbH0gMHB4ICR7c3BhY2luZy5ub3JtYWx9O1xuYDtcblxuY29uc3QgTGlua0luZm8gPSBzdHlsZWQoVGV4dClgXG4gIGZvbnQtd2VpZ2h0OiAke2ZvbnRzLndlaWdodC5ib2xkfTtcbmA7XG5cbmNvbnN0IExpbmtUZXh0ID0gc3R5bGVkKFRleHQpYFxuICBmb250LXdlaWdodDogJHtmb250cy53ZWlnaHQuc2VtaWJvbGR9O1xuYDtcblxuY29uc3QgY29sb3JNYXAgPSB7XG4gIFtjb250ZW50VHlwZXMuU1VCSkVDVF9NQVRFUklBTF06IGNvbG9ycy5zdWJqZWN0TWF0ZXJpYWwubGlnaHQsXG4gIFtjb250ZW50VHlwZXMuVEFTS1NfQU5EX0FDVElWSVRJRVNdOiBjb2xvcnMudGFza3NBbmRBY3Rpdml0aWVzLmJhY2tncm91bmQsXG4gIFtjb250ZW50VHlwZXMuQVNTRVNTTUVOVF9SRVNPVVJDRVNdOiBjb2xvcnMuYXNzZXNzbWVudFJlc291cmNlLmJhY2tncm91bmQsXG4gIFtjb250ZW50VHlwZXMuQ09OQ0VQVF06IGNvbG9ycy5jb25jZXB0LmxpZ2h0LFxuICBbY29udGVudFR5cGVzLlNPVVJDRV9NQVRFUklBTF06IGNvbG9ycy5zb3VyY2VNYXRlcmlhbC5saWdodCxcbiAgW2NvbnRlbnRUeXBlcy5MRUFSTklOR19QQVRIXTogY29sb3JzLmxlYXJuaW5nUGF0aC5iYWNrZ3JvdW5kLFxuICBbY29udGVudFR5cGVzLlNVQkpFQ1RdOiBjb2xvcnMuc3ViamVjdC5saWdodCxcbn07XG5cbmV4cG9ydCBjb25zdCBSZWxhdGVkQXJ0aWNsZSA9ICh7XG4gIHRpdGxlLFxuICBpbnRyb2R1Y3Rpb24sXG4gIHRvLFxuICBsaW5rSW5mbyA9IFwiXCIsXG4gIHRhcmdldCA9IFwiXCIsXG4gIHR5cGUgPSBjb250ZW50VHlwZXMuU1VCSkVDVF9NQVRFUklBTCxcbn06IFJlbGF0ZWRBcnRpY2xlUHJvcHMpID0+IHtcbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkUmVsYXRlZEFydGljbGUgc3R5bGU9e3sgXCItLWJvcmRlci1jb2xvclwiOiBjb2xvck1hcFt0eXBlXSB9IGFzIENTU1Byb3BlcnRpZXN9PlxuICAgICAgPFRpdGxlV3JhcHBlcj5cbiAgICAgICAgPENvbnRlbnRUeXBlQmFkZ2UgdHlwZT17dHlwZX0gYmFja2dyb3VuZCBzaXplPVwic21hbGxcIiAvPlxuICAgICAgICA8TGlua1RleHQgZWxlbWVudD1cInNwYW5cIiB0ZXh0U3R5bGU9XCJtZXRhLXRleHQtbWVkaXVtXCIgbWFyZ2luPVwibm9uZVwiPlxuICAgICAgICAgIDxTYWZlTGluayB0bz17dG99IHRhcmdldD17dGFyZ2V0fSByZWw9e2xpbmtJbmZvID8gXCJub29wZW5lciBub3JlZmVycmVyXCIgOiB1bmRlZmluZWR9PlxuICAgICAgICAgICAge3RpdGxlfVxuICAgICAgICAgIDwvU2FmZUxpbms+XG4gICAgICAgIDwvTGlua1RleHQ+XG4gICAgICA8L1RpdGxlV3JhcHBlcj5cbiAgICAgIDxUZXh0IHRleHRTdHlsZT1cIm1ldGEtdGV4dC1zbWFsbFwiIG1hcmdpbj1cIm5vbmVcIiBkYW5nZXJvdXNseVNldElubmVySFRNTD17eyBfX2h0bWw6IGludHJvZHVjdGlvbiB9fSAvPlxuICAgICAgPExpbmtJbmZvIHRleHRTdHlsZT1cImNvbnRlbnRcIiBtYXJnaW49XCJub25lXCI+XG4gICAgICAgIHtsaW5rSW5mb31cbiAgICAgIDwvTGlua0luZm8+XG4gICAgPC9TdHlsZWRSZWxhdGVkQXJ0aWNsZT5cbiAgKTtcbn07XG5cbmNvbnN0IEhlYWRpbmdXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAgd2lkdGg6IDEwMCU7XG4gIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgYWxpZ24tc2VsZjogZmxleC1zdGFydDtcbmA7XG5cbmNvbnN0IEFydGljbGVzV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGdyaWQ7XG4gIHdpZHRoOiAxMDAlO1xuICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IHJlcGVhdCgyLCAxZnIpO1xuICByb3ctZ2FwOiAke3NwYWNpbmcubGFyZ2V9O1xuICAke21xLnJhbmdlKHsgdW50aWw6IGJyZWFrcG9pbnRzLnRhYmxldCB9KX0ge1xuICAgIGdyaWQtdGVtcGxhdGUtY29sdW1uczogMWZyO1xuICB9XG5gO1xuXG5pbnRlcmZhY2UgUHJvcHMgZXh0ZW5kcyBDb21wb25lbnRQcm9wczxcInNlY3Rpb25cIj4ge1xuICBjaGlsZHJlbj86IEpTWC5FbGVtZW50W107XG4gIGFydGljbGVDb3VudD86IG51bWJlcjtcbiAgaGVhZGluZ0xldmVsPzogSGVhZGluZ0xldmVsO1xuICBoZWFkaW5nQnV0dG9ucz86IFJlYWN0Tm9kZTtcbn1cblxuY29uc3QgU3R5bGVkU2VjdGlvbiA9IHN0eWxlZC5zZWN0aW9uYFxuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBnYXA6ICR7c3BhY2luZy5ub3JtYWx9O1xuYDtcblxuZXhwb3J0IGNvbnN0IFJlbGF0ZWRBcnRpY2xlTGlzdCA9ICh7XG4gIGNoaWxkcmVuID0gW10sXG4gIGFydGljbGVDb3VudCxcbiAgaGVhZGluZ0xldmVsID0gXCJoMlwiLFxuICBoZWFkaW5nQnV0dG9ucyxcbiAgLi4ucmVzdFxufTogUHJvcHMpID0+IHtcbiAgY29uc3QgW2V4cGFuZGVkLCBzZXRFeHBhbmRlZF0gPSB1c2VTdGF0ZShmYWxzZSk7XG4gIGNvbnN0IHsgdCB9ID0gdXNlVHJhbnNsYXRpb24oKTtcbiAgY29uc3QgY2hpbGRDb3VudCA9IHVzZU1lbW8oKCkgPT4gYXJ0aWNsZUNvdW50ID8/IENoaWxkcmVuLmNvdW50KGNoaWxkcmVuKSwgW2NoaWxkcmVuLCBhcnRpY2xlQ291bnRdKTtcbiAgY29uc3QgY2hpbGRyZW5Ub1Nob3cgPSB1c2VNZW1vKFxuICAgICgpID0+IChjaGlsZENvdW50ID4gMiAmJiAhZXhwYW5kZWQgPyBjaGlsZHJlbj8uc2xpY2UoMCwgMikgOiBjaGlsZHJlbiksXG4gICAgW2NoaWxkQ291bnQsIGNoaWxkcmVuLCBleHBhbmRlZF0sXG4gICk7XG5cbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkU2VjdGlvbiB7Li4ucmVzdH0+XG4gICAgICA8SGVhZGluZ1dyYXBwZXI+XG4gICAgICAgIDxIZWFkaW5nIGVsZW1lbnQ9e2hlYWRpbmdMZXZlbH0gbWFyZ2luPVwibm9uZVwiIGhlYWRpbmdTdHlsZT1cImxpc3QtdGl0bGVcIj5cbiAgICAgICAgICB7dChcInJlbGF0ZWQudGl0bGVcIil9XG4gICAgICAgIDwvSGVhZGluZz5cbiAgICAgICAge2hlYWRpbmdCdXR0b25zfVxuICAgICAgPC9IZWFkaW5nV3JhcHBlcj5cbiAgICAgIDxBcnRpY2xlc1dyYXBwZXI+e2NoaWxkcmVuVG9TaG93fTwvQXJ0aWNsZXNXcmFwcGVyPlxuICAgICAge2NoaWxkQ291bnQgPiAyID8gKFxuICAgICAgICA8QnV0dG9uVjIgb25DbGljaz17KCkgPT4gc2V0RXhwYW5kZWQoKHApID0+ICFwKX0gdmFyaWFudD1cIm91dGxpbmVcIj5cbiAgICAgICAgICB7dChgcmVsYXRlZC5zaG93JHtleHBhbmRlZCA/IFwiTGVzc1wiIDogXCJNb3JlXCJ9YCl9XG4gICAgICAgIDwvQnV0dG9uVjI+XG4gICAgICApIDogbnVsbH1cbiAgICA8L1N0eWxlZFNlY3Rpb24+XG4gICk7XG59O1xuIl19 */"));
-const LinkText = /*#__PURE__*/(0, _base.default)(_typography.Text, {
-  target: "eoajdkw3",
-  label: "LinkText"
-})("font-weight:", _core.fonts.weight.semibold, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlJlbGF0ZWRBcnRpY2xlTGlzdC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBb0Q2QiIsImZpbGUiOiJSZWxhdGVkQXJ0aWNsZUxpc3QudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDb3B5cmlnaHQgKGMpIDIwMjMtcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLlxuICpcbiAqL1xuXG5pbXBvcnQgeyBDU1NQcm9wZXJ0aWVzLCBDaGlsZHJlbiwgQ29tcG9uZW50UHJvcHMsIFJlYWN0Tm9kZSwgdXNlTWVtbywgdXNlU3RhdGUgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCB7IHVzZVRyYW5zbGF0aW9uIH0gZnJvbSBcInJlYWN0LWkxOG5leHRcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgQnV0dG9uVjIgfSBmcm9tIFwiQG5kbGEvYnV0dG9uXCI7XG5pbXBvcnQgeyBicmVha3BvaW50cywgY29sb3JzLCBmb250cywgbXEsIHNwYWNpbmcgfSBmcm9tIFwiQG5kbGEvY29yZVwiO1xuaW1wb3J0IHsgU2FmZUxpbmsgfSBmcm9tIFwiQG5kbGEvc2FmZWxpbmtcIjtcbmltcG9ydCB7IEhlYWRpbmcsIEhlYWRpbmdMZXZlbCwgVGV4dCB9IGZyb20gXCJAbmRsYS90eXBvZ3JhcGh5XCI7XG5pbXBvcnQgQ29udGVudFR5cGVCYWRnZSBmcm9tIFwiLi4vQ29udGVudFR5cGVCYWRnZVwiO1xuaW1wb3J0IHsgY29udGVudFR5cGVzIH0gZnJvbSBcIi4uL21vZGVsL0NvbnRlbnRUeXBlXCI7XG5cbmludGVyZmFjZSBSZWxhdGVkQXJ0aWNsZVByb3BzIHtcbiAgdGl0bGU6IHN0cmluZztcbiAgaW50cm9kdWN0aW9uOiBzdHJpbmc7XG4gIHRvOiBzdHJpbmc7XG4gIGxpbmtJbmZvPzogc3RyaW5nO1xuICB0YXJnZXQ/OiBzdHJpbmc7XG4gIHR5cGU/OiBzdHJpbmc7XG59XG5cbmNvbnN0IFRpdGxlV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGdhcDogJHtzcGFjaW5nLnNtYWxsfTtcbiAgYWxpZ24taXRlbXM6IGZsZXgtc3RhcnQ7XG4gIGRpdiB7XG4gICAgbWluLXdpZHRoOiAzNHB4O1xuICAgIG1pbi1oZWlnaHQ6IDM0cHg7XG4gICAgbWF4LXdpZHRoOiAzNHB4O1xuICAgIG1heC1oZWlnaHQ6IDM0cHg7XG4gIH1cbmA7XG5cbmNvbnN0IFN0eWxlZFJlbGF0ZWRBcnRpY2xlID0gc3R5bGVkLmFydGljbGVgXG4gIGJvcmRlci1sZWZ0OiA2cHggc29saWQgdmFyKC0tYm9yZGVyLWNvbG9yLCAke2NvbG9ycy5icmFuZC5ncmV5TGlnaHR9KTtcbiAgZmxleC1ncm93OiAwO1xuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICBnYXA6ICR7c3BhY2luZy54c21hbGx9O1xuICBwYWRkaW5nOiAwcHggJHtzcGFjaW5nLm5vcm1hbH0gMHB4ICR7c3BhY2luZy5ub3JtYWx9O1xuYDtcblxuY29uc3QgTGlua0luZm8gPSBzdHlsZWQoVGV4dClgXG4gIGZvbnQtd2VpZ2h0OiAke2ZvbnRzLndlaWdodC5ib2xkfTtcbmA7XG5cbmNvbnN0IExpbmtUZXh0ID0gc3R5bGVkKFRleHQpYFxuICBmb250LXdlaWdodDogJHtmb250cy53ZWlnaHQuc2VtaWJvbGR9O1xuYDtcblxuY29uc3QgY29sb3JNYXAgPSB7XG4gIFtjb250ZW50VHlwZXMuU1VCSkVDVF9NQVRFUklBTF06IGNvbG9ycy5zdWJqZWN0TWF0ZXJpYWwubGlnaHQsXG4gIFtjb250ZW50VHlwZXMuVEFTS1NfQU5EX0FDVElWSVRJRVNdOiBjb2xvcnMudGFza3NBbmRBY3Rpdml0aWVzLmJhY2tncm91bmQsXG4gIFtjb250ZW50VHlwZXMuQVNTRVNTTUVOVF9SRVNPVVJDRVNdOiBjb2xvcnMuYXNzZXNzbWVudFJlc291cmNlLmJhY2tncm91bmQsXG4gIFtjb250ZW50VHlwZXMuQ09OQ0VQVF06IGNvbG9ycy5jb25jZXB0LmxpZ2h0LFxuICBbY29udGVudFR5cGVzLlNPVVJDRV9NQVRFUklBTF06IGNvbG9ycy5zb3VyY2VNYXRlcmlhbC5saWdodCxcbiAgW2NvbnRlbnRUeXBlcy5MRUFSTklOR19QQVRIXTogY29sb3JzLmxlYXJuaW5nUGF0aC5iYWNrZ3JvdW5kLFxuICBbY29udGVudFR5cGVzLlNVQkpFQ1RdOiBjb2xvcnMuc3ViamVjdC5saWdodCxcbn07XG5cbmV4cG9ydCBjb25zdCBSZWxhdGVkQXJ0aWNsZSA9ICh7XG4gIHRpdGxlLFxuICBpbnRyb2R1Y3Rpb24sXG4gIHRvLFxuICBsaW5rSW5mbyA9IFwiXCIsXG4gIHRhcmdldCA9IFwiXCIsXG4gIHR5cGUgPSBjb250ZW50VHlwZXMuU1VCSkVDVF9NQVRFUklBTCxcbn06IFJlbGF0ZWRBcnRpY2xlUHJvcHMpID0+IHtcbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkUmVsYXRlZEFydGljbGUgc3R5bGU9e3sgXCItLWJvcmRlci1jb2xvclwiOiBjb2xvck1hcFt0eXBlXSB9IGFzIENTU1Byb3BlcnRpZXN9PlxuICAgICAgPFRpdGxlV3JhcHBlcj5cbiAgICAgICAgPENvbnRlbnRUeXBlQmFkZ2UgdHlwZT17dHlwZX0gYmFja2dyb3VuZCBzaXplPVwic21hbGxcIiAvPlxuICAgICAgICA8TGlua1RleHQgZWxlbWVudD1cInNwYW5cIiB0ZXh0U3R5bGU9XCJtZXRhLXRleHQtbWVkaXVtXCIgbWFyZ2luPVwibm9uZVwiPlxuICAgICAgICAgIDxTYWZlTGluayB0bz17dG99IHRhcmdldD17dGFyZ2V0fSByZWw9e2xpbmtJbmZvID8gXCJub29wZW5lciBub3JlZmVycmVyXCIgOiB1bmRlZmluZWR9PlxuICAgICAgICAgICAge3RpdGxlfVxuICAgICAgICAgIDwvU2FmZUxpbms+XG4gICAgICAgIDwvTGlua1RleHQ+XG4gICAgICA8L1RpdGxlV3JhcHBlcj5cbiAgICAgIDxUZXh0IHRleHRTdHlsZT1cIm1ldGEtdGV4dC1zbWFsbFwiIG1hcmdpbj1cIm5vbmVcIiBkYW5nZXJvdXNseVNldElubmVySFRNTD17eyBfX2h0bWw6IGludHJvZHVjdGlvbiB9fSAvPlxuICAgICAgPExpbmtJbmZvIHRleHRTdHlsZT1cImNvbnRlbnRcIiBtYXJnaW49XCJub25lXCI+XG4gICAgICAgIHtsaW5rSW5mb31cbiAgICAgIDwvTGlua0luZm8+XG4gICAgPC9TdHlsZWRSZWxhdGVkQXJ0aWNsZT5cbiAgKTtcbn07XG5cbmNvbnN0IEhlYWRpbmdXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAgd2lkdGg6IDEwMCU7XG4gIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgYWxpZ24tc2VsZjogZmxleC1zdGFydDtcbmA7XG5cbmNvbnN0IEFydGljbGVzV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGdyaWQ7XG4gIHdpZHRoOiAxMDAlO1xuICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IHJlcGVhdCgyLCAxZnIpO1xuICByb3ctZ2FwOiAke3NwYWNpbmcubGFyZ2V9O1xuICAke21xLnJhbmdlKHsgdW50aWw6IGJyZWFrcG9pbnRzLnRhYmxldCB9KX0ge1xuICAgIGdyaWQtdGVtcGxhdGUtY29sdW1uczogMWZyO1xuICB9XG5gO1xuXG5pbnRlcmZhY2UgUHJvcHMgZXh0ZW5kcyBDb21wb25lbnRQcm9wczxcInNlY3Rpb25cIj4ge1xuICBjaGlsZHJlbj86IEpTWC5FbGVtZW50W107XG4gIGFydGljbGVDb3VudD86IG51bWJlcjtcbiAgaGVhZGluZ0xldmVsPzogSGVhZGluZ0xldmVsO1xuICBoZWFkaW5nQnV0dG9ucz86IFJlYWN0Tm9kZTtcbn1cblxuY29uc3QgU3R5bGVkU2VjdGlvbiA9IHN0eWxlZC5zZWN0aW9uYFxuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBnYXA6ICR7c3BhY2luZy5ub3JtYWx9O1xuYDtcblxuZXhwb3J0IGNvbnN0IFJlbGF0ZWRBcnRpY2xlTGlzdCA9ICh7XG4gIGNoaWxkcmVuID0gW10sXG4gIGFydGljbGVDb3VudCxcbiAgaGVhZGluZ0xldmVsID0gXCJoMlwiLFxuICBoZWFkaW5nQnV0dG9ucyxcbiAgLi4ucmVzdFxufTogUHJvcHMpID0+IHtcbiAgY29uc3QgW2V4cGFuZGVkLCBzZXRFeHBhbmRlZF0gPSB1c2VTdGF0ZShmYWxzZSk7XG4gIGNvbnN0IHsgdCB9ID0gdXNlVHJhbnNsYXRpb24oKTtcbiAgY29uc3QgY2hpbGRDb3VudCA9IHVzZU1lbW8oKCkgPT4gYXJ0aWNsZUNvdW50ID8/IENoaWxkcmVuLmNvdW50KGNoaWxkcmVuKSwgW2NoaWxkcmVuLCBhcnRpY2xlQ291bnRdKTtcbiAgY29uc3QgY2hpbGRyZW5Ub1Nob3cgPSB1c2VNZW1vKFxuICAgICgpID0+IChjaGlsZENvdW50ID4gMiAmJiAhZXhwYW5kZWQgPyBjaGlsZHJlbj8uc2xpY2UoMCwgMikgOiBjaGlsZHJlbiksXG4gICAgW2NoaWxkQ291bnQsIGNoaWxkcmVuLCBleHBhbmRlZF0sXG4gICk7XG5cbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkU2VjdGlvbiB7Li4ucmVzdH0+XG4gICAgICA8SGVhZGluZ1dyYXBwZXI+XG4gICAgICAgIDxIZWFkaW5nIGVsZW1lbnQ9e2hlYWRpbmdMZXZlbH0gbWFyZ2luPVwibm9uZVwiIGhlYWRpbmdTdHlsZT1cImxpc3QtdGl0bGVcIj5cbiAgICAgICAgICB7dChcInJlbGF0ZWQudGl0bGVcIil9XG4gICAgICAgIDwvSGVhZGluZz5cbiAgICAgICAge2hlYWRpbmdCdXR0b25zfVxuICAgICAgPC9IZWFkaW5nV3JhcHBlcj5cbiAgICAgIDxBcnRpY2xlc1dyYXBwZXI+e2NoaWxkcmVuVG9TaG93fTwvQXJ0aWNsZXNXcmFwcGVyPlxuICAgICAge2NoaWxkQ291bnQgPiAyID8gKFxuICAgICAgICA8QnV0dG9uVjIgb25DbGljaz17KCkgPT4gc2V0RXhwYW5kZWQoKHApID0+ICFwKX0gdmFyaWFudD1cIm91dGxpbmVcIj5cbiAgICAgICAgICB7dChgcmVsYXRlZC5zaG93JHtleHBhbmRlZCA/IFwiTGVzc1wiIDogXCJNb3JlXCJ9YCl9XG4gICAgICAgIDwvQnV0dG9uVjI+XG4gICAgICApIDogbnVsbH1cbiAgICA8L1N0eWxlZFNlY3Rpb24+XG4gICk7XG59O1xuIl19 */"));
-const colorMap = {
-  [_ContentType.contentTypes.SUBJECT_MATERIAL]: _core.colors.subjectMaterial.light,
-  [_ContentType.contentTypes.TASKS_AND_ACTIVITIES]: _core.colors.tasksAndActivities.background,
-  [_ContentType.contentTypes.ASSESSMENT_RESOURCES]: _core.colors.assessmentResource.background,
-  [_ContentType.contentTypes.CONCEPT]: _core.colors.concept.light,
-  [_ContentType.contentTypes.SOURCE_MATERIAL]: _core.colors.sourceMaterial.light,
-  [_ContentType.contentTypes.LEARNING_PATH]: _core.colors.learningPath.background,
-  [_ContentType.contentTypes.SUBJECT]: _core.colors.subject.light
-};
+
 const RelatedArticle = _ref => {
   let {
     title,
@@ -56,67 +30,74 @@ const RelatedArticle = _ref => {
     target = "",
     type = _ContentType.contentTypes.SUBJECT_MATERIAL
   } = _ref;
-  return (0, _jsxRuntime.jsxs)(StyledRelatedArticle, {
-    style: {
-      "--border-color": colorMap[type]
-    },
-    children: [(0, _jsxRuntime.jsxs)(TitleWrapper, {
-      children: [(0, _jsxRuntime.jsx)(_ContentTypeBadge.default, {
-        type: type,
-        background: true,
-        size: "small"
-      }), (0, _jsxRuntime.jsx)(LinkText, {
-        element: "span",
-        textStyle: "meta-text-medium",
-        margin: "none",
-        children: (0, _jsxRuntime.jsx)(_safelink.SafeLink, {
-          to: to,
-          target: target,
-          rel: linkInfo ? "noopener noreferrer" : undefined,
-          children: title
+  return (0, _jsxRuntime.jsx)(_primitives.CardRoot, {
+    children: (0, _jsxRuntime.jsxs)(_primitives.CardContent, {
+      children: [(0, _jsxRuntime.jsx)(_ContentTypeBadgeNew.ContentTypeBadge, {
+        contentType: type
+      }), (0, _jsxRuntime.jsx)(_primitives.CardHeading, {
+        asChild: true,
+        consumeCss: true,
+        children: (0, _jsxRuntime.jsx)("span", {
+          children: (0, _jsxRuntime.jsx)(_safelink.SafeLink, {
+            unstyled: true,
+            to: to,
+            target: target,
+            rel: linkInfo ? "noopener noreferrer" : undefined,
+            css: _patterns.linkOverlay.raw(),
+            children: title
+          })
         })
+      }), (0, _jsxRuntime.jsx)(_primitives.Text, {
+        dangerouslySetInnerHTML: {
+          __html: introduction
+        }
+      }), (0, _jsxRuntime.jsx)(_primitives.Text, {
+        color: "text.subtle",
+        textStyle: "label.small",
+        children: linkInfo
       })]
-    }), (0, _jsxRuntime.jsx)(_typography.Text, {
-      textStyle: "meta-text-small",
-      margin: "none",
-      dangerouslySetInnerHTML: {
-        __html: introduction
-      }
-    }), (0, _jsxRuntime.jsx)(LinkInfo, {
-      textStyle: "content",
-      margin: "none",
-      children: linkInfo
-    })]
+    })
   });
 };
 exports.RelatedArticle = RelatedArticle;
-const HeadingWrapper = /*#__PURE__*/(0, _base.default)("div", {
-  target: "eoajdkw2",
-  label: "HeadingWrapper"
-})(process.env.NODE_ENV === "production" ? {
-  name: "kg35yo",
-  styles: "display:flex;width:100%;justify-content:space-between;align-items:center;align-self:flex-start"
-} : {
-  name: "kg35yo",
-  styles: "display:flex;width:100%;justify-content:space-between;align-items:center;align-self:flex-start",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlJlbGF0ZWRBcnRpY2xlTGlzdC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBNEZpQyIsImZpbGUiOiJSZWxhdGVkQXJ0aWNsZUxpc3QudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDb3B5cmlnaHQgKGMpIDIwMjMtcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLlxuICpcbiAqL1xuXG5pbXBvcnQgeyBDU1NQcm9wZXJ0aWVzLCBDaGlsZHJlbiwgQ29tcG9uZW50UHJvcHMsIFJlYWN0Tm9kZSwgdXNlTWVtbywgdXNlU3RhdGUgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCB7IHVzZVRyYW5zbGF0aW9uIH0gZnJvbSBcInJlYWN0LWkxOG5leHRcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgQnV0dG9uVjIgfSBmcm9tIFwiQG5kbGEvYnV0dG9uXCI7XG5pbXBvcnQgeyBicmVha3BvaW50cywgY29sb3JzLCBmb250cywgbXEsIHNwYWNpbmcgfSBmcm9tIFwiQG5kbGEvY29yZVwiO1xuaW1wb3J0IHsgU2FmZUxpbmsgfSBmcm9tIFwiQG5kbGEvc2FmZWxpbmtcIjtcbmltcG9ydCB7IEhlYWRpbmcsIEhlYWRpbmdMZXZlbCwgVGV4dCB9IGZyb20gXCJAbmRsYS90eXBvZ3JhcGh5XCI7XG5pbXBvcnQgQ29udGVudFR5cGVCYWRnZSBmcm9tIFwiLi4vQ29udGVudFR5cGVCYWRnZVwiO1xuaW1wb3J0IHsgY29udGVudFR5cGVzIH0gZnJvbSBcIi4uL21vZGVsL0NvbnRlbnRUeXBlXCI7XG5cbmludGVyZmFjZSBSZWxhdGVkQXJ0aWNsZVByb3BzIHtcbiAgdGl0bGU6IHN0cmluZztcbiAgaW50cm9kdWN0aW9uOiBzdHJpbmc7XG4gIHRvOiBzdHJpbmc7XG4gIGxpbmtJbmZvPzogc3RyaW5nO1xuICB0YXJnZXQ/OiBzdHJpbmc7XG4gIHR5cGU/OiBzdHJpbmc7XG59XG5cbmNvbnN0IFRpdGxlV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGdhcDogJHtzcGFjaW5nLnNtYWxsfTtcbiAgYWxpZ24taXRlbXM6IGZsZXgtc3RhcnQ7XG4gIGRpdiB7XG4gICAgbWluLXdpZHRoOiAzNHB4O1xuICAgIG1pbi1oZWlnaHQ6IDM0cHg7XG4gICAgbWF4LXdpZHRoOiAzNHB4O1xuICAgIG1heC1oZWlnaHQ6IDM0cHg7XG4gIH1cbmA7XG5cbmNvbnN0IFN0eWxlZFJlbGF0ZWRBcnRpY2xlID0gc3R5bGVkLmFydGljbGVgXG4gIGJvcmRlci1sZWZ0OiA2cHggc29saWQgdmFyKC0tYm9yZGVyLWNvbG9yLCAke2NvbG9ycy5icmFuZC5ncmV5TGlnaHR9KTtcbiAgZmxleC1ncm93OiAwO1xuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICBnYXA6ICR7c3BhY2luZy54c21hbGx9O1xuICBwYWRkaW5nOiAwcHggJHtzcGFjaW5nLm5vcm1hbH0gMHB4ICR7c3BhY2luZy5ub3JtYWx9O1xuYDtcblxuY29uc3QgTGlua0luZm8gPSBzdHlsZWQoVGV4dClgXG4gIGZvbnQtd2VpZ2h0OiAke2ZvbnRzLndlaWdodC5ib2xkfTtcbmA7XG5cbmNvbnN0IExpbmtUZXh0ID0gc3R5bGVkKFRleHQpYFxuICBmb250LXdlaWdodDogJHtmb250cy53ZWlnaHQuc2VtaWJvbGR9O1xuYDtcblxuY29uc3QgY29sb3JNYXAgPSB7XG4gIFtjb250ZW50VHlwZXMuU1VCSkVDVF9NQVRFUklBTF06IGNvbG9ycy5zdWJqZWN0TWF0ZXJpYWwubGlnaHQsXG4gIFtjb250ZW50VHlwZXMuVEFTS1NfQU5EX0FDVElWSVRJRVNdOiBjb2xvcnMudGFza3NBbmRBY3Rpdml0aWVzLmJhY2tncm91bmQsXG4gIFtjb250ZW50VHlwZXMuQVNTRVNTTUVOVF9SRVNPVVJDRVNdOiBjb2xvcnMuYXNzZXNzbWVudFJlc291cmNlLmJhY2tncm91bmQsXG4gIFtjb250ZW50VHlwZXMuQ09OQ0VQVF06IGNvbG9ycy5jb25jZXB0LmxpZ2h0LFxuICBbY29udGVudFR5cGVzLlNPVVJDRV9NQVRFUklBTF06IGNvbG9ycy5zb3VyY2VNYXRlcmlhbC5saWdodCxcbiAgW2NvbnRlbnRUeXBlcy5MRUFSTklOR19QQVRIXTogY29sb3JzLmxlYXJuaW5nUGF0aC5iYWNrZ3JvdW5kLFxuICBbY29udGVudFR5cGVzLlNVQkpFQ1RdOiBjb2xvcnMuc3ViamVjdC5saWdodCxcbn07XG5cbmV4cG9ydCBjb25zdCBSZWxhdGVkQXJ0aWNsZSA9ICh7XG4gIHRpdGxlLFxuICBpbnRyb2R1Y3Rpb24sXG4gIHRvLFxuICBsaW5rSW5mbyA9IFwiXCIsXG4gIHRhcmdldCA9IFwiXCIsXG4gIHR5cGUgPSBjb250ZW50VHlwZXMuU1VCSkVDVF9NQVRFUklBTCxcbn06IFJlbGF0ZWRBcnRpY2xlUHJvcHMpID0+IHtcbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkUmVsYXRlZEFydGljbGUgc3R5bGU9e3sgXCItLWJvcmRlci1jb2xvclwiOiBjb2xvck1hcFt0eXBlXSB9IGFzIENTU1Byb3BlcnRpZXN9PlxuICAgICAgPFRpdGxlV3JhcHBlcj5cbiAgICAgICAgPENvbnRlbnRUeXBlQmFkZ2UgdHlwZT17dHlwZX0gYmFja2dyb3VuZCBzaXplPVwic21hbGxcIiAvPlxuICAgICAgICA8TGlua1RleHQgZWxlbWVudD1cInNwYW5cIiB0ZXh0U3R5bGU9XCJtZXRhLXRleHQtbWVkaXVtXCIgbWFyZ2luPVwibm9uZVwiPlxuICAgICAgICAgIDxTYWZlTGluayB0bz17dG99IHRhcmdldD17dGFyZ2V0fSByZWw9e2xpbmtJbmZvID8gXCJub29wZW5lciBub3JlZmVycmVyXCIgOiB1bmRlZmluZWR9PlxuICAgICAgICAgICAge3RpdGxlfVxuICAgICAgICAgIDwvU2FmZUxpbms+XG4gICAgICAgIDwvTGlua1RleHQ+XG4gICAgICA8L1RpdGxlV3JhcHBlcj5cbiAgICAgIDxUZXh0IHRleHRTdHlsZT1cIm1ldGEtdGV4dC1zbWFsbFwiIG1hcmdpbj1cIm5vbmVcIiBkYW5nZXJvdXNseVNldElubmVySFRNTD17eyBfX2h0bWw6IGludHJvZHVjdGlvbiB9fSAvPlxuICAgICAgPExpbmtJbmZvIHRleHRTdHlsZT1cImNvbnRlbnRcIiBtYXJnaW49XCJub25lXCI+XG4gICAgICAgIHtsaW5rSW5mb31cbiAgICAgIDwvTGlua0luZm8+XG4gICAgPC9TdHlsZWRSZWxhdGVkQXJ0aWNsZT5cbiAgKTtcbn07XG5cbmNvbnN0IEhlYWRpbmdXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAgd2lkdGg6IDEwMCU7XG4gIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgYWxpZ24tc2VsZjogZmxleC1zdGFydDtcbmA7XG5cbmNvbnN0IEFydGljbGVzV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGdyaWQ7XG4gIHdpZHRoOiAxMDAlO1xuICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IHJlcGVhdCgyLCAxZnIpO1xuICByb3ctZ2FwOiAke3NwYWNpbmcubGFyZ2V9O1xuICAke21xLnJhbmdlKHsgdW50aWw6IGJyZWFrcG9pbnRzLnRhYmxldCB9KX0ge1xuICAgIGdyaWQtdGVtcGxhdGUtY29sdW1uczogMWZyO1xuICB9XG5gO1xuXG5pbnRlcmZhY2UgUHJvcHMgZXh0ZW5kcyBDb21wb25lbnRQcm9wczxcInNlY3Rpb25cIj4ge1xuICBjaGlsZHJlbj86IEpTWC5FbGVtZW50W107XG4gIGFydGljbGVDb3VudD86IG51bWJlcjtcbiAgaGVhZGluZ0xldmVsPzogSGVhZGluZ0xldmVsO1xuICBoZWFkaW5nQnV0dG9ucz86IFJlYWN0Tm9kZTtcbn1cblxuY29uc3QgU3R5bGVkU2VjdGlvbiA9IHN0eWxlZC5zZWN0aW9uYFxuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBnYXA6ICR7c3BhY2luZy5ub3JtYWx9O1xuYDtcblxuZXhwb3J0IGNvbnN0IFJlbGF0ZWRBcnRpY2xlTGlzdCA9ICh7XG4gIGNoaWxkcmVuID0gW10sXG4gIGFydGljbGVDb3VudCxcbiAgaGVhZGluZ0xldmVsID0gXCJoMlwiLFxuICBoZWFkaW5nQnV0dG9ucyxcbiAgLi4ucmVzdFxufTogUHJvcHMpID0+IHtcbiAgY29uc3QgW2V4cGFuZGVkLCBzZXRFeHBhbmRlZF0gPSB1c2VTdGF0ZShmYWxzZSk7XG4gIGNvbnN0IHsgdCB9ID0gdXNlVHJhbnNsYXRpb24oKTtcbiAgY29uc3QgY2hpbGRDb3VudCA9IHVzZU1lbW8oKCkgPT4gYXJ0aWNsZUNvdW50ID8/IENoaWxkcmVuLmNvdW50KGNoaWxkcmVuKSwgW2NoaWxkcmVuLCBhcnRpY2xlQ291bnRdKTtcbiAgY29uc3QgY2hpbGRyZW5Ub1Nob3cgPSB1c2VNZW1vKFxuICAgICgpID0+IChjaGlsZENvdW50ID4gMiAmJiAhZXhwYW5kZWQgPyBjaGlsZHJlbj8uc2xpY2UoMCwgMikgOiBjaGlsZHJlbiksXG4gICAgW2NoaWxkQ291bnQsIGNoaWxkcmVuLCBleHBhbmRlZF0sXG4gICk7XG5cbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkU2VjdGlvbiB7Li4ucmVzdH0+XG4gICAgICA8SGVhZGluZ1dyYXBwZXI+XG4gICAgICAgIDxIZWFkaW5nIGVsZW1lbnQ9e2hlYWRpbmdMZXZlbH0gbWFyZ2luPVwibm9uZVwiIGhlYWRpbmdTdHlsZT1cImxpc3QtdGl0bGVcIj5cbiAgICAgICAgICB7dChcInJlbGF0ZWQudGl0bGVcIil9XG4gICAgICAgIDwvSGVhZGluZz5cbiAgICAgICAge2hlYWRpbmdCdXR0b25zfVxuICAgICAgPC9IZWFkaW5nV3JhcHBlcj5cbiAgICAgIDxBcnRpY2xlc1dyYXBwZXI+e2NoaWxkcmVuVG9TaG93fTwvQXJ0aWNsZXNXcmFwcGVyPlxuICAgICAge2NoaWxkQ291bnQgPiAyID8gKFxuICAgICAgICA8QnV0dG9uVjIgb25DbGljaz17KCkgPT4gc2V0RXhwYW5kZWQoKHApID0+ICFwKX0gdmFyaWFudD1cIm91dGxpbmVcIj5cbiAgICAgICAgICB7dChgcmVsYXRlZC5zaG93JHtleHBhbmRlZCA/IFwiTGVzc1wiIDogXCJNb3JlXCJ9YCl9XG4gICAgICAgIDwvQnV0dG9uVjI+XG4gICAgICApIDogbnVsbH1cbiAgICA8L1N0eWxlZFNlY3Rpb24+XG4gICk7XG59O1xuIl19 */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+const HeadingWrapper = (0, _jsx2.styled)("div", {
+  base: {
+    display: "flex",
+    width: "100%",
+    justifyContent: "space-between",
+    alignItems: "center",
+    alignSelf: "flex-start"
+  }
+});
+const ArticlesWrapper = (0, _jsx2.styled)("div", {
+  base: {
+    display: "grid",
+    width: "100%",
+    gridTemplateColumns: "repeat(2, 1fr)",
+    gap: "medium",
+    tabletDown: {
+      gridTemplateColumns: "1fr"
+    }
+  }
+});
+const StyledSection = (0, _jsx2.styled)("section", {
+  base: {
+    display: "flex",
+    flexDirection: "column",
+    alignItems: "center",
+    gap: "xsmall"
+  }
+});
+const StyledButton = (0, _jsx2.styled)(_primitives.Button, {
+  base: {
+    marginBlockStart: "xsmall"
+  }
 });
-const ArticlesWrapper = /*#__PURE__*/(0, _base.default)("div", {
-  target: "eoajdkw1",
-  label: "ArticlesWrapper"
-})("display:grid;width:100%;grid-template-columns:repeat(2, 1fr);row-gap:", _core.spacing.large, ";", _core.mq.range({
-  until: _core.breakpoints.tablet
-}), "{grid-template-columns:1fr;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlJlbGF0ZWRBcnRpY2xlTGlzdC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBb0drQyIsImZpbGUiOiJSZWxhdGVkQXJ0aWNsZUxpc3QudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDb3B5cmlnaHQgKGMpIDIwMjMtcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLlxuICpcbiAqL1xuXG5pbXBvcnQgeyBDU1NQcm9wZXJ0aWVzLCBDaGlsZHJlbiwgQ29tcG9uZW50UHJvcHMsIFJlYWN0Tm9kZSwgdXNlTWVtbywgdXNlU3RhdGUgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCB7IHVzZVRyYW5zbGF0aW9uIH0gZnJvbSBcInJlYWN0LWkxOG5leHRcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgQnV0dG9uVjIgfSBmcm9tIFwiQG5kbGEvYnV0dG9uXCI7XG5pbXBvcnQgeyBicmVha3BvaW50cywgY29sb3JzLCBmb250cywgbXEsIHNwYWNpbmcgfSBmcm9tIFwiQG5kbGEvY29yZVwiO1xuaW1wb3J0IHsgU2FmZUxpbmsgfSBmcm9tIFwiQG5kbGEvc2FmZWxpbmtcIjtcbmltcG9ydCB7IEhlYWRpbmcsIEhlYWRpbmdMZXZlbCwgVGV4dCB9IGZyb20gXCJAbmRsYS90eXBvZ3JhcGh5XCI7XG5pbXBvcnQgQ29udGVudFR5cGVCYWRnZSBmcm9tIFwiLi4vQ29udGVudFR5cGVCYWRnZVwiO1xuaW1wb3J0IHsgY29udGVudFR5cGVzIH0gZnJvbSBcIi4uL21vZGVsL0NvbnRlbnRUeXBlXCI7XG5cbmludGVyZmFjZSBSZWxhdGVkQXJ0aWNsZVByb3BzIHtcbiAgdGl0bGU6IHN0cmluZztcbiAgaW50cm9kdWN0aW9uOiBzdHJpbmc7XG4gIHRvOiBzdHJpbmc7XG4gIGxpbmtJbmZvPzogc3RyaW5nO1xuICB0YXJnZXQ/OiBzdHJpbmc7XG4gIHR5cGU/OiBzdHJpbmc7XG59XG5cbmNvbnN0IFRpdGxlV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGdhcDogJHtzcGFjaW5nLnNtYWxsfTtcbiAgYWxpZ24taXRlbXM6IGZsZXgtc3RhcnQ7XG4gIGRpdiB7XG4gICAgbWluLXdpZHRoOiAzNHB4O1xuICAgIG1pbi1oZWlnaHQ6IDM0cHg7XG4gICAgbWF4LXdpZHRoOiAzNHB4O1xuICAgIG1heC1oZWlnaHQ6IDM0cHg7XG4gIH1cbmA7XG5cbmNvbnN0IFN0eWxlZFJlbGF0ZWRBcnRpY2xlID0gc3R5bGVkLmFydGljbGVgXG4gIGJvcmRlci1sZWZ0OiA2cHggc29saWQgdmFyKC0tYm9yZGVyLWNvbG9yLCAke2NvbG9ycy5icmFuZC5ncmV5TGlnaHR9KTtcbiAgZmxleC1ncm93OiAwO1xuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICBnYXA6ICR7c3BhY2luZy54c21hbGx9O1xuICBwYWRkaW5nOiAwcHggJHtzcGFjaW5nLm5vcm1hbH0gMHB4ICR7c3BhY2luZy5ub3JtYWx9O1xuYDtcblxuY29uc3QgTGlua0luZm8gPSBzdHlsZWQoVGV4dClgXG4gIGZvbnQtd2VpZ2h0OiAke2ZvbnRzLndlaWdodC5ib2xkfTtcbmA7XG5cbmNvbnN0IExpbmtUZXh0ID0gc3R5bGVkKFRleHQpYFxuICBmb250LXdlaWdodDogJHtmb250cy53ZWlnaHQuc2VtaWJvbGR9O1xuYDtcblxuY29uc3QgY29sb3JNYXAgPSB7XG4gIFtjb250ZW50VHlwZXMuU1VCSkVDVF9NQVRFUklBTF06IGNvbG9ycy5zdWJqZWN0TWF0ZXJpYWwubGlnaHQsXG4gIFtjb250ZW50VHlwZXMuVEFTS1NfQU5EX0FDVElWSVRJRVNdOiBjb2xvcnMudGFza3NBbmRBY3Rpdml0aWVzLmJhY2tncm91bmQsXG4gIFtjb250ZW50VHlwZXMuQVNTRVNTTUVOVF9SRVNPVVJDRVNdOiBjb2xvcnMuYXNzZXNzbWVudFJlc291cmNlLmJhY2tncm91bmQsXG4gIFtjb250ZW50VHlwZXMuQ09OQ0VQVF06IGNvbG9ycy5jb25jZXB0LmxpZ2h0LFxuICBbY29udGVudFR5cGVzLlNPVVJDRV9NQVRFUklBTF06IGNvbG9ycy5zb3VyY2VNYXRlcmlhbC5saWdodCxcbiAgW2NvbnRlbnRUeXBlcy5MRUFSTklOR19QQVRIXTogY29sb3JzLmxlYXJuaW5nUGF0aC5iYWNrZ3JvdW5kLFxuICBbY29udGVudFR5cGVzLlNVQkpFQ1RdOiBjb2xvcnMuc3ViamVjdC5saWdodCxcbn07XG5cbmV4cG9ydCBjb25zdCBSZWxhdGVkQXJ0aWNsZSA9ICh7XG4gIHRpdGxlLFxuICBpbnRyb2R1Y3Rpb24sXG4gIHRvLFxuICBsaW5rSW5mbyA9IFwiXCIsXG4gIHRhcmdldCA9IFwiXCIsXG4gIHR5cGUgPSBjb250ZW50VHlwZXMuU1VCSkVDVF9NQVRFUklBTCxcbn06IFJlbGF0ZWRBcnRpY2xlUHJvcHMpID0+IHtcbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkUmVsYXRlZEFydGljbGUgc3R5bGU9e3sgXCItLWJvcmRlci1jb2xvclwiOiBjb2xvck1hcFt0eXBlXSB9IGFzIENTU1Byb3BlcnRpZXN9PlxuICAgICAgPFRpdGxlV3JhcHBlcj5cbiAgICAgICAgPENvbnRlbnRUeXBlQmFkZ2UgdHlwZT17dHlwZX0gYmFja2dyb3VuZCBzaXplPVwic21hbGxcIiAvPlxuICAgICAgICA8TGlua1RleHQgZWxlbWVudD1cInNwYW5cIiB0ZXh0U3R5bGU9XCJtZXRhLXRleHQtbWVkaXVtXCIgbWFyZ2luPVwibm9uZVwiPlxuICAgICAgICAgIDxTYWZlTGluayB0bz17dG99IHRhcmdldD17dGFyZ2V0fSByZWw9e2xpbmtJbmZvID8gXCJub29wZW5lciBub3JlZmVycmVyXCIgOiB1bmRlZmluZWR9PlxuICAgICAgICAgICAge3RpdGxlfVxuICAgICAgICAgIDwvU2FmZUxpbms+XG4gICAgICAgIDwvTGlua1RleHQ+XG4gICAgICA8L1RpdGxlV3JhcHBlcj5cbiAgICAgIDxUZXh0IHRleHRTdHlsZT1cIm1ldGEtdGV4dC1zbWFsbFwiIG1hcmdpbj1cIm5vbmVcIiBkYW5nZXJvdXNseVNldElubmVySFRNTD17eyBfX2h0bWw6IGludHJvZHVjdGlvbiB9fSAvPlxuICAgICAgPExpbmtJbmZvIHRleHRTdHlsZT1cImNvbnRlbnRcIiBtYXJnaW49XCJub25lXCI+XG4gICAgICAgIHtsaW5rSW5mb31cbiAgICAgIDwvTGlua0luZm8+XG4gICAgPC9TdHlsZWRSZWxhdGVkQXJ0aWNsZT5cbiAgKTtcbn07XG5cbmNvbnN0IEhlYWRpbmdXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAgd2lkdGg6IDEwMCU7XG4gIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgYWxpZ24tc2VsZjogZmxleC1zdGFydDtcbmA7XG5cbmNvbnN0IEFydGljbGVzV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGdyaWQ7XG4gIHdpZHRoOiAxMDAlO1xuICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IHJlcGVhdCgyLCAxZnIpO1xuICByb3ctZ2FwOiAke3NwYWNpbmcubGFyZ2V9O1xuICAke21xLnJhbmdlKHsgdW50aWw6IGJyZWFrcG9pbnRzLnRhYmxldCB9KX0ge1xuICAgIGdyaWQtdGVtcGxhdGUtY29sdW1uczogMWZyO1xuICB9XG5gO1xuXG5pbnRlcmZhY2UgUHJvcHMgZXh0ZW5kcyBDb21wb25lbnRQcm9wczxcInNlY3Rpb25cIj4ge1xuICBjaGlsZHJlbj86IEpTWC5FbGVtZW50W107XG4gIGFydGljbGVDb3VudD86IG51bWJlcjtcbiAgaGVhZGluZ0xldmVsPzogSGVhZGluZ0xldmVsO1xuICBoZWFkaW5nQnV0dG9ucz86IFJlYWN0Tm9kZTtcbn1cblxuY29uc3QgU3R5bGVkU2VjdGlvbiA9IHN0eWxlZC5zZWN0aW9uYFxuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBnYXA6ICR7c3BhY2luZy5ub3JtYWx9O1xuYDtcblxuZXhwb3J0IGNvbnN0IFJlbGF0ZWRBcnRpY2xlTGlzdCA9ICh7XG4gIGNoaWxkcmVuID0gW10sXG4gIGFydGljbGVDb3VudCxcbiAgaGVhZGluZ0xldmVsID0gXCJoMlwiLFxuICBoZWFkaW5nQnV0dG9ucyxcbiAgLi4ucmVzdFxufTogUHJvcHMpID0+IHtcbiAgY29uc3QgW2V4cGFuZGVkLCBzZXRFeHBhbmRlZF0gPSB1c2VTdGF0ZShmYWxzZSk7XG4gIGNvbnN0IHsgdCB9ID0gdXNlVHJhbnNsYXRpb24oKTtcbiAgY29uc3QgY2hpbGRDb3VudCA9IHVzZU1lbW8oKCkgPT4gYXJ0aWNsZUNvdW50ID8/IENoaWxkcmVuLmNvdW50KGNoaWxkcmVuKSwgW2NoaWxkcmVuLCBhcnRpY2xlQ291bnRdKTtcbiAgY29uc3QgY2hpbGRyZW5Ub1Nob3cgPSB1c2VNZW1vKFxuICAgICgpID0+IChjaGlsZENvdW50ID4gMiAmJiAhZXhwYW5kZWQgPyBjaGlsZHJlbj8uc2xpY2UoMCwgMikgOiBjaGlsZHJlbiksXG4gICAgW2NoaWxkQ291bnQsIGNoaWxkcmVuLCBleHBhbmRlZF0sXG4gICk7XG5cbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkU2VjdGlvbiB7Li4ucmVzdH0+XG4gICAgICA8SGVhZGluZ1dyYXBwZXI+XG4gICAgICAgIDxIZWFkaW5nIGVsZW1lbnQ9e2hlYWRpbmdMZXZlbH0gbWFyZ2luPVwibm9uZVwiIGhlYWRpbmdTdHlsZT1cImxpc3QtdGl0bGVcIj5cbiAgICAgICAgICB7dChcInJlbGF0ZWQudGl0bGVcIil9XG4gICAgICAgIDwvSGVhZGluZz5cbiAgICAgICAge2hlYWRpbmdCdXR0b25zfVxuICAgICAgPC9IZWFkaW5nV3JhcHBlcj5cbiAgICAgIDxBcnRpY2xlc1dyYXBwZXI+e2NoaWxkcmVuVG9TaG93fTwvQXJ0aWNsZXNXcmFwcGVyPlxuICAgICAge2NoaWxkQ291bnQgPiAyID8gKFxuICAgICAgICA8QnV0dG9uVjIgb25DbGljaz17KCkgPT4gc2V0RXhwYW5kZWQoKHApID0+ICFwKX0gdmFyaWFudD1cIm91dGxpbmVcIj5cbiAgICAgICAgICB7dChgcmVsYXRlZC5zaG93JHtleHBhbmRlZCA/IFwiTGVzc1wiIDogXCJNb3JlXCJ9YCl9XG4gICAgICAgIDwvQnV0dG9uVjI+XG4gICAgICApIDogbnVsbH1cbiAgICA8L1N0eWxlZFNlY3Rpb24+XG4gICk7XG59O1xuIl19 */"));
-const StyledSection = /*#__PURE__*/(0, _base.default)("section", {
-  target: "eoajdkw0",
-  label: "StyledSection"
-})("display:flex;flex-direction:column;align-items:center;gap:", _core.spacing.normal, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlJlbGF0ZWRBcnRpY2xlTGlzdC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBcUhvQyIsImZpbGUiOiJSZWxhdGVkQXJ0aWNsZUxpc3QudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDb3B5cmlnaHQgKGMpIDIwMjMtcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLlxuICpcbiAqL1xuXG5pbXBvcnQgeyBDU1NQcm9wZXJ0aWVzLCBDaGlsZHJlbiwgQ29tcG9uZW50UHJvcHMsIFJlYWN0Tm9kZSwgdXNlTWVtbywgdXNlU3RhdGUgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCB7IHVzZVRyYW5zbGF0aW9uIH0gZnJvbSBcInJlYWN0LWkxOG5leHRcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgQnV0dG9uVjIgfSBmcm9tIFwiQG5kbGEvYnV0dG9uXCI7XG5pbXBvcnQgeyBicmVha3BvaW50cywgY29sb3JzLCBmb250cywgbXEsIHNwYWNpbmcgfSBmcm9tIFwiQG5kbGEvY29yZVwiO1xuaW1wb3J0IHsgU2FmZUxpbmsgfSBmcm9tIFwiQG5kbGEvc2FmZWxpbmtcIjtcbmltcG9ydCB7IEhlYWRpbmcsIEhlYWRpbmdMZXZlbCwgVGV4dCB9IGZyb20gXCJAbmRsYS90eXBvZ3JhcGh5XCI7XG5pbXBvcnQgQ29udGVudFR5cGVCYWRnZSBmcm9tIFwiLi4vQ29udGVudFR5cGVCYWRnZVwiO1xuaW1wb3J0IHsgY29udGVudFR5cGVzIH0gZnJvbSBcIi4uL21vZGVsL0NvbnRlbnRUeXBlXCI7XG5cbmludGVyZmFjZSBSZWxhdGVkQXJ0aWNsZVByb3BzIHtcbiAgdGl0bGU6IHN0cmluZztcbiAgaW50cm9kdWN0aW9uOiBzdHJpbmc7XG4gIHRvOiBzdHJpbmc7XG4gIGxpbmtJbmZvPzogc3RyaW5nO1xuICB0YXJnZXQ/OiBzdHJpbmc7XG4gIHR5cGU/OiBzdHJpbmc7XG59XG5cbmNvbnN0IFRpdGxlV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGdhcDogJHtzcGFjaW5nLnNtYWxsfTtcbiAgYWxpZ24taXRlbXM6IGZsZXgtc3RhcnQ7XG4gIGRpdiB7XG4gICAgbWluLXdpZHRoOiAzNHB4O1xuICAgIG1pbi1oZWlnaHQ6IDM0cHg7XG4gICAgbWF4LXdpZHRoOiAzNHB4O1xuICAgIG1heC1oZWlnaHQ6IDM0cHg7XG4gIH1cbmA7XG5cbmNvbnN0IFN0eWxlZFJlbGF0ZWRBcnRpY2xlID0gc3R5bGVkLmFydGljbGVgXG4gIGJvcmRlci1sZWZ0OiA2cHggc29saWQgdmFyKC0tYm9yZGVyLWNvbG9yLCAke2NvbG9ycy5icmFuZC5ncmV5TGlnaHR9KTtcbiAgZmxleC1ncm93OiAwO1xuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICBnYXA6ICR7c3BhY2luZy54c21hbGx9O1xuICBwYWRkaW5nOiAwcHggJHtzcGFjaW5nLm5vcm1hbH0gMHB4ICR7c3BhY2luZy5ub3JtYWx9O1xuYDtcblxuY29uc3QgTGlua0luZm8gPSBzdHlsZWQoVGV4dClgXG4gIGZvbnQtd2VpZ2h0OiAke2ZvbnRzLndlaWdodC5ib2xkfTtcbmA7XG5cbmNvbnN0IExpbmtUZXh0ID0gc3R5bGVkKFRleHQpYFxuICBmb250LXdlaWdodDogJHtmb250cy53ZWlnaHQuc2VtaWJvbGR9O1xuYDtcblxuY29uc3QgY29sb3JNYXAgPSB7XG4gIFtjb250ZW50VHlwZXMuU1VCSkVDVF9NQVRFUklBTF06IGNvbG9ycy5zdWJqZWN0TWF0ZXJpYWwubGlnaHQsXG4gIFtjb250ZW50VHlwZXMuVEFTS1NfQU5EX0FDVElWSVRJRVNdOiBjb2xvcnMudGFza3NBbmRBY3Rpdml0aWVzLmJhY2tncm91bmQsXG4gIFtjb250ZW50VHlwZXMuQVNTRVNTTUVOVF9SRVNPVVJDRVNdOiBjb2xvcnMuYXNzZXNzbWVudFJlc291cmNlLmJhY2tncm91bmQsXG4gIFtjb250ZW50VHlwZXMuQ09OQ0VQVF06IGNvbG9ycy5jb25jZXB0LmxpZ2h0LFxuICBbY29udGVudFR5cGVzLlNPVVJDRV9NQVRFUklBTF06IGNvbG9ycy5zb3VyY2VNYXRlcmlhbC5saWdodCxcbiAgW2NvbnRlbnRUeXBlcy5MRUFSTklOR19QQVRIXTogY29sb3JzLmxlYXJuaW5nUGF0aC5iYWNrZ3JvdW5kLFxuICBbY29udGVudFR5cGVzLlNVQkpFQ1RdOiBjb2xvcnMuc3ViamVjdC5saWdodCxcbn07XG5cbmV4cG9ydCBjb25zdCBSZWxhdGVkQXJ0aWNsZSA9ICh7XG4gIHRpdGxlLFxuICBpbnRyb2R1Y3Rpb24sXG4gIHRvLFxuICBsaW5rSW5mbyA9IFwiXCIsXG4gIHRhcmdldCA9IFwiXCIsXG4gIHR5cGUgPSBjb250ZW50VHlwZXMuU1VCSkVDVF9NQVRFUklBTCxcbn06IFJlbGF0ZWRBcnRpY2xlUHJvcHMpID0+IHtcbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkUmVsYXRlZEFydGljbGUgc3R5bGU9e3sgXCItLWJvcmRlci1jb2xvclwiOiBjb2xvck1hcFt0eXBlXSB9IGFzIENTU1Byb3BlcnRpZXN9PlxuICAgICAgPFRpdGxlV3JhcHBlcj5cbiAgICAgICAgPENvbnRlbnRUeXBlQmFkZ2UgdHlwZT17dHlwZX0gYmFja2dyb3VuZCBzaXplPVwic21hbGxcIiAvPlxuICAgICAgICA8TGlua1RleHQgZWxlbWVudD1cInNwYW5cIiB0ZXh0U3R5bGU9XCJtZXRhLXRleHQtbWVkaXVtXCIgbWFyZ2luPVwibm9uZVwiPlxuICAgICAgICAgIDxTYWZlTGluayB0bz17dG99IHRhcmdldD17dGFyZ2V0fSByZWw9e2xpbmtJbmZvID8gXCJub29wZW5lciBub3JlZmVycmVyXCIgOiB1bmRlZmluZWR9PlxuICAgICAgICAgICAge3RpdGxlfVxuICAgICAgICAgIDwvU2FmZUxpbms+XG4gICAgICAgIDwvTGlua1RleHQ+XG4gICAgICA8L1RpdGxlV3JhcHBlcj5cbiAgICAgIDxUZXh0IHRleHRTdHlsZT1cIm1ldGEtdGV4dC1zbWFsbFwiIG1hcmdpbj1cIm5vbmVcIiBkYW5nZXJvdXNseVNldElubmVySFRNTD17eyBfX2h0bWw6IGludHJvZHVjdGlvbiB9fSAvPlxuICAgICAgPExpbmtJbmZvIHRleHRTdHlsZT1cImNvbnRlbnRcIiBtYXJnaW49XCJub25lXCI+XG4gICAgICAgIHtsaW5rSW5mb31cbiAgICAgIDwvTGlua0luZm8+XG4gICAgPC9TdHlsZWRSZWxhdGVkQXJ0aWNsZT5cbiAgKTtcbn07XG5cbmNvbnN0IEhlYWRpbmdXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAgd2lkdGg6IDEwMCU7XG4gIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgYWxpZ24tc2VsZjogZmxleC1zdGFydDtcbmA7XG5cbmNvbnN0IEFydGljbGVzV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGdyaWQ7XG4gIHdpZHRoOiAxMDAlO1xuICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IHJlcGVhdCgyLCAxZnIpO1xuICByb3ctZ2FwOiAke3NwYWNpbmcubGFyZ2V9O1xuICAke21xLnJhbmdlKHsgdW50aWw6IGJyZWFrcG9pbnRzLnRhYmxldCB9KX0ge1xuICAgIGdyaWQtdGVtcGxhdGUtY29sdW1uczogMWZyO1xuICB9XG5gO1xuXG5pbnRlcmZhY2UgUHJvcHMgZXh0ZW5kcyBDb21wb25lbnRQcm9wczxcInNlY3Rpb25cIj4ge1xuICBjaGlsZHJlbj86IEpTWC5FbGVtZW50W107XG4gIGFydGljbGVDb3VudD86IG51bWJlcjtcbiAgaGVhZGluZ0xldmVsPzogSGVhZGluZ0xldmVsO1xuICBoZWFkaW5nQnV0dG9ucz86IFJlYWN0Tm9kZTtcbn1cblxuY29uc3QgU3R5bGVkU2VjdGlvbiA9IHN0eWxlZC5zZWN0aW9uYFxuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBnYXA6ICR7c3BhY2luZy5ub3JtYWx9O1xuYDtcblxuZXhwb3J0IGNvbnN0IFJlbGF0ZWRBcnRpY2xlTGlzdCA9ICh7XG4gIGNoaWxkcmVuID0gW10sXG4gIGFydGljbGVDb3VudCxcbiAgaGVhZGluZ0xldmVsID0gXCJoMlwiLFxuICBoZWFkaW5nQnV0dG9ucyxcbiAgLi4ucmVzdFxufTogUHJvcHMpID0+IHtcbiAgY29uc3QgW2V4cGFuZGVkLCBzZXRFeHBhbmRlZF0gPSB1c2VTdGF0ZShmYWxzZSk7XG4gIGNvbnN0IHsgdCB9ID0gdXNlVHJhbnNsYXRpb24oKTtcbiAgY29uc3QgY2hpbGRDb3VudCA9IHVzZU1lbW8oKCkgPT4gYXJ0aWNsZUNvdW50ID8/IENoaWxkcmVuLmNvdW50KGNoaWxkcmVuKSwgW2NoaWxkcmVuLCBhcnRpY2xlQ291bnRdKTtcbiAgY29uc3QgY2hpbGRyZW5Ub1Nob3cgPSB1c2VNZW1vKFxuICAgICgpID0+IChjaGlsZENvdW50ID4gMiAmJiAhZXhwYW5kZWQgPyBjaGlsZHJlbj8uc2xpY2UoMCwgMikgOiBjaGlsZHJlbiksXG4gICAgW2NoaWxkQ291bnQsIGNoaWxkcmVuLCBleHBhbmRlZF0sXG4gICk7XG5cbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkU2VjdGlvbiB7Li4ucmVzdH0+XG4gICAgICA8SGVhZGluZ1dyYXBwZXI+XG4gICAgICAgIDxIZWFkaW5nIGVsZW1lbnQ9e2hlYWRpbmdMZXZlbH0gbWFyZ2luPVwibm9uZVwiIGhlYWRpbmdTdHlsZT1cImxpc3QtdGl0bGVcIj5cbiAgICAgICAgICB7dChcInJlbGF0ZWQudGl0bGVcIil9XG4gICAgICAgIDwvSGVhZGluZz5cbiAgICAgICAge2hlYWRpbmdCdXR0b25zfVxuICAgICAgPC9IZWFkaW5nV3JhcHBlcj5cbiAgICAgIDxBcnRpY2xlc1dyYXBwZXI+e2NoaWxkcmVuVG9TaG93fTwvQXJ0aWNsZXNXcmFwcGVyPlxuICAgICAge2NoaWxkQ291bnQgPiAyID8gKFxuICAgICAgICA8QnV0dG9uVjIgb25DbGljaz17KCkgPT4gc2V0RXhwYW5kZWQoKHApID0+ICFwKX0gdmFyaWFudD1cIm91dGxpbmVcIj5cbiAgICAgICAgICB7dChgcmVsYXRlZC5zaG93JHtleHBhbmRlZCA/IFwiTGVzc1wiIDogXCJNb3JlXCJ9YCl9XG4gICAgICAgIDwvQnV0dG9uVjI+XG4gICAgICApIDogbnVsbH1cbiAgICA8L1N0eWxlZFNlY3Rpb24+XG4gICk7XG59O1xuIl19 */"));
 const RelatedArticleList = _ref2 => {
   let {
     children = [],
     articleCount,
-    headingLevel = "h2",
+    headingLevel: HeadingElement = "h2",
     headingButtons,
     ...rest
   } = _ref2;
@@ -129,17 +110,20 @@ const RelatedArticleList = _ref2 => {
   return (0, _jsxRuntime.jsxs)(StyledSection, {
     ...rest,
     children: [(0, _jsxRuntime.jsxs)(HeadingWrapper, {
-      children: [(0, _jsxRuntime.jsx)(_typography.Heading, {
-        element: headingLevel,
-        margin: "none",
-        headingStyle: "list-title",
-        children: t("related.title")
+      children: [(0, _jsxRuntime.jsx)(_primitives.Heading, {
+        asChild: true,
+        consumeCss: true,
+        textStyle: "title.large",
+        fontWeight: "bold",
+        children: (0, _jsxRuntime.jsx)(HeadingElement, {
+          children: t("related.title")
+        })
       }), headingButtons]
     }), (0, _jsxRuntime.jsx)(ArticlesWrapper, {
       children: childrenToShow
-    }), childCount > 2 ? (0, _jsxRuntime.jsx)(_button.ButtonV2, {
+    }), childCount > 2 ? (0, _jsxRuntime.jsx)(StyledButton, {
+      variant: "secondary",
       onClick: () => setExpanded(p => !p),
-      variant: "outline",
       children: t(`related.show${expanded ? "Less" : "More"}`)
     }) : null]
   });

package/lib/ResourceBox/ResourceBox.js

@@ -4,13 +4,12 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.ResourceBox = void 0;
-var _base = _interopRequireDefault(require("@emotion/styled/base"));
-var _core = require("@ndla/core");
 var _common = require("@ndla/icons/common");
 var _primitives = require("@ndla/primitives");
 var _safelink = require("@ndla/safelink");
+var _jsx2 = require("@ndla/styled-system/jsx");
+var _tokens = require("@ndla/styled-system/tokens");
 var _jsxRuntime = require("@emotion/react/jsx-runtime");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 /**
  * Copyright (c) 2022-present, NDLA.
  *
@@ -19,32 +18,54 @@ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e
  *
  */
 
-const ResourceBoxContainer = /*#__PURE__*/(0, _base.default)("div", {
-  target: "e1byxq9a4",
-  label: "ResourceBoxContainer"
-})("display:flex;position:relative;padding:", _core.spacing.nsmall, ";border-radius:5px;border:1px solid ", _core.colors.brand.light, ";font-family:", _core.fonts.sans, ";box-shadow:0px 20px 35px -15px rgba(32, 88, 143, 0.15);gap:", _core.spacing.medium, ";", _core.mq.range({
-  until: _core.breakpoints.desktop
-}), "{gap:0;flex-direction:column;padding-top:", _core.spacing.medium, ";text-align:center;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlJlc291cmNlQm94LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFjdUMiLCJmaWxlIjoiUmVzb3VyY2VCb3gudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDb3B5cmlnaHQgKGMpIDIwMjItcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLlxuICpcbiAqL1xuXG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IGJyZWFrcG9pbnRzLCBmb250cywgbXEsIGNvbG9ycywgc3BhY2luZyB9IGZyb20gXCJAbmRsYS9jb3JlXCI7XG5pbXBvcnQgeyBMYXVuY2ggfSBmcm9tIFwiQG5kbGEvaWNvbnMvY29tbW9uXCI7XG5pbXBvcnQgeyBJbWFnZSB9IGZyb20gXCJAbmRsYS9wcmltaXRpdmVzXCI7XG5pbXBvcnQgeyBTYWZlTGlua0J1dHRvbiB9IGZyb20gXCJAbmRsYS9zYWZlbGlua1wiO1xuXG5jb25zdCBSZXNvdXJjZUJveENvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgcGFkZGluZzogJHtzcGFjaW5nLm5zbWFsbH07XG4gIGJvcmRlci1yYWRpdXM6IDVweDtcbiAgYm9yZGVyOiAxcHggc29saWQgJHtjb2xvcnMuYnJhbmQubGlnaHR9O1xuICBmb250LWZhbWlseTogJHtmb250cy5zYW5zfTtcbiAgYm94LXNoYWRvdzogMHB4IDIwcHggMzVweCAtMTVweCByZ2JhKDMyLCA4OCwgMTQzLCAwLjE1KTtcbiAgZ2FwOiAke3NwYWNpbmcubWVkaXVtfTtcblxuICAke21xLnJhbmdlKHsgdW50aWw6IGJyZWFrcG9pbnRzLmRlc2t0b3AgfSl9IHtcbiAgICBnYXA6IDA7XG4gICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgICBwYWRkaW5nLXRvcDogJHtzcGFjaW5nLm1lZGl1bX07XG4gICAgdGV4dC1hbGlnbjogY2VudGVyO1xuICB9XG5gO1xuXG5jb25zdCBUaXRsZSA9IHN0eWxlZC5oM2BcbiAgZm9udC13ZWlnaHQ6ICR7Zm9udHMud2VpZ2h0LmJvbGR9O1xuICAke2ZvbnRzLnNpemVzKDE4KX07XG4gIG1hcmdpbi10b3A6IDA7XG5gO1xuXG5jb25zdCBDYXB0aW9uID0gc3R5bGVkLnBgXG4gICR7Zm9udHMuc2l6ZXMoMTQpfTtcbmA7XG5cbmNvbnN0IENvbnRlbnRXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgZmxleC1iYXNpczogMDtcbiAgZmxleC1ncm93OiAxO1xuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICBhbGlnbi1pdGVtczogZmxleC1zdGFydDtcbiAgJHttcS5yYW5nZSh7IHVudGlsOiBicmVha3BvaW50cy5kZXNrdG9wIH0pfSB7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICBwYWRkaW5nLXRvcDogJHtzcGFjaW5nLnNtYWxsfTtcbiAgfVxuYDtcblxuY29uc3QgU3R5bGVkSW1hZ2UgPSBzdHlsZWQoSW1hZ2UpYFxuICAmJiB7XG4gICAgb2JqZWN0LWZpdDogY292ZXI7XG4gICAgd2lkdGg6IDEzNHB4O1xuICAgIGhlaWdodDogMTM0cHg7XG4gICAgYm9yZGVyLXJhZGl1czogNXB4O1xuXG4gICAgJHttcS5yYW5nZSh7IHVudGlsOiBicmVha3BvaW50cy5kZXNrdG9wIH0pfSB7XG4gICAgICB3aWR0aDogMjAwcHg7XG4gICAgICBoZWlnaHQ6IDIwMHB4O1xuICAgIH1cbiAgfVxuYDtcblxuaW50ZXJmYWNlIEltYWdlTWV0YSB7XG4gIHNyYzogc3RyaW5nO1xuICBhbHQ6IHN0cmluZztcbn1cblxuaW50ZXJmYWNlIFByb3BzIHtcbiAgaW1hZ2U6IEltYWdlTWV0YTtcbiAgdGl0bGU6IHN0cmluZztcbiAgY2FwdGlvbjogc3RyaW5nO1xuICB1cmw6IHN0cmluZztcbiAgYnV0dG9uVGV4dDogc3RyaW5nO1xufVxuXG5leHBvcnQgY29uc3QgUmVzb3VyY2VCb3ggPSAoeyBpbWFnZSwgdGl0bGUsIGNhcHRpb24sIHVybCwgYnV0dG9uVGV4dCB9OiBQcm9wcykgPT4ge1xuICByZXR1cm4gKFxuICAgIDxSZXNvdXJjZUJveENvbnRhaW5lcj5cbiAgICAgIDxTdHlsZWRJbWFnZSBzcmM9e2ltYWdlLnNyY30gYWx0PXtpbWFnZS5hbHR9IC8+XG4gICAgICA8Q29udGVudFdyYXBwZXI+XG4gICAgICAgIDxUaXRsZT57dGl0bGV9PC9UaXRsZT5cbiAgICAgICAgPENhcHRpb24+e2NhcHRpb259PC9DYXB0aW9uPlxuICAgICAgICA8U2FmZUxpbmtCdXR0b24gdG89e3VybH0gdGFyZ2V0PVwiX2JsYW5rXCIgdmFyaWFudD1cInNlY29uZGFyeVwiPlxuICAgICAgICAgIHtidXR0b25UZXh0fVxuICAgICAgICAgIDxMYXVuY2ggYXJpYS1oaWRkZW4gLz5cbiAgICAgICAgPC9TYWZlTGlua0J1dHRvbj5cbiAgICAgIDwvQ29udGVudFdyYXBwZXI+XG4gICAgPC9SZXNvdXJjZUJveENvbnRhaW5lcj5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IFJlc291cmNlQm94O1xuIl19 */"));
-const Title = /*#__PURE__*/(0, _base.default)("h3", {
-  target: "e1byxq9a3",
-  label: "Title"
-})("font-weight:", _core.fonts.weight.bold, ";", _core.fonts.sizes(18), ";margin-top:0;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlJlc291cmNlQm94LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFnQ3VCIiwiZmlsZSI6IlJlc291cmNlQm94LnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogQ29weXJpZ2h0IChjKSAyMDIyLXByZXNlbnQsIE5ETEEuXG4gKlxuICogVGhpcyBzb3VyY2UgY29kZSBpcyBsaWNlbnNlZCB1bmRlciB0aGUgR1BMdjMgbGljZW5zZSBmb3VuZCBpbiB0aGVcbiAqIExJQ0VOU0UgZmlsZSBpbiB0aGUgcm9vdCBkaXJlY3Rvcnkgb2YgdGhpcyBzb3VyY2UgdHJlZS5cbiAqXG4gKi9cblxuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBicmVha3BvaW50cywgZm9udHMsIG1xLCBjb2xvcnMsIHNwYWNpbmcgfSBmcm9tIFwiQG5kbGEvY29yZVwiO1xuaW1wb3J0IHsgTGF1bmNoIH0gZnJvbSBcIkBuZGxhL2ljb25zL2NvbW1vblwiO1xuaW1wb3J0IHsgSW1hZ2UgfSBmcm9tIFwiQG5kbGEvcHJpbWl0aXZlc1wiO1xuaW1wb3J0IHsgU2FmZUxpbmtCdXR0b24gfSBmcm9tIFwiQG5kbGEvc2FmZWxpbmtcIjtcblxuY29uc3QgUmVzb3VyY2VCb3hDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIHBhZGRpbmc6ICR7c3BhY2luZy5uc21hbGx9O1xuICBib3JkZXItcmFkaXVzOiA1cHg7XG4gIGJvcmRlcjogMXB4IHNvbGlkICR7Y29sb3JzLmJyYW5kLmxpZ2h0fTtcbiAgZm9udC1mYW1pbHk6ICR7Zm9udHMuc2Fuc307XG4gIGJveC1zaGFkb3c6IDBweCAyMHB4IDM1cHggLTE1cHggcmdiYSgzMiwgODgsIDE0MywgMC4xNSk7XG4gIGdhcDogJHtzcGFjaW5nLm1lZGl1bX07XG5cbiAgJHttcS5yYW5nZSh7IHVudGlsOiBicmVha3BvaW50cy5kZXNrdG9wIH0pfSB7XG4gICAgZ2FwOiAwO1xuICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gICAgcGFkZGluZy10b3A6ICR7c3BhY2luZy5tZWRpdW19O1xuICAgIHRleHQtYWxpZ246IGNlbnRlcjtcbiAgfVxuYDtcblxuY29uc3QgVGl0bGUgPSBzdHlsZWQuaDNgXG4gIGZvbnQtd2VpZ2h0OiAke2ZvbnRzLndlaWdodC5ib2xkfTtcbiAgJHtmb250cy5zaXplcygxOCl9O1xuICBtYXJnaW4tdG9wOiAwO1xuYDtcblxuY29uc3QgQ2FwdGlvbiA9IHN0eWxlZC5wYFxuICAke2ZvbnRzLnNpemVzKDE0KX07XG5gO1xuXG5jb25zdCBDb250ZW50V3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIGZsZXgtYmFzaXM6IDA7XG4gIGZsZXgtZ3JvdzogMTtcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgYWxpZ24taXRlbXM6IGZsZXgtc3RhcnQ7XG4gICR7bXEucmFuZ2UoeyB1bnRpbDogYnJlYWtwb2ludHMuZGVza3RvcCB9KX0ge1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgcGFkZGluZy10b3A6ICR7c3BhY2luZy5zbWFsbH07XG4gIH1cbmA7XG5cbmNvbnN0IFN0eWxlZEltYWdlID0gc3R5bGVkKEltYWdlKWBcbiAgJiYge1xuICAgIG9iamVjdC1maXQ6IGNvdmVyO1xuICAgIHdpZHRoOiAxMzRweDtcbiAgICBoZWlnaHQ6IDEzNHB4O1xuICAgIGJvcmRlci1yYWRpdXM6IDVweDtcblxuICAgICR7bXEucmFuZ2UoeyB1bnRpbDogYnJlYWtwb2ludHMuZGVza3RvcCB9KX0ge1xuICAgICAgd2lkdGg6IDIwMHB4O1xuICAgICAgaGVpZ2h0OiAyMDBweDtcbiAgICB9XG4gIH1cbmA7XG5cbmludGVyZmFjZSBJbWFnZU1ldGEge1xuICBzcmM6IHN0cmluZztcbiAgYWx0OiBzdHJpbmc7XG59XG5cbmludGVyZmFjZSBQcm9wcyB7XG4gIGltYWdlOiBJbWFnZU1ldGE7XG4gIHRpdGxlOiBzdHJpbmc7XG4gIGNhcHRpb246IHN0cmluZztcbiAgdXJsOiBzdHJpbmc7XG4gIGJ1dHRvblRleHQ6IHN0cmluZztcbn1cblxuZXhwb3J0IGNvbnN0IFJlc291cmNlQm94ID0gKHsgaW1hZ2UsIHRpdGxlLCBjYXB0aW9uLCB1cmwsIGJ1dHRvblRleHQgfTogUHJvcHMpID0+IHtcbiAgcmV0dXJuIChcbiAgICA8UmVzb3VyY2VCb3hDb250YWluZXI+XG4gICAgICA8U3R5bGVkSW1hZ2Ugc3JjPXtpbWFnZS5zcmN9IGFsdD17aW1hZ2UuYWx0fSAvPlxuICAgICAgPENvbnRlbnRXcmFwcGVyPlxuICAgICAgICA8VGl0bGU+e3RpdGxlfTwvVGl0bGU+XG4gICAgICAgIDxDYXB0aW9uPntjYXB0aW9ufTwvQ2FwdGlvbj5cbiAgICAgICAgPFNhZmVMaW5rQnV0dG9uIHRvPXt1cmx9IHRhcmdldD1cIl9ibGFua1wiIHZhcmlhbnQ9XCJzZWNvbmRhcnlcIj5cbiAgICAgICAgICB7YnV0dG9uVGV4dH1cbiAgICAgICAgICA8TGF1bmNoIGFyaWEtaGlkZGVuIC8+XG4gICAgICAgIDwvU2FmZUxpbmtCdXR0b24+XG4gICAgICA8L0NvbnRlbnRXcmFwcGVyPlxuICAgIDwvUmVzb3VyY2VCb3hDb250YWluZXI+XG4gICk7XG59O1xuXG5leHBvcnQgZGVmYXVsdCBSZXNvdXJjZUJveDtcbiJdfQ== */"));
-const Caption = /*#__PURE__*/(0, _base.default)("p", {
-  target: "e1byxq9a2",
-  label: "Caption"
-})(_core.fonts.sizes(14), ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlJlc291cmNlQm94LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFzQ3dCIiwiZmlsZSI6IlJlc291cmNlQm94LnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogQ29weXJpZ2h0IChjKSAyMDIyLXByZXNlbnQsIE5ETEEuXG4gKlxuICogVGhpcyBzb3VyY2UgY29kZSBpcyBsaWNlbnNlZCB1bmRlciB0aGUgR1BMdjMgbGljZW5zZSBmb3VuZCBpbiB0aGVcbiAqIExJQ0VOU0UgZmlsZSBpbiB0aGUgcm9vdCBkaXJlY3Rvcnkgb2YgdGhpcyBzb3VyY2UgdHJlZS5cbiAqXG4gKi9cblxuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBicmVha3BvaW50cywgZm9udHMsIG1xLCBjb2xvcnMsIHNwYWNpbmcgfSBmcm9tIFwiQG5kbGEvY29yZVwiO1xuaW1wb3J0IHsgTGF1bmNoIH0gZnJvbSBcIkBuZGxhL2ljb25zL2NvbW1vblwiO1xuaW1wb3J0IHsgSW1hZ2UgfSBmcm9tIFwiQG5kbGEvcHJpbWl0aXZlc1wiO1xuaW1wb3J0IHsgU2FmZUxpbmtCdXR0b24gfSBmcm9tIFwiQG5kbGEvc2FmZWxpbmtcIjtcblxuY29uc3QgUmVzb3VyY2VCb3hDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIHBhZGRpbmc6ICR7c3BhY2luZy5uc21hbGx9O1xuICBib3JkZXItcmFkaXVzOiA1cHg7XG4gIGJvcmRlcjogMXB4IHNvbGlkICR7Y29sb3JzLmJyYW5kLmxpZ2h0fTtcbiAgZm9udC1mYW1pbHk6ICR7Zm9udHMuc2Fuc307XG4gIGJveC1zaGFkb3c6IDBweCAyMHB4IDM1cHggLTE1cHggcmdiYSgzMiwgODgsIDE0MywgMC4xNSk7XG4gIGdhcDogJHtzcGFjaW5nLm1lZGl1bX07XG5cbiAgJHttcS5yYW5nZSh7IHVudGlsOiBicmVha3BvaW50cy5kZXNrdG9wIH0pfSB7XG4gICAgZ2FwOiAwO1xuICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gICAgcGFkZGluZy10b3A6ICR7c3BhY2luZy5tZWRpdW19O1xuICAgIHRleHQtYWxpZ246IGNlbnRlcjtcbiAgfVxuYDtcblxuY29uc3QgVGl0bGUgPSBzdHlsZWQuaDNgXG4gIGZvbnQtd2VpZ2h0OiAke2ZvbnRzLndlaWdodC5ib2xkfTtcbiAgJHtmb250cy5zaXplcygxOCl9O1xuICBtYXJnaW4tdG9wOiAwO1xuYDtcblxuY29uc3QgQ2FwdGlvbiA9IHN0eWxlZC5wYFxuICAke2ZvbnRzLnNpemVzKDE0KX07XG5gO1xuXG5jb25zdCBDb250ZW50V3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIGZsZXgtYmFzaXM6IDA7XG4gIGZsZXgtZ3JvdzogMTtcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgYWxpZ24taXRlbXM6IGZsZXgtc3RhcnQ7XG4gICR7bXEucmFuZ2UoeyB1bnRpbDogYnJlYWtwb2ludHMuZGVza3RvcCB9KX0ge1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgcGFkZGluZy10b3A6ICR7c3BhY2luZy5zbWFsbH07XG4gIH1cbmA7XG5cbmNvbnN0IFN0eWxlZEltYWdlID0gc3R5bGVkKEltYWdlKWBcbiAgJiYge1xuICAgIG9iamVjdC1maXQ6IGNvdmVyO1xuICAgIHdpZHRoOiAxMzRweDtcbiAgICBoZWlnaHQ6IDEzNHB4O1xuICAgIGJvcmRlci1yYWRpdXM6IDVweDtcblxuICAgICR7bXEucmFuZ2UoeyB1bnRpbDogYnJlYWtwb2ludHMuZGVza3RvcCB9KX0ge1xuICAgICAgd2lkdGg6IDIwMHB4O1xuICAgICAgaGVpZ2h0OiAyMDBweDtcbiAgICB9XG4gIH1cbmA7XG5cbmludGVyZmFjZSBJbWFnZU1ldGEge1xuICBzcmM6IHN0cmluZztcbiAgYWx0OiBzdHJpbmc7XG59XG5cbmludGVyZmFjZSBQcm9wcyB7XG4gIGltYWdlOiBJbWFnZU1ldGE7XG4gIHRpdGxlOiBzdHJpbmc7XG4gIGNhcHRpb246IHN0cmluZztcbiAgdXJsOiBzdHJpbmc7XG4gIGJ1dHRvblRleHQ6IHN0cmluZztcbn1cblxuZXhwb3J0IGNvbnN0IFJlc291cmNlQm94ID0gKHsgaW1hZ2UsIHRpdGxlLCBjYXB0aW9uLCB1cmwsIGJ1dHRvblRleHQgfTogUHJvcHMpID0+IHtcbiAgcmV0dXJuIChcbiAgICA8UmVzb3VyY2VCb3hDb250YWluZXI+XG4gICAgICA8U3R5bGVkSW1hZ2Ugc3JjPXtpbWFnZS5zcmN9IGFsdD17aW1hZ2UuYWx0fSAvPlxuICAgICAgPENvbnRlbnRXcmFwcGVyPlxuICAgICAgICA8VGl0bGU+e3RpdGxlfTwvVGl0bGU+XG4gICAgICAgIDxDYXB0aW9uPntjYXB0aW9ufTwvQ2FwdGlvbj5cbiAgICAgICAgPFNhZmVMaW5rQnV0dG9uIHRvPXt1cmx9IHRhcmdldD1cIl9ibGFua1wiIHZhcmlhbnQ9XCJzZWNvbmRhcnlcIj5cbiAgICAgICAgICB7YnV0dG9uVGV4dH1cbiAgICAgICAgICA8TGF1bmNoIGFyaWEtaGlkZGVuIC8+XG4gICAgICAgIDwvU2FmZUxpbmtCdXR0b24+XG4gICAgICA8L0NvbnRlbnRXcmFwcGVyPlxuICAgIDwvUmVzb3VyY2VCb3hDb250YWluZXI+XG4gICk7XG59O1xuXG5leHBvcnQgZGVmYXVsdCBSZXNvdXJjZUJveDtcbiJdfQ== */"));
-const ContentWrapper = /*#__PURE__*/(0, _base.default)("div", {
-  target: "e1byxq9a1",
-  label: "ContentWrapper"
-})("flex-basis:0;flex-grow:1;display:flex;flex-direction:column;align-items:flex-start;", _core.mq.range({
-  until: _core.breakpoints.desktop
-}), "{align-items:center;padding-top:", _core.spacing.small, ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlJlc291cmNlQm94LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEwQ2lDIiwiZmlsZSI6IlJlc291cmNlQm94LnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogQ29weXJpZ2h0IChjKSAyMDIyLXByZXNlbnQsIE5ETEEuXG4gKlxuICogVGhpcyBzb3VyY2UgY29kZSBpcyBsaWNlbnNlZCB1bmRlciB0aGUgR1BMdjMgbGljZW5zZSBmb3VuZCBpbiB0aGVcbiAqIExJQ0VOU0UgZmlsZSBpbiB0aGUgcm9vdCBkaXJlY3Rvcnkgb2YgdGhpcyBzb3VyY2UgdHJlZS5cbiAqXG4gKi9cblxuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBicmVha3BvaW50cywgZm9udHMsIG1xLCBjb2xvcnMsIHNwYWNpbmcgfSBmcm9tIFwiQG5kbGEvY29yZVwiO1xuaW1wb3J0IHsgTGF1bmNoIH0gZnJvbSBcIkBuZGxhL2ljb25zL2NvbW1vblwiO1xuaW1wb3J0IHsgSW1hZ2UgfSBmcm9tIFwiQG5kbGEvcHJpbWl0aXZlc1wiO1xuaW1wb3J0IHsgU2FmZUxpbmtCdXR0b24gfSBmcm9tIFwiQG5kbGEvc2FmZWxpbmtcIjtcblxuY29uc3QgUmVzb3VyY2VCb3hDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIHBhZGRpbmc6ICR7c3BhY2luZy5uc21hbGx9O1xuICBib3JkZXItcmFkaXVzOiA1cHg7XG4gIGJvcmRlcjogMXB4IHNvbGlkICR7Y29sb3JzLmJyYW5kLmxpZ2h0fTtcbiAgZm9udC1mYW1pbHk6ICR7Zm9udHMuc2Fuc307XG4gIGJveC1zaGFkb3c6IDBweCAyMHB4IDM1cHggLTE1cHggcmdiYSgzMiwgODgsIDE0MywgMC4xNSk7XG4gIGdhcDogJHtzcGFjaW5nLm1lZGl1bX07XG5cbiAgJHttcS5yYW5nZSh7IHVudGlsOiBicmVha3BvaW50cy5kZXNrdG9wIH0pfSB7XG4gICAgZ2FwOiAwO1xuICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gICAgcGFkZGluZy10b3A6ICR7c3BhY2luZy5tZWRpdW19O1xuICAgIHRleHQtYWxpZ246IGNlbnRlcjtcbiAgfVxuYDtcblxuY29uc3QgVGl0bGUgPSBzdHlsZWQuaDNgXG4gIGZvbnQtd2VpZ2h0OiAke2ZvbnRzLndlaWdodC5ib2xkfTtcbiAgJHtmb250cy5zaXplcygxOCl9O1xuICBtYXJnaW4tdG9wOiAwO1xuYDtcblxuY29uc3QgQ2FwdGlvbiA9IHN0eWxlZC5wYFxuICAke2ZvbnRzLnNpemVzKDE0KX07XG5gO1xuXG5jb25zdCBDb250ZW50V3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIGZsZXgtYmFzaXM6IDA7XG4gIGZsZXgtZ3JvdzogMTtcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgYWxpZ24taXRlbXM6IGZsZXgtc3RhcnQ7XG4gICR7bXEucmFuZ2UoeyB1bnRpbDogYnJlYWtwb2ludHMuZGVza3RvcCB9KX0ge1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgcGFkZGluZy10b3A6ICR7c3BhY2luZy5zbWFsbH07XG4gIH1cbmA7XG5cbmNvbnN0IFN0eWxlZEltYWdlID0gc3R5bGVkKEltYWdlKWBcbiAgJiYge1xuICAgIG9iamVjdC1maXQ6IGNvdmVyO1xuICAgIHdpZHRoOiAxMzRweDtcbiAgICBoZWlnaHQ6IDEzNHB4O1xuICAgIGJvcmRlci1yYWRpdXM6IDVweDtcblxuICAgICR7bXEucmFuZ2UoeyB1bnRpbDogYnJlYWtwb2ludHMuZGVza3RvcCB9KX0ge1xuICAgICAgd2lkdGg6IDIwMHB4O1xuICAgICAgaGVpZ2h0OiAyMDBweDtcbiAgICB9XG4gIH1cbmA7XG5cbmludGVyZmFjZSBJbWFnZU1ldGEge1xuICBzcmM6IHN0cmluZztcbiAgYWx0OiBzdHJpbmc7XG59XG5cbmludGVyZmFjZSBQcm9wcyB7XG4gIGltYWdlOiBJbWFnZU1ldGE7XG4gIHRpdGxlOiBzdHJpbmc7XG4gIGNhcHRpb246IHN0cmluZztcbiAgdXJsOiBzdHJpbmc7XG4gIGJ1dHRvblRleHQ6IHN0cmluZztcbn1cblxuZXhwb3J0IGNvbnN0IFJlc291cmNlQm94ID0gKHsgaW1hZ2UsIHRpdGxlLCBjYXB0aW9uLCB1cmwsIGJ1dHRvblRleHQgfTogUHJvcHMpID0+IHtcbiAgcmV0dXJuIChcbiAgICA8UmVzb3VyY2VCb3hDb250YWluZXI+XG4gICAgICA8U3R5bGVkSW1hZ2Ugc3JjPXtpbWFnZS5zcmN9IGFsdD17aW1hZ2UuYWx0fSAvPlxuICAgICAgPENvbnRlbnRXcmFwcGVyPlxuICAgICAgICA8VGl0bGU+e3RpdGxlfTwvVGl0bGU+XG4gICAgICAgIDxDYXB0aW9uPntjYXB0aW9ufTwvQ2FwdGlvbj5cbiAgICAgICAgPFNhZmVMaW5rQnV0dG9uIHRvPXt1cmx9IHRhcmdldD1cIl9ibGFua1wiIHZhcmlhbnQ9XCJzZWNvbmRhcnlcIj5cbiAgICAgICAgICB7YnV0dG9uVGV4dH1cbiAgICAgICAgICA8TGF1bmNoIGFyaWEtaGlkZGVuIC8+XG4gICAgICAgIDwvU2FmZUxpbmtCdXR0b24+XG4gICAgICA8L0NvbnRlbnRXcmFwcGVyPlxuICAgIDwvUmVzb3VyY2VCb3hDb250YWluZXI+XG4gICk7XG59O1xuXG5leHBvcnQgZGVmYXVsdCBSZXNvdXJjZUJveDtcbiJdfQ== */"));
-const StyledImage = /*#__PURE__*/(0, _base.default)(_primitives.Image, {
-  target: "e1byxq9a0",
-  label: "StyledImage"
-})("&&{object-fit:cover;width:134px;height:134px;border-radius:5px;", _core.mq.range({
-  until: _core.breakpoints.desktop
-}), "{width:200px;height:200px;}}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlJlc291cmNlQm94LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFzRGlDIiwiZmlsZSI6IlJlc291cmNlQm94LnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogQ29weXJpZ2h0IChjKSAyMDIyLXByZXNlbnQsIE5ETEEuXG4gKlxuICogVGhpcyBzb3VyY2UgY29kZSBpcyBsaWNlbnNlZCB1bmRlciB0aGUgR1BMdjMgbGljZW5zZSBmb3VuZCBpbiB0aGVcbiAqIExJQ0VOU0UgZmlsZSBpbiB0aGUgcm9vdCBkaXJlY3Rvcnkgb2YgdGhpcyBzb3VyY2UgdHJlZS5cbiAqXG4gKi9cblxuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBicmVha3BvaW50cywgZm9udHMsIG1xLCBjb2xvcnMsIHNwYWNpbmcgfSBmcm9tIFwiQG5kbGEvY29yZVwiO1xuaW1wb3J0IHsgTGF1bmNoIH0gZnJvbSBcIkBuZGxhL2ljb25zL2NvbW1vblwiO1xuaW1wb3J0IHsgSW1hZ2UgfSBmcm9tIFwiQG5kbGEvcHJpbWl0aXZlc1wiO1xuaW1wb3J0IHsgU2FmZUxpbmtCdXR0b24gfSBmcm9tIFwiQG5kbGEvc2FmZWxpbmtcIjtcblxuY29uc3QgUmVzb3VyY2VCb3hDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIHBhZGRpbmc6ICR7c3BhY2luZy5uc21hbGx9O1xuICBib3JkZXItcmFkaXVzOiA1cHg7XG4gIGJvcmRlcjogMXB4IHNvbGlkICR7Y29sb3JzLmJyYW5kLmxpZ2h0fTtcbiAgZm9udC1mYW1pbHk6ICR7Zm9udHMuc2Fuc307XG4gIGJveC1zaGFkb3c6IDBweCAyMHB4IDM1cHggLTE1cHggcmdiYSgzMiwgODgsIDE0MywgMC4xNSk7XG4gIGdhcDogJHtzcGFjaW5nLm1lZGl1bX07XG5cbiAgJHttcS5yYW5nZSh7IHVudGlsOiBicmVha3BvaW50cy5kZXNrdG9wIH0pfSB7XG4gICAgZ2FwOiAwO1xuICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gICAgcGFkZGluZy10b3A6ICR7c3BhY2luZy5tZWRpdW19O1xuICAgIHRleHQtYWxpZ246IGNlbnRlcjtcbiAgfVxuYDtcblxuY29uc3QgVGl0bGUgPSBzdHlsZWQuaDNgXG4gIGZvbnQtd2VpZ2h0OiAke2ZvbnRzLndlaWdodC5ib2xkfTtcbiAgJHtmb250cy5zaXplcygxOCl9O1xuICBtYXJnaW4tdG9wOiAwO1xuYDtcblxuY29uc3QgQ2FwdGlvbiA9IHN0eWxlZC5wYFxuICAke2ZvbnRzLnNpemVzKDE0KX07XG5gO1xuXG5jb25zdCBDb250ZW50V3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIGZsZXgtYmFzaXM6IDA7XG4gIGZsZXgtZ3JvdzogMTtcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgYWxpZ24taXRlbXM6IGZsZXgtc3RhcnQ7XG4gICR7bXEucmFuZ2UoeyB1bnRpbDogYnJlYWtwb2ludHMuZGVza3RvcCB9KX0ge1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgcGFkZGluZy10b3A6ICR7c3BhY2luZy5zbWFsbH07XG4gIH1cbmA7XG5cbmNvbnN0IFN0eWxlZEltYWdlID0gc3R5bGVkKEltYWdlKWBcbiAgJiYge1xuICAgIG9iamVjdC1maXQ6IGNvdmVyO1xuICAgIHdpZHRoOiAxMzRweDtcbiAgICBoZWlnaHQ6IDEzNHB4O1xuICAgIGJvcmRlci1yYWRpdXM6IDVweDtcblxuICAgICR7bXEucmFuZ2UoeyB1bnRpbDogYnJlYWtwb2ludHMuZGVza3RvcCB9KX0ge1xuICAgICAgd2lkdGg6IDIwMHB4O1xuICAgICAgaGVpZ2h0OiAyMDBweDtcbiAgICB9XG4gIH1cbmA7XG5cbmludGVyZmFjZSBJbWFnZU1ldGEge1xuICBzcmM6IHN0cmluZztcbiAgYWx0OiBzdHJpbmc7XG59XG5cbmludGVyZmFjZSBQcm9wcyB7XG4gIGltYWdlOiBJbWFnZU1ldGE7XG4gIHRpdGxlOiBzdHJpbmc7XG4gIGNhcHRpb246IHN0cmluZztcbiAgdXJsOiBzdHJpbmc7XG4gIGJ1dHRvblRleHQ6IHN0cmluZztcbn1cblxuZXhwb3J0IGNvbnN0IFJlc291cmNlQm94ID0gKHsgaW1hZ2UsIHRpdGxlLCBjYXB0aW9uLCB1cmwsIGJ1dHRvblRleHQgfTogUHJvcHMpID0+IHtcbiAgcmV0dXJuIChcbiAgICA8UmVzb3VyY2VCb3hDb250YWluZXI+XG4gICAgICA8U3R5bGVkSW1hZ2Ugc3JjPXtpbWFnZS5zcmN9IGFsdD17aW1hZ2UuYWx0fSAvPlxuICAgICAgPENvbnRlbnRXcmFwcGVyPlxuICAgICAgICA8VGl0bGU+e3RpdGxlfTwvVGl0bGU+XG4gICAgICAgIDxDYXB0aW9uPntjYXB0aW9ufTwvQ2FwdGlvbj5cbiAgICAgICAgPFNhZmVMaW5rQnV0dG9uIHRvPXt1cmx9IHRhcmdldD1cIl9ibGFua1wiIHZhcmlhbnQ9XCJzZWNvbmRhcnlcIj5cbiAgICAgICAgICB7YnV0dG9uVGV4dH1cbiAgICAgICAgICA8TGF1bmNoIGFyaWEtaGlkZGVuIC8+XG4gICAgICAgIDwvU2FmZUxpbmtCdXR0b24+XG4gICAgICA8L0NvbnRlbnRXcmFwcGVyPlxuICAgIDwvUmVzb3VyY2VCb3hDb250YWluZXI+XG4gICk7XG59O1xuXG5leHBvcnQgZGVmYXVsdCBSZXNvdXJjZUJveDtcbiJdfQ== */"));
+const Container = (0, _jsx2.styled)("div", {
+  base: {
+    display: "flex",
+    padding: "medium",
+    borderRadius: "xsmall",
+    border: "1px solid",
+    borderColor: "stroke.default",
+    boxShadow: "full",
+    gap: "medium",
+    tabletWideDown: {
+      padding: "xsmall"
+    },
+    tabletDown: {
+      flexDirection: "column",
+      gap: "0",
+      padding: "0"
+    }
+  }
+});
+const ContentWrapper = (0, _jsx2.styled)("div", {
+  base: {
+    display: "flex",
+    flexDirection: "column",
+    alignItems: "flex-start",
+    gap: "xsmall",
+    flex: "1",
+    tabletDown: {
+      padding: "xsmall"
+    }
+  }
+});
+const StyledImage = (0, _jsx2.styled)(_primitives.Image, {
+  base: {
+    objectFit: "cover",
+    borderRadius: "xsmall",
+    width: "fit-content",
+    aspectRatio: "1/1",
+    tabletDown: {
+      width: "100%",
+      borderRadius: "0"
+    }
+  }
+});
+const StyledText = (0, _jsx2.styled)(_primitives.Text, {
+  base: {
+    flex: "1"
+  }
+});
 const ResourceBox = _ref => {
   let {
     image,
@@ -53,22 +74,28 @@ const ResourceBox = _ref => {
     url,
     buttonText
   } = _ref;
-  return (0, _jsxRuntime.jsxs)(ResourceBoxContainer, {
+  return (0, _jsxRuntime.jsxs)(Container, {
     children: [(0, _jsxRuntime.jsx)(StyledImage, {
       src: image.src,
-      alt: image.alt
+      alt: image.alt,
+      sizes: `(min-width: ${(0, _tokens.token)("breakpoints.desktop")}) 150px, (max-width: ${(0, _tokens.token)("breakpoints.tablet")} ) 400px, 200px`
     }), (0, _jsxRuntime.jsxs)(ContentWrapper, {
-      children: [(0, _jsxRuntime.jsx)(Title, {
-        children: title
-      }), (0, _jsxRuntime.jsx)(Caption, {
+      children: [(0, _jsxRuntime.jsx)(_primitives.Heading, {
+        textStyle: "label.large",
+        fontWeight: "bold",
+        asChild: true,
+        consumeCss: true,
+        children: (0, _jsxRuntime.jsx)("h3", {
+          children: title
+        })
+      }), (0, _jsxRuntime.jsx)(StyledText, {
+        textStyle: "body.medium",
         children: caption
       }), (0, _jsxRuntime.jsxs)(_safelink.SafeLinkButton, {
         to: url,
         target: "_blank",
         variant: "secondary",
-        children: [buttonText, (0, _jsxRuntime.jsx)(_common.Launch, {
-          "aria-hidden": true
-        })]
+        children: [buttonText, (0, _jsxRuntime.jsx)(_common.Launch, {})]
       })]
     })]
   });

package/lib/TagSelector/TagSelector.d.ts

@@ -1,18 +1,33 @@
 /**
- * Copyright (c) 2022-present, NDLA.
+ * Copyright (c) 2024-present, NDLA.
  *
  * This source code is licensed under the GPLv3 license found in the
  * LICENSE file in the root directory of this source tree.
  *
  */
-interface Props {
-    label: string;
-    tags: string[];
-    selected: string[];
-    onChange: (tags: string[]) => void;
-    onCreateTag: (name: string) => void;
-    className?: string;
-    labelHidden?: boolean;
-}
-declare const TagSelector: ({ selected: _selected, tags: _tags, onChange, onCreateTag, className, label, labelHidden, }: Props) => import("react/jsx-runtime").JSX.Element;
-export default TagSelector;
+/// <reference types="react" />
+import type { ComboboxCollectionItem } from "@ark-ui/react";
+import { ComboboxControlProps, ComboboxInputProps, ComboboxRootProps, TagsInputControlProps, TagsInputInputProps, TagsInputRootProps } from "@ndla/primitives";
+export type TagSelectorRootProps<T extends ComboboxCollectionItem> = ComboboxRootProps<T> & TagsInputRootProps;
+export declare const TagSelectorRoot: <T extends ComboboxCollectionItem>({ allowCustomValue, multiple, selectionBehavior, editable, addOnPaste, onValueChange, children, value, translations, ...rest }: TagSelectorRootProps<T>) => import("react/jsx-runtime").JSX.Element;
+export type TagSelectorControlProps = ComboboxControlProps & TagsInputControlProps;
+export declare const TagSelectorLabel: ({ textStyle, fontWeight, ...props }: import("@ndla/primitives").ComboboxLabelProps) => import("react/jsx-runtime").JSX.Element;
+export declare const TagSelectorItemInput: import("react").ForwardRefExoticComponent<import("@ark-ui/react").TagsInputItemInputProps & {
+    consumeCss?: boolean | undefined;
+} & import("@ndla/styled-system/types").WithCss & import("react").RefAttributes<HTMLInputElement>>;
+export declare const TagSelectorTrigger: import("react").ForwardRefExoticComponent<import("@ark-ui/react").ComboboxTriggerProps & {
+    consumeCss?: boolean | undefined;
+} & import("@ndla/styled-system/types").WithCss & import("react").RefAttributes<HTMLButtonElement>>;
+export declare const TagSelectorControl: import("react").ForwardRefExoticComponent<import("@ark-ui/react").ComboboxControlProps & {
+    consumeCss?: boolean | undefined;
+} & import("@ndla/styled-system/types").WithCss & import("@ark-ui/react").TagsInputControlProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare const TagSelectorClearTrigger: import("react").ForwardRefExoticComponent<import("@ark-ui/react").ComboboxClearTriggerProps & {
+    consumeCss?: boolean | undefined;
+} & import("@ndla/styled-system/types").WithCss & import("react").RefAttributes<HTMLButtonElement>>;
+export type TagSelectorInputProps = ComboboxInputProps & TagsInputInputProps;
+export declare const TagSelectorInputBase: import("react").ForwardRefExoticComponent<import("@ark-ui/react").ComboboxInputProps & {
+    consumeCss?: boolean | undefined;
+} & import("@ndla/styled-system/types").WithCss & import("@ark-ui/react").TagsInputInputProps & import("react").RefAttributes<HTMLInputElement>>;
+export declare const TagSelectorInput: import("react").ForwardRefExoticComponent<import("@ark-ui/react").ComboboxInputProps & {
+    consumeCss?: boolean | undefined;
+} & import("@ndla/styled-system/types").WithCss & import("@ark-ui/react").TagsInputInputProps & import("react").RefAttributes<HTMLInputElement>>;