@ndla/ui 50.15.3 → 52.0.0

package/lib/Figure/Figure.js

@@ -4,25 +4,34 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+var _base = _interopRequireDefault(require("@emotion/styled/base"));
 var _react = require("react");
-var _reactBemHelper = _interopRequireDefault(require("react-bem-helper"));
-var _util = require("@ndla/util");
+var _react2 = require("@emotion/react");
+var _core = require("@ndla/core");
 var _jsxRuntime = require("@emotion/react/jsx-runtime");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-/**
+function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; } /**
  * Copyright (c) 2016-present, NDLA.
  *
  * This source code is licensed under the GPLv3 license found in the
  * LICENSE file in the root directory of this source tree.
  *
- */
-
-// N.B These components is used to render static markup serverside
-
-const classes = new _reactBemHelper.default({
-  name: "figure",
-  prefix: "c-"
-});
+ */ // N.B These components is used to render static markup serverside
+const StyledFigure = /*#__PURE__*/(0, _base.default)("figure", {
+  target: "e1o4vvjm0",
+  label: "StyledFigure"
+})("position:relative;width:100%;transition:transform 0.4s,width 0.4s,height 0.4s;img{width:100%;}iframe{display:block;border:0;}&[data-sizetype=\"full\"][data-float=\"\"]{margin:", _core.spacing.normal, " 0 ", _core.spacing.normal, ";}&[data-sizetype=\"full\"]{margin-bottom:", _core.spacing.normal, ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZpZ3VyZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZWtDIiwiZmlsZSI6IkZpZ3VyZS50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAxNi1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbi8vIE4uQiBUaGVzZSBjb21wb25lbnRzIGlzIHVzZWQgdG8gcmVuZGVyIHN0YXRpYyBtYXJrdXAgc2VydmVyc2lkZVxuXG5pbXBvcnQgeyBDb21wb25lbnRQcm9wc1dpdGhSZWYsIGZvcndhcmRSZWYsIHVzZU1lbW8gfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCB7IGNzcyB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBzcGFjaW5nIH0gZnJvbSBcIkBuZGxhL2NvcmVcIjtcblxuY29uc3QgU3R5bGVkRmlndXJlID0gc3R5bGVkLmZpZ3VyZWBcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICB3aWR0aDogMTAwJTtcbiAgdHJhbnNpdGlvbjpcbiAgICB0cmFuc2Zvcm0gMC40cyxcbiAgICB3aWR0aCAwLjRzLFxuICAgIGhlaWdodCAwLjRzO1xuICBpbWcge1xuICAgIHdpZHRoOiAxMDAlO1xuICB9XG4gIGlmcmFtZSB7XG4gICAgZGlzcGxheTogYmxvY2s7XG4gICAgYm9yZGVyOiAwO1xuICB9XG4gICZbZGF0YS1zaXpldHlwZT1cImZ1bGxcIl1bZGF0YS1mbG9hdD1cIlwiXSB7XG4gICAgbWFyZ2luOiAke3NwYWNpbmcubm9ybWFsfSAwICR7c3BhY2luZy5ub3JtYWx9O1xuICB9XG4gICZbZGF0YS1zaXpldHlwZT1cImZ1bGxcIl0ge1xuICAgIG1hcmdpbi1ib3R0b206ICR7c3BhY2luZy5ub3JtYWx9O1xuICB9XG5gO1xuXG5jb25zdCBmdWxsQ29sdW1uU3R5bGUgPSBjc3NgXG4gIGxlZnQ6IGF1dG8gIWltcG9ydGFudDtcbiAgcmlnaHQ6IGF1dG8gIWltcG9ydGFudDtcbiAgd2lkdGg6IGF1dG8gIWltcG9ydGFudDtcbiAgcGFkZGluZy1sZWZ0OiAwO1xuICBwYWRkaW5nLXJpZ2h0OiAwO1xuICBwYWRkaW5nLWJvdHRvbTogJHtzcGFjaW5nLmxhcmdlfTtcbiAgbWFyZ2luLWJvdHRvbTogMDtcbmA7XG5cbmNvbnN0IHJpZ2h0U3R5bGUgPSBjc3NgXG4gIGZsb2F0OiByaWdodDtcbmA7XG5cbmNvbnN0IHNtYWxsVHlwZXMgPSBbXCJzbWFsbC1yaWdodFwiLCBcInhzbWFsbC1yaWdodFwiXTtcblxuY29uc3QgRmlndXJlID0gZm9yd2FyZFJlZjxIVE1MRWxlbWVudCwgUHJvcHM+KCh7IGNoaWxkcmVuLCB0eXBlID0gXCJmdWxsXCIsIGNsYXNzTmFtZSwgLi4ucmVzdCB9LCByZWYpID0+IHtcbiAgY29uc3QgZmxvYXRDbGFzcyA9IHR5cGUgPT09IFwiZnVsbC1jb2x1bW5cIiA/IHVuZGVmaW5lZCA6IGB1LWZsb2F0LSR7dHlwZX1gO1xuXG4gIGNvbnN0IHN0eWxlcyA9IHVzZU1lbW8oKCkgPT4ge1xuICAgIGNvbnN0IHN0eWxlcyA9IFtdO1xuICAgIGlmICghZmxvYXRDbGFzcykgc3R5bGVzLnB1c2goZnVsbENvbHVtblN0eWxlKTtcbiAgICBpZiAoc21hbGxUeXBlcy5pbmNsdWRlcyh0eXBlKSkgc3R5bGVzLnB1c2gocmlnaHRTdHlsZSk7XG4gICAgcmV0dXJuIHN0eWxlcztcbiAgfSwgW2Zsb2F0Q2xhc3MsIHR5cGVdKTtcblxuICBjb25zdCBjbGFzc2VzID0gZmxvYXRDbGFzcyA/IGAke2Zsb2F0Q2xhc3N9ICR7Y2xhc3NOYW1lID8/IFwiXCJ9YCA6IGNsYXNzTmFtZTtcblxuICByZXR1cm4gKFxuICAgIDxTdHlsZWRGaWd1cmUgZGF0YS1zaXpldHlwZT17dHlwZX0gY3NzPXtzdHlsZXN9IGNsYXNzTmFtZT17Y2xhc3Nlc30gey4uLnJlc3R9IHJlZj17cmVmfT5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L1N0eWxlZEZpZ3VyZT5cbiAgKTtcbn0pO1xuXG5leHBvcnQgdHlwZSBGaWd1cmVUeXBlID1cbiAgfCBcImZ1bGxcIlxuICB8IFwiZnVsbC1jb2x1bW5cIlxuICB8IFwibGVmdFwiXG4gIHwgXCJzbWFsbC1sZWZ0XCJcbiAgfCBcInJpZ2h0XCJcbiAgfCBcInNtYWxsLXJpZ2h0XCJcbiAgfCBcInhzbWFsbC1yaWdodFwiXG4gIHwgXCJ4c21hbGwtbGVmdFwiO1xuXG5pbnRlcmZhY2UgUHJvcHMgZXh0ZW5kcyBPbWl0PENvbXBvbmVudFByb3BzV2l0aFJlZjxcImZpZ3VyZVwiPiwgXCJ0eXBlXCI+IHtcbiAgdHlwZT86IEZpZ3VyZVR5cGU7XG4gIG5vRmlnY2FwdGlvbj86IGJvb2xlYW47XG59XG5cbmV4cG9ydCBkZWZhdWx0IEZpZ3VyZTtcbiJdfQ== */"));
+const fullColumnStyle = /*#__PURE__*/(0, _react2.css)("left:auto!important;right:auto!important;width:auto!important;padding-left:0;padding-right:0;padding-bottom:", _core.spacing.large, ";margin-bottom:0;;label:fullColumnStyle;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZpZ3VyZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBcUMyQiIsImZpbGUiOiJGaWd1cmUudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDb3B5cmlnaHQgKGMpIDIwMTYtcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLlxuICpcbiAqL1xuXG4vLyBOLkIgVGhlc2UgY29tcG9uZW50cyBpcyB1c2VkIHRvIHJlbmRlciBzdGF0aWMgbWFya3VwIHNlcnZlcnNpZGVcblxuaW1wb3J0IHsgQ29tcG9uZW50UHJvcHNXaXRoUmVmLCBmb3J3YXJkUmVmLCB1c2VNZW1vIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgeyBjc3MgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgc3BhY2luZyB9IGZyb20gXCJAbmRsYS9jb3JlXCI7XG5cbmNvbnN0IFN0eWxlZEZpZ3VyZSA9IHN0eWxlZC5maWd1cmVgXG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgd2lkdGg6IDEwMCU7XG4gIHRyYW5zaXRpb246XG4gICAgdHJhbnNmb3JtIDAuNHMsXG4gICAgd2lkdGggMC40cyxcbiAgICBoZWlnaHQgMC40cztcbiAgaW1nIHtcbiAgICB3aWR0aDogMTAwJTtcbiAgfVxuICBpZnJhbWUge1xuICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgIGJvcmRlcjogMDtcbiAgfVxuICAmW2RhdGEtc2l6ZXR5cGU9XCJmdWxsXCJdW2RhdGEtZmxvYXQ9XCJcIl0ge1xuICAgIG1hcmdpbjogJHtzcGFjaW5nLm5vcm1hbH0gMCAke3NwYWNpbmcubm9ybWFsfTtcbiAgfVxuICAmW2RhdGEtc2l6ZXR5cGU9XCJmdWxsXCJdIHtcbiAgICBtYXJnaW4tYm90dG9tOiAke3NwYWNpbmcubm9ybWFsfTtcbiAgfVxuYDtcblxuY29uc3QgZnVsbENvbHVtblN0eWxlID0gY3NzYFxuICBsZWZ0OiBhdXRvICFpbXBvcnRhbnQ7XG4gIHJpZ2h0OiBhdXRvICFpbXBvcnRhbnQ7XG4gIHdpZHRoOiBhdXRvICFpbXBvcnRhbnQ7XG4gIHBhZGRpbmctbGVmdDogMDtcbiAgcGFkZGluZy1yaWdodDogMDtcbiAgcGFkZGluZy1ib3R0b206ICR7c3BhY2luZy5sYXJnZX07XG4gIG1hcmdpbi1ib3R0b206IDA7XG5gO1xuXG5jb25zdCByaWdodFN0eWxlID0gY3NzYFxuICBmbG9hdDogcmlnaHQ7XG5gO1xuXG5jb25zdCBzbWFsbFR5cGVzID0gW1wic21hbGwtcmlnaHRcIiwgXCJ4c21hbGwtcmlnaHRcIl07XG5cbmNvbnN0IEZpZ3VyZSA9IGZvcndhcmRSZWY8SFRNTEVsZW1lbnQsIFByb3BzPigoeyBjaGlsZHJlbiwgdHlwZSA9IFwiZnVsbFwiLCBjbGFzc05hbWUsIC4uLnJlc3QgfSwgcmVmKSA9PiB7XG4gIGNvbnN0IGZsb2F0Q2xhc3MgPSB0eXBlID09PSBcImZ1bGwtY29sdW1uXCIgPyB1bmRlZmluZWQgOiBgdS1mbG9hdC0ke3R5cGV9YDtcblxuICBjb25zdCBzdHlsZXMgPSB1c2VNZW1vKCgpID0+IHtcbiAgICBjb25zdCBzdHlsZXMgPSBbXTtcbiAgICBpZiAoIWZsb2F0Q2xhc3MpIHN0eWxlcy5wdXNoKGZ1bGxDb2x1bW5TdHlsZSk7XG4gICAgaWYgKHNtYWxsVHlwZXMuaW5jbHVkZXModHlwZSkpIHN0eWxlcy5wdXNoKHJpZ2h0U3R5bGUpO1xuICAgIHJldHVybiBzdHlsZXM7XG4gIH0sIFtmbG9hdENsYXNzLCB0eXBlXSk7XG5cbiAgY29uc3QgY2xhc3NlcyA9IGZsb2F0Q2xhc3MgPyBgJHtmbG9hdENsYXNzfSAke2NsYXNzTmFtZSA/PyBcIlwifWAgOiBjbGFzc05hbWU7XG5cbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkRmlndXJlIGRhdGEtc2l6ZXR5cGU9e3R5cGV9IGNzcz17c3R5bGVzfSBjbGFzc05hbWU9e2NsYXNzZXN9IHsuLi5yZXN0fSByZWY9e3JlZn0+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgPC9TdHlsZWRGaWd1cmU+XG4gICk7XG59KTtcblxuZXhwb3J0IHR5cGUgRmlndXJlVHlwZSA9XG4gIHwgXCJmdWxsXCJcbiAgfCBcImZ1bGwtY29sdW1uXCJcbiAgfCBcImxlZnRcIlxuICB8IFwic21hbGwtbGVmdFwiXG4gIHwgXCJyaWdodFwiXG4gIHwgXCJzbWFsbC1yaWdodFwiXG4gIHwgXCJ4c21hbGwtcmlnaHRcIlxuICB8IFwieHNtYWxsLWxlZnRcIjtcblxuaW50ZXJmYWNlIFByb3BzIGV4dGVuZHMgT21pdDxDb21wb25lbnRQcm9wc1dpdGhSZWY8XCJmaWd1cmVcIj4sIFwidHlwZVwiPiB7XG4gIHR5cGU/OiBGaWd1cmVUeXBlO1xuICBub0ZpZ2NhcHRpb24/OiBib29sZWFuO1xufVxuXG5leHBvcnQgZGVmYXVsdCBGaWd1cmU7XG4iXX0= */"));
+const rightStyle = process.env.NODE_ENV === "production" ? {
+  name: "i5l5ne-rightStyle",
+  styles: "float:right;label:rightStyle;"
+} : {
+  name: "i5l5ne-rightStyle",
+  styles: "float:right;label:rightStyle;",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZpZ3VyZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBK0NzQiIsImZpbGUiOiJGaWd1cmUudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDb3B5cmlnaHQgKGMpIDIwMTYtcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLlxuICpcbiAqL1xuXG4vLyBOLkIgVGhlc2UgY29tcG9uZW50cyBpcyB1c2VkIHRvIHJlbmRlciBzdGF0aWMgbWFya3VwIHNlcnZlcnNpZGVcblxuaW1wb3J0IHsgQ29tcG9uZW50UHJvcHNXaXRoUmVmLCBmb3J3YXJkUmVmLCB1c2VNZW1vIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgeyBjc3MgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgc3BhY2luZyB9IGZyb20gXCJAbmRsYS9jb3JlXCI7XG5cbmNvbnN0IFN0eWxlZEZpZ3VyZSA9IHN0eWxlZC5maWd1cmVgXG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgd2lkdGg6IDEwMCU7XG4gIHRyYW5zaXRpb246XG4gICAgdHJhbnNmb3JtIDAuNHMsXG4gICAgd2lkdGggMC40cyxcbiAgICBoZWlnaHQgMC40cztcbiAgaW1nIHtcbiAgICB3aWR0aDogMTAwJTtcbiAgfVxuICBpZnJhbWUge1xuICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgIGJvcmRlcjogMDtcbiAgfVxuICAmW2RhdGEtc2l6ZXR5cGU9XCJmdWxsXCJdW2RhdGEtZmxvYXQ9XCJcIl0ge1xuICAgIG1hcmdpbjogJHtzcGFjaW5nLm5vcm1hbH0gMCAke3NwYWNpbmcubm9ybWFsfTtcbiAgfVxuICAmW2RhdGEtc2l6ZXR5cGU9XCJmdWxsXCJdIHtcbiAgICBtYXJnaW4tYm90dG9tOiAke3NwYWNpbmcubm9ybWFsfTtcbiAgfVxuYDtcblxuY29uc3QgZnVsbENvbHVtblN0eWxlID0gY3NzYFxuICBsZWZ0OiBhdXRvICFpbXBvcnRhbnQ7XG4gIHJpZ2h0OiBhdXRvICFpbXBvcnRhbnQ7XG4gIHdpZHRoOiBhdXRvICFpbXBvcnRhbnQ7XG4gIHBhZGRpbmctbGVmdDogMDtcbiAgcGFkZGluZy1yaWdodDogMDtcbiAgcGFkZGluZy1ib3R0b206ICR7c3BhY2luZy5sYXJnZX07XG4gIG1hcmdpbi1ib3R0b206IDA7XG5gO1xuXG5jb25zdCByaWdodFN0eWxlID0gY3NzYFxuICBmbG9hdDogcmlnaHQ7XG5gO1xuXG5jb25zdCBzbWFsbFR5cGVzID0gW1wic21hbGwtcmlnaHRcIiwgXCJ4c21hbGwtcmlnaHRcIl07XG5cbmNvbnN0IEZpZ3VyZSA9IGZvcndhcmRSZWY8SFRNTEVsZW1lbnQsIFByb3BzPigoeyBjaGlsZHJlbiwgdHlwZSA9IFwiZnVsbFwiLCBjbGFzc05hbWUsIC4uLnJlc3QgfSwgcmVmKSA9PiB7XG4gIGNvbnN0IGZsb2F0Q2xhc3MgPSB0eXBlID09PSBcImZ1bGwtY29sdW1uXCIgPyB1bmRlZmluZWQgOiBgdS1mbG9hdC0ke3R5cGV9YDtcblxuICBjb25zdCBzdHlsZXMgPSB1c2VNZW1vKCgpID0+IHtcbiAgICBjb25zdCBzdHlsZXMgPSBbXTtcbiAgICBpZiAoIWZsb2F0Q2xhc3MpIHN0eWxlcy5wdXNoKGZ1bGxDb2x1bW5TdHlsZSk7XG4gICAgaWYgKHNtYWxsVHlwZXMuaW5jbHVkZXModHlwZSkpIHN0eWxlcy5wdXNoKHJpZ2h0U3R5bGUpO1xuICAgIHJldHVybiBzdHlsZXM7XG4gIH0sIFtmbG9hdENsYXNzLCB0eXBlXSk7XG5cbiAgY29uc3QgY2xhc3NlcyA9IGZsb2F0Q2xhc3MgPyBgJHtmbG9hdENsYXNzfSAke2NsYXNzTmFtZSA/PyBcIlwifWAgOiBjbGFzc05hbWU7XG5cbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkRmlndXJlIGRhdGEtc2l6ZXR5cGU9e3R5cGV9IGNzcz17c3R5bGVzfSBjbGFzc05hbWU9e2NsYXNzZXN9IHsuLi5yZXN0fSByZWY9e3JlZn0+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgPC9TdHlsZWRGaWd1cmU+XG4gICk7XG59KTtcblxuZXhwb3J0IHR5cGUgRmlndXJlVHlwZSA9XG4gIHwgXCJmdWxsXCJcbiAgfCBcImZ1bGwtY29sdW1uXCJcbiAgfCBcImxlZnRcIlxuICB8IFwic21hbGwtbGVmdFwiXG4gIHwgXCJyaWdodFwiXG4gIHwgXCJzbWFsbC1yaWdodFwiXG4gIHwgXCJ4c21hbGwtcmlnaHRcIlxuICB8IFwieHNtYWxsLWxlZnRcIjtcblxuaW50ZXJmYWNlIFByb3BzIGV4dGVuZHMgT21pdDxDb21wb25lbnRQcm9wc1dpdGhSZWY8XCJmaWd1cmVcIj4sIFwidHlwZVwiPiB7XG4gIHR5cGU/OiBGaWd1cmVUeXBlO1xuICBub0ZpZ2NhcHRpb24/OiBib29sZWFuO1xufVxuXG5leHBvcnQgZGVmYXVsdCBGaWd1cmU7XG4iXX0= */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+};
+const smallTypes = ["small-right", "xsmall-right"];
 const Figure = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
   let {
     children,
@@ -30,21 +39,21 @@ const Figure = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
     className,
     ...rest
   } = _ref;
