@ndla/ui 34.0.0 → 34.1.0

package/lib/NDLAFilm/FilmContentCard.d.ts

@@ -1,3 +1,10 @@
+/**
+ * Copyright (c) 2019-present, NDLA.
+ *
+ * This source code is licensed under the GPLv3 license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
 import { MovieResourceType, MovieType } from './types';
 interface Props {
     movie: MovieType;

package/lib/NDLAFilm/FilmContentCard.js

@@ -12,6 +12,14 @@ var _Image = require("../Image");
 var _FilmContentCardTags = _interopRequireDefault(require("./FilmContentCardTags"));
 var _jsxRuntime = require("@emotion/react/jsx-runtime");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+/**
+ * Copyright (c) 2019-present, NDLA.
+ *
+ * This source code is licensed under the GPLv3 license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+
 var FilmContentCard = function FilmContentCard(_ref) {
   var _ref$movie = _ref.movie,
     metaImage = _ref$movie.metaImage,
@@ -26,48 +34,55 @@ var FilmContentCard = function FilmContentCard(_ref) {
     _ref$hideTags = _ref.hideTags,
     hideTags = _ref$hideTags === void 0 ? false : _ref$hideTags;
   var backgroundImage = "".concat(metaImage && metaImage.url || '');
+  var contentTypeId = "content-type-".concat(id);
   if (resizeThumbnailImages && metaImage) {
     backgroundImage += '?width=480';
   }
-  return (0, _jsxRuntime.jsx)(StyledSlideWrapper, {
+  return (0, _jsxRuntime.jsxs)(StyledSafeLink, {
+    onMouseDown: function onMouseDown(e) {
+      return e.preventDefault();
+    },
+    to: path,
+    "aria-describedby": contentTypeId,
     columnWidth: columnWidth,
     style: {
       marginRight: "".concat(distanceBetweenItems, "px")
     },
-    children: (0, _jsxRuntime.jsxs)(_safelink["default"], {
-      to: path,
-      children: [(0, _jsxRuntime.jsx)(StyledImage, {
-        role: "img",
-        columnWidth: columnWidth,
-        "aria-label": metaImage && metaImage.alt || '',
-        style: {
-          backgroundImage: "url(".concat(backgroundImage, "?").concat((0, _Image.makeSrcQueryString)(600), ")")
-        },
-        children: movieResourceTypes && !hideTags && (0, _jsxRuntime.jsx)(_FilmContentCardTags["default"], {
-          movieResourceTypes: movieResourceTypes,
-          resourceTypes: resourceTypes
-        })
-      }), (0, _jsxRuntime.jsx)(StyledMovieTitle, {
-        children: title
-      })]
-    })
-  }, id);
+    children: [(0, _jsxRuntime.jsx)(StyledImage, {
+      role: "img",
+      columnWidth: columnWidth,
+      style: {
+        backgroundImage: "url(".concat(backgroundImage, "?").concat((0, _Image.makeSrcQueryString)(600), ")")
+      },
+      children: movieResourceTypes && !hideTags && (0, _jsxRuntime.jsx)(_FilmContentCardTags["default"], {
+        id: contentTypeId,
+        movieResourceTypes: movieResourceTypes,
+        resourceTypes: resourceTypes
+      })
+    }), (0, _jsxRuntime.jsx)(StyledMovieTitle, {
+      children: title
+    })]
+  });
 };
-var StyledMovieTitle = /*#__PURE__*/(0, _base["default"])("h2", {
+var StyledMovieTitle = /*#__PURE__*/(0, _base["default"])("span", {
   target: "en6bui52",
   label: "StyledMovieTitle"
-})(_core.fonts.sizes('14px', '20px'), ";font-weight:", _core.fonts.weight.semibold, ";color:#fff;margin:", _core.spacing.xsmall, " 0 ", _core.spacing.normal, ";min-height:", _core.spacing.large, ";@media (min-width: ", _core.breakpoints.mobileWide, "){", _core.fonts.sizes('16px', '22px'), ";}@media (min-width: ", _core.breakpoints.tablet, "){margin:", _core.spacing.small, " 0;", _core.fonts.sizes('18px', '24px'), ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZpbG1Db250ZW50Q2FyZC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBa0RrQyIsImZpbGUiOiJGaWxtQ29udGVudENhcmQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IHNwYWNpbmcsIGNvbG9ycywgZm9udHMsIGJyZWFrcG9pbnRzIH0gZnJvbSAnQG5kbGEvY29yZSc7XG5pbXBvcnQgU2FmZUxpbmsgZnJvbSAnQG5kbGEvc2FmZWxpbmsnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgbWFrZVNyY1F1ZXJ5U3RyaW5nIH0gZnJvbSAnLi4vSW1hZ2UnO1xuaW1wb3J0IEZpbG1Db250ZW50Q2FyZFRhZ3MgZnJvbSAnLi9GaWxtQ29udGVudENhcmRUYWdzJztcbmltcG9ydCB7IE1vdmllUmVzb3VyY2VUeXBlLCBNb3ZpZVR5cGUgfSBmcm9tICcuL3R5cGVzJztcblxuaW50ZXJmYWNlIFByb3BzIHtcbiAgbW92aWU6IE1vdmllVHlwZTtcbiAgY29sdW1uV2lkdGg6IG51bWJlcjtcbiAgZGlzdGFuY2VCZXR3ZWVuSXRlbXM/OiBudW1iZXI7XG4gIHJlc291cmNlVHlwZXM6IE1vdmllUmVzb3VyY2VUeXBlW107XG4gIHJlc2l6ZVRodW1ibmFpbEltYWdlcz86IGJvb2xlYW47XG4gIGhpZGVUYWdzPzogYm9vbGVhbjtcbn1cblxuY29uc3QgRmlsbUNvbnRlbnRDYXJkID0gKHtcbiAgbW92aWU6IHsgbWV0YUltYWdlLCByZXNvdXJjZVR5cGVzOiBtb3ZpZVJlc291cmNlVHlwZXMsIHRpdGxlLCBpZCwgcGF0aCB9LFxuICBjb2x1bW5XaWR0aCxcbiAgZGlzdGFuY2VCZXR3ZWVuSXRlbXMsXG4gIHJlc291cmNlVHlwZXMsXG4gIHJlc2l6ZVRodW1ibmFpbEltYWdlcyxcbiAgaGlkZVRhZ3MgPSBmYWxzZSxcbn06IFByb3BzKSA9PiB7XG4gIGxldCBiYWNrZ3JvdW5kSW1hZ2UgPSBgJHsobWV0YUltYWdlICYmIG1ldGFJbWFnZS51cmwpIHx8ICcnfWA7XG4gIGlmIChyZXNpemVUaHVtYm5haWxJbWFnZXMgJiYgbWV0YUltYWdlKSB7XG4gICAgYmFja2dyb3VuZEltYWdlICs9ICc/d2lkdGg9NDgwJztcbiAgfVxuXG4gIHJldHVybiAoXG4gICAgPFN0eWxlZFNsaWRlV3JhcHBlciBrZXk9e2lkfSBjb2x1bW5XaWR0aD17Y29sdW1uV2lkdGh9IHN0eWxlPXt7IG1hcmdpblJpZ2h0OiBgJHtkaXN0YW5jZUJldHdlZW5JdGVtc31weGAgfX0+XG4gICAgICA8U2FmZUxpbmsgdG89e3BhdGh9PlxuICAgICAgICA8U3R5bGVkSW1hZ2VcbiAgICAgICAgICByb2xlPVwiaW1nXCJcbiAgICAgICAgICBjb2x1bW5XaWR0aD17Y29sdW1uV2lkdGh9XG4gICAgICAgICAgYXJpYS1sYWJlbD17KG1ldGFJbWFnZSAmJiBtZXRhSW1hZ2UuYWx0KSB8fCAnJ31cbiAgICAgICAgICBzdHlsZT17e1xuICAgICAgICAgICAgYmFja2dyb3VuZEltYWdlOiBgdXJsKCR7YmFja2dyb3VuZEltYWdlfT8ke21ha2VTcmNRdWVyeVN0cmluZyg2MDApfSlgLFxuICAgICAgICAgIH19PlxuICAgICAgICAgIHttb3ZpZVJlc291cmNlVHlwZXMgJiYgIWhpZGVUYWdzICYmIChcbiAgICAgICAgICAgIDxGaWxtQ29udGVudENhcmRUYWdzIG1vdmllUmVzb3VyY2VUeXBlcz17bW92aWVSZXNvdXJjZVR5cGVzfSByZXNvdXJjZVR5cGVzPXtyZXNvdXJjZVR5cGVzfSAvPlxuICAgICAgICAgICl9XG4gICAgICAgIDwvU3R5bGVkSW1hZ2U+XG4gICAgICAgIDxTdHlsZWRNb3ZpZVRpdGxlPnt0aXRsZX08L1N0eWxlZE1vdmllVGl0bGU+XG4gICAgICA8L1NhZmVMaW5rPlxuICAgIDwvU3R5bGVkU2xpZGVXcmFwcGVyPlxuICApO1xufTtcblxuY29uc3QgU3R5bGVkTW92aWVUaXRsZSA9IHN0eWxlZC5oMmBcbiAgJHtmb250cy5zaXplcygnMTRweCcsICcyMHB4Jyl9O1xuICBmb250LXdlaWdodDogJHtmb250cy53ZWlnaHQuc2VtaWJvbGR9O1xuICBjb2xvcjogI2ZmZjtcbiAgbWFyZ2luOiAke3NwYWNpbmcueHNtYWxsfSAwICR7c3BhY2luZy5ub3JtYWx9O1xuICBtaW4taGVpZ2h0OiAke3NwYWNpbmcubGFyZ2V9O1xuICBAbWVkaWEgKG1pbi13aWR0aDogJHticmVha3BvaW50cy5tb2JpbGVXaWRlfSkge1xuICAgICR7Zm9udHMuc2l6ZXMoJzE2cHgnLCAnMjJweCcpfTtcbiAgfVxuICBAbWVkaWEgKG1pbi13aWR0aDogJHticmVha3BvaW50cy50YWJsZXR9KSB7XG4gICAgbWFyZ2luOiAke3NwYWNpbmcuc21hbGx9IDA7XG4gICAgJHtmb250cy5zaXplcygnMThweCcsICcyNHB4Jyl9O1xuICB9XG5gO1xuXG5pbnRlcmZhY2UgU3R5bGVkSW1hZ2VQcm9wcyB7XG4gIGNvbHVtbldpZHRoOiBudW1iZXI7XG59XG5jb25zdCBTdHlsZWRJbWFnZSA9IHN0eWxlZC5kaXY8U3R5bGVkSW1hZ2VQcm9wcz5gXG4gIGhlaWdodDogJHsocHJvcHMpID0+IHByb3BzLmNvbHVtbldpZHRoICogMC41NjI1fXB4O1xuICBiYWNrZ3JvdW5kLXNpemU6IGNvdmVyO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAke2NvbG9ycy5uZGxhRmlsbS5maWxtQ29sb3JMaWdodH07XG4gIGJhY2tncm91bmQtcG9zaXRpb24teDogY2VudGVyO1xuICBiYWNrZ3JvdW5kLXBvc2l0aW9uLXk6IGNlbnRlcjtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogZmxleC1lbmQ7XG4gICY6YmVmb3JlIHtcbiAgICBjb250ZW50OiAnJztcbiAgICB0cmFuc2l0aW9uOiAyMDBtcyBlYXNlO1xuICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgIGJhY2tncm91bmQ6ICR7Y29sb3JzLm5kbGFGaWxtLmZpbG1Db2xvcn07XG4gICAgb3BhY2l0eTogMDtcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgdG9wOiAwO1xuICAgIGJvdHRvbTogMDtcbiAgICBsZWZ0OiAwO1xuICAgIHJpZ2h0OiAwO1xuICB9XG5gO1xuXG5pbnRlcmZhY2UgU3R5bGVkU2xpZGVXcmFwcGVyUHJvcHMge1xuICBjb2x1bW5XaWR0aDogbnVtYmVyO1xufVxuXG5jb25zdCBTdHlsZWRTbGlkZVdyYXBwZXIgPSBzdHlsZWQuZGl2PFN0eWxlZFNsaWRlV3JhcHBlclByb3BzPmBcbiAgd2lkdGg6ICR7KHByb3BzKSA9PiBwcm9wcy5jb2x1bW5XaWR0aH1weDtcbiAgY29sb3I6ICNmZmY7XG4gIGJveC1zaGFkb3c6IG5vbmU7XG4gICY6aG92ZXIsXG4gICY6Zm9jdXMge1xuICAgICR7U3R5bGVkTW92aWVUaXRsZX0ge1xuICAgICAgdGV4dC1kZWNvcmF0aW9uOiB1bmRlcmxpbmU7XG4gICAgfVxuICAgICR7U3R5bGVkSW1hZ2V9IHtcbiAgICAgICY6YmVmb3JlIHtcbiAgICAgICAgb3BhY2l0eTogMC4zO1xuICAgICAgfVxuICAgICAgPiBkaXYge1xuICAgICAgICBvcGFjaXR5OiAxO1xuICAgICAgfVxuICAgIH1cbiAgfVxuYDtcblxuZXhwb3J0IGRlZmF1bHQgRmlsbUNvbnRlbnRDYXJkO1xuIl19 */"));
+})(_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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZpbG1Db250ZW50Q2FyZC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBaUVvQyIsImZpbGUiOiJGaWxtQ29udGVudENhcmQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDb3B5cmlnaHQgKGMpIDIwMTktcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLlxuICpcbiAqL1xuXG5pbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgc3BhY2luZywgY29sb3JzLCBmb250cywgYnJlYWtwb2ludHMgfSBmcm9tICdAbmRsYS9jb3JlJztcbmltcG9ydCBTYWZlTGluayBmcm9tICdAbmRsYS9zYWZlbGluayc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBtYWtlU3JjUXVlcnlTdHJpbmcgfSBmcm9tICcuLi9JbWFnZSc7XG5pbXBvcnQgRmlsbUNvbnRlbnRDYXJkVGFncyBmcm9tICcuL0ZpbG1Db250ZW50Q2FyZFRhZ3MnO1xuaW1wb3J0IHsgTW92aWVSZXNvdXJjZVR5cGUsIE1vdmllVHlwZSB9IGZyb20gJy4vdHlwZXMnO1xuXG5pbnRlcmZhY2UgUHJvcHMge1xuICBtb3ZpZTogTW92aWVUeXBlO1xuICBjb2x1bW5XaWR0aDogbnVtYmVyO1xuICBkaXN0YW5jZUJldHdlZW5JdGVtcz86IG51bWJlcjtcbiAgcmVzb3VyY2VUeXBlczogTW92aWVSZXNvdXJjZVR5cGVbXTtcbiAgcmVzaXplVGh1bWJuYWlsSW1hZ2VzPzogYm9vbGVhbjtcbiAgaGlkZVRhZ3M/OiBib29sZWFuO1xufVxuXG5jb25zdCBGaWxtQ29udGVudENhcmQgPSAoe1xuICBtb3ZpZTogeyBtZXRhSW1hZ2UsIHJlc291cmNlVHlwZXM6IG1vdmllUmVzb3VyY2VUeXBlcywgdGl0bGUsIGlkLCBwYXRoIH0sXG4gIGNvbHVtbldpZHRoLFxuICBkaXN0YW5jZUJldHdlZW5JdGVtcyxcbiAgcmVzb3VyY2VUeXBlcyxcbiAgcmVzaXplVGh1bWJuYWlsSW1hZ2VzLFxuICBoaWRlVGFncyA9IGZhbHNlLFxufTogUHJvcHMpID0+IHtcbiAgbGV0IGJhY2tncm91bmRJbWFnZSA9IGAkeyhtZXRhSW1hZ2UgJiYgbWV0YUltYWdlLnVybCkgfHwgJyd9YDtcbiAgY29uc3QgY29udGVudFR5cGVJZCA9IGBjb250ZW50LXR5cGUtJHtpZH1gO1xuICBpZiAocmVzaXplVGh1bWJuYWlsSW1hZ2VzICYmIG1ldGFJbWFnZSkge1xuICAgIGJhY2tncm91bmRJbWFnZSArPSAnP3dpZHRoPTQ4MCc7XG4gIH1cblxuICByZXR1cm4gKFxuICAgIDxTdHlsZWRTYWZlTGlua1xuICAgICAgb25Nb3VzZURvd249eyhlKSA9PiBlLnByZXZlbnREZWZhdWx0KCl9XG4gICAgICB0bz17cGF0aH1cbiAgICAgIGFyaWEtZGVzY3JpYmVkYnk9e2NvbnRlbnRUeXBlSWR9XG4gICAgICBjb2x1bW5XaWR0aD17Y29sdW1uV2lkdGh9XG4gICAgICBzdHlsZT17eyBtYXJnaW5SaWdodDogYCR7ZGlzdGFuY2VCZXR3ZWVuSXRlbXN9cHhgIH19PlxuICAgICAgPFN0eWxlZEltYWdlXG4gICAgICAgIHJvbGU9XCJpbWdcIlxuICAgICAgICBjb2x1bW5XaWR0aD17Y29sdW1uV2lkdGh9XG4gICAgICAgIHN0eWxlPXt7XG4gICAgICAgICAgYmFja2dyb3VuZEltYWdlOiBgdXJsKCR7YmFja2dyb3VuZEltYWdlfT8ke21ha2VTcmNRdWVyeVN0cmluZyg2MDApfSlgLFxuICAgICAgICB9fT5cbiAgICAgICAge21vdmllUmVzb3VyY2VUeXBlcyAmJiAhaGlkZVRhZ3MgJiYgKFxuICAgICAgICAgIDxGaWxtQ29udGVudENhcmRUYWdzXG4gICAgICAgICAgICBpZD17Y29udGVudFR5cGVJZH1cbiAgICAgICAgICAgIG1vdmllUmVzb3VyY2VUeXBlcz17bW92aWVSZXNvdXJjZVR5cGVzfVxuICAgICAgICAgICAgcmVzb3VyY2VUeXBlcz17cmVzb3VyY2VUeXBlc31cbiAgICAgICAgICAvPlxuICAgICAgICApfVxuICAgICAgPC9TdHlsZWRJbWFnZT5cbiAgICAgIDxTdHlsZWRNb3ZpZVRpdGxlPnt0aXRsZX08L1N0eWxlZE1vdmllVGl0bGU+XG4gICAgPC9TdHlsZWRTYWZlTGluaz5cbiAgKTtcbn07XG5cbmNvbnN0IFN0eWxlZE1vdmllVGl0bGUgPSBzdHlsZWQuc3BhbmBcbiAgJHtmb250cy5zaXplcygnMTRweCcsICcyMHB4Jyl9O1xuICBmb250LXdlaWdodDogJHtmb250cy53ZWlnaHQuc2VtaWJvbGR9O1xuICBjb2xvcjogI2ZmZjtcbiAgQG1lZGlhIChtaW4td2lkdGg6ICR7YnJlYWtwb2ludHMubW9iaWxlV2lkZX0pIHtcbiAgICAke2ZvbnRzLnNpemVzKCcxNnB4JywgJzIycHgnKX07XG4gIH1cbiAgQG1lZGlhIChtaW4td2lkdGg6ICR7YnJlYWtwb2ludHMudGFibGV0fSkge1xuICAgICR7Zm9udHMuc2l6ZXMoJzE4cHgnLCAnMjRweCcpfTtcbiAgfVxuYDtcblxuaW50ZXJmYWNlIFN0eWxlZEltYWdlUHJvcHMge1xuICBjb2x1bW5XaWR0aDogbnVtYmVyO1xufVxuY29uc3QgU3R5bGVkSW1hZ2UgPSBzdHlsZWQuZGl2PFN0eWxlZEltYWdlUHJvcHM+YFxuICBoZWlnaHQ6ICR7KHByb3BzKSA9PiBwcm9wcy5jb2x1bW5XaWR0aCAqIDAuNTYyNX1weDtcbiAgYmFja2dyb3VuZC1zaXplOiBjb3ZlcjtcbiAgYmFja2dyb3VuZC1jb2xvcjogJHtjb2xvcnMubmRsYUZpbG0uZmlsbUNvbG9yTGlnaHR9O1xuICBiYWNrZ3JvdW5kLXBvc2l0aW9uLXg6IGNlbnRlcjtcbiAgYmFja2dyb3VuZC1wb3NpdGlvbi15OiBjZW50ZXI7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGZsZXgtZW5kO1xuICAmOmJlZm9yZSB7XG4gICAgY29udGVudDogJyc7XG4gICAgdHJhbnNpdGlvbjogMjAwbXMgZWFzZTtcbiAgICBkaXNwbGF5OiBibG9jaztcbiAgICBiYWNrZ3JvdW5kOiAke2NvbG9ycy5uZGxhRmlsbS5maWxtQ29sb3J9O1xuICAgIG9wYWNpdHk6IDA7XG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIHRvcDogMDtcbiAgICBib3R0b206IDA7XG4gICAgbGVmdDogMDtcbiAgICByaWdodDogMDtcbiAgfVxuYDtcblxuaW50ZXJmYWNlIFN0eWxlZFNsaWRlV3JhcHBlclByb3BzIHtcbiAgY29sdW1uV2lkdGg6IG51bWJlcjtcbn1cblxuY29uc3Qgc2hvdWxkRm9yd2FyZFByb3AgPSAocDogc3RyaW5nKSA9PiBwICE9PSAnY29sdW1uV2lkdGgnO1xuXG5jb25zdCBTdHlsZWRTYWZlTGluayA9IHN0eWxlZChTYWZlTGluaywgeyBzaG91bGRGb3J3YXJkUHJvcCB9KTxTdHlsZWRTbGlkZVdyYXBwZXJQcm9wcz5gXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gIGdhcDogJHtzcGFjaW5nLnNtYWxsfTtcbiAgd2lkdGg6ICR7KHByb3BzKSA9PiBwcm9wcy5jb2x1bW5XaWR0aH1weDtcbiAgY29sb3I6ICNmZmY7XG4gIGJveC1zaGFkb3c6IG5vbmU7XG4gICY6aG92ZXIsXG4gICY6Zm9jdXMtd2l0aGluLFxuICAmOmFjdGl2ZSxcbiAgJjpmb2N1cyB7XG4gICAgJHtTdHlsZWRNb3ZpZVRpdGxlfSB7XG4gICAgICB0ZXh0LWRlY29yYXRpb246IHVuZGVybGluZTtcbiAgICB9XG4gICAgJHtTdHlsZWRJbWFnZX0ge1xuICAgICAgJjpiZWZvcmUge1xuICAgICAgICBvcGFjaXR5OiAwLjM7XG4gICAgICB9XG4gICAgICA+IGRpdiB7XG4gICAgICAgIG9wYWNpdHk6IDE7XG4gICAgICB9XG4gICAgfVxuICB9XG5gO1xuXG5leHBvcnQgZGVmYXVsdCBGaWxtQ29udGVudENhcmQ7XG4iXX0= */"));
 var StyledImage = /*#__PURE__*/(0, _base["default"])("div", {
   target: "en6bui51",
   label: "StyledImage"
 })("height:", function (props) {
   return props.columnWidth * 0.5625;
-}, "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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZpbG1Db250ZW50Q2FyZC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBb0VnRCIsImZpbGUiOiJGaWxtQ29udGVudENhcmQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IHNwYWNpbmcsIGNvbG9ycywgZm9udHMsIGJyZWFrcG9pbnRzIH0gZnJvbSAnQG5kbGEvY29yZSc7XG5pbXBvcnQgU2FmZUxpbmsgZnJvbSAnQG5kbGEvc2FmZWxpbmsnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgbWFrZVNyY1F1ZXJ5U3RyaW5nIH0gZnJvbSAnLi4vSW1hZ2UnO1xuaW1wb3J0IEZpbG1Db250ZW50Q2FyZFRhZ3MgZnJvbSAnLi9GaWxtQ29udGVudENhcmRUYWdzJztcbmltcG9ydCB7IE1vdmllUmVzb3VyY2VUeXBlLCBNb3ZpZVR5cGUgfSBmcm9tICcuL3R5cGVzJztcblxuaW50ZXJmYWNlIFByb3BzIHtcbiAgbW92aWU6IE1vdmllVHlwZTtcbiAgY29sdW1uV2lkdGg6IG51bWJlcjtcbiAgZGlzdGFuY2VCZXR3ZWVuSXRlbXM/OiBudW1iZXI7XG4gIHJlc291cmNlVHlwZXM6IE1vdmllUmVzb3VyY2VUeXBlW107XG4gIHJlc2l6ZVRodW1ibmFpbEltYWdlcz86IGJvb2xlYW47XG4gIGhpZGVUYWdzPzogYm9vbGVhbjtcbn1cblxuY29uc3QgRmlsbUNvbnRlbnRDYXJkID0gKHtcbiAgbW92aWU6IHsgbWV0YUltYWdlLCByZXNvdXJjZVR5cGVzOiBtb3ZpZVJlc291cmNlVHlwZXMsIHRpdGxlLCBpZCwgcGF0aCB9LFxuICBjb2x1bW5XaWR0aCxcbiAgZGlzdGFuY2VCZXR3ZWVuSXRlbXMsXG4gIHJlc291cmNlVHlwZXMsXG4gIHJlc2l6ZVRodW1ibmFpbEltYWdlcyxcbiAgaGlkZVRhZ3MgPSBmYWxzZSxcbn06IFByb3BzKSA9PiB7XG4gIGxldCBiYWNrZ3JvdW5kSW1hZ2UgPSBgJHsobWV0YUltYWdlICYmIG1ldGFJbWFnZS51cmwpIHx8ICcnfWA7XG4gIGlmIChyZXNpemVUaHVtYm5haWxJbWFnZXMgJiYgbWV0YUltYWdlKSB7XG4gICAgYmFja2dyb3VuZEltYWdlICs9ICc/d2lkdGg9NDgwJztcbiAgfVxuXG4gIHJldHVybiAoXG4gICAgPFN0eWxlZFNsaWRlV3JhcHBlciBrZXk9e2lkfSBjb2x1bW5XaWR0aD17Y29sdW1uV2lkdGh9IHN0eWxlPXt7IG1hcmdpblJpZ2h0OiBgJHtkaXN0YW5jZUJldHdlZW5JdGVtc31weGAgfX0+XG4gICAgICA8U2FmZUxpbmsgdG89e3BhdGh9PlxuICAgICAgICA8U3R5bGVkSW1hZ2VcbiAgICAgICAgICByb2xlPVwiaW1nXCJcbiAgICAgICAgICBjb2x1bW5XaWR0aD17Y29sdW1uV2lkdGh9XG4gICAgICAgICAgYXJpYS1sYWJlbD17KG1ldGFJbWFnZSAmJiBtZXRhSW1hZ2UuYWx0KSB8fCAnJ31cbiAgICAgICAgICBzdHlsZT17e1xuICAgICAgICAgICAgYmFja2dyb3VuZEltYWdlOiBgdXJsKCR7YmFja2dyb3VuZEltYWdlfT8ke21ha2VTcmNRdWVyeVN0cmluZyg2MDApfSlgLFxuICAgICAgICAgIH19PlxuICAgICAgICAgIHttb3ZpZVJlc291cmNlVHlwZXMgJiYgIWhpZGVUYWdzICYmIChcbiAgICAgICAgICAgIDxGaWxtQ29udGVudENhcmRUYWdzIG1vdmllUmVzb3VyY2VUeXBlcz17bW92aWVSZXNvdXJjZVR5cGVzfSByZXNvdXJjZVR5cGVzPXtyZXNvdXJjZVR5cGVzfSAvPlxuICAgICAgICAgICl9XG4gICAgICAgIDwvU3R5bGVkSW1hZ2U+XG4gICAgICAgIDxTdHlsZWRNb3ZpZVRpdGxlPnt0aXRsZX08L1N0eWxlZE1vdmllVGl0bGU+XG4gICAgICA8L1NhZmVMaW5rPlxuICAgIDwvU3R5bGVkU2xpZGVXcmFwcGVyPlxuICApO1xufTtcblxuY29uc3QgU3R5bGVkTW92aWVUaXRsZSA9IHN0eWxlZC5oMmBcbiAgJHtmb250cy5zaXplcygnMTRweCcsICcyMHB4Jyl9O1xuICBmb250LXdlaWdodDogJHtmb250cy53ZWlnaHQuc2VtaWJvbGR9O1xuICBjb2xvcjogI2ZmZjtcbiAgbWFyZ2luOiAke3NwYWNpbmcueHNtYWxsfSAwICR7c3BhY2luZy5ub3JtYWx9O1xuICBtaW4taGVpZ2h0OiAke3NwYWNpbmcubGFyZ2V9O1xuICBAbWVkaWEgKG1pbi13aWR0aDogJHticmVha3BvaW50cy5tb2JpbGVXaWRlfSkge1xuICAgICR7Zm9udHMuc2l6ZXMoJzE2cHgnLCAnMjJweCcpfTtcbiAgfVxuICBAbWVkaWEgKG1pbi13aWR0aDogJHticmVha3BvaW50cy50YWJsZXR9KSB7XG4gICAgbWFyZ2luOiAke3NwYWNpbmcuc21hbGx9IDA7XG4gICAgJHtmb250cy5zaXplcygnMThweCcsICcyNHB4Jyl9O1xuICB9XG5gO1xuXG5pbnRlcmZhY2UgU3R5bGVkSW1hZ2VQcm9wcyB7XG4gIGNvbHVtbldpZHRoOiBudW1iZXI7XG59XG5jb25zdCBTdHlsZWRJbWFnZSA9IHN0eWxlZC5kaXY8U3R5bGVkSW1hZ2VQcm9wcz5gXG4gIGhlaWdodDogJHsocHJvcHMpID0+IHByb3BzLmNvbHVtbldpZHRoICogMC41NjI1fXB4O1xuICBiYWNrZ3JvdW5kLXNpemU6IGNvdmVyO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAke2NvbG9ycy5uZGxhRmlsbS5maWxtQ29sb3JMaWdodH07XG4gIGJhY2tncm91bmQtcG9zaXRpb24teDogY2VudGVyO1xuICBiYWNrZ3JvdW5kLXBvc2l0aW9uLXk6IGNlbnRlcjtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogZmxleC1lbmQ7XG4gICY6YmVmb3JlIHtcbiAgICBjb250ZW50OiAnJztcbiAgICB0cmFuc2l0aW9uOiAyMDBtcyBlYXNlO1xuICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgIGJhY2tncm91bmQ6ICR7Y29sb3JzLm5kbGFGaWxtLmZpbG1Db2xvcn07XG4gICAgb3BhY2l0eTogMDtcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgdG9wOiAwO1xuICAgIGJvdHRvbTogMDtcbiAgICBsZWZ0OiAwO1xuICAgIHJpZ2h0OiAwO1xuICB9XG5gO1xuXG5pbnRlcmZhY2UgU3R5bGVkU2xpZGVXcmFwcGVyUHJvcHMge1xuICBjb2x1bW5XaWR0aDogbnVtYmVyO1xufVxuXG5jb25zdCBTdHlsZWRTbGlkZVdyYXBwZXIgPSBzdHlsZWQuZGl2PFN0eWxlZFNsaWRlV3JhcHBlclByb3BzPmBcbiAgd2lkdGg6ICR7KHByb3BzKSA9PiBwcm9wcy5jb2x1bW5XaWR0aH1weDtcbiAgY29sb3I6ICNmZmY7XG4gIGJveC1zaGFkb3c6IG5vbmU7XG4gICY6aG92ZXIsXG4gICY6Zm9jdXMge1xuICAgICR7U3R5bGVkTW92aWVUaXRsZX0ge1xuICAgICAgdGV4dC1kZWNvcmF0aW9uOiB1bmRlcmxpbmU7XG4gICAgfVxuICAgICR7U3R5bGVkSW1hZ2V9IHtcbiAgICAgICY6YmVmb3JlIHtcbiAgICAgICAgb3BhY2l0eTogMC4zO1xuICAgICAgfVxuICAgICAgPiBkaXYge1xuICAgICAgICBvcGFjaXR5OiAxO1xuICAgICAgfVxuICAgIH1cbiAgfVxuYDtcblxuZXhwb3J0IGRlZmF1bHQgRmlsbUNvbnRlbnRDYXJkO1xuIl19 */"));
-var StyledSlideWrapper = /*#__PURE__*/(0, _base["default"])("div", {
+}, "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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZpbG1Db250ZW50Q2FyZC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZ0ZnRCIsImZpbGUiOiJGaWxtQ29udGVudENhcmQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDb3B5cmlnaHQgKGMpIDIwMTktcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLlxuICpcbiAqL1xuXG5pbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgc3BhY2luZywgY29sb3JzLCBmb250cywgYnJlYWtwb2ludHMgfSBmcm9tICdAbmRsYS9jb3JlJztcbmltcG9ydCBTYWZlTGluayBmcm9tICdAbmRsYS9zYWZlbGluayc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBtYWtlU3JjUXVlcnlTdHJpbmcgfSBmcm9tICcuLi9JbWFnZSc7XG5pbXBvcnQgRmlsbUNvbnRlbnRDYXJkVGFncyBmcm9tICcuL0ZpbG1Db250ZW50Q2FyZFRhZ3MnO1xuaW1wb3J0IHsgTW92aWVSZXNvdXJjZVR5cGUsIE1vdmllVHlwZSB9IGZyb20gJy4vdHlwZXMnO1xuXG5pbnRlcmZhY2UgUHJvcHMge1xuICBtb3ZpZTogTW92aWVUeXBlO1xuICBjb2x1bW5XaWR0aDogbnVtYmVyO1xuICBkaXN0YW5jZUJldHdlZW5JdGVtcz86IG51bWJlcjtcbiAgcmVzb3VyY2VUeXBlczogTW92aWVSZXNvdXJjZVR5cGVbXTtcbiAgcmVzaXplVGh1bWJuYWlsSW1hZ2VzPzogYm9vbGVhbjtcbiAgaGlkZVRhZ3M/OiBib29sZWFuO1xufVxuXG5jb25zdCBGaWxtQ29udGVudENhcmQgPSAoe1xuICBtb3ZpZTogeyBtZXRhSW1hZ2UsIHJlc291cmNlVHlwZXM6IG1vdmllUmVzb3VyY2VUeXBlcywgdGl0bGUsIGlkLCBwYXRoIH0sXG4gIGNvbHVtbldpZHRoLFxuICBkaXN0YW5jZUJldHdlZW5JdGVtcyxcbiAgcmVzb3VyY2VUeXBlcyxcbiAgcmVzaXplVGh1bWJuYWlsSW1hZ2VzLFxuICBoaWRlVGFncyA9IGZhbHNlLFxufTogUHJvcHMpID0+IHtcbiAgbGV0IGJhY2tncm91bmRJbWFnZSA9IGAkeyhtZXRhSW1hZ2UgJiYgbWV0YUltYWdlLnVybCkgfHwgJyd9YDtcbiAgY29uc3QgY29udGVudFR5cGVJZCA9IGBjb250ZW50LXR5cGUtJHtpZH1gO1xuICBpZiAocmVzaXplVGh1bWJuYWlsSW1hZ2VzICYmIG1ldGFJbWFnZSkge1xuICAgIGJhY2tncm91bmRJbWFnZSArPSAnP3dpZHRoPTQ4MCc7XG4gIH1cblxuICByZXR1cm4gKFxuICAgIDxTdHlsZWRTYWZlTGlua1xuICAgICAgb25Nb3VzZURvd249eyhlKSA9PiBlLnByZXZlbnREZWZhdWx0KCl9XG4gICAgICB0bz17cGF0aH1cbiAgICAgIGFyaWEtZGVzY3JpYmVkYnk9e2NvbnRlbnRUeXBlSWR9XG4gICAgICBjb2x1bW5XaWR0aD17Y29sdW1uV2lkdGh9XG4gICAgICBzdHlsZT17eyBtYXJnaW5SaWdodDogYCR7ZGlzdGFuY2VCZXR3ZWVuSXRlbXN9cHhgIH19PlxuICAgICAgPFN0eWxlZEltYWdlXG4gICAgICAgIHJvbGU9XCJpbWdcIlxuICAgICAgICBjb2x1bW5XaWR0aD17Y29sdW1uV2lkdGh9XG4gICAgICAgIHN0eWxlPXt7XG4gICAgICAgICAgYmFja2dyb3VuZEltYWdlOiBgdXJsKCR7YmFja2dyb3VuZEltYWdlfT8ke21ha2VTcmNRdWVyeVN0cmluZyg2MDApfSlgLFxuICAgICAgICB9fT5cbiAgICAgICAge21vdmllUmVzb3VyY2VUeXBlcyAmJiAhaGlkZVRhZ3MgJiYgKFxuICAgICAgICAgIDxGaWxtQ29udGVudENhcmRUYWdzXG4gICAgICAgICAgICBpZD17Y29udGVudFR5cGVJZH1cbiAgICAgICAgICAgIG1vdmllUmVzb3VyY2VUeXBlcz17bW92aWVSZXNvdXJjZVR5cGVzfVxuICAgICAgICAgICAgcmVzb3VyY2VUeXBlcz17cmVzb3VyY2VUeXBlc31cbiAgICAgICAgICAvPlxuICAgICAgICApfVxuICAgICAgPC9TdHlsZWRJbWFnZT5cbiAgICAgIDxTdHlsZWRNb3ZpZVRpdGxlPnt0aXRsZX08L1N0eWxlZE1vdmllVGl0bGU+XG4gICAgPC9TdHlsZWRTYWZlTGluaz5cbiAgKTtcbn07XG5cbmNvbnN0IFN0eWxlZE1vdmllVGl0bGUgPSBzdHlsZWQuc3BhbmBcbiAgJHtmb250cy5zaXplcygnMTRweCcsICcyMHB4Jyl9O1xuICBmb250LXdlaWdodDogJHtmb250cy53ZWlnaHQuc2VtaWJvbGR9O1xuICBjb2xvcjogI2ZmZjtcbiAgQG1lZGlhIChtaW4td2lkdGg6ICR7YnJlYWtwb2ludHMubW9iaWxlV2lkZX0pIHtcbiAgICAke2ZvbnRzLnNpemVzKCcxNnB4JywgJzIycHgnKX07XG4gIH1cbiAgQG1lZGlhIChtaW4td2lkdGg6ICR7YnJlYWtwb2ludHMudGFibGV0fSkge1xuICAgICR7Zm9udHMuc2l6ZXMoJzE4cHgnLCAnMjRweCcpfTtcbiAgfVxuYDtcblxuaW50ZXJmYWNlIFN0eWxlZEltYWdlUHJvcHMge1xuICBjb2x1bW5XaWR0aDogbnVtYmVyO1xufVxuY29uc3QgU3R5bGVkSW1hZ2UgPSBzdHlsZWQuZGl2PFN0eWxlZEltYWdlUHJvcHM+YFxuICBoZWlnaHQ6ICR7KHByb3BzKSA9PiBwcm9wcy5jb2x1bW5XaWR0aCAqIDAuNTYyNX1weDtcbiAgYmFja2dyb3VuZC1zaXplOiBjb3ZlcjtcbiAgYmFja2dyb3VuZC1jb2xvcjogJHtjb2xvcnMubmRsYUZpbG0uZmlsbUNvbG9yTGlnaHR9O1xuICBiYWNrZ3JvdW5kLXBvc2l0aW9uLXg6IGNlbnRlcjtcbiAgYmFja2dyb3VuZC1wb3NpdGlvbi15OiBjZW50ZXI7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGZsZXgtZW5kO1xuICAmOmJlZm9yZSB7XG4gICAgY29udGVudDogJyc7XG4gICAgdHJhbnNpdGlvbjogMjAwbXMgZWFzZTtcbiAgICBkaXNwbGF5OiBibG9jaztcbiAgICBiYWNrZ3JvdW5kOiAke2NvbG9ycy5uZGxhRmlsbS5maWxtQ29sb3J9O1xuICAgIG9wYWNpdHk6IDA7XG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIHRvcDogMDtcbiAgICBib3R0b206IDA7XG4gICAgbGVmdDogMDtcbiAgICByaWdodDogMDtcbiAgfVxuYDtcblxuaW50ZXJmYWNlIFN0eWxlZFNsaWRlV3JhcHBlclByb3BzIHtcbiAgY29sdW1uV2lkdGg6IG51bWJlcjtcbn1cblxuY29uc3Qgc2hvdWxkRm9yd2FyZFByb3AgPSAocDogc3RyaW5nKSA9PiBwICE9PSAnY29sdW1uV2lkdGgnO1xuXG5jb25zdCBTdHlsZWRTYWZlTGluayA9IHN0eWxlZChTYWZlTGluaywgeyBzaG91bGRGb3J3YXJkUHJvcCB9KTxTdHlsZWRTbGlkZVdyYXBwZXJQcm9wcz5gXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gIGdhcDogJHtzcGFjaW5nLnNtYWxsfTtcbiAgd2lkdGg6ICR7KHByb3BzKSA9PiBwcm9wcy5jb2x1bW5XaWR0aH1weDtcbiAgY29sb3I6ICNmZmY7XG4gIGJveC1zaGFkb3c6IG5vbmU7XG4gICY6aG92ZXIsXG4gICY6Zm9jdXMtd2l0aGluLFxuICAmOmFjdGl2ZSxcbiAgJjpmb2N1cyB7XG4gICAgJHtTdHlsZWRNb3ZpZVRpdGxlfSB7XG4gICAgICB0ZXh0LWRlY29yYXRpb246IHVuZGVybGluZTtcbiAgICB9XG4gICAgJHtTdHlsZWRJbWFnZX0ge1xuICAgICAgJjpiZWZvcmUge1xuICAgICAgICBvcGFjaXR5OiAwLjM7XG4gICAgICB9XG4gICAgICA+IGRpdiB7XG4gICAgICAgIG9wYWNpdHk6IDE7XG4gICAgICB9XG4gICAgfVxuICB9XG5gO1xuXG5leHBvcnQgZGVmYXVsdCBGaWxtQ29udGVudENhcmQ7XG4iXX0= */"));
+var shouldForwardProp = function shouldForwardProp(p) {
+  return p !== 'columnWidth';
+};
+var StyledSafeLink = /*#__PURE__*/(0, _base["default"])(_safelink["default"], {
+  shouldForwardProp: shouldForwardProp,
   target: "en6bui50",
-  label: "StyledSlideWrapper"
-})("width:", function (props) {
+  label: "StyledSafeLink"
+})("display:flex;flex-direction:column;gap:", _core.spacing.small, ";width:", function (props) {
   return props.columnWidth;
-}, "px;color:#fff;box-shadow:none;&:hover,&: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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZpbG1Db250ZW50Q2FyZC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBK0Y4RCIsImZpbGUiOiJGaWxtQ29udGVudENhcmQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IHNwYWNpbmcsIGNvbG9ycywgZm9udHMsIGJyZWFrcG9pbnRzIH0gZnJvbSAnQG5kbGEvY29yZSc7XG5pbXBvcnQgU2FmZUxpbmsgZnJvbSAnQG5kbGEvc2FmZWxpbmsnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgbWFrZVNyY1F1ZXJ5U3RyaW5nIH0gZnJvbSAnLi4vSW1hZ2UnO1xuaW1wb3J0IEZpbG1Db250ZW50Q2FyZFRhZ3MgZnJvbSAnLi9GaWxtQ29udGVudENhcmRUYWdzJztcbmltcG9ydCB7IE1vdmllUmVzb3VyY2VUeXBlLCBNb3ZpZVR5cGUgfSBmcm9tICcuL3R5cGVzJztcblxuaW50ZXJmYWNlIFByb3BzIHtcbiAgbW92aWU6IE1vdmllVHlwZTtcbiAgY29sdW1uV2lkdGg6IG51bWJlcjtcbiAgZGlzdGFuY2VCZXR3ZWVuSXRlbXM/OiBudW1iZXI7XG4gIHJlc291cmNlVHlwZXM6IE1vdmllUmVzb3VyY2VUeXBlW107XG4gIHJlc2l6ZVRodW1ibmFpbEltYWdlcz86IGJvb2xlYW47XG4gIGhpZGVUYWdzPzogYm9vbGVhbjtcbn1cblxuY29uc3QgRmlsbUNvbnRlbnRDYXJkID0gKHtcbiAgbW92aWU6IHsgbWV0YUltYWdlLCByZXNvdXJjZVR5cGVzOiBtb3ZpZVJlc291cmNlVHlwZXMsIHRpdGxlLCBpZCwgcGF0aCB9LFxuICBjb2x1bW5XaWR0aCxcbiAgZGlzdGFuY2VCZXR3ZWVuSXRlbXMsXG4gIHJlc291cmNlVHlwZXMsXG4gIHJlc2l6ZVRodW1ibmFpbEltYWdlcyxcbiAgaGlkZVRhZ3MgPSBmYWxzZSxcbn06IFByb3BzKSA9PiB7XG4gIGxldCBiYWNrZ3JvdW5kSW1hZ2UgPSBgJHsobWV0YUltYWdlICYmIG1ldGFJbWFnZS51cmwpIHx8ICcnfWA7XG4gIGlmIChyZXNpemVUaHVtYm5haWxJbWFnZXMgJiYgbWV0YUltYWdlKSB7XG4gICAgYmFja2dyb3VuZEltYWdlICs9ICc/d2lkdGg9NDgwJztcbiAgfVxuXG4gIHJldHVybiAoXG4gICAgPFN0eWxlZFNsaWRlV3JhcHBlciBrZXk9e2lkfSBjb2x1bW5XaWR0aD17Y29sdW1uV2lkdGh9IHN0eWxlPXt7IG1hcmdpblJpZ2h0OiBgJHtkaXN0YW5jZUJldHdlZW5JdGVtc31weGAgfX0+XG4gICAgICA8U2FmZUxpbmsgdG89e3BhdGh9PlxuICAgICAgICA8U3R5bGVkSW1hZ2VcbiAgICAgICAgICByb2xlPVwiaW1nXCJcbiAgICAgICAgICBjb2x1bW5XaWR0aD17Y29sdW1uV2lkdGh9XG4gICAgICAgICAgYXJpYS1sYWJlbD17KG1ldGFJbWFnZSAmJiBtZXRhSW1hZ2UuYWx0KSB8fCAnJ31cbiAgICAgICAgICBzdHlsZT17e1xuICAgICAgICAgICAgYmFja2dyb3VuZEltYWdlOiBgdXJsKCR7YmFja2dyb3VuZEltYWdlfT8ke21ha2VTcmNRdWVyeVN0cmluZyg2MDApfSlgLFxuICAgICAgICAgIH19PlxuICAgICAgICAgIHttb3ZpZVJlc291cmNlVHlwZXMgJiYgIWhpZGVUYWdzICYmIChcbiAgICAgICAgICAgIDxGaWxtQ29udGVudENhcmRUYWdzIG1vdmllUmVzb3VyY2VUeXBlcz17bW92aWVSZXNvdXJjZVR5cGVzfSByZXNvdXJjZVR5cGVzPXtyZXNvdXJjZVR5cGVzfSAvPlxuICAgICAgICAgICl9XG4gICAgICAgIDwvU3R5bGVkSW1hZ2U+XG4gICAgICAgIDxTdHlsZWRNb3ZpZVRpdGxlPnt0aXRsZX08L1N0eWxlZE1vdmllVGl0bGU+XG4gICAgICA8L1NhZmVMaW5rPlxuICAgIDwvU3R5bGVkU2xpZGVXcmFwcGVyPlxuICApO1xufTtcblxuY29uc3QgU3R5bGVkTW92aWVUaXRsZSA9IHN0eWxlZC5oMmBcbiAgJHtmb250cy5zaXplcygnMTRweCcsICcyMHB4Jyl9O1xuICBmb250LXdlaWdodDogJHtmb250cy53ZWlnaHQuc2VtaWJvbGR9O1xuICBjb2xvcjogI2ZmZjtcbiAgbWFyZ2luOiAke3NwYWNpbmcueHNtYWxsfSAwICR7c3BhY2luZy5ub3JtYWx9O1xuICBtaW4taGVpZ2h0OiAke3NwYWNpbmcubGFyZ2V9O1xuICBAbWVkaWEgKG1pbi13aWR0aDogJHticmVha3BvaW50cy5tb2JpbGVXaWRlfSkge1xuICAgICR7Zm9udHMuc2l6ZXMoJzE2cHgnLCAnMjJweCcpfTtcbiAgfVxuICBAbWVkaWEgKG1pbi13aWR0aDogJHticmVha3BvaW50cy50YWJsZXR9KSB7XG4gICAgbWFyZ2luOiAke3NwYWNpbmcuc21hbGx9IDA7XG4gICAgJHtmb250cy5zaXplcygnMThweCcsICcyNHB4Jyl9O1xuICB9XG5gO1xuXG5pbnRlcmZhY2UgU3R5bGVkSW1hZ2VQcm9wcyB7XG4gIGNvbHVtbldpZHRoOiBudW1iZXI7XG59XG5jb25zdCBTdHlsZWRJbWFnZSA9IHN0eWxlZC5kaXY8U3R5bGVkSW1hZ2VQcm9wcz5gXG4gIGhlaWdodDogJHsocHJvcHMpID0+IHByb3BzLmNvbHVtbldpZHRoICogMC41NjI1fXB4O1xuICBiYWNrZ3JvdW5kLXNpemU6IGNvdmVyO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAke2NvbG9ycy5uZGxhRmlsbS5maWxtQ29sb3JMaWdodH07XG4gIGJhY2tncm91bmQtcG9zaXRpb24teDogY2VudGVyO1xuICBiYWNrZ3JvdW5kLXBvc2l0aW9uLXk6IGNlbnRlcjtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogZmxleC1lbmQ7XG4gICY6YmVmb3JlIHtcbiAgICBjb250ZW50OiAnJztcbiAgICB0cmFuc2l0aW9uOiAyMDBtcyBlYXNlO1xuICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgIGJhY2tncm91bmQ6ICR7Y29sb3JzLm5kbGFGaWxtLmZpbG1Db2xvcn07XG4gICAgb3BhY2l0eTogMDtcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgdG9wOiAwO1xuICAgIGJvdHRvbTogMDtcbiAgICBsZWZ0OiAwO1xuICAgIHJpZ2h0OiAwO1xuICB9XG5gO1xuXG5pbnRlcmZhY2UgU3R5bGVkU2xpZGVXcmFwcGVyUHJvcHMge1xuICBjb2x1bW5XaWR0aDogbnVtYmVyO1xufVxuXG5jb25zdCBTdHlsZWRTbGlkZVdyYXBwZXIgPSBzdHlsZWQuZGl2PFN0eWxlZFNsaWRlV3JhcHBlclByb3BzPmBcbiAgd2lkdGg6ICR7KHByb3BzKSA9PiBwcm9wcy5jb2x1bW5XaWR0aH1weDtcbiAgY29sb3I6ICNmZmY7XG4gIGJveC1zaGFkb3c6IG5vbmU7XG4gICY6aG92ZXIsXG4gICY6Zm9jdXMge1xuICAgICR7U3R5bGVkTW92aWVUaXRsZX0ge1xuICAgICAgdGV4dC1kZWNvcmF0aW9uOiB1bmRlcmxpbmU7XG4gICAgfVxuICAgICR7U3R5bGVkSW1hZ2V9IHtcbiAgICAgICY6YmVmb3JlIHtcbiAgICAgICAgb3BhY2l0eTogMC4zO1xuICAgICAgfVxuICAgICAgPiBkaXYge1xuICAgICAgICBvcGFjaXR5OiAxO1xuICAgICAgfVxuICAgIH1cbiAgfVxuYDtcblxuZXhwb3J0IGRlZmF1bHQgRmlsbUNvbnRlbnRDYXJkO1xuIl19 */"));
+}, "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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZpbG1Db250ZW50Q2FyZC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBNkd1RiIsImZpbGUiOiJGaWxtQ29udGVudENhcmQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDb3B5cmlnaHQgKGMpIDIwMTktcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLlxuICpcbiAqL1xuXG5pbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgc3BhY2luZywgY29sb3JzLCBmb250cywgYnJlYWtwb2ludHMgfSBmcm9tICdAbmRsYS9jb3JlJztcbmltcG9ydCBTYWZlTGluayBmcm9tICdAbmRsYS9zYWZlbGluayc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBtYWtlU3JjUXVlcnlTdHJpbmcgfSBmcm9tICcuLi9JbWFnZSc7XG5pbXBvcnQgRmlsbUNvbnRlbnRDYXJkVGFncyBmcm9tICcuL0ZpbG1Db250ZW50Q2FyZFRhZ3MnO1xuaW1wb3J0IHsgTW92aWVSZXNvdXJjZVR5cGUsIE1vdmllVHlwZSB9IGZyb20gJy4vdHlwZXMnO1xuXG5pbnRlcmZhY2UgUHJvcHMge1xuICBtb3ZpZTogTW92aWVUeXBlO1xuICBjb2x1bW5XaWR0aDogbnVtYmVyO1xuICBkaXN0YW5jZUJldHdlZW5JdGVtcz86IG51bWJlcjtcbiAgcmVzb3VyY2VUeXBlczogTW92aWVSZXNvdXJjZVR5cGVbXTtcbiAgcmVzaXplVGh1bWJuYWlsSW1hZ2VzPzogYm9vbGVhbjtcbiAgaGlkZVRhZ3M/OiBib29sZWFuO1xufVxuXG5jb25zdCBGaWxtQ29udGVudENhcmQgPSAoe1xuICBtb3ZpZTogeyBtZXRhSW1hZ2UsIHJlc291cmNlVHlwZXM6IG1vdmllUmVzb3VyY2VUeXBlcywgdGl0bGUsIGlkLCBwYXRoIH0sXG4gIGNvbHVtbldpZHRoLFxuICBkaXN0YW5jZUJldHdlZW5JdGVtcyxcbiAgcmVzb3VyY2VUeXBlcyxcbiAgcmVzaXplVGh1bWJuYWlsSW1hZ2VzLFxuICBoaWRlVGFncyA9IGZhbHNlLFxufTogUHJvcHMpID0+IHtcbiAgbGV0IGJhY2tncm91bmRJbWFnZSA9IGAkeyhtZXRhSW1hZ2UgJiYgbWV0YUltYWdlLnVybCkgfHwgJyd9YDtcbiAgY29uc3QgY29udGVudFR5cGVJZCA9IGBjb250ZW50LXR5cGUtJHtpZH1gO1xuICBpZiAocmVzaXplVGh1bWJuYWlsSW1hZ2VzICYmIG1ldGFJbWFnZSkge1xuICAgIGJhY2tncm91bmRJbWFnZSArPSAnP3dpZHRoPTQ4MCc7XG4gIH1cblxuICByZXR1cm4gKFxuICAgIDxTdHlsZWRTYWZlTGlua1xuICAgICAgb25Nb3VzZURvd249eyhlKSA9PiBlLnByZXZlbnREZWZhdWx0KCl9XG4gICAgICB0bz17cGF0aH1cbiAgICAgIGFyaWEtZGVzY3JpYmVkYnk9e2NvbnRlbnRUeXBlSWR9XG4gICAgICBjb2x1bW5XaWR0aD17Y29sdW1uV2lkdGh9XG4gICAgICBzdHlsZT17eyBtYXJnaW5SaWdodDogYCR7ZGlzdGFuY2VCZXR3ZWVuSXRlbXN9cHhgIH19PlxuICAgICAgPFN0eWxlZEltYWdlXG4gICAgICAgIHJvbGU9XCJpbWdcIlxuICAgICAgICBjb2x1bW5XaWR0aD17Y29sdW1uV2lkdGh9XG4gICAgICAgIHN0eWxlPXt7XG4gICAgICAgICAgYmFja2dyb3VuZEltYWdlOiBgdXJsKCR7YmFja2dyb3VuZEltYWdlfT8ke21ha2VTcmNRdWVyeVN0cmluZyg2MDApfSlgLFxuICAgICAgICB9fT5cbiAgICAgICAge21vdmllUmVzb3VyY2VUeXBlcyAmJiAhaGlkZVRhZ3MgJiYgKFxuICAgICAgICAgIDxGaWxtQ29udGVudENhcmRUYWdzXG4gICAgICAgICAgICBpZD17Y29udGVudFR5cGVJZH1cbiAgICAgICAgICAgIG1vdmllUmVzb3VyY2VUeXBlcz17bW92aWVSZXNvdXJjZVR5cGVzfVxuICAgICAgICAgICAgcmVzb3VyY2VUeXBlcz17cmVzb3VyY2VUeXBlc31cbiAgICAgICAgICAvPlxuICAgICAgICApfVxuICAgICAgPC9TdHlsZWRJbWFnZT5cbiAgICAgIDxTdHlsZWRNb3ZpZVRpdGxlPnt0aXRsZX08L1N0eWxlZE1vdmllVGl0bGU+XG4gICAgPC9TdHlsZWRTYWZlTGluaz5cbiAgKTtcbn07XG5cbmNvbnN0IFN0eWxlZE1vdmllVGl0bGUgPSBzdHlsZWQuc3BhbmBcbiAgJHtmb250cy5zaXplcygnMTRweCcsICcyMHB4Jyl9O1xuICBmb250LXdlaWdodDogJHtmb250cy53ZWlnaHQuc2VtaWJvbGR9O1xuICBjb2xvcjogI2ZmZjtcbiAgQG1lZGlhIChtaW4td2lkdGg6ICR7YnJlYWtwb2ludHMubW9iaWxlV2lkZX0pIHtcbiAgICAke2ZvbnRzLnNpemVzKCcxNnB4JywgJzIycHgnKX07XG4gIH1cbiAgQG1lZGlhIChtaW4td2lkdGg6ICR7YnJlYWtwb2ludHMudGFibGV0fSkge1xuICAgICR7Zm9udHMuc2l6ZXMoJzE4cHgnLCAnMjRweCcpfTtcbiAgfVxuYDtcblxuaW50ZXJmYWNlIFN0eWxlZEltYWdlUHJvcHMge1xuICBjb2x1bW5XaWR0aDogbnVtYmVyO1xufVxuY29uc3QgU3R5bGVkSW1hZ2UgPSBzdHlsZWQuZGl2PFN0eWxlZEltYWdlUHJvcHM+YFxuICBoZWlnaHQ6ICR7KHByb3BzKSA9PiBwcm9wcy5jb2x1bW5XaWR0aCAqIDAuNTYyNX1weDtcbiAgYmFja2dyb3VuZC1zaXplOiBjb3ZlcjtcbiAgYmFja2dyb3VuZC1jb2xvcjogJHtjb2xvcnMubmRsYUZpbG0uZmlsbUNvbG9yTGlnaHR9O1xuICBiYWNrZ3JvdW5kLXBvc2l0aW9uLXg6IGNlbnRlcjtcbiAgYmFja2dyb3VuZC1wb3NpdGlvbi15OiBjZW50ZXI7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGZsZXgtZW5kO1xuICAmOmJlZm9yZSB7XG4gICAgY29udGVudDogJyc7XG4gICAgdHJhbnNpdGlvbjogMjAwbXMgZWFzZTtcbiAgICBkaXNwbGF5OiBibG9jaztcbiAgICBiYWNrZ3JvdW5kOiAke2NvbG9ycy5uZGxhRmlsbS5maWxtQ29sb3J9O1xuICAgIG9wYWNpdHk6IDA7XG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIHRvcDogMDtcbiAgICBib3R0b206IDA7XG4gICAgbGVmdDogMDtcbiAgICByaWdodDogMDtcbiAgfVxuYDtcblxuaW50ZXJmYWNlIFN0eWxlZFNsaWRlV3JhcHBlclByb3BzIHtcbiAgY29sdW1uV2lkdGg6IG51bWJlcjtcbn1cblxuY29uc3Qgc2hvdWxkRm9yd2FyZFByb3AgPSAocDogc3RyaW5nKSA9PiBwICE9PSAnY29sdW1uV2lkdGgnO1xuXG5jb25zdCBTdHlsZWRTYWZlTGluayA9IHN0eWxlZChTYWZlTGluaywgeyBzaG91bGRGb3J3YXJkUHJvcCB9KTxTdHlsZWRTbGlkZVdyYXBwZXJQcm9wcz5gXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gIGdhcDogJHtzcGFjaW5nLnNtYWxsfTtcbiAgd2lkdGg6ICR7KHByb3BzKSA9PiBwcm9wcy5jb2x1bW5XaWR0aH1weDtcbiAgY29sb3I6ICNmZmY7XG4gIGJveC1zaGFkb3c6IG5vbmU7XG4gICY6aG92ZXIsXG4gICY6Zm9jdXMtd2l0aGluLFxuICAmOmFjdGl2ZSxcbiAgJjpmb2N1cyB7XG4gICAgJHtTdHlsZWRNb3ZpZVRpdGxlfSB7XG4gICAgICB0ZXh0LWRlY29yYXRpb246IHVuZGVybGluZTtcbiAgICB9XG4gICAgJHtTdHlsZWRJbWFnZX0ge1xuICAgICAgJjpiZWZvcmUge1xuICAgICAgICBvcGFjaXR5OiAwLjM7XG4gICAgICB9XG4gICAgICA+IGRpdiB7XG4gICAgICAgIG9wYWNpdHk6IDE7XG4gICAgICB9XG4gICAgfVxuICB9XG5gO1xuXG5leHBvcnQgZGVmYXVsdCBGaWxtQ29udGVudENhcmQ7XG4iXX0= */"));
 var _default = FilmContentCard;
 exports["default"] = _default;

