@ndla/ui 23.0.0 → 24.0.0

package/es/index-javascript.js

@@ -6,7 +6,6 @@
  *
  */
 export { FilterList, FilterListPhone, FilterButtons } from './Filter';
-export { SearchOverlay, SearchField, SearchPage, SearchResult, SearchResultAuthor, SearchResultList, SearchResultItem, SearchFilter, SearchFilterList, SearchPopoverFilter, ActiveFilters, ToggleSearchButton } from './Search';
 export { default as TopicIntroductionList } from './TopicIntroductionList';
 export { default as TopicMenu, TopicMenuButton } from './TopicMenu';
 export { default as CompetenceGoals, CompetenceGoalList, CompetenceGoalListHeading, CompetenceGoal, CompetenceGoalsDialog } from './CompetenceGoals';

package/es/index.js

@@ -79,4 +79,5 @@ export { ListResource, BlockResource } from './Resource';
 export { TagSelector } from './TagSelector';
 export { SnackbarProvider, useSnack, BaseSnack, DefaultSnackbar } from './SnackBar';
 export { InfoBlock } from './InfoBlock';
-export { TreeStructure } from './TreeStructure';
+export { TreeStructure } from './TreeStructure';
+export { SearchField, SearchResultList, SearchResultItem, ActiveFilters, ToggleSearchButton } from './Search';

package/lib/Article/ArticleAuthorContent.js

@@ -21,8 +21,13 @@ var _core = 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); }
-
+/**
+ * Copyright (c) 2016-present, NDLA.
+ *
+ * This source code is licensed under the GPLv3 license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
 var classes = new _reactBemHelper["default"]({
   name: 'article-author-popup',
   prefix: 'c-'
@@ -63,10 +68,10 @@ var ArticleAuthorContent = function ArticleAuthorContent(_ref) {
       introduction = _authors.introduction,
       urlContributions = _authors.urlContributions,
       urlAuthor = _authors.urlAuthor;
-  return (0, _core.jsx)("div", classes(), (0, _core.jsx)("div", classes('author-info'), image && (0, _core.jsx)(_Portrait["default"], _extends({
+  return (0, _core.jsx)("div", classes(), (0, _core.jsx)("div", classes('author-info'), image && (0, _core.jsx)(_Portrait["default"], {
     src: image,
     alt: name
-  }, classes('portrait'))), (0, _core.jsx)("section", null, (0, _core.jsx)("h1", null, name), (0, _core.jsx)("hr", null), (0, _core.jsx)("ul", null, title && (0, _core.jsx)("li", null, "".concat(title).concat(title ? ' / ' : '').concat(role)), phone && (0, _core.jsx)("li", null, phone), email && (0, _core.jsx)("li", null, (0, _core.jsx)(_safelink["default"], {
+  }), (0, _core.jsx)("section", null, (0, _core.jsx)("h1", null, name), (0, _core.jsx)("hr", null), (0, _core.jsx)("ul", null, title && (0, _core.jsx)("li", null, "".concat(title).concat(title ? ' / ' : '').concat(role)), phone && (0, _core.jsx)("li", null, phone), email && (0, _core.jsx)("li", null, (0, _core.jsx)(_safelink["default"], {
     to: "mailto:".concat(email)
   }, email))), introduction && (0, _core.jsx)("p", null, introduction), (0, _core.jsx)("div", classes('link-container'), urlContributions && (0, _core.jsx)(_safelink["default"], {
     to: urlContributions

package/lib/AuthorInfo/AuthorInfo.d.ts

@@ -6,7 +6,6 @@
  *
  */
 /// <reference types="react" />
