@ndla/ui 44.0.8 → 44.0.9
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -7,10 +7,12 @@ import _styled from "@emotion/styled/base";
|
|
|
7
7
|
*
|
|
8
8
|
*/
|
|
9
9
|
|
|
10
|
+
import { useMemo } from 'react';
|
|
10
11
|
import { breakpoints, fonts, mq, spacing, spacingUnit } from '@ndla/core';
|
|
11
12
|
import LayoutItem from '../Layout';
|
|
12
13
|
import { Heading } from '../Typography';
|
|
13
14
|
import { ArticleByline } from '../Article';
|
|
15
|
+
import { useMastheadHeight } from '../Masthead';
|
|
14
16
|
import { jsx as _jsx } from "@emotion/react/jsx-runtime";
|
|
15
17
|
import { jsxs as _jsxs } from "@emotion/react/jsx-runtime";
|
|
16
18
|
export var FRONTPAGE_ARTICLE_MAX_WIDTH = '773px';
|
|
@@ -18,25 +20,34 @@ export var WIDE_FRONTPAGE_ARTICLE_MAX_WIDTH = '1100px';
|
|
|
18
20
|
var StyledArticle = /*#__PURE__*/_styled("article", {
|
|
19
21
|
target: "e10a6yg81",
|
|
20
22
|
label: "StyledArticle"
|
|
21
|
-
})("width:100%;max-width:773px;h2[id]{margin-top:", spacing.large, ";}div[data-type='campaign-block']{margin:", spacing.large, " 0px;}div[data-type='grid']{h2,h3,h4{margin-top:0px;}}&[data-wide='true']{max-width:1100px;h2[id]{margin-top:", spacingUnit * 4, "px;}div[data-type='campaign-block']{margin:", spacingUnit * 4, "px 0px;}}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
23
|
+
})("width:100%;max-width:773px;h2[id]{margin-top:", spacing.large, ";}div[data-type='campaign-block']{margin:", spacing.large, " 0px;}div[data-type='grid']{h2,h3,h4{margin-top:0px;}}&[data-wide='true']{max-width:1100px;h2[id]{margin-top:", spacingUnit * 4, "px;}div[data-type='campaign-block']{margin:", spacingUnit * 4, "px 0px;}}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZyb250cGFnZUFydGljbGUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTJCb0MiLCJmaWxlIjoiRnJvbnRwYWdlQXJ0aWNsZS50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAyMy1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCB7IENTU1Byb3BlcnRpZXMsIFJlYWN0Tm9kZSwgdXNlTWVtbyB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IGJyZWFrcG9pbnRzLCBmb250cywgbXEsIHNwYWNpbmcsIHNwYWNpbmdVbml0IH0gZnJvbSAnQG5kbGEvY29yZSc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBBcnRpY2xlIH0gZnJvbSAnLi4vdHlwZXMnO1xuaW1wb3J0IExheW91dEl0ZW0gZnJvbSAnLi4vTGF5b3V0JztcbmltcG9ydCB7IEhlYWRpbmcgfSBmcm9tICcuLi9UeXBvZ3JhcGh5JztcbmltcG9ydCB7IEFydGljbGVCeWxpbmUgfSBmcm9tICcuLi9BcnRpY2xlJztcbmltcG9ydCB7IHVzZU1hc3RoZWFkSGVpZ2h0IH0gZnJvbSAnLi4vTWFzdGhlYWQnO1xuXG5pbnRlcmZhY2UgUHJvcHMge1xuICBhcnRpY2xlOiBPbWl0PEFydGljbGUsICdmb290Tm90ZXMnPjtcbiAgaWQ6IHN0cmluZztcbiAgaXNXaWRlPzogYm9vbGVhbjtcbiAgbGljZW5zZUJveD86IFJlYWN0Tm9kZTtcbn1cblxuZXhwb3J0IGNvbnN0IEZST05UUEFHRV9BUlRJQ0xFX01BWF9XSURUSCA9ICc3NzNweCc7XG5leHBvcnQgY29uc3QgV0lERV9GUk9OVFBBR0VfQVJUSUNMRV9NQVhfV0lEVEggPSAnMTEwMHB4JztcblxuY29uc3QgU3R5bGVkQXJ0aWNsZSA9IHN0eWxlZC5hcnRpY2xlYFxuICB3aWR0aDogMTAwJTtcbiAgbWF4LXdpZHRoOiA3NzNweDtcbiAgaDJbaWRdIHtcbiAgICBtYXJnaW4tdG9wOiAke3NwYWNpbmcubGFyZ2V9O1xuICB9XG4gIGRpdltkYXRhLXR5cGU9J2NhbXBhaWduLWJsb2NrJ10ge1xuICAgIG1hcmdpbjogJHtzcGFjaW5nLmxhcmdlfSAwcHg7XG4gIH1cbiAgZGl2W2RhdGEtdHlwZT0nZ3JpZCddIHtcbiAgICBoMixcbiAgICBoMyxcbiAgICBoNCB7XG4gICAgICBtYXJnaW4tdG9wOiAwcHg7XG4gICAgfVxuICB9XG4gICZbZGF0YS13aWRlPSd0cnVlJ10ge1xuICAgIG1heC13aWR0aDogMTEwMHB4O1xuICAgIGgyW2lkXSB7XG4gICAgICBtYXJnaW4tdG9wOiAke3NwYWNpbmdVbml0ICogNH1weDtcbiAgICB9XG4gICAgZGl2W2RhdGEtdHlwZT0nY2FtcGFpZ24tYmxvY2snXSB7XG4gICAgICBtYXJnaW46ICR7c3BhY2luZ1VuaXQgKiA0fXB4IDBweDtcbiAgICB9XG4gIH1cbmA7XG5cbmNvbnN0IFN0eWxlZEludHJvZHVjdGlvbiA9IHN0eWxlZC5kaXZgXG4gIGZvbnQtd2VpZ2h0OiAke2ZvbnRzLndlaWdodC5saWdodH07XG4gIGZvbnQtZmFtaWx5OiAke2ZvbnRzLnNhbnN9O1xuICBtYXJnaW4tdG9wOiAke3NwYWNpbmcuc21hbGx9O1xuICAke2ZvbnRzLnNpemVzKCcyMnB4JywgJzMwcHgnKX07XG5cbiAgJHttcS5yYW5nZSh7IGZyb206IGJyZWFrcG9pbnRzLnRhYmxldCB9KX0ge1xuICAgIG1hcmdpbi10b3A6ICR7c3BhY2luZy5tZWRpdW1sYXJnZX07XG4gICAgJHtmb250cy5zaXplcygnMjZweCcsICczNnB4Jyl9O1xuICB9XG5gO1xuXG5leHBvcnQgY29uc3QgRnJvbnRwYWdlQXJ0aWNsZSA9ICh7IGFydGljbGUsIGlkLCBpc1dpZGUsIGxpY2Vuc2VCb3ggfTogUHJvcHMpID0+IHtcbiAgY29uc3QgeyBoZWlnaHQgPSAwIH0gPSB1c2VNYXN0aGVhZEhlaWdodCgpO1xuICBjb25zdCBjc3NWYXJzID0gdXNlTWVtbygoKSA9PiAoeyAnLS1tYXN0aGVhZC1oZWlnaHQnOiBgJHtoZWlnaHR9cHhgIH0gYXMgdW5rbm93biBhcyBDU1NQcm9wZXJ0aWVzKSwgW2hlaWdodF0pO1xuICBjb25zdCB7IHRpdGxlLCBpbnRyb2R1Y3Rpb24sIGNvbnRlbnQgfSA9IGFydGljbGU7XG5cbiAgaWYgKGlzV2lkZSkge1xuICAgIHJldHVybiAoXG4gICAgICA8U3R5bGVkQXJ0aWNsZSBkYXRhLXdpZGU9e2lzV2lkZX0gc3R5bGU9e2Nzc1ZhcnN9PlxuICAgICAgICA8TGF5b3V0SXRlbT57Y29udGVudH08L0xheW91dEl0ZW0+XG4gICAgICA8L1N0eWxlZEFydGljbGU+XG4gICAgKTtcbiAgfVxuXG4gIGNvbnN0IGF1dGhvcnMgPVxuICAgIGFydGljbGUuY29weXJpZ2h0LmNyZWF0b3JzLmxlbmd0aCB8fCBhcnRpY2xlLmNvcHlyaWdodC5yaWdodHNob2xkZXJzLmxlbmd0aFxuICAgICAgPyBhcnRpY2xlLmNvcHlyaWdodC5jcmVhdG9yc1xuICAgICAgOiBhcnRpY2xlLmNvcHlyaWdodC5wcm9jZXNzb3JzO1xuICByZXR1cm4gKFxuICAgIDxTdHlsZWRBcnRpY2xlIHN0eWxlPXtjc3NWYXJzfT5cbiAgICAgIDxMYXlvdXRJdGVtPlxuICAgICAgICA8SGVhZGluZyBpZD17aWR9IGhlYWRpbmdTdHlsZT1cImgxXCIgZWxlbWVudD1cImgxXCIgbWFyZ2luPVwibm9ybWFsXCIgdGFiSW5kZXg9ey0xfT5cbiAgICAgICAgICB7dGl0bGV9XG4gICAgICAgIDwvSGVhZGluZz5cbiAgICAgICAgPFN0eWxlZEludHJvZHVjdGlvbj57aW50cm9kdWN0aW9ufTwvU3R5bGVkSW50cm9kdWN0aW9uPlxuICAgICAgPC9MYXlvdXRJdGVtPlxuICAgICAgPExheW91dEl0ZW0+e2NvbnRlbnR9PC9MYXlvdXRJdGVtPlxuICAgICAgPEFydGljbGVCeWxpbmVcbiAgICAgICAgYXV0aG9ycz17YXV0aG9yc31cbiAgICAgICAgc3VwcGxpZXJzPXthcnRpY2xlLmNvcHlyaWdodC5yaWdodHNob2xkZXJzfVxuICAgICAgICBsaWNlbnNlPXthcnRpY2xlLmNvcHlyaWdodC5saWNlbnNlPy5saWNlbnNlIX1cbiAgICAgICAgcHVibGlzaGVkPXthcnRpY2xlLnB1Ymxpc2hlZH1cbiAgICAgICAgYWNjb3JkaW9uSGVhZGVyVmFyaWFudD17J3doaXRlJ31cbiAgICAgICAgbGljZW5zZUJveD17bGljZW5zZUJveH1cbiAgICAgIC8+XG4gICAgPC9TdHlsZWRBcnRpY2xlPlxuICApO1xufTtcblxuZXhwb3J0IGRlZmF1bHQgRnJvbnRwYWdlQXJ0aWNsZTtcbiJdfQ== */"));
|
|
22
24
|
var StyledIntroduction = /*#__PURE__*/_styled("div", {
|
|
23
25
|
target: "e10a6yg80",
|
|
24
26
|
label: "StyledIntroduction"
|
|
25
27
|
})("font-weight:", fonts.weight.light, ";font-family:", fonts.sans, ";margin-top:", spacing.small, ";", fonts.sizes('22px', '30px'), ";", mq.range({
|
|
26
28
|
from: breakpoints.tablet
|
|
27
|
-
}), "{margin-top:", spacing.mediumlarge, ";", fonts.sizes('26px', '36px'), ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
29
|
+
}), "{margin-top:", spacing.mediumlarge, ";", fonts.sizes('26px', '36px'), ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZyb250cGFnZUFydGljbGUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXNEcUMiLCJmaWxlIjoiRnJvbnRwYWdlQXJ0aWNsZS50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAyMy1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCB7IENTU1Byb3BlcnRpZXMsIFJlYWN0Tm9kZSwgdXNlTWVtbyB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IGJyZWFrcG9pbnRzLCBmb250cywgbXEsIHNwYWNpbmcsIHNwYWNpbmdVbml0IH0gZnJvbSAnQG5kbGEvY29yZSc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBBcnRpY2xlIH0gZnJvbSAnLi4vdHlwZXMnO1xuaW1wb3J0IExheW91dEl0ZW0gZnJvbSAnLi4vTGF5b3V0JztcbmltcG9ydCB7IEhlYWRpbmcgfSBmcm9tICcuLi9UeXBvZ3JhcGh5JztcbmltcG9ydCB7IEFydGljbGVCeWxpbmUgfSBmcm9tICcuLi9BcnRpY2xlJztcbmltcG9ydCB7IHVzZU1hc3RoZWFkSGVpZ2h0IH0gZnJvbSAnLi4vTWFzdGhlYWQnO1xuXG5pbnRlcmZhY2UgUHJvcHMge1xuICBhcnRpY2xlOiBPbWl0PEFydGljbGUsICdmb290Tm90ZXMnPjtcbiAgaWQ6IHN0cmluZztcbiAgaXNXaWRlPzogYm9vbGVhbjtcbiAgbGljZW5zZUJveD86IFJlYWN0Tm9kZTtcbn1cblxuZXhwb3J0IGNvbnN0IEZST05UUEFHRV9BUlRJQ0xFX01BWF9XSURUSCA9ICc3NzNweCc7XG5leHBvcnQgY29uc3QgV0lERV9GUk9OVFBBR0VfQVJUSUNMRV9NQVhfV0lEVEggPSAnMTEwMHB4JztcblxuY29uc3QgU3R5bGVkQXJ0aWNsZSA9IHN0eWxlZC5hcnRpY2xlYFxuICB3aWR0aDogMTAwJTtcbiAgbWF4LXdpZHRoOiA3NzNweDtcbiAgaDJbaWRdIHtcbiAgICBtYXJnaW4tdG9wOiAke3NwYWNpbmcubGFyZ2V9O1xuICB9XG4gIGRpdltkYXRhLXR5cGU9J2NhbXBhaWduLWJsb2NrJ10ge1xuICAgIG1hcmdpbjogJHtzcGFjaW5nLmxhcmdlfSAwcHg7XG4gIH1cbiAgZGl2W2RhdGEtdHlwZT0nZ3JpZCddIHtcbiAgICBoMixcbiAgICBoMyxcbiAgICBoNCB7XG4gICAgICBtYXJnaW4tdG9wOiAwcHg7XG4gICAgfVxuICB9XG4gICZbZGF0YS13aWRlPSd0cnVlJ10ge1xuICAgIG1heC13aWR0aDogMTEwMHB4O1xuICAgIGgyW2lkXSB7XG4gICAgICBtYXJnaW4tdG9wOiAke3NwYWNpbmdVbml0ICogNH1weDtcbiAgICB9XG4gICAgZGl2W2RhdGEtdHlwZT0nY2FtcGFpZ24tYmxvY2snXSB7XG4gICAgICBtYXJnaW46ICR7c3BhY2luZ1VuaXQgKiA0fXB4IDBweDtcbiAgICB9XG4gIH1cbmA7XG5cbmNvbnN0IFN0eWxlZEludHJvZHVjdGlvbiA9IHN0eWxlZC5kaXZgXG4gIGZvbnQtd2VpZ2h0OiAke2ZvbnRzLndlaWdodC5saWdodH07XG4gIGZvbnQtZmFtaWx5OiAke2ZvbnRzLnNhbnN9O1xuICBtYXJnaW4tdG9wOiAke3NwYWNpbmcuc21hbGx9O1xuICAke2ZvbnRzLnNpemVzKCcyMnB4JywgJzMwcHgnKX07XG5cbiAgJHttcS5yYW5nZSh7IGZyb206IGJyZWFrcG9pbnRzLnRhYmxldCB9KX0ge1xuICAgIG1hcmdpbi10b3A6ICR7c3BhY2luZy5tZWRpdW1sYXJnZX07XG4gICAgJHtmb250cy5zaXplcygnMjZweCcsICczNnB4Jyl9O1xuICB9XG5gO1xuXG5leHBvcnQgY29uc3QgRnJvbnRwYWdlQXJ0aWNsZSA9ICh7IGFydGljbGUsIGlkLCBpc1dpZGUsIGxpY2Vuc2VCb3ggfTogUHJvcHMpID0+IHtcbiAgY29uc3QgeyBoZWlnaHQgPSAwIH0gPSB1c2VNYXN0aGVhZEhlaWdodCgpO1xuICBjb25zdCBjc3NWYXJzID0gdXNlTWVtbygoKSA9PiAoeyAnLS1tYXN0aGVhZC1oZWlnaHQnOiBgJHtoZWlnaHR9cHhgIH0gYXMgdW5rbm93biBhcyBDU1NQcm9wZXJ0aWVzKSwgW2hlaWdodF0pO1xuICBjb25zdCB7IHRpdGxlLCBpbnRyb2R1Y3Rpb24sIGNvbnRlbnQgfSA9IGFydGljbGU7XG5cbiAgaWYgKGlzV2lkZSkge1xuICAgIHJldHVybiAoXG4gICAgICA8U3R5bGVkQXJ0aWNsZSBkYXRhLXdpZGU9e2lzV2lkZX0gc3R5bGU9e2Nzc1ZhcnN9PlxuICAgICAgICA8TGF5b3V0SXRlbT57Y29udGVudH08L0xheW91dEl0ZW0+XG4gICAgICA8L1N0eWxlZEFydGljbGU+XG4gICAgKTtcbiAgfVxuXG4gIGNvbnN0IGF1dGhvcnMgPVxuICAgIGFydGljbGUuY29weXJpZ2h0LmNyZWF0b3JzLmxlbmd0aCB8fCBhcnRpY2xlLmNvcHlyaWdodC5yaWdodHNob2xkZXJzLmxlbmd0aFxuICAgICAgPyBhcnRpY2xlLmNvcHlyaWdodC5jcmVhdG9yc1xuICAgICAgOiBhcnRpY2xlLmNvcHlyaWdodC5wcm9jZXNzb3JzO1xuICByZXR1cm4gKFxuICAgIDxTdHlsZWRBcnRpY2xlIHN0eWxlPXtjc3NWYXJzfT5cbiAgICAgIDxMYXlvdXRJdGVtPlxuICAgICAgICA8SGVhZGluZyBpZD17aWR9IGhlYWRpbmdTdHlsZT1cImgxXCIgZWxlbWVudD1cImgxXCIgbWFyZ2luPVwibm9ybWFsXCIgdGFiSW5kZXg9ey0xfT5cbiAgICAgICAgICB7dGl0bGV9XG4gICAgICAgIDwvSGVhZGluZz5cbiAgICAgICAgPFN0eWxlZEludHJvZHVjdGlvbj57aW50cm9kdWN0aW9ufTwvU3R5bGVkSW50cm9kdWN0aW9uPlxuICAgICAgPC9MYXlvdXRJdGVtPlxuICAgICAgPExheW91dEl0ZW0+e2NvbnRlbnR9PC9MYXlvdXRJdGVtPlxuICAgICAgPEFydGljbGVCeWxpbmVcbiAgICAgICAgYXV0aG9ycz17YXV0aG9yc31cbiAgICAgICAgc3VwcGxpZXJzPXthcnRpY2xlLmNvcHlyaWdodC5yaWdodHNob2xkZXJzfVxuICAgICAgICBsaWNlbnNlPXthcnRpY2xlLmNvcHlyaWdodC5saWNlbnNlPy5saWNlbnNlIX1cbiAgICAgICAgcHVibGlzaGVkPXthcnRpY2xlLnB1Ymxpc2hlZH1cbiAgICAgICAgYWNjb3JkaW9uSGVhZGVyVmFyaWFudD17J3doaXRlJ31cbiAgICAgICAgbGljZW5zZUJveD17bGljZW5zZUJveH1cbiAgICAgIC8+XG4gICAgPC9TdHlsZWRBcnRpY2xlPlxuICApO1xufTtcblxuZXhwb3J0IGRlZmF1bHQgRnJvbnRwYWdlQXJ0aWNsZTtcbiJdfQ== */"));
|
|
28
30
|
export var FrontpageArticle = function FrontpageArticle(_ref) {
|
|
29
31
|
var _article$copyright$li;
|
|
30
32
|
var article = _ref.article,
|
|
31
33
|
id = _ref.id,
|
|
32
34
|
isWide = _ref.isWide,
|
|
33
35
|
licenseBox = _ref.licenseBox;
|
|
36
|
+
var _useMastheadHeight = useMastheadHeight(),
|
|
37
|
+
_useMastheadHeight$he = _useMastheadHeight.height,
|
|
38
|
+
height = _useMastheadHeight$he === void 0 ? 0 : _useMastheadHeight$he;
|
|
39
|
+
var cssVars = useMemo(function () {
|
|
40
|
+
return {
|
|
41
|
+
'--masthead-height': "".concat(height, "px")
|
|
42
|
+
};
|
|
43
|
+
}, [height]);
|
|
34
44
|
var title = article.title,
|
|
35
45
|
introduction = article.introduction,
|
|
36
46
|
content = article.content;
|
|
37
47
|
if (isWide) {
|
|
38
48
|
return _jsx(StyledArticle, {
|
|
39
49
|
"data-wide": isWide,
|
|
50
|
+
style: cssVars,
|
|
40
51
|
children: _jsx(LayoutItem, {
|
|
41
52
|
children: content
|
|
42
53
|
})
|
|
@@ -44,6 +55,7 @@ export var FrontpageArticle = function FrontpageArticle(_ref) {
|
|
|
44
55
|
}
|
|
45
56
|
var authors = article.copyright.creators.length || article.copyright.rightsholders.length ? article.copyright.creators : article.copyright.processors;
|
|
46
57
|
return _jsxs(StyledArticle, {
|
|
58
|
+
style: cssVars,
|
|
47
59
|
children: [_jsxs(LayoutItem, {
|
|
48
60
|
children: [_jsx(Heading, {
|
|
49
61
|
id: id,
|
package/es/Grid/Grid.js
CHANGED
|
@@ -29,7 +29,7 @@ var GridContainer = /*#__PURE__*/_styled("div", {
|
|
|
29
29
|
until: breakpoints.desktop
|
|
30
30
|
}), "{>div:nth-child(3):last-child{display:flex;flex-flow:column;justify-content:center;align-items:center;grid-column:span 2;}}", mq.range({
|
|
31
31
|
from: breakpoints.tabletWide
|
|
32
|
-
}), "{grid-template-columns:repeat(2, minmax(0, 1fr));&[data-columns='3']{grid-template-columns:repeat(3, minmax(0, 1fr));}&[data-columns='4']{grid-template-columns:repeat(4, minmax(0, 1fr));}}&[data-frontpage='true']{grid-gap:", spacing.large, ";}&[data-border='lightBlue']{border:1px solid ", colors.brand.light, ";}&[data-background='white']{background-color:", colors.white, ";}p{word-break:break-word;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkdyaWQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW9CZ0MiLCJmaWxlIjoiR3JpZC50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAyMy1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGJyZWFrcG9pbnRzLCBjb2xvcnMsIG1pc2MsIG1xLCBzcGFjaW5nIH0gZnJvbSAnQG5kbGEvY29yZSc7XG5pbXBvcnQgeyBIVE1MQXR0cmlidXRlcywgUmVhY3ROb2RlIH0gZnJvbSAncmVhY3QnO1xuXG5leHBvcnQgaW50ZXJmYWNlIEdyaWRQcm9wcyB7XG4gIGNvbHVtbnM6ICcyJyB8ICc0JyB8ICcyeDInO1xuICBib3JkZXI/OiAnbm9uZScgfCAnbGlnaHRCbHVlJztcbiAgYmFja2dyb3VuZD86ICd0cmFuc3BhcmVudCcgfCAnd2hpdGUnO1xuICBzaXplPzogYm9vbGVhbjtcbiAgY2hpbGRyZW4/OiBSZWFjdE5vZGVbXTtcbn1cblxuY29uc3QgR3JpZENvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGdyaWQ7XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICBib3JkZXItcmFkaXVzOiAke21pc2MuYm9yZGVyUmFkaXVzfTtcbiAgZ3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiAxZnI7XG4gIGdyaWQtZ2FwOiAke3NwYWNpbmcubm9ybWFsfTtcblxuICAke21xLnJhbmdlKHsgdW50aWw6IGJyZWFrcG9pbnRzLnRhYmxldFdpZGUgfSl9IHtcbiAgICAmW2RhdGEtY29sdW1ucz0nMngyJ10sXG4gICAgJltkYXRhLWNvbHVtbnM9JzMnXSxcbiAgICAmW2RhdGEtY29sdW1ucz0nNCddIHtcbiAgICAgIGdyaWQtdGVtcGxhdGUtY29sdW1uczogcmVwZWF0KDIsIG1pbm1heCgwLCAxZnIpKTtcbiAgICB9XG4gIH1cblxuICAke21xLnJhbmdlKHsgdW50aWw6IGJyZWFrcG9pbnRzLmRlc2t0b3AgfSl9IHtcbiAgICA+IGRpdjpudGgtY2hpbGQoMyk6bGFzdC1jaGlsZCB7XG4gICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgZmxleC1mbG93OiBjb2x1bW47XG4gICAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICBncmlkLWNvbHVtbjogc3BhbiAyO1xuICAgIH1cbiAgfVxuXG4gICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy50YWJsZXRXaWRlIH0pfSB7XG4gICAgZ3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiByZXBlYXQoMiwgbWlubWF4KDAsIDFmcikpO1xuXG4gICAgJltkYXRhLWNvbHVtbnM9JzMnXSB7XG4gICAgICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IHJlcGVhdCgzLCBtaW5tYXgoMCwgMWZyKSk7XG4gICAgfVxuXG4gICAgJltkYXRhLWNvbHVtbnM9JzQnXSB7XG4gICAgICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IHJlcGVhdCg0LCBtaW5tYXgoMCwgMWZyKSk7XG4gICAgfVxuICB9XG5cbiAgJltkYXRhLWZyb250cGFnZT0ndHJ1ZSddIHtcbiAgICBncmlkLWdhcDogJHtzcGFjaW5nLmxhcmdlfTtcbiAgfVxuXG4gICZbZGF0YS1ib3JkZXI9J2xpZ2h0Qmx1ZSddIHtcbiAgICBib3JkZXI6IDFweCBzb2xpZCAke2NvbG9ycy5icmFuZC5saWdodH07XG4gIH1cbiAgJltkYXRhLWJhY2tncm91bmQ9J3doaXRlJ10ge1xuICAgIGJhY2tncm91bmQtY29sb3I6ICR7Y29sb3JzLndoaXRlfTtcbiAgfVxuXG4gIHAge1xuICAgIHdvcmQtYnJlYWs6IGJyZWFrLXdvcmQ7XG4gIH1cbmA7XG5cbmNvbnN0IEdyaWQgPSAoeyBjb2x1bW5zLCBib3JkZXIsIGNoaWxkcmVuLCBiYWNrZ3JvdW5kLCBzaXplLCAuLi5yZXN0IH06IEdyaWRQcm9wcykgPT4ge1xuICBjb25zdCBhbW91bnRPZkNvbHVtbnMgPSBjaGlsZHJlbj8ubGVuZ3RoID09PSAzID8gJzMnIDogY29sdW1ucztcblxuICByZXR1cm4gKFxuICAgIDxHcmlkQ29udGFpbmVyXG4gICAgICBkYXRhLWZyb250cGFnZT17c2l6ZX1cbiAgICAgIGRhdGEtYm9yZGVyPXtib3JkZXJ9XG4gICAgICBkYXRhLWNvbHVtbnM9e2Ftb3VudE9mQ29sdW1uc31cbiAgICAgIGRhdGEtYmFja2dyb3VuZD17YmFja2dyb3VuZH1cbiAgICAgIHsuLi5yZXN0fVxuICAgID5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L0dyaWRDb250YWluZXI+XG4gICk7XG59O1xuXG5jb25zdCBTdHlsZWRHcmlkUGFyYWxsYXhJdGVtID0gc3R5bGVkLmRpdmBcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICA+
|
|
32
|
+
}), "{grid-template-columns:repeat(2, minmax(0, 1fr));&[data-columns='3']{grid-template-columns:repeat(3, minmax(0, 1fr));}&[data-columns='4']{grid-template-columns:repeat(4, minmax(0, 1fr));}}&[data-frontpage='true']{grid-gap:", spacing.large, ";}&[data-border='lightBlue']{border:1px solid ", colors.brand.light, ";}&[data-background='white']{background-color:", colors.white, ";}p{word-break:break-word;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkdyaWQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW9CZ0MiLCJmaWxlIjoiR3JpZC50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAyMy1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGJyZWFrcG9pbnRzLCBjb2xvcnMsIG1pc2MsIG1xLCBzcGFjaW5nIH0gZnJvbSAnQG5kbGEvY29yZSc7XG5pbXBvcnQgeyBIVE1MQXR0cmlidXRlcywgUmVhY3ROb2RlIH0gZnJvbSAncmVhY3QnO1xuXG5leHBvcnQgaW50ZXJmYWNlIEdyaWRQcm9wcyB7XG4gIGNvbHVtbnM6ICcyJyB8ICc0JyB8ICcyeDInO1xuICBib3JkZXI/OiAnbm9uZScgfCAnbGlnaHRCbHVlJztcbiAgYmFja2dyb3VuZD86ICd0cmFuc3BhcmVudCcgfCAnd2hpdGUnO1xuICBzaXplPzogYm9vbGVhbjtcbiAgY2hpbGRyZW4/OiBSZWFjdE5vZGVbXTtcbn1cblxuY29uc3QgR3JpZENvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGdyaWQ7XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICBib3JkZXItcmFkaXVzOiAke21pc2MuYm9yZGVyUmFkaXVzfTtcbiAgZ3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiAxZnI7XG4gIGdyaWQtZ2FwOiAke3NwYWNpbmcubm9ybWFsfTtcblxuICAke21xLnJhbmdlKHsgdW50aWw6IGJyZWFrcG9pbnRzLnRhYmxldFdpZGUgfSl9IHtcbiAgICAmW2RhdGEtY29sdW1ucz0nMngyJ10sXG4gICAgJltkYXRhLWNvbHVtbnM9JzMnXSxcbiAgICAmW2RhdGEtY29sdW1ucz0nNCddIHtcbiAgICAgIGdyaWQtdGVtcGxhdGUtY29sdW1uczogcmVwZWF0KDIsIG1pbm1heCgwLCAxZnIpKTtcbiAgICB9XG4gIH1cblxuICAke21xLnJhbmdlKHsgdW50aWw6IGJyZWFrcG9pbnRzLmRlc2t0b3AgfSl9IHtcbiAgICA+IGRpdjpudGgtY2hpbGQoMyk6bGFzdC1jaGlsZCB7XG4gICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgZmxleC1mbG93OiBjb2x1bW47XG4gICAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICBncmlkLWNvbHVtbjogc3BhbiAyO1xuICAgIH1cbiAgfVxuXG4gICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy50YWJsZXRXaWRlIH0pfSB7XG4gICAgZ3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiByZXBlYXQoMiwgbWlubWF4KDAsIDFmcikpO1xuXG4gICAgJltkYXRhLWNvbHVtbnM9JzMnXSB7XG4gICAgICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IHJlcGVhdCgzLCBtaW5tYXgoMCwgMWZyKSk7XG4gICAgfVxuXG4gICAgJltkYXRhLWNvbHVtbnM9JzQnXSB7XG4gICAgICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IHJlcGVhdCg0LCBtaW5tYXgoMCwgMWZyKSk7XG4gICAgfVxuICB9XG5cbiAgJltkYXRhLWZyb250cGFnZT0ndHJ1ZSddIHtcbiAgICBncmlkLWdhcDogJHtzcGFjaW5nLmxhcmdlfTtcbiAgfVxuXG4gICZbZGF0YS1ib3JkZXI9J2xpZ2h0Qmx1ZSddIHtcbiAgICBib3JkZXI6IDFweCBzb2xpZCAke2NvbG9ycy5icmFuZC5saWdodH07XG4gIH1cbiAgJltkYXRhLWJhY2tncm91bmQ9J3doaXRlJ10ge1xuICAgIGJhY2tncm91bmQtY29sb3I6ICR7Y29sb3JzLndoaXRlfTtcbiAgfVxuXG4gIHAge1xuICAgIHdvcmQtYnJlYWs6IGJyZWFrLXdvcmQ7XG4gIH1cbmA7XG5cbmNvbnN0IEdyaWQgPSAoeyBjb2x1bW5zLCBib3JkZXIsIGNoaWxkcmVuLCBiYWNrZ3JvdW5kLCBzaXplLCAuLi5yZXN0IH06IEdyaWRQcm9wcykgPT4ge1xuICBjb25zdCBhbW91bnRPZkNvbHVtbnMgPSBjaGlsZHJlbj8ubGVuZ3RoID09PSAzID8gJzMnIDogY29sdW1ucztcblxuICByZXR1cm4gKFxuICAgIDxHcmlkQ29udGFpbmVyXG4gICAgICBkYXRhLWZyb250cGFnZT17c2l6ZX1cbiAgICAgIGRhdGEtYm9yZGVyPXtib3JkZXJ9XG4gICAgICBkYXRhLWNvbHVtbnM9e2Ftb3VudE9mQ29sdW1uc31cbiAgICAgIGRhdGEtYmFja2dyb3VuZD17YmFja2dyb3VuZH1cbiAgICAgIHsuLi5yZXN0fVxuICAgID5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L0dyaWRDb250YWluZXI+XG4gICk7XG59O1xuXG5jb25zdCBTdHlsZWRHcmlkUGFyYWxsYXhJdGVtID0gc3R5bGVkLmRpdmBcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICA+IGRpdiB7XG4gICAgdG9wOiB2YXIoLS1tYXN0aGVhZC1oZWlnaHQsIDBweCk7XG4gICAgcG9zaXRpb246IHN0aWNreTtcbiAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IEdyaWRQYXJhbGxheEl0ZW0gPSAoeyBjaGlsZHJlbiwgLi4ucmVzdCB9OiBIVE1MQXR0cmlidXRlczxIVE1MRGl2RWxlbWVudD4pID0+IChcbiAgPFN0eWxlZEdyaWRQYXJhbGxheEl0ZW0gey4uLnJlc3R9PlxuICAgIDxkaXY+e2NoaWxkcmVufTwvZGl2PlxuICA8L1N0eWxlZEdyaWRQYXJhbGxheEl0ZW0+XG4pO1xuXG5leHBvcnQgZGVmYXVsdCBHcmlkO1xuIl19 */"));
|
|
33
33
|
var Grid = function Grid(_ref) {
|
|
34
34
|
var columns = _ref.columns,
|
|
35
35
|
border = _ref.border,
|
|
@@ -51,12 +51,12 @@ var StyledGridParallaxItem = /*#__PURE__*/_styled("div", {
|
|
|
51
51
|
target: "e1c0s8mo0",
|
|
52
52
|
label: "StyledGridParallaxItem"
|
|
53
53
|
})(process.env.NODE_ENV === "production" ? {
|
|
54
|
-
name: "
|
|
55
|
-
styles: "position:relative;>div{top:0px;position:sticky;}"
|
|
54
|
+
name: "1s7sltv",
|
|
55
|
+
styles: "position:relative;>div{top:var(--masthead-height, 0px);position:sticky;}"
|
|
56
56
|
} : {
|
|
57
|
-
name: "
|
|
58
|
-
styles: "position:relative;>div{top:0px;position:sticky;}",
|
|
59
|
-
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkdyaWQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXlGeUMiLCJmaWxlIjoiR3JpZC50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAyMy1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGJyZWFrcG9pbnRzLCBjb2xvcnMsIG1pc2MsIG1xLCBzcGFjaW5nIH0gZnJvbSAnQG5kbGEvY29yZSc7XG5pbXBvcnQgeyBIVE1MQXR0cmlidXRlcywgUmVhY3ROb2RlIH0gZnJvbSAncmVhY3QnO1xuXG5leHBvcnQgaW50ZXJmYWNlIEdyaWRQcm9wcyB7XG4gIGNvbHVtbnM6ICcyJyB8ICc0JyB8ICcyeDInO1xuICBib3JkZXI/OiAnbm9uZScgfCAnbGlnaHRCbHVlJztcbiAgYmFja2dyb3VuZD86ICd0cmFuc3BhcmVudCcgfCAnd2hpdGUnO1xuICBzaXplPzogYm9vbGVhbjtcbiAgY2hpbGRyZW4/OiBSZWFjdE5vZGVbXTtcbn1cblxuY29uc3QgR3JpZENvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGdyaWQ7XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICBib3JkZXItcmFkaXVzOiAke21pc2MuYm9yZGVyUmFkaXVzfTtcbiAgZ3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiAxZnI7XG4gIGdyaWQtZ2FwOiAke3NwYWNpbmcubm9ybWFsfTtcblxuICAke21xLnJhbmdlKHsgdW50aWw6IGJyZWFrcG9pbnRzLnRhYmxldFdpZGUgfSl9IHtcbiAgICAmW2RhdGEtY29sdW1ucz0nMngyJ10sXG4gICAgJltkYXRhLWNvbHVtbnM9JzMnXSxcbiAgICAmW2RhdGEtY29sdW1ucz0nNCddIHtcbiAgICAgIGdyaWQtdGVtcGxhdGUtY29sdW1uczogcmVwZWF0KDIsIG1pbm1heCgwLCAxZnIpKTtcbiAgICB9XG4gIH1cblxuICAke21xLnJhbmdlKHsgdW50aWw6IGJyZWFrcG9pbnRzLmRlc2t0b3AgfSl9IHtcbiAgICA+IGRpdjpudGgtY2hpbGQoMyk6bGFzdC1jaGlsZCB7XG4gICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgZmxleC1mbG93OiBjb2x1bW47XG4gICAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICBncmlkLWNvbHVtbjogc3BhbiAyO1xuICAgIH1cbiAgfVxuXG4gICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy50YWJsZXRXaWRlIH0pfSB7XG4gICAgZ3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiByZXBlYXQoMiwgbWlubWF4KDAsIDFmcikpO1xuXG4gICAgJltkYXRhLWNvbHVtbnM9JzMnXSB7XG4gICAgICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IHJlcGVhdCgzLCBtaW5tYXgoMCwgMWZyKSk7XG4gICAgfVxuXG4gICAgJltkYXRhLWNvbHVtbnM9JzQnXSB7XG4gICAgICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IHJlcGVhdCg0LCBtaW5tYXgoMCwgMWZyKSk7XG4gICAgfVxuICB9XG5cbiAgJltkYXRhLWZyb250cGFnZT0ndHJ1ZSddIHtcbiAgICBncmlkLWdhcDogJHtzcGFjaW5nLmxhcmdlfTtcbiAgfVxuXG4gICZbZGF0YS1ib3JkZXI9J2xpZ2h0Qmx1ZSddIHtcbiAgICBib3JkZXI6IDFweCBzb2xpZCAke2NvbG9ycy5icmFuZC5saWdodH07XG4gIH1cbiAgJltkYXRhLWJhY2tncm91bmQ9J3doaXRlJ10ge1xuICAgIGJhY2tncm91bmQtY29sb3I6ICR7Y29sb3JzLndoaXRlfTtcbiAgfVxuXG4gIHAge1xuICAgIHdvcmQtYnJlYWs6IGJyZWFrLXdvcmQ7XG4gIH1cbmA7XG5cbmNvbnN0IEdyaWQgPSAoeyBjb2x1bW5zLCBib3JkZXIsIGNoaWxkcmVuLCBiYWNrZ3JvdW5kLCBzaXplLCAuLi5yZXN0IH06IEdyaWRQcm9wcykgPT4ge1xuICBjb25zdCBhbW91bnRPZkNvbHVtbnMgPSBjaGlsZHJlbj8ubGVuZ3RoID09PSAzID8gJzMnIDogY29sdW1ucztcblxuICByZXR1cm4gKFxuICAgIDxHcmlkQ29udGFpbmVyXG4gICAgICBkYXRhLWZyb250cGFnZT17c2l6ZX1cbiAgICAgIGRhdGEtYm9yZGVyPXtib3JkZXJ9XG4gICAgICBkYXRhLWNvbHVtbnM9e2Ftb3VudE9mQ29sdW1uc31cbiAgICAgIGRhdGEtYmFja2dyb3VuZD17YmFja2dyb3VuZH1cbiAgICAgIHsuLi5yZXN0fVxuICAgID5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L0dyaWRDb250YWluZXI+XG4gICk7XG59O1xuXG5jb25zdCBTdHlsZWRHcmlkUGFyYWxsYXhJdGVtID0gc3R5bGVkLmRpdmBcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICA+
|
|
57
|
+
name: "1s7sltv",
|
|
58
|
+
styles: "position:relative;>div{top:var(--masthead-height, 0px);position:sticky;}",
|
|
59
|
+
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkdyaWQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXlGeUMiLCJmaWxlIjoiR3JpZC50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAyMy1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGJyZWFrcG9pbnRzLCBjb2xvcnMsIG1pc2MsIG1xLCBzcGFjaW5nIH0gZnJvbSAnQG5kbGEvY29yZSc7XG5pbXBvcnQgeyBIVE1MQXR0cmlidXRlcywgUmVhY3ROb2RlIH0gZnJvbSAncmVhY3QnO1xuXG5leHBvcnQgaW50ZXJmYWNlIEdyaWRQcm9wcyB7XG4gIGNvbHVtbnM6ICcyJyB8ICc0JyB8ICcyeDInO1xuICBib3JkZXI/OiAnbm9uZScgfCAnbGlnaHRCbHVlJztcbiAgYmFja2dyb3VuZD86ICd0cmFuc3BhcmVudCcgfCAnd2hpdGUnO1xuICBzaXplPzogYm9vbGVhbjtcbiAgY2hpbGRyZW4/OiBSZWFjdE5vZGVbXTtcbn1cblxuY29uc3QgR3JpZENvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGdyaWQ7XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICBib3JkZXItcmFkaXVzOiAke21pc2MuYm9yZGVyUmFkaXVzfTtcbiAgZ3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiAxZnI7XG4gIGdyaWQtZ2FwOiAke3NwYWNpbmcubm9ybWFsfTtcblxuICAke21xLnJhbmdlKHsgdW50aWw6IGJyZWFrcG9pbnRzLnRhYmxldFdpZGUgfSl9IHtcbiAgICAmW2RhdGEtY29sdW1ucz0nMngyJ10sXG4gICAgJltkYXRhLWNvbHVtbnM9JzMnXSxcbiAgICAmW2RhdGEtY29sdW1ucz0nNCddIHtcbiAgICAgIGdyaWQtdGVtcGxhdGUtY29sdW1uczogcmVwZWF0KDIsIG1pbm1heCgwLCAxZnIpKTtcbiAgICB9XG4gIH1cblxuICAke21xLnJhbmdlKHsgdW50aWw6IGJyZWFrcG9pbnRzLmRlc2t0b3AgfSl9IHtcbiAgICA+IGRpdjpudGgtY2hpbGQoMyk6bGFzdC1jaGlsZCB7XG4gICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgZmxleC1mbG93OiBjb2x1bW47XG4gICAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICBncmlkLWNvbHVtbjogc3BhbiAyO1xuICAgIH1cbiAgfVxuXG4gICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy50YWJsZXRXaWRlIH0pfSB7XG4gICAgZ3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiByZXBlYXQoMiwgbWlubWF4KDAsIDFmcikpO1xuXG4gICAgJltkYXRhLWNvbHVtbnM9JzMnXSB7XG4gICAgICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IHJlcGVhdCgzLCBtaW5tYXgoMCwgMWZyKSk7XG4gICAgfVxuXG4gICAgJltkYXRhLWNvbHVtbnM9JzQnXSB7XG4gICAgICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IHJlcGVhdCg0LCBtaW5tYXgoMCwgMWZyKSk7XG4gICAgfVxuICB9XG5cbiAgJltkYXRhLWZyb250cGFnZT0ndHJ1ZSddIHtcbiAgICBncmlkLWdhcDogJHtzcGFjaW5nLmxhcmdlfTtcbiAgfVxuXG4gICZbZGF0YS1ib3JkZXI9J2xpZ2h0Qmx1ZSddIHtcbiAgICBib3JkZXI6IDFweCBzb2xpZCAke2NvbG9ycy5icmFuZC5saWdodH07XG4gIH1cbiAgJltkYXRhLWJhY2tncm91bmQ9J3doaXRlJ10ge1xuICAgIGJhY2tncm91bmQtY29sb3I6ICR7Y29sb3JzLndoaXRlfTtcbiAgfVxuXG4gIHAge1xuICAgIHdvcmQtYnJlYWs6IGJyZWFrLXdvcmQ7XG4gIH1cbmA7XG5cbmNvbnN0IEdyaWQgPSAoeyBjb2x1bW5zLCBib3JkZXIsIGNoaWxkcmVuLCBiYWNrZ3JvdW5kLCBzaXplLCAuLi5yZXN0IH06IEdyaWRQcm9wcykgPT4ge1xuICBjb25zdCBhbW91bnRPZkNvbHVtbnMgPSBjaGlsZHJlbj8ubGVuZ3RoID09PSAzID8gJzMnIDogY29sdW1ucztcblxuICByZXR1cm4gKFxuICAgIDxHcmlkQ29udGFpbmVyXG4gICAgICBkYXRhLWZyb250cGFnZT17c2l6ZX1cbiAgICAgIGRhdGEtYm9yZGVyPXtib3JkZXJ9XG4gICAgICBkYXRhLWNvbHVtbnM9e2Ftb3VudE9mQ29sdW1uc31cbiAgICAgIGRhdGEtYmFja2dyb3VuZD17YmFja2dyb3VuZH1cbiAgICAgIHsuLi5yZXN0fVxuICAgID5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L0dyaWRDb250YWluZXI+XG4gICk7XG59O1xuXG5jb25zdCBTdHlsZWRHcmlkUGFyYWxsYXhJdGVtID0gc3R5bGVkLmRpdmBcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICA+IGRpdiB7XG4gICAgdG9wOiB2YXIoLS1tYXN0aGVhZC1oZWlnaHQsIDBweCk7XG4gICAgcG9zaXRpb246IHN0aWNreTtcbiAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IEdyaWRQYXJhbGxheEl0ZW0gPSAoeyBjaGlsZHJlbiwgLi4ucmVzdCB9OiBIVE1MQXR0cmlidXRlczxIVE1MRGl2RWxlbWVudD4pID0+IChcbiAgPFN0eWxlZEdyaWRQYXJhbGxheEl0ZW0gey4uLnJlc3R9PlxuICAgIDxkaXY+e2NoaWxkcmVufTwvZGl2PlxuICA8L1N0eWxlZEdyaWRQYXJhbGxheEl0ZW0+XG4pO1xuXG5leHBvcnQgZGVmYXVsdCBHcmlkO1xuIl19 */",
|
|
60
60
|
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
|
61
61
|
});
|
|
62
62
|
export var GridParallaxItem = function GridParallaxItem(_ref2) {
|
|
@@ -5,10 +5,12 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
exports.default = exports.WIDE_FRONTPAGE_ARTICLE_MAX_WIDTH = exports.FrontpageArticle = exports.FRONTPAGE_ARTICLE_MAX_WIDTH = void 0;
|
|
7
7
|
var _base = _interopRequireDefault(require("@emotion/styled/base"));
|
|
8
|
+
var _react = require("react");
|
|
8
9
|
var _core = require("@ndla/core");
|
|
9
10
|
var _Layout = _interopRequireDefault(require("../Layout"));
|
|
10
11
|
var _Typography = require("../Typography");
|
|
11
12
|
var _Article = require("../Article");
|
|
13
|
+
var _Masthead = require("../Masthead");
|
|
12
14
|
var _jsxRuntime = require("@emotion/react/jsx-runtime");
|
|
13
15
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
14
16
|
/**
|
|
@@ -26,25 +28,34 @@ exports.WIDE_FRONTPAGE_ARTICLE_MAX_WIDTH = WIDE_FRONTPAGE_ARTICLE_MAX_WIDTH;
|
|
|
26
28
|
var StyledArticle = /*#__PURE__*/(0, _base.default)("article", {
|
|
27
29
|
target: "e10a6yg81",
|
|
28
30
|
label: "StyledArticle"
|
|
29
|
-
})("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;}}&[data-wide='true']{max-width:1100px;h2[id]{margin-top:", _core.spacingUnit * 4, "px;}div[data-type='campaign-block']{margin:", _core.spacingUnit * 4, "px 0px;}}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
31
|
+
})("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;}}&[data-wide='true']{max-width:1100px;h2[id]{margin-top:", _core.spacingUnit * 4, "px;}div[data-type='campaign-block']{margin:", _core.spacingUnit * 4, "px 0px;}}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZyb250cGFnZUFydGljbGUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTJCb0MiLCJmaWxlIjoiRnJvbnRwYWdlQXJ0aWNsZS50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAyMy1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCB7IENTU1Byb3BlcnRpZXMsIFJlYWN0Tm9kZSwgdXNlTWVtbyB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IGJyZWFrcG9pbnRzLCBmb250cywgbXEsIHNwYWNpbmcsIHNwYWNpbmdVbml0IH0gZnJvbSAnQG5kbGEvY29yZSc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBBcnRpY2xlIH0gZnJvbSAnLi4vdHlwZXMnO1xuaW1wb3J0IExheW91dEl0ZW0gZnJvbSAnLi4vTGF5b3V0JztcbmltcG9ydCB7IEhlYWRpbmcgfSBmcm9tICcuLi9UeXBvZ3JhcGh5JztcbmltcG9ydCB7IEFydGljbGVCeWxpbmUgfSBmcm9tICcuLi9BcnRpY2xlJztcbmltcG9ydCB7IHVzZU1hc3RoZWFkSGVpZ2h0IH0gZnJvbSAnLi4vTWFzdGhlYWQnO1xuXG5pbnRlcmZhY2UgUHJvcHMge1xuICBhcnRpY2xlOiBPbWl0PEFydGljbGUsICdmb290Tm90ZXMnPjtcbiAgaWQ6IHN0cmluZztcbiAgaXNXaWRlPzogYm9vbGVhbjtcbiAgbGljZW5zZUJveD86IFJlYWN0Tm9kZTtcbn1cblxuZXhwb3J0IGNvbnN0IEZST05UUEFHRV9BUlRJQ0xFX01BWF9XSURUSCA9ICc3NzNweCc7XG5leHBvcnQgY29uc3QgV0lERV9GUk9OVFBBR0VfQVJUSUNMRV9NQVhfV0lEVEggPSAnMTEwMHB4JztcblxuY29uc3QgU3R5bGVkQXJ0aWNsZSA9IHN0eWxlZC5hcnRpY2xlYFxuICB3aWR0aDogMTAwJTtcbiAgbWF4LXdpZHRoOiA3NzNweDtcbiAgaDJbaWRdIHtcbiAgICBtYXJnaW4tdG9wOiAke3NwYWNpbmcubGFyZ2V9O1xuICB9XG4gIGRpdltkYXRhLXR5cGU9J2NhbXBhaWduLWJsb2NrJ10ge1xuICAgIG1hcmdpbjogJHtzcGFjaW5nLmxhcmdlfSAwcHg7XG4gIH1cbiAgZGl2W2RhdGEtdHlwZT0nZ3JpZCddIHtcbiAgICBoMixcbiAgICBoMyxcbiAgICBoNCB7XG4gICAgICBtYXJnaW4tdG9wOiAwcHg7XG4gICAgfVxuICB9XG4gICZbZGF0YS13aWRlPSd0cnVlJ10ge1xuICAgIG1heC13aWR0aDogMTEwMHB4O1xuICAgIGgyW2lkXSB7XG4gICAgICBtYXJnaW4tdG9wOiAke3NwYWNpbmdVbml0ICogNH1weDtcbiAgICB9XG4gICAgZGl2W2RhdGEtdHlwZT0nY2FtcGFpZ24tYmxvY2snXSB7XG4gICAgICBtYXJnaW46ICR7c3BhY2luZ1VuaXQgKiA0fXB4IDBweDtcbiAgICB9XG4gIH1cbmA7XG5cbmNvbnN0IFN0eWxlZEludHJvZHVjdGlvbiA9IHN0eWxlZC5kaXZgXG4gIGZvbnQtd2VpZ2h0OiAke2ZvbnRzLndlaWdodC5saWdodH07XG4gIGZvbnQtZmFtaWx5OiAke2ZvbnRzLnNhbnN9O1xuICBtYXJnaW4tdG9wOiAke3NwYWNpbmcuc21hbGx9O1xuICAke2ZvbnRzLnNpemVzKCcyMnB4JywgJzMwcHgnKX07XG5cbiAgJHttcS5yYW5nZSh7IGZyb206IGJyZWFrcG9pbnRzLnRhYmxldCB9KX0ge1xuICAgIG1hcmdpbi10b3A6ICR7c3BhY2luZy5tZWRpdW1sYXJnZX07XG4gICAgJHtmb250cy5zaXplcygnMjZweCcsICczNnB4Jyl9O1xuICB9XG5gO1xuXG5leHBvcnQgY29uc3QgRnJvbnRwYWdlQXJ0aWNsZSA9ICh7IGFydGljbGUsIGlkLCBpc1dpZGUsIGxpY2Vuc2VCb3ggfTogUHJvcHMpID0+IHtcbiAgY29uc3QgeyBoZWlnaHQgPSAwIH0gPSB1c2VNYXN0aGVhZEhlaWdodCgpO1xuICBjb25zdCBjc3NWYXJzID0gdXNlTWVtbygoKSA9PiAoeyAnLS1tYXN0aGVhZC1oZWlnaHQnOiBgJHtoZWlnaHR9cHhgIH0gYXMgdW5rbm93biBhcyBDU1NQcm9wZXJ0aWVzKSwgW2hlaWdodF0pO1xuICBjb25zdCB7IHRpdGxlLCBpbnRyb2R1Y3Rpb24sIGNvbnRlbnQgfSA9IGFydGljbGU7XG5cbiAgaWYgKGlzV2lkZSkge1xuICAgIHJldHVybiAoXG4gICAgICA8U3R5bGVkQXJ0aWNsZSBkYXRhLXdpZGU9e2lzV2lkZX0gc3R5bGU9e2Nzc1ZhcnN9PlxuICAgICAgICA8TGF5b3V0SXRlbT57Y29udGVudH08L0xheW91dEl0ZW0+XG4gICAgICA8L1N0eWxlZEFydGljbGU+XG4gICAgKTtcbiAgfVxuXG4gIGNvbnN0IGF1dGhvcnMgPVxuICAgIGFydGljbGUuY29weXJpZ2h0LmNyZWF0b3JzLmxlbmd0aCB8fCBhcnRpY2xlLmNvcHlyaWdodC5yaWdodHNob2xkZXJzLmxlbmd0aFxuICAgICAgPyBhcnRpY2xlLmNvcHlyaWdodC5jcmVhdG9yc1xuICAgICAgOiBhcnRpY2xlLmNvcHlyaWdodC5wcm9jZXNzb3JzO1xuICByZXR1cm4gKFxuICAgIDxTdHlsZWRBcnRpY2xlIHN0eWxlPXtjc3NWYXJzfT5cbiAgICAgIDxMYXlvdXRJdGVtPlxuICAgICAgICA8SGVhZGluZyBpZD17aWR9IGhlYWRpbmdTdHlsZT1cImgxXCIgZWxlbWVudD1cImgxXCIgbWFyZ2luPVwibm9ybWFsXCIgdGFiSW5kZXg9ey0xfT5cbiAgICAgICAgICB7dGl0bGV9XG4gICAgICAgIDwvSGVhZGluZz5cbiAgICAgICAgPFN0eWxlZEludHJvZHVjdGlvbj57aW50cm9kdWN0aW9ufTwvU3R5bGVkSW50cm9kdWN0aW9uPlxuICAgICAgPC9MYXlvdXRJdGVtPlxuICAgICAgPExheW91dEl0ZW0+e2NvbnRlbnR9PC9MYXlvdXRJdGVtPlxuICAgICAgPEFydGljbGVCeWxpbmVcbiAgICAgICAgYXV0aG9ycz17YXV0aG9yc31cbiAgICAgICAgc3VwcGxpZXJzPXthcnRpY2xlLmNvcHlyaWdodC5yaWdodHNob2xkZXJzfVxuICAgICAgICBsaWNlbnNlPXthcnRpY2xlLmNvcHlyaWdodC5saWNlbnNlPy5saWNlbnNlIX1cbiAgICAgICAgcHVibGlzaGVkPXthcnRpY2xlLnB1Ymxpc2hlZH1cbiAgICAgICAgYWNjb3JkaW9uSGVhZGVyVmFyaWFudD17J3doaXRlJ31cbiAgICAgICAgbGljZW5zZUJveD17bGljZW5zZUJveH1cbiAgICAgIC8+XG4gICAgPC9TdHlsZWRBcnRpY2xlPlxuICApO1xufTtcblxuZXhwb3J0IGRlZmF1bHQgRnJvbnRwYWdlQXJ0aWNsZTtcbiJdfQ== */"));
|
|
30
32
|
var StyledIntroduction = /*#__PURE__*/(0, _base.default)("div", {
|
|
31
33
|
target: "e10a6yg80",
|
|
32
34
|
label: "StyledIntroduction"
|
|
33
35
|
})("font-weight:", _core.fonts.weight.light, ";font-family:", _core.fonts.sans, ";margin-top:", _core.spacing.small, ";", _core.fonts.sizes('22px', '30px'), ";", _core.mq.range({
|
|
34
36
|
from: _core.breakpoints.tablet
|
|
35
|
-
}), "{margin-top:", _core.spacing.mediumlarge, ";", _core.fonts.sizes('26px', '36px'), ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
37
|
+
}), "{margin-top:", _core.spacing.mediumlarge, ";", _core.fonts.sizes('26px', '36px'), ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZyb250cGFnZUFydGljbGUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXNEcUMiLCJmaWxlIjoiRnJvbnRwYWdlQXJ0aWNsZS50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAyMy1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCB7IENTU1Byb3BlcnRpZXMsIFJlYWN0Tm9kZSwgdXNlTWVtbyB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IGJyZWFrcG9pbnRzLCBmb250cywgbXEsIHNwYWNpbmcsIHNwYWNpbmdVbml0IH0gZnJvbSAnQG5kbGEvY29yZSc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBBcnRpY2xlIH0gZnJvbSAnLi4vdHlwZXMnO1xuaW1wb3J0IExheW91dEl0ZW0gZnJvbSAnLi4vTGF5b3V0JztcbmltcG9ydCB7IEhlYWRpbmcgfSBmcm9tICcuLi9UeXBvZ3JhcGh5JztcbmltcG9ydCB7IEFydGljbGVCeWxpbmUgfSBmcm9tICcuLi9BcnRpY2xlJztcbmltcG9ydCB7IHVzZU1hc3RoZWFkSGVpZ2h0IH0gZnJvbSAnLi4vTWFzdGhlYWQnO1xuXG5pbnRlcmZhY2UgUHJvcHMge1xuICBhcnRpY2xlOiBPbWl0PEFydGljbGUsICdmb290Tm90ZXMnPjtcbiAgaWQ6IHN0cmluZztcbiAgaXNXaWRlPzogYm9vbGVhbjtcbiAgbGljZW5zZUJveD86IFJlYWN0Tm9kZTtcbn1cblxuZXhwb3J0IGNvbnN0IEZST05UUEFHRV9BUlRJQ0xFX01BWF9XSURUSCA9ICc3NzNweCc7XG5leHBvcnQgY29uc3QgV0lERV9GUk9OVFBBR0VfQVJUSUNMRV9NQVhfV0lEVEggPSAnMTEwMHB4JztcblxuY29uc3QgU3R5bGVkQXJ0aWNsZSA9IHN0eWxlZC5hcnRpY2xlYFxuICB3aWR0aDogMTAwJTtcbiAgbWF4LXdpZHRoOiA3NzNweDtcbiAgaDJbaWRdIHtcbiAgICBtYXJnaW4tdG9wOiAke3NwYWNpbmcubGFyZ2V9O1xuICB9XG4gIGRpdltkYXRhLXR5cGU9J2NhbXBhaWduLWJsb2NrJ10ge1xuICAgIG1hcmdpbjogJHtzcGFjaW5nLmxhcmdlfSAwcHg7XG4gIH1cbiAgZGl2W2RhdGEtdHlwZT0nZ3JpZCddIHtcbiAgICBoMixcbiAgICBoMyxcbiAgICBoNCB7XG4gICAgICBtYXJnaW4tdG9wOiAwcHg7XG4gICAgfVxuICB9XG4gICZbZGF0YS13aWRlPSd0cnVlJ10ge1xuICAgIG1heC13aWR0aDogMTEwMHB4O1xuICAgIGgyW2lkXSB7XG4gICAgICBtYXJnaW4tdG9wOiAke3NwYWNpbmdVbml0ICogNH1weDtcbiAgICB9XG4gICAgZGl2W2RhdGEtdHlwZT0nY2FtcGFpZ24tYmxvY2snXSB7XG4gICAgICBtYXJnaW46ICR7c3BhY2luZ1VuaXQgKiA0fXB4IDBweDtcbiAgICB9XG4gIH1cbmA7XG5cbmNvbnN0IFN0eWxlZEludHJvZHVjdGlvbiA9IHN0eWxlZC5kaXZgXG4gIGZvbnQtd2VpZ2h0OiAke2ZvbnRzLndlaWdodC5saWdodH07XG4gIGZvbnQtZmFtaWx5OiAke2ZvbnRzLnNhbnN9O1xuICBtYXJnaW4tdG9wOiAke3NwYWNpbmcuc21hbGx9O1xuICAke2ZvbnRzLnNpemVzKCcyMnB4JywgJzMwcHgnKX07XG5cbiAgJHttcS5yYW5nZSh7IGZyb206IGJyZWFrcG9pbnRzLnRhYmxldCB9KX0ge1xuICAgIG1hcmdpbi10b3A6ICR7c3BhY2luZy5tZWRpdW1sYXJnZX07XG4gICAgJHtmb250cy5zaXplcygnMjZweCcsICczNnB4Jyl9O1xuICB9XG5gO1xuXG5leHBvcnQgY29uc3QgRnJvbnRwYWdlQXJ0aWNsZSA9ICh7IGFydGljbGUsIGlkLCBpc1dpZGUsIGxpY2Vuc2VCb3ggfTogUHJvcHMpID0+IHtcbiAgY29uc3QgeyBoZWlnaHQgPSAwIH0gPSB1c2VNYXN0aGVhZEhlaWdodCgpO1xuICBjb25zdCBjc3NWYXJzID0gdXNlTWVtbygoKSA9PiAoeyAnLS1tYXN0aGVhZC1oZWlnaHQnOiBgJHtoZWlnaHR9cHhgIH0gYXMgdW5rbm93biBhcyBDU1NQcm9wZXJ0aWVzKSwgW2hlaWdodF0pO1xuICBjb25zdCB7IHRpdGxlLCBpbnRyb2R1Y3Rpb24sIGNvbnRlbnQgfSA9IGFydGljbGU7XG5cbiAgaWYgKGlzV2lkZSkge1xuICAgIHJldHVybiAoXG4gICAgICA8U3R5bGVkQXJ0aWNsZSBkYXRhLXdpZGU9e2lzV2lkZX0gc3R5bGU9e2Nzc1ZhcnN9PlxuICAgICAgICA8TGF5b3V0SXRlbT57Y29udGVudH08L0xheW91dEl0ZW0+XG4gICAgICA8L1N0eWxlZEFydGljbGU+XG4gICAgKTtcbiAgfVxuXG4gIGNvbnN0IGF1dGhvcnMgPVxuICAgIGFydGljbGUuY29weXJpZ2h0LmNyZWF0b3JzLmxlbmd0aCB8fCBhcnRpY2xlLmNvcHlyaWdodC5yaWdodHNob2xkZXJzLmxlbmd0aFxuICAgICAgPyBhcnRpY2xlLmNvcHlyaWdodC5jcmVhdG9yc1xuICAgICAgOiBhcnRpY2xlLmNvcHlyaWdodC5wcm9jZXNzb3JzO1xuICByZXR1cm4gKFxuICAgIDxTdHlsZWRBcnRpY2xlIHN0eWxlPXtjc3NWYXJzfT5cbiAgICAgIDxMYXlvdXRJdGVtPlxuICAgICAgICA8SGVhZGluZyBpZD17aWR9IGhlYWRpbmdTdHlsZT1cImgxXCIgZWxlbWVudD1cImgxXCIgbWFyZ2luPVwibm9ybWFsXCIgdGFiSW5kZXg9ey0xfT5cbiAgICAgICAgICB7dGl0bGV9XG4gICAgICAgIDwvSGVhZGluZz5cbiAgICAgICAgPFN0eWxlZEludHJvZHVjdGlvbj57aW50cm9kdWN0aW9ufTwvU3R5bGVkSW50cm9kdWN0aW9uPlxuICAgICAgPC9MYXlvdXRJdGVtPlxuICAgICAgPExheW91dEl0ZW0+e2NvbnRlbnR9PC9MYXlvdXRJdGVtPlxuICAgICAgPEFydGljbGVCeWxpbmVcbiAgICAgICAgYXV0aG9ycz17YXV0aG9yc31cbiAgICAgICAgc3VwcGxpZXJzPXthcnRpY2xlLmNvcHlyaWdodC5yaWdodHNob2xkZXJzfVxuICAgICAgICBsaWNlbnNlPXthcnRpY2xlLmNvcHlyaWdodC5saWNlbnNlPy5saWNlbnNlIX1cbiAgICAgICAgcHVibGlzaGVkPXthcnRpY2xlLnB1Ymxpc2hlZH1cbiAgICAgICAgYWNjb3JkaW9uSGVhZGVyVmFyaWFudD17J3doaXRlJ31cbiAgICAgICAgbGljZW5zZUJveD17bGljZW5zZUJveH1cbiAgICAgIC8+XG4gICAgPC9TdHlsZWRBcnRpY2xlPlxuICApO1xufTtcblxuZXhwb3J0IGRlZmF1bHQgRnJvbnRwYWdlQXJ0aWNsZTtcbiJdfQ== */"));
|
|
36
38
|
var FrontpageArticle = function FrontpageArticle(_ref) {
|
|
37
39
|
var _article$copyright$li;
|
|
38
40
|
var article = _ref.article,
|
|
39
41
|
id = _ref.id,
|
|
40
42
|
isWide = _ref.isWide,
|
|
41
43
|
licenseBox = _ref.licenseBox;
|
|
44
|
+
var _useMastheadHeight = (0, _Masthead.useMastheadHeight)(),
|
|
45
|
+
_useMastheadHeight$he = _useMastheadHeight.height,
|
|
46
|
+
height = _useMastheadHeight$he === void 0 ? 0 : _useMastheadHeight$he;
|
|
47
|
+
var cssVars = (0, _react.useMemo)(function () {
|
|
48
|
+
return {
|
|
49
|
+
'--masthead-height': "".concat(height, "px")
|
|
50
|
+
};
|
|
51
|
+
}, [height]);
|
|
42
52
|
var title = article.title,
|
|
43
53
|
introduction = article.introduction,
|
|
44
54
|
content = article.content;
|
|
45
55
|
if (isWide) {
|
|
46
56
|
return (0, _jsxRuntime.jsx)(StyledArticle, {
|
|
47
57
|
"data-wide": isWide,
|
|
58
|
+
style: cssVars,
|
|
48
59
|
children: (0, _jsxRuntime.jsx)(_Layout.default, {
|
|
49
60
|
children: content
|
|
50
61
|
})
|
|
@@ -52,6 +63,7 @@ var FrontpageArticle = function FrontpageArticle(_ref) {
|
|
|
52
63
|
}
|
|
53
64
|
var authors = article.copyright.creators.length || article.copyright.rightsholders.length ? article.copyright.creators : article.copyright.processors;
|
|
54
65
|
return (0, _jsxRuntime.jsxs)(StyledArticle, {
|
|
66
|
+
style: cssVars,
|
|
55
67
|
children: [(0, _jsxRuntime.jsxs)(_Layout.default, {
|
|
56
68
|
children: [(0, _jsxRuntime.jsx)(_Typography.Heading, {
|
|
57
69
|
id: id,
|
package/lib/Grid/Grid.js
CHANGED
|
@@ -34,7 +34,7 @@ var GridContainer = /*#__PURE__*/(0, _base.default)("div", {
|
|
|
34
34
|
until: _core.breakpoints.desktop
|
|
35
35
|
}), "{>div:nth-child(3):last-child{display:flex;flex-flow:column;justify-content:center;align-items:center;grid-column:span 2;}}", _core.mq.range({
|
|
36
36
|
from: _core.breakpoints.tabletWide
|
|
37
|
-
}), "{grid-template-columns:repeat(2, minmax(0, 1fr));&[data-columns='3']{grid-template-columns:repeat(3, minmax(0, 1fr));}&[data-columns='4']{grid-template-columns:repeat(4, minmax(0, 1fr));}}&[data-frontpage='true']{grid-gap:", _core.spacing.large, ";}&[data-border='lightBlue']{border:1px solid ", _core.colors.brand.light, ";}&[data-background='white']{background-color:", _core.colors.white, ";}p{word-break:break-word;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkdyaWQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW9CZ0MiLCJmaWxlIjoiR3JpZC50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAyMy1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGJyZWFrcG9pbnRzLCBjb2xvcnMsIG1pc2MsIG1xLCBzcGFjaW5nIH0gZnJvbSAnQG5kbGEvY29yZSc7XG5pbXBvcnQgeyBIVE1MQXR0cmlidXRlcywgUmVhY3ROb2RlIH0gZnJvbSAncmVhY3QnO1xuXG5leHBvcnQgaW50ZXJmYWNlIEdyaWRQcm9wcyB7XG4gIGNvbHVtbnM6ICcyJyB8ICc0JyB8ICcyeDInO1xuICBib3JkZXI/OiAnbm9uZScgfCAnbGlnaHRCbHVlJztcbiAgYmFja2dyb3VuZD86ICd0cmFuc3BhcmVudCcgfCAnd2hpdGUnO1xuICBzaXplPzogYm9vbGVhbjtcbiAgY2hpbGRyZW4/OiBSZWFjdE5vZGVbXTtcbn1cblxuY29uc3QgR3JpZENvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGdyaWQ7XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICBib3JkZXItcmFkaXVzOiAke21pc2MuYm9yZGVyUmFkaXVzfTtcbiAgZ3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiAxZnI7XG4gIGdyaWQtZ2FwOiAke3NwYWNpbmcubm9ybWFsfTtcblxuICAke21xLnJhbmdlKHsgdW50aWw6IGJyZWFrcG9pbnRzLnRhYmxldFdpZGUgfSl9IHtcbiAgICAmW2RhdGEtY29sdW1ucz0nMngyJ10sXG4gICAgJltkYXRhLWNvbHVtbnM9JzMnXSxcbiAgICAmW2RhdGEtY29sdW1ucz0nNCddIHtcbiAgICAgIGdyaWQtdGVtcGxhdGUtY29sdW1uczogcmVwZWF0KDIsIG1pbm1heCgwLCAxZnIpKTtcbiAgICB9XG4gIH1cblxuICAke21xLnJhbmdlKHsgdW50aWw6IGJyZWFrcG9pbnRzLmRlc2t0b3AgfSl9IHtcbiAgICA+IGRpdjpudGgtY2hpbGQoMyk6bGFzdC1jaGlsZCB7XG4gICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgZmxleC1mbG93OiBjb2x1bW47XG4gICAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICBncmlkLWNvbHVtbjogc3BhbiAyO1xuICAgIH1cbiAgfVxuXG4gICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy50YWJsZXRXaWRlIH0pfSB7XG4gICAgZ3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiByZXBlYXQoMiwgbWlubWF4KDAsIDFmcikpO1xuXG4gICAgJltkYXRhLWNvbHVtbnM9JzMnXSB7XG4gICAgICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IHJlcGVhdCgzLCBtaW5tYXgoMCwgMWZyKSk7XG4gICAgfVxuXG4gICAgJltkYXRhLWNvbHVtbnM9JzQnXSB7XG4gICAgICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IHJlcGVhdCg0LCBtaW5tYXgoMCwgMWZyKSk7XG4gICAgfVxuICB9XG5cbiAgJltkYXRhLWZyb250cGFnZT0ndHJ1ZSddIHtcbiAgICBncmlkLWdhcDogJHtzcGFjaW5nLmxhcmdlfTtcbiAgfVxuXG4gICZbZGF0YS1ib3JkZXI9J2xpZ2h0Qmx1ZSddIHtcbiAgICBib3JkZXI6IDFweCBzb2xpZCAke2NvbG9ycy5icmFuZC5saWdodH07XG4gIH1cbiAgJltkYXRhLWJhY2tncm91bmQ9J3doaXRlJ10ge1xuICAgIGJhY2tncm91bmQtY29sb3I6ICR7Y29sb3JzLndoaXRlfTtcbiAgfVxuXG4gIHAge1xuICAgIHdvcmQtYnJlYWs6IGJyZWFrLXdvcmQ7XG4gIH1cbmA7XG5cbmNvbnN0IEdyaWQgPSAoeyBjb2x1bW5zLCBib3JkZXIsIGNoaWxkcmVuLCBiYWNrZ3JvdW5kLCBzaXplLCAuLi5yZXN0IH06IEdyaWRQcm9wcykgPT4ge1xuICBjb25zdCBhbW91bnRPZkNvbHVtbnMgPSBjaGlsZHJlbj8ubGVuZ3RoID09PSAzID8gJzMnIDogY29sdW1ucztcblxuICByZXR1cm4gKFxuICAgIDxHcmlkQ29udGFpbmVyXG4gICAgICBkYXRhLWZyb250cGFnZT17c2l6ZX1cbiAgICAgIGRhdGEtYm9yZGVyPXtib3JkZXJ9XG4gICAgICBkYXRhLWNvbHVtbnM9e2Ftb3VudE9mQ29sdW1uc31cbiAgICAgIGRhdGEtYmFja2dyb3VuZD17YmFja2dyb3VuZH1cbiAgICAgIHsuLi5yZXN0fVxuICAgID5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L0dyaWRDb250YWluZXI+XG4gICk7XG59O1xuXG5jb25zdCBTdHlsZWRHcmlkUGFyYWxsYXhJdGVtID0gc3R5bGVkLmRpdmBcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICA+
|
|
37
|
+
}), "{grid-template-columns:repeat(2, minmax(0, 1fr));&[data-columns='3']{grid-template-columns:repeat(3, minmax(0, 1fr));}&[data-columns='4']{grid-template-columns:repeat(4, minmax(0, 1fr));}}&[data-frontpage='true']{grid-gap:", _core.spacing.large, ";}&[data-border='lightBlue']{border:1px solid ", _core.colors.brand.light, ";}&[data-background='white']{background-color:", _core.colors.white, ";}p{word-break:break-word;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkdyaWQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW9CZ0MiLCJmaWxlIjoiR3JpZC50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAyMy1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGJyZWFrcG9pbnRzLCBjb2xvcnMsIG1pc2MsIG1xLCBzcGFjaW5nIH0gZnJvbSAnQG5kbGEvY29yZSc7XG5pbXBvcnQgeyBIVE1MQXR0cmlidXRlcywgUmVhY3ROb2RlIH0gZnJvbSAncmVhY3QnO1xuXG5leHBvcnQgaW50ZXJmYWNlIEdyaWRQcm9wcyB7XG4gIGNvbHVtbnM6ICcyJyB8ICc0JyB8ICcyeDInO1xuICBib3JkZXI/OiAnbm9uZScgfCAnbGlnaHRCbHVlJztcbiAgYmFja2dyb3VuZD86ICd0cmFuc3BhcmVudCcgfCAnd2hpdGUnO1xuICBzaXplPzogYm9vbGVhbjtcbiAgY2hpbGRyZW4/OiBSZWFjdE5vZGVbXTtcbn1cblxuY29uc3QgR3JpZENvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGdyaWQ7XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICBib3JkZXItcmFkaXVzOiAke21pc2MuYm9yZGVyUmFkaXVzfTtcbiAgZ3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiAxZnI7XG4gIGdyaWQtZ2FwOiAke3NwYWNpbmcubm9ybWFsfTtcblxuICAke21xLnJhbmdlKHsgdW50aWw6IGJyZWFrcG9pbnRzLnRhYmxldFdpZGUgfSl9IHtcbiAgICAmW2RhdGEtY29sdW1ucz0nMngyJ10sXG4gICAgJltkYXRhLWNvbHVtbnM9JzMnXSxcbiAgICAmW2RhdGEtY29sdW1ucz0nNCddIHtcbiAgICAgIGdyaWQtdGVtcGxhdGUtY29sdW1uczogcmVwZWF0KDIsIG1pbm1heCgwLCAxZnIpKTtcbiAgICB9XG4gIH1cblxuICAke21xLnJhbmdlKHsgdW50aWw6IGJyZWFrcG9pbnRzLmRlc2t0b3AgfSl9IHtcbiAgICA+IGRpdjpudGgtY2hpbGQoMyk6bGFzdC1jaGlsZCB7XG4gICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgZmxleC1mbG93OiBjb2x1bW47XG4gICAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICBncmlkLWNvbHVtbjogc3BhbiAyO1xuICAgIH1cbiAgfVxuXG4gICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy50YWJsZXRXaWRlIH0pfSB7XG4gICAgZ3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiByZXBlYXQoMiwgbWlubWF4KDAsIDFmcikpO1xuXG4gICAgJltkYXRhLWNvbHVtbnM9JzMnXSB7XG4gICAgICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IHJlcGVhdCgzLCBtaW5tYXgoMCwgMWZyKSk7XG4gICAgfVxuXG4gICAgJltkYXRhLWNvbHVtbnM9JzQnXSB7XG4gICAgICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IHJlcGVhdCg0LCBtaW5tYXgoMCwgMWZyKSk7XG4gICAgfVxuICB9XG5cbiAgJltkYXRhLWZyb250cGFnZT0ndHJ1ZSddIHtcbiAgICBncmlkLWdhcDogJHtzcGFjaW5nLmxhcmdlfTtcbiAgfVxuXG4gICZbZGF0YS1ib3JkZXI9J2xpZ2h0Qmx1ZSddIHtcbiAgICBib3JkZXI6IDFweCBzb2xpZCAke2NvbG9ycy5icmFuZC5saWdodH07XG4gIH1cbiAgJltkYXRhLWJhY2tncm91bmQ9J3doaXRlJ10ge1xuICAgIGJhY2tncm91bmQtY29sb3I6ICR7Y29sb3JzLndoaXRlfTtcbiAgfVxuXG4gIHAge1xuICAgIHdvcmQtYnJlYWs6IGJyZWFrLXdvcmQ7XG4gIH1cbmA7XG5cbmNvbnN0IEdyaWQgPSAoeyBjb2x1bW5zLCBib3JkZXIsIGNoaWxkcmVuLCBiYWNrZ3JvdW5kLCBzaXplLCAuLi5yZXN0IH06IEdyaWRQcm9wcykgPT4ge1xuICBjb25zdCBhbW91bnRPZkNvbHVtbnMgPSBjaGlsZHJlbj8ubGVuZ3RoID09PSAzID8gJzMnIDogY29sdW1ucztcblxuICByZXR1cm4gKFxuICAgIDxHcmlkQ29udGFpbmVyXG4gICAgICBkYXRhLWZyb250cGFnZT17c2l6ZX1cbiAgICAgIGRhdGEtYm9yZGVyPXtib3JkZXJ9XG4gICAgICBkYXRhLWNvbHVtbnM9e2Ftb3VudE9mQ29sdW1uc31cbiAgICAgIGRhdGEtYmFja2dyb3VuZD17YmFja2dyb3VuZH1cbiAgICAgIHsuLi5yZXN0fVxuICAgID5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L0dyaWRDb250YWluZXI+XG4gICk7XG59O1xuXG5jb25zdCBTdHlsZWRHcmlkUGFyYWxsYXhJdGVtID0gc3R5bGVkLmRpdmBcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICA+IGRpdiB7XG4gICAgdG9wOiB2YXIoLS1tYXN0aGVhZC1oZWlnaHQsIDBweCk7XG4gICAgcG9zaXRpb246IHN0aWNreTtcbiAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IEdyaWRQYXJhbGxheEl0ZW0gPSAoeyBjaGlsZHJlbiwgLi4ucmVzdCB9OiBIVE1MQXR0cmlidXRlczxIVE1MRGl2RWxlbWVudD4pID0+IChcbiAgPFN0eWxlZEdyaWRQYXJhbGxheEl0ZW0gey4uLnJlc3R9PlxuICAgIDxkaXY+e2NoaWxkcmVufTwvZGl2PlxuICA8L1N0eWxlZEdyaWRQYXJhbGxheEl0ZW0+XG4pO1xuXG5leHBvcnQgZGVmYXVsdCBHcmlkO1xuIl19 */"));
|
|
38
38
|
var Grid = function Grid(_ref) {
|
|
39
39
|
var columns = _ref.columns,
|
|
40
40
|
border = _ref.border,
|
|
@@ -56,12 +56,12 @@ var StyledGridParallaxItem = /*#__PURE__*/(0, _base.default)("div", {
|
|
|
56
56
|
target: "e1c0s8mo0",
|
|
57
57
|
label: "StyledGridParallaxItem"
|
|
58
58
|
})(process.env.NODE_ENV === "production" ? {
|
|
59
|
-
name: "
|
|
60
|
-
styles: "position:relative;>div{top:0px;position:sticky;}"
|
|
59
|
+
name: "1s7sltv",
|
|
60
|
+
styles: "position:relative;>div{top:var(--masthead-height, 0px);position:sticky;}"
|
|
61
61
|
} : {
|
|
62
|
-
name: "
|
|
63
|
-
styles: "position:relative;>div{top:0px;position:sticky;}",
|
|
64
|
-
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkdyaWQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXlGeUMiLCJmaWxlIjoiR3JpZC50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAyMy1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGJyZWFrcG9pbnRzLCBjb2xvcnMsIG1pc2MsIG1xLCBzcGFjaW5nIH0gZnJvbSAnQG5kbGEvY29yZSc7XG5pbXBvcnQgeyBIVE1MQXR0cmlidXRlcywgUmVhY3ROb2RlIH0gZnJvbSAncmVhY3QnO1xuXG5leHBvcnQgaW50ZXJmYWNlIEdyaWRQcm9wcyB7XG4gIGNvbHVtbnM6ICcyJyB8ICc0JyB8ICcyeDInO1xuICBib3JkZXI/OiAnbm9uZScgfCAnbGlnaHRCbHVlJztcbiAgYmFja2dyb3VuZD86ICd0cmFuc3BhcmVudCcgfCAnd2hpdGUnO1xuICBzaXplPzogYm9vbGVhbjtcbiAgY2hpbGRyZW4/OiBSZWFjdE5vZGVbXTtcbn1cblxuY29uc3QgR3JpZENvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGdyaWQ7XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICBib3JkZXItcmFkaXVzOiAke21pc2MuYm9yZGVyUmFkaXVzfTtcbiAgZ3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiAxZnI7XG4gIGdyaWQtZ2FwOiAke3NwYWNpbmcubm9ybWFsfTtcblxuICAke21xLnJhbmdlKHsgdW50aWw6IGJyZWFrcG9pbnRzLnRhYmxldFdpZGUgfSl9IHtcbiAgICAmW2RhdGEtY29sdW1ucz0nMngyJ10sXG4gICAgJltkYXRhLWNvbHVtbnM9JzMnXSxcbiAgICAmW2RhdGEtY29sdW1ucz0nNCddIHtcbiAgICAgIGdyaWQtdGVtcGxhdGUtY29sdW1uczogcmVwZWF0KDIsIG1pbm1heCgwLCAxZnIpKTtcbiAgICB9XG4gIH1cblxuICAke21xLnJhbmdlKHsgdW50aWw6IGJyZWFrcG9pbnRzLmRlc2t0b3AgfSl9IHtcbiAgICA+IGRpdjpudGgtY2hpbGQoMyk6bGFzdC1jaGlsZCB7XG4gICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgZmxleC1mbG93OiBjb2x1bW47XG4gICAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICBncmlkLWNvbHVtbjogc3BhbiAyO1xuICAgIH1cbiAgfVxuXG4gICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy50YWJsZXRXaWRlIH0pfSB7XG4gICAgZ3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiByZXBlYXQoMiwgbWlubWF4KDAsIDFmcikpO1xuXG4gICAgJltkYXRhLWNvbHVtbnM9JzMnXSB7XG4gICAgICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IHJlcGVhdCgzLCBtaW5tYXgoMCwgMWZyKSk7XG4gICAgfVxuXG4gICAgJltkYXRhLWNvbHVtbnM9JzQnXSB7XG4gICAgICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IHJlcGVhdCg0LCBtaW5tYXgoMCwgMWZyKSk7XG4gICAgfVxuICB9XG5cbiAgJltkYXRhLWZyb250cGFnZT0ndHJ1ZSddIHtcbiAgICBncmlkLWdhcDogJHtzcGFjaW5nLmxhcmdlfTtcbiAgfVxuXG4gICZbZGF0YS1ib3JkZXI9J2xpZ2h0Qmx1ZSddIHtcbiAgICBib3JkZXI6IDFweCBzb2xpZCAke2NvbG9ycy5icmFuZC5saWdodH07XG4gIH1cbiAgJltkYXRhLWJhY2tncm91bmQ9J3doaXRlJ10ge1xuICAgIGJhY2tncm91bmQtY29sb3I6ICR7Y29sb3JzLndoaXRlfTtcbiAgfVxuXG4gIHAge1xuICAgIHdvcmQtYnJlYWs6IGJyZWFrLXdvcmQ7XG4gIH1cbmA7XG5cbmNvbnN0IEdyaWQgPSAoeyBjb2x1bW5zLCBib3JkZXIsIGNoaWxkcmVuLCBiYWNrZ3JvdW5kLCBzaXplLCAuLi5yZXN0IH06IEdyaWRQcm9wcykgPT4ge1xuICBjb25zdCBhbW91bnRPZkNvbHVtbnMgPSBjaGlsZHJlbj8ubGVuZ3RoID09PSAzID8gJzMnIDogY29sdW1ucztcblxuICByZXR1cm4gKFxuICAgIDxHcmlkQ29udGFpbmVyXG4gICAgICBkYXRhLWZyb250cGFnZT17c2l6ZX1cbiAgICAgIGRhdGEtYm9yZGVyPXtib3JkZXJ9XG4gICAgICBkYXRhLWNvbHVtbnM9e2Ftb3VudE9mQ29sdW1uc31cbiAgICAgIGRhdGEtYmFja2dyb3VuZD17YmFja2dyb3VuZH1cbiAgICAgIHsuLi5yZXN0fVxuICAgID5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L0dyaWRDb250YWluZXI+XG4gICk7XG59O1xuXG5jb25zdCBTdHlsZWRHcmlkUGFyYWxsYXhJdGVtID0gc3R5bGVkLmRpdmBcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICA+
|
|
62
|
+
name: "1s7sltv",
|
|
63
|
+
styles: "position:relative;>div{top:var(--masthead-height, 0px);position:sticky;}",
|
|
64
|
+
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkdyaWQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXlGeUMiLCJmaWxlIjoiR3JpZC50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAyMy1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGJyZWFrcG9pbnRzLCBjb2xvcnMsIG1pc2MsIG1xLCBzcGFjaW5nIH0gZnJvbSAnQG5kbGEvY29yZSc7XG5pbXBvcnQgeyBIVE1MQXR0cmlidXRlcywgUmVhY3ROb2RlIH0gZnJvbSAncmVhY3QnO1xuXG5leHBvcnQgaW50ZXJmYWNlIEdyaWRQcm9wcyB7XG4gIGNvbHVtbnM6ICcyJyB8ICc0JyB8ICcyeDInO1xuICBib3JkZXI/OiAnbm9uZScgfCAnbGlnaHRCbHVlJztcbiAgYmFja2dyb3VuZD86ICd0cmFuc3BhcmVudCcgfCAnd2hpdGUnO1xuICBzaXplPzogYm9vbGVhbjtcbiAgY2hpbGRyZW4/OiBSZWFjdE5vZGVbXTtcbn1cblxuY29uc3QgR3JpZENvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGdyaWQ7XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICBib3JkZXItcmFkaXVzOiAke21pc2MuYm9yZGVyUmFkaXVzfTtcbiAgZ3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiAxZnI7XG4gIGdyaWQtZ2FwOiAke3NwYWNpbmcubm9ybWFsfTtcblxuICAke21xLnJhbmdlKHsgdW50aWw6IGJyZWFrcG9pbnRzLnRhYmxldFdpZGUgfSl9IHtcbiAgICAmW2RhdGEtY29sdW1ucz0nMngyJ10sXG4gICAgJltkYXRhLWNvbHVtbnM9JzMnXSxcbiAgICAmW2RhdGEtY29sdW1ucz0nNCddIHtcbiAgICAgIGdyaWQtdGVtcGxhdGUtY29sdW1uczogcmVwZWF0KDIsIG1pbm1heCgwLCAxZnIpKTtcbiAgICB9XG4gIH1cblxuICAke21xLnJhbmdlKHsgdW50aWw6IGJyZWFrcG9pbnRzLmRlc2t0b3AgfSl9IHtcbiAgICA+IGRpdjpudGgtY2hpbGQoMyk6bGFzdC1jaGlsZCB7XG4gICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgZmxleC1mbG93OiBjb2x1bW47XG4gICAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICBncmlkLWNvbHVtbjogc3BhbiAyO1xuICAgIH1cbiAgfVxuXG4gICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy50YWJsZXRXaWRlIH0pfSB7XG4gICAgZ3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiByZXBlYXQoMiwgbWlubWF4KDAsIDFmcikpO1xuXG4gICAgJltkYXRhLWNvbHVtbnM9JzMnXSB7XG4gICAgICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IHJlcGVhdCgzLCBtaW5tYXgoMCwgMWZyKSk7XG4gICAgfVxuXG4gICAgJltkYXRhLWNvbHVtbnM9JzQnXSB7XG4gICAgICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IHJlcGVhdCg0LCBtaW5tYXgoMCwgMWZyKSk7XG4gICAgfVxuICB9XG5cbiAgJltkYXRhLWZyb250cGFnZT0ndHJ1ZSddIHtcbiAgICBncmlkLWdhcDogJHtzcGFjaW5nLmxhcmdlfTtcbiAgfVxuXG4gICZbZGF0YS1ib3JkZXI9J2xpZ2h0Qmx1ZSddIHtcbiAgICBib3JkZXI6IDFweCBzb2xpZCAke2NvbG9ycy5icmFuZC5saWdodH07XG4gIH1cbiAgJltkYXRhLWJhY2tncm91bmQ9J3doaXRlJ10ge1xuICAgIGJhY2tncm91bmQtY29sb3I6ICR7Y29sb3JzLndoaXRlfTtcbiAgfVxuXG4gIHAge1xuICAgIHdvcmQtYnJlYWs6IGJyZWFrLXdvcmQ7XG4gIH1cbmA7XG5cbmNvbnN0IEdyaWQgPSAoeyBjb2x1bW5zLCBib3JkZXIsIGNoaWxkcmVuLCBiYWNrZ3JvdW5kLCBzaXplLCAuLi5yZXN0IH06IEdyaWRQcm9wcykgPT4ge1xuICBjb25zdCBhbW91bnRPZkNvbHVtbnMgPSBjaGlsZHJlbj8ubGVuZ3RoID09PSAzID8gJzMnIDogY29sdW1ucztcblxuICByZXR1cm4gKFxuICAgIDxHcmlkQ29udGFpbmVyXG4gICAgICBkYXRhLWZyb250cGFnZT17c2l6ZX1cbiAgICAgIGRhdGEtYm9yZGVyPXtib3JkZXJ9XG4gICAgICBkYXRhLWNvbHVtbnM9e2Ftb3VudE9mQ29sdW1uc31cbiAgICAgIGRhdGEtYmFja2dyb3VuZD17YmFja2dyb3VuZH1cbiAgICAgIHsuLi5yZXN0fVxuICAgID5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L0dyaWRDb250YWluZXI+XG4gICk7XG59O1xuXG5jb25zdCBTdHlsZWRHcmlkUGFyYWxsYXhJdGVtID0gc3R5bGVkLmRpdmBcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICA+IGRpdiB7XG4gICAgdG9wOiB2YXIoLS1tYXN0aGVhZC1oZWlnaHQsIDBweCk7XG4gICAgcG9zaXRpb246IHN0aWNreTtcbiAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IEdyaWRQYXJhbGxheEl0ZW0gPSAoeyBjaGlsZHJlbiwgLi4ucmVzdCB9OiBIVE1MQXR0cmlidXRlczxIVE1MRGl2RWxlbWVudD4pID0+IChcbiAgPFN0eWxlZEdyaWRQYXJhbGxheEl0ZW0gey4uLnJlc3R9PlxuICAgIDxkaXY+e2NoaWxkcmVufTwvZGl2PlxuICA8L1N0eWxlZEdyaWRQYXJhbGxheEl0ZW0+XG4pO1xuXG5leHBvcnQgZGVmYXVsdCBHcmlkO1xuIl19 */",
|
|
65
65
|
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
|
66
66
|
});
|
|
67
67
|
var GridParallaxItem = function GridParallaxItem(_ref2) {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@ndla/ui",
|
|
3
|
-
"version": "44.0.
|
|
3
|
+
"version": "44.0.9",
|
|
4
4
|
"description": "UI component library for NDLA.",
|
|
5
5
|
"license": "GPL-3.0",
|
|
6
6
|
"main": "lib/index.js",
|
|
@@ -83,5 +83,5 @@
|
|
|
83
83
|
"publishConfig": {
|
|
84
84
|
"access": "public"
|
|
85
85
|
},
|
|
86
|
-
"gitHead": "
|
|
86
|
+
"gitHead": "a2f7fb4193e9f9403bd08c08a8d4959395cd8f82"
|
|
87
87
|
}
|
|
@@ -6,13 +6,14 @@
|
|
|
6
6
|
*
|
|
7
7
|
*/
|
|
8
8
|
|
|
9
|
-
import { ReactNode } from 'react';
|
|
9
|
+
import { CSSProperties, ReactNode, useMemo } from 'react';
|
|
10
10
|
import { breakpoints, fonts, mq, spacing, spacingUnit } from '@ndla/core';
|
|
11
11
|
import styled from '@emotion/styled';
|
|
12
12
|
import { Article } from '../types';
|
|
13
13
|
import LayoutItem from '../Layout';
|
|
14
14
|
import { Heading } from '../Typography';
|
|
15
15
|
import { ArticleByline } from '../Article';
|
|
16
|
+
import { useMastheadHeight } from '../Masthead';
|
|
16
17
|
|
|
17
18
|
interface Props {
|
|
18
19
|
article: Omit<Article, 'footNotes'>;
|
|
@@ -64,11 +65,13 @@ const StyledIntroduction = styled.div`
|
|
|
64
65
|
`;
|
|
65
66
|
|
|
66
67
|
export const FrontpageArticle = ({ article, id, isWide, licenseBox }: Props) => {
|
|
68
|
+
const { height = 0 } = useMastheadHeight();
|
|
69
|
+
const cssVars = useMemo(() => ({ '--masthead-height': `${height}px` } as unknown as CSSProperties), [height]);
|
|
67
70
|
const { title, introduction, content } = article;
|
|
68
71
|
|
|
69
72
|
if (isWide) {
|
|
70
73
|
return (
|
|
71
|
-
<StyledArticle data-wide={isWide}>
|
|
74
|
+
<StyledArticle data-wide={isWide} style={cssVars}>
|
|
72
75
|
<LayoutItem>{content}</LayoutItem>
|
|
73
76
|
</StyledArticle>
|
|
74
77
|
);
|
|
@@ -79,7 +82,7 @@ export const FrontpageArticle = ({ article, id, isWide, licenseBox }: Props) =>
|
|
|
79
82
|
? article.copyright.creators
|
|
80
83
|
: article.copyright.processors;
|
|
81
84
|
return (
|
|
82
|
-
<StyledArticle>
|
|
85
|
+
<StyledArticle style={cssVars}>
|
|
83
86
|
<LayoutItem>
|
|
84
87
|
<Heading id={id} headingStyle="h1" element="h1" margin="normal" tabIndex={-1}>
|
|
85
88
|
{title}
|
package/src/Grid/Grid.tsx
CHANGED