@ndla/ui 25.0.2 → 25.2.1

package/lib/Subject/SubjectCarousel.js

@@ -5,74 +5,65 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = void 0;
 
-var _react = _interopRequireDefault(require("react"));
+var _styledBase = _interopRequireDefault(require("@emotion/styled-base"));
 
-var _propTypes = _interopRequireDefault(require("prop-types"));
+var _react = _interopRequireDefault(require("react"));
 
-var _reactBemHelper = _interopRequireDefault(require("react-bem-helper"));
+var _core = require("@emotion/core");
 
 var _carousel = require("@ndla/carousel");
 
 var _reactI18next = require("react-i18next");
 
-var _core = require("@ndla/core");
+var _core2 = require("@ndla/core");
 
 var _index = require("../index");
 
 var _Subject = require("./Subject");
 
-var _core2 = require("@emotion/core");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
 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 _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
-function _iterableToArrayLimit(arr, i) { if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return; var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
-
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
-var subjectCarouselClasses = (0, _reactBemHelper["default"])('c-subject-carousel');
-
-var getSubclasses = function getSubclasses(obj) {
-  return Object.entries(obj).filter(function (_ref) {
-    var _ref2 = _slicedToArray(_ref, 2),
-        _ = _ref2[0],
-        value = _ref2[1];
-
-    return !!value;
-  }).map(function (_ref3) {
-    var _ref4 = _slicedToArray(_ref3, 2),
-        className = _ref4[0],
-        _ = _ref4[1];
-
-    return className;
-  });
-};
-
-var SubjectCarousel = function SubjectCarousel(_ref5) {
+var StyledSection = (0, _styledBase["default"])("section", {
+  target: "e18xxktd0",
+  label: "StyledSection"
+})("margin-bottom:", _core2.spacing.large, ";", _core2.mq.range({
+  from: _core2.breakpoints.tablet
+}), "{margin-bottom:100px;}", function (p) {
+  return p.narrowScreen && /*#__PURE__*/(0, _core.css)("display:none;", _core2.mq.range({
+    from: _core2.breakpoints.tablet
+  }), "{display:block;};label:StyledSection;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlN1YmplY3RDYXJvdXNlbC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBb0NPIiwiZmlsZSI6IlN1YmplY3RDYXJvdXNlbC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vY29yZSc7XG5pbXBvcnQgeyBDYXJvdXNlbCwgQ2Fyb3VzZWxBdXRvc2l6ZSB9IGZyb20gJ0BuZGxhL2Nhcm91c2VsJztcbmltcG9ydCB7IHdpdGhUcmFuc2xhdGlvbiwgV2l0aFRyYW5zbGF0aW9uIH0gZnJvbSAncmVhY3QtaTE4bmV4dCc7XG5pbXBvcnQgeyBicmVha3BvaW50cywgbXEsIHNwYWNpbmcsIHNwYWNpbmdVbml0IH0gZnJvbSAnQG5kbGEvY29yZSc7XG5pbXBvcnQgeyBTYWZlTGlua1Byb3BzIH0gZnJvbSAnQG5kbGEvc2FmZWxpbmsnO1xuaW1wb3J0IHsgQ29udGVudENhcmQgfSBmcm9tICcuLi9pbmRleCc7XG5pbXBvcnQgeyBTdWJqZWN0U2VjdGlvblRpdGxlIH0gZnJvbSAnLi9TdWJqZWN0JztcblxuaW50ZXJmYWNlIFByb3BzIHtcbiAgc3ViamVjdHM/OiB7XG4gICAgaWQ6IHN0cmluZztcbiAgICB0aXRsZTogc3RyaW5nO1xuICAgIHRleHQ6IHN0cmluZztcbiAgICB0eXBlPzogc3RyaW5nIHwgdW5kZWZpbmVkIHwgbnVsbDtcbiAgICBpbWFnZT86IHN0cmluZyB8IHVuZGVmaW5lZCB8IG51bGw7XG4gICAgdG9MaW5rUHJvcHM6ICgpID0+IFNhZmVMaW5rUHJvcHM7XG4gIH1bXTtcbiAgdGl0bGU/OiBzdHJpbmc7XG4gIG5hcnJvd1NjcmVlbj86IGJvb2xlYW47XG4gIHdpZGVTY3JlZW4/OiBib29sZWFuO1xufVxuXG5pbnRlcmZhY2UgU3R5bGVkU2VjdGlvblByb3BzIHtcbiAgbmFycm93U2NyZWVuOiBib29sZWFuO1xuICB3aWRlU2NyZWVuOiBib29sZWFuO1xufVxuXG5jb25zdCBTdHlsZWRTZWN0aW9uID0gc3R5bGVkLnNlY3Rpb248U3R5bGVkU2VjdGlvblByb3BzPmBcbiAgbWFyZ2luLWJvdHRvbTogJHtzcGFjaW5nLmxhcmdlfTtcbiAgJHttcS5yYW5nZSh7IGZyb206IGJyZWFrcG9pbnRzLnRhYmxldCB9KX0ge1xuICAgIG1hcmdpbi1ib3R0b206IDEwMHB4O1xuICB9XG4gICR7KHApID0+XG4gICAgcC5uYXJyb3dTY3JlZW4gJiZcbiAgICBjc3NgXG4gICAgICBkaXNwbGF5OiBub25lO1xuICAgICAgJHttcS5yYW5nZSh7IGZyb206IGJyZWFrcG9pbnRzLnRhYmxldCB9KX0ge1xuICAgICAgICBkaXNwbGF5OiBibG9jaztcbiAgICAgIH1cbiAgICBgfTtcbiAgJHsocCkgPT5cbiAgICBwLm5hcnJvd1NjcmVlbiAmJlxuICAgIGNzc2BcbiAgICAgICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy50YWJsZXQgfSl9IHtcbiAgICAgICAgZGlzcGxheTogYmxvY2s7XG4gICAgICB9XG4gICAgYH07XG5gO1xuXG5jb25zdCBTdHlsZWRTdWJqZWN0U2VjdGlvblRpdGxlID0gc3R5bGVkKFN1YmplY3RTZWN0aW9uVGl0bGUpYFxuICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMudGFibGV0IH0pfSB7XG4gICAgbWFyZ2luLWxlZnQ6ICR7c3BhY2luZy5tZWRpdW19ICFpbXBvcnRhbnQ7XG4gIH1cblxuICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMuZGVza3RvcCB9KX0ge1xuICAgIG1hcmdpbi1sZWZ0OiAke3NwYWNpbmdVbml0ICogM31weCAhaW1wb3J0YW50O1xuICB9XG5gO1xuXG5jb25zdCBTdWJqZWN0Q2Fyb3VzZWwgPSAoe1xuICBzdWJqZWN0cyA9IFtdLFxuICB0aXRsZSA9ICcnLFxuICBuYXJyb3dTY3JlZW4gPSBmYWxzZSxcbiAgd2lkZVNjcmVlbiA9IGZhbHNlLFxuICB0LFxufTogUHJvcHMgJiBXaXRoVHJhbnNsYXRpb24pID0+IChcbiAgPFN0eWxlZFNlY3Rpb24gbmFycm93U2NyZWVuPXtuYXJyb3dTY3JlZW59IHdpZGVTY3JlZW49e3dpZGVTY3JlZW59PlxuICAgIDxDYXJvdXNlbEF1dG9zaXplXG4gICAgICBicmVha3BvaW50cz17W1xuICAgICAgICB7XG4gICAgICAgICAgdW50aWw6ICdtb2JpbGUnLFxuICAgICAgICAgIGNvbHVtbnNQclNsaWRlOiAxLFxuICAgICAgICAgIGRpc3RhbmNlQmV0d2Vlbkl0ZW1zOiAyNixcbiAgICAgICAgICBhcnJvd09mZnNldDogMjYsXG4gICAgICAgIH0sXG4gICAgICAgIHtcbiAgICAgICAgICB1bnRpbDogJ21vYmlsZVdpZGUnLFxuICAgICAgICAgIGNvbHVtbnNQclNsaWRlOiAyLFxuICAgICAgICAgIGRpc3RhbmNlQmV0d2Vlbkl0ZW1zOiAyNixcbiAgICAgICAgICBhcnJvd09mZnNldDogMjYsXG4gICAgICAgIH0sXG4gICAgICAgIHtcbiAgICAgICAgICB1bnRpbDogJ3RhYmxldCcsXG4gICAgICAgICAgY29sdW1uc1ByU2xpZGU6IDIuMjUsXG4gICAgICAgICAgZGlzdGFuY2VCZXR3ZWVuSXRlbXM6IDI2LFxuICAgICAgICAgIGFycm93T2Zmc2V0OiAyNixcbiAgICAgICAgICBtYXJnaW46IHNwYWNpbmdVbml0LFxuICAgICAgICB9LFxuICAgICAgICB7XG4gICAgICAgICAgdW50aWw6ICd0YWJsZXRXaWRlJyxcbiAgICAgICAgICBjb2x1bW5zUHJTbGlkZTogMy4yNSxcbiAgICAgICAgICBkaXN0YW5jZUJldHdlZW5JdGVtczogMjYsXG4gICAgICAgICAgYXJyb3dPZmZzZXQ6IDI2LFxuICAgICAgICAgIG1hcmdpbjogc3BhY2luZ1VuaXQgKiAxLjI1LFxuICAgICAgICB9LFxuICAgICAgICB7XG4gICAgICAgICAgdW50aWw6ICdkZXNrdG9wJyxcbiAgICAgICAgICBjb2x1bW5zUHJTbGlkZTogNC4yNSxcbiAgICAgICAgICBkaXN0YW5jZUJldHdlZW5JdGVtczogMjYsXG4gICAgICAgICAgYXJyb3dPZmZzZXQ6IDI2LFxuICAgICAgICAgIG1hcmdpbjogc3BhY2luZ1VuaXQgKiAxLjI1LFxuICAgICAgICB9LFxuICAgICAgICB7XG4gICAgICAgICAgdW50aWw6ICd3aWRlJyxcbiAgICAgICAgICBjb2x1bW5zUHJTbGlkZTogNCxcbiAgICAgICAgICBkaXN0YW5jZUJldHdlZW5JdGVtczogMjYsXG4gICAgICAgICAgYXJyb3dPZmZzZXQ6IDI2LFxuICAgICAgICAgIG1hcmdpbjogc3BhY2luZ1VuaXQgKiAyLjUsXG4gICAgICAgIH0sXG4gICAgICAgIHtcbiAgICAgICAgICB1bnRpbDogJ3VsdHJhV2lkZScsXG4gICAgICAgICAgY29sdW1uc1ByU2xpZGU6IDUsXG4gICAgICAgICAgZGlzdGFuY2VCZXR3ZWVuSXRlbXM6IDI2LFxuICAgICAgICAgIGFycm93T2Zmc2V0OiAyNixcbiAgICAgICAgICBtYXJnaW46IHNwYWNpbmdVbml0ICogMi41LFxuICAgICAgICB9LFxuICAgICAgICB7XG4gICAgICAgICAgY29sdW1uc1ByU2xpZGU6IDcsXG4gICAgICAgICAgZGlzdGFuY2VCZXR3ZWVuSXRlbXM6IDI2LFxuICAgICAgICAgIGFycm93T2Zmc2V0OiAyNixcbiAgICAgICAgICBtYXJnaW46IHNwYWNpbmdVbml0ICogMi41LFxuICAgICAgICAgIG1heENvbHVtbldpZHRoOiAyMDAsXG4gICAgICAgIH0sXG4gICAgICBdfVxuICAgICAgY2VudGVyZWRcbiAgICAgIGl0ZW1zTGVuZ3RoPXtzdWJqZWN0cz8ubGVuZ3RoID8/IDB9PlxuICAgICAgeyhhdXRvU2l6ZWRQcm9wcykgPT4gKFxuICAgICAgICA8PlxuICAgICAgICAgIDxTdHlsZWRTdWJqZWN0U2VjdGlvblRpdGxlPnt0aXRsZX08L1N0eWxlZFN1YmplY3RTZWN0aW9uVGl0bGU+XG4gICAgICAgICAgPENhcm91c2VsXG4gICAgICAgICAgICB7Li4uYXV0b1NpemVkUHJvcHN9XG4gICAgICAgICAgICBkaXNhYmxlU2Nyb2xsPXsoYXV0b1NpemVkUHJvcHM/LmNvbHVtbnNQclNsaWRlID8/IDApID49IHN1YmplY3RzLmxlbmd0aH1cbiAgICAgICAgICAgIHNsaWRlQmFja3dhcmRzTGFiZWw9e3QoJ2Nhcm91c2VsLmJhY2snKX1cbiAgICAgICAgICAgIHNsaWRlRm9yd2FyZHNMYWJlbD17dCgnY2Fyb3VzZWwuZm9yd2FyZCcpfVxuICAgICAgICAgICAgYnV0dG9uQ2xhc3M9XCJjLWNhcm91c2VsX19hcnJvd1wiXG4gICAgICAgICAgICB3cmFwcGVyQ2xhc3M9XCJjLWNhcm91c2VsX193cmFwcGVyXCJcbiAgICAgICAgICAgIGNvbHVtbldpZHRoPXthdXRvU2l6ZWRQcm9wcz8uY29sdW1uV2lkdGggPz8gMH1cbiAgICAgICAgICAgIGNvbHVtbnNQclNsaWRlPXthdXRvU2l6ZWRQcm9wcz8uY29sdW1uc1ByU2xpZGUgPz8gMH1cbiAgICAgICAgICAgIGl0ZW1zPXtzdWJqZWN0cy5tYXAoKHN1YmplY3QpID0+IChcbiAgICAgICAgICAgICAgPENvbnRlbnRDYXJkXG4gICAgICAgICAgICAgICAgey4uLnN1YmplY3R9XG4gICAgICAgICAgICAgICAgY29sdW1uV2lkdGg9e2F1dG9TaXplZFByb3BzPy5jb2x1bW5XaWR0aCA/PyAwfVxuICAgICAgICAgICAgICAgIHR5cGU9e3N1YmplY3QudHlwZSA/PyAnJ31cbiAgICAgICAgICAgICAgICBpbWFnZT17c3ViamVjdC5pbWFnZSA/PyAnJ31cbiAgICAgICAgICAgICAgICBrZXk9e3N1YmplY3QuaWR9XG4gICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICApKX1cbiAgICAgICAgICAvPlxuICAgICAgICA8Lz5cbiAgICAgICl9XG4gICAgPC9DYXJvdXNlbEF1dG9zaXplPlxuICA8L1N0eWxlZFNlY3Rpb24+XG4pO1xuXG5leHBvcnQgZGVmYXVsdCB3aXRoVHJhbnNsYXRpb24oKShTdWJqZWN0Q2Fyb3VzZWwpO1xuIl19 */"));
+}, ";", function (p) {
+  return p.narrowScreen && /*#__PURE__*/(0, _core.css)(_core2.mq.range({
+    from: _core2.breakpoints.tablet
+  }), "{display:block;};label:StyledSection;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlN1YmplY3RDYXJvdXNlbC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBNENPIiwiZmlsZSI6IlN1YmplY3RDYXJvdXNlbC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vY29yZSc7XG5pbXBvcnQgeyBDYXJvdXNlbCwgQ2Fyb3VzZWxBdXRvc2l6ZSB9IGZyb20gJ0BuZGxhL2Nhcm91c2VsJztcbmltcG9ydCB7IHdpdGhUcmFuc2xhdGlvbiwgV2l0aFRyYW5zbGF0aW9uIH0gZnJvbSAncmVhY3QtaTE4bmV4dCc7XG5pbXBvcnQgeyBicmVha3BvaW50cywgbXEsIHNwYWNpbmcsIHNwYWNpbmdVbml0IH0gZnJvbSAnQG5kbGEvY29yZSc7XG5pbXBvcnQgeyBTYWZlTGlua1Byb3BzIH0gZnJvbSAnQG5kbGEvc2FmZWxpbmsnO1xuaW1wb3J0IHsgQ29udGVudENhcmQgfSBmcm9tICcuLi9pbmRleCc7XG5pbXBvcnQgeyBTdWJqZWN0U2VjdGlvblRpdGxlIH0gZnJvbSAnLi9TdWJqZWN0JztcblxuaW50ZXJmYWNlIFByb3BzIHtcbiAgc3ViamVjdHM/OiB7XG4gICAgaWQ6IHN0cmluZztcbiAgICB0aXRsZTogc3RyaW5nO1xuICAgIHRleHQ6IHN0cmluZztcbiAgICB0eXBlPzogc3RyaW5nIHwgdW5kZWZpbmVkIHwgbnVsbDtcbiAgICBpbWFnZT86IHN0cmluZyB8IHVuZGVmaW5lZCB8IG51bGw7XG4gICAgdG9MaW5rUHJvcHM6ICgpID0+IFNhZmVMaW5rUHJvcHM7XG4gIH1bXTtcbiAgdGl0bGU/OiBzdHJpbmc7XG4gIG5hcnJvd1NjcmVlbj86IGJvb2xlYW47XG4gIHdpZGVTY3JlZW4/OiBib29sZWFuO1xufVxuXG5pbnRlcmZhY2UgU3R5bGVkU2VjdGlvblByb3BzIHtcbiAgbmFycm93U2NyZWVuOiBib29sZWFuO1xuICB3aWRlU2NyZWVuOiBib29sZWFuO1xufVxuXG5jb25zdCBTdHlsZWRTZWN0aW9uID0gc3R5bGVkLnNlY3Rpb248U3R5bGVkU2VjdGlvblByb3BzPmBcbiAgbWFyZ2luLWJvdHRvbTogJHtzcGFjaW5nLmxhcmdlfTtcbiAgJHttcS5yYW5nZSh7IGZyb206IGJyZWFrcG9pbnRzLnRhYmxldCB9KX0ge1xuICAgIG1hcmdpbi1ib3R0b206IDEwMHB4O1xuICB9XG4gICR7KHApID0+XG4gICAgcC5uYXJyb3dTY3JlZW4gJiZcbiAgICBjc3NgXG4gICAgICBkaXNwbGF5OiBub25lO1xuICAgICAgJHttcS5yYW5nZSh7IGZyb206IGJyZWFrcG9pbnRzLnRhYmxldCB9KX0ge1xuICAgICAgICBkaXNwbGF5OiBibG9jaztcbiAgICAgIH1cbiAgICBgfTtcbiAgJHsocCkgPT5cbiAgICBwLm5hcnJvd1NjcmVlbiAmJlxuICAgIGNzc2BcbiAgICAgICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy50YWJsZXQgfSl9IHtcbiAgICAgICAgZGlzcGxheTogYmxvY2s7XG4gICAgICB9XG4gICAgYH07XG5gO1xuXG5jb25zdCBTdHlsZWRTdWJqZWN0U2VjdGlvblRpdGxlID0gc3R5bGVkKFN1YmplY3RTZWN0aW9uVGl0bGUpYFxuICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMudGFibGV0IH0pfSB7XG4gICAgbWFyZ2luLWxlZnQ6ICR7c3BhY2luZy5tZWRpdW19ICFpbXBvcnRhbnQ7XG4gIH1cblxuICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMuZGVza3RvcCB9KX0ge1xuICAgIG1hcmdpbi1sZWZ0OiAke3NwYWNpbmdVbml0ICogM31weCAhaW1wb3J0YW50O1xuICB9XG5gO1xuXG5jb25zdCBTdWJqZWN0Q2Fyb3VzZWwgPSAoe1xuICBzdWJqZWN0cyA9IFtdLFxuICB0aXRsZSA9ICcnLFxuICBuYXJyb3dTY3JlZW4gPSBmYWxzZSxcbiAgd2lkZVNjcmVlbiA9IGZhbHNlLFxuICB0LFxufTogUHJvcHMgJiBXaXRoVHJhbnNsYXRpb24pID0+IChcbiAgPFN0eWxlZFNlY3Rpb24gbmFycm93U2NyZWVuPXtuYXJyb3dTY3JlZW59IHdpZGVTY3JlZW49e3dpZGVTY3JlZW59PlxuICAgIDxDYXJvdXNlbEF1dG9zaXplXG4gICAgICBicmVha3BvaW50cz17W1xuICAgICAgICB7XG4gICAgICAgICAgdW50aWw6ICdtb2JpbGUnLFxuICAgICAgICAgIGNvbHVtbnNQclNsaWRlOiAxLFxuICAgICAgICAgIGRpc3RhbmNlQmV0d2Vlbkl0ZW1zOiAyNixcbiAgICAgICAgICBhcnJvd09mZnNldDogMjYsXG4gICAgICAgIH0sXG4gICAgICAgIHtcbiAgICAgICAgICB1bnRpbDogJ21vYmlsZVdpZGUnLFxuICAgICAgICAgIGNvbHVtbnNQclNsaWRlOiAyLFxuICAgICAgICAgIGRpc3RhbmNlQmV0d2Vlbkl0ZW1zOiAyNixcbiAgICAgICAgICBhcnJvd09mZnNldDogMjYsXG4gICAgICAgIH0sXG4gICAgICAgIHtcbiAgICAgICAgICB1bnRpbDogJ3RhYmxldCcsXG4gICAgICAgICAgY29sdW1uc1ByU2xpZGU6IDIuMjUsXG4gICAgICAgICAgZGlzdGFuY2VCZXR3ZWVuSXRlbXM6IDI2LFxuICAgICAgICAgIGFycm93T2Zmc2V0OiAyNixcbiAgICAgICAgICBtYXJnaW46IHNwYWNpbmdVbml0LFxuICAgICAgICB9LFxuICAgICAgICB7XG4gICAgICAgICAgdW50aWw6ICd0YWJsZXRXaWRlJyxcbiAgICAgICAgICBjb2x1bW5zUHJTbGlkZTogMy4yNSxcbiAgICAgICAgICBkaXN0YW5jZUJldHdlZW5JdGVtczogMjYsXG4gICAgICAgICAgYXJyb3dPZmZzZXQ6IDI2LFxuICAgICAgICAgIG1hcmdpbjogc3BhY2luZ1VuaXQgKiAxLjI1LFxuICAgICAgICB9LFxuICAgICAgICB7XG4gICAgICAgICAgdW50aWw6ICdkZXNrdG9wJyxcbiAgICAgICAgICBjb2x1bW5zUHJTbGlkZTogNC4yNSxcbiAgICAgICAgICBkaXN0YW5jZUJldHdlZW5JdGVtczogMjYsXG4gICAgICAgICAgYXJyb3dPZmZzZXQ6IDI2LFxuICAgICAgICAgIG1hcmdpbjogc3BhY2luZ1VuaXQgKiAxLjI1LFxuICAgICAgICB9LFxuICAgICAgICB7XG4gICAgICAgICAgdW50aWw6ICd3aWRlJyxcbiAgICAgICAgICBjb2x1bW5zUHJTbGlkZTogNCxcbiAgICAgICAgICBkaXN0YW5jZUJldHdlZW5JdGVtczogMjYsXG4gICAgICAgICAgYXJyb3dPZmZzZXQ6IDI2LFxuICAgICAgICAgIG1hcmdpbjogc3BhY2luZ1VuaXQgKiAyLjUsXG4gICAgICAgIH0sXG4gICAgICAgIHtcbiAgICAgICAgICB1bnRpbDogJ3VsdHJhV2lkZScsXG4gICAgICAgICAgY29sdW1uc1ByU2xpZGU6IDUsXG4gICAgICAgICAgZGlzdGFuY2VCZXR3ZWVuSXRlbXM6IDI2LFxuICAgICAgICAgIGFycm93T2Zmc2V0OiAyNixcbiAgICAgICAgICBtYXJnaW46IHNwYWNpbmdVbml0ICogMi41LFxuICAgICAgICB9LFxuICAgICAgICB7XG4gICAgICAgICAgY29sdW1uc1ByU2xpZGU6IDcsXG4gICAgICAgICAgZGlzdGFuY2VCZXR3ZWVuSXRlbXM6IDI2LFxuICAgICAgICAgIGFycm93T2Zmc2V0OiAyNixcbiAgICAgICAgICBtYXJnaW46IHNwYWNpbmdVbml0ICogMi41LFxuICAgICAgICAgIG1heENvbHVtbldpZHRoOiAyMDAsXG4gICAgICAgIH0sXG4gICAgICBdfVxuICAgICAgY2VudGVyZWRcbiAgICAgIGl0ZW1zTGVuZ3RoPXtzdWJqZWN0cz8ubGVuZ3RoID8/IDB9PlxuICAgICAgeyhhdXRvU2l6ZWRQcm9wcykgPT4gKFxuICAgICAgICA8PlxuICAgICAgICAgIDxTdHlsZWRTdWJqZWN0U2VjdGlvblRpdGxlPnt0aXRsZX08L1N0eWxlZFN1YmplY3RTZWN0aW9uVGl0bGU+XG4gICAgICAgICAgPENhcm91c2VsXG4gICAgICAgICAgICB7Li4uYXV0b1NpemVkUHJvcHN9XG4gICAgICAgICAgICBkaXNhYmxlU2Nyb2xsPXsoYXV0b1NpemVkUHJvcHM/LmNvbHVtbnNQclNsaWRlID8/IDApID49IHN1YmplY3RzLmxlbmd0aH1cbiAgICAgICAgICAgIHNsaWRlQmFja3dhcmRzTGFiZWw9e3QoJ2Nhcm91c2VsLmJhY2snKX1cbiAgICAgICAgICAgIHNsaWRlRm9yd2FyZHNMYWJlbD17dCgnY2Fyb3VzZWwuZm9yd2FyZCcpfVxuICAgICAgICAgICAgYnV0dG9uQ2xhc3M9XCJjLWNhcm91c2VsX19hcnJvd1wiXG4gICAgICAgICAgICB3cmFwcGVyQ2xhc3M9XCJjLWNhcm91c2VsX193cmFwcGVyXCJcbiAgICAgICAgICAgIGNvbHVtbldpZHRoPXthdXRvU2l6ZWRQcm9wcz8uY29sdW1uV2lkdGggPz8gMH1cbiAgICAgICAgICAgIGNvbHVtbnNQclNsaWRlPXthdXRvU2l6ZWRQcm9wcz8uY29sdW1uc1ByU2xpZGUgPz8gMH1cbiAgICAgICAgICAgIGl0ZW1zPXtzdWJqZWN0cy5tYXAoKHN1YmplY3QpID0+IChcbiAgICAgICAgICAgICAgPENvbnRlbnRDYXJkXG4gICAgICAgICAgICAgICAgey4uLnN1YmplY3R9XG4gICAgICAgICAgICAgICAgY29sdW1uV2lkdGg9e2F1dG9TaXplZFByb3BzPy5jb2x1bW5XaWR0aCA/PyAwfVxuICAgICAgICAgICAgICAgIHR5cGU9e3N1YmplY3QudHlwZSA/PyAnJ31cbiAgICAgICAgICAgICAgICBpbWFnZT17c3ViamVjdC5pbWFnZSA/PyAnJ31cbiAgICAgICAgICAgICAgICBrZXk9e3N1YmplY3QuaWR9XG4gICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICApKX1cbiAgICAgICAgICAvPlxuICAgICAgICA8Lz5cbiAgICAgICl9XG4gICAgPC9DYXJvdXNlbEF1dG9zaXplPlxuICA8L1N0eWxlZFNlY3Rpb24+XG4pO1xuXG5leHBvcnQgZGVmYXVsdCB3aXRoVHJhbnNsYXRpb24oKShTdWJqZWN0Q2Fyb3VzZWwpO1xuIl19 */"));
+}, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlN1YmplY3RDYXJvdXNlbC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBNkJ3RCIsImZpbGUiOiJTdWJqZWN0Q2Fyb3VzZWwudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL2NvcmUnO1xuaW1wb3J0IHsgQ2Fyb3VzZWwsIENhcm91c2VsQXV0b3NpemUgfSBmcm9tICdAbmRsYS9jYXJvdXNlbCc7XG5pbXBvcnQgeyB3aXRoVHJhbnNsYXRpb24sIFdpdGhUcmFuc2xhdGlvbiB9IGZyb20gJ3JlYWN0LWkxOG5leHQnO1xuaW1wb3J0IHsgYnJlYWtwb2ludHMsIG1xLCBzcGFjaW5nLCBzcGFjaW5nVW5pdCB9IGZyb20gJ0BuZGxhL2NvcmUnO1xuaW1wb3J0IHsgU2FmZUxpbmtQcm9wcyB9IGZyb20gJ0BuZGxhL3NhZmVsaW5rJztcbmltcG9ydCB7IENvbnRlbnRDYXJkIH0gZnJvbSAnLi4vaW5kZXgnO1xuaW1wb3J0IHsgU3ViamVjdFNlY3Rpb25UaXRsZSB9IGZyb20gJy4vU3ViamVjdCc7XG5cbmludGVyZmFjZSBQcm9wcyB7XG4gIHN1YmplY3RzPzoge1xuICAgIGlkOiBzdHJpbmc7XG4gICAgdGl0bGU6IHN0cmluZztcbiAgICB0ZXh0OiBzdHJpbmc7XG4gICAgdHlwZT86IHN0cmluZyB8IHVuZGVmaW5lZCB8IG51bGw7XG4gICAgaW1hZ2U/OiBzdHJpbmcgfCB1bmRlZmluZWQgfCBudWxsO1xuICAgIHRvTGlua1Byb3BzOiAoKSA9PiBTYWZlTGlua1Byb3BzO1xuICB9W107XG4gIHRpdGxlPzogc3RyaW5nO1xuICBuYXJyb3dTY3JlZW4/OiBib29sZWFuO1xuICB3aWRlU2NyZWVuPzogYm9vbGVhbjtcbn1cblxuaW50ZXJmYWNlIFN0eWxlZFNlY3Rpb25Qcm9wcyB7XG4gIG5hcnJvd1NjcmVlbjogYm9vbGVhbjtcbiAgd2lkZVNjcmVlbjogYm9vbGVhbjtcbn1cblxuY29uc3QgU3R5bGVkU2VjdGlvbiA9IHN0eWxlZC5zZWN0aW9uPFN0eWxlZFNlY3Rpb25Qcm9wcz5gXG4gIG1hcmdpbi1ib3R0b206ICR7c3BhY2luZy5sYXJnZX07XG4gICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy50YWJsZXQgfSl9IHtcbiAgICBtYXJnaW4tYm90dG9tOiAxMDBweDtcbiAgfVxuICAkeyhwKSA9PlxuICAgIHAubmFycm93U2NyZWVuICYmXG4gICAgY3NzYFxuICAgICAgZGlzcGxheTogbm9uZTtcbiAgICAgICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy50YWJsZXQgfSl9IHtcbiAgICAgICAgZGlzcGxheTogYmxvY2s7XG4gICAgICB9XG4gICAgYH07XG4gICR7KHApID0+XG4gICAgcC5uYXJyb3dTY3JlZW4gJiZcbiAgICBjc3NgXG4gICAgICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMudGFibGV0IH0pfSB7XG4gICAgICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgICAgfVxuICAgIGB9O1xuYDtcblxuY29uc3QgU3R5bGVkU3ViamVjdFNlY3Rpb25UaXRsZSA9IHN0eWxlZChTdWJqZWN0U2VjdGlvblRpdGxlKWBcbiAgJHttcS5yYW5nZSh7IGZyb206IGJyZWFrcG9pbnRzLnRhYmxldCB9KX0ge1xuICAgIG1hcmdpbi1sZWZ0OiAke3NwYWNpbmcubWVkaXVtfSAhaW1wb3J0YW50O1xuICB9XG5cbiAgJHttcS5yYW5nZSh7IGZyb206IGJyZWFrcG9pbnRzLmRlc2t0b3AgfSl9IHtcbiAgICBtYXJnaW4tbGVmdDogJHtzcGFjaW5nVW5pdCAqIDN9cHggIWltcG9ydGFudDtcbiAgfVxuYDtcblxuY29uc3QgU3ViamVjdENhcm91c2VsID0gKHtcbiAgc3ViamVjdHMgPSBbXSxcbiAgdGl0bGUgPSAnJyxcbiAgbmFycm93U2NyZWVuID0gZmFsc2UsXG4gIHdpZGVTY3JlZW4gPSBmYWxzZSxcbiAgdCxcbn06IFByb3BzICYgV2l0aFRyYW5zbGF0aW9uKSA9PiAoXG4gIDxTdHlsZWRTZWN0aW9uIG5hcnJvd1NjcmVlbj17bmFycm93U2NyZWVufSB3aWRlU2NyZWVuPXt3aWRlU2NyZWVufT5cbiAgICA8Q2Fyb3VzZWxBdXRvc2l6ZVxuICAgICAgYnJlYWtwb2ludHM9e1tcbiAgICAgICAge1xuICAgICAgICAgIHVudGlsOiAnbW9iaWxlJyxcbiAgICAgICAgICBjb2x1bW5zUHJTbGlkZTogMSxcbiAgICAgICAgICBkaXN0YW5jZUJldHdlZW5JdGVtczogMjYsXG4gICAgICAgICAgYXJyb3dPZmZzZXQ6IDI2LFxuICAgICAgICB9LFxuICAgICAgICB7XG4gICAgICAgICAgdW50aWw6ICdtb2JpbGVXaWRlJyxcbiAgICAgICAgICBjb2x1bW5zUHJTbGlkZTogMixcbiAgICAgICAgICBkaXN0YW5jZUJldHdlZW5JdGVtczogMjYsXG4gICAgICAgICAgYXJyb3dPZmZzZXQ6IDI2LFxuICAgICAgICB9LFxuICAgICAgICB7XG4gICAgICAgICAgdW50aWw6ICd0YWJsZXQnLFxuICAgICAgICAgIGNvbHVtbnNQclNsaWRlOiAyLjI1LFxuICAgICAgICAgIGRpc3RhbmNlQmV0d2Vlbkl0ZW1zOiAyNixcbiAgICAgICAgICBhcnJvd09mZnNldDogMjYsXG4gICAgICAgICAgbWFyZ2luOiBzcGFjaW5nVW5pdCxcbiAgICAgICAgfSxcbiAgICAgICAge1xuICAgICAgICAgIHVudGlsOiAndGFibGV0V2lkZScsXG4gICAgICAgICAgY29sdW1uc1ByU2xpZGU6IDMuMjUsXG4gICAgICAgICAgZGlzdGFuY2VCZXR3ZWVuSXRlbXM6IDI2LFxuICAgICAgICAgIGFycm93T2Zmc2V0OiAyNixcbiAgICAgICAgICBtYXJnaW46IHNwYWNpbmdVbml0ICogMS4yNSxcbiAgICAgICAgfSxcbiAgICAgICAge1xuICAgICAgICAgIHVudGlsOiAnZGVza3RvcCcsXG4gICAgICAgICAgY29sdW1uc1ByU2xpZGU6IDQuMjUsXG4gICAgICAgICAgZGlzdGFuY2VCZXR3ZWVuSXRlbXM6IDI2LFxuICAgICAgICAgIGFycm93T2Zmc2V0OiAyNixcbiAgICAgICAgICBtYXJnaW46IHNwYWNpbmdVbml0ICogMS4yNSxcbiAgICAgICAgfSxcbiAgICAgICAge1xuICAgICAgICAgIHVudGlsOiAnd2lkZScsXG4gICAgICAgICAgY29sdW1uc1ByU2xpZGU6IDQsXG4gICAgICAgICAgZGlzdGFuY2VCZXR3ZWVuSXRlbXM6IDI2LFxuICAgICAgICAgIGFycm93T2Zmc2V0OiAyNixcbiAgICAgICAgICBtYXJnaW46IHNwYWNpbmdVbml0ICogMi41LFxuICAgICAgICB9LFxuICAgICAgICB7XG4gICAgICAgICAgdW50aWw6ICd1bHRyYVdpZGUnLFxuICAgICAgICAgIGNvbHVtbnNQclNsaWRlOiA1LFxuICAgICAgICAgIGRpc3RhbmNlQmV0d2Vlbkl0ZW1zOiAyNixcbiAgICAgICAgICBhcnJvd09mZnNldDogMjYsXG4gICAgICAgICAgbWFyZ2luOiBzcGFjaW5nVW5pdCAqIDIuNSxcbiAgICAgICAgfSxcbiAgICAgICAge1xuICAgICAgICAgIGNvbHVtbnNQclNsaWRlOiA3LFxuICAgICAgICAgIGRpc3RhbmNlQmV0d2Vlbkl0ZW1zOiAyNixcbiAgICAgICAgICBhcnJvd09mZnNldDogMjYsXG4gICAgICAgICAgbWFyZ2luOiBzcGFjaW5nVW5pdCAqIDIuNSxcbiAgICAgICAgICBtYXhDb2x1bW5XaWR0aDogMjAwLFxuICAgICAgICB9LFxuICAgICAgXX1cbiAgICAgIGNlbnRlcmVkXG4gICAgICBpdGVtc0xlbmd0aD17c3ViamVjdHM/Lmxlbmd0aCA/PyAwfT5cbiAgICAgIHsoYXV0b1NpemVkUHJvcHMpID0+IChcbiAgICAgICAgPD5cbiAgICAgICAgICA8U3R5bGVkU3ViamVjdFNlY3Rpb25UaXRsZT57dGl0bGV9PC9TdHlsZWRTdWJqZWN0U2VjdGlvblRpdGxlPlxuICAgICAgICAgIDxDYXJvdXNlbFxuICAgICAgICAgICAgey4uLmF1dG9TaXplZFByb3BzfVxuICAgICAgICAgICAgZGlzYWJsZVNjcm9sbD17KGF1dG9TaXplZFByb3BzPy5jb2x1bW5zUHJTbGlkZSA/PyAwKSA+PSBzdWJqZWN0cy5sZW5ndGh9XG4gICAgICAgICAgICBzbGlkZUJhY2t3YXJkc0xhYmVsPXt0KCdjYXJvdXNlbC5iYWNrJyl9XG4gICAgICAgICAgICBzbGlkZUZvcndhcmRzTGFiZWw9e3QoJ2Nhcm91c2VsLmZvcndhcmQnKX1cbiAgICAgICAgICAgIGJ1dHRvbkNsYXNzPVwiYy1jYXJvdXNlbF9fYXJyb3dcIlxuICAgICAgICAgICAgd3JhcHBlckNsYXNzPVwiYy1jYXJvdXNlbF9fd3JhcHBlclwiXG4gICAgICAgICAgICBjb2x1bW5XaWR0aD17YXV0b1NpemVkUHJvcHM/LmNvbHVtbldpZHRoID8/IDB9XG4gICAgICAgICAgICBjb2x1bW5zUHJTbGlkZT17YXV0b1NpemVkUHJvcHM/LmNvbHVtbnNQclNsaWRlID8/IDB9XG4gICAgICAgICAgICBpdGVtcz17c3ViamVjdHMubWFwKChzdWJqZWN0KSA9PiAoXG4gICAgICAgICAgICAgIDxDb250ZW50Q2FyZFxuICAgICAgICAgICAgICAgIHsuLi5zdWJqZWN0fVxuICAgICAgICAgICAgICAgIGNvbHVtbldpZHRoPXthdXRvU2l6ZWRQcm9wcz8uY29sdW1uV2lkdGggPz8gMH1cbiAgICAgICAgICAgICAgICB0eXBlPXtzdWJqZWN0LnR5cGUgPz8gJyd9XG4gICAgICAgICAgICAgICAgaW1hZ2U9e3N1YmplY3QuaW1hZ2UgPz8gJyd9XG4gICAgICAgICAgICAgICAga2V5PXtzdWJqZWN0LmlkfVxuICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgKSl9XG4gICAgICAgICAgLz5cbiAgICAgICAgPC8+XG4gICAgICApfVxuICAgIDwvQ2Fyb3VzZWxBdXRvc2l6ZT5cbiAgPC9TdHlsZWRTZWN0aW9uPlxuKTtcblxuZXhwb3J0IGRlZmF1bHQgd2l0aFRyYW5zbGF0aW9uKCkoU3ViamVjdENhcm91c2VsKTtcbiJdfQ== */"));
+var StyledSubjectSectionTitle = ( /*#__PURE__*/0, _styledBase["default"])(_Subject.SubjectSectionTitle, {
+  target: "e18xxktd1",
+  label: "StyledSubjectSectionTitle"
+})(_core2.mq.range({
+  from: _core2.breakpoints.tablet
+}), "{margin-left:", _core2.spacing.medium, " !important;}", _core2.mq.range({
+  from: _core2.breakpoints.desktop
+}), "{margin-left:", _core2.spacingUnit * 3, "px !important;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlN1YmplY3RDYXJvdXNlbC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBbUQ2RCIsImZpbGUiOiJTdWJqZWN0Q2Fyb3VzZWwudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL2NvcmUnO1xuaW1wb3J0IHsgQ2Fyb3VzZWwsIENhcm91c2VsQXV0b3NpemUgfSBmcm9tICdAbmRsYS9jYXJvdXNlbCc7XG5pbXBvcnQgeyB3aXRoVHJhbnNsYXRpb24sIFdpdGhUcmFuc2xhdGlvbiB9IGZyb20gJ3JlYWN0LWkxOG5leHQnO1xuaW1wb3J0IHsgYnJlYWtwb2ludHMsIG1xLCBzcGFjaW5nLCBzcGFjaW5nVW5pdCB9IGZyb20gJ0BuZGxhL2NvcmUnO1xuaW1wb3J0IHsgU2FmZUxpbmtQcm9wcyB9IGZyb20gJ0BuZGxhL3NhZmVsaW5rJztcbmltcG9ydCB7IENvbnRlbnRDYXJkIH0gZnJvbSAnLi4vaW5kZXgnO1xuaW1wb3J0IHsgU3ViamVjdFNlY3Rpb25UaXRsZSB9IGZyb20gJy4vU3ViamVjdCc7XG5cbmludGVyZmFjZSBQcm9wcyB7XG4gIHN1YmplY3RzPzoge1xuICAgIGlkOiBzdHJpbmc7XG4gICAgdGl0bGU6IHN0cmluZztcbiAgICB0ZXh0OiBzdHJpbmc7XG4gICAgdHlwZT86IHN0cmluZyB8IHVuZGVmaW5lZCB8IG51bGw7XG4gICAgaW1hZ2U/OiBzdHJpbmcgfCB1bmRlZmluZWQgfCBudWxsO1xuICAgIHRvTGlua1Byb3BzOiAoKSA9PiBTYWZlTGlua1Byb3BzO1xuICB9W107XG4gIHRpdGxlPzogc3RyaW5nO1xuICBuYXJyb3dTY3JlZW4/OiBib29sZWFuO1xuICB3aWRlU2NyZWVuPzogYm9vbGVhbjtcbn1cblxuaW50ZXJmYWNlIFN0eWxlZFNlY3Rpb25Qcm9wcyB7XG4gIG5hcnJvd1NjcmVlbjogYm9vbGVhbjtcbiAgd2lkZVNjcmVlbjogYm9vbGVhbjtcbn1cblxuY29uc3QgU3R5bGVkU2VjdGlvbiA9IHN0eWxlZC5zZWN0aW9uPFN0eWxlZFNlY3Rpb25Qcm9wcz5gXG4gIG1hcmdpbi1ib3R0b206ICR7c3BhY2luZy5sYXJnZX07XG4gICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy50YWJsZXQgfSl9IHtcbiAgICBtYXJnaW4tYm90dG9tOiAxMDBweDtcbiAgfVxuICAkeyhwKSA9PlxuICAgIHAubmFycm93U2NyZWVuICYmXG4gICAgY3NzYFxuICAgICAgZGlzcGxheTogbm9uZTtcbiAgICAgICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy50YWJsZXQgfSl9IHtcbiAgICAgICAgZGlzcGxheTogYmxvY2s7XG4gICAgICB9XG4gICAgYH07XG4gICR7KHApID0+XG4gICAgcC5uYXJyb3dTY3JlZW4gJiZcbiAgICBjc3NgXG4gICAgICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMudGFibGV0IH0pfSB7XG4gICAgICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgICAgfVxuICAgIGB9O1xuYDtcblxuY29uc3QgU3R5bGVkU3ViamVjdFNlY3Rpb25UaXRsZSA9IHN0eWxlZChTdWJqZWN0U2VjdGlvblRpdGxlKWBcbiAgJHttcS5yYW5nZSh7IGZyb206IGJyZWFrcG9pbnRzLnRhYmxldCB9KX0ge1xuICAgIG1hcmdpbi1sZWZ0OiAke3NwYWNpbmcubWVkaXVtfSAhaW1wb3J0YW50O1xuICB9XG5cbiAgJHttcS5yYW5nZSh7IGZyb206IGJyZWFrcG9pbnRzLmRlc2t0b3AgfSl9IHtcbiAgICBtYXJnaW4tbGVmdDogJHtzcGFjaW5nVW5pdCAqIDN9cHggIWltcG9ydGFudDtcbiAgfVxuYDtcblxuY29uc3QgU3ViamVjdENhcm91c2VsID0gKHtcbiAgc3ViamVjdHMgPSBbXSxcbiAgdGl0bGUgPSAnJyxcbiAgbmFycm93U2NyZWVuID0gZmFsc2UsXG4gIHdpZGVTY3JlZW4gPSBmYWxzZSxcbiAgdCxcbn06IFByb3BzICYgV2l0aFRyYW5zbGF0aW9uKSA9PiAoXG4gIDxTdHlsZWRTZWN0aW9uIG5hcnJvd1NjcmVlbj17bmFycm93U2NyZWVufSB3aWRlU2NyZWVuPXt3aWRlU2NyZWVufT5cbiAgICA8Q2Fyb3VzZWxBdXRvc2l6ZVxuICAgICAgYnJlYWtwb2ludHM9e1tcbiAgICAgICAge1xuICAgICAgICAgIHVudGlsOiAnbW9iaWxlJyxcbiAgICAgICAgICBjb2x1bW5zUHJTbGlkZTogMSxcbiAgICAgICAgICBkaXN0YW5jZUJldHdlZW5JdGVtczogMjYsXG4gICAgICAgICAgYXJyb3dPZmZzZXQ6IDI2LFxuICAgICAgICB9LFxuICAgICAgICB7XG4gICAgICAgICAgdW50aWw6ICdtb2JpbGVXaWRlJyxcbiAgICAgICAgICBjb2x1bW5zUHJTbGlkZTogMixcbiAgICAgICAgICBkaXN0YW5jZUJldHdlZW5JdGVtczogMjYsXG4gICAgICAgICAgYXJyb3dPZmZzZXQ6IDI2LFxuICAgICAgICB9LFxuICAgICAgICB7XG4gICAgICAgICAgdW50aWw6ICd0YWJsZXQnLFxuICAgICAgICAgIGNvbHVtbnNQclNsaWRlOiAyLjI1LFxuICAgICAgICAgIGRpc3RhbmNlQmV0d2Vlbkl0ZW1zOiAyNixcbiAgICAgICAgICBhcnJvd09mZnNldDogMjYsXG4gICAgICAgICAgbWFyZ2luOiBzcGFjaW5nVW5pdCxcbiAgICAgICAgfSxcbiAgICAgICAge1xuICAgICAgICAgIHVudGlsOiAndGFibGV0V2lkZScsXG4gICAgICAgICAgY29sdW1uc1ByU2xpZGU6IDMuMjUsXG4gICAgICAgICAgZGlzdGFuY2VCZXR3ZWVuSXRlbXM6IDI2LFxuICAgICAgICAgIGFycm93T2Zmc2V0OiAyNixcbiAgICAgICAgICBtYXJnaW46IHNwYWNpbmdVbml0ICogMS4yNSxcbiAgICAgICAgfSxcbiAgICAgICAge1xuICAgICAgICAgIHVudGlsOiAnZGVza3RvcCcsXG4gICAgICAgICAgY29sdW1uc1ByU2xpZGU6IDQuMjUsXG4gICAgICAgICAgZGlzdGFuY2VCZXR3ZWVuSXRlbXM6IDI2LFxuICAgICAgICAgIGFycm93T2Zmc2V0OiAyNixcbiAgICAgICAgICBtYXJnaW46IHNwYWNpbmdVbml0ICogMS4yNSxcbiAgICAgICAgfSxcbiAgICAgICAge1xuICAgICAgICAgIHVudGlsOiAnd2lkZScsXG4gICAgICAgICAgY29sdW1uc1ByU2xpZGU6IDQsXG4gICAgICAgICAgZGlzdGFuY2VCZXR3ZWVuSXRlbXM6IDI2LFxuICAgICAgICAgIGFycm93T2Zmc2V0OiAyNixcbiAgICAgICAgICBtYXJnaW46IHNwYWNpbmdVbml0ICogMi41LFxuICAgICAgICB9LFxuICAgICAgICB7XG4gICAgICAgICAgdW50aWw6ICd1bHRyYVdpZGUnLFxuICAgICAgICAgIGNvbHVtbnNQclNsaWRlOiA1LFxuICAgICAgICAgIGRpc3RhbmNlQmV0d2Vlbkl0ZW1zOiAyNixcbiAgICAgICAgICBhcnJvd09mZnNldDogMjYsXG4gICAgICAgICAgbWFyZ2luOiBzcGFjaW5nVW5pdCAqIDIuNSxcbiAgICAgICAgfSxcbiAgICAgICAge1xuICAgICAgICAgIGNvbHVtbnNQclNsaWRlOiA3LFxuICAgICAgICAgIGRpc3RhbmNlQmV0d2Vlbkl0ZW1zOiAyNixcbiAgICAgICAgICBhcnJvd09mZnNldDogMjYsXG4gICAgICAgICAgbWFyZ2luOiBzcGFjaW5nVW5pdCAqIDIuNSxcbiAgICAgICAgICBtYXhDb2x1bW5XaWR0aDogMjAwLFxuICAgICAgICB9LFxuICAgICAgXX1cbiAgICAgIGNlbnRlcmVkXG4gICAgICBpdGVtc0xlbmd0aD17c3ViamVjdHM/Lmxlbmd0aCA/PyAwfT5cbiAgICAgIHsoYXV0b1NpemVkUHJvcHMpID0+IChcbiAgICAgICAgPD5cbiAgICAgICAgICA8U3R5bGVkU3ViamVjdFNlY3Rpb25UaXRsZT57dGl0bGV9PC9TdHlsZWRTdWJqZWN0U2VjdGlvblRpdGxlPlxuICAgICAgICAgIDxDYXJvdXNlbFxuICAgICAgICAgICAgey4uLmF1dG9TaXplZFByb3BzfVxuICAgICAgICAgICAgZGlzYWJsZVNjcm9sbD17KGF1dG9TaXplZFByb3BzPy5jb2x1bW5zUHJTbGlkZSA/PyAwKSA+PSBzdWJqZWN0cy5sZW5ndGh9XG4gICAgICAgICAgICBzbGlkZUJhY2t3YXJkc0xhYmVsPXt0KCdjYXJvdXNlbC5iYWNrJyl9XG4gICAgICAgICAgICBzbGlkZUZvcndhcmRzTGFiZWw9e3QoJ2Nhcm91c2VsLmZvcndhcmQnKX1cbiAgICAgICAgICAgIGJ1dHRvbkNsYXNzPVwiYy1jYXJvdXNlbF9fYXJyb3dcIlxuICAgICAgICAgICAgd3JhcHBlckNsYXNzPVwiYy1jYXJvdXNlbF9fd3JhcHBlclwiXG4gICAgICAgICAgICBjb2x1bW5XaWR0aD17YXV0b1NpemVkUHJvcHM/LmNvbHVtbldpZHRoID8/IDB9XG4gICAgICAgICAgICBjb2x1bW5zUHJTbGlkZT17YXV0b1NpemVkUHJvcHM/LmNvbHVtbnNQclNsaWRlID8/IDB9XG4gICAgICAgICAgICBpdGVtcz17c3ViamVjdHMubWFwKChzdWJqZWN0KSA9PiAoXG4gICAgICAgICAgICAgIDxDb250ZW50Q2FyZFxuICAgICAgICAgICAgICAgIHsuLi5zdWJqZWN0fVxuICAgICAgICAgICAgICAgIGNvbHVtbldpZHRoPXthdXRvU2l6ZWRQcm9wcz8uY29sdW1uV2lkdGggPz8gMH1cbiAgICAgICAgICAgICAgICB0eXBlPXtzdWJqZWN0LnR5cGUgPz8gJyd9XG4gICAgICAgICAgICAgICAgaW1hZ2U9e3N1YmplY3QuaW1hZ2UgPz8gJyd9XG4gICAgICAgICAgICAgICAga2V5PXtzdWJqZWN0LmlkfVxuICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgKSl9XG4gICAgICAgICAgLz5cbiAgICAgICAgPC8+XG4gICAgICApfVxuICAgIDwvQ2Fyb3VzZWxBdXRvc2l6ZT5cbiAgPC9TdHlsZWRTZWN0aW9uPlxuKTtcblxuZXhwb3J0IGRlZmF1bHQgd2l0aFRyYW5zbGF0aW9uKCkoU3ViamVjdENhcm91c2VsKTtcbiJdfQ== */"));
+
+var SubjectCarousel = function SubjectCarousel(_ref) {
   var _subjects$length;
 
-  var _ref5$subjects = _ref5.subjects,
-      subjects = _ref5$subjects === void 0 ? [] : _ref5$subjects,
-      _ref5$title = _ref5.title,
-      title = _ref5$title === void 0 ? '' : _ref5$title,
-      _ref5$narrowScreen = _ref5.narrowScreen,
-      narrowScreen = _ref5$narrowScreen === void 0 ? false : _ref5$narrowScreen,
-      _ref5$wideScreen = _ref5.wideScreen,
-      wideScreen = _ref5$wideScreen === void 0 ? false : _ref5$wideScreen,
-      t = _ref5.t;
-  return (0, _core2.jsx)("section", subjectCarouselClasses('', getSubclasses({
+  var _ref$subjects = _ref.subjects,
+      subjects = _ref$subjects === void 0 ? [] : _ref$subjects,
+      _ref$title = _ref.title,
+      title = _ref$title === void 0 ? '' : _ref$title,
+      _ref$narrowScreen = _ref.narrowScreen,
+      narrowScreen = _ref$narrowScreen === void 0 ? false : _ref$narrowScreen,
+      _ref$wideScreen = _ref.wideScreen,
+      wideScreen = _ref$wideScreen === void 0 ? false : _ref$wideScreen,
+      t = _ref.t;
+  return (0, _core.jsx)(StyledSection, {
     narrowScreen: narrowScreen,
     wideScreen: wideScreen
-  })), (0, _core2.jsx)(_carousel.CarouselAutosize, {
+  }, (0, _core.jsx)(_carousel.CarouselAutosize, {
     breakpoints: [{
       until: 'mobile',
       columnsPrSlide: 1,
@@ -88,36 +79,36 @@ var SubjectCarousel = function SubjectCarousel(_ref5) {
       columnsPrSlide: 2.25,
       distanceBetweenItems: 26,
       arrowOffset: 26,
-      margin: _core.spacingUnit
+      margin: _core2.spacingUnit
     }, {
       until: 'tabletWide',
       columnsPrSlide: 3.25,
       distanceBetweenItems: 26,
       arrowOffset: 26,
-      margin: _core.spacingUnit * 1.25
+      margin: _core2.spacingUnit * 1.25
     }, {
       until: 'desktop',
       columnsPrSlide: 4.25,
       distanceBetweenItems: 26,
       arrowOffset: 26,
-      margin: _core.spacingUnit * 1.25
+      margin: _core2.spacingUnit * 1.25
     }, {
       until: 'wide',
       columnsPrSlide: 4,
       distanceBetweenItems: 26,
       arrowOffset: 26,
-      margin: _core.spacingUnit * 2.5
+      margin: _core2.spacingUnit * 2.5
     }, {
       until: 'ultraWide',
       columnsPrSlide: 5,
       distanceBetweenItems: 26,
       arrowOffset: 26,
-      margin: _core.spacingUnit * 2.5
+      margin: _core2.spacingUnit * 2.5
     }, {
       columnsPrSlide: 7,
       distanceBetweenItems: 26,
       arrowOffset: 26,
-      margin: _core.spacingUnit * 2.5,
+      margin: _core2.spacingUnit * 2.5,
       maxColumnWidth: 200
     }],
     centered: true,
@@ -125,7 +116,7 @@ var SubjectCarousel = function SubjectCarousel(_ref5) {
   }, function (autoSizedProps) {
     var _autoSizedProps$colum, _autoSizedProps$colum2, _autoSizedProps$colum3;
 
-    return (0, _core2.jsx)(_react["default"].Fragment, null, (0, _core2.jsx)(_Subject.SubjectSectionTitle, subjectCarouselClasses('title'), title), (0, _core2.jsx)(_carousel.Carousel, _extends({}, autoSizedProps, {
+    return (0, _core.jsx)(_react["default"].Fragment, null, (0, _core.jsx)(StyledSubjectSectionTitle, null, title), (0, _core.jsx)(_carousel.Carousel, _extends({}, autoSizedProps, {
       disableScroll: ((_autoSizedProps$colum = autoSizedProps === null || autoSizedProps === void 0 ? void 0 : autoSizedProps.columnsPrSlide) !== null && _autoSizedProps$colum !== void 0 ? _autoSizedProps$colum : 0) >= subjects.length,
       slideBackwardsLabel: t('carousel.back'),
       slideForwardsLabel: t('carousel.forward'),
@@ -136,7 +127,7 @@ var SubjectCarousel = function SubjectCarousel(_ref5) {
       items: subjects.map(function (subject) {
         var _autoSizedProps$colum4, _subject$type, _subject$image;
 
-        return (0, _core2.jsx)(_index.ContentCard, _extends({}, subject, {
+        return (0, _core.jsx)(_index.ContentCard, _extends({}, subject, {
           columnWidth: (_autoSizedProps$colum4 = autoSizedProps === null || autoSizedProps === void 0 ? void 0 : autoSizedProps.columnWidth) !== null && _autoSizedProps$colum4 !== void 0 ? _autoSizedProps$colum4 : 0,
           type: (_subject$type = subject.type) !== null && _subject$type !== void 0 ? _subject$type : '',
           image: (_subject$image = subject.image) !== null && _subject$image !== void 0 ? _subject$image : '',
@@ -147,26 +138,6 @@ var SubjectCarousel = function SubjectCarousel(_ref5) {
   }));
 };
 
-SubjectCarousel.propTypes = {
-  subjects: _propTypes["default"].arrayOf(_propTypes["default"].shape({
-    id: _propTypes["default"].string.isRequired,
-    title: _propTypes["default"].string.isRequired,
-    type: _propTypes["default"].string,
-    text: _propTypes["default"].string.isRequired,
-    image: _propTypes["default"].string,
-    toLinkProps: _propTypes["default"].func.isRequired
-  }).isRequired).isRequired,
-  title: _propTypes["default"].string,
-  narrowScreen: _propTypes["default"].bool,
-  wideScreen: _propTypes["default"].bool
-};
-SubjectCarousel.defaultProps = {
-  subjects: [],
-  title: '',
-  narrowScreen: false,
-  wideScreen: false
-};
-
 var _default = (0, _reactI18next.withTranslation)()(SubjectCarousel);
 
 exports["default"] = _default;

package/lib/Subject/SubjectHeader.d.ts

@@ -1,5 +1,4 @@
 /// <reference types="react" />
-import PropTypes from 'prop-types';
 declare type Types = 'mobile' | 'tablet' | 'desktop' | 'wide';
 interface Props {
     images: {
@@ -8,17 +7,5 @@ interface Props {
     }[];
     heading: string;
 }
-declare const SubjectHeader: {
-    ({ images, heading }: Props): JSX.Element;
-    propTypes: {
-        images: PropTypes.Requireable<(PropTypes.InferProps<{
-            url: PropTypes.Validator<string>;
-            types: PropTypes.Validator<(string | null | undefined)[]>;
-        }> | null | undefined)[]>;
-        heading: PropTypes.Validator<string>;
-    };
-    defaultProps: {
-        images: null;
-    };
-};
+declare const SubjectHeader: ({ images, heading }: Props) => JSX.Element;
 export default SubjectHeader;

package/lib/Subject/SubjectHeader.js

@@ -5,51 +5,76 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = void 0;
 
-var _react = _interopRequireDefault(require("react"));
+var _styledBase = _interopRequireDefault(require("@emotion/styled-base"));
 
-var _propTypes = _interopRequireDefault(require("prop-types"));
+var _react = _interopRequireDefault(require("react"));
 
-var _reactBemHelper = _interopRequireDefault(require("react-bem-helper"));
+var _core = require("@emotion/core");
 
 var _util = require("@ndla/util");
 
-var _OneColumn = _interopRequireDefault(require("../Layout/OneColumn"));
+var _core2 = require("@ndla/core");
 
-var _core = require("@emotion/core");
+var _OneColumn = _interopRequireDefault(require("../Layout/OneColumn"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
-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); }
-
-var classes = (0, _reactBemHelper["default"])('c-subject-header');
+var StyledHeader = (0, _styledBase["default"])("header", {
+  target: "e1miib770",
+  label: "StyledHeader"
+})("width:100%;position:relative;min-height:180px;display:flex;justify-content:flex-start;background:", _core2.colors.brand.primary, ";", _core2.mq.range({
+  from: _util.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: _util.breakpoints.mobile,
+    until: _util.breakpoints.tablet
+  },
+  tablet: {
+    from: _util.breakpoints.tablet,
+    until: _util.breakpoints.desktop
+  },
+  desktop: {
+    from: _util.breakpoints.desktop,
+    until: _util.breakpoints.wide
+  },
+  wide: {
+    from: _util.breakpoints.wide
+  }
+};
+var StyledBackground = (0, _styledBase["default"])("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__*/(0, _core.css)("display:none;", _core2.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 = (0, _styledBase["default"])("h1", {
+  target: "e1miib772",
+  label: "StyledHeading"
+})(_core2.fonts.sizes('24px', '28px'), ";color:", _core2.colors.white, ";text-shadow:0 2px 4px rgba(0,0,0,0.25);margin:", _core2.spacing.medium, " 0 ", _core2.spacing.normal, " 0;font-weight:", _core2.fonts.weight.bold, ";padding:0 ", _core2.spacing.normal, ";", _core2.mq.range({
+  from: _util.breakpoints.tablet
+}), "{margin:0;", _core2.fonts.sizes('40px', '40px'), ";padding:0 0 0 ", _core2.spacingUnit * 3, "px;}", _core2.mq.range({
+  from: _util.breakpoints.desktop
+}), "{margin:0;", _core2.fonts.sizes('52px', '52px'), ";padding:0 0 0 ", _core2.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 (0, _core.jsx)("header", classes(), images && images.map(function (image) {
+  return (0, _core.jsx)(StyledHeader, null, images === null || images === void 0 ? void 0 : images.map(function (image) {
     return image.types.map(function (type) {
-      return (0, _core.jsx)("div", _extends({
-        key: "".concat(image.url).concat(type)
-      }, classes('background', type), {
-        style: {
-          backgroundImage: "url(".concat(image.url, ")")
-        }
-      }));
+      return (0, _core.jsx)(StyledBackground, {
+        key: "".concat(image.url).concat(type),
+        imageUrl: image.url,
+        type: type
+      });
     });
   }), (0, _core.jsx)(_OneColumn["default"], {
     noPadding: true
-  }, (0, _core.jsx)("h1", classes('heading'), heading)));
+  }, (0, _core.jsx)(StyledHeading, null, heading)));
 };
 
-SubjectHeader.propTypes = {
-  images: _propTypes["default"].arrayOf(_propTypes["default"].shape({
-    url: _propTypes["default"].string.isRequired,
-    types: _propTypes["default"].arrayOf(_propTypes["default"].oneOf(Object.keys(_util.breakpoints))).isRequired
-  })),
-  heading: _propTypes["default"].string.isRequired
-};
-SubjectHeader.defaultProps = {
-  images: null
-};
 var _default = SubjectHeader;
 exports["default"] = _default;

package/lib/Subject/SubjectLinks.d.ts

@@ -1,5 +1,4 @@
 /// <reference types="react" />
-import PropTypes from 'prop-types';
 import { SafeLinkProps } from '@ndla/safelink';
 interface Props {
     links: {
@@ -8,14 +7,5 @@ interface Props {
     }[];
     heading: string;
 }
-declare const SubjectLinks: {
-    ({ links, heading }: Props): JSX.Element;
-    propTypes: {
-        links: PropTypes.Requireable<(PropTypes.InferProps<{
-            toLinkProps: PropTypes.Validator<(...args: any[]) => any>;
-            text: PropTypes.Validator<string>;
-        }> | null | undefined)[]>;
-        heading: PropTypes.Validator<string>;
-    };
-};
+declare const SubjectLinks: ({ links, heading }: Props) => JSX.Element;
 export default SubjectLinks;

package/lib/Subject/SubjectLinks.js

@@ -5,42 +5,52 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = void 0;
 
-var _react = _interopRequireDefault(require("react"));
+var _styledBase = _interopRequireDefault(require("@emotion/styled-base"));
 
-var _propTypes = _interopRequireDefault(require("prop-types"));
+var _react = _interopRequireDefault(require("react"));
 
-var _reactBemHelper = _interopRequireDefault(require("react-bem-helper"));
+var _core = require("@ndla/core");
 
 var _safelink = _interopRequireDefault(require("@ndla/safelink"));
 
 var _Subject = require("./Subject");
 
-var _core = require("@emotion/core");
+var _core2 = require("@emotion/core");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
-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); }
-
-var classes = (0, _reactBemHelper["default"])('c-subject-links');
+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)."; }
+
+var SubjectLinksSection = (0, _styledBase["default"])("section", {
+  target: "e1piubyz0",
+  label: "SubjectLinksSection"
+})("margin-bottom:", _core.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__*/0, _styledBase["default"])(_Subject.SubjectSectionTitle, {
+  target: "e1piubyz1",
+  label: "StyledSubjectSectionTitle"
+})("margin:0 0 ", _core.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 = (0, _styledBase["default"])("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 (0, _core.jsx)("section", classes(), (0, _core.jsx)(_Subject.SubjectSectionTitle, {
-    className: classes('heading').className
-  }, heading), (0, _core.jsx)("nav", null, (0, _core.jsx)("ul", classes('list'), links.map(function (link) {
-    return (0, _core.jsx)("li", _extends({
+  return (0, _core2.jsx)(SubjectLinksSection, null, (0, _core2.jsx)(StyledSubjectSectionTitle, null, heading), (0, _core2.jsx)("nav", null, (0, _core2.jsx)(SubjectLinksList, null, links.map(function (link) {
+    return (0, _core2.jsx)("li", {
       key: link.toLinkProps().to.toString()
-    }, classes('item')), (0, _core.jsx)(_safelink["default"], link.toLinkProps(), link.text));
+    }, (0, _core2.jsx)(_safelink["default"], link.toLinkProps(), link.text));
   }))));
 };
 
-SubjectLinks.propTypes = {
-  links: _propTypes["default"].arrayOf(_propTypes["default"].shape({
-    toLinkProps: _propTypes["default"].func.isRequired,
-    text: _propTypes["default"].string.isRequired
-  })),
-  heading: _propTypes["default"].string.isRequired
-};
 var _default = SubjectLinks;
 exports["default"] = _default;

package/lib/Subject/SubjectNewContent.d.ts

@@ -1,5 +1,4 @@
 /// <reference types="react" />
-import PropTypes from 'prop-types';
 interface Props {
     heading: string;
     content: {
@@ -9,16 +8,5 @@ interface Props {
         contentType: string;
     }[];
 }
-declare const SubjectNewContent: {
-    ({ heading, content }: Props): JSX.Element;
-    propTypes: {
-        heading: PropTypes.Validator<string>;
-        content: PropTypes.Validator<(PropTypes.InferProps<{
-            name: PropTypes.Validator<string>;
-            url: PropTypes.Validator<string>;
-            formattedDate: PropTypes.Validator<string>;
-            contentType: PropTypes.Validator<string>;
-        }> | null | undefined)[]>;
-    };
-};
+declare const SubjectNewContent: ({ heading, content }: Props) => JSX.Element;
 export default SubjectNewContent;