@ndla/ui 25.0.1 → 25.2.0

package/es/Subject/SubjectHeader.js

@@ -1,39 +1,69 @@
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
+import _styled from "@emotion/styled-base";
 import React from 'react';
-import PropTypes from 'prop-types';
-import BEMHelper from 'react-bem-helper';
+import { css } from '@emotion/core';
 import { breakpoints } from '@ndla/util';
+import { colors, fonts, mq, spacing, spacingUnit } from '@ndla/core';
 import OneColumn from '../Layout/OneColumn';
 import { jsx as ___EmotionJSX } from "@emotion/core";
-var classes = BEMHelper('c-subject-header');
+
+var StyledHeader = _styled("header", {
+  target: "e1miib770",
+  label: "StyledHeader"
+})("width:100%;position:relative;min-height:180px;display:flex;justify-content:flex-start;background:", colors.brand.primary, ";", mq.range({
+  from: breakpoints.tablet
+}), "{height:320px;align-items:center;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlN1YmplY3RIZWFkZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWlCa0MiLCJmaWxlIjoiU3ViamVjdEhlYWRlci50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vY29yZSc7XG5pbXBvcnQgeyBicmVha3BvaW50cyB9IGZyb20gJ0BuZGxhL3V0aWwnO1xuaW1wb3J0IHsgY29sb3JzLCBmb250cywgbXEsIHNwYWNpbmcsIHNwYWNpbmdVbml0IH0gZnJvbSAnQG5kbGEvY29yZSc7XG5pbXBvcnQgT25lQ29sdW1uIGZyb20gJy4uL0xheW91dC9PbmVDb2x1bW4nO1xuXG50eXBlIFR5cGVzID0gJ21vYmlsZScgfCAndGFibGV0JyB8ICdkZXNrdG9wJyB8ICd3aWRlJztcblxuaW50ZXJmYWNlIFByb3BzIHtcbiAgaW1hZ2VzOiB7XG4gICAgdXJsOiBzdHJpbmc7XG4gICAgdHlwZXM6IFR5cGVzW107XG4gIH1bXTtcbiAgaGVhZGluZzogc3RyaW5nO1xufVxuXG5jb25zdCBTdHlsZWRIZWFkZXIgPSBzdHlsZWQuaGVhZGVyYFxuICB3aWR0aDogMTAwJTtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBtaW4taGVpZ2h0OiAxODBweDtcbiAgZGlzcGxheTogZmxleDtcbiAganVzdGlmeS1jb250ZW50OiBmbGV4LXN0YXJ0O1xuICBiYWNrZ3JvdW5kOiAke2NvbG9ycy5icmFuZC5wcmltYXJ5fTtcblxuICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMudGFibGV0IH0pfSB7XG4gICAgaGVpZ2h0OiAzMjBweDtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICB9XG5gO1xuXG5jb25zdCB0eXBlTWFwOiBSZWNvcmQ8VHlwZXMsIHsgZnJvbT86IHN0cmluZzsgdW50aWw/OiBzdHJpbmcgfT4gPSB7XG4gIG1vYmlsZTogeyBmcm9tOiBicmVha3BvaW50cy5tb2JpbGUsIHVudGlsOiBicmVha3BvaW50cy50YWJsZXQgfSxcbiAgdGFibGV0OiB7IGZyb206IGJyZWFrcG9pbnRzLnRhYmxldCwgdW50aWw6IGJyZWFrcG9pbnRzLmRlc2t0b3AgfSxcbiAgZGVza3RvcDogeyBmcm9tOiBicmVha3BvaW50cy5kZXNrdG9wLCB1bnRpbDogYnJlYWtwb2ludHMud2lkZSB9LFxuICB3aWRlOiB7IGZyb206IGJyZWFrcG9pbnRzLndpZGUgfSxcbn07XG5pbnRlcmZhY2UgU3R5bGVkQmFja2dyb3VuZFByb3BzIHtcbiAgdHlwZTogVHlwZXM7XG4gIGltYWdlVXJsOiBzdHJpbmc7XG59XG5cbmNvbnN0IFN0eWxlZEJhY2tncm91bmQgPSBzdHlsZWQuZGl2PFN0eWxlZEJhY2tncm91bmRQcm9wcz5gXG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgd2lkdGg6IDEwMCU7XG4gIGhlaWdodDogMTAwJTtcbiAgdG9wOiAwJTtcbiAgYmFja2dyb3VuZC1zaXplOiBjb3ZlcjtcbiAgYmFja2dyb3VuZC1yZXBlYXQ6IG5vLXJlcGVhdDtcbiAgYmFja2dyb3VuZC1wb3NpdGlvbjogY2VudGVyIHJpZ2h0O1xuICBvcGFjaXR5OiAwLjU7XG4gIGJhY2tncm91bmQtaW1hZ2U6IHVybCgkeyhwKSA9PiBwLmltYWdlVXJsfSk7XG4gICR7KHApID0+XG4gICAgcC50eXBlICYmXG4gICAgY3NzYFxuICAgICAgZGlzcGxheTogbm9uZTtcbiAgICAgICR7bXEucmFuZ2UodHlwZU1hcFtwLnR5cGVdKX0ge1xuICAgICAgICBkaXNwbGF5OiBibG9jaztcbiAgICAgIH1cbiAgICBgfTtcbmA7XG5cbmNvbnN0IFN0eWxlZEhlYWRpbmcgPSBzdHlsZWQuaDFgXG4gICR7Zm9udHMuc2l6ZXMoJzI0cHgnLCAnMjhweCcpfTtcbiAgY29sb3I6ICR7Y29sb3JzLndoaXRlfTtcbiAgdGV4dC1zaGFkb3c6IDAgMnB4IDRweCByZ2JhKDAsIDAsIDAsIDAuMjUpO1xuICBtYXJnaW46ICR7c3BhY2luZy5tZWRpdW19IDAgJHtzcGFjaW5nLm5vcm1hbH0gMDtcbiAgZm9udC13ZWlnaHQ6ICR7Zm9udHMud2VpZ2h0LmJvbGR9O1xuICBwYWRkaW5nOiAwICR7c3BhY2luZy5ub3JtYWx9O1xuXG4gICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy50YWJsZXQgfSl9IHtcbiAgICBtYXJnaW46IDA7XG4gICAgJHtmb250cy5zaXplcygnNDBweCcsICc0MHB4Jyl9O1xuICAgIHBhZGRpbmc6IDAgMCAwICR7c3BhY2luZ1VuaXQgKiAzfXB4O1xuICB9XG4gICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy5kZXNrdG9wIH0pfSB7XG4gICAgbWFyZ2luOiAwO1xuICAgICR7Zm9udHMuc2l6ZXMoJzUycHgnLCAnNTJweCcpfTtcbiAgICBwYWRkaW5nOiAwIDAgMCAke3NwYWNpbmdVbml0ICogM31weDtcbiAgfVxuYDtcblxuY29uc3QgU3ViamVjdEhlYWRlciA9ICh7IGltYWdlcyA9IFtdLCBoZWFkaW5nIH06IFByb3BzKSA9PiAoXG4gIDxTdHlsZWRIZWFkZXI+XG4gICAge2ltYWdlcz8ubWFwKChpbWFnZSkgPT5cbiAgICAgIGltYWdlLnR5cGVzLm1hcCgodHlwZSkgPT4gPFN0eWxlZEJhY2tncm91bmQga2V5PXtgJHtpbWFnZS51cmx9JHt0eXBlfWB9IGltYWdlVXJsPXtpbWFnZS51cmx9IHR5cGU9e3R5cGV9IC8+KSxcbiAgICApfVxuICAgIDxPbmVDb2x1bW4gbm9QYWRkaW5nPlxuICAgICAgPFN0eWxlZEhlYWRpbmc+e2hlYWRpbmd9PC9TdHlsZWRIZWFkaW5nPlxuICAgIDwvT25lQ29sdW1uPlxuICA8L1N0eWxlZEhlYWRlcj5cbik7XG5cbmV4cG9ydCBkZWZhdWx0IFN1YmplY3RIZWFkZXI7XG4iXX0= */"));
+
+var typeMap = {
+  mobile: {
+    from: breakpoints.mobile,
+    until: breakpoints.tablet
+  },
+  tablet: {
+    from: breakpoints.tablet,
+    until: breakpoints.desktop
+  },
+  desktop: {
+    from: breakpoints.desktop,
+    until: breakpoints.wide
+  },
+  wide: {
+    from: breakpoints.wide
+  }
+};
+
+var StyledBackground = _styled("div", {
+  target: "e1miib771",
+  label: "StyledBackground"
+})("position:absolute;width:100%;height:100%;top:0%;background-size:cover;background-repeat:no-repeat;background-position:center right;opacity:0.5;background-image:url(", function (p) {
+  return p.imageUrl;
+}, ");", function (p) {
+  return p.type && /*#__PURE__*/css("display:none;", mq.range(typeMap[p.type]), "{display:block;};label:StyledBackground;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlN1YmplY3RIZWFkZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXNETyIsImZpbGUiOiJTdWJqZWN0SGVhZGVyLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9jb3JlJztcbmltcG9ydCB7IGJyZWFrcG9pbnRzIH0gZnJvbSAnQG5kbGEvdXRpbCc7XG5pbXBvcnQgeyBjb2xvcnMsIGZvbnRzLCBtcSwgc3BhY2luZywgc3BhY2luZ1VuaXQgfSBmcm9tICdAbmRsYS9jb3JlJztcbmltcG9ydCBPbmVDb2x1bW4gZnJvbSAnLi4vTGF5b3V0L09uZUNvbHVtbic7XG5cbnR5cGUgVHlwZXMgPSAnbW9iaWxlJyB8ICd0YWJsZXQnIHwgJ2Rlc2t0b3AnIHwgJ3dpZGUnO1xuXG5pbnRlcmZhY2UgUHJvcHMge1xuICBpbWFnZXM6IHtcbiAgICB1cmw6IHN0cmluZztcbiAgICB0eXBlczogVHlwZXNbXTtcbiAgfVtdO1xuICBoZWFkaW5nOiBzdHJpbmc7XG59XG5cbmNvbnN0IFN0eWxlZEhlYWRlciA9IHN0eWxlZC5oZWFkZXJgXG4gIHdpZHRoOiAxMDAlO1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIG1pbi1oZWlnaHQ6IDE4MHB4O1xuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtc3RhcnQ7XG4gIGJhY2tncm91bmQ6ICR7Y29sb3JzLmJyYW5kLnByaW1hcnl9O1xuXG4gICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy50YWJsZXQgfSl9IHtcbiAgICBoZWlnaHQ6IDMyMHB4O1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIH1cbmA7XG5cbmNvbnN0IHR5cGVNYXA6IFJlY29yZDxUeXBlcywgeyBmcm9tPzogc3RyaW5nOyB1bnRpbD86IHN0cmluZyB9PiA9IHtcbiAgbW9iaWxlOiB7IGZyb206IGJyZWFrcG9pbnRzLm1vYmlsZSwgdW50aWw6IGJyZWFrcG9pbnRzLnRhYmxldCB9LFxuICB0YWJsZXQ6IHsgZnJvbTogYnJlYWtwb2ludHMudGFibGV0LCB1bnRpbDogYnJlYWtwb2ludHMuZGVza3RvcCB9LFxuICBkZXNrdG9wOiB7IGZyb206IGJyZWFrcG9pbnRzLmRlc2t0b3AsIHVudGlsOiBicmVha3BvaW50cy53aWRlIH0sXG4gIHdpZGU6IHsgZnJvbTogYnJlYWtwb2ludHMud2lkZSB9LFxufTtcbmludGVyZmFjZSBTdHlsZWRCYWNrZ3JvdW5kUHJvcHMge1xuICB0eXBlOiBUeXBlcztcbiAgaW1hZ2VVcmw6IHN0cmluZztcbn1cblxuY29uc3QgU3R5bGVkQmFja2dyb3VuZCA9IHN0eWxlZC5kaXY8U3R5bGVkQmFja2dyb3VuZFByb3BzPmBcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB3aWR0aDogMTAwJTtcbiAgaGVpZ2h0OiAxMDAlO1xuICB0b3A6IDAlO1xuICBiYWNrZ3JvdW5kLXNpemU6IGNvdmVyO1xuICBiYWNrZ3JvdW5kLXJlcGVhdDogbm8tcmVwZWF0O1xuICBiYWNrZ3JvdW5kLXBvc2l0aW9uOiBjZW50ZXIgcmlnaHQ7XG4gIG9wYWNpdHk6IDAuNTtcbiAgYmFja2dyb3VuZC1pbWFnZTogdXJsKCR7KHApID0+IHAuaW1hZ2VVcmx9KTtcbiAgJHsocCkgPT5cbiAgICBwLnR5cGUgJiZcbiAgICBjc3NgXG4gICAgICBkaXNwbGF5OiBub25lO1xuICAgICAgJHttcS5yYW5nZSh0eXBlTWFwW3AudHlwZV0pfSB7XG4gICAgICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgICAgfVxuICAgIGB9O1xuYDtcblxuY29uc3QgU3R5bGVkSGVhZGluZyA9IHN0eWxlZC5oMWBcbiAgJHtmb250cy5zaXplcygnMjRweCcsICcyOHB4Jyl9O1xuICBjb2xvcjogJHtjb2xvcnMud2hpdGV9O1xuICB0ZXh0LXNoYWRvdzogMCAycHggNHB4IHJnYmEoMCwgMCwgMCwgMC4yNSk7XG4gIG1hcmdpbjogJHtzcGFjaW5nLm1lZGl1bX0gMCAke3NwYWNpbmcubm9ybWFsfSAwO1xuICBmb250LXdlaWdodDogJHtmb250cy53ZWlnaHQuYm9sZH07XG4gIHBhZGRpbmc6IDAgJHtzcGFjaW5nLm5vcm1hbH07XG5cbiAgJHttcS5yYW5nZSh7IGZyb206IGJyZWFrcG9pbnRzLnRhYmxldCB9KX0ge1xuICAgIG1hcmdpbjogMDtcbiAgICAke2ZvbnRzLnNpemVzKCc0MHB4JywgJzQwcHgnKX07XG4gICAgcGFkZGluZzogMCAwIDAgJHtzcGFjaW5nVW5pdCAqIDN9cHg7XG4gIH1cbiAgJHttcS5yYW5nZSh7IGZyb206IGJyZWFrcG9pbnRzLmRlc2t0b3AgfSl9IHtcbiAgICBtYXJnaW46IDA7XG4gICAgJHtmb250cy5zaXplcygnNTJweCcsICc1MnB4Jyl9O1xuICAgIHBhZGRpbmc6IDAgMCAwICR7c3BhY2luZ1VuaXQgKiAzfXB4O1xuICB9XG5gO1xuXG5jb25zdCBTdWJqZWN0SGVhZGVyID0gKHsgaW1hZ2VzID0gW10sIGhlYWRpbmcgfTogUHJvcHMpID0+IChcbiAgPFN0eWxlZEhlYWRlcj5cbiAgICB7aW1hZ2VzPy5tYXAoKGltYWdlKSA9PlxuICAgICAgaW1hZ2UudHlwZXMubWFwKCh0eXBlKSA9PiA8U3R5bGVkQmFja2dyb3VuZCBrZXk9e2Ake2ltYWdlLnVybH0ke3R5cGV9YH0gaW1hZ2VVcmw9e2ltYWdlLnVybH0gdHlwZT17dHlwZX0gLz4pLFxuICAgICl9XG4gICAgPE9uZUNvbHVtbiBub1BhZGRpbmc+XG4gICAgICA8U3R5bGVkSGVhZGluZz57aGVhZGluZ308L1N0eWxlZEhlYWRpbmc+XG4gICAgPC9PbmVDb2x1bW4+XG4gIDwvU3R5bGVkSGVhZGVyPlxuKTtcblxuZXhwb3J0IGRlZmF1bHQgU3ViamVjdEhlYWRlcjtcbiJdfQ== */"));
+}, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlN1YmplY3RIZWFkZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTBDMEQiLCJmaWxlIjoiU3ViamVjdEhlYWRlci50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vY29yZSc7XG5pbXBvcnQgeyBicmVha3BvaW50cyB9IGZyb20gJ0BuZGxhL3V0aWwnO1xuaW1wb3J0IHsgY29sb3JzLCBmb250cywgbXEsIHNwYWNpbmcsIHNwYWNpbmdVbml0IH0gZnJvbSAnQG5kbGEvY29yZSc7XG5pbXBvcnQgT25lQ29sdW1uIGZyb20gJy4uL0xheW91dC9PbmVDb2x1bW4nO1xuXG50eXBlIFR5cGVzID0gJ21vYmlsZScgfCAndGFibGV0JyB8ICdkZXNrdG9wJyB8ICd3aWRlJztcblxuaW50ZXJmYWNlIFByb3BzIHtcbiAgaW1hZ2VzOiB7XG4gICAgdXJsOiBzdHJpbmc7XG4gICAgdHlwZXM6IFR5cGVzW107XG4gIH1bXTtcbiAgaGVhZGluZzogc3RyaW5nO1xufVxuXG5jb25zdCBTdHlsZWRIZWFkZXIgPSBzdHlsZWQuaGVhZGVyYFxuICB3aWR0aDogMTAwJTtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBtaW4taGVpZ2h0OiAxODBweDtcbiAgZGlzcGxheTogZmxleDtcbiAganVzdGlmeS1jb250ZW50OiBmbGV4LXN0YXJ0O1xuICBiYWNrZ3JvdW5kOiAke2NvbG9ycy5icmFuZC5wcmltYXJ5fTtcblxuICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMudGFibGV0IH0pfSB7XG4gICAgaGVpZ2h0OiAzMjBweDtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICB9XG5gO1xuXG5jb25zdCB0eXBlTWFwOiBSZWNvcmQ8VHlwZXMsIHsgZnJvbT86IHN0cmluZzsgdW50aWw/OiBzdHJpbmcgfT4gPSB7XG4gIG1vYmlsZTogeyBmcm9tOiBicmVha3BvaW50cy5tb2JpbGUsIHVudGlsOiBicmVha3BvaW50cy50YWJsZXQgfSxcbiAgdGFibGV0OiB7IGZyb206IGJyZWFrcG9pbnRzLnRhYmxldCwgdW50aWw6IGJyZWFrcG9pbnRzLmRlc2t0b3AgfSxcbiAgZGVza3RvcDogeyBmcm9tOiBicmVha3BvaW50cy5kZXNrdG9wLCB1bnRpbDogYnJlYWtwb2ludHMud2lkZSB9LFxuICB3aWRlOiB7IGZyb206IGJyZWFrcG9pbnRzLndpZGUgfSxcbn07XG5pbnRlcmZhY2UgU3R5bGVkQmFja2dyb3VuZFByb3BzIHtcbiAgdHlwZTogVHlwZXM7XG4gIGltYWdlVXJsOiBzdHJpbmc7XG59XG5cbmNvbnN0IFN0eWxlZEJhY2tncm91bmQgPSBzdHlsZWQuZGl2PFN0eWxlZEJhY2tncm91bmRQcm9wcz5gXG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgd2lkdGg6IDEwMCU7XG4gIGhlaWdodDogMTAwJTtcbiAgdG9wOiAwJTtcbiAgYmFja2dyb3VuZC1zaXplOiBjb3ZlcjtcbiAgYmFja2dyb3VuZC1yZXBlYXQ6IG5vLXJlcGVhdDtcbiAgYmFja2dyb3VuZC1wb3NpdGlvbjogY2VudGVyIHJpZ2h0O1xuICBvcGFjaXR5OiAwLjU7XG4gIGJhY2tncm91bmQtaW1hZ2U6IHVybCgkeyhwKSA9PiBwLmltYWdlVXJsfSk7XG4gICR7KHApID0+XG4gICAgcC50eXBlICYmXG4gICAgY3NzYFxuICAgICAgZGlzcGxheTogbm9uZTtcbiAgICAgICR7bXEucmFuZ2UodHlwZU1hcFtwLnR5cGVdKX0ge1xuICAgICAgICBkaXNwbGF5OiBibG9jaztcbiAgICAgIH1cbiAgICBgfTtcbmA7XG5cbmNvbnN0IFN0eWxlZEhlYWRpbmcgPSBzdHlsZWQuaDFgXG4gICR7Zm9udHMuc2l6ZXMoJzI0cHgnLCAnMjhweCcpfTtcbiAgY29sb3I6ICR7Y29sb3JzLndoaXRlfTtcbiAgdGV4dC1zaGFkb3c6IDAgMnB4IDRweCByZ2JhKDAsIDAsIDAsIDAuMjUpO1xuICBtYXJnaW46ICR7c3BhY2luZy5tZWRpdW19IDAgJHtzcGFjaW5nLm5vcm1hbH0gMDtcbiAgZm9udC13ZWlnaHQ6ICR7Zm9udHMud2VpZ2h0LmJvbGR9O1xuICBwYWRkaW5nOiAwICR7c3BhY2luZy5ub3JtYWx9O1xuXG4gICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy50YWJsZXQgfSl9IHtcbiAgICBtYXJnaW46IDA7XG4gICAgJHtmb250cy5zaXplcygnNDBweCcsICc0MHB4Jyl9O1xuICAgIHBhZGRpbmc6IDAgMCAwICR7c3BhY2luZ1VuaXQgKiAzfXB4O1xuICB9XG4gICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy5kZXNrdG9wIH0pfSB7XG4gICAgbWFyZ2luOiAwO1xuICAgICR7Zm9udHMuc2l6ZXMoJzUycHgnLCAnNTJweCcpfTtcbiAgICBwYWRkaW5nOiAwIDAgMCAke3NwYWNpbmdVbml0ICogM31weDtcbiAgfVxuYDtcblxuY29uc3QgU3ViamVjdEhlYWRlciA9ICh7IGltYWdlcyA9IFtdLCBoZWFkaW5nIH06IFByb3BzKSA9PiAoXG4gIDxTdHlsZWRIZWFkZXI+XG4gICAge2ltYWdlcz8ubWFwKChpbWFnZSkgPT5cbiAgICAgIGltYWdlLnR5cGVzLm1hcCgodHlwZSkgPT4gPFN0eWxlZEJhY2tncm91bmQga2V5PXtgJHtpbWFnZS51cmx9JHt0eXBlfWB9IGltYWdlVXJsPXtpbWFnZS51cmx9IHR5cGU9e3R5cGV9IC8+KSxcbiAgICApfVxuICAgIDxPbmVDb2x1bW4gbm9QYWRkaW5nPlxuICAgICAgPFN0eWxlZEhlYWRpbmc+e2hlYWRpbmd9PC9TdHlsZWRIZWFkaW5nPlxuICAgIDwvT25lQ29sdW1uPlxuICA8L1N0eWxlZEhlYWRlcj5cbik7XG5cbmV4cG9ydCBkZWZhdWx0IFN1YmplY3RIZWFkZXI7XG4iXX0= */"));
+
+var StyledHeading = _styled("h1", {
+  target: "e1miib772",
+  label: "StyledHeading"
+})(fonts.sizes('24px', '28px'), ";color:", colors.white, ";text-shadow:0 2px 4px rgba(0,0,0,0.25);margin:", spacing.medium, " 0 ", spacing.normal, " 0;font-weight:", fonts.weight.bold, ";padding:0 ", spacing.normal, ";", mq.range({
+  from: breakpoints.tablet
+}), "{margin:0;", fonts.sizes('40px', '40px'), ";padding:0 0 0 ", spacingUnit * 3, "px;}", mq.range({
+  from: breakpoints.desktop
+}), "{margin:0;", fonts.sizes('52px', '52px'), ";padding:0 0 0 ", spacingUnit * 3, "px;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlN1YmplY3RIZWFkZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQThEK0IiLCJmaWxlIjoiU3ViamVjdEhlYWRlci50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vY29yZSc7XG5pbXBvcnQgeyBicmVha3BvaW50cyB9IGZyb20gJ0BuZGxhL3V0aWwnO1xuaW1wb3J0IHsgY29sb3JzLCBmb250cywgbXEsIHNwYWNpbmcsIHNwYWNpbmdVbml0IH0gZnJvbSAnQG5kbGEvY29yZSc7XG5pbXBvcnQgT25lQ29sdW1uIGZyb20gJy4uL0xheW91dC9PbmVDb2x1bW4nO1xuXG50eXBlIFR5cGVzID0gJ21vYmlsZScgfCAndGFibGV0JyB8ICdkZXNrdG9wJyB8ICd3aWRlJztcblxuaW50ZXJmYWNlIFByb3BzIHtcbiAgaW1hZ2VzOiB7XG4gICAgdXJsOiBzdHJpbmc7XG4gICAgdHlwZXM6IFR5cGVzW107XG4gIH1bXTtcbiAgaGVhZGluZzogc3RyaW5nO1xufVxuXG5jb25zdCBTdHlsZWRIZWFkZXIgPSBzdHlsZWQuaGVhZGVyYFxuICB3aWR0aDogMTAwJTtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBtaW4taGVpZ2h0OiAxODBweDtcbiAgZGlzcGxheTogZmxleDtcbiAganVzdGlmeS1jb250ZW50OiBmbGV4LXN0YXJ0O1xuICBiYWNrZ3JvdW5kOiAke2NvbG9ycy5icmFuZC5wcmltYXJ5fTtcblxuICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMudGFibGV0IH0pfSB7XG4gICAgaGVpZ2h0OiAzMjBweDtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICB9XG5gO1xuXG5jb25zdCB0eXBlTWFwOiBSZWNvcmQ8VHlwZXMsIHsgZnJvbT86IHN0cmluZzsgdW50aWw/OiBzdHJpbmcgfT4gPSB7XG4gIG1vYmlsZTogeyBmcm9tOiBicmVha3BvaW50cy5tb2JpbGUsIHVudGlsOiBicmVha3BvaW50cy50YWJsZXQgfSxcbiAgdGFibGV0OiB7IGZyb206IGJyZWFrcG9pbnRzLnRhYmxldCwgdW50aWw6IGJyZWFrcG9pbnRzLmRlc2t0b3AgfSxcbiAgZGVza3RvcDogeyBmcm9tOiBicmVha3BvaW50cy5kZXNrdG9wLCB1bnRpbDogYnJlYWtwb2ludHMud2lkZSB9LFxuICB3aWRlOiB7IGZyb206IGJyZWFrcG9pbnRzLndpZGUgfSxcbn07XG5pbnRlcmZhY2UgU3R5bGVkQmFja2dyb3VuZFByb3BzIHtcbiAgdHlwZTogVHlwZXM7XG4gIGltYWdlVXJsOiBzdHJpbmc7XG59XG5cbmNvbnN0IFN0eWxlZEJhY2tncm91bmQgPSBzdHlsZWQuZGl2PFN0eWxlZEJhY2tncm91bmRQcm9wcz5gXG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgd2lkdGg6IDEwMCU7XG4gIGhlaWdodDogMTAwJTtcbiAgdG9wOiAwJTtcbiAgYmFja2dyb3VuZC1zaXplOiBjb3ZlcjtcbiAgYmFja2dyb3VuZC1yZXBlYXQ6IG5vLXJlcGVhdDtcbiAgYmFja2dyb3VuZC1wb3NpdGlvbjogY2VudGVyIHJpZ2h0O1xuICBvcGFjaXR5OiAwLjU7XG4gIGJhY2tncm91bmQtaW1hZ2U6IHVybCgkeyhwKSA9PiBwLmltYWdlVXJsfSk7XG4gICR7KHApID0+XG4gICAgcC50eXBlICYmXG4gICAgY3NzYFxuICAgICAgZGlzcGxheTogbm9uZTtcbiAgICAgICR7bXEucmFuZ2UodHlwZU1hcFtwLnR5cGVdKX0ge1xuICAgICAgICBkaXNwbGF5OiBibG9jaztcbiAgICAgIH1cbiAgICBgfTtcbmA7XG5cbmNvbnN0IFN0eWxlZEhlYWRpbmcgPSBzdHlsZWQuaDFgXG4gICR7Zm9udHMuc2l6ZXMoJzI0cHgnLCAnMjhweCcpfTtcbiAgY29sb3I6ICR7Y29sb3JzLndoaXRlfTtcbiAgdGV4dC1zaGFkb3c6IDAgMnB4IDRweCByZ2JhKDAsIDAsIDAsIDAuMjUpO1xuICBtYXJnaW46ICR7c3BhY2luZy5tZWRpdW19IDAgJHtzcGFjaW5nLm5vcm1hbH0gMDtcbiAgZm9udC13ZWlnaHQ6ICR7Zm9udHMud2VpZ2h0LmJvbGR9O1xuICBwYWRkaW5nOiAwICR7c3BhY2luZy5ub3JtYWx9O1xuXG4gICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy50YWJsZXQgfSl9IHtcbiAgICBtYXJnaW46IDA7XG4gICAgJHtmb250cy5zaXplcygnNDBweCcsICc0MHB4Jyl9O1xuICAgIHBhZGRpbmc6IDAgMCAwICR7c3BhY2luZ1VuaXQgKiAzfXB4O1xuICB9XG4gICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy5kZXNrdG9wIH0pfSB7XG4gICAgbWFyZ2luOiAwO1xuICAgICR7Zm9udHMuc2l6ZXMoJzUycHgnLCAnNTJweCcpfTtcbiAgICBwYWRkaW5nOiAwIDAgMCAke3NwYWNpbmdVbml0ICogM31weDtcbiAgfVxuYDtcblxuY29uc3QgU3ViamVjdEhlYWRlciA9ICh7IGltYWdlcyA9IFtdLCBoZWFkaW5nIH06IFByb3BzKSA9PiAoXG4gIDxTdHlsZWRIZWFkZXI+XG4gICAge2ltYWdlcz8ubWFwKChpbWFnZSkgPT5cbiAgICAgIGltYWdlLnR5cGVzLm1hcCgodHlwZSkgPT4gPFN0eWxlZEJhY2tncm91bmQga2V5PXtgJHtpbWFnZS51cmx9JHt0eXBlfWB9IGltYWdlVXJsPXtpbWFnZS51cmx9IHR5cGU9e3R5cGV9IC8+KSxcbiAgICApfVxuICAgIDxPbmVDb2x1bW4gbm9QYWRkaW5nPlxuICAgICAgPFN0eWxlZEhlYWRpbmc+e2hlYWRpbmd9PC9TdHlsZWRIZWFkaW5nPlxuICAgIDwvT25lQ29sdW1uPlxuICA8L1N0eWxlZEhlYWRlcj5cbik7XG5cbmV4cG9ydCBkZWZhdWx0IFN1YmplY3RIZWFkZXI7XG4iXX0= */"));
 
 var SubjectHeader = function SubjectHeader(_ref) {
-  var images = _ref.images,
+  var _ref$images = _ref.images,
+      images = _ref$images === void 0 ? [] : _ref$images,
       heading = _ref.heading;
-  return ___EmotionJSX("header", classes(), images && images.map(function (image) {
+  return ___EmotionJSX(StyledHeader, null, images === null || images === void 0 ? void 0 : images.map(function (image) {
     return image.types.map(function (type) {
-      return ___EmotionJSX("div", _extends({
-        key: "".concat(image.url).concat(type)
-      }, classes('background', type), {
-        style: {
-          backgroundImage: "url(".concat(image.url, ")")
-        }
-      }));
+      return ___EmotionJSX(StyledBackground, {
+        key: "".concat(image.url).concat(type),
+        imageUrl: image.url,
+        type: type
+      });
     });
   }), ___EmotionJSX(OneColumn, {
     noPadding: true
-  }, ___EmotionJSX("h1", classes('heading'), heading)));
+  }, ___EmotionJSX(StyledHeading, null, heading)));
 };
 
