@ndla/ui 35.1.2 → 36.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (47) hide show
  1. package/es/Embed/RelatedContentEmbed.js +2 -2
  2. package/es/NDLAFilm/FilmContentCard.js +21 -11
  3. package/es/NDLAFilm/FilmMovieList.js +2 -2
  4. package/es/NDLAFilm/FilmSlideshow.js +169 -335
  5. package/es/RelatedArticleList/RelatedArticleV2.js +27 -6
  6. package/es/Search/ToggleSearchButton.js +7 -2
  7. package/es/locale/messages-en.js +1 -0
  8. package/es/locale/messages-nb.js +1 -0
  9. package/es/locale/messages-nn.js +1 -0
  10. package/es/locale/messages-se.js +1 -0
  11. package/es/locale/messages-sma.js +1 -0
  12. package/lib/Embed/RelatedContentEmbed.js +2 -2
  13. package/lib/NDLAFilm/FilmContentCard.d.ts +4 -2
  14. package/lib/NDLAFilm/FilmContentCard.js +21 -12
  15. package/lib/NDLAFilm/FilmMovieList.d.ts +1 -1
  16. package/lib/NDLAFilm/FilmMovieList.js +2 -2
  17. package/lib/NDLAFilm/FilmSlideshow.d.ts +11 -5
  18. package/lib/NDLAFilm/FilmSlideshow.js +169 -333
  19. package/lib/RelatedArticleList/RelatedArticleV2.d.ts +4 -3
  20. package/lib/RelatedArticleList/RelatedArticleV2.js +35 -14
  21. package/lib/Search/ToggleSearchButton.js +7 -2
  22. package/lib/locale/messages-en.d.ts +1 -0
  23. package/lib/locale/messages-en.js +1 -0
  24. package/lib/locale/messages-nb.d.ts +1 -0
  25. package/lib/locale/messages-nb.js +1 -0
  26. package/lib/locale/messages-nn.d.ts +1 -0
  27. package/lib/locale/messages-nn.js +1 -0
  28. package/lib/locale/messages-se.d.ts +1 -0
  29. package/lib/locale/messages-se.js +1 -0
  30. package/lib/locale/messages-sma.d.ts +1 -0
  31. package/lib/locale/messages-sma.js +1 -0
  32. package/package.json +5 -5
  33. package/src/Embed/AudioEmbed.stories.tsx +226 -0
  34. package/src/Embed/BrightcoveEmbed.stories.tsx +209 -0
  35. package/src/Embed/ConceptEmbed.stories.tsx +190 -0
  36. package/src/Embed/ImageEmbed.stories.tsx +106 -0
  37. package/src/Embed/RelatedContentEmbed.tsx +1 -1
  38. package/src/NDLAFilm/FilmContentCard.tsx +11 -9
  39. package/src/NDLAFilm/FilmMovieList.tsx +2 -2
  40. package/src/NDLAFilm/FilmSlideshow.tsx +178 -387
  41. package/src/RelatedArticleList/RelatedArticleV2.tsx +24 -7
  42. package/src/Search/ToggleSearchButton.tsx +5 -1
  43. package/src/locale/messages-en.ts +1 -0
  44. package/src/locale/messages-nb.ts +1 -0
  45. package/src/locale/messages-nn.ts +1 -0
  46. package/src/locale/messages-se.ts +1 -0
  47. package/src/locale/messages-sma.ts +1 -0
@@ -1,15 +1,20 @@
1
1
  function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
2
+ import _styled from "@emotion/styled/base";
3
+ var _excluded = ["children", "articleCount", "headingLevel", "headingButtons"];
2
4
  function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
3
5
  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."); }
4
6
  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); }
5
7
  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; }
6
8
  function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
7
9
  function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
10
+ function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
11
+ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
8
12
  function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
9
13
  function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
10
14
  function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
11
15
  function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
12
16
  function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