-  const typeClass = type === "full-column" ? "c-figure--full-column" : "u-float-".concat(type);
-  const right = ["small-right", "xsmall-right"].includes(type);
-  return (0, _jsxRuntime.jsx)("figure", {
+  const floatClass = type === "full-column" ? undefined : "u-float-".concat(type);
+  const styles = (0, _react.useMemo)(() => {
+    const styles = [];
+    if (!floatClass) styles.push(fullColumnStyle);
+    if (smallTypes.includes(type)) styles.push(rightStyle);
+    return styles;
+  }, [floatClass, type]);
+  const classes = floatClass ? "".concat(floatClass, " ").concat(className !== null && className !== void 0 ? className : "") : className;
+  return (0, _jsxRuntime.jsx)(StyledFigure, {
     "data-sizetype": type,
-    ...classes("", {
-      right
-    }, "".concat(typeClass, " ").concat(className !== null && className !== void 0 ? className : "")),
+    css: styles,
+    className: classes,
     ...rest,
     ref: ref,
-    children: isFunction(children) ? children({
-      typeClass
-    }) : children
+    children: children
   });
 });
-const isFunction = children => {
-  return (0, _util.isFunction)(children);
-};
 var _default = exports.default = Figure;

package/lib/Footer/FooterBlock.d.ts

