@ndla/ui 35.1.1 → 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 +2 -1
  9. package/es/locale/messages-nn.js +2 -1
  10. package/es/locale/messages-se.js +1 -0
  11. package/es/locale/messages-sma.js +2 -1
  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 +2 -1
  26. package/lib/locale/messages-nn.d.ts +1 -0
  27. package/lib/locale/messages-nn.js +2 -1
  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 +2 -1
  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 +2 -1
  45. package/src/locale/messages-nn.ts +2 -1
  46. package/src/locale/messages-se.ts +1 -0
  47. package/src/locale/messages-sma.ts +2 -1
@@ -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.'
@@ -1092,7 +1092,7 @@ var messages = _objectSpread(_objectSpread({
1092
1092
  unShare: 'Når du avslutter deling, slutter lenka til den delte mappa og eventuelle undermapper å virke. Hvis du har delt lenka med noen, kan de ikke lenger se innholdet i mappa. Dette gjelder også lenker til eventuelle undermapper.'
1093
1093
  },
1094
1094
  button: {
1095
- share: 'Del mappen',
1095
+ share: 'Del mappe',
1096
1096
  preview: 'Forhåndsvis mappe',
1097
1097
  unShare: 'Avslutt deling',
1098
1098
  shareLink: 'Kopier lenke'
@@ -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.'
@@ -1092,7 +1092,7 @@ var messages = _objectSpread(_objectSpread({
1092
1092
  unShare: 'Når du avsluttar deling, sluttar lenka til den delte mappa og eventuelle undermapper å verke. Dersom du har delt lenka med nokon, kan dei ikkje lenger sjå innhaldet i mappa. Dette gjelder òg lenker til eventuelle undermapper.'
1093
1093
  },
1094
1094
  button: {
1095
- share: 'Del mappa',
1095
+ share: 'Del mappe',
1096
1096
  preview: 'Førehandsvis mappe',
1097
1097
  unShare: 'Avslutt deling',
1098
1098
  shareLink: 'Kopier lenke'
@@ -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.'
@@ -1092,7 +1092,7 @@ var messages = _objectSpread(_objectSpread({
1092
1092
  unShare: 'Når du avsluttar deling, sluttar lenka til den delte mappa og eventuelle undermapper å verke. Dersom du har delt lenka med nokon, kan dei ikkje lenger sjå innhaldet i mappa. Dette gjelder òg lenker til eventuelle undermapper.'
1093
1093
  },
1094
1094
  button: {
1095
- share: 'Del mappen',
1095
+ share: 'Del mappe',
1096
1096
  preview: 'Forhåndsvis mappe',
1097
1097
  unShare: 'Avslutt deling',
1098
1098
  shareLink: 'Kopier lenke'
@@ -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;