package/lib/NDLAFilm/FilmContentCardTags.d.ts

@@ -1,7 +1,8 @@
 import { MovieResourceType } from './types';
 interface Props {
+    id: string;
     movieResourceTypes: MovieResourceType[];
     resourceTypes: MovieResourceType[];
 }
-declare const FilmContentCardTags: ({ movieResourceTypes, resourceTypes }: Props) => import("@emotion/react/jsx-runtime").JSX.Element;
+declare const FilmContentCardTags: ({ movieResourceTypes, resourceTypes, id }: Props) => import("@emotion/react/jsx-runtime").JSX.Element;
 export default FilmContentCardTags;

package/lib/NDLAFilm/FilmContentCardTags.js

@@ -12,14 +12,15 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "d
 var StyledWrapperDiv = /*#__PURE__*/(0, _base["default"])("div", {
   target: "eon4s9c1",
   label: "StyledWrapperDiv"
-})("transition:opacity 200ms ease;padding:", _core.spacing.xsmall, " ", _core.spacing.xsmall, ";opacity:0;display:relative;z-index:1;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZpbG1Db250ZW50Q2FyZFRhZ3MudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUttQyIsImZpbGUiOiJGaWxtQ29udGVudENhcmRUYWdzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBzcGFjaW5nLCBzcGFjaW5nVW5pdCwgY29sb3JzLCBmb250cywgbWlzYyB9IGZyb20gJ0BuZGxhL2NvcmUnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgTW92aWVSZXNvdXJjZVR5cGUgfSBmcm9tICcuL3R5cGVzJztcblxuY29uc3QgU3R5bGVkV3JhcHBlckRpdiA9IHN0eWxlZC5kaXZgXG4gIHRyYW5zaXRpb246IG9wYWNpdHkgMjAwbXMgZWFzZTtcbiAgcGFkZGluZzogJHtzcGFjaW5nLnhzbWFsbH0gJHtzcGFjaW5nLnhzbWFsbH07XG4gIG9wYWNpdHk6IDA7XG4gIGRpc3BsYXk6IHJlbGF0aXZlO1xuICB6LWluZGV4OiAxO1xuYDtcblxuY29uc3QgU3R5bGVkTW92aWVUYWdzID0gc3R5bGVkLnNwYW5gXG4gICR7Zm9udHMuc2l6ZXMoJzE0cHgnLCAnMTZweCcpfTtcbiAgZm9udC13ZWlnaHQ6ICR7Zm9udHMud2VpZ2h0LnNlbWlib2xkfTtcbiAgYmFja2dyb3VuZDogJHtjb2xvcnMuYnJhbmQuZ3JleUxpZ2h0fTtcbiAgcGFkZGluZzogY2FsYygke3NwYWNpbmcueHNtYWxsfSAvIDIpICR7c3BhY2luZy54c21hbGx9O1xuICBib3JkZXItcmFkaXVzOiAke21pc2MuYm9yZGVyUmFkaXVzfTtcbiAgY29sb3I6ICR7Y29sb3JzLnRleHQucHJpbWFyeX07XG4gIG1hcmdpbi1yaWdodDogJHtzcGFjaW5nVW5pdCAvIDR9cHg7XG4gIG1hcmdpbi1ib3R0b206ICR7c3BhY2luZ1VuaXQgLyA4fXB4O1xuYDtcblxuaW50ZXJmYWNlIFByb3BzIHtcbiAgbW92aWVSZXNvdXJjZVR5cGVzOiBNb3ZpZVJlc291cmNlVHlwZVtdO1xuICByZXNvdXJjZVR5cGVzOiBNb3ZpZVJlc291cmNlVHlwZVtdO1xufVxuY29uc3QgRmlsbUNvbnRlbnRDYXJkVGFncyA9ICh7IG1vdmllUmVzb3VyY2VUeXBlcywgcmVzb3VyY2VUeXBlcyB9OiBQcm9wcykgPT4ge1xuICBjb25zdCByZXNvdXJjZXM6IFJlY29yZDxzdHJpbmcsIGJvb2xlYW4+ID0ge307XG4gIG1vdmllUmVzb3VyY2VUeXBlcy5mb3JFYWNoKChtb3ZpZVJlc291cmNlVHlwZSkgPT4ge1xuICAgIGNvbnN0IHJlc291cmNlID0gcmVzb3VyY2VUeXBlcy5maW5kKChyZXNvdXJjZVR5cGUpID0+IHJlc291cmNlVHlwZS5pZCA9PT0gbW92aWVSZXNvdXJjZVR5cGUuaWQpO1xuICAgIGlmIChyZXNvdXJjZSkge1xuICAgICAgcmVzb3VyY2VzW3Jlc291cmNlLm5hbWVdID0gdHJ1ZTtcbiAgICB9XG4gIH0pO1xuICByZXR1cm4gKFxuICAgIDxTdHlsZWRXcmFwcGVyRGl2PlxuICAgICAge09iamVjdC5rZXlzKHJlc291cmNlcykubWFwKChyZXNvdXJjZU5hbWUpID0+IChcbiAgICAgICAgPFN0eWxlZE1vdmllVGFncyBrZXk9e3Jlc291cmNlTmFtZX0+e3Jlc291cmNlTmFtZX08L1N0eWxlZE1vdmllVGFncz5cbiAgICAgICkpfVxuICAgIDwvU3R5bGVkV3JhcHBlckRpdj5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IEZpbG1Db250ZW50Q2FyZFRhZ3M7XG4iXX0= */"));
+})("transition:opacity 200ms ease;padding:", _core.spacing.xsmall, " ", _core.spacing.xsmall, ";opacity:0;display:relative;z-index:1;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZpbG1Db250ZW50Q2FyZFRhZ3MudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUttQyIsImZpbGUiOiJGaWxtQ29udGVudENhcmRUYWdzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBzcGFjaW5nLCBzcGFjaW5nVW5pdCwgY29sb3JzLCBmb250cywgbWlzYyB9IGZyb20gJ0BuZGxhL2NvcmUnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgTW92aWVSZXNvdXJjZVR5cGUgfSBmcm9tICcuL3R5cGVzJztcblxuY29uc3QgU3R5bGVkV3JhcHBlckRpdiA9IHN0eWxlZC5kaXZgXG4gIHRyYW5zaXRpb246IG9wYWNpdHkgMjAwbXMgZWFzZTtcbiAgcGFkZGluZzogJHtzcGFjaW5nLnhzbWFsbH0gJHtzcGFjaW5nLnhzbWFsbH07XG4gIG9wYWNpdHk6IDA7XG4gIGRpc3BsYXk6IHJlbGF0aXZlO1xuICB6LWluZGV4OiAxO1xuYDtcblxuY29uc3QgU3R5bGVkTW92aWVUYWdzID0gc3R5bGVkLnNwYW5gXG4gICR7Zm9udHMuc2l6ZXMoJzE0cHgnLCAnMTZweCcpfTtcbiAgZm9udC13ZWlnaHQ6ICR7Zm9udHMud2VpZ2h0LnNlbWlib2xkfTtcbiAgYmFja2dyb3VuZDogJHtjb2xvcnMuYnJhbmQuZ3JleUxpZ2h0fTtcbiAgcGFkZGluZzogY2FsYygke3NwYWNpbmcueHNtYWxsfSAvIDIpICR7c3BhY2luZy54c21hbGx9O1xuICBib3JkZXItcmFkaXVzOiAke21pc2MuYm9yZGVyUmFkaXVzfTtcbiAgY29sb3I6ICR7Y29sb3JzLnRleHQucHJpbWFyeX07XG4gIG1hcmdpbi1yaWdodDogJHtzcGFjaW5nVW5pdCAvIDR9cHg7XG4gIG1hcmdpbi1ib3R0b206ICR7c3BhY2luZ1VuaXQgLyA4fXB4O1xuYDtcblxuaW50ZXJmYWNlIFByb3BzIHtcbiAgaWQ6IHN0cmluZztcbiAgbW92aWVSZXNvdXJjZVR5cGVzOiBNb3ZpZVJlc291cmNlVHlwZVtdO1xuICByZXNvdXJjZVR5cGVzOiBNb3ZpZVJlc291cmNlVHlwZVtdO1xufVxuY29uc3QgRmlsbUNvbnRlbnRDYXJkVGFncyA9ICh7IG1vdmllUmVzb3VyY2VUeXBlcywgcmVzb3VyY2VUeXBlcywgaWQgfTogUHJvcHMpID0+IHtcbiAgY29uc3QgcmVzb3VyY2VzOiBSZWNvcmQ8c3RyaW5nLCBib29sZWFuPiA9IHt9O1xuICBtb3ZpZVJlc291cmNlVHlwZXMuZm9yRWFjaCgobW92aWVSZXNvdXJjZVR5cGUpID0+IHtcbiAgICBjb25zdCByZXNvdXJjZSA9IHJlc291cmNlVHlwZXMuZmluZCgocmVzb3VyY2VUeXBlKSA9PiByZXNvdXJjZVR5cGUuaWQgPT09IG1vdmllUmVzb3VyY2VUeXBlLmlkKTtcbiAgICBpZiAocmVzb3VyY2UpIHtcbiAgICAgIHJlc291cmNlc1tyZXNvdXJjZS5uYW1lXSA9IHRydWU7XG4gICAgfVxuICB9KTtcbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkV3JhcHBlckRpdiBpZD17aWR9PlxuICAgICAge09iamVjdC5rZXlzKHJlc291cmNlcykubWFwKChyZXNvdXJjZU5hbWUpID0+IChcbiAgICAgICAgPFN0eWxlZE1vdmllVGFncyBrZXk9e3Jlc291cmNlTmFtZX0+e3Jlc291cmNlTmFtZX08L1N0eWxlZE1vdmllVGFncz5cbiAgICAgICkpfVxuICAgIDwvU3R5bGVkV3JhcHBlckRpdj5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IEZpbG1Db250ZW50Q2FyZFRhZ3M7XG4iXX0= */"));
 var StyledMovieTags = /*#__PURE__*/(0, _base["default"])("span", {
   target: "eon4s9c0",
   label: "StyledMovieTags"
-})(_core.fonts.sizes('14px', '16px'), ";font-weight:", _core.fonts.weight.semibold, ";background:", _core.colors.brand.greyLight, ";padding:calc(", _core.spacing.xsmall, " / 2) ", _core.spacing.xsmall, ";border-radius:", _core.misc.borderRadius, ";color:", _core.colors.text.primary, ";margin-right:", _core.spacingUnit / 4, "px;margin-bottom:", _core.spacingUnit / 8, "px;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZpbG1Db250ZW50Q2FyZFRhZ3MudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWFtQyIsImZpbGUiOiJGaWxtQ29udGVudENhcmRUYWdzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBzcGFjaW5nLCBzcGFjaW5nVW5pdCwgY29sb3JzLCBmb250cywgbWlzYyB9IGZyb20gJ0BuZGxhL2NvcmUnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgTW92aWVSZXNvdXJjZVR5cGUgfSBmcm9tICcuL3R5cGVzJztcblxuY29uc3QgU3R5bGVkV3JhcHBlckRpdiA9IHN0eWxlZC5kaXZgXG4gIHRyYW5zaXRpb246IG9wYWNpdHkgMjAwbXMgZWFzZTtcbiAgcGFkZGluZzogJHtzcGFjaW5nLnhzbWFsbH0gJHtzcGFjaW5nLnhzbWFsbH07XG4gIG9wYWNpdHk6IDA7XG4gIGRpc3BsYXk6IHJlbGF0aXZlO1xuICB6LWluZGV4OiAxO1xuYDtcblxuY29uc3QgU3R5bGVkTW92aWVUYWdzID0gc3R5bGVkLnNwYW5gXG4gICR7Zm9udHMuc2l6ZXMoJzE0cHgnLCAnMTZweCcpfTtcbiAgZm9udC13ZWlnaHQ6ICR7Zm9udHMud2VpZ2h0LnNlbWlib2xkfTtcbiAgYmFja2dyb3VuZDogJHtjb2xvcnMuYnJhbmQuZ3JleUxpZ2h0fTtcbiAgcGFkZGluZzogY2FsYygke3NwYWNpbmcueHNtYWxsfSAvIDIpICR7c3BhY2luZy54c21hbGx9O1xuICBib3JkZXItcmFkaXVzOiAke21pc2MuYm9yZGVyUmFkaXVzfTtcbiAgY29sb3I6ICR7Y29sb3JzLnRleHQucHJpbWFyeX07XG4gIG1hcmdpbi1yaWdodDogJHtzcGFjaW5nVW5pdCAvIDR9cHg7XG4gIG1hcmdpbi1ib3R0b206ICR7c3BhY2luZ1VuaXQgLyA4fXB4O1xuYDtcblxuaW50ZXJmYWNlIFByb3BzIHtcbiAgbW92aWVSZXNvdXJjZVR5cGVzOiBNb3ZpZVJlc291cmNlVHlwZVtdO1xuICByZXNvdXJjZVR5cGVzOiBNb3ZpZVJlc291cmNlVHlwZVtdO1xufVxuY29uc3QgRmlsbUNvbnRlbnRDYXJkVGFncyA9ICh7IG1vdmllUmVzb3VyY2VUeXBlcywgcmVzb3VyY2VUeXBlcyB9OiBQcm9wcykgPT4ge1xuICBjb25zdCByZXNvdXJjZXM6IFJlY29yZDxzdHJpbmcsIGJvb2xlYW4+ID0ge307XG4gIG1vdmllUmVzb3VyY2VUeXBlcy5mb3JFYWNoKChtb3ZpZVJlc291cmNlVHlwZSkgPT4ge1xuICAgIGNvbnN0IHJlc291cmNlID0gcmVzb3VyY2VUeXBlcy5maW5kKChyZXNvdXJjZVR5cGUpID0+IHJlc291cmNlVHlwZS5pZCA9PT0gbW92aWVSZXNvdXJjZVR5cGUuaWQpO1xuICAgIGlmIChyZXNvdXJjZSkge1xuICAgICAgcmVzb3VyY2VzW3Jlc291cmNlLm5hbWVdID0gdHJ1ZTtcbiAgICB9XG4gIH0pO1xuICByZXR1cm4gKFxuICAgIDxTdHlsZWRXcmFwcGVyRGl2PlxuICAgICAge09iamVjdC5rZXlzKHJlc291cmNlcykubWFwKChyZXNvdXJjZU5hbWUpID0+IChcbiAgICAgICAgPFN0eWxlZE1vdmllVGFncyBrZXk9e3Jlc291cmNlTmFtZX0+e3Jlc291cmNlTmFtZX08L1N0eWxlZE1vdmllVGFncz5cbiAgICAgICkpfVxuICAgIDwvU3R5bGVkV3JhcHBlckRpdj5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IEZpbG1Db250ZW50Q2FyZFRhZ3M7XG4iXX0= */"));
+})(_core.fonts.sizes('14px', '16px'), ";font-weight:", _core.fonts.weight.semibold, ";background:", _core.colors.brand.greyLight, ";padding:calc(", _core.spacing.xsmall, " / 2) ", _core.spacing.xsmall, ";border-radius:", _core.misc.borderRadius, ";color:", _core.colors.text.primary, ";margin-right:", _core.spacingUnit / 4, "px;margin-bottom:", _core.spacingUnit / 8, "px;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZpbG1Db250ZW50Q2FyZFRhZ3MudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWFtQyIsImZpbGUiOiJGaWxtQ29udGVudENhcmRUYWdzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBzcGFjaW5nLCBzcGFjaW5nVW5pdCwgY29sb3JzLCBmb250cywgbWlzYyB9IGZyb20gJ0BuZGxhL2NvcmUnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgTW92aWVSZXNvdXJjZVR5cGUgfSBmcm9tICcuL3R5cGVzJztcblxuY29uc3QgU3R5bGVkV3JhcHBlckRpdiA9IHN0eWxlZC5kaXZgXG4gIHRyYW5zaXRpb246IG9wYWNpdHkgMjAwbXMgZWFzZTtcbiAgcGFkZGluZzogJHtzcGFjaW5nLnhzbWFsbH0gJHtzcGFjaW5nLnhzbWFsbH07XG4gIG9wYWNpdHk6IDA7XG4gIGRpc3BsYXk6IHJlbGF0aXZlO1xuICB6LWluZGV4OiAxO1xuYDtcblxuY29uc3QgU3R5bGVkTW92aWVUYWdzID0gc3R5bGVkLnNwYW5gXG4gICR7Zm9udHMuc2l6ZXMoJzE0cHgnLCAnMTZweCcpfTtcbiAgZm9udC13ZWlnaHQ6ICR7Zm9udHMud2VpZ2h0LnNlbWlib2xkfTtcbiAgYmFja2dyb3VuZDogJHtjb2xvcnMuYnJhbmQuZ3JleUxpZ2h0fTtcbiAgcGFkZGluZzogY2FsYygke3NwYWNpbmcueHNtYWxsfSAvIDIpICR7c3BhY2luZy54c21hbGx9O1xuICBib3JkZXItcmFkaXVzOiAke21pc2MuYm9yZGVyUmFkaXVzfTtcbiAgY29sb3I6ICR7Y29sb3JzLnRleHQucHJpbWFyeX07XG4gIG1hcmdpbi1yaWdodDogJHtzcGFjaW5nVW5pdCAvIDR9cHg7XG4gIG1hcmdpbi1ib3R0b206ICR7c3BhY2luZ1VuaXQgLyA4fXB4O1xuYDtcblxuaW50ZXJmYWNlIFByb3BzIHtcbiAgaWQ6IHN0cmluZztcbiAgbW92aWVSZXNvdXJjZVR5cGVzOiBNb3ZpZVJlc291cmNlVHlwZVtdO1xuICByZXNvdXJjZVR5cGVzOiBNb3ZpZVJlc291cmNlVHlwZVtdO1xufVxuY29uc3QgRmlsbUNvbnRlbnRDYXJkVGFncyA9ICh7IG1vdmllUmVzb3VyY2VUeXBlcywgcmVzb3VyY2VUeXBlcywgaWQgfTogUHJvcHMpID0+IHtcbiAgY29uc3QgcmVzb3VyY2VzOiBSZWNvcmQ8c3RyaW5nLCBib29sZWFuPiA9IHt9O1xuICBtb3ZpZVJlc291cmNlVHlwZXMuZm9yRWFjaCgobW92aWVSZXNvdXJjZVR5cGUpID0+IHtcbiAgICBjb25zdCByZXNvdXJjZSA9IHJlc291cmNlVHlwZXMuZmluZCgocmVzb3VyY2VUeXBlKSA9PiByZXNvdXJjZVR5cGUuaWQgPT09IG1vdmllUmVzb3VyY2VUeXBlLmlkKTtcbiAgICBpZiAocmVzb3VyY2UpIHtcbiAgICAgIHJlc291cmNlc1tyZXNvdXJjZS5uYW1lXSA9IHRydWU7XG4gICAgfVxuICB9KTtcbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkV3JhcHBlckRpdiBpZD17aWR9PlxuICAgICAge09iamVjdC5rZXlzKHJlc291cmNlcykubWFwKChyZXNvdXJjZU5hbWUpID0+IChcbiAgICAgICAgPFN0eWxlZE1vdmllVGFncyBrZXk9e3Jlc291cmNlTmFtZX0+e3Jlc291cmNlTmFtZX08L1N0eWxlZE1vdmllVGFncz5cbiAgICAgICkpfVxuICAgIDwvU3R5bGVkV3JhcHBlckRpdj5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IEZpbG1Db250ZW50Q2FyZFRhZ3M7XG4iXX0= */"));
 var FilmContentCardTags = function FilmContentCardTags(_ref) {
   var movieResourceTypes = _ref.movieResourceTypes,
-    resourceTypes = _ref.resourceTypes;
+    resourceTypes = _ref.resourceTypes,
+    id = _ref.id;
   var resources = {};
   movieResourceTypes.forEach(function (movieResourceType) {
     var resource = resourceTypes.find(function (resourceType) {
@@ -30,6 +31,7 @@ var FilmContentCardTags = function FilmContentCardTags(_ref) {
     }
   });
   return (0, _jsxRuntime.jsx)(StyledWrapperDiv, {
+    id: id,
     children: Object.keys(resources).map(function (resourceName) {
       return (0, _jsxRuntime.jsx)(StyledMovieTags, {
         children: resourceName

package/lib/NDLAFilm/FilmMovieList.js

@@ -7,6 +7,8 @@ exports["default"] = void 0;
 var _base = _interopRequireDefault(require("@emotion/styled/base"));
 var _react = _interopRequireDefault(require("react"));
 var _carousel = require("@ndla/carousel");
+var _button = require("@ndla/button");
+var _common = require("@ndla/icons/common");
 var _core = require("@ndla/core");
 var _FilmContentCard = _interopRequireDefault(require("./FilmContentCard"));
 var _filmStyles = require("./filmStyles");
@@ -20,7 +22,7 @@ var StyledSection = /*#__PURE__*/(0, _base["default"])("section", {
   label: "StyledSection"
 })("margin-bottom:", _core.spacing.normal, ";", _core.mq.range({
   from: _core.breakpoints.tablet
-}), "{margin-bottom:", _core.spacing.large, ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZpbG1Nb3ZpZUxpc3QudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXlCb0MiLCJmaWxlIjoiRmlsbU1vdmllTGlzdC50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKiogKiBDb3B5cmlnaHQgKGMpIDIwMTYtcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLlxuICpcbiAqL1xuXG5pbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgQ2Fyb3VzZWwsIENhbGN1bGF0ZWRDYXJvdXNlbFByb3BzIH0gZnJvbSAnQG5kbGEvY2Fyb3VzZWwnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgYnJlYWtwb2ludHMsIG1xLCBzcGFjaW5nIH0gZnJvbSAnQG5kbGEvY29yZSc7XG5pbXBvcnQgRmlsbUNvbnRlbnRDYXJkIGZyb20gJy4vRmlsbUNvbnRlbnRDYXJkJztcbmltcG9ydCB7IE1vdmllUmVzb3VyY2VUeXBlLCBNb3ZpZVR5cGUgfSBmcm9tICcuL3R5cGVzJztcbmltcG9ydCB7IFN0eWxlZEhlYWRpbmdIMSB9IGZyb20gJy4vZmlsbVN0eWxlcyc7XG5cbmludGVyZmFjZSBQcm9wcyB7XG4gIG1vdmllczogTW92aWVUeXBlW107XG4gIG5hbWU6IHN0cmluZztcbiAgc2xpZGVCYWNrd2FyZHNMYWJlbDogc3RyaW5nO1xuICBzbGlkZUZvcndhcmRzTGFiZWw6IHN0cmluZztcbiAgcmVzb3VyY2VUeXBlczogTW92aWVSZXNvdXJjZVR5cGVbXTtcbiAgYXV0b1NpemVkUHJvcHM6IENhbGN1bGF0ZWRDYXJvdXNlbFByb3BzO1xuICByZXNpemVUaHVtYm5haWxJbWFnZXM/OiBib29sZWFuO1xufVxuXG5jb25zdCBTdHlsZWRTZWN0aW9uID0gc3R5bGVkLnNlY3Rpb25gXG4gIG1hcmdpbi1ib3R0b206ICR7c3BhY2luZy5ub3JtYWx9O1xuICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMudGFibGV0IH0pfSB7XG4gICAgbWFyZ2luLWJvdHRvbTogJHtzcGFjaW5nLmxhcmdlfTtcbiAgfVxuYDtcblxuY29uc3QgRmlsbU1vdmllTGlzdCA9ICh7XG4gIG5hbWUsXG4gIG1vdmllcyA9IFtdLFxuICBzbGlkZUJhY2t3YXJkc0xhYmVsLFxuICBzbGlkZUZvcndhcmRzTGFiZWwsXG4gIHJlc291cmNlVHlwZXMgPSBbXSxcbiAgYXV0b1NpemVkUHJvcHMsXG4gIHJlc2l6ZVRodW1ibmFpbEltYWdlcyxcbn06IFByb3BzKSA9PiAoXG4gIDxTdHlsZWRTZWN0aW9uPlxuICAgIDxTdHlsZWRIZWFkaW5nSDEgbWFyZ2luTGVmdD17YXV0b1NpemVkUHJvcHMubWFyZ2lufT57bmFtZX08L1N0eWxlZEhlYWRpbmdIMT5cbiAgICA8Q2Fyb3VzZWxcbiAgICAgIGRpc2FibGVTY3JvbGw9e2ZhbHNlfVxuICAgICAgc2xpZGVCYWNrd2FyZHNMYWJlbD17c2xpZGVCYWNrd2FyZHNMYWJlbH1cbiAgICAgIHNsaWRlRm9yd2FyZHNMYWJlbD17c2xpZGVGb3J3YXJkc0xhYmVsfVxuICAgICAgYnV0dG9uQ2xhc3M9XCJjLWZpbG0tbW92aWVsaXN0X19jYXJvdXNlbC1idXR0b25zXCJcbiAgICAgIHdyYXBwZXJDbGFzcz1cImMtZmlsbS1tb3ZpZWxpc3RfX2Nhcm91c2VsLXdyYXBwZXItYnV0dG9uc1wiXG4gICAgICBpdGVtcz17bW92aWVzLm1hcCgobW92aWUpID0+IChcbiAgICAgICAgPEZpbG1Db250ZW50Q2FyZFxuICAgICAgICAgIGtleT17bW92aWUuaWR9XG4gICAgICAgICAgbW92aWU9e21vdmllfVxuICAgICAgICAgIGNvbHVtbldpZHRoPXthdXRvU2l6ZWRQcm9wcy5jb2x1bW5XaWR0aH1cbiAgICAgICAgICByZXNvdXJjZVR5cGVzPXtyZXNvdXJjZVR5cGVzfVxuICAgICAgICAgIHJlc2l6ZVRodW1ibmFpbEltYWdlcz17cmVzaXplVGh1bWJuYWlsSW1hZ2VzfVxuICAgICAgICAvPlxuICAgICAgKSl9XG4gICAgICB7Li4uYXV0b1NpemVkUHJvcHN9XG4gICAgLz5cbiAgPC9TdHlsZWRTZWN0aW9uPlxuKTtcblxuZXhwb3J0IGRlZmF1bHQgRmlsbU1vdmllTGlzdDtcbiJdfQ== */"));
+}), "{margin-bottom:", _core.spacing.large, ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZpbG1Nb3ZpZUxpc3QudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTJCb0MiLCJmaWxlIjoiRmlsbU1vdmllTGlzdC50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKiogKiBDb3B5cmlnaHQgKGMpIDIwMTYtcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLlxuICpcbiAqL1xuXG5pbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgQ2Fyb3VzZWwsIENhbGN1bGF0ZWRDYXJvdXNlbFByb3BzIH0gZnJvbSAnQG5kbGEvY2Fyb3VzZWwnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgSWNvbkJ1dHRvblYyIH0gZnJvbSAnQG5kbGEvYnV0dG9uJztcbmltcG9ydCB7IENoZXZyb25MZWZ0LCBDaGV2cm9uUmlnaHQgfSBmcm9tICdAbmRsYS9pY29ucy9jb21tb24nO1xuaW1wb3J0IHsgYnJlYWtwb2ludHMsIG1xLCBzcGFjaW5nIH0gZnJvbSAnQG5kbGEvY29yZSc7XG5pbXBvcnQgRmlsbUNvbnRlbnRDYXJkIGZyb20gJy4vRmlsbUNvbnRlbnRDYXJkJztcbmltcG9ydCB7IE1vdmllUmVzb3VyY2VUeXBlLCBNb3ZpZVR5cGUgfSBmcm9tICcuL3R5cGVzJztcbmltcG9ydCB7IFN0eWxlZEhlYWRpbmdIMiB9IGZyb20gJy4vZmlsbVN0eWxlcyc7XG5cbmludGVyZmFjZSBQcm9wcyB7XG4gIG1vdmllczogTW92aWVUeXBlW107XG4gIG5hbWU6IHN0cmluZztcbiAgc2xpZGVCYWNrd2FyZHNMYWJlbDogc3RyaW5nO1xuICBzbGlkZUZvcndhcmRzTGFiZWw6IHN0cmluZztcbiAgcmVzb3VyY2VUeXBlczogTW92aWVSZXNvdXJjZVR5cGVbXTtcbiAgYXV0b1NpemVkUHJvcHM6IENhbGN1bGF0ZWRDYXJvdXNlbFByb3BzO1xuICByZXNpemVUaHVtYm5haWxJbWFnZXM/OiBib29sZWFuO1xufVxuXG5jb25zdCBTdHlsZWRTZWN0aW9uID0gc3R5bGVkLnNlY3Rpb25gXG4gIG1hcmdpbi1ib3R0b206ICR7c3BhY2luZy5ub3JtYWx9O1xuICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMudGFibGV0IH0pfSB7XG4gICAgbWFyZ2luLWJvdHRvbTogJHtzcGFjaW5nLmxhcmdlfTtcbiAgfVxuYDtcblxuY29uc3QgRmlsbU1vdmllTGlzdCA9ICh7XG4gIG5hbWUsXG4gIG1vdmllcyA9IFtdLFxuICBzbGlkZUJhY2t3YXJkc0xhYmVsLFxuICBzbGlkZUZvcndhcmRzTGFiZWwsXG4gIHJlc291cmNlVHlwZXMgPSBbXSxcbiAgYXV0b1NpemVkUHJvcHMsXG4gIHJlc2l6ZVRodW1ibmFpbEltYWdlcyxcbn06IFByb3BzKSA9PiAoXG4gIDxTdHlsZWRTZWN0aW9uPlxuICAgIDxTdHlsZWRIZWFkaW5nSDIgbWFyZ2luTGVmdD17YXV0b1NpemVkUHJvcHMubWFyZ2lufT57bmFtZX08L1N0eWxlZEhlYWRpbmdIMj5cbiAgICA8Q2Fyb3VzZWxcbiAgICAgIGxlZnRCdXR0b249e1xuICAgICAgICA8SWNvbkJ1dHRvblYyIGFyaWEtbGFiZWw9e3NsaWRlQmFja3dhcmRzTGFiZWx9PlxuICAgICAgICAgIDxDaGV2cm9uTGVmdCAvPlxuICAgICAgICA8L0ljb25CdXR0b25WMj5cbiAgICAgIH1cbiAgICAgIHJpZ2h0QnV0dG9uPXtcbiAgICAgICAgPEljb25CdXR0b25WMiBhcmlhLWxhYmVsPXtzbGlkZUZvcndhcmRzTGFiZWx9PlxuICAgICAgICAgIDxDaGV2cm9uUmlnaHQgLz5cbiAgICAgICAgPC9JY29uQnV0dG9uVjI+XG4gICAgICB9XG4gICAgICBpdGVtcz17bW92aWVzLm1hcCgobW92aWUpID0+IChcbiAgICAgICAgPEZpbG1Db250ZW50Q2FyZFxuICAgICAgICAgIGtleT17bW92aWUuaWR9XG4gICAgICAgICAgbW92aWU9e21vdmllfVxuICAgICAgICAgIGNvbHVtbldpZHRoPXthdXRvU2l6ZWRQcm9wcy5jb2x1bW5XaWR0aH1cbiAgICAgICAgICByZXNvdXJjZVR5cGVzPXtyZXNvdXJjZVR5cGVzfVxuICAgICAgICAgIHJlc2l6ZVRodW1ibmFpbEltYWdlcz17cmVzaXplVGh1bWJuYWlsSW1hZ2VzfVxuICAgICAgICAvPlxuICAgICAgKSl9XG4gICAgICB7Li4uYXV0b1NpemVkUHJvcHN9XG4gICAgLz5cbiAgPC9TdHlsZWRTZWN0aW9uPlxuKTtcblxuZXhwb3J0IGRlZmF1bHQgRmlsbU1vdmllTGlzdDtcbiJdfQ== */"));
 var FilmMovieList = function FilmMovieList(_ref) {
   var name = _ref.name,
     _ref$movies = _ref.movies,
@@ -32,15 +34,18 @@ var FilmMovieList = function FilmMovieList(_ref) {
     autoSizedProps = _ref.autoSizedProps,
     resizeThumbnailImages = _ref.resizeThumbnailImages;
   return (0, _jsxRuntime.jsxs)(StyledSection, {
-    children: [(0, _jsxRuntime.jsx)(_filmStyles.StyledHeadingH1, {
+    children: [(0, _jsxRuntime.jsx)(_filmStyles.StyledHeadingH2, {
       marginLeft: autoSizedProps.margin,
       children: name
     }), (0, _jsxRuntime.jsx)(_carousel.Carousel, _objectSpread({
-      disableScroll: false,
-      slideBackwardsLabel: slideBackwardsLabel,
-      slideForwardsLabel: slideForwardsLabel,
-      buttonClass: "c-film-movielist__carousel-buttons",
-      wrapperClass: "c-film-movielist__carousel-wrapper-buttons",
+      leftButton: (0, _jsxRuntime.jsx)(_button.IconButtonV2, {
+        "aria-label": slideBackwardsLabel,
+        children: (0, _jsxRuntime.jsx)(_common.ChevronLeft, {})
+      }),
+      rightButton: (0, _jsxRuntime.jsx)(_button.IconButtonV2, {
+        "aria-label": slideForwardsLabel,
+        children: (0, _jsxRuntime.jsx)(_common.ChevronRight, {})
+      }),
       items: movies.map(function (movie) {
         return (0, _jsxRuntime.jsx)(_FilmContentCard["default"], {
           movie: movie,

package/lib/NDLAFilm/FilmMovieSearch.js

@@ -25,7 +25,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "d
 var FilmMovieSearchContainer = /*#__PURE__*/(0, _base["default"])("div", {
   target: "ebr0v6y1",
   label: "FilmMovieSearchContainer"
-})("margin:", _core.spacing.normal, " 0 ", _core.spacing.large, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZpbG1Nb3ZpZVNlYXJjaC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBa0IyQyIsImZpbGUiOiJGaWxtTW92aWVTZWFyY2gudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDb3B5cmlnaHQgKGMpIDIwMTYtcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLlxuICpcbiAqL1xuXG5pbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IFNhZmVMaW5rIGZyb20gJ0BuZGxhL3NhZmVsaW5rJztcbmltcG9ydCB7IHVzZVRyYW5zbGF0aW9uIH0gZnJvbSAncmVhY3QtaTE4bmV4dCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBzcGFjaW5nLCBtcSwgYnJlYWtwb2ludHMsIGNvbG9ycyB9IGZyb20gJ0BuZGxhL2NvcmUnO1xuaW1wb3J0IENhdGVnb3J5U2VsZWN0IGZyb20gJy4vQ2F0ZWdvcnlTZWxlY3QnO1xuaW1wb3J0IHsgTW92aWVSZXNvdXJjZVR5cGUgfSBmcm9tICcuL3R5cGVzJztcbmltcG9ydCB7IE9uZUNvbHVtbiB9IGZyb20gJy4uJztcbmltcG9ydCB7IFN0eWxlZEhlYWRpbmdIMiB9IGZyb20gJy4vZmlsbVN0eWxlcyc7XG5cbmNvbnN0IEZpbG1Nb3ZpZVNlYXJjaENvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG4gIG1hcmdpbjogJHtzcGFjaW5nLm5vcm1hbH0gMCAke3NwYWNpbmcubGFyZ2V9O1xuYDtcblxuY29uc3QgVG9waWNOYXZpZ2F0aW9uID0gc3R5bGVkLmRpdmBcbiAgbWFyZ2luOiAke3NwYWNpbmcubm9ybWFsfSAwO1xuICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMudGFibGV0IH0pfSB7XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBhbGlnbi1pdGVtczogZmxleC1zdGFydDtcbiAgICBwYWRkaW5nOiAwICR7c3BhY2luZy5ub3JtYWx9O1xuICB9XG4gIHVsIHtcbiAgICBsaXN0LXN0eWxlLXR5cGU6IG5vbmU7XG4gICAgbGlzdC1zdHlsZS1pbWFnZTogbm9uZTtcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGFsaWduLWl0ZW1zOiBmbGV4LXN0YXJ0O1xuICAgIGZsZXgtd3JhcDogd3JhcDtcbiAgICBwYWRkaW5nOiAwO1xuICAgIG1hcmdpbjogJHtzcGFjaW5nLnNtYWxsfSAwO1xuICAgICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy50YWJsZXQgfSl9IHtcbiAgICAgIHBhZGRpbmctbGVmdDogJHtzcGFjaW5nLm5vcm1hbH07XG4gICAgfVxuICAgIGxpIHtcbiAgICAgIHBhZGRpbmc6IDA7XG4gICAgICB3aWR0aDogMTAwJTtcbiAgICAgICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy50YWJsZXQgfSl9IHtcbiAgICAgICAgd2lkdGg6IDUwJTtcbiAgICAgIH1cbiAgICAgIGEge1xuICAgICAgICBjb2xvcjogI2ZmZjtcbiAgICAgICAgJjpob3ZlcixcbiAgICAgICAgJjpmb2N1cyB7XG4gICAgICAgICAgY29sb3I6ICR7Y29sb3JzLmJyYW5kLmxpZ2h0fTtcbiAgICAgICAgfVxuICAgICAgfVxuICAgIH1cbiAgfVxuYDtcblxuaW50ZXJmYWNlIFByb3BzIHtcbiAgdG9waWNzPzogeyBpZDogc3RyaW5nOyBwYXRoOiBzdHJpbmc7IG5hbWU6IHN0cmluZyB9W107XG4gIG9uQ2hhbmdlUmVzb3VyY2VUeXBlOiAocmVzb3VyY2VUeXBlPzogc3RyaW5nKSA9PiB2b2lkO1xuICByZXNvdXJjZVR5cGVTZWxlY3RlZD86IE1vdmllUmVzb3VyY2VUeXBlO1xuICByZXNvdXJjZVR5cGVzOiBNb3ZpZVJlc291cmNlVHlwZVtdO1xuICBhcmlhQ29udHJvbElkOiBzdHJpbmc7XG4gIHNraXBUb0NvbnRlbnRJZD86IHN0cmluZztcbn1cblxuY29uc3QgRmlsbU1vdmllU2VhcmNoID0gKHtcbiAgdG9waWNzID0gW10sXG4gIG9uQ2hhbmdlUmVzb3VyY2VUeXBlLFxuICByZXNvdXJjZVR5cGVzLFxuICByZXNvdXJjZVR5cGVTZWxlY3RlZCxcbiAgYXJpYUNvbnRyb2xJZCxcbiAgc2tpcFRvQ29udGVudElkLFxufTogUHJvcHMpID0+IHtcbiAgY29uc3QgeyB0IH0gPSB1c2VUcmFuc2xhdGlvbigpO1xuICByZXR1cm4gKFxuICAgIDxGaWxtTW92aWVTZWFyY2hDb250YWluZXI+XG4gICAgICA8T25lQ29sdW1uPlxuICAgICAgICA8VG9waWNOYXZpZ2F0aW9uPlxuICAgICAgICAgIDxTdHlsZWRIZWFkaW5nSDIgaWQ9e3NraXBUb0NvbnRlbnRJZH0gY2xhc3NOYW1lPVwidS0xMi8xMiB1LTQvMTJAdGFibGV0XCI+XG4gICAgICAgICAgICB7dCgnbmRsYUZpbG0uc3ViamVjdHNJbk1vdmllcycpfTpcbiAgICAgICAgICA8L1N0eWxlZEhlYWRpbmdIMj5cbiAgICAgICAgICA8bmF2IGNsYXNzTmFtZT1cInUtMTIvMTIgdS04LzEyQHRhYmxldFwiPlxuICAgICAgICAgICAgPHVsPlxuICAgICAgICAgICAgICB7dG9waWNzLm1hcCgodG9waWMpID0+IChcbiAgICAgICAgICAgICAgICA8bGkga2V5PXt0b3BpYy5pZH0+XG4gICAgICAgICAgICAgICAgICA8U2FmZUxpbmsgdG89e3RvcGljLnBhdGh9IGtleT17dG9waWMuaWR9PlxuICAgICAgICAgICAgICAgICAgICA8c3Bhbj57dG9waWMubmFtZX08L3NwYW4+XG4gICAgICAgICAgICAgICAgICA8L1NhZmVMaW5rPlxuICAgICAgICAgICAgICAgIDwvbGk+XG4gICAgICAgICAgICAgICkpfVxuICAgICAgICAgICAgPC91bD5cbiAgICAgICAgICA8L25hdj5cbiAgICAgICAgPC9Ub3BpY05hdmlnYXRpb24+XG4gICAgICAgIDxDYXRlZ29yeVNlbGVjdFxuICAgICAgICAgIG9uQ2hhbmdlUmVzb3VyY2VUeXBlPXtvbkNoYW5nZVJlc291cmNlVHlwZX1cbiAgICAgICAgICByZXNvdXJjZVR5cGVzPXtyZXNvdXJjZVR5cGVzfVxuICAgICAgICAgIHJlc291cmNlVHlwZVNlbGVjdGVkPXtyZXNvdXJjZVR5cGVTZWxlY3RlZH1cbiAgICAgICAgICBhcmlhQ29udHJvbElkPXthcmlhQ29udHJvbElkfVxuICAgICAgICAvPlxuICAgICAgPC9PbmVDb2x1bW4+XG4gICAgPC9GaWxtTW92aWVTZWFyY2hDb250YWluZXI+XG4gICk7XG59O1xuXG5leHBvcnQgZGVmYXVsdCBGaWxtTW92aWVTZWFyY2g7XG4iXX0= */"));
+})("margin:", _core.spacing.normal, " 0 ", _core.spacing.large, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZpbG1Nb3ZpZVNlYXJjaC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBa0IyQyIsImZpbGUiOiJGaWxtTW92aWVTZWFyY2gudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDb3B5cmlnaHQgKGMpIDIwMTYtcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLlxuICpcbiAqL1xuXG5pbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IFNhZmVMaW5rIGZyb20gJ0BuZGxhL3NhZmVsaW5rJztcbmltcG9ydCB7IHVzZVRyYW5zbGF0aW9uIH0gZnJvbSAncmVhY3QtaTE4bmV4dCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBzcGFjaW5nLCBtcSwgYnJlYWtwb2ludHMsIGNvbG9ycyB9IGZyb20gJ0BuZGxhL2NvcmUnO1xuaW1wb3J0IENhdGVnb3J5U2VsZWN0IGZyb20gJy4vQ2F0ZWdvcnlTZWxlY3QnO1xuaW1wb3J0IHsgTW92aWVSZXNvdXJjZVR5cGUgfSBmcm9tICcuL3R5cGVzJztcbmltcG9ydCB7IE9uZUNvbHVtbiB9IGZyb20gJy4uJztcbmltcG9ydCB7IFN0eWxlZEhlYWRpbmdIMiB9IGZyb20gJy4vZmlsbVN0eWxlcyc7XG5cbmNvbnN0IEZpbG1Nb3ZpZVNlYXJjaENvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG4gIG1hcmdpbjogJHtzcGFjaW5nLm5vcm1hbH0gMCAke3NwYWNpbmcubGFyZ2V9O1xuYDtcblxuY29uc3QgVG9waWNOYXZpZ2F0aW9uID0gc3R5bGVkLmRpdmBcbiAgbWFyZ2luOiAke3NwYWNpbmcubm9ybWFsfSAwO1xuICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMudGFibGV0IH0pfSB7XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBhbGlnbi1pdGVtczogZmxleC1zdGFydDtcbiAgICBwYWRkaW5nOiAwICR7c3BhY2luZy5ub3JtYWx9O1xuICB9XG4gIHVsIHtcbiAgICBsaXN0LXN0eWxlLXR5cGU6IG5vbmU7XG4gICAgbGlzdC1zdHlsZS1pbWFnZTogbm9uZTtcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGFsaWduLWl0ZW1zOiBmbGV4LXN0YXJ0O1xuICAgIGZsZXgtd3JhcDogd3JhcDtcbiAgICBwYWRkaW5nOiAwO1xuICAgIG1hcmdpbjogJHtzcGFjaW5nLnNtYWxsfSAwO1xuICAgICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy50YWJsZXQgfSl9IHtcbiAgICAgIHBhZGRpbmctbGVmdDogJHtzcGFjaW5nLm5vcm1hbH07XG4gICAgfVxuICAgIGxpIHtcbiAgICAgIHBhZGRpbmc6IDA7XG4gICAgICB3aWR0aDogMTAwJTtcbiAgICAgICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy50YWJsZXQgfSl9IHtcbiAgICAgICAgd2lkdGg6IDUwJTtcbiAgICAgIH1cbiAgICAgIGEge1xuICAgICAgICBjb2xvcjogI2ZmZjtcbiAgICAgICAgJjpob3ZlcixcbiAgICAgICAgJjpmb2N1cyB7XG4gICAgICAgICAgY29sb3I6ICR7Y29sb3JzLmJyYW5kLmxpZ2h0fTtcbiAgICAgICAgfVxuICAgICAgfVxuICAgIH1cbiAgfVxuYDtcblxuaW50ZXJmYWNlIFByb3BzIHtcbiAgdG9waWNzPzogeyBpZDogc3RyaW5nOyBwYXRoOiBzdHJpbmc7IG5hbWU6IHN0cmluZyB9W107XG4gIG9uQ2hhbmdlUmVzb3VyY2VUeXBlOiAocmVzb3VyY2VUeXBlPzogc3RyaW5nKSA9PiB2b2lkO1xuICByZXNvdXJjZVR5cGVTZWxlY3RlZD86IE1vdmllUmVzb3VyY2VUeXBlO1xuICByZXNvdXJjZVR5cGVzOiBNb3ZpZVJlc291cmNlVHlwZVtdO1xuICBhcmlhQ29udHJvbElkOiBzdHJpbmc7XG4gIHNraXBUb0NvbnRlbnRJZD86IHN0cmluZztcbn1cblxuY29uc3QgRmlsbU1vdmllU2VhcmNoID0gKHtcbiAgdG9waWNzID0gW10sXG4gIG9uQ2hhbmdlUmVzb3VyY2VUeXBlLFxuICByZXNvdXJjZVR5cGVzLFxuICByZXNvdXJjZVR5cGVTZWxlY3RlZCxcbiAgYXJpYUNvbnRyb2xJZCxcbiAgc2tpcFRvQ29udGVudElkLFxufTogUHJvcHMpID0+IHtcbiAgY29uc3QgeyB0IH0gPSB1c2VUcmFuc2xhdGlvbigpO1xuICByZXR1cm4gKFxuICAgIDxGaWxtTW92aWVTZWFyY2hDb250YWluZXI+XG4gICAgICA8T25lQ29sdW1uPlxuICAgICAgICA8VG9waWNOYXZpZ2F0aW9uPlxuICAgICAgICAgIDxTdHlsZWRIZWFkaW5nSDIgaWQ9e3NraXBUb0NvbnRlbnRJZH0gY2xhc3NOYW1lPVwidS0xMi8xMiB1LTQvMTJAdGFibGV0XCI+XG4gICAgICAgICAgICB7YCR7dCgnbmRsYUZpbG0uc3ViamVjdHNJbk1vdmllcycpfTpgfVxuICAgICAgICAgIDwvU3R5bGVkSGVhZGluZ0gyPlxuICAgICAgICAgIDxuYXYgY2xhc3NOYW1lPVwidS0xMi8xMiB1LTgvMTJAdGFibGV0XCIgYXJpYS1sYWJlbGxlZGJ5PXtza2lwVG9Db250ZW50SWR9PlxuICAgICAgICAgICAgPHVsPlxuICAgICAgICAgICAgICB7dG9waWNzLm1hcCgodG9waWMpID0+IChcbiAgICAgICAgICAgICAgICA8bGkga2V5PXt0b3BpYy5pZH0+XG4gICAgICAgICAgICAgICAgICA8U2FmZUxpbmsgdG89e3RvcGljLnBhdGh9IGtleT17dG9waWMuaWR9PlxuICAgICAgICAgICAgICAgICAgICA8c3Bhbj57dG9waWMubmFtZX08L3NwYW4+XG4gICAgICAgICAgICAgICAgICA8L1NhZmVMaW5rPlxuICAgICAgICAgICAgICAgIDwvbGk+XG4gICAgICAgICAgICAgICkpfVxuICAgICAgICAgICAgPC91bD5cbiAgICAgICAgICA8L25hdj5cbiAgICAgICAgPC9Ub3BpY05hdmlnYXRpb24+XG4gICAgICAgIDxDYXRlZ29yeVNlbGVjdFxuICAgICAgICAgIG9uQ2hhbmdlUmVzb3VyY2VUeXBlPXtvbkNoYW5nZVJlc291cmNlVHlwZX1cbiAgICAgICAgICByZXNvdXJjZVR5cGVzPXtyZXNvdXJjZVR5cGVzfVxuICAgICAgICAgIHJlc291cmNlVHlwZVNlbGVjdGVkPXtyZXNvdXJjZVR5cGVTZWxlY3RlZH1cbiAgICAgICAgICBhcmlhQ29udHJvbElkPXthcmlhQ29udHJvbElkfVxuICAgICAgICAvPlxuICAgICAgPC9PbmVDb2x1bW4+XG4gICAgPC9GaWxtTW92aWVTZWFyY2hDb250YWluZXI+XG4gICk7XG59O1xuXG5leHBvcnQgZGVmYXVsdCBGaWxtTW92aWVTZWFyY2g7XG4iXX0= */"));
 var TopicNavigation = /*#__PURE__*/(0, _base["default"])("div", {
   target: "ebr0v6y0",
   label: "TopicNavigation"
@@ -35,7 +35,7 @@ var TopicNavigation = /*#__PURE__*/(0, _base["default"])("div", {
   from: _core.breakpoints.tablet
 }), "{padding-left:", _core.spacing.normal, ";}li{padding:0;width:100%;", _core.mq.range({
   from: _core.breakpoints.tablet
-}), "{width:50%;}a{color:#fff;&:hover,&:focus{color:", _core.colors.brand.light, ";}}}}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZpbG1Nb3ZpZVNlYXJjaC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBc0JrQyIsImZpbGUiOiJGaWxtTW92aWVTZWFyY2gudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDb3B5cmlnaHQgKGMpIDIwMTYtcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLlxuICpcbiAqL1xuXG5pbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IFNhZmVMaW5rIGZyb20gJ0BuZGxhL3NhZmVsaW5rJztcbmltcG9ydCB7IHVzZVRyYW5zbGF0aW9uIH0gZnJvbSAncmVhY3QtaTE4bmV4dCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBzcGFjaW5nLCBtcSwgYnJlYWtwb2ludHMsIGNvbG9ycyB9IGZyb20gJ0BuZGxhL2NvcmUnO1xuaW1wb3J0IENhdGVnb3J5U2VsZWN0IGZyb20gJy4vQ2F0ZWdvcnlTZWxlY3QnO1xuaW1wb3J0IHsgTW92aWVSZXNvdXJjZVR5cGUgfSBmcm9tICcuL3R5cGVzJztcbmltcG9ydCB7IE9uZUNvbHVtbiB9IGZyb20gJy4uJztcbmltcG9ydCB7IFN0eWxlZEhlYWRpbmdIMiB9IGZyb20gJy4vZmlsbVN0eWxlcyc7XG5cbmNvbnN0IEZpbG1Nb3ZpZVNlYXJjaENvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG4gIG1hcmdpbjogJHtzcGFjaW5nLm5vcm1hbH0gMCAke3NwYWNpbmcubGFyZ2V9O1xuYDtcblxuY29uc3QgVG9waWNOYXZpZ2F0aW9uID0gc3R5bGVkLmRpdmBcbiAgbWFyZ2luOiAke3NwYWNpbmcubm9ybWFsfSAwO1xuICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMudGFibGV0IH0pfSB7XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBhbGlnbi1pdGVtczogZmxleC1zdGFydDtcbiAgICBwYWRkaW5nOiAwICR7c3BhY2luZy5ub3JtYWx9O1xuICB9XG4gIHVsIHtcbiAgICBsaXN0LXN0eWxlLXR5cGU6IG5vbmU7XG4gICAgbGlzdC1zdHlsZS1pbWFnZTogbm9uZTtcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGFsaWduLWl0ZW1zOiBmbGV4LXN0YXJ0O1xuICAgIGZsZXgtd3JhcDogd3JhcDtcbiAgICBwYWRkaW5nOiAwO1xuICAgIG1hcmdpbjogJHtzcGFjaW5nLnNtYWxsfSAwO1xuICAgICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy50YWJsZXQgfSl9IHtcbiAgICAgIHBhZGRpbmctbGVmdDogJHtzcGFjaW5nLm5vcm1hbH07XG4gICAgfVxuICAgIGxpIHtcbiAgICAgIHBhZGRpbmc6IDA7XG4gICAgICB3aWR0aDogMTAwJTtcbiAgICAgICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy50YWJsZXQgfSl9IHtcbiAgICAgICAgd2lkdGg6IDUwJTtcbiAgICAgIH1cbiAgICAgIGEge1xuICAgICAgICBjb2xvcjogI2ZmZjtcbiAgICAgICAgJjpob3ZlcixcbiAgICAgICAgJjpmb2N1cyB7XG4gICAgICAgICAgY29sb3I6ICR7Y29sb3JzLmJyYW5kLmxpZ2h0fTtcbiAgICAgICAgfVxuICAgICAgfVxuICAgIH1cbiAgfVxuYDtcblxuaW50ZXJmYWNlIFByb3BzIHtcbiAgdG9waWNzPzogeyBpZDogc3RyaW5nOyBwYXRoOiBzdHJpbmc7IG5hbWU6IHN0cmluZyB9W107XG4gIG9uQ2hhbmdlUmVzb3VyY2VUeXBlOiAocmVzb3VyY2VUeXBlPzogc3RyaW5nKSA9PiB2b2lkO1xuICByZXNvdXJjZVR5cGVTZWxlY3RlZD86IE1vdmllUmVzb3VyY2VUeXBlO1xuICByZXNvdXJjZVR5cGVzOiBNb3ZpZVJlc291cmNlVHlwZVtdO1xuICBhcmlhQ29udHJvbElkOiBzdHJpbmc7XG4gIHNraXBUb0NvbnRlbnRJZD86IHN0cmluZztcbn1cblxuY29uc3QgRmlsbU1vdmllU2VhcmNoID0gKHtcbiAgdG9waWNzID0gW10sXG4gIG9uQ2hhbmdlUmVzb3VyY2VUeXBlLFxuICByZXNvdXJjZVR5cGVzLFxuICByZXNvdXJjZVR5cGVTZWxlY3RlZCxcbiAgYXJpYUNvbnRyb2xJZCxcbiAgc2tpcFRvQ29udGVudElkLFxufTogUHJvcHMpID0+IHtcbiAgY29uc3QgeyB0IH0gPSB1c2VUcmFuc2xhdGlvbigpO1xuICByZXR1cm4gKFxuICAgIDxGaWxtTW92aWVTZWFyY2hDb250YWluZXI+XG4gICAgICA8T25lQ29sdW1uPlxuICAgICAgICA8VG9waWNOYXZpZ2F0aW9uPlxuICAgICAgICAgIDxTdHlsZWRIZWFkaW5nSDIgaWQ9e3NraXBUb0NvbnRlbnRJZH0gY2xhc3NOYW1lPVwidS0xMi8xMiB1LTQvMTJAdGFibGV0XCI+XG4gICAgICAgICAgICB7dCgnbmRsYUZpbG0uc3ViamVjdHNJbk1vdmllcycpfTpcbiAgICAgICAgICA8L1N0eWxlZEhlYWRpbmdIMj5cbiAgICAgICAgICA8bmF2IGNsYXNzTmFtZT1cInUtMTIvMTIgdS04LzEyQHRhYmxldFwiPlxuICAgICAgICAgICAgPHVsPlxuICAgICAgICAgICAgICB7dG9waWNzLm1hcCgodG9waWMpID0+IChcbiAgICAgICAgICAgICAgICA8bGkga2V5PXt0b3BpYy5pZH0+XG4gICAgICAgICAgICAgICAgICA8U2FmZUxpbmsgdG89e3RvcGljLnBhdGh9IGtleT17dG9waWMuaWR9PlxuICAgICAgICAgICAgICAgICAgICA8c3Bhbj57dG9waWMubmFtZX08L3NwYW4+XG4gICAgICAgICAgICAgICAgICA8L1NhZmVMaW5rPlxuICAgICAgICAgICAgICAgIDwvbGk+XG4gICAgICAgICAgICAgICkpfVxuICAgICAgICAgICAgPC91bD5cbiAgICAgICAgICA8L25hdj5cbiAgICAgICAgPC9Ub3BpY05hdmlnYXRpb24+XG4gICAgICAgIDxDYXRlZ29yeVNlbGVjdFxuICAgICAgICAgIG9uQ2hhbmdlUmVzb3VyY2VUeXBlPXtvbkNoYW5nZVJlc291cmNlVHlwZX1cbiAgICAgICAgICByZXNvdXJjZVR5cGVzPXtyZXNvdXJjZVR5cGVzfVxuICAgICAgICAgIHJlc291cmNlVHlwZVNlbGVjdGVkPXtyZXNvdXJjZVR5cGVTZWxlY3RlZH1cbiAgICAgICAgICBhcmlhQ29udHJvbElkPXthcmlhQ29udHJvbElkfVxuICAgICAgICAvPlxuICAgICAgPC9PbmVDb2x1bW4+XG4gICAgPC9GaWxtTW92aWVTZWFyY2hDb250YWluZXI+XG4gICk7XG59O1xuXG5leHBvcnQgZGVmYXVsdCBGaWxtTW92aWVTZWFyY2g7XG4iXX0= */"));
+}), "{width:50%;}a{color:#fff;&:hover,&:focus{color:", _core.colors.brand.light, ";}}}}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZpbG1Nb3ZpZVNlYXJjaC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBc0JrQyIsImZpbGUiOiJGaWxtTW92aWVTZWFyY2gudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDb3B5cmlnaHQgKGMpIDIwMTYtcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLlxuICpcbiAqL1xuXG5pbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IFNhZmVMaW5rIGZyb20gJ0BuZGxhL3NhZmVsaW5rJztcbmltcG9ydCB7IHVzZVRyYW5zbGF0aW9uIH0gZnJvbSAncmVhY3QtaTE4bmV4dCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBzcGFjaW5nLCBtcSwgYnJlYWtwb2ludHMsIGNvbG9ycyB9IGZyb20gJ0BuZGxhL2NvcmUnO1xuaW1wb3J0IENhdGVnb3J5U2VsZWN0IGZyb20gJy4vQ2F0ZWdvcnlTZWxlY3QnO1xuaW1wb3J0IHsgTW92aWVSZXNvdXJjZVR5cGUgfSBmcm9tICcuL3R5cGVzJztcbmltcG9ydCB7IE9uZUNvbHVtbiB9IGZyb20gJy4uJztcbmltcG9ydCB7IFN0eWxlZEhlYWRpbmdIMiB9IGZyb20gJy4vZmlsbVN0eWxlcyc7XG5cbmNvbnN0IEZpbG1Nb3ZpZVNlYXJjaENvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG4gIG1hcmdpbjogJHtzcGFjaW5nLm5vcm1hbH0gMCAke3NwYWNpbmcubGFyZ2V9O1xuYDtcblxuY29uc3QgVG9waWNOYXZpZ2F0aW9uID0gc3R5bGVkLmRpdmBcbiAgbWFyZ2luOiAke3NwYWNpbmcubm9ybWFsfSAwO1xuICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMudGFibGV0IH0pfSB7XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBhbGlnbi1pdGVtczogZmxleC1zdGFydDtcbiAgICBwYWRkaW5nOiAwICR7c3BhY2luZy5ub3JtYWx9O1xuICB9XG4gIHVsIHtcbiAgICBsaXN0LXN0eWxlLXR5cGU6IG5vbmU7XG4gICAgbGlzdC1zdHlsZS1pbWFnZTogbm9uZTtcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGFsaWduLWl0ZW1zOiBmbGV4LXN0YXJ0O1xuICAgIGZsZXgtd3JhcDogd3JhcDtcbiAgICBwYWRkaW5nOiAwO1xuICAgIG1hcmdpbjogJHtzcGFjaW5nLnNtYWxsfSAwO1xuICAgICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy50YWJsZXQgfSl9IHtcbiAgICAgIHBhZGRpbmctbGVmdDogJHtzcGFjaW5nLm5vcm1hbH07XG4gICAgfVxuICAgIGxpIHtcbiAgICAgIHBhZGRpbmc6IDA7XG4gICAgICB3aWR0aDogMTAwJTtcbiAgICAgICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy50YWJsZXQgfSl9IHtcbiAgICAgICAgd2lkdGg6IDUwJTtcbiAgICAgIH1cbiAgICAgIGEge1xuICAgICAgICBjb2xvcjogI2ZmZjtcbiAgICAgICAgJjpob3ZlcixcbiAgICAgICAgJjpmb2N1cyB7XG4gICAgICAgICAgY29sb3I6ICR7Y29sb3JzLmJyYW5kLmxpZ2h0fTtcbiAgICAgICAgfVxuICAgICAgfVxuICAgIH1cbiAgfVxuYDtcblxuaW50ZXJmYWNlIFByb3BzIHtcbiAgdG9waWNzPzogeyBpZDogc3RyaW5nOyBwYXRoOiBzdHJpbmc7IG5hbWU6IHN0cmluZyB9W107XG4gIG9uQ2hhbmdlUmVzb3VyY2VUeXBlOiAocmVzb3VyY2VUeXBlPzogc3RyaW5nKSA9PiB2b2lkO1xuICByZXNvdXJjZVR5cGVTZWxlY3RlZD86IE1vdmllUmVzb3VyY2VUeXBlO1xuICByZXNvdXJjZVR5cGVzOiBNb3ZpZVJlc291cmNlVHlwZVtdO1xuICBhcmlhQ29udHJvbElkOiBzdHJpbmc7XG4gIHNraXBUb0NvbnRlbnRJZD86IHN0cmluZztcbn1cblxuY29uc3QgRmlsbU1vdmllU2VhcmNoID0gKHtcbiAgdG9waWNzID0gW10sXG4gIG9uQ2hhbmdlUmVzb3VyY2VUeXBlLFxuICByZXNvdXJjZVR5cGVzLFxuICByZXNvdXJjZVR5cGVTZWxlY3RlZCxcbiAgYXJpYUNvbnRyb2xJZCxcbiAgc2tpcFRvQ29udGVudElkLFxufTogUHJvcHMpID0+IHtcbiAgY29uc3QgeyB0IH0gPSB1c2VUcmFuc2xhdGlvbigpO1xuICByZXR1cm4gKFxuICAgIDxGaWxtTW92aWVTZWFyY2hDb250YWluZXI+XG4gICAgICA8T25lQ29sdW1uPlxuICAgICAgICA8VG9waWNOYXZpZ2F0aW9uPlxuICAgICAgICAgIDxTdHlsZWRIZWFkaW5nSDIgaWQ9e3NraXBUb0NvbnRlbnRJZH0gY2xhc3NOYW1lPVwidS0xMi8xMiB1LTQvMTJAdGFibGV0XCI+XG4gICAgICAgICAgICB7YCR7dCgnbmRsYUZpbG0uc3ViamVjdHNJbk1vdmllcycpfTpgfVxuICAgICAgICAgIDwvU3R5bGVkSGVhZGluZ0gyPlxuICAgICAgICAgIDxuYXYgY2xhc3NOYW1lPVwidS0xMi8xMiB1LTgvMTJAdGFibGV0XCIgYXJpYS1sYWJlbGxlZGJ5PXtza2lwVG9Db250ZW50SWR9PlxuICAgICAgICAgICAgPHVsPlxuICAgICAgICAgICAgICB7dG9waWNzLm1hcCgodG9waWMpID0+IChcbiAgICAgICAgICAgICAgICA8bGkga2V5PXt0b3BpYy5pZH0+XG4gICAgICAgICAgICAgICAgICA8U2FmZUxpbmsgdG89e3RvcGljLnBhdGh9IGtleT17dG9waWMuaWR9PlxuICAgICAgICAgICAgICAgICAgICA8c3Bhbj57dG9waWMubmFtZX08L3NwYW4+XG4gICAgICAgICAgICAgICAgICA8L1NhZmVMaW5rPlxuICAgICAgICAgICAgICAgIDwvbGk+XG4gICAgICAgICAgICAgICkpfVxuICAgICAgICAgICAgPC91bD5cbiAgICAgICAgICA8L25hdj5cbiAgICAgICAgPC9Ub3BpY05hdmlnYXRpb24+XG4gICAgICAgIDxDYXRlZ29yeVNlbGVjdFxuICAgICAgICAgIG9uQ2hhbmdlUmVzb3VyY2VUeXBlPXtvbkNoYW5nZVJlc291cmNlVHlwZX1cbiAgICAgICAgICByZXNvdXJjZVR5cGVzPXtyZXNvdXJjZVR5cGVzfVxuICAgICAgICAgIHJlc291cmNlVHlwZVNlbGVjdGVkPXtyZXNvdXJjZVR5cGVTZWxlY3RlZH1cbiAgICAgICAgICBhcmlhQ29udHJvbElkPXthcmlhQ29udHJvbElkfVxuICAgICAgICAvPlxuICAgICAgPC9PbmVDb2x1bW4+XG4gICAgPC9GaWxtTW92aWVTZWFyY2hDb250YWluZXI+XG4gICk7XG59O1xuXG5leHBvcnQgZGVmYXVsdCBGaWxtTW92aWVTZWFyY2g7XG4iXX0= */"));
 var FilmMovieSearch = function FilmMovieSearch(_ref) {
   var _ref$topics = _ref.topics,
     topics = _ref$topics === void 0 ? [] : _ref$topics,
@@ -49,12 +49,13 @@ var FilmMovieSearch = function FilmMovieSearch(_ref) {
   return (0, _jsxRuntime.jsx)(FilmMovieSearchContainer, {
     children: (0, _jsxRuntime.jsxs)(_.OneColumn, {
       children: [(0, _jsxRuntime.jsxs)(TopicNavigation, {
-        children: [(0, _jsxRuntime.jsxs)(_filmStyles.StyledHeadingH2, {
+        children: [(0, _jsxRuntime.jsx)(_filmStyles.StyledHeadingH2, {
           id: skipToContentId,
           className: "u-12/12 u-4/12@tablet",
-          children: [t('ndlaFilm.subjectsInMovies'), ":"]
+          children: "".concat(t('ndlaFilm.subjectsInMovies'), ":")
         }), (0, _jsxRuntime.jsx)("nav", {
           className: "u-12/12 u-8/12@tablet",
+          "aria-labelledby": skipToContentId,
           children: (0, _jsxRuntime.jsx)("ul", {
             children: topics.map(function (topic) {
               return (0, _jsxRuntime.jsx)("li", {