-SubjectHeader.propTypes = {
-  images: PropTypes.arrayOf(PropTypes.shape({
-    url: PropTypes.string.isRequired,
-    types: PropTypes.arrayOf(PropTypes.oneOf(Object.keys(breakpoints))).isRequired
-  })),
-  heading: PropTypes.string.isRequired
-};
-SubjectHeader.defaultProps = {
-  images: null
-};
 export default SubjectHeader;

package/es/Subject/SubjectLinks.js

@@ -1,30 +1,44 @@
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+import _styled from "@emotion/styled-base";
+
+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)."; }
 
 import React from 'react';
-import PropTypes from 'prop-types';
-import BEMHelper from 'react-bem-helper';
+import { spacing } from '@ndla/core';
 import SafeLink from '@ndla/safelink';
 import { SubjectSectionTitle } from './Subject';
 import { jsx as ___EmotionJSX } from "@emotion/core";
-var classes = BEMHelper('c-subject-links');
+
+var SubjectLinksSection = _styled("section", {
+  target: "e1piubyz0",
+  label: "SubjectLinksSection"
+})("margin-bottom:", spacing.large, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlN1YmplY3RMaW5rcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBTzBDIiwiZmlsZSI6IlN1YmplY3RMaW5rcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgc3BhY2luZyB9IGZyb20gJ0BuZGxhL2NvcmUnO1xuaW1wb3J0IFNhZmVMaW5rLCB7IFNhZmVMaW5rUHJvcHMgfSBmcm9tICdAbmRsYS9zYWZlbGluayc7XG5cbmltcG9ydCB7IFN1YmplY3RTZWN0aW9uVGl0bGUgfSBmcm9tICcuL1N1YmplY3QnO1xuXG5jb25zdCBTdWJqZWN0TGlua3NTZWN0aW9uID0gc3R5bGVkLnNlY3Rpb25gXG4gIG1hcmdpbi1ib3R0b206ICR7c3BhY2luZy5sYXJnZX07XG5gO1xuXG5jb25zdCBTdHlsZWRTdWJqZWN0U2VjdGlvblRpdGxlID0gc3R5bGVkKFN1YmplY3RTZWN0aW9uVGl0bGUpYFxuICBtYXJnaW46IDAgMCAke3NwYWNpbmcuc21hbGx9IDA7XG5gO1xuXG5jb25zdCBTdWJqZWN0TGlua3NMaXN0ID0gc3R5bGVkLnVsYFxuICBtYXJnaW46IDA7XG4gIHBhZGRpbmc6IDA7XG4gIGxpc3Qtc3R5bGU6IG5vbmU7XG5gO1xuXG5pbnRlcmZhY2UgUHJvcHMge1xuICBsaW5rczoge1xuICAgIHRvTGlua1Byb3BzOiAoKSA9PiBTYWZlTGlua1Byb3BzO1xuICAgIHRleHQ6IHN0cmluZztcbiAgfVtdO1xuICBoZWFkaW5nOiBzdHJpbmc7XG59XG5cbmNvbnN0IFN1YmplY3RMaW5rcyA9ICh7IGxpbmtzLCBoZWFkaW5nIH06IFByb3BzKSA9PiAoXG4gIDxTdWJqZWN0TGlua3NTZWN0aW9uPlxuICAgIDxTdHlsZWRTdWJqZWN0U2VjdGlvblRpdGxlPntoZWFkaW5nfTwvU3R5bGVkU3ViamVjdFNlY3Rpb25UaXRsZT5cbiAgICA8bmF2PlxuICAgICAgPFN1YmplY3RMaW5rc0xpc3Q+XG4gICAgICAgIHtsaW5rcy5tYXAoKGxpbmspID0+IChcbiAgICAgICAgICA8bGkga2V5PXtsaW5rLnRvTGlua1Byb3BzKCkudG8udG9TdHJpbmcoKX0+XG4gICAgICAgICAgICA8U2FmZUxpbmsgey4uLmxpbmsudG9MaW5rUHJvcHMoKX0+e2xpbmsudGV4dH08L1NhZmVMaW5rPlxuICAgICAgICAgIDwvbGk+XG4gICAgICAgICkpfVxuICAgICAgPC9TdWJqZWN0TGlua3NMaXN0PlxuICAgIDwvbmF2PlxuICA8L1N1YmplY3RMaW5rc1NlY3Rpb24+XG4pO1xuXG5leHBvcnQgZGVmYXVsdCBTdWJqZWN0TGlua3M7XG4iXX0= */"));
+
+var StyledSubjectSectionTitle = /*#__PURE__*/_styled(SubjectSectionTitle, {
+  target: "e1piubyz1",
+  label: "StyledSubjectSectionTitle"
+})("margin:0 0 ", spacing.small, " 0;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlN1YmplY3RMaW5rcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBVzZEIiwiZmlsZSI6IlN1YmplY3RMaW5rcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgc3BhY2luZyB9IGZyb20gJ0BuZGxhL2NvcmUnO1xuaW1wb3J0IFNhZmVMaW5rLCB7IFNhZmVMaW5rUHJvcHMgfSBmcm9tICdAbmRsYS9zYWZlbGluayc7XG5cbmltcG9ydCB7IFN1YmplY3RTZWN0aW9uVGl0bGUgfSBmcm9tICcuL1N1YmplY3QnO1xuXG5jb25zdCBTdWJqZWN0TGlua3NTZWN0aW9uID0gc3R5bGVkLnNlY3Rpb25gXG4gIG1hcmdpbi1ib3R0b206ICR7c3BhY2luZy5sYXJnZX07XG5gO1xuXG5jb25zdCBTdHlsZWRTdWJqZWN0U2VjdGlvblRpdGxlID0gc3R5bGVkKFN1YmplY3RTZWN0aW9uVGl0bGUpYFxuICBtYXJnaW46IDAgMCAke3NwYWNpbmcuc21hbGx9IDA7XG5gO1xuXG5jb25zdCBTdWJqZWN0TGlua3NMaXN0ID0gc3R5bGVkLnVsYFxuICBtYXJnaW46IDA7XG4gIHBhZGRpbmc6IDA7XG4gIGxpc3Qtc3R5bGU6IG5vbmU7XG5gO1xuXG5pbnRlcmZhY2UgUHJvcHMge1xuICBsaW5rczoge1xuICAgIHRvTGlua1Byb3BzOiAoKSA9PiBTYWZlTGlua1Byb3BzO1xuICAgIHRleHQ6IHN0cmluZztcbiAgfVtdO1xuICBoZWFkaW5nOiBzdHJpbmc7XG59XG5cbmNvbnN0IFN1YmplY3RMaW5rcyA9ICh7IGxpbmtzLCBoZWFkaW5nIH06IFByb3BzKSA9PiAoXG4gIDxTdWJqZWN0TGlua3NTZWN0aW9uPlxuICAgIDxTdHlsZWRTdWJqZWN0U2VjdGlvblRpdGxlPntoZWFkaW5nfTwvU3R5bGVkU3ViamVjdFNlY3Rpb25UaXRsZT5cbiAgICA8bmF2PlxuICAgICAgPFN1YmplY3RMaW5rc0xpc3Q+XG4gICAgICAgIHtsaW5rcy5tYXAoKGxpbmspID0+IChcbiAgICAgICAgICA8bGkga2V5PXtsaW5rLnRvTGlua1Byb3BzKCkudG8udG9TdHJpbmcoKX0+XG4gICAgICAgICAgICA8U2FmZUxpbmsgey4uLmxpbmsudG9MaW5rUHJvcHMoKX0+e2xpbmsudGV4dH08L1NhZmVMaW5rPlxuICAgICAgICAgIDwvbGk+XG4gICAgICAgICkpfVxuICAgICAgPC9TdWJqZWN0TGlua3NMaXN0PlxuICAgIDwvbmF2PlxuICA8L1N1YmplY3RMaW5rc1NlY3Rpb24+XG4pO1xuXG5leHBvcnQgZGVmYXVsdCBTdWJqZWN0TGlua3M7XG4iXX0= */"));
+
+var SubjectLinksList = _styled("ul", {
+  target: "e1piubyz2",
+  label: "SubjectLinksList"
+})(process.env.NODE_ENV === "production" ? {
+  name: "rxgulu",
+  styles: "margin:0;padding:0;list-style:none;"
+} : {
+  name: "rxgulu",
+  styles: "margin:0;padding:0;list-style:none;",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlN1YmplY3RMaW5rcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZWtDIiwiZmlsZSI6IlN1YmplY3RMaW5rcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgc3BhY2luZyB9IGZyb20gJ0BuZGxhL2NvcmUnO1xuaW1wb3J0IFNhZmVMaW5rLCB7IFNhZmVMaW5rUHJvcHMgfSBmcm9tICdAbmRsYS9zYWZlbGluayc7XG5cbmltcG9ydCB7IFN1YmplY3RTZWN0aW9uVGl0bGUgfSBmcm9tICcuL1N1YmplY3QnO1xuXG5jb25zdCBTdWJqZWN0TGlua3NTZWN0aW9uID0gc3R5bGVkLnNlY3Rpb25gXG4gIG1hcmdpbi1ib3R0b206ICR7c3BhY2luZy5sYXJnZX07XG5gO1xuXG5jb25zdCBTdHlsZWRTdWJqZWN0U2VjdGlvblRpdGxlID0gc3R5bGVkKFN1YmplY3RTZWN0aW9uVGl0bGUpYFxuICBtYXJnaW46IDAgMCAke3NwYWNpbmcuc21hbGx9IDA7XG5gO1xuXG5jb25zdCBTdWJqZWN0TGlua3NMaXN0ID0gc3R5bGVkLnVsYFxuICBtYXJnaW46IDA7XG4gIHBhZGRpbmc6IDA7XG4gIGxpc3Qtc3R5bGU6IG5vbmU7XG5gO1xuXG5pbnRlcmZhY2UgUHJvcHMge1xuICBsaW5rczoge1xuICAgIHRvTGlua1Byb3BzOiAoKSA9PiBTYWZlTGlua1Byb3BzO1xuICAgIHRleHQ6IHN0cmluZztcbiAgfVtdO1xuICBoZWFkaW5nOiBzdHJpbmc7XG59XG5cbmNvbnN0IFN1YmplY3RMaW5rcyA9ICh7IGxpbmtzLCBoZWFkaW5nIH06IFByb3BzKSA9PiAoXG4gIDxTdWJqZWN0TGlua3NTZWN0aW9uPlxuICAgIDxTdHlsZWRTdWJqZWN0U2VjdGlvblRpdGxlPntoZWFkaW5nfTwvU3R5bGVkU3ViamVjdFNlY3Rpb25UaXRsZT5cbiAgICA8bmF2PlxuICAgICAgPFN1YmplY3RMaW5rc0xpc3Q+XG4gICAgICAgIHtsaW5rcy5tYXAoKGxpbmspID0+IChcbiAgICAgICAgICA8bGkga2V5PXtsaW5rLnRvTGlua1Byb3BzKCkudG8udG9TdHJpbmcoKX0+XG4gICAgICAgICAgICA8U2FmZUxpbmsgey4uLmxpbmsudG9MaW5rUHJvcHMoKX0+e2xpbmsudGV4dH08L1NhZmVMaW5rPlxuICAgICAgICAgIDwvbGk+XG4gICAgICAgICkpfVxuICAgICAgPC9TdWJqZWN0TGlua3NMaXN0PlxuICAgIDwvbmF2PlxuICA8L1N1YmplY3RMaW5rc1NlY3Rpb24+XG4pO1xuXG5leHBvcnQgZGVmYXVsdCBTdWJqZWN0TGlua3M7XG4iXX0= */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
 
 var SubjectLinks = function SubjectLinks(_ref) {
   var links = _ref.links,
       heading = _ref.heading;
-  return ___EmotionJSX("section", classes(), ___EmotionJSX(SubjectSectionTitle, {
-    className: classes('heading').className
-  }, heading), ___EmotionJSX("nav", null, ___EmotionJSX("ul", classes('list'), links.map(function (link) {
-    return ___EmotionJSX("li", _extends({
+  return ___EmotionJSX(SubjectLinksSection, null, ___EmotionJSX(StyledSubjectSectionTitle, null, heading), ___EmotionJSX("nav", null, ___EmotionJSX(SubjectLinksList, null, links.map(function (link) {
+    return ___EmotionJSX("li", {
       key: link.toLinkProps().to.toString()
-    }, classes('item')), ___EmotionJSX(SafeLink, link.toLinkProps(), link.text));
+    }, ___EmotionJSX(SafeLink, link.toLinkProps(), link.text));
   }))));
 };
 
-SubjectLinks.propTypes = {
-  links: PropTypes.arrayOf(PropTypes.shape({
-    toLinkProps: PropTypes.func.isRequired,
-    text: PropTypes.string.isRequired
-  })),
-  heading: PropTypes.string.isRequired
-};
 export default SubjectLinks;

package/es/Subject/SubjectNewContent.js

@@ -1,40 +1,95 @@
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+import _styled from "@emotion/styled-base";
+
+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)."; }
 
 import React from 'react';
-import PropTypes from 'prop-types';
-import BEMHelper from 'react-bem-helper';
 import SafeLink from '@ndla/safelink';
+import { breakpoints, colors, fonts, mq, spacing } from '@ndla/core';
 import ContentTypeBadge from '../ContentTypeBadge';
 import { SubjectSectionTitle } from './Subject';
 import { jsx as ___EmotionJSX } from "@emotion/core";
-var classes = BEMHelper('c-subject-new-content');
+
+var StyledSection = _styled("section", {
+  target: "e1ws0uil0",
+  label: "StyledSection"
+})(mq.range({
+  until: breakpoints.tablet
+}), "{margin-bottom:", spacing.large, ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlN1YmplY3ROZXdDb250ZW50LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFpQm9DIiwiZmlsZSI6IlN1YmplY3ROZXdDb250ZW50LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgU2FmZUxpbmsgZnJvbSAnQG5kbGEvc2FmZWxpbmsnO1xuaW1wb3J0IHsgYnJlYWtwb2ludHMsIGNvbG9ycywgZm9udHMsIG1xLCBzcGFjaW5nIH0gZnJvbSAnQG5kbGEvY29yZSc7XG5pbXBvcnQgQ29udGVudFR5cGVCYWRnZSBmcm9tICcuLi9Db250ZW50VHlwZUJhZGdlJztcbmltcG9ydCB7IFN1YmplY3RTZWN0aW9uVGl0bGUgfSBmcm9tICcuL1N1YmplY3QnO1xuXG5pbnRlcmZhY2UgUHJvcHMge1xuICBoZWFkaW5nOiBzdHJpbmc7XG4gIGNvbnRlbnQ6IHtcbiAgICBuYW1lOiBzdHJpbmc7XG4gICAgdXJsOiBzdHJpbmc7XG4gICAgZm9ybWF0dGVkRGF0ZTogc3RyaW5nO1xuICAgIGNvbnRlbnRUeXBlOiBzdHJpbmc7XG4gIH1bXTtcbn1cblxuY29uc3QgU3R5bGVkU2VjdGlvbiA9IHN0eWxlZC5zZWN0aW9uYFxuICAke21xLnJhbmdlKHsgdW50aWw6IGJyZWFrcG9pbnRzLnRhYmxldCB9KX0ge1xuICAgIG1hcmdpbi1ib3R0b206ICR7c3BhY2luZy5sYXJnZX07XG4gIH1cbmA7XG5cbmNvbnN0IFN0eWxlZFN1YmplY3RTZWN0aW9uVGl0bGUgPSBzdHlsZWQoU3ViamVjdFNlY3Rpb25UaXRsZSlgXG4gICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy50YWJsZXRXaWRlIH0pfSB7XG4gICAgbWFyZ2luLWxlZnQ6ICR7c3BhY2luZy5sYXJnZX0gIWltcG9ydGFudDtcbiAgfVxuYDtcblxuY29uc3QgU3R5bGVkVWwgPSBzdHlsZWQudWxgXG4gIG1hcmdpbjogMDtcbiAgcGFkZGluZzogMDtcbmA7XG5cbmNvbnN0IFN0eWxlZExpc3RJdGVtID0gc3R5bGVkLmxpYFxuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG4gICY6bGFzdC1jaGlsZCB7XG4gICAgbWFyZ2luLWJvdHRvbTogMDtcbiAgfVxuYDtcblxuY29uc3QgTGVmdFdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtc3RhcnQ7XG4gIGFsaWduLWl0ZW1zOiBmbGV4LXN0YXJ0O1xuXG4gIC5jLWljb24ge1xuICAgIHdpZHRoOiAxNHB4O1xuICAgIGhlaWdodDogMTRweDtcbiAgICBtYXJnaW4tbGVmdDogJHtzcGFjaW5nLnhzbWFsbH07XG4gICAgbWFyZ2luLXJpZ2h0OiAke3NwYWNpbmcueHNtYWxsfTtcbiAgfVxuXG4gIC5jLWNvbnRlbnQtdHlwZS1iYWRnZSB7XG4gICAgbWFyZ2luLXRvcDogMjNweDtcbiAgICAke21xLnJhbmdlKHsgdW50aWw6IGJyZWFrcG9pbnRzLnRhYmxldFdpZGUgfSl9IHtcbiAgICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgfVxuICB9XG5gO1xuXG5jb25zdCBDb250ZW50TGlua1dyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMudGFibGV0V2lkZSB9KX0ge1xuICAgIHBhZGRpbmctbGVmdDogJHtzcGFjaW5nLm5vcm1hbH07XG4gIH1cbiAgcGFkZGluZy1ib3R0b206ICR7c3BhY2luZy5zbWFsbH07XG5gO1xuXG5jb25zdCBEYXRlV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIGNvbG9yOiAke2NvbG9ycy50ZXh0LmxpZ2h0fTtcbiAgJHtmb250cy5zaXplcygnMTRweCcsICcxOHB4Jyl9O1xuICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMudGFibGV0IH0pfSB7XG4gICAgJHtmb250cy5zaXplcygnMTZweCcsICcyMHB4Jyl9O1xuICB9XG5gO1xuXG5jb25zdCBTdHlsZWRTYWZlTGluayA9IHN0eWxlZChTYWZlTGluaylgXG4gIGNvbG9yOiAke2NvbG9ycy5icmFuZC5kYXJrfTtcbiAgZm9udC13ZWlnaHQ6IDYwMDtcbiAgJHtmb250cy5zaXplcygnMTZweCcsICcyMHB4Jyl9O1xuICBtYXJnaW4tYm90dG9tOiAke3NwYWNpbmcueHNtYWxsfTtcbiAgJHttcS5yYW5nZSh7IGZyb206IGJyZWFrcG9pbnRzLnRhYmxldCB9KX0ge1xuICAgICR7Zm9udHMuc2l6ZXMoJzE4cHgnLCAnMzBweCcpfTtcbiAgfVxuYDtcblxuY29uc3QgU3ViamVjdE5ld0NvbnRlbnQgPSAoeyBoZWFkaW5nLCBjb250ZW50IH06IFByb3BzKSA9PiAoXG4gIDxTdHlsZWRTZWN0aW9uPlxuICAgIDxTdHlsZWRTdWJqZWN0U2VjdGlvblRpdGxlPntoZWFkaW5nfTwvU3R5bGVkU3ViamVjdFNlY3Rpb25UaXRsZT5cbiAgICA8bmF2PlxuICAgICAgPFN0eWxlZFVsPlxuICAgICAgICB7Y29udGVudC5tYXAoKGl0ZW0pID0+IChcbiAgICAgICAgICA8U3R5bGVkTGlzdEl0ZW0+XG4gICAgICAgICAgICA8TGVmdFdyYXBwZXI+XG4gICAgICAgICAgICAgIDxDb250ZW50VHlwZUJhZGdlIHR5cGU9e2l0ZW0uY29udGVudFR5cGV9IHNpemU9XCJ4LXNtYWxsXCIgYmFja2dyb3VuZCBib3JkZXIgLz5cbiAgICAgICAgICAgICAgPENvbnRlbnRMaW5rV3JhcHBlcj5cbiAgICAgICAgICAgICAgICA8RGF0ZVdyYXBwZXI+e2l0ZW0uZm9ybWF0dGVkRGF0ZX08L0RhdGVXcmFwcGVyPlxuICAgICAgICAgICAgICAgIDxTdHlsZWRTYWZlTGluayB0bz17aXRlbS51cmx9PntpdGVtLm5hbWV9PC9TdHlsZWRTYWZlTGluaz5cbiAgICAgICAgICAgICAgPC9Db250ZW50TGlua1dyYXBwZXI+XG4gICAgICAgICAgICA8L0xlZnRXcmFwcGVyPlxuICAgICAgICAgIDwvU3R5bGVkTGlzdEl0ZW0+XG4gICAgICAgICkpfVxuICAgICAgPC9TdHlsZWRVbD5cbiAgICA8L25hdj5cbiAgPC9TdHlsZWRTZWN0aW9uPlxuKTtcblxuZXhwb3J0IGRlZmF1bHQgU3ViamVjdE5ld0NvbnRlbnQ7XG4iXX0= */"));
+
+var StyledSubjectSectionTitle = /*#__PURE__*/_styled(SubjectSectionTitle, {
+  target: "e1ws0uil1",
+  label: "StyledSubjectSectionTitle"
+})(mq.range({
+  from: breakpoints.tabletWide
+}), "{margin-left:", spacing.large, " !important;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlN1YmplY3ROZXdDb250ZW50LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF1QjZEIiwiZmlsZSI6IlN1YmplY3ROZXdDb250ZW50LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgU2FmZUxpbmsgZnJvbSAnQG5kbGEvc2FmZWxpbmsnO1xuaW1wb3J0IHsgYnJlYWtwb2ludHMsIGNvbG9ycywgZm9udHMsIG1xLCBzcGFjaW5nIH0gZnJvbSAnQG5kbGEvY29yZSc7XG5pbXBvcnQgQ29udGVudFR5cGVCYWRnZSBmcm9tICcuLi9Db250ZW50VHlwZUJhZGdlJztcbmltcG9ydCB7IFN1YmplY3RTZWN0aW9uVGl0bGUgfSBmcm9tICcuL1N1YmplY3QnO1xuXG5pbnRlcmZhY2UgUHJvcHMge1xuICBoZWFkaW5nOiBzdHJpbmc7XG4gIGNvbnRlbnQ6IHtcbiAgICBuYW1lOiBzdHJpbmc7XG4gICAgdXJsOiBzdHJpbmc7XG4gICAgZm9ybWF0dGVkRGF0ZTogc3RyaW5nO1xuICAgIGNvbnRlbnRUeXBlOiBzdHJpbmc7XG4gIH1bXTtcbn1cblxuY29uc3QgU3R5bGVkU2VjdGlvbiA9IHN0eWxlZC5zZWN0aW9uYFxuICAke21xLnJhbmdlKHsgdW50aWw6IGJyZWFrcG9pbnRzLnRhYmxldCB9KX0ge1xuICAgIG1hcmdpbi1ib3R0b206ICR7c3BhY2luZy5sYXJnZX07XG4gIH1cbmA7XG5cbmNvbnN0IFN0eWxlZFN1YmplY3RTZWN0aW9uVGl0bGUgPSBzdHlsZWQoU3ViamVjdFNlY3Rpb25UaXRsZSlgXG4gICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy50YWJsZXRXaWRlIH0pfSB7XG4gICAgbWFyZ2luLWxlZnQ6ICR7c3BhY2luZy5sYXJnZX0gIWltcG9ydGFudDtcbiAgfVxuYDtcblxuY29uc3QgU3R5bGVkVWwgPSBzdHlsZWQudWxgXG4gIG1hcmdpbjogMDtcbiAgcGFkZGluZzogMDtcbmA7XG5cbmNvbnN0IFN0eWxlZExpc3RJdGVtID0gc3R5bGVkLmxpYFxuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG4gICY6bGFzdC1jaGlsZCB7XG4gICAgbWFyZ2luLWJvdHRvbTogMDtcbiAgfVxuYDtcblxuY29uc3QgTGVmdFdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtc3RhcnQ7XG4gIGFsaWduLWl0ZW1zOiBmbGV4LXN0YXJ0O1xuXG4gIC5jLWljb24ge1xuICAgIHdpZHRoOiAxNHB4O1xuICAgIGhlaWdodDogMTRweDtcbiAgICBtYXJnaW4tbGVmdDogJHtzcGFjaW5nLnhzbWFsbH07XG4gICAgbWFyZ2luLXJpZ2h0OiAke3NwYWNpbmcueHNtYWxsfTtcbiAgfVxuXG4gIC5jLWNvbnRlbnQtdHlwZS1iYWRnZSB7XG4gICAgbWFyZ2luLXRvcDogMjNweDtcbiAgICAke21xLnJhbmdlKHsgdW50aWw6IGJyZWFrcG9pbnRzLnRhYmxldFdpZGUgfSl9IHtcbiAgICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgfVxuICB9XG5gO1xuXG5jb25zdCBDb250ZW50TGlua1dyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMudGFibGV0V2lkZSB9KX0ge1xuICAgIHBhZGRpbmctbGVmdDogJHtzcGFjaW5nLm5vcm1hbH07XG4gIH1cbiAgcGFkZGluZy1ib3R0b206ICR7c3BhY2luZy5zbWFsbH07XG5gO1xuXG5jb25zdCBEYXRlV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIGNvbG9yOiAke2NvbG9ycy50ZXh0LmxpZ2h0fTtcbiAgJHtmb250cy5zaXplcygnMTRweCcsICcxOHB4Jyl9O1xuICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMudGFibGV0IH0pfSB7XG4gICAgJHtmb250cy5zaXplcygnMTZweCcsICcyMHB4Jyl9O1xuICB9XG5gO1xuXG5jb25zdCBTdHlsZWRTYWZlTGluayA9IHN0eWxlZChTYWZlTGluaylgXG4gIGNvbG9yOiAke2NvbG9ycy5icmFuZC5kYXJrfTtcbiAgZm9udC13ZWlnaHQ6IDYwMDtcbiAgJHtmb250cy5zaXplcygnMTZweCcsICcyMHB4Jyl9O1xuICBtYXJnaW4tYm90dG9tOiAke3NwYWNpbmcueHNtYWxsfTtcbiAgJHttcS5yYW5nZSh7IGZyb206IGJyZWFrcG9pbnRzLnRhYmxldCB9KX0ge1xuICAgICR7Zm9udHMuc2l6ZXMoJzE4cHgnLCAnMzBweCcpfTtcbiAgfVxuYDtcblxuY29uc3QgU3ViamVjdE5ld0NvbnRlbnQgPSAoeyBoZWFkaW5nLCBjb250ZW50IH06IFByb3BzKSA9PiAoXG4gIDxTdHlsZWRTZWN0aW9uPlxuICAgIDxTdHlsZWRTdWJqZWN0U2VjdGlvblRpdGxlPntoZWFkaW5nfTwvU3R5bGVkU3ViamVjdFNlY3Rpb25UaXRsZT5cbiAgICA8bmF2PlxuICAgICAgPFN0eWxlZFVsPlxuICAgICAgICB7Y29udGVudC5tYXAoKGl0ZW0pID0+IChcbiAgICAgICAgICA8U3R5bGVkTGlzdEl0ZW0+XG4gICAgICAgICAgICA8TGVmdFdyYXBwZXI+XG4gICAgICAgICAgICAgIDxDb250ZW50VHlwZUJhZGdlIHR5cGU9e2l0ZW0uY29udGVudFR5cGV9IHNpemU9XCJ4LXNtYWxsXCIgYmFja2dyb3VuZCBib3JkZXIgLz5cbiAgICAgICAgICAgICAgPENvbnRlbnRMaW5rV3JhcHBlcj5cbiAgICAgICAgICAgICAgICA8RGF0ZVdyYXBwZXI+e2l0ZW0uZm9ybWF0dGVkRGF0ZX08L0RhdGVXcmFwcGVyPlxuICAgICAgICAgICAgICAgIDxTdHlsZWRTYWZlTGluayB0bz17aXRlbS51cmx9PntpdGVtLm5hbWV9PC9TdHlsZWRTYWZlTGluaz5cbiAgICAgICAgICAgICAgPC9Db250ZW50TGlua1dyYXBwZXI+XG4gICAgICAgICAgICA8L0xlZnRXcmFwcGVyPlxuICAgICAgICAgIDwvU3R5bGVkTGlzdEl0ZW0+XG4gICAgICAgICkpfVxuICAgICAgPC9TdHlsZWRVbD5cbiAgICA8L25hdj5cbiAgPC9TdHlsZWRTZWN0aW9uPlxuKTtcblxuZXhwb3J0IGRlZmF1bHQgU3ViamVjdE5ld0NvbnRlbnQ7XG4iXX0= */"));
+
+var StyledUl = _styled("ul", {
+  target: "e1ws0uil2",
+  label: "StyledUl"
+})(process.env.NODE_ENV === "production" ? {
+  name: "1l95nvm",
+  styles: "margin:0;padding:0;"
+} : {
+  name: "1l95nvm",
+  styles: "margin:0;padding:0;",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlN1YmplY3ROZXdDb250ZW50LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE2QjBCIiwiZmlsZSI6IlN1YmplY3ROZXdDb250ZW50LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgU2FmZUxpbmsgZnJvbSAnQG5kbGEvc2FmZWxpbmsnO1xuaW1wb3J0IHsgYnJlYWtwb2ludHMsIGNvbG9ycywgZm9udHMsIG1xLCBzcGFjaW5nIH0gZnJvbSAnQG5kbGEvY29yZSc7XG5pbXBvcnQgQ29udGVudFR5cGVCYWRnZSBmcm9tICcuLi9Db250ZW50VHlwZUJhZGdlJztcbmltcG9ydCB7IFN1YmplY3RTZWN0aW9uVGl0bGUgfSBmcm9tICcuL1N1YmplY3QnO1xuXG5pbnRlcmZhY2UgUHJvcHMge1xuICBoZWFkaW5nOiBzdHJpbmc7XG4gIGNvbnRlbnQ6IHtcbiAgICBuYW1lOiBzdHJpbmc7XG4gICAgdXJsOiBzdHJpbmc7XG4gICAgZm9ybWF0dGVkRGF0ZTogc3RyaW5nO1xuICAgIGNvbnRlbnRUeXBlOiBzdHJpbmc7XG4gIH1bXTtcbn1cblxuY29uc3QgU3R5bGVkU2VjdGlvbiA9IHN0eWxlZC5zZWN0aW9uYFxuICAke21xLnJhbmdlKHsgdW50aWw6IGJyZWFrcG9pbnRzLnRhYmxldCB9KX0ge1xuICAgIG1hcmdpbi1ib3R0b206ICR7c3BhY2luZy5sYXJnZX07XG4gIH1cbmA7XG5cbmNvbnN0IFN0eWxlZFN1YmplY3RTZWN0aW9uVGl0bGUgPSBzdHlsZWQoU3ViamVjdFNlY3Rpb25UaXRsZSlgXG4gICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy50YWJsZXRXaWRlIH0pfSB7XG4gICAgbWFyZ2luLWxlZnQ6ICR7c3BhY2luZy5sYXJnZX0gIWltcG9ydGFudDtcbiAgfVxuYDtcblxuY29uc3QgU3R5bGVkVWwgPSBzdHlsZWQudWxgXG4gIG1hcmdpbjogMDtcbiAgcGFkZGluZzogMDtcbmA7XG5cbmNvbnN0IFN0eWxlZExpc3RJdGVtID0gc3R5bGVkLmxpYFxuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG4gICY6bGFzdC1jaGlsZCB7XG4gICAgbWFyZ2luLWJvdHRvbTogMDtcbiAgfVxuYDtcblxuY29uc3QgTGVmdFdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtc3RhcnQ7XG4gIGFsaWduLWl0ZW1zOiBmbGV4LXN0YXJ0O1xuXG4gIC5jLWljb24ge1xuICAgIHdpZHRoOiAxNHB4O1xuICAgIGhlaWdodDogMTRweDtcbiAgICBtYXJnaW4tbGVmdDogJHtzcGFjaW5nLnhzbWFsbH07XG4gICAgbWFyZ2luLXJpZ2h0OiAke3NwYWNpbmcueHNtYWxsfTtcbiAgfVxuXG4gIC5jLWNvbnRlbnQtdHlwZS1iYWRnZSB7XG4gICAgbWFyZ2luLXRvcDogMjNweDtcbiAgICAke21xLnJhbmdlKHsgdW50aWw6IGJyZWFrcG9pbnRzLnRhYmxldFdpZGUgfSl9IHtcbiAgICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgfVxuICB9XG5gO1xuXG5jb25zdCBDb250ZW50TGlua1dyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMudGFibGV0V2lkZSB9KX0ge1xuICAgIHBhZGRpbmctbGVmdDogJHtzcGFjaW5nLm5vcm1hbH07XG4gIH1cbiAgcGFkZGluZy1ib3R0b206ICR7c3BhY2luZy5zbWFsbH07XG5gO1xuXG5jb25zdCBEYXRlV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIGNvbG9yOiAke2NvbG9ycy50ZXh0LmxpZ2h0fTtcbiAgJHtmb250cy5zaXplcygnMTRweCcsICcxOHB4Jyl9O1xuICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMudGFibGV0IH0pfSB7XG4gICAgJHtmb250cy5zaXplcygnMTZweCcsICcyMHB4Jyl9O1xuICB9XG5gO1xuXG5jb25zdCBTdHlsZWRTYWZlTGluayA9IHN0eWxlZChTYWZlTGluaylgXG4gIGNvbG9yOiAke2NvbG9ycy5icmFuZC5kYXJrfTtcbiAgZm9udC13ZWlnaHQ6IDYwMDtcbiAgJHtmb250cy5zaXplcygnMTZweCcsICcyMHB4Jyl9O1xuICBtYXJnaW4tYm90dG9tOiAke3NwYWNpbmcueHNtYWxsfTtcbiAgJHttcS5yYW5nZSh7IGZyb206IGJyZWFrcG9pbnRzLnRhYmxldCB9KX0ge1xuICAgICR7Zm9udHMuc2l6ZXMoJzE4cHgnLCAnMzBweCcpfTtcbiAgfVxuYDtcblxuY29uc3QgU3ViamVjdE5ld0NvbnRlbnQgPSAoeyBoZWFkaW5nLCBjb250ZW50IH06IFByb3BzKSA9PiAoXG4gIDxTdHlsZWRTZWN0aW9uPlxuICAgIDxTdHlsZWRTdWJqZWN0U2VjdGlvblRpdGxlPntoZWFkaW5nfTwvU3R5bGVkU3ViamVjdFNlY3Rpb25UaXRsZT5cbiAgICA8bmF2PlxuICAgICAgPFN0eWxlZFVsPlxuICAgICAgICB7Y29udGVudC5tYXAoKGl0ZW0pID0+IChcbiAgICAgICAgICA8U3R5bGVkTGlzdEl0ZW0+XG4gICAgICAgICAgICA8TGVmdFdyYXBwZXI+XG4gICAgICAgICAgICAgIDxDb250ZW50VHlwZUJhZGdlIHR5cGU9e2l0ZW0uY29udGVudFR5cGV9IHNpemU9XCJ4LXNtYWxsXCIgYmFja2dyb3VuZCBib3JkZXIgLz5cbiAgICAgICAgICAgICAgPENvbnRlbnRMaW5rV3JhcHBlcj5cbiAgICAgICAgICAgICAgICA8RGF0ZVdyYXBwZXI+e2l0ZW0uZm9ybWF0dGVkRGF0ZX08L0RhdGVXcmFwcGVyPlxuICAgICAgICAgICAgICAgIDxTdHlsZWRTYWZlTGluayB0bz17aXRlbS51cmx9PntpdGVtLm5hbWV9PC9TdHlsZWRTYWZlTGluaz5cbiAgICAgICAgICAgICAgPC9Db250ZW50TGlua1dyYXBwZXI+XG4gICAgICAgICAgICA8L0xlZnRXcmFwcGVyPlxuICAgICAgICAgIDwvU3R5bGVkTGlzdEl0ZW0+XG4gICAgICAgICkpfVxuICAgICAgPC9TdHlsZWRVbD5cbiAgICA8L25hdj5cbiAgPC9TdHlsZWRTZWN0aW9uPlxuKTtcblxuZXhwb3J0IGRlZmF1bHQgU3ViamVjdE5ld0NvbnRlbnQ7XG4iXX0= */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+
+var StyledListItem = _styled("li", {
+  target: "e1ws0uil3",
+  label: "StyledListItem"
+})(process.env.NODE_ENV === "production" ? {
+  name: "1erzrif",
+  styles: "display:flex;align-items:center;justify-content:space-between;&:last-child{margin-bottom:0;}"
+} : {
+  name: "1erzrif",
+  styles: "display:flex;align-items:center;justify-content:space-between;&:last-child{margin-bottom:0;}",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlN1YmplY3ROZXdDb250ZW50LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFrQ2dDIiwiZmlsZSI6IlN1YmplY3ROZXdDb250ZW50LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgU2FmZUxpbmsgZnJvbSAnQG5kbGEvc2FmZWxpbmsnO1xuaW1wb3J0IHsgYnJlYWtwb2ludHMsIGNvbG9ycywgZm9udHMsIG1xLCBzcGFjaW5nIH0gZnJvbSAnQG5kbGEvY29yZSc7XG5pbXBvcnQgQ29udGVudFR5cGVCYWRnZSBmcm9tICcuLi9Db250ZW50VHlwZUJhZGdlJztcbmltcG9ydCB7IFN1YmplY3RTZWN0aW9uVGl0bGUgfSBmcm9tICcuL1N1YmplY3QnO1xuXG5pbnRlcmZhY2UgUHJvcHMge1xuICBoZWFkaW5nOiBzdHJpbmc7XG4gIGNvbnRlbnQ6IHtcbiAgICBuYW1lOiBzdHJpbmc7XG4gICAgdXJsOiBzdHJpbmc7XG4gICAgZm9ybWF0dGVkRGF0ZTogc3RyaW5nO1xuICAgIGNvbnRlbnRUeXBlOiBzdHJpbmc7XG4gIH1bXTtcbn1cblxuY29uc3QgU3R5bGVkU2VjdGlvbiA9IHN0eWxlZC5zZWN0aW9uYFxuICAke21xLnJhbmdlKHsgdW50aWw6IGJyZWFrcG9pbnRzLnRhYmxldCB9KX0ge1xuICAgIG1hcmdpbi1ib3R0b206ICR7c3BhY2luZy5sYXJnZX07XG4gIH1cbmA7XG5cbmNvbnN0IFN0eWxlZFN1YmplY3RTZWN0aW9uVGl0bGUgPSBzdHlsZWQoU3ViamVjdFNlY3Rpb25UaXRsZSlgXG4gICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy50YWJsZXRXaWRlIH0pfSB7XG4gICAgbWFyZ2luLWxlZnQ6ICR7c3BhY2luZy5sYXJnZX0gIWltcG9ydGFudDtcbiAgfVxuYDtcblxuY29uc3QgU3R5bGVkVWwgPSBzdHlsZWQudWxgXG4gIG1hcmdpbjogMDtcbiAgcGFkZGluZzogMDtcbmA7XG5cbmNvbnN0IFN0eWxlZExpc3RJdGVtID0gc3R5bGVkLmxpYFxuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG4gICY6bGFzdC1jaGlsZCB7XG4gICAgbWFyZ2luLWJvdHRvbTogMDtcbiAgfVxuYDtcblxuY29uc3QgTGVmdFdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtc3RhcnQ7XG4gIGFsaWduLWl0ZW1zOiBmbGV4LXN0YXJ0O1xuXG4gIC5jLWljb24ge1xuICAgIHdpZHRoOiAxNHB4O1xuICAgIGhlaWdodDogMTRweDtcbiAgICBtYXJnaW4tbGVmdDogJHtzcGFjaW5nLnhzbWFsbH07XG4gICAgbWFyZ2luLXJpZ2h0OiAke3NwYWNpbmcueHNtYWxsfTtcbiAgfVxuXG4gIC5jLWNvbnRlbnQtdHlwZS1iYWRnZSB7XG4gICAgbWFyZ2luLXRvcDogMjNweDtcbiAgICAke21xLnJhbmdlKHsgdW50aWw6IGJyZWFrcG9pbnRzLnRhYmxldFdpZGUgfSl9IHtcbiAgICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgfVxuICB9XG5gO1xuXG5jb25zdCBDb250ZW50TGlua1dyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMudGFibGV0V2lkZSB9KX0ge1xuICAgIHBhZGRpbmctbGVmdDogJHtzcGFjaW5nLm5vcm1hbH07XG4gIH1cbiAgcGFkZGluZy1ib3R0b206ICR7c3BhY2luZy5zbWFsbH07XG5gO1xuXG5jb25zdCBEYXRlV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIGNvbG9yOiAke2NvbG9ycy50ZXh0LmxpZ2h0fTtcbiAgJHtmb250cy5zaXplcygnMTRweCcsICcxOHB4Jyl9O1xuICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMudGFibGV0IH0pfSB7XG4gICAgJHtmb250cy5zaXplcygnMTZweCcsICcyMHB4Jyl9O1xuICB9XG5gO1xuXG5jb25zdCBTdHlsZWRTYWZlTGluayA9IHN0eWxlZChTYWZlTGluaylgXG4gIGNvbG9yOiAke2NvbG9ycy5icmFuZC5kYXJrfTtcbiAgZm9udC13ZWlnaHQ6IDYwMDtcbiAgJHtmb250cy5zaXplcygnMTZweCcsICcyMHB4Jyl9O1xuICBtYXJnaW4tYm90dG9tOiAke3NwYWNpbmcueHNtYWxsfTtcbiAgJHttcS5yYW5nZSh7IGZyb206IGJyZWFrcG9pbnRzLnRhYmxldCB9KX0ge1xuICAgICR7Zm9udHMuc2l6ZXMoJzE4cHgnLCAnMzBweCcpfTtcbiAgfVxuYDtcblxuY29uc3QgU3ViamVjdE5ld0NvbnRlbnQgPSAoeyBoZWFkaW5nLCBjb250ZW50IH06IFByb3BzKSA9PiAoXG4gIDxTdHlsZWRTZWN0aW9uPlxuICAgIDxTdHlsZWRTdWJqZWN0U2VjdGlvblRpdGxlPntoZWFkaW5nfTwvU3R5bGVkU3ViamVjdFNlY3Rpb25UaXRsZT5cbiAgICA8bmF2PlxuICAgICAgPFN0eWxlZFVsPlxuICAgICAgICB7Y29udGVudC5tYXAoKGl0ZW0pID0+IChcbiAgICAgICAgICA8U3R5bGVkTGlzdEl0ZW0+XG4gICAgICAgICAgICA8TGVmdFdyYXBwZXI+XG4gICAgICAgICAgICAgIDxDb250ZW50VHlwZUJhZGdlIHR5cGU9e2l0ZW0uY29udGVudFR5cGV9IHNpemU9XCJ4LXNtYWxsXCIgYmFja2dyb3VuZCBib3JkZXIgLz5cbiAgICAgICAgICAgICAgPENvbnRlbnRMaW5rV3JhcHBlcj5cbiAgICAgICAgICAgICAgICA8RGF0ZVdyYXBwZXI+e2l0ZW0uZm9ybWF0dGVkRGF0ZX08L0RhdGVXcmFwcGVyPlxuICAgICAgICAgICAgICAgIDxTdHlsZWRTYWZlTGluayB0bz17aXRlbS51cmx9PntpdGVtLm5hbWV9PC9TdHlsZWRTYWZlTGluaz5cbiAgICAgICAgICAgICAgPC9Db250ZW50TGlua1dyYXBwZXI+XG4gICAgICAgICAgICA8L0xlZnRXcmFwcGVyPlxuICAgICAgICAgIDwvU3R5bGVkTGlzdEl0ZW0+XG4gICAgICAgICkpfVxuICAgICAgPC9TdHlsZWRVbD5cbiAgICA8L25hdj5cbiAgPC9TdHlsZWRTZWN0aW9uPlxuKTtcblxuZXhwb3J0IGRlZmF1bHQgU3ViamVjdE5ld0NvbnRlbnQ7XG4iXX0= */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+
+var LeftWrapper = _styled("div", {
+  target: "e1ws0uil4",
+  label: "LeftWrapper"
+})("display:flex;justify-content:flex-start;align-items:flex-start;.c-icon{width:14px;height:14px;margin-left:", spacing.xsmall, ";margin-right:", spacing.xsmall, ";}.c-content-type-badge{margin-top:23px;", mq.range({
+  until: breakpoints.tabletWide
+}), "{display:none;}}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlN1YmplY3ROZXdDb250ZW50LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEyQzhCIiwiZmlsZSI6IlN1YmplY3ROZXdDb250ZW50LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgU2FmZUxpbmsgZnJvbSAnQG5kbGEvc2FmZWxpbmsnO1xuaW1wb3J0IHsgYnJlYWtwb2ludHMsIGNvbG9ycywgZm9udHMsIG1xLCBzcGFjaW5nIH0gZnJvbSAnQG5kbGEvY29yZSc7XG5pbXBvcnQgQ29udGVudFR5cGVCYWRnZSBmcm9tICcuLi9Db250ZW50VHlwZUJhZGdlJztcbmltcG9ydCB7IFN1YmplY3RTZWN0aW9uVGl0bGUgfSBmcm9tICcuL1N1YmplY3QnO1xuXG5pbnRlcmZhY2UgUHJvcHMge1xuICBoZWFkaW5nOiBzdHJpbmc7XG4gIGNvbnRlbnQ6IHtcbiAgICBuYW1lOiBzdHJpbmc7XG4gICAgdXJsOiBzdHJpbmc7XG4gICAgZm9ybWF0dGVkRGF0ZTogc3RyaW5nO1xuICAgIGNvbnRlbnRUeXBlOiBzdHJpbmc7XG4gIH1bXTtcbn1cblxuY29uc3QgU3R5bGVkU2VjdGlvbiA9IHN0eWxlZC5zZWN0aW9uYFxuICAke21xLnJhbmdlKHsgdW50aWw6IGJyZWFrcG9pbnRzLnRhYmxldCB9KX0ge1xuICAgIG1hcmdpbi1ib3R0b206ICR7c3BhY2luZy5sYXJnZX07XG4gIH1cbmA7XG5cbmNvbnN0IFN0eWxlZFN1YmplY3RTZWN0aW9uVGl0bGUgPSBzdHlsZWQoU3ViamVjdFNlY3Rpb25UaXRsZSlgXG4gICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy50YWJsZXRXaWRlIH0pfSB7XG4gICAgbWFyZ2luLWxlZnQ6ICR7c3BhY2luZy5sYXJnZX0gIWltcG9ydGFudDtcbiAgfVxuYDtcblxuY29uc3QgU3R5bGVkVWwgPSBzdHlsZWQudWxgXG4gIG1hcmdpbjogMDtcbiAgcGFkZGluZzogMDtcbmA7XG5cbmNvbnN0IFN0eWxlZExpc3RJdGVtID0gc3R5bGVkLmxpYFxuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG4gICY6bGFzdC1jaGlsZCB7XG4gICAgbWFyZ2luLWJvdHRvbTogMDtcbiAgfVxuYDtcblxuY29uc3QgTGVmdFdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtc3RhcnQ7XG4gIGFsaWduLWl0ZW1zOiBmbGV4LXN0YXJ0O1xuXG4gIC5jLWljb24ge1xuICAgIHdpZHRoOiAxNHB4O1xuICAgIGhlaWdodDogMTRweDtcbiAgICBtYXJnaW4tbGVmdDogJHtzcGFjaW5nLnhzbWFsbH07XG4gICAgbWFyZ2luLXJpZ2h0OiAke3NwYWNpbmcueHNtYWxsfTtcbiAgfVxuXG4gIC5jLWNvbnRlbnQtdHlwZS1iYWRnZSB7XG4gICAgbWFyZ2luLXRvcDogMjNweDtcbiAgICAke21xLnJhbmdlKHsgdW50aWw6IGJyZWFrcG9pbnRzLnRhYmxldFdpZGUgfSl9IHtcbiAgICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgfVxuICB9XG5gO1xuXG5jb25zdCBDb250ZW50TGlua1dyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMudGFibGV0V2lkZSB9KX0ge1xuICAgIHBhZGRpbmctbGVmdDogJHtzcGFjaW5nLm5vcm1hbH07XG4gIH1cbiAgcGFkZGluZy1ib3R0b206ICR7c3BhY2luZy5zbWFsbH07XG5gO1xuXG5jb25zdCBEYXRlV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIGNvbG9yOiAke2NvbG9ycy50ZXh0LmxpZ2h0fTtcbiAgJHtmb250cy5zaXplcygnMTRweCcsICcxOHB4Jyl9O1xuICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMudGFibGV0IH0pfSB7XG4gICAgJHtmb250cy5zaXplcygnMTZweCcsICcyMHB4Jyl9O1xuICB9XG5gO1xuXG5jb25zdCBTdHlsZWRTYWZlTGluayA9IHN0eWxlZChTYWZlTGluaylgXG4gIGNvbG9yOiAke2NvbG9ycy5icmFuZC5kYXJrfTtcbiAgZm9udC13ZWlnaHQ6IDYwMDtcbiAgJHtmb250cy5zaXplcygnMTZweCcsICcyMHB4Jyl9O1xuICBtYXJnaW4tYm90dG9tOiAke3NwYWNpbmcueHNtYWxsfTtcbiAgJHttcS5yYW5nZSh7IGZyb206IGJyZWFrcG9pbnRzLnRhYmxldCB9KX0ge1xuICAgICR7Zm9udHMuc2l6ZXMoJzE4cHgnLCAnMzBweCcpfTtcbiAgfVxuYDtcblxuY29uc3QgU3ViamVjdE5ld0NvbnRlbnQgPSAoeyBoZWFkaW5nLCBjb250ZW50IH06IFByb3BzKSA9PiAoXG4gIDxTdHlsZWRTZWN0aW9uPlxuICAgIDxTdHlsZWRTdWJqZWN0U2VjdGlvblRpdGxlPntoZWFkaW5nfTwvU3R5bGVkU3ViamVjdFNlY3Rpb25UaXRsZT5cbiAgICA8bmF2PlxuICAgICAgPFN0eWxlZFVsPlxuICAgICAgICB7Y29udGVudC5tYXAoKGl0ZW0pID0+IChcbiAgICAgICAgICA8U3R5bGVkTGlzdEl0ZW0+XG4gICAgICAgICAgICA8TGVmdFdyYXBwZXI+XG4gICAgICAgICAgICAgIDxDb250ZW50VHlwZUJhZGdlIHR5cGU9e2l0ZW0uY29udGVudFR5cGV9IHNpemU9XCJ4LXNtYWxsXCIgYmFja2dyb3VuZCBib3JkZXIgLz5cbiAgICAgICAgICAgICAgPENvbnRlbnRMaW5rV3JhcHBlcj5cbiAgICAgICAgICAgICAgICA8RGF0ZVdyYXBwZXI+e2l0ZW0uZm9ybWF0dGVkRGF0ZX08L0RhdGVXcmFwcGVyPlxuICAgICAgICAgICAgICAgIDxTdHlsZWRTYWZlTGluayB0bz17aXRlbS51cmx9PntpdGVtLm5hbWV9PC9TdHlsZWRTYWZlTGluaz5cbiAgICAgICAgICAgICAgPC9Db250ZW50TGlua1dyYXBwZXI+XG4gICAgICAgICAgICA8L0xlZnRXcmFwcGVyPlxuICAgICAgICAgIDwvU3R5bGVkTGlzdEl0ZW0+XG4gICAgICAgICkpfVxuICAgICAgPC9TdHlsZWRVbD5cbiAgICA8L25hdj5cbiAgPC9TdHlsZWRTZWN0aW9uPlxuKTtcblxuZXhwb3J0IGRlZmF1bHQgU3ViamVjdE5ld0NvbnRlbnQ7XG4iXX0= */"));
+
+var ContentLinkWrapper = _styled("div", {
+  target: "e1ws0uil5",
+  label: "ContentLinkWrapper"
+})(mq.range({
+  from: breakpoints.tabletWide
+}), "{padding-left:", spacing.normal, ";}padding-bottom:", spacing.small, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlN1YmplY3ROZXdDb250ZW50LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUErRHFDIiwiZmlsZSI6IlN1YmplY3ROZXdDb250ZW50LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgU2FmZUxpbmsgZnJvbSAnQG5kbGEvc2FmZWxpbmsnO1xuaW1wb3J0IHsgYnJlYWtwb2ludHMsIGNvbG9ycywgZm9udHMsIG1xLCBzcGFjaW5nIH0gZnJvbSAnQG5kbGEvY29yZSc7XG5pbXBvcnQgQ29udGVudFR5cGVCYWRnZSBmcm9tICcuLi9Db250ZW50VHlwZUJhZGdlJztcbmltcG9ydCB7IFN1YmplY3RTZWN0aW9uVGl0bGUgfSBmcm9tICcuL1N1YmplY3QnO1xuXG5pbnRlcmZhY2UgUHJvcHMge1xuICBoZWFkaW5nOiBzdHJpbmc7XG4gIGNvbnRlbnQ6IHtcbiAgICBuYW1lOiBzdHJpbmc7XG4gICAgdXJsOiBzdHJpbmc7XG4gICAgZm9ybWF0dGVkRGF0ZTogc3RyaW5nO1xuICAgIGNvbnRlbnRUeXBlOiBzdHJpbmc7XG4gIH1bXTtcbn1cblxuY29uc3QgU3R5bGVkU2VjdGlvbiA9IHN0eWxlZC5zZWN0aW9uYFxuICAke21xLnJhbmdlKHsgdW50aWw6IGJyZWFrcG9pbnRzLnRhYmxldCB9KX0ge1xuICAgIG1hcmdpbi1ib3R0b206ICR7c3BhY2luZy5sYXJnZX07XG4gIH1cbmA7XG5cbmNvbnN0IFN0eWxlZFN1YmplY3RTZWN0aW9uVGl0bGUgPSBzdHlsZWQoU3ViamVjdFNlY3Rpb25UaXRsZSlgXG4gICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy50YWJsZXRXaWRlIH0pfSB7XG4gICAgbWFyZ2luLWxlZnQ6ICR7c3BhY2luZy5sYXJnZX0gIWltcG9ydGFudDtcbiAgfVxuYDtcblxuY29uc3QgU3R5bGVkVWwgPSBzdHlsZWQudWxgXG4gIG1hcmdpbjogMDtcbiAgcGFkZGluZzogMDtcbmA7XG5cbmNvbnN0IFN0eWxlZExpc3RJdGVtID0gc3R5bGVkLmxpYFxuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG4gICY6bGFzdC1jaGlsZCB7XG4gICAgbWFyZ2luLWJvdHRvbTogMDtcbiAgfVxuYDtcblxuY29uc3QgTGVmdFdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtc3RhcnQ7XG4gIGFsaWduLWl0ZW1zOiBmbGV4LXN0YXJ0O1xuXG4gIC5jLWljb24ge1xuICAgIHdpZHRoOiAxNHB4O1xuICAgIGhlaWdodDogMTRweDtcbiAgICBtYXJnaW4tbGVmdDogJHtzcGFjaW5nLnhzbWFsbH07XG4gICAgbWFyZ2luLXJpZ2h0OiAke3NwYWNpbmcueHNtYWxsfTtcbiAgfVxuXG4gIC5jLWNvbnRlbnQtdHlwZS1iYWRnZSB7XG4gICAgbWFyZ2luLXRvcDogMjNweDtcbiAgICAke21xLnJhbmdlKHsgdW50aWw6IGJyZWFrcG9pbnRzLnRhYmxldFdpZGUgfSl9IHtcbiAgICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgfVxuICB9XG5gO1xuXG5jb25zdCBDb250ZW50TGlua1dyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMudGFibGV0V2lkZSB9KX0ge1xuICAgIHBhZGRpbmctbGVmdDogJHtzcGFjaW5nLm5vcm1hbH07XG4gIH1cbiAgcGFkZGluZy1ib3R0b206ICR7c3BhY2luZy5zbWFsbH07XG5gO1xuXG5jb25zdCBEYXRlV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIGNvbG9yOiAke2NvbG9ycy50ZXh0LmxpZ2h0fTtcbiAgJHtmb250cy5zaXplcygnMTRweCcsICcxOHB4Jyl9O1xuICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMudGFibGV0IH0pfSB7XG4gICAgJHtmb250cy5zaXplcygnMTZweCcsICcyMHB4Jyl9O1xuICB9XG5gO1xuXG5jb25zdCBTdHlsZWRTYWZlTGluayA9IHN0eWxlZChTYWZlTGluaylgXG4gIGNvbG9yOiAke2NvbG9ycy5icmFuZC5kYXJrfTtcbiAgZm9udC13ZWlnaHQ6IDYwMDtcbiAgJHtmb250cy5zaXplcygnMTZweCcsICcyMHB4Jyl9O1xuICBtYXJnaW4tYm90dG9tOiAke3NwYWNpbmcueHNtYWxsfTtcbiAgJHttcS5yYW5nZSh7IGZyb206IGJyZWFrcG9pbnRzLnRhYmxldCB9KX0ge1xuICAgICR7Zm9udHMuc2l6ZXMoJzE4cHgnLCAnMzBweCcpfTtcbiAgfVxuYDtcblxuY29uc3QgU3ViamVjdE5ld0NvbnRlbnQgPSAoeyBoZWFkaW5nLCBjb250ZW50IH06IFByb3BzKSA9PiAoXG4gIDxTdHlsZWRTZWN0aW9uPlxuICAgIDxTdHlsZWRTdWJqZWN0U2VjdGlvblRpdGxlPntoZWFkaW5nfTwvU3R5bGVkU3ViamVjdFNlY3Rpb25UaXRsZT5cbiAgICA8bmF2PlxuICAgICAgPFN0eWxlZFVsPlxuICAgICAgICB7Y29udGVudC5tYXAoKGl0ZW0pID0+IChcbiAgICAgICAgICA8U3R5bGVkTGlzdEl0ZW0+XG4gICAgICAgICAgICA8TGVmdFdyYXBwZXI+XG4gICAgICAgICAgICAgIDxDb250ZW50VHlwZUJhZGdlIHR5cGU9e2l0ZW0uY29udGVudFR5cGV9IHNpemU9XCJ4LXNtYWxsXCIgYmFja2dyb3VuZCBib3JkZXIgLz5cbiAgICAgICAgICAgICAgPENvbnRlbnRMaW5rV3JhcHBlcj5cbiAgICAgICAgICAgICAgICA8RGF0ZVdyYXBwZXI+e2l0ZW0uZm9ybWF0dGVkRGF0ZX08L0RhdGVXcmFwcGVyPlxuICAgICAgICAgICAgICAgIDxTdHlsZWRTYWZlTGluayB0bz17aXRlbS51cmx9PntpdGVtLm5hbWV9PC9TdHlsZWRTYWZlTGluaz5cbiAgICAgICAgICAgICAgPC9Db250ZW50TGlua1dyYXBwZXI+XG4gICAgICAgICAgICA8L0xlZnRXcmFwcGVyPlxuICAgICAgICAgIDwvU3R5bGVkTGlzdEl0ZW0+XG4gICAgICAgICkpfVxuICAgICAgPC9TdHlsZWRVbD5cbiAgICA8L25hdj5cbiAgPC9TdHlsZWRTZWN0aW9uPlxuKTtcblxuZXhwb3J0IGRlZmF1bHQgU3ViamVjdE5ld0NvbnRlbnQ7XG4iXX0= */"));
+
+var DateWrapper = _styled("div", {
+  target: "e1ws0uil6",
+  label: "DateWrapper"
+})("color:", colors.text.light, ";", fonts.sizes('14px', '18px'), ";", mq.range({
+  from: breakpoints.tablet
+}), "{", fonts.sizes('16px', '20px'), ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlN1YmplY3ROZXdDb250ZW50LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFzRThCIiwiZmlsZSI6IlN1YmplY3ROZXdDb250ZW50LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgU2FmZUxpbmsgZnJvbSAnQG5kbGEvc2FmZWxpbmsnO1xuaW1wb3J0IHsgYnJlYWtwb2ludHMsIGNvbG9ycywgZm9udHMsIG1xLCBzcGFjaW5nIH0gZnJvbSAnQG5kbGEvY29yZSc7XG5pbXBvcnQgQ29udGVudFR5cGVCYWRnZSBmcm9tICcuLi9Db250ZW50VHlwZUJhZGdlJztcbmltcG9ydCB7IFN1YmplY3RTZWN0aW9uVGl0bGUgfSBmcm9tICcuL1N1YmplY3QnO1xuXG5pbnRlcmZhY2UgUHJvcHMge1xuICBoZWFkaW5nOiBzdHJpbmc7XG4gIGNvbnRlbnQ6IHtcbiAgICBuYW1lOiBzdHJpbmc7XG4gICAgdXJsOiBzdHJpbmc7XG4gICAgZm9ybWF0dGVkRGF0ZTogc3RyaW5nO1xuICAgIGNvbnRlbnRUeXBlOiBzdHJpbmc7XG4gIH1bXTtcbn1cblxuY29uc3QgU3R5bGVkU2VjdGlvbiA9IHN0eWxlZC5zZWN0aW9uYFxuICAke21xLnJhbmdlKHsgdW50aWw6IGJyZWFrcG9pbnRzLnRhYmxldCB9KX0ge1xuICAgIG1hcmdpbi1ib3R0b206ICR7c3BhY2luZy5sYXJnZX07XG4gIH1cbmA7XG5cbmNvbnN0IFN0eWxlZFN1YmplY3RTZWN0aW9uVGl0bGUgPSBzdHlsZWQoU3ViamVjdFNlY3Rpb25UaXRsZSlgXG4gICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy50YWJsZXRXaWRlIH0pfSB7XG4gICAgbWFyZ2luLWxlZnQ6ICR7c3BhY2luZy5sYXJnZX0gIWltcG9ydGFudDtcbiAgfVxuYDtcblxuY29uc3QgU3R5bGVkVWwgPSBzdHlsZWQudWxgXG4gIG1hcmdpbjogMDtcbiAgcGFkZGluZzogMDtcbmA7XG5cbmNvbnN0IFN0eWxlZExpc3RJdGVtID0gc3R5bGVkLmxpYFxuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG4gICY6bGFzdC1jaGlsZCB7XG4gICAgbWFyZ2luLWJvdHRvbTogMDtcbiAgfVxuYDtcblxuY29uc3QgTGVmdFdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtc3RhcnQ7XG4gIGFsaWduLWl0ZW1zOiBmbGV4LXN0YXJ0O1xuXG4gIC5jLWljb24ge1xuICAgIHdpZHRoOiAxNHB4O1xuICAgIGhlaWdodDogMTRweDtcbiAgICBtYXJnaW4tbGVmdDogJHtzcGFjaW5nLnhzbWFsbH07XG4gICAgbWFyZ2luLXJpZ2h0OiAke3NwYWNpbmcueHNtYWxsfTtcbiAgfVxuXG4gIC5jLWNvbnRlbnQtdHlwZS1iYWRnZSB7XG4gICAgbWFyZ2luLXRvcDogMjNweDtcbiAgICAke21xLnJhbmdlKHsgdW50aWw6IGJyZWFrcG9pbnRzLnRhYmxldFdpZGUgfSl9IHtcbiAgICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgfVxuICB9XG5gO1xuXG5jb25zdCBDb250ZW50TGlua1dyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMudGFibGV0V2lkZSB9KX0ge1xuICAgIHBhZGRpbmctbGVmdDogJHtzcGFjaW5nLm5vcm1hbH07XG4gIH1cbiAgcGFkZGluZy1ib3R0b206ICR7c3BhY2luZy5zbWFsbH07XG5gO1xuXG5jb25zdCBEYXRlV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIGNvbG9yOiAke2NvbG9ycy50ZXh0LmxpZ2h0fTtcbiAgJHtmb250cy5zaXplcygnMTRweCcsICcxOHB4Jyl9O1xuICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMudGFibGV0IH0pfSB7XG4gICAgJHtmb250cy5zaXplcygnMTZweCcsICcyMHB4Jyl9O1xuICB9XG5gO1xuXG5jb25zdCBTdHlsZWRTYWZlTGluayA9IHN0eWxlZChTYWZlTGluaylgXG4gIGNvbG9yOiAke2NvbG9ycy5icmFuZC5kYXJrfTtcbiAgZm9udC13ZWlnaHQ6IDYwMDtcbiAgJHtmb250cy5zaXplcygnMTZweCcsICcyMHB4Jyl9O1xuICBtYXJnaW4tYm90dG9tOiAke3NwYWNpbmcueHNtYWxsfTtcbiAgJHttcS5yYW5nZSh7IGZyb206IGJyZWFrcG9pbnRzLnRhYmxldCB9KX0ge1xuICAgICR7Zm9udHMuc2l6ZXMoJzE4cHgnLCAnMzBweCcpfTtcbiAgfVxuYDtcblxuY29uc3QgU3ViamVjdE5ld0NvbnRlbnQgPSAoeyBoZWFkaW5nLCBjb250ZW50IH06IFByb3BzKSA9PiAoXG4gIDxTdHlsZWRTZWN0aW9uPlxuICAgIDxTdHlsZWRTdWJqZWN0U2VjdGlvblRpdGxlPntoZWFkaW5nfTwvU3R5bGVkU3ViamVjdFNlY3Rpb25UaXRsZT5cbiAgICA8bmF2PlxuICAgICAgPFN0eWxlZFVsPlxuICAgICAgICB7Y29udGVudC5tYXAoKGl0ZW0pID0+IChcbiAgICAgICAgICA8U3R5bGVkTGlzdEl0ZW0+XG4gICAgICAgICAgICA8TGVmdFdyYXBwZXI+XG4gICAgICAgICAgICAgIDxDb250ZW50VHlwZUJhZGdlIHR5cGU9e2l0ZW0uY29udGVudFR5cGV9IHNpemU9XCJ4LXNtYWxsXCIgYmFja2dyb3VuZCBib3JkZXIgLz5cbiAgICAgICAgICAgICAgPENvbnRlbnRMaW5rV3JhcHBlcj5cbiAgICAgICAgICAgICAgICA8RGF0ZVdyYXBwZXI+e2l0ZW0uZm9ybWF0dGVkRGF0ZX08L0RhdGVXcmFwcGVyPlxuICAgICAgICAgICAgICAgIDxTdHlsZWRTYWZlTGluayB0bz17aXRlbS51cmx9PntpdGVtLm5hbWV9PC9TdHlsZWRTYWZlTGluaz5cbiAgICAgICAgICAgICAgPC9Db250ZW50TGlua1dyYXBwZXI+XG4gICAgICAgICAgICA8L0xlZnRXcmFwcGVyPlxuICAgICAgICAgIDwvU3R5bGVkTGlzdEl0ZW0+XG4gICAgICAgICkpfVxuICAgICAgPC9TdHlsZWRVbD5cbiAgICA8L25hdj5cbiAgPC9TdHlsZWRTZWN0aW9uPlxuKTtcblxuZXhwb3J0IGRlZmF1bHQgU3ViamVjdE5ld0NvbnRlbnQ7XG4iXX0= */"));
+
+var StyledSafeLink = /*#__PURE__*/_styled(SafeLink, {
+  target: "e1ws0uil7",
+  label: "StyledSafeLink"
+})("color:", colors.brand.dark, ";font-weight:600;", fonts.sizes('16px', '20px'), ";margin-bottom:", spacing.xsmall, ";", mq.range({
+  from: breakpoints.tablet
+}), "{", fonts.sizes('18px', '30px'), ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlN1YmplY3ROZXdDb250ZW50LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE4RXVDIiwiZmlsZSI6IlN1YmplY3ROZXdDb250ZW50LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgU2FmZUxpbmsgZnJvbSAnQG5kbGEvc2FmZWxpbmsnO1xuaW1wb3J0IHsgYnJlYWtwb2ludHMsIGNvbG9ycywgZm9udHMsIG1xLCBzcGFjaW5nIH0gZnJvbSAnQG5kbGEvY29yZSc7XG5pbXBvcnQgQ29udGVudFR5cGVCYWRnZSBmcm9tICcuLi9Db250ZW50VHlwZUJhZGdlJztcbmltcG9ydCB7IFN1YmplY3RTZWN0aW9uVGl0bGUgfSBmcm9tICcuL1N1YmplY3QnO1xuXG5pbnRlcmZhY2UgUHJvcHMge1xuICBoZWFkaW5nOiBzdHJpbmc7XG4gIGNvbnRlbnQ6IHtcbiAgICBuYW1lOiBzdHJpbmc7XG4gICAgdXJsOiBzdHJpbmc7XG4gICAgZm9ybWF0dGVkRGF0ZTogc3RyaW5nO1xuICAgIGNvbnRlbnRUeXBlOiBzdHJpbmc7XG4gIH1bXTtcbn1cblxuY29uc3QgU3R5bGVkU2VjdGlvbiA9IHN0eWxlZC5zZWN0aW9uYFxuICAke21xLnJhbmdlKHsgdW50aWw6IGJyZWFrcG9pbnRzLnRhYmxldCB9KX0ge1xuICAgIG1hcmdpbi1ib3R0b206ICR7c3BhY2luZy5sYXJnZX07XG4gIH1cbmA7XG5cbmNvbnN0IFN0eWxlZFN1YmplY3RTZWN0aW9uVGl0bGUgPSBzdHlsZWQoU3ViamVjdFNlY3Rpb25UaXRsZSlgXG4gICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy50YWJsZXRXaWRlIH0pfSB7XG4gICAgbWFyZ2luLWxlZnQ6ICR7c3BhY2luZy5sYXJnZX0gIWltcG9ydGFudDtcbiAgfVxuYDtcblxuY29uc3QgU3R5bGVkVWwgPSBzdHlsZWQudWxgXG4gIG1hcmdpbjogMDtcbiAgcGFkZGluZzogMDtcbmA7XG5cbmNvbnN0IFN0eWxlZExpc3RJdGVtID0gc3R5bGVkLmxpYFxuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG4gICY6bGFzdC1jaGlsZCB7XG4gICAgbWFyZ2luLWJvdHRvbTogMDtcbiAgfVxuYDtcblxuY29uc3QgTGVmdFdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtc3RhcnQ7XG4gIGFsaWduLWl0ZW1zOiBmbGV4LXN0YXJ0O1xuXG4gIC5jLWljb24ge1xuICAgIHdpZHRoOiAxNHB4O1xuICAgIGhlaWdodDogMTRweDtcbiAgICBtYXJnaW4tbGVmdDogJHtzcGFjaW5nLnhzbWFsbH07XG4gICAgbWFyZ2luLXJpZ2h0OiAke3NwYWNpbmcueHNtYWxsfTtcbiAgfVxuXG4gIC5jLWNvbnRlbnQtdHlwZS1iYWRnZSB7XG4gICAgbWFyZ2luLXRvcDogMjNweDtcbiAgICAke21xLnJhbmdlKHsgdW50aWw6IGJyZWFrcG9pbnRzLnRhYmxldFdpZGUgfSl9IHtcbiAgICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgfVxuICB9XG5gO1xuXG5jb25zdCBDb250ZW50TGlua1dyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMudGFibGV0V2lkZSB9KX0ge1xuICAgIHBhZGRpbmctbGVmdDogJHtzcGFjaW5nLm5vcm1hbH07XG4gIH1cbiAgcGFkZGluZy1ib3R0b206ICR7c3BhY2luZy5zbWFsbH07XG5gO1xuXG5jb25zdCBEYXRlV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIGNvbG9yOiAke2NvbG9ycy50ZXh0LmxpZ2h0fTtcbiAgJHtmb250cy5zaXplcygnMTRweCcsICcxOHB4Jyl9O1xuICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMudGFibGV0IH0pfSB7XG4gICAgJHtmb250cy5zaXplcygnMTZweCcsICcyMHB4Jyl9O1xuICB9XG5gO1xuXG5jb25zdCBTdHlsZWRTYWZlTGluayA9IHN0eWxlZChTYWZlTGluaylgXG4gIGNvbG9yOiAke2NvbG9ycy5icmFuZC5kYXJrfTtcbiAgZm9udC13ZWlnaHQ6IDYwMDtcbiAgJHtmb250cy5zaXplcygnMTZweCcsICcyMHB4Jyl9O1xuICBtYXJnaW4tYm90dG9tOiAke3NwYWNpbmcueHNtYWxsfTtcbiAgJHttcS5yYW5nZSh7IGZyb206IGJyZWFrcG9pbnRzLnRhYmxldCB9KX0ge1xuICAgICR7Zm9udHMuc2l6ZXMoJzE4cHgnLCAnMzBweCcpfTtcbiAgfVxuYDtcblxuY29uc3QgU3ViamVjdE5ld0NvbnRlbnQgPSAoeyBoZWFkaW5nLCBjb250ZW50IH06IFByb3BzKSA9PiAoXG4gIDxTdHlsZWRTZWN0aW9uPlxuICAgIDxTdHlsZWRTdWJqZWN0U2VjdGlvblRpdGxlPntoZWFkaW5nfTwvU3R5bGVkU3ViamVjdFNlY3Rpb25UaXRsZT5cbiAgICA8bmF2PlxuICAgICAgPFN0eWxlZFVsPlxuICAgICAgICB7Y29udGVudC5tYXAoKGl0ZW0pID0+IChcbiAgICAgICAgICA8U3R5bGVkTGlzdEl0ZW0+XG4gICAgICAgICAgICA8TGVmdFdyYXBwZXI+XG4gICAgICAgICAgICAgIDxDb250ZW50VHlwZUJhZGdlIHR5cGU9e2l0ZW0uY29udGVudFR5cGV9IHNpemU9XCJ4LXNtYWxsXCIgYmFja2dyb3VuZCBib3JkZXIgLz5cbiAgICAgICAgICAgICAgPENvbnRlbnRMaW5rV3JhcHBlcj5cbiAgICAgICAgICAgICAgICA8RGF0ZVdyYXBwZXI+e2l0ZW0uZm9ybWF0dGVkRGF0ZX08L0RhdGVXcmFwcGVyPlxuICAgICAgICAgICAgICAgIDxTdHlsZWRTYWZlTGluayB0bz17aXRlbS51cmx9PntpdGVtLm5hbWV9PC9TdHlsZWRTYWZlTGluaz5cbiAgICAgICAgICAgICAgPC9Db250ZW50TGlua1dyYXBwZXI+XG4gICAgICAgICAgICA8L0xlZnRXcmFwcGVyPlxuICAgICAgICAgIDwvU3R5bGVkTGlzdEl0ZW0+XG4gICAgICAgICkpfVxuICAgICAgPC9TdHlsZWRVbD5cbiAgICA8L25hdj5cbiAgPC9TdHlsZWRTZWN0aW9uPlxuKTtcblxuZXhwb3J0IGRlZmF1bHQgU3ViamVjdE5ld0NvbnRlbnQ7XG4iXX0= */"));
 
 var SubjectNewContent = function SubjectNewContent(_ref) {
   var heading = _ref.heading,
       content = _ref.content;
-  return ___EmotionJSX("section", classes(), ___EmotionJSX(SubjectSectionTitle, {
-    className: classes('heading').className
-  }, heading), ___EmotionJSX("nav", classes('content'), ___EmotionJSX("ul", classes('list'), content.map(function (item) {
-    return ___EmotionJSX("li", _extends({}, classes('item'), {
-      key: item.url
-    }), ___EmotionJSX("div", classes('left-wrapper'), ___EmotionJSX(ContentTypeBadge, {
+  return ___EmotionJSX(StyledSection, null, ___EmotionJSX(StyledSubjectSectionTitle, null, heading), ___EmotionJSX("nav", null, ___EmotionJSX(StyledUl, null, content.map(function (item) {
+    return ___EmotionJSX(StyledListItem, null, ___EmotionJSX(LeftWrapper, null, ___EmotionJSX(ContentTypeBadge, {
       type: item.contentType,
       size: "x-small",
       background: true,
       border: true
-    }), ___EmotionJSX("div", classes('content-link'), ___EmotionJSX("div", classes('date'), item.formattedDate), ___EmotionJSX(SafeLink, _extends({
+    }), ___EmotionJSX(ContentLinkWrapper, null, ___EmotionJSX(DateWrapper, null, item.formattedDate), ___EmotionJSX(StyledSafeLink, {
       to: item.url
-    }, classes('link')), item.name))));
+    }, item.name))));
   }))));
 };
 
-SubjectNewContent.propTypes = {
-  heading: PropTypes.string.isRequired,
-  content: PropTypes.arrayOf(PropTypes.shape({
-    name: PropTypes.string.isRequired,
-    url: PropTypes.string.isRequired,
-    formattedDate: PropTypes.string.isRequired,
-    contentType: PropTypes.string.isRequired
-  })).isRequired
-};
 export default SubjectNewContent;

package/es/Subject/SubjectShortcuts.js

@@ -1,6 +1,6 @@
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+import _styled from "@emotion/styled-base";
 
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
 
 function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
 
@@ -24,16 +24,45 @@ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.g
 
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return 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)."; }
+
 import React, { Component } from 'react';
-import PropTypes from 'prop-types';
 import { TransitionGroup } from 'react-transition-group';
-import BEMHelper from 'react-bem-helper';
+import { colors, fonts, spacing } from '@ndla/core';
 import { Forward } from '@ndla/icons/common';
 import SafeLink from '@ndla/safelink';
 import { SubjectSectionTitle } from './Subject';
 import Fade from '../Animation/Fade';
 import { jsx as ___EmotionJSX } from "@emotion/core";
-var classes = BEMHelper('c-subject-shortcuts');
+
+var SubjectShortcutsSection = _styled("section", {
+  target: "em7bbej0",
+  label: "SubjectShortcutsSection"
+})("margin-bottom:", spacing.large, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlN1YmplY3RTaG9ydGN1dHMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVM4QyIsImZpbGUiOiJTdWJqZWN0U2hvcnRjdXRzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyBDb21wb25lbnQgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBUcmFuc2l0aW9uR3JvdXAgfSBmcm9tICdyZWFjdC10cmFuc2l0aW9uLWdyb3VwJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGNvbG9ycywgZm9udHMsIHNwYWNpbmcgfSBmcm9tICdAbmRsYS9jb3JlJztcbmltcG9ydCB7IEZvcndhcmQgfSBmcm9tICdAbmRsYS9pY29ucy9jb21tb24nO1xuaW1wb3J0IFNhZmVMaW5rIGZyb20gJ0BuZGxhL3NhZmVsaW5rJztcbmltcG9ydCB7IFN1YmplY3RTZWN0aW9uVGl0bGUgfSBmcm9tICcuL1N1YmplY3QnO1xuaW1wb3J0IEZhZGUgZnJvbSAnLi4vQW5pbWF0aW9uL0ZhZGUnO1xuXG5jb25zdCBTdWJqZWN0U2hvcnRjdXRzU2VjdGlvbiA9IHN0eWxlZC5zZWN0aW9uYFxuICBtYXJnaW4tYm90dG9tOiAke3NwYWNpbmcubGFyZ2V9O1xuYDtcblxuY29uc3QgU3R5bGVkVHJhbnNpdGlvbkdyb3VwID0gc3R5bGVkKFRyYW5zaXRpb25Hcm91cClgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtd3JhcDogd3JhcDtcbiAgbGlzdC1zdHlsZTogbm9uZTtcbiAgbWFyZ2luOiAwO1xuICBwYWRkaW5nOiAwO1xuYDtcblxuY29uc3QgU3R5bGVkTGlzdEl0ZW0gPSBzdHlsZWQubGlgXG4gIGRpc3BsYXk6IGJsb2NrO1xuICBtYXJnaW4tcmlnaHQ6IDlweDtcbiAgbWFyZ2luLWJvdHRvbTogOXB4O1xuXG4gIGEge1xuICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgIGJhY2tncm91bmQ6ICR7Y29sb3JzLmJyYW5kLmxpZ2h0fTtcbiAgICBib3gtc2hhZG93OiBub25lO1xuICAgIGJvcmRlci1yYWRpdXM6IDVweDtcbiAgICAke2ZvbnRzLnNpemVzKCcxOHB4JywgJzIzcHgnKX07XG4gICAgZm9udC13ZWlnaHQ6ICR7Zm9udHMud2VpZ2h0LnNlbWlib2xkfTtcbiAgICBjb2xvcjogJHtjb2xvcnMuYnJhbmQuZGFya307XG4gICAgcGFkZGluZzogOXB4IDIwcHg7XG5cbiAgICAmOmhvdmVyLFxuICAgICY6YWN0aXZlLFxuICAgICY6Zm9jdXMge1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtjb2xvcnMuYnJhbmQucHJpbWFyeX07XG4gICAgICBjb2xvcjogJHtjb2xvcnMud2hpdGV9O1xuICAgIH1cbiAgfVxuYDtcblxuY29uc3QgU3R5bGVkQnV0dG9uID0gc3R5bGVkLmJ1dHRvbmBcbiAgZGlzcGxheTogZmxleDtcbiAgYmFja2dyb3VuZDogbm9uZTtcbiAgYm9yZGVyOiAwO1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBwYWRkaW5nOiAwO1xuICBjb2xvcjogJHtjb2xvcnMuYnJhbmR9O1xuICBtYXJnaW4tdG9wOiAke3NwYWNpbmcubm9ybWFsfTtcbiAgY3Vyc29yOiBwb2ludGVyO1xuXG4gIC5jLWljb24ge1xuICAgIHdpZHRoOiAxOHB4O1xuICAgIGhlaWdodDogMThweDtcbiAgICBtYXJnaW4tcmlnaHQ6ICR7c3BhY2luZy54c21hbGx9O1xuICB9XG5cbiAgc3BhbiB7XG4gICAgJHtmb250cy5zaXplcygnMTRweCcsICcxOHB4Jyl9O1xuICB9XG5gO1xuXG5pbnRlcmZhY2UgUHJvcHMge1xuICBsaW5rczoge1xuICAgIHVybDogc3RyaW5nO1xuICAgIHRleHQ6IHN0cmluZztcbiAgfVtdO1xuICBtZXNzYWdlczoge1xuICAgIGhlYWRpbmc6IHN0cmluZztcbiAgICBzaG93TW9yZTogc3RyaW5nO1xuICAgIHNob3dMZXNzOiBzdHJpbmc7XG4gIH07XG4gIGRlZmF1bHRWaXNhYmxlQ291bnQ6IG51bWJlcjtcbn1cblxuaW50ZXJmYWNlIFN0YXRlIHtcbiAgdmlzaWJsZUNvdW50OiBudW1iZXI7XG59XG5cbmNvbnN0IGRlZmF1bHRWaXNhYmxlQ291bnQgPSA2O1xuXG5jbGFzcyBTdWJqZWN0U2hvcnRjdXRzIGV4dGVuZHMgQ29tcG9uZW50PFByb3BzLCBTdGF0ZT4ge1xuICBjb25zdHJ1Y3Rvcihwcm9wczogUHJvcHMpIHtcbiAgICBzdXBlcihwcm9wcyk7XG4gICAgdGhpcy5zdGF0ZSA9IHtcbiAgICAgIHZpc2libGVDb3VudDogcHJvcHMuZGVmYXVsdFZpc2FibGVDb3VudCxcbiAgICB9O1xuXG4gICAgdGhpcy5oYW5kbGVPbkV4cGFuZCA9IHRoaXMuaGFuZGxlT25FeHBhbmQuYmluZCh0aGlzKTtcbiAgfVxuXG4gIGhhbmRsZU9uRXhwYW5kKGV4cGFuZGVkOiBib29sZWFuKSB7XG4gICAgY29uc3QgbmV3VmlzaWJsZUNvdW50ID0gZXhwYW5kZWQgPyB0aGlzLnByb3BzLmxpbmtzLmxlbmd0aCA6IHRoaXMucHJvcHMuZGVmYXVsdFZpc2FibGVDb3VudDtcblxuICAgIHRoaXMuc2V0U3RhdGUoe1xuICAgICAgdmlzaWJsZUNvdW50OiBuZXdWaXNpYmxlQ291bnQsXG4gICAgfSk7XG4gIH1cblxuICByZW5kZXIoKSB7XG4gICAgY29uc3QgeyBsaW5rcywgbWVzc2FnZXMsIGRlZmF1bHRWaXNhYmxlQ291bnQgfSA9IHRoaXMucHJvcHM7XG4gICAgY29uc3QgaWQgPSAnc3ViamVjdC1zaG9ydGN1dCc7XG5cbiAgICBjb25zdCBzaG93RXhwYW5kID0gZGVmYXVsdFZpc2FibGVDb3VudCA8IGxpbmtzLmxlbmd0aDtcbiAgICBsZXQgYnV0dG9uID0gbnVsbDtcbiAgICBsZXQgZmlsdGVyZWRMaW5rcyA9IHRoaXMucHJvcHMubGlua3M7XG5cbiAgICBpZiAoc2hvd0V4cGFuZCkge1xuICAgICAgY29uc3QgaXNFeHBhbmRlZCA9IHRoaXMuc3RhdGUudmlzaWJsZUNvdW50ID4gZGVmYXVsdFZpc2FibGVDb3VudDtcbiAgICAgIGNvbnN0IGJ1dHRvblRleHQgPSBpc0V4cGFuZGVkID8gbWVzc2FnZXMuc2hvd0xlc3MgOiBtZXNzYWdlcy5zaG93TW9yZTtcblxuICAgICAgYnV0dG9uID0gKFxuICAgICAgICA8U3R5bGVkQnV0dG9uXG4gICAgICAgICAgdHlwZT1cImJ1dHRvblwiXG4gICAgICAgICAgYXJpYS1leHBhbmRlZD17aXNFeHBhbmRlZH1cbiAgICAgICAgICBhcmlhLWNvbnRyb2xzPXtpZH1cbiAgICAgICAgICBvbkNsaWNrPXsoKSA9PiB0aGlzLmhhbmRsZU9uRXhwYW5kKCFpc0V4cGFuZGVkKX0+XG4gICAgICAgICAgPEZvcndhcmQgLz5cbiAgICAgICAgICA8c3Bhbj57YnV0dG9uVGV4dH08L3NwYW4+XG4gICAgICAgIDwvU3R5bGVkQnV0dG9uPlxuICAgICAgKTtcblxuICAgICAgZmlsdGVyZWRMaW5rcyA9IHRoaXMucHJvcHMubGlua3MuZmlsdGVyKChsaW5rLCBpbmRleCkgPT4gaW5kZXggPCB0aGlzLnN0YXRlLnZpc2libGVDb3VudCk7XG4gICAgfVxuICAgIHJldHVybiAoXG4gICAgICA8U3ViamVjdFNob3J0Y3V0c1NlY3Rpb24+XG4gICAgICAgIDxTdWJqZWN0U2VjdGlvblRpdGxlPnttZXNzYWdlcy5oZWFkaW5nfTwvU3ViamVjdFNlY3Rpb25UaXRsZT5cbiAgICAgICAgPG5hdiBpZD17aWR9PlxuICAgICAgICAgIDxTdHlsZWRUcmFuc2l0aW9uR3JvdXAgY29tcG9uZW50PVwidWxcIj5cbiAgICAgICAgICAgIHtmaWx0ZXJlZExpbmtzLm1hcCgobGluaykgPT4gKFxuICAgICAgICAgICAgICA8RmFkZSBrZXk9e2xpbmsudXJsfT5cbiAgICAgICAgICAgICAgICA8U3R5bGVkTGlzdEl0ZW0+XG4gICAgICAgICAgICAgICAgICA8U2FmZUxpbmsgdG89e2xpbmsudXJsfT57bGluay50ZXh0fTwvU2FmZUxpbms+XG4gICAgICAgICAgICAgICAgPC9TdHlsZWRMaXN0SXRlbT5cbiAgICAgICAgICAgICAgPC9GYWRlPlxuICAgICAgICAgICAgKSl9XG4gICAgICAgICAgPC9TdHlsZWRUcmFuc2l0aW9uR3JvdXA+XG4gICAgICAgIDwvbmF2PlxuICAgICAgICB7YnV0dG9ufVxuICAgICAgPC9TdWJqZWN0U2hvcnRjdXRzU2VjdGlvbj5cbiAgICApO1xuICB9XG5cbiAgc3RhdGljIGRlZmF1bHRQcm9wcyA9IHtcbiAgICBkZWZhdWx0VmlzYWJsZUNvdW50LFxuICB9O1xufVxuXG5leHBvcnQgZGVmYXVsdCBTdWJqZWN0U2hvcnRjdXRzO1xuIl19 */"));
+
+var StyledTransitionGroup = /*#__PURE__*/_styled(TransitionGroup, {
+  target: "em7bbej1",
+  label: "StyledTransitionGroup"
+})(process.env.NODE_ENV === "production" ? {
+  name: "1i4ie59",
+  styles: "display:flex;flex-wrap:wrap;list-style:none;margin:0;padding:0;"
+} : {
+  name: "1i4ie59",
+  styles: "display:flex;flex-wrap:wrap;list-style:none;margin:0;padding:0;",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlN1YmplY3RTaG9ydGN1dHMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWFxRCIsImZpbGUiOiJTdWJqZWN0U2hvcnRjdXRzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyBDb21wb25lbnQgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBUcmFuc2l0aW9uR3JvdXAgfSBmcm9tICdyZWFjdC10cmFuc2l0aW9uLWdyb3VwJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGNvbG9ycywgZm9udHMsIHNwYWNpbmcgfSBmcm9tICdAbmRsYS9jb3JlJztcbmltcG9ydCB7IEZvcndhcmQgfSBmcm9tICdAbmRsYS9pY29ucy9jb21tb24nO1xuaW1wb3J0IFNhZmVMaW5rIGZyb20gJ0BuZGxhL3NhZmVsaW5rJztcbmltcG9ydCB7IFN1YmplY3RTZWN0aW9uVGl0bGUgfSBmcm9tICcuL1N1YmplY3QnO1xuaW1wb3J0IEZhZGUgZnJvbSAnLi4vQW5pbWF0aW9uL0ZhZGUnO1xuXG5jb25zdCBTdWJqZWN0U2hvcnRjdXRzU2VjdGlvbiA9IHN0eWxlZC5zZWN0aW9uYFxuICBtYXJnaW4tYm90dG9tOiAke3NwYWNpbmcubGFyZ2V9O1xuYDtcblxuY29uc3QgU3R5bGVkVHJhbnNpdGlvbkdyb3VwID0gc3R5bGVkKFRyYW5zaXRpb25Hcm91cClgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtd3JhcDogd3JhcDtcbiAgbGlzdC1zdHlsZTogbm9uZTtcbiAgbWFyZ2luOiAwO1xuICBwYWRkaW5nOiAwO1xuYDtcblxuY29uc3QgU3R5bGVkTGlzdEl0ZW0gPSBzdHlsZWQubGlgXG4gIGRpc3BsYXk6IGJsb2NrO1xuICBtYXJnaW4tcmlnaHQ6IDlweDtcbiAgbWFyZ2luLWJvdHRvbTogOXB4O1xuXG4gIGEge1xuICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgIGJhY2tncm91bmQ6ICR7Y29sb3JzLmJyYW5kLmxpZ2h0fTtcbiAgICBib3gtc2hhZG93OiBub25lO1xuICAgIGJvcmRlci1yYWRpdXM6IDVweDtcbiAgICAke2ZvbnRzLnNpemVzKCcxOHB4JywgJzIzcHgnKX07XG4gICAgZm9udC13ZWlnaHQ6ICR7Zm9udHMud2VpZ2h0LnNlbWlib2xkfTtcbiAgICBjb2xvcjogJHtjb2xvcnMuYnJhbmQuZGFya307XG4gICAgcGFkZGluZzogOXB4IDIwcHg7XG5cbiAgICAmOmhvdmVyLFxuICAgICY6YWN0aXZlLFxuICAgICY6Zm9jdXMge1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtjb2xvcnMuYnJhbmQucHJpbWFyeX07XG4gICAgICBjb2xvcjogJHtjb2xvcnMud2hpdGV9O1xuICAgIH1cbiAgfVxuYDtcblxuY29uc3QgU3R5bGVkQnV0dG9uID0gc3R5bGVkLmJ1dHRvbmBcbiAgZGlzcGxheTogZmxleDtcbiAgYmFja2dyb3VuZDogbm9uZTtcbiAgYm9yZGVyOiAwO1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBwYWRkaW5nOiAwO1xuICBjb2xvcjogJHtjb2xvcnMuYnJhbmR9O1xuICBtYXJnaW4tdG9wOiAke3NwYWNpbmcubm9ybWFsfTtcbiAgY3Vyc29yOiBwb2ludGVyO1xuXG4gIC5jLWljb24ge1xuICAgIHdpZHRoOiAxOHB4O1xuICAgIGhlaWdodDogMThweDtcbiAgICBtYXJnaW4tcmlnaHQ6ICR7c3BhY2luZy54c21hbGx9O1xuICB9XG5cbiAgc3BhbiB7XG4gICAgJHtmb250cy5zaXplcygnMTRweCcsICcxOHB4Jyl9O1xuICB9XG5gO1xuXG5pbnRlcmZhY2UgUHJvcHMge1xuICBsaW5rczoge1xuICAgIHVybDogc3RyaW5nO1xuICAgIHRleHQ6IHN0cmluZztcbiAgfVtdO1xuICBtZXNzYWdlczoge1xuICAgIGhlYWRpbmc6IHN0cmluZztcbiAgICBzaG93TW9yZTogc3RyaW5nO1xuICAgIHNob3dMZXNzOiBzdHJpbmc7XG4gIH07XG4gIGRlZmF1bHRWaXNhYmxlQ291bnQ6IG51bWJlcjtcbn1cblxuaW50ZXJmYWNlIFN0YXRlIHtcbiAgdmlzaWJsZUNvdW50OiBudW1iZXI7XG59XG5cbmNvbnN0IGRlZmF1bHRWaXNhYmxlQ291bnQgPSA2O1xuXG5jbGFzcyBTdWJqZWN0U2hvcnRjdXRzIGV4dGVuZHMgQ29tcG9uZW50PFByb3BzLCBTdGF0ZT4ge1xuICBjb25zdHJ1Y3Rvcihwcm9wczogUHJvcHMpIHtcbiAgICBzdXBlcihwcm9wcyk7XG4gICAgdGhpcy5zdGF0ZSA9IHtcbiAgICAgIHZpc2libGVDb3VudDogcHJvcHMuZGVmYXVsdFZpc2FibGVDb3VudCxcbiAgICB9O1xuXG4gICAgdGhpcy5oYW5kbGVPbkV4cGFuZCA9IHRoaXMuaGFuZGxlT25FeHBhbmQuYmluZCh0aGlzKTtcbiAgfVxuXG4gIGhhbmRsZU9uRXhwYW5kKGV4cGFuZGVkOiBib29sZWFuKSB7XG4gICAgY29uc3QgbmV3VmlzaWJsZUNvdW50ID0gZXhwYW5kZWQgPyB0aGlzLnByb3BzLmxpbmtzLmxlbmd0aCA6IHRoaXMucHJvcHMuZGVmYXVsdFZpc2FibGVDb3VudDtcblxuICAgIHRoaXMuc2V0U3RhdGUoe1xuICAgICAgdmlzaWJsZUNvdW50OiBuZXdWaXNpYmxlQ291bnQsXG4gICAgfSk7XG4gIH1cblxuICByZW5kZXIoKSB7XG4gICAgY29uc3QgeyBsaW5rcywgbWVzc2FnZXMsIGRlZmF1bHRWaXNhYmxlQ291bnQgfSA9IHRoaXMucHJvcHM7XG4gICAgY29uc3QgaWQgPSAnc3ViamVjdC1zaG9ydGN1dCc7XG5cbiAgICBjb25zdCBzaG93RXhwYW5kID0gZGVmYXVsdFZpc2FibGVDb3VudCA8IGxpbmtzLmxlbmd0aDtcbiAgICBsZXQgYnV0dG9uID0gbnVsbDtcbiAgICBsZXQgZmlsdGVyZWRMaW5rcyA9IHRoaXMucHJvcHMubGlua3M7XG5cbiAgICBpZiAoc2hvd0V4cGFuZCkge1xuICAgICAgY29uc3QgaXNFeHBhbmRlZCA9IHRoaXMuc3RhdGUudmlzaWJsZUNvdW50ID4gZGVmYXVsdFZpc2FibGVDb3VudDtcbiAgICAgIGNvbnN0IGJ1dHRvblRleHQgPSBpc0V4cGFuZGVkID8gbWVzc2FnZXMuc2hvd0xlc3MgOiBtZXNzYWdlcy5zaG93TW9yZTtcblxuICAgICAgYnV0dG9uID0gKFxuICAgICAgICA8U3R5bGVkQnV0dG9uXG4gICAgICAgICAgdHlwZT1cImJ1dHRvblwiXG4gICAgICAgICAgYXJpYS1leHBhbmRlZD17aXNFeHBhbmRlZH1cbiAgICAgICAgICBhcmlhLWNvbnRyb2xzPXtpZH1cbiAgICAgICAgICBvbkNsaWNrPXsoKSA9PiB0aGlzLmhhbmRsZU9uRXhwYW5kKCFpc0V4cGFuZGVkKX0+XG4gICAgICAgICAgPEZvcndhcmQgLz5cbiAgICAgICAgICA8c3Bhbj57YnV0dG9uVGV4dH08L3NwYW4+XG4gICAgICAgIDwvU3R5bGVkQnV0dG9uPlxuICAgICAgKTtcblxuICAgICAgZmlsdGVyZWRMaW5rcyA9IHRoaXMucHJvcHMubGlua3MuZmlsdGVyKChsaW5rLCBpbmRleCkgPT4gaW5kZXggPCB0aGlzLnN0YXRlLnZpc2libGVDb3VudCk7XG4gICAgfVxuICAgIHJldHVybiAoXG4gICAgICA8U3ViamVjdFNob3J0Y3V0c1NlY3Rpb24+XG4gICAgICAgIDxTdWJqZWN0U2VjdGlvblRpdGxlPnttZXNzYWdlcy5oZWFkaW5nfTwvU3ViamVjdFNlY3Rpb25UaXRsZT5cbiAgICAgICAgPG5hdiBpZD17aWR9PlxuICAgICAgICAgIDxTdHlsZWRUcmFuc2l0aW9uR3JvdXAgY29tcG9uZW50PVwidWxcIj5cbiAgICAgICAgICAgIHtmaWx0ZXJlZExpbmtzLm1hcCgobGluaykgPT4gKFxuICAgICAgICAgICAgICA8RmFkZSBrZXk9e2xpbmsudXJsfT5cbiAgICAgICAgICAgICAgICA8U3R5bGVkTGlzdEl0ZW0+XG4gICAgICAgICAgICAgICAgICA8U2FmZUxpbmsgdG89e2xpbmsudXJsfT57bGluay50ZXh0fTwvU2FmZUxpbms+XG4gICAgICAgICAgICAgICAgPC9TdHlsZWRMaXN0SXRlbT5cbiAgICAgICAgICAgICAgPC9GYWRlPlxuICAgICAgICAgICAgKSl9XG4gICAgICAgICAgPC9TdHlsZWRUcmFuc2l0aW9uR3JvdXA+XG4gICAgICAgIDwvbmF2PlxuICAgICAgICB7YnV0dG9ufVxuICAgICAgPC9TdWJqZWN0U2hvcnRjdXRzU2VjdGlvbj5cbiAgICApO1xuICB9XG5cbiAgc3RhdGljIGRlZmF1bHRQcm9wcyA9IHtcbiAgICBkZWZhdWx0VmlzYWJsZUNvdW50LFxuICB9O1xufVxuXG5leHBvcnQgZGVmYXVsdCBTdWJqZWN0U2hvcnRjdXRzO1xuIl19 */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+
+var StyledListItem = _styled("li", {
+  target: "em7bbej2",
+  label: "StyledListItem"
+})("display:block;margin-right:9px;margin-bottom:9px;a{display:block;background:", colors.brand.light, ";box-shadow:none;border-radius:5px;", fonts.sizes('18px', '23px'), ";font-weight:", fonts.weight.semibold, ";color:", colors.brand.dark, ";padding:9px 20px;&:hover,&:active,&:focus{background-color:", colors.brand.primary, ";color:", colors.white, ";}}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlN1YmplY3RTaG9ydGN1dHMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXFCZ0MiLCJmaWxlIjoiU3ViamVjdFNob3J0Y3V0cy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgQ29tcG9uZW50IH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgVHJhbnNpdGlvbkdyb3VwIH0gZnJvbSAncmVhY3QtdHJhbnNpdGlvbi1ncm91cCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjb2xvcnMsIGZvbnRzLCBzcGFjaW5nIH0gZnJvbSAnQG5kbGEvY29yZSc7XG5pbXBvcnQgeyBGb3J3YXJkIH0gZnJvbSAnQG5kbGEvaWNvbnMvY29tbW9uJztcbmltcG9ydCBTYWZlTGluayBmcm9tICdAbmRsYS9zYWZlbGluayc7XG5pbXBvcnQgeyBTdWJqZWN0U2VjdGlvblRpdGxlIH0gZnJvbSAnLi9TdWJqZWN0JztcbmltcG9ydCBGYWRlIGZyb20gJy4uL0FuaW1hdGlvbi9GYWRlJztcblxuY29uc3QgU3ViamVjdFNob3J0Y3V0c1NlY3Rpb24gPSBzdHlsZWQuc2VjdGlvbmBcbiAgbWFyZ2luLWJvdHRvbTogJHtzcGFjaW5nLmxhcmdlfTtcbmA7XG5cbmNvbnN0IFN0eWxlZFRyYW5zaXRpb25Hcm91cCA9IHN0eWxlZChUcmFuc2l0aW9uR3JvdXApYFxuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LXdyYXA6IHdyYXA7XG4gIGxpc3Qtc3R5bGU6IG5vbmU7XG4gIG1hcmdpbjogMDtcbiAgcGFkZGluZzogMDtcbmA7XG5cbmNvbnN0IFN0eWxlZExpc3RJdGVtID0gc3R5bGVkLmxpYFxuICBkaXNwbGF5OiBibG9jaztcbiAgbWFyZ2luLXJpZ2h0OiA5cHg7XG4gIG1hcmdpbi1ib3R0b206IDlweDtcblxuICBhIHtcbiAgICBkaXNwbGF5OiBibG9jaztcbiAgICBiYWNrZ3JvdW5kOiAke2NvbG9ycy5icmFuZC5saWdodH07XG4gICAgYm94LXNoYWRvdzogbm9uZTtcbiAgICBib3JkZXItcmFkaXVzOiA1cHg7XG4gICAgJHtmb250cy5zaXplcygnMThweCcsICcyM3B4Jyl9O1xuICAgIGZvbnQtd2VpZ2h0OiAke2ZvbnRzLndlaWdodC5zZW1pYm9sZH07XG4gICAgY29sb3I6ICR7Y29sb3JzLmJyYW5kLmRhcmt9O1xuICAgIHBhZGRpbmc6IDlweCAyMHB4O1xuXG4gICAgJjpob3ZlcixcbiAgICAmOmFjdGl2ZSxcbiAgICAmOmZvY3VzIHtcbiAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7Y29sb3JzLmJyYW5kLnByaW1hcnl9O1xuICAgICAgY29sb3I6ICR7Y29sb3JzLndoaXRlfTtcbiAgICB9XG4gIH1cbmA7XG5cbmNvbnN0IFN0eWxlZEJ1dHRvbiA9IHN0eWxlZC5idXR0b25gXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGJhY2tncm91bmQ6IG5vbmU7XG4gIGJvcmRlcjogMDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgcGFkZGluZzogMDtcbiAgY29sb3I6ICR7Y29sb3JzLmJyYW5kfTtcbiAgbWFyZ2luLXRvcDogJHtzcGFjaW5nLm5vcm1hbH07XG4gIGN1cnNvcjogcG9pbnRlcjtcblxuICAuYy1pY29uIHtcbiAgICB3aWR0aDogMThweDtcbiAgICBoZWlnaHQ6IDE4cHg7XG4gICAgbWFyZ2luLXJpZ2h0OiAke3NwYWNpbmcueHNtYWxsfTtcbiAgfVxuXG4gIHNwYW4ge1xuICAgICR7Zm9udHMuc2l6ZXMoJzE0cHgnLCAnMThweCcpfTtcbiAgfVxuYDtcblxuaW50ZXJmYWNlIFByb3BzIHtcbiAgbGlua3M6IHtcbiAgICB1cmw6IHN0cmluZztcbiAgICB0ZXh0OiBzdHJpbmc7XG4gIH1bXTtcbiAgbWVzc2FnZXM6IHtcbiAgICBoZWFkaW5nOiBzdHJpbmc7XG4gICAgc2hvd01vcmU6IHN0cmluZztcbiAgICBzaG93TGVzczogc3RyaW5nO1xuICB9O1xuICBkZWZhdWx0VmlzYWJsZUNvdW50OiBudW1iZXI7XG59XG5cbmludGVyZmFjZSBTdGF0ZSB7XG4gIHZpc2libGVDb3VudDogbnVtYmVyO1xufVxuXG5jb25zdCBkZWZhdWx0VmlzYWJsZUNvdW50ID0gNjtcblxuY2xhc3MgU3ViamVjdFNob3J0Y3V0cyBleHRlbmRzIENvbXBvbmVudDxQcm9wcywgU3RhdGU+IHtcbiAgY29uc3RydWN0b3IocHJvcHM6IFByb3BzKSB7XG4gICAgc3VwZXIocHJvcHMpO1xuICAgIHRoaXMuc3RhdGUgPSB7XG4gICAgICB2aXNpYmxlQ291bnQ6IHByb3BzLmRlZmF1bHRWaXNhYmxlQ291bnQsXG4gICAgfTtcblxuICAgIHRoaXMuaGFuZGxlT25FeHBhbmQgPSB0aGlzLmhhbmRsZU9uRXhwYW5kLmJpbmQodGhpcyk7XG4gIH1cblxuICBoYW5kbGVPbkV4cGFuZChleHBhbmRlZDogYm9vbGVhbikge1xuICAgIGNvbnN0IG5ld1Zpc2libGVDb3VudCA9IGV4cGFuZGVkID8gdGhpcy5wcm9wcy5saW5rcy5sZW5ndGggOiB0aGlzLnByb3BzLmRlZmF1bHRWaXNhYmxlQ291bnQ7XG5cbiAgICB0aGlzLnNldFN0YXRlKHtcbiAgICAgIHZpc2libGVDb3VudDogbmV3VmlzaWJsZUNvdW50LFxuICAgIH0pO1xuICB9XG5cbiAgcmVuZGVyKCkge1xuICAgIGNvbnN0IHsgbGlua3MsIG1lc3NhZ2VzLCBkZWZhdWx0VmlzYWJsZUNvdW50IH0gPSB0aGlzLnByb3BzO1xuICAgIGNvbnN0IGlkID0gJ3N1YmplY3Qtc2hvcnRjdXQnO1xuXG4gICAgY29uc3Qgc2hvd0V4cGFuZCA9IGRlZmF1bHRWaXNhYmxlQ291bnQgPCBsaW5rcy5sZW5ndGg7XG4gICAgbGV0IGJ1dHRvbiA9IG51bGw7XG4gICAgbGV0IGZpbHRlcmVkTGlua3MgPSB0aGlzLnByb3BzLmxpbmtzO1xuXG4gICAgaWYgKHNob3dFeHBhbmQpIHtcbiAgICAgIGNvbnN0IGlzRXhwYW5kZWQgPSB0aGlzLnN0YXRlLnZpc2libGVDb3VudCA+IGRlZmF1bHRWaXNhYmxlQ291bnQ7XG4gICAgICBjb25zdCBidXR0b25UZXh0ID0gaXNFeHBhbmRlZCA/IG1lc3NhZ2VzLnNob3dMZXNzIDogbWVzc2FnZXMuc2hvd01vcmU7XG5cbiAgICAgIGJ1dHRvbiA9IChcbiAgICAgICAgPFN0eWxlZEJ1dHRvblxuICAgICAgICAgIHR5cGU9XCJidXR0b25cIlxuICAgICAgICAgIGFyaWEtZXhwYW5kZWQ9e2lzRXhwYW5kZWR9XG4gICAgICAgICAgYXJpYS1jb250cm9scz17aWR9XG4gICAgICAgICAgb25DbGljaz17KCkgPT4gdGhpcy5oYW5kbGVPbkV4cGFuZCghaXNFeHBhbmRlZCl9PlxuICAgICAgICAgIDxGb3J3YXJkIC8+XG4gICAgICAgICAgPHNwYW4+e2J1dHRvblRleHR9PC9zcGFuPlxuICAgICAgICA8L1N0eWxlZEJ1dHRvbj5cbiAgICAgICk7XG5cbiAgICAgIGZpbHRlcmVkTGlua3MgPSB0aGlzLnByb3BzLmxpbmtzLmZpbHRlcigobGluaywgaW5kZXgpID0+IGluZGV4IDwgdGhpcy5zdGF0ZS52aXNpYmxlQ291bnQpO1xuICAgIH1cbiAgICByZXR1cm4gKFxuICAgICAgPFN1YmplY3RTaG9ydGN1dHNTZWN0aW9uPlxuICAgICAgICA8U3ViamVjdFNlY3Rpb25UaXRsZT57bWVzc2FnZXMuaGVhZGluZ308L1N1YmplY3RTZWN0aW9uVGl0bGU+XG4gICAgICAgIDxuYXYgaWQ9e2lkfT5cbiAgICAgICAgICA8U3R5bGVkVHJhbnNpdGlvbkdyb3VwIGNvbXBvbmVudD1cInVsXCI+XG4gICAgICAgICAgICB7ZmlsdGVyZWRMaW5rcy5tYXAoKGxpbmspID0+IChcbiAgICAgICAgICAgICAgPEZhZGUga2V5PXtsaW5rLnVybH0+XG4gICAgICAgICAgICAgICAgPFN0eWxlZExpc3RJdGVtPlxuICAgICAgICAgICAgICAgICAgPFNhZmVMaW5rIHRvPXtsaW5rLnVybH0+e2xpbmsudGV4dH08L1NhZmVMaW5rPlxuICAgICAgICAgICAgICAgIDwvU3R5bGVkTGlzdEl0ZW0+XG4gICAgICAgICAgICAgIDwvRmFkZT5cbiAgICAgICAgICAgICkpfVxuICAgICAgICAgIDwvU3R5bGVkVHJhbnNpdGlvbkdyb3VwPlxuICAgICAgICA8L25hdj5cbiAgICAgICAge2J1dHRvbn1cbiAgICAgIDwvU3ViamVjdFNob3J0Y3V0c1NlY3Rpb24+XG4gICAgKTtcbiAgfVxuXG4gIHN0YXRpYyBkZWZhdWx0UHJvcHMgPSB7XG4gICAgZGVmYXVsdFZpc2FibGVDb3VudCxcbiAgfTtcbn1cblxuZXhwb3J0IGRlZmF1bHQgU3ViamVjdFNob3J0Y3V0cztcbiJdfQ== */"));
+
+var StyledButton = _styled("button", {
+  target: "em7bbej3",
+  label: "StyledButton"
+})("display:flex;background:none;border:0;align-items:center;padding:0;color:", colors.brand, ";margin-top:", spacing.normal, ";cursor:pointer;.c-icon{width:18px;height:18px;margin-right:", spacing.xsmall, ";}span{", fonts.sizes('14px', '18px'), ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlN1YmplY3RTaG9ydGN1dHMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTZDa0MiLCJmaWxlIjoiU3ViamVjdFNob3J0Y3V0cy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgQ29tcG9uZW50IH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgVHJhbnNpdGlvbkdyb3VwIH0gZnJvbSAncmVhY3QtdHJhbnNpdGlvbi1ncm91cCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjb2xvcnMsIGZvbnRzLCBzcGFjaW5nIH0gZnJvbSAnQG5kbGEvY29yZSc7XG5pbXBvcnQgeyBGb3J3YXJkIH0gZnJvbSAnQG5kbGEvaWNvbnMvY29tbW9uJztcbmltcG9ydCBTYWZlTGluayBmcm9tICdAbmRsYS9zYWZlbGluayc7XG5pbXBvcnQgeyBTdWJqZWN0U2VjdGlvblRpdGxlIH0gZnJvbSAnLi9TdWJqZWN0JztcbmltcG9ydCBGYWRlIGZyb20gJy4uL0FuaW1hdGlvbi9GYWRlJztcblxuY29uc3QgU3ViamVjdFNob3J0Y3V0c1NlY3Rpb24gPSBzdHlsZWQuc2VjdGlvbmBcbiAgbWFyZ2luLWJvdHRvbTogJHtzcGFjaW5nLmxhcmdlfTtcbmA7XG5cbmNvbnN0IFN0eWxlZFRyYW5zaXRpb25Hcm91cCA9IHN0eWxlZChUcmFuc2l0aW9uR3JvdXApYFxuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LXdyYXA6IHdyYXA7XG4gIGxpc3Qtc3R5bGU6IG5vbmU7XG4gIG1hcmdpbjogMDtcbiAgcGFkZGluZzogMDtcbmA7XG5cbmNvbnN0IFN0eWxlZExpc3RJdGVtID0gc3R5bGVkLmxpYFxuICBkaXNwbGF5OiBibG9jaztcbiAgbWFyZ2luLXJpZ2h0OiA5cHg7XG4gIG1hcmdpbi1ib3R0b206IDlweDtcblxuICBhIHtcbiAgICBkaXNwbGF5OiBibG9jaztcbiAgICBiYWNrZ3JvdW5kOiAke2NvbG9ycy5icmFuZC5saWdodH07XG4gICAgYm94LXNoYWRvdzogbm9uZTtcbiAgICBib3JkZXItcmFkaXVzOiA1cHg7XG4gICAgJHtmb250cy5zaXplcygnMThweCcsICcyM3B4Jyl9O1xuICAgIGZvbnQtd2VpZ2h0OiAke2ZvbnRzLndlaWdodC5zZW1pYm9sZH07XG4gICAgY29sb3I6ICR7Y29sb3JzLmJyYW5kLmRhcmt9O1xuICAgIHBhZGRpbmc6IDlweCAyMHB4O1xuXG4gICAgJjpob3ZlcixcbiAgICAmOmFjdGl2ZSxcbiAgICAmOmZvY3VzIHtcbiAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7Y29sb3JzLmJyYW5kLnByaW1hcnl9O1xuICAgICAgY29sb3I6ICR7Y29sb3JzLndoaXRlfTtcbiAgICB9XG4gIH1cbmA7XG5cbmNvbnN0IFN0eWxlZEJ1dHRvbiA9IHN0eWxlZC5idXR0b25gXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGJhY2tncm91bmQ6IG5vbmU7XG4gIGJvcmRlcjogMDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgcGFkZGluZzogMDtcbiAgY29sb3I6ICR7Y29sb3JzLmJyYW5kfTtcbiAgbWFyZ2luLXRvcDogJHtzcGFjaW5nLm5vcm1hbH07XG4gIGN1cnNvcjogcG9pbnRlcjtcblxuICAuYy1pY29uIHtcbiAgICB3aWR0aDogMThweDtcbiAgICBoZWlnaHQ6IDE4cHg7XG4gICAgbWFyZ2luLXJpZ2h0OiAke3NwYWNpbmcueHNtYWxsfTtcbiAgfVxuXG4gIHNwYW4ge1xuICAgICR7Zm9udHMuc2l6ZXMoJzE0cHgnLCAnMThweCcpfTtcbiAgfVxuYDtcblxuaW50ZXJmYWNlIFByb3BzIHtcbiAgbGlua3M6IHtcbiAgICB1cmw6IHN0cmluZztcbiAgICB0ZXh0OiBzdHJpbmc7XG4gIH1bXTtcbiAgbWVzc2FnZXM6IHtcbiAgICBoZWFkaW5nOiBzdHJpbmc7XG4gICAgc2hvd01vcmU6IHN0cmluZztcbiAgICBzaG93TGVzczogc3RyaW5nO1xuICB9O1xuICBkZWZhdWx0VmlzYWJsZUNvdW50OiBudW1iZXI7XG59XG5cbmludGVyZmFjZSBTdGF0ZSB7XG4gIHZpc2libGVDb3VudDogbnVtYmVyO1xufVxuXG5jb25zdCBkZWZhdWx0VmlzYWJsZUNvdW50ID0gNjtcblxuY2xhc3MgU3ViamVjdFNob3J0Y3V0cyBleHRlbmRzIENvbXBvbmVudDxQcm9wcywgU3RhdGU+IHtcbiAgY29uc3RydWN0b3IocHJvcHM6IFByb3BzKSB7XG4gICAgc3VwZXIocHJvcHMpO1xuICAgIHRoaXMuc3RhdGUgPSB7XG4gICAgICB2aXNpYmxlQ291bnQ6IHByb3BzLmRlZmF1bHRWaXNhYmxlQ291bnQsXG4gICAgfTtcblxuICAgIHRoaXMuaGFuZGxlT25FeHBhbmQgPSB0aGlzLmhhbmRsZU9uRXhwYW5kLmJpbmQodGhpcyk7XG4gIH1cblxuICBoYW5kbGVPbkV4cGFuZChleHBhbmRlZDogYm9vbGVhbikge1xuICAgIGNvbnN0IG5ld1Zpc2libGVDb3VudCA9IGV4cGFuZGVkID8gdGhpcy5wcm9wcy5saW5rcy5sZW5ndGggOiB0aGlzLnByb3BzLmRlZmF1bHRWaXNhYmxlQ291bnQ7XG5cbiAgICB0aGlzLnNldFN0YXRlKHtcbiAgICAgIHZpc2libGVDb3VudDogbmV3VmlzaWJsZUNvdW50LFxuICAgIH0pO1xuICB9XG5cbiAgcmVuZGVyKCkge1xuICAgIGNvbnN0IHsgbGlua3MsIG1lc3NhZ2VzLCBkZWZhdWx0VmlzYWJsZUNvdW50IH0gPSB0aGlzLnByb3BzO1xuICAgIGNvbnN0IGlkID0gJ3N1YmplY3Qtc2hvcnRjdXQnO1xuXG4gICAgY29uc3Qgc2hvd0V4cGFuZCA9IGRlZmF1bHRWaXNhYmxlQ291bnQgPCBsaW5rcy5sZW5ndGg7XG4gICAgbGV0IGJ1dHRvbiA9IG51bGw7XG4gICAgbGV0IGZpbHRlcmVkTGlua3MgPSB0aGlzLnByb3BzLmxpbmtzO1xuXG4gICAgaWYgKHNob3dFeHBhbmQpIHtcbiAgICAgIGNvbnN0IGlzRXhwYW5kZWQgPSB0aGlzLnN0YXRlLnZpc2libGVDb3VudCA+IGRlZmF1bHRWaXNhYmxlQ291bnQ7XG4gICAgICBjb25zdCBidXR0b25UZXh0ID0gaXNFeHBhbmRlZCA/IG1lc3NhZ2VzLnNob3dMZXNzIDogbWVzc2FnZXMuc2hvd01vcmU7XG5cbiAgICAgIGJ1dHRvbiA9IChcbiAgICAgICAgPFN0eWxlZEJ1dHRvblxuICAgICAgICAgIHR5cGU9XCJidXR0b25cIlxuICAgICAgICAgIGFyaWEtZXhwYW5kZWQ9e2lzRXhwYW5kZWR9XG4gICAgICAgICAgYXJpYS1jb250cm9scz17aWR9XG4gICAgICAgICAgb25DbGljaz17KCkgPT4gdGhpcy5oYW5kbGVPbkV4cGFuZCghaXNFeHBhbmRlZCl9PlxuICAgICAgICAgIDxGb3J3YXJkIC8+XG4gICAgICAgICAgPHNwYW4+e2J1dHRvblRleHR9PC9zcGFuPlxuICAgICAgICA8L1N0eWxlZEJ1dHRvbj5cbiAgICAgICk7XG5cbiAgICAgIGZpbHRlcmVkTGlua3MgPSB0aGlzLnByb3BzLmxpbmtzLmZpbHRlcigobGluaywgaW5kZXgpID0+IGluZGV4IDwgdGhpcy5zdGF0ZS52aXNpYmxlQ291bnQpO1xuICAgIH1cbiAgICByZXR1cm4gKFxuICAgICAgPFN1YmplY3RTaG9ydGN1dHNTZWN0aW9uPlxuICAgICAgICA8U3ViamVjdFNlY3Rpb25UaXRsZT57bWVzc2FnZXMuaGVhZGluZ308L1N1YmplY3RTZWN0aW9uVGl0bGU+XG4gICAgICAgIDxuYXYgaWQ9e2lkfT5cbiAgICAgICAgICA8U3R5bGVkVHJhbnNpdGlvbkdyb3VwIGNvbXBvbmVudD1cInVsXCI+XG4gICAgICAgICAgICB7ZmlsdGVyZWRMaW5rcy5tYXAoKGxpbmspID0+IChcbiAgICAgICAgICAgICAgPEZhZGUga2V5PXtsaW5rLnVybH0+XG4gICAgICAgICAgICAgICAgPFN0eWxlZExpc3RJdGVtPlxuICAgICAgICAgICAgICAgICAgPFNhZmVMaW5rIHRvPXtsaW5rLnVybH0+e2xpbmsudGV4dH08L1NhZmVMaW5rPlxuICAgICAgICAgICAgICAgIDwvU3R5bGVkTGlzdEl0ZW0+XG4gICAgICAgICAgICAgIDwvRmFkZT5cbiAgICAgICAgICAgICkpfVxuICAgICAgICAgIDwvU3R5bGVkVHJhbnNpdGlvbkdyb3VwPlxuICAgICAgICA8L25hdj5cbiAgICAgICAge2J1dHRvbn1cbiAgICAgIDwvU3ViamVjdFNob3J0Y3V0c1NlY3Rpb24+XG4gICAgKTtcbiAgfVxuXG4gIHN0YXRpYyBkZWZhdWx0UHJvcHMgPSB7XG4gICAgZGVmYXVsdFZpc2FibGVDb3VudCxcbiAgfTtcbn1cblxuZXhwb3J0IGRlZmF1bHQgU3ViamVjdFNob3J0Y3V0cztcbiJdfQ== */"));
+
 var defaultVisableCount = 6;
 
 var SubjectShortcuts = /*#__PURE__*/function (_Component) {
@@ -79,28 +108,27 @@ var SubjectShortcuts = /*#__PURE__*/function (_Component) {
       if (showExpand) {
         var isExpanded = this.state.visibleCount > defaultVisableCount;
         var buttonText = isExpanded ? messages.showLess : messages.showMore;
-        button = ___EmotionJSX("button", _extends({
+        button = ___EmotionJSX(StyledButton, {
           type: "button",
           "aria-expanded": isExpanded,
           "aria-controls": id,
           onClick: function onClick() {
             return _this2.handleOnExpand(!isExpanded);
           }
-        }, classes('expand-button')), ___EmotionJSX(Forward, null), ___EmotionJSX("span", null, buttonText));
+        }, ___EmotionJSX(Forward, null), ___EmotionJSX("span", null, buttonText));
         filteredLinks = this.props.links.filter(function (link, index) {
           return index < _this2.state.visibleCount;
         });
       }
 
-      return ___EmotionJSX("section", classes(''), ___EmotionJSX(SubjectSectionTitle, null, messages.heading), ___EmotionJSX("nav", {
+      return ___EmotionJSX(SubjectShortcutsSection, null, ___EmotionJSX(SubjectSectionTitle, null, messages.heading), ___EmotionJSX("nav", {
         id: id
-      }, ___EmotionJSX(TransitionGroup, {
-        className: classes('list').className,
+      }, ___EmotionJSX(StyledTransitionGroup, {
         component: "ul"
       }, filteredLinks.map(function (link) {
         return ___EmotionJSX(Fade, {
           key: link.url
-        }, ___EmotionJSX("li", classes('item'), ___EmotionJSX(SafeLink, {
+        }, ___EmotionJSX(StyledListItem, null, ___EmotionJSX(SafeLink, {
           to: link.url
         }, link.text)));
       }))), button);
@@ -110,19 +138,6 @@ var SubjectShortcuts = /*#__PURE__*/function (_Component) {
   return SubjectShortcuts;
 }(Component);
 
-_defineProperty(SubjectShortcuts, "propTypes", {
-  links: PropTypes.arrayOf(PropTypes.shape({
-    url: PropTypes.string.isRequired,
-    text: PropTypes.string.isRequired
-  })).isRequired,
-  messages: PropTypes.shape({
-    heading: PropTypes.string.isRequired,
-    showMore: PropTypes.string.isRequired,
-    showLess: PropTypes.string.isRequired
-  }).isRequired,
-  defaultVisableCount: PropTypes.number
-});
-
 _defineProperty(SubjectShortcuts, "defaultProps", {
   defaultVisableCount: defaultVisableCount
 });

package/es/Subject/SubjectSocial.js

@@ -1,27 +1,29 @@
+import _styled from "@emotion/styled-base";
+import { breakpoints, mq, spacing } from '@ndla/core';
 import React from 'react';
-import PropTypes from 'prop-types';
-import BEMHelper from 'react-bem-helper';
 import { SubjectSectionTitle } from './Subject';
 import { jsx as ___EmotionJSX } from "@emotion/core";
-var classes = BEMHelper('c-subject-social');
+
+var StyledSubjectSocialContent = _styled("div", {
+  target: "e1myfrk60",
+  label: "StyledSubjectSocialContent"
+})("display:none;", mq.range({
+  from: breakpoints.tabletWide
+}), "{display:flex;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlN1YmplY3RTb2NpYWwudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUs2QyIsImZpbGUiOiJTdWJqZWN0U29jaWFsLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGJyZWFrcG9pbnRzLCBtcSwgc3BhY2luZyB9IGZyb20gJ0BuZGxhL2NvcmUnO1xuaW1wb3J0IFJlYWN0LCB7IFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IFN1YmplY3RTZWN0aW9uVGl0bGUgfSBmcm9tICcuL1N1YmplY3QnO1xuXG5jb25zdCBTdHlsZWRTdWJqZWN0U29jaWFsQ29udGVudCA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IG5vbmU7XG4gICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy50YWJsZXRXaWRlIH0pfSB7XG4gICAgZGlzcGxheTogZmxleDtcbiAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IFN1YmplY3RTb2NpYWxDb250ZW50ID0gKHsgY2hpbGRyZW4gfTogeyBjaGlsZHJlbjogUmVhY3ROb2RlIH0pID0+IChcbiAgPFN0eWxlZFN1YmplY3RTb2NpYWxDb250ZW50PntjaGlsZHJlbn08L1N0eWxlZFN1YmplY3RTb2NpYWxDb250ZW50PlxuKTtcblxuY29uc3QgU3R5bGVkU2VjdGlvbiA9IHN0eWxlZC5zZWN0aW9uYFxuICBmbGV4LWJhc2lzOiA1MCU7XG4gICY6bnRoLWNoaWxkKG9kZCkge1xuICAgIG1hcmdpbi1yaWdodDogJHtzcGFjaW5nLm5vcm1hbH07XG4gIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBTdWJqZWN0U29jaWFsU2VjdGlvbiA9ICh7IGNoaWxkcmVuLCB0aXRsZSA9ICcnIH06IHsgY2hpbGRyZW46IFJlYWN0Tm9kZTsgdGl0bGU/OiBzdHJpbmcgfSkgPT4gKFxuICA8U3R5bGVkU2VjdGlvbj5cbiAgICA8U3ViamVjdFNlY3Rpb25UaXRsZT57dGl0bGV9PC9TdWJqZWN0U2VjdGlvblRpdGxlPlxuICAgIHtjaGlsZHJlbn1cbiAgPC9TdHlsZWRTZWN0aW9uPlxuKTtcbiJdfQ== */"));
+
 export var SubjectSocialContent = function SubjectSocialContent(_ref) {
   var children = _ref.children;
-  return ___EmotionJSX("div", classes('content'), children);
-};
-SubjectSocialContent.propTypes = {
-  children: PropTypes.node.isRequired
+  return ___EmotionJSX(StyledSubjectSocialContent, null, children);
 };
+
+var StyledSection = _styled("section", {
+  target: "e1myfrk61",
+  label: "StyledSection"
+})("flex-basis:50%;&:nth-child(odd){margin-right:", spacing.normal, ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlN1YmplY3RTb2NpYWwudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWdCb0MiLCJmaWxlIjoiU3ViamVjdFNvY2lhbC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBicmVha3BvaW50cywgbXEsIHNwYWNpbmcgfSBmcm9tICdAbmRsYS9jb3JlJztcbmltcG9ydCBSZWFjdCwgeyBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBTdWJqZWN0U2VjdGlvblRpdGxlIH0gZnJvbSAnLi9TdWJqZWN0JztcblxuY29uc3QgU3R5bGVkU3ViamVjdFNvY2lhbENvbnRlbnQgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBub25lO1xuICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMudGFibGV0V2lkZSB9KX0ge1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBTdWJqZWN0U29jaWFsQ29udGVudCA9ICh7IGNoaWxkcmVuIH06IHsgY2hpbGRyZW46IFJlYWN0Tm9kZSB9KSA9PiAoXG4gIDxTdHlsZWRTdWJqZWN0U29jaWFsQ29udGVudD57Y2hpbGRyZW59PC9TdHlsZWRTdWJqZWN0U29jaWFsQ29udGVudD5cbik7XG5cbmNvbnN0IFN0eWxlZFNlY3Rpb24gPSBzdHlsZWQuc2VjdGlvbmBcbiAgZmxleC1iYXNpczogNTAlO1xuICAmOm50aC1jaGlsZChvZGQpIHtcbiAgICBtYXJnaW4tcmlnaHQ6ICR7c3BhY2luZy5ub3JtYWx9O1xuICB9XG5gO1xuXG5leHBvcnQgY29uc3QgU3ViamVjdFNvY2lhbFNlY3Rpb24gPSAoeyBjaGlsZHJlbiwgdGl0bGUgPSAnJyB9OiB7IGNoaWxkcmVuOiBSZWFjdE5vZGU7IHRpdGxlPzogc3RyaW5nIH0pID0+IChcbiAgPFN0eWxlZFNlY3Rpb24+XG4gICAgPFN1YmplY3RTZWN0aW9uVGl0bGU+e3RpdGxlfTwvU3ViamVjdFNlY3Rpb25UaXRsZT5cbiAgICB7Y2hpbGRyZW59XG4gIDwvU3R5bGVkU2VjdGlvbj5cbik7XG4iXX0= */"));
+
 export var SubjectSocialSection = function SubjectSocialSection(_ref2) {
   var children = _ref2.children,
-      title = _ref2.title;
-  return ___EmotionJSX("section", classes('section'), ___EmotionJSX(SubjectSectionTitle, {
-    className: classes('title').className
-  }, title), children);
-};
-SubjectSocialSection.propTypes = {
-  children: PropTypes.node.isRequired,
-  title: PropTypes.string
-};
-SubjectSocialSection.defaultProps = {
-  title: ''
+      _ref2$title = _ref2.title,
+      title = _ref2$title === void 0 ? '' : _ref2$title;
+  return ___EmotionJSX(StyledSection, null, ___EmotionJSX(SubjectSectionTitle, null, title), children);
 };