17
+ 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)."; }
13
18
  /**
14
19
  * Copyright (c) 2023-present, NDLA.
15
20
  *
@@ -66,12 +71,26 @@ export var RelatedArticleV2 = function RelatedArticleV2(_ref) {
66
71
  }))]
67
72
  }));
68
73
  };
74
+ var HeadingWrapper = /*#__PURE__*/_styled("div", {
75
+ target: "e1no7p040",
76
+ label: "HeadingWrapper"
77
+ })(process.env.NODE_ENV === "production" ? {
78
+ name: "1066lcq",
79
+ styles: "display:flex;justify-content:space-between;align-items:center"
80
+ } : {
81
+ name: "1066lcq",
82
+ styles: "display:flex;justify-content:space-between;align-items:center",
83
+ map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlJlbGF0ZWRBcnRpY2xlVjIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXlEaUMiLCJmaWxlIjoiUmVsYXRlZEFydGljbGVWMi50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAyMy1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCB7IENoaWxkcmVuLCBIVE1MUHJvcHMsIFJlYWN0Tm9kZSwgdXNlTWVtbywgdXNlU3RhdGUgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgQkVNSGVscGVyIGZyb20gJ3JlYWN0LWJlbS1oZWxwZXInO1xuaW1wb3J0IHsgdXNlVHJhbnNsYXRpb24gfSBmcm9tICdyZWFjdC1pMThuZXh0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IEJ1dHRvblYyIH0gZnJvbSAnQG5kbGEvYnV0dG9uJztcbmltcG9ydCBTYWZlTGluayBmcm9tICdAbmRsYS9zYWZlbGluayc7XG5pbXBvcnQgU2VjdGlvbkhlYWRpbmcgZnJvbSAnLi4vU2VjdGlvbkhlYWRpbmcnO1xuaW1wb3J0IHsgSGVhZGluZ0xldmVsIH0gZnJvbSAnLi4vdHlwZXMnO1xuaW1wb3J0IENvbnRlbnRUeXBlQmFkZ2UgZnJvbSAnLi4vQ29udGVudFR5cGVCYWRnZSc7XG5pbXBvcnQgeyBjb250ZW50VHlwZXMgfSBmcm9tICcuLi9tb2RlbC9Db250ZW50VHlwZSc7XG5cbmNvbnN0IGNsYXNzZXMgPSBuZXcgQkVNSGVscGVyKHtcbiAgbmFtZTogJ3JlbGF0ZWQtYXJ0aWNsZXMnLFxuICBwcmVmaXg6ICdjLScsXG59KTtcblxuaW50ZXJmYWNlIFJlbGF0ZWRBcnRpY2xlUHJvcHMge1xuICB0aXRsZTogc3RyaW5nO1xuICBpbnRyb2R1Y3Rpb246IHN0cmluZztcbiAgdG86IHN0cmluZztcbiAgbGlua0luZm8/OiBzdHJpbmc7XG4gIHRhcmdldD86IHN0cmluZztcbiAgdHlwZT86IHN0cmluZztcbn1cblxuZXhwb3J0IGNvbnN0IFJlbGF0ZWRBcnRpY2xlVjIgPSAoe1xuICB0aXRsZSxcbiAgaW50cm9kdWN0aW9uLFxuICB0byxcbiAgbGlua0luZm8gPSAnJyxcbiAgdGFyZ2V0ID0gJycsXG4gIHR5cGUgPSBjb250ZW50VHlwZXMuU1VCSkVDVF9NQVRFUklBTCxcbn06IFJlbGF0ZWRBcnRpY2xlUHJvcHMpID0+IHtcbiAgcmV0dXJuIChcbiAgICA8YXJ0aWNsZSB7Li4uY2xhc3NlcygnaXRlbScsIHR5cGUpfT5cbiAgICAgIDxoMyB7Li4uY2xhc3NlcygndGl0bGUnKX0+XG4gICAgICAgIDxDb250ZW50VHlwZUJhZGdlIHR5cGU9e3R5cGV9IGJhY2tncm91bmQgc2l6ZT1cInNtYWxsXCIgLz5cbiAgICAgICAgPHNwYW4gey4uLmNsYXNzZXMoJ2xpbmstd3JhcHBlcicpfT5cbiAgICAgICAgICA8U2FmZUxpbmsgdG89e3RvfSB7Li4uY2xhc3NlcygnbGluaycpfSB0YXJnZXQ9e3RhcmdldH0gcmVsPXtsaW5rSW5mbyA/ICdub29wZW5lciBub3JlZmVycmVyJyA6IHVuZGVmaW5lZH0+XG4gICAgICAgICAgICB7dGl0bGV9XG4gICAgICAgICAgPC9TYWZlTGluaz5cbiAgICAgICAgPC9zcGFuPlxuICAgICAgPC9oMz5cbiAgICAgIDxwIHsuLi5jbGFzc2VzKCdkZXNjcmlwdGlvbicpfSBkYW5nZXJvdXNseVNldElubmVySFRNTD17eyBfX2h0bWw6IGludHJvZHVjdGlvbiB9fSAvPlxuICAgICAge2xpbmtJbmZvICYmIDxwIHsuLi5jbGFzc2VzKCdsaW5rLWluZm8nKX0+e2xpbmtJbmZvfTwvcD59XG4gICAgPC9hcnRpY2xlPlxuICApO1xufTtcblxuY29uc3QgSGVhZGluZ1dyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5gO1xuXG5pbnRlcmZhY2UgUHJvcHMgZXh0ZW5kcyBIVE1MUHJvcHM8SFRNTEVsZW1lbnQ+IHtcbiAgY2hpbGRyZW4/OiBKU1guRWxlbWVudFtdO1xuICBhcnRpY2xlQ291bnQ/OiBudW1iZXI7XG4gIGhlYWRpbmdMZXZlbD86IEhlYWRpbmdMZXZlbDtcbiAgaGVhZGluZ0J1dHRvbnM/OiBSZWFjdE5vZGU7XG59XG5leHBvcnQgY29uc3QgUmVsYXRlZEFydGljbGVMaXN0VjIgPSAoe1xuICBjaGlsZHJlbiA9IFtdLFxuICBhcnRpY2xlQ291bnQsXG4gIGhlYWRpbmdMZXZlbCA9ICdoMycsXG4gIGhlYWRpbmdCdXR0b25zLFxuICAuLi5yZXN0XG59OiBQcm9wcykgPT4ge1xuICBjb25zdCBbZXhwYW5kZWQsIHNldEV4cGFuZGVkXSA9IHVzZVN0YXRlKGZhbHNlKTtcbiAgY29uc3QgeyB0IH0gPSB1c2VUcmFuc2xhdGlvbigpO1xuICBjb25zdCBjaGlsZENvdW50ID0gdXNlTWVtbygoKSA9PiBhcnRpY2xlQ291bnQgPz8gQ2hpbGRyZW4uY291bnQoY2hpbGRyZW4pLCBbY2hpbGRyZW4sIGFydGljbGVDb3VudF0pO1xuICBjb25zdCBjaGlsZHJlblRvU2hvdyA9IHVzZU1lbW8oXG4gICAgKCkgPT4gKGNoaWxkQ291bnQgPiAyICYmICFleHBhbmRlZCA/IGNoaWxkcmVuPy5zbGljZSgwLCAyKSA6IGNoaWxkcmVuKSxcbiAgICBbY2hpbGRDb3VudCwgY2hpbGRyZW4sIGV4cGFuZGVkXSxcbiAgKTtcblxuICByZXR1cm4gKFxuICAgIDxzZWN0aW9uIHsuLi5jbGFzc2VzKCcnKX0gey4uLnJlc3R9PlxuICAgICAgPEhlYWRpbmdXcmFwcGVyPlxuICAgICAgICA8U2VjdGlvbkhlYWRpbmcgaGVhZGluZ0xldmVsPXtoZWFkaW5nTGV2ZWx9IGNsYXNzTmFtZT17Y2xhc3NlcygnY29tcG9uZW50LXRpdGxlJykuY2xhc3NOYW1lfT5cbiAgICAgICAgICB7dCgncmVsYXRlZC50aXRsZScpfVxuICAgICAgICA8L1NlY3Rpb25IZWFkaW5nPlxuICAgICAgICB7aGVhZGluZ0J1dHRvbnN9XG4gICAgICA8L0hlYWRpbmdXcmFwcGVyPlxuICAgICAgPGRpdiB7Li4uY2xhc3NlcygnYXJ0aWNsZXMnKX0+e2NoaWxkcmVuVG9TaG93fTwvZGl2PlxuICAgICAge2NoaWxkQ291bnQgPiAyID8gKFxuICAgICAgICA8QnV0dG9uVjIgb25DbGljaz17KCkgPT4gc2V0RXhwYW5kZWQoKHApID0+ICFwKX0gdmFyaWFudD1cIm91dGxpbmVcIj5cbiAgICAgICAgICB7dChgcmVsYXRlZC5zaG93JHtleHBhbmRlZCA/ICdMZXNzJyA6ICdNb3JlJ31gKX1cbiAgICAgICAgPC9CdXR0b25WMj5cbiAgICAgICkgOiBudWxsfVxuICAgIDwvc2VjdGlvbj5cbiAgKTtcbn07XG4iXX0= */",
84
+ toString: _EMOTION_STRINGIFIED_CSS_ERROR__
85
+ });
69
86
  export var RelatedArticleListV2 = function RelatedArticleListV2(_ref2) {
70
87
  var _ref2$children = _ref2.children,
71
88
  children = _ref2$children === void 0 ? [] : _ref2$children,
72
89
  articleCount = _ref2.articleCount,
73
90
  _ref2$headingLevel = _ref2.headingLevel,
74
- headingLevel = _ref2$headingLevel === void 0 ? 'h3' : _ref2$headingLevel;
91
+ headingLevel = _ref2$headingLevel === void 0 ? 'h3' : _ref2$headingLevel,
92
+ headingButtons = _ref2.headingButtons,
93
+ rest = _objectWithoutProperties(_ref2, _excluded);
75
94
  var _useState = useState(false),
76
95
  _useState2 = _slicedToArray(_useState, 2),
77
96
  expanded = _useState2[0],
@@ -84,11 +103,13 @@ export var RelatedArticleListV2 = function RelatedArticleListV2(_ref2) {
84
103
  var childrenToShow = useMemo(function () {
85
104
  return childCount > 2 && !expanded ? children === null || children === void 0 ? void 0 : children.slice(0, 2) : children;
86
105
  }, [childCount, children, expanded]);
87
- return _jsxs("section", _objectSpread(_objectSpread({}, classes('')), {}, {
88
- children: [_jsx(SectionHeading, {
89
- headingLevel: headingLevel,
90
- className: classes('component-title').className,
91
- children: t('related.title')
106
+ return _jsxs("section", _objectSpread(_objectSpread(_objectSpread({}, classes('')), rest), {}, {
107
+ children: [_jsxs(HeadingWrapper, {
108
+ children: [_jsx(SectionHeading, {
109
+ headingLevel: headingLevel,
110
+ className: classes('component-title').className,
111
+ children: t('related.title')
112
+ }), headingButtons]
92
113
  }), _jsx("div", _objectSpread(_objectSpread({}, classes('articles')), {}, {
93
114
  children: childrenToShow
94
115
  })), childCount > 2 ? _jsx(ButtonV2, {
@@ -22,7 +22,12 @@ import { Search } from '@ndla/icons/common';
22
22
  import { ButtonV2 } from '@ndla/button';
23
23
  import { jsx as _jsx } from "@emotion/react/jsx-runtime";
24
24
  import { jsxs as _jsxs } from "@emotion/react/jsx-runtime";
25
+ var props = ['hideOnNarrowScreen', 'hideOnWideScreen', 'ndlaFilm'];
26
+ var shouldForwardProp = function shouldForwardProp(p) {
27
+ return !props.includes(p);
28
+ };
25
29
  var StyledButton = /*#__PURE__*/_styled(ButtonV2, {
30
+ shouldForwardProp: shouldForwardProp,
26
31
  target: "e18v7i6v1",
27
32
  label: "StyledButton"
28
33
  })("background:", function (p) {
@@ -35,11 +40,11 @@ var StyledButton = /*#__PURE__*/_styled(ButtonV2, {
35
40
  from: breakpoints.desktop
36
41
  }), "{display:", function (p) {
37
42
  return p.hideOnWideScreen ? 'none' : 'flex';
38
- }, ";margin-right:", spacing.nsmall, ";padding:", spacing.small, " ", spacing.normal, ";}&:hover,&:focus,&:active{border:0;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRvZ2dsZVNlYXJjaEJ1dHRvbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMEJ3RCIsImZpbGUiOiJUb2dnbGVTZWFyY2hCdXR0b24udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDb3B5cmlnaHQgKGMpIDIwMTgtcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLlxuICpcbiAqL1xuXG5pbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgc3BhY2luZywgc3BhY2luZ1VuaXQsIGJyZWFrcG9pbnRzLCBtcSwgbWlzYywgZm9udHMsIGNvbG9ycyB9IGZyb20gJ0BuZGxhL2NvcmUnO1xuaW1wb3J0IHsgU2VhcmNoIH0gZnJvbSAnQG5kbGEvaWNvbnMvY29tbW9uJztcbmltcG9ydCB7IEJ1dHRvblByb3BzLCBCdXR0b25WMiB9IGZyb20gJ0BuZGxhL2J1dHRvbic7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbmludGVyZmFjZSBQcm9wcyBleHRlbmRzIEJ1dHRvblByb3BzIHtcbiAgaGlkZU9uTmFycm93U2NyZWVuPzogYm9vbGVhbjtcbiAgaGlkZU9uV2lkZVNjcmVlbj86IGJvb2xlYW47XG4gIG5kbGFGaWxtPzogYm9vbGVhbjtcbn1cblxuaW50ZXJmYWNlIFN0eWxlZEJ1dHRvblByb3BzIHtcbiAgaGlkZU9uTmFycm93U2NyZWVuPzogYm9vbGVhbjtcbiAgaGlkZU9uV2lkZVNjcmVlbj86IGJvb2xlYW47XG4gIG5kbGFGaWxtPzogYm9vbGVhbjtcbn1cblxuY29uc3QgU3R5bGVkQnV0dG9uID0gc3R5bGVkKEJ1dHRvblYyKTxTdHlsZWRCdXR0b25Qcm9wcz5gXG4gIGJhY2tncm91bmQ6ICR7KHApID0+IChwLm5kbGFGaWxtID8gY29sb3JzLm5kbGFGaWxtLmZpbG1Db2xvckJyaWdodCA6IGNvbG9ycy5icmFuZC5ncmV5TGlnaHRlcil9O1xuICBib3JkZXItcmFkaXVzOiAke21pc2MuYm9yZGVyUmFkaXVzfTtcbiAgYm9yZGVyOiAwO1xuICBkaXNwbGF5OiAkeyhwKSA9PiAocC5oaWRlT25OYXJyb3dTY3JlZW4gPyAnbm9uZScgOiAnZmxleCcpfTtcbiAgY29sb3I6ICR7KHApID0+IChwLm5kbGFGaWxtID8gJyNmZmYnIDogY29sb3JzLmJyYW5kLnByaW1hcnkpfTtcbiAgcGFkZGluZzogJHtzcGFjaW5nLnNtYWxsfSAke3NwYWNpbmdVbml0ICogMC43NX1weCAke3NwYWNpbmcuc21hbGx9ICR7c3BhY2luZy5ub3JtYWx9O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBtYXJnaW4tbGVmdDogJHtzcGFjaW5nLm1lZGl1bX07XG5cbiAgLmMtaWNvbiB7XG4gICAgaGVpZ2h0OiAyNHB4O1xuICAgIHdpZHRoOiAyNHB4O1xuICB9XG5cbiAgJHtmb250cy5zaXplcygnMTZweCcsICczMnB4Jyl9O1xuXG4gICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy5kZXNrdG9wIH0pfSB7XG4gICAgZGlzcGxheTogJHsocCkgPT4gKHAuaGlkZU9uV2lkZVNjcmVlbiA/ICdub25lJyA6ICdmbGV4Jyl9O1xuICAgIG1hcmdpbi1yaWdodDogJHtzcGFjaW5nLm5zbWFsbH07XG4gICAgcGFkZGluZzogJHtzcGFjaW5nLnNtYWxsfSAke3NwYWNpbmcubm9ybWFsfTtcbiAgfVxuICAmOmhvdmVyLFxuICAmOmZvY3VzLFxuICAmOmFjdGl2ZSB7XG4gICAgYm9yZGVyOiAwO1xuICB9XG5gO1xuXG5jb25zdCBTdHlsZWRTcGFuID0gc3R5bGVkLnNwYW5gXG4gIG1hcmdpbi1yaWdodDogJHtzcGFjaW5nLm5vcm1hbH07XG4gIGZvbnQtd2VpZ2h0OiAke2ZvbnRzLndlaWdodC5ub3JtYWx9O1xuYDtcblxuY29uc3QgVG9nZ2xlU2VhcmNoQnV0dG9uID0gKHsgY2hpbGRyZW4sIG5kbGFGaWxtLCBoaWRlT25OYXJyb3dTY3JlZW4sIGhpZGVPbldpZGVTY3JlZW4sIC4uLnJlc3QgfTogUHJvcHMpID0+IChcbiAgPFN0eWxlZEJ1dHRvblxuICAgIG5kbGFGaWxtPXtuZGxhRmlsbX1cbiAgICBoaWRlT25OYXJyb3dTY3JlZW49e2hpZGVPbk5hcnJvd1NjcmVlbn1cbiAgICBoaWRlT25XaWRlU2NyZWVuPXtoaWRlT25XaWRlU2NyZWVufVxuICAgIHR5cGU9XCJidXR0b25cIlxuICAgIHsuLi5yZXN0fVxuICA+XG4gICAgPFN0eWxlZFNwYW4+e2NoaWxkcmVufTwvU3R5bGVkU3Bhbj5cbiAgICA8U2VhcmNoIC8+XG4gIDwvU3R5bGVkQnV0dG9uPlxuKTtcblxuZXhwb3J0IGRlZmF1bHQgVG9nZ2xlU2VhcmNoQnV0dG9uO1xuIl19 */"));
43
+ }, ";margin-right:", spacing.nsmall, ";padding:", spacing.small, " ", spacing.normal, ";}&:hover,&:focus,&:active{border:0;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRvZ2dsZVNlYXJjaEJ1dHRvbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBOEIrRSIsImZpbGUiOiJUb2dnbGVTZWFyY2hCdXR0b24udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDb3B5cmlnaHQgKGMpIDIwMTgtcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLlxuICpcbiAqL1xuXG5pbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgc3BhY2luZywgc3BhY2luZ1VuaXQsIGJyZWFrcG9pbnRzLCBtcSwgbWlzYywgZm9udHMsIGNvbG9ycyB9IGZyb20gJ0BuZGxhL2NvcmUnO1xuaW1wb3J0IHsgU2VhcmNoIH0gZnJvbSAnQG5kbGEvaWNvbnMvY29tbW9uJztcbmltcG9ydCB7IEJ1dHRvblByb3BzLCBCdXR0b25WMiB9IGZyb20gJ0BuZGxhL2J1dHRvbic7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbmludGVyZmFjZSBQcm9wcyBleHRlbmRzIEJ1dHRvblByb3BzIHtcbiAgaGlkZU9uTmFycm93U2NyZWVuPzogYm9vbGVhbjtcbiAgaGlkZU9uV2lkZVNjcmVlbj86IGJvb2xlYW47XG4gIG5kbGFGaWxtPzogYm9vbGVhbjtcbn1cblxuaW50ZXJmYWNlIFN0eWxlZEJ1dHRvblByb3BzIHtcbiAgaGlkZU9uTmFycm93U2NyZWVuPzogYm9vbGVhbjtcbiAgaGlkZU9uV2lkZVNjcmVlbj86IGJvb2xlYW47XG4gIG5kbGFGaWxtPzogYm9vbGVhbjtcbn1cblxuY29uc3QgcHJvcHMgPSBbJ2hpZGVPbk5hcnJvd1NjcmVlbicsICdoaWRlT25XaWRlU2NyZWVuJywgJ25kbGFGaWxtJ107XG5cbmNvbnN0IHNob3VsZEZvcndhcmRQcm9wID0gKHA6IHN0cmluZykgPT4gIXByb3BzLmluY2x1ZGVzKHApO1xuXG5jb25zdCBTdHlsZWRCdXR0b24gPSBzdHlsZWQoQnV0dG9uVjIsIHsgc2hvdWxkRm9yd2FyZFByb3AgfSk8U3R5bGVkQnV0dG9uUHJvcHM+YFxuICBiYWNrZ3JvdW5kOiAkeyhwKSA9PiAocC5uZGxhRmlsbSA/IGNvbG9ycy5uZGxhRmlsbS5maWxtQ29sb3JCcmlnaHQgOiBjb2xvcnMuYnJhbmQuZ3JleUxpZ2h0ZXIpfTtcbiAgYm9yZGVyLXJhZGl1czogJHttaXNjLmJvcmRlclJhZGl1c307XG4gIGJvcmRlcjogMDtcbiAgZGlzcGxheTogJHsocCkgPT4gKHAuaGlkZU9uTmFycm93U2NyZWVuID8gJ25vbmUnIDogJ2ZsZXgnKX07XG4gIGNvbG9yOiAkeyhwKSA9PiAocC5uZGxhRmlsbSA/ICcjZmZmJyA6IGNvbG9ycy5icmFuZC5wcmltYXJ5KX07XG4gIHBhZGRpbmc6ICR7c3BhY2luZy5zbWFsbH0gJHtzcGFjaW5nVW5pdCAqIDAuNzV9cHggJHtzcGFjaW5nLnNtYWxsfSAke3NwYWNpbmcubm9ybWFsfTtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgbWFyZ2luLWxlZnQ6ICR7c3BhY2luZy5tZWRpdW19O1xuXG4gIC5jLWljb24ge1xuICAgIGhlaWdodDogMjRweDtcbiAgICB3aWR0aDogMjRweDtcbiAgfVxuXG4gICR7Zm9udHMuc2l6ZXMoJzE2cHgnLCAnMzJweCcpfTtcblxuICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMuZGVza3RvcCB9KX0ge1xuICAgIGRpc3BsYXk6ICR7KHApID0+IChwLmhpZGVPbldpZGVTY3JlZW4gPyAnbm9uZScgOiAnZmxleCcpfTtcbiAgICBtYXJnaW4tcmlnaHQ6ICR7c3BhY2luZy5uc21hbGx9O1xuICAgIHBhZGRpbmc6ICR7c3BhY2luZy5zbWFsbH0gJHtzcGFjaW5nLm5vcm1hbH07XG4gIH1cbiAgJjpob3ZlcixcbiAgJjpmb2N1cyxcbiAgJjphY3RpdmUge1xuICAgIGJvcmRlcjogMDtcbiAgfVxuYDtcblxuY29uc3QgU3R5bGVkU3BhbiA9IHN0eWxlZC5zcGFuYFxuICBtYXJnaW4tcmlnaHQ6ICR7c3BhY2luZy5ub3JtYWx9O1xuICBmb250LXdlaWdodDogJHtmb250cy53ZWlnaHQubm9ybWFsfTtcbmA7XG5cbmNvbnN0IFRvZ2dsZVNlYXJjaEJ1dHRvbiA9ICh7IGNoaWxkcmVuLCBuZGxhRmlsbSwgaGlkZU9uTmFycm93U2NyZWVuLCBoaWRlT25XaWRlU2NyZWVuLCAuLi5yZXN0IH06IFByb3BzKSA9PiAoXG4gIDxTdHlsZWRCdXR0b25cbiAgICBuZGxhRmlsbT17bmRsYUZpbG19XG4gICAgaGlkZU9uTmFycm93U2NyZWVuPXtoaWRlT25OYXJyb3dTY3JlZW59XG4gICAgaGlkZU9uV2lkZVNjcmVlbj17aGlkZU9uV2lkZVNjcmVlbn1cbiAgICB0eXBlPVwiYnV0dG9uXCJcbiAgICB7Li4ucmVzdH1cbiAgPlxuICAgIDxTdHlsZWRTcGFuPntjaGlsZHJlbn08L1N0eWxlZFNwYW4+XG4gICAgPFNlYXJjaCAvPlxuICA8L1N0eWxlZEJ1dHRvbj5cbik7XG5cbmV4cG9ydCBkZWZhdWx0IFRvZ2dsZVNlYXJjaEJ1dHRvbjtcbiJdfQ== */"));
39
44
  var StyledSpan = /*#__PURE__*/_styled("span", {
40
45
  target: "e18v7i6v0",
41
46
  label: "StyledSpan"
42
- })("margin-right:", spacing.normal, ";font-weight:", fonts.weight.normal, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRvZ2dsZVNlYXJjaEJ1dHRvbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBdUQ4QiIsImZpbGUiOiJUb2dnbGVTZWFyY2hCdXR0b24udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDb3B5cmlnaHQgKGMpIDIwMTgtcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLlxuICpcbiAqL1xuXG5pbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgc3BhY2luZywgc3BhY2luZ1VuaXQsIGJyZWFrcG9pbnRzLCBtcSwgbWlzYywgZm9udHMsIGNvbG9ycyB9IGZyb20gJ0BuZGxhL2NvcmUnO1xuaW1wb3J0IHsgU2VhcmNoIH0gZnJvbSAnQG5kbGEvaWNvbnMvY29tbW9uJztcbmltcG9ydCB7IEJ1dHRvblByb3BzLCBCdXR0b25WMiB9IGZyb20gJ0BuZGxhL2J1dHRvbic7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbmludGVyZmFjZSBQcm9wcyBleHRlbmRzIEJ1dHRvblByb3BzIHtcbiAgaGlkZU9uTmFycm93U2NyZWVuPzogYm9vbGVhbjtcbiAgaGlkZU9uV2lkZVNjcmVlbj86IGJvb2xlYW47XG4gIG5kbGFGaWxtPzogYm9vbGVhbjtcbn1cblxuaW50ZXJmYWNlIFN0eWxlZEJ1dHRvblByb3BzIHtcbiAgaGlkZU9uTmFycm93U2NyZWVuPzogYm9vbGVhbjtcbiAgaGlkZU9uV2lkZVNjcmVlbj86IGJvb2xlYW47XG4gIG5kbGFGaWxtPzogYm9vbGVhbjtcbn1cblxuY29uc3QgU3R5bGVkQnV0dG9uID0gc3R5bGVkKEJ1dHRvblYyKTxTdHlsZWRCdXR0b25Qcm9wcz5gXG4gIGJhY2tncm91bmQ6ICR7KHApID0+IChwLm5kbGFGaWxtID8gY29sb3JzLm5kbGFGaWxtLmZpbG1Db2xvckJyaWdodCA6IGNvbG9ycy5icmFuZC5ncmV5TGlnaHRlcil9O1xuICBib3JkZXItcmFkaXVzOiAke21pc2MuYm9yZGVyUmFkaXVzfTtcbiAgYm9yZGVyOiAwO1xuICBkaXNwbGF5OiAkeyhwKSA9PiAocC5oaWRlT25OYXJyb3dTY3JlZW4gPyAnbm9uZScgOiAnZmxleCcpfTtcbiAgY29sb3I6ICR7KHApID0+IChwLm5kbGFGaWxtID8gJyNmZmYnIDogY29sb3JzLmJyYW5kLnByaW1hcnkpfTtcbiAgcGFkZGluZzogJHtzcGFjaW5nLnNtYWxsfSAke3NwYWNpbmdVbml0ICogMC43NX1weCAke3NwYWNpbmcuc21hbGx9ICR7c3BhY2luZy5ub3JtYWx9O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBtYXJnaW4tbGVmdDogJHtzcGFjaW5nLm1lZGl1bX07XG5cbiAgLmMtaWNvbiB7XG4gICAgaGVpZ2h0OiAyNHB4O1xuICAgIHdpZHRoOiAyNHB4O1xuICB9XG5cbiAgJHtmb250cy5zaXplcygnMTZweCcsICczMnB4Jyl9O1xuXG4gICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy5kZXNrdG9wIH0pfSB7XG4gICAgZGlzcGxheTogJHsocCkgPT4gKHAuaGlkZU9uV2lkZVNjcmVlbiA/ICdub25lJyA6ICdmbGV4Jyl9O1xuICAgIG1hcmdpbi1yaWdodDogJHtzcGFjaW5nLm5zbWFsbH07XG4gICAgcGFkZGluZzogJHtzcGFjaW5nLnNtYWxsfSAke3NwYWNpbmcubm9ybWFsfTtcbiAgfVxuICAmOmhvdmVyLFxuICAmOmZvY3VzLFxuICAmOmFjdGl2ZSB7XG4gICAgYm9yZGVyOiAwO1xuICB9XG5gO1xuXG5jb25zdCBTdHlsZWRTcGFuID0gc3R5bGVkLnNwYW5gXG4gIG1hcmdpbi1yaWdodDogJHtzcGFjaW5nLm5vcm1hbH07XG4gIGZvbnQtd2VpZ2h0OiAke2ZvbnRzLndlaWdodC5ub3JtYWx9O1xuYDtcblxuY29uc3QgVG9nZ2xlU2VhcmNoQnV0dG9uID0gKHsgY2hpbGRyZW4sIG5kbGFGaWxtLCBoaWRlT25OYXJyb3dTY3JlZW4sIGhpZGVPbldpZGVTY3JlZW4sIC4uLnJlc3QgfTogUHJvcHMpID0+IChcbiAgPFN0eWxlZEJ1dHRvblxuICAgIG5kbGFGaWxtPXtuZGxhRmlsbX1cbiAgICBoaWRlT25OYXJyb3dTY3JlZW49e2hpZGVPbk5hcnJvd1NjcmVlbn1cbiAgICBoaWRlT25XaWRlU2NyZWVuPXtoaWRlT25XaWRlU2NyZWVufVxuICAgIHR5cGU9XCJidXR0b25cIlxuICAgIHsuLi5yZXN0fVxuICA+XG4gICAgPFN0eWxlZFNwYW4+e2NoaWxkcmVufTwvU3R5bGVkU3Bhbj5cbiAgICA8U2VhcmNoIC8+XG4gIDwvU3R5bGVkQnV0dG9uPlxuKTtcblxuZXhwb3J0IGRlZmF1bHQgVG9nZ2xlU2VhcmNoQnV0dG9uO1xuIl19 */"));
47
+ })("margin-right:", spacing.normal, ";font-weight:", fonts.weight.normal, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRvZ2dsZVNlYXJjaEJ1dHRvbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMkQ4QiIsImZpbGUiOiJUb2dnbGVTZWFyY2hCdXR0b24udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDb3B5cmlnaHQgKGMpIDIwMTgtcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLlxuICpcbiAqL1xuXG5pbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgc3BhY2luZywgc3BhY2luZ1VuaXQsIGJyZWFrcG9pbnRzLCBtcSwgbWlzYywgZm9udHMsIGNvbG9ycyB9IGZyb20gJ0BuZGxhL2NvcmUnO1xuaW1wb3J0IHsgU2VhcmNoIH0gZnJvbSAnQG5kbGEvaWNvbnMvY29tbW9uJztcbmltcG9ydCB7IEJ1dHRvblByb3BzLCBCdXR0b25WMiB9IGZyb20gJ0BuZGxhL2J1dHRvbic7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbmludGVyZmFjZSBQcm9wcyBleHRlbmRzIEJ1dHRvblByb3BzIHtcbiAgaGlkZU9uTmFycm93U2NyZWVuPzogYm9vbGVhbjtcbiAgaGlkZU9uV2lkZVNjcmVlbj86IGJvb2xlYW47XG4gIG5kbGFGaWxtPzogYm9vbGVhbjtcbn1cblxuaW50ZXJmYWNlIFN0eWxlZEJ1dHRvblByb3BzIHtcbiAgaGlkZU9uTmFycm93U2NyZWVuPzogYm9vbGVhbjtcbiAgaGlkZU9uV2lkZVNjcmVlbj86IGJvb2xlYW47XG4gIG5kbGFGaWxtPzogYm9vbGVhbjtcbn1cblxuY29uc3QgcHJvcHMgPSBbJ2hpZGVPbk5hcnJvd1NjcmVlbicsICdoaWRlT25XaWRlU2NyZWVuJywgJ25kbGFGaWxtJ107XG5cbmNvbnN0IHNob3VsZEZvcndhcmRQcm9wID0gKHA6IHN0cmluZykgPT4gIXByb3BzLmluY2x1ZGVzKHApO1xuXG5jb25zdCBTdHlsZWRCdXR0b24gPSBzdHlsZWQoQnV0dG9uVjIsIHsgc2hvdWxkRm9yd2FyZFByb3AgfSk8U3R5bGVkQnV0dG9uUHJvcHM+YFxuICBiYWNrZ3JvdW5kOiAkeyhwKSA9PiAocC5uZGxhRmlsbSA/IGNvbG9ycy5uZGxhRmlsbS5maWxtQ29sb3JCcmlnaHQgOiBjb2xvcnMuYnJhbmQuZ3JleUxpZ2h0ZXIpfTtcbiAgYm9yZGVyLXJhZGl1czogJHttaXNjLmJvcmRlclJhZGl1c307XG4gIGJvcmRlcjogMDtcbiAgZGlzcGxheTogJHsocCkgPT4gKHAuaGlkZU9uTmFycm93U2NyZWVuID8gJ25vbmUnIDogJ2ZsZXgnKX07XG4gIGNvbG9yOiAkeyhwKSA9PiAocC5uZGxhRmlsbSA/ICcjZmZmJyA6IGNvbG9ycy5icmFuZC5wcmltYXJ5KX07XG4gIHBhZGRpbmc6ICR7c3BhY2luZy5zbWFsbH0gJHtzcGFjaW5nVW5pdCAqIDAuNzV9cHggJHtzcGFjaW5nLnNtYWxsfSAke3NwYWNpbmcubm9ybWFsfTtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgbWFyZ2luLWxlZnQ6ICR7c3BhY2luZy5tZWRpdW19O1xuXG4gIC5jLWljb24ge1xuICAgIGhlaWdodDogMjRweDtcbiAgICB3aWR0aDogMjRweDtcbiAgfVxuXG4gICR7Zm9udHMuc2l6ZXMoJzE2cHgnLCAnMzJweCcpfTtcblxuICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMuZGVza3RvcCB9KX0ge1xuICAgIGRpc3BsYXk6ICR7KHApID0+IChwLmhpZGVPbldpZGVTY3JlZW4gPyAnbm9uZScgOiAnZmxleCcpfTtcbiAgICBtYXJnaW4tcmlnaHQ6ICR7c3BhY2luZy5uc21hbGx9O1xuICAgIHBhZGRpbmc6ICR7c3BhY2luZy5zbWFsbH0gJHtzcGFjaW5nLm5vcm1hbH07XG4gIH1cbiAgJjpob3ZlcixcbiAgJjpmb2N1cyxcbiAgJjphY3RpdmUge1xuICAgIGJvcmRlcjogMDtcbiAgfVxuYDtcblxuY29uc3QgU3R5bGVkU3BhbiA9IHN0eWxlZC5zcGFuYFxuICBtYXJnaW4tcmlnaHQ6ICR7c3BhY2luZy5ub3JtYWx9O1xuICBmb250LXdlaWdodDogJHtmb250cy53ZWlnaHQubm9ybWFsfTtcbmA7XG5cbmNvbnN0IFRvZ2dsZVNlYXJjaEJ1dHRvbiA9ICh7IGNoaWxkcmVuLCBuZGxhRmlsbSwgaGlkZU9uTmFycm93U2NyZWVuLCBoaWRlT25XaWRlU2NyZWVuLCAuLi5yZXN0IH06IFByb3BzKSA9PiAoXG4gIDxTdHlsZWRCdXR0b25cbiAgICBuZGxhRmlsbT17bmRsYUZpbG19XG4gICAgaGlkZU9uTmFycm93U2NyZWVuPXtoaWRlT25OYXJyb3dTY3JlZW59XG4gICAgaGlkZU9uV2lkZVNjcmVlbj17aGlkZU9uV2lkZVNjcmVlbn1cbiAgICB0eXBlPVwiYnV0dG9uXCJcbiAgICB7Li4ucmVzdH1cbiAgPlxuICAgIDxTdHlsZWRTcGFuPntjaGlsZHJlbn08L1N0eWxlZFNwYW4+XG4gICAgPFNlYXJjaCAvPlxuICA8L1N0eWxlZEJ1dHRvbj5cbik7XG5cbmV4cG9ydCBkZWZhdWx0IFRvZ2dsZVNlYXJjaEJ1dHRvbjtcbiJdfQ== */"));
43
48
  var ToggleSearchButton = function ToggleSearchButton(_ref) {
44
49
  var children = _ref.children,
45
50
  ndlaFilm = _ref.ndlaFilm,
@@ -1131,6 +1131,7 @@ var messages = _objectSpread(_objectSpread({
1131
1131
  drawerButton: 'Show folders and resources',
1132
1132
  drawerTitle: 'Folders and resources',
1133
1133
  description: {
1134
+ all: 'In this folder you find articles and tasks from NDLA. The articles have been collected and placed in order by a teacher.\n\nYou can use the menu to navigate through the articles.\n\nIf you want to come back to the folder later, you can use the link the teacher gave you, or you can bookmark the page.',
1134
1135
  info1: 'In this folder you find articles and tasks from NDLA. The articles have been collected and placed in order by a teacher.',
1135
1136
  info2: 'You can use the menu to navigate through the articles.',
1136
1137
  info3: 'If you want to come back to the folder later, you can use the link the teacher gave you, or you can bookmark the page.'
@@ -1131,6 +1131,7 @@ var messages = _objectSpread(_objectSpread({
1131
1131
  drawerButton: 'Vis mapper og ressurser',
1132
1132
  drawerTitle: 'Mapper og ressurser',
1133
1133
  description: {
1134
+ all: 'I denne delte mappa finner du fagstoff og oppgaver fra NDLA. Artiklene er samlet inn og satt i rekkefølge av en lærer.\n\nDu kan bla i artiklene ved å bruke menyen.\n\nHvis du vil finne igjen mappa seinere, kan du bruke lenka du fikk av læreren din, eller du kan bokmerke sida.',
1134
1135
  info1: 'I denne delte mappa finner du fagstoff og oppgaver fra NDLA. Artiklene er samlet inn og satt i rekkefølge av en lærer.',
1135
1136
  info2: 'Du kan bla i artiklene ved å bruke menyen.',
1136
1137
  info3: 'Hvis du vil finne igjen mappa seinere, kan du bruke lenka du fikk av læreren din, eller du kan bokmerke sida.'
@@ -1131,6 +1131,7 @@ var messages = _objectSpread(_objectSpread({
1131
1131
  drawerTitle: 'Mapper og ressursar',
1132
1132
  learningpathUnsupported: 'Læringsstiar kan ikkje visast direkte i delte mapper. Dersom du trykker på lenka i navigasjonsmenyen til venstre, blir stien opna i ei ny fane.',
1133
1133
  description: {
1134
+ all: 'I denne delte mappa finn du fagstoff og oppgåver frå NDLA. Artiklane er samla inn og sette i rekkefølge av ein lærar.\n\nDu kan bla i artiklane ved å bruke menyen.\n\nDersom du vil finne igjen mappa seinare, kan du bruke lenka du fekk av læraren din, eller du kan bokmerke sida.',
1134
1135
  info1: 'I denne delte mappa finn du fagstoff og oppgåver frå NDLA. Artiklane er samla inn og sette i rekkefølge av ein lærar.',
1135
1136
  info2: 'Du kan bla i artiklane ved å bruke menyen.',
1136
1137
  info3: 'Dersom du vil finne igjen mappa seinare, kan du bruke lenka du fekk av læraren din, eller du kan bokmerke sida.'
@@ -1131,6 +1131,7 @@ var messages = _objectSpread(_objectSpread({
1131
1131
  drawerTitle: 'Máhpat ja resurssat',
1132
1132
  learningpathUnsupported: 'Oahppanbálgát eai sáhte njuolga čájehuvvot juogaduvvon máhpain. Jus deaddilat liŋkka navigerenfálus gurut bealde, rahpasa bálggis ođđa siiddus.',
1133
1133
  description: {
1134
+ all: 'Dán máhpas gávnnat fágaávdnasiid ja bargobihtáid NDLAs. Oahpaheaddji lea čohkken artihkkaliid ja bidjan daid ortnetvurrui.\n\nSáhtát bláđet artihkkaliid fálu vehkiin.\n\nJus háliidat gávdnat máhpa maŋŋel fas, sáhtát geavahit seamma liŋkka maid oahpaheaddjis leat ožžon, dahje sáhtát girjemearka bidjat siidui.',
1134
1135
  info1: 'Dán máhpas gávnnat fágaávdnasiid ja bargobihtáid NDLAs. Oahpaheaddji lea čohkken artihkkaliid ja bidjan daid ortnetvurrui.',
1135
1136
  info2: 'Sáhtát bláđet artihkkaliid fálu vehkiin.',
1136
1137
  info3: 'Jus háliidat gávdnat máhpa maŋŋel fas, sáhtát geavahit seamma liŋkka maid oahpaheaddjis leat ožžon, dahje sáhtát girjemearka bidjat siidui.'
@@ -1131,6 +1131,7 @@ var messages = _objectSpread(_objectSpread({
1131
1131
  drawerTitle: 'Mapper og ressursar',
1132
1132
  learningpathUnsupported: 'Læringsstiar kan ikke visast direkte i delte mapper. Dersom du trykker på lenka i navigasjonsmenyen til venstre, blir stien opna i ei ny fane.',
1133
1133
  description: {
1134
+ all: 'I denne delte mappa finner du fagstoff og oppgaver fra NDLA. Artiklene er samlet inn og satt i rekkefølge av en lærer.\n\nDu kan bla i artiklene ved å bruke menyen.\n\nHvis du vil finne igjen mappa seinere, kan du bruke lenka du fikk av læreren din, eller du kan bokmerke sida.',
1134
1135
  info1: 'I denne delte mappa finn du fagstoff og oppgåver frå NDLA. Artiklane er samla inn og sette i rekkefølge av ein lærar.',
1135
1136
  info2: 'Du kan bla i artiklane ved å bruke menyen.',
1136
1137
  info3: 'Dersom du vil finne igjen mappa seinare, kan du bruke lenka du fekk av læraren din, eller du kan bokmerke sida.'
@@ -29,7 +29,7 @@ var RelatedContentEmbed = function RelatedContentEmbed(_ref) {
29
29
  var data = embed.data,
30
30
  embedData = embed.embedData;
31
31
  if (embedData.articleId && data) {
32
- var _data$resource, _data$resource$resour, _data$resource$paths$, _data$resource2, _data$resource3, _data$article$title$t, _data$article$metaDes, _data$article$metaDes2;
32
+ var _data$resource, _data$resource$resour, _data$resource$paths$, _data$resource2, _data$resource3, _data$article$title$t, _data$article$title, _data$article$metaDes, _data$article$metaDes2;
33
33
  var typeId = (_data$resource = data.resource) === null || _data$resource === void 0 ? void 0 : (_data$resource$resour = _data$resource.resourceTypes.find(function (rt) {
34
34
  return _ContentType.contentTypeMapping[rt.id];
35
35
  })) === null || _data$resource$resour === void 0 ? void 0 : _data$resource$resour.id;
@@ -38,7 +38,7 @@ var RelatedContentEmbed = function RelatedContentEmbed(_ref) {
38
38
  return p.split('/')[1] === (subject === null || subject === void 0 ? void 0 : subject.replace('urn:', ''));
39
39
  })) !== null && _data$resource$paths$ !== void 0 ? _data$resource$paths$ : (_data$resource3 = data.resource) === null || _data$resource3 === void 0 ? void 0 : _data$resource3.path;
40
40
  return (0, _jsxRuntime.jsx)(_RelatedArticleV.RelatedArticleV2, {
41
- title: (_data$article$title$t = data.article.title.title) !== null && _data$article$title$t !== void 0 ? _data$article$title$t : '',
41
+ title: (_data$article$title$t = (_data$article$title = data.article.title) === null || _data$article$title === void 0 ? void 0 : _data$article$title.title) !== null && _data$article$title$t !== void 0 ? _data$article$title$t : '',
42
42
  introduction: (_data$article$metaDes = (_data$article$metaDes2 = data.article.metaDescription) === null || _data$article$metaDes2 === void 0 ? void 0 : _data$article$metaDes2.metaDescription) !== null && _data$article$metaDes !== void 0 ? _data$article$metaDes : '',
43
43
  target: isOembed ? '_blank' : undefined,
44
44
  to: "".concat(ndlaFrontendDomain !== null && ndlaFrontendDomain !== void 0 ? ndlaFrontendDomain : '').concat(path !== null && path !== void 0 ? path : ''),
@@ -5,14 +5,16 @@
5
5
  * LICENSE file in the root directory of this source tree.
6
6
  *
7
7
  */
8
+ import { HTMLAttributes } from 'react';
8
9
  import { MovieResourceType, MovieType } from './types';
9
- interface Props {
10
+ interface Props extends HTMLAttributes<HTMLElement> {
10
11
  movie: MovieType;
11
12
  columnWidth: number;
12
13
  distanceBetweenItems?: number;
13
14
  resourceTypes: MovieResourceType[];
14
15
  resizeThumbnailImages?: boolean;
15
16
  hideTags?: boolean;
17
+ className?: string;
16
18
  }
17
- declare const FilmContentCard: ({ movie: { metaImage, resourceTypes: movieResourceTypes, title, id, path }, columnWidth, distanceBetweenItems, resourceTypes, resizeThumbnailImages, hideTags, }: Props) => import("@emotion/react/jsx-runtime").JSX.Element;
19
+ declare const FilmContentCard: ({ movie: { metaImage, resourceTypes: movieResourceTypes, title, id, path }, columnWidth, distanceBetweenItems, resourceTypes, resizeThumbnailImages, hideTags, className, ...rest }: Props) => import("@emotion/react/jsx-runtime").JSX.Element;
18
20
  export default FilmContentCard;
@@ -1,5 +1,6 @@
1
1
  "use strict";
2
2
 
3
+ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
3
4
  Object.defineProperty(exports, "__esModule", {
4
5
  value: true
5
6
  });
@@ -11,7 +12,7 @@ var _safelink = _interopRequireDefault(require("@ndla/safelink"));
11
12
  var _Image = require("../Image");
12
13
  var _FilmContentCardTags = _interopRequireDefault(require("./FilmContentCardTags"));
13
14
  var _jsxRuntime = require("@emotion/react/jsx-runtime");
14
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
15
+ var _excluded = ["movie", "columnWidth", "distanceBetweenItems", "resourceTypes", "resizeThumbnailImages", "hideTags", "className"];
15
16
  /**
16
17
  * Copyright (c) 2019-present, NDLA.
17
18
  *
@@ -19,7 +20,14 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "d
19
20
  * LICENSE file in the root directory of this source tree.
20
21
  *
21
22
  */
22
-
23
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
24
+ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
25
+ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
26
+ function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
27
+ function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
28
+ function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
29
+ function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
30
+ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
23
31
  var FilmContentCard = function FilmContentCard(_ref) {
24
32
  var _ref$movie = _ref.movie,
25
33
  metaImage = _ref$movie.metaImage,
@@ -32,25 +40,28 @@ var FilmContentCard = function FilmContentCard(_ref) {
32
40
  resourceTypes = _ref.resourceTypes,
33
41
  resizeThumbnailImages = _ref.resizeThumbnailImages,
34
42
  _ref$hideTags = _ref.hideTags,
35
- hideTags = _ref$hideTags === void 0 ? false : _ref$hideTags;
43
+ hideTags = _ref$hideTags === void 0 ? false : _ref$hideTags,
44
+ className = _ref.className,
45
+ rest = _objectWithoutProperties(_ref, _excluded);
36
46
  var backgroundImage = "".concat(metaImage && metaImage.url || '');
37
47
  var contentTypeId = "content-type-".concat(id);
38
48
  if (resizeThumbnailImages && metaImage) {
39
49
  backgroundImage += '?width=480';
40
50
  }
41
- return (0, _jsxRuntime.jsxs)(StyledSafeLink, {
51
+ return (0, _jsxRuntime.jsxs)(StyledSafeLink, _objectSpread(_objectSpread({
42
52
  onMouseDown: function onMouseDown(e) {
43
53
  return e.preventDefault();
44
54
  },
45
55
  to: path,
46
56
  "aria-describedby": contentTypeId,
47
57
  columnWidth: columnWidth,
58
+ className: className,
48
59
  style: {
49
60
  marginRight: "".concat(distanceBetweenItems, "px")
50
- },
61
+ }
62
+ }, rest), {}, {
51
63
  children: [(0, _jsxRuntime.jsx)(StyledImage, {
52
64
  role: "img",
53
- columnWidth: columnWidth,
54
65
  style: {
55
66
  backgroundImage: "url(".concat(backgroundImage, "?").concat((0, _Image.makeSrcQueryString)(600), ")")
56
67
  },
@@ -62,18 +73,16 @@ var FilmContentCard = function FilmContentCard(_ref) {
62
73
  }), (0, _jsxRuntime.jsx)(StyledMovieTitle, {
63
74
  children: title
64
75
  })]
65
- });
76
+ }));
66
77
  };
67
78
  var StyledMovieTitle = /*#__PURE__*/(0, _base["default"])("span", {
68
79
  target: "en6bui52",
69
80
  label: "StyledMovieTitle"
70
- })(_core.fonts.sizes('14px', '20px'), ";font-weight:", _core.fonts.weight.semibold, ";color:#fff;@media (min-width: ", _core.breakpoints.mobileWide, "){", _core.fonts.sizes('16px', '22px'), ";}@media (min-width: ", _core.breakpoints.tablet, "){", _core.fonts.sizes('18px', '24px'), ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZpbG1Db250ZW50Q2FyZC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBbUVvQyIsImZpbGUiOiJGaWxtQ29udGVudENhcmQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDb3B5cmlnaHQgKGMpIDIwMTktcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLlxuICpcbiAqL1xuXG5pbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgc3BhY2luZywgY29sb3JzLCBmb250cywgYnJlYWtwb2ludHMgfSBmcm9tICdAbmRsYS9jb3JlJztcbmltcG9ydCBTYWZlTGluayBmcm9tICdAbmRsYS9zYWZlbGluayc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBtYWtlU3JjUXVlcnlTdHJpbmcgfSBmcm9tICcuLi9JbWFnZSc7XG5pbXBvcnQgRmlsbUNvbnRlbnRDYXJkVGFncyBmcm9tICcuL0ZpbG1Db250ZW50Q2FyZFRhZ3MnO1xuaW1wb3J0IHsgTW92aWVSZXNvdXJjZVR5cGUsIE1vdmllVHlwZSB9IGZyb20gJy4vdHlwZXMnO1xuXG5pbnRlcmZhY2UgUHJvcHMge1xuICBtb3ZpZTogTW92aWVUeXBlO1xuICBjb2x1bW5XaWR0aDogbnVtYmVyO1xuICBkaXN0YW5jZUJldHdlZW5JdGVtcz86IG51bWJlcjtcbiAgcmVzb3VyY2VUeXBlczogTW92aWVSZXNvdXJjZVR5cGVbXTtcbiAgcmVzaXplVGh1bWJuYWlsSW1hZ2VzPzogYm9vbGVhbjtcbiAgaGlkZVRhZ3M/OiBib29sZWFuO1xufVxuXG5jb25zdCBGaWxtQ29udGVudENhcmQgPSAoe1xuICBtb3ZpZTogeyBtZXRhSW1hZ2UsIHJlc291cmNlVHlwZXM6IG1vdmllUmVzb3VyY2VUeXBlcywgdGl0bGUsIGlkLCBwYXRoIH0sXG4gIGNvbHVtbldpZHRoLFxuICBkaXN0YW5jZUJldHdlZW5JdGVtcyxcbiAgcmVzb3VyY2VUeXBlcyxcbiAgcmVzaXplVGh1bWJuYWlsSW1hZ2VzLFxuICBoaWRlVGFncyA9IGZhbHNlLFxufTogUHJvcHMpID0+IHtcbiAgbGV0IGJhY2tncm91bmRJbWFnZSA9IGAkeyhtZXRhSW1hZ2UgJiYgbWV0YUltYWdlLnVybCkgfHwgJyd9YDtcbiAgY29uc3QgY29udGVudFR5cGVJZCA9IGBjb250ZW50LXR5cGUtJHtpZH1gO1xuICBpZiAocmVzaXplVGh1bWJuYWlsSW1hZ2VzICYmIG1ldGFJbWFnZSkge1xuICAgIGJhY2tncm91bmRJbWFnZSArPSAnP3dpZHRoPTQ4MCc7XG4gIH1cblxuICByZXR1cm4gKFxuICAgIDxTdHlsZWRTYWZlTGlua1xuICAgICAgb25Nb3VzZURvd249eyhlKSA9PiBlLnByZXZlbnREZWZhdWx0KCl9XG4gICAgICB0bz17cGF0aH1cbiAgICAgIGFyaWEtZGVzY3JpYmVkYnk9e2NvbnRlbnRUeXBlSWR9XG4gICAgICBjb2x1bW5XaWR0aD17Y29sdW1uV2lkdGh9XG4gICAgICBzdHlsZT17eyBtYXJnaW5SaWdodDogYCR7ZGlzdGFuY2VCZXR3ZWVuSXRlbXN9cHhgIH19XG4gICAgPlxuICAgICAgPFN0eWxlZEltYWdlXG4gICAgICAgIHJvbGU9XCJpbWdcIlxuICAgICAgICBjb2x1bW5XaWR0aD17Y29sdW1uV2lkdGh9XG4gICAgICAgIHN0eWxlPXt7XG4gICAgICAgICAgYmFja2dyb3VuZEltYWdlOiBgdXJsKCR7YmFja2dyb3VuZEltYWdlfT8ke21ha2VTcmNRdWVyeVN0cmluZyg2MDApfSlgLFxuICAgICAgICB9fVxuICAgICAgPlxuICAgICAgICB7bW92aWVSZXNvdXJjZVR5cGVzICYmICFoaWRlVGFncyAmJiAoXG4gICAgICAgICAgPEZpbG1Db250ZW50Q2FyZFRhZ3NcbiAgICAgICAgICAgIGlkPXtjb250ZW50VHlwZUlkfVxuICAgICAgICAgICAgbW92aWVSZXNvdXJjZVR5cGVzPXttb3ZpZVJlc291cmNlVHlwZXN9XG4gICAgICAgICAgICByZXNvdXJjZVR5cGVzPXtyZXNvdXJjZVR5cGVzfVxuICAgICAgICAgIC8+XG4gICAgICAgICl9XG4gICAgICA8L1N0eWxlZEltYWdlPlxuICAgICAgPFN0eWxlZE1vdmllVGl0bGU+e3RpdGxlfTwvU3R5bGVkTW92aWVUaXRsZT5cbiAgICA8L1N0eWxlZFNhZmVMaW5rPlxuICApO1xufTtcblxuY29uc3QgU3R5bGVkTW92aWVUaXRsZSA9IHN0eWxlZC5zcGFuYFxuICAke2ZvbnRzLnNpemVzKCcxNHB4JywgJzIwcHgnKX07XG4gIGZvbnQtd2VpZ2h0OiAke2ZvbnRzLndlaWdodC5zZW1pYm9sZH07XG4gIGNvbG9yOiAjZmZmO1xuICBAbWVkaWEgKG1pbi13aWR0aDogJHticmVha3BvaW50cy5tb2JpbGVXaWRlfSkge1xuICAgICR7Zm9udHMuc2l6ZXMoJzE2cHgnLCAnMjJweCcpfTtcbiAgfVxuICBAbWVkaWEgKG1pbi13aWR0aDogJHticmVha3BvaW50cy50YWJsZXR9KSB7XG4gICAgJHtmb250cy5zaXplcygnMThweCcsICcyNHB4Jyl9O1xuICB9XG5gO1xuXG5pbnRlcmZhY2UgU3R5bGVkSW1hZ2VQcm9wcyB7XG4gIGNvbHVtbldpZHRoOiBudW1iZXI7XG59XG5jb25zdCBTdHlsZWRJbWFnZSA9IHN0eWxlZC5kaXY8U3R5bGVkSW1hZ2VQcm9wcz5gXG4gIGhlaWdodDogJHsocHJvcHMpID0+IHByb3BzLmNvbHVtbldpZHRoICogMC41NjI1fXB4O1xuICBiYWNrZ3JvdW5kLXNpemU6IGNvdmVyO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAke2NvbG9ycy5uZGxhRmlsbS5maWxtQ29sb3JMaWdodH07XG4gIGJhY2tncm91bmQtcG9zaXRpb24teDogY2VudGVyO1xuICBiYWNrZ3JvdW5kLXBvc2l0aW9uLXk6IGNlbnRlcjtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogZmxleC1lbmQ7XG4gICY6YmVmb3JlIHtcbiAgICBjb250ZW50OiAnJztcbiAgICB0cmFuc2l0aW9uOiAyMDBtcyBlYXNlO1xuICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgIGJhY2tncm91bmQ6ICR7Y29sb3JzLm5kbGFGaWxtLmZpbG1Db2xvcn07XG4gICAgb3BhY2l0eTogMDtcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgdG9wOiAwO1xuICAgIGJvdHRvbTogMDtcbiAgICBsZWZ0OiAwO1xuICAgIHJpZ2h0OiAwO1xuICB9XG5gO1xuXG5pbnRlcmZhY2UgU3R5bGVkU2xpZGVXcmFwcGVyUHJvcHMge1xuICBjb2x1bW5XaWR0aDogbnVtYmVyO1xufVxuXG5jb25zdCBzaG91bGRGb3J3YXJkUHJvcCA9IChwOiBzdHJpbmcpID0+IHAgIT09ICdjb2x1bW5XaWR0aCc7XG5cbmNvbnN0IFN0eWxlZFNhZmVMaW5rID0gc3R5bGVkKFNhZmVMaW5rLCB7IHNob3VsZEZvcndhcmRQcm9wIH0pPFN0eWxlZFNsaWRlV3JhcHBlclByb3BzPmBcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgZ2FwOiAke3NwYWNpbmcuc21hbGx9O1xuICB3aWR0aDogJHsocHJvcHMpID0+IHByb3BzLmNvbHVtbldpZHRofXB4O1xuICBjb2xvcjogI2ZmZjtcbiAgYm94LXNoYWRvdzogbm9uZTtcbiAgJjpob3ZlcixcbiAgJjpmb2N1cy13aXRoaW4sXG4gICY6YWN0aXZlLFxuICAmOmZvY3VzIHtcbiAgICAke1N0eWxlZE1vdmllVGl0bGV9IHtcbiAgICAgIHRleHQtZGVjb3JhdGlvbjogdW5kZXJsaW5lO1xuICAgIH1cbiAgICAke1N0eWxlZEltYWdlfSB7XG4gICAgICAmOmJlZm9yZSB7XG4gICAgICAgIG9wYWNpdHk6IDAuMztcbiAgICAgIH1cbiAgICAgID4gZGl2IHtcbiAgICAgICAgb3BhY2l0eTogMTtcbiAgICAgIH1cbiAgICB9XG4gIH1cbmA7XG5cbmV4cG9ydCBkZWZhdWx0IEZpbG1Db250ZW50Q2FyZDtcbiJdfQ== */"));
81
+ })(_core.fonts.sizes('14px', '20px'), ";font-weight:", _core.fonts.weight.semibold, ";color:#fff;@media (min-width: ", _core.breakpoints.mobileWide, "){", _core.fonts.sizes('16px', '22px'), ";}@media (min-width: ", _core.breakpoints.tablet, "){", _core.fonts.sizes('18px', '24px'), ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZpbG1Db250ZW50Q2FyZC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBdUVvQyIsImZpbGUiOiJGaWxtQ29udGVudENhcmQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDb3B5cmlnaHQgKGMpIDIwMTktcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLlxuICpcbiAqL1xuXG5pbXBvcnQgUmVhY3QsIHsgSFRNTEF0dHJpYnV0ZXMgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBzcGFjaW5nLCBjb2xvcnMsIGZvbnRzLCBicmVha3BvaW50cywgbWlzYyB9IGZyb20gJ0BuZGxhL2NvcmUnO1xuaW1wb3J0IFNhZmVMaW5rIGZyb20gJ0BuZGxhL3NhZmVsaW5rJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IG1ha2VTcmNRdWVyeVN0cmluZyB9IGZyb20gJy4uL0ltYWdlJztcbmltcG9ydCBGaWxtQ29udGVudENhcmRUYWdzIGZyb20gJy4vRmlsbUNvbnRlbnRDYXJkVGFncyc7XG5pbXBvcnQgeyBNb3ZpZVJlc291cmNlVHlwZSwgTW92aWVUeXBlIH0gZnJvbSAnLi90eXBlcyc7XG5cbmludGVyZmFjZSBQcm9wcyBleHRlbmRzIEhUTUxBdHRyaWJ1dGVzPEhUTUxFbGVtZW50PiB7XG4gIG1vdmllOiBNb3ZpZVR5cGU7XG4gIGNvbHVtbldpZHRoOiBudW1iZXI7XG4gIGRpc3RhbmNlQmV0d2Vlbkl0ZW1zPzogbnVtYmVyO1xuICByZXNvdXJjZVR5cGVzOiBNb3ZpZVJlc291cmNlVHlwZVtdO1xuICByZXNpemVUaHVtYm5haWxJbWFnZXM/OiBib29sZWFuO1xuICBoaWRlVGFncz86IGJvb2xlYW47XG4gIGNsYXNzTmFtZT86IHN0cmluZztcbn1cblxuY29uc3QgRmlsbUNvbnRlbnRDYXJkID0gKHtcbiAgbW92aWU6IHsgbWV0YUltYWdlLCByZXNvdXJjZVR5cGVzOiBtb3ZpZVJlc291cmNlVHlwZXMsIHRpdGxlLCBpZCwgcGF0aCB9LFxuICBjb2x1bW5XaWR0aCxcbiAgZGlzdGFuY2VCZXR3ZWVuSXRlbXMsXG4gIHJlc291cmNlVHlwZXMsXG4gIHJlc2l6ZVRodW1ibmFpbEltYWdlcyxcbiAgaGlkZVRhZ3MgPSBmYWxzZSxcbiAgY2xhc3NOYW1lLFxuICAuLi5yZXN0XG59OiBQcm9wcykgPT4ge1xuICBsZXQgYmFja2dyb3VuZEltYWdlID0gYCR7KG1ldGFJbWFnZSAmJiBtZXRhSW1hZ2UudXJsKSB8fCAnJ31gO1xuICBjb25zdCBjb250ZW50VHlwZUlkID0gYGNvbnRlbnQtdHlwZS0ke2lkfWA7XG4gIGlmIChyZXNpemVUaHVtYm5haWxJbWFnZXMgJiYgbWV0YUltYWdlKSB7XG4gICAgYmFja2dyb3VuZEltYWdlICs9ICc/d2lkdGg9NDgwJztcbiAgfVxuXG4gIHJldHVybiAoXG4gICAgPFN0eWxlZFNhZmVMaW5rXG4gICAgICBvbk1vdXNlRG93bj17KGUpID0+IGUucHJldmVudERlZmF1bHQoKX1cbiAgICAgIHRvPXtwYXRofVxuICAgICAgYXJpYS1kZXNjcmliZWRieT17Y29udGVudFR5cGVJZH1cbiAgICAgIGNvbHVtbldpZHRoPXtjb2x1bW5XaWR0aH1cbiAgICAgIGNsYXNzTmFtZT17Y2xhc3NOYW1lfVxuICAgICAgc3R5bGU9e3sgbWFyZ2luUmlnaHQ6IGAke2Rpc3RhbmNlQmV0d2Vlbkl0ZW1zfXB4YCB9fVxuICAgICAgey4uLnJlc3R9XG4gICAgPlxuICAgICAgPFN0eWxlZEltYWdlXG4gICAgICAgIHJvbGU9XCJpbWdcIlxuICAgICAgICBzdHlsZT17e1xuICAgICAgICAgIGJhY2tncm91bmRJbWFnZTogYHVybCgke2JhY2tncm91bmRJbWFnZX0/JHttYWtlU3JjUXVlcnlTdHJpbmcoNjAwKX0pYCxcbiAgICAgICAgfX1cbiAgICAgID5cbiAgICAgICAge21vdmllUmVzb3VyY2VUeXBlcyAmJiAhaGlkZVRhZ3MgJiYgKFxuICAgICAgICAgIDxGaWxtQ29udGVudENhcmRUYWdzXG4gICAgICAgICAgICBpZD17Y29udGVudFR5cGVJZH1cbiAgICAgICAgICAgIG1vdmllUmVzb3VyY2VUeXBlcz17bW92aWVSZXNvdXJjZVR5cGVzfVxuICAgICAgICAgICAgcmVzb3VyY2VUeXBlcz17cmVzb3VyY2VUeXBlc31cbiAgICAgICAgICAvPlxuICAgICAgICApfVxuICAgICAgPC9TdHlsZWRJbWFnZT5cbiAgICAgIDxTdHlsZWRNb3ZpZVRpdGxlPnt0aXRsZX08L1N0eWxlZE1vdmllVGl0bGU+XG4gICAgPC9TdHlsZWRTYWZlTGluaz5cbiAgKTtcbn07XG5cbmNvbnN0IFN0eWxlZE1vdmllVGl0bGUgPSBzdHlsZWQuc3BhbmBcbiAgJHtmb250cy5zaXplcygnMTRweCcsICcyMHB4Jyl9O1xuICBmb250LXdlaWdodDogJHtmb250cy53ZWlnaHQuc2VtaWJvbGR9O1xuICBjb2xvcjogI2ZmZjtcbiAgQG1lZGlhIChtaW4td2lkdGg6ICR7YnJlYWtwb2ludHMubW9iaWxlV2lkZX0pIHtcbiAgICAke2ZvbnRzLnNpemVzKCcxNnB4JywgJzIycHgnKX07XG4gIH1cbiAgQG1lZGlhIChtaW4td2lkdGg6ICR7YnJlYWtwb2ludHMudGFibGV0fSkge1xuICAgICR7Zm9udHMuc2l6ZXMoJzE4cHgnLCAnMjRweCcpfTtcbiAgfVxuYDtcblxuY29uc3QgU3R5bGVkSW1hZ2UgPSBzdHlsZWQuZGl2YFxuICBhc3BlY3QtcmF0aW86IDE2Lzk7XG4gIGJhY2tncm91bmQtc2l6ZTogY292ZXI7XG4gIGJhY2tncm91bmQtY29sb3I6ICR7Y29sb3JzLm5kbGFGaWxtLmZpbG1Db2xvckxpZ2h0fTtcbiAgYmFja2dyb3VuZC1wb3NpdGlvbi14OiBjZW50ZXI7XG4gIGJhY2tncm91bmQtcG9zaXRpb24teTogY2VudGVyO1xuICBib3JkZXItcmFkaXVzOiAke21pc2MuYm9yZGVyUmFkaXVzfTtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogZmxleC1lbmQ7XG4gICY6YmVmb3JlIHtcbiAgICBjb250ZW50OiAnJztcbiAgICB0cmFuc2l0aW9uOiAyMDBtcyBlYXNlO1xuICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgIGJhY2tncm91bmQ6ICR7Y29sb3JzLm5kbGFGaWxtLmZpbG1Db2xvcn07XG4gICAgb3BhY2l0eTogMDtcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgdG9wOiAwO1xuICAgIGJvdHRvbTogMDtcbiAgICBsZWZ0OiAwO1xuICAgIHJpZ2h0OiAwO1xuICB9XG5gO1xuXG5pbnRlcmZhY2UgU3R5bGVkU2xpZGVXcmFwcGVyUHJvcHMge1xuICBjb2x1bW5XaWR0aDogbnVtYmVyO1xufVxuXG5jb25zdCBzaG91bGRGb3J3YXJkUHJvcCA9IChwOiBzdHJpbmcpID0+IHAgIT09ICdjb2x1bW5XaWR0aCc7XG5cbmNvbnN0IFN0eWxlZFNhZmVMaW5rID0gc3R5bGVkKFNhZmVMaW5rLCB7IHNob3VsZEZvcndhcmRQcm9wIH0pPFN0eWxlZFNsaWRlV3JhcHBlclByb3BzPmBcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgZ2FwOiAke3NwYWNpbmcuc21hbGx9O1xuICB3aWR0aDogJHsocHJvcHMpID0+IHByb3BzLmNvbHVtbldpZHRofXB4O1xuICBjb2xvcjogI2ZmZjtcbiAgYm94LXNoYWRvdzogbm9uZTtcbiAgJjpob3ZlcixcbiAgJjpmb2N1cy13aXRoaW4sXG4gICY6YWN0aXZlLFxuICAmOmZvY3VzIHtcbiAgICAke1N0eWxlZE1vdmllVGl0bGV9IHtcbiAgICAgIHRleHQtZGVjb3JhdGlvbjogdW5kZXJsaW5lO1xuICAgIH1cbiAgICAke1N0eWxlZEltYWdlfSB7XG4gICAgICAmOmJlZm9yZSB7XG4gICAgICAgIG9wYWNpdHk6IDAuMztcbiAgICAgIH1cbiAgICAgID4gZGl2IHtcbiAgICAgICAgb3BhY2l0eTogMTtcbiAgICAgIH1cbiAgICB9XG4gIH1cbmA7XG5cbmV4cG9ydCBkZWZhdWx0IEZpbG1Db250ZW50Q2FyZDtcbiJdfQ== */"));
71
82
  var StyledImage = /*#__PURE__*/(0, _base["default"])("div", {
72
83
  target: "en6bui51",
73
84
  label: "StyledImage"
74
- })("height:", function (props) {
75
- return props.columnWidth * 0.5625;
76
- }, "px;background-size:cover;background-color:", _core.colors.ndlaFilm.filmColorLight, ";background-position-x:center;background-position-y:center;position:relative;display:flex;align-items:flex-end;&:before{content:'';transition:200ms ease;display:block;background:", _core.colors.ndlaFilm.filmColor, ";opacity:0;position:absolute;top:0;bottom:0;left:0;right:0;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZpbG1Db250ZW50Q2FyZC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBa0ZnRCIsImZpbGUiOiJGaWxtQ29udGVudENhcmQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDb3B5cmlnaHQgKGMpIDIwMTktcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLlxuICpcbiAqL1xuXG5pbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgc3BhY2luZywgY29sb3JzLCBmb250cywgYnJlYWtwb2ludHMgfSBmcm9tICdAbmRsYS9jb3JlJztcbmltcG9ydCBTYWZlTGluayBmcm9tICdAbmRsYS9zYWZlbGluayc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBtYWtlU3JjUXVlcnlTdHJpbmcgfSBmcm9tICcuLi9JbWFnZSc7XG5pbXBvcnQgRmlsbUNvbnRlbnRDYXJkVGFncyBmcm9tICcuL0ZpbG1Db250ZW50Q2FyZFRhZ3MnO1xuaW1wb3J0IHsgTW92aWVSZXNvdXJjZVR5cGUsIE1vdmllVHlwZSB9IGZyb20gJy4vdHlwZXMnO1xuXG5pbnRlcmZhY2UgUHJvcHMge1xuICBtb3ZpZTogTW92aWVUeXBlO1xuICBjb2x1bW5XaWR0aDogbnVtYmVyO1xuICBkaXN0YW5jZUJldHdlZW5JdGVtcz86IG51bWJlcjtcbiAgcmVzb3VyY2VUeXBlczogTW92aWVSZXNvdXJjZVR5cGVbXTtcbiAgcmVzaXplVGh1bWJuYWlsSW1hZ2VzPzogYm9vbGVhbjtcbiAgaGlkZVRhZ3M/OiBib29sZWFuO1xufVxuXG5jb25zdCBGaWxtQ29udGVudENhcmQgPSAoe1xuICBtb3ZpZTogeyBtZXRhSW1hZ2UsIHJlc291cmNlVHlwZXM6IG1vdmllUmVzb3VyY2VUeXBlcywgdGl0bGUsIGlkLCBwYXRoIH0sXG4gIGNvbHVtbldpZHRoLFxuICBkaXN0YW5jZUJldHdlZW5JdGVtcyxcbiAgcmVzb3VyY2VUeXBlcyxcbiAgcmVzaXplVGh1bWJuYWlsSW1hZ2VzLFxuICBoaWRlVGFncyA9IGZhbHNlLFxufTogUHJvcHMpID0+IHtcbiAgbGV0IGJhY2tncm91bmRJbWFnZSA9IGAkeyhtZXRhSW1hZ2UgJiYgbWV0YUltYWdlLnVybCkgfHwgJyd9YDtcbiAgY29uc3QgY29udGVudFR5cGVJZCA9IGBjb250ZW50LXR5cGUtJHtpZH1gO1xuICBpZiAocmVzaXplVGh1bWJuYWlsSW1hZ2VzICYmIG1ldGFJbWFnZSkge1xuICAgIGJhY2tncm91bmRJbWFnZSArPSAnP3dpZHRoPTQ4MCc7XG4gIH1cblxuICByZXR1cm4gKFxuICAgIDxTdHlsZWRTYWZlTGlua1xuICAgICAgb25Nb3VzZURvd249eyhlKSA9PiBlLnByZXZlbnREZWZhdWx0KCl9XG4gICAgICB0bz17cGF0aH1cbiAgICAgIGFyaWEtZGVzY3JpYmVkYnk9e2NvbnRlbnRUeXBlSWR9XG4gICAgICBjb2x1bW5XaWR0aD17Y29sdW1uV2lkdGh9XG4gICAgICBzdHlsZT17eyBtYXJnaW5SaWdodDogYCR7ZGlzdGFuY2VCZXR3ZWVuSXRlbXN9cHhgIH19XG4gICAgPlxuICAgICAgPFN0eWxlZEltYWdlXG4gICAgICAgIHJvbGU9XCJpbWdcIlxuICAgICAgICBjb2x1bW5XaWR0aD17Y29sdW1uV2lkdGh9XG4gICAgICAgIHN0eWxlPXt7XG4gICAgICAgICAgYmFja2dyb3VuZEltYWdlOiBgdXJsKCR7YmFja2dyb3VuZEltYWdlfT8ke21ha2VTcmNRdWVyeVN0cmluZyg2MDApfSlgLFxuICAgICAgICB9fVxuICAgICAgPlxuICAgICAgICB7bW92aWVSZXNvdXJjZVR5cGVzICYmICFoaWRlVGFncyAmJiAoXG4gICAgICAgICAgPEZpbG1Db250ZW50Q2FyZFRhZ3NcbiAgICAgICAgICAgIGlkPXtjb250ZW50VHlwZUlkfVxuICAgICAgICAgICAgbW92aWVSZXNvdXJjZVR5cGVzPXttb3ZpZVJlc291cmNlVHlwZXN9XG4gICAgICAgICAgICByZXNvdXJjZVR5cGVzPXtyZXNvdXJjZVR5cGVzfVxuICAgICAgICAgIC8+XG4gICAgICAgICl9XG4gICAgICA8L1N0eWxlZEltYWdlPlxuICAgICAgPFN0eWxlZE1vdmllVGl0bGU+e3RpdGxlfTwvU3R5bGVkTW92aWVUaXRsZT5cbiAgICA8L1N0eWxlZFNhZmVMaW5rPlxuICApO1xufTtcblxuY29uc3QgU3R5bGVkTW92aWVUaXRsZSA9IHN0eWxlZC5zcGFuYFxuICAke2ZvbnRzLnNpemVzKCcxNHB4JywgJzIwcHgnKX07XG4gIGZvbnQtd2VpZ2h0OiAke2ZvbnRzLndlaWdodC5zZW1pYm9sZH07XG4gIGNvbG9yOiAjZmZmO1xuICBAbWVkaWEgKG1pbi13aWR0aDogJHticmVha3BvaW50cy5tb2JpbGVXaWRlfSkge1xuICAgICR7Zm9udHMuc2l6ZXMoJzE2cHgnLCAnMjJweCcpfTtcbiAgfVxuICBAbWVkaWEgKG1pbi13aWR0aDogJHticmVha3BvaW50cy50YWJsZXR9KSB7XG4gICAgJHtmb250cy5zaXplcygnMThweCcsICcyNHB4Jyl9O1xuICB9XG5gO1xuXG5pbnRlcmZhY2UgU3R5bGVkSW1hZ2VQcm9wcyB7XG4gIGNvbHVtbldpZHRoOiBudW1iZXI7XG59XG5jb25zdCBTdHlsZWRJbWFnZSA9IHN0eWxlZC5kaXY8U3R5bGVkSW1hZ2VQcm9wcz5gXG4gIGhlaWdodDogJHsocHJvcHMpID0+IHByb3BzLmNvbHVtbldpZHRoICogMC41NjI1fXB4O1xuICBiYWNrZ3JvdW5kLXNpemU6IGNvdmVyO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAke2NvbG9ycy5uZGxhRmlsbS5maWxtQ29sb3JMaWdodH07XG4gIGJhY2tncm91bmQtcG9zaXRpb24teDogY2VudGVyO1xuICBiYWNrZ3JvdW5kLXBvc2l0aW9uLXk6IGNlbnRlcjtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogZmxleC1lbmQ7XG4gICY6YmVmb3JlIHtcbiAgICBjb250ZW50OiAnJztcbiAgICB0cmFuc2l0aW9uOiAyMDBtcyBlYXNlO1xuICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgIGJhY2tncm91bmQ6ICR7Y29sb3JzLm5kbGFGaWxtLmZpbG1Db2xvcn07XG4gICAgb3BhY2l0eTogMDtcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgdG9wOiAwO1xuICAgIGJvdHRvbTogMDtcbiAgICBsZWZ0OiAwO1xuICAgIHJpZ2h0OiAwO1xuICB9XG5gO1xuXG5pbnRlcmZhY2UgU3R5bGVkU2xpZGVXcmFwcGVyUHJvcHMge1xuICBjb2x1bW5XaWR0aDogbnVtYmVyO1xufVxuXG5jb25zdCBzaG91bGRGb3J3YXJkUHJvcCA9IChwOiBzdHJpbmcpID0+IHAgIT09ICdjb2x1bW5XaWR0aCc7XG5cbmNvbnN0IFN0eWxlZFNhZmVMaW5rID0gc3R5bGVkKFNhZmVMaW5rLCB7IHNob3VsZEZvcndhcmRQcm9wIH0pPFN0eWxlZFNsaWRlV3JhcHBlclByb3BzPmBcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgZ2FwOiAke3NwYWNpbmcuc21hbGx9O1xuICB3aWR0aDogJHsocHJvcHMpID0+IHByb3BzLmNvbHVtbldpZHRofXB4O1xuICBjb2xvcjogI2ZmZjtcbiAgYm94LXNoYWRvdzogbm9uZTtcbiAgJjpob3ZlcixcbiAgJjpmb2N1cy13aXRoaW4sXG4gICY6YWN0aXZlLFxuICAmOmZvY3VzIHtcbiAgICAke1N0eWxlZE1vdmllVGl0bGV9IHtcbiAgICAgIHRleHQtZGVjb3JhdGlvbjogdW5kZXJsaW5lO1xuICAgIH1cbiAgICAke1N0eWxlZEltYWdlfSB7XG4gICAgICAmOmJlZm9yZSB7XG4gICAgICAgIG9wYWNpdHk6IDAuMztcbiAgICAgIH1cbiAgICAgID4gZGl2IHtcbiAgICAgICAgb3BhY2l0eTogMTtcbiAgICAgIH1cbiAgICB9XG4gIH1cbmA7XG5cbmV4cG9ydCBkZWZhdWx0IEZpbG1Db250ZW50Q2FyZDtcbiJdfQ== */"));
85
+ })("aspect-ratio:16/9;background-size:cover;background-color:", _core.colors.ndlaFilm.filmColorLight, ";background-position-x:center;background-position-y:center;border-radius:", _core.misc.borderRadius, ";position:relative;display:flex;align-items:flex-end;&:before{content:'';transition:200ms ease;display:block;background:", _core.colors.ndlaFilm.filmColor, ";opacity:0;position:absolute;top:0;bottom:0;left:0;right:0;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZpbG1Db250ZW50Q2FyZC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBbUY4QiIsImZpbGUiOiJGaWxtQ29udGVudENhcmQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDb3B5cmlnaHQgKGMpIDIwMTktcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLlxuICpcbiAqL1xuXG5pbXBvcnQgUmVhY3QsIHsgSFRNTEF0dHJpYnV0ZXMgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBzcGFjaW5nLCBjb2xvcnMsIGZvbnRzLCBicmVha3BvaW50cywgbWlzYyB9IGZyb20gJ0BuZGxhL2NvcmUnO1xuaW1wb3J0IFNhZmVMaW5rIGZyb20gJ0BuZGxhL3NhZmVsaW5rJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IG1ha2VTcmNRdWVyeVN0cmluZyB9IGZyb20gJy4uL0ltYWdlJztcbmltcG9ydCBGaWxtQ29udGVudENhcmRUYWdzIGZyb20gJy4vRmlsbUNvbnRlbnRDYXJkVGFncyc7XG5pbXBvcnQgeyBNb3ZpZVJlc291cmNlVHlwZSwgTW92aWVUeXBlIH0gZnJvbSAnLi90eXBlcyc7XG5cbmludGVyZmFjZSBQcm9wcyBleHRlbmRzIEhUTUxBdHRyaWJ1dGVzPEhUTUxFbGVtZW50PiB7XG4gIG1vdmllOiBNb3ZpZVR5cGU7XG4gIGNvbHVtbldpZHRoOiBudW1iZXI7XG4gIGRpc3RhbmNlQmV0d2Vlbkl0ZW1zPzogbnVtYmVyO1xuICByZXNvdXJjZVR5cGVzOiBNb3ZpZVJlc291cmNlVHlwZVtdO1xuICByZXNpemVUaHVtYm5haWxJbWFnZXM/OiBib29sZWFuO1xuICBoaWRlVGFncz86IGJvb2xlYW47XG4gIGNsYXNzTmFtZT86IHN0cmluZztcbn1cblxuY29uc3QgRmlsbUNvbnRlbnRDYXJkID0gKHtcbiAgbW92aWU6IHsgbWV0YUltYWdlLCByZXNvdXJjZVR5cGVzOiBtb3ZpZVJlc291cmNlVHlwZXMsIHRpdGxlLCBpZCwgcGF0aCB9LFxuICBjb2x1bW5XaWR0aCxcbiAgZGlzdGFuY2VCZXR3ZWVuSXRlbXMsXG4gIHJlc291cmNlVHlwZXMsXG4gIHJlc2l6ZVRodW1ibmFpbEltYWdlcyxcbiAgaGlkZVRhZ3MgPSBmYWxzZSxcbiAgY2xhc3NOYW1lLFxuICAuLi5yZXN0XG59OiBQcm9wcykgPT4ge1xuICBsZXQgYmFja2dyb3VuZEltYWdlID0gYCR7KG1ldGFJbWFnZSAmJiBtZXRhSW1hZ2UudXJsKSB8fCAnJ31gO1xuICBjb25zdCBjb250ZW50VHlwZUlkID0gYGNvbnRlbnQtdHlwZS0ke2lkfWA7XG4gIGlmIChyZXNpemVUaHVtYm5haWxJbWFnZXMgJiYgbWV0YUltYWdlKSB7XG4gICAgYmFja2dyb3VuZEltYWdlICs9ICc/d2lkdGg9NDgwJztcbiAgfVxuXG4gIHJldHVybiAoXG4gICAgPFN0eWxlZFNhZmVMaW5rXG4gICAgICBvbk1vdXNlRG93bj17KGUpID0+IGUucHJldmVudERlZmF1bHQoKX1cbiAgICAgIHRvPXtwYXRofVxuICAgICAgYXJpYS1kZXNjcmliZWRieT17Y29udGVudFR5cGVJZH1cbiAgICAgIGNvbHVtbldpZHRoPXtjb2x1bW5XaWR0aH1cbiAgICAgIGNsYXNzTmFtZT17Y2xhc3NOYW1lfVxuICAgICAgc3R5bGU9e3sgbWFyZ2luUmlnaHQ6IGAke2Rpc3RhbmNlQmV0d2Vlbkl0ZW1zfXB4YCB9fVxuICAgICAgey4uLnJlc3R9XG4gICAgPlxuICAgICAgPFN0eWxlZEltYWdlXG4gICAgICAgIHJvbGU9XCJpbWdcIlxuICAgICAgICBzdHlsZT17e1xuICAgICAgICAgIGJhY2tncm91bmRJbWFnZTogYHVybCgke2JhY2tncm91bmRJbWFnZX0/JHttYWtlU3JjUXVlcnlTdHJpbmcoNjAwKX0pYCxcbiAgICAgICAgfX1cbiAgICAgID5cbiAgICAgICAge21vdmllUmVzb3VyY2VUeXBlcyAmJiAhaGlkZVRhZ3MgJiYgKFxuICAgICAgICAgIDxGaWxtQ29udGVudENhcmRUYWdzXG4gICAgICAgICAgICBpZD17Y29udGVudFR5cGVJZH1cbiAgICAgICAgICAgIG1vdmllUmVzb3VyY2VUeXBlcz17bW92aWVSZXNvdXJjZVR5cGVzfVxuICAgICAgICAgICAgcmVzb3VyY2VUeXBlcz17cmVzb3VyY2VUeXBlc31cbiAgICAgICAgICAvPlxuICAgICAgICApfVxuICAgICAgPC9TdHlsZWRJbWFnZT5cbiAgICAgIDxTdHlsZWRNb3ZpZVRpdGxlPnt0aXRsZX08L1N0eWxlZE1vdmllVGl0bGU+XG4gICAgPC9TdHlsZWRTYWZlTGluaz5cbiAgKTtcbn07XG5cbmNvbnN0IFN0eWxlZE1vdmllVGl0bGUgPSBzdHlsZWQuc3BhbmBcbiAgJHtmb250cy5zaXplcygnMTRweCcsICcyMHB4Jyl9O1xuICBmb250LXdlaWdodDogJHtmb250cy53ZWlnaHQuc2VtaWJvbGR9O1xuICBjb2xvcjogI2ZmZjtcbiAgQG1lZGlhIChtaW4td2lkdGg6ICR7YnJlYWtwb2ludHMubW9iaWxlV2lkZX0pIHtcbiAgICAke2ZvbnRzLnNpemVzKCcxNnB4JywgJzIycHgnKX07XG4gIH1cbiAgQG1lZGlhIChtaW4td2lkdGg6ICR7YnJlYWtwb2ludHMudGFibGV0fSkge1xuICAgICR7Zm9udHMuc2l6ZXMoJzE4cHgnLCAnMjRweCcpfTtcbiAgfVxuYDtcblxuY29uc3QgU3R5bGVkSW1hZ2UgPSBzdHlsZWQuZGl2YFxuICBhc3BlY3QtcmF0aW86IDE2Lzk7XG4gIGJhY2tncm91bmQtc2l6ZTogY292ZXI7XG4gIGJhY2tncm91bmQtY29sb3I6ICR7Y29sb3JzLm5kbGFGaWxtLmZpbG1Db2xvckxpZ2h0fTtcbiAgYmFja2dyb3VuZC1wb3NpdGlvbi14OiBjZW50ZXI7XG4gIGJhY2tncm91bmQtcG9zaXRpb24teTogY2VudGVyO1xuICBib3JkZXItcmFkaXVzOiAke21pc2MuYm9yZGVyUmFkaXVzfTtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogZmxleC1lbmQ7XG4gICY6YmVmb3JlIHtcbiAgICBjb250ZW50OiAnJztcbiAgICB0cmFuc2l0aW9uOiAyMDBtcyBlYXNlO1xuICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgIGJhY2tncm91bmQ6ICR7Y29sb3JzLm5kbGFGaWxtLmZpbG1Db2xvcn07XG4gICAgb3BhY2l0eTogMDtcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgdG9wOiAwO1xuICAgIGJvdHRvbTogMDtcbiAgICBsZWZ0OiAwO1xuICAgIHJpZ2h0OiAwO1xuICB9XG5gO1xuXG5pbnRlcmZhY2UgU3R5bGVkU2xpZGVXcmFwcGVyUHJvcHMge1xuICBjb2x1bW5XaWR0aDogbnVtYmVyO1xufVxuXG5jb25zdCBzaG91bGRGb3J3YXJkUHJvcCA9IChwOiBzdHJpbmcpID0+IHAgIT09ICdjb2x1bW5XaWR0aCc7XG5cbmNvbnN0IFN0eWxlZFNhZmVMaW5rID0gc3R5bGVkKFNhZmVMaW5rLCB7IHNob3VsZEZvcndhcmRQcm9wIH0pPFN0eWxlZFNsaWRlV3JhcHBlclByb3BzPmBcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgZ2FwOiAke3NwYWNpbmcuc21hbGx9O1xuICB3aWR0aDogJHsocHJvcHMpID0+IHByb3BzLmNvbHVtbldpZHRofXB4O1xuICBjb2xvcjogI2ZmZjtcbiAgYm94LXNoYWRvdzogbm9uZTtcbiAgJjpob3ZlcixcbiAgJjpmb2N1cy13aXRoaW4sXG4gICY6YWN0aXZlLFxuICAmOmZvY3VzIHtcbiAgICAke1N0eWxlZE1vdmllVGl0bGV9IHtcbiAgICAgIHRleHQtZGVjb3JhdGlvbjogdW5kZXJsaW5lO1xuICAgIH1cbiAgICAke1N0eWxlZEltYWdlfSB7XG4gICAgICAmOmJlZm9yZSB7XG4gICAgICAgIG9wYWNpdHk6IDAuMztcbiAgICAgIH1cbiAgICAgID4gZGl2IHtcbiAgICAgICAgb3BhY2l0eTogMTtcbiAgICAgIH1cbiAgICB9XG4gIH1cbmA7XG5cbmV4cG9ydCBkZWZhdWx0IEZpbG1Db250ZW50Q2FyZDtcbiJdfQ== */"));
77
86
  var shouldForwardProp = function shouldForwardProp(p) {
78
87
  return p !== 'columnWidth';
79
88
  };
@@ -83,6 +92,6 @@ var StyledSafeLink = /*#__PURE__*/(0, _base["default"])(_safelink["default"], {
83
92
  label: "StyledSafeLink"
84
93
  })("display:flex;flex-direction:column;gap:", _core.spacing.small, ";width:", function (props) {
85
94
  return props.columnWidth;
86
- }, "px;color:#fff;box-shadow:none;&:hover,&:focus-within,&:active,&:focus{", StyledMovieTitle, "{text-decoration:underline;}", StyledImage, "{&:before{opacity:0.3;}>div{opacity:1;}}}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZpbG1Db250ZW50Q2FyZC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBK0d1RiIsImZpbGUiOiJGaWxtQ29udGVudENhcmQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDb3B5cmlnaHQgKGMpIDIwMTktcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLlxuICpcbiAqL1xuXG5pbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgc3BhY2luZywgY29sb3JzLCBmb250cywgYnJlYWtwb2ludHMgfSBmcm9tICdAbmRsYS9jb3JlJztcbmltcG9ydCBTYWZlTGluayBmcm9tICdAbmRsYS9zYWZlbGluayc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBtYWtlU3JjUXVlcnlTdHJpbmcgfSBmcm9tICcuLi9JbWFnZSc7XG5pbXBvcnQgRmlsbUNvbnRlbnRDYXJkVGFncyBmcm9tICcuL0ZpbG1Db250ZW50Q2FyZFRhZ3MnO1xuaW1wb3J0IHsgTW92aWVSZXNvdXJjZVR5cGUsIE1vdmllVHlwZSB9IGZyb20gJy4vdHlwZXMnO1xuXG5pbnRlcmZhY2UgUHJvcHMge1xuICBtb3ZpZTogTW92aWVUeXBlO1xuICBjb2x1bW5XaWR0aDogbnVtYmVyO1xuICBkaXN0YW5jZUJldHdlZW5JdGVtcz86IG51bWJlcjtcbiAgcmVzb3VyY2VUeXBlczogTW92aWVSZXNvdXJjZVR5cGVbXTtcbiAgcmVzaXplVGh1bWJuYWlsSW1hZ2VzPzogYm9vbGVhbjtcbiAgaGlkZVRhZ3M/OiBib29sZWFuO1xufVxuXG5jb25zdCBGaWxtQ29udGVudENhcmQgPSAoe1xuICBtb3ZpZTogeyBtZXRhSW1hZ2UsIHJlc291cmNlVHlwZXM6IG1vdmllUmVzb3VyY2VUeXBlcywgdGl0bGUsIGlkLCBwYXRoIH0sXG4gIGNvbHVtbldpZHRoLFxuICBkaXN0YW5jZUJldHdlZW5JdGVtcyxcbiAgcmVzb3VyY2VUeXBlcyxcbiAgcmVzaXplVGh1bWJuYWlsSW1hZ2VzLFxuICBoaWRlVGFncyA9IGZhbHNlLFxufTogUHJvcHMpID0+IHtcbiAgbGV0IGJhY2tncm91bmRJbWFnZSA9IGAkeyhtZXRhSW1hZ2UgJiYgbWV0YUltYWdlLnVybCkgfHwgJyd9YDtcbiAgY29uc3QgY29udGVudFR5cGVJZCA9IGBjb250ZW50LXR5cGUtJHtpZH1gO1xuICBpZiAocmVzaXplVGh1bWJuYWlsSW1hZ2VzICYmIG1ldGFJbWFnZSkge1xuICAgIGJhY2tncm91bmRJbWFnZSArPSAnP3dpZHRoPTQ4MCc7XG4gIH1cblxuICByZXR1cm4gKFxuICAgIDxTdHlsZWRTYWZlTGlua1xuICAgICAgb25Nb3VzZURvd249eyhlKSA9PiBlLnByZXZlbnREZWZhdWx0KCl9XG4gICAgICB0bz17cGF0aH1cbiAgICAgIGFyaWEtZGVzY3JpYmVkYnk9e2NvbnRlbnRUeXBlSWR9XG4gICAgICBjb2x1bW5XaWR0aD17Y29sdW1uV2lkdGh9XG4gICAgICBzdHlsZT17eyBtYXJnaW5SaWdodDogYCR7ZGlzdGFuY2VCZXR3ZWVuSXRlbXN9cHhgIH19XG4gICAgPlxuICAgICAgPFN0eWxlZEltYWdlXG4gICAgICAgIHJvbGU9XCJpbWdcIlxuICAgICAgICBjb2x1bW5XaWR0aD17Y29sdW1uV2lkdGh9XG4gICAgICAgIHN0eWxlPXt7XG4gICAgICAgICAgYmFja2dyb3VuZEltYWdlOiBgdXJsKCR7YmFja2dyb3VuZEltYWdlfT8ke21ha2VTcmNRdWVyeVN0cmluZyg2MDApfSlgLFxuICAgICAgICB9fVxuICAgICAgPlxuICAgICAgICB7bW92aWVSZXNvdXJjZVR5cGVzICYmICFoaWRlVGFncyAmJiAoXG4gICAgICAgICAgPEZpbG1Db250ZW50Q2FyZFRhZ3NcbiAgICAgICAgICAgIGlkPXtjb250ZW50VHlwZUlkfVxuICAgICAgICAgICAgbW92aWVSZXNvdXJjZVR5cGVzPXttb3ZpZVJlc291cmNlVHlwZXN9XG4gICAgICAgICAgICByZXNvdXJjZVR5cGVzPXtyZXNvdXJjZVR5cGVzfVxuICAgICAgICAgIC8+XG4gICAgICAgICl9XG4gICAgICA8L1N0eWxlZEltYWdlPlxuICAgICAgPFN0eWxlZE1vdmllVGl0bGU+e3RpdGxlfTwvU3R5bGVkTW92aWVUaXRsZT5cbiAgICA8L1N0eWxlZFNhZmVMaW5rPlxuICApO1xufTtcblxuY29uc3QgU3R5bGVkTW92aWVUaXRsZSA9IHN0eWxlZC5zcGFuYFxuICAke2ZvbnRzLnNpemVzKCcxNHB4JywgJzIwcHgnKX07XG4gIGZvbnQtd2VpZ2h0OiAke2ZvbnRzLndlaWdodC5zZW1pYm9sZH07XG4gIGNvbG9yOiAjZmZmO1xuICBAbWVkaWEgKG1pbi13aWR0aDogJHticmVha3BvaW50cy5tb2JpbGVXaWRlfSkge1xuICAgICR7Zm9udHMuc2l6ZXMoJzE2cHgnLCAnMjJweCcpfTtcbiAgfVxuICBAbWVkaWEgKG1pbi13aWR0aDogJHticmVha3BvaW50cy50YWJsZXR9KSB7XG4gICAgJHtmb250cy5zaXplcygnMThweCcsICcyNHB4Jyl9O1xuICB9XG5gO1xuXG5pbnRlcmZhY2UgU3R5bGVkSW1hZ2VQcm9wcyB7XG4gIGNvbHVtbldpZHRoOiBudW1iZXI7XG59XG5jb25zdCBTdHlsZWRJbWFnZSA9IHN0eWxlZC5kaXY8U3R5bGVkSW1hZ2VQcm9wcz5gXG4gIGhlaWdodDogJHsocHJvcHMpID0+IHByb3BzLmNvbHVtbldpZHRoICogMC41NjI1fXB4O1xuICBiYWNrZ3JvdW5kLXNpemU6IGNvdmVyO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAke2NvbG9ycy5uZGxhRmlsbS5maWxtQ29sb3JMaWdodH07XG4gIGJhY2tncm91bmQtcG9zaXRpb24teDogY2VudGVyO1xuICBiYWNrZ3JvdW5kLXBvc2l0aW9uLXk6IGNlbnRlcjtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogZmxleC1lbmQ7XG4gICY6YmVmb3JlIHtcbiAgICBjb250ZW50OiAnJztcbiAgICB0cmFuc2l0aW9uOiAyMDBtcyBlYXNlO1xuICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgIGJhY2tncm91bmQ6ICR7Y29sb3JzLm5kbGFGaWxtLmZpbG1Db2xvcn07XG4gICAgb3BhY2l0eTogMDtcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgdG9wOiAwO1xuICAgIGJvdHRvbTogMDtcbiAgICBsZWZ0OiAwO1xuICAgIHJpZ2h0OiAwO1xuICB9XG5gO1xuXG5pbnRlcmZhY2UgU3R5bGVkU2xpZGVXcmFwcGVyUHJvcHMge1xuICBjb2x1bW5XaWR0aDogbnVtYmVyO1xufVxuXG5jb25zdCBzaG91bGRGb3J3YXJkUHJvcCA9IChwOiBzdHJpbmcpID0+IHAgIT09ICdjb2x1bW5XaWR0aCc7XG5cbmNvbnN0IFN0eWxlZFNhZmVMaW5rID0gc3R5bGVkKFNhZmVMaW5rLCB7IHNob3VsZEZvcndhcmRQcm9wIH0pPFN0eWxlZFNsaWRlV3JhcHBlclByb3BzPmBcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgZ2FwOiAke3NwYWNpbmcuc21hbGx9O1xuICB3aWR0aDogJHsocHJvcHMpID0+IHByb3BzLmNvbHVtbldpZHRofXB4O1xuICBjb2xvcjogI2ZmZjtcbiAgYm94LXNoYWRvdzogbm9uZTtcbiAgJjpob3ZlcixcbiAgJjpmb2N1cy13aXRoaW4sXG4gICY6YWN0aXZlLFxuICAmOmZvY3VzIHtcbiAgICAke1N0eWxlZE1vdmllVGl0bGV9IHtcbiAgICAgIHRleHQtZGVjb3JhdGlvbjogdW5kZXJsaW5lO1xuICAgIH1cbiAgICAke1N0eWxlZEltYWdlfSB7XG4gICAgICAmOmJlZm9yZSB7XG4gICAgICAgIG9wYWNpdHk6IDAuMztcbiAgICAgIH1cbiAgICAgID4gZGl2IHtcbiAgICAgICAgb3BhY2l0eTogMTtcbiAgICAgIH1cbiAgICB9XG4gIH1cbmA7XG5cbmV4cG9ydCBkZWZhdWx0IEZpbG1Db250ZW50Q2FyZDtcbiJdfQ== */"));
95
+ }, "px;color:#fff;box-shadow:none;&:hover,&:focus-within,&:active,&:focus{", StyledMovieTitle, "{text-decoration:underline;}", StyledImage, "{&:before{opacity:0.3;}>div{opacity:1;}}}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZpbG1Db250ZW50Q2FyZC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBaUh1RiIsImZpbGUiOiJGaWxtQ29udGVudENhcmQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDb3B5cmlnaHQgKGMpIDIwMTktcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLlxuICpcbiAqL1xuXG5pbXBvcnQgUmVhY3QsIHsgSFRNTEF0dHJpYnV0ZXMgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBzcGFjaW5nLCBjb2xvcnMsIGZvbnRzLCBicmVha3BvaW50cywgbWlzYyB9IGZyb20gJ0BuZGxhL2NvcmUnO1xuaW1wb3J0IFNhZmVMaW5rIGZyb20gJ0BuZGxhL3NhZmVsaW5rJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IG1ha2VTcmNRdWVyeVN0cmluZyB9IGZyb20gJy4uL0ltYWdlJztcbmltcG9ydCBGaWxtQ29udGVudENhcmRUYWdzIGZyb20gJy4vRmlsbUNvbnRlbnRDYXJkVGFncyc7XG5pbXBvcnQgeyBNb3ZpZVJlc291cmNlVHlwZSwgTW92aWVUeXBlIH0gZnJvbSAnLi90eXBlcyc7XG5cbmludGVyZmFjZSBQcm9wcyBleHRlbmRzIEhUTUxBdHRyaWJ1dGVzPEhUTUxFbGVtZW50PiB7XG4gIG1vdmllOiBNb3ZpZVR5cGU7XG4gIGNvbHVtbldpZHRoOiBudW1iZXI7XG4gIGRpc3RhbmNlQmV0d2Vlbkl0ZW1zPzogbnVtYmVyO1xuICByZXNvdXJjZVR5cGVzOiBNb3ZpZVJlc291cmNlVHlwZVtdO1xuICByZXNpemVUaHVtYm5haWxJbWFnZXM/OiBib29sZWFuO1xuICBoaWRlVGFncz86IGJvb2xlYW47XG4gIGNsYXNzTmFtZT86IHN0cmluZztcbn1cblxuY29uc3QgRmlsbUNvbnRlbnRDYXJkID0gKHtcbiAgbW92aWU6IHsgbWV0YUltYWdlLCByZXNvdXJjZVR5cGVzOiBtb3ZpZVJlc291cmNlVHlwZXMsIHRpdGxlLCBpZCwgcGF0aCB9LFxuICBjb2x1bW5XaWR0aCxcbiAgZGlzdGFuY2VCZXR3ZWVuSXRlbXMsXG4gIHJlc291cmNlVHlwZXMsXG4gIHJlc2l6ZVRodW1ibmFpbEltYWdlcyxcbiAgaGlkZVRhZ3MgPSBmYWxzZSxcbiAgY2xhc3NOYW1lLFxuICAuLi5yZXN0XG59OiBQcm9wcykgPT4ge1xuICBsZXQgYmFja2dyb3VuZEltYWdlID0gYCR7KG1ldGFJbWFnZSAmJiBtZXRhSW1hZ2UudXJsKSB8fCAnJ31gO1xuICBjb25zdCBjb250ZW50VHlwZUlkID0gYGNvbnRlbnQtdHlwZS0ke2lkfWA7XG4gIGlmIChyZXNpemVUaHVtYm5haWxJbWFnZXMgJiYgbWV0YUltYWdlKSB7XG4gICAgYmFja2dyb3VuZEltYWdlICs9ICc/d2lkdGg9NDgwJztcbiAgfVxuXG4gIHJldHVybiAoXG4gICAgPFN0eWxlZFNhZmVMaW5rXG4gICAgICBvbk1vdXNlRG93bj17KGUpID0+IGUucHJldmVudERlZmF1bHQoKX1cbiAgICAgIHRvPXtwYXRofVxuICAgICAgYXJpYS1kZXNjcmliZWRieT17Y29udGVudFR5cGVJZH1cbiAgICAgIGNvbHVtbldpZHRoPXtjb2x1bW5XaWR0aH1cbiAgICAgIGNsYXNzTmFtZT17Y2xhc3NOYW1lfVxuICAgICAgc3R5bGU9e3sgbWFyZ2luUmlnaHQ6IGAke2Rpc3RhbmNlQmV0d2Vlbkl0ZW1zfXB4YCB9fVxuICAgICAgey4uLnJlc3R9XG4gICAgPlxuICAgICAgPFN0eWxlZEltYWdlXG4gICAgICAgIHJvbGU9XCJpbWdcIlxuICAgICAgICBzdHlsZT17e1xuICAgICAgICAgIGJhY2tncm91bmRJbWFnZTogYHVybCgke2JhY2tncm91bmRJbWFnZX0/JHttYWtlU3JjUXVlcnlTdHJpbmcoNjAwKX0pYCxcbiAgICAgICAgfX1cbiAgICAgID5cbiAgICAgICAge21vdmllUmVzb3VyY2VUeXBlcyAmJiAhaGlkZVRhZ3MgJiYgKFxuICAgICAgICAgIDxGaWxtQ29udGVudENhcmRUYWdzXG4gICAgICAgICAgICBpZD17Y29udGVudFR5cGVJZH1cbiAgICAgICAgICAgIG1vdmllUmVzb3VyY2VUeXBlcz17bW92aWVSZXNvdXJjZVR5cGVzfVxuICAgICAgICAgICAgcmVzb3VyY2VUeXBlcz17cmVzb3VyY2VUeXBlc31cbiAgICAgICAgICAvPlxuICAgICAgICApfVxuICAgICAgPC9TdHlsZWRJbWFnZT5cbiAgICAgIDxTdHlsZWRNb3ZpZVRpdGxlPnt0aXRsZX08L1N0eWxlZE1vdmllVGl0bGU+XG4gICAgPC9TdHlsZWRTYWZlTGluaz5cbiAgKTtcbn07XG5cbmNvbnN0IFN0eWxlZE1vdmllVGl0bGUgPSBzdHlsZWQuc3BhbmBcbiAgJHtmb250cy5zaXplcygnMTRweCcsICcyMHB4Jyl9O1xuICBmb250LXdlaWdodDogJHtmb250cy53ZWlnaHQuc2VtaWJvbGR9O1xuICBjb2xvcjogI2ZmZjtcbiAgQG1lZGlhIChtaW4td2lkdGg6ICR7YnJlYWtwb2ludHMubW9iaWxlV2lkZX0pIHtcbiAgICAke2ZvbnRzLnNpemVzKCcxNnB4JywgJzIycHgnKX07XG4gIH1cbiAgQG1lZGlhIChtaW4td2lkdGg6ICR7YnJlYWtwb2ludHMudGFibGV0fSkge1xuICAgICR7Zm9udHMuc2l6ZXMoJzE4cHgnLCAnMjRweCcpfTtcbiAgfVxuYDtcblxuY29uc3QgU3R5bGVkSW1hZ2UgPSBzdHlsZWQuZGl2YFxuICBhc3BlY3QtcmF0aW86IDE2Lzk7XG4gIGJhY2tncm91bmQtc2l6ZTogY292ZXI7XG4gIGJhY2tncm91bmQtY29sb3I6ICR7Y29sb3JzLm5kbGFGaWxtLmZpbG1Db2xvckxpZ2h0fTtcbiAgYmFja2dyb3VuZC1wb3NpdGlvbi14OiBjZW50ZXI7XG4gIGJhY2tncm91bmQtcG9zaXRpb24teTogY2VudGVyO1xuICBib3JkZXItcmFkaXVzOiAke21pc2MuYm9yZGVyUmFkaXVzfTtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogZmxleC1lbmQ7XG4gICY6YmVmb3JlIHtcbiAgICBjb250ZW50OiAnJztcbiAgICB0cmFuc2l0aW9uOiAyMDBtcyBlYXNlO1xuICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgIGJhY2tncm91bmQ6ICR7Y29sb3JzLm5kbGFGaWxtLmZpbG1Db2xvcn07XG4gICAgb3BhY2l0eTogMDtcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgdG9wOiAwO1xuICAgIGJvdHRvbTogMDtcbiAgICBsZWZ0OiAwO1xuICAgIHJpZ2h0OiAwO1xuICB9XG5gO1xuXG5pbnRlcmZhY2UgU3R5bGVkU2xpZGVXcmFwcGVyUHJvcHMge1xuICBjb2x1bW5XaWR0aDogbnVtYmVyO1xufVxuXG5jb25zdCBzaG91bGRGb3J3YXJkUHJvcCA9IChwOiBzdHJpbmcpID0+IHAgIT09ICdjb2x1bW5XaWR0aCc7XG5cbmNvbnN0IFN0eWxlZFNhZmVMaW5rID0gc3R5bGVkKFNhZmVMaW5rLCB7IHNob3VsZEZvcndhcmRQcm9wIH0pPFN0eWxlZFNsaWRlV3JhcHBlclByb3BzPmBcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgZ2FwOiAke3NwYWNpbmcuc21hbGx9O1xuICB3aWR0aDogJHsocHJvcHMpID0+IHByb3BzLmNvbHVtbldpZHRofXB4O1xuICBjb2xvcjogI2ZmZjtcbiAgYm94LXNoYWRvdzogbm9uZTtcbiAgJjpob3ZlcixcbiAgJjpmb2N1cy13aXRoaW4sXG4gICY6YWN0aXZlLFxuICAmOmZvY3VzIHtcbiAgICAke1N0eWxlZE1vdmllVGl0bGV9IHtcbiAgICAgIHRleHQtZGVjb3JhdGlvbjogdW5kZXJsaW5lO1xuICAgIH1cbiAgICAke1N0eWxlZEltYWdlfSB7XG4gICAgICAmOmJlZm9yZSB7XG4gICAgICAgIG9wYWNpdHk6IDAuMztcbiAgICAgIH1cbiAgICAgID4gZGl2IHtcbiAgICAgICAgb3BhY2l0eTogMTtcbiAgICAgIH1cbiAgICB9XG4gIH1cbmA7XG5cbmV4cG9ydCBkZWZhdWx0IEZpbG1Db250ZW50Q2FyZDtcbiJdfQ== */"));
87
96
  var _default = FilmContentCard;
88
97
  exports["default"] = _default;
@@ -8,7 +8,7 @@ import { CalculatedCarouselProps } from '@ndla/carousel';
8
8
  import { MovieResourceType, MovieType } from './types';
9
9
  interface Props {
10
10
  movies: MovieType[];
11
- name: string;
11
+ name?: string;
12
12
  slideBackwardsLabel: string;
13
13
  slideForwardsLabel: string;
14
14
  resourceTypes: MovieResourceType[];
@@ -30,7 +30,7 @@ var StyledSection = /*#__PURE__*/(0, _base["default"])("section", {
30
30
  label: "StyledSection"
31
31
  })("margin-bottom:", _core.spacing.normal, ";", _core.mq.range({
32
32
  from: _core.breakpoints.tablet
33
- }), "{margin-bottom:", _core.spacing.large, ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZpbG1Nb3ZpZUxpc3QudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTJCb0MiLCJmaWxlIjoiRmlsbU1vdmllTGlzdC50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKiogKiBDb3B5cmlnaHQgKGMpIDIwMTYtcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLlxuICpcbiAqL1xuXG5pbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgQ2Fyb3VzZWwsIENhbGN1bGF0ZWRDYXJvdXNlbFByb3BzIH0gZnJvbSAnQG5kbGEvY2Fyb3VzZWwnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgSWNvbkJ1dHRvblYyIH0gZnJvbSAnQG5kbGEvYnV0dG9uJztcbmltcG9ydCB7IENoZXZyb25MZWZ0LCBDaGV2cm9uUmlnaHQgfSBmcm9tICdAbmRsYS9pY29ucy9jb21tb24nO1xuaW1wb3J0IHsgYnJlYWtwb2ludHMsIG1xLCBzcGFjaW5nIH0gZnJvbSAnQG5kbGEvY29yZSc7XG5pbXBvcnQgRmlsbUNvbnRlbnRDYXJkIGZyb20gJy4vRmlsbUNvbnRlbnRDYXJkJztcbmltcG9ydCB7IE1vdmllUmVzb3VyY2VUeXBlLCBNb3ZpZVR5cGUgfSBmcm9tICcuL3R5cGVzJztcbmltcG9ydCB7IFN0eWxlZEhlYWRpbmdIMiB9IGZyb20gJy4vZmlsbVN0eWxlcyc7XG5cbmludGVyZmFjZSBQcm9wcyB7XG4gIG1vdmllczogTW92aWVUeXBlW107XG4gIG5hbWU6IHN0cmluZztcbiAgc2xpZGVCYWNrd2FyZHNMYWJlbDogc3RyaW5nO1xuICBzbGlkZUZvcndhcmRzTGFiZWw6IHN0cmluZztcbiAgcmVzb3VyY2VUeXBlczogTW92aWVSZXNvdXJjZVR5cGVbXTtcbiAgYXV0b1NpemVkUHJvcHM6IENhbGN1bGF0ZWRDYXJvdXNlbFByb3BzO1xuICByZXNpemVUaHVtYm5haWxJbWFnZXM/OiBib29sZWFuO1xufVxuXG5jb25zdCBTdHlsZWRTZWN0aW9uID0gc3R5bGVkLnNlY3Rpb25gXG4gIG1hcmdpbi1ib3R0b206ICR7c3BhY2luZy5ub3JtYWx9O1xuICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMudGFibGV0IH0pfSB7XG4gICAgbWFyZ2luLWJvdHRvbTogJHtzcGFjaW5nLmxhcmdlfTtcbiAgfVxuYDtcblxuY29uc3QgRmlsbU1vdmllTGlzdCA9ICh7XG4gIG5hbWUsXG4gIG1vdmllcyA9IFtdLFxuICBzbGlkZUJhY2t3YXJkc0xhYmVsLFxuICBzbGlkZUZvcndhcmRzTGFiZWwsXG4gIHJlc291cmNlVHlwZXMgPSBbXSxcbiAgYXV0b1NpemVkUHJvcHMsXG4gIHJlc2l6ZVRodW1ibmFpbEltYWdlcyxcbn06IFByb3BzKSA9PiAoXG4gIDxTdHlsZWRTZWN0aW9uPlxuICAgIDxTdHlsZWRIZWFkaW5nSDIgbWFyZ2luTGVmdD17YXV0b1NpemVkUHJvcHMubWFyZ2lufT57bmFtZX08L1N0eWxlZEhlYWRpbmdIMj5cbiAgICA8Q2Fyb3VzZWxcbiAgICAgIGxlZnRCdXR0b249e1xuICAgICAgICA8SWNvbkJ1dHRvblYyIGFyaWEtbGFiZWw9e3NsaWRlQmFja3dhcmRzTGFiZWx9PlxuICAgICAgICAgIDxDaGV2cm9uTGVmdCAvPlxuICAgICAgICA8L0ljb25CdXR0b25WMj5cbiAgICAgIH1cbiAgICAgIHJpZ2h0QnV0dG9uPXtcbiAgICAgICAgPEljb25CdXR0b25WMiBhcmlhLWxhYmVsPXtzbGlkZUZvcndhcmRzTGFiZWx9PlxuICAgICAgICAgIDxDaGV2cm9uUmlnaHQgLz5cbiAgICAgICAgPC9JY29uQnV0dG9uVjI+XG4gICAgICB9XG4gICAgICBpdGVtcz17bW92aWVzLm1hcCgobW92aWUpID0+IChcbiAgICAgICAgPEZpbG1Db250ZW50Q2FyZFxuICAgICAgICAgIGtleT17bW92aWUuaWR9XG4gICAgICAgICAgbW92aWU9e21vdmllfVxuICAgICAgICAgIGNvbHVtbldpZHRoPXthdXRvU2l6ZWRQcm9wcy5jb2x1bW5XaWR0aH1cbiAgICAgICAgICByZXNvdXJjZVR5cGVzPXtyZXNvdXJjZVR5cGVzfVxuICAgICAgICAgIHJlc2l6ZVRodW1ibmFpbEltYWdlcz17cmVzaXplVGh1bWJuYWlsSW1hZ2VzfVxuICAgICAgICAvPlxuICAgICAgKSl9XG4gICAgICB7Li4uYXV0b1NpemVkUHJvcHN9XG4gICAgLz5cbiAgPC9TdHlsZWRTZWN0aW9uPlxuKTtcblxuZXhwb3J0IGRlZmF1bHQgRmlsbU1vdmllTGlzdDtcbiJdfQ== */"));
33
+ }), "{margin-bottom:", _core.spacing.large, ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZpbG1Nb3ZpZUxpc3QudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTJCb0MiLCJmaWxlIjoiRmlsbU1vdmllTGlzdC50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKiogKiBDb3B5cmlnaHQgKGMpIDIwMTYtcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLlxuICpcbiAqL1xuXG5pbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgQ2Fyb3VzZWwsIENhbGN1bGF0ZWRDYXJvdXNlbFByb3BzIH0gZnJvbSAnQG5kbGEvY2Fyb3VzZWwnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgSWNvbkJ1dHRvblYyIH0gZnJvbSAnQG5kbGEvYnV0dG9uJztcbmltcG9ydCB7IENoZXZyb25MZWZ0LCBDaGV2cm9uUmlnaHQgfSBmcm9tICdAbmRsYS9pY29ucy9jb21tb24nO1xuaW1wb3J0IHsgYnJlYWtwb2ludHMsIG1xLCBzcGFjaW5nIH0gZnJvbSAnQG5kbGEvY29yZSc7XG5pbXBvcnQgRmlsbUNvbnRlbnRDYXJkIGZyb20gJy4vRmlsbUNvbnRlbnRDYXJkJztcbmltcG9ydCB7IE1vdmllUmVzb3VyY2VUeXBlLCBNb3ZpZVR5cGUgfSBmcm9tICcuL3R5cGVzJztcbmltcG9ydCB7IFN0eWxlZEhlYWRpbmdIMiB9IGZyb20gJy4vZmlsbVN0eWxlcyc7XG5cbmludGVyZmFjZSBQcm9wcyB7XG4gIG1vdmllczogTW92aWVUeXBlW107XG4gIG5hbWU/OiBzdHJpbmc7XG4gIHNsaWRlQmFja3dhcmRzTGFiZWw6IHN0cmluZztcbiAgc2xpZGVGb3J3YXJkc0xhYmVsOiBzdHJpbmc7XG4gIHJlc291cmNlVHlwZXM6IE1vdmllUmVzb3VyY2VUeXBlW107XG4gIGF1dG9TaXplZFByb3BzOiBDYWxjdWxhdGVkQ2Fyb3VzZWxQcm9wcztcbiAgcmVzaXplVGh1bWJuYWlsSW1hZ2VzPzogYm9vbGVhbjtcbn1cblxuY29uc3QgU3R5bGVkU2VjdGlvbiA9IHN0eWxlZC5zZWN0aW9uYFxuICBtYXJnaW4tYm90dG9tOiAke3NwYWNpbmcubm9ybWFsfTtcbiAgJHttcS5yYW5nZSh7IGZyb206IGJyZWFrcG9pbnRzLnRhYmxldCB9KX0ge1xuICAgIG1hcmdpbi1ib3R0b206ICR7c3BhY2luZy5sYXJnZX07XG4gIH1cbmA7XG5cbmNvbnN0IEZpbG1Nb3ZpZUxpc3QgPSAoe1xuICBuYW1lLFxuICBtb3ZpZXMgPSBbXSxcbiAgc2xpZGVCYWNrd2FyZHNMYWJlbCxcbiAgc2xpZGVGb3J3YXJkc0xhYmVsLFxuICByZXNvdXJjZVR5cGVzID0gW10sXG4gIGF1dG9TaXplZFByb3BzLFxuICByZXNpemVUaHVtYm5haWxJbWFnZXMsXG59OiBQcm9wcykgPT4gKFxuICA8U3R5bGVkU2VjdGlvbj5cbiAgICB7ISFuYW1lICYmIDxTdHlsZWRIZWFkaW5nSDIgbWFyZ2luTGVmdD17YXV0b1NpemVkUHJvcHMubWFyZ2lufT57bmFtZX08L1N0eWxlZEhlYWRpbmdIMj59XG4gICAgPENhcm91c2VsXG4gICAgICBsZWZ0QnV0dG9uPXtcbiAgICAgICAgPEljb25CdXR0b25WMiBhcmlhLWxhYmVsPXtzbGlkZUJhY2t3YXJkc0xhYmVsfT5cbiAgICAgICAgICA8Q2hldnJvbkxlZnQgLz5cbiAgICAgICAgPC9JY29uQnV0dG9uVjI+XG4gICAgICB9XG4gICAgICByaWdodEJ1dHRvbj17XG4gICAgICAgIDxJY29uQnV0dG9uVjIgYXJpYS1sYWJlbD17c2xpZGVGb3J3YXJkc0xhYmVsfT5cbiAgICAgICAgICA8Q2hldnJvblJpZ2h0IC8+XG4gICAgICAgIDwvSWNvbkJ1dHRvblYyPlxuICAgICAgfVxuICAgICAgaXRlbXM9e21vdmllcy5tYXAoKG1vdmllKSA9PiAoXG4gICAgICAgIDxGaWxtQ29udGVudENhcmRcbiAgICAgICAgICBrZXk9e21vdmllLmlkfVxuICAgICAgICAgIG1vdmllPXttb3ZpZX1cbiAgICAgICAgICBjb2x1bW5XaWR0aD17YXV0b1NpemVkUHJvcHMuY29sdW1uV2lkdGh9XG4gICAgICAgICAgcmVzb3VyY2VUeXBlcz17cmVzb3VyY2VUeXBlc31cbiAgICAgICAgICByZXNpemVUaHVtYm5haWxJbWFnZXM9e3Jlc2l6ZVRodW1ibmFpbEltYWdlc31cbiAgICAgICAgLz5cbiAgICAgICkpfVxuICAgICAgey4uLmF1dG9TaXplZFByb3BzfVxuICAgIC8+XG4gIDwvU3R5bGVkU2VjdGlvbj5cbik7XG5cbmV4cG9ydCBkZWZhdWx0IEZpbG1Nb3ZpZUxpc3Q7XG4iXX0= */"));
34
34
  var FilmMovieList = function FilmMovieList(_ref) {
35
35
  var name = _ref.name,
36
36
  _ref$movies = _ref.movies,
@@ -42,7 +42,7 @@ var FilmMovieList = function FilmMovieList(_ref) {
42
42
  autoSizedProps = _ref.autoSizedProps,
43
43
  resizeThumbnailImages = _ref.resizeThumbnailImages;
44
44
  return (0, _jsxRuntime.jsxs)(StyledSection, {
45
- children: [(0, _jsxRuntime.jsx)(_filmStyles.StyledHeadingH2, {
45
+ children: [!!name && (0, _jsxRuntime.jsx)(_filmStyles.StyledHeadingH2, {
46
46
  marginLeft: autoSizedProps.margin,
47
47
  children: name
48
48
  }), (0, _jsxRuntime.jsx)(_carousel.Carousel, _objectSpread({
@@ -1,16 +1,22 @@
1
1
  /**
2
- * Copyright (c) 2016-present, NDLA.
2
+ * Copyright (c) 2023-present, NDLA.
3
3
  *
4
4
  * This source code is licensed under the GPLv3 license found in the
5
5
  * LICENSE file in the root directory of this source tree.
6
6
  *
7
7
  */
8
+ import { breakpoints } from '@ndla/core';
8
9
  import { MovieType } from './types';
10
+ export declare const slideshowBreakpoints: {
11
+ until?: keyof typeof breakpoints;
12
+ columnsPrSlide: number;
13
+ distanceBetweenItems: number;
14
+ arrowOffset: number;
15
+ margin?: number;
16
+ maxColumnWidth?: number;
17
+ }[];
9
18
  interface Props {
10
- autoSlide?: boolean;
11
- randomStart?: boolean;
12
19
  slideshow: MovieType[];
13
- slideInterval?: number;
14
20
  }
15
- declare const FilmSlideshow: ({ autoSlide, slideshow, slideInterval }: Props) => import("@emotion/react/jsx-runtime").JSX.Element;
21
+ declare const FilmSlideshow: ({ slideshow }: Props) => import("@emotion/react/jsx-runtime").JSX.Element;
16
22
  export default FilmSlideshow;