-import PropTypes from 'prop-types';
 interface Props {
     authorName: string;
     authorRole: string;
@@ -14,14 +13,5 @@ interface Props {
     email?: string;
     image?: string;
 }
-declare const AuthorInfo: {
-    ({ authorName, authorRole, email, image, phone }: Props): JSX.Element;
-    propTypes: {
-        authorName: PropTypes.Validator<string>;
-        authorRole: PropTypes.Validator<string>;
-        phone: PropTypes.Requireable<string>;
-        email: PropTypes.Requireable<string>;
-        image: PropTypes.Requireable<string>;
-    };
-};
+declare const AuthorInfo: ({ authorName, authorRole, email, image, phone }: Props) => JSX.Element;
 export default AuthorInfo;

package/lib/AuthorInfo/AuthorInfo.js

@@ -5,26 +5,49 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = void 0;
 
-var _react = _interopRequireDefault(require("react"));
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
+var _styledBase = _interopRequireDefault(require("@emotion/styled-base"));
 
-var _reactBemHelper = _interopRequireDefault(require("react-bem-helper"));
+var _react = _interopRequireDefault(require("react"));
 
 var _safelink = _interopRequireDefault(require("@ndla/safelink"));
 
+var _core = require("@ndla/core");
+
 var _Portrait = _interopRequireDefault(require("../Portrait"));
 
-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 = new _reactBemHelper["default"]({
-  name: 'author-info',
-  prefix: 'c-'
-});
+/**
+ * Copyright (c) 2018-present, NDLA.
+ *
+ * This source code is licensed under the GPLv3 license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+var AuthorInfoSection = (0, _styledBase["default"])("section", {
+  target: "e1gqd7zh0",
+  label: "AuthorInfoSection"
+})("display:flex;align-items:flex-start;padding-bottom:", _core.spacing.large, ";font-family:", _core.fonts.sans, ";p,a{margin:0;", _core.mq.range({
+  until: _core.breakpoints.tablet
+}), "{", _core.fonts.sizes('14px', '22px'), ";}}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkF1dGhvckluZm8udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXNCd0MiLCJmaWxlIjoiQXV0aG9ySW5mby50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAxOC1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgU2FmZUxpbmsgZnJvbSAnQG5kbGEvc2FmZWxpbmsnO1xuaW1wb3J0IHsgYnJlYWtwb2ludHMsIGZvbnRzLCBtcSwgc3BhY2luZyB9IGZyb20gJ0BuZGxhL2NvcmUnO1xuaW1wb3J0IFBvcnRyYWl0IGZyb20gJy4uL1BvcnRyYWl0JztcblxuaW50ZXJmYWNlIFByb3BzIHtcbiAgYXV0aG9yTmFtZTogc3RyaW5nO1xuICBhdXRob3JSb2xlOiBzdHJpbmc7XG4gIHBob25lPzogc3RyaW5nO1xuICBlbWFpbD86IHN0cmluZztcbiAgaW1hZ2U/OiBzdHJpbmc7XG59XG5cbmNvbnN0IEF1dGhvckluZm9TZWN0aW9uID0gc3R5bGVkLnNlY3Rpb25gXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBmbGV4LXN0YXJ0O1xuICBwYWRkaW5nLWJvdHRvbTogJHtzcGFjaW5nLmxhcmdlfTtcbiAgZm9udC1mYW1pbHk6ICR7Zm9udHMuc2Fuc307XG4gIHAsXG4gIGEge1xuICAgIG1hcmdpbjogMDtcbiAgICAke21xLnJhbmdlKHsgdW50aWw6IGJyZWFrcG9pbnRzLnRhYmxldCB9KX0ge1xuICAgICAgJHtmb250cy5zaXplcygnMTRweCcsICcyMnB4Jyl9O1xuICAgIH1cbiAgfVxuYDtcblxuY29uc3QgU3R5bGVkUG9ydHJhaXQgPSBzdHlsZWQoUG9ydHJhaXQpYFxuICBtYXJnaW4tcmlnaHQ6ICR7c3BhY2luZy5sYXJnZX07XG4gICR7bXEucmFuZ2UoeyB1bnRpbDogYnJlYWtwb2ludHMuZGVza3RvcCB9KX0ge1xuICAgIG1hcmdpbi1yaWdodDogJHtzcGFjaW5nLm1lZGl1bX07XG4gICAgd2lkdGg6IDdyZW07XG4gICAgaGVpZ2h0OiA3cmVtO1xuICAgIHNwYW4ge1xuICAgICAgd2lkdGg6IDdyZW07XG4gICAgICBoZWlnaHQ6IDdyZW07XG4gICAgfVxuICB9XG4gICR7bXEucmFuZ2UoeyB1bnRpbDogYnJlYWtwb2ludHMuZGVza3RvcCB9KX0ge1xuICAgIG1hcmdpbi1yaWdodDogJHtzcGFjaW5nLnNtYWxsfTtcbiAgICB3aWR0aDogNHJlbTtcbiAgICBoZWlnaHQ6IDRyZW07XG4gICAgc3BhbiB7XG4gICAgICB3aWR0aDogNHJlbTtcbiAgICAgIGhlaWdodDogNHJlbTtcbiAgICB9XG4gIH0gO1xuYDtcblxuY29uc3QgU3R5bGVkSGVhZGluZyA9IHN0eWxlZC5oMWBcbiAgbWFyZ2luOiAwIDAgJHtzcGFjaW5nLnNtYWxsfTtcbiAgJHttcS5yYW5nZSh7IHVudGlsOiBicmVha3BvaW50cy5kZXNrdG9wIH0pfSB7XG4gICAgJHtmb250cy5zaXplcygnMjJweCcsICcyMnB4Jyl9O1xuICB9XG4gICR7bXEucmFuZ2UoeyB1bnRpbDogYnJlYWtwb2ludHMudGFibGV0IH0pfSB7XG4gICAgJHtmb250cy5zaXplcygnMThweCcsICcxOHB4Jyl9O1xuICAgIG1hcmdpbi1ib3R0b206ICR7c3BhY2luZy54c21hbGx9O1xuICB9XG5gO1xuXG5jb25zdCBBdXRob3JJbmZvID0gKHsgYXV0aG9yTmFtZSwgYXV0aG9yUm9sZSwgZW1haWwsIGltYWdlLCBwaG9uZSB9OiBQcm9wcykgPT4gKFxuICA8QXV0aG9ySW5mb1NlY3Rpb24+XG4gICAge2ltYWdlICYmIDxTdHlsZWRQb3J0cmFpdCBzcmM9e2ltYWdlfSBhbHQ9e2F1dGhvck5hbWV9IG1vZGlmaWVyPVwibGFyZ2VcIiAvPn1cbiAgICA8ZGl2PlxuICAgICAgPFN0eWxlZEhlYWRpbmc+e2F1dGhvck5hbWV9PC9TdHlsZWRIZWFkaW5nPlxuICAgICAgPHA+e2F1dGhvclJvbGV9PC9wPlxuICAgICAge3Bob25lICYmIDxwPntwaG9uZX08L3A+fVxuICAgICAge2VtYWlsICYmIDxTYWZlTGluayB0bz17YG1haWx0bzoke2VtYWlsfWB9PntlbWFpbH08L1NhZmVMaW5rPn1cbiAgICA8L2Rpdj5cbiAgPC9BdXRob3JJbmZvU2VjdGlvbj5cbik7XG5cbmV4cG9ydCBkZWZhdWx0IEF1dGhvckluZm87XG4iXX0= */"));
+var StyledPortrait = ( /*#__PURE__*/0, _styledBase["default"])(_Portrait["default"], {
+  target: "e1gqd7zh1",
+  label: "StyledPortrait"
+})("margin-right:", _core.spacing.large, ";", _core.mq.range({
+  until: _core.breakpoints.desktop
+}), "{margin-right:", _core.spacing.medium, ";width:7rem;height:7rem;span{width:7rem;height:7rem;}}", _core.mq.range({
+  until: _core.breakpoints.desktop
+}), "{margin-right:", _core.spacing.small, ";width:4rem;height:4rem;span{width:4rem;height:4rem;}};" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkF1dGhvckluZm8udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW9DdUMiLCJmaWxlIjoiQXV0aG9ySW5mby50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAxOC1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgU2FmZUxpbmsgZnJvbSAnQG5kbGEvc2FmZWxpbmsnO1xuaW1wb3J0IHsgYnJlYWtwb2ludHMsIGZvbnRzLCBtcSwgc3BhY2luZyB9IGZyb20gJ0BuZGxhL2NvcmUnO1xuaW1wb3J0IFBvcnRyYWl0IGZyb20gJy4uL1BvcnRyYWl0JztcblxuaW50ZXJmYWNlIFByb3BzIHtcbiAgYXV0aG9yTmFtZTogc3RyaW5nO1xuICBhdXRob3JSb2xlOiBzdHJpbmc7XG4gIHBob25lPzogc3RyaW5nO1xuICBlbWFpbD86IHN0cmluZztcbiAgaW1hZ2U/OiBzdHJpbmc7XG59XG5cbmNvbnN0IEF1dGhvckluZm9TZWN0aW9uID0gc3R5bGVkLnNlY3Rpb25gXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBmbGV4LXN0YXJ0O1xuICBwYWRkaW5nLWJvdHRvbTogJHtzcGFjaW5nLmxhcmdlfTtcbiAgZm9udC1mYW1pbHk6ICR7Zm9udHMuc2Fuc307XG4gIHAsXG4gIGEge1xuICAgIG1hcmdpbjogMDtcbiAgICAke21xLnJhbmdlKHsgdW50aWw6IGJyZWFrcG9pbnRzLnRhYmxldCB9KX0ge1xuICAgICAgJHtmb250cy5zaXplcygnMTRweCcsICcyMnB4Jyl9O1xuICAgIH1cbiAgfVxuYDtcblxuY29uc3QgU3R5bGVkUG9ydHJhaXQgPSBzdHlsZWQoUG9ydHJhaXQpYFxuICBtYXJnaW4tcmlnaHQ6ICR7c3BhY2luZy5sYXJnZX07XG4gICR7bXEucmFuZ2UoeyB1bnRpbDogYnJlYWtwb2ludHMuZGVza3RvcCB9KX0ge1xuICAgIG1hcmdpbi1yaWdodDogJHtzcGFjaW5nLm1lZGl1bX07XG4gICAgd2lkdGg6IDdyZW07XG4gICAgaGVpZ2h0OiA3cmVtO1xuICAgIHNwYW4ge1xuICAgICAgd2lkdGg6IDdyZW07XG4gICAgICBoZWlnaHQ6IDdyZW07XG4gICAgfVxuICB9XG4gICR7bXEucmFuZ2UoeyB1bnRpbDogYnJlYWtwb2ludHMuZGVza3RvcCB9KX0ge1xuICAgIG1hcmdpbi1yaWdodDogJHtzcGFjaW5nLnNtYWxsfTtcbiAgICB3aWR0aDogNHJlbTtcbiAgICBoZWlnaHQ6IDRyZW07XG4gICAgc3BhbiB7XG4gICAgICB3aWR0aDogNHJlbTtcbiAgICAgIGhlaWdodDogNHJlbTtcbiAgICB9XG4gIH0gO1xuYDtcblxuY29uc3QgU3R5bGVkSGVhZGluZyA9IHN0eWxlZC5oMWBcbiAgbWFyZ2luOiAwIDAgJHtzcGFjaW5nLnNtYWxsfTtcbiAgJHttcS5yYW5nZSh7IHVudGlsOiBicmVha3BvaW50cy5kZXNrdG9wIH0pfSB7XG4gICAgJHtmb250cy5zaXplcygnMjJweCcsICcyMnB4Jyl9O1xuICB9XG4gICR7bXEucmFuZ2UoeyB1bnRpbDogYnJlYWtwb2ludHMudGFibGV0IH0pfSB7XG4gICAgJHtmb250cy5zaXplcygnMThweCcsICcxOHB4Jyl9O1xuICAgIG1hcmdpbi1ib3R0b206ICR7c3BhY2luZy54c21hbGx9O1xuICB9XG5gO1xuXG5jb25zdCBBdXRob3JJbmZvID0gKHsgYXV0aG9yTmFtZSwgYXV0aG9yUm9sZSwgZW1haWwsIGltYWdlLCBwaG9uZSB9OiBQcm9wcykgPT4gKFxuICA8QXV0aG9ySW5mb1NlY3Rpb24+XG4gICAge2ltYWdlICYmIDxTdHlsZWRQb3J0cmFpdCBzcmM9e2ltYWdlfSBhbHQ9e2F1dGhvck5hbWV9IG1vZGlmaWVyPVwibGFyZ2VcIiAvPn1cbiAgICA8ZGl2PlxuICAgICAgPFN0eWxlZEhlYWRpbmc+e2F1dGhvck5hbWV9PC9TdHlsZWRIZWFkaW5nPlxuICAgICAgPHA+e2F1dGhvclJvbGV9PC9wPlxuICAgICAge3Bob25lICYmIDxwPntwaG9uZX08L3A+fVxuICAgICAge2VtYWlsICYmIDxTYWZlTGluayB0bz17YG1haWx0bzoke2VtYWlsfWB9PntlbWFpbH08L1NhZmVMaW5rPn1cbiAgICA8L2Rpdj5cbiAgPC9BdXRob3JJbmZvU2VjdGlvbj5cbik7XG5cbmV4cG9ydCBkZWZhdWx0IEF1dGhvckluZm87XG4iXX0= */"));
+var StyledHeading = (0, _styledBase["default"])("h1", {
+  target: "e1gqd7zh2",
+  label: "StyledHeading"
+})("margin:0 0 ", _core.spacing.small, ";", _core.mq.range({
+  until: _core.breakpoints.desktop
+}), "{", _core.fonts.sizes('22px', '22px'), ";}", _core.mq.range({
+  until: _core.breakpoints.tablet
+}), "{", _core.fonts.sizes('18px', '18px'), ";margin-bottom:", _core.spacing.xsmall, ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkF1dGhvckluZm8udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTBEK0IiLCJmaWxlIjoiQXV0aG9ySW5mby50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAxOC1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgU2FmZUxpbmsgZnJvbSAnQG5kbGEvc2FmZWxpbmsnO1xuaW1wb3J0IHsgYnJlYWtwb2ludHMsIGZvbnRzLCBtcSwgc3BhY2luZyB9IGZyb20gJ0BuZGxhL2NvcmUnO1xuaW1wb3J0IFBvcnRyYWl0IGZyb20gJy4uL1BvcnRyYWl0JztcblxuaW50ZXJmYWNlIFByb3BzIHtcbiAgYXV0aG9yTmFtZTogc3RyaW5nO1xuICBhdXRob3JSb2xlOiBzdHJpbmc7XG4gIHBob25lPzogc3RyaW5nO1xuICBlbWFpbD86IHN0cmluZztcbiAgaW1hZ2U/OiBzdHJpbmc7XG59XG5cbmNvbnN0IEF1dGhvckluZm9TZWN0aW9uID0gc3R5bGVkLnNlY3Rpb25gXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBmbGV4LXN0YXJ0O1xuICBwYWRkaW5nLWJvdHRvbTogJHtzcGFjaW5nLmxhcmdlfTtcbiAgZm9udC1mYW1pbHk6ICR7Zm9udHMuc2Fuc307XG4gIHAsXG4gIGEge1xuICAgIG1hcmdpbjogMDtcbiAgICAke21xLnJhbmdlKHsgdW50aWw6IGJyZWFrcG9pbnRzLnRhYmxldCB9KX0ge1xuICAgICAgJHtmb250cy5zaXplcygnMTRweCcsICcyMnB4Jyl9O1xuICAgIH1cbiAgfVxuYDtcblxuY29uc3QgU3R5bGVkUG9ydHJhaXQgPSBzdHlsZWQoUG9ydHJhaXQpYFxuICBtYXJnaW4tcmlnaHQ6ICR7c3BhY2luZy5sYXJnZX07XG4gICR7bXEucmFuZ2UoeyB1bnRpbDogYnJlYWtwb2ludHMuZGVza3RvcCB9KX0ge1xuICAgIG1hcmdpbi1yaWdodDogJHtzcGFjaW5nLm1lZGl1bX07XG4gICAgd2lkdGg6IDdyZW07XG4gICAgaGVpZ2h0OiA3cmVtO1xuICAgIHNwYW4ge1xuICAgICAgd2lkdGg6IDdyZW07XG4gICAgICBoZWlnaHQ6IDdyZW07XG4gICAgfVxuICB9XG4gICR7bXEucmFuZ2UoeyB1bnRpbDogYnJlYWtwb2ludHMuZGVza3RvcCB9KX0ge1xuICAgIG1hcmdpbi1yaWdodDogJHtzcGFjaW5nLnNtYWxsfTtcbiAgICB3aWR0aDogNHJlbTtcbiAgICBoZWlnaHQ6IDRyZW07XG4gICAgc3BhbiB7XG4gICAgICB3aWR0aDogNHJlbTtcbiAgICAgIGhlaWdodDogNHJlbTtcbiAgICB9XG4gIH0gO1xuYDtcblxuY29uc3QgU3R5bGVkSGVhZGluZyA9IHN0eWxlZC5oMWBcbiAgbWFyZ2luOiAwIDAgJHtzcGFjaW5nLnNtYWxsfTtcbiAgJHttcS5yYW5nZSh7IHVudGlsOiBicmVha3BvaW50cy5kZXNrdG9wIH0pfSB7XG4gICAgJHtmb250cy5zaXplcygnMjJweCcsICcyMnB4Jyl9O1xuICB9XG4gICR7bXEucmFuZ2UoeyB1bnRpbDogYnJlYWtwb2ludHMudGFibGV0IH0pfSB7XG4gICAgJHtmb250cy5zaXplcygnMThweCcsICcxOHB4Jyl9O1xuICAgIG1hcmdpbi1ib3R0b206ICR7c3BhY2luZy54c21hbGx9O1xuICB9XG5gO1xuXG5jb25zdCBBdXRob3JJbmZvID0gKHsgYXV0aG9yTmFtZSwgYXV0aG9yUm9sZSwgZW1haWwsIGltYWdlLCBwaG9uZSB9OiBQcm9wcykgPT4gKFxuICA8QXV0aG9ySW5mb1NlY3Rpb24+XG4gICAge2ltYWdlICYmIDxTdHlsZWRQb3J0cmFpdCBzcmM9e2ltYWdlfSBhbHQ9e2F1dGhvck5hbWV9IG1vZGlmaWVyPVwibGFyZ2VcIiAvPn1cbiAgICA8ZGl2PlxuICAgICAgPFN0eWxlZEhlYWRpbmc+e2F1dGhvck5hbWV9PC9TdHlsZWRIZWFkaW5nPlxuICAgICAgPHA+e2F1dGhvclJvbGV9PC9wPlxuICAgICAge3Bob25lICYmIDxwPntwaG9uZX08L3A+fVxuICAgICAge2VtYWlsICYmIDxTYWZlTGluayB0bz17YG1haWx0bzoke2VtYWlsfWB9PntlbWFpbH08L1NhZmVMaW5rPn1cbiAgICA8L2Rpdj5cbiAgPC9BdXRob3JJbmZvU2VjdGlvbj5cbik7XG5cbmV4cG9ydCBkZWZhdWx0IEF1dGhvckluZm87XG4iXX0= */"));
 
 var AuthorInfo = function AuthorInfo(_ref) {
   var authorName = _ref.authorName,
@@ -32,21 +55,14 @@ var AuthorInfo = function AuthorInfo(_ref) {
       email = _ref.email,
       image = _ref.image,
       phone = _ref.phone;
-  return (0, _core.jsx)("section", classes(''), image && (0, _core.jsx)(_Portrait["default"], _extends({
+  return (0, _core2.jsx)(AuthorInfoSection, null, image && (0, _core2.jsx)(StyledPortrait, {
     src: image,
     alt: authorName,
     modifier: "large"
-  }, classes('portrait-image'))), (0, _core.jsx)("div", null, (0, _core.jsx)("h1", classes('heading'), authorName), (0, _core.jsx)("p", null, authorRole), phone && (0, _core.jsx)("p", null, phone), email && (0, _core.jsx)(_safelink["default"], {
+  }), (0, _core2.jsx)("div", null, (0, _core2.jsx)(StyledHeading, null, authorName), (0, _core2.jsx)("p", null, authorRole), phone && (0, _core2.jsx)("p", null, phone), email && (0, _core2.jsx)(_safelink["default"], {
     to: "mailto:".concat(email)
   }, email)));
 };
 
-AuthorInfo.propTypes = {
-  authorName: _propTypes["default"].string.isRequired,
-  authorRole: _propTypes["default"].string.isRequired,
-  phone: _propTypes["default"].string,
-  email: _propTypes["default"].string,
-  image: _propTypes["default"].string
-};
 var _default = AuthorInfo;
 exports["default"] = _default;

package/lib/ContentCard/ContentCard.d.ts

@@ -1,5 +1,4 @@
 /// <reference types="react" />
-import PropTypes from 'prop-types';
 import type { SafeLinkProps } from '@ndla/safelink';
 interface Props {
     title: string;
@@ -10,18 +9,5 @@ interface Props {
     toLinkProps: () => SafeLinkProps;
     columnWidth: number;
 }
-declare const ContentCard: {
-    ({ title, text, image, type, isFilm, toLinkProps, columnWidth }: Props): JSX.Element;
-    propTypes: {
-        title: PropTypes.Validator<string>;
-        text: PropTypes.Validator<string>;
-        type: PropTypes.Validator<string>;
-        image: PropTypes.Validator<string>;
-        isFilm: PropTypes.Requireable<boolean>;
-        toLinkProps: PropTypes.Validator<(...args: any[]) => any>;
-    };
-    defaultProps: {
-        isFilm: boolean;
-    };
-};
+declare const ContentCard: ({ title, text, image, type, isFilm, toLinkProps, columnWidth }: Props) => JSX.Element;
 export default ContentCard;

package/lib/ContentCard/ContentCard.js

@@ -5,23 +5,70 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = void 0;
 
-var _react = _interopRequireDefault(require("react"));
-
-var _reactBemHelper = _interopRequireDefault(require("react-bem-helper"));
+var _styledBase = _interopRequireDefault(require("@emotion/styled-base"));
 
-var _propTypes = _interopRequireDefault(require("prop-types"));
+var _react = _interopRequireDefault(require("react"));
 
 var _common = require("@ndla/icons/common");
 
 var _safelink = _interopRequireDefault(require("@ndla/safelink"));
 
-var _core = require("@emotion/core");
+var _core = require("@ndla/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-content-card');
+var ContentCardContainer = (0, _styledBase["default"])("article", {
+  target: "eou81id0",
+  label: "ContentCardContainer"
+})("position:relative;display:block;width:", function (p) {
+  return "".concat(p.columnWidth, "px");
+}, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNvbnRlbnRDYXJkLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFVc0UiLCJmaWxlIjoiQ29udGVudENhcmQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IFBsYXkgfSBmcm9tICdAbmRsYS9pY29ucy9jb21tb24nO1xuaW1wb3J0IFNhZmVMaW5rIGZyb20gJ0BuZGxhL3NhZmVsaW5rJztcbmltcG9ydCB0eXBlIHsgU2FmZUxpbmtQcm9wcyB9IGZyb20gJ0BuZGxhL3NhZmVsaW5rJztcbmltcG9ydCB7IGJyZWFrcG9pbnRzLCBjb2xvcnMsIGZvbnRzLCBtcSwgc3BhY2luZywgc3BhY2luZ1VuaXQgfSBmcm9tICdAbmRsYS9jb3JlJztcblxuaW50ZXJmYWNlIENvbnRlbnRDYXJkQ29udGFpbmVyUHJvcHMge1xuICBjb2x1bW5XaWR0aDogbnVtYmVyO1xufVxuY29uc3QgQ29udGVudENhcmRDb250YWluZXIgPSBzdHlsZWQuYXJ0aWNsZTxDb250ZW50Q2FyZENvbnRhaW5lclByb3BzPmBcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBkaXNwbGF5OiBibG9jaztcbiAgd2lkdGg6ICR7KHApID0+IGAke3AuY29sdW1uV2lkdGh9cHhgfTtcbmA7XG5cbmNvbnN0IFN0eWxlZEhlYWRpbmcgPSBzdHlsZWQuaDFgXG4gIGZvbnQtd2VpZ2h0OiAke2ZvbnRzLndlaWdodC5zZW1pYm9sZH07XG4gICR7Zm9udHMuc2l6ZXMoJzE0cHgnLCAnMTZweCcpfTtcbiAgbWFyZ2luOiAke3NwYWNpbmcueHNtYWxsfSAwO1xuICBjb2xvcjogJHtjb2xvcnMuYnJhbmQucHJpbWFyeX07XG5cbiAgJHttcS5yYW5nZSh7IGZyb206IGJyZWFrcG9pbnRzLnRhYmxldCB9KX0ge1xuICAgIG1hcmdpbjogJHtzcGFjaW5nLnNtYWxsfSAwICR7c3BhY2luZy54c21hbGx9O1xuICAgICR7Zm9udHMuc2l6ZXMoJzIwcHgnLCAnMjJweCcpfTtcbiAgfVxuYDtcblxuY29uc3QgQ29udGVudENhcmRMaW5rID0gc3R5bGVkKFNhZmVMaW5rKWBcbiAgY29sb3I6ICR7Y29sb3JzLnRleHQucHJpbWFyeX07XG4gICY6aG92ZXIsXG4gICY6Zm9jdXMge1xuICAgICR7U3R5bGVkSGVhZGluZ30ge1xuICAgICAgdGV4dC1kZWNvcmF0aW9uOiB1bmRlcmxpbmU7XG4gICAgfVxuICB9XG5gO1xuXG5jb25zdCBJbWFnZVdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICB3aWR0aDogMTAwJTtcbiAgaGVpZ2h0OiA3MnB4O1xuICBib3JkZXItcmFkaXVzOiA1cHg7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgYmFja2dyb3VuZDogJHtjb2xvcnMuYmFja2dyb3VuZC5ncmF5RGFya307XG4gICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy50YWJsZXQgfSl9IHtcbiAgICBoZWlnaHQ6ICR7c3BhY2luZ1VuaXQgKiA0LjV9cHg7XG4gIH1cbmA7XG5cbmludGVyZmFjZSBCYWNrZ3JvdW5kSW1hZ2VQcm9wcyB7XG4gIGltYWdlOiBzdHJpbmc7XG59XG5jb25zdCBCYWNrZ3JvdW5kSW1hZ2UgPSBzdHlsZWQuZGl2PEJhY2tncm91bmRJbWFnZVByb3BzPmBcbiAgZGlzcGxheTogZmxleDtcbiAgaGVpZ2h0OiAxMDAlO1xuICB3aWR0aDogMTAwJTtcbiAgYmFja2dyb3VuZC1wb3NpdGlvbjogY2VudGVyIGNlbnRlcjtcbiAgYmFja2dyb3VuZC1zaXplOiBjb3ZlcjtcbiAgYmFja2dyb3VuZC1pbWFnZTogdXJsKCR7KHApID0+IHAuaW1hZ2V9KTtcbmA7XG5cbmNvbnN0IFBsYXlCYWNrZ3JvdW5kID0gc3R5bGVkLmRpdmBcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICBsZWZ0OiA1MCU7XG4gIHRvcDogNTAlO1xuICB0cmFuc2Zvcm06IHRyYW5zbGF0ZTNkKC01MCUsIC01MCUsIDApO1xuICBoZWlnaHQ6IDM1cHg7XG4gIHdpZHRoOiAzNXB4O1xuICBiYWNrZ3JvdW5kLWNvbG9yOiByZ2JhKDAsIDAsIDAsIDAuNDgpO1xuICBib3JkZXItcmFkaXVzOiAxMDAlO1xuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgJHttcS5yYW5nZSh7IGZyb206IGJyZWFrcG9pbnRzLnRhYmxldCB9KX0ge1xuICAgIGhlaWdodDogNDJweDtcbiAgICB3aWR0aDogNDJweDtcbiAgfVxuXG4gIC5jLWljb24ge1xuICAgIGNvbG9yOiAke2NvbG9ycy53aGl0ZX07XG4gICAgaGVpZ2h0OiAyMHB4O1xuICAgIHdpZHRoOiAyMHB4O1xuICAgIG1hcmdpbi1yaWdodDogLTFweDtcblxuICAgICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy50YWJsZXQgfSl9IHtcbiAgICAgIGhlaWdodDogMjVweDtcbiAgICAgIHdpZHRoOiAyNXB4O1xuICAgIH1cbiAgfVxuYDtcblxuY29uc3QgU3R5bGVkQ29udGVudFR5cGUgPSBzdHlsZWQucGBcbiAgJHtmb250cy5zaXplcygnMTJweCcsICcyMHB4Jyl9O1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIGxlZnQ6ICR7c3BhY2luZy5zbWFsbH07XG4gIGJvdHRvbTogJHtzcGFjaW5nLnNtYWxsfTtcbiAgZGlzcGxheTogaW5saW5lLWJsb2NrO1xuICBiYWNrZ3JvdW5kOiAke2NvbG9ycy5icmFuZC5ncmV5TGlnaHRlc3R9O1xuICBib3JkZXItcmFkaXVzOiAycHg7XG4gIGZvbnQtd2VpZ2h0OiA2MDA7XG4gIG1hcmdpbjogMDtcbiAgcGFkZGluZzogMCAke3NwYWNpbmcueHhzbWFsbH07XG5cbiAgZGlzcGxheTogbm9uZTtcbiAgJHttcS5yYW5nZSh7IGZyb206IGJyZWFrcG9pbnRzLnRhYmxldCB9KX0ge1xuICAgIGRpc3BsYXk6IGlubGluZS1ibG9jaztcbiAgfVxuYDtcblxuY29uc3QgU3R5bGVkRGVzY3JpcHRpb24gPSBzdHlsZWQucGBcbiAgJHtmb250cy5zaXplcygnMTZweCcpfTtcbiAgbGluZS1oZWlnaHQ6IDEuMjVyZW07XG4gIG1hcmdpbjogMDtcbiAgZGlzcGxheTogbm9uZTtcblxuICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMudGFibGV0IH0pfSB7XG4gICAgZGlzcGxheTogYmxvY2s7XG4gIH1cbmA7XG5cbmludGVyZmFjZSBQcm9wcyB7XG4gIHRpdGxlOiBzdHJpbmc7XG4gIHRleHQ6IHN0cmluZztcbiAgdHlwZTogc3RyaW5nO1xuICBpbWFnZTogc3RyaW5nO1xuICBpc0ZpbG0/OiBib29sZWFuO1xuICB0b0xpbmtQcm9wczogKCkgPT4gU2FmZUxpbmtQcm9wcztcbiAgY29sdW1uV2lkdGg6IG51bWJlcjtcbn1cblxuY29uc3QgQ29udGVudENhcmQgPSAoeyB0aXRsZSwgdGV4dCwgaW1hZ2UsIHR5cGUsIGlzRmlsbSA9IGZhbHNlLCB0b0xpbmtQcm9wcywgY29sdW1uV2lkdGggfTogUHJvcHMpID0+IChcbiAgPENvbnRlbnRDYXJkQ29udGFpbmVyIGNvbHVtbldpZHRoPXtjb2x1bW5XaWR0aH0+XG4gICAgPENvbnRlbnRDYXJkTGluayB7Li4udG9MaW5rUHJvcHMoKX0gdGl0bGU9e3RpdGxlfT5cbiAgICAgIDxoZWFkZXI+XG4gICAgICAgIDxJbWFnZVdyYXBwZXI+XG4gICAgICAgICAgPEJhY2tncm91bmRJbWFnZSBpbWFnZT17aW1hZ2V9IHJvbGU9XCJpbWdcIiBhcmlhLWxhYmVsPXt0aXRsZX0gLz5cbiAgICAgICAgICB7aXNGaWxtICYmIChcbiAgICAgICAgICAgIDxQbGF5QmFja2dyb3VuZD5cbiAgICAgICAgICAgICAgPFBsYXkgLz5cbiAgICAgICAgICAgIDwvUGxheUJhY2tncm91bmQ+XG4gICAgICAgICAgKX1cbiAgICAgICAgICA8U3R5bGVkQ29udGVudFR5cGU+e3R5cGV9PC9TdHlsZWRDb250ZW50VHlwZT5cbiAgICAgICAgPC9JbWFnZVdyYXBwZXI+XG4gICAgICAgIDxTdHlsZWRIZWFkaW5nPnt0aXRsZX08L1N0eWxlZEhlYWRpbmc+XG4gICAgICA8L2hlYWRlcj5cbiAgICAgIDxTdHlsZWREZXNjcmlwdGlvbj57dGV4dH08L1N0eWxlZERlc2NyaXB0aW9uPlxuICAgIDwvQ29udGVudENhcmRMaW5rPlxuICA8L0NvbnRlbnRDYXJkQ29udGFpbmVyPlxuKTtcblxuZXhwb3J0IGRlZmF1bHQgQ29udGVudENhcmQ7XG4iXX0= */"));
+var StyledHeading = (0, _styledBase["default"])("h1", {
+  target: "eou81id1",
+  label: "StyledHeading"
+})("font-weight:", _core.fonts.weight.semibold, ";", _core.fonts.sizes('14px', '16px'), ";margin:", _core.spacing.xsmall, " 0;color:", _core.colors.brand.primary, ";", _core.mq.range({
+  from: _core.breakpoints.tablet
+}), "{margin:", _core.spacing.small, " 0 ", _core.spacing.xsmall, ";", _core.fonts.sizes('20px', '22px'), ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNvbnRlbnRDYXJkLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFnQitCIiwiZmlsZSI6IkNvbnRlbnRDYXJkLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBQbGF5IH0gZnJvbSAnQG5kbGEvaWNvbnMvY29tbW9uJztcbmltcG9ydCBTYWZlTGluayBmcm9tICdAbmRsYS9zYWZlbGluayc7XG5pbXBvcnQgdHlwZSB7IFNhZmVMaW5rUHJvcHMgfSBmcm9tICdAbmRsYS9zYWZlbGluayc7XG5pbXBvcnQgeyBicmVha3BvaW50cywgY29sb3JzLCBmb250cywgbXEsIHNwYWNpbmcsIHNwYWNpbmdVbml0IH0gZnJvbSAnQG5kbGEvY29yZSc7XG5cbmludGVyZmFjZSBDb250ZW50Q2FyZENvbnRhaW5lclByb3BzIHtcbiAgY29sdW1uV2lkdGg6IG51bWJlcjtcbn1cbmNvbnN0IENvbnRlbnRDYXJkQ29udGFpbmVyID0gc3R5bGVkLmFydGljbGU8Q29udGVudENhcmRDb250YWluZXJQcm9wcz5gXG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgZGlzcGxheTogYmxvY2s7XG4gIHdpZHRoOiAkeyhwKSA9PiBgJHtwLmNvbHVtbldpZHRofXB4YH07XG5gO1xuXG5jb25zdCBTdHlsZWRIZWFkaW5nID0gc3R5bGVkLmgxYFxuICBmb250LXdlaWdodDogJHtmb250cy53ZWlnaHQuc2VtaWJvbGR9O1xuICAke2ZvbnRzLnNpemVzKCcxNHB4JywgJzE2cHgnKX07XG4gIG1hcmdpbjogJHtzcGFjaW5nLnhzbWFsbH0gMDtcbiAgY29sb3I6ICR7Y29sb3JzLmJyYW5kLnByaW1hcnl9O1xuXG4gICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy50YWJsZXQgfSl9IHtcbiAgICBtYXJnaW46ICR7c3BhY2luZy5zbWFsbH0gMCAke3NwYWNpbmcueHNtYWxsfTtcbiAgICAke2ZvbnRzLnNpemVzKCcyMHB4JywgJzIycHgnKX07XG4gIH1cbmA7XG5cbmNvbnN0IENvbnRlbnRDYXJkTGluayA9IHN0eWxlZChTYWZlTGluaylgXG4gIGNvbG9yOiAke2NvbG9ycy50ZXh0LnByaW1hcnl9O1xuICAmOmhvdmVyLFxuICAmOmZvY3VzIHtcbiAgICAke1N0eWxlZEhlYWRpbmd9IHtcbiAgICAgIHRleHQtZGVjb3JhdGlvbjogdW5kZXJsaW5lO1xuICAgIH1cbiAgfVxuYDtcblxuY29uc3QgSW1hZ2VXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgd2lkdGg6IDEwMCU7XG4gIGhlaWdodDogNzJweDtcbiAgYm9yZGVyLXJhZGl1czogNXB4O1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIG92ZXJmbG93OiBoaWRkZW47XG4gIGJhY2tncm91bmQ6ICR7Y29sb3JzLmJhY2tncm91bmQuZ3JheURhcmt9O1xuICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMudGFibGV0IH0pfSB7XG4gICAgaGVpZ2h0OiAke3NwYWNpbmdVbml0ICogNC41fXB4O1xuICB9XG5gO1xuXG5pbnRlcmZhY2UgQmFja2dyb3VuZEltYWdlUHJvcHMge1xuICBpbWFnZTogc3RyaW5nO1xufVxuY29uc3QgQmFja2dyb3VuZEltYWdlID0gc3R5bGVkLmRpdjxCYWNrZ3JvdW5kSW1hZ2VQcm9wcz5gXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGhlaWdodDogMTAwJTtcbiAgd2lkdGg6IDEwMCU7XG4gIGJhY2tncm91bmQtcG9zaXRpb246IGNlbnRlciBjZW50ZXI7XG4gIGJhY2tncm91bmQtc2l6ZTogY292ZXI7XG4gIGJhY2tncm91bmQtaW1hZ2U6IHVybCgkeyhwKSA9PiBwLmltYWdlfSk7XG5gO1xuXG5jb25zdCBQbGF5QmFja2dyb3VuZCA9IHN0eWxlZC5kaXZgXG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgbGVmdDogNTAlO1xuICB0b3A6IDUwJTtcbiAgdHJhbnNmb3JtOiB0cmFuc2xhdGUzZCgtNTAlLCAtNTAlLCAwKTtcbiAgaGVpZ2h0OiAzNXB4O1xuICB3aWR0aDogMzVweDtcbiAgYmFja2dyb3VuZC1jb2xvcjogcmdiYSgwLCAwLCAwLCAwLjQ4KTtcbiAgYm9yZGVyLXJhZGl1czogMTAwJTtcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy50YWJsZXQgfSl9IHtcbiAgICBoZWlnaHQ6IDQycHg7XG4gICAgd2lkdGg6IDQycHg7XG4gIH1cblxuICAuYy1pY29uIHtcbiAgICBjb2xvcjogJHtjb2xvcnMud2hpdGV9O1xuICAgIGhlaWdodDogMjBweDtcbiAgICB3aWR0aDogMjBweDtcbiAgICBtYXJnaW4tcmlnaHQ6IC0xcHg7XG5cbiAgICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMudGFibGV0IH0pfSB7XG4gICAgICBoZWlnaHQ6IDI1cHg7XG4gICAgICB3aWR0aDogMjVweDtcbiAgICB9XG4gIH1cbmA7XG5cbmNvbnN0IFN0eWxlZENvbnRlbnRUeXBlID0gc3R5bGVkLnBgXG4gICR7Zm9udHMuc2l6ZXMoJzEycHgnLCAnMjBweCcpfTtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICBsZWZ0OiAke3NwYWNpbmcuc21hbGx9O1xuICBib3R0b206ICR7c3BhY2luZy5zbWFsbH07XG4gIGRpc3BsYXk6IGlubGluZS1ibG9jaztcbiAgYmFja2dyb3VuZDogJHtjb2xvcnMuYnJhbmQuZ3JleUxpZ2h0ZXN0fTtcbiAgYm9yZGVyLXJhZGl1czogMnB4O1xuICBmb250LXdlaWdodDogNjAwO1xuICBtYXJnaW46IDA7XG4gIHBhZGRpbmc6IDAgJHtzcGFjaW5nLnh4c21hbGx9O1xuXG4gIGRpc3BsYXk6IG5vbmU7XG4gICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy50YWJsZXQgfSl9IHtcbiAgICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG4gIH1cbmA7XG5cbmNvbnN0IFN0eWxlZERlc2NyaXB0aW9uID0gc3R5bGVkLnBgXG4gICR7Zm9udHMuc2l6ZXMoJzE2cHgnKX07XG4gIGxpbmUtaGVpZ2h0OiAxLjI1cmVtO1xuICBtYXJnaW46IDA7XG4gIGRpc3BsYXk6IG5vbmU7XG5cbiAgJHttcS5yYW5nZSh7IGZyb206IGJyZWFrcG9pbnRzLnRhYmxldCB9KX0ge1xuICAgIGRpc3BsYXk6IGJsb2NrO1xuICB9XG5gO1xuXG5pbnRlcmZhY2UgUHJvcHMge1xuICB0aXRsZTogc3RyaW5nO1xuICB0ZXh0OiBzdHJpbmc7XG4gIHR5cGU6IHN0cmluZztcbiAgaW1hZ2U6IHN0cmluZztcbiAgaXNGaWxtPzogYm9vbGVhbjtcbiAgdG9MaW5rUHJvcHM6ICgpID0+IFNhZmVMaW5rUHJvcHM7XG4gIGNvbHVtbldpZHRoOiBudW1iZXI7XG59XG5cbmNvbnN0IENvbnRlbnRDYXJkID0gKHsgdGl0bGUsIHRleHQsIGltYWdlLCB0eXBlLCBpc0ZpbG0gPSBmYWxzZSwgdG9MaW5rUHJvcHMsIGNvbHVtbldpZHRoIH06IFByb3BzKSA9PiAoXG4gIDxDb250ZW50Q2FyZENvbnRhaW5lciBjb2x1bW5XaWR0aD17Y29sdW1uV2lkdGh9PlxuICAgIDxDb250ZW50Q2FyZExpbmsgey4uLnRvTGlua1Byb3BzKCl9IHRpdGxlPXt0aXRsZX0+XG4gICAgICA8aGVhZGVyPlxuICAgICAgICA8SW1hZ2VXcmFwcGVyPlxuICAgICAgICAgIDxCYWNrZ3JvdW5kSW1hZ2UgaW1hZ2U9e2ltYWdlfSByb2xlPVwiaW1nXCIgYXJpYS1sYWJlbD17dGl0bGV9IC8+XG4gICAgICAgICAge2lzRmlsbSAmJiAoXG4gICAgICAgICAgICA8UGxheUJhY2tncm91bmQ+XG4gICAgICAgICAgICAgIDxQbGF5IC8+XG4gICAgICAgICAgICA8L1BsYXlCYWNrZ3JvdW5kPlxuICAgICAgICAgICl9XG4gICAgICAgICAgPFN0eWxlZENvbnRlbnRUeXBlPnt0eXBlfTwvU3R5bGVkQ29udGVudFR5cGU+XG4gICAgICAgIDwvSW1hZ2VXcmFwcGVyPlxuICAgICAgICA8U3R5bGVkSGVhZGluZz57dGl0bGV9PC9TdHlsZWRIZWFkaW5nPlxuICAgICAgPC9oZWFkZXI+XG4gICAgICA8U3R5bGVkRGVzY3JpcHRpb24+e3RleHR9PC9TdHlsZWREZXNjcmlwdGlvbj5cbiAgICA8L0NvbnRlbnRDYXJkTGluaz5cbiAgPC9Db250ZW50Q2FyZENvbnRhaW5lcj5cbik7XG5cbmV4cG9ydCBkZWZhdWx0IENvbnRlbnRDYXJkO1xuIl19 */"));
+var ContentCardLink = ( /*#__PURE__*/0, _styledBase["default"])(_safelink["default"], {
+  target: "eou81id2",
+  label: "ContentCardLink"
+})("color:", _core.colors.text.primary, ";&:hover,&:focus{", StyledHeading, "{text-decoration:underline;}}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNvbnRlbnRDYXJkLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE0QndDIiwiZmlsZSI6IkNvbnRlbnRDYXJkLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBQbGF5IH0gZnJvbSAnQG5kbGEvaWNvbnMvY29tbW9uJztcbmltcG9ydCBTYWZlTGluayBmcm9tICdAbmRsYS9zYWZlbGluayc7XG5pbXBvcnQgdHlwZSB7IFNhZmVMaW5rUHJvcHMgfSBmcm9tICdAbmRsYS9zYWZlbGluayc7XG5pbXBvcnQgeyBicmVha3BvaW50cywgY29sb3JzLCBmb250cywgbXEsIHNwYWNpbmcsIHNwYWNpbmdVbml0IH0gZnJvbSAnQG5kbGEvY29yZSc7XG5cbmludGVyZmFjZSBDb250ZW50Q2FyZENvbnRhaW5lclByb3BzIHtcbiAgY29sdW1uV2lkdGg6IG51bWJlcjtcbn1cbmNvbnN0IENvbnRlbnRDYXJkQ29udGFpbmVyID0gc3R5bGVkLmFydGljbGU8Q29udGVudENhcmRDb250YWluZXJQcm9wcz5gXG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgZGlzcGxheTogYmxvY2s7XG4gIHdpZHRoOiAkeyhwKSA9PiBgJHtwLmNvbHVtbldpZHRofXB4YH07XG5gO1xuXG5jb25zdCBTdHlsZWRIZWFkaW5nID0gc3R5bGVkLmgxYFxuICBmb250LXdlaWdodDogJHtmb250cy53ZWlnaHQuc2VtaWJvbGR9O1xuICAke2ZvbnRzLnNpemVzKCcxNHB4JywgJzE2cHgnKX07XG4gIG1hcmdpbjogJHtzcGFjaW5nLnhzbWFsbH0gMDtcbiAgY29sb3I6ICR7Y29sb3JzLmJyYW5kLnByaW1hcnl9O1xuXG4gICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy50YWJsZXQgfSl9IHtcbiAgICBtYXJnaW46ICR7c3BhY2luZy5zbWFsbH0gMCAke3NwYWNpbmcueHNtYWxsfTtcbiAgICAke2ZvbnRzLnNpemVzKCcyMHB4JywgJzIycHgnKX07XG4gIH1cbmA7XG5cbmNvbnN0IENvbnRlbnRDYXJkTGluayA9IHN0eWxlZChTYWZlTGluaylgXG4gIGNvbG9yOiAke2NvbG9ycy50ZXh0LnByaW1hcnl9O1xuICAmOmhvdmVyLFxuICAmOmZvY3VzIHtcbiAgICAke1N0eWxlZEhlYWRpbmd9IHtcbiAgICAgIHRleHQtZGVjb3JhdGlvbjogdW5kZXJsaW5lO1xuICAgIH1cbiAgfVxuYDtcblxuY29uc3QgSW1hZ2VXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgd2lkdGg6IDEwMCU7XG4gIGhlaWdodDogNzJweDtcbiAgYm9yZGVyLXJhZGl1czogNXB4O1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIG92ZXJmbG93OiBoaWRkZW47XG4gIGJhY2tncm91bmQ6ICR7Y29sb3JzLmJhY2tncm91bmQuZ3JheURhcmt9O1xuICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMudGFibGV0IH0pfSB7XG4gICAgaGVpZ2h0OiAke3NwYWNpbmdVbml0ICogNC41fXB4O1xuICB9XG5gO1xuXG5pbnRlcmZhY2UgQmFja2dyb3VuZEltYWdlUHJvcHMge1xuICBpbWFnZTogc3RyaW5nO1xufVxuY29uc3QgQmFja2dyb3VuZEltYWdlID0gc3R5bGVkLmRpdjxCYWNrZ3JvdW5kSW1hZ2VQcm9wcz5gXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGhlaWdodDogMTAwJTtcbiAgd2lkdGg6IDEwMCU7XG4gIGJhY2tncm91bmQtcG9zaXRpb246IGNlbnRlciBjZW50ZXI7XG4gIGJhY2tncm91bmQtc2l6ZTogY292ZXI7XG4gIGJhY2tncm91bmQtaW1hZ2U6IHVybCgkeyhwKSA9PiBwLmltYWdlfSk7XG5gO1xuXG5jb25zdCBQbGF5QmFja2dyb3VuZCA9IHN0eWxlZC5kaXZgXG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgbGVmdDogNTAlO1xuICB0b3A6IDUwJTtcbiAgdHJhbnNmb3JtOiB0cmFuc2xhdGUzZCgtNTAlLCAtNTAlLCAwKTtcbiAgaGVpZ2h0OiAzNXB4O1xuICB3aWR0aDogMzVweDtcbiAgYmFja2dyb3VuZC1jb2xvcjogcmdiYSgwLCAwLCAwLCAwLjQ4KTtcbiAgYm9yZGVyLXJhZGl1czogMTAwJTtcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy50YWJsZXQgfSl9IHtcbiAgICBoZWlnaHQ6IDQycHg7XG4gICAgd2lkdGg6IDQycHg7XG4gIH1cblxuICAuYy1pY29uIHtcbiAgICBjb2xvcjogJHtjb2xvcnMud2hpdGV9O1xuICAgIGhlaWdodDogMjBweDtcbiAgICB3aWR0aDogMjBweDtcbiAgICBtYXJnaW4tcmlnaHQ6IC0xcHg7XG5cbiAgICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMudGFibGV0IH0pfSB7XG4gICAgICBoZWlnaHQ6IDI1cHg7XG4gICAgICB3aWR0aDogMjVweDtcbiAgICB9XG4gIH1cbmA7XG5cbmNvbnN0IFN0eWxlZENvbnRlbnRUeXBlID0gc3R5bGVkLnBgXG4gICR7Zm9udHMuc2l6ZXMoJzEycHgnLCAnMjBweCcpfTtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICBsZWZ0OiAke3NwYWNpbmcuc21hbGx9O1xuICBib3R0b206ICR7c3BhY2luZy5zbWFsbH07XG4gIGRpc3BsYXk6IGlubGluZS1ibG9jaztcbiAgYmFja2dyb3VuZDogJHtjb2xvcnMuYnJhbmQuZ3JleUxpZ2h0ZXN0fTtcbiAgYm9yZGVyLXJhZGl1czogMnB4O1xuICBmb250LXdlaWdodDogNjAwO1xuICBtYXJnaW46IDA7XG4gIHBhZGRpbmc6IDAgJHtzcGFjaW5nLnh4c21hbGx9O1xuXG4gIGRpc3BsYXk6IG5vbmU7XG4gICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy50YWJsZXQgfSl9IHtcbiAgICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG4gIH1cbmA7XG5cbmNvbnN0IFN0eWxlZERlc2NyaXB0aW9uID0gc3R5bGVkLnBgXG4gICR7Zm9udHMuc2l6ZXMoJzE2cHgnKX07XG4gIGxpbmUtaGVpZ2h0OiAxLjI1cmVtO1xuICBtYXJnaW46IDA7XG4gIGRpc3BsYXk6IG5vbmU7XG5cbiAgJHttcS5yYW5nZSh7IGZyb206IGJyZWFrcG9pbnRzLnRhYmxldCB9KX0ge1xuICAgIGRpc3BsYXk6IGJsb2NrO1xuICB9XG5gO1xuXG5pbnRlcmZhY2UgUHJvcHMge1xuICB0aXRsZTogc3RyaW5nO1xuICB0ZXh0OiBzdHJpbmc7XG4gIHR5cGU6IHN0cmluZztcbiAgaW1hZ2U6IHN0cmluZztcbiAgaXNGaWxtPzogYm9vbGVhbjtcbiAgdG9MaW5rUHJvcHM6ICgpID0+IFNhZmVMaW5rUHJvcHM7XG4gIGNvbHVtbldpZHRoOiBudW1iZXI7XG59XG5cbmNvbnN0IENvbnRlbnRDYXJkID0gKHsgdGl0bGUsIHRleHQsIGltYWdlLCB0eXBlLCBpc0ZpbG0gPSBmYWxzZSwgdG9MaW5rUHJvcHMsIGNvbHVtbldpZHRoIH06IFByb3BzKSA9PiAoXG4gIDxDb250ZW50Q2FyZENvbnRhaW5lciBjb2x1bW5XaWR0aD17Y29sdW1uV2lkdGh9PlxuICAgIDxDb250ZW50Q2FyZExpbmsgey4uLnRvTGlua1Byb3BzKCl9IHRpdGxlPXt0aXRsZX0+XG4gICAgICA8aGVhZGVyPlxuICAgICAgICA8SW1hZ2VXcmFwcGVyPlxuICAgICAgICAgIDxCYWNrZ3JvdW5kSW1hZ2UgaW1hZ2U9e2ltYWdlfSByb2xlPVwiaW1nXCIgYXJpYS1sYWJlbD17dGl0bGV9IC8+XG4gICAgICAgICAge2lzRmlsbSAmJiAoXG4gICAgICAgICAgICA8UGxheUJhY2tncm91bmQ+XG4gICAgICAgICAgICAgIDxQbGF5IC8+XG4gICAgICAgICAgICA8L1BsYXlCYWNrZ3JvdW5kPlxuICAgICAgICAgICl9XG4gICAgICAgICAgPFN0eWxlZENvbnRlbnRUeXBlPnt0eXBlfTwvU3R5bGVkQ29udGVudFR5cGU+XG4gICAgICAgIDwvSW1hZ2VXcmFwcGVyPlxuICAgICAgICA8U3R5bGVkSGVhZGluZz57dGl0bGV9PC9TdHlsZWRIZWFkaW5nPlxuICAgICAgPC9oZWFkZXI+XG4gICAgICA8U3R5bGVkRGVzY3JpcHRpb24+e3RleHR9PC9TdHlsZWREZXNjcmlwdGlvbj5cbiAgICA8L0NvbnRlbnRDYXJkTGluaz5cbiAgPC9Db250ZW50Q2FyZENvbnRhaW5lcj5cbik7XG5cbmV4cG9ydCBkZWZhdWx0IENvbnRlbnRDYXJkO1xuIl19 */"));
+var ImageWrapper = (0, _styledBase["default"])("div", {
+  target: "eou81id3",
+  label: "ImageWrapper"
+})("width:100%;height:72px;border-radius:5px;position:relative;overflow:hidden;background:", _core.colors.background.grayDark, ";", _core.mq.range({
+  from: _core.breakpoints.tablet
+}), "{height:", _core.spacingUnit * 4.5, "px;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNvbnRlbnRDYXJkLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFzQytCIiwiZmlsZSI6IkNvbnRlbnRDYXJkLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBQbGF5IH0gZnJvbSAnQG5kbGEvaWNvbnMvY29tbW9uJztcbmltcG9ydCBTYWZlTGluayBmcm9tICdAbmRsYS9zYWZlbGluayc7XG5pbXBvcnQgdHlwZSB7IFNhZmVMaW5rUHJvcHMgfSBmcm9tICdAbmRsYS9zYWZlbGluayc7XG5pbXBvcnQgeyBicmVha3BvaW50cywgY29sb3JzLCBmb250cywgbXEsIHNwYWNpbmcsIHNwYWNpbmdVbml0IH0gZnJvbSAnQG5kbGEvY29yZSc7XG5cbmludGVyZmFjZSBDb250ZW50Q2FyZENvbnRhaW5lclByb3BzIHtcbiAgY29sdW1uV2lkdGg6IG51bWJlcjtcbn1cbmNvbnN0IENvbnRlbnRDYXJkQ29udGFpbmVyID0gc3R5bGVkLmFydGljbGU8Q29udGVudENhcmRDb250YWluZXJQcm9wcz5gXG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgZGlzcGxheTogYmxvY2s7XG4gIHdpZHRoOiAkeyhwKSA9PiBgJHtwLmNvbHVtbldpZHRofXB4YH07XG5gO1xuXG5jb25zdCBTdHlsZWRIZWFkaW5nID0gc3R5bGVkLmgxYFxuICBmb250LXdlaWdodDogJHtmb250cy53ZWlnaHQuc2VtaWJvbGR9O1xuICAke2ZvbnRzLnNpemVzKCcxNHB4JywgJzE2cHgnKX07XG4gIG1hcmdpbjogJHtzcGFjaW5nLnhzbWFsbH0gMDtcbiAgY29sb3I6ICR7Y29sb3JzLmJyYW5kLnByaW1hcnl9O1xuXG4gICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy50YWJsZXQgfSl9IHtcbiAgICBtYXJnaW46ICR7c3BhY2luZy5zbWFsbH0gMCAke3NwYWNpbmcueHNtYWxsfTtcbiAgICAke2ZvbnRzLnNpemVzKCcyMHB4JywgJzIycHgnKX07XG4gIH1cbmA7XG5cbmNvbnN0IENvbnRlbnRDYXJkTGluayA9IHN0eWxlZChTYWZlTGluaylgXG4gIGNvbG9yOiAke2NvbG9ycy50ZXh0LnByaW1hcnl9O1xuICAmOmhvdmVyLFxuICAmOmZvY3VzIHtcbiAgICAke1N0eWxlZEhlYWRpbmd9IHtcbiAgICAgIHRleHQtZGVjb3JhdGlvbjogdW5kZXJsaW5lO1xuICAgIH1cbiAgfVxuYDtcblxuY29uc3QgSW1hZ2VXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgd2lkdGg6IDEwMCU7XG4gIGhlaWdodDogNzJweDtcbiAgYm9yZGVyLXJhZGl1czogNXB4O1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIG92ZXJmbG93OiBoaWRkZW47XG4gIGJhY2tncm91bmQ6ICR7Y29sb3JzLmJhY2tncm91bmQuZ3JheURhcmt9O1xuICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMudGFibGV0IH0pfSB7XG4gICAgaGVpZ2h0OiAke3NwYWNpbmdVbml0ICogNC41fXB4O1xuICB9XG5gO1xuXG5pbnRlcmZhY2UgQmFja2dyb3VuZEltYWdlUHJvcHMge1xuICBpbWFnZTogc3RyaW5nO1xufVxuY29uc3QgQmFja2dyb3VuZEltYWdlID0gc3R5bGVkLmRpdjxCYWNrZ3JvdW5kSW1hZ2VQcm9wcz5gXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGhlaWdodDogMTAwJTtcbiAgd2lkdGg6IDEwMCU7XG4gIGJhY2tncm91bmQtcG9zaXRpb246IGNlbnRlciBjZW50ZXI7XG4gIGJhY2tncm91bmQtc2l6ZTogY292ZXI7XG4gIGJhY2tncm91bmQtaW1hZ2U6IHVybCgkeyhwKSA9PiBwLmltYWdlfSk7XG5gO1xuXG5jb25zdCBQbGF5QmFja2dyb3VuZCA9IHN0eWxlZC5kaXZgXG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgbGVmdDogNTAlO1xuICB0b3A6IDUwJTtcbiAgdHJhbnNmb3JtOiB0cmFuc2xhdGUzZCgtNTAlLCAtNTAlLCAwKTtcbiAgaGVpZ2h0OiAzNXB4O1xuICB3aWR0aDogMzVweDtcbiAgYmFja2dyb3VuZC1jb2xvcjogcmdiYSgwLCAwLCAwLCAwLjQ4KTtcbiAgYm9yZGVyLXJhZGl1czogMTAwJTtcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy50YWJsZXQgfSl9IHtcbiAgICBoZWlnaHQ6IDQycHg7XG4gICAgd2lkdGg6IDQycHg7XG4gIH1cblxuICAuYy1pY29uIHtcbiAgICBjb2xvcjogJHtjb2xvcnMud2hpdGV9O1xuICAgIGhlaWdodDogMjBweDtcbiAgICB3aWR0aDogMjBweDtcbiAgICBtYXJnaW4tcmlnaHQ6IC0xcHg7XG5cbiAgICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMudGFibGV0IH0pfSB7XG4gICAgICBoZWlnaHQ6IDI1cHg7XG4gICAgICB3aWR0aDogMjVweDtcbiAgICB9XG4gIH1cbmA7XG5cbmNvbnN0IFN0eWxlZENvbnRlbnRUeXBlID0gc3R5bGVkLnBgXG4gICR7Zm9udHMuc2l6ZXMoJzEycHgnLCAnMjBweCcpfTtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICBsZWZ0OiAke3NwYWNpbmcuc21hbGx9O1xuICBib3R0b206ICR7c3BhY2luZy5zbWFsbH07XG4gIGRpc3BsYXk6IGlubGluZS1ibG9jaztcbiAgYmFja2dyb3VuZDogJHtjb2xvcnMuYnJhbmQuZ3JleUxpZ2h0ZXN0fTtcbiAgYm9yZGVyLXJhZGl1czogMnB4O1xuICBmb250LXdlaWdodDogNjAwO1xuICBtYXJnaW46IDA7XG4gIHBhZGRpbmc6IDAgJHtzcGFjaW5nLnh4c21hbGx9O1xuXG4gIGRpc3BsYXk6IG5vbmU7XG4gICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy50YWJsZXQgfSl9IHtcbiAgICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG4gIH1cbmA7XG5cbmNvbnN0IFN0eWxlZERlc2NyaXB0aW9uID0gc3R5bGVkLnBgXG4gICR7Zm9udHMuc2l6ZXMoJzE2cHgnKX07XG4gIGxpbmUtaGVpZ2h0OiAxLjI1cmVtO1xuICBtYXJnaW46IDA7XG4gIGRpc3BsYXk6IG5vbmU7XG5cbiAgJHttcS5yYW5nZSh7IGZyb206IGJyZWFrcG9pbnRzLnRhYmxldCB9KX0ge1xuICAgIGRpc3BsYXk6IGJsb2NrO1xuICB9XG5gO1xuXG5pbnRlcmZhY2UgUHJvcHMge1xuICB0aXRsZTogc3RyaW5nO1xuICB0ZXh0OiBzdHJpbmc7XG4gIHR5cGU6IHN0cmluZztcbiAgaW1hZ2U6IHN0cmluZztcbiAgaXNGaWxtPzogYm9vbGVhbjtcbiAgdG9MaW5rUHJvcHM6ICgpID0+IFNhZmVMaW5rUHJvcHM7XG4gIGNvbHVtbldpZHRoOiBudW1iZXI7XG59XG5cbmNvbnN0IENvbnRlbnRDYXJkID0gKHsgdGl0bGUsIHRleHQsIGltYWdlLCB0eXBlLCBpc0ZpbG0gPSBmYWxzZSwgdG9MaW5rUHJvcHMsIGNvbHVtbldpZHRoIH06IFByb3BzKSA9PiAoXG4gIDxDb250ZW50Q2FyZENvbnRhaW5lciBjb2x1bW5XaWR0aD17Y29sdW1uV2lkdGh9PlxuICAgIDxDb250ZW50Q2FyZExpbmsgey4uLnRvTGlua1Byb3BzKCl9IHRpdGxlPXt0aXRsZX0+XG4gICAgICA8aGVhZGVyPlxuICAgICAgICA8SW1hZ2VXcmFwcGVyPlxuICAgICAgICAgIDxCYWNrZ3JvdW5kSW1hZ2UgaW1hZ2U9e2ltYWdlfSByb2xlPVwiaW1nXCIgYXJpYS1sYWJlbD17dGl0bGV9IC8+XG4gICAgICAgICAge2lzRmlsbSAmJiAoXG4gICAgICAgICAgICA8UGxheUJhY2tncm91bmQ+XG4gICAgICAgICAgICAgIDxQbGF5IC8+XG4gICAgICAgICAgICA8L1BsYXlCYWNrZ3JvdW5kPlxuICAgICAgICAgICl9XG4gICAgICAgICAgPFN0eWxlZENvbnRlbnRUeXBlPnt0eXBlfTwvU3R5bGVkQ29udGVudFR5cGU+XG4gICAgICAgIDwvSW1hZ2VXcmFwcGVyPlxuICAgICAgICA8U3R5bGVkSGVhZGluZz57dGl0bGV9PC9TdHlsZWRIZWFkaW5nPlxuICAgICAgPC9oZWFkZXI+XG4gICAgICA8U3R5bGVkRGVzY3JpcHRpb24+e3RleHR9PC9TdHlsZWREZXNjcmlwdGlvbj5cbiAgICA8L0NvbnRlbnRDYXJkTGluaz5cbiAgPC9Db250ZW50Q2FyZENvbnRhaW5lcj5cbik7XG5cbmV4cG9ydCBkZWZhdWx0IENvbnRlbnRDYXJkO1xuIl19 */"));
+var BackgroundImage = (0, _styledBase["default"])("div", {
+  target: "eou81id4",
+  label: "BackgroundImage"
+})("display:flex;height:100%;width:100%;background-position:center center;background-size:cover;background-image:url(", function (p) {
+  return p.image;
+}, ");" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNvbnRlbnRDYXJkLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFxRHdEIiwiZmlsZSI6IkNvbnRlbnRDYXJkLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBQbGF5IH0gZnJvbSAnQG5kbGEvaWNvbnMvY29tbW9uJztcbmltcG9ydCBTYWZlTGluayBmcm9tICdAbmRsYS9zYWZlbGluayc7XG5pbXBvcnQgdHlwZSB7IFNhZmVMaW5rUHJvcHMgfSBmcm9tICdAbmRsYS9zYWZlbGluayc7XG5pbXBvcnQgeyBicmVha3BvaW50cywgY29sb3JzLCBmb250cywgbXEsIHNwYWNpbmcsIHNwYWNpbmdVbml0IH0gZnJvbSAnQG5kbGEvY29yZSc7XG5cbmludGVyZmFjZSBDb250ZW50Q2FyZENvbnRhaW5lclByb3BzIHtcbiAgY29sdW1uV2lkdGg6IG51bWJlcjtcbn1cbmNvbnN0IENvbnRlbnRDYXJkQ29udGFpbmVyID0gc3R5bGVkLmFydGljbGU8Q29udGVudENhcmRDb250YWluZXJQcm9wcz5gXG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgZGlzcGxheTogYmxvY2s7XG4gIHdpZHRoOiAkeyhwKSA9PiBgJHtwLmNvbHVtbldpZHRofXB4YH07XG5gO1xuXG5jb25zdCBTdHlsZWRIZWFkaW5nID0gc3R5bGVkLmgxYFxuICBmb250LXdlaWdodDogJHtmb250cy53ZWlnaHQuc2VtaWJvbGR9O1xuICAke2ZvbnRzLnNpemVzKCcxNHB4JywgJzE2cHgnKX07XG4gIG1hcmdpbjogJHtzcGFjaW5nLnhzbWFsbH0gMDtcbiAgY29sb3I6ICR7Y29sb3JzLmJyYW5kLnByaW1hcnl9O1xuXG4gICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy50YWJsZXQgfSl9IHtcbiAgICBtYXJnaW46ICR7c3BhY2luZy5zbWFsbH0gMCAke3NwYWNpbmcueHNtYWxsfTtcbiAgICAke2ZvbnRzLnNpemVzKCcyMHB4JywgJzIycHgnKX07XG4gIH1cbmA7XG5cbmNvbnN0IENvbnRlbnRDYXJkTGluayA9IHN0eWxlZChTYWZlTGluaylgXG4gIGNvbG9yOiAke2NvbG9ycy50ZXh0LnByaW1hcnl9O1xuICAmOmhvdmVyLFxuICAmOmZvY3VzIHtcbiAgICAke1N0eWxlZEhlYWRpbmd9IHtcbiAgICAgIHRleHQtZGVjb3JhdGlvbjogdW5kZXJsaW5lO1xuICAgIH1cbiAgfVxuYDtcblxuY29uc3QgSW1hZ2VXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgd2lkdGg6IDEwMCU7XG4gIGhlaWdodDogNzJweDtcbiAgYm9yZGVyLXJhZGl1czogNXB4O1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIG92ZXJmbG93OiBoaWRkZW47XG4gIGJhY2tncm91bmQ6ICR7Y29sb3JzLmJhY2tncm91bmQuZ3JheURhcmt9O1xuICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMudGFibGV0IH0pfSB7XG4gICAgaGVpZ2h0OiAke3NwYWNpbmdVbml0ICogNC41fXB4O1xuICB9XG5gO1xuXG5pbnRlcmZhY2UgQmFja2dyb3VuZEltYWdlUHJvcHMge1xuICBpbWFnZTogc3RyaW5nO1xufVxuY29uc3QgQmFja2dyb3VuZEltYWdlID0gc3R5bGVkLmRpdjxCYWNrZ3JvdW5kSW1hZ2VQcm9wcz5gXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGhlaWdodDogMTAwJTtcbiAgd2lkdGg6IDEwMCU7XG4gIGJhY2tncm91bmQtcG9zaXRpb246IGNlbnRlciBjZW50ZXI7XG4gIGJhY2tncm91bmQtc2l6ZTogY292ZXI7XG4gIGJhY2tncm91bmQtaW1hZ2U6IHVybCgkeyhwKSA9PiBwLmltYWdlfSk7XG5gO1xuXG5jb25zdCBQbGF5QmFja2dyb3VuZCA9IHN0eWxlZC5kaXZgXG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgbGVmdDogNTAlO1xuICB0b3A6IDUwJTtcbiAgdHJhbnNmb3JtOiB0cmFuc2xhdGUzZCgtNTAlLCAtNTAlLCAwKTtcbiAgaGVpZ2h0OiAzNXB4O1xuICB3aWR0aDogMzVweDtcbiAgYmFja2dyb3VuZC1jb2xvcjogcmdiYSgwLCAwLCAwLCAwLjQ4KTtcbiAgYm9yZGVyLXJhZGl1czogMTAwJTtcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy50YWJsZXQgfSl9IHtcbiAgICBoZWlnaHQ6IDQycHg7XG4gICAgd2lkdGg6IDQycHg7XG4gIH1cblxuICAuYy1pY29uIHtcbiAgICBjb2xvcjogJHtjb2xvcnMud2hpdGV9O1xuICAgIGhlaWdodDogMjBweDtcbiAgICB3aWR0aDogMjBweDtcbiAgICBtYXJnaW4tcmlnaHQ6IC0xcHg7XG5cbiAgICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMudGFibGV0IH0pfSB7XG4gICAgICBoZWlnaHQ6IDI1cHg7XG4gICAgICB3aWR0aDogMjVweDtcbiAgICB9XG4gIH1cbmA7XG5cbmNvbnN0IFN0eWxlZENvbnRlbnRUeXBlID0gc3R5bGVkLnBgXG4gICR7Zm9udHMuc2l6ZXMoJzEycHgnLCAnMjBweCcpfTtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICBsZWZ0OiAke3NwYWNpbmcuc21hbGx9O1xuICBib3R0b206ICR7c3BhY2luZy5zbWFsbH07XG4gIGRpc3BsYXk6IGlubGluZS1ibG9jaztcbiAgYmFja2dyb3VuZDogJHtjb2xvcnMuYnJhbmQuZ3JleUxpZ2h0ZXN0fTtcbiAgYm9yZGVyLXJhZGl1czogMnB4O1xuICBmb250LXdlaWdodDogNjAwO1xuICBtYXJnaW46IDA7XG4gIHBhZGRpbmc6IDAgJHtzcGFjaW5nLnh4c21hbGx9O1xuXG4gIGRpc3BsYXk6IG5vbmU7XG4gICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy50YWJsZXQgfSl9IHtcbiAgICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG4gIH1cbmA7XG5cbmNvbnN0IFN0eWxlZERlc2NyaXB0aW9uID0gc3R5bGVkLnBgXG4gICR7Zm9udHMuc2l6ZXMoJzE2cHgnKX07XG4gIGxpbmUtaGVpZ2h0OiAxLjI1cmVtO1xuICBtYXJnaW46IDA7XG4gIGRpc3BsYXk6IG5vbmU7XG5cbiAgJHttcS5yYW5nZSh7IGZyb206IGJyZWFrcG9pbnRzLnRhYmxldCB9KX0ge1xuICAgIGRpc3BsYXk6IGJsb2NrO1xuICB9XG5gO1xuXG5pbnRlcmZhY2UgUHJvcHMge1xuICB0aXRsZTogc3RyaW5nO1xuICB0ZXh0OiBzdHJpbmc7XG4gIHR5cGU6IHN0cmluZztcbiAgaW1hZ2U6IHN0cmluZztcbiAgaXNGaWxtPzogYm9vbGVhbjtcbiAgdG9MaW5rUHJvcHM6ICgpID0+IFNhZmVMaW5rUHJvcHM7XG4gIGNvbHVtbldpZHRoOiBudW1iZXI7XG59XG5cbmNvbnN0IENvbnRlbnRDYXJkID0gKHsgdGl0bGUsIHRleHQsIGltYWdlLCB0eXBlLCBpc0ZpbG0gPSBmYWxzZSwgdG9MaW5rUHJvcHMsIGNvbHVtbldpZHRoIH06IFByb3BzKSA9PiAoXG4gIDxDb250ZW50Q2FyZENvbnRhaW5lciBjb2x1bW5XaWR0aD17Y29sdW1uV2lkdGh9PlxuICAgIDxDb250ZW50Q2FyZExpbmsgey4uLnRvTGlua1Byb3BzKCl9IHRpdGxlPXt0aXRsZX0+XG4gICAgICA8aGVhZGVyPlxuICAgICAgICA8SW1hZ2VXcmFwcGVyPlxuICAgICAgICAgIDxCYWNrZ3JvdW5kSW1hZ2UgaW1hZ2U9e2ltYWdlfSByb2xlPVwiaW1nXCIgYXJpYS1sYWJlbD17dGl0bGV9IC8+XG4gICAgICAgICAge2lzRmlsbSAmJiAoXG4gICAgICAgICAgICA8UGxheUJhY2tncm91bmQ+XG4gICAgICAgICAgICAgIDxQbGF5IC8+XG4gICAgICAgICAgICA8L1BsYXlCYWNrZ3JvdW5kPlxuICAgICAgICAgICl9XG4gICAgICAgICAgPFN0eWxlZENvbnRlbnRUeXBlPnt0eXBlfTwvU3R5bGVkQ29udGVudFR5cGU+XG4gICAgICAgIDwvSW1hZ2VXcmFwcGVyPlxuICAgICAgICA8U3R5bGVkSGVhZGluZz57dGl0bGV9PC9TdHlsZWRIZWFkaW5nPlxuICAgICAgPC9oZWFkZXI+XG4gICAgICA8U3R5bGVkRGVzY3JpcHRpb24+e3RleHR9PC9TdHlsZWREZXNjcmlwdGlvbj5cbiAgICA8L0NvbnRlbnRDYXJkTGluaz5cbiAgPC9Db250ZW50Q2FyZENvbnRhaW5lcj5cbik7XG5cbmV4cG9ydCBkZWZhdWx0IENvbnRlbnRDYXJkO1xuIl19 */"));
+var PlayBackground = (0, _styledBase["default"])("div", {
+  target: "eou81id5",
+  label: "PlayBackground"
+})("position:absolute;left:50%;top:50%;transform:translate3d(-50%,-50%,0);height:35px;width:35px;background-color:rgba(0,0,0,0.48);border-radius:100%;display:flex;align-items:center;justify-content:center;", _core.mq.range({
+  from: _core.breakpoints.tablet
+}), "{height:42px;width:42px;}.c-icon{color:", _core.colors.white, ";height:20px;width:20px;margin-right:-1px;", _core.mq.range({
+  from: _core.breakpoints.tablet
+}), "{height:25px;width:25px;}}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNvbnRlbnRDYXJkLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE4RGlDIiwiZmlsZSI6IkNvbnRlbnRDYXJkLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBQbGF5IH0gZnJvbSAnQG5kbGEvaWNvbnMvY29tbW9uJztcbmltcG9ydCBTYWZlTGluayBmcm9tICdAbmRsYS9zYWZlbGluayc7XG5pbXBvcnQgdHlwZSB7IFNhZmVMaW5rUHJvcHMgfSBmcm9tICdAbmRsYS9zYWZlbGluayc7XG5pbXBvcnQgeyBicmVha3BvaW50cywgY29sb3JzLCBmb250cywgbXEsIHNwYWNpbmcsIHNwYWNpbmdVbml0IH0gZnJvbSAnQG5kbGEvY29yZSc7XG5cbmludGVyZmFjZSBDb250ZW50Q2FyZENvbnRhaW5lclByb3BzIHtcbiAgY29sdW1uV2lkdGg6IG51bWJlcjtcbn1cbmNvbnN0IENvbnRlbnRDYXJkQ29udGFpbmVyID0gc3R5bGVkLmFydGljbGU8Q29udGVudENhcmRDb250YWluZXJQcm9wcz5gXG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgZGlzcGxheTogYmxvY2s7XG4gIHdpZHRoOiAkeyhwKSA9PiBgJHtwLmNvbHVtbldpZHRofXB4YH07XG5gO1xuXG5jb25zdCBTdHlsZWRIZWFkaW5nID0gc3R5bGVkLmgxYFxuICBmb250LXdlaWdodDogJHtmb250cy53ZWlnaHQuc2VtaWJvbGR9O1xuICAke2ZvbnRzLnNpemVzKCcxNHB4JywgJzE2cHgnKX07XG4gIG1hcmdpbjogJHtzcGFjaW5nLnhzbWFsbH0gMDtcbiAgY29sb3I6ICR7Y29sb3JzLmJyYW5kLnByaW1hcnl9O1xuXG4gICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy50YWJsZXQgfSl9IHtcbiAgICBtYXJnaW46ICR7c3BhY2luZy5zbWFsbH0gMCAke3NwYWNpbmcueHNtYWxsfTtcbiAgICAke2ZvbnRzLnNpemVzKCcyMHB4JywgJzIycHgnKX07XG4gIH1cbmA7XG5cbmNvbnN0IENvbnRlbnRDYXJkTGluayA9IHN0eWxlZChTYWZlTGluaylgXG4gIGNvbG9yOiAke2NvbG9ycy50ZXh0LnByaW1hcnl9O1xuICAmOmhvdmVyLFxuICAmOmZvY3VzIHtcbiAgICAke1N0eWxlZEhlYWRpbmd9IHtcbiAgICAgIHRleHQtZGVjb3JhdGlvbjogdW5kZXJsaW5lO1xuICAgIH1cbiAgfVxuYDtcblxuY29uc3QgSW1hZ2VXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgd2lkdGg6IDEwMCU7XG4gIGhlaWdodDogNzJweDtcbiAgYm9yZGVyLXJhZGl1czogNXB4O1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIG92ZXJmbG93OiBoaWRkZW47XG4gIGJhY2tncm91bmQ6ICR7Y29sb3JzLmJhY2tncm91bmQuZ3JheURhcmt9O1xuICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMudGFibGV0IH0pfSB7XG4gICAgaGVpZ2h0OiAke3NwYWNpbmdVbml0ICogNC41fXB4O1xuICB9XG5gO1xuXG5pbnRlcmZhY2UgQmFja2dyb3VuZEltYWdlUHJvcHMge1xuICBpbWFnZTogc3RyaW5nO1xufVxuY29uc3QgQmFja2dyb3VuZEltYWdlID0gc3R5bGVkLmRpdjxCYWNrZ3JvdW5kSW1hZ2VQcm9wcz5gXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGhlaWdodDogMTAwJTtcbiAgd2lkdGg6IDEwMCU7XG4gIGJhY2tncm91bmQtcG9zaXRpb246IGNlbnRlciBjZW50ZXI7XG4gIGJhY2tncm91bmQtc2l6ZTogY292ZXI7XG4gIGJhY2tncm91bmQtaW1hZ2U6IHVybCgkeyhwKSA9PiBwLmltYWdlfSk7XG5gO1xuXG5jb25zdCBQbGF5QmFja2dyb3VuZCA9IHN0eWxlZC5kaXZgXG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgbGVmdDogNTAlO1xuICB0b3A6IDUwJTtcbiAgdHJhbnNmb3JtOiB0cmFuc2xhdGUzZCgtNTAlLCAtNTAlLCAwKTtcbiAgaGVpZ2h0OiAzNXB4O1xuICB3aWR0aDogMzVweDtcbiAgYmFja2dyb3VuZC1jb2xvcjogcmdiYSgwLCAwLCAwLCAwLjQ4KTtcbiAgYm9yZGVyLXJhZGl1czogMTAwJTtcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy50YWJsZXQgfSl9IHtcbiAgICBoZWlnaHQ6IDQycHg7XG4gICAgd2lkdGg6IDQycHg7XG4gIH1cblxuICAuYy1pY29uIHtcbiAgICBjb2xvcjogJHtjb2xvcnMud2hpdGV9O1xuICAgIGhlaWdodDogMjBweDtcbiAgICB3aWR0aDogMjBweDtcbiAgICBtYXJnaW4tcmlnaHQ6IC0xcHg7XG5cbiAgICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMudGFibGV0IH0pfSB7XG4gICAgICBoZWlnaHQ6IDI1cHg7XG4gICAgICB3aWR0aDogMjVweDtcbiAgICB9XG4gIH1cbmA7XG5cbmNvbnN0IFN0eWxlZENvbnRlbnRUeXBlID0gc3R5bGVkLnBgXG4gICR7Zm9udHMuc2l6ZXMoJzEycHgnLCAnMjBweCcpfTtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICBsZWZ0OiAke3NwYWNpbmcuc21hbGx9O1xuICBib3R0b206ICR7c3BhY2luZy5zbWFsbH07XG4gIGRpc3BsYXk6IGlubGluZS1ibG9jaztcbiAgYmFja2dyb3VuZDogJHtjb2xvcnMuYnJhbmQuZ3JleUxpZ2h0ZXN0fTtcbiAgYm9yZGVyLXJhZGl1czogMnB4O1xuICBmb250LXdlaWdodDogNjAwO1xuICBtYXJnaW46IDA7XG4gIHBhZGRpbmc6IDAgJHtzcGFjaW5nLnh4c21hbGx9O1xuXG4gIGRpc3BsYXk6IG5vbmU7XG4gICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy50YWJsZXQgfSl9IHtcbiAgICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG4gIH1cbmA7XG5cbmNvbnN0IFN0eWxlZERlc2NyaXB0aW9uID0gc3R5bGVkLnBgXG4gICR7Zm9udHMuc2l6ZXMoJzE2cHgnKX07XG4gIGxpbmUtaGVpZ2h0OiAxLjI1cmVtO1xuICBtYXJnaW46IDA7XG4gIGRpc3BsYXk6IG5vbmU7XG5cbiAgJHttcS5yYW5nZSh7IGZyb206IGJyZWFrcG9pbnRzLnRhYmxldCB9KX0ge1xuICAgIGRpc3BsYXk6IGJsb2NrO1xuICB9XG5gO1xuXG5pbnRlcmZhY2UgUHJvcHMge1xuICB0aXRsZTogc3RyaW5nO1xuICB0ZXh0OiBzdHJpbmc7XG4gIHR5cGU6IHN0cmluZztcbiAgaW1hZ2U6IHN0cmluZztcbiAgaXNGaWxtPzogYm9vbGVhbjtcbiAgdG9MaW5rUHJvcHM6ICgpID0+IFNhZmVMaW5rUHJvcHM7XG4gIGNvbHVtbldpZHRoOiBudW1iZXI7XG59XG5cbmNvbnN0IENvbnRlbnRDYXJkID0gKHsgdGl0bGUsIHRleHQsIGltYWdlLCB0eXBlLCBpc0ZpbG0gPSBmYWxzZSwgdG9MaW5rUHJvcHMsIGNvbHVtbldpZHRoIH06IFByb3BzKSA9PiAoXG4gIDxDb250ZW50Q2FyZENvbnRhaW5lciBjb2x1bW5XaWR0aD17Y29sdW1uV2lkdGh9PlxuICAgIDxDb250ZW50Q2FyZExpbmsgey4uLnRvTGlua1Byb3BzKCl9IHRpdGxlPXt0aXRsZX0+XG4gICAgICA8aGVhZGVyPlxuICAgICAgICA8SW1hZ2VXcmFwcGVyPlxuICAgICAgICAgIDxCYWNrZ3JvdW5kSW1hZ2UgaW1hZ2U9e2ltYWdlfSByb2xlPVwiaW1nXCIgYXJpYS1sYWJlbD17dGl0bGV9IC8+XG4gICAgICAgICAge2lzRmlsbSAmJiAoXG4gICAgICAgICAgICA8UGxheUJhY2tncm91bmQ+XG4gICAgICAgICAgICAgIDxQbGF5IC8+XG4gICAgICAgICAgICA8L1BsYXlCYWNrZ3JvdW5kPlxuICAgICAgICAgICl9XG4gICAgICAgICAgPFN0eWxlZENvbnRlbnRUeXBlPnt0eXBlfTwvU3R5bGVkQ29udGVudFR5cGU+XG4gICAgICAgIDwvSW1hZ2VXcmFwcGVyPlxuICAgICAgICA8U3R5bGVkSGVhZGluZz57dGl0bGV9PC9TdHlsZWRIZWFkaW5nPlxuICAgICAgPC9oZWFkZXI+XG4gICAgICA8U3R5bGVkRGVzY3JpcHRpb24+e3RleHR9PC9TdHlsZWREZXNjcmlwdGlvbj5cbiAgICA8L0NvbnRlbnRDYXJkTGluaz5cbiAgPC9Db250ZW50Q2FyZENvbnRhaW5lcj5cbik7XG5cbmV4cG9ydCBkZWZhdWx0IENvbnRlbnRDYXJkO1xuIl19 */"));
+var StyledContentType = (0, _styledBase["default"])("p", {
+  target: "eou81id6",
+  label: "StyledContentType"
+})(_core.fonts.sizes('12px', '20px'), ";position:absolute;left:", _core.spacing.small, ";bottom:", _core.spacing.small, ";display:inline-block;background:", _core.colors.brand.greyLightest, ";border-radius:2px;font-weight:600;margin:0;padding:0 ", _core.spacing.xxsmall, ";display:none;", _core.mq.range({
+  from: _core.breakpoints.tablet
+}), "{display:inline-block;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNvbnRlbnRDYXJkLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE0RmtDIiwiZmlsZSI6IkNvbnRlbnRDYXJkLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBQbGF5IH0gZnJvbSAnQG5kbGEvaWNvbnMvY29tbW9uJztcbmltcG9ydCBTYWZlTGluayBmcm9tICdAbmRsYS9zYWZlbGluayc7XG5pbXBvcnQgdHlwZSB7IFNhZmVMaW5rUHJvcHMgfSBmcm9tICdAbmRsYS9zYWZlbGluayc7XG5pbXBvcnQgeyBicmVha3BvaW50cywgY29sb3JzLCBmb250cywgbXEsIHNwYWNpbmcsIHNwYWNpbmdVbml0IH0gZnJvbSAnQG5kbGEvY29yZSc7XG5cbmludGVyZmFjZSBDb250ZW50Q2FyZENvbnRhaW5lclByb3BzIHtcbiAgY29sdW1uV2lkdGg6IG51bWJlcjtcbn1cbmNvbnN0IENvbnRlbnRDYXJkQ29udGFpbmVyID0gc3R5bGVkLmFydGljbGU8Q29udGVudENhcmRDb250YWluZXJQcm9wcz5gXG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgZGlzcGxheTogYmxvY2s7XG4gIHdpZHRoOiAkeyhwKSA9PiBgJHtwLmNvbHVtbldpZHRofXB4YH07XG5gO1xuXG5jb25zdCBTdHlsZWRIZWFkaW5nID0gc3R5bGVkLmgxYFxuICBmb250LXdlaWdodDogJHtmb250cy53ZWlnaHQuc2VtaWJvbGR9O1xuICAke2ZvbnRzLnNpemVzKCcxNHB4JywgJzE2cHgnKX07XG4gIG1hcmdpbjogJHtzcGFjaW5nLnhzbWFsbH0gMDtcbiAgY29sb3I6ICR7Y29sb3JzLmJyYW5kLnByaW1hcnl9O1xuXG4gICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy50YWJsZXQgfSl9IHtcbiAgICBtYXJnaW46ICR7c3BhY2luZy5zbWFsbH0gMCAke3NwYWNpbmcueHNtYWxsfTtcbiAgICAke2ZvbnRzLnNpemVzKCcyMHB4JywgJzIycHgnKX07XG4gIH1cbmA7XG5cbmNvbnN0IENvbnRlbnRDYXJkTGluayA9IHN0eWxlZChTYWZlTGluaylgXG4gIGNvbG9yOiAke2NvbG9ycy50ZXh0LnByaW1hcnl9O1xuICAmOmhvdmVyLFxuICAmOmZvY3VzIHtcbiAgICAke1N0eWxlZEhlYWRpbmd9IHtcbiAgICAgIHRleHQtZGVjb3JhdGlvbjogdW5kZXJsaW5lO1xuICAgIH1cbiAgfVxuYDtcblxuY29uc3QgSW1hZ2VXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgd2lkdGg6IDEwMCU7XG4gIGhlaWdodDogNzJweDtcbiAgYm9yZGVyLXJhZGl1czogNXB4O1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIG92ZXJmbG93OiBoaWRkZW47XG4gIGJhY2tncm91bmQ6ICR7Y29sb3JzLmJhY2tncm91bmQuZ3JheURhcmt9O1xuICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMudGFibGV0IH0pfSB7XG4gICAgaGVpZ2h0OiAke3NwYWNpbmdVbml0ICogNC41fXB4O1xuICB9XG5gO1xuXG5pbnRlcmZhY2UgQmFja2dyb3VuZEltYWdlUHJvcHMge1xuICBpbWFnZTogc3RyaW5nO1xufVxuY29uc3QgQmFja2dyb3VuZEltYWdlID0gc3R5bGVkLmRpdjxCYWNrZ3JvdW5kSW1hZ2VQcm9wcz5gXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGhlaWdodDogMTAwJTtcbiAgd2lkdGg6IDEwMCU7XG4gIGJhY2tncm91bmQtcG9zaXRpb246IGNlbnRlciBjZW50ZXI7XG4gIGJhY2tncm91bmQtc2l6ZTogY292ZXI7XG4gIGJhY2tncm91bmQtaW1hZ2U6IHVybCgkeyhwKSA9PiBwLmltYWdlfSk7XG5gO1xuXG5jb25zdCBQbGF5QmFja2dyb3VuZCA9IHN0eWxlZC5kaXZgXG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgbGVmdDogNTAlO1xuICB0b3A6IDUwJTtcbiAgdHJhbnNmb3JtOiB0cmFuc2xhdGUzZCgtNTAlLCAtNTAlLCAwKTtcbiAgaGVpZ2h0OiAzNXB4O1xuICB3aWR0aDogMzVweDtcbiAgYmFja2dyb3VuZC1jb2xvcjogcmdiYSgwLCAwLCAwLCAwLjQ4KTtcbiAgYm9yZGVyLXJhZGl1czogMTAwJTtcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy50YWJsZXQgfSl9IHtcbiAgICBoZWlnaHQ6IDQycHg7XG4gICAgd2lkdGg6IDQycHg7XG4gIH1cblxuICAuYy1pY29uIHtcbiAgICBjb2xvcjogJHtjb2xvcnMud2hpdGV9O1xuICAgIGhlaWdodDogMjBweDtcbiAgICB3aWR0aDogMjBweDtcbiAgICBtYXJnaW4tcmlnaHQ6IC0xcHg7XG5cbiAgICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMudGFibGV0IH0pfSB7XG4gICAgICBoZWlnaHQ6IDI1cHg7XG4gICAgICB3aWR0aDogMjVweDtcbiAgICB9XG4gIH1cbmA7XG5cbmNvbnN0IFN0eWxlZENvbnRlbnRUeXBlID0gc3R5bGVkLnBgXG4gICR7Zm9udHMuc2l6ZXMoJzEycHgnLCAnMjBweCcpfTtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICBsZWZ0OiAke3NwYWNpbmcuc21hbGx9O1xuICBib3R0b206ICR7c3BhY2luZy5zbWFsbH07XG4gIGRpc3BsYXk6IGlubGluZS1ibG9jaztcbiAgYmFja2dyb3VuZDogJHtjb2xvcnMuYnJhbmQuZ3JleUxpZ2h0ZXN0fTtcbiAgYm9yZGVyLXJhZGl1czogMnB4O1xuICBmb250LXdlaWdodDogNjAwO1xuICBtYXJnaW46IDA7XG4gIHBhZGRpbmc6IDAgJHtzcGFjaW5nLnh4c21hbGx9O1xuXG4gIGRpc3BsYXk6IG5vbmU7XG4gICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy50YWJsZXQgfSl9IHtcbiAgICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG4gIH1cbmA7XG5cbmNvbnN0IFN0eWxlZERlc2NyaXB0aW9uID0gc3R5bGVkLnBgXG4gICR7Zm9udHMuc2l6ZXMoJzE2cHgnKX07XG4gIGxpbmUtaGVpZ2h0OiAxLjI1cmVtO1xuICBtYXJnaW46IDA7XG4gIGRpc3BsYXk6IG5vbmU7XG5cbiAgJHttcS5yYW5nZSh7IGZyb206IGJyZWFrcG9pbnRzLnRhYmxldCB9KX0ge1xuICAgIGRpc3BsYXk6IGJsb2NrO1xuICB9XG5gO1xuXG5pbnRlcmZhY2UgUHJvcHMge1xuICB0aXRsZTogc3RyaW5nO1xuICB0ZXh0OiBzdHJpbmc7XG4gIHR5cGU6IHN0cmluZztcbiAgaW1hZ2U6IHN0cmluZztcbiAgaXNGaWxtPzogYm9vbGVhbjtcbiAgdG9MaW5rUHJvcHM6ICgpID0+IFNhZmVMaW5rUHJvcHM7XG4gIGNvbHVtbldpZHRoOiBudW1iZXI7XG59XG5cbmNvbnN0IENvbnRlbnRDYXJkID0gKHsgdGl0bGUsIHRleHQsIGltYWdlLCB0eXBlLCBpc0ZpbG0gPSBmYWxzZSwgdG9MaW5rUHJvcHMsIGNvbHVtbldpZHRoIH06IFByb3BzKSA9PiAoXG4gIDxDb250ZW50Q2FyZENvbnRhaW5lciBjb2x1bW5XaWR0aD17Y29sdW1uV2lkdGh9PlxuICAgIDxDb250ZW50Q2FyZExpbmsgey4uLnRvTGlua1Byb3BzKCl9IHRpdGxlPXt0aXRsZX0+XG4gICAgICA8aGVhZGVyPlxuICAgICAgICA8SW1hZ2VXcmFwcGVyPlxuICAgICAgICAgIDxCYWNrZ3JvdW5kSW1hZ2UgaW1hZ2U9e2ltYWdlfSByb2xlPVwiaW1nXCIgYXJpYS1sYWJlbD17dGl0bGV9IC8+XG4gICAgICAgICAge2lzRmlsbSAmJiAoXG4gICAgICAgICAgICA8UGxheUJhY2tncm91bmQ+XG4gICAgICAgICAgICAgIDxQbGF5IC8+XG4gICAgICAgICAgICA8L1BsYXlCYWNrZ3JvdW5kPlxuICAgICAgICAgICl9XG4gICAgICAgICAgPFN0eWxlZENvbnRlbnRUeXBlPnt0eXBlfTwvU3R5bGVkQ29udGVudFR5cGU+XG4gICAgICAgIDwvSW1hZ2VXcmFwcGVyPlxuICAgICAgICA8U3R5bGVkSGVhZGluZz57dGl0bGV9PC9TdHlsZWRIZWFkaW5nPlxuICAgICAgPC9oZWFkZXI+XG4gICAgICA8U3R5bGVkRGVzY3JpcHRpb24+e3RleHR9PC9TdHlsZWREZXNjcmlwdGlvbj5cbiAgICA8L0NvbnRlbnRDYXJkTGluaz5cbiAgPC9Db250ZW50Q2FyZENvbnRhaW5lcj5cbik7XG5cbmV4cG9ydCBkZWZhdWx0IENvbnRlbnRDYXJkO1xuIl19 */"));
+var StyledDescription = (0, _styledBase["default"])("p", {
+  target: "eou81id7",
+  label: "StyledDescription"
+})(_core.fonts.sizes('16px'), ";line-height:1.25rem;margin:0;display:none;", _core.mq.range({
+  from: _core.breakpoints.tablet
+}), "{display:block;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNvbnRlbnRDYXJkLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE4R2tDIiwiZmlsZSI6IkNvbnRlbnRDYXJkLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBQbGF5IH0gZnJvbSAnQG5kbGEvaWNvbnMvY29tbW9uJztcbmltcG9ydCBTYWZlTGluayBmcm9tICdAbmRsYS9zYWZlbGluayc7XG5pbXBvcnQgdHlwZSB7IFNhZmVMaW5rUHJvcHMgfSBmcm9tICdAbmRsYS9zYWZlbGluayc7XG5pbXBvcnQgeyBicmVha3BvaW50cywgY29sb3JzLCBmb250cywgbXEsIHNwYWNpbmcsIHNwYWNpbmdVbml0IH0gZnJvbSAnQG5kbGEvY29yZSc7XG5cbmludGVyZmFjZSBDb250ZW50Q2FyZENvbnRhaW5lclByb3BzIHtcbiAgY29sdW1uV2lkdGg6IG51bWJlcjtcbn1cbmNvbnN0IENvbnRlbnRDYXJkQ29udGFpbmVyID0gc3R5bGVkLmFydGljbGU8Q29udGVudENhcmRDb250YWluZXJQcm9wcz5gXG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgZGlzcGxheTogYmxvY2s7XG4gIHdpZHRoOiAkeyhwKSA9PiBgJHtwLmNvbHVtbldpZHRofXB4YH07XG5gO1xuXG5jb25zdCBTdHlsZWRIZWFkaW5nID0gc3R5bGVkLmgxYFxuICBmb250LXdlaWdodDogJHtmb250cy53ZWlnaHQuc2VtaWJvbGR9O1xuICAke2ZvbnRzLnNpemVzKCcxNHB4JywgJzE2cHgnKX07XG4gIG1hcmdpbjogJHtzcGFjaW5nLnhzbWFsbH0gMDtcbiAgY29sb3I6ICR7Y29sb3JzLmJyYW5kLnByaW1hcnl9O1xuXG4gICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy50YWJsZXQgfSl9IHtcbiAgICBtYXJnaW46ICR7c3BhY2luZy5zbWFsbH0gMCAke3NwYWNpbmcueHNtYWxsfTtcbiAgICAke2ZvbnRzLnNpemVzKCcyMHB4JywgJzIycHgnKX07XG4gIH1cbmA7XG5cbmNvbnN0IENvbnRlbnRDYXJkTGluayA9IHN0eWxlZChTYWZlTGluaylgXG4gIGNvbG9yOiAke2NvbG9ycy50ZXh0LnByaW1hcnl9O1xuICAmOmhvdmVyLFxuICAmOmZvY3VzIHtcbiAgICAke1N0eWxlZEhlYWRpbmd9IHtcbiAgICAgIHRleHQtZGVjb3JhdGlvbjogdW5kZXJsaW5lO1xuICAgIH1cbiAgfVxuYDtcblxuY29uc3QgSW1hZ2VXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgd2lkdGg6IDEwMCU7XG4gIGhlaWdodDogNzJweDtcbiAgYm9yZGVyLXJhZGl1czogNXB4O1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIG92ZXJmbG93OiBoaWRkZW47XG4gIGJhY2tncm91bmQ6ICR7Y29sb3JzLmJhY2tncm91bmQuZ3JheURhcmt9O1xuICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMudGFibGV0IH0pfSB7XG4gICAgaGVpZ2h0OiAke3NwYWNpbmdVbml0ICogNC41fXB4O1xuICB9XG5gO1xuXG5pbnRlcmZhY2UgQmFja2dyb3VuZEltYWdlUHJvcHMge1xuICBpbWFnZTogc3RyaW5nO1xufVxuY29uc3QgQmFja2dyb3VuZEltYWdlID0gc3R5bGVkLmRpdjxCYWNrZ3JvdW5kSW1hZ2VQcm9wcz5gXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGhlaWdodDogMTAwJTtcbiAgd2lkdGg6IDEwMCU7XG4gIGJhY2tncm91bmQtcG9zaXRpb246IGNlbnRlciBjZW50ZXI7XG4gIGJhY2tncm91bmQtc2l6ZTogY292ZXI7XG4gIGJhY2tncm91bmQtaW1hZ2U6IHVybCgkeyhwKSA9PiBwLmltYWdlfSk7XG5gO1xuXG5jb25zdCBQbGF5QmFja2dyb3VuZCA9IHN0eWxlZC5kaXZgXG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgbGVmdDogNTAlO1xuICB0b3A6IDUwJTtcbiAgdHJhbnNmb3JtOiB0cmFuc2xhdGUzZCgtNTAlLCAtNTAlLCAwKTtcbiAgaGVpZ2h0OiAzNXB4O1xuICB3aWR0aDogMzVweDtcbiAgYmFja2dyb3VuZC1jb2xvcjogcmdiYSgwLCAwLCAwLCAwLjQ4KTtcbiAgYm9yZGVyLXJhZGl1czogMTAwJTtcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy50YWJsZXQgfSl9IHtcbiAgICBoZWlnaHQ6IDQycHg7XG4gICAgd2lkdGg6IDQycHg7XG4gIH1cblxuICAuYy1pY29uIHtcbiAgICBjb2xvcjogJHtjb2xvcnMud2hpdGV9O1xuICAgIGhlaWdodDogMjBweDtcbiAgICB3aWR0aDogMjBweDtcbiAgICBtYXJnaW4tcmlnaHQ6IC0xcHg7XG5cbiAgICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMudGFibGV0IH0pfSB7XG4gICAgICBoZWlnaHQ6IDI1cHg7XG4gICAgICB3aWR0aDogMjVweDtcbiAgICB9XG4gIH1cbmA7XG5cbmNvbnN0IFN0eWxlZENvbnRlbnRUeXBlID0gc3R5bGVkLnBgXG4gICR7Zm9udHMuc2l6ZXMoJzEycHgnLCAnMjBweCcpfTtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICBsZWZ0OiAke3NwYWNpbmcuc21hbGx9O1xuICBib3R0b206ICR7c3BhY2luZy5zbWFsbH07XG4gIGRpc3BsYXk6IGlubGluZS1ibG9jaztcbiAgYmFja2dyb3VuZDogJHtjb2xvcnMuYnJhbmQuZ3JleUxpZ2h0ZXN0fTtcbiAgYm9yZGVyLXJhZGl1czogMnB4O1xuICBmb250LXdlaWdodDogNjAwO1xuICBtYXJnaW46IDA7XG4gIHBhZGRpbmc6IDAgJHtzcGFjaW5nLnh4c21hbGx9O1xuXG4gIGRpc3BsYXk6IG5vbmU7XG4gICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy50YWJsZXQgfSl9IHtcbiAgICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG4gIH1cbmA7XG5cbmNvbnN0IFN0eWxlZERlc2NyaXB0aW9uID0gc3R5bGVkLnBgXG4gICR7Zm9udHMuc2l6ZXMoJzE2cHgnKX07XG4gIGxpbmUtaGVpZ2h0OiAxLjI1cmVtO1xuICBtYXJnaW46IDA7XG4gIGRpc3BsYXk6IG5vbmU7XG5cbiAgJHttcS5yYW5nZSh7IGZyb206IGJyZWFrcG9pbnRzLnRhYmxldCB9KX0ge1xuICAgIGRpc3BsYXk6IGJsb2NrO1xuICB9XG5gO1xuXG5pbnRlcmZhY2UgUHJvcHMge1xuICB0aXRsZTogc3RyaW5nO1xuICB0ZXh0OiBzdHJpbmc7XG4gIHR5cGU6IHN0cmluZztcbiAgaW1hZ2U6IHN0cmluZztcbiAgaXNGaWxtPzogYm9vbGVhbjtcbiAgdG9MaW5rUHJvcHM6ICgpID0+IFNhZmVMaW5rUHJvcHM7XG4gIGNvbHVtbldpZHRoOiBudW1iZXI7XG59XG5cbmNvbnN0IENvbnRlbnRDYXJkID0gKHsgdGl0bGUsIHRleHQsIGltYWdlLCB0eXBlLCBpc0ZpbG0gPSBmYWxzZSwgdG9MaW5rUHJvcHMsIGNvbHVtbldpZHRoIH06IFByb3BzKSA9PiAoXG4gIDxDb250ZW50Q2FyZENvbnRhaW5lciBjb2x1bW5XaWR0aD17Y29sdW1uV2lkdGh9PlxuICAgIDxDb250ZW50Q2FyZExpbmsgey4uLnRvTGlua1Byb3BzKCl9IHRpdGxlPXt0aXRsZX0+XG4gICAgICA8aGVhZGVyPlxuICAgICAgICA8SW1hZ2VXcmFwcGVyPlxuICAgICAgICAgIDxCYWNrZ3JvdW5kSW1hZ2UgaW1hZ2U9e2ltYWdlfSByb2xlPVwiaW1nXCIgYXJpYS1sYWJlbD17dGl0bGV9IC8+XG4gICAgICAgICAge2lzRmlsbSAmJiAoXG4gICAgICAgICAgICA8UGxheUJhY2tncm91bmQ+XG4gICAgICAgICAgICAgIDxQbGF5IC8+XG4gICAgICAgICAgICA8L1BsYXlCYWNrZ3JvdW5kPlxuICAgICAgICAgICl9XG4gICAgICAgICAgPFN0eWxlZENvbnRlbnRUeXBlPnt0eXBlfTwvU3R5bGVkQ29udGVudFR5cGU+XG4gICAgICAgIDwvSW1hZ2VXcmFwcGVyPlxuICAgICAgICA8U3R5bGVkSGVhZGluZz57dGl0bGV9PC9TdHlsZWRIZWFkaW5nPlxuICAgICAgPC9oZWFkZXI+XG4gICAgICA8U3R5bGVkRGVzY3JpcHRpb24+e3RleHR9PC9TdHlsZWREZXNjcmlwdGlvbj5cbiAgICA8L0NvbnRlbnRDYXJkTGluaz5cbiAgPC9Db250ZW50Q2FyZENvbnRhaW5lcj5cbik7XG5cbmV4cG9ydCBkZWZhdWx0IENvbnRlbnRDYXJkO1xuIl19 */"));
 
 var ContentCard = function ContentCard(_ref) {
   var title = _ref.title,
@@ -32,31 +79,16 @@ var ContentCard = function ContentCard(_ref) {
       isFilm = _ref$isFilm === void 0 ? false : _ref$isFilm,
       toLinkProps = _ref.toLinkProps,
       columnWidth = _ref.columnWidth;
-  return (0, _core.jsx)("article", _extends({}, classes(), {
-    style: {
-      width: "".concat(columnWidth, "px")
-    }
-  }), (0, _core.jsx)(_safelink["default"], _extends({}, toLinkProps(), {
+  return (0, _core2.jsx)(ContentCardContainer, {
+    columnWidth: columnWidth
+  }, (0, _core2.jsx)(ContentCardLink, _extends({}, toLinkProps(), {
     title: title
-  }, classes('link')), (0, _core.jsx)("header", null, (0, _core.jsx)("div", classes('image-wrapper'), (0, _core.jsx)("div", _extends({}, classes('background-image'), {
+  }), (0, _core2.jsx)("header", null, (0, _core2.jsx)(ImageWrapper, null, (0, _core2.jsx)(BackgroundImage, {
+    image: image,
     role: "img",
-    "aria-label": title,
-    style: {
-      backgroundImage: "url(".concat(image, ")")
-    }
-  })), isFilm && (0, _core.jsx)("div", classes('play-background'), (0, _core.jsx)(_common.Play, null)), (0, _core.jsx)("p", classes('type'), type)), (0, _core.jsx)("h1", classes('heading'), title)), (0, _core.jsx)("p", classes('description'), text)));
+    "aria-label": title
+  }), isFilm && (0, _core2.jsx)(PlayBackground, null, (0, _core2.jsx)(_common.Play, null)), (0, _core2.jsx)(StyledContentType, null, type)), (0, _core2.jsx)(StyledHeading, null, title)), (0, _core2.jsx)(StyledDescription, null, text)));
 };
 
-ContentCard.propTypes = {
-  title: _propTypes["default"].string.isRequired,
-  text: _propTypes["default"].string.isRequired,
-  type: _propTypes["default"].string.isRequired,
-  image: _propTypes["default"].string.isRequired,
-  isFilm: _propTypes["default"].bool,
-  toLinkProps: _propTypes["default"].func.isRequired
-};
-ContentCard.defaultProps = {
-  isFilm: false
-};
 var _default = ContentCard;
 exports["default"] = _default;

package/lib/FileList/File.js

@@ -5,6 +5,10 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = void 0;
 
+var _styledBase = _interopRequireDefault(require("@emotion/styled-base"));
+
+var _core = require("@ndla/core");
+
 var _common = require("@ndla/icons/common");
 
 var _safelink = _interopRequireDefault(require("@ndla/safelink"));
@@ -13,46 +17,66 @@ var _tooltip = _interopRequireDefault(require("@ndla/tooltip"));
 
 var _react = _interopRequireDefault(require("react"));
 
-var _reactBemHelper = _interopRequireDefault(require("react-bem-helper"));
-
-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); }
+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 classes = (0, _reactBemHelper["default"])('c-file-list');
+var LinkText = (0, _styledBase["default"])("span", {
+  target: "ei1p2nz0",
+  label: "LinkText"
+})(process.env.NODE_ENV === "production" ? {
+  name: "1attolx",
+  styles: "& > span{box-shadow:inset 0 -1px;}"
+} : {
+  name: "1attolx",
+  styles: "& > span{box-shadow:inset 0 -1px;}",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZpbGUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVE0QiIsImZpbGUiOiJGaWxlLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGJyZWFrcG9pbnRzLCBjb2xvcnMsIGZvbnRzLCBtcSwgc3BhY2luZyB9IGZyb20gJ0BuZGxhL2NvcmUnO1xuaW1wb3J0IHsgRG93bmxvYWQgfSBmcm9tICdAbmRsYS9pY29ucy9jb21tb24nO1xuaW1wb3J0IFNhZmVMaW5rIGZyb20gJ0BuZGxhL3NhZmVsaW5rJztcbmltcG9ydCBUb29sdGlwIGZyb20gJ0BuZGxhL3Rvb2x0aXAnO1xuaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IEZpbGVGb3JtYXQsIEZpbGVUeXBlIH0gZnJvbSAnLi9GaWxlTGlzdCc7XG5cbmNvbnN0IExpbmtUZXh0ID0gc3R5bGVkLnNwYW5gXG4gICYgPiBzcGFuIHtcbiAgICBib3gtc2hhZG93OiBpbnNldCAwIC0xcHg7XG4gIH1cbmA7XG5jb25zdCBGaWxlTGluayA9IHN0eWxlZChTYWZlTGluaylgXG4gIGJveC1zaGFkb3c6IG5vbmU7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgY29sb3I6ICR7Y29sb3JzLmJyYW5kLnByaW1hcnl9O1xuICBtYXJnaW4tcmlnaHQ6ICR7c3BhY2luZy5ub3JtYWx9O1xuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuXG4gICY6bGFzdC1jaGlsZCB7XG4gICAgbWFyZ2luLXJpZ2h0OiAwO1xuICB9XG5cbiAgJjpob3ZlcixcbiAgJjpmb2N1cyxcbiAgJjphY3RpdmUge1xuICAgICR7TGlua1RleHR9IHtcbiAgICAgIGJveC1zaGFkb3c6IG5vbmU7XG4gICAgfVxuICB9XG5gO1xuXG5jb25zdCByZW5kZXJGb3JtYXQgPSAoZm9ybWF0OiBGaWxlRm9ybWF0LCB0aXRsZTogc3RyaW5nLCBpc1ByaW1hcnk6IGJvb2xlYW4sIGlkOiBzdHJpbmcsIGlzRGVhZExpbms6IGJvb2xlYW4pID0+IHtcbiAgY29uc3QgdGl0bGVXaXRoRm9ybWF0ID0gYCR7dGl0bGV9ICgke2Zvcm1hdC5maWxlVHlwZS50b1VwcGVyQ2FzZSgpfSlgO1xuXG4gIGNvbnN0IGZvcm1hdElkID0gYCR7aWR9XyR7Zm9ybWF0LmZpbGVUeXBlfWA7XG5cbiAgaWYgKGlzRGVhZExpbmspIHtcbiAgICByZXR1cm4gKFxuICAgICAgPHNwYW4ga2V5PXtmb3JtYXQudXJsfT5cbiAgICAgICAgPERvd25sb2FkIC8+XG4gICAgICAgIDxzcGFuPntpc1ByaW1hcnkgPyB0aXRsZVdpdGhGb3JtYXQgOiBgKCR7Zm9ybWF0LmZpbGVUeXBlLnRvVXBwZXJDYXNlKCl9KWB9PC9zcGFuPlxuICAgICAgPC9zcGFuPlxuICAgICk7XG4gIH1cblxuICByZXR1cm4gKFxuICAgIDxGaWxlTGluayBrZXk9e2Zvcm1hdC51cmx9IHRvPXtmb3JtYXQudXJsfSB0YXJnZXQ9XCJfYmxhbmtcIiBhcmlhLWxhYmVsPXt0aXRsZVdpdGhGb3JtYXR9IGFyaWEtZGVzY3JpYmVkYnk9e2Zvcm1hdElkfT5cbiAgICAgIDxEb3dubG9hZCAvPlxuICAgICAgPFRvb2x0aXAgdG9vbHRpcD17Zm9ybWF0LnRvb2x0aXB9PlxuICAgICAgICA8TGlua1RleHQ+XG4gICAgICAgICAgPHNwYW4+e2lzUHJpbWFyeSA/IHRpdGxlV2l0aEZvcm1hdCA6IGAoJHtmb3JtYXQuZmlsZVR5cGUudG9VcHBlckNhc2UoKX0pYH08L3NwYW4+XG4gICAgICAgIDwvTGlua1RleHQ+XG4gICAgICA8L1Rvb2x0aXA+XG4gICAgPC9GaWxlTGluaz5cbiAgKTtcbn07XG5cbmludGVyZmFjZSBQcm9wcyB7XG4gIGlkOiBzdHJpbmc7XG4gIGZpbGU6IEZpbGVUeXBlO1xufVxuXG5jb25zdCBGaWxlTGlzdEl0ZW0gPSBzdHlsZWQubGlgXG4gICR7Zm9udHMuc2l6ZXMoJzE4cHgnLCAnMjZweCcpfTtcbiAgZm9udC13ZWlnaHQ6ICR7Zm9udHMud2VpZ2h0LnNlbWlib2xkfTtcbiAgbWluLWhlaWdodDogNjBweDtcbiAgYmFja2dyb3VuZDogJHtjb2xvcnMuYnJhbmQuZ3JleUxpZ2h0ZXJ9O1xuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBmbGV4LXdyYXA6IHdyYXA7XG4gIG1hcmdpbi1ib3R0b206ICR7c3BhY2luZy54c21hbGx9O1xuICBwYWRkaW5nOiAke3NwYWNpbmcuc21hbGx9O1xuICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMudGFibGV0IH0pfSB7XG4gICAgcGFkZGluZzogJHtzcGFjaW5nLnNtYWxsfSAke3NwYWNpbmcubm9ybWFsfTtcbiAgfVxuYDtcblxuY29uc3QgRmlsZSA9ICh7IGZpbGUsIGlkIH06IFByb3BzKSA9PiB7XG4gIGNvbnN0IGZvcm1hdExpbmtzID0gZmlsZS5mb3JtYXRzLm1hcCgoZm9ybWF0LCBpbmRleCkgPT5cbiAgICByZW5kZXJGb3JtYXQoZm9ybWF0LCBmaWxlLnRpdGxlLCBpbmRleCA9PT0gMCwgaWQsICFmaWxlLmZpbGVFeGlzdHMpLFxuICApO1xuXG4gIHJldHVybiA8RmlsZUxpc3RJdGVtIGtleT17ZmlsZS50aXRsZX0+e2Zvcm1hdExpbmtzfTwvRmlsZUxpc3RJdGVtPjtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IEZpbGU7XG4iXX0= */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+var FileLink = ( /*#__PURE__*/0, _styledBase["default"])(_safelink["default"], {
+  target: "ei1p2nz1",
+  label: "FileLink"
+})("box-shadow:none;position:relative;color:", _core.colors.brand.primary, ";margin-right:", _core.spacing.normal, ";display:flex;align-items:center;&:last-child{margin-right:0;}&:hover,&:focus,&:active{", LinkText, "{box-shadow:none;}}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZpbGUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWFpQyIsImZpbGUiOiJGaWxlLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGJyZWFrcG9pbnRzLCBjb2xvcnMsIGZvbnRzLCBtcSwgc3BhY2luZyB9IGZyb20gJ0BuZGxhL2NvcmUnO1xuaW1wb3J0IHsgRG93bmxvYWQgfSBmcm9tICdAbmRsYS9pY29ucy9jb21tb24nO1xuaW1wb3J0IFNhZmVMaW5rIGZyb20gJ0BuZGxhL3NhZmVsaW5rJztcbmltcG9ydCBUb29sdGlwIGZyb20gJ0BuZGxhL3Rvb2x0aXAnO1xuaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IEZpbGVGb3JtYXQsIEZpbGVUeXBlIH0gZnJvbSAnLi9GaWxlTGlzdCc7XG5cbmNvbnN0IExpbmtUZXh0ID0gc3R5bGVkLnNwYW5gXG4gICYgPiBzcGFuIHtcbiAgICBib3gtc2hhZG93OiBpbnNldCAwIC0xcHg7XG4gIH1cbmA7XG5jb25zdCBGaWxlTGluayA9IHN0eWxlZChTYWZlTGluaylgXG4gIGJveC1zaGFkb3c6IG5vbmU7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgY29sb3I6ICR7Y29sb3JzLmJyYW5kLnByaW1hcnl9O1xuICBtYXJnaW4tcmlnaHQ6ICR7c3BhY2luZy5ub3JtYWx9O1xuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuXG4gICY6bGFzdC1jaGlsZCB7XG4gICAgbWFyZ2luLXJpZ2h0OiAwO1xuICB9XG5cbiAgJjpob3ZlcixcbiAgJjpmb2N1cyxcbiAgJjphY3RpdmUge1xuICAgICR7TGlua1RleHR9IHtcbiAgICAgIGJveC1zaGFkb3c6IG5vbmU7XG4gICAgfVxuICB9XG5gO1xuXG5jb25zdCByZW5kZXJGb3JtYXQgPSAoZm9ybWF0OiBGaWxlRm9ybWF0LCB0aXRsZTogc3RyaW5nLCBpc1ByaW1hcnk6IGJvb2xlYW4sIGlkOiBzdHJpbmcsIGlzRGVhZExpbms6IGJvb2xlYW4pID0+IHtcbiAgY29uc3QgdGl0bGVXaXRoRm9ybWF0ID0gYCR7dGl0bGV9ICgke2Zvcm1hdC5maWxlVHlwZS50b1VwcGVyQ2FzZSgpfSlgO1xuXG4gIGNvbnN0IGZvcm1hdElkID0gYCR7aWR9XyR7Zm9ybWF0LmZpbGVUeXBlfWA7XG5cbiAgaWYgKGlzRGVhZExpbmspIHtcbiAgICByZXR1cm4gKFxuICAgICAgPHNwYW4ga2V5PXtmb3JtYXQudXJsfT5cbiAgICAgICAgPERvd25sb2FkIC8+XG4gICAgICAgIDxzcGFuPntpc1ByaW1hcnkgPyB0aXRsZVdpdGhGb3JtYXQgOiBgKCR7Zm9ybWF0LmZpbGVUeXBlLnRvVXBwZXJDYXNlKCl9KWB9PC9zcGFuPlxuICAgICAgPC9zcGFuPlxuICAgICk7XG4gIH1cblxuICByZXR1cm4gKFxuICAgIDxGaWxlTGluayBrZXk9e2Zvcm1hdC51cmx9IHRvPXtmb3JtYXQudXJsfSB0YXJnZXQ9XCJfYmxhbmtcIiBhcmlhLWxhYmVsPXt0aXRsZVdpdGhGb3JtYXR9IGFyaWEtZGVzY3JpYmVkYnk9e2Zvcm1hdElkfT5cbiAgICAgIDxEb3dubG9hZCAvPlxuICAgICAgPFRvb2x0aXAgdG9vbHRpcD17Zm9ybWF0LnRvb2x0aXB9PlxuICAgICAgICA8TGlua1RleHQ+XG4gICAgICAgICAgPHNwYW4+e2lzUHJpbWFyeSA/IHRpdGxlV2l0aEZvcm1hdCA6IGAoJHtmb3JtYXQuZmlsZVR5cGUudG9VcHBlckNhc2UoKX0pYH08L3NwYW4+XG4gICAgICAgIDwvTGlua1RleHQ+XG4gICAgICA8L1Rvb2x0aXA+XG4gICAgPC9GaWxlTGluaz5cbiAgKTtcbn07XG5cbmludGVyZmFjZSBQcm9wcyB7XG4gIGlkOiBzdHJpbmc7XG4gIGZpbGU6IEZpbGVUeXBlO1xufVxuXG5jb25zdCBGaWxlTGlzdEl0ZW0gPSBzdHlsZWQubGlgXG4gICR7Zm9udHMuc2l6ZXMoJzE4cHgnLCAnMjZweCcpfTtcbiAgZm9udC13ZWlnaHQ6ICR7Zm9udHMud2VpZ2h0LnNlbWlib2xkfTtcbiAgbWluLWhlaWdodDogNjBweDtcbiAgYmFja2dyb3VuZDogJHtjb2xvcnMuYnJhbmQuZ3JleUxpZ2h0ZXJ9O1xuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBmbGV4LXdyYXA6IHdyYXA7XG4gIG1hcmdpbi1ib3R0b206ICR7c3BhY2luZy54c21hbGx9O1xuICBwYWRkaW5nOiAke3NwYWNpbmcuc21hbGx9O1xuICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMudGFibGV0IH0pfSB7XG4gICAgcGFkZGluZzogJHtzcGFjaW5nLnNtYWxsfSAke3NwYWNpbmcubm9ybWFsfTtcbiAgfVxuYDtcblxuY29uc3QgRmlsZSA9ICh7IGZpbGUsIGlkIH06IFByb3BzKSA9PiB7XG4gIGNvbnN0IGZvcm1hdExpbmtzID0gZmlsZS5mb3JtYXRzLm1hcCgoZm9ybWF0LCBpbmRleCkgPT5cbiAgICByZW5kZXJGb3JtYXQoZm9ybWF0LCBmaWxlLnRpdGxlLCBpbmRleCA9PT0gMCwgaWQsICFmaWxlLmZpbGVFeGlzdHMpLFxuICApO1xuXG4gIHJldHVybiA8RmlsZUxpc3RJdGVtIGtleT17ZmlsZS50aXRsZX0+e2Zvcm1hdExpbmtzfTwvRmlsZUxpc3RJdGVtPjtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IEZpbGU7XG4iXX0= */"));
 
 var renderFormat = function renderFormat(format, title, isPrimary, id, isDeadLink) {
   var titleWithFormat = "".concat(title, " (").concat(format.fileType.toUpperCase(), ")");
   var formatId = "".concat(id, "_").concat(format.fileType);
 
   if (isDeadLink) {
-    return (0, _core.jsx)("span", {
+    return (0, _core2.jsx)("span", {
       key: format.url
-    }, (0, _core.jsx)(_common.Download, null), (0, _core.jsx)("span", null, isPrimary ? titleWithFormat : "(".concat(format.fileType.toUpperCase(), ")")));
+    }, (0, _core2.jsx)(_common.Download, null), (0, _core2.jsx)("span", null, isPrimary ? titleWithFormat : "(".concat(format.fileType.toUpperCase(), ")")));
   }
 
-  return (0, _core.jsx)(_safelink["default"], _extends({}, classes('link'), {
+  return (0, _core2.jsx)(FileLink, {
     key: format.url,
     to: format.url,
     target: "_blank",
     "aria-label": titleWithFormat,
     "aria-describedby": formatId
-  }), (0, _core.jsx)(_common.Download, null), (0, _core.jsx)(_tooltip["default"], {
+  }, (0, _core2.jsx)(_common.Download, null), (0, _core2.jsx)(_tooltip["default"], {
     tooltip: format.tooltip
-  }, (0, _core.jsx)("span", classes('link-text'), (0, _core.jsx)("span", null, isPrimary ? titleWithFormat : "(".concat(format.fileType.toUpperCase(), ")")))));
+  }, (0, _core2.jsx)(LinkText, null, (0, _core2.jsx)("span", null, isPrimary ? titleWithFormat : "(".concat(format.fileType.toUpperCase(), ")")))));
 };
 
+var FileListItem = (0, _styledBase["default"])("li", {
+  target: "ei1p2nz2",
+  label: "FileListItem"
+})(_core.fonts.sizes('18px', '26px'), ";font-weight:", _core.fonts.weight.semibold, ";min-height:60px;background:", _core.colors.brand.greyLighter, ";display:flex;align-items:center;flex-wrap:wrap;margin-bottom:", _core.spacing.xsmall, ";padding:", _core.spacing.small, ";", _core.mq.range({
+  from: _core.breakpoints.tablet
+}), "{padding:", _core.spacing.small, " ", _core.spacing.normal, ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZpbGUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWlFOEIiLCJmaWxlIjoiRmlsZS50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBicmVha3BvaW50cywgY29sb3JzLCBmb250cywgbXEsIHNwYWNpbmcgfSBmcm9tICdAbmRsYS9jb3JlJztcbmltcG9ydCB7IERvd25sb2FkIH0gZnJvbSAnQG5kbGEvaWNvbnMvY29tbW9uJztcbmltcG9ydCBTYWZlTGluayBmcm9tICdAbmRsYS9zYWZlbGluayc7XG5pbXBvcnQgVG9vbHRpcCBmcm9tICdAbmRsYS90b29sdGlwJztcbmltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBGaWxlRm9ybWF0LCBGaWxlVHlwZSB9IGZyb20gJy4vRmlsZUxpc3QnO1xuXG5jb25zdCBMaW5rVGV4dCA9IHN0eWxlZC5zcGFuYFxuICAmID4gc3BhbiB7XG4gICAgYm94LXNoYWRvdzogaW5zZXQgMCAtMXB4O1xuICB9XG5gO1xuY29uc3QgRmlsZUxpbmsgPSBzdHlsZWQoU2FmZUxpbmspYFxuICBib3gtc2hhZG93OiBub25lO1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIGNvbG9yOiAke2NvbG9ycy5icmFuZC5wcmltYXJ5fTtcbiAgbWFyZ2luLXJpZ2h0OiAke3NwYWNpbmcubm9ybWFsfTtcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcblxuICAmOmxhc3QtY2hpbGQge1xuICAgIG1hcmdpbi1yaWdodDogMDtcbiAgfVxuXG4gICY6aG92ZXIsXG4gICY6Zm9jdXMsXG4gICY6YWN0aXZlIHtcbiAgICAke0xpbmtUZXh0fSB7XG4gICAgICBib3gtc2hhZG93OiBub25lO1xuICAgIH1cbiAgfVxuYDtcblxuY29uc3QgcmVuZGVyRm9ybWF0ID0gKGZvcm1hdDogRmlsZUZvcm1hdCwgdGl0bGU6IHN0cmluZywgaXNQcmltYXJ5OiBib29sZWFuLCBpZDogc3RyaW5nLCBpc0RlYWRMaW5rOiBib29sZWFuKSA9PiB7XG4gIGNvbnN0IHRpdGxlV2l0aEZvcm1hdCA9IGAke3RpdGxlfSAoJHtmb3JtYXQuZmlsZVR5cGUudG9VcHBlckNhc2UoKX0pYDtcblxuICBjb25zdCBmb3JtYXRJZCA9IGAke2lkfV8ke2Zvcm1hdC5maWxlVHlwZX1gO1xuXG4gIGlmIChpc0RlYWRMaW5rKSB7XG4gICAgcmV0dXJuIChcbiAgICAgIDxzcGFuIGtleT17Zm9ybWF0LnVybH0+XG4gICAgICAgIDxEb3dubG9hZCAvPlxuICAgICAgICA8c3Bhbj57aXNQcmltYXJ5ID8gdGl0bGVXaXRoRm9ybWF0IDogYCgke2Zvcm1hdC5maWxlVHlwZS50b1VwcGVyQ2FzZSgpfSlgfTwvc3Bhbj5cbiAgICAgIDwvc3Bhbj5cbiAgICApO1xuICB9XG5cbiAgcmV0dXJuIChcbiAgICA8RmlsZUxpbmsga2V5PXtmb3JtYXQudXJsfSB0bz17Zm9ybWF0LnVybH0gdGFyZ2V0PVwiX2JsYW5rXCIgYXJpYS1sYWJlbD17dGl0bGVXaXRoRm9ybWF0fSBhcmlhLWRlc2NyaWJlZGJ5PXtmb3JtYXRJZH0+XG4gICAgICA8RG93bmxvYWQgLz5cbiAgICAgIDxUb29sdGlwIHRvb2x0aXA9e2Zvcm1hdC50b29sdGlwfT5cbiAgICAgICAgPExpbmtUZXh0PlxuICAgICAgICAgIDxzcGFuPntpc1ByaW1hcnkgPyB0aXRsZVdpdGhGb3JtYXQgOiBgKCR7Zm9ybWF0LmZpbGVUeXBlLnRvVXBwZXJDYXNlKCl9KWB9PC9zcGFuPlxuICAgICAgICA8L0xpbmtUZXh0PlxuICAgICAgPC9Ub29sdGlwPlxuICAgIDwvRmlsZUxpbms+XG4gICk7XG59O1xuXG5pbnRlcmZhY2UgUHJvcHMge1xuICBpZDogc3RyaW5nO1xuICBmaWxlOiBGaWxlVHlwZTtcbn1cblxuY29uc3QgRmlsZUxpc3RJdGVtID0gc3R5bGVkLmxpYFxuICAke2ZvbnRzLnNpemVzKCcxOHB4JywgJzI2cHgnKX07XG4gIGZvbnQtd2VpZ2h0OiAke2ZvbnRzLndlaWdodC5zZW1pYm9sZH07XG4gIG1pbi1oZWlnaHQ6IDYwcHg7XG4gIGJhY2tncm91bmQ6ICR7Y29sb3JzLmJyYW5kLmdyZXlMaWdodGVyfTtcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgZmxleC13cmFwOiB3cmFwO1xuICBtYXJnaW4tYm90dG9tOiAke3NwYWNpbmcueHNtYWxsfTtcbiAgcGFkZGluZzogJHtzcGFjaW5nLnNtYWxsfTtcbiAgJHttcS5yYW5nZSh7IGZyb206IGJyZWFrcG9pbnRzLnRhYmxldCB9KX0ge1xuICAgIHBhZGRpbmc6ICR7c3BhY2luZy5zbWFsbH0gJHtzcGFjaW5nLm5vcm1hbH07XG4gIH1cbmA7XG5cbmNvbnN0IEZpbGUgPSAoeyBmaWxlLCBpZCB9OiBQcm9wcykgPT4ge1xuICBjb25zdCBmb3JtYXRMaW5rcyA9IGZpbGUuZm9ybWF0cy5tYXAoKGZvcm1hdCwgaW5kZXgpID0+XG4gICAgcmVuZGVyRm9ybWF0KGZvcm1hdCwgZmlsZS50aXRsZSwgaW5kZXggPT09IDAsIGlkLCAhZmlsZS5maWxlRXhpc3RzKSxcbiAgKTtcblxuICByZXR1cm4gPEZpbGVMaXN0SXRlbSBrZXk9e2ZpbGUudGl0bGV9Pntmb3JtYXRMaW5rc308L0ZpbGVMaXN0SXRlbT47XG59O1xuXG5leHBvcnQgZGVmYXVsdCBGaWxlO1xuIl19 */"));
+
 var File = function File(_ref) {
   var file = _ref.file,
       id = _ref.id;
   var formatLinks = file.formats.map(function (format, index) {
     return renderFormat(format, file.title, index === 0, id, !file.fileExists);
   });
-  return (0, _core.jsx)("li", _extends({}, classes('item'), {
+  return (0, _core2.jsx)(FileListItem, {
     key: file.title
-  }), formatLinks);
+  }, formatLinks);
 };
 
 var _default = File;

package/lib/FileList/FileList.js

@@ -5,24 +5,47 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = void 0;
 
+var _styledBase = _interopRequireDefault(require("@emotion/styled-base"));
+
 var _react = _interopRequireDefault(require("react"));
 
-var _reactBemHelper = _interopRequireDefault(require("react-bem-helper"));
+var _core = require("@ndla/core");
 
 var _File = _interopRequireDefault(require("./File"));
 
-var _core = require("@emotion/core");
+var _core2 = require("@emotion/core");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
-var classes = (0, _reactBemHelper["default"])('c-file-list');
+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 FileListSection = (0, _styledBase["default"])("section", {
+  target: "e1o67ylf0",
+  label: "FileListSection"
+})("margin:", _core.spacing.large, " 0;padding:", _core.spacing.small, " 0 ", _core.spacing.normal, " ", _core.spacing.normal, ";border-left:2px solid ", _core.colors.brand.greyLightest, ";font-family:", _core.fonts.sans, ";.c-icon{margin-top:3px;flex-shrink:0;margin-right:", _core.spacing.small, ";height:18px;width:18px;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZpbGVMaXN0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF1QnNDIiwiZmlsZSI6IkZpbGVMaXN0LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjb2xvcnMsIGZvbnRzLCBzcGFjaW5nIH0gZnJvbSAnQG5kbGEvY29yZSc7XG5pbXBvcnQgRmlsZSBmcm9tICcuL0ZpbGUnO1xuXG5leHBvcnQgaW50ZXJmYWNlIEZpbGVUeXBlIHtcbiAgdGl0bGU6IHN0cmluZztcbiAgZm9ybWF0czogRmlsZUZvcm1hdFtdO1xuICBmaWxlRXhpc3RzPzogYm9vbGVhbjtcbn1cblxuZXhwb3J0IGludGVyZmFjZSBGaWxlRm9ybWF0IHtcbiAgdXJsOiBzdHJpbmc7XG4gIGZpbGVUeXBlOiBzdHJpbmc7XG4gIHRvb2x0aXA6IHN0cmluZztcbn1cblxuaW50ZXJmYWNlIFByb3BzIHtcbiAgaWQ6IHN0cmluZztcbiAgaGVhZGluZzogc3RyaW5nO1xuICBmaWxlczogRmlsZVR5cGVbXTtcbn1cblxuY29uc3QgRmlsZUxpc3RTZWN0aW9uID0gc3R5bGVkLnNlY3Rpb25gXG4gIG1hcmdpbjogJHtzcGFjaW5nLmxhcmdlfSAwO1xuICBwYWRkaW5nOiAke3NwYWNpbmcuc21hbGx9IDAgJHtzcGFjaW5nLm5vcm1hbH0gJHtzcGFjaW5nLm5vcm1hbH07XG4gIGJvcmRlci1sZWZ0OiAycHggc29saWQgJHtjb2xvcnMuYnJhbmQuZ3JleUxpZ2h0ZXN0fTtcbiAgZm9udC1mYW1pbHk6ICR7Zm9udHMuc2Fuc307XG5cbiAgLmMtaWNvbiB7XG4gICAgbWFyZ2luLXRvcDogM3B4O1xuICAgIGZsZXgtc2hyaW5rOiAwO1xuICAgIG1hcmdpbi1yaWdodDogJHtzcGFjaW5nLnNtYWxsfTtcbiAgICBoZWlnaHQ6IDE4cHg7XG4gICAgd2lkdGg6IDE4cHg7XG4gIH1cbmA7XG5cbmNvbnN0IEZpbGVMaXN0SGVhZGluZyA9IHN0eWxlZC5oMWBcbiAgJHtmb250cy5zaXplcygnMTZweCcsICcxOHB4Jyl9O1xuICBsZXR0ZXItc3BhY2luZzogMC4wNWVtO1xuICBtYXJnaW46IDAgMCAke3NwYWNpbmcueHNtYWxsfSAwO1xuICBwYWRkaW5nLWJvdHRvbTogJHtzcGFjaW5nLnhzbWFsbH07XG4gIGJvcmRlci1ib3R0b206IDJweCBzb2xpZCAke2NvbG9ycy5icmFuZC5ncmV5TGlnaHR9O1xuICBmb250LXdlaWdodDogJHtmb250cy53ZWlnaHQuYm9sZH07XG4gIHRleHQtdHJhbnNmb3JtOiB1cHBlcmNhc2U7XG5gO1xuXG5jb25zdCBGaWxlc0xpc3QgPSBzdHlsZWQudWxgXG4gIG1hcmdpbjogMDtcbiAgcGFkZGluZzogMDtcbmA7XG5cbmNvbnN0IEZpbGVMaXN0ID0gKHsgZmlsZXMsIGhlYWRpbmcsIGlkIH06IFByb3BzKSA9PiAoXG4gIDxGaWxlTGlzdFNlY3Rpb24+XG4gICAgPEZpbGVMaXN0SGVhZGluZz57aGVhZGluZ308L0ZpbGVMaXN0SGVhZGluZz5cbiAgICA8RmlsZXNMaXN0PlxuICAgICAge2ZpbGVzLm1hcCgoZmlsZSkgPT4gKFxuICAgICAgICA8RmlsZSBrZXk9e2BmaWxlLSR7aWR9LSR7ZmlsZS50aXRsZX1gfSBmaWxlPXtmaWxlfSBpZD17aWR9IC8+XG4gICAgICApKX1cbiAgICA8L0ZpbGVzTGlzdD5cbiAgPC9GaWxlTGlzdFNlY3Rpb24+XG4pO1xuXG5leHBvcnQgZGVmYXVsdCBGaWxlTGlzdDtcbiJdfQ== */"));
+var FileListHeading = (0, _styledBase["default"])("h1", {
+  target: "e1o67ylf1",
+  label: "FileListHeading"
+})(_core.fonts.sizes('16px', '18px'), ";letter-spacing:0.05em;margin:0 0 ", _core.spacing.xsmall, " 0;padding-bottom:", _core.spacing.xsmall, ";border-bottom:2px solid ", _core.colors.brand.greyLight, ";font-weight:", _core.fonts.weight.bold, ";text-transform:uppercase;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZpbGVMaXN0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFzQ2lDIiwiZmlsZSI6IkZpbGVMaXN0LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjb2xvcnMsIGZvbnRzLCBzcGFjaW5nIH0gZnJvbSAnQG5kbGEvY29yZSc7XG5pbXBvcnQgRmlsZSBmcm9tICcuL0ZpbGUnO1xuXG5leHBvcnQgaW50ZXJmYWNlIEZpbGVUeXBlIHtcbiAgdGl0bGU6IHN0cmluZztcbiAgZm9ybWF0czogRmlsZUZvcm1hdFtdO1xuICBmaWxlRXhpc3RzPzogYm9vbGVhbjtcbn1cblxuZXhwb3J0IGludGVyZmFjZSBGaWxlRm9ybWF0IHtcbiAgdXJsOiBzdHJpbmc7XG4gIGZpbGVUeXBlOiBzdHJpbmc7XG4gIHRvb2x0aXA6IHN0cmluZztcbn1cblxuaW50ZXJmYWNlIFByb3BzIHtcbiAgaWQ6IHN0cmluZztcbiAgaGVhZGluZzogc3RyaW5nO1xuICBmaWxlczogRmlsZVR5cGVbXTtcbn1cblxuY29uc3QgRmlsZUxpc3RTZWN0aW9uID0gc3R5bGVkLnNlY3Rpb25gXG4gIG1hcmdpbjogJHtzcGFjaW5nLmxhcmdlfSAwO1xuICBwYWRkaW5nOiAke3NwYWNpbmcuc21hbGx9IDAgJHtzcGFjaW5nLm5vcm1hbH0gJHtzcGFjaW5nLm5vcm1hbH07XG4gIGJvcmRlci1sZWZ0OiAycHggc29saWQgJHtjb2xvcnMuYnJhbmQuZ3JleUxpZ2h0ZXN0fTtcbiAgZm9udC1mYW1pbHk6ICR7Zm9udHMuc2Fuc307XG5cbiAgLmMtaWNvbiB7XG4gICAgbWFyZ2luLXRvcDogM3B4O1xuICAgIGZsZXgtc2hyaW5rOiAwO1xuICAgIG1hcmdpbi1yaWdodDogJHtzcGFjaW5nLnNtYWxsfTtcbiAgICBoZWlnaHQ6IDE4cHg7XG4gICAgd2lkdGg6IDE4cHg7XG4gIH1cbmA7XG5cbmNvbnN0IEZpbGVMaXN0SGVhZGluZyA9IHN0eWxlZC5oMWBcbiAgJHtmb250cy5zaXplcygnMTZweCcsICcxOHB4Jyl9O1xuICBsZXR0ZXItc3BhY2luZzogMC4wNWVtO1xuICBtYXJnaW46IDAgMCAke3NwYWNpbmcueHNtYWxsfSAwO1xuICBwYWRkaW5nLWJvdHRvbTogJHtzcGFjaW5nLnhzbWFsbH07XG4gIGJvcmRlci1ib3R0b206IDJweCBzb2xpZCAke2NvbG9ycy5icmFuZC5ncmV5TGlnaHR9O1xuICBmb250LXdlaWdodDogJHtmb250cy53ZWlnaHQuYm9sZH07XG4gIHRleHQtdHJhbnNmb3JtOiB1cHBlcmNhc2U7XG5gO1xuXG5jb25zdCBGaWxlc0xpc3QgPSBzdHlsZWQudWxgXG4gIG1hcmdpbjogMDtcbiAgcGFkZGluZzogMDtcbmA7XG5cbmNvbnN0IEZpbGVMaXN0ID0gKHsgZmlsZXMsIGhlYWRpbmcsIGlkIH06IFByb3BzKSA9PiAoXG4gIDxGaWxlTGlzdFNlY3Rpb24+XG4gICAgPEZpbGVMaXN0SGVhZGluZz57aGVhZGluZ308L0ZpbGVMaXN0SGVhZGluZz5cbiAgICA8RmlsZXNMaXN0PlxuICAgICAge2ZpbGVzLm1hcCgoZmlsZSkgPT4gKFxuICAgICAgICA8RmlsZSBrZXk9e2BmaWxlLSR7aWR9LSR7ZmlsZS50aXRsZX1gfSBmaWxlPXtmaWxlfSBpZD17aWR9IC8+XG4gICAgICApKX1cbiAgICA8L0ZpbGVzTGlzdD5cbiAgPC9GaWxlTGlzdFNlY3Rpb24+XG4pO1xuXG5leHBvcnQgZGVmYXVsdCBGaWxlTGlzdDtcbiJdfQ== */"));
+var FilesList = (0, _styledBase["default"])("ul", {
+  target: "e1o67ylf2",
+  label: "FilesList"
+})(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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZpbGVMaXN0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFnRDJCIiwiZmlsZSI6IkZpbGVMaXN0LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjb2xvcnMsIGZvbnRzLCBzcGFjaW5nIH0gZnJvbSAnQG5kbGEvY29yZSc7XG5pbXBvcnQgRmlsZSBmcm9tICcuL0ZpbGUnO1xuXG5leHBvcnQgaW50ZXJmYWNlIEZpbGVUeXBlIHtcbiAgdGl0bGU6IHN0cmluZztcbiAgZm9ybWF0czogRmlsZUZvcm1hdFtdO1xuICBmaWxlRXhpc3RzPzogYm9vbGVhbjtcbn1cblxuZXhwb3J0IGludGVyZmFjZSBGaWxlRm9ybWF0IHtcbiAgdXJsOiBzdHJpbmc7XG4gIGZpbGVUeXBlOiBzdHJpbmc7XG4gIHRvb2x0aXA6IHN0cmluZztcbn1cblxuaW50ZXJmYWNlIFByb3BzIHtcbiAgaWQ6IHN0cmluZztcbiAgaGVhZGluZzogc3RyaW5nO1xuICBmaWxlczogRmlsZVR5cGVbXTtcbn1cblxuY29uc3QgRmlsZUxpc3RTZWN0aW9uID0gc3R5bGVkLnNlY3Rpb25gXG4gIG1hcmdpbjogJHtzcGFjaW5nLmxhcmdlfSAwO1xuICBwYWRkaW5nOiAke3NwYWNpbmcuc21hbGx9IDAgJHtzcGFjaW5nLm5vcm1hbH0gJHtzcGFjaW5nLm5vcm1hbH07XG4gIGJvcmRlci1sZWZ0OiAycHggc29saWQgJHtjb2xvcnMuYnJhbmQuZ3JleUxpZ2h0ZXN0fTtcbiAgZm9udC1mYW1pbHk6ICR7Zm9udHMuc2Fuc307XG5cbiAgLmMtaWNvbiB7XG4gICAgbWFyZ2luLXRvcDogM3B4O1xuICAgIGZsZXgtc2hyaW5rOiAwO1xuICAgIG1hcmdpbi1yaWdodDogJHtzcGFjaW5nLnNtYWxsfTtcbiAgICBoZWlnaHQ6IDE4cHg7XG4gICAgd2lkdGg6IDE4cHg7XG4gIH1cbmA7XG5cbmNvbnN0IEZpbGVMaXN0SGVhZGluZyA9IHN0eWxlZC5oMWBcbiAgJHtmb250cy5zaXplcygnMTZweCcsICcxOHB4Jyl9O1xuICBsZXR0ZXItc3BhY2luZzogMC4wNWVtO1xuICBtYXJnaW46IDAgMCAke3NwYWNpbmcueHNtYWxsfSAwO1xuICBwYWRkaW5nLWJvdHRvbTogJHtzcGFjaW5nLnhzbWFsbH07XG4gIGJvcmRlci1ib3R0b206IDJweCBzb2xpZCAke2NvbG9ycy5icmFuZC5ncmV5TGlnaHR9O1xuICBmb250LXdlaWdodDogJHtmb250cy53ZWlnaHQuYm9sZH07XG4gIHRleHQtdHJhbnNmb3JtOiB1cHBlcmNhc2U7XG5gO1xuXG5jb25zdCBGaWxlc0xpc3QgPSBzdHlsZWQudWxgXG4gIG1hcmdpbjogMDtcbiAgcGFkZGluZzogMDtcbmA7XG5cbmNvbnN0IEZpbGVMaXN0ID0gKHsgZmlsZXMsIGhlYWRpbmcsIGlkIH06IFByb3BzKSA9PiAoXG4gIDxGaWxlTGlzdFNlY3Rpb24+XG4gICAgPEZpbGVMaXN0SGVhZGluZz57aGVhZGluZ308L0ZpbGVMaXN0SGVhZGluZz5cbiAgICA8RmlsZXNMaXN0PlxuICAgICAge2ZpbGVzLm1hcCgoZmlsZSkgPT4gKFxuICAgICAgICA8RmlsZSBrZXk9e2BmaWxlLSR7aWR9LSR7ZmlsZS50aXRsZX1gfSBmaWxlPXtmaWxlfSBpZD17aWR9IC8+XG4gICAgICApKX1cbiAgICA8L0ZpbGVzTGlzdD5cbiAgPC9GaWxlTGlzdFNlY3Rpb24+XG4pO1xuXG5leHBvcnQgZGVmYXVsdCBGaWxlTGlzdDtcbiJdfQ== */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
 
 var FileList = function FileList(_ref) {
   var files = _ref.files,
       heading = _ref.heading,
       id = _ref.id;
-  return (0, _core.jsx)("section", classes(), (0, _core.jsx)("h1", classes('heading'), heading), (0, _core.jsx)("ul", classes('files'), files.map(function (file) {
-    return (0, _core.jsx)(_File["default"], {
+  return (0, _core2.jsx)(FileListSection, null, (0, _core2.jsx)(FileListHeading, null, heading), (0, _core2.jsx)(FilesList, null, files.map(function (file) {
+    return (0, _core2.jsx)(_File["default"], {
       key: "file-".concat(id, "-").concat(file.title),
       file: file,
       id: id