@@ -0,0 +1,13 @@
+/**
+ * Copyright (c) 2016-present, NDLA.
+ *
+ * This source code is licensed under the GPLv3 license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+/// <reference types="react" />
+export declare const FooterBlock: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export default FooterBlock;

package/lib/Footer/FooterBlock.js

@@ -0,0 +1,24 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.FooterBlock = void 0;
+var _base = _interopRequireDefault(require("@emotion/styled/base"));
+var _core = require("@ndla/core");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+/**
+ * Copyright (c) 2016-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 FooterBlock = exports.FooterBlock = /*#__PURE__*/(0, _base.default)("div", {
+  target: "eu3vydv0",
+  label: "FooterBlock"
+})("position:relative;display:flex;flex-direction:column;align-items:center;gap:", _core.spacing.large, ";color:", _core.colors.white, ";z-index:", _core.stackOrder.offsetSingle, ";padding:", _core.spacing.large, " ", _core.spacing.large, " ", _core.spacing.xlarge, ";background:", _core.colors.brand.dark, ";", _core.mq.range({
+  from: _core.breakpoints.wide
+}), "{padding:", _core.spacing.large, " 170px ", _core.spacing.xlarge, ";}>*{max-width:1100px;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZvb3RlckJsb2NrLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFXcUMiLCJmaWxlIjoiRm9vdGVyQmxvY2sudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDb3B5cmlnaHQgKGMpIDIwMTYtcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLlxuICpcbiAqL1xuXG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IGJyZWFrcG9pbnRzLCBjb2xvcnMsIG1xLCBzcGFjaW5nLCBzdGFja09yZGVyIH0gZnJvbSBcIkBuZGxhL2NvcmVcIjtcblxuZXhwb3J0IGNvbnN0IEZvb3RlckJsb2NrID0gc3R5bGVkLmRpdmBcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBnYXA6ICR7c3BhY2luZy5sYXJnZX07XG4gIGNvbG9yOiAke2NvbG9ycy53aGl0ZX07XG4gIHotaW5kZXg6ICR7c3RhY2tPcmRlci5vZmZzZXRTaW5nbGV9O1xuICBwYWRkaW5nOiAke3NwYWNpbmcubGFyZ2V9ICR7c3BhY2luZy5sYXJnZX0gJHtzcGFjaW5nLnhsYXJnZX07XG4gIGJhY2tncm91bmQ6ICR7Y29sb3JzLmJyYW5kLmRhcmt9O1xuICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMud2lkZSB9KX0ge1xuICAgIHBhZGRpbmc6ICR7c3BhY2luZy5sYXJnZX0gMTcwcHggJHtzcGFjaW5nLnhsYXJnZX07XG4gIH1cbiAgPiAqIHtcbiAgICBtYXgtd2lkdGg6IDExMDBweDtcbiAgfVxuYDtcblxuZXhwb3J0IGRlZmF1bHQgRm9vdGVyQmxvY2s7XG4iXX0= */"));
+var _default = exports.default = FooterBlock;

