@ndla/ui 44.0.19 → 44.0.20

package/lib/KeyFigure/KeyFigure.js

@@ -18,17 +18,19 @@ function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringif
 var ContentWrapper = /*#__PURE__*/(0, _base.default)("div", {
   target: "e14we9tj3",
   label: "ContentWrapper"
-})("display:flex;flex-direction:column;justify-content:center;align-items:center;padding:", _core.spacing.small, ";align-items:center;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIktleUZpZ3VyZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBV2lDIiwiZmlsZSI6IktleUZpZ3VyZS50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKlxuICogQ29weXJpZ2h0IChjKSAyMDIzLXByZXNlbnQsIE5ETEEuXG4gKlxuICogVGhpcyBzb3VyY2UgY29kZSBpcyBsaWNlbnNlZCB1bmRlciB0aGUgR1BMdjMgbGljZW5zZSBmb3VuZCBpbiB0aGVcbiAqIExJQ0VOU0UgZmlsZSBpbiB0aGUgcm9vdCBkaXJlY3Rvcnkgb2YgdGhpcyBzb3VyY2UgdHJlZS5cbiAqXG4gKi9cblxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgYnJlYWtwb2ludHMsIGNvbG9ycywgZm9udHMsIG1xLCBzcGFjaW5nIH0gZnJvbSAnQG5kbGEvY29yZSc7XG5cbmNvbnN0IENvbnRlbnRXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIHBhZGRpbmc6ICR7c3BhY2luZy5zbWFsbH07XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5gO1xuXG5jb25zdCBTdHlsZWRJbWFnZSA9IHN0eWxlZC5pbWdgXG4gIHdpZHRoOiAxMDAlO1xuYDtcblxuY29uc3QgVGl0bGVXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgY29sb3I6ICR7Y29sb3JzLnRleHQucHJpbWFyeX07XG4gIGZvbnQtZmFtaWx5OiAke2ZvbnRzLnNhbnN9O1xuICBmb250LXdlaWdodDogJHtmb250cy53ZWlnaHQuYm9sZH07XG4gIG92ZXJmbG93LXdyYXA6IGJyZWFrLXdvcmQ7XG4gICR7Zm9udHMuc2l6ZXMoJzM4cHgnLCAnNDhweCcpfTtcbiAgdGV4dC1hbGlnbjogY2VudGVyO1xuXG4gICR7bXEucmFuZ2UoeyB1bnRpbDogYnJlYWtwb2ludHMudGFibGV0V2lkZSB9KX0ge1xuICAgICR7Zm9udHMuc2l6ZXMoJzMwcHgnLCAnMzZweCcpfTtcbiAgfVxuYDtcblxuY29uc3QgU3ViVGl0bGVXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgb3ZlcmZsb3ctd3JhcDogJ2JyZWFrLXdvcmQnO1xuICB0ZXh0LWFsaWduOiBjZW50ZXI7XG4gICR7Zm9udHMuc2l6ZXMoJzE4cHgnLCAnMjlweCcpfTtcbiAgY29sb3I6ICR7Y29sb3JzLnRleHQucHJpbWFyeX07XG4gIGZvbnQtd2VpZ2h0OiAke2ZvbnRzLndlaWdodC5ub3JtYWx9O1xuICBmb250LWZhbWlseTogJHtmb250cy5zYW5zfTtcblxuICAke21xLnJhbmdlKHsgdW50aWw6IGJyZWFrcG9pbnRzLnRhYmxldFdpZGUgfSl9IHtcbiAgICBwYWRkaW5nLXRvcDogJHtzcGFjaW5nLnh4c21hbGx9O1xuICB9XG5gO1xuXG5pbnRlcmZhY2UgUHJvcHMge1xuICBpbWFnZT86IHtcbiAgICBzcmM/OiBzdHJpbmc7XG4gICAgYWx0Pzogc3RyaW5nO1xuICB9O1xuICB0aXRsZTogc3RyaW5nO1xuICBzdWJ0aXRsZTogc3RyaW5nO1xufVxuXG5jb25zdCBLZXlGaWd1cmUgPSAoeyBpbWFnZSwgdGl0bGUsIHN1YnRpdGxlIH06IFByb3BzKSA9PiB7XG4gIHJldHVybiAoXG4gICAgPENvbnRlbnRXcmFwcGVyPlxuICAgICAgPFN0eWxlZEltYWdlIHNyYz17aW1hZ2U/LnNyY30gd2lkdGg9ezI1MH0gaGVpZ2h0PXsyMDB9IGFsdD17aW1hZ2U/LmFsdH0gLz5cbiAgICAgIDxUaXRsZVdyYXBwZXI+e3RpdGxlfTwvVGl0bGVXcmFwcGVyPlxuICAgICAgPFN1YlRpdGxlV3JhcHBlcj57c3VidGl0bGV9PC9TdWJUaXRsZVdyYXBwZXI+XG4gICAgPC9Db250ZW50V3JhcHBlcj5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IEtleUZpZ3VyZTtcbiJdfQ== */"));
+})("display:flex;flex-direction:column;justify-content:center;align-items:center;padding:", _core.spacing.small, ";align-items:center;", _core.mq.range({
+  from: _core.breakpoints.tabletWide
+}), "{padding:", _core.spacing.medium, " ", _core.spacing.large, ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIktleUZpZ3VyZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBV2lDIiwiZmlsZSI6IktleUZpZ3VyZS50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKlxuICogQ29weXJpZ2h0IChjKSAyMDIzLXByZXNlbnQsIE5ETEEuXG4gKlxuICogVGhpcyBzb3VyY2UgY29kZSBpcyBsaWNlbnNlZCB1bmRlciB0aGUgR1BMdjMgbGljZW5zZSBmb3VuZCBpbiB0aGVcbiAqIExJQ0VOU0UgZmlsZSBpbiB0aGUgcm9vdCBkaXJlY3Rvcnkgb2YgdGhpcyBzb3VyY2UgdHJlZS5cbiAqXG4gKi9cblxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgYnJlYWtwb2ludHMsIGNvbG9ycywgZm9udHMsIG1xLCBzcGFjaW5nIH0gZnJvbSAnQG5kbGEvY29yZSc7XG5cbmNvbnN0IENvbnRlbnRXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIHBhZGRpbmc6ICR7c3BhY2luZy5zbWFsbH07XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy50YWJsZXRXaWRlIH0pfSB7XG4gICAgcGFkZGluZzogJHtzcGFjaW5nLm1lZGl1bX0gJHtzcGFjaW5nLmxhcmdlfTtcbiAgfVxuYDtcblxuY29uc3QgU3R5bGVkSW1hZ2UgPSBzdHlsZWQuaW1nYFxuICBoZWlnaHQ6IDE1MHB4O1xuICB3aWR0aDogMTUwcHg7XG5gO1xuXG5jb25zdCBUaXRsZVdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBjb2xvcjogJHtjb2xvcnMudGV4dC5wcmltYXJ5fTtcbiAgZm9udC1mYW1pbHk6ICR7Zm9udHMuc2Fuc307XG4gIGZvbnQtd2VpZ2h0OiAke2ZvbnRzLndlaWdodC5ib2xkfTtcbiAgb3ZlcmZsb3ctd3JhcDogYnJlYWstd29yZDtcbiAgJHtmb250cy5zaXplcygnMzhweCcsICc0OHB4Jyl9O1xuICB0ZXh0LWFsaWduOiBjZW50ZXI7XG5cbiAgJHttcS5yYW5nZSh7IHVudGlsOiBicmVha3BvaW50cy50YWJsZXRXaWRlIH0pfSB7XG4gICAgJHtmb250cy5zaXplcygnMzBweCcsICczNnB4Jyl9O1xuICB9XG5gO1xuXG5jb25zdCBTdWJUaXRsZVdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBvdmVyZmxvdy13cmFwOiAnYnJlYWstd29yZCc7XG4gIHRleHQtYWxpZ246IGNlbnRlcjtcbiAgJHtmb250cy5zaXplcygnMThweCcsICcyOXB4Jyl9O1xuICBjb2xvcjogJHtjb2xvcnMudGV4dC5wcmltYXJ5fTtcbiAgZm9udC13ZWlnaHQ6ICR7Zm9udHMud2VpZ2h0Lm5vcm1hbH07XG4gIGZvbnQtZmFtaWx5OiAke2ZvbnRzLnNhbnN9O1xuXG4gICR7bXEucmFuZ2UoeyB1bnRpbDogYnJlYWtwb2ludHMudGFibGV0V2lkZSB9KX0ge1xuICAgIHBhZGRpbmctdG9wOiAke3NwYWNpbmcueHhzbWFsbH07XG4gIH1cbmA7XG5cbmludGVyZmFjZSBQcm9wcyB7XG4gIGltYWdlPzoge1xuICAgIHNyYz86IHN0cmluZztcbiAgICBhbHQ/OiBzdHJpbmc7XG4gIH07XG4gIHRpdGxlOiBzdHJpbmc7XG4gIHN1YnRpdGxlOiBzdHJpbmc7XG59XG5cbmNvbnN0IEtleUZpZ3VyZSA9ICh7IGltYWdlLCB0aXRsZSwgc3VidGl0bGUgfTogUHJvcHMpID0+IHtcbiAgcmV0dXJuIChcbiAgICA8Q29udGVudFdyYXBwZXI+XG4gICAgICA8U3R5bGVkSW1hZ2Ugc3JjPXtpbWFnZT8uc3JjfSB3aWR0aD17MTUwfSBoZWlnaHQ9ezE1MH0gYWx0PXtpbWFnZT8uYWx0fSAvPlxuICAgICAgPFRpdGxlV3JhcHBlcj57dGl0bGV9PC9UaXRsZVdyYXBwZXI+XG4gICAgICA8U3ViVGl0bGVXcmFwcGVyPntzdWJ0aXRsZX08L1N1YlRpdGxlV3JhcHBlcj5cbiAgICA8L0NvbnRlbnRXcmFwcGVyPlxuICApO1xufTtcblxuZXhwb3J0IGRlZmF1bHQgS2V5RmlndXJlO1xuIl19 */"));
 var StyledImage = /*#__PURE__*/(0, _base.default)("img", {
   target: "e14we9tj2",
   label: "StyledImage"
 })(process.env.NODE_ENV === "production" ? {
-  name: "1d3w5wq",
-  styles: "width:100%"
+  name: "1oc9zrw",
+  styles: "height:150px;width:150px"
 } : {
-  name: "1d3w5wq",
-  styles: "width:100%",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIktleUZpZ3VyZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBb0I4QiIsImZpbGUiOiJLZXlGaWd1cmUudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLypcbiAqIENvcHlyaWdodCAoYykgMjAyMy1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGJyZWFrcG9pbnRzLCBjb2xvcnMsIGZvbnRzLCBtcSwgc3BhY2luZyB9IGZyb20gJ0BuZGxhL2NvcmUnO1xuXG5jb25zdCBDb250ZW50V3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBwYWRkaW5nOiAke3NwYWNpbmcuc21hbGx9O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuYDtcblxuY29uc3QgU3R5bGVkSW1hZ2UgPSBzdHlsZWQuaW1nYFxuICB3aWR0aDogMTAwJTtcbmA7XG5cbmNvbnN0IFRpdGxlV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIGNvbG9yOiAke2NvbG9ycy50ZXh0LnByaW1hcnl9O1xuICBmb250LWZhbWlseTogJHtmb250cy5zYW5zfTtcbiAgZm9udC13ZWlnaHQ6ICR7Zm9udHMud2VpZ2h0LmJvbGR9O1xuICBvdmVyZmxvdy13cmFwOiBicmVhay13b3JkO1xuICAke2ZvbnRzLnNpemVzKCczOHB4JywgJzQ4cHgnKX07XG4gIHRleHQtYWxpZ246IGNlbnRlcjtcblxuICAke21xLnJhbmdlKHsgdW50aWw6IGJyZWFrcG9pbnRzLnRhYmxldFdpZGUgfSl9IHtcbiAgICAke2ZvbnRzLnNpemVzKCczMHB4JywgJzM2cHgnKX07XG4gIH1cbmA7XG5cbmNvbnN0IFN1YlRpdGxlV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIG92ZXJmbG93LXdyYXA6ICdicmVhay13b3JkJztcbiAgdGV4dC1hbGlnbjogY2VudGVyO1xuICAke2ZvbnRzLnNpemVzKCcxOHB4JywgJzI5cHgnKX07XG4gIGNvbG9yOiAke2NvbG9ycy50ZXh0LnByaW1hcnl9O1xuICBmb250LXdlaWdodDogJHtmb250cy53ZWlnaHQubm9ybWFsfTtcbiAgZm9udC1mYW1pbHk6ICR7Zm9udHMuc2Fuc307XG5cbiAgJHttcS5yYW5nZSh7IHVudGlsOiBicmVha3BvaW50cy50YWJsZXRXaWRlIH0pfSB7XG4gICAgcGFkZGluZy10b3A6ICR7c3BhY2luZy54eHNtYWxsfTtcbiAgfVxuYDtcblxuaW50ZXJmYWNlIFByb3BzIHtcbiAgaW1hZ2U/OiB7XG4gICAgc3JjPzogc3RyaW5nO1xuICAgIGFsdD86IHN0cmluZztcbiAgfTtcbiAgdGl0bGU6IHN0cmluZztcbiAgc3VidGl0bGU6IHN0cmluZztcbn1cblxuY29uc3QgS2V5RmlndXJlID0gKHsgaW1hZ2UsIHRpdGxlLCBzdWJ0aXRsZSB9OiBQcm9wcykgPT4ge1xuICByZXR1cm4gKFxuICAgIDxDb250ZW50V3JhcHBlcj5cbiAgICAgIDxTdHlsZWRJbWFnZSBzcmM9e2ltYWdlPy5zcmN9IHdpZHRoPXsyNTB9IGhlaWdodD17MjAwfSBhbHQ9e2ltYWdlPy5hbHR9IC8+XG4gICAgICA8VGl0bGVXcmFwcGVyPnt0aXRsZX08L1RpdGxlV3JhcHBlcj5cbiAgICAgIDxTdWJUaXRsZVdyYXBwZXI+e3N1YnRpdGxlfTwvU3ViVGl0bGVXcmFwcGVyPlxuICAgIDwvQ29udGVudFdyYXBwZXI+XG4gICk7XG59O1xuXG5leHBvcnQgZGVmYXVsdCBLZXlGaWd1cmU7XG4iXX0= */",
+  name: "1oc9zrw",
+  styles: "height:150px;width:150px",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIktleUZpZ3VyZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBdUI4QiIsImZpbGUiOiJLZXlGaWd1cmUudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLypcbiAqIENvcHlyaWdodCAoYykgMjAyMy1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGJyZWFrcG9pbnRzLCBjb2xvcnMsIGZvbnRzLCBtcSwgc3BhY2luZyB9IGZyb20gJ0BuZGxhL2NvcmUnO1xuXG5jb25zdCBDb250ZW50V3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBwYWRkaW5nOiAke3NwYWNpbmcuc21hbGx9O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMudGFibGV0V2lkZSB9KX0ge1xuICAgIHBhZGRpbmc6ICR7c3BhY2luZy5tZWRpdW19ICR7c3BhY2luZy5sYXJnZX07XG4gIH1cbmA7XG5cbmNvbnN0IFN0eWxlZEltYWdlID0gc3R5bGVkLmltZ2BcbiAgaGVpZ2h0OiAxNTBweDtcbiAgd2lkdGg6IDE1MHB4O1xuYDtcblxuY29uc3QgVGl0bGVXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgY29sb3I6ICR7Y29sb3JzLnRleHQucHJpbWFyeX07XG4gIGZvbnQtZmFtaWx5OiAke2ZvbnRzLnNhbnN9O1xuICBmb250LXdlaWdodDogJHtmb250cy53ZWlnaHQuYm9sZH07XG4gIG92ZXJmbG93LXdyYXA6IGJyZWFrLXdvcmQ7XG4gICR7Zm9udHMuc2l6ZXMoJzM4cHgnLCAnNDhweCcpfTtcbiAgdGV4dC1hbGlnbjogY2VudGVyO1xuXG4gICR7bXEucmFuZ2UoeyB1bnRpbDogYnJlYWtwb2ludHMudGFibGV0V2lkZSB9KX0ge1xuICAgICR7Zm9udHMuc2l6ZXMoJzMwcHgnLCAnMzZweCcpfTtcbiAgfVxuYDtcblxuY29uc3QgU3ViVGl0bGVXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgb3ZlcmZsb3ctd3JhcDogJ2JyZWFrLXdvcmQnO1xuICB0ZXh0LWFsaWduOiBjZW50ZXI7XG4gICR7Zm9udHMuc2l6ZXMoJzE4cHgnLCAnMjlweCcpfTtcbiAgY29sb3I6ICR7Y29sb3JzLnRleHQucHJpbWFyeX07XG4gIGZvbnQtd2VpZ2h0OiAke2ZvbnRzLndlaWdodC5ub3JtYWx9O1xuICBmb250LWZhbWlseTogJHtmb250cy5zYW5zfTtcblxuICAke21xLnJhbmdlKHsgdW50aWw6IGJyZWFrcG9pbnRzLnRhYmxldFdpZGUgfSl9IHtcbiAgICBwYWRkaW5nLXRvcDogJHtzcGFjaW5nLnh4c21hbGx9O1xuICB9XG5gO1xuXG5pbnRlcmZhY2UgUHJvcHMge1xuICBpbWFnZT86IHtcbiAgICBzcmM/OiBzdHJpbmc7XG4gICAgYWx0Pzogc3RyaW5nO1xuICB9O1xuICB0aXRsZTogc3RyaW5nO1xuICBzdWJ0aXRsZTogc3RyaW5nO1xufVxuXG5jb25zdCBLZXlGaWd1cmUgPSAoeyBpbWFnZSwgdGl0bGUsIHN1YnRpdGxlIH06IFByb3BzKSA9PiB7XG4gIHJldHVybiAoXG4gICAgPENvbnRlbnRXcmFwcGVyPlxuICAgICAgPFN0eWxlZEltYWdlIHNyYz17aW1hZ2U/LnNyY30gd2lkdGg9ezE1MH0gaGVpZ2h0PXsxNTB9IGFsdD17aW1hZ2U/LmFsdH0gLz5cbiAgICAgIDxUaXRsZVdyYXBwZXI+e3RpdGxlfTwvVGl0bGVXcmFwcGVyPlxuICAgICAgPFN1YlRpdGxlV3JhcHBlcj57c3VidGl0bGV9PC9TdWJUaXRsZVdyYXBwZXI+XG4gICAgPC9Db250ZW50V3JhcHBlcj5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IEtleUZpZ3VyZTtcbiJdfQ== */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
 var TitleWrapper = /*#__PURE__*/(0, _base.default)("div", {
@@ -36,13 +38,13 @@ var TitleWrapper = /*#__PURE__*/(0, _base.default)("div", {
   label: "TitleWrapper"
 })("color:", _core.colors.text.primary, ";font-family:", _core.fonts.sans, ";font-weight:", _core.fonts.weight.bold, ";overflow-wrap:break-word;", _core.fonts.sizes('38px', '48px'), ";text-align:center;", _core.mq.range({
   until: _core.breakpoints.tabletWide
-}), "{", _core.fonts.sizes('30px', '36px'), ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIktleUZpZ3VyZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBd0IrQiIsImZpbGUiOiJLZXlGaWd1cmUudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLypcbiAqIENvcHlyaWdodCAoYykgMjAyMy1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGJyZWFrcG9pbnRzLCBjb2xvcnMsIGZvbnRzLCBtcSwgc3BhY2luZyB9IGZyb20gJ0BuZGxhL2NvcmUnO1xuXG5jb25zdCBDb250ZW50V3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBwYWRkaW5nOiAke3NwYWNpbmcuc21hbGx9O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuYDtcblxuY29uc3QgU3R5bGVkSW1hZ2UgPSBzdHlsZWQuaW1nYFxuICB3aWR0aDogMTAwJTtcbmA7XG5cbmNvbnN0IFRpdGxlV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIGNvbG9yOiAke2NvbG9ycy50ZXh0LnByaW1hcnl9O1xuICBmb250LWZhbWlseTogJHtmb250cy5zYW5zfTtcbiAgZm9udC13ZWlnaHQ6ICR7Zm9udHMud2VpZ2h0LmJvbGR9O1xuICBvdmVyZmxvdy13cmFwOiBicmVhay13b3JkO1xuICAke2ZvbnRzLnNpemVzKCczOHB4JywgJzQ4cHgnKX07XG4gIHRleHQtYWxpZ246IGNlbnRlcjtcblxuICAke21xLnJhbmdlKHsgdW50aWw6IGJyZWFrcG9pbnRzLnRhYmxldFdpZGUgfSl9IHtcbiAgICAke2ZvbnRzLnNpemVzKCczMHB4JywgJzM2cHgnKX07XG4gIH1cbmA7XG5cbmNvbnN0IFN1YlRpdGxlV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIG92ZXJmbG93LXdyYXA6ICdicmVhay13b3JkJztcbiAgdGV4dC1hbGlnbjogY2VudGVyO1xuICAke2ZvbnRzLnNpemVzKCcxOHB4JywgJzI5cHgnKX07XG4gIGNvbG9yOiAke2NvbG9ycy50ZXh0LnByaW1hcnl9O1xuICBmb250LXdlaWdodDogJHtmb250cy53ZWlnaHQubm9ybWFsfTtcbiAgZm9udC1mYW1pbHk6ICR7Zm9udHMuc2Fuc307XG5cbiAgJHttcS5yYW5nZSh7IHVudGlsOiBicmVha3BvaW50cy50YWJsZXRXaWRlIH0pfSB7XG4gICAgcGFkZGluZy10b3A6ICR7c3BhY2luZy54eHNtYWxsfTtcbiAgfVxuYDtcblxuaW50ZXJmYWNlIFByb3BzIHtcbiAgaW1hZ2U/OiB7XG4gICAgc3JjPzogc3RyaW5nO1xuICAgIGFsdD86IHN0cmluZztcbiAgfTtcbiAgdGl0bGU6IHN0cmluZztcbiAgc3VidGl0bGU6IHN0cmluZztcbn1cblxuY29uc3QgS2V5RmlndXJlID0gKHsgaW1hZ2UsIHRpdGxlLCBzdWJ0aXRsZSB9OiBQcm9wcykgPT4ge1xuICByZXR1cm4gKFxuICAgIDxDb250ZW50V3JhcHBlcj5cbiAgICAgIDxTdHlsZWRJbWFnZSBzcmM9e2ltYWdlPy5zcmN9IHdpZHRoPXsyNTB9IGhlaWdodD17MjAwfSBhbHQ9e2ltYWdlPy5hbHR9IC8+XG4gICAgICA8VGl0bGVXcmFwcGVyPnt0aXRsZX08L1RpdGxlV3JhcHBlcj5cbiAgICAgIDxTdWJUaXRsZVdyYXBwZXI+e3N1YnRpdGxlfTwvU3ViVGl0bGVXcmFwcGVyPlxuICAgIDwvQ29udGVudFdyYXBwZXI+XG4gICk7XG59O1xuXG5leHBvcnQgZGVmYXVsdCBLZXlGaWd1cmU7XG4iXX0= */"));
+}), "{", _core.fonts.sizes('30px', '36px'), ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIktleUZpZ3VyZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBNEIrQiIsImZpbGUiOiJLZXlGaWd1cmUudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLypcbiAqIENvcHlyaWdodCAoYykgMjAyMy1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGJyZWFrcG9pbnRzLCBjb2xvcnMsIGZvbnRzLCBtcSwgc3BhY2luZyB9IGZyb20gJ0BuZGxhL2NvcmUnO1xuXG5jb25zdCBDb250ZW50V3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBwYWRkaW5nOiAke3NwYWNpbmcuc21hbGx9O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMudGFibGV0V2lkZSB9KX0ge1xuICAgIHBhZGRpbmc6ICR7c3BhY2luZy5tZWRpdW19ICR7c3BhY2luZy5sYXJnZX07XG4gIH1cbmA7XG5cbmNvbnN0IFN0eWxlZEltYWdlID0gc3R5bGVkLmltZ2BcbiAgaGVpZ2h0OiAxNTBweDtcbiAgd2lkdGg6IDE1MHB4O1xuYDtcblxuY29uc3QgVGl0bGVXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgY29sb3I6ICR7Y29sb3JzLnRleHQucHJpbWFyeX07XG4gIGZvbnQtZmFtaWx5OiAke2ZvbnRzLnNhbnN9O1xuICBmb250LXdlaWdodDogJHtmb250cy53ZWlnaHQuYm9sZH07XG4gIG92ZXJmbG93LXdyYXA6IGJyZWFrLXdvcmQ7XG4gICR7Zm9udHMuc2l6ZXMoJzM4cHgnLCAnNDhweCcpfTtcbiAgdGV4dC1hbGlnbjogY2VudGVyO1xuXG4gICR7bXEucmFuZ2UoeyB1bnRpbDogYnJlYWtwb2ludHMudGFibGV0V2lkZSB9KX0ge1xuICAgICR7Zm9udHMuc2l6ZXMoJzMwcHgnLCAnMzZweCcpfTtcbiAgfVxuYDtcblxuY29uc3QgU3ViVGl0bGVXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgb3ZlcmZsb3ctd3JhcDogJ2JyZWFrLXdvcmQnO1xuICB0ZXh0LWFsaWduOiBjZW50ZXI7XG4gICR7Zm9udHMuc2l6ZXMoJzE4cHgnLCAnMjlweCcpfTtcbiAgY29sb3I6ICR7Y29sb3JzLnRleHQucHJpbWFyeX07XG4gIGZvbnQtd2VpZ2h0OiAke2ZvbnRzLndlaWdodC5ub3JtYWx9O1xuICBmb250LWZhbWlseTogJHtmb250cy5zYW5zfTtcblxuICAke21xLnJhbmdlKHsgdW50aWw6IGJyZWFrcG9pbnRzLnRhYmxldFdpZGUgfSl9IHtcbiAgICBwYWRkaW5nLXRvcDogJHtzcGFjaW5nLnh4c21hbGx9O1xuICB9XG5gO1xuXG5pbnRlcmZhY2UgUHJvcHMge1xuICBpbWFnZT86IHtcbiAgICBzcmM/OiBzdHJpbmc7XG4gICAgYWx0Pzogc3RyaW5nO1xuICB9O1xuICB0aXRsZTogc3RyaW5nO1xuICBzdWJ0aXRsZTogc3RyaW5nO1xufVxuXG5jb25zdCBLZXlGaWd1cmUgPSAoeyBpbWFnZSwgdGl0bGUsIHN1YnRpdGxlIH06IFByb3BzKSA9PiB7XG4gIHJldHVybiAoXG4gICAgPENvbnRlbnRXcmFwcGVyPlxuICAgICAgPFN0eWxlZEltYWdlIHNyYz17aW1hZ2U/LnNyY30gd2lkdGg9ezE1MH0gaGVpZ2h0PXsxNTB9IGFsdD17aW1hZ2U/LmFsdH0gLz5cbiAgICAgIDxUaXRsZVdyYXBwZXI+e3RpdGxlfTwvVGl0bGVXcmFwcGVyPlxuICAgICAgPFN1YlRpdGxlV3JhcHBlcj57c3VidGl0bGV9PC9TdWJUaXRsZVdyYXBwZXI+XG4gICAgPC9Db250ZW50V3JhcHBlcj5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IEtleUZpZ3VyZTtcbiJdfQ== */"));
 var SubTitleWrapper = /*#__PURE__*/(0, _base.default)("div", {
   target: "e14we9tj0",
   label: "SubTitleWrapper"
 })("overflow-wrap:'break-word';text-align:center;", _core.fonts.sizes('18px', '29px'), ";color:", _core.colors.text.primary, ";font-weight:", _core.fonts.weight.normal, ";font-family:", _core.fonts.sans, ";", _core.mq.range({
   until: _core.breakpoints.tabletWide
-}), "{padding-top:", _core.spacing.xxsmall, ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIktleUZpZ3VyZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBcUNrQyIsImZpbGUiOiJLZXlGaWd1cmUudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLypcbiAqIENvcHlyaWdodCAoYykgMjAyMy1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGJyZWFrcG9pbnRzLCBjb2xvcnMsIGZvbnRzLCBtcSwgc3BhY2luZyB9IGZyb20gJ0BuZGxhL2NvcmUnO1xuXG5jb25zdCBDb250ZW50V3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBwYWRkaW5nOiAke3NwYWNpbmcuc21hbGx9O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuYDtcblxuY29uc3QgU3R5bGVkSW1hZ2UgPSBzdHlsZWQuaW1nYFxuICB3aWR0aDogMTAwJTtcbmA7XG5cbmNvbnN0IFRpdGxlV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIGNvbG9yOiAke2NvbG9ycy50ZXh0LnByaW1hcnl9O1xuICBmb250LWZhbWlseTogJHtmb250cy5zYW5zfTtcbiAgZm9udC13ZWlnaHQ6ICR7Zm9udHMud2VpZ2h0LmJvbGR9O1xuICBvdmVyZmxvdy13cmFwOiBicmVhay13b3JkO1xuICAke2ZvbnRzLnNpemVzKCczOHB4JywgJzQ4cHgnKX07XG4gIHRleHQtYWxpZ246IGNlbnRlcjtcblxuICAke21xLnJhbmdlKHsgdW50aWw6IGJyZWFrcG9pbnRzLnRhYmxldFdpZGUgfSl9IHtcbiAgICAke2ZvbnRzLnNpemVzKCczMHB4JywgJzM2cHgnKX07XG4gIH1cbmA7XG5cbmNvbnN0IFN1YlRpdGxlV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIG92ZXJmbG93LXdyYXA6ICdicmVhay13b3JkJztcbiAgdGV4dC1hbGlnbjogY2VudGVyO1xuICAke2ZvbnRzLnNpemVzKCcxOHB4JywgJzI5cHgnKX07XG4gIGNvbG9yOiAke2NvbG9ycy50ZXh0LnByaW1hcnl9O1xuICBmb250LXdlaWdodDogJHtmb250cy53ZWlnaHQubm9ybWFsfTtcbiAgZm9udC1mYW1pbHk6ICR7Zm9udHMuc2Fuc307XG5cbiAgJHttcS5yYW5nZSh7IHVudGlsOiBicmVha3BvaW50cy50YWJsZXRXaWRlIH0pfSB7XG4gICAgcGFkZGluZy10b3A6ICR7c3BhY2luZy54eHNtYWxsfTtcbiAgfVxuYDtcblxuaW50ZXJmYWNlIFByb3BzIHtcbiAgaW1hZ2U/OiB7XG4gICAgc3JjPzogc3RyaW5nO1xuICAgIGFsdD86IHN0cmluZztcbiAgfTtcbiAgdGl0bGU6IHN0cmluZztcbiAgc3VidGl0bGU6IHN0cmluZztcbn1cblxuY29uc3QgS2V5RmlndXJlID0gKHsgaW1hZ2UsIHRpdGxlLCBzdWJ0aXRsZSB9OiBQcm9wcykgPT4ge1xuICByZXR1cm4gKFxuICAgIDxDb250ZW50V3JhcHBlcj5cbiAgICAgIDxTdHlsZWRJbWFnZSBzcmM9e2ltYWdlPy5zcmN9IHdpZHRoPXsyNTB9IGhlaWdodD17MjAwfSBhbHQ9e2ltYWdlPy5hbHR9IC8+XG4gICAgICA8VGl0bGVXcmFwcGVyPnt0aXRsZX08L1RpdGxlV3JhcHBlcj5cbiAgICAgIDxTdWJUaXRsZVdyYXBwZXI+e3N1YnRpdGxlfTwvU3ViVGl0bGVXcmFwcGVyPlxuICAgIDwvQ29udGVudFdyYXBwZXI+XG4gICk7XG59O1xuXG5leHBvcnQgZGVmYXVsdCBLZXlGaWd1cmU7XG4iXX0= */"));
+}), "{padding-top:", _core.spacing.xxsmall, ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIktleUZpZ3VyZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBeUNrQyIsImZpbGUiOiJLZXlGaWd1cmUudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLypcbiAqIENvcHlyaWdodCAoYykgMjAyMy1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGJyZWFrcG9pbnRzLCBjb2xvcnMsIGZvbnRzLCBtcSwgc3BhY2luZyB9IGZyb20gJ0BuZGxhL2NvcmUnO1xuXG5jb25zdCBDb250ZW50V3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBwYWRkaW5nOiAke3NwYWNpbmcuc21hbGx9O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMudGFibGV0V2lkZSB9KX0ge1xuICAgIHBhZGRpbmc6ICR7c3BhY2luZy5tZWRpdW19ICR7c3BhY2luZy5sYXJnZX07XG4gIH1cbmA7XG5cbmNvbnN0IFN0eWxlZEltYWdlID0gc3R5bGVkLmltZ2BcbiAgaGVpZ2h0OiAxNTBweDtcbiAgd2lkdGg6IDE1MHB4O1xuYDtcblxuY29uc3QgVGl0bGVXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgY29sb3I6ICR7Y29sb3JzLnRleHQucHJpbWFyeX07XG4gIGZvbnQtZmFtaWx5OiAke2ZvbnRzLnNhbnN9O1xuICBmb250LXdlaWdodDogJHtmb250cy53ZWlnaHQuYm9sZH07XG4gIG92ZXJmbG93LXdyYXA6IGJyZWFrLXdvcmQ7XG4gICR7Zm9udHMuc2l6ZXMoJzM4cHgnLCAnNDhweCcpfTtcbiAgdGV4dC1hbGlnbjogY2VudGVyO1xuXG4gICR7bXEucmFuZ2UoeyB1bnRpbDogYnJlYWtwb2ludHMudGFibGV0V2lkZSB9KX0ge1xuICAgICR7Zm9udHMuc2l6ZXMoJzMwcHgnLCAnMzZweCcpfTtcbiAgfVxuYDtcblxuY29uc3QgU3ViVGl0bGVXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgb3ZlcmZsb3ctd3JhcDogJ2JyZWFrLXdvcmQnO1xuICB0ZXh0LWFsaWduOiBjZW50ZXI7XG4gICR7Zm9udHMuc2l6ZXMoJzE4cHgnLCAnMjlweCcpfTtcbiAgY29sb3I6ICR7Y29sb3JzLnRleHQucHJpbWFyeX07XG4gIGZvbnQtd2VpZ2h0OiAke2ZvbnRzLndlaWdodC5ub3JtYWx9O1xuICBmb250LWZhbWlseTogJHtmb250cy5zYW5zfTtcblxuICAke21xLnJhbmdlKHsgdW50aWw6IGJyZWFrcG9pbnRzLnRhYmxldFdpZGUgfSl9IHtcbiAgICBwYWRkaW5nLXRvcDogJHtzcGFjaW5nLnh4c21hbGx9O1xuICB9XG5gO1xuXG5pbnRlcmZhY2UgUHJvcHMge1xuICBpbWFnZT86IHtcbiAgICBzcmM/OiBzdHJpbmc7XG4gICAgYWx0Pzogc3RyaW5nO1xuICB9O1xuICB0aXRsZTogc3RyaW5nO1xuICBzdWJ0aXRsZTogc3RyaW5nO1xufVxuXG5jb25zdCBLZXlGaWd1cmUgPSAoeyBpbWFnZSwgdGl0bGUsIHN1YnRpdGxlIH06IFByb3BzKSA9PiB7XG4gIHJldHVybiAoXG4gICAgPENvbnRlbnRXcmFwcGVyPlxuICAgICAgPFN0eWxlZEltYWdlIHNyYz17aW1hZ2U/LnNyY30gd2lkdGg9ezE1MH0gaGVpZ2h0PXsxNTB9IGFsdD17aW1hZ2U/LmFsdH0gLz5cbiAgICAgIDxUaXRsZVdyYXBwZXI+e3RpdGxlfTwvVGl0bGVXcmFwcGVyPlxuICAgICAgPFN1YlRpdGxlV3JhcHBlcj57c3VidGl0bGV9PC9TdWJUaXRsZVdyYXBwZXI+XG4gICAgPC9Db250ZW50V3JhcHBlcj5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IEtleUZpZ3VyZTtcbiJdfQ== */"));
 var KeyFigure = function KeyFigure(_ref) {
   var image = _ref.image,
     title = _ref.title,
@@ -50,8 +52,8 @@ var KeyFigure = function KeyFigure(_ref) {
   return (0, _jsxRuntime.jsxs)(ContentWrapper, {
     children: [(0, _jsxRuntime.jsx)(StyledImage, {
       src: image === null || image === void 0 ? void 0 : image.src,
-      width: 250,
-      height: 200,
+      width: 150,
+      height: 150,
       alt: image === null || image === void 0 ? void 0 : image.alt
     }), (0, _jsxRuntime.jsx)(TitleWrapper, {
       children: title

package/lib/LinkBlock/LinkBlock.d.ts

@@ -6,5 +6,8 @@
  *
  */
 import { LinkBlockEmbedData } from '@ndla/types-embed';
-declare const LinkBlock: ({ title, language, date, url }: Omit<LinkBlockEmbedData, 'resource'>) => import("@emotion/react/jsx-runtime").JSX.Element;
+interface Props extends Omit<LinkBlockEmbedData, 'resource'> {
+    path?: string;
+}
+declare const LinkBlock: ({ title, language, date, url, path }: Props) => import("@emotion/react/jsx-runtime").JSX.Element;
 export default LinkBlock;

package/lib/LinkBlock/LinkBlock.js

@@ -12,6 +12,7 @@ var _common = require("@ndla/icons/common");
 var _core = require("@ndla/core");
 var _react = require("react");
 var _Heading = _interopRequireDefault(require("../Typography/Heading"));
+var _relativeUrl = require("../utils/relativeUrl");
 var _jsxRuntime = require("@emotion/react/jsx-runtime");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 /**
@@ -25,11 +26,11 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 var StyledForward = /*#__PURE__*/(0, _base.default)(_common.Forward, {
   target: "e1wf6l0z4",
   label: "StyledForward"
-})("margin:0 ", _core.spacing.nsmall, ";min-width:", _core.spacing.normal, ";min-height:", _core.spacing.normal, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkxpbmtCbG9jay50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBa0JxQyIsImZpbGUiOiJMaW5rQmxvY2sudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDb3B5cmlnaHQgKGMpIDIwMjMtcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLlxuICpcbiAqL1xuXG5pbXBvcnQgeyBmb3JtYXQgfSBmcm9tICdkYXRlLWZucyc7XG5pbXBvcnQgeyBlbkdCLCBuYiwgbm4gfSBmcm9tICdkYXRlLWZucy9sb2NhbGUnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IFNhZmVMaW5rIGZyb20gJ0BuZGxhL3NhZmVsaW5rJztcbmltcG9ydCB7IEZvcndhcmQsIENhbGVuZGFyRWQgfSBmcm9tICdAbmRsYS9pY29ucy9jb21tb24nO1xuaW1wb3J0IHsgYnJlYWtwb2ludHMsIGNvbG9ycywgc3BhY2luZywgbXEgfSBmcm9tICdAbmRsYS9jb3JlJztcbmltcG9ydCB7IExpbmtCbG9ja0VtYmVkRGF0YSB9IGZyb20gJ0BuZGxhL3R5cGVzLWVtYmVkJztcbmltcG9ydCB7IHVzZU1lbW8gfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgSGVhZGluZyBmcm9tICcuLi9UeXBvZ3JhcGh5L0hlYWRpbmcnO1xuXG5jb25zdCBTdHlsZWRGb3J3YXJkID0gc3R5bGVkKEZvcndhcmQpYFxuICBtYXJnaW46IDAgJHtzcGFjaW5nLm5zbWFsbH07XG4gIG1pbi13aWR0aDogJHtzcGFjaW5nLm5vcm1hbH07XG4gIG1pbi1oZWlnaHQ6ICR7c3BhY2luZy5ub3JtYWx9O1xuYDtcblxuY29uc3QgSW5mb1dyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICBnYXA6ICR7c3BhY2luZy5zbWFsbH07XG5gO1xuXG5jb25zdCBTdHlsZWRTYWZlTGluayA9IHN0eWxlZChTYWZlTGluaylgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgYm94LXNoYWRvdzogbm9uZTtcbiAgY29sb3I6IGluaGVyaXQ7XG4gIGJhY2tncm91bmQtY29sb3I6ICR7Y29sb3JzLndoaXRlfTtcbiAgYm9yZGVyOiAxcHggc29saWQgJHtjb2xvcnMuYnJhbmQubGlnaHRlcn07XG4gIHBhZGRpbmc6ICR7c3BhY2luZy5ub3JtYWx9O1xuICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMudGFibGV0V2lkZSB9KX0ge1xuICAgICY6aG92ZXIge1xuICAgICAgJiAke0luZm9XcmFwcGVyfSA6Zmlyc3QtY2hpbGQge1xuICAgICAgICB0ZXh0LWRlY29yYXRpb246IHVuZGVybGluZTtcbiAgICAgIH1cbiAgICAgICYgJHtTdHlsZWRGb3J3YXJkfSB7XG4gICAgICAgIHdpZHRoOiAzMnB4O1xuICAgICAgICBoZWlnaHQ6IDMycHg7XG4gICAgICB9XG4gICAgfVxuICAgICY6Zm9jdXMtdmlzaWJsZSB7XG4gICAgICBib3JkZXI6IDJweCBzb2xpZCAke2NvbG9ycy5icmFuZC5kYXJrfTtcbiAgICB9XG4gIH1cbiAgJHttcS5yYW5nZSh7IHVudGlsOiBicmVha3BvaW50cy50YWJsZXRXaWRlIH0pfSB7XG4gICAgJiAke0luZm9XcmFwcGVyfSA6Zmlyc3QtY2hpbGQge1xuICAgICAgdGV4dC1kZWNvcmF0aW9uOiB1bmRlcmxpbmU7XG4gICAgfVxuICAgIDphY3RpdmUgOmZpcnN0LWNoaWxkIHtcbiAgICAgIHRleHQtZGVjb3JhdGlvbjogbm9uZTtcbiAgICB9XG4gIH1cbmA7XG5cbmNvbnN0IFN0eWxlZERhdGVDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBwYWRkaW5nLXRvcDogJHtzcGFjaW5nLnhzbWFsbH07XG4gIGdhcDogJHtzcGFjaW5nLnNtYWxsfTtcbmA7XG5cbmNvbnN0IFN0eWxlZENhbGVuZGVyRWQgPSBzdHlsZWQoQ2FsZW5kYXJFZClgXG4gIGNvbG9yOiAke2NvbG9ycy5pY29uLmljb25CbHVlfTtcbmA7XG5cbmNvbnN0IExpbmtCbG9jayA9ICh7IHRpdGxlLCBsYW5ndWFnZSwgZGF0ZSwgdXJsIH06IE9taXQ8TGlua0Jsb2NrRW1iZWREYXRhLCAncmVzb3VyY2UnPikgPT4ge1xuICBjb25zdCBmb3JtYXR0ZWREYXRlID0gdXNlTWVtbygoKSA9PiB7XG4gICAgaWYgKCFkYXRlKSByZXR1cm4gbnVsbDtcbiAgICBjb25zdCBsb2NhbGUgPSBsYW5ndWFnZSA9PT0gJ25iJyA/IG5iIDogbGFuZ3VhZ2UgPT09ICdubicgPyBubiA6IGVuR0I7XG4gICAgcmV0dXJuIGZvcm1hdChuZXcgRGF0ZShkYXRlKSwgJ2RkLiBMTExMLiB5eXl5JywgeyBsb2NhbGUgfSk7XG4gIH0sIFtkYXRlLCBsYW5ndWFnZV0pO1xuXG4gIHJldHVybiAoXG4gICAgPFN0eWxlZFNhZmVMaW5rIHRvPXt1cmx9PlxuICAgICAgPEluZm9XcmFwcGVyPlxuICAgICAgICA8SGVhZGluZyBlbGVtZW50PVwiaDNcIiBtYXJnaW49XCJub25lXCIgaGVhZGluZ1N0eWxlPVwiaDNcIiBsYW5nPXtsYW5ndWFnZX0+XG4gICAgICAgICAge3RpdGxlfVxuICAgICAgICA8L0hlYWRpbmc+XG4gICAgICAgIHtkYXRlICYmIChcbiAgICAgICAgICA8U3R5bGVkRGF0ZUNvbnRhaW5lcj5cbiAgICAgICAgICAgIDxTdHlsZWRDYWxlbmRlckVkIC8+XG4gICAgICAgICAgICB7Zm9ybWF0dGVkRGF0ZX1cbiAgICAgICAgICA8L1N0eWxlZERhdGVDb250YWluZXI+XG4gICAgICAgICl9XG4gICAgICA8L0luZm9XcmFwcGVyPlxuICAgICAgPFN0eWxlZEZvcndhcmQgLz5cbiAgICA8L1N0eWxlZFNhZmVMaW5rPlxuICApO1xufTtcblxuZXhwb3J0IGRlZmF1bHQgTGlua0Jsb2NrO1xuIl19 */"));
+})("margin:0 ", _core.spacing.nsmall, ";min-width:", _core.spacing.normal, ";min-height:", _core.spacing.normal, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkxpbmtCbG9jay50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBbUJxQyIsImZpbGUiOiJMaW5rQmxvY2sudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDb3B5cmlnaHQgKGMpIDIwMjMtcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLlxuICpcbiAqL1xuXG5pbXBvcnQgeyBmb3JtYXQgfSBmcm9tICdkYXRlLWZucyc7XG5pbXBvcnQgeyBlbkdCLCBuYiwgbm4gfSBmcm9tICdkYXRlLWZucy9sb2NhbGUnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IFNhZmVMaW5rIGZyb20gJ0BuZGxhL3NhZmVsaW5rJztcbmltcG9ydCB7IEZvcndhcmQsIENhbGVuZGFyRWQgfSBmcm9tICdAbmRsYS9pY29ucy9jb21tb24nO1xuaW1wb3J0IHsgYnJlYWtwb2ludHMsIGNvbG9ycywgc3BhY2luZywgbXEgfSBmcm9tICdAbmRsYS9jb3JlJztcbmltcG9ydCB7IExpbmtCbG9ja0VtYmVkRGF0YSB9IGZyb20gJ0BuZGxhL3R5cGVzLWVtYmVkJztcbmltcG9ydCB7IHVzZU1lbW8gfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgSGVhZGluZyBmcm9tICcuLi9UeXBvZ3JhcGh5L0hlYWRpbmcnO1xuaW1wb3J0IHsgdXNlUG9zc2libHlSZWxhdGl2ZVVybCB9IGZyb20gJy4uL3V0aWxzL3JlbGF0aXZlVXJsJztcblxuY29uc3QgU3R5bGVkRm9yd2FyZCA9IHN0eWxlZChGb3J3YXJkKWBcbiAgbWFyZ2luOiAwICR7c3BhY2luZy5uc21hbGx9O1xuICBtaW4td2lkdGg6ICR7c3BhY2luZy5ub3JtYWx9O1xuICBtaW4taGVpZ2h0OiAke3NwYWNpbmcubm9ybWFsfTtcbmA7XG5cbmNvbnN0IEluZm9XcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgZ2FwOiAke3NwYWNpbmcuc21hbGx9O1xuYDtcblxuY29uc3QgU3R5bGVkU2FmZUxpbmsgPSBzdHlsZWQoU2FmZUxpbmspYFxuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGJveC1zaGFkb3c6IG5vbmU7XG4gIGNvbG9yOiBpbmhlcml0O1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAke2NvbG9ycy53aGl0ZX07XG4gIGJvcmRlcjogMXB4IHNvbGlkICR7Y29sb3JzLmJyYW5kLmxpZ2h0ZXJ9O1xuICBwYWRkaW5nOiAke3NwYWNpbmcubm9ybWFsfTtcbiAgJHttcS5yYW5nZSh7IGZyb206IGJyZWFrcG9pbnRzLnRhYmxldFdpZGUgfSl9IHtcbiAgICAmOmhvdmVyIHtcbiAgICAgICYgJHtJbmZvV3JhcHBlcn0gOmZpcnN0LWNoaWxkIHtcbiAgICAgICAgdGV4dC1kZWNvcmF0aW9uOiB1bmRlcmxpbmU7XG4gICAgICB9XG4gICAgICAmICR7U3R5bGVkRm9yd2FyZH0ge1xuICAgICAgICB3aWR0aDogMzJweDtcbiAgICAgICAgaGVpZ2h0OiAzMnB4O1xuICAgICAgfVxuICAgIH1cbiAgICAmOmZvY3VzLXZpc2libGUge1xuICAgICAgYm9yZGVyOiAycHggc29saWQgJHtjb2xvcnMuYnJhbmQuZGFya307XG4gICAgfVxuICB9XG4gICR7bXEucmFuZ2UoeyB1bnRpbDogYnJlYWtwb2ludHMudGFibGV0V2lkZSB9KX0ge1xuICAgICYgJHtJbmZvV3JhcHBlcn0gOmZpcnN0LWNoaWxkIHtcbiAgICAgIHRleHQtZGVjb3JhdGlvbjogdW5kZXJsaW5lO1xuICAgIH1cbiAgICA6YWN0aXZlIDpmaXJzdC1jaGlsZCB7XG4gICAgICB0ZXh0LWRlY29yYXRpb246IG5vbmU7XG4gICAgfVxuICB9XG5gO1xuXG5jb25zdCBTdHlsZWREYXRlQ29udGFpbmVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgcGFkZGluZy10b3A6ICR7c3BhY2luZy54c21hbGx9O1xuICBnYXA6ICR7c3BhY2luZy5zbWFsbH07XG5gO1xuXG5jb25zdCBTdHlsZWRDYWxlbmRlckVkID0gc3R5bGVkKENhbGVuZGFyRWQpYFxuICBjb2xvcjogJHtjb2xvcnMuaWNvbi5pY29uQmx1ZX07XG5gO1xuXG5pbnRlcmZhY2UgUHJvcHMgZXh0ZW5kcyBPbWl0PExpbmtCbG9ja0VtYmVkRGF0YSwgJ3Jlc291cmNlJz4ge1xuICBwYXRoPzogc3RyaW5nO1xufVxuXG5jb25zdCBMaW5rQmxvY2sgPSAoeyB0aXRsZSwgbGFuZ3VhZ2UsIGRhdGUsIHVybCwgcGF0aCB9OiBQcm9wcykgPT4ge1xuICBjb25zdCBocmVmID0gdXNlUG9zc2libHlSZWxhdGl2ZVVybCh1cmwsIHBhdGgpO1xuICBjb25zdCBmb3JtYXR0ZWREYXRlID0gdXNlTWVtbygoKSA9PiB7XG4gICAgaWYgKCFkYXRlKSByZXR1cm4gbnVsbDtcbiAgICBjb25zdCBsb2NhbGUgPSBsYW5ndWFnZSA9PT0gJ25iJyA/IG5iIDogbGFuZ3VhZ2UgPT09ICdubicgPyBubiA6IGVuR0I7XG4gICAgcmV0dXJuIGZvcm1hdChuZXcgRGF0ZShkYXRlKSwgJ2RkLiBMTExMLiB5eXl5JywgeyBsb2NhbGUgfSk7XG4gIH0sIFtkYXRlLCBsYW5ndWFnZV0pO1xuXG4gIHJldHVybiAoXG4gICAgPFN0eWxlZFNhZmVMaW5rIHRvPXtocmVmfT5cbiAgICAgIDxJbmZvV3JhcHBlcj5cbiAgICAgICAgPEhlYWRpbmcgZWxlbWVudD1cImgzXCIgbWFyZ2luPVwibm9uZVwiIGhlYWRpbmdTdHlsZT1cImgzXCIgbGFuZz17bGFuZ3VhZ2V9PlxuICAgICAgICAgIHt0aXRsZX1cbiAgICAgICAgPC9IZWFkaW5nPlxuICAgICAgICB7ZGF0ZSAmJiAoXG4gICAgICAgICAgPFN0eWxlZERhdGVDb250YWluZXI+XG4gICAgICAgICAgICA8U3R5bGVkQ2FsZW5kZXJFZCAvPlxuICAgICAgICAgICAge2Zvcm1hdHRlZERhdGV9XG4gICAgICAgICAgPC9TdHlsZWREYXRlQ29udGFpbmVyPlxuICAgICAgICApfVxuICAgICAgPC9JbmZvV3JhcHBlcj5cbiAgICAgIDxTdHlsZWRGb3J3YXJkIC8+XG4gICAgPC9TdHlsZWRTYWZlTGluaz5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IExpbmtCbG9jaztcbiJdfQ== */"));
 var InfoWrapper = /*#__PURE__*/(0, _base.default)("div", {
   target: "e1wf6l0z3",
   label: "InfoWrapper"
-})("display:flex;flex-direction:column;gap:", _core.spacing.small, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkxpbmtCbG9jay50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBd0I4QiIsImZpbGUiOiJMaW5rQmxvY2sudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDb3B5cmlnaHQgKGMpIDIwMjMtcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLlxuICpcbiAqL1xuXG5pbXBvcnQgeyBmb3JtYXQgfSBmcm9tICdkYXRlLWZucyc7XG5pbXBvcnQgeyBlbkdCLCBuYiwgbm4gfSBmcm9tICdkYXRlLWZucy9sb2NhbGUnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IFNhZmVMaW5rIGZyb20gJ0BuZGxhL3NhZmVsaW5rJztcbmltcG9ydCB7IEZvcndhcmQsIENhbGVuZGFyRWQgfSBmcm9tICdAbmRsYS9pY29ucy9jb21tb24nO1xuaW1wb3J0IHsgYnJlYWtwb2ludHMsIGNvbG9ycywgc3BhY2luZywgbXEgfSBmcm9tICdAbmRsYS9jb3JlJztcbmltcG9ydCB7IExpbmtCbG9ja0VtYmVkRGF0YSB9IGZyb20gJ0BuZGxhL3R5cGVzLWVtYmVkJztcbmltcG9ydCB7IHVzZU1lbW8gfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgSGVhZGluZyBmcm9tICcuLi9UeXBvZ3JhcGh5L0hlYWRpbmcnO1xuXG5jb25zdCBTdHlsZWRGb3J3YXJkID0gc3R5bGVkKEZvcndhcmQpYFxuICBtYXJnaW46IDAgJHtzcGFjaW5nLm5zbWFsbH07XG4gIG1pbi13aWR0aDogJHtzcGFjaW5nLm5vcm1hbH07XG4gIG1pbi1oZWlnaHQ6ICR7c3BhY2luZy5ub3JtYWx9O1xuYDtcblxuY29uc3QgSW5mb1dyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICBnYXA6ICR7c3BhY2luZy5zbWFsbH07XG5gO1xuXG5jb25zdCBTdHlsZWRTYWZlTGluayA9IHN0eWxlZChTYWZlTGluaylgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgYm94LXNoYWRvdzogbm9uZTtcbiAgY29sb3I6IGluaGVyaXQ7XG4gIGJhY2tncm91bmQtY29sb3I6ICR7Y29sb3JzLndoaXRlfTtcbiAgYm9yZGVyOiAxcHggc29saWQgJHtjb2xvcnMuYnJhbmQubGlnaHRlcn07XG4gIHBhZGRpbmc6ICR7c3BhY2luZy5ub3JtYWx9O1xuICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMudGFibGV0V2lkZSB9KX0ge1xuICAgICY6aG92ZXIge1xuICAgICAgJiAke0luZm9XcmFwcGVyfSA6Zmlyc3QtY2hpbGQge1xuICAgICAgICB0ZXh0LWRlY29yYXRpb246IHVuZGVybGluZTtcbiAgICAgIH1cbiAgICAgICYgJHtTdHlsZWRGb3J3YXJkfSB7XG4gICAgICAgIHdpZHRoOiAzMnB4O1xuICAgICAgICBoZWlnaHQ6IDMycHg7XG4gICAgICB9XG4gICAgfVxuICAgICY6Zm9jdXMtdmlzaWJsZSB7XG4gICAgICBib3JkZXI6IDJweCBzb2xpZCAke2NvbG9ycy5icmFuZC5kYXJrfTtcbiAgICB9XG4gIH1cbiAgJHttcS5yYW5nZSh7IHVudGlsOiBicmVha3BvaW50cy50YWJsZXRXaWRlIH0pfSB7XG4gICAgJiAke0luZm9XcmFwcGVyfSA6Zmlyc3QtY2hpbGQge1xuICAgICAgdGV4dC1kZWNvcmF0aW9uOiB1bmRlcmxpbmU7XG4gICAgfVxuICAgIDphY3RpdmUgOmZpcnN0LWNoaWxkIHtcbiAgICAgIHRleHQtZGVjb3JhdGlvbjogbm9uZTtcbiAgICB9XG4gIH1cbmA7XG5cbmNvbnN0IFN0eWxlZERhdGVDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBwYWRkaW5nLXRvcDogJHtzcGFjaW5nLnhzbWFsbH07XG4gIGdhcDogJHtzcGFjaW5nLnNtYWxsfTtcbmA7XG5cbmNvbnN0IFN0eWxlZENhbGVuZGVyRWQgPSBzdHlsZWQoQ2FsZW5kYXJFZClgXG4gIGNvbG9yOiAke2NvbG9ycy5pY29uLmljb25CbHVlfTtcbmA7XG5cbmNvbnN0IExpbmtCbG9jayA9ICh7IHRpdGxlLCBsYW5ndWFnZSwgZGF0ZSwgdXJsIH06IE9taXQ8TGlua0Jsb2NrRW1iZWREYXRhLCAncmVzb3VyY2UnPikgPT4ge1xuICBjb25zdCBmb3JtYXR0ZWREYXRlID0gdXNlTWVtbygoKSA9PiB7XG4gICAgaWYgKCFkYXRlKSByZXR1cm4gbnVsbDtcbiAgICBjb25zdCBsb2NhbGUgPSBsYW5ndWFnZSA9PT0gJ25iJyA/IG5iIDogbGFuZ3VhZ2UgPT09ICdubicgPyBubiA6IGVuR0I7XG4gICAgcmV0dXJuIGZvcm1hdChuZXcgRGF0ZShkYXRlKSwgJ2RkLiBMTExMLiB5eXl5JywgeyBsb2NhbGUgfSk7XG4gIH0sIFtkYXRlLCBsYW5ndWFnZV0pO1xuXG4gIHJldHVybiAoXG4gICAgPFN0eWxlZFNhZmVMaW5rIHRvPXt1cmx9PlxuICAgICAgPEluZm9XcmFwcGVyPlxuICAgICAgICA8SGVhZGluZyBlbGVtZW50PVwiaDNcIiBtYXJnaW49XCJub25lXCIgaGVhZGluZ1N0eWxlPVwiaDNcIiBsYW5nPXtsYW5ndWFnZX0+XG4gICAgICAgICAge3RpdGxlfVxuICAgICAgICA8L0hlYWRpbmc+XG4gICAgICAgIHtkYXRlICYmIChcbiAgICAgICAgICA8U3R5bGVkRGF0ZUNvbnRhaW5lcj5cbiAgICAgICAgICAgIDxTdHlsZWRDYWxlbmRlckVkIC8+XG4gICAgICAgICAgICB7Zm9ybWF0dGVkRGF0ZX1cbiAgICAgICAgICA8L1N0eWxlZERhdGVDb250YWluZXI+XG4gICAgICAgICl9XG4gICAgICA8L0luZm9XcmFwcGVyPlxuICAgICAgPFN0eWxlZEZvcndhcmQgLz5cbiAgICA8L1N0eWxlZFNhZmVMaW5rPlxuICApO1xufTtcblxuZXhwb3J0IGRlZmF1bHQgTGlua0Jsb2NrO1xuIl19 */"));
+})("display:flex;flex-direction:column;gap:", _core.spacing.small, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkxpbmtCbG9jay50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBeUI4QiIsImZpbGUiOiJMaW5rQmxvY2sudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDb3B5cmlnaHQgKGMpIDIwMjMtcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLlxuICpcbiAqL1xuXG5pbXBvcnQgeyBmb3JtYXQgfSBmcm9tICdkYXRlLWZucyc7XG5pbXBvcnQgeyBlbkdCLCBuYiwgbm4gfSBmcm9tICdkYXRlLWZucy9sb2NhbGUnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IFNhZmVMaW5rIGZyb20gJ0BuZGxhL3NhZmVsaW5rJztcbmltcG9ydCB7IEZvcndhcmQsIENhbGVuZGFyRWQgfSBmcm9tICdAbmRsYS9pY29ucy9jb21tb24nO1xuaW1wb3J0IHsgYnJlYWtwb2ludHMsIGNvbG9ycywgc3BhY2luZywgbXEgfSBmcm9tICdAbmRsYS9jb3JlJztcbmltcG9ydCB7IExpbmtCbG9ja0VtYmVkRGF0YSB9IGZyb20gJ0BuZGxhL3R5cGVzLWVtYmVkJztcbmltcG9ydCB7IHVzZU1lbW8gfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgSGVhZGluZyBmcm9tICcuLi9UeXBvZ3JhcGh5L0hlYWRpbmcnO1xuaW1wb3J0IHsgdXNlUG9zc2libHlSZWxhdGl2ZVVybCB9IGZyb20gJy4uL3V0aWxzL3JlbGF0aXZlVXJsJztcblxuY29uc3QgU3R5bGVkRm9yd2FyZCA9IHN0eWxlZChGb3J3YXJkKWBcbiAgbWFyZ2luOiAwICR7c3BhY2luZy5uc21hbGx9O1xuICBtaW4td2lkdGg6ICR7c3BhY2luZy5ub3JtYWx9O1xuICBtaW4taGVpZ2h0OiAke3NwYWNpbmcubm9ybWFsfTtcbmA7XG5cbmNvbnN0IEluZm9XcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgZ2FwOiAke3NwYWNpbmcuc21hbGx9O1xuYDtcblxuY29uc3QgU3R5bGVkU2FmZUxpbmsgPSBzdHlsZWQoU2FmZUxpbmspYFxuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGJveC1zaGFkb3c6IG5vbmU7XG4gIGNvbG9yOiBpbmhlcml0O1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAke2NvbG9ycy53aGl0ZX07XG4gIGJvcmRlcjogMXB4IHNvbGlkICR7Y29sb3JzLmJyYW5kLmxpZ2h0ZXJ9O1xuICBwYWRkaW5nOiAke3NwYWNpbmcubm9ybWFsfTtcbiAgJHttcS5yYW5nZSh7IGZyb206IGJyZWFrcG9pbnRzLnRhYmxldFdpZGUgfSl9IHtcbiAgICAmOmhvdmVyIHtcbiAgICAgICYgJHtJbmZvV3JhcHBlcn0gOmZpcnN0LWNoaWxkIHtcbiAgICAgICAgdGV4dC1kZWNvcmF0aW9uOiB1bmRlcmxpbmU7XG4gICAgICB9XG4gICAgICAmICR7U3R5bGVkRm9yd2FyZH0ge1xuICAgICAgICB3aWR0aDogMzJweDtcbiAgICAgICAgaGVpZ2h0OiAzMnB4O1xuICAgICAgfVxuICAgIH1cbiAgICAmOmZvY3VzLXZpc2libGUge1xuICAgICAgYm9yZGVyOiAycHggc29saWQgJHtjb2xvcnMuYnJhbmQuZGFya307XG4gICAgfVxuICB9XG4gICR7bXEucmFuZ2UoeyB1bnRpbDogYnJlYWtwb2ludHMudGFibGV0V2lkZSB9KX0ge1xuICAgICYgJHtJbmZvV3JhcHBlcn0gOmZpcnN0LWNoaWxkIHtcbiAgICAgIHRleHQtZGVjb3JhdGlvbjogdW5kZXJsaW5lO1xuICAgIH1cbiAgICA6YWN0aXZlIDpmaXJzdC1jaGlsZCB7XG4gICAgICB0ZXh0LWRlY29yYXRpb246IG5vbmU7XG4gICAgfVxuICB9XG5gO1xuXG5jb25zdCBTdHlsZWREYXRlQ29udGFpbmVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgcGFkZGluZy10b3A6ICR7c3BhY2luZy54c21hbGx9O1xuICBnYXA6ICR7c3BhY2luZy5zbWFsbH07XG5gO1xuXG5jb25zdCBTdHlsZWRDYWxlbmRlckVkID0gc3R5bGVkKENhbGVuZGFyRWQpYFxuICBjb2xvcjogJHtjb2xvcnMuaWNvbi5pY29uQmx1ZX07XG5gO1xuXG5pbnRlcmZhY2UgUHJvcHMgZXh0ZW5kcyBPbWl0PExpbmtCbG9ja0VtYmVkRGF0YSwgJ3Jlc291cmNlJz4ge1xuICBwYXRoPzogc3RyaW5nO1xufVxuXG5jb25zdCBMaW5rQmxvY2sgPSAoeyB0aXRsZSwgbGFuZ3VhZ2UsIGRhdGUsIHVybCwgcGF0aCB9OiBQcm9wcykgPT4ge1xuICBjb25zdCBocmVmID0gdXNlUG9zc2libHlSZWxhdGl2ZVVybCh1cmwsIHBhdGgpO1xuICBjb25zdCBmb3JtYXR0ZWREYXRlID0gdXNlTWVtbygoKSA9PiB7XG4gICAgaWYgKCFkYXRlKSByZXR1cm4gbnVsbDtcbiAgICBjb25zdCBsb2NhbGUgPSBsYW5ndWFnZSA9PT0gJ25iJyA/IG5iIDogbGFuZ3VhZ2UgPT09ICdubicgPyBubiA6IGVuR0I7XG4gICAgcmV0dXJuIGZvcm1hdChuZXcgRGF0ZShkYXRlKSwgJ2RkLiBMTExMLiB5eXl5JywgeyBsb2NhbGUgfSk7XG4gIH0sIFtkYXRlLCBsYW5ndWFnZV0pO1xuXG4gIHJldHVybiAoXG4gICAgPFN0eWxlZFNhZmVMaW5rIHRvPXtocmVmfT5cbiAgICAgIDxJbmZvV3JhcHBlcj5cbiAgICAgICAgPEhlYWRpbmcgZWxlbWVudD1cImgzXCIgbWFyZ2luPVwibm9uZVwiIGhlYWRpbmdTdHlsZT1cImgzXCIgbGFuZz17bGFuZ3VhZ2V9PlxuICAgICAgICAgIHt0aXRsZX1cbiAgICAgICAgPC9IZWFkaW5nPlxuICAgICAgICB7ZGF0ZSAmJiAoXG4gICAgICAgICAgPFN0eWxlZERhdGVDb250YWluZXI+XG4gICAgICAgICAgICA8U3R5bGVkQ2FsZW5kZXJFZCAvPlxuICAgICAgICAgICAge2Zvcm1hdHRlZERhdGV9XG4gICAgICAgICAgPC9TdHlsZWREYXRlQ29udGFpbmVyPlxuICAgICAgICApfVxuICAgICAgPC9JbmZvV3JhcHBlcj5cbiAgICAgIDxTdHlsZWRGb3J3YXJkIC8+XG4gICAgPC9TdHlsZWRTYWZlTGluaz5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IExpbmtCbG9jaztcbiJdfQ== */"));
 var StyledSafeLink = /*#__PURE__*/(0, _base.default)(_safelink.default, {
   target: "e1wf6l0z2",
   label: "StyledSafeLink"
@@ -37,20 +38,22 @@ var StyledSafeLink = /*#__PURE__*/(0, _base.default)(_safelink.default, {
   from: _core.breakpoints.tabletWide
 }), "{&:hover{& ", InfoWrapper, " :first-child{text-decoration:underline;}& ", StyledForward, "{width:32px;height:32px;}}&:focus-visible{border:2px solid ", _core.colors.brand.dark, ";}}", _core.mq.range({
   until: _core.breakpoints.tabletWide
-}), "{& ", InfoWrapper, " :first-child{text-decoration:underline;}:active :first-child{text-decoration:none;}}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkxpbmtCbG9jay50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBOEJ1QyIsImZpbGUiOiJMaW5rQmxvY2sudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDb3B5cmlnaHQgKGMpIDIwMjMtcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLlxuICpcbiAqL1xuXG5pbXBvcnQgeyBmb3JtYXQgfSBmcm9tICdkYXRlLWZucyc7XG5pbXBvcnQgeyBlbkdCLCBuYiwgbm4gfSBmcm9tICdkYXRlLWZucy9sb2NhbGUnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IFNhZmVMaW5rIGZyb20gJ0BuZGxhL3NhZmVsaW5rJztcbmltcG9ydCB7IEZvcndhcmQsIENhbGVuZGFyRWQgfSBmcm9tICdAbmRsYS9pY29ucy9jb21tb24nO1xuaW1wb3J0IHsgYnJlYWtwb2ludHMsIGNvbG9ycywgc3BhY2luZywgbXEgfSBmcm9tICdAbmRsYS9jb3JlJztcbmltcG9ydCB7IExpbmtCbG9ja0VtYmVkRGF0YSB9IGZyb20gJ0BuZGxhL3R5cGVzLWVtYmVkJztcbmltcG9ydCB7IHVzZU1lbW8gfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgSGVhZGluZyBmcm9tICcuLi9UeXBvZ3JhcGh5L0hlYWRpbmcnO1xuXG5jb25zdCBTdHlsZWRGb3J3YXJkID0gc3R5bGVkKEZvcndhcmQpYFxuICBtYXJnaW46IDAgJHtzcGFjaW5nLm5zbWFsbH07XG4gIG1pbi13aWR0aDogJHtzcGFjaW5nLm5vcm1hbH07XG4gIG1pbi1oZWlnaHQ6ICR7c3BhY2luZy5ub3JtYWx9O1xuYDtcblxuY29uc3QgSW5mb1dyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICBnYXA6ICR7c3BhY2luZy5zbWFsbH07XG5gO1xuXG5jb25zdCBTdHlsZWRTYWZlTGluayA9IHN0eWxlZChTYWZlTGluaylgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgYm94LXNoYWRvdzogbm9uZTtcbiAgY29sb3I6IGluaGVyaXQ7XG4gIGJhY2tncm91bmQtY29sb3I6ICR7Y29sb3JzLndoaXRlfTtcbiAgYm9yZGVyOiAxcHggc29saWQgJHtjb2xvcnMuYnJhbmQubGlnaHRlcn07XG4gIHBhZGRpbmc6ICR7c3BhY2luZy5ub3JtYWx9O1xuICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMudGFibGV0V2lkZSB9KX0ge1xuICAgICY6aG92ZXIge1xuICAgICAgJiAke0luZm9XcmFwcGVyfSA6Zmlyc3QtY2hpbGQge1xuICAgICAgICB0ZXh0LWRlY29yYXRpb246IHVuZGVybGluZTtcbiAgICAgIH1cbiAgICAgICYgJHtTdHlsZWRGb3J3YXJkfSB7XG4gICAgICAgIHdpZHRoOiAzMnB4O1xuICAgICAgICBoZWlnaHQ6IDMycHg7XG4gICAgICB9XG4gICAgfVxuICAgICY6Zm9jdXMtdmlzaWJsZSB7XG4gICAgICBib3JkZXI6IDJweCBzb2xpZCAke2NvbG9ycy5icmFuZC5kYXJrfTtcbiAgICB9XG4gIH1cbiAgJHttcS5yYW5nZSh7IHVudGlsOiBicmVha3BvaW50cy50YWJsZXRXaWRlIH0pfSB7XG4gICAgJiAke0luZm9XcmFwcGVyfSA6Zmlyc3QtY2hpbGQge1xuICAgICAgdGV4dC1kZWNvcmF0aW9uOiB1bmRlcmxpbmU7XG4gICAgfVxuICAgIDphY3RpdmUgOmZpcnN0LWNoaWxkIHtcbiAgICAgIHRleHQtZGVjb3JhdGlvbjogbm9uZTtcbiAgICB9XG4gIH1cbmA7XG5cbmNvbnN0IFN0eWxlZERhdGVDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBwYWRkaW5nLXRvcDogJHtzcGFjaW5nLnhzbWFsbH07XG4gIGdhcDogJHtzcGFjaW5nLnNtYWxsfTtcbmA7XG5cbmNvbnN0IFN0eWxlZENhbGVuZGVyRWQgPSBzdHlsZWQoQ2FsZW5kYXJFZClgXG4gIGNvbG9yOiAke2NvbG9ycy5pY29uLmljb25CbHVlfTtcbmA7XG5cbmNvbnN0IExpbmtCbG9jayA9ICh7IHRpdGxlLCBsYW5ndWFnZSwgZGF0ZSwgdXJsIH06IE9taXQ8TGlua0Jsb2NrRW1iZWREYXRhLCAncmVzb3VyY2UnPikgPT4ge1xuICBjb25zdCBmb3JtYXR0ZWREYXRlID0gdXNlTWVtbygoKSA9PiB7XG4gICAgaWYgKCFkYXRlKSByZXR1cm4gbnVsbDtcbiAgICBjb25zdCBsb2NhbGUgPSBsYW5ndWFnZSA9PT0gJ25iJyA/IG5iIDogbGFuZ3VhZ2UgPT09ICdubicgPyBubiA6IGVuR0I7XG4gICAgcmV0dXJuIGZvcm1hdChuZXcgRGF0ZShkYXRlKSwgJ2RkLiBMTExMLiB5eXl5JywgeyBsb2NhbGUgfSk7XG4gIH0sIFtkYXRlLCBsYW5ndWFnZV0pO1xuXG4gIHJldHVybiAoXG4gICAgPFN0eWxlZFNhZmVMaW5rIHRvPXt1cmx9PlxuICAgICAgPEluZm9XcmFwcGVyPlxuICAgICAgICA8SGVhZGluZyBlbGVtZW50PVwiaDNcIiBtYXJnaW49XCJub25lXCIgaGVhZGluZ1N0eWxlPVwiaDNcIiBsYW5nPXtsYW5ndWFnZX0+XG4gICAgICAgICAge3RpdGxlfVxuICAgICAgICA8L0hlYWRpbmc+XG4gICAgICAgIHtkYXRlICYmIChcbiAgICAgICAgICA8U3R5bGVkRGF0ZUNvbnRhaW5lcj5cbiAgICAgICAgICAgIDxTdHlsZWRDYWxlbmRlckVkIC8+XG4gICAgICAgICAgICB7Zm9ybWF0dGVkRGF0ZX1cbiAgICAgICAgICA8L1N0eWxlZERhdGVDb250YWluZXI+XG4gICAgICAgICl9XG4gICAgICA8L0luZm9XcmFwcGVyPlxuICAgICAgPFN0eWxlZEZvcndhcmQgLz5cbiAgICA8L1N0eWxlZFNhZmVMaW5rPlxuICApO1xufTtcblxuZXhwb3J0IGRlZmF1bHQgTGlua0Jsb2NrO1xuIl19 */"));
+}), "{& ", InfoWrapper, " :first-child{text-decoration:underline;}:active :first-child{text-decoration:none;}}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkxpbmtCbG9jay50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBK0J1QyIsImZpbGUiOiJMaW5rQmxvY2sudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDb3B5cmlnaHQgKGMpIDIwMjMtcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLlxuICpcbiAqL1xuXG5pbXBvcnQgeyBmb3JtYXQgfSBmcm9tICdkYXRlLWZucyc7XG5pbXBvcnQgeyBlbkdCLCBuYiwgbm4gfSBmcm9tICdkYXRlLWZucy9sb2NhbGUnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IFNhZmVMaW5rIGZyb20gJ0BuZGxhL3NhZmVsaW5rJztcbmltcG9ydCB7IEZvcndhcmQsIENhbGVuZGFyRWQgfSBmcm9tICdAbmRsYS9pY29ucy9jb21tb24nO1xuaW1wb3J0IHsgYnJlYWtwb2ludHMsIGNvbG9ycywgc3BhY2luZywgbXEgfSBmcm9tICdAbmRsYS9jb3JlJztcbmltcG9ydCB7IExpbmtCbG9ja0VtYmVkRGF0YSB9IGZyb20gJ0BuZGxhL3R5cGVzLWVtYmVkJztcbmltcG9ydCB7IHVzZU1lbW8gfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgSGVhZGluZyBmcm9tICcuLi9UeXBvZ3JhcGh5L0hlYWRpbmcnO1xuaW1wb3J0IHsgdXNlUG9zc2libHlSZWxhdGl2ZVVybCB9IGZyb20gJy4uL3V0aWxzL3JlbGF0aXZlVXJsJztcblxuY29uc3QgU3R5bGVkRm9yd2FyZCA9IHN0eWxlZChGb3J3YXJkKWBcbiAgbWFyZ2luOiAwICR7c3BhY2luZy5uc21hbGx9O1xuICBtaW4td2lkdGg6ICR7c3BhY2luZy5ub3JtYWx9O1xuICBtaW4taGVpZ2h0OiAke3NwYWNpbmcubm9ybWFsfTtcbmA7XG5cbmNvbnN0IEluZm9XcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgZ2FwOiAke3NwYWNpbmcuc21hbGx9O1xuYDtcblxuY29uc3QgU3R5bGVkU2FmZUxpbmsgPSBzdHlsZWQoU2FmZUxpbmspYFxuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGJveC1zaGFkb3c6IG5vbmU7XG4gIGNvbG9yOiBpbmhlcml0O1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAke2NvbG9ycy53aGl0ZX07XG4gIGJvcmRlcjogMXB4IHNvbGlkICR7Y29sb3JzLmJyYW5kLmxpZ2h0ZXJ9O1xuICBwYWRkaW5nOiAke3NwYWNpbmcubm9ybWFsfTtcbiAgJHttcS5yYW5nZSh7IGZyb206IGJyZWFrcG9pbnRzLnRhYmxldFdpZGUgfSl9IHtcbiAgICAmOmhvdmVyIHtcbiAgICAgICYgJHtJbmZvV3JhcHBlcn0gOmZpcnN0LWNoaWxkIHtcbiAgICAgICAgdGV4dC1kZWNvcmF0aW9uOiB1bmRlcmxpbmU7XG4gICAgICB9XG4gICAgICAmICR7U3R5bGVkRm9yd2FyZH0ge1xuICAgICAgICB3aWR0aDogMzJweDtcbiAgICAgICAgaGVpZ2h0OiAzMnB4O1xuICAgICAgfVxuICAgIH1cbiAgICAmOmZvY3VzLXZpc2libGUge1xuICAgICAgYm9yZGVyOiAycHggc29saWQgJHtjb2xvcnMuYnJhbmQuZGFya307XG4gICAgfVxuICB9XG4gICR7bXEucmFuZ2UoeyB1bnRpbDogYnJlYWtwb2ludHMudGFibGV0V2lkZSB9KX0ge1xuICAgICYgJHtJbmZvV3JhcHBlcn0gOmZpcnN0LWNoaWxkIHtcbiAgICAgIHRleHQtZGVjb3JhdGlvbjogdW5kZXJsaW5lO1xuICAgIH1cbiAgICA6YWN0aXZlIDpmaXJzdC1jaGlsZCB7XG4gICAgICB0ZXh0LWRlY29yYXRpb246IG5vbmU7XG4gICAgfVxuICB9XG5gO1xuXG5jb25zdCBTdHlsZWREYXRlQ29udGFpbmVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgcGFkZGluZy10b3A6ICR7c3BhY2luZy54c21hbGx9O1xuICBnYXA6ICR7c3BhY2luZy5zbWFsbH07XG5gO1xuXG5jb25zdCBTdHlsZWRDYWxlbmRlckVkID0gc3R5bGVkKENhbGVuZGFyRWQpYFxuICBjb2xvcjogJHtjb2xvcnMuaWNvbi5pY29uQmx1ZX07XG5gO1xuXG5pbnRlcmZhY2UgUHJvcHMgZXh0ZW5kcyBPbWl0PExpbmtCbG9ja0VtYmVkRGF0YSwgJ3Jlc291cmNlJz4ge1xuICBwYXRoPzogc3RyaW5nO1xufVxuXG5jb25zdCBMaW5rQmxvY2sgPSAoeyB0aXRsZSwgbGFuZ3VhZ2UsIGRhdGUsIHVybCwgcGF0aCB9OiBQcm9wcykgPT4ge1xuICBjb25zdCBocmVmID0gdXNlUG9zc2libHlSZWxhdGl2ZVVybCh1cmwsIHBhdGgpO1xuICBjb25zdCBmb3JtYXR0ZWREYXRlID0gdXNlTWVtbygoKSA9PiB7XG4gICAgaWYgKCFkYXRlKSByZXR1cm4gbnVsbDtcbiAgICBjb25zdCBsb2NhbGUgPSBsYW5ndWFnZSA9PT0gJ25iJyA/IG5iIDogbGFuZ3VhZ2UgPT09ICdubicgPyBubiA6IGVuR0I7XG4gICAgcmV0dXJuIGZvcm1hdChuZXcgRGF0ZShkYXRlKSwgJ2RkLiBMTExMLiB5eXl5JywgeyBsb2NhbGUgfSk7XG4gIH0sIFtkYXRlLCBsYW5ndWFnZV0pO1xuXG4gIHJldHVybiAoXG4gICAgPFN0eWxlZFNhZmVMaW5rIHRvPXtocmVmfT5cbiAgICAgIDxJbmZvV3JhcHBlcj5cbiAgICAgICAgPEhlYWRpbmcgZWxlbWVudD1cImgzXCIgbWFyZ2luPVwibm9uZVwiIGhlYWRpbmdTdHlsZT1cImgzXCIgbGFuZz17bGFuZ3VhZ2V9PlxuICAgICAgICAgIHt0aXRsZX1cbiAgICAgICAgPC9IZWFkaW5nPlxuICAgICAgICB7ZGF0ZSAmJiAoXG4gICAgICAgICAgPFN0eWxlZERhdGVDb250YWluZXI+XG4gICAgICAgICAgICA8U3R5bGVkQ2FsZW5kZXJFZCAvPlxuICAgICAgICAgICAge2Zvcm1hdHRlZERhdGV9XG4gICAgICAgICAgPC9TdHlsZWREYXRlQ29udGFpbmVyPlxuICAgICAgICApfVxuICAgICAgPC9JbmZvV3JhcHBlcj5cbiAgICAgIDxTdHlsZWRGb3J3YXJkIC8+XG4gICAgPC9TdHlsZWRTYWZlTGluaz5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IExpbmtCbG9jaztcbiJdfQ== */"));
 var StyledDateContainer = /*#__PURE__*/(0, _base.default)("div", {
   target: "e1wf6l0z1",
   label: "StyledDateContainer"
-})("display:flex;align-items:center;padding-top:", _core.spacing.xsmall, ";gap:", _core.spacing.small, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkxpbmtCbG9jay50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBK0RzQyIsImZpbGUiOiJMaW5rQmxvY2sudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDb3B5cmlnaHQgKGMpIDIwMjMtcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLlxuICpcbiAqL1xuXG5pbXBvcnQgeyBmb3JtYXQgfSBmcm9tICdkYXRlLWZucyc7XG5pbXBvcnQgeyBlbkdCLCBuYiwgbm4gfSBmcm9tICdkYXRlLWZucy9sb2NhbGUnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IFNhZmVMaW5rIGZyb20gJ0BuZGxhL3NhZmVsaW5rJztcbmltcG9ydCB7IEZvcndhcmQsIENhbGVuZGFyRWQgfSBmcm9tICdAbmRsYS9pY29ucy9jb21tb24nO1xuaW1wb3J0IHsgYnJlYWtwb2ludHMsIGNvbG9ycywgc3BhY2luZywgbXEgfSBmcm9tICdAbmRsYS9jb3JlJztcbmltcG9ydCB7IExpbmtCbG9ja0VtYmVkRGF0YSB9IGZyb20gJ0BuZGxhL3R5cGVzLWVtYmVkJztcbmltcG9ydCB7IHVzZU1lbW8gfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgSGVhZGluZyBmcm9tICcuLi9UeXBvZ3JhcGh5L0hlYWRpbmcnO1xuXG5jb25zdCBTdHlsZWRGb3J3YXJkID0gc3R5bGVkKEZvcndhcmQpYFxuICBtYXJnaW46IDAgJHtzcGFjaW5nLm5zbWFsbH07XG4gIG1pbi13aWR0aDogJHtzcGFjaW5nLm5vcm1hbH07XG4gIG1pbi1oZWlnaHQ6ICR7c3BhY2luZy5ub3JtYWx9O1xuYDtcblxuY29uc3QgSW5mb1dyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICBnYXA6ICR7c3BhY2luZy5zbWFsbH07XG5gO1xuXG5jb25zdCBTdHlsZWRTYWZlTGluayA9IHN0eWxlZChTYWZlTGluaylgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgYm94LXNoYWRvdzogbm9uZTtcbiAgY29sb3I6IGluaGVyaXQ7XG4gIGJhY2tncm91bmQtY29sb3I6ICR7Y29sb3JzLndoaXRlfTtcbiAgYm9yZGVyOiAxcHggc29saWQgJHtjb2xvcnMuYnJhbmQubGlnaHRlcn07XG4gIHBhZGRpbmc6ICR7c3BhY2luZy5ub3JtYWx9O1xuICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMudGFibGV0V2lkZSB9KX0ge1xuICAgICY6aG92ZXIge1xuICAgICAgJiAke0luZm9XcmFwcGVyfSA6Zmlyc3QtY2hpbGQge1xuICAgICAgICB0ZXh0LWRlY29yYXRpb246IHVuZGVybGluZTtcbiAgICAgIH1cbiAgICAgICYgJHtTdHlsZWRGb3J3YXJkfSB7XG4gICAgICAgIHdpZHRoOiAzMnB4O1xuICAgICAgICBoZWlnaHQ6IDMycHg7XG4gICAgICB9XG4gICAgfVxuICAgICY6Zm9jdXMtdmlzaWJsZSB7XG4gICAgICBib3JkZXI6IDJweCBzb2xpZCAke2NvbG9ycy5icmFuZC5kYXJrfTtcbiAgICB9XG4gIH1cbiAgJHttcS5yYW5nZSh7IHVudGlsOiBicmVha3BvaW50cy50YWJsZXRXaWRlIH0pfSB7XG4gICAgJiAke0luZm9XcmFwcGVyfSA6Zmlyc3QtY2hpbGQge1xuICAgICAgdGV4dC1kZWNvcmF0aW9uOiB1bmRlcmxpbmU7XG4gICAgfVxuICAgIDphY3RpdmUgOmZpcnN0LWNoaWxkIHtcbiAgICAgIHRleHQtZGVjb3JhdGlvbjogbm9uZTtcbiAgICB9XG4gIH1cbmA7XG5cbmNvbnN0IFN0eWxlZERhdGVDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBwYWRkaW5nLXRvcDogJHtzcGFjaW5nLnhzbWFsbH07XG4gIGdhcDogJHtzcGFjaW5nLnNtYWxsfTtcbmA7XG5cbmNvbnN0IFN0eWxlZENhbGVuZGVyRWQgPSBzdHlsZWQoQ2FsZW5kYXJFZClgXG4gIGNvbG9yOiAke2NvbG9ycy5pY29uLmljb25CbHVlfTtcbmA7XG5cbmNvbnN0IExpbmtCbG9jayA9ICh7IHRpdGxlLCBsYW5ndWFnZSwgZGF0ZSwgdXJsIH06IE9taXQ8TGlua0Jsb2NrRW1iZWREYXRhLCAncmVzb3VyY2UnPikgPT4ge1xuICBjb25zdCBmb3JtYXR0ZWREYXRlID0gdXNlTWVtbygoKSA9PiB7XG4gICAgaWYgKCFkYXRlKSByZXR1cm4gbnVsbDtcbiAgICBjb25zdCBsb2NhbGUgPSBsYW5ndWFnZSA9PT0gJ25iJyA/IG5iIDogbGFuZ3VhZ2UgPT09ICdubicgPyBubiA6IGVuR0I7XG4gICAgcmV0dXJuIGZvcm1hdChuZXcgRGF0ZShkYXRlKSwgJ2RkLiBMTExMLiB5eXl5JywgeyBsb2NhbGUgfSk7XG4gIH0sIFtkYXRlLCBsYW5ndWFnZV0pO1xuXG4gIHJldHVybiAoXG4gICAgPFN0eWxlZFNhZmVMaW5rIHRvPXt1cmx9PlxuICAgICAgPEluZm9XcmFwcGVyPlxuICAgICAgICA8SGVhZGluZyBlbGVtZW50PVwiaDNcIiBtYXJnaW49XCJub25lXCIgaGVhZGluZ1N0eWxlPVwiaDNcIiBsYW5nPXtsYW5ndWFnZX0+XG4gICAgICAgICAge3RpdGxlfVxuICAgICAgICA8L0hlYWRpbmc+XG4gICAgICAgIHtkYXRlICYmIChcbiAgICAgICAgICA8U3R5bGVkRGF0ZUNvbnRhaW5lcj5cbiAgICAgICAgICAgIDxTdHlsZWRDYWxlbmRlckVkIC8+XG4gICAgICAgICAgICB7Zm9ybWF0dGVkRGF0ZX1cbiAgICAgICAgICA8L1N0eWxlZERhdGVDb250YWluZXI+XG4gICAgICAgICl9XG4gICAgICA8L0luZm9XcmFwcGVyPlxuICAgICAgPFN0eWxlZEZvcndhcmQgLz5cbiAgICA8L1N0eWxlZFNhZmVMaW5rPlxuICApO1xufTtcblxuZXhwb3J0IGRlZmF1bHQgTGlua0Jsb2NrO1xuIl19 */"));
+})("display:flex;align-items:center;padding-top:", _core.spacing.xsmall, ";gap:", _core.spacing.small, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkxpbmtCbG9jay50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZ0VzQyIsImZpbGUiOiJMaW5rQmxvY2sudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDb3B5cmlnaHQgKGMpIDIwMjMtcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLlxuICpcbiAqL1xuXG5pbXBvcnQgeyBmb3JtYXQgfSBmcm9tICdkYXRlLWZucyc7XG5pbXBvcnQgeyBlbkdCLCBuYiwgbm4gfSBmcm9tICdkYXRlLWZucy9sb2NhbGUnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IFNhZmVMaW5rIGZyb20gJ0BuZGxhL3NhZmVsaW5rJztcbmltcG9ydCB7IEZvcndhcmQsIENhbGVuZGFyRWQgfSBmcm9tICdAbmRsYS9pY29ucy9jb21tb24nO1xuaW1wb3J0IHsgYnJlYWtwb2ludHMsIGNvbG9ycywgc3BhY2luZywgbXEgfSBmcm9tICdAbmRsYS9jb3JlJztcbmltcG9ydCB7IExpbmtCbG9ja0VtYmVkRGF0YSB9IGZyb20gJ0BuZGxhL3R5cGVzLWVtYmVkJztcbmltcG9ydCB7IHVzZU1lbW8gfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgSGVhZGluZyBmcm9tICcuLi9UeXBvZ3JhcGh5L0hlYWRpbmcnO1xuaW1wb3J0IHsgdXNlUG9zc2libHlSZWxhdGl2ZVVybCB9IGZyb20gJy4uL3V0aWxzL3JlbGF0aXZlVXJsJztcblxuY29uc3QgU3R5bGVkRm9yd2FyZCA9IHN0eWxlZChGb3J3YXJkKWBcbiAgbWFyZ2luOiAwICR7c3BhY2luZy5uc21hbGx9O1xuICBtaW4td2lkdGg6ICR7c3BhY2luZy5ub3JtYWx9O1xuICBtaW4taGVpZ2h0OiAke3NwYWNpbmcubm9ybWFsfTtcbmA7XG5cbmNvbnN0IEluZm9XcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgZ2FwOiAke3NwYWNpbmcuc21hbGx9O1xuYDtcblxuY29uc3QgU3R5bGVkU2FmZUxpbmsgPSBzdHlsZWQoU2FmZUxpbmspYFxuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGJveC1zaGFkb3c6IG5vbmU7XG4gIGNvbG9yOiBpbmhlcml0O1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAke2NvbG9ycy53aGl0ZX07XG4gIGJvcmRlcjogMXB4IHNvbGlkICR7Y29sb3JzLmJyYW5kLmxpZ2h0ZXJ9O1xuICBwYWRkaW5nOiAke3NwYWNpbmcubm9ybWFsfTtcbiAgJHttcS5yYW5nZSh7IGZyb206IGJyZWFrcG9pbnRzLnRhYmxldFdpZGUgfSl9IHtcbiAgICAmOmhvdmVyIHtcbiAgICAgICYgJHtJbmZvV3JhcHBlcn0gOmZpcnN0LWNoaWxkIHtcbiAgICAgICAgdGV4dC1kZWNvcmF0aW9uOiB1bmRlcmxpbmU7XG4gICAgICB9XG4gICAgICAmICR7U3R5bGVkRm9yd2FyZH0ge1xuICAgICAgICB3aWR0aDogMzJweDtcbiAgICAgICAgaGVpZ2h0OiAzMnB4O1xuICAgICAgfVxuICAgIH1cbiAgICAmOmZvY3VzLXZpc2libGUge1xuICAgICAgYm9yZGVyOiAycHggc29saWQgJHtjb2xvcnMuYnJhbmQuZGFya307XG4gICAgfVxuICB9XG4gICR7bXEucmFuZ2UoeyB1bnRpbDogYnJlYWtwb2ludHMudGFibGV0V2lkZSB9KX0ge1xuICAgICYgJHtJbmZvV3JhcHBlcn0gOmZpcnN0LWNoaWxkIHtcbiAgICAgIHRleHQtZGVjb3JhdGlvbjogdW5kZXJsaW5lO1xuICAgIH1cbiAgICA6YWN0aXZlIDpmaXJzdC1jaGlsZCB7XG4gICAgICB0ZXh0LWRlY29yYXRpb246IG5vbmU7XG4gICAgfVxuICB9XG5gO1xuXG5jb25zdCBTdHlsZWREYXRlQ29udGFpbmVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgcGFkZGluZy10b3A6ICR7c3BhY2luZy54c21hbGx9O1xuICBnYXA6ICR7c3BhY2luZy5zbWFsbH07XG5gO1xuXG5jb25zdCBTdHlsZWRDYWxlbmRlckVkID0gc3R5bGVkKENhbGVuZGFyRWQpYFxuICBjb2xvcjogJHtjb2xvcnMuaWNvbi5pY29uQmx1ZX07XG5gO1xuXG5pbnRlcmZhY2UgUHJvcHMgZXh0ZW5kcyBPbWl0PExpbmtCbG9ja0VtYmVkRGF0YSwgJ3Jlc291cmNlJz4ge1xuICBwYXRoPzogc3RyaW5nO1xufVxuXG5jb25zdCBMaW5rQmxvY2sgPSAoeyB0aXRsZSwgbGFuZ3VhZ2UsIGRhdGUsIHVybCwgcGF0aCB9OiBQcm9wcykgPT4ge1xuICBjb25zdCBocmVmID0gdXNlUG9zc2libHlSZWxhdGl2ZVVybCh1cmwsIHBhdGgpO1xuICBjb25zdCBmb3JtYXR0ZWREYXRlID0gdXNlTWVtbygoKSA9PiB7XG4gICAgaWYgKCFkYXRlKSByZXR1cm4gbnVsbDtcbiAgICBjb25zdCBsb2NhbGUgPSBsYW5ndWFnZSA9PT0gJ25iJyA/IG5iIDogbGFuZ3VhZ2UgPT09ICdubicgPyBubiA6IGVuR0I7XG4gICAgcmV0dXJuIGZvcm1hdChuZXcgRGF0ZShkYXRlKSwgJ2RkLiBMTExMLiB5eXl5JywgeyBsb2NhbGUgfSk7XG4gIH0sIFtkYXRlLCBsYW5ndWFnZV0pO1xuXG4gIHJldHVybiAoXG4gICAgPFN0eWxlZFNhZmVMaW5rIHRvPXtocmVmfT5cbiAgICAgIDxJbmZvV3JhcHBlcj5cbiAgICAgICAgPEhlYWRpbmcgZWxlbWVudD1cImgzXCIgbWFyZ2luPVwibm9uZVwiIGhlYWRpbmdTdHlsZT1cImgzXCIgbGFuZz17bGFuZ3VhZ2V9PlxuICAgICAgICAgIHt0aXRsZX1cbiAgICAgICAgPC9IZWFkaW5nPlxuICAgICAgICB7ZGF0ZSAmJiAoXG4gICAgICAgICAgPFN0eWxlZERhdGVDb250YWluZXI+XG4gICAgICAgICAgICA8U3R5bGVkQ2FsZW5kZXJFZCAvPlxuICAgICAgICAgICAge2Zvcm1hdHRlZERhdGV9XG4gICAgICAgICAgPC9TdHlsZWREYXRlQ29udGFpbmVyPlxuICAgICAgICApfVxuICAgICAgPC9JbmZvV3JhcHBlcj5cbiAgICAgIDxTdHlsZWRGb3J3YXJkIC8+XG4gICAgPC9TdHlsZWRTYWZlTGluaz5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IExpbmtCbG9jaztcbiJdfQ== */"));
 var StyledCalenderEd = /*#__PURE__*/(0, _base.default)(_common.CalendarEd, {
   target: "e1wf6l0z0",
   label: "StyledCalenderEd"
-})("color:", _core.colors.icon.iconBlue, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkxpbmtCbG9jay50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBc0UyQyIsImZpbGUiOiJMaW5rQmxvY2sudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDb3B5cmlnaHQgKGMpIDIwMjMtcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLlxuICpcbiAqL1xuXG5pbXBvcnQgeyBmb3JtYXQgfSBmcm9tICdkYXRlLWZucyc7XG5pbXBvcnQgeyBlbkdCLCBuYiwgbm4gfSBmcm9tICdkYXRlLWZucy9sb2NhbGUnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IFNhZmVMaW5rIGZyb20gJ0BuZGxhL3NhZmVsaW5rJztcbmltcG9ydCB7IEZvcndhcmQsIENhbGVuZGFyRWQgfSBmcm9tICdAbmRsYS9pY29ucy9jb21tb24nO1xuaW1wb3J0IHsgYnJlYWtwb2ludHMsIGNvbG9ycywgc3BhY2luZywgbXEgfSBmcm9tICdAbmRsYS9jb3JlJztcbmltcG9ydCB7IExpbmtCbG9ja0VtYmVkRGF0YSB9IGZyb20gJ0BuZGxhL3R5cGVzLWVtYmVkJztcbmltcG9ydCB7IHVzZU1lbW8gfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgSGVhZGluZyBmcm9tICcuLi9UeXBvZ3JhcGh5L0hlYWRpbmcnO1xuXG5jb25zdCBTdHlsZWRGb3J3YXJkID0gc3R5bGVkKEZvcndhcmQpYFxuICBtYXJnaW46IDAgJHtzcGFjaW5nLm5zbWFsbH07XG4gIG1pbi13aWR0aDogJHtzcGFjaW5nLm5vcm1hbH07XG4gIG1pbi1oZWlnaHQ6ICR7c3BhY2luZy5ub3JtYWx9O1xuYDtcblxuY29uc3QgSW5mb1dyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICBnYXA6ICR7c3BhY2luZy5zbWFsbH07XG5gO1xuXG5jb25zdCBTdHlsZWRTYWZlTGluayA9IHN0eWxlZChTYWZlTGluaylgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgYm94LXNoYWRvdzogbm9uZTtcbiAgY29sb3I6IGluaGVyaXQ7XG4gIGJhY2tncm91bmQtY29sb3I6ICR7Y29sb3JzLndoaXRlfTtcbiAgYm9yZGVyOiAxcHggc29saWQgJHtjb2xvcnMuYnJhbmQubGlnaHRlcn07XG4gIHBhZGRpbmc6ICR7c3BhY2luZy5ub3JtYWx9O1xuICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMudGFibGV0V2lkZSB9KX0ge1xuICAgICY6aG92ZXIge1xuICAgICAgJiAke0luZm9XcmFwcGVyfSA6Zmlyc3QtY2hpbGQge1xuICAgICAgICB0ZXh0LWRlY29yYXRpb246IHVuZGVybGluZTtcbiAgICAgIH1cbiAgICAgICYgJHtTdHlsZWRGb3J3YXJkfSB7XG4gICAgICAgIHdpZHRoOiAzMnB4O1xuICAgICAgICBoZWlnaHQ6IDMycHg7XG4gICAgICB9XG4gICAgfVxuICAgICY6Zm9jdXMtdmlzaWJsZSB7XG4gICAgICBib3JkZXI6IDJweCBzb2xpZCAke2NvbG9ycy5icmFuZC5kYXJrfTtcbiAgICB9XG4gIH1cbiAgJHttcS5yYW5nZSh7IHVudGlsOiBicmVha3BvaW50cy50YWJsZXRXaWRlIH0pfSB7XG4gICAgJiAke0luZm9XcmFwcGVyfSA6Zmlyc3QtY2hpbGQge1xuICAgICAgdGV4dC1kZWNvcmF0aW9uOiB1bmRlcmxpbmU7XG4gICAgfVxuICAgIDphY3RpdmUgOmZpcnN0LWNoaWxkIHtcbiAgICAgIHRleHQtZGVjb3JhdGlvbjogbm9uZTtcbiAgICB9XG4gIH1cbmA7XG5cbmNvbnN0IFN0eWxlZERhdGVDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBwYWRkaW5nLXRvcDogJHtzcGFjaW5nLnhzbWFsbH07XG4gIGdhcDogJHtzcGFjaW5nLnNtYWxsfTtcbmA7XG5cbmNvbnN0IFN0eWxlZENhbGVuZGVyRWQgPSBzdHlsZWQoQ2FsZW5kYXJFZClgXG4gIGNvbG9yOiAke2NvbG9ycy5pY29uLmljb25CbHVlfTtcbmA7XG5cbmNvbnN0IExpbmtCbG9jayA9ICh7IHRpdGxlLCBsYW5ndWFnZSwgZGF0ZSwgdXJsIH06IE9taXQ8TGlua0Jsb2NrRW1iZWREYXRhLCAncmVzb3VyY2UnPikgPT4ge1xuICBjb25zdCBmb3JtYXR0ZWREYXRlID0gdXNlTWVtbygoKSA9PiB7XG4gICAgaWYgKCFkYXRlKSByZXR1cm4gbnVsbDtcbiAgICBjb25zdCBsb2NhbGUgPSBsYW5ndWFnZSA9PT0gJ25iJyA/IG5iIDogbGFuZ3VhZ2UgPT09ICdubicgPyBubiA6IGVuR0I7XG4gICAgcmV0dXJuIGZvcm1hdChuZXcgRGF0ZShkYXRlKSwgJ2RkLiBMTExMLiB5eXl5JywgeyBsb2NhbGUgfSk7XG4gIH0sIFtkYXRlLCBsYW5ndWFnZV0pO1xuXG4gIHJldHVybiAoXG4gICAgPFN0eWxlZFNhZmVMaW5rIHRvPXt1cmx9PlxuICAgICAgPEluZm9XcmFwcGVyPlxuICAgICAgICA8SGVhZGluZyBlbGVtZW50PVwiaDNcIiBtYXJnaW49XCJub25lXCIgaGVhZGluZ1N0eWxlPVwiaDNcIiBsYW5nPXtsYW5ndWFnZX0+XG4gICAgICAgICAge3RpdGxlfVxuICAgICAgICA8L0hlYWRpbmc+XG4gICAgICAgIHtkYXRlICYmIChcbiAgICAgICAgICA8U3R5bGVkRGF0ZUNvbnRhaW5lcj5cbiAgICAgICAgICAgIDxTdHlsZWRDYWxlbmRlckVkIC8+XG4gICAgICAgICAgICB7Zm9ybWF0dGVkRGF0ZX1cbiAgICAgICAgICA8L1N0eWxlZERhdGVDb250YWluZXI+XG4gICAgICAgICl9XG4gICAgICA8L0luZm9XcmFwcGVyPlxuICAgICAgPFN0eWxlZEZvcndhcmQgLz5cbiAgICA8L1N0eWxlZFNhZmVMaW5rPlxuICApO1xufTtcblxuZXhwb3J0IGRlZmF1bHQgTGlua0Jsb2NrO1xuIl19 */"));
+})("color:", _core.colors.icon.iconBlue, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkxpbmtCbG9jay50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBdUUyQyIsImZpbGUiOiJMaW5rQmxvY2sudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDb3B5cmlnaHQgKGMpIDIwMjMtcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLlxuICpcbiAqL1xuXG5pbXBvcnQgeyBmb3JtYXQgfSBmcm9tICdkYXRlLWZucyc7XG5pbXBvcnQgeyBlbkdCLCBuYiwgbm4gfSBmcm9tICdkYXRlLWZucy9sb2NhbGUnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IFNhZmVMaW5rIGZyb20gJ0BuZGxhL3NhZmVsaW5rJztcbmltcG9ydCB7IEZvcndhcmQsIENhbGVuZGFyRWQgfSBmcm9tICdAbmRsYS9pY29ucy9jb21tb24nO1xuaW1wb3J0IHsgYnJlYWtwb2ludHMsIGNvbG9ycywgc3BhY2luZywgbXEgfSBmcm9tICdAbmRsYS9jb3JlJztcbmltcG9ydCB7IExpbmtCbG9ja0VtYmVkRGF0YSB9IGZyb20gJ0BuZGxhL3R5cGVzLWVtYmVkJztcbmltcG9ydCB7IHVzZU1lbW8gfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgSGVhZGluZyBmcm9tICcuLi9UeXBvZ3JhcGh5L0hlYWRpbmcnO1xuaW1wb3J0IHsgdXNlUG9zc2libHlSZWxhdGl2ZVVybCB9IGZyb20gJy4uL3V0aWxzL3JlbGF0aXZlVXJsJztcblxuY29uc3QgU3R5bGVkRm9yd2FyZCA9IHN0eWxlZChGb3J3YXJkKWBcbiAgbWFyZ2luOiAwICR7c3BhY2luZy5uc21hbGx9O1xuICBtaW4td2lkdGg6ICR7c3BhY2luZy5ub3JtYWx9O1xuICBtaW4taGVpZ2h0OiAke3NwYWNpbmcubm9ybWFsfTtcbmA7XG5cbmNvbnN0IEluZm9XcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgZ2FwOiAke3NwYWNpbmcuc21hbGx9O1xuYDtcblxuY29uc3QgU3R5bGVkU2FmZUxpbmsgPSBzdHlsZWQoU2FmZUxpbmspYFxuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGJveC1zaGFkb3c6IG5vbmU7XG4gIGNvbG9yOiBpbmhlcml0O1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAke2NvbG9ycy53aGl0ZX07XG4gIGJvcmRlcjogMXB4IHNvbGlkICR7Y29sb3JzLmJyYW5kLmxpZ2h0ZXJ9O1xuICBwYWRkaW5nOiAke3NwYWNpbmcubm9ybWFsfTtcbiAgJHttcS5yYW5nZSh7IGZyb206IGJyZWFrcG9pbnRzLnRhYmxldFdpZGUgfSl9IHtcbiAgICAmOmhvdmVyIHtcbiAgICAgICYgJHtJbmZvV3JhcHBlcn0gOmZpcnN0LWNoaWxkIHtcbiAgICAgICAgdGV4dC1kZWNvcmF0aW9uOiB1bmRlcmxpbmU7XG4gICAgICB9XG4gICAgICAmICR7U3R5bGVkRm9yd2FyZH0ge1xuICAgICAgICB3aWR0aDogMzJweDtcbiAgICAgICAgaGVpZ2h0OiAzMnB4O1xuICAgICAgfVxuICAgIH1cbiAgICAmOmZvY3VzLXZpc2libGUge1xuICAgICAgYm9yZGVyOiAycHggc29saWQgJHtjb2xvcnMuYnJhbmQuZGFya307XG4gICAgfVxuICB9XG4gICR7bXEucmFuZ2UoeyB1bnRpbDogYnJlYWtwb2ludHMudGFibGV0V2lkZSB9KX0ge1xuICAgICYgJHtJbmZvV3JhcHBlcn0gOmZpcnN0LWNoaWxkIHtcbiAgICAgIHRleHQtZGVjb3JhdGlvbjogdW5kZXJsaW5lO1xuICAgIH1cbiAgICA6YWN0aXZlIDpmaXJzdC1jaGlsZCB7XG4gICAgICB0ZXh0LWRlY29yYXRpb246IG5vbmU7XG4gICAgfVxuICB9XG5gO1xuXG5jb25zdCBTdHlsZWREYXRlQ29udGFpbmVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgcGFkZGluZy10b3A6ICR7c3BhY2luZy54c21hbGx9O1xuICBnYXA6ICR7c3BhY2luZy5zbWFsbH07XG5gO1xuXG5jb25zdCBTdHlsZWRDYWxlbmRlckVkID0gc3R5bGVkKENhbGVuZGFyRWQpYFxuICBjb2xvcjogJHtjb2xvcnMuaWNvbi5pY29uQmx1ZX07XG5gO1xuXG5pbnRlcmZhY2UgUHJvcHMgZXh0ZW5kcyBPbWl0PExpbmtCbG9ja0VtYmVkRGF0YSwgJ3Jlc291cmNlJz4ge1xuICBwYXRoPzogc3RyaW5nO1xufVxuXG5jb25zdCBMaW5rQmxvY2sgPSAoeyB0aXRsZSwgbGFuZ3VhZ2UsIGRhdGUsIHVybCwgcGF0aCB9OiBQcm9wcykgPT4ge1xuICBjb25zdCBocmVmID0gdXNlUG9zc2libHlSZWxhdGl2ZVVybCh1cmwsIHBhdGgpO1xuICBjb25zdCBmb3JtYXR0ZWREYXRlID0gdXNlTWVtbygoKSA9PiB7XG4gICAgaWYgKCFkYXRlKSByZXR1cm4gbnVsbDtcbiAgICBjb25zdCBsb2NhbGUgPSBsYW5ndWFnZSA9PT0gJ25iJyA/IG5iIDogbGFuZ3VhZ2UgPT09ICdubicgPyBubiA6IGVuR0I7XG4gICAgcmV0dXJuIGZvcm1hdChuZXcgRGF0ZShkYXRlKSwgJ2RkLiBMTExMLiB5eXl5JywgeyBsb2NhbGUgfSk7XG4gIH0sIFtkYXRlLCBsYW5ndWFnZV0pO1xuXG4gIHJldHVybiAoXG4gICAgPFN0eWxlZFNhZmVMaW5rIHRvPXtocmVmfT5cbiAgICAgIDxJbmZvV3JhcHBlcj5cbiAgICAgICAgPEhlYWRpbmcgZWxlbWVudD1cImgzXCIgbWFyZ2luPVwibm9uZVwiIGhlYWRpbmdTdHlsZT1cImgzXCIgbGFuZz17bGFuZ3VhZ2V9PlxuICAgICAgICAgIHt0aXRsZX1cbiAgICAgICAgPC9IZWFkaW5nPlxuICAgICAgICB7ZGF0ZSAmJiAoXG4gICAgICAgICAgPFN0eWxlZERhdGVDb250YWluZXI+XG4gICAgICAgICAgICA8U3R5bGVkQ2FsZW5kZXJFZCAvPlxuICAgICAgICAgICAge2Zvcm1hdHRlZERhdGV9XG4gICAgICAgICAgPC9TdHlsZWREYXRlQ29udGFpbmVyPlxuICAgICAgICApfVxuICAgICAgPC9JbmZvV3JhcHBlcj5cbiAgICAgIDxTdHlsZWRGb3J3YXJkIC8+XG4gICAgPC9TdHlsZWRTYWZlTGluaz5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IExpbmtCbG9jaztcbiJdfQ== */"));
 var LinkBlock = function LinkBlock(_ref) {
   var title = _ref.title,
     language = _ref.language,
     date = _ref.date,
-    url = _ref.url;
+    url = _ref.url,
+    path = _ref.path;
+  var href = (0, _relativeUrl.usePossiblyRelativeUrl)(url, path);
   var formattedDate = (0, _react.useMemo)(function () {
     if (!date) return null;
     var locale = language === 'nb' ? _locale.nb : language === 'nn' ? _locale.nn : _locale.enGB;
@@ -59,7 +62,7 @@ var LinkBlock = function LinkBlock(_ref) {
     });
   }, [date, language]);
   return (0, _jsxRuntime.jsxs)(StyledSafeLink, {
-    to: url,
+    to: href,
     children: [(0, _jsxRuntime.jsxs)(InfoWrapper, {
       children: [(0, _jsxRuntime.jsx)(_Heading.default, {
         element: "h3",

package/lib/utils/relativeUrl.d.ts

@@ -0,0 +1,8 @@
+/**
+ * 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.
+ *
+ */
+export declare const usePossiblyRelativeUrl: (url: string, path?: string) => string;

package/lib/utils/relativeUrl.js

@@ -0,0 +1,25 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.usePossiblyRelativeUrl = void 0;
+/**
+ * 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.
+ *
+ */
+
+var ENV_REGEX = /(staging|test)\.?/;
+var NDLA_URL = /(.*\.)?ndla.no.*/;
+var usePossiblyRelativeUrl = function usePossiblyRelativeUrl(url, path) {
+  if (!path) return url;
+  if (!NDLA_URL.test(url) || !NDLA_URL.test(path)) return url;
+  var urlObj = new URL(url.replace(ENV_REGEX, ''));
+  var pathObj = new URL(path.replace(ENV_REGEX, ''));
+  if (urlObj.host === pathObj.host) return urlObj.pathname;
+  return url;
+};
+exports.usePossiblyRelativeUrl = usePossiblyRelativeUrl;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ndla/ui",
-  "version": "44.0.19",
+  "version": "44.0.20",
   "description": "UI component library for NDLA.",
   "license": "GPL-3.0",
   "main": "lib/index.js",
@@ -83,5 +83,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "b434bf6b25ea0dbd3606bdd6456476cb8e528025"
+  "gitHead": "ea6f289e6d960c63f02ba9a75d631b30ba31db97"
 }

package/src/Article/ArticleByline.tsx

@@ -97,6 +97,12 @@ const StyledAccordionHeader = styled(AccordionHeader)`
   font-size: ${fonts.sizes('16px', '29px')};
   font-weight: ${fonts.weight.semibold};
 
+  &[data-background-color='white'][data-state='closed'] {
+    background-color: ${colors.background.default};
+  }
+`;
+
+const StyledAccordionContent = styled(AccordionContent)`
   &[data-background-color='white'] {
     background-color: ${colors.background.default};
   }
@@ -166,16 +172,16 @@ const ArticleByline = ({
             <StyledAccordionHeader headingLevel="h2" data-background-color={accordionHeaderVariant}>
               {t('article.useContent')}
             </StyledAccordionHeader>
-            <AccordionContent>{licenseBox}</AccordionContent>
+            <StyledAccordionContent data-background-color={accordionHeaderVariant}>{licenseBox}</StyledAccordionContent>
           </AccordionItem>
         )}
 
         {!!footnotes?.length && (
           <AccordionItem value={footnotesAccordionId}>
             <StyledAccordionHeader headingLevel="h2">{t('article.footnotes')}</StyledAccordionHeader>
-            <AccordionContent forceMount>
+            <StyledAccordionContent forceMount data-background-color={accordionHeaderVariant}>
               <ArticleFootNotes footNotes={footnotes} />
-            </AccordionContent>
+            </StyledAccordionContent>
           </AccordionItem>
         )}
       </AccordionRoot>

package/src/BlogPost/BlogPost.tsx

@@ -12,6 +12,7 @@ import SafeLink from '@ndla/safelink';
 import { colors, fonts, misc, spacing } from '@ndla/core';
 import { Quote } from '@ndla/icons/editor';
 import { HeadingLevel } from '../types';
+import { usePossiblyRelativeUrl } from '../utils/relativeUrl';
 
 export interface Props {
   title: {
@@ -26,6 +27,7 @@ export interface Props {
     url: string;
     alt: string;
   };
+  path?: string;
 }
 
 const Container = styled(SafeLink)`
@@ -37,7 +39,7 @@ const Container = styled(SafeLink)`
   max-height: fit-content;
   gap: ${spacing.nsmall};
   box-shadow: none;
-  border: 1px solid ${colors.brand.lightest};
+  border: 1px solid ${colors.brand.lighter};
   border-radius: ${misc.borderRadius};
   padding: ${spacing.normal} ${spacing.medium};
   height: 100%;
@@ -47,7 +49,7 @@ const Container = styled(SafeLink)`
   &:hover,
   &:focus-within {
     .blog-title {
-      box-shadow: inset 0 -1px;
+      text-decoration: underline;
     }
   }
 `;
@@ -79,9 +81,10 @@ const StyledImg = styled.img`
   border: 0;
 `;
 
-const BlogPost = ({ title, author, url, metaImage, headingLevel: Heading = 'h3', size = 'normal' }: Props) => {
+const BlogPost = ({ title, author, url, metaImage, headingLevel: Heading = 'h3', size = 'normal', path }: Props) => {
+  const href = usePossiblyRelativeUrl(url, path);
   return (
-    <Container data-size={size} to={url}>
+    <Container data-size={size} to={href}>
       <Heading className="blog-title" css={headingCss} lang={title.language}>
         {title.title}
       </Heading>

package/src/CampaignBlock/CampaignBlock.tsx

@@ -12,6 +12,7 @@ import SafeLink from '@ndla/safelink';
 import { Forward } from '@ndla/icons/common';
 import { breakpoints, colors, fonts, spacing, mq, misc } from '@ndla/core';
 import { HeadingLevel } from '../types';
+import { usePossiblyRelativeUrl } from '../utils/relativeUrl';
 
 interface Image {
   src: string;
@@ -35,6 +36,7 @@ interface Props {
   imageBefore?: Image;
   imageAfter?: Image;
   className?: string;
+  path?: string;
 }
 
 const Container = styled.div`
@@ -91,15 +93,17 @@ const CampaignBlock = ({
   headingLevel: Heading = 'h2',
   imageAfter,
   url,
+  path,
   className,
 }: Props) => {
+  const href = usePossiblyRelativeUrl(url.url, path);
   return (
     <Container className={className} data-type="campaign-block">
       {imageBefore && <StyledImg src={imageBefore.src} height={200} width={240} alt="" />}
       <TextWrapper>
         <Heading css={headingStyle}>{title.title}</Heading>
         <StyledDescription>{description.text}</StyledDescription>
-        <StyledLink to={url.url}>
+        <StyledLink to={href}>
           {url.text}
           <Forward />
         </StyledLink>

package/src/ContactBlock/ContactBlock.tsx

@@ -15,6 +15,8 @@ import { useTranslation } from 'react-i18next';
 import concat from 'lodash/concat';
 import { errorSvgSrc } from '../Embed/ImageEmbed';
 
+const BLOB_WIDTH = 90;
+
 interface Props {
   image?: IImageMetaInformationV3;
   jobTitle: string;
@@ -27,6 +29,7 @@ interface Props {
 }
 const BlockWrapper = styled.div`
   display: flex;
+  position: relative;
   flex-direction: column;
   padding: 0 0 ${spacing.medium} ${spacing.medium};
   font-family: ${fonts.sans};
@@ -54,6 +57,7 @@ const StyledHeader = styled.div`
 
 const StyledText = styled.div`
   display: flex;
+  ${fonts.sizes('16px', '26px')};
   overflow-wrap: anywhere;
   color: ${colors.text.light};
   gap: ${spacing.xxsmall};
@@ -68,13 +72,18 @@ const EmailLink = styled.a`
 `;
 
 const SummaryBlock = styled.p`
-  font-family: ${fonts.serif};
-  padding: 0 ${spacing.medium} 0 0;
+  font-family: ${fonts.sans};
+  padding: 0;
+  max-width: calc(100% - (${BLOB_WIDTH}px / 2));
   ${mq.range({ from: breakpoints.tabletWide })} {
     padding-top: 0;
   }
 `;
 
+const InfoWrapper = styled.div`
+  max-width: calc(100% - ${BLOB_WIDTH}px);
+`;
+
 const TextWrapper = styled.div`
   display: flex;
   overflow: hidden;
@@ -83,13 +92,17 @@ const TextWrapper = styled.div`
 
 const BlobWrapper = styled.div`
   height: 180px;
-  width: 90px;
+  width: ${BLOB_WIDTH}px;
+  position: absolute;
+  overflow: hidden;
+  right: 0px;
 `;
 
 const ImageWrapper = styled.div`
   display: flex;
   flex-direction: column;
-  gap: ${spacing.small};
+  gap: ${spacing.xsmall};
+  ${fonts.sizes('16px', '26px')};
   padding: ${spacing.medium} ${spacing.medium} 0 0;
   ${mq.range({ from: breakpoints.tabletWide })} {
     padding-right: 0;
@@ -102,7 +115,7 @@ const blobStyling = css`
   transform: translate(10%, 0);
 `;
 const Email = styled.div`
-  min-width: 60px;
+  white-space: nowrap;
 `;
 
 const ContentWrapper = styled.div`
@@ -135,14 +148,14 @@ const ContactBlock = ({ image, jobTitle, description, name, email, blobColor = '
       </ImageWrapper>
       <ContentWrapper>
         <TextWrapper>
-          <div>
+          <InfoWrapper>
             <StyledHeader>{name}</StyledHeader>
             <StyledText>{jobTitle}</StyledText>
             <StyledText>
               <Email>{`${t('email')}:`}</Email>
               <EmailLink href={`mailto:${email}?subject=Contact us`}>{email}</EmailLink>
             </StyledText>
-          </div>
+          </InfoWrapper>
           <BlobWrapper>
             <Blob css={blobStyling} color={isGreenBlob ? colors.support.greenLight : colors.support.redLight} />
           </BlobWrapper>

package/src/Grid/Grid.tsx

@@ -60,7 +60,7 @@ const GridContainer = styled.div`
   }
 
   &[data-border='lightBlue'] {
-    border: 1px solid ${colors.brand.light};
+    border: 1px solid ${colors.brand.lighter};
   }
   &[data-background='white'] {
     background-color: ${colors.white};

package/src/KeyFigure/KeyFigure.tsx

@@ -16,10 +16,14 @@ const ContentWrapper = styled.div`
   align-items: center;
   padding: ${spacing.small};
   align-items: center;
+  ${mq.range({ from: breakpoints.tabletWide })} {
+    padding: ${spacing.medium} ${spacing.large};
+  }
 `;
 
 const StyledImage = styled.img`
-  width: 100%;
+  height: 150px;
+  width: 150px;
 `;
 
 const TitleWrapper = styled.div`
@@ -60,7 +64,7 @@ interface Props {
 const KeyFigure = ({ image, title, subtitle }: Props) => {
   return (
     <ContentWrapper>
-      <StyledImage src={image?.src} width={250} height={200} alt={image?.alt} />
+      <StyledImage src={image?.src} width={150} height={150} alt={image?.alt} />
       <TitleWrapper>{title}</TitleWrapper>
       <SubTitleWrapper>{subtitle}</SubTitleWrapper>
     </ContentWrapper>

package/src/LinkBlock/LinkBlock.tsx

@@ -15,6 +15,7 @@ import { breakpoints, colors, spacing, mq } from '@ndla/core';
 import { LinkBlockEmbedData } from '@ndla/types-embed';
 import { useMemo } from 'react';
 import Heading from '../Typography/Heading';
+import { usePossiblyRelativeUrl } from '../utils/relativeUrl';
 
 const StyledForward = styled(Forward)`
   margin: 0 ${spacing.nsmall};
@@ -72,7 +73,12 @@ const StyledCalenderEd = styled(CalendarEd)`
   color: ${colors.icon.iconBlue};
 `;
 
-const LinkBlock = ({ title, language, date, url }: Omit<LinkBlockEmbedData, 'resource'>) => {
+interface Props extends Omit<LinkBlockEmbedData, 'resource'> {
+  path?: string;
+}
+
+const LinkBlock = ({ title, language, date, url, path }: Props) => {
+  const href = usePossiblyRelativeUrl(url, path);
   const formattedDate = useMemo(() => {
     if (!date) return null;
     const locale = language === 'nb' ? nb : language === 'nn' ? nn : enGB;
@@ -80,7 +86,7 @@ const LinkBlock = ({ title, language, date, url }: Omit<LinkBlockEmbedData, 'res
   }, [date, language]);
 
   return (
-    <StyledSafeLink to={url}>
+    <StyledSafeLink to={href}>
       <InfoWrapper>
         <Heading element="h3" margin="none" headingStyle="h3" lang={language}>
           {title}

package/src/utils/relativeUrl.ts

@@ -0,0 +1,20 @@
+/**
+ * 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 ENV_REGEX = /(staging|test)\.?/;
+
+const NDLA_URL = /(.*\.)?ndla.no.*/;
+
+export const usePossiblyRelativeUrl = (url: string, path?: string) => {
+  if (!path) return url;
+  if (!NDLA_URL.test(url) || !NDLA_URL.test(path)) return url;
+  const urlObj = new URL(url.replace(ENV_REGEX, ''));
+  const pathObj = new URL(path.replace(ENV_REGEX, ''));
+  if (urlObj.host === pathObj.host) return urlObj.pathname;
+  return url;
+};