package/lib/Footer/index.d.ts

@@ -5,7 +5,4 @@
  * LICENSE file in the root directory of this source tree.
  *
  */
-import { EditorName } from "./EditorName";
-import Footer from "./Footer";
-import { FooterText } from "./FooterText";
-export { Footer, FooterText, EditorName };
+export { FooterBlock } from "./FooterBlock";

package/lib/Footer/index.js

@@ -3,25 +3,10 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-Object.defineProperty(exports, "EditorName", {
+Object.defineProperty(exports, "FooterBlock", {
   enumerable: true,
   get: function () {
-    return _EditorName.EditorName;
+    return _FooterBlock.FooterBlock;
   }
 });
-Object.defineProperty(exports, "Footer", {
-  enumerable: true,
-  get: function () {
-    return _Footer.default;
-  }
-});
-Object.defineProperty(exports, "FooterText", {
-  enumerable: true,
-  get: function () {
-    return _FooterText.FooterText;
-  }
-});
-var _EditorName = require("./EditorName");
-var _Footer = _interopRequireDefault(require("./Footer"));
-var _FooterText = require("./FooterText");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+var _FooterBlock = require("./FooterBlock");

package/lib/FrontpageArticle/FrontpageArticle.js

@@ -7,9 +7,9 @@ exports.default = exports.WIDE_FRONTPAGE_ARTICLE_MAX_WIDTH = exports.FrontpageAr
 var _base = _interopRequireDefault(require("@emotion/styled/base"));
 var _react = require("react");
 var _core = require("@ndla/core");
+var _hooks = require("@ndla/hooks");
 var _typography = require("@ndla/typography");
 var _Article = require("../Article");
-var _Masthead = require("../Masthead");
 var _jsxRuntime = require("@emotion/react/jsx-runtime");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 /**
@@ -25,7 +25,7 @@ const WIDE_FRONTPAGE_ARTICLE_MAX_WIDTH = exports.WIDE_FRONTPAGE_ARTICLE_MAX_WIDT
 const StyledArticle = /*#__PURE__*/(0, _base.default)("article", {
   target: "e10a6yg80",
   label: "StyledArticle"
-})("width:100%;max-width:773px;h2[id]{margin-top:", _core.spacing.large, ";}div[data-type=\"campaign-block\"]{margin:", _core.spacing.large, " 0px;}div[data-type=\"grid\"]{h2,h3,h4{margin-top:0px;}}div[data-type=\"grid\"]+div[data-type=\"grid\"]{margin-top:", _core.spacing.xxlarge, ";}&[data-wide=\"true\"]{max-width:1100px;h2[id]{margin-top:", _core.spacing.xxlarge, ";}div[data-type=\"campaign-block\"]{margin:", _core.spacing.xxlarge, " 0px;}}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZyb250cGFnZUFydGljbGUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTJCb0MiLCJmaWxlIjoiRnJvbnRwYWdlQXJ0aWNsZS50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAyMy1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCB7IENTU1Byb3BlcnRpZXMsIFJlYWN0Tm9kZSwgdXNlTWVtbyB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBzcGFjaW5nLCBzcGFjaW5nVW5pdCB9IGZyb20gXCJAbmRsYS9jb3JlXCI7XG5pbXBvcnQgeyBIZWFkaW5nLCBUZXh0IH0gZnJvbSBcIkBuZGxhL3R5cG9ncmFwaHlcIjtcbmltcG9ydCB7IEFydGljbGVCeWxpbmUgfSBmcm9tIFwiLi4vQXJ0aWNsZVwiO1xuaW1wb3J0IHsgdXNlTWFzdGhlYWRIZWlnaHQgfSBmcm9tIFwiLi4vTWFzdGhlYWRcIjtcbmltcG9ydCB7IEFydGljbGUgfSBmcm9tIFwiLi4vdHlwZXNcIjtcblxuaW50ZXJmYWNlIFByb3BzIHtcbiAgYXJ0aWNsZTogT21pdDxBcnRpY2xlLCBcImZvb3ROb3Rlc1wiPjtcbiAgaWQ6IHN0cmluZztcbiAgaXNXaWRlPzogYm9vbGVhbjtcbiAgbGljZW5zZUJveD86IFJlYWN0Tm9kZTtcbiAgbGFuZz86IHN0cmluZztcbn1cblxuZXhwb3J0IGNvbnN0IEZST05UUEFHRV9BUlRJQ0xFX01BWF9XSURUSCA9IFwiNzczcHhcIjtcbmV4cG9ydCBjb25zdCBXSURFX0ZST05UUEFHRV9BUlRJQ0xFX01BWF9XSURUSCA9IFwiMTEwMHB4XCI7XG5cbmNvbnN0IFN0eWxlZEFydGljbGUgPSBzdHlsZWQuYXJ0aWNsZWBcbiAgd2lkdGg6IDEwMCU7XG4gIG1heC13aWR0aDogNzczcHg7XG4gIGgyW2lkXSB7XG4gICAgbWFyZ2luLXRvcDogJHtzcGFjaW5nLmxhcmdlfTtcbiAgfVxuICBkaXZbZGF0YS10eXBlPVwiY2FtcGFpZ24tYmxvY2tcIl0ge1xuICAgIG1hcmdpbjogJHtzcGFjaW5nLmxhcmdlfSAwcHg7XG4gIH1cbiAgZGl2W2RhdGEtdHlwZT1cImdyaWRcIl0ge1xuICAgIGgyLFxuICAgIGgzLFxuICAgIGg0IHtcbiAgICAgIG1hcmdpbi10b3A6IDBweDtcbiAgICB9XG4gIH1cblxuICBkaXZbZGF0YS10eXBlPVwiZ3JpZFwiXSArIGRpdltkYXRhLXR5cGU9XCJncmlkXCJdIHtcbiAgICBtYXJnaW4tdG9wOiAke3NwYWNpbmcueHhsYXJnZX07XG4gIH1cblxuICAmW2RhdGEtd2lkZT1cInRydWVcIl0ge1xuICAgIG1heC13aWR0aDogMTEwMHB4O1xuICAgIGgyW2lkXSB7XG4gICAgICBtYXJnaW4tdG9wOiAke3NwYWNpbmcueHhsYXJnZX07XG4gICAgfVxuICAgIGRpdltkYXRhLXR5cGU9XCJjYW1wYWlnbi1ibG9ja1wiXSB7XG4gICAgICBtYXJnaW46ICR7c3BhY2luZy54eGxhcmdlfSAwcHg7XG4gICAgfVxuICB9XG5gO1xuXG5leHBvcnQgY29uc3QgRnJvbnRwYWdlQXJ0aWNsZSA9ICh7IGFydGljbGUsIGlkLCBpc1dpZGUsIGxpY2Vuc2VCb3gsIGxhbmcgfTogUHJvcHMpID0+IHtcbiAgY29uc3QgeyBoZWlnaHQgPSAwIH0gPSB1c2VNYXN0aGVhZEhlaWdodCgpO1xuICBjb25zdCBjc3NWYXJzID0gdXNlTWVtbygoKSA9PiAoeyBcIi0tbWFzdGhlYWQtaGVpZ2h0XCI6IGAke2hlaWdodH1weGAgfSkgYXMgdW5rbm93biBhcyBDU1NQcm9wZXJ0aWVzLCBbaGVpZ2h0XSk7XG4gIGNvbnN0IHsgdGl0bGUsIGludHJvZHVjdGlvbiwgY29udGVudCB9ID0gYXJ0aWNsZTtcblxuICBpZiAoaXNXaWRlKSB7XG4gICAgcmV0dXJuIChcbiAgICAgIDxTdHlsZWRBcnRpY2xlIGRhdGEtd2lkZT17aXNXaWRlfSBzdHlsZT17Y3NzVmFyc30gaWQ9e2lkfT5cbiAgICAgICAge2NvbnRlbnR9XG4gICAgICA8L1N0eWxlZEFydGljbGU+XG4gICAgKTtcbiAgfVxuXG4gIHJldHVybiAoXG4gICAgPFN0eWxlZEFydGljbGUgc3R5bGU9e2Nzc1ZhcnN9PlxuICAgICAgPEhlYWRpbmcgaWQ9e2lkfSBoZWFkaW5nU3R5bGU9XCJoMS1yZXNvdXJjZVwiIGVsZW1lbnQ9XCJoMVwiIG1hcmdpbj1cIm5vcm1hbFwiIHRhYkluZGV4PXstMX0gbGFuZz17bGFuZ30+XG4gICAgICAgIHt0aXRsZX1cbiAgICAgIDwvSGVhZGluZz5cbiAgICAgIDxUZXh0IHRleHRTdHlsZT1cImluZ3Jlc3NcIiBlbGVtZW50PVwiZGl2XCIgbGFuZz17bGFuZ30+XG4gICAgICAgIHtpbnRyb2R1Y3Rpb259XG4gICAgICA8L1RleHQ+XG4gICAgICB7Y29udGVudH1cbiAgICAgIDxBcnRpY2xlQnlsaW5lIGFjY29yZGlvbkhlYWRlclZhcmlhbnQ9e1wid2hpdGVcIn0gbGljZW5zZUJveD17bGljZW5zZUJveH0gZGlzcGxheUJ5bGluZT17ZmFsc2V9IC8+XG4gICAgPC9TdHlsZWRBcnRpY2xlPlxuICApO1xufTtcblxuZXhwb3J0IGRlZmF1bHQgRnJvbnRwYWdlQXJ0aWNsZTtcbiJdfQ== */"));
+})("width:100%;max-width:773px;h2[id]{margin-top:", _core.spacing.large, ";}div[data-type=\"campaign-block\"]{margin:", _core.spacing.large, " 0px;}div[data-type=\"grid\"]{h2,h3,h4{margin-top:0px;}}div[data-type=\"grid\"]+div[data-type=\"grid\"]{margin-top:", _core.spacing.xxlarge, ";}&[data-wide=\"true\"]{max-width:1100px;h2[id]{margin-top:", _core.spacing.xxlarge, ";}div[data-type=\"campaign-block\"]{margin:", _core.spacing.xxlarge, " 0px;}}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZyb250cGFnZUFydGljbGUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTJCb0MiLCJmaWxlIjoiRnJvbnRwYWdlQXJ0aWNsZS50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAyMy1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCB7IENTU1Byb3BlcnRpZXMsIFJlYWN0Tm9kZSwgdXNlTWVtbyB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBzcGFjaW5nIH0gZnJvbSBcIkBuZGxhL2NvcmVcIjtcbmltcG9ydCB7IHVzZUNvbXBvbmVudFNpemUgfSBmcm9tIFwiQG5kbGEvaG9va3NcIjtcbmltcG9ydCB7IEhlYWRpbmcsIFRleHQgfSBmcm9tIFwiQG5kbGEvdHlwb2dyYXBoeVwiO1xuaW1wb3J0IHsgQXJ0aWNsZUJ5bGluZSB9IGZyb20gXCIuLi9BcnRpY2xlXCI7XG5pbXBvcnQgeyBBcnRpY2xlIH0gZnJvbSBcIi4uL3R5cGVzXCI7XG5cbmludGVyZmFjZSBQcm9wcyB7XG4gIGFydGljbGU6IE9taXQ8QXJ0aWNsZSwgXCJmb290Tm90ZXNcIj47XG4gIGlkOiBzdHJpbmc7XG4gIGlzV2lkZT86IGJvb2xlYW47XG4gIGxpY2Vuc2VCb3g/OiBSZWFjdE5vZGU7XG4gIGxhbmc/OiBzdHJpbmc7XG59XG5cbmV4cG9ydCBjb25zdCBGUk9OVFBBR0VfQVJUSUNMRV9NQVhfV0lEVEggPSBcIjc3M3B4XCI7XG5leHBvcnQgY29uc3QgV0lERV9GUk9OVFBBR0VfQVJUSUNMRV9NQVhfV0lEVEggPSBcIjExMDBweFwiO1xuXG5jb25zdCBTdHlsZWRBcnRpY2xlID0gc3R5bGVkLmFydGljbGVgXG4gIHdpZHRoOiAxMDAlO1xuICBtYXgtd2lkdGg6IDc3M3B4O1xuICBoMltpZF0ge1xuICAgIG1hcmdpbi10b3A6ICR7c3BhY2luZy5sYXJnZX07XG4gIH1cbiAgZGl2W2RhdGEtdHlwZT1cImNhbXBhaWduLWJsb2NrXCJdIHtcbiAgICBtYXJnaW46ICR7c3BhY2luZy5sYXJnZX0gMHB4O1xuICB9XG4gIGRpdltkYXRhLXR5cGU9XCJncmlkXCJdIHtcbiAgICBoMixcbiAgICBoMyxcbiAgICBoNCB7XG4gICAgICBtYXJnaW4tdG9wOiAwcHg7XG4gICAgfVxuICB9XG5cbiAgZGl2W2RhdGEtdHlwZT1cImdyaWRcIl0gKyBkaXZbZGF0YS10eXBlPVwiZ3JpZFwiXSB7XG4gICAgbWFyZ2luLXRvcDogJHtzcGFjaW5nLnh4bGFyZ2V9O1xuICB9XG5cbiAgJltkYXRhLXdpZGU9XCJ0cnVlXCJdIHtcbiAgICBtYXgtd2lkdGg6IDExMDBweDtcbiAgICBoMltpZF0ge1xuICAgICAgbWFyZ2luLXRvcDogJHtzcGFjaW5nLnh4bGFyZ2V9O1xuICAgIH1cbiAgICBkaXZbZGF0YS10eXBlPVwiY2FtcGFpZ24tYmxvY2tcIl0ge1xuICAgICAgbWFyZ2luOiAke3NwYWNpbmcueHhsYXJnZX0gMHB4O1xuICAgIH1cbiAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IEZyb250cGFnZUFydGljbGUgPSAoeyBhcnRpY2xlLCBpZCwgaXNXaWRlLCBsaWNlbnNlQm94LCBsYW5nIH06IFByb3BzKSA9PiB7XG4gIGNvbnN0IHsgaGVpZ2h0ID0gMCB9ID0gdXNlQ29tcG9uZW50U2l6ZShcIm1hc3RoZWFkXCIpO1xuICBjb25zdCBjc3NWYXJzID0gdXNlTWVtbygoKSA9PiAoeyBcIi0tbWFzdGhlYWQtaGVpZ2h0XCI6IGAke2hlaWdodH1weGAgfSkgYXMgdW5rbm93biBhcyBDU1NQcm9wZXJ0aWVzLCBbaGVpZ2h0XSk7XG4gIGNvbnN0IHsgdGl0bGUsIGludHJvZHVjdGlvbiwgY29udGVudCB9ID0gYXJ0aWNsZTtcblxuICBpZiAoaXNXaWRlKSB7XG4gICAgcmV0dXJuIChcbiAgICAgIDxTdHlsZWRBcnRpY2xlIGRhdGEtd2lkZT17aXNXaWRlfSBzdHlsZT17Y3NzVmFyc30gaWQ9e2lkfT5cbiAgICAgICAge2NvbnRlbnR9XG4gICAgICA8L1N0eWxlZEFydGljbGU+XG4gICAgKTtcbiAgfVxuXG4gIHJldHVybiAoXG4gICAgPFN0eWxlZEFydGljbGUgc3R5bGU9e2Nzc1ZhcnN9PlxuICAgICAgPEhlYWRpbmcgaWQ9e2lkfSBoZWFkaW5nU3R5bGU9XCJoMS1yZXNvdXJjZVwiIGVsZW1lbnQ9XCJoMVwiIG1hcmdpbj1cIm5vcm1hbFwiIHRhYkluZGV4PXstMX0gbGFuZz17bGFuZ30+XG4gICAgICAgIHt0aXRsZX1cbiAgICAgIDwvSGVhZGluZz5cbiAgICAgIDxUZXh0IHRleHRTdHlsZT1cImluZ3Jlc3NcIiBlbGVtZW50PVwiZGl2XCIgbGFuZz17bGFuZ30+XG4gICAgICAgIHtpbnRyb2R1Y3Rpb259XG4gICAgICA8L1RleHQ+XG4gICAgICB7Y29udGVudH1cbiAgICAgIDxBcnRpY2xlQnlsaW5lIGFjY29yZGlvbkhlYWRlclZhcmlhbnQ9e1wid2hpdGVcIn0gbGljZW5zZUJveD17bGljZW5zZUJveH0gZGlzcGxheUJ5bGluZT17ZmFsc2V9IC8+XG4gICAgPC9TdHlsZWRBcnRpY2xlPlxuICApO1xufTtcblxuZXhwb3J0IGRlZmF1bHQgRnJvbnRwYWdlQXJ0aWNsZTtcbiJdfQ== */"));
 const FrontpageArticle = _ref => {
   let {
     article,
@@ -36,7 +36,7 @@ const FrontpageArticle = _ref => {
   } = _ref;
   const {
     height = 0
-  } = (0, _Masthead.useMastheadHeight)();
+  } = (0, _hooks.useComponentSize)("masthead");
   const cssVars = (0, _react.useMemo)(() => ({
     "--masthead-height": "".concat(height, "px")
   